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

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

@@ -1,17 +1,35 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { cn } from "#shadcn/lib/utils";
+import { cn } from "../../lib/utils.js";
 function Popover({ ...props }) {
-    return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+    return /*#__PURE__*/ _jsx(PopoverPrimitive.Root, {
+        "data-slot": "popover",
+        ...props
+    });
 }
 function PopoverTrigger({ ...props }) {
-    return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+    return /*#__PURE__*/ _jsx(PopoverPrimitive.Trigger, {
+        "data-slot": "popover-trigger",
+        ...props
+    });
 }
 function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
-    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { "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), ...props }) }));
+    return /*#__PURE__*/ _jsx(PopoverPrimitive.Portal, {
+        children: /*#__PURE__*/ _jsx(PopoverPrimitive.Content, {
+            "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),
+            ...props
+        })
+    });
 }
 function PopoverAnchor({ ...props }) {
-    return _jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+    return /*#__PURE__*/ _jsx(PopoverPrimitive.Anchor, {
+        "data-slot": "popover-anchor",
+        ...props
+    });
 }
 export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
+
 //# sourceMappingURL=popover.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/popover.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAG5D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,OAAO,CAAC,EAChB,GAAG,KAAK,EAC4C;IACpD,OAAO,KAAC,gBAAgB,CAAC,IAAI,iBAAW,SAAS,KAAK,KAAK,GAAI,CAAC;AACjE,CAAC;AAED,SAAS,cAAc,CAAC,EACvB,GAAG,KAAK,EAC+C;IACvD,OAAO,KAAC,gBAAgB,CAAC,OAAO,iBAAW,iBAAiB,KAAK,KAAK,GAAI,CAAC;AAC5E,CAAC;AAED,SAAS,cAAc,CAAC,EACvB,SAAS,EACT,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,CAAC,EACd,GAAG,KAAK,EAC+C;IACvD,OAAO,CACN,KAAC,gBAAgB,CAAC,MAAM,cACvB,KAAC,gBAAgB,CAAC,OAAO,iBACd,iBAAiB,EAC3B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACZ,geAAge,EAChe,SAAS,CACT,KACG,KAAK,GACR,GACuB,CAC1B,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EAC8C;IACtD,OAAO,KAAC,gBAAgB,CAAC,MAAM,iBAAW,gBAAgB,KAAK,KAAK,GAAI,CAAC;AAC1E,CAAC;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/popover.tsx"],"sourcesContent":["import * 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,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"}

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

@@ -1,13 +1,106 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "#shadcn/components/ui/button";
-import { Input } from "#shadcn/components/ui/input";
-import { Label } from "#shadcn/components/ui/label";
-import { Popover, PopoverContent, PopoverTrigger, } from "#shadcn/components/ui/popover";
+import { Button } from "./button.js";
+import { Input } from "./input.js";
+import { Label } from "./label.js";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
 const meta = {
-    title: "Component/Popover",
+    title: "Component/Popover"
 };
 export default meta;
 export const Demo = {
-    render: () => (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "secondary", children: "Open popover" }) }), _jsx(PopoverContent, { className: "w-80", children: _jsxs("div", { className: "grid gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("h4", { className: "leading-none font-medium", children: "Dimensions" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Set the dimensions for the layer." })] }), _jsxs("div", { className: "grid gap-2", children: [_jsxs("div", { className: "grid grid-cols-3 items-center gap-4", children: [_jsx(Label, { htmlFor: "width", children: "Width" }), _jsx(Input, { id: "width", defaultValue: "100%", className: "col-span-2 h-8" })] }), _jsxs("div", { className: "grid grid-cols-3 items-center gap-4", children: [_jsx(Label, { htmlFor: "maxWidth", children: "Max. width" }), _jsx(Input, { id: "maxWidth", defaultValue: "300px", className: "col-span-2 h-8" })] }), _jsxs("div", { className: "grid grid-cols-3 items-center gap-4", children: [_jsx(Label, { htmlFor: "height", children: "Height" }), _jsx(Input, { id: "height", defaultValue: "25px", className: "col-span-2 h-8" })] }), _jsxs("div", { className: "grid grid-cols-3 items-center gap-4", children: [_jsx(Label, { htmlFor: "maxHeight", children: "Max. height" }), _jsx(Input, { id: "maxHeight", defaultValue: "none", className: "col-span-2 h-8" })] })] })] }) })] })),
+    render: ()=>/*#__PURE__*/ _jsxs(Popover, {
+            children: [
+                /*#__PURE__*/ _jsx(PopoverTrigger, {
+                    asChild: true,
+                    children: /*#__PURE__*/ _jsx(Button, {
+                        variant: "secondary",
+                        children: "Open popover"
+                    })
+                }),
+                /*#__PURE__*/ _jsx(PopoverContent, {
+                    className: "w-80",
+                    children: /*#__PURE__*/ _jsxs("div", {
+                        className: "grid gap-4",
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "space-y-2",
+                                children: [
+                                    /*#__PURE__*/ _jsx("h4", {
+                                        className: "leading-none font-medium",
+                                        children: "Dimensions"
+                                    }),
+                                    /*#__PURE__*/ _jsx("p", {
+                                        className: "text-muted-foreground text-sm",
+                                        children: "Set the dimensions for the layer."
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "grid gap-2",
+                                children: [
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "grid grid-cols-3 items-center gap-4",
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Label, {
+                                                htmlFor: "width",
+                                                children: "Width"
+                                            }),
+                                            /*#__PURE__*/ _jsx(Input, {
+                                                id: "width",
+                                                defaultValue: "100%",
+                                                className: "col-span-2 h-8"
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "grid grid-cols-3 items-center gap-4",
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Label, {
+                                                htmlFor: "maxWidth",
+                                                children: "Max. width"
+                                            }),
+                                            /*#__PURE__*/ _jsx(Input, {
+                                                id: "maxWidth",
+                                                defaultValue: "300px",
+                                                className: "col-span-2 h-8"
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "grid grid-cols-3 items-center gap-4",
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Label, {
+                                                htmlFor: "height",
+                                                children: "Height"
+                                            }),
+                                            /*#__PURE__*/ _jsx(Input, {
+                                                id: "height",
+                                                defaultValue: "25px",
+                                                className: "col-span-2 h-8"
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "grid grid-cols-3 items-center gap-4",
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Label, {
+                                                htmlFor: "maxHeight",
+                                                children: "Max. height"
+                                            }),
+                                            /*#__PURE__*/ _jsx(Input, {
+                                                id: "maxHeight",
+                                                defaultValue: "none",
+                                                className: "col-span-2 h-8"
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
 };
+
 //# sourceMappingURL=popover.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/popover.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EACN,OAAO,EACP,cAAc,EACd,cAAc,GACd,MAAM,+BAA+B,CAAC;AAEvC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,mBAAmB;CACX,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,OAAO,eACP,KAAC,cAAc,IAAC,OAAO,kBACtB,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,6BAAsB,GACjC,EACjB,KAAC,cAAc,IAAC,SAAS,EAAC,MAAM,YAC/B,eAAK,SAAS,EAAC,YAAY,aAC1B,eAAK,SAAS,EAAC,WAAW,aACzB,aAAI,SAAS,EAAC,0BAA0B,2BAAgB,EACxD,YAAG,SAAS,EAAC,+BAA+B,kDAExC,IACC,EACN,eAAK,SAAS,EAAC,YAAY,aAC1B,eAAK,SAAS,EAAC,qCAAqC,aACnD,KAAC,KAAK,IAAC,OAAO,EAAC,OAAO,sBAAc,EACpC,KAAC,KAAK,IACL,EAAE,EAAC,OAAO,EACV,YAAY,EAAC,MAAM,EACnB,SAAS,EAAC,gBAAgB,GACzB,IACG,EACN,eAAK,SAAS,EAAC,qCAAqC,aACnD,KAAC,KAAK,IAAC,OAAO,EAAC,UAAU,2BAAmB,EAC5C,KAAC,KAAK,IACL,EAAE,EAAC,UAAU,EACb,YAAY,EAAC,OAAO,EACpB,SAAS,EAAC,gBAAgB,GACzB,IACG,EACN,eAAK,SAAS,EAAC,qCAAqC,aACnD,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,uBAAe,EACtC,KAAC,KAAK,IACL,EAAE,EAAC,QAAQ,EACX,YAAY,EAAC,MAAM,EACnB,SAAS,EAAC,gBAAgB,GACzB,IACG,EACN,eAAK,SAAS,EAAC,qCAAqC,aACnD,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,4BAAoB,EAC9C,KAAC,KAAK,IACL,EAAE,EAAC,WAAW,EACd,YAAY,EAAC,MAAM,EACnB,SAAS,EAAC,gBAAgB,GACzB,IACG,IACD,IACD,GACU,IACR,CACV;CACe,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/popover.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Button } from \"#shadcn/components/ui/button\";\nimport { Input } from \"#shadcn/components/ui/input\";\nimport { Label } from \"#shadcn/components/ui/label\";\nimport {\n\tPopover,\n\tPopoverContent,\n\tPopoverTrigger,\n} from \"#shadcn/components/ui/popover\";\n\nconst meta = {\n\ttitle: \"Component/Popover\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<Popover>\n\t\t\t<PopoverTrigger asChild>\n\t\t\t\t<Button variant=\"secondary\">Open popover</Button>\n\t\t\t</PopoverTrigger>\n\t\t\t<PopoverContent className=\"w-80\">\n\t\t\t\t<div className=\"grid gap-4\">\n\t\t\t\t\t<div className=\"space-y-2\">\n\t\t\t\t\t\t<h4 className=\"leading-none font-medium\">Dimensions</h4>\n\t\t\t\t\t\t<p className=\"text-muted-foreground text-sm\">\n\t\t\t\t\t\t\tSet the dimensions for the layer.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"grid gap-2\">\n\t\t\t\t\t\t<div className=\"grid grid-cols-3 items-center gap-4\">\n\t\t\t\t\t\t\t<Label htmlFor=\"width\">Width</Label>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tid=\"width\"\n\t\t\t\t\t\t\t\tdefaultValue=\"100%\"\n\t\t\t\t\t\t\t\tclassName=\"col-span-2 h-8\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"grid grid-cols-3 items-center gap-4\">\n\t\t\t\t\t\t\t<Label htmlFor=\"maxWidth\">Max. width</Label>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tid=\"maxWidth\"\n\t\t\t\t\t\t\t\tdefaultValue=\"300px\"\n\t\t\t\t\t\t\t\tclassName=\"col-span-2 h-8\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"grid grid-cols-3 items-center gap-4\">\n\t\t\t\t\t\t\t<Label htmlFor=\"height\">Height</Label>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tid=\"height\"\n\t\t\t\t\t\t\t\tdefaultValue=\"25px\"\n\t\t\t\t\t\t\t\tclassName=\"col-span-2 h-8\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"grid grid-cols-3 items-center gap-4\">\n\t\t\t\t\t\t\t<Label htmlFor=\"maxHeight\">Max. height</Label>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tid=\"maxHeight\"\n\t\t\t\t\t\t\t\tdefaultValue=\"none\"\n\t\t\t\t\t\t\t\tclassName=\"col-span-2 h-8\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t),\n} satisfies Story;\n"],"names":["Button","Input","Label","Popover","PopoverContent","PopoverTrigger","meta","title","Demo","render","asChild","variant","className","div","h4","p","htmlFor","id","defaultValue"],"mappings":";AACA,SAASA,MAAM,QAAQ,cAA+B;AACtD,SAASC,KAAK,QAAQ,aAA8B;AACpD,SAASC,KAAK,QAAQ,aAA8B;AACpD,SACCC,OAAO,EACPC,cAAc,EACdC,cAAc,QACR,eAAgC;AAEvC,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACN;;8BACA,KAACE;oBAAeK,OAAO;8BACtB,cAAA,KAACV;wBAAOW,SAAQ;kCAAY;;;8BAE7B,KAACP;oBAAeQ,WAAU;8BACzB,cAAA,MAACC;wBAAID,WAAU;;0CACd,MAACC;gCAAID,WAAU;;kDACd,KAACE;wCAAGF,WAAU;kDAA2B;;kDACzC,KAACG;wCAAEH,WAAU;kDAAgC;;;;0CAI9C,MAACC;gCAAID,WAAU;;kDACd,MAACC;wCAAID,WAAU;;0DACd,KAACV;gDAAMc,SAAQ;0DAAQ;;0DACvB,KAACf;gDACAgB,IAAG;gDACHC,cAAa;gDACbN,WAAU;;;;kDAGZ,MAACC;wCAAID,WAAU;;0DACd,KAACV;gDAAMc,SAAQ;0DAAW;;0DAC1B,KAACf;gDACAgB,IAAG;gDACHC,cAAa;gDACbN,WAAU;;;;kDAGZ,MAACC;wCAAID,WAAU;;0DACd,KAACV;gDAAMc,SAAQ;0DAAS;;0DACxB,KAACf;gDACAgB,IAAG;gDACHC,cAAa;gDACbN,WAAU;;;;kDAGZ,MAACC;wCAAID,WAAU;;0DACd,KAACV;gDAAMc,SAAQ;0DAAY;;0DAC3B,KAACf;gDACAgB,IAAG;gDACHC,cAAa;gDACbN,WAAU;;;;;;;;;;;AAQlB,EAAkB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/progress.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAG9D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,QAAQ,CAAC,EACjB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EAC6C;IACrD,OAAO,CACN,KAAC,iBAAiB,CAAC,IAAI,iBACZ,UAAU,EACpB,SAAS,EAAE,EAAE,CACZ,gEAAgE,EAChE,SAAS,CACT,KACG,KAAK,YAET,KAAC,iBAAiB,CAAC,SAAS,iBACjB,oBAAoB,EAC9B,SAAS,EAAC,gDAAgD,EAC1D,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,GAAG,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,EAAE,GAC1D,GACsB,CACzB,CAAC;AACH,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"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"}

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

@@ -1,18 +1,22 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { Progress } from "#shadcn/components/ui/progress";
+import { Progress } from "./progress.js";
 const meta = {
-    title: "Component/Progress",
+    title: "Component/Progress"
 };
 export default meta;
 export const Demo = {
-    render: () => {
+    render: ()=>{
         const [progress, setProgress] = React.useState(13);
-        React.useEffect(() => {
-            const timer = setTimeout(() => setProgress(66), 500);
-            return () => clearTimeout(timer);
+        React.useEffect(()=>{
+            const timer = setTimeout(()=>setProgress(66), 500);
+            return ()=>clearTimeout(timer);
         }, []);
-        return _jsx(Progress, { value: progress, className: "w-[60%]" });
-    },
+        return /*#__PURE__*/ _jsx(Progress, {
+            value: progress,
+            className: "w-[60%]"
+        });
+    }
 };
+
 //# sourceMappingURL=progress.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"progress.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/progress.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,oBAAoB;CACZ,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE;QACZ,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QAEnD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YACpB,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;YACrD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAClC,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAC,SAAS,GAAG,CAAC;IAC1D,CAAC;CACe,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/progress.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport * as React from \"react\";\nimport { Progress } from \"#shadcn/components/ui/progress\";\n\nconst meta = {\n\ttitle: \"Component/Progress\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => {\n\t\tconst [progress, setProgress] = React.useState(13);\n\n\t\tReact.useEffect(() => {\n\t\t\tconst timer = setTimeout(() => setProgress(66), 500);\n\t\t\treturn () => clearTimeout(timer);\n\t\t}, []);\n\n\t\treturn <Progress value={progress} className=\"w-[60%]\" />;\n\t},\n} satisfies Story;\n"],"names":["React","Progress","meta","title","Demo","render","progress","setProgress","useState","useEffect","timer","setTimeout","clearTimeout","value","className"],"mappings":";AACA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,QAAQ,QAAQ,gBAAiC;AAE1D,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ;QACP,MAAM,CAACC,UAAUC,YAAY,GAAGP,MAAMQ,QAAQ,CAAC;QAE/CR,MAAMS,SAAS,CAAC;YACf,MAAMC,QAAQC,WAAW,IAAMJ,YAAY,KAAK;YAChD,OAAO,IAAMK,aAAaF;QAC3B,GAAG,EAAE;QAEL,qBAAO,KAACT;YAASY,OAAOP;YAAUQ,WAAU;;IAC7C;AACD,EAAkB"}

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

@@ -1,12 +1,28 @@
 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 "#shadcn/lib/utils";
+import { cn } from "../../lib/utils.js";
 function RadioGroup({ className, ...props }) {
-    return (_jsx(RadioGroupPrimitive.Root, { "data-slot": "radio-group", className: cn("grid gap-3", className), ...props }));
+    return /*#__PURE__*/ _jsx(RadioGroupPrimitive.Root, {
+        "data-slot": "radio-group",
+        className: cn("grid gap-3", className),
+        ...props
+    });
 }
 function RadioGroupItem({ className, ...props }) {
-    return (_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), ...props, children: _jsx(RadioGroupPrimitive.Indicator, { "data-slot": "radio-group-indicator", className: "relative flex items-center justify-center", children: _jsx(CircleIcon, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" }) }) }));
+    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),
+        ...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"
+            })
+        })
+    });
 }
 export { RadioGroup, RadioGroupItem };
+
 //# sourceMappingURL=radio-group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/radio-group.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,UAAU,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EAC+C;IACvD,OAAO,CACN,KAAC,mBAAmB,CAAC,IAAI,iBACd,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,KAClC,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EAC+C;IACvD,OAAO,CACN,KAAC,mBAAmB,CAAC,IAAI,iBACd,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CACZ,wXAAwX,EACxX,SAAS,CACT,KACG,KAAK,YAET,KAAC,mBAAmB,CAAC,SAAS,iBACnB,uBAAuB,EACjC,SAAS,EAAC,2CAA2C,YAErD,KAAC,UAAU,IAAC,SAAS,EAAC,iFAAiF,GAAG,GAC3E,GACN,CAC3B,CAAC;AACH,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/radio-group.tsx"],"sourcesContent":["import * 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,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"}

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

@@ -1,11 +1,55 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Label } from "#shadcn/components/ui/label";
-import { RadioGroup, RadioGroupItem } from "#shadcn/components/ui/radio-group";
+import { Label } from "./label.js";
+import { RadioGroup, RadioGroupItem } from "./radio-group.js";
 const meta = {
-    title: "Component/Radio group",
+    title: "Component/Radio group"
 };
 export default meta;
 export const Demo = {
-    render: () => (_jsxs(RadioGroup, { defaultValue: "comfortable", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(RadioGroupItem, { value: "default", id: "r1" }), _jsx(Label, { htmlFor: "r1", children: "Default" })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(RadioGroupItem, { value: "comfortable", id: "r2" }), _jsx(Label, { htmlFor: "r2", children: "Comfortable" })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(RadioGroupItem, { value: "compact", id: "r3" }), _jsx(Label, { htmlFor: "r3", children: "Compact" })] })] })),
+    render: ()=>/*#__PURE__*/ _jsxs(RadioGroup, {
+            defaultValue: "comfortable",
+            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__*/ _jsxs("div", {
+                    className: "flex items-center gap-3",
+                    children: [
+                        /*#__PURE__*/ _jsx(RadioGroupItem, {
+                            value: "comfortable",
+                            id: "r2"
+                        }),
+                        /*#__PURE__*/ _jsx(Label, {
+                            htmlFor: "r2",
+                            children: "Comfortable"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex items-center gap-3",
+                    children: [
+                        /*#__PURE__*/ _jsx(RadioGroupItem, {
+                            value: "compact",
+                            id: "r3"
+                        }),
+                        /*#__PURE__*/ _jsx(Label, {
+                            htmlFor: "r3",
+                            children: "Compact"
+                        })
+                    ]
+                })
+            ]
+        })
 };
+
 //# sourceMappingURL=radio-group.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-group.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/radio-group.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAE/E,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,uBAAuB;CACf,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,UAAU,IAAC,YAAY,EAAC,aAAa,aACrC,eAAK,SAAS,EAAC,yBAAyB,aACvC,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,IAAI,GAAG,EAC1C,KAAC,KAAK,IAAC,OAAO,EAAC,IAAI,wBAAgB,IAC9B,EACN,eAAK,SAAS,EAAC,yBAAyB,aACvC,KAAC,cAAc,IAAC,KAAK,EAAC,aAAa,EAAC,EAAE,EAAC,IAAI,GAAG,EAC9C,KAAC,KAAK,IAAC,OAAO,EAAC,IAAI,4BAAoB,IAClC,EACN,eAAK,SAAS,EAAC,yBAAyB,aACvC,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,IAAI,GAAG,EAC1C,KAAC,KAAK,IAAC,OAAO,EAAC,IAAI,wBAAgB,IAC9B,IACM,CACb;CACe,CAAC"}
+{"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"}

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

@@ -1,15 +1,33 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { GripVerticalIcon } from "lucide-react";
 import * as ResizablePrimitive from "react-resizable-panels";
-import { cn } from "#shadcn/lib/utils";
+import { cn } from "../../lib/utils.js";
 function ResizablePanelGroup({ className, ...props }) {
-    return (_jsx(ResizablePrimitive.PanelGroup, { "data-slot": "resizable-panel-group", className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className), ...props }));
+    return /*#__PURE__*/ _jsx(ResizablePrimitive.PanelGroup, {
+        "data-slot": "resizable-panel-group",
+        className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
+        ...props
+    });
 }
 function ResizablePanel({ ...props }) {
-    return _jsx(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
+    return /*#__PURE__*/ _jsx(ResizablePrimitive.Panel, {
+        "data-slot": "resizable-panel",
+        ...props
+    });
 }
 function ResizableHandle({ withHandle, className, ...props }) {
-    return (_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), ...props, children: withHandle && (_jsx("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: _jsx(GripVerticalIcon, { className: "size-2.5" }) })) }));
+    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),
+        ...props,
+        children: withHandle && /*#__PURE__*/ _jsx("div", {
+            className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",
+            children: /*#__PURE__*/ _jsx(GripVerticalIcon, {
+                className: "size-2.5"
+            })
+        })
+    });
 }
 export { ResizablePanelGroup, ResizablePanel, ResizableHandle };
+
 //# sourceMappingURL=resizable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"resizable.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/resizable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,mBAAmB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACoD;IAC5D,OAAO,CACN,KAAC,kBAAkB,CAAC,UAAU,iBACnB,uBAAuB,EACjC,SAAS,EAAE,EAAE,CACZ,mEAAmE,EACnE,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EACvB,GAAG,KAAK,EAC+C;IACvD,OAAO,KAAC,kBAAkB,CAAC,KAAK,iBAAW,iBAAiB,KAAK,KAAK,GAAI,CAAC;AAC5E,CAAC;AAED,SAAS,eAAe,CAAC,EACxB,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EAGR;IACA,OAAO,CACN,KAAC,kBAAkB,CAAC,iBAAiB,iBAC1B,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CACZ,2oBAA2oB,EAC3oB,SAAS,CACT,KACG,KAAK,YAER,UAAU,IAAI,CACd,cAAK,SAAS,EAAC,2EAA2E,YACzF,KAAC,gBAAgB,IAAC,SAAS,EAAC,UAAU,GAAG,GACpC,CACN,GACqC,CACvC,CAAC;AACH,CAAC;AAED,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}
+{"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"}

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

@@ -1,10 +1,56 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ResizableHandle, ResizablePanel, ResizablePanelGroup, } from "#shadcn/components/ui/resizable";
+import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "./resizable.js";
 const meta = {
-    title: "Component/Resizable",
+    title: "Component/Resizable"
 };
 export default meta;
 export const Demo = {
-    render: () => (_jsxs(ResizablePanelGroup, { direction: "horizontal", className: "max-w-md rounded-lg border md:min-w-[450px]", children: [_jsx(ResizablePanel, { defaultSize: 50, children: _jsx("div", { className: "flex h-[200px] items-center justify-center p-6", children: _jsx("span", { className: "font-semibold", children: "One" }) }) }), _jsx(ResizableHandle, {}), _jsx(ResizablePanel, { defaultSize: 50, children: _jsxs(ResizablePanelGroup, { direction: "vertical", children: [_jsx(ResizablePanel, { defaultSize: 25, children: _jsx("div", { className: "flex h-full items-center justify-center p-6", children: _jsx("span", { className: "font-semibold", children: "Two" }) }) }), _jsx(ResizableHandle, {}), _jsx(ResizablePanel, { defaultSize: 75, children: _jsx("div", { className: "flex h-full items-center justify-center p-6", children: _jsx("span", { className: "font-semibold", children: "Three" }) }) })] }) })] })),
+    render: ()=>/*#__PURE__*/ _jsxs(ResizablePanelGroup, {
+            direction: "horizontal",
+            className: "max-w-md rounded-lg border md:min-w-[450px]",
+            children: [
+                /*#__PURE__*/ _jsx(ResizablePanel, {
+                    defaultSize: 50,
+                    children: /*#__PURE__*/ _jsx("div", {
+                        className: "flex h-[200px] items-center justify-center p-6",
+                        children: /*#__PURE__*/ _jsx("span", {
+                            className: "font-semibold",
+                            children: "One"
+                        })
+                    })
+                }),
+                /*#__PURE__*/ _jsx(ResizableHandle, {}),
+                /*#__PURE__*/ _jsx(ResizablePanel, {
+                    defaultSize: 50,
+                    children: /*#__PURE__*/ _jsxs(ResizablePanelGroup, {
+                        direction: "vertical",
+                        children: [
+                            /*#__PURE__*/ _jsx(ResizablePanel, {
+                                defaultSize: 25,
+                                children: /*#__PURE__*/ _jsx("div", {
+                                    className: "flex h-full items-center justify-center p-6",
+                                    children: /*#__PURE__*/ _jsx("span", {
+                                        className: "font-semibold",
+                                        children: "Two"
+                                    })
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(ResizableHandle, {}),
+                            /*#__PURE__*/ _jsx(ResizablePanel, {
+                                defaultSize: 75,
+                                children: /*#__PURE__*/ _jsx("div", {
+                                    className: "flex h-full items-center justify-center p-6",
+                                    children: /*#__PURE__*/ _jsx("span", {
+                                        className: "font-semibold",
+                                        children: "Three"
+                                    })
+                                })
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
 };
+
 //# sourceMappingURL=resizable.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"resizable.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/resizable.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACN,eAAe,EACf,cAAc,EACd,mBAAmB,GACnB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,qBAAqB;CACb,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,mBAAmB,IACnB,SAAS,EAAC,YAAY,EACtB,SAAS,EAAC,6CAA6C,aAEvD,KAAC,cAAc,IAAC,WAAW,EAAE,EAAE,YAC9B,cAAK,SAAS,EAAC,gDAAgD,YAC9D,eAAM,SAAS,EAAC,eAAe,oBAAW,GACrC,GACU,EACjB,KAAC,eAAe,KAAG,EACnB,KAAC,cAAc,IAAC,WAAW,EAAE,EAAE,YAC9B,MAAC,mBAAmB,IAAC,SAAS,EAAC,UAAU,aACxC,KAAC,cAAc,IAAC,WAAW,EAAE,EAAE,YAC9B,cAAK,SAAS,EAAC,6CAA6C,YAC3D,eAAM,SAAS,EAAC,eAAe,oBAAW,GACrC,GACU,EACjB,KAAC,eAAe,KAAG,EACnB,KAAC,cAAc,IAAC,WAAW,EAAE,EAAE,YAC9B,cAAK,SAAS,EAAC,6CAA6C,YAC3D,eAAM,SAAS,EAAC,eAAe,sBAAa,GACvC,GACU,IACI,GACN,IACI,CACtB;CACe,CAAC"}
+{"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"}

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

@@ -1,13 +1,34 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { cn } from "#shadcn/lib/utils";
+import { cn } from "../../lib/utils.js";
 function ScrollArea({ className, children, ...props }) {
-    return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn("relative", className), ...props, children: [_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", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }));
+    return /*#__PURE__*/ _jsxs(ScrollAreaPrimitive.Root, {
+        "data-slot": "scroll-area",
+        className: cn("relative", className),
+        ...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",
+                children: children
+            }),
+            /*#__PURE__*/ _jsx(ScrollBar, {}),
+            /*#__PURE__*/ _jsx(ScrollAreaPrimitive.Corner, {})
+        ]
+    });
 }
 function ScrollBar({ className, orientation = "vertical", ...props }) {
-    return (_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), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "bg-border relative flex-1 rounded-full" }) }));
+    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),
+        ...props,
+        children: /*#__PURE__*/ _jsx(ScrollAreaPrimitive.ScrollAreaThumb, {
+            "data-slot": "scroll-area-thumb",
+            className: "bg-border relative flex-1 rounded-full"
+        })
+    });
 }
 export { ScrollArea, ScrollBar };
+
 //# sourceMappingURL=scroll-area.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/scroll-area.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAGnE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,UAAU,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAC+C;IACvD,OAAO,CACN,MAAC,mBAAmB,CAAC,IAAI,iBACd,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,KAChC,KAAK,aAET,KAAC,mBAAmB,CAAC,QAAQ,iBAClB,sBAAsB,EAChC,SAAS,EAAC,oJAAoJ,YAE7J,QAAQ,GACqB,EAC/B,KAAC,SAAS,KAAG,EACb,KAAC,mBAAmB,CAAC,MAAM,KAAG,IACJ,CAC3B,CAAC;AACH,CAAC;AAED,SAAS,SAAS,CAAC,EAClB,SAAS,EACT,WAAW,GAAG,UAAU,EACxB,GAAG,KAAK,EAC8D;IACtE,OAAO,CACN,KAAC,mBAAmB,CAAC,mBAAmB,iBAC7B,uBAAuB,EACjC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACZ,oDAAoD,EACpD,WAAW,KAAK,UAAU;YACzB,4CAA4C,EAC7C,WAAW,KAAK,YAAY;YAC3B,8CAA8C,EAC/C,SAAS,CACT,KACG,KAAK,YAET,KAAC,mBAAmB,CAAC,eAAe,iBACzB,mBAAmB,EAC7B,SAAS,EAAC,wCAAwC,GACjD,GACuC,CAC1C,CAAC;AACH,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}
+{"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"}