src/select/select.stories.tsx [101:120]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  const [selected, setSelected] = useState<SelectItem | null | undefined>(restArgs.data?.[0]);

  const handleSelect = (option: SelectItem | null) => {
    setSelected(option);
    onSelect?.(option);
  };

  return (
    <div className='demo-container'>
      <div className='demo'>
        {text}
        <Select {...restArgs} selected={selected} onSelect={handleSelect} />
      </div>

      <Link pseudo onClick={() => setSelected(null)}>
        Clear
      </Link>
    </div>
  );
};
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



src/select/select.stories.tsx [164:183]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  const [selected, setSelected] = useState<SelectItem | null | undefined>(restArgs.data?.[0]);

  const handleSelect = (option: SelectItem | null) => {
    setSelected(option);
    onSelect?.(option);
  };

  return (
    <div className='demo-container'>
      <div className='demo'>
        {text}
        <Select {...restArgs} selected={selected} onSelect={handleSelect} />
      </div>

      <Link pseudo onClick={() => setSelected(null)}>
        Clear
      </Link>
    </div>
  );
};
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -