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

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

@@ -1,13 +1,38 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { ScrollArea } from "#shadcn/components/ui/scroll-area";
-import { Separator } from "#shadcn/components/ui/separator";
-const tags = Array.from({ length: 50 }).map((_, i, a) => `v1.2.0-beta.${a.length - i}`);
+import { ScrollArea } from "./scroll-area.js";
+import { Separator } from "./separator.js";
+const tags = Array.from({
+    length: 50
+}).map((_, i, a)=>`v1.2.0-beta.${a.length - i}`);
 const meta = {
-    title: "Component/Scroll area",
+    title: "Component/Scroll area"
 };
 export default meta;
 export const Demo = {
-    render: () => (_jsx(ScrollArea, { className: "h-72 w-48 rounded-md border", children: _jsxs("div", { className: "p-4", children: [_jsx("h4", { className: "mb-4 text-sm leading-none font-medium", children: "Tags" }), tags.map((tag) => (_jsxs(React.Fragment, { children: [_jsx("div", { className: "text-sm", children: tag }), _jsx(Separator, { className: "my-2" })] }, tag)))] }) })),
+    render: ()=>/*#__PURE__*/ _jsx(ScrollArea, {
+            className: "h-72 w-48 rounded-md border",
+            children: /*#__PURE__*/ _jsxs("div", {
+                className: "p-4",
+                children: [
+                    /*#__PURE__*/ _jsx("h4", {
+                        className: "mb-4 text-sm leading-none font-medium",
+                        children: "Tags"
+                    }),
+                    tags.map((tag)=>/*#__PURE__*/ _jsxs(React.Fragment, {
+                            children: [
+                                /*#__PURE__*/ _jsx("div", {
+                                    className: "text-sm",
+                                    children: tag
+                                }),
+                                /*#__PURE__*/ _jsx(Separator, {
+                                    className: "my-2"
+                                })
+                            ]
+                        }, tag))
+                ]
+            })
+        })
 };
+
 //# sourceMappingURL=scroll-area.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/scroll-area.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAC1C,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAC1C,CAAC;AAEF,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,KAAC,UAAU,IAAC,SAAS,EAAC,6BAA6B,YAClD,eAAK,SAAS,EAAC,KAAK,aACnB,aAAI,SAAS,EAAC,uCAAuC,qBAAU,EAC9D,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAClB,MAAC,KAAK,CAAC,QAAQ,eACd,cAAK,SAAS,EAAC,SAAS,YAAE,GAAG,GAAO,EACpC,KAAC,SAAS,IAAC,SAAS,EAAC,MAAM,GAAG,KAFV,GAAG,CAGP,CACjB,CAAC,IACG,GACM,CACb;CACe,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/scroll-area.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport * as React from \"react\";\nimport { ScrollArea } from \"#shadcn/components/ui/scroll-area\";\nimport { Separator } from \"#shadcn/components/ui/separator\";\n\nconst tags = Array.from({ length: 50 }).map(\n\t(_, i, a) => `v1.2.0-beta.${a.length - i}`,\n);\n\nconst meta = {\n\ttitle: \"Component/Scroll area\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<ScrollArea className=\"h-72 w-48 rounded-md border\">\n\t\t\t<div className=\"p-4\">\n\t\t\t\t<h4 className=\"mb-4 text-sm leading-none font-medium\">Tags</h4>\n\t\t\t\t{tags.map((tag) => (\n\t\t\t\t\t<React.Fragment key={tag}>\n\t\t\t\t\t\t<div className=\"text-sm\">{tag}</div>\n\t\t\t\t\t\t<Separator className=\"my-2\" />\n\t\t\t\t\t</React.Fragment>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</ScrollArea>\n\t),\n} satisfies Story;\n"],"names":["React","ScrollArea","Separator","tags","Array","from","length","map","_","i","a","meta","title","Demo","render","className","div","h4","tag","Fragment"],"mappings":";AACA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,mBAAoC;AAC/D,SAASC,SAAS,QAAQ,iBAAkC;AAE5D,MAAMC,OAAOC,MAAMC,IAAI,CAAC;IAAEC,QAAQ;AAAG,GAAGC,GAAG,CAC1C,CAACC,GAAGC,GAAGC,IAAM,CAAC,YAAY,EAAEA,EAAEJ,MAAM,GAAGG,GAAG;AAG3C,MAAME,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,KAACb;YAAWc,WAAU;sBACrB,cAAA,MAACC;gBAAID,WAAU;;kCACd,KAACE;wBAAGF,WAAU;kCAAwC;;oBACrDZ,KAAKI,GAAG,CAAC,CAACW,oBACV,MAAClB,MAAMmB,QAAQ;;8CACd,KAACH;oCAAID,WAAU;8CAAWG;;8CAC1B,KAAChB;oCAAUa,WAAU;;;2BAFDG;;;;AAQ1B,EAAkB"}

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

@@ -2,54 +2,133 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { cva } from "class-variance-authority";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import { cn } from "#shadcn/lib/utils";
+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"), {
     variants: {
         size: {
             regular: "h-9",
-            small: "h-8",
+            small: "h-8"
         },
         variant: {
             default: "",
-            compound: "border-r-0 typo-label",
-        },
+            compound: "border-r-0 typo-label"
+        }
     },
     defaultVariants: {
         size: "regular",
-        variant: "default",
-    },
+        variant: "default"
+    }
 });
 function Select({ ...props }) {
-    return _jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
+    return /*#__PURE__*/ _jsx(SelectPrimitive.Root, {
+        "data-slot": "select",
+        ...props
+    });
 }
 function SelectGroup({ ...props }) {
-    return _jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+    return /*#__PURE__*/ _jsx(SelectPrimitive.Group, {
+        "data-slot": "select-group",
+        ...props
+    });
 }
 function SelectValue({ ...props }) {
-    return _jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+    return /*#__PURE__*/ _jsx(SelectPrimitive.Value, {
+        "data-slot": "select-value",
+        ...props
+    });
 }
 function SelectTrigger({ className, size, variant, children, ...props }) {
-    return (_jsxs(SelectPrimitive.Trigger, { "data-slot": "select-trigger", className: cn(selectTriggerVariants({ variant, size, className })), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })] }));
+    return /*#__PURE__*/ _jsxs(SelectPrimitive.Trigger, {
+        "data-slot": "select-trigger",
+        className: cn(selectTriggerVariants({
+            variant,
+            size,
+            className
+        })),
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ _jsx(SelectPrimitive.Icon, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsx(ChevronDownIcon, {
+                    className: "size-4 opacity-50"
+                })
+            })
+        ]
+    });
 }
 function SelectContent({ className, children, position = "popper", ...props }) {
-    return (_jsx(SelectPrimitive.Portal, { children: _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), position: position, ...props, children: [_jsx(SelectScrollUpButton, {}), _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"), children: children }), _jsx(SelectScrollDownButton, {})] }) }));
+    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),
+            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"),
+                    children: children
+                }),
+                /*#__PURE__*/ _jsx(SelectScrollDownButton, {})
+            ]
+        })
+    });
 }
 function SelectLabel({ className, ...props }) {
-    return (_jsx(SelectPrimitive.Label, { "data-slot": "select-label", className: cn("text-muted-foreground px-2 py-1.5 text-xs", className), ...props }));
+    return /*#__PURE__*/ _jsx(SelectPrimitive.Label, {
+        "data-slot": "select-label",
+        className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+        ...props
+    });
 }
 function SelectItem({ className, children, ...props }) {
-    return (_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), ...props, children: [_jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), _jsx(SelectPrimitive.ItemText, { children: children })] }));
+    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),
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx("span", {
+                className: "absolute right-2 flex size-3.5 items-center justify-center",
+                children: /*#__PURE__*/ _jsx(SelectPrimitive.ItemIndicator, {
+                    children: /*#__PURE__*/ _jsx(CheckIcon, {
+                        className: "size-4"
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsx(SelectPrimitive.ItemText, {
+                children: children
+            })
+        ]
+    });
 }
 function SelectSeparator({ className, ...props }) {
-    return (_jsx(SelectPrimitive.Separator, { "data-slot": "select-separator", className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", 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),
+        ...props
+    });
 }
 function SelectScrollUpButton({ className, ...props }) {
-    return (_jsx(SelectPrimitive.ScrollUpButton, { "data-slot": "select-scroll-up-button", className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronUpIcon, { className: "size-4" }) }));
+    return /*#__PURE__*/ _jsx(SelectPrimitive.ScrollUpButton, {
+        "data-slot": "select-scroll-up-button",
+        className: cn("flex cursor-default items-center justify-center py-1", className),
+        ...props,
+        children: /*#__PURE__*/ _jsx(ChevronUpIcon, {
+            className: "size-4"
+        })
+    });
 }
 function SelectScrollDownButton({ className, ...props }) {
-    return (_jsx(SelectPrimitive.ScrollDownButton, { "data-slot": "select-scroll-down-button", className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronDownIcon, { className: "size-4" }) }));
+    return /*#__PURE__*/ _jsx(SelectPrimitive.ScrollDownButton, {
+        "data-slot": "select-scroll-down-button",
+        className: cn("flex cursor-default items-center justify-center py-1", className),
+        ...props,
+        children: /*#__PURE__*/ _jsx(ChevronDownIcon, {
+            className: "size-4"
+        })
+    });
 }
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
+
 //# sourceMappingURL=select.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/select.tsx"],"names":[],"mappings":"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"}
+{"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":"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"}

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

@@ -1,14 +1,93 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Label } from "#shadcn/components/ui/label";
-import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue, } from "#shadcn/components/ui/select";
+import { Label } from "./label.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from "./select.js";
 const meta = {
-    title: "Component/Select",
+    title: "Component/Select"
 };
 export default meta;
 export const Demo = {
-    render: () => (_jsxs(Select, { children: [_jsx(SelectTrigger, { className: "w-[180px]", children: _jsx(SelectValue, { placeholder: "Select a fruit" }) }), _jsx(SelectContent, { children: _jsxs(SelectGroup, { children: [_jsx(SelectLabel, { children: "Fruits" }), _jsx(SelectItem, { value: "apple", children: "Apple" }), _jsx(SelectItem, { value: "banana", children: "Banana" }), _jsx(SelectItem, { value: "blueberry", children: "Blueberry" }), _jsx(SelectItem, { value: "grapes", children: "Grapes" }), _jsx(SelectItem, { value: "pineapple", children: "Pineapple" })] }) })] })),
+    render: ()=>/*#__PURE__*/ _jsxs(Select, {
+            children: [
+                /*#__PURE__*/ _jsx(SelectTrigger, {
+                    className: "w-[180px]",
+                    children: /*#__PURE__*/ _jsx(SelectValue, {
+                        placeholder: "Select a fruit"
+                    })
+                }),
+                /*#__PURE__*/ _jsx(SelectContent, {
+                    children: /*#__PURE__*/ _jsxs(SelectGroup, {
+                        children: [
+                            /*#__PURE__*/ _jsx(SelectLabel, {
+                                children: "Fruits"
+                            }),
+                            /*#__PURE__*/ _jsx(SelectItem, {
+                                value: "apple",
+                                children: "Apple"
+                            }),
+                            /*#__PURE__*/ _jsx(SelectItem, {
+                                value: "banana",
+                                children: "Banana"
+                            }),
+                            /*#__PURE__*/ _jsx(SelectItem, {
+                                value: "blueberry",
+                                children: "Blueberry"
+                            }),
+                            /*#__PURE__*/ _jsx(SelectItem, {
+                                value: "grapes",
+                                children: "Grapes"
+                            }),
+                            /*#__PURE__*/ _jsx(SelectItem, {
+                                value: "pineapple",
+                                children: "Pineapple"
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
 };
 export const CompoundSelectWrite = {
-    render: () => (_jsxs("div", { className: "grid w-full max-w-sm items-center gap-1.5", children: [_jsx(Label, { htmlFor: "compound-select", children: "Compound Select Write" }), _jsxs(Select, { children: [_jsx(SelectTrigger, { id: "compound-select", variant: "compound", className: "w-[180px]", children: _jsx(SelectValue, { placeholder: "Select option" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "option1", children: "Option 1" }), _jsx(SelectItem, { value: "option2", children: "Option 2" }), _jsx(SelectItem, { value: "option3", children: "Option 3" }), _jsx(SelectItem, { value: "option4", children: "Option 4" })] })] })] })),
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "grid w-full max-w-sm items-center gap-1.5",
+            children: [
+                /*#__PURE__*/ _jsx(Label, {
+                    htmlFor: "compound-select",
+                    children: "Compound Select Write"
+                }),
+                /*#__PURE__*/ _jsxs(Select, {
+                    children: [
+                        /*#__PURE__*/ _jsx(SelectTrigger, {
+                            id: "compound-select",
+                            variant: "compound",
+                            className: "w-[180px]",
+                            children: /*#__PURE__*/ _jsx(SelectValue, {
+                                placeholder: "Select option"
+                            })
+                        }),
+                        /*#__PURE__*/ _jsxs(SelectContent, {
+                            children: [
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "option1",
+                                    children: "Option 1"
+                                }),
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "option2",
+                                    children: "Option 2"
+                                }),
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "option3",
+                                    children: "Option 3"
+                                }),
+                                /*#__PURE__*/ _jsx(SelectItem, {
+                                    value: "option4",
+                                    children: "Option 4"
+                                })
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
 };
+
 //# sourceMappingURL=select.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"select.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/select.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EACN,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,aAAa,EACb,WAAW,GACX,MAAM,8BAA8B,CAAC;AAEtC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,kBAAkB;CACV,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,MAAM,eACN,KAAC,aAAa,IAAC,SAAS,EAAC,WAAW,YACnC,KAAC,WAAW,IAAC,WAAW,EAAC,gBAAgB,GAAG,GAC7B,EAChB,KAAC,aAAa,cACb,MAAC,WAAW,eACX,KAAC,WAAW,yBAAqB,EACjC,KAAC,UAAU,IAAC,KAAK,EAAC,OAAO,sBAAmB,EAC5C,KAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,uBAAoB,EAC9C,KAAC,UAAU,IAAC,KAAK,EAAC,WAAW,0BAAuB,EACpD,KAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,uBAAoB,EAC9C,KAAC,UAAU,IAAC,KAAK,EAAC,WAAW,0BAAuB,IACvC,GACC,IACR,CACT;CACe,CAAC;AAElB,MAAM,CAAC,MAAM,mBAAmB,GAAU;IACzC,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,eAAK,SAAS,EAAC,2CAA2C,aACzD,KAAC,KAAK,IAAC,OAAO,EAAC,iBAAiB,sCAA8B,EAC9D,MAAC,MAAM,eACN,KAAC,aAAa,IACb,EAAE,EAAC,iBAAiB,EACpB,OAAO,EAAC,UAAU,EAClB,SAAS,EAAC,WAAW,YAErB,KAAC,WAAW,IAAC,WAAW,EAAC,eAAe,GAAG,GAC5B,EAChB,MAAC,aAAa,eACb,KAAC,UAAU,IAAC,KAAK,EAAC,SAAS,yBAAsB,EACjD,KAAC,UAAU,IAAC,KAAK,EAAC,SAAS,yBAAsB,EACjD,KAAC,UAAU,IAAC,KAAK,EAAC,SAAS,yBAAsB,EACjD,KAAC,UAAU,IAAC,KAAK,EAAC,SAAS,yBAAsB,IAClC,IACR,IACJ,CACN;CACD,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/select.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Label } from \"#shadcn/components/ui/label\";\nimport {\n\tSelect,\n\tSelectContent,\n\tSelectGroup,\n\tSelectItem,\n\tSelectLabel,\n\tSelectTrigger,\n\tSelectValue,\n} from \"#shadcn/components/ui/select\";\n\nconst meta = {\n\ttitle: \"Component/Select\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<Select>\n\t\t\t<SelectTrigger className=\"w-[180px]\">\n\t\t\t\t<SelectValue placeholder=\"Select a fruit\" />\n\t\t\t</SelectTrigger>\n\t\t\t<SelectContent>\n\t\t\t\t<SelectGroup>\n\t\t\t\t\t<SelectLabel>Fruits</SelectLabel>\n\t\t\t\t\t<SelectItem value=\"apple\">Apple</SelectItem>\n\t\t\t\t\t<SelectItem value=\"banana\">Banana</SelectItem>\n\t\t\t\t\t<SelectItem value=\"blueberry\">Blueberry</SelectItem>\n\t\t\t\t\t<SelectItem value=\"grapes\">Grapes</SelectItem>\n\t\t\t\t\t<SelectItem value=\"pineapple\">Pineapple</SelectItem>\n\t\t\t\t</SelectGroup>\n\t\t\t</SelectContent>\n\t\t</Select>\n\t),\n} satisfies Story;\n\nexport const CompoundSelectWrite: Story = {\n\trender: () => (\n\t\t<div className=\"grid w-full max-w-sm items-center gap-1.5\">\n\t\t\t<Label htmlFor=\"compound-select\">Compound Select Write</Label>\n\t\t\t<Select>\n\t\t\t\t<SelectTrigger\n\t\t\t\t\tid=\"compound-select\"\n\t\t\t\t\tvariant=\"compound\"\n\t\t\t\t\tclassName=\"w-[180px]\"\n\t\t\t\t>\n\t\t\t\t\t<SelectValue placeholder=\"Select option\" />\n\t\t\t\t</SelectTrigger>\n\t\t\t\t<SelectContent>\n\t\t\t\t\t<SelectItem value=\"option1\">Option 1</SelectItem>\n\t\t\t\t\t<SelectItem value=\"option2\">Option 2</SelectItem>\n\t\t\t\t\t<SelectItem value=\"option3\">Option 3</SelectItem>\n\t\t\t\t\t<SelectItem value=\"option4\">Option 4</SelectItem>\n\t\t\t\t</SelectContent>\n\t\t\t</Select>\n\t\t</div>\n\t),\n};\n"],"names":["Label","Select","SelectContent","SelectGroup","SelectItem","SelectLabel","SelectTrigger","SelectValue","meta","title","Demo","render","className","placeholder","value","CompoundSelectWrite","div","htmlFor","id","variant"],"mappings":";AACA,SAASA,KAAK,QAAQ,aAA8B;AACpD,SACCC,MAAM,EACNC,aAAa,EACbC,WAAW,EACXC,UAAU,EACVC,WAAW,EACXC,aAAa,EACbC,WAAW,QACL,cAA+B;AAEtC,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACV;;8BACA,KAACK;oBAAcM,WAAU;8BACxB,cAAA,KAACL;wBAAYM,aAAY;;;8BAE1B,KAACX;8BACA,cAAA,MAACC;;0CACA,KAACE;0CAAY;;0CACb,KAACD;gCAAWU,OAAM;0CAAQ;;0CAC1B,KAACV;gCAAWU,OAAM;0CAAS;;0CAC3B,KAACV;gCAAWU,OAAM;0CAAY;;0CAC9B,KAACV;gCAAWU,OAAM;0CAAS;;0CAC3B,KAACV;gCAAWU,OAAM;0CAAY;;;;;;;AAKnC,EAAkB;AAElB,OAAO,MAAMC,sBAA6B;IACzCJ,QAAQ,kBACP,MAACK;YAAIJ,WAAU;;8BACd,KAACZ;oBAAMiB,SAAQ;8BAAkB;;8BACjC,MAAChB;;sCACA,KAACK;4BACAY,IAAG;4BACHC,SAAQ;4BACRP,WAAU;sCAEV,cAAA,KAACL;gCAAYM,aAAY;;;sCAE1B,MAACX;;8CACA,KAACE;oCAAWU,OAAM;8CAAU;;8CAC5B,KAACV;oCAAWU,OAAM;8CAAU;;8CAC5B,KAACV;oCAAWU,OAAM;8CAAU;;8CAC5B,KAACV;oCAAWU,OAAM;8CAAU;;;;;;;;AAKjC,EAAE"}

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

@@ -1,8 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { cn } from "#shadcn/lib/utils";
+import { cn } from "../../lib/utils.js";
 function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
-    return (_jsx(SeparatorPrimitive.Root, { "data-slot": "separator", decorative: decorative, orientation: orientation, className: cn("bg-bg-quaternary shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full", "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className), ...props }));
+    return /*#__PURE__*/ _jsx(SeparatorPrimitive.Root, {
+        "data-slot": "separator",
+        decorative: decorative,
+        orientation: orientation,
+        className: cn("bg-bg-quaternary shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full", "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className),
+        ...props
+    });
 }
 export { Separator };
+
 //# sourceMappingURL=separator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"separator.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/separator.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAGhE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,SAAS,CAAC,EAClB,SAAS,EACT,WAAW,GAAG,YAAY,EAC1B,UAAU,GAAG,IAAI,EACjB,GAAG,KAAK,EAC8C;IACtD,OAAO,CACN,KAAC,kBAAkB,CAAC,IAAI,iBACb,WAAW,EACrB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACZ,mGAAmG,EACnG,qEAAqE,EACrE,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/separator.tsx"],"sourcesContent":["import * as SeparatorPrimitive from \"@radix-ui/react-separator\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Separator({\n\tclassName,\n\torientation = \"horizontal\",\n\tdecorative = true,\n\t...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\n\treturn (\n\t\t<SeparatorPrimitive.Root\n\t\t\tdata-slot=\"separator\"\n\t\t\tdecorative={decorative}\n\t\t\torientation={orientation}\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-bg-quaternary shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full\",\n\t\t\t\t\"data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Separator };\n"],"names":["SeparatorPrimitive","cn","Separator","className","orientation","decorative","props","Root","data-slot"],"mappings":";AAAA,YAAYA,wBAAwB,4BAA4B;AAGhE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,UAAU,EAClBC,SAAS,EACTC,cAAc,YAAY,EAC1BC,aAAa,IAAI,EACjB,GAAGC,OACmD;IACtD,qBACC,KAACN,mBAAmBO,IAAI;QACvBC,aAAU;QACVH,YAAYA;QACZD,aAAaA;QACbD,WAAWF,GACV,qGACA,uEACAE;QAEA,GAAGG,KAAK;;AAGZ;AAEA,SAASJ,SAAS,GAAG"}

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

@@ -1,10 +1,50 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Separator } from "#shadcn/components/ui/separator";
+import { Separator } from "./separator.js";
 const meta = {
-    title: "Component/Separator",
+    title: "Component/Separator"
 };
 export default meta;
 export const Demo = {
-    render: () => (_jsxs("div", { children: [_jsxs("div", { className: "space-y-1", children: [_jsx("h4", { className: "text-sm leading-none font-medium", children: "Radix Primitives" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "An open-source UI component library." })] }), _jsx(Separator, { className: "my-4" }), _jsxs("div", { className: "flex h-5 items-center space-x-4 text-sm", children: [_jsx("div", { children: "Blog" }), _jsx(Separator, { orientation: "vertical" }), _jsx("div", { children: "Docs" }), _jsx(Separator, { orientation: "vertical" }), _jsx("div", { children: "Source" })] })] })),
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "space-y-1",
+                    children: [
+                        /*#__PURE__*/ _jsx("h4", {
+                            className: "text-sm leading-none font-medium",
+                            children: "Radix Primitives"
+                        }),
+                        /*#__PURE__*/ _jsx("p", {
+                            className: "text-muted-foreground text-sm",
+                            children: "An open-source UI component library."
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(Separator, {
+                    className: "my-4"
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex h-5 items-center space-x-4 text-sm",
+                    children: [
+                        /*#__PURE__*/ _jsx("div", {
+                            children: "Blog"
+                        }),
+                        /*#__PURE__*/ _jsx(Separator, {
+                            orientation: "vertical"
+                        }),
+                        /*#__PURE__*/ _jsx("div", {
+                            children: "Docs"
+                        }),
+                        /*#__PURE__*/ _jsx(Separator, {
+                            orientation: "vertical"
+                        }),
+                        /*#__PURE__*/ _jsx("div", {
+                            children: "Source"
+                        })
+                    ]
+                })
+            ]
+        })
 };
+
 //# sourceMappingURL=separator.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"separator.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/separator.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,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,0BACC,eAAK,SAAS,EAAC,WAAW,aACzB,aAAI,SAAS,EAAC,kCAAkC,iCAAsB,EACtE,YAAG,SAAS,EAAC,+BAA+B,qDAExC,IACC,EACN,KAAC,SAAS,IAAC,SAAS,EAAC,MAAM,GAAG,EAC9B,eAAK,SAAS,EAAC,yCAAyC,aACvD,iCAAe,EACf,KAAC,SAAS,IAAC,WAAW,EAAC,UAAU,GAAG,EACpC,iCAAe,EACf,KAAC,SAAS,IAAC,WAAW,EAAC,UAAU,GAAG,EACpC,mCAAiB,IACZ,IACD,CACN;CACe,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/separator.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Separator } from \"#shadcn/components/ui/separator\";\n\nconst meta = {\n\ttitle: \"Component/Separator\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<div>\n\t\t\t<div className=\"space-y-1\">\n\t\t\t\t<h4 className=\"text-sm leading-none font-medium\">Radix Primitives</h4>\n\t\t\t\t<p className=\"text-muted-foreground text-sm\">\n\t\t\t\t\tAn open-source UI component library.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t\t<Separator className=\"my-4\" />\n\t\t\t<div className=\"flex h-5 items-center space-x-4 text-sm\">\n\t\t\t\t<div>Blog</div>\n\t\t\t\t<Separator orientation=\"vertical\" />\n\t\t\t\t<div>Docs</div>\n\t\t\t\t<Separator orientation=\"vertical\" />\n\t\t\t\t<div>Source</div>\n\t\t\t</div>\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["Separator","meta","title","Demo","render","div","className","h4","p","orientation"],"mappings":";AACA,SAASA,SAAS,QAAQ,iBAAkC;AAE5D,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACC;;8BACA,MAACA;oBAAIC,WAAU;;sCACd,KAACC;4BAAGD,WAAU;sCAAmC;;sCACjD,KAACE;4BAAEF,WAAU;sCAAgC;;;;8BAI9C,KAACN;oBAAUM,WAAU;;8BACrB,MAACD;oBAAIC,WAAU;;sCACd,KAACD;sCAAI;;sCACL,KAACL;4BAAUS,aAAY;;sCACvB,KAACJ;sCAAI;;sCACL,KAACL;4BAAUS,aAAY;;sCACvB,KAACJ;sCAAI;;;;;;AAIT,EAAkB"}

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

@@ -1,40 +1,93 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
-import { cn } from "#shadcn/lib/utils";
+import { cn } from "../../lib/utils.js";
 function Sheet({ ...props }) {
-    return _jsx(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+    return /*#__PURE__*/ _jsx(SheetPrimitive.Root, {
+        "data-slot": "sheet",
+        ...props
+    });
 }
 function SheetTrigger({ ...props }) {
-    return _jsx(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+    return /*#__PURE__*/ _jsx(SheetPrimitive.Trigger, {
+        "data-slot": "sheet-trigger",
+        ...props
+    });
 }
 function SheetClose({ ...props }) {
-    return _jsx(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+    return /*#__PURE__*/ _jsx(SheetPrimitive.Close, {
+        "data-slot": "sheet-close",
+        ...props
+    });
 }
 function SheetPortal({ ...props }) {
-    return _jsx(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+    return /*#__PURE__*/ _jsx(SheetPrimitive.Portal, {
+        "data-slot": "sheet-portal",
+        ...props
+    });
 }
 function SheetOverlay({ className, ...props }) {
-    return (_jsx(SheetPrimitive.Overlay, { "data-slot": "sheet-overlay", className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className), ...props }));
+    return /*#__PURE__*/ _jsx(SheetPrimitive.Overlay, {
+        "data-slot": "sheet-overlay",
+        className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
+        ...props
+    });
 }
 function SheetContent({ className, children, side = "right", ...props }) {
-    return (_jsxs(SheetPortal, { children: [_jsx(SheetOverlay, {}), _jsxs(SheetPrimitive.Content, { "data-slot": "sheet-content", className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "right" &&
-                    "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", side === "left" &&
-                    "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", side === "top" &&
-                    "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", side === "bottom" &&
-                    "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", className), ...props, children: [children, _jsxs(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [_jsx(XIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })] })] }));
+    return /*#__PURE__*/ _jsxs(SheetPortal, {
+        children: [
+            /*#__PURE__*/ _jsx(SheetOverlay, {}),
+            /*#__PURE__*/ _jsxs(SheetPrimitive.Content, {
+                "data-slot": "sheet-content",
+                className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", className),
+                ...props,
+                children: [
+                    children,
+                    /*#__PURE__*/ _jsxs(SheetPrimitive.Close, {
+                        className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
+                        children: [
+                            /*#__PURE__*/ _jsx(XIcon, {
+                                className: "size-4"
+                            }),
+                            /*#__PURE__*/ _jsx("span", {
+                                className: "sr-only",
+                                children: "Close"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
 }
 function SheetHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "sheet-header", className: cn("flex flex-col gap-1.5 p-4", className), ...props }));
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "sheet-header",
+        className: cn("flex flex-col gap-1.5 p-4", className),
+        ...props
+    });
 }
 function SheetFooter({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "sheet-footer", className: cn("mt-auto flex flex-col gap-2 p-4", className), ...props }));
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "sheet-footer",
+        className: cn("mt-auto flex flex-col gap-2 p-4", className),
+        ...props
+    });
 }
 function SheetTitle({ className, ...props }) {
-    return (_jsx(SheetPrimitive.Title, { "data-slot": "sheet-title", className: cn("text-foreground font-semibold", className), ...props }));
+    return /*#__PURE__*/ _jsx(SheetPrimitive.Title, {
+        "data-slot": "sheet-title",
+        className: cn("text-foreground font-semibold", className),
+        ...props
+    });
 }
 function SheetDescription({ className, ...props }) {
-    return (_jsx(SheetPrimitive.Description, { "data-slot": "sheet-description", className: cn("text-muted-foreground text-sm", className), ...props }));
+    return /*#__PURE__*/ _jsx(SheetPrimitive.Description, {
+        "data-slot": "sheet-description",
+        className: cn("text-muted-foreground text-sm", className),
+        ...props
+    });
 }
-export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, };
+export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription };
+
 //# sourceMappingURL=sheet.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"sheet.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/sheet.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/sheet.tsx"],"sourcesContent":["import * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n\treturn <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n\treturn <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n\treturn <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n\treturn <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n\treturn (\n\t\t<SheetPrimitive.Overlay\n\t\t\tdata-slot=\"sheet-overlay\"\n\t\t\tclassName={cn(\n\t\t\t\t\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SheetContent({\n\tclassName,\n\tchildren,\n\tside = \"right\",\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n\tside?: \"top\" | \"right\" | \"bottom\" | \"left\";\n}) {\n\treturn (\n\t\t<SheetPortal>\n\t\t\t<SheetOverlay />\n\t\t\t<SheetPrimitive.Content\n\t\t\t\tdata-slot=\"sheet-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n\t\t\t\t\tside === \"right\" &&\n\t\t\t\t\t\t\"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n\t\t\t\t\tside === \"left\" &&\n\t\t\t\t\t\t\"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n\t\t\t\t\tside === \"top\" &&\n\t\t\t\t\t\t\"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b\",\n\t\t\t\t\tside === \"bottom\" &&\n\t\t\t\t\t\t\"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t<SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none\">\n\t\t\t\t\t<XIcon className=\"size-4\" />\n\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t</SheetPrimitive.Close>\n\t\t\t</SheetPrimitive.Content>\n\t\t</SheetPortal>\n\t);\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sheet-header\"\n\t\t\tclassName={cn(\"flex flex-col gap-1.5 p-4\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sheet-footer\"\n\t\t\tclassName={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SheetTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n\treturn (\n\t\t<SheetPrimitive.Title\n\t\t\tdata-slot=\"sheet-title\"\n\t\t\tclassName={cn(\"text-foreground font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SheetDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n\treturn (\n\t\t<SheetPrimitive.Description\n\t\t\tdata-slot=\"sheet-description\"\n\t\t\tclassName={cn(\"text-muted-foreground text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tSheet,\n\tSheetTrigger,\n\tSheetClose,\n\tSheetContent,\n\tSheetHeader,\n\tSheetFooter,\n\tSheetTitle,\n\tSheetDescription,\n};\n"],"names":["SheetPrimitive","XIcon","cn","Sheet","props","Root","data-slot","SheetTrigger","Trigger","SheetClose","Close","SheetPortal","Portal","SheetOverlay","className","Overlay","SheetContent","children","side","Content","span","SheetHeader","div","SheetFooter","SheetTitle","Title","SheetDescription","Description"],"mappings":";AAAA,YAAYA,oBAAoB,yBAAyB;AACzD,SAASC,KAAK,QAAQ,eAAe;AAGrC,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,MAAM,EAAE,GAAGC,OAAyD;IAC5E,qBAAO,KAACJ,eAAeK,IAAI;QAACC,aAAU;QAAS,GAAGF,KAAK;;AACxD;AAEA,SAASG,aAAa,EACrB,GAAGH,OACkD;IACrD,qBAAO,KAACJ,eAAeQ,OAAO;QAACF,aAAU;QAAiB,GAAGF,KAAK;;AACnE;AAEA,SAASK,WAAW,EACnB,GAAGL,OACgD;IACnD,qBAAO,KAACJ,eAAeU,KAAK;QAACJ,aAAU;QAAe,GAAGF,KAAK;;AAC/D;AAEA,SAASO,YAAY,EACpB,GAAGP,OACiD;IACpD,qBAAO,KAACJ,eAAeY,MAAM;QAACN,aAAU;QAAgB,GAAGF,KAAK;;AACjE;AAEA,SAASS,aAAa,EACrBC,SAAS,EACT,GAAGV,OACkD;IACrD,qBACC,KAACJ,eAAee,OAAO;QACtBT,aAAU;QACVQ,WAAWZ,GACV,0JACAY;QAEA,GAAGV,KAAK;;AAGZ;AAEA,SAASY,aAAa,EACrBF,SAAS,EACTG,QAAQ,EACRC,OAAO,OAAO,EACd,GAAGd,OAGH;IACA,qBACC,MAACO;;0BACA,KAACE;0BACD,MAACb,eAAemB,OAAO;gBACtBb,aAAU;gBACVQ,WAAWZ,GACV,8MACAgB,SAAS,WACR,oIACDA,SAAS,UACR,iIACDA,SAAS,SACR,4GACDA,SAAS,YACR,qHACDJ;gBAEA,GAAGV,KAAK;;oBAERa;kCACD,MAACjB,eAAeU,KAAK;wBAACI,WAAU;;0CAC/B,KAACb;gCAAMa,WAAU;;0CACjB,KAACM;gCAAKN,WAAU;0CAAU;;;;;;;;AAK/B;AAEA,SAASO,YAAY,EAAEP,SAAS,EAAE,GAAGV,OAAoC;IACxE,qBACC,KAACkB;QACAhB,aAAU;QACVQ,WAAWZ,GAAG,6BAA6BY;QAC1C,GAAGV,KAAK;;AAGZ;AAEA,SAASmB,YAAY,EAAET,SAAS,EAAE,GAAGV,OAAoC;IACxE,qBACC,KAACkB;QACAhB,aAAU;QACVQ,WAAWZ,GAAG,mCAAmCY;QAChD,GAAGV,KAAK;;AAGZ;AAEA,SAASoB,WAAW,EACnBV,SAAS,EACT,GAAGV,OACgD;IACnD,qBACC,KAACJ,eAAeyB,KAAK;QACpBnB,aAAU;QACVQ,WAAWZ,GAAG,iCAAiCY;QAC9C,GAAGV,KAAK;;AAGZ;AAEA,SAASsB,iBAAiB,EACzBZ,SAAS,EACT,GAAGV,OACsD;IACzD,qBACC,KAACJ,eAAe2B,WAAW;QAC1BrB,aAAU;QACVQ,WAAWZ,GAAG,iCAAiCY;QAC9C,GAAGV,KAAK;;AAGZ;AAEA,SACCD,KAAK,EACLI,YAAY,EACZE,UAAU,EACVO,YAAY,EACZK,WAAW,EACXE,WAAW,EACXC,UAAU,EACVE,gBAAgB,GACf"}