@health-samurai/react-components 0.0.0-alpha.4 → 0.0.0-alpha.6

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/popover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,OAAO,CAAC,EAChB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEpD;AAED,iBAAS,cAAc,CAAC,EACvB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAevD;AAED,iBAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEtD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/popover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAsCpC,iBAAS,OAAO,CAAC,EAChB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEpD;AAED,iBAAS,cAAc,CAAC,EACvB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAYvD;AAED,iBAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEtD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}

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

@@ -2,6 +2,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { cn } from "../../lib/utils.js";
+// Popover content styles
+const popoverContentStyles = cn(// Layout
+"z-50", "w-72", "origin-(--radix-popover-content-transform-origin)", "outline-hidden", // Shape
+"rounded-md", // Borders
+"border", "border-border-primary", // Background & Colors
+"bg-bg-primary", "text-text-primary", // Spacing
+"p-4", // Shadow
+"shadow-md", // 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");
 function Popover({ ...props }) {
     return /*#__PURE__*/ _jsx(PopoverPrimitive.Root, {
         "data-slot": "popover",
@@ -20,7 +31,7 @@ function PopoverContent({ className, align = "center", sideOffset = 4, ...props
             "data-slot": "popover-content",
             align: align,
             sideOffset: sideOffset,
-            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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className),
+            className: cn(popoverContentStyles, className),
             ...props
         })
     });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/popover.tsx"],"sourcesContent":["\"use client\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Popover({\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n\treturn <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n\treturn <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n\tclassName,\n\talign = \"center\",\n\tsideOffset = 4,\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n\treturn (\n\t\t<PopoverPrimitive.Portal>\n\t\t\t<PopoverPrimitive.Content\n\t\t\t\tdata-slot=\"popover-content\"\n\t\t\t\talign={align}\n\t\t\t\tsideOffset={sideOffset}\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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</PopoverPrimitive.Portal>\n\t);\n}\n\nfunction PopoverAnchor({\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n\treturn <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n"],"names":["PopoverPrimitive","cn","Popover","props","Root","data-slot","PopoverTrigger","Trigger","PopoverContent","className","align","sideOffset","Portal","Content","PopoverAnchor","Anchor"],"mappings":"AAAA;;AACA,YAAYA,sBAAsB,0BAA0B;AAG5D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,QAAQ,EAChB,GAAGC,OACiD;IACpD,qBAAO,KAACH,iBAAiBI,IAAI;QAACC,aAAU;QAAW,GAAGF,KAAK;;AAC5D;AAEA,SAASG,eAAe,EACvB,GAAGH,OACoD;IACvD,qBAAO,KAACH,iBAAiBO,OAAO;QAACF,aAAU;QAAmB,GAAGF,KAAK;;AACvE;AAEA,SAASK,eAAe,EACvBC,SAAS,EACTC,QAAQ,QAAQ,EAChBC,aAAa,CAAC,EACd,GAAGR,OACoD;IACvD,qBACC,KAACH,iBAAiBY,MAAM;kBACvB,cAAA,KAACZ,iBAAiBa,OAAO;YACxBR,aAAU;YACVK,OAAOA;YACPC,YAAYA;YACZF,WAAWR,GACV,keACAQ;YAEA,GAAGN,KAAK;;;AAIb;AAEA,SAASW,cAAc,EACtB,GAAGX,OACmD;IACtD,qBAAO,KAACH,iBAAiBe,MAAM;QAACV,aAAU;QAAkB,GAAGF,KAAK;;AACrE;AAEA,SAASD,OAAO,EAAEI,cAAc,EAAEE,cAAc,EAAEM,aAAa,GAAG"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/popover.tsx"],"sourcesContent":["\"use client\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Popover content styles\nconst popoverContentStyles = cn(\n\t// Layout\n\t\"z-50\",\n\t\"w-72\",\n\t\"origin-(--radix-popover-content-transform-origin)\",\n\t\"outline-hidden\",\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-bg-primary\",\n\t\"text-text-primary\",\n\t// Spacing\n\t\"p-4\",\n\t// Shadow\n\t\"shadow-md\",\n\t// Animations - open\n\t\"data-[state=open]:animate-in\",\n\t\"data-[state=open]:fade-in-0\",\n\t\"data-[state=open]:zoom-in-95\",\n\t// Animations - closed\n\t\"data-[state=closed]:animate-out\",\n\t\"data-[state=closed]:fade-out-0\",\n\t\"data-[state=closed]:zoom-out-95\",\n\t// Slide animations\n\t\"data-[side=bottom]:slide-in-from-top-2\",\n\t\"data-[side=left]:slide-in-from-right-2\",\n\t\"data-[side=right]:slide-in-from-left-2\",\n\t\"data-[side=top]:slide-in-from-bottom-2\",\n);\n\nfunction Popover({\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n\treturn <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n\treturn <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n\tclassName,\n\talign = \"center\",\n\tsideOffset = 4,\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n\treturn (\n\t\t<PopoverPrimitive.Portal>\n\t\t\t<PopoverPrimitive.Content\n\t\t\t\tdata-slot=\"popover-content\"\n\t\t\t\talign={align}\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(popoverContentStyles, className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</PopoverPrimitive.Portal>\n\t);\n}\n\nfunction PopoverAnchor({\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n\treturn <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n"],"names":["PopoverPrimitive","cn","popoverContentStyles","Popover","props","Root","data-slot","PopoverTrigger","Trigger","PopoverContent","className","align","sideOffset","Portal","Content","PopoverAnchor","Anchor"],"mappings":"AAAA;;AACA,YAAYA,sBAAsB,0BAA0B;AAG5D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,yBAAyB;AACzB,MAAMC,uBAAuBD,GAC5B,SAAS;AACT,QACA,QACA,qDACA,kBACA,QAAQ;AACR,cACA,UAAU;AACV,UACA,yBACA,sBAAsB;AACtB,iBACA,qBACA,UAAU;AACV,OACA,SAAS;AACT,aACA,oBAAoB;AACpB,gCACA,+BACA,gCACA,sBAAsB;AACtB,mCACA,kCACA,mCACA,mBAAmB;AACnB,0CACA,0CACA,0CACA;AAGD,SAASE,QAAQ,EAChB,GAAGC,OACiD;IACpD,qBAAO,KAACJ,iBAAiBK,IAAI;QAACC,aAAU;QAAW,GAAGF,KAAK;;AAC5D;AAEA,SAASG,eAAe,EACvB,GAAGH,OACoD;IACvD,qBAAO,KAACJ,iBAAiBQ,OAAO;QAACF,aAAU;QAAmB,GAAGF,KAAK;;AACvE;AAEA,SAASK,eAAe,EACvBC,SAAS,EACTC,QAAQ,QAAQ,EAChBC,aAAa,CAAC,EACd,GAAGR,OACoD;IACvD,qBACC,KAACJ,iBAAiBa,MAAM;kBACvB,cAAA,KAACb,iBAAiBc,OAAO;YACxBR,aAAU;YACVK,OAAOA;YACPC,YAAYA;YACZF,WAAWT,GAAGC,sBAAsBQ;YACnC,GAAGN,KAAK;;;AAIb;AAEA,SAASW,cAAc,EACtB,GAAGX,OACmD;IACtD,qBAAO,KAACJ,iBAAiBgB,MAAM;QAACV,aAAU;QAAkB,GAAGF,KAAK;;AACrE;AAEA,SAASD,OAAO,EAAEI,cAAc,EAAEE,cAAc,EAAEM,aAAa,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,QAAQ,CAAC,EACjB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,2CAiBrD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAuBpC,iBAAS,QAAQ,CAAC,EACjB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,2CAcrD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -1,14 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import { cn } from "../../lib/utils.js";
+// Progress root styles
+const progressRootStyles = cn("relative", "h-2", "w-full", "overflow-hidden", "rounded-full", "bg-bg-quaternary");
+// Progress indicator styles
+const progressIndicatorStyles = cn("bg-bg-link", "h-full", "w-full", "flex-1", "transition-all");
 function Progress({ className, value, ...props }) {
     return /*#__PURE__*/ _jsx(ProgressPrimitive.Root, {
         "data-slot": "progress",
-        className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className),
+        className: cn(progressRootStyles, className),
         ...props,
         children: /*#__PURE__*/ _jsx(ProgressPrimitive.Indicator, {
             "data-slot": "progress-indicator",
-            className: "bg-primary h-full w-full flex-1 transition-all",
+            className: progressIndicatorStyles,
             style: {
                 transform: `translateX(-${100 - (value || 0)}%)`
             }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/progress.tsx"],"sourcesContent":["import * as ProgressPrimitive from \"@radix-ui/react-progress\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Progress({\n\tclassName,\n\tvalue,\n\t...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n\treturn (\n\t\t<ProgressPrimitive.Root\n\t\t\tdata-slot=\"progress\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-primary/20 relative h-2 w-full overflow-hidden rounded-full\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ProgressPrimitive.Indicator\n\t\t\t\tdata-slot=\"progress-indicator\"\n\t\t\t\tclassName=\"bg-primary h-full w-full flex-1 transition-all\"\n\t\t\t\tstyle={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n\t\t\t/>\n\t\t</ProgressPrimitive.Root>\n\t);\n}\n\nexport { Progress };\n"],"names":["ProgressPrimitive","cn","Progress","className","value","props","Root","data-slot","Indicator","style","transform"],"mappings":";AAAA,YAAYA,uBAAuB,2BAA2B;AAG9D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,SAAS,EACjBC,SAAS,EACTC,KAAK,EACL,GAAGC,OACkD;IACrD,qBACC,KAACL,kBAAkBM,IAAI;QACtBC,aAAU;QACVJ,WAAWF,GACV,kEACAE;QAEA,GAAGE,KAAK;kBAET,cAAA,KAACL,kBAAkBQ,SAAS;YAC3BD,aAAU;YACVJ,WAAU;YACVM,OAAO;gBAAEC,WAAW,CAAC,YAAY,EAAE,MAAON,CAAAA,SAAS,CAAA,EAAG,EAAE,CAAC;YAAC;;;AAI9D;AAEA,SAASF,QAAQ,GAAG"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/progress.tsx"],"sourcesContent":["import * as ProgressPrimitive from \"@radix-ui/react-progress\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Progress root styles\nconst progressRootStyles = cn(\n\t\"relative\",\n\t\"h-2\",\n\t\"w-full\",\n\t\"overflow-hidden\",\n\t\"rounded-full\",\n\t\"bg-bg-quaternary\",\n);\n\n// Progress indicator styles\nconst progressIndicatorStyles = cn(\n\t\"bg-bg-link\",\n\t\"h-full\",\n\t\"w-full\",\n\t\"flex-1\",\n\t\"transition-all\",\n);\n\nfunction Progress({\n\tclassName,\n\tvalue,\n\t...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n\treturn (\n\t\t<ProgressPrimitive.Root\n\t\t\tdata-slot=\"progress\"\n\t\t\tclassName={cn(progressRootStyles, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ProgressPrimitive.Indicator\n\t\t\t\tdata-slot=\"progress-indicator\"\n\t\t\t\tclassName={progressIndicatorStyles}\n\t\t\t\tstyle={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n\t\t\t/>\n\t\t</ProgressPrimitive.Root>\n\t);\n}\n\nexport { Progress };\n"],"names":["ProgressPrimitive","cn","progressRootStyles","progressIndicatorStyles","Progress","className","value","props","Root","data-slot","Indicator","style","transform"],"mappings":";AAAA,YAAYA,uBAAuB,2BAA2B;AAG9D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,uBAAuB;AACvB,MAAMC,qBAAqBD,GAC1B,YACA,OACA,UACA,mBACA,gBACA;AAGD,4BAA4B;AAC5B,MAAME,0BAA0BF,GAC/B,cACA,UACA,UACA,UACA;AAGD,SAASG,SAAS,EACjBC,SAAS,EACTC,KAAK,EACL,GAAGC,OACkD;IACrD,qBACC,KAACP,kBAAkBQ,IAAI;QACtBC,aAAU;QACVJ,WAAWJ,GAAGC,oBAAoBG;QACjC,GAAGE,KAAK;kBAET,cAAA,KAACP,kBAAkBU,SAAS;YAC3BD,aAAU;YACVJ,WAAWF;YACXQ,OAAO;gBAAEC,WAAW,CAAC,YAAY,EAAE,MAAON,CAAAA,SAAS,CAAA,EAAG,EAAE,CAAC;YAAC;;;AAI9D;AAEA,SAASF,QAAQ,GAAG"}

package/dist/src/shadcn/components/ui/radio-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/radio-group.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAEnE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,UAAU,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAQvD;AAED,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAkBvD;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/radio-group.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,UAAU,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAQvD;AAED,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAwDvD;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}

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

@@ -1,25 +1,30 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import { CircleIcon } from "lucide-react";
 import { cn } from "../../lib/utils.js";
 function RadioGroup({ className, ...props }) {
     return /*#__PURE__*/ _jsx(RadioGroupPrimitive.Root, {
         "data-slot": "radio-group",
-        className: cn("grid gap-3", className),
+        className: cn("grid", "gap-3", className),
         ...props
     });
 }
 function RadioGroupItem({ className, ...props }) {
     return /*#__PURE__*/ _jsx(RadioGroupPrimitive.Item, {
         "data-slot": "radio-group-item",
-        className: cn("border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+        className: cn(// Base styles
+        "aspect-square", "size-4", "shrink-0", "rounded-full", "overflow-hidden", "relative", "outline-none", "cursor-pointer", // Animations
+        "transition-all", "duration-200", "active:scale-90", "active:duration-75", // Default state:
+        "bg-white", "border-[1.6px]", "border-solid", "border-border-primary", // Checked state:
+        "data-[state=checked]:bg-bg-link", "data-[state=checked]:border-bg-link", // Disabled states
+        "disabled:cursor-not-allowed", "disabled:active:scale-100", "disabled:bg-white", "disabled:border-border-secondary", "disabled:data-[state=checked]:bg-border-secondary", "disabled:data-[state=checked]:border-border-secondary", // Focus styles
+        "focus-visible:ring-2", "focus-visible:ring-bg-link", "focus-visible:ring-offset-2", className),
         ...props,
         children: /*#__PURE__*/ _jsx(RadioGroupPrimitive.Indicator, {
             "data-slot": "radio-group-indicator",
-            className: "relative flex items-center justify-center",
-            children: /*#__PURE__*/ _jsx(CircleIcon, {
-                className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2"
+            className: cn("absolute", "inset-0", "flex", "items-center", "justify-center"),
+            children: /*#__PURE__*/ _jsx("div", {
+                className: cn("size-1.5", "rounded-full", "bg-white")
             })
         })
     });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/radio-group.tsx"],"sourcesContent":["\"use client\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { CircleIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction RadioGroup({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n\treturn (\n\t\t<RadioGroupPrimitive.Root\n\t\t\tdata-slot=\"radio-group\"\n\t\t\tclassName={cn(\"grid gap-3\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction RadioGroupItem({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n\treturn (\n\t\t<RadioGroupPrimitive.Item\n\t\t\tdata-slot=\"radio-group-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<RadioGroupPrimitive.Indicator\n\t\t\t\tdata-slot=\"radio-group-indicator\"\n\t\t\t\tclassName=\"relative flex items-center justify-center\"\n\t\t\t>\n\t\t\t\t<CircleIcon className=\"fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2\" />\n\t\t\t</RadioGroupPrimitive.Indicator>\n\t\t</RadioGroupPrimitive.Item>\n\t);\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"names":["RadioGroupPrimitive","CircleIcon","cn","RadioGroup","className","props","Root","data-slot","RadioGroupItem","Item","Indicator"],"mappings":"AAAA;;AACA,YAAYA,yBAAyB,8BAA8B;AACnE,SAASC,UAAU,QAAQ,eAAe;AAG1C,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,WAAW,EACnBC,SAAS,EACT,GAAGC,OACoD;IACvD,qBACC,KAACL,oBAAoBM,IAAI;QACxBC,aAAU;QACVH,WAAWF,GAAG,cAAcE;QAC3B,GAAGC,KAAK;;AAGZ;AAEA,SAASG,eAAe,EACvBJ,SAAS,EACT,GAAGC,OACoD;IACvD,qBACC,KAACL,oBAAoBS,IAAI;QACxBF,aAAU;QACVH,WAAWF,GACV,0XACAE;QAEA,GAAGC,KAAK;kBAET,cAAA,KAACL,oBAAoBU,SAAS;YAC7BH,aAAU;YACVH,WAAU;sBAEV,cAAA,KAACH;gBAAWG,WAAU;;;;AAI1B;AAEA,SAASD,UAAU,EAAEK,cAAc,GAAG"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/radio-group.tsx"],"sourcesContent":["\"use client\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction RadioGroup({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n\treturn (\n\t\t<RadioGroupPrimitive.Root\n\t\t\tdata-slot=\"radio-group\"\n\t\t\tclassName={cn(\"grid\", \"gap-3\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction RadioGroupItem({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n\treturn (\n\t\t<RadioGroupPrimitive.Item\n\t\t\tdata-slot=\"radio-group-item\"\n\t\t\tclassName={cn(\n\t\t\t\t// Base styles\n\t\t\t\t\"aspect-square\",\n\t\t\t\t\"size-4\",\n\t\t\t\t\"shrink-0\",\n\t\t\t\t\"rounded-full\",\n\t\t\t\t\"overflow-hidden\",\n\t\t\t\t\"relative\",\n\t\t\t\t\"outline-none\",\n\t\t\t\t\"cursor-pointer\",\n\t\t\t\t// Animations\n\t\t\t\t\"transition-all\",\n\t\t\t\t\"duration-200\",\n\t\t\t\t\"active:scale-90\",\n\t\t\t\t\"active:duration-75\",\n\t\t\t\t// Default state:\n\t\t\t\t\"bg-white\",\n\t\t\t\t\"border-[1.6px]\",\n\t\t\t\t\"border-solid\",\n\t\t\t\t\"border-border-primary\",\n\t\t\t\t// Checked state:\n\t\t\t\t\"data-[state=checked]:bg-bg-link\",\n\t\t\t\t\"data-[state=checked]:border-bg-link\",\n\t\t\t\t// Disabled states\n\t\t\t\t\"disabled:cursor-not-allowed\",\n\t\t\t\t\"disabled:active:scale-100\",\n\t\t\t\t\"disabled:bg-white\",\n\t\t\t\t\"disabled:border-border-secondary\",\n\t\t\t\t\"disabled:data-[state=checked]:bg-border-secondary\",\n\t\t\t\t\"disabled:data-[state=checked]:border-border-secondary\",\n\t\t\t\t// Focus styles\n\t\t\t\t\"focus-visible:ring-2\",\n\t\t\t\t\"focus-visible:ring-bg-link\",\n\t\t\t\t\"focus-visible:ring-offset-2\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<RadioGroupPrimitive.Indicator\n\t\t\t\tdata-slot=\"radio-group-indicator\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"absolute\",\n\t\t\t\t\t\"inset-0\",\n\t\t\t\t\t\"flex\",\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<div className={cn(\"size-1.5\", \"rounded-full\", \"bg-white\")} />\n\t\t\t</RadioGroupPrimitive.Indicator>\n\t\t</RadioGroupPrimitive.Item>\n\t);\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"names":["RadioGroupPrimitive","cn","RadioGroup","className","props","Root","data-slot","RadioGroupItem","Item","Indicator","div"],"mappings":"AAAA;;AACA,YAAYA,yBAAyB,8BAA8B;AAGnE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,WAAW,EACnBC,SAAS,EACT,GAAGC,OACoD;IACvD,qBACC,KAACJ,oBAAoBK,IAAI;QACxBC,aAAU;QACVH,WAAWF,GAAG,QAAQ,SAASE;QAC9B,GAAGC,KAAK;;AAGZ;AAEA,SAASG,eAAe,EACvBJ,SAAS,EACT,GAAGC,OACoD;IACvD,qBACC,KAACJ,oBAAoBQ,IAAI;QACxBF,aAAU;QACVH,WAAWF,GACV,cAAc;QACd,iBACA,UACA,YACA,gBACA,mBACA,YACA,gBACA,kBACA,aAAa;QACb,kBACA,gBACA,mBACA,sBACA,iBAAiB;QACjB,YACA,kBACA,gBACA,yBACA,iBAAiB;QACjB,mCACA,uCACA,kBAAkB;QAClB,+BACA,6BACA,qBACA,oCACA,qDACA,yDACA,eAAe;QACf,wBACA,8BACA,+BACAE;QAEA,GAAGC,KAAK;kBAET,cAAA,KAACJ,oBAAoBS,SAAS;YAC7BH,aAAU;YACVH,WAAWF,GACV,YACA,WACA,QACA,gBACA;sBAGD,cAAA,KAACS;gBAAIP,WAAWF,GAAG,YAAY,gBAAgB;;;;AAInD;AAEA,SAASC,UAAU,EAAEK,cAAc,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"file":"radio-group.stories.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/radio-group.stories.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,IAAI;;CAEM,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,IAAI;;CAiBA,CAAC"}
+{"version":3,"file":"radio-group.stories.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/radio-group.stories.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,IAAI;;CAEM,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,IAAI;;CAyBA,CAAC"}

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

@@ -6,47 +6,70 @@ const meta = {
 };
 export default meta;
 export const Demo = {
-    render: ()=>/*#__PURE__*/ _jsxs(RadioGroup, {
-            defaultValue: "comfortable",
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "space-y-6",
             children: [
-                /*#__PURE__*/ _jsxs("div", {
-                    className: "flex items-center gap-3",
+                /*#__PURE__*/ _jsxs(RadioGroup, {
+                    defaultValue: "checked",
                     children: [
-                        /*#__PURE__*/ _jsx(RadioGroupItem, {
-                            value: "default",
-                            id: "r1"
+                        /*#__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(Label, {
-                            htmlFor: "r1",
-                            children: "Default"
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ _jsxs("div", {
-                    className: "flex items-center gap-3",
-                    children: [
-                        /*#__PURE__*/ _jsx(RadioGroupItem, {
-                            value: "comfortable",
-                            id: "r2"
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "flex items-center gap-3",
+                            children: [
+                                /*#__PURE__*/ _jsx(RadioGroupItem, {
+                                    value: "checked",
+                                    id: "r2"
+                                }),
+                                /*#__PURE__*/ _jsx(Label, {
+                                    htmlFor: "r2",
+                                    children: "Checked"
+                                })
+                            ]
                         }),
-                        /*#__PURE__*/ _jsx(Label, {
-                            htmlFor: "r2",
-                            children: "Comfortable"
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "flex items-center gap-3",
+                            children: [
+                                /*#__PURE__*/ _jsx(RadioGroupItem, {
+                                    value: "disabled",
+                                    id: "r3",
+                                    disabled: true
+                                }),
+                                /*#__PURE__*/ _jsx(Label, {
+                                    htmlFor: "r3",
+                                    children: "Disabled"
+                                })
+                            ]
                         })
                     ]
                 }),
-                /*#__PURE__*/ _jsxs("div", {
-                    className: "flex items-center gap-3",
-                    children: [
-                        /*#__PURE__*/ _jsx(RadioGroupItem, {
-                            value: "compact",
-                            id: "r3"
-                        }),
-                        /*#__PURE__*/ _jsx(Label, {
-                            htmlFor: "r3",
-                            children: "Compact"
-                        })
-                    ]
+                /*#__PURE__*/ _jsx(RadioGroup, {
+                    defaultValue: "disabled-checked",
+                    children: /*#__PURE__*/ _jsxs("div", {
+                        className: "flex items-center gap-3",
+                        children: [
+                            /*#__PURE__*/ _jsx(RadioGroupItem, {
+                                value: "disabled-checked",
+                                id: "r4",
+                                disabled: true
+                            }),
+                            /*#__PURE__*/ _jsx(Label, {
+                                htmlFor: "r4",
+                                children: "Disabled Checked"
+                            })
+                        ]
+                    })
                 })
             ]
         })

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 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<div className=\"space-y-6\">\n\t\t\t<RadioGroup defaultValue=\"checked\">\n\t\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t\t<RadioGroupItem value=\"default\" id=\"r1\" />\n\t\t\t\t\t<Label htmlFor=\"r1\">Default</Label>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t\t<RadioGroupItem value=\"checked\" id=\"r2\" />\n\t\t\t\t\t<Label htmlFor=\"r2\">Checked</Label>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t\t<RadioGroupItem value=\"disabled\" id=\"r3\" disabled />\n\t\t\t\t\t<Label htmlFor=\"r3\">Disabled</Label>\n\t\t\t\t</div>\n\t\t\t</RadioGroup>\n\t\t\t<RadioGroup defaultValue=\"disabled-checked\">\n\t\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t\t<RadioGroupItem value=\"disabled-checked\" id=\"r4\" disabled />\n\t\t\t\t\t<Label htmlFor=\"r4\">Disabled Checked</Label>\n\t\t\t\t</div>\n\t\t\t</RadioGroup>\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["Label","RadioGroup","RadioGroupItem","meta","title","Demo","render","div","className","defaultValue","value","id","htmlFor","disabled"],"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,MAACC;YAAIC,WAAU;;8BACd,MAACP;oBAAWQ,cAAa;;sCACxB,MAACF;4BAAIC,WAAU;;8CACd,KAACN;oCAAeQ,OAAM;oCAAUC,IAAG;;8CACnC,KAACX;oCAAMY,SAAQ;8CAAK;;;;sCAErB,MAACL;4BAAIC,WAAU;;8CACd,KAACN;oCAAeQ,OAAM;oCAAUC,IAAG;;8CACnC,KAACX;oCAAMY,SAAQ;8CAAK;;;;sCAErB,MAACL;4BAAIC,WAAU;;8CACd,KAACN;oCAAeQ,OAAM;oCAAWC,IAAG;oCAAKE,QAAQ;;8CACjD,KAACb;oCAAMY,SAAQ;8CAAK;;;;;;8BAGtB,KAACX;oBAAWQ,cAAa;8BACxB,cAAA,MAACF;wBAAIC,WAAU;;0CACd,KAACN;gCAAeQ,OAAM;gCAAmBC,IAAG;gCAAKE,QAAQ;;0CACzD,KAACb;gCAAMY,SAAQ;0CAAK;;;;;;;AAKzB,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":"AACA,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

@@ -2,6 +2,12 @@
 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",
@@ -10,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, {}),
@@ -22,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":["\"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\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;;AACA,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.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;AA4DpC,QAAA,MAAM,qBAAqB;;;8EAezB,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,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,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,15 +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:ring-2", "focus-visible:ring-utility-blue/70", // 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", // Disabled
+"disabled:pointer-events-none", "disabled:cursor-not-allowed", "disabled:text-text-disabled", "disabled:bg-bg-disabled", "disabled:border-border-disabled", // 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"
+            regular: cn("h-9"),
+            small: cn("h-8")
         },
         variant: {
-            default: "",
-            compound: "border-r-0 typo-label"
+            default: cn(""),
+            compound: cn("border-r-0", "typo-label")
         }
     },
     defaultVariants: {
@@ -50,9 +66,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 +75,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-primary", // Background & Colors
+            "bg-bg-primary", "text-text-primary", // Spacing
+            "py-1", // Shadow
+            "shadow-lg", // 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 +101,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-default", "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 +140,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:ring-2\",\n\t\"focus-visible:ring-utility-blue/70\",\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// Disabled\n\t\"disabled:pointer-events-none\",\n\t\"disabled:cursor-not-allowed\",\n\t\"disabled:text-text-disabled\",\n\t\"disabled:bg-bg-disabled\",\n\t\"disabled:border-border-disabled\",\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\tsize: {\n\t\t\tregular: cn(\"h-9\"),\n\t\t\tsmall: cn(\"h-8\"),\n\t\t},\n\t\tvariant: {\n\t\t\tdefault: cn(\"\"),\n\t\t\tcompound: cn(\"border-r-0\", \"typo-label\"),\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"regular\",\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\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 />\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-primary\",\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\"shadow-lg\",\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-default\",\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","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,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,wBACA,sCACA,cAAc;AACd,yCACA,YAAY;AACZ,0BACA,+BACA,YAAY;AACZ,oDACA,+BACA,oBACA,wCACA,eAAe;AACf,2CACA,mCACA,2CACA,oCACA,WAAW;AACX,gCACA,+BACA,+BACA,2BACA,mCACA,UAAU;AACV,wCACA,oCACA,uBACA;AAGD,MAAME,wBAAwBN,IAAIK,yBAAyB;IAC1DE,UAAU;QACTC,MAAM;YACLC,SAASL,GAAG;YACZM,OAAON,GAAG;QACX;QACAO,SAAS;YACRC,SAASR,GAAG;YACZS,UAAUT,GAAG,cAAc;QAC5B;IACD;IACAU,iBAAiB;QAChBN,MAAM;QACNG,SAAS;IACV;AACD;AAEA,SAASI,OAAO,EACf,GAAGC,OACgD;IACnD,qBAAO,KAACjB,gBAAgBkB,IAAI;QAACC,aAAU;QAAU,GAAGF,KAAK;;AAC1D;AAEA,SAASG,YAAY,EACpB,GAAGH,OACiD;IACpD,qBAAO,KAACjB,gBAAgBqB,KAAK;QAACF,aAAU;QAAgB,GAAGF,KAAK;;AACjE;AAEA,SAASK,YAAY,EACpB,GAAGL,OACiD;IACpD,qBAAO,KAACjB,gBAAgBuB,KAAK;QAACJ,aAAU;QAAgB,GAAGF,KAAK;;AACjE;AAEA,SAASO,cAAc,EACtBC,SAAS,EACThB,IAAI,EACJG,OAAO,EACPc,QAAQ,EACR,GAAGT,OAEuC;IAC1C,qBACC,MAACjB,gBAAgB2B,OAAO;QACvBR,aAAU;QACVM,WAAWpB,GAAGE,sBAAsB;YAAEK;YAASH;YAAMgB;QAAU;QAC9D,GAAGR,KAAK;;YAERS;0BACD,KAAC1B,gBAAgB4B,IAAI;gBAACC,OAAO;0BAC5B,cAAA,KAAC1B;;;;AAIL;AAEA,SAAS2B,cAAc,EACtBL,SAAS,EACTC,QAAQ,EACRK,WAAW,QAAQ,EACnB,GAAGd,OACmD;IACtD,qBACC,KAACjB,gBAAgBgC,MAAM;kBACtB,cAAA,MAAChC,gBAAgBiC,OAAO;YACvBd,aAAU;YACVM,WAAWpB,GACV,SAAS;YACT,YACA,QACA,SACA,gBACA,mDACA,oDACA,qBACA,mBACA,QAAQ;YACR,cACA,UAAU;YACV,UACA,yBACA,sBAAsB;YACtB,iBACA,qBACA,UAAU;YACV,QACA,SAAS;YACT,aACA,oBAAoB;YACpB,gCACA,+BACA,gCACA,sBAAsB;YACtB,mCACA,kCACA,mCACA,mBAAmB;YACnB,0CACA,0CACA,0CACA,0CACA0B,aAAa,YACZ1B,GACC,oCACA,mCACA,mCACA,mCAEFoB;YAEDM,UAAUA;YACT,GAAGd,KAAK;;8BAET,KAACiB;8BACD,KAAClC,gBAAgBmC,QAAQ;oBACxBV,WAAWpB,GACV,OACA0B,aAAa,YACZ1B,GACC,0CACA,UACA,6CACA;8BAIFqB;;8BAEF,KAACU;;;;AAIL;AAEA,SAASC,YAAY,EACpBZ,SAAS,EACT,GAAGR,OACiD;IACpD,qBACC,KAACjB,gBAAgBsC,KAAK;QACrBnB,aAAU;QACVM,WAAWpB,GACV,sBACA,QACA,UACA,cACAoB;QAEA,GAAGR,KAAK;;AAGZ;AAEA,SAASsB,WAAW,EACnBd,SAAS,EACTC,QAAQ,EACR,GAAGT,OACgD;IACnD,qBACC,MAACjB,gBAAgBwC,IAAI;QACpBrB,aAAU;QACVM,WAAWpB,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,uBACAoB;QAEA,GAAGR,KAAK;;0BAET,KAACwB;gBACAhB,WAAWpB,GACV,YACA,WACA,QACA,YACA,gBACA;0BAGD,cAAA,KAACL,gBAAgB0C,aAAa;8BAC7B,cAAA,KAACxC;wBAAUuB,WAAU;;;;0BAGvB,KAACzB,gBAAgB2C,QAAQ;0BAAEjB;;;;AAG9B;AAEA,SAASkB,gBAAgB,EACxBnB,SAAS,EACT,GAAGR,OACqD;IACxD,qBACC,KAACjB,gBAAgB6C,SAAS;QACzB1B,aAAU;QACVM,WAAWpB,GACV,uBACA,uBACA,SACA,QACA,QACAoB;QAEA,GAAGR,KAAK;;AAGZ;AAEA,SAASiB,qBAAqB,EAC7BT,SAAS,EACT,GAAGR,OAC0D;IAC7D,qBACC,KAACjB,gBAAgB8C,cAAc;QAC9B3B,aAAU;QACVM,WAAWpB,GACV,wDACAoB;QAEA,GAAGR,KAAK;kBAET,cAAA,KAACb;YAAcqB,WAAU;;;AAG5B;AAEA,SAASW,uBAAuB,EAC/BX,SAAS,EACT,GAAGR,OAC4D;IAC/D,qBACC,KAACjB,gBAAgB+C,gBAAgB;QAChC5B,aAAU;QACVM,WAAWpB,GACV,wDACAoB;QAEA,GAAGR,KAAK;kBAET,cAAA,KAACd;YAAgBsB,WAAU;;;AAG9B;AAEA,SACCT,MAAM,EACNc,aAAa,EACbV,WAAW,EACXmB,UAAU,EACVF,WAAW,EACXD,sBAAsB,EACtBF,oBAAoB,EACpBU,eAAe,EACfpB,aAAa,EACbF,WAAW,GACV"}

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

@@ -1 +1 @@
-{"version":3,"file":"select.stories.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAY5D,QAAA,MAAM,IAAI;;CAEM,CAAC;AACjB,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI;;CAkBA,CAAC;AAElB,eAAO,MAAM,mBAAmB,EAAE,KAqBjC,CAAC"}
+{"version":3,"file":"select.stories.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,QAAA,MAAM,IAAI;;CAEM,CAAC;AACjB,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI;;CAiBA,CAAC;AAElB,eAAO,MAAM,mBAAmB,EAAE,KAqBjC,CAAC"}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Label } from "./label.js";
-import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from "./select.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from "./select.js";
 const meta = {
     title: "Component/Select"
 };
@@ -17,9 +17,6 @@ export const Demo = {
                 /*#__PURE__*/ _jsx(SelectContent, {
                     children: /*#__PURE__*/ _jsxs(SelectGroup, {
                         children: [
-                            /*#__PURE__*/ _jsx(SelectLabel, {
-                                children: "Fruits"
-                            }),
                             /*#__PURE__*/ _jsx(SelectItem, {
                                 value: "apple",
                                 children: "Apple"