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

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

@@ -1,29 +1,89 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Bar, BarChart, CartesianGrid, XAxis } from "recharts";
-import { ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, } from "#shadcn/components/ui/chart";
+import { ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent } from "./chart.js";
 const chartData = [
-    { month: "January", desktop: 186, mobile: 80 },
-    { month: "February", desktop: 305, mobile: 200 },
-    { month: "March", desktop: 237, mobile: 120 },
-    { month: "April", desktop: 73, mobile: 190 },
-    { month: "May", desktop: 209, mobile: 130 },
-    { month: "June", desktop: 214, mobile: 140 },
+    {
+        month: "January",
+        desktop: 186,
+        mobile: 80
+    },
+    {
+        month: "February",
+        desktop: 305,
+        mobile: 200
+    },
+    {
+        month: "March",
+        desktop: 237,
+        mobile: 120
+    },
+    {
+        month: "April",
+        desktop: 73,
+        mobile: 190
+    },
+    {
+        month: "May",
+        desktop: 209,
+        mobile: 130
+    },
+    {
+        month: "June",
+        desktop: 214,
+        mobile: 140
+    }
 ];
 const chartConfig = {
     desktop: {
         label: "Desktop",
-        color: "#2563eb",
+        color: "#2563eb"
     },
     mobile: {
         label: "Mobile",
-        color: "#60a5fa",
-    },
+        color: "#60a5fa"
+    }
 };
 const meta = {
-    title: "Component/Chart",
+    title: "Component/Chart"
 };
 export default meta;
 export const Demo = {
-    render: () => (_jsx(ChartContainer, { config: chartConfig, className: "min-h-[200px] w-full", children: _jsxs(BarChart, { accessibilityLayer: true, data: chartData, children: [_jsx(CartesianGrid, { vertical: false }), _jsx(XAxis, { dataKey: "month", tickLine: false, tickMargin: 10, axisLine: false, tickFormatter: (value) => value.slice(0, 3) }), _jsx(ChartTooltip, { content: _jsx(ChartTooltipContent, {}) }), _jsx(ChartLegend, { content: _jsx(ChartLegendContent, {}) }), _jsx(Bar, { dataKey: "desktop", fill: "var(--color-desktop)", radius: 4 }), _jsx(Bar, { dataKey: "mobile", fill: "var(--color-mobile)", radius: 4 })] }) })),
+    render: ()=>/*#__PURE__*/ _jsx(ChartContainer, {
+            config: chartConfig,
+            className: "min-h-[200px] w-full",
+            children: /*#__PURE__*/ _jsxs(BarChart, {
+                accessibilityLayer: true,
+                data: chartData,
+                children: [
+                    /*#__PURE__*/ _jsx(CartesianGrid, {
+                        vertical: false
+                    }),
+                    /*#__PURE__*/ _jsx(XAxis, {
+                        dataKey: "month",
+                        tickLine: false,
+                        tickMargin: 10,
+                        axisLine: false,
+                        tickFormatter: (value)=>value.slice(0, 3)
+                    }),
+                    /*#__PURE__*/ _jsx(ChartTooltip, {
+                        content: /*#__PURE__*/ _jsx(ChartTooltipContent, {})
+                    }),
+                    /*#__PURE__*/ _jsx(ChartLegend, {
+                        content: /*#__PURE__*/ _jsx(ChartLegendContent, {})
+                    }),
+                    /*#__PURE__*/ _jsx(Bar, {
+                        dataKey: "desktop",
+                        fill: "var(--color-desktop)",
+                        radius: 4
+                    }),
+                    /*#__PURE__*/ _jsx(Bar, {
+                        dataKey: "mobile",
+                        fill: "var(--color-mobile)",
+                        radius: 4
+                    })
+                ]
+            })
+        })
 };
+
 //# sourceMappingURL=chart.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chart.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/chart.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAC/D,OAAO,EAEN,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,mBAAmB,GACnB,MAAM,6BAA6B,CAAC;AAErC,MAAM,SAAS,GAAG;IACjB,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE;IAC9C,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;IAChD,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;IAC7C,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE;IAC5C,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;IAC3C,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE;CAC5C,CAAC;AAEF,MAAM,WAAW,GAAG;IACnB,OAAO,EAAE;QACR,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KAChB;IACD,MAAM,EAAE;QACP,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,SAAS;KAChB;CACqB,CAAC;AAExB,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;CACT,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,KAAC,cAAc,IAAC,MAAM,EAAE,WAAW,EAAE,SAAS,EAAC,sBAAsB,YACpE,MAAC,QAAQ,IAAC,kBAAkB,QAAC,IAAI,EAAE,SAAS,aAC3C,KAAC,aAAa,IAAC,QAAQ,EAAE,KAAK,GAAI,EAClC,KAAC,KAAK,IACL,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,EAAE,EACd,QAAQ,EAAE,KAAK,EACf,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAC1C,EACF,KAAC,YAAY,IAAC,OAAO,EAAE,KAAC,mBAAmB,KAAG,GAAI,EAClD,KAAC,WAAW,IAAC,OAAO,EAAE,KAAC,kBAAkB,KAAG,GAAI,EAChD,KAAC,GAAG,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,sBAAsB,EAAC,MAAM,EAAE,CAAC,GAAI,EAChE,KAAC,GAAG,IAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAC,qBAAqB,EAAC,MAAM,EAAE,CAAC,GAAI,IACpD,GACK,CACjB;CACe,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/chart.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Bar, BarChart, CartesianGrid, XAxis } from \"recharts\";\nimport {\n\ttype ChartConfig,\n\tChartContainer,\n\tChartLegend,\n\tChartLegendContent,\n\tChartTooltip,\n\tChartTooltipContent,\n} from \"#shadcn/components/ui/chart\";\n\nconst chartData = [\n\t{ month: \"January\", desktop: 186, mobile: 80 },\n\t{ month: \"February\", desktop: 305, mobile: 200 },\n\t{ month: \"March\", desktop: 237, mobile: 120 },\n\t{ month: \"April\", desktop: 73, mobile: 190 },\n\t{ month: \"May\", desktop: 209, mobile: 130 },\n\t{ month: \"June\", desktop: 214, mobile: 140 },\n];\n\nconst chartConfig = {\n\tdesktop: {\n\t\tlabel: \"Desktop\",\n\t\tcolor: \"#2563eb\",\n\t},\n\tmobile: {\n\t\tlabel: \"Mobile\",\n\t\tcolor: \"#60a5fa\",\n\t},\n} satisfies ChartConfig;\n\nconst meta = {\n\ttitle: \"Component/Chart\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<ChartContainer config={chartConfig} className=\"min-h-[200px] w-full\">\n\t\t\t<BarChart accessibilityLayer data={chartData}>\n\t\t\t\t<CartesianGrid vertical={false} />\n\t\t\t\t<XAxis\n\t\t\t\t\tdataKey=\"month\"\n\t\t\t\t\ttickLine={false}\n\t\t\t\t\ttickMargin={10}\n\t\t\t\t\taxisLine={false}\n\t\t\t\t\ttickFormatter={(value) => value.slice(0, 3)}\n\t\t\t\t/>\n\t\t\t\t<ChartTooltip content={<ChartTooltipContent />} />\n\t\t\t\t<ChartLegend content={<ChartLegendContent />} />\n\t\t\t\t<Bar dataKey=\"desktop\" fill=\"var(--color-desktop)\" radius={4} />\n\t\t\t\t<Bar dataKey=\"mobile\" fill=\"var(--color-mobile)\" radius={4} />\n\t\t\t</BarChart>\n\t\t</ChartContainer>\n\t),\n} satisfies Story;\n"],"names":["Bar","BarChart","CartesianGrid","XAxis","ChartContainer","ChartLegend","ChartLegendContent","ChartTooltip","ChartTooltipContent","chartData","month","desktop","mobile","chartConfig","label","color","meta","title","Demo","render","config","className","accessibilityLayer","data","vertical","dataKey","tickLine","tickMargin","axisLine","tickFormatter","value","slice","content","fill","radius"],"mappings":";AACA,SAASA,GAAG,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,KAAK,QAAQ,WAAW;AAC/D,SAECC,cAAc,EACdC,WAAW,EACXC,kBAAkB,EAClBC,YAAY,EACZC,mBAAmB,QACb,aAA8B;AAErC,MAAMC,YAAY;IACjB;QAAEC,OAAO;QAAWC,SAAS;QAAKC,QAAQ;IAAG;IAC7C;QAAEF,OAAO;QAAYC,SAAS;QAAKC,QAAQ;IAAI;IAC/C;QAAEF,OAAO;QAASC,SAAS;QAAKC,QAAQ;IAAI;IAC5C;QAAEF,OAAO;QAASC,SAAS;QAAIC,QAAQ;IAAI;IAC3C;QAAEF,OAAO;QAAOC,SAAS;QAAKC,QAAQ;IAAI;IAC1C;QAAEF,OAAO;QAAQC,SAAS;QAAKC,QAAQ;IAAI;CAC3C;AAED,MAAMC,cAAc;IACnBF,SAAS;QACRG,OAAO;QACPC,OAAO;IACR;IACAH,QAAQ;QACPE,OAAO;QACPC,OAAO;IACR;AACD;AAEA,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,KAACf;YAAegB,QAAQP;YAAaQ,WAAU;sBAC9C,cAAA,MAACpB;gBAASqB,kBAAkB;gBAACC,MAAMd;;kCAClC,KAACP;wBAAcsB,UAAU;;kCACzB,KAACrB;wBACAsB,SAAQ;wBACRC,UAAU;wBACVC,YAAY;wBACZC,UAAU;wBACVC,eAAe,CAACC,QAAUA,MAAMC,KAAK,CAAC,GAAG;;kCAE1C,KAACxB;wBAAayB,uBAAS,KAACxB;;kCACxB,KAACH;wBAAY2B,uBAAS,KAAC1B;;kCACvB,KAACN;wBAAIyB,SAAQ;wBAAUQ,MAAK;wBAAuBC,QAAQ;;kCAC3D,KAAClC;wBAAIyB,SAAQ;wBAASQ,MAAK;wBAAsBC,QAAQ;;;;;AAI7D,EAAkB"}

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

@@ -1,9 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { CheckIcon } from "lucide-react";
-import { cn } from "#shadcn/lib/utils";
+import { cn } from "../../lib/utils.js";
 function Checkbox({ className, ...props }) {
-    return (_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-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 size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "flex items-center justify-center text-current transition-none", children: _jsx(CheckIcon, { className: "size-3.5" }) }) }));
+    return /*#__PURE__*/ _jsx(CheckboxPrimitive.Root, {
+        "data-slot": "checkbox",
+        className: cn("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-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 size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+        ...props,
+        children: /*#__PURE__*/ _jsx(CheckboxPrimitive.Indicator, {
+            "data-slot": "checkbox-indicator",
+            className: "flex items-center justify-center text-current transition-none",
+            children: /*#__PURE__*/ _jsx(CheckIcon, {
+                className: "size-3.5"
+            })
+        })
+    });
 }
 export { Checkbox };
+
 //# sourceMappingURL=checkbox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,QAAQ,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EAC6C;IACrD,OAAO,CACN,KAAC,iBAAiB,CAAC,IAAI,iBACZ,UAAU,EACpB,SAAS,EAAE,EAAE,CACZ,6eAA6e,EAC7e,SAAS,CACT,KACG,KAAK,YAET,KAAC,iBAAiB,CAAC,SAAS,iBACjB,oBAAoB,EAC9B,SAAS,EAAC,+DAA+D,YAEzE,KAAC,SAAS,IAAC,SAAS,EAAC,UAAU,GAAG,GACL,GACN,CACzB,CAAC;AACH,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/checkbox.tsx"],"sourcesContent":["import * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Checkbox({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n\treturn (\n\t\t<CheckboxPrimitive.Root\n\t\t\tdata-slot=\"checkbox\"\n\t\t\tclassName={cn(\n\t\t\t\t\"peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-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 size-4 shrink-0 rounded-[4px] border shadow-xs transition-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<CheckboxPrimitive.Indicator\n\t\t\t\tdata-slot=\"checkbox-indicator\"\n\t\t\t\tclassName=\"flex items-center justify-center text-current transition-none\"\n\t\t\t>\n\t\t\t\t<CheckIcon className=\"size-3.5\" />\n\t\t\t</CheckboxPrimitive.Indicator>\n\t\t</CheckboxPrimitive.Root>\n\t);\n}\n\nexport { Checkbox };\n"],"names":["CheckboxPrimitive","CheckIcon","cn","Checkbox","className","props","Root","data-slot","Indicator"],"mappings":";AAAA,YAAYA,uBAAuB,2BAA2B;AAC9D,SAASC,SAAS,QAAQ,eAAe;AAGzC,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,SAAS,EACjBC,SAAS,EACT,GAAGC,OACkD;IACrD,qBACC,KAACL,kBAAkBM,IAAI;QACtBC,aAAU;QACVH,WAAWF,GACV,+eACAE;QAEA,GAAGC,KAAK;kBAET,cAAA,KAACL,kBAAkBQ,SAAS;YAC3BD,aAAU;YACVH,WAAU;sBAEV,cAAA,KAACH;gBAAUG,WAAU;;;;AAIzB;AAEA,SAASD,QAAQ,GAAG"}

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

@@ -1,11 +1,86 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Checkbox } from "#shadcn/components/ui/checkbox";
-import { Label } from "#shadcn/components/ui/label";
+import { Checkbox } from "./checkbox.js";
+import { Label } from "./label.js";
 const meta = {
-    title: "Component/Checkbox",
+    title: "Component/Checkbox"
 };
 export default meta;
 export const Demo = {
-    render: () => (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Checkbox, { id: "terms" }), _jsx(Label, { htmlFor: "terms", children: "Accept terms and conditions" })] }), _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Checkbox, { id: "terms-2", defaultChecked: true }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: "terms-2", children: "Accept terms and conditions" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "By clicking this checkbox, you agree to the terms and conditions." })] })] }), _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Checkbox, { id: "toggle", disabled: true }), _jsx(Label, { htmlFor: "toggle", children: "Enable notifications" })] }), _jsxs(Label, { className: "hover:bg-accent/50 flex items-start gap-3 rounded-lg border p-3 has-[[aria-checked=true]]:border-blue-600 has-[[aria-checked=true]]:bg-blue-50 dark:has-[[aria-checked=true]]:border-blue-900 dark:has-[[aria-checked=true]]:bg-blue-950", children: [_jsx(Checkbox, { id: "toggle-2", defaultChecked: true, className: "data-[state=checked]:border-blue-600 data-[state=checked]:bg-blue-600 data-[state=checked]:text-white dark:data-[state=checked]:border-blue-700 dark:data-[state=checked]:bg-blue-700" }), _jsxs("div", { className: "grid gap-1.5 font-normal", children: [_jsx("p", { className: "text-sm leading-none font-medium", children: "Enable notifications" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "You can enable or disable notifications at any time." })] })] })] })),
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "flex flex-col gap-6",
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex items-center gap-3",
+                    children: [
+                        /*#__PURE__*/ _jsx(Checkbox, {
+                            id: "terms"
+                        }),
+                        /*#__PURE__*/ _jsx(Label, {
+                            htmlFor: "terms",
+                            children: "Accept terms and conditions"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex items-start gap-3",
+                    children: [
+                        /*#__PURE__*/ _jsx(Checkbox, {
+                            id: "terms-2",
+                            defaultChecked: true
+                        }),
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "grid gap-2",
+                            children: [
+                                /*#__PURE__*/ _jsx(Label, {
+                                    htmlFor: "terms-2",
+                                    children: "Accept terms and conditions"
+                                }),
+                                /*#__PURE__*/ _jsx("p", {
+                                    className: "text-muted-foreground text-sm",
+                                    children: "By clicking this checkbox, you agree to the terms and conditions."
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex items-start gap-3",
+                    children: [
+                        /*#__PURE__*/ _jsx(Checkbox, {
+                            id: "toggle",
+                            disabled: true
+                        }),
+                        /*#__PURE__*/ _jsx(Label, {
+                            htmlFor: "toggle",
+                            children: "Enable notifications"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Label, {
+                    className: "hover:bg-accent/50 flex items-start gap-3 rounded-lg border p-3 has-[[aria-checked=true]]:border-blue-600 has-[[aria-checked=true]]:bg-blue-50 dark:has-[[aria-checked=true]]:border-blue-900 dark:has-[[aria-checked=true]]:bg-blue-950",
+                    children: [
+                        /*#__PURE__*/ _jsx(Checkbox, {
+                            id: "toggle-2",
+                            defaultChecked: true,
+                            className: "data-[state=checked]:border-blue-600 data-[state=checked]:bg-blue-600 data-[state=checked]:text-white dark:data-[state=checked]:border-blue-700 dark:data-[state=checked]:bg-blue-700"
+                        }),
+                        /*#__PURE__*/ _jsxs("div", {
+                            className: "grid gap-1.5 font-normal",
+                            children: [
+                                /*#__PURE__*/ _jsx("p", {
+                                    className: "text-sm leading-none font-medium",
+                                    children: "Enable notifications"
+                                }),
+                                /*#__PURE__*/ _jsx("p", {
+                                    className: "text-muted-foreground text-sm",
+                                    children: "You can enable or disable notifications at any time."
+                                })
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
 };
+
 //# sourceMappingURL=checkbox.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/checkbox.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAEpD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,oBAAoB;CACZ,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,eAAK,SAAS,EAAC,qBAAqB,aACnC,eAAK,SAAS,EAAC,yBAAyB,aACvC,KAAC,QAAQ,IAAC,EAAE,EAAC,OAAO,GAAG,EACvB,KAAC,KAAK,IAAC,OAAO,EAAC,OAAO,4CAAoC,IACrD,EACN,eAAK,SAAS,EAAC,wBAAwB,aACtC,KAAC,QAAQ,IAAC,EAAE,EAAC,SAAS,EAAC,cAAc,SAAG,EACxC,eAAK,SAAS,EAAC,YAAY,aAC1B,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,4CAAoC,EAC5D,YAAG,SAAS,EAAC,+BAA+B,kFAExC,IACC,IACD,EACN,eAAK,SAAS,EAAC,wBAAwB,aACtC,KAAC,QAAQ,IAAC,EAAE,EAAC,QAAQ,EAAC,QAAQ,SAAG,EACjC,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,qCAA6B,IAC/C,EACN,MAAC,KAAK,IAAC,SAAS,EAAC,0OAA0O,aAC1P,KAAC,QAAQ,IACR,EAAE,EAAC,UAAU,EACb,cAAc,QACd,SAAS,EAAC,uLAAuL,GAChM,EACF,eAAK,SAAS,EAAC,0BAA0B,aACxC,YAAG,SAAS,EAAC,kCAAkC,qCAE3C,EACJ,YAAG,SAAS,EAAC,+BAA+B,qEAExC,IACC,IACC,IACH,CACN;CACe,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/checkbox.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Checkbox } from \"#shadcn/components/ui/checkbox\";\nimport { Label } from \"#shadcn/components/ui/label\";\n\nconst meta = {\n\ttitle: \"Component/Checkbox\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<div className=\"flex flex-col gap-6\">\n\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t<Checkbox id=\"terms\" />\n\t\t\t\t<Label htmlFor=\"terms\">Accept terms and conditions</Label>\n\t\t\t</div>\n\t\t\t<div className=\"flex items-start gap-3\">\n\t\t\t\t<Checkbox id=\"terms-2\" defaultChecked />\n\t\t\t\t<div className=\"grid gap-2\">\n\t\t\t\t\t<Label htmlFor=\"terms-2\">Accept terms and conditions</Label>\n\t\t\t\t\t<p className=\"text-muted-foreground text-sm\">\n\t\t\t\t\t\tBy clicking this checkbox, you agree to the terms and conditions.\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div className=\"flex items-start gap-3\">\n\t\t\t\t<Checkbox id=\"toggle\" disabled />\n\t\t\t\t<Label htmlFor=\"toggle\">Enable notifications</Label>\n\t\t\t</div>\n\t\t\t<Label className=\"hover:bg-accent/50 flex items-start gap-3 rounded-lg border p-3 has-[[aria-checked=true]]:border-blue-600 has-[[aria-checked=true]]:bg-blue-50 dark:has-[[aria-checked=true]]:border-blue-900 dark:has-[[aria-checked=true]]:bg-blue-950\">\n\t\t\t\t<Checkbox\n\t\t\t\t\tid=\"toggle-2\"\n\t\t\t\t\tdefaultChecked\n\t\t\t\t\tclassName=\"data-[state=checked]:border-blue-600 data-[state=checked]:bg-blue-600 data-[state=checked]:text-white dark:data-[state=checked]:border-blue-700 dark:data-[state=checked]:bg-blue-700\"\n\t\t\t\t/>\n\t\t\t\t<div className=\"grid gap-1.5 font-normal\">\n\t\t\t\t\t<p className=\"text-sm leading-none font-medium\">\n\t\t\t\t\t\tEnable notifications\n\t\t\t\t\t</p>\n\t\t\t\t\t<p className=\"text-muted-foreground text-sm\">\n\t\t\t\t\t\tYou can enable or disable notifications at any time.\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t</Label>\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["Checkbox","Label","meta","title","Demo","render","div","className","id","htmlFor","defaultChecked","p","disabled"],"mappings":";AACA,SAASA,QAAQ,QAAQ,gBAAiC;AAC1D,SAASC,KAAK,QAAQ,aAA8B;AAEpD,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACC;YAAIC,WAAU;;8BACd,MAACD;oBAAIC,WAAU;;sCACd,KAACP;4BAASQ,IAAG;;sCACb,KAACP;4BAAMQ,SAAQ;sCAAQ;;;;8BAExB,MAACH;oBAAIC,WAAU;;sCACd,KAACP;4BAASQ,IAAG;4BAAUE,cAAc;;sCACrC,MAACJ;4BAAIC,WAAU;;8CACd,KAACN;oCAAMQ,SAAQ;8CAAU;;8CACzB,KAACE;oCAAEJ,WAAU;8CAAgC;;;;;;8BAK/C,MAACD;oBAAIC,WAAU;;sCACd,KAACP;4BAASQ,IAAG;4BAASI,QAAQ;;sCAC9B,KAACX;4BAAMQ,SAAQ;sCAAS;;;;8BAEzB,MAACR;oBAAMM,WAAU;;sCAChB,KAACP;4BACAQ,IAAG;4BACHE,cAAc;4BACdH,WAAU;;sCAEX,MAACD;4BAAIC,WAAU;;8CACd,KAACI;oCAAEJ,WAAU;8CAAmC;;8CAGhD,KAACI;oCAAEJ,WAAU;8CAAgC;;;;;;;;AAOlD,EAAkB"}

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

@@ -1,13 +1,23 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 function Collapsible({ ...props }) {
-    return _jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
+    return /*#__PURE__*/ _jsx(CollapsiblePrimitive.Root, {
+        "data-slot": "collapsible",
+        ...props
+    });
 }
 function CollapsibleTrigger({ ...props }) {
-    return (_jsx(CollapsiblePrimitive.CollapsibleTrigger, { "data-slot": "collapsible-trigger", ...props }));
+    return /*#__PURE__*/ _jsx(CollapsiblePrimitive.CollapsibleTrigger, {
+        "data-slot": "collapsible-trigger",
+        ...props
+    });
 }
 function CollapsibleContent({ ...props }) {
-    return (_jsx(CollapsiblePrimitive.CollapsibleContent, { "data-slot": "collapsible-content", ...props }));
+    return /*#__PURE__*/ _jsx(CollapsiblePrimitive.CollapsibleContent, {
+        "data-slot": "collapsible-content",
+        ...props
+    });
 }
 export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+
 //# sourceMappingURL=collapsible.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"collapsible.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/collapsible.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAEpE,SAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACgD;IACxD,OAAO,KAAC,oBAAoB,CAAC,IAAI,iBAAW,aAAa,KAAK,KAAK,GAAI,CAAC;AACzE,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC3B,GAAG,KAAK,EAC8D;IACtE,OAAO,CACN,KAAC,oBAAoB,CAAC,kBAAkB,iBAC7B,qBAAqB,KAC3B,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC3B,GAAG,KAAK,EAC8D;IACtE,OAAO,CACN,KAAC,oBAAoB,CAAC,kBAAkB,iBAC7B,qBAAqB,KAC3B,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/collapsible.tsx"],"sourcesContent":["import * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\n\nfunction Collapsible({\n\t...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n\treturn <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\nfunction CollapsibleTrigger({\n\t...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n\treturn (\n\t\t<CollapsiblePrimitive.CollapsibleTrigger\n\t\t\tdata-slot=\"collapsible-trigger\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CollapsibleContent({\n\t...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n\treturn (\n\t\t<CollapsiblePrimitive.CollapsibleContent\n\t\t\tdata-slot=\"collapsible-content\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"],"names":["CollapsiblePrimitive","Collapsible","props","Root","data-slot","CollapsibleTrigger","CollapsibleContent"],"mappings":";AAAA,YAAYA,0BAA0B,8BAA8B;AAEpE,SAASC,YAAY,EACpB,GAAGC,OACqD;IACxD,qBAAO,KAACF,qBAAqBG,IAAI;QAACC,aAAU;QAAe,GAAGF,KAAK;;AACpE;AAEA,SAASG,mBAAmB,EAC3B,GAAGH,OACmE;IACtE,qBACC,KAACF,qBAAqBK,kBAAkB;QACvCD,aAAU;QACT,GAAGF,KAAK;;AAGZ;AAEA,SAASI,mBAAmB,EAC3B,GAAGJ,OACmE;IACtE,qBACC,KAACF,qBAAqBM,kBAAkB;QACvCF,aAAU;QACT,GAAGF,KAAK;;AAGZ;AAEA,SAASD,WAAW,EAAEI,kBAAkB,EAAEC,kBAAkB,GAAG"}

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

@@ -1,16 +1,64 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronsUpDown } from "lucide-react";
 import * as React from "react";
-import { Button } from "#shadcn/components/ui/button";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "#shadcn/components/ui/collapsible";
+import { Button } from "./button.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible.js";
 const meta = {
-    title: "Component/Collapsible",
+    title: "Component/Collapsible"
 };
 export default meta;
 export const Demo = {
-    render: () => {
+    render: ()=>{
         const [isOpen, setIsOpen] = React.useState(false);
-        return (_jsxs(Collapsible, { open: isOpen, onOpenChange: setIsOpen, className: "flex w-[350px] flex-col gap-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-4 px-4", children: [_jsx("h4", { className: "text-sm font-semibold", children: "@peduarte starred 3 repositories" }), _jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "small", className: "size-8", children: [_jsx(ChevronsUpDown, {}), _jsx("span", { className: "sr-only", children: "Toggle" })] }) })] }), _jsx("div", { className: "rounded-md border px-4 py-2 font-mono text-sm", children: "@radix-ui/primitives" }), _jsxs(CollapsibleContent, { className: "flex flex-col gap-2", children: [_jsx("div", { className: "rounded-md border px-4 py-2 font-mono text-sm", children: "@radix-ui/colors" }), _jsx("div", { className: "rounded-md border px-4 py-2 font-mono text-sm", children: "@stitches/react" })] })] }));
-    },
+        return /*#__PURE__*/ _jsxs(Collapsible, {
+            open: isOpen,
+            onOpenChange: setIsOpen,
+            className: "flex w-[350px] flex-col gap-2",
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex items-center justify-between gap-4 px-4",
+                    children: [
+                        /*#__PURE__*/ _jsx("h4", {
+                            className: "text-sm font-semibold",
+                            children: "@peduarte starred 3 repositories"
+                        }),
+                        /*#__PURE__*/ _jsx(CollapsibleTrigger, {
+                            asChild: true,
+                            children: /*#__PURE__*/ _jsxs(Button, {
+                                variant: "ghost",
+                                size: "small",
+                                className: "size-8",
+                                children: [
+                                    /*#__PURE__*/ _jsx(ChevronsUpDown, {}),
+                                    /*#__PURE__*/ _jsx("span", {
+                                        className: "sr-only",
+                                        children: "Toggle"
+                                    })
+                                ]
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    className: "rounded-md border px-4 py-2 font-mono text-sm",
+                    children: "@radix-ui/primitives"
+                }),
+                /*#__PURE__*/ _jsxs(CollapsibleContent, {
+                    className: "flex flex-col gap-2",
+                    children: [
+                        /*#__PURE__*/ _jsx("div", {
+                            className: "rounded-md border px-4 py-2 font-mono text-sm",
+                            children: "@radix-ui/colors"
+                        }),
+                        /*#__PURE__*/ _jsx("div", {
+                            className: "rounded-md border px-4 py-2 font-mono text-sm",
+                            children: "@stitches/react"
+                        })
+                    ]
+                })
+            ]
+        });
+    }
 };
+
 //# sourceMappingURL=collapsible.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"collapsible.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/collapsible.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EACN,WAAW,EACX,kBAAkB,EAClB,kBAAkB,GAClB,MAAM,mCAAmC,CAAC;AAE3C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,uBAAuB;CACf,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE;QACZ,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAElD,OAAO,CACN,MAAC,WAAW,IACX,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,SAAS,EACvB,SAAS,EAAC,+BAA+B,aAEzC,eAAK,SAAS,EAAC,8CAA8C,aAC5D,aAAI,SAAS,EAAC,uBAAuB,iDAEhC,EACL,KAAC,kBAAkB,IAAC,OAAO,kBAC1B,MAAC,MAAM,IAAC,OAAO,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,QAAQ,aACtD,KAAC,cAAc,KAAG,EAClB,eAAM,SAAS,EAAC,SAAS,uBAAc,IAC/B,GACW,IAChB,EACN,cAAK,SAAS,EAAC,+CAA+C,qCAExD,EACN,MAAC,kBAAkB,IAAC,SAAS,EAAC,qBAAqB,aAClD,cAAK,SAAS,EAAC,+CAA+C,iCAExD,EACN,cAAK,SAAS,EAAC,+CAA+C,gCAExD,IACc,IACR,CACd,CAAC;IACH,CAAC;CACe,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/collapsible.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { ChevronsUpDown } from \"lucide-react\";\nimport * as React from \"react\";\nimport { Button } from \"#shadcn/components/ui/button\";\nimport {\n\tCollapsible,\n\tCollapsibleContent,\n\tCollapsibleTrigger,\n} from \"#shadcn/components/ui/collapsible\";\n\nconst meta = {\n\ttitle: \"Component/Collapsible\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => {\n\t\tconst [isOpen, setIsOpen] = React.useState(false);\n\n\t\treturn (\n\t\t\t<Collapsible\n\t\t\t\topen={isOpen}\n\t\t\t\tonOpenChange={setIsOpen}\n\t\t\t\tclassName=\"flex w-[350px] flex-col gap-2\"\n\t\t\t>\n\t\t\t\t<div className=\"flex items-center justify-between gap-4 px-4\">\n\t\t\t\t\t<h4 className=\"text-sm font-semibold\">\n\t\t\t\t\t\t@peduarte starred 3 repositories\n\t\t\t\t\t</h4>\n\t\t\t\t\t<CollapsibleTrigger asChild>\n\t\t\t\t\t\t<Button variant=\"ghost\" size=\"small\" className=\"size-8\">\n\t\t\t\t\t\t\t<ChevronsUpDown />\n\t\t\t\t\t\t\t<span className=\"sr-only\">Toggle</span>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</CollapsibleTrigger>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"rounded-md border px-4 py-2 font-mono text-sm\">\n\t\t\t\t\t@radix-ui/primitives\n\t\t\t\t</div>\n\t\t\t\t<CollapsibleContent className=\"flex flex-col gap-2\">\n\t\t\t\t\t<div className=\"rounded-md border px-4 py-2 font-mono text-sm\">\n\t\t\t\t\t\t@radix-ui/colors\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"rounded-md border px-4 py-2 font-mono text-sm\">\n\t\t\t\t\t\t@stitches/react\n\t\t\t\t\t</div>\n\t\t\t\t</CollapsibleContent>\n\t\t\t</Collapsible>\n\t\t);\n\t},\n} satisfies Story;\n"],"names":["ChevronsUpDown","React","Button","Collapsible","CollapsibleContent","CollapsibleTrigger","meta","title","Demo","render","isOpen","setIsOpen","useState","open","onOpenChange","className","div","h4","asChild","variant","size","span"],"mappings":";AACA,SAASA,cAAc,QAAQ,eAAe;AAC9C,YAAYC,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,cAA+B;AACtD,SACCC,WAAW,EACXC,kBAAkB,EAClBC,kBAAkB,QACZ,mBAAoC;AAE3C,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ;QACP,MAAM,CAACC,QAAQC,UAAU,GAAGV,MAAMW,QAAQ,CAAC;QAE3C,qBACC,MAACT;YACAU,MAAMH;YACNI,cAAcH;YACdI,WAAU;;8BAEV,MAACC;oBAAID,WAAU;;sCACd,KAACE;4BAAGF,WAAU;sCAAwB;;sCAGtC,KAACV;4BAAmBa,OAAO;sCAC1B,cAAA,MAAChB;gCAAOiB,SAAQ;gCAAQC,MAAK;gCAAQL,WAAU;;kDAC9C,KAACf;kDACD,KAACqB;wCAAKN,WAAU;kDAAU;;;;;;;8BAI7B,KAACC;oBAAID,WAAU;8BAAgD;;8BAG/D,MAACX;oBAAmBW,WAAU;;sCAC7B,KAACC;4BAAID,WAAU;sCAAgD;;sCAG/D,KAACC;4BAAID,WAAU;sCAAgD;;;;;;IAMnE;AACD,EAAkB"}

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

@@ -1,34 +1,99 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Command as CommandPrimitive } from "cmdk";
 import { SearchIcon } from "lucide-react";
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "#shadcn/components/ui/dialog";
-import { cn } from "#shadcn/lib/utils";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "./dialog.js";
+import { cn } from "../../lib/utils.js";
 function Command({ className, ...props }) {
-    return (_jsx(CommandPrimitive, { "data-slot": "command", className: cn("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", className), ...props }));
+    return /*#__PURE__*/ _jsx(CommandPrimitive, {
+        "data-slot": "command",
+        className: cn("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", className),
+        ...props
+    });
 }
 function CommandDialog({ title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = true, ...props }) {
-    return (_jsxs(Dialog, { ...props, children: [_jsxs(DialogHeader, { className: "sr-only", children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] }), _jsx(DialogContent, { className: cn("overflow-hidden p-0", className), showCloseButton: showCloseButton, children: _jsx(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: children }) })] }));
+    return /*#__PURE__*/ _jsxs(Dialog, {
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsxs(DialogHeader, {
+                className: "sr-only",
+                children: [
+                    /*#__PURE__*/ _jsx(DialogTitle, {
+                        children: title
+                    }),
+                    /*#__PURE__*/ _jsx(DialogDescription, {
+                        children: description
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(DialogContent, {
+                className: cn("overflow-hidden p-0", className),
+                showCloseButton: showCloseButton,
+                children: /*#__PURE__*/ _jsx(Command, {
+                    className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
+                    children: children
+                })
+            })
+        ]
+    });
 }
 function CommandInput({ className, ...props }) {
-    return (_jsxs("div", { "data-slot": "command-input-wrapper", className: "flex h-9 items-center gap-2 border-b px-3", children: [_jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }), _jsx(CommandPrimitive.Input, { "data-slot": "command-input", className: cn("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className), ...props })] }));
+    return /*#__PURE__*/ _jsxs("div", {
+        "data-slot": "command-input-wrapper",
+        className: "flex h-9 items-center gap-2 border-b px-3",
+        children: [
+            /*#__PURE__*/ _jsx(SearchIcon, {
+                className: "size-4 shrink-0 opacity-50"
+            }),
+            /*#__PURE__*/ _jsx(CommandPrimitive.Input, {
+                "data-slot": "command-input",
+                className: cn("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),
+                ...props
+            })
+        ]
+    });
 }
 function CommandList({ className, ...props }) {
-    return (_jsx(CommandPrimitive.List, { "data-slot": "command-list", className: cn("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", className), ...props }));
+    return /*#__PURE__*/ _jsx(CommandPrimitive.List, {
+        "data-slot": "command-list",
+        className: cn("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", className),
+        ...props
+    });
 }
 function CommandEmpty({ ...props }) {
-    return (_jsx(CommandPrimitive.Empty, { "data-slot": "command-empty", className: "py-6 text-center text-sm", ...props }));
+    return /*#__PURE__*/ _jsx(CommandPrimitive.Empty, {
+        "data-slot": "command-empty",
+        className: "py-6 text-center text-sm",
+        ...props
+    });
 }
 function CommandGroup({ className, ...props }) {
-    return (_jsx(CommandPrimitive.Group, { "data-slot": "command-group", className: cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className), ...props }));
+    return /*#__PURE__*/ _jsx(CommandPrimitive.Group, {
+        "data-slot": "command-group",
+        className: cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className),
+        ...props
+    });
 }
 function CommandSeparator({ className, ...props }) {
-    return (_jsx(CommandPrimitive.Separator, { "data-slot": "command-separator", className: cn("bg-border -mx-1 h-px", className), ...props }));
+    return /*#__PURE__*/ _jsx(CommandPrimitive.Separator, {
+        "data-slot": "command-separator",
+        className: cn("bg-border -mx-1 h-px", className),
+        ...props
+    });
 }
 function CommandItem({ className, ...props }) {
-    return (_jsx(CommandPrimitive.Item, { "data-slot": "command-item", className: cn("data-[selected=true]:bg-(--color-surface-1) text-(--color-elements-assistive)", "data-[selected=true]:text-(--color-elements-readable) [&_svg:not([class*='text-'])]:text-muted-foreground", "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none", "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none", "[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+    return /*#__PURE__*/ _jsx(CommandPrimitive.Item, {
+        "data-slot": "command-item",
+        className: cn("data-[selected=true]:bg-(--color-surface-1) text-(--color-elements-assistive)", "data-[selected=true]:text-(--color-elements-readable) [&_svg:not([class*='text-'])]:text-muted-foreground", "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none", "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none", "[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        ...props
+    });
 }
 function CommandShortcut({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "command-shortcut", className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className), ...props }));
+    return /*#__PURE__*/ _jsx("span", {
+        "data-slot": "command-shortcut",
+        className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
+        ...props
+    });
 }
-export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator };
+
 //# sourceMappingURL=command.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"command.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/command.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/command.tsx"],"sourcesContent":["import { Command as CommandPrimitive } from \"cmdk\";\nimport { SearchIcon } from \"lucide-react\";\nimport type * as React from \"react\";\nimport {\n\tDialog,\n\tDialogContent,\n\tDialogDescription,\n\tDialogHeader,\n\tDialogTitle,\n} from \"#shadcn/components/ui/dialog\";\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Command({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n\treturn (\n\t\t<CommandPrimitive\n\t\t\tdata-slot=\"command\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CommandDialog({\n\ttitle = \"Command Palette\",\n\tdescription = \"Search for a command to run...\",\n\tchildren,\n\tclassName,\n\tshowCloseButton = true,\n\t...props\n}: React.ComponentProps<typeof Dialog> & {\n\ttitle?: string;\n\tdescription?: string;\n\tclassName?: string;\n\tshowCloseButton?: boolean;\n}) {\n\treturn (\n\t\t<Dialog {...props}>\n\t\t\t<DialogHeader className=\"sr-only\">\n\t\t\t\t<DialogTitle>{title}</DialogTitle>\n\t\t\t\t<DialogDescription>{description}</DialogDescription>\n\t\t\t</DialogHeader>\n\t\t\t<DialogContent\n\t\t\t\tclassName={cn(\"overflow-hidden p-0\", className)}\n\t\t\t\tshowCloseButton={showCloseButton}\n\t\t\t>\n\t\t\t\t<Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n\t\t\t\t\t{children}\n\t\t\t\t</Command>\n\t\t\t</DialogContent>\n\t\t</Dialog>\n\t);\n}\n\nfunction CommandInput({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"command-input-wrapper\"\n\t\t\tclassName=\"flex h-9 items-center gap-2 border-b px-3\"\n\t\t>\n\t\t\t<SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n\t\t\t<CommandPrimitive.Input\n\t\t\t\tdata-slot=\"command-input\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nfunction CommandList({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n\treturn (\n\t\t<CommandPrimitive.List\n\t\t\tdata-slot=\"command-list\"\n\t\t\tclassName={cn(\n\t\t\t\t\"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CommandEmpty({\n\t...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n\treturn (\n\t\t<CommandPrimitive.Empty\n\t\t\tdata-slot=\"command-empty\"\n\t\t\tclassName=\"py-6 text-center text-sm\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CommandGroup({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n\treturn (\n\t\t<CommandPrimitive.Group\n\t\t\tdata-slot=\"command-group\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CommandSeparator({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n\treturn (\n\t\t<CommandPrimitive.Separator\n\t\t\tdata-slot=\"command-separator\"\n\t\t\tclassName={cn(\"bg-border -mx-1 h-px\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CommandItem({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n\treturn (\n\t\t<CommandPrimitive.Item\n\t\t\tdata-slot=\"command-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"data-[selected=true]:bg-(--color-surface-1) text-(--color-elements-assistive)\",\n\t\t\t\t\"data-[selected=true]:text-(--color-elements-readable) [&_svg:not([class*='text-'])]:text-muted-foreground\",\n\t\t\t\t\"relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none\",\n\t\t\t\t\"data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none\",\n\t\t\t\t\"[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CommandShortcut({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"command-shortcut\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-muted-foreground ml-auto text-xs tracking-widest\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tCommand,\n\tCommandDialog,\n\tCommandInput,\n\tCommandList,\n\tCommandEmpty,\n\tCommandGroup,\n\tCommandItem,\n\tCommandShortcut,\n\tCommandSeparator,\n};\n"],"names":["Command","CommandPrimitive","SearchIcon","Dialog","DialogContent","DialogDescription","DialogHeader","DialogTitle","cn","className","props","data-slot","CommandDialog","title","description","children","showCloseButton","CommandInput","div","Input","CommandList","List","CommandEmpty","Empty","CommandGroup","Group","CommandSeparator","Separator","CommandItem","Item","CommandShortcut","span"],"mappings":";AAAA,SAASA,WAAWC,gBAAgB,QAAQ,OAAO;AACnD,SAASC,UAAU,QAAQ,eAAe;AAE1C,SACCC,MAAM,EACNC,aAAa,EACbC,iBAAiB,EACjBC,YAAY,EACZC,WAAW,QACL,cAA+B;AACtC,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASR,QAAQ,EAChBS,SAAS,EACT,GAAGC,OAC4C;IAC/C,qBACC,KAACT;QACAU,aAAU;QACVF,WAAWD,GACV,6FACAC;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASE,cAAc,EACtBC,QAAQ,iBAAiB,EACzBC,cAAc,gCAAgC,EAC9CC,QAAQ,EACRN,SAAS,EACTO,kBAAkB,IAAI,EACtB,GAAGN,OAMH;IACA,qBACC,MAACP;QAAQ,GAAGO,KAAK;;0BAChB,MAACJ;gBAAaG,WAAU;;kCACvB,KAACF;kCAAaM;;kCACd,KAACR;kCAAmBS;;;;0BAErB,KAACV;gBACAK,WAAWD,GAAG,uBAAuBC;gBACrCO,iBAAiBA;0BAEjB,cAAA,KAAChB;oBAAQS,WAAU;8BACjBM;;;;;AAKN;AAEA,SAASE,aAAa,EACrBR,SAAS,EACT,GAAGC,OACkD;IACrD,qBACC,MAACQ;QACAP,aAAU;QACVF,WAAU;;0BAEV,KAACP;gBAAWO,WAAU;;0BACtB,KAACR,iBAAiBkB,KAAK;gBACtBR,aAAU;gBACVF,WAAWD,GACV,4JACAC;gBAEA,GAAGC,KAAK;;;;AAIb;AAEA,SAASU,YAAY,EACpBX,SAAS,EACT,GAAGC,OACiD;IACpD,qBACC,KAACT,iBAAiBoB,IAAI;QACrBV,aAAU;QACVF,WAAWD,GACV,+DACAC;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASY,aAAa,EACrB,GAAGZ,OACkD;IACrD,qBACC,KAACT,iBAAiBsB,KAAK;QACtBZ,aAAU;QACVF,WAAU;QACT,GAAGC,KAAK;;AAGZ;AAEA,SAASc,aAAa,EACrBf,SAAS,EACT,GAAGC,OACkD;IACrD,qBACC,KAACT,iBAAiBwB,KAAK;QACtBd,aAAU;QACVF,WAAWD,GACV,0NACAC;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASgB,iBAAiB,EACzBjB,SAAS,EACT,GAAGC,OACsD;IACzD,qBACC,KAACT,iBAAiB0B,SAAS;QAC1BhB,aAAU;QACVF,WAAWD,GAAG,wBAAwBC;QACrC,GAAGC,KAAK;;AAGZ;AAEA,SAASkB,YAAY,EACpBnB,SAAS,EACT,GAAGC,OACiD;IACpD,qBACC,KAACT,iBAAiB4B,IAAI;QACrBlB,aAAU;QACVF,WAAWD,GACV,iFACA,6GACA,6GACA,wGACA,yDACAC;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASoB,gBAAgB,EACxBrB,SAAS,EACT,GAAGC,OAC2B;IAC9B,qBACC,KAACqB;QACApB,aAAU;QACVF,WAAWD,GACV,yDACAC;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SACCV,OAAO,EACPY,aAAa,EACbK,YAAY,EACZG,WAAW,EACXE,YAAY,EACZE,YAAY,EACZI,WAAW,EACXE,eAAe,EACfJ,gBAAgB,GACf"}