@health-samurai/react-components 0.0.0-alpha.2 → 0.0.0-alpha.21

package/dist/src/shadcn/components/ui/radio-group.stories.js

@@ -1,50 +1,125 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Label } from "./label.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Controls, Primary, Title } from "@storybook/addon-docs/blocks";
 import { RadioGroup, RadioGroupItem } from "./radio-group.js";
 const meta = {
-    title: "Component/Radio group"
+    title: "Component/Radio group",
+    component: RadioGroup,
+    parameters: {
+        docs: {
+            page: ()=>/*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Title, {}),
+                        /*#__PURE__*/ _jsx(Primary, {}),
+                        /*#__PURE__*/ _jsx(Controls, {})
+                    ]
+                })
+        }
+    },
+    argTypes: {
+        disabled: {
+            control: "boolean"
+        }
+    },
+    args: {
+        disabled: false
+    }
 };
 export default meta;
-export const Demo = {
-    render: ()=>/*#__PURE__*/ _jsxs(RadioGroup, {
-            defaultValue: "comfortable",
+export const Default = {
+    tags: [
+        "!dev"
+    ],
+    render: (args)=>/*#__PURE__*/ _jsxs(RadioGroup, {
+            defaultValue: "option-1",
+            ...args,
             children: [
-                /*#__PURE__*/ _jsxs("div", {
-                    className: "flex items-center gap-3",
-                    children: [
-                        /*#__PURE__*/ _jsx(RadioGroupItem, {
-                            value: "default",
-                            id: "r1"
-                        }),
-                        /*#__PURE__*/ _jsx(Label, {
-                            htmlFor: "r1",
-                            children: "Default"
-                        })
-                    ]
+                /*#__PURE__*/ _jsx(RadioGroupItem, {
+                    value: "option-1",
+                    id: "option-1",
+                    size: "regular"
                 }),
+                /*#__PURE__*/ _jsx(RadioGroupItem, {
+                    value: "option-2",
+                    id: "option-2",
+                    size: "regular"
+                })
+            ]
+        })
+};
+export const Demo = {
+    tags: [
+        "!autodocs"
+    ],
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "flex gap-12",
+            children: [
                 /*#__PURE__*/ _jsxs("div", {
-                    className: "flex items-center gap-3",
+                    className: "space-y-6",
                     children: [
-                        /*#__PURE__*/ _jsx(RadioGroupItem, {
-                            value: "comfortable",
-                            id: "r2"
+                        /*#__PURE__*/ _jsxs(RadioGroup, {
+                            defaultValue: "checked",
+                            children: [
+                                /*#__PURE__*/ _jsx(RadioGroupItem, {
+                                    value: "default",
+                                    id: "r1",
+                                    size: "regular"
+                                }),
+                                /*#__PURE__*/ _jsx(RadioGroupItem, {
+                                    value: "checked",
+                                    id: "r2",
+                                    size: "regular"
+                                }),
+                                /*#__PURE__*/ _jsx(RadioGroupItem, {
+                                    value: "disabled",
+                                    id: "r3",
+                                    size: "regular",
+                                    disabled: true
+                                })
+                            ]
                         }),
-                        /*#__PURE__*/ _jsx(Label, {
-                            htmlFor: "r2",
-                            children: "Comfortable"
+                        /*#__PURE__*/ _jsx(RadioGroup, {
+                            defaultValue: "disabled-checked",
+                            children: /*#__PURE__*/ _jsx(RadioGroupItem, {
+                                value: "disabled-checked",
+                                id: "r4",
+                                size: "regular",
+                                disabled: true
+                            })
                         })
                     ]
                 }),
                 /*#__PURE__*/ _jsxs("div", {
-                    className: "flex items-center gap-3",
+                    className: "space-y-6",
                     children: [
-                        /*#__PURE__*/ _jsx(RadioGroupItem, {
-                            value: "compact",
-                            id: "r3"
+                        /*#__PURE__*/ _jsxs(RadioGroup, {
+                            defaultValue: "checked-small",
+                            children: [
+                                /*#__PURE__*/ _jsx(RadioGroupItem, {
+                                    value: "default-small",
+                                    id: "r1-small",
+                                    size: "small"
+                                }),
+                                /*#__PURE__*/ _jsx(RadioGroupItem, {
+                                    value: "checked-small",
+                                    id: "r2-small",
+                                    size: "small"
+                                }),
+                                /*#__PURE__*/ _jsx(RadioGroupItem, {
+                                    value: "disabled-small",
+                                    id: "r3-small",
+                                    size: "small",
+                                    disabled: true
+                                })
+                            ]
                         }),
-                        /*#__PURE__*/ _jsx(Label, {
-                            htmlFor: "r3",
-                            children: "Compact"
+                        /*#__PURE__*/ _jsx(RadioGroup, {
+                            defaultValue: "disabled-checked-small",
+                            children: /*#__PURE__*/ _jsx(RadioGroupItem, {
+                                value: "disabled-checked-small",
+                                id: "r4-small",
+                                size: "small",
+                                disabled: true
+                            })
                         })
                     ]
                 })

package/dist/src/shadcn/components/ui/radio-group.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/radio-group.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Label } from \"#shadcn/components/ui/label\";\nimport { RadioGroup, RadioGroupItem } from \"#shadcn/components/ui/radio-group\";\n\nconst meta = {\n\ttitle: \"Component/Radio group\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<RadioGroup defaultValue=\"comfortable\">\n\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t<RadioGroupItem value=\"default\" id=\"r1\" />\n\t\t\t\t<Label htmlFor=\"r1\">Default</Label>\n\t\t\t</div>\n\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t<RadioGroupItem value=\"comfortable\" id=\"r2\" />\n\t\t\t\t<Label htmlFor=\"r2\">Comfortable</Label>\n\t\t\t</div>\n\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t<RadioGroupItem value=\"compact\" id=\"r3\" />\n\t\t\t\t<Label htmlFor=\"r3\">Compact</Label>\n\t\t\t</div>\n\t\t</RadioGroup>\n\t),\n} satisfies Story;\n"],"names":["Label","RadioGroup","RadioGroupItem","meta","title","Demo","render","defaultValue","div","className","value","id","htmlFor"],"mappings":";AACA,SAASA,KAAK,QAAQ,aAA8B;AACpD,SAASC,UAAU,EAAEC,cAAc,QAAQ,mBAAoC;AAE/E,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACL;YAAWM,cAAa;;8BACxB,MAACC;oBAAIC,WAAU;;sCACd,KAACP;4BAAeQ,OAAM;4BAAUC,IAAG;;sCACnC,KAACX;4BAAMY,SAAQ;sCAAK;;;;8BAErB,MAACJ;oBAAIC,WAAU;;sCACd,KAACP;4BAAeQ,OAAM;4BAAcC,IAAG;;sCACvC,KAACX;4BAAMY,SAAQ;sCAAK;;;;8BAErB,MAACJ;oBAAIC,WAAU;;sCACd,KAACP;4BAAeQ,OAAM;4BAAUC,IAAG;;sCACnC,KAACX;4BAAMY,SAAQ;sCAAK;;;;;;AAIxB,EAAkB"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/radio-group.stories.tsx"],"sourcesContent":["import { Controls, Primary, Title } from \"@storybook/addon-docs/blocks\";\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { RadioGroup, RadioGroupItem } from \"#shadcn/components/ui/radio-group\";\n\nconst meta = {\n\ttitle: \"Component/Radio group\",\n\tcomponent: RadioGroup,\n\tparameters: {\n\t\tdocs: {\n\t\t\tpage: () => (\n\t\t\t\t<>\n\t\t\t\t\t<Title />\n\t\t\t\t\t<Primary />\n\t\t\t\t\t<Controls />\n\t\t\t\t</>\n\t\t\t),\n\t\t},\n\t},\n\targTypes: {\n\t\tdisabled: {\n\t\t\tcontrol: \"boolean\",\n\t\t},\n\t},\n\targs: {\n\t\tdisabled: false,\n\t},\n} satisfies Meta<typeof RadioGroup>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default = {\n\ttags: [\"!dev\"],\n\trender: (args) => (\n\t\t<RadioGroup defaultValue=\"option-1\" {...args}>\n\t\t\t<RadioGroupItem value=\"option-1\" id=\"option-1\" size=\"regular\" />\n\t\t\t<RadioGroupItem value=\"option-2\" id=\"option-2\" size=\"regular\" />\n\t\t</RadioGroup>\n\t),\n} satisfies Story;\n\nexport const Demo = {\n\ttags: [\"!autodocs\"],\n\trender: () => (\n\t\t<div className=\"flex gap-12\">\n\t\t\t{/* Regular size */}\n\t\t\t<div className=\"space-y-6\">\n\t\t\t\t<RadioGroup defaultValue=\"checked\">\n\t\t\t\t\t<RadioGroupItem value=\"default\" id=\"r1\" size=\"regular\" />\n\t\t\t\t\t<RadioGroupItem value=\"checked\" id=\"r2\" size=\"regular\" />\n\t\t\t\t\t<RadioGroupItem value=\"disabled\" id=\"r3\" size=\"regular\" disabled />\n\t\t\t\t</RadioGroup>\n\t\t\t\t<RadioGroup defaultValue=\"disabled-checked\">\n\t\t\t\t\t<RadioGroupItem\n\t\t\t\t\t\tvalue=\"disabled-checked\"\n\t\t\t\t\t\tid=\"r4\"\n\t\t\t\t\t\tsize=\"regular\"\n\t\t\t\t\t\tdisabled\n\t\t\t\t\t/>\n\t\t\t\t</RadioGroup>\n\t\t\t</div>\n\t\t\t{/* Small size */}\n\t\t\t<div className=\"space-y-6\">\n\t\t\t\t<RadioGroup defaultValue=\"checked-small\">\n\t\t\t\t\t<RadioGroupItem value=\"default-small\" id=\"r1-small\" size=\"small\" />\n\t\t\t\t\t<RadioGroupItem value=\"checked-small\" id=\"r2-small\" size=\"small\" />\n\t\t\t\t\t<RadioGroupItem\n\t\t\t\t\t\tvalue=\"disabled-small\"\n\t\t\t\t\t\tid=\"r3-small\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tdisabled\n\t\t\t\t\t/>\n\t\t\t\t</RadioGroup>\n\t\t\t\t<RadioGroup defaultValue=\"disabled-checked-small\">\n\t\t\t\t\t<RadioGroupItem\n\t\t\t\t\t\tvalue=\"disabled-checked-small\"\n\t\t\t\t\t\tid=\"r4-small\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tdisabled\n\t\t\t\t\t/>\n\t\t\t\t</RadioGroup>\n\t\t\t</div>\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["Controls","Primary","Title","RadioGroup","RadioGroupItem","meta","title","component","parameters","docs","page","argTypes","disabled","control","args","Default","tags","render","defaultValue","value","id","size","Demo","div","className"],"mappings":";AAAA,SAASA,QAAQ,EAAEC,OAAO,EAAEC,KAAK,QAAQ,+BAA+B;AAExE,SAASC,UAAU,EAAEC,cAAc,QAAQ,mBAAoC;AAE/E,MAAMC,OAAO;IACZC,OAAO;IACPC,WAAWJ;IACXK,YAAY;QACXC,MAAM;YACLC,MAAM,kBACL;;sCACC,KAACR;sCACD,KAACD;sCACD,KAACD;;;QAGJ;IACD;IACAW,UAAU;QACTC,UAAU;YACTC,SAAS;QACV;IACD;IACAC,MAAM;QACLF,UAAU;IACX;AACD;AACA,eAAeP,KAAK;AAIpB,OAAO,MAAMU,UAAU;IACtBC,MAAM;QAAC;KAAO;IACdC,QAAQ,CAACH,qBACR,MAACX;YAAWe,cAAa;YAAY,GAAGJ,IAAI;;8BAC3C,KAACV;oBAAee,OAAM;oBAAWC,IAAG;oBAAWC,MAAK;;8BACpD,KAACjB;oBAAee,OAAM;oBAAWC,IAAG;oBAAWC,MAAK;;;;AAGvD,EAAkB;AAElB,OAAO,MAAMC,OAAO;IACnBN,MAAM;QAAC;KAAY;IACnBC,QAAQ,kBACP,MAACM;YAAIC,WAAU;;8BAEd,MAACD;oBAAIC,WAAU;;sCACd,MAACrB;4BAAWe,cAAa;;8CACxB,KAACd;oCAAee,OAAM;oCAAUC,IAAG;oCAAKC,MAAK;;8CAC7C,KAACjB;oCAAee,OAAM;oCAAUC,IAAG;oCAAKC,MAAK;;8CAC7C,KAACjB;oCAAee,OAAM;oCAAWC,IAAG;oCAAKC,MAAK;oCAAUT,QAAQ;;;;sCAEjE,KAACT;4BAAWe,cAAa;sCACxB,cAAA,KAACd;gCACAe,OAAM;gCACNC,IAAG;gCACHC,MAAK;gCACLT,QAAQ;;;;;8BAKX,MAACW;oBAAIC,WAAU;;sCACd,MAACrB;4BAAWe,cAAa;;8CACxB,KAACd;oCAAee,OAAM;oCAAgBC,IAAG;oCAAWC,MAAK;;8CACzD,KAACjB;oCAAee,OAAM;oCAAgBC,IAAG;oCAAWC,MAAK;;8CACzD,KAACjB;oCACAe,OAAM;oCACNC,IAAG;oCACHC,MAAK;oCACLT,QAAQ;;;;sCAGV,KAACT;4BAAWe,cAAa;sCACxB,cAAA,KAACd;gCACAe,OAAM;gCACNC,IAAG;gCACHC,MAAK;gCACLT,QAAQ;;;;;;;AAMd,EAAkB"}

package/dist/src/shadcn/components/ui/resizable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/resizable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAC;AAI7D,iBAAS,mBAAmB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,2CAW5D;AAED,iBAAS,cAAc,CAAC,EACvB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,2CAEvD;AAED,iBAAS,eAAe,CAAC,EACxB,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,iBAAiB,CAAC,GAAG;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,2CAiBA;AAED,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/resizable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAC;AAI7D,iBAAS,mBAAmB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,2CAW5D;AAED,iBAAS,cAAc,CAAC,EACvB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,2CAEvD;AAED,iBAAS,eAAe,CAAC,EACxB,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,iBAAiB,CAAC,GAAG;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,2CAiBA;AAED,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}

package/dist/src/shadcn/components/ui/resizable.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { GripVerticalIcon } from "lucide-react";
 import * as ResizablePrimitive from "react-resizable-panels";
@@ -18,7 +19,7 @@ function ResizablePanel({ ...props }) {
 function ResizableHandle({ withHandle, className, ...props }) {
     return /*#__PURE__*/ _jsx(ResizablePrimitive.PanelResizeHandle, {
         "data-slot": "resizable-handle",
-        className: cn("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90", className),
+        className: cn("bg-border border-x border-border hover:border-bg-link hover:bg-bg-link focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:border-x-0 data-[panel-group-direction=vertical]:border-y data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90", className),
         ...props,
         children: withHandle && /*#__PURE__*/ _jsx("div", {
             className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",

package/dist/src/shadcn/components/ui/resizable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/resizable.tsx"],"sourcesContent":["import { GripVerticalIcon } from \"lucide-react\";\nimport type * as React from \"react\";\nimport * as ResizablePrimitive from \"react-resizable-panels\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction ResizablePanelGroup({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) {\n\treturn (\n\t\t<ResizablePrimitive.PanelGroup\n\t\t\tdata-slot=\"resizable-panel-group\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ResizablePanel({\n\t...props\n}: React.ComponentProps<typeof ResizablePrimitive.Panel>) {\n\treturn <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />;\n}\n\nfunction ResizableHandle({\n\twithHandle,\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n\twithHandle?: boolean;\n}) {\n\treturn (\n\t\t<ResizablePrimitive.PanelResizeHandle\n\t\t\tdata-slot=\"resizable-handle\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{withHandle && (\n\t\t\t\t<div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border\">\n\t\t\t\t\t<GripVerticalIcon className=\"size-2.5\" />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</ResizablePrimitive.PanelResizeHandle>\n\t);\n}\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"],"names":["GripVerticalIcon","ResizablePrimitive","cn","ResizablePanelGroup","className","props","PanelGroup","data-slot","ResizablePanel","Panel","ResizableHandle","withHandle","PanelResizeHandle","div"],"mappings":";AAAA,SAASA,gBAAgB,QAAQ,eAAe;AAEhD,YAAYC,wBAAwB,yBAAyB;AAE7D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,oBAAoB,EAC5BC,SAAS,EACT,GAAGC,OACyD;IAC5D,qBACC,KAACJ,mBAAmBK,UAAU;QAC7BC,aAAU;QACVH,WAAWF,GACV,qEACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASG,eAAe,EACvB,GAAGH,OACoD;IACvD,qBAAO,KAACJ,mBAAmBQ,KAAK;QAACF,aAAU;QAAmB,GAAGF,KAAK;;AACvE;AAEA,SAASK,gBAAgB,EACxBC,UAAU,EACVP,SAAS,EACT,GAAGC,OAGH;IACA,qBACC,KAACJ,mBAAmBW,iBAAiB;QACpCL,aAAU;QACVH,WAAWF,GACV,6oBACAE;QAEA,GAAGC,KAAK;kBAERM,4BACA,KAACE;YAAIT,WAAU;sBACd,cAAA,KAACJ;gBAAiBI,WAAU;;;;AAKjC;AAEA,SAASD,mBAAmB,EAAEK,cAAc,EAAEE,eAAe,GAAG"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/resizable.tsx"],"sourcesContent":["\"use client\";\nimport { GripVerticalIcon } from \"lucide-react\";\nimport type * as React from \"react\";\nimport * as ResizablePrimitive from \"react-resizable-panels\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction ResizablePanelGroup({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) {\n\treturn (\n\t\t<ResizablePrimitive.PanelGroup\n\t\t\tdata-slot=\"resizable-panel-group\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ResizablePanel({\n\t...props\n}: React.ComponentProps<typeof ResizablePrimitive.Panel>) {\n\treturn <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />;\n}\n\nfunction ResizableHandle({\n\twithHandle,\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n\twithHandle?: boolean;\n}) {\n\treturn (\n\t\t<ResizablePrimitive.PanelResizeHandle\n\t\t\tdata-slot=\"resizable-handle\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-border border-x border-border hover:border-bg-link hover:bg-bg-link focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:border-x-0 data-[panel-group-direction=vertical]:border-y data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{withHandle && (\n\t\t\t\t<div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border\">\n\t\t\t\t\t<GripVerticalIcon className=\"size-2.5\" />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</ResizablePrimitive.PanelResizeHandle>\n\t);\n}\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"],"names":["GripVerticalIcon","ResizablePrimitive","cn","ResizablePanelGroup","className","props","PanelGroup","data-slot","ResizablePanel","Panel","ResizableHandle","withHandle","PanelResizeHandle","div"],"mappings":"AAAA;;AACA,SAASA,gBAAgB,QAAQ,eAAe;AAEhD,YAAYC,wBAAwB,yBAAyB;AAE7D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,oBAAoB,EAC5BC,SAAS,EACT,GAAGC,OACyD;IAC5D,qBACC,KAACJ,mBAAmBK,UAAU;QAC7BC,aAAU;QACVH,WAAWF,GACV,qEACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASG,eAAe,EACvB,GAAGH,OACoD;IACvD,qBAAO,KAACJ,mBAAmBQ,KAAK;QAACF,aAAU;QAAmB,GAAGF,KAAK;;AACvE;AAEA,SAASK,gBAAgB,EACxBC,UAAU,EACVP,SAAS,EACT,GAAGC,OAGH;IACA,qBACC,KAACJ,mBAAmBW,iBAAiB;QACpCL,aAAU;QACVH,WAAWF,GACV,0yBACAE;QAEA,GAAGC,KAAK;kBAERM,4BACA,KAACE;YAAIT,WAAU;sBACd,cAAA,KAACJ;gBAAiBI,WAAU;;;;AAKjC;AAEA,SAASD,mBAAmB,EAAEK,cAAc,EAAEE,eAAe,GAAG"}

package/dist/src/shadcn/components/ui/resizable.stories.js

@@ -6,7 +6,7 @@ const meta = {
 export default meta;
 export const Demo = {
     render: ()=>/*#__PURE__*/ _jsxs(ResizablePanelGroup, {
-            direction: "horizontal",
+            orientation: "horizontal",
             className: "max-w-md rounded-lg border md:min-w-[450px]",
             children: [
                 /*#__PURE__*/ _jsx(ResizablePanel, {
@@ -23,7 +23,7 @@ export const Demo = {
                 /*#__PURE__*/ _jsx(ResizablePanel, {
                     defaultSize: 50,
                     children: /*#__PURE__*/ _jsxs(ResizablePanelGroup, {
-                        direction: "vertical",
+                        orientation: "vertical",
                         children: [
                             /*#__PURE__*/ _jsx(ResizablePanel, {
                                 defaultSize: 25,

package/dist/src/shadcn/components/ui/resizable.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/resizable.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport {\n\tResizableHandle,\n\tResizablePanel,\n\tResizablePanelGroup,\n} from \"#shadcn/components/ui/resizable\";\n\nconst meta = {\n\ttitle: \"Component/Resizable\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<ResizablePanelGroup\n\t\t\tdirection=\"horizontal\"\n\t\t\tclassName=\"max-w-md rounded-lg border md:min-w-[450px]\"\n\t\t>\n\t\t\t<ResizablePanel defaultSize={50}>\n\t\t\t\t<div className=\"flex h-[200px] items-center justify-center p-6\">\n\t\t\t\t\t<span className=\"font-semibold\">One</span>\n\t\t\t\t</div>\n\t\t\t</ResizablePanel>\n\t\t\t<ResizableHandle />\n\t\t\t<ResizablePanel defaultSize={50}>\n\t\t\t\t<ResizablePanelGroup direction=\"vertical\">\n\t\t\t\t\t<ResizablePanel defaultSize={25}>\n\t\t\t\t\t\t<div className=\"flex h-full items-center justify-center p-6\">\n\t\t\t\t\t\t\t<span className=\"font-semibold\">Two</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ResizablePanel>\n\t\t\t\t\t<ResizableHandle />\n\t\t\t\t\t<ResizablePanel defaultSize={75}>\n\t\t\t\t\t\t<div className=\"flex h-full items-center justify-center p-6\">\n\t\t\t\t\t\t\t<span className=\"font-semibold\">Three</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ResizablePanel>\n\t\t\t\t</ResizablePanelGroup>\n\t\t\t</ResizablePanel>\n\t\t</ResizablePanelGroup>\n\t),\n} satisfies Story;\n"],"names":["ResizableHandle","ResizablePanel","ResizablePanelGroup","meta","title","Demo","render","direction","className","defaultSize","div","span"],"mappings":";AACA,SACCA,eAAe,EACfC,cAAc,EACdC,mBAAmB,QACb,iBAAkC;AAEzC,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACJ;YACAK,WAAU;YACVC,WAAU;;8BAEV,KAACP;oBAAeQ,aAAa;8BAC5B,cAAA,KAACC;wBAAIF,WAAU;kCACd,cAAA,KAACG;4BAAKH,WAAU;sCAAgB;;;;8BAGlC,KAACR;8BACD,KAACC;oBAAeQ,aAAa;8BAC5B,cAAA,MAACP;wBAAoBK,WAAU;;0CAC9B,KAACN;gCAAeQ,aAAa;0CAC5B,cAAA,KAACC;oCAAIF,WAAU;8CACd,cAAA,KAACG;wCAAKH,WAAU;kDAAgB;;;;0CAGlC,KAACR;0CACD,KAACC;gCAAeQ,aAAa;0CAC5B,cAAA,KAACC;oCAAIF,WAAU;8CACd,cAAA,KAACG;wCAAKH,WAAU;kDAAgB;;;;;;;;;AAOvC,EAAkB"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/resizable.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport {\n\tResizableHandle,\n\tResizablePanel,\n\tResizablePanelGroup,\n} from \"#shadcn/components/ui/resizable\";\n\nconst meta = {\n\ttitle: \"Component/Resizable\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<ResizablePanelGroup\n\t\t\torientation=\"horizontal\"\n\t\t\tclassName=\"max-w-md rounded-lg border md:min-w-[450px]\"\n\t\t>\n\t\t\t<ResizablePanel defaultSize={50}>\n\t\t\t\t<div className=\"flex h-[200px] items-center justify-center p-6\">\n\t\t\t\t\t<span className=\"font-semibold\">One</span>\n\t\t\t\t</div>\n\t\t\t</ResizablePanel>\n\t\t\t<ResizableHandle />\n\t\t\t<ResizablePanel defaultSize={50}>\n\t\t\t\t<ResizablePanelGroup orientation=\"vertical\">\n\t\t\t\t\t<ResizablePanel defaultSize={25}>\n\t\t\t\t\t\t<div className=\"flex h-full items-center justify-center p-6\">\n\t\t\t\t\t\t\t<span className=\"font-semibold\">Two</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ResizablePanel>\n\t\t\t\t\t<ResizableHandle />\n\t\t\t\t\t<ResizablePanel defaultSize={75}>\n\t\t\t\t\t\t<div className=\"flex h-full items-center justify-center p-6\">\n\t\t\t\t\t\t\t<span className=\"font-semibold\">Three</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ResizablePanel>\n\t\t\t\t</ResizablePanelGroup>\n\t\t\t</ResizablePanel>\n\t\t</ResizablePanelGroup>\n\t),\n} satisfies Story;\n"],"names":["ResizableHandle","ResizablePanel","ResizablePanelGroup","meta","title","Demo","render","orientation","className","defaultSize","div","span"],"mappings":";AACA,SACCA,eAAe,EACfC,cAAc,EACdC,mBAAmB,QACb,iBAAkC;AAEzC,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACJ;YACAK,aAAY;YACZC,WAAU;;8BAEV,KAACP;oBAAeQ,aAAa;8BAC5B,cAAA,KAACC;wBAAIF,WAAU;kCACd,cAAA,KAACG;4BAAKH,WAAU;sCAAgB;;;;8BAGlC,KAACR;8BACD,KAACC;oBAAeQ,aAAa;8BAC5B,cAAA,MAACP;wBAAoBK,aAAY;;0CAChC,KAACN;gCAAeQ,aAAa;0CAC5B,cAAA,KAACC;oCAAIF,WAAU;8CACd,cAAA,KAACG;wCAAKH,WAAU;kDAAgB;;;;0CAGlC,KAACR;0CACD,KAACC;gCAAeQ,aAAa;0CAC5B,cAAA,KAACC;oCAAIF,WAAU;8CACd,cAAA,KAACG;wCAAKH,WAAU;kDAAgB;;;;;;;;;AAOvC,EAAkB"}

package/dist/src/shadcn/components/ui/scroll-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,UAAU,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAiBvD;AAED,iBAAS,SAAS,CAAC,EAClB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,2CAqBtE;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/scroll-area.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAgCpC,iBAAS,UAAU,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAiBvD;AAED,iBAAS,SAAS,CAAC,EAClB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,2CAqBtE;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/dist/src/shadcn/components/ui/scroll-area.js

@@ -1,6 +1,13 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import { cn } from "../../lib/utils.js";
+// Scroll area viewport styles
+const scrollAreaViewportStyles = cn("size-full", "rounded-[inherit]", "transition-[color,box-shadow]", "outline-none", "focus-visible:ring-2", "focus-visible:ring-utility-blue/70", "focus-visible:outline-1");
+// Scroll bar base styles
+const scrollBarBaseStyles = cn("flex", "touch-none", "p-px", "transition-colors", "select-none");
+// Scroll bar thumb styles
+const scrollBarThumbStyles = cn("bg-border-primary", "relative", "flex-1", "rounded-full");
 function ScrollArea({ className, children, ...props }) {
     return /*#__PURE__*/ _jsxs(ScrollAreaPrimitive.Root, {
         "data-slot": "scroll-area",
@@ -9,7 +16,7 @@ function ScrollArea({ className, children, ...props }) {
         children: [
             /*#__PURE__*/ _jsx(ScrollAreaPrimitive.Viewport, {
                 "data-slot": "scroll-area-viewport",
-                className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+                className: scrollAreaViewportStyles,
                 children: children
             }),
             /*#__PURE__*/ _jsx(ScrollBar, {}),
@@ -21,11 +28,11 @@ function ScrollBar({ className, orientation = "vertical", ...props }) {
     return /*#__PURE__*/ _jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, {
         "data-slot": "scroll-area-scrollbar",
         orientation: orientation,
-        className: cn("flex touch-none p-px transition-colors select-none", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", className),
+        className: cn(scrollBarBaseStyles, orientation === "vertical" && cn("h-full", "w-2.5", "border-l", "border-l-transparent"), orientation === "horizontal" && cn("h-2.5", "flex-col", "border-t", "border-t-transparent"), className),
         ...props,
         children: /*#__PURE__*/ _jsx(ScrollAreaPrimitive.ScrollAreaThumb, {
             "data-slot": "scroll-area-thumb",
-            className: "bg-border relative flex-1 rounded-full"
+            className: scrollBarThumbStyles
         })
     });
 }

package/dist/src/shadcn/components/ui/scroll-area.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/scroll-area.tsx"],"sourcesContent":["import * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction ScrollArea({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n\treturn (\n\t\t<ScrollAreaPrimitive.Root\n\t\t\tdata-slot=\"scroll-area\"\n\t\t\tclassName={cn(\"relative\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ScrollAreaPrimitive.Viewport\n\t\t\t\tdata-slot=\"scroll-area-viewport\"\n\t\t\t\tclassName=\"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1\"\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</ScrollAreaPrimitive.Viewport>\n\t\t\t<ScrollBar />\n\t\t\t<ScrollAreaPrimitive.Corner />\n\t\t</ScrollAreaPrimitive.Root>\n\t);\n}\n\nfunction ScrollBar({\n\tclassName,\n\torientation = \"vertical\",\n\t...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n\treturn (\n\t\t<ScrollAreaPrimitive.ScrollAreaScrollbar\n\t\t\tdata-slot=\"scroll-area-scrollbar\"\n\t\t\torientation={orientation}\n\t\t\tclassName={cn(\n\t\t\t\t\"flex touch-none p-px transition-colors select-none\",\n\t\t\t\torientation === \"vertical\" &&\n\t\t\t\t\t\"h-full w-2.5 border-l border-l-transparent\",\n\t\t\t\torientation === \"horizontal\" &&\n\t\t\t\t\t\"h-2.5 flex-col border-t border-t-transparent\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ScrollAreaPrimitive.ScrollAreaThumb\n\t\t\t\tdata-slot=\"scroll-area-thumb\"\n\t\t\t\tclassName=\"bg-border relative flex-1 rounded-full\"\n\t\t\t/>\n\t\t</ScrollAreaPrimitive.ScrollAreaScrollbar>\n\t);\n}\n\nexport { ScrollArea, ScrollBar };\n"],"names":["ScrollAreaPrimitive","cn","ScrollArea","className","children","props","Root","data-slot","Viewport","ScrollBar","Corner","orientation","ScrollAreaScrollbar","ScrollAreaThumb"],"mappings":";AAAA,YAAYA,yBAAyB,8BAA8B;AAGnE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,WAAW,EACnBC,SAAS,EACTC,QAAQ,EACR,GAAGC,OACoD;IACvD,qBACC,MAACL,oBAAoBM,IAAI;QACxBC,aAAU;QACVJ,WAAWF,GAAG,YAAYE;QACzB,GAAGE,KAAK;;0BAET,KAACL,oBAAoBQ,QAAQ;gBAC5BD,aAAU;gBACVJ,WAAU;0BAETC;;0BAEF,KAACK;0BACD,KAACT,oBAAoBU,MAAM;;;AAG9B;AAEA,SAASD,UAAU,EAClBN,SAAS,EACTQ,cAAc,UAAU,EACxB,GAAGN,OACmE;IACtE,qBACC,KAACL,oBAAoBY,mBAAmB;QACvCL,aAAU;QACVI,aAAaA;QACbR,WAAWF,GACV,sDACAU,gBAAgB,cACf,8CACDA,gBAAgB,gBACf,gDACDR;QAEA,GAAGE,KAAK;kBAET,cAAA,KAACL,oBAAoBa,eAAe;YACnCN,aAAU;YACVJ,WAAU;;;AAId;AAEA,SAASD,UAAU,EAAEO,SAAS,GAAG"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/scroll-area.tsx"],"sourcesContent":["\"use client\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Scroll area viewport styles\nconst scrollAreaViewportStyles = cn(\n\t\"size-full\",\n\t\"rounded-[inherit]\",\n\t\"transition-[color,box-shadow]\",\n\t\"outline-none\",\n\t\"focus-visible:ring-2\",\n\t\"focus-visible:ring-utility-blue/70\",\n\t\"focus-visible:outline-1\",\n);\n\n// Scroll bar base styles\nconst scrollBarBaseStyles = cn(\n\t\"flex\",\n\t\"touch-none\",\n\t\"p-px\",\n\t\"transition-colors\",\n\t\"select-none\",\n);\n\n// Scroll bar thumb styles\nconst scrollBarThumbStyles = cn(\n\t\"bg-border-primary\",\n\t\"relative\",\n\t\"flex-1\",\n\t\"rounded-full\",\n);\n\nfunction ScrollArea({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n\treturn (\n\t\t<ScrollAreaPrimitive.Root\n\t\t\tdata-slot=\"scroll-area\"\n\t\t\tclassName={cn(\"relative\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ScrollAreaPrimitive.Viewport\n\t\t\t\tdata-slot=\"scroll-area-viewport\"\n\t\t\t\tclassName={scrollAreaViewportStyles}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</ScrollAreaPrimitive.Viewport>\n\t\t\t<ScrollBar />\n\t\t\t<ScrollAreaPrimitive.Corner />\n\t\t</ScrollAreaPrimitive.Root>\n\t);\n}\n\nfunction ScrollBar({\n\tclassName,\n\torientation = \"vertical\",\n\t...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n\treturn (\n\t\t<ScrollAreaPrimitive.ScrollAreaScrollbar\n\t\t\tdata-slot=\"scroll-area-scrollbar\"\n\t\t\torientation={orientation}\n\t\t\tclassName={cn(\n\t\t\t\tscrollBarBaseStyles,\n\t\t\t\torientation === \"vertical\" &&\n\t\t\t\t\tcn(\"h-full\", \"w-2.5\", \"border-l\", \"border-l-transparent\"),\n\t\t\t\torientation === \"horizontal\" &&\n\t\t\t\t\tcn(\"h-2.5\", \"flex-col\", \"border-t\", \"border-t-transparent\"),\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ScrollAreaPrimitive.ScrollAreaThumb\n\t\t\t\tdata-slot=\"scroll-area-thumb\"\n\t\t\t\tclassName={scrollBarThumbStyles}\n\t\t\t/>\n\t\t</ScrollAreaPrimitive.ScrollAreaScrollbar>\n\t);\n}\n\nexport { ScrollArea, ScrollBar };\n"],"names":["ScrollAreaPrimitive","cn","scrollAreaViewportStyles","scrollBarBaseStyles","scrollBarThumbStyles","ScrollArea","className","children","props","Root","data-slot","Viewport","ScrollBar","Corner","orientation","ScrollAreaScrollbar","ScrollAreaThumb"],"mappings":"AAAA;;AACA,YAAYA,yBAAyB,8BAA8B;AAGnE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,8BAA8B;AAC9B,MAAMC,2BAA2BD,GAChC,aACA,qBACA,iCACA,gBACA,wBACA,sCACA;AAGD,yBAAyB;AACzB,MAAME,sBAAsBF,GAC3B,QACA,cACA,QACA,qBACA;AAGD,0BAA0B;AAC1B,MAAMG,uBAAuBH,GAC5B,qBACA,YACA,UACA;AAGD,SAASI,WAAW,EACnBC,SAAS,EACTC,QAAQ,EACR,GAAGC,OACoD;IACvD,qBACC,MAACR,oBAAoBS,IAAI;QACxBC,aAAU;QACVJ,WAAWL,GAAG,YAAYK;QACzB,GAAGE,KAAK;;0BAET,KAACR,oBAAoBW,QAAQ;gBAC5BD,aAAU;gBACVJ,WAAWJ;0BAEVK;;0BAEF,KAACK;0BACD,KAACZ,oBAAoBa,MAAM;;;AAG9B;AAEA,SAASD,UAAU,EAClBN,SAAS,EACTQ,cAAc,UAAU,EACxB,GAAGN,OACmE;IACtE,qBACC,KAACR,oBAAoBe,mBAAmB;QACvCL,aAAU;QACVI,aAAaA;QACbR,WAAWL,GACVE,qBACAW,gBAAgB,cACfb,GAAG,UAAU,SAAS,YAAY,yBACnCa,gBAAgB,gBACfb,GAAG,SAAS,YAAY,YAAY,yBACrCK;QAEA,GAAGE,KAAK;kBAET,cAAA,KAACR,oBAAoBgB,eAAe;YACnCN,aAAU;YACVJ,WAAWF;;;AAIf;AAEA,SAASC,UAAU,EAAEO,SAAS,GAAG"}

package/dist/src/shadcn/components/ui/select.d.ts

@@ -2,13 +2,12 @@ import * as SelectPrimitive from "@radix-ui/react-select";
 import { type VariantProps } from "class-variance-authority";
 import type * as React from "react";
 declare const selectTriggerVariants: (props?: ({
-    size?: "small" | "regular" | null | undefined;
     variant?: "default" | "compound" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
 declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
-declare function SelectTrigger({ className, size, variant, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & VariantProps<typeof selectTriggerVariants>): import("react/jsx-runtime").JSX.Element;
+declare function SelectTrigger({ className, variant, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & VariantProps<typeof selectTriggerVariants>): import("react/jsx-runtime").JSX.Element;
 declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
 declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
 declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;

package/dist/src/shadcn/components/ui/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,QAAA,MAAM,qBAAqB;;;8EA2B1B,CAAC;AAEF,iBAAS,MAAM,CAAC,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GACtD,YAAY,CAAC,OAAO,qBAAqB,CAAC,2CAa1C;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,QAAmB,EACnB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CA4BtD;AAED,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,UAAU,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAkBnD;AAED,iBAAS,eAAe,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,2CAQxD;AAED,iBAAS,oBAAoB,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,2CAa7D;AAED,iBAAS,sBAAsB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,2CAa/D;AAED,OAAO,EACN,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACX,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AA6DpC,QAAA,MAAM,qBAAqB;;8EAUzB,CAAC;AAEH,iBAAS,MAAM,CAAC,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GACtD,YAAY,CAAC,OAAO,qBAAqB,CAAC,2CAa1C;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,QAAmB,EACnB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAuEtD;AAED,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAcpD;AAED,iBAAS,UAAU,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAoEnD;AAED,iBAAS,eAAe,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,2CAexD;AAED,iBAAS,oBAAoB,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,2CAa7D;AAED,iBAAS,sBAAsB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,2CAa/D;AAED,OAAO,EACN,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACX,CAAC"}

package/dist/src/shadcn/components/ui/select.js

@@ -3,19 +3,31 @@ import * as SelectPrimitive from "@radix-ui/react-select";
 import { cva } from "class-variance-authority";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import { cn } from "../../lib/utils.js";
-const selectTriggerVariants = cva(cn("border-border-primary hover:border-border-primary_hover data-[placeholder]:text-text-quternary selection:bg-bg-primary", "selection:text-text-primary-foreground [&_svg:not([class*='text-'])]:text-text-quternary flex w-fit items-center justify-between", "gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-text-disabled focus-visible:ring-2 focus-visible:ring-border-link", "data-[state=open]:ring-2 data-[state=open]:ring-border-link disabled:bg-bg-disabled aria-invalid:ring-destructive", "aria-invalid:text-text-error-primary aria-invalid:border-border-error-primary *:data-[slot=select-value]:line-clamp-1", "*:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"), {
+// Base select trigger styles
+const baseSelectTriggerStyles = cn(// Layout
+"flex", "w-full", "items-center", "justify-between", "gap-2", "whitespace-nowrap", // Shape
+"rounded-md", // Borders
+"border", "border-border-primary", // Background & Colors
+"bg-transparent", "text-sm", // Spacing
+"px-3", "py-2", // Transitions
+"transition-colors", "duration-300", "outline-none", // Hover
+"hover:border-border-primary_hover", // Focus
+"focus-visible:border-border-link", // Placeholder
+"data-[placeholder]:text-text-tertiary", // Selection
+"selection:bg-selection", "selection:text-text-primary", // SVG icons
+"[&_svg:not([class*='text-'])]:text-text-tertiary", "[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", // Value styles
+"*:data-[slot=select-value]:line-clamp-1", "*:data-[slot=select-value]:flex", "*:data-[slot=select-value]:items-center", "*:data-[slot=select-value]:gap-2", // Cursor
+"cursor-pointer", // Disabled
+"disabled:pointer-events-none", "disabled:cursor-not-allowed", "disabled:text-text-disabled", "disabled:bg-bg-secondary", "disabled:border-border-primary", // Invalid
+"aria-invalid:text-text-error-primary", "aria-invalid:border-border-error", "aria-invalid:ring-2", "aria-invalid:ring-utility-red/70");
+const selectTriggerVariants = cva(baseSelectTriggerStyles, {
     variants: {
-        size: {
-            regular: "h-9",
-            small: "h-8"
-        },
         variant: {
-            default: "",
-            compound: "border-r-0 typo-label"
+            default: cn("h-9"),
+            compound: cn("h-9", "border-r-0", "typo-label")
         }
     },
     defaultVariants: {
-        size: "regular",
         variant: "default"
     }
 });
@@ -37,12 +49,11 @@ function SelectValue({ ...props }) {
         ...props
     });
 }
-function SelectTrigger({ className, size, variant, children, ...props }) {
+function SelectTrigger({ className, variant, children, ...props }) {
     return /*#__PURE__*/ _jsxs(SelectPrimitive.Trigger, {
         "data-slot": "select-trigger",
         className: cn(selectTriggerVariants({
             variant,
-            size,
             className
         })),
         ...props,
@@ -50,9 +61,7 @@ function SelectTrigger({ className, size, variant, children, ...props }) {
             children,
             /*#__PURE__*/ _jsx(SelectPrimitive.Icon, {
                 asChild: true,
-                children: /*#__PURE__*/ _jsx(ChevronDownIcon, {
-                    className: "size-4 opacity-50"
-                })
+                children: /*#__PURE__*/ _jsx(ChevronDownIcon, {})
             })
         ]
     });
@@ -61,13 +70,22 @@ function SelectContent({ className, children, position = "popper", ...props }) {
     return /*#__PURE__*/ _jsx(SelectPrimitive.Portal, {
         children: /*#__PURE__*/ _jsxs(SelectPrimitive.Content, {
             "data-slot": "select-content",
-            className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+            className: cn(// Layout
+            "relative", "z-50", "group", "min-w-[8rem]", "max-h-(--radix-select-content-available-height)", "origin-(--radix-select-content-transform-origin)", "overflow-x-hidden", "overflow-y-auto", // Shape
+            "rounded-md", // Borders
+            "border", "border-border-separator", // Background & Colors
+            "bg-bg-primary", "text-text-primary", // Spacing
+            "py-1", // Shadow
+            "dropdown-menu-shadow", // Animations - open
+            "data-[state=open]:animate-in", "data-[state=open]:fade-in-0", "data-[state=open]:zoom-in-95", // Animations - closed
+            "data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0", "data-[state=closed]:zoom-out-95", // Slide animations
+            "data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2", position === "popper" && cn("data-[side=bottom]:translate-y-1", "data-[side=left]:-translate-x-1", "data-[side=right]:translate-x-1", "data-[side=top]:-translate-y-1"), className),
             position: position,
             ...props,
             children: [
                 /*#__PURE__*/ _jsx(SelectScrollUpButton, {}),
                 /*#__PURE__*/ _jsx(SelectPrimitive.Viewport, {
-                    className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
+                    className: cn("p-1", position === "popper" && cn("h-[var(--radix-select-trigger-height)]", "w-full", "min-w-[var(--radix-select-trigger-width)]", "scroll-my-1")),
                     children: children
                 }),
                 /*#__PURE__*/ _jsx(SelectScrollDownButton, {})
@@ -78,18 +96,30 @@ function SelectContent({ className, children, position = "popper", ...props }) {
 function SelectLabel({ className, ...props }) {
     return /*#__PURE__*/ _jsx(SelectPrimitive.Label, {
         "data-slot": "select-label",
-        className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+        className: cn("text-text-tertiary", "px-2", "py-1.5", "typo-label", className),
         ...props
     });
 }
 function SelectItem({ className, children, ...props }) {
     return /*#__PURE__*/ _jsxs(SelectPrimitive.Item, {
         "data-slot": "select-item",
-        className: cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+        className: cn(// Layout
+        "relative", "flex", "w-full", "items-center", "cursor-pointer", "select-none", // Shape
+        "rounded-md", // Spacing
+        "py-1.5", "pl-3", "pr-8", "mb-0.5", "last:mb-0", // Typography
+        "text-sm", "text-text-primary", // Interaction
+        "outline-hidden", // Hover
+        "hover:bg-bg-tertiary", // Active
+        "active:text-text-primary", // Focus
+        "focus-visible:bg-bg-tertiary", // Checked state
+        "data-[state=checked]:bg-bg-tertiary", "data-[state=checked]:text-text-primary", "group-hover:data-[state=checked]:bg-transparent", // Disabled
+        "data-[disabled]:pointer-events-none", "data-[disabled]:opacity-50", // SVG icons
+        "[&_svg:not([class*='text-'])]:text-text-tertiary", "[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", // Span styles
+        "*:[span]:last:flex", "*:[span]:last:items-center", "*:[span]:last:gap-2", className),
         ...props,
         children: [
             /*#__PURE__*/ _jsx("span", {
-                className: "absolute right-2 flex size-3.5 items-center justify-center",
+                className: cn("absolute", "right-2", "flex", "size-3.5", "items-center", "justify-center"),
                 children: /*#__PURE__*/ _jsx(SelectPrimitive.ItemIndicator, {
                     children: /*#__PURE__*/ _jsx(CheckIcon, {
                         className: "size-4"
@@ -105,7 +135,7 @@ function SelectItem({ className, children, ...props }) {
 function SelectSeparator({ className, ...props }) {
     return /*#__PURE__*/ _jsx(SelectPrimitive.Separator, {
         "data-slot": "select-separator",
-        className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+        className: cn("bg-border-separator", "pointer-events-none", "-mx-1", "my-1", "h-px", className),
         ...props
     });
 }

package/dist/src/shadcn/components/ui/select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/select.tsx"],"sourcesContent":["import * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\";\nimport type * as React from \"react\";\nimport { cn } from \"#shadcn/lib/utils\";\n\nconst selectTriggerVariants = cva(\n\tcn(\n\t\t\"border-border-primary hover:border-border-primary_hover data-[placeholder]:text-text-quternary selection:bg-bg-primary\",\n\t\t\"selection:text-text-primary-foreground [&_svg:not([class*='text-'])]:text-text-quternary flex w-fit items-center justify-between\",\n\t\t\"gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none\",\n\t\t\"disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-text-disabled focus-visible:ring-2 focus-visible:ring-border-link\",\n\t\t\"data-[state=open]:ring-2 data-[state=open]:ring-border-link disabled:bg-bg-disabled aria-invalid:ring-destructive\",\n\t\t\"aria-invalid:text-text-error-primary aria-invalid:border-border-error-primary *:data-[slot=select-value]:line-clamp-1\",\n\t\t\"*:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2\",\n\t\t\"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n\t),\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tregular: \"h-9\",\n\t\t\t\tsmall: \"h-8\",\n\t\t\t},\n\t\t\tvariant: {\n\t\t\t\tdefault: \"\",\n\t\t\t\tcompound: \"border-r-0 typo-label\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tsize: \"regular\",\n\t\t\tvariant: \"default\",\n\t\t},\n\t},\n);\n\nfunction Select({\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n\treturn <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n\treturn <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n\treturn <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n\tclassName,\n\tsize,\n\tvariant,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> &\n\tVariantProps<typeof selectTriggerVariants>) {\n\treturn (\n\t\t<SelectPrimitive.Trigger\n\t\t\tdata-slot=\"select-trigger\"\n\t\t\tclassName={cn(selectTriggerVariants({ variant, size, className }))}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<SelectPrimitive.Icon asChild>\n\t\t\t\t<ChevronDownIcon className=\"size-4 opacity-50\" />\n\t\t\t</SelectPrimitive.Icon>\n\t\t</SelectPrimitive.Trigger>\n\t);\n}\n\nfunction SelectContent({\n\tclassName,\n\tchildren,\n\tposition = \"popper\",\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n\treturn (\n\t\t<SelectPrimitive.Portal>\n\t\t\t<SelectPrimitive.Content\n\t\t\t\tdata-slot=\"select-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md\",\n\t\t\t\t\tposition === \"popper\" &&\n\t\t\t\t\t\t\"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tposition={position}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<SelectScrollUpButton />\n\t\t\t\t<SelectPrimitive.Viewport\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"p-1\",\n\t\t\t\t\t\tposition === \"popper\" &&\n\t\t\t\t\t\t\t\"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\",\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</SelectPrimitive.Viewport>\n\t\t\t\t<SelectScrollDownButton />\n\t\t\t</SelectPrimitive.Content>\n\t\t</SelectPrimitive.Portal>\n\t);\n}\n\nfunction SelectLabel({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n\treturn (\n\t\t<SelectPrimitive.Label\n\t\t\tdata-slot=\"select-label\"\n\t\t\tclassName={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SelectItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n\treturn (\n\t\t<SelectPrimitive.Item\n\t\t\tdata-slot=\"select-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n\t\t\t\t<SelectPrimitive.ItemIndicator>\n\t\t\t\t\t<CheckIcon className=\"size-4\" />\n\t\t\t\t</SelectPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t<SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n\t\t</SelectPrimitive.Item>\n\t);\n}\n\nfunction SelectSeparator({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n\treturn (\n\t\t<SelectPrimitive.Separator\n\t\t\tdata-slot=\"select-separator\"\n\t\t\tclassName={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SelectScrollUpButton({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n\treturn (\n\t\t<SelectPrimitive.ScrollUpButton\n\t\t\tdata-slot=\"select-scroll-up-button\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex cursor-default items-center justify-center py-1\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ChevronUpIcon className=\"size-4\" />\n\t\t</SelectPrimitive.ScrollUpButton>\n\t);\n}\n\nfunction SelectScrollDownButton({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n\treturn (\n\t\t<SelectPrimitive.ScrollDownButton\n\t\t\tdata-slot=\"select-scroll-down-button\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex cursor-default items-center justify-center py-1\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ChevronDownIcon className=\"size-4\" />\n\t\t</SelectPrimitive.ScrollDownButton>\n\t);\n}\n\nexport {\n\tSelect,\n\tSelectContent,\n\tSelectGroup,\n\tSelectItem,\n\tSelectLabel,\n\tSelectScrollDownButton,\n\tSelectScrollUpButton,\n\tSelectSeparator,\n\tSelectTrigger,\n\tSelectValue,\n};\n"],"names":["SelectPrimitive","cva","CheckIcon","ChevronDownIcon","ChevronUpIcon","cn","selectTriggerVariants","variants","size","regular","small","variant","default","compound","defaultVariants","Select","props","Root","data-slot","SelectGroup","Group","SelectValue","Value","SelectTrigger","className","children","Trigger","Icon","asChild","SelectContent","position","Portal","Content","SelectScrollUpButton","Viewport","SelectScrollDownButton","SelectLabel","Label","SelectItem","Item","span","ItemIndicator","ItemText","SelectSeparator","Separator","ScrollUpButton","ScrollDownButton"],"mappings":";AAAA,YAAYA,qBAAqB,yBAAyB;AAC1D,SAASC,GAAG,QAA2B,2BAA2B;AAClE,SAASC,SAAS,EAAEC,eAAe,EAAEC,aAAa,QAAQ,eAAe;AAEzE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,MAAMC,wBAAwBL,IAC7BI,GACC,0HACA,oIACA,mIACA,4IACA,qHACA,yHACA,4GACA,sFAED;IACCE,UAAU;QACTC,MAAM;YACLC,SAAS;YACTC,OAAO;QACR;QACAC,SAAS;YACRC,SAAS;YACTC,UAAU;QACX;IACD;IACAC,iBAAiB;QAChBN,MAAM;QACNG,SAAS;IACV;AACD;AAGD,SAASI,OAAO,EACf,GAAGC,OACgD;IACnD,qBAAO,KAAChB,gBAAgBiB,IAAI;QAACC,aAAU;QAAU,GAAGF,KAAK;;AAC1D;AAEA,SAASG,YAAY,EACpB,GAAGH,OACiD;IACpD,qBAAO,KAAChB,gBAAgBoB,KAAK;QAACF,aAAU;QAAgB,GAAGF,KAAK;;AACjE;AAEA,SAASK,YAAY,EACpB,GAAGL,OACiD;IACpD,qBAAO,KAAChB,gBAAgBsB,KAAK;QAACJ,aAAU;QAAgB,GAAGF,KAAK;;AACjE;AAEA,SAASO,cAAc,EACtBC,SAAS,EACThB,IAAI,EACJG,OAAO,EACPc,QAAQ,EACR,GAAGT,OAEuC;IAC1C,qBACC,MAAChB,gBAAgB0B,OAAO;QACvBR,aAAU;QACVM,WAAWnB,GAAGC,sBAAsB;YAAEK;YAASH;YAAMgB;QAAU;QAC9D,GAAGR,KAAK;;YAERS;0BACD,KAACzB,gBAAgB2B,IAAI;gBAACC,OAAO;0BAC5B,cAAA,KAACzB;oBAAgBqB,WAAU;;;;;AAI/B;AAEA,SAASK,cAAc,EACtBL,SAAS,EACTC,QAAQ,EACRK,WAAW,QAAQ,EACnB,GAAGd,OACmD;IACtD,qBACC,KAAChB,gBAAgB+B,MAAM;kBACtB,cAAA,MAAC/B,gBAAgBgC,OAAO;YACvBd,aAAU;YACVM,WAAWnB,GACV,ijBACAyB,aAAa,YACZ,mIACDN;YAEDM,UAAUA;YACT,GAAGd,KAAK;;8BAET,KAACiB;8BACD,KAACjC,gBAAgBkC,QAAQ;oBACxBV,WAAWnB,GACV,OACAyB,aAAa,YACZ;8BAGDL;;8BAEF,KAACU;;;;AAIL;AAEA,SAASC,YAAY,EACpBZ,SAAS,EACT,GAAGR,OACiD;IACpD,qBACC,KAAChB,gBAAgBqC,KAAK;QACrBnB,aAAU;QACVM,WAAWnB,GAAG,6CAA6CmB;QAC1D,GAAGR,KAAK;;AAGZ;AAEA,SAASsB,WAAW,EACnBd,SAAS,EACTC,QAAQ,EACR,GAAGT,OACgD;IACnD,qBACC,MAAChB,gBAAgBuC,IAAI;QACpBrB,aAAU;QACVM,WAAWnB,GACV,6aACAmB;QAEA,GAAGR,KAAK;;0BAET,KAACwB;gBAAKhB,WAAU;0BACf,cAAA,KAACxB,gBAAgByC,aAAa;8BAC7B,cAAA,KAACvC;wBAAUsB,WAAU;;;;0BAGvB,KAACxB,gBAAgB0C,QAAQ;0BAAEjB;;;;AAG9B;AAEA,SAASkB,gBAAgB,EACxBnB,SAAS,EACT,GAAGR,OACqD;IACxD,qBACC,KAAChB,gBAAgB4C,SAAS;QACzB1B,aAAU;QACVM,WAAWnB,GAAG,iDAAiDmB;QAC9D,GAAGR,KAAK;;AAGZ;AAEA,SAASiB,qBAAqB,EAC7BT,SAAS,EACT,GAAGR,OAC0D;IAC7D,qBACC,KAAChB,gBAAgB6C,cAAc;QAC9B3B,aAAU;QACVM,WAAWnB,GACV,wDACAmB;QAEA,GAAGR,KAAK;kBAET,cAAA,KAACZ;YAAcoB,WAAU;;;AAG5B;AAEA,SAASW,uBAAuB,EAC/BX,SAAS,EACT,GAAGR,OAC4D;IAC/D,qBACC,KAAChB,gBAAgB8C,gBAAgB;QAChC5B,aAAU;QACVM,WAAWnB,GACV,wDACAmB;QAEA,GAAGR,KAAK;kBAET,cAAA,KAACb;YAAgBqB,WAAU;;;AAG9B;AAEA,SACCT,MAAM,EACNc,aAAa,EACbV,WAAW,EACXmB,UAAU,EACVF,WAAW,EACXD,sBAAsB,EACtBF,oBAAoB,EACpBU,eAAe,EACfpB,aAAa,EACbF,WAAW,GACV"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/select.tsx"],"sourcesContent":["import * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\";\nimport type * as React from \"react\";\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Base select trigger styles\nconst baseSelectTriggerStyles = cn(\n\t// Layout\n\t\"flex\",\n\t\"w-full\",\n\t\"items-center\",\n\t\"justify-between\",\n\t\"gap-2\",\n\t\"whitespace-nowrap\",\n\t// Shape\n\t\"rounded-md\",\n\t// Borders\n\t\"border\",\n\t\"border-border-primary\",\n\t// Background & Colors\n\t\"bg-transparent\",\n\t\"text-sm\",\n\t// Spacing\n\t\"px-3\",\n\t\"py-2\",\n\t// Transitions\n\t\"transition-colors\",\n\t\"duration-300\",\n\t\"outline-none\",\n\t// Hover\n\t\"hover:border-border-primary_hover\",\n\t// Focus\n\t\"focus-visible:border-border-link\",\n\t// Placeholder\n\t\"data-[placeholder]:text-text-tertiary\",\n\t// Selection\n\t\"selection:bg-selection\",\n\t\"selection:text-text-primary\",\n\t// SVG icons\n\t\"[&_svg:not([class*='text-'])]:text-text-tertiary\",\n\t\"[&_svg]:pointer-events-none\",\n\t\"[&_svg]:shrink-0\",\n\t\"[&_svg:not([class*='size-'])]:size-4\",\n\t// Value styles\n\t\"*:data-[slot=select-value]:line-clamp-1\",\n\t\"*:data-[slot=select-value]:flex\",\n\t\"*:data-[slot=select-value]:items-center\",\n\t\"*:data-[slot=select-value]:gap-2\",\n\t// Cursor\n\t\"cursor-pointer\",\n\t// Disabled\n\t\"disabled:pointer-events-none\",\n\t\"disabled:cursor-not-allowed\",\n\t\"disabled:text-text-disabled\",\n\t\"disabled:bg-bg-secondary\",\n\t\"disabled:border-border-primary\",\n\t// Invalid\n\t\"aria-invalid:text-text-error-primary\",\n\t\"aria-invalid:border-border-error\",\n\t\"aria-invalid:ring-2\",\n\t\"aria-invalid:ring-utility-red/70\",\n);\n\nconst selectTriggerVariants = cva(baseSelectTriggerStyles, {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: cn(\"h-9\"),\n\t\t\tcompound: cn(\"h-9\", \"border-r-0\", \"typo-label\"),\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tvariant: \"default\",\n\t},\n});\n\nfunction Select({\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n\treturn <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n\treturn <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n\treturn <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n\tclassName,\n\tvariant,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> &\n\tVariantProps<typeof selectTriggerVariants>) {\n\treturn (\n\t\t<SelectPrimitive.Trigger\n\t\t\tdata-slot=\"select-trigger\"\n\t\t\tclassName={cn(selectTriggerVariants({ variant, className }))}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<SelectPrimitive.Icon asChild>\n\t\t\t\t<ChevronDownIcon />\n\t\t\t</SelectPrimitive.Icon>\n\t\t</SelectPrimitive.Trigger>\n\t);\n}\n\nfunction SelectContent({\n\tclassName,\n\tchildren,\n\tposition = \"popper\",\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n\treturn (\n\t\t<SelectPrimitive.Portal>\n\t\t\t<SelectPrimitive.Content\n\t\t\t\tdata-slot=\"select-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t// Layout\n\t\t\t\t\t\"relative\",\n\t\t\t\t\t\"z-50\",\n\t\t\t\t\t\"group\",\n\t\t\t\t\t\"min-w-[8rem]\",\n\t\t\t\t\t\"max-h-(--radix-select-content-available-height)\",\n\t\t\t\t\t\"origin-(--radix-select-content-transform-origin)\",\n\t\t\t\t\t\"overflow-x-hidden\",\n\t\t\t\t\t\"overflow-y-auto\",\n\t\t\t\t\t// Shape\n\t\t\t\t\t\"rounded-md\",\n\t\t\t\t\t// Borders\n\t\t\t\t\t\"border\",\n\t\t\t\t\t\"border-border-separator\",\n\t\t\t\t\t// Background & Colors\n\t\t\t\t\t\"bg-bg-primary\",\n\t\t\t\t\t\"text-text-primary\",\n\t\t\t\t\t// Spacing\n\t\t\t\t\t\"py-1\",\n\t\t\t\t\t// Shadow\n\t\t\t\t\t\"dropdown-menu-shadow\",\n\t\t\t\t\t// Animations - open\n\t\t\t\t\t\"data-[state=open]:animate-in\",\n\t\t\t\t\t\"data-[state=open]:fade-in-0\",\n\t\t\t\t\t\"data-[state=open]:zoom-in-95\",\n\t\t\t\t\t// Animations - closed\n\t\t\t\t\t\"data-[state=closed]:animate-out\",\n\t\t\t\t\t\"data-[state=closed]:fade-out-0\",\n\t\t\t\t\t\"data-[state=closed]:zoom-out-95\",\n\t\t\t\t\t// Slide animations\n\t\t\t\t\t\"data-[side=bottom]:slide-in-from-top-2\",\n\t\t\t\t\t\"data-[side=left]:slide-in-from-right-2\",\n\t\t\t\t\t\"data-[side=right]:slide-in-from-left-2\",\n\t\t\t\t\t\"data-[side=top]:slide-in-from-bottom-2\",\n\t\t\t\t\tposition === \"popper\" &&\n\t\t\t\t\t\tcn(\n\t\t\t\t\t\t\t\"data-[side=bottom]:translate-y-1\",\n\t\t\t\t\t\t\t\"data-[side=left]:-translate-x-1\",\n\t\t\t\t\t\t\t\"data-[side=right]:translate-x-1\",\n\t\t\t\t\t\t\t\"data-[side=top]:-translate-y-1\",\n\t\t\t\t\t\t),\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tposition={position}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<SelectScrollUpButton />\n\t\t\t\t<SelectPrimitive.Viewport\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"p-1\",\n\t\t\t\t\t\tposition === \"popper\" &&\n\t\t\t\t\t\t\tcn(\n\t\t\t\t\t\t\t\t\"h-[var(--radix-select-trigger-height)]\",\n\t\t\t\t\t\t\t\t\"w-full\",\n\t\t\t\t\t\t\t\t\"min-w-[var(--radix-select-trigger-width)]\",\n\t\t\t\t\t\t\t\t\"scroll-my-1\",\n\t\t\t\t\t\t\t),\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</SelectPrimitive.Viewport>\n\t\t\t\t<SelectScrollDownButton />\n\t\t\t</SelectPrimitive.Content>\n\t\t</SelectPrimitive.Portal>\n\t);\n}\n\nfunction SelectLabel({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n\treturn (\n\t\t<SelectPrimitive.Label\n\t\t\tdata-slot=\"select-label\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-text-tertiary\",\n\t\t\t\t\"px-2\",\n\t\t\t\t\"py-1.5\",\n\t\t\t\t\"typo-label\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SelectItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n\treturn (\n\t\t<SelectPrimitive.Item\n\t\t\tdata-slot=\"select-item\"\n\t\t\tclassName={cn(\n\t\t\t\t// Layout\n\t\t\t\t\"relative\",\n\t\t\t\t\"flex\",\n\t\t\t\t\"w-full\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"cursor-pointer\",\n\t\t\t\t\"select-none\",\n\t\t\t\t// Shape\n\t\t\t\t\"rounded-md\",\n\t\t\t\t// Spacing\n\t\t\t\t\"py-1.5\",\n\t\t\t\t\"pl-3\",\n\t\t\t\t\"pr-8\",\n\t\t\t\t\"mb-0.5\",\n\t\t\t\t\"last:mb-0\",\n\t\t\t\t// Typography\n\t\t\t\t\"text-sm\",\n\t\t\t\t\"text-text-primary\",\n\t\t\t\t// Interaction\n\t\t\t\t\"outline-hidden\",\n\t\t\t\t// Hover\n\t\t\t\t\"hover:bg-bg-tertiary\",\n\t\t\t\t// Active\n\t\t\t\t\"active:text-text-primary\",\n\t\t\t\t// Focus\n\t\t\t\t\"focus-visible:bg-bg-tertiary\",\n\t\t\t\t// Checked state\n\t\t\t\t\"data-[state=checked]:bg-bg-tertiary\",\n\t\t\t\t\"data-[state=checked]:text-text-primary\",\n\t\t\t\t\"group-hover:data-[state=checked]:bg-transparent\",\n\t\t\t\t// Disabled\n\t\t\t\t\"data-[disabled]:pointer-events-none\",\n\t\t\t\t\"data-[disabled]:opacity-50\",\n\t\t\t\t// SVG icons\n\t\t\t\t\"[&_svg:not([class*='text-'])]:text-text-tertiary\",\n\t\t\t\t\"[&_svg]:pointer-events-none\",\n\t\t\t\t\"[&_svg]:shrink-0\",\n\t\t\t\t\"[&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\t// Span styles\n\t\t\t\t\"*:[span]:last:flex\",\n\t\t\t\t\"*:[span]:last:items-center\",\n\t\t\t\t\"*:[span]:last:gap-2\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\"right-2\",\n\t\t\t\t\t\"flex\",\n\t\t\t\t\t\"size-3.5\",\n\t\t\t\t\t\"items-center\",\n\t\t\t\t\t\"justify-center\",\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<SelectPrimitive.ItemIndicator>\n\t\t\t\t\t<CheckIcon className=\"size-4\" />\n\t\t\t\t</SelectPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t<SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n\t\t</SelectPrimitive.Item>\n\t);\n}\n\nfunction SelectSeparator({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n\treturn (\n\t\t<SelectPrimitive.Separator\n\t\t\tdata-slot=\"select-separator\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-border-separator\",\n\t\t\t\t\"pointer-events-none\",\n\t\t\t\t\"-mx-1\",\n\t\t\t\t\"my-1\",\n\t\t\t\t\"h-px\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SelectScrollUpButton({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n\treturn (\n\t\t<SelectPrimitive.ScrollUpButton\n\t\t\tdata-slot=\"select-scroll-up-button\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex cursor-default items-center justify-center py-1\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ChevronUpIcon className=\"size-4\" />\n\t\t</SelectPrimitive.ScrollUpButton>\n\t);\n}\n\nfunction SelectScrollDownButton({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n\treturn (\n\t\t<SelectPrimitive.ScrollDownButton\n\t\t\tdata-slot=\"select-scroll-down-button\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex cursor-default items-center justify-center py-1\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ChevronDownIcon className=\"size-4\" />\n\t\t</SelectPrimitive.ScrollDownButton>\n\t);\n}\n\nexport {\n\tSelect,\n\tSelectContent,\n\tSelectGroup,\n\tSelectItem,\n\tSelectLabel,\n\tSelectScrollDownButton,\n\tSelectScrollUpButton,\n\tSelectSeparator,\n\tSelectTrigger,\n\tSelectValue,\n};\n"],"names":["SelectPrimitive","cva","CheckIcon","ChevronDownIcon","ChevronUpIcon","cn","baseSelectTriggerStyles","selectTriggerVariants","variants","variant","default","compound","defaultVariants","Select","props","Root","data-slot","SelectGroup","Group","SelectValue","Value","SelectTrigger","className","children","Trigger","Icon","asChild","SelectContent","position","Portal","Content","SelectScrollUpButton","Viewport","SelectScrollDownButton","SelectLabel","Label","SelectItem","Item","span","ItemIndicator","ItemText","SelectSeparator","Separator","ScrollUpButton","ScrollDownButton"],"mappings":";AAAA,YAAYA,qBAAqB,yBAAyB;AAC1D,SAASC,GAAG,QAA2B,2BAA2B;AAClE,SAASC,SAAS,EAAEC,eAAe,EAAEC,aAAa,QAAQ,eAAe;AAEzE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,6BAA6B;AAC7B,MAAMC,0BAA0BD,GAC/B,SAAS;AACT,QACA,UACA,gBACA,mBACA,SACA,qBACA,QAAQ;AACR,cACA,UAAU;AACV,UACA,yBACA,sBAAsB;AACtB,kBACA,WACA,UAAU;AACV,QACA,QACA,cAAc;AACd,qBACA,gBACA,gBACA,QAAQ;AACR,qCACA,QAAQ;AACR,oCACA,cAAc;AACd,yCACA,YAAY;AACZ,0BACA,+BACA,YAAY;AACZ,oDACA,+BACA,oBACA,wCACA,eAAe;AACf,2CACA,mCACA,2CACA,oCACA,SAAS;AACT,kBACA,WAAW;AACX,gCACA,+BACA,+BACA,4BACA,kCACA,UAAU;AACV,wCACA,oCACA,uBACA;AAGD,MAAME,wBAAwBN,IAAIK,yBAAyB;IAC1DE,UAAU;QACTC,SAAS;YACRC,SAASL,GAAG;YACZM,UAAUN,GAAG,OAAO,cAAc;QACnC;IACD;IACAO,iBAAiB;QAChBH,SAAS;IACV;AACD;AAEA,SAASI,OAAO,EACf,GAAGC,OACgD;IACnD,qBAAO,KAACd,gBAAgBe,IAAI;QAACC,aAAU;QAAU,GAAGF,KAAK;;AAC1D;AAEA,SAASG,YAAY,EACpB,GAAGH,OACiD;IACpD,qBAAO,KAACd,gBAAgBkB,KAAK;QAACF,aAAU;QAAgB,GAAGF,KAAK;;AACjE;AAEA,SAASK,YAAY,EACpB,GAAGL,OACiD;IACpD,qBAAO,KAACd,gBAAgBoB,KAAK;QAACJ,aAAU;QAAgB,GAAGF,KAAK;;AACjE;AAEA,SAASO,cAAc,EACtBC,SAAS,EACTb,OAAO,EACPc,QAAQ,EACR,GAAGT,OAEuC;IAC1C,qBACC,MAACd,gBAAgBwB,OAAO;QACvBR,aAAU;QACVM,WAAWjB,GAAGE,sBAAsB;YAAEE;YAASa;QAAU;QACxD,GAAGR,KAAK;;YAERS;0BACD,KAACvB,gBAAgByB,IAAI;gBAACC,OAAO;0BAC5B,cAAA,KAACvB;;;;AAIL;AAEA,SAASwB,cAAc,EACtBL,SAAS,EACTC,QAAQ,EACRK,WAAW,QAAQ,EACnB,GAAGd,OACmD;IACtD,qBACC,KAACd,gBAAgB6B,MAAM;kBACtB,cAAA,MAAC7B,gBAAgB8B,OAAO;YACvBd,aAAU;YACVM,WAAWjB,GACV,SAAS;YACT,YACA,QACA,SACA,gBACA,mDACA,oDACA,qBACA,mBACA,QAAQ;YACR,cACA,UAAU;YACV,UACA,2BACA,sBAAsB;YACtB,iBACA,qBACA,UAAU;YACV,QACA,SAAS;YACT,wBACA,oBAAoB;YACpB,gCACA,+BACA,gCACA,sBAAsB;YACtB,mCACA,kCACA,mCACA,mBAAmB;YACnB,0CACA,0CACA,0CACA,0CACAuB,aAAa,YACZvB,GACC,oCACA,mCACA,mCACA,mCAEFiB;YAEDM,UAAUA;YACT,GAAGd,KAAK;;8BAET,KAACiB;8BACD,KAAC/B,gBAAgBgC,QAAQ;oBACxBV,WAAWjB,GACV,OACAuB,aAAa,YACZvB,GACC,0CACA,UACA,6CACA;8BAIFkB;;8BAEF,KAACU;;;;AAIL;AAEA,SAASC,YAAY,EACpBZ,SAAS,EACT,GAAGR,OACiD;IACpD,qBACC,KAACd,gBAAgBmC,KAAK;QACrBnB,aAAU;QACVM,WAAWjB,GACV,sBACA,QACA,UACA,cACAiB;QAEA,GAAGR,KAAK;;AAGZ;AAEA,SAASsB,WAAW,EACnBd,SAAS,EACTC,QAAQ,EACR,GAAGT,OACgD;IACnD,qBACC,MAACd,gBAAgBqC,IAAI;QACpBrB,aAAU;QACVM,WAAWjB,GACV,SAAS;QACT,YACA,QACA,UACA,gBACA,kBACA,eACA,QAAQ;QACR,cACA,UAAU;QACV,UACA,QACA,QACA,UACA,aACA,aAAa;QACb,WACA,qBACA,cAAc;QACd,kBACA,QAAQ;QACR,wBACA,SAAS;QACT,4BACA,QAAQ;QACR,gCACA,gBAAgB;QAChB,uCACA,0CACA,mDACA,WAAW;QACX,uCACA,8BACA,YAAY;QACZ,oDACA,+BACA,oBACA,wCACA,cAAc;QACd,sBACA,8BACA,uBACAiB;QAEA,GAAGR,KAAK;;0BAET,KAACwB;gBACAhB,WAAWjB,GACV,YACA,WACA,QACA,YACA,gBACA;0BAGD,cAAA,KAACL,gBAAgBuC,aAAa;8BAC7B,cAAA,KAACrC;wBAAUoB,WAAU;;;;0BAGvB,KAACtB,gBAAgBwC,QAAQ;0BAAEjB;;;;AAG9B;AAEA,SAASkB,gBAAgB,EACxBnB,SAAS,EACT,GAAGR,OACqD;IACxD,qBACC,KAACd,gBAAgB0C,SAAS;QACzB1B,aAAU;QACVM,WAAWjB,GACV,uBACA,uBACA,SACA,QACA,QACAiB;QAEA,GAAGR,KAAK;;AAGZ;AAEA,SAASiB,qBAAqB,EAC7BT,SAAS,EACT,GAAGR,OAC0D;IAC7D,qBACC,KAACd,gBAAgB2C,cAAc;QAC9B3B,aAAU;QACVM,WAAWjB,GACV,wDACAiB;QAEA,GAAGR,KAAK;kBAET,cAAA,KAACV;YAAckB,WAAU;;;AAG5B;AAEA,SAASW,uBAAuB,EAC/BX,SAAS,EACT,GAAGR,OAC4D;IAC/D,qBACC,KAACd,gBAAgB4C,gBAAgB;QAChC5B,aAAU;QACVM,WAAWjB,GACV,wDACAiB;QAEA,GAAGR,KAAK;kBAET,cAAA,KAACX;YAAgBmB,WAAU;;;AAG9B;AAEA,SACCT,MAAM,EACNc,aAAa,EACbV,WAAW,EACXmB,UAAU,EACVF,WAAW,EACXD,sBAAsB,EACtBF,oBAAoB,EACpBU,eAAe,EACfpB,aAAa,EACbF,WAAW,GACV"}