refactor(select): separate into Select and MultiSelect (#63)

* refactor: simplify Select component and update styles for better usability

* feat: add MultiSelect component and update Select documentation

* feat: enhance MultiSelect component with size management and replace Badge with Tag

* feat: disable className table entry in Select component documentation

* feat: refactor MultiSelect and MultiSelectTrigger components for improved readability and functionality

* feat: implement SelectContext for size management in Select component

* feat: add MultiSelectCaption component and update stories to use it

* fix: lint, type error

Author: thebestluck

examples/nextjs/src/pages/index.tsx

@@ -160,11 +160,7 @@ const IndexPage: NextPage = () => {
           </DropdownContent>
         </Dropdown>
         <div className="w-96">
-          <Select
-            type="single"
-            value={value}
-            onValueChange={(value) => setValue(value)}
-          >
+          <Select value={value} onValueChange={(value) => setValue(value)}>
             <SelectLabel>Label</SelectLabel>
             <SelectTrigger>
               <SelectValue placeholder="Select a value..." />

packages/react/src/components/index.ts

@@ -32,6 +32,7 @@ export * from "./radio";
 export * from "./select";
 export * from "./spinner";
 export * from "./scroll-area";
+export * from "./multi-select";
 export * from "./switch";
 export * from "./sheet";
 export * from "./toast";