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

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

@@ -1 +1 @@
-{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/button.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/button.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Play, Trash2 } from \"lucide-react\";\nimport { Badge } from \"#shadcn/components/ui/badge\";\nimport { Button } from \"#shadcn/components/ui/button\";\n\nconst meta = {\n\ttitle: \"Component/Button\",\n\tcomponent: Button,\n\targTypes: {\n\t\tvariant: {},\n\t},\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const TextOnly = {\n\targs: {\n\t\tchildren: \"Remove\",\n\t},\n} satisfies Story;\n\nexport const WithIcon = {\n\targs: {\n\t\tchildren: (\n\t\t\t<>\n\t\t\t\t<Trash2 /> Remove{\" \"}\n\t\t\t</>\n\t\t),\n\t},\n} satisfies Story;\n\nexport const Demo = {\n\trender: () => (\n\t\t<div className=\"p-6  min-h-screen flex justify-center items-center\">\n\t\t\t<div className=\" rounded-lg p-6 shadow-sm w-280\">\n\t\t\t\t<div className=\"flex items-center mb-4 justify-between\">\n\t\t\t\t\t<div className=\"w-40 text-center\">Variants</div>\n\t\t\t\t\t<div className=\"w-70 text-center text-sm text-text-secondary\">\n\t\t\t\t\t\tDanger:\n\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs\">\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"w-70 text-center text-sm text-text-secondary\">\n\t\t\t\t\t\tDanger:\n\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs\">\n\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"w-70 text-center text-sm text-text-secondary\">\n\t\t\t\t\t\tDisabled:\n\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs\">\n\t\t\t\t\t\t\ttrue\n\t\t\t\t\t\t</Badge>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{([\"regular\", \"small\"] as const).map((size) => (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\" items-center gap-3 py-3 border-gray-l00 border-t border-border-separator\"\n\t\t\t\t\t\tkey={size}\n\t\t\t\t\t>\n\t\t\t\t\t\t{([\"primary\", \"secondary\", \"ghost\", \"link\"] as const).map(\n\t\t\t\t\t\t\t(variant) => (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tkey={variant}\n\t\t\t\t\t\t\t\t\tclassName=\"flex gap-3 items-center py-2 justify-between\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<div className=\"w-40 text-sm text-text-secondary\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex mb-1\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"w-15\">Variant:</div>\n\t\t\t\t\t\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs\">\n\t\t\t\t\t\t\t\t\t\t\t\t{variant}\n\t\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"w-15\">Size:</div>\n\t\t\t\t\t\t\t\t\t\t\t<Badge variant=\"outline\" className=\"text-xs\">\n\t\t\t\t\t\t\t\t\t\t\t\t{size}\n\t\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"w-70 flex gap-3 justify-center\">\n\t\t\t\t\t\t\t\t\t\t<Button size={size} variant={variant}>\n\t\t\t\t\t\t\t\t\t\t\tButton\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t<Button size={size} variant={variant}>\n\t\t\t\t\t\t\t\t\t\t\t<Play /> Button\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t<Button size={size} variant={variant}>\n\t\t\t\t\t\t\t\t\t\t\t<Play />\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"w-70 flex gap-3 justify-center\">\n\t\t\t\t\t\t\t\t\t\t<Button size={size} variant={variant} danger>\n\t\t\t\t\t\t\t\t\t\t\tButton\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t<Button size={size} variant={variant} danger>\n\t\t\t\t\t\t\t\t\t\t\t<Play /> Button\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t<Button size={size} variant={variant} danger>\n\t\t\t\t\t\t\t\t\t\t\t<Play />\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"w-70 flex gap-3 justify-center\">\n\t\t\t\t\t\t\t\t\t\t<Button size={size} variant={variant} disabled>\n\t\t\t\t\t\t\t\t\t\t\tButton\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t<Button size={size} variant={variant} disabled>\n\t\t\t\t\t\t\t\t\t\t\t<Play /> Button\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t<Button size={size} variant={variant} disabled>\n\t\t\t\t\t\t\t\t\t\t\t<Play />\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["Play","Trash2","Badge","Button","meta","title","component","argTypes","variant","TextOnly","args","children","WithIcon","Demo","render","div","className","map","size","danger","disabled"],"mappings":";AACA,SAASA,IAAI,EAAEC,MAAM,QAAQ,eAAe;AAC5C,SAASC,KAAK,QAAQ,aAA8B;AACpD,SAASC,MAAM,QAAQ,cAA+B;AAEtD,MAAMC,OAAO;IACZC,OAAO;IACPC,WAAWH;IACXI,UAAU;QACTC,SAAS,CAAC;IACX;AACD;AACA,eAAeJ,KAAK;AAIpB,OAAO,MAAMK,WAAW;IACvBC,MAAM;QACLC,UAAU;IACX;AACD,EAAkB;AAElB,OAAO,MAAMC,WAAW;IACvBF,MAAM;QACLC,wBACC;;8BACC,KAACV;gBAAS;gBAAQ;;;IAGrB;AACD,EAAkB;AAElB,OAAO,MAAMY,OAAO;IACnBC,QAAQ,kBACP,KAACC;YAAIC,WAAU;sBACd,cAAA,MAACD;gBAAIC,WAAU;;kCACd,MAACD;wBAAIC,WAAU;;0CACd,KAACD;gCAAIC,WAAU;0CAAmB;;0CAClC,MAACD;gCAAIC,WAAU;;oCAA+C;kDAE7D,KAACd;wCAAMM,SAAQ;wCAAUQ,WAAU;kDAAU;;;;0CAI9C,MAACD;gCAAIC,WAAU;;oCAA+C;kDAE7D,KAACd;wCAAMM,SAAQ;wCAAUQ,WAAU;kDAAU;;;;0CAI9C,MAACD;gCAAIC,WAAU;;oCAA+C;kDAE7D,KAACd;wCAAMM,SAAQ;wCAAUQ,WAAU;kDAAU;;;;;;oBAM7C;wBAAC;wBAAW;qBAAQ,CAAWC,GAAG,CAAC,CAACC,qBACrC,KAACH;4BACAC,WAAU;sCAGT,AAAC;gCAAC;gCAAW;gCAAa;gCAAS;6BAAO,CAAWC,GAAG,CACxD,CAACT,wBACA,MAACO;oCAEAC,WAAU;;sDAEV,MAACD;4CAAIC,WAAU;;8DACd,MAACD;oDAAIC,WAAU;;sEACd,KAACD;4DAAIC,WAAU;sEAAO;;sEACtB,KAACd;4DAAMM,SAAQ;4DAAUQ,WAAU;sEACjCR;;;;8DAGH,MAACO;oDAAIC,WAAU;;sEACd,KAACD;4DAAIC,WAAU;sEAAO;;sEACtB,KAACd;4DAAMM,SAAQ;4DAAUQ,WAAU;sEACjCE;;;;;;sDAIJ,MAACH;4CAAIC,WAAU;;8DACd,KAACb;oDAAOe,MAAMA;oDAAMV,SAASA;8DAAS;;8DAGtC,MAACL;oDAAOe,MAAMA;oDAAMV,SAASA;;sEAC5B,KAACR;wDAAO;;;8DAET,KAACG;oDAAOe,MAAMA;oDAAMV,SAASA;8DAC5B,cAAA,KAACR;;;;sDAGH,MAACe;4CAAIC,WAAU;;8DACd,KAACb;oDAAOe,MAAMA;oDAAMV,SAASA;oDAASW,MAAM;8DAAC;;8DAG7C,MAAChB;oDAAOe,MAAMA;oDAAMV,SAASA;oDAASW,MAAM;;sEAC3C,KAACnB;wDAAO;;;8DAET,KAACG;oDAAOe,MAAMA;oDAAMV,SAASA;oDAASW,MAAM;8DAC3C,cAAA,KAACnB;;;;sDAGH,MAACe;4CAAIC,WAAU;;8DACd,KAACb;oDAAOe,MAAMA;oDAAMV,SAASA;oDAASY,QAAQ;8DAAC;;8DAG/C,MAACjB;oDAAOe,MAAMA;oDAAMV,SAASA;oDAASY,QAAQ;;sEAC7C,KAACpB;wDAAO;;;8DAET,KAACG;oDAAOe,MAAMA;oDAAMV,SAASA;oDAASY,QAAQ;8DAC7C,cAAA,KAACpB;;;;;mCA/CEQ;2BALHU;;;;AA+DX,EAAkB"}

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

@@ -1,28 +1,37 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, } from "lucide-react";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import * as React from "react";
-import { DayPicker, getDefaultClassNames, } from "react-day-picker";
-import { Button, buttonVariants } from "#shadcn/components/ui/button";
-import { cn } from "#shadcn/lib/utils";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
+import { Button, buttonVariants } from "./button.js";
+import { cn } from "../../lib/utils.js";
 function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) {
     const defaultClassNames = getDefaultClassNames();
-    return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn("bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw `rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw `rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className), captionLayout: captionLayout, formatters: {
-            formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
-            ...formatters,
-        }, classNames: {
+    return /*#__PURE__*/ _jsx(DayPicker, {
+        showOutsideDays: showOutsideDays,
+        className: cn("bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className),
+        captionLayout: captionLayout,
+        formatters: {
+            formatMonthDropdown: (date)=>date.toLocaleString("default", {
+                    month: "short"
+                }),
+            ...formatters
+        },
+        classNames: {
             root: cn("w-fit", defaultClassNames.root),
             months: cn("flex gap-4 flex-col md:flex-row relative", defaultClassNames.months),
             month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
             nav: cn("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", defaultClassNames.nav),
-            button_previous: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_previous),
-            button_next: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_next),
+            button_previous: cn(buttonVariants({
+                variant: buttonVariant
+            }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_previous),
+            button_next: cn(buttonVariants({
+                variant: buttonVariant
+            }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_next),
             month_caption: cn("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", defaultClassNames.month_caption),
             dropdowns: cn("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", defaultClassNames.dropdowns),
             dropdown_root: cn("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md", defaultClassNames.dropdown_root),
             dropdown: cn("absolute bg-popover inset-0 opacity-0", defaultClassNames.dropdown),
-            caption_label: cn("select-none font-medium", captionLayout === "label"
-                ? "text-sm"
-                : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5", defaultClassNames.caption_label),
+            caption_label: cn("select-none font-medium", captionLayout === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5", defaultClassNames.caption_label),
             table: "w-full border-collapse",
             weekdays: cn("flex", defaultClassNames.weekdays),
             weekday: cn("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none", defaultClassNames.weekday),
@@ -37,38 +46,71 @@ function Calendar({ className, classNames, showOutsideDays = true, captionLayout
             outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
             disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
             hidden: cn("invisible", defaultClassNames.hidden),
-            ...classNames,
-        }, components: {
-            Root: ({ className, rootRef, ...props }) => {
-                return (_jsx("div", { "data-slot": "calendar", ref: rootRef, className: cn(className), ...props }));
+            ...classNames
+        },
+        components: {
+            Root: ({ className, rootRef, ...props })=>{
+                return /*#__PURE__*/ _jsx("div", {
+                    "data-slot": "calendar",
+                    ref: rootRef,
+                    className: cn(className),
+                    ...props
+                });
             },
-            Chevron: ({ className, orientation, ...props }) => {
+            Chevron: ({ className, orientation, ...props })=>{
                 if (orientation === "left") {
-                    return (_jsx(ChevronLeftIcon, { className: cn("size-4", className), ...props }));
+                    return /*#__PURE__*/ _jsx(ChevronLeftIcon, {
+                        className: cn("size-4", className),
+                        ...props
+                    });
                 }
                 if (orientation === "right") {
-                    return (_jsx(ChevronRightIcon, { className: cn("size-4", className), ...props }));
+                    return /*#__PURE__*/ _jsx(ChevronRightIcon, {
+                        className: cn("size-4", className),
+                        ...props
+                    });
                 }
-                return (_jsx(ChevronDownIcon, { className: cn("size-4", className), ...props }));
+                return /*#__PURE__*/ _jsx(ChevronDownIcon, {
+                    className: cn("size-4", className),
+                    ...props
+                });
             },
             DayButton: CalendarDayButton,
-            WeekNumber: ({ children, ...props }) => {
-                return (_jsx("td", { ...props, children: _jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: children }) }));
+            WeekNumber: ({ children, ...props })=>{
+                return /*#__PURE__*/ _jsx("td", {
+                    ...props,
+                    children: /*#__PURE__*/ _jsx("div", {
+                        className: "flex size-(--cell-size) items-center justify-center text-center",
+                        children: children
+                    })
+                });
             },
-            ...components,
-        }, ...props }));
+            ...components
+        },
+        ...props
+    });
 }
 function CalendarDayButton({ className, day, modifiers, ...props }) {
     const defaultClassNames = getDefaultClassNames();
     const ref = React.useRef(null);
-    React.useEffect(() => {
-        if (modifiers.focused)
-            ref.current?.focus();
-    }, [modifiers.focused]);
-    return (_jsx(Button, { ref: ref, variant: "ghost", size: "small", "data-day": day.date.toLocaleDateString(), "data-selected-single": modifiers.selected &&
-            !modifiers.range_start &&
-            !modifiers.range_end &&
-            !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className), ...props }));
+    React.useEffect(()=>{
+        if (modifiers.focused) ref.current?.focus();
+    }, [
+        modifiers.focused
+    ]);
+    return /*#__PURE__*/ _jsx(Button, {
+        ref: ref,
+        variant: "ghost",
+        size: "small",
+        "data-day": day.date.toLocaleDateString(),
+        "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+        "data-range-start": modifiers.range_start,
+        "data-range-end": modifiers.range_end,
+        "data-range-middle": modifiers.range_middle,
+        className: cn("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className),
+        ...props
+    });
 }
 export { Calendar, CalendarDayButton };
+
 //# sourceMappingURL=calendar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/calendar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/calendar.tsx"],"sourcesContent":["import {\n\tChevronDownIcon,\n\tChevronLeftIcon,\n\tChevronRightIcon,\n} from \"lucide-react\";\nimport * as React from \"react\";\nimport {\n\ttype DayButton,\n\tDayPicker,\n\tgetDefaultClassNames,\n} from \"react-day-picker\";\nimport { Button, buttonVariants } from \"#shadcn/components/ui/button\";\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Calendar({\n\tclassName,\n\tclassNames,\n\tshowOutsideDays = true,\n\tcaptionLayout = \"label\",\n\tbuttonVariant = \"ghost\",\n\tformatters,\n\tcomponents,\n\t...props\n}: React.ComponentProps<typeof DayPicker> & {\n\tbuttonVariant?: React.ComponentProps<typeof Button>[\"variant\"];\n}) {\n\tconst defaultClassNames = getDefaultClassNames();\n\n\treturn (\n\t\t<DayPicker\n\t\t\tshowOutsideDays={showOutsideDays}\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent\",\n\t\t\t\tString.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n\t\t\t\tString.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tcaptionLayout={captionLayout}\n\t\t\tformatters={{\n\t\t\t\tformatMonthDropdown: (date) =>\n\t\t\t\t\tdate.toLocaleString(\"default\", { month: \"short\" }),\n\t\t\t\t...formatters,\n\t\t\t}}\n\t\t\tclassNames={{\n\t\t\t\troot: cn(\"w-fit\", defaultClassNames.root),\n\t\t\t\tmonths: cn(\n\t\t\t\t\t\"flex gap-4 flex-col md:flex-row relative\",\n\t\t\t\t\tdefaultClassNames.months,\n\t\t\t\t),\n\t\t\t\tmonth: cn(\"flex flex-col w-full gap-4\", defaultClassNames.month),\n\t\t\t\tnav: cn(\n\t\t\t\t\t\"flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between\",\n\t\t\t\t\tdefaultClassNames.nav,\n\t\t\t\t),\n\t\t\t\tbutton_previous: cn(\n\t\t\t\t\tbuttonVariants({ variant: buttonVariant }),\n\t\t\t\t\t\"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n\t\t\t\t\tdefaultClassNames.button_previous,\n\t\t\t\t),\n\t\t\t\tbutton_next: cn(\n\t\t\t\t\tbuttonVariants({ variant: buttonVariant }),\n\t\t\t\t\t\"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n\t\t\t\t\tdefaultClassNames.button_next,\n\t\t\t\t),\n\t\t\t\tmonth_caption: cn(\n\t\t\t\t\t\"flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)\",\n\t\t\t\t\tdefaultClassNames.month_caption,\n\t\t\t\t),\n\t\t\t\tdropdowns: cn(\n\t\t\t\t\t\"w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5\",\n\t\t\t\t\tdefaultClassNames.dropdowns,\n\t\t\t\t),\n\t\t\t\tdropdown_root: cn(\n\t\t\t\t\t\"relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md\",\n\t\t\t\t\tdefaultClassNames.dropdown_root,\n\t\t\t\t),\n\t\t\t\tdropdown: cn(\n\t\t\t\t\t\"absolute bg-popover inset-0 opacity-0\",\n\t\t\t\t\tdefaultClassNames.dropdown,\n\t\t\t\t),\n\t\t\t\tcaption_label: cn(\n\t\t\t\t\t\"select-none font-medium\",\n\t\t\t\t\tcaptionLayout === \"label\"\n\t\t\t\t\t\t? \"text-sm\"\n\t\t\t\t\t\t: \"rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5\",\n\t\t\t\t\tdefaultClassNames.caption_label,\n\t\t\t\t),\n\t\t\t\ttable: \"w-full border-collapse\",\n\t\t\t\tweekdays: cn(\"flex\", defaultClassNames.weekdays),\n\t\t\t\tweekday: cn(\n\t\t\t\t\t\"text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none\",\n\t\t\t\t\tdefaultClassNames.weekday,\n\t\t\t\t),\n\t\t\t\tweek: cn(\"flex w-full mt-2\", defaultClassNames.week),\n\t\t\t\tweek_number_header: cn(\n\t\t\t\t\t\"select-none w-(--cell-size)\",\n\t\t\t\t\tdefaultClassNames.week_number_header,\n\t\t\t\t),\n\t\t\t\tweek_number: cn(\n\t\t\t\t\t\"text-[0.8rem] select-none text-muted-foreground\",\n\t\t\t\t\tdefaultClassNames.week_number,\n\t\t\t\t),\n\t\t\t\tday: cn(\n\t\t\t\t\t\"relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none\",\n\t\t\t\t\tdefaultClassNames.day,\n\t\t\t\t),\n\t\t\t\trange_start: cn(\n\t\t\t\t\t\"rounded-l-md bg-accent\",\n\t\t\t\t\tdefaultClassNames.range_start,\n\t\t\t\t),\n\t\t\t\trange_middle: cn(\"rounded-none\", defaultClassNames.range_middle),\n\t\t\t\trange_end: cn(\"rounded-r-md bg-accent\", defaultClassNames.range_end),\n\t\t\t\ttoday: cn(\n\t\t\t\t\t\"bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none\",\n\t\t\t\t\tdefaultClassNames.today,\n\t\t\t\t),\n\t\t\t\toutside: cn(\n\t\t\t\t\t\"text-muted-foreground aria-selected:text-muted-foreground\",\n\t\t\t\t\tdefaultClassNames.outside,\n\t\t\t\t),\n\t\t\t\tdisabled: cn(\n\t\t\t\t\t\"text-muted-foreground opacity-50\",\n\t\t\t\t\tdefaultClassNames.disabled,\n\t\t\t\t),\n\t\t\t\thidden: cn(\"invisible\", defaultClassNames.hidden),\n\t\t\t\t...classNames,\n\t\t\t}}\n\t\t\tcomponents={{\n\t\t\t\tRoot: ({ className, rootRef, ...props }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tdata-slot=\"calendar\"\n\t\t\t\t\t\t\tref={rootRef}\n\t\t\t\t\t\t\tclassName={cn(className)}\n\t\t\t\t\t\t\t{...props}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tChevron: ({ className, orientation, ...props }) => {\n\t\t\t\t\tif (orientation === \"left\") {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<ChevronLeftIcon className={cn(\"size-4\", className)} {...props} />\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (orientation === \"right\") {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<ChevronRightIcon\n\t\t\t\t\t\t\t\tclassName={cn(\"size-4\", className)}\n\t\t\t\t\t\t\t\t{...props}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ChevronDownIcon className={cn(\"size-4\", className)} {...props} />\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tDayButton: CalendarDayButton,\n\t\t\t\tWeekNumber: ({ children, ...props }) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<td {...props}>\n\t\t\t\t\t\t\t<div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n\t\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</td>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\t...components,\n\t\t\t}}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CalendarDayButton({\n\tclassName,\n\tday,\n\tmodifiers,\n\t...props\n}: React.ComponentProps<typeof DayButton>) {\n\tconst defaultClassNames = getDefaultClassNames();\n\n\tconst ref = React.useRef<HTMLButtonElement>(null);\n\tReact.useEffect(() => {\n\t\tif (modifiers.focused) ref.current?.focus();\n\t}, [modifiers.focused]);\n\n\treturn (\n\t\t<Button\n\t\t\tref={ref}\n\t\t\tvariant=\"ghost\"\n\t\t\tsize=\"small\"\n\t\t\tdata-day={day.date.toLocaleDateString()}\n\t\t\tdata-selected-single={\n\t\t\t\tmodifiers.selected &&\n\t\t\t\t!modifiers.range_start &&\n\t\t\t\t!modifiers.range_end &&\n\t\t\t\t!modifiers.range_middle\n\t\t\t}\n\t\t\tdata-range-start={modifiers.range_start}\n\t\t\tdata-range-end={modifiers.range_end}\n\t\t\tdata-range-middle={modifiers.range_middle}\n\t\t\tclassName={cn(\n\t\t\t\t\"data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70\",\n\t\t\t\tdefaultClassNames.day,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Calendar, CalendarDayButton };\n"],"names":["ChevronDownIcon","ChevronLeftIcon","ChevronRightIcon","React","DayPicker","getDefaultClassNames","Button","buttonVariants","cn","Calendar","className","classNames","showOutsideDays","captionLayout","buttonVariant","formatters","components","props","defaultClassNames","String","raw","formatMonthDropdown","date","toLocaleString","month","root","months","nav","button_previous","variant","button_next","month_caption","dropdowns","dropdown_root","dropdown","caption_label","table","weekdays","weekday","week","week_number_header","week_number","day","range_start","range_middle","range_end","today","outside","disabled","hidden","Root","rootRef","div","data-slot","ref","Chevron","orientation","DayButton","CalendarDayButton","WeekNumber","children","td","modifiers","useRef","useEffect","focused","current","focus","size","data-day","toLocaleDateString","data-selected-single","selected","data-range-start","data-range-end","data-range-middle"],"mappings":"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"}

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

@@ -1,14 +1,21 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { Calendar } from "#shadcn/components/ui/calendar";
+import { Calendar } from "./calendar.js";
 const meta = {
-    title: "Component/Calendar",
+    title: "Component/Calendar"
 };
 export default meta;
 export const Demo = {
-    render: () => {
+    render: ()=>{
         const [date, setDate] = React.useState(new Date());
-        return (_jsx(Calendar, { mode: "single", selected: date, onSelect: setDate, className: "rounded-md border shadow-sm", captionLayout: "dropdown" }));
-    },
+        return /*#__PURE__*/ _jsx(Calendar, {
+            mode: "single",
+            selected: date,
+            onSelect: setDate,
+            className: "rounded-md border shadow-sm",
+            captionLayout: "dropdown"
+        });
+    }
 };
+
 //# sourceMappingURL=calendar.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/calendar.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,oBAAoB;CACZ,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE;QACZ,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAmB,IAAI,IAAI,EAAE,CAAC,CAAC;QAErE,OAAO,CACN,KAAC,QAAQ,IACR,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAC,6BAA6B,EACvC,aAAa,EAAC,UAAU,GACvB,CACF,CAAC;IACH,CAAC;CACe,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/calendar.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport * as React from \"react\";\nimport { Calendar } from \"#shadcn/components/ui/calendar\";\n\nconst meta = {\n\ttitle: \"Component/Calendar\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => {\n\t\tconst [date, setDate] = React.useState<Date | undefined>(new Date());\n\n\t\treturn (\n\t\t\t<Calendar\n\t\t\t\tmode=\"single\"\n\t\t\t\tselected={date}\n\t\t\t\tonSelect={setDate}\n\t\t\t\tclassName=\"rounded-md border shadow-sm\"\n\t\t\t\tcaptionLayout=\"dropdown\"\n\t\t\t/>\n\t\t);\n\t},\n} satisfies Story;\n"],"names":["React","Calendar","meta","title","Demo","render","date","setDate","useState","Date","mode","selected","onSelect","className","captionLayout"],"mappings":";AACA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,QAAQ,QAAQ,gBAAiC;AAE1D,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ;QACP,MAAM,CAACC,MAAMC,QAAQ,GAAGP,MAAMQ,QAAQ,CAAmB,IAAIC;QAE7D,qBACC,KAACR;YACAS,MAAK;YACLC,UAAUL;YACVM,UAAUL;YACVM,WAAU;YACVC,eAAc;;IAGjB;AACD,EAAkB"}

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

@@ -1,25 +1,54 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "#shadcn/lib/utils";
+import { cn } from "../../lib/utils.js";
 function Card({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card", className: cn("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", className), ...props }));
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "card",
+        className: cn("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", className),
+        ...props
+    });
 }
 function CardHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-header", className: cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className), ...props }));
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "card-header",
+        className: cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className),
+        ...props
+    });
 }
 function CardTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-title", className: cn("leading-none font-semibold", className), ...props }));
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "card-title",
+        className: cn("leading-none font-semibold", className),
+        ...props
+    });
 }
 function CardDescription({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-description", className: cn("text-muted-foreground text-sm", className), ...props }));
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "card-description",
+        className: cn("text-muted-foreground text-sm", className),
+        ...props
+    });
 }
 function CardAction({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-action", className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className), ...props }));
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "card-action",
+        className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+        ...props
+    });
 }
 function CardContent({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-content", className: cn("px-6", className), ...props }));
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "card-content",
+        className: cn("px-6", className),
+        ...props
+    });
 }
 function CardFooter({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-footer", className: cn("flex items-center px-6 [.border-t]:pt-6", className), ...props }));
+    return /*#__PURE__*/ _jsx("div", {
+        "data-slot": "card-footer",
+        className: cn("flex items-center px-6 [.border-t]:pt-6", className),
+        ...props
+    });
 }
-export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };
+
 //# sourceMappingURL=card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/card.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACjE,OAAO,CACN,2BACW,MAAM,EAChB,SAAS,EAAE,EAAE,CACZ,mFAAmF,EACnF,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACvE,OAAO,CACN,2BACW,aAAa,EACvB,SAAS,EAAE,EAAE,CACZ,4JAA4J,EAC5J,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACN,2BACW,YAAY,EACtB,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAClD,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IAC5E,OAAO,CACN,2BACW,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACvE,OAAO,CACN,2BACW,aAAa,EACvB,SAAS,EAAE,EAAE,CACZ,gEAAgE,EAChE,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACxE,OAAO,CACN,2BACW,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,KAC5B,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACvE,OAAO,CACN,2BACW,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,KAC/D,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,OAAO,EACN,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACX,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/card.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Card({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"card\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"card-header\"\n\t\t\tclassName={cn(\n\t\t\t\t\"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"card-title\"\n\t\t\tclassName={cn(\"leading-none font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"card-description\"\n\t\t\tclassName={cn(\"text-muted-foreground text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"card-action\"\n\t\t\tclassName={cn(\n\t\t\t\t\"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"card-content\"\n\t\t\tclassName={cn(\"px-6\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"card-footer\"\n\t\t\tclassName={cn(\"flex items-center px-6 [.border-t]:pt-6\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tCard,\n\tCardHeader,\n\tCardFooter,\n\tCardTitle,\n\tCardAction,\n\tCardDescription,\n\tCardContent,\n};\n"],"names":["cn","Card","className","props","div","data-slot","CardHeader","CardTitle","CardDescription","CardAction","CardContent","CardFooter"],"mappings":";AAEA,SAASA,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,KAAK,EAAEC,SAAS,EAAE,GAAGC,OAAoC;IACjE,qBACC,KAACC;QACAC,aAAU;QACVH,WAAWF,GACV,qFACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASG,WAAW,EAAEJ,SAAS,EAAE,GAAGC,OAAoC;IACvE,qBACC,KAACC;QACAC,aAAU;QACVH,WAAWF,GACV,8JACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASI,UAAU,EAAEL,SAAS,EAAE,GAAGC,OAAoC;IACtE,qBACC,KAACC;QACAC,aAAU;QACVH,WAAWF,GAAG,8BAA8BE;QAC3C,GAAGC,KAAK;;AAGZ;AAEA,SAASK,gBAAgB,EAAEN,SAAS,EAAE,GAAGC,OAAoC;IAC5E,qBACC,KAACC;QACAC,aAAU;QACVH,WAAWF,GAAG,iCAAiCE;QAC9C,GAAGC,KAAK;;AAGZ;AAEA,SAASM,WAAW,EAAEP,SAAS,EAAE,GAAGC,OAAoC;IACvE,qBACC,KAACC;QACAC,aAAU;QACVH,WAAWF,GACV,kEACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASO,YAAY,EAAER,SAAS,EAAE,GAAGC,OAAoC;IACxE,qBACC,KAACC;QACAC,aAAU;QACVH,WAAWF,GAAG,QAAQE;QACrB,GAAGC,KAAK;;AAGZ;AAEA,SAASQ,WAAW,EAAET,SAAS,EAAE,GAAGC,OAAoC;IACvE,qBACC,KAACC;QACAC,aAAU;QACVH,WAAWF,GAAG,2CAA2CE;QACxD,GAAGC,KAAK;;AAGZ;AAEA,SACCF,IAAI,EACJK,UAAU,EACVK,UAAU,EACVJ,SAAS,EACTE,UAAU,EACVD,eAAe,EACfE,WAAW,GACV"}

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

@@ -1,13 +1,98 @@
+// biome-ignore-all lint/a11y/useValidAnchor: Useless in stories
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "#shadcn/components/ui/button";
-import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "#shadcn/components/ui/card";
-import { Input } from "#shadcn/components/ui/input";
-import { Label } from "#shadcn/components/ui/label";
+import { Button } from "./button.js";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card.js";
+import { Input } from "./input.js";
+import { Label } from "./label.js";
 const meta = {
-    title: "Component/Card",
+    title: "Component/Card"
 };
 export default meta;
 export const Demo = {
-    render: () => (_jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Login to your account" }), _jsx(CardDescription, { children: "Enter your email below to login to your account" }), _jsx(CardAction, { children: _jsx(Button, { variant: "link", children: "Sign Up" }) })] }), _jsx(CardContent, { children: _jsx("form", { children: _jsxs("div", { className: "flex flex-col gap-6", children: [_jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: "login", children: "Login" }), _jsx(Input, { id: "login", type: "text", placeholder: "user", required: true })] }), _jsxs("div", { className: "grid gap-2", children: [_jsxs("div", { className: "flex items-center", children: [_jsx(Label, { htmlFor: "password", children: "Password" }), _jsx("a", { href: "#", className: "ml-auto inline-block text-sm underline-offset-4 hover:underline", children: "Forgot your password?" })] }), _jsx(Input, { id: "password", type: "password", required: true })] })] }) }) }), _jsxs(CardFooter, { className: "flex-col gap-2", children: [_jsx(Button, { type: "submit", className: "w-full", children: "Login" }), _jsx(Button, { variant: "secondary", className: "w-full", children: "Login with Google" })] })] })),
+    render: ()=>/*#__PURE__*/ _jsxs(Card, {
+            className: "w-full max-w-sm",
+            children: [
+                /*#__PURE__*/ _jsxs(CardHeader, {
+                    children: [
+                        /*#__PURE__*/ _jsx(CardTitle, {
+                            children: "Login to your account"
+                        }),
+                        /*#__PURE__*/ _jsx(CardDescription, {
+                            children: "Enter your email below to login to your account"
+                        }),
+                        /*#__PURE__*/ _jsx(CardAction, {
+                            children: /*#__PURE__*/ _jsx(Button, {
+                                variant: "link",
+                                children: "Sign Up"
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(CardContent, {
+                    children: /*#__PURE__*/ _jsx("form", {
+                        children: /*#__PURE__*/ _jsxs("div", {
+                            className: "flex flex-col gap-6",
+                            children: [
+                                /*#__PURE__*/ _jsxs("div", {
+                                    className: "grid gap-2",
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Label, {
+                                            htmlFor: "login",
+                                            children: "Login"
+                                        }),
+                                        /*#__PURE__*/ _jsx(Input, {
+                                            id: "login",
+                                            type: "text",
+                                            placeholder: "user",
+                                            required: true
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsxs("div", {
+                                    className: "grid gap-2",
+                                    children: [
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            className: "flex items-center",
+                                            children: [
+                                                /*#__PURE__*/ _jsx(Label, {
+                                                    htmlFor: "password",
+                                                    children: "Password"
+                                                }),
+                                                /*#__PURE__*/ _jsx("a", {
+                                                    href: "#",
+                                                    className: "ml-auto inline-block text-sm underline-offset-4 hover:underline",
+                                                    children: "Forgot your password?"
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsx(Input, {
+                                            id: "password",
+                                            type: "password",
+                                            required: true
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    })
+                }),
+                /*#__PURE__*/ _jsxs(CardFooter, {
+                    className: "flex-col gap-2",
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            type: "submit",
+                            className: "w-full",
+                            children: "Login"
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            variant: "secondary",
+                            className: "w-full",
+                            children: "Login with Google"
+                        })
+                    ]
+                })
+            ]
+        })
 };
+
 //# sourceMappingURL=card.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"card.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/card.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EACN,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACT,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAEpD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,gBAAgB;CACR,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,aAChC,MAAC,UAAU,eACV,KAAC,SAAS,wCAAkC,EAC5C,KAAC,eAAe,kEAEE,EAClB,KAAC,UAAU,cACV,KAAC,MAAM,IAAC,OAAO,EAAC,MAAM,wBAAiB,GAC3B,IACD,EACb,KAAC,WAAW,cACX,yBACC,eAAK,SAAS,EAAC,qBAAqB,aACnC,eAAK,SAAS,EAAC,YAAY,aAC1B,KAAC,KAAK,IAAC,OAAO,EAAC,OAAO,sBAAc,EACpC,KAAC,KAAK,IAAC,EAAE,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,WAAW,EAAC,MAAM,EAAC,QAAQ,SAAG,IACvD,EACN,eAAK,SAAS,EAAC,YAAY,aAC1B,eAAK,SAAS,EAAC,mBAAmB,aACjC,KAAC,KAAK,IAAC,OAAO,EAAC,UAAU,yBAAiB,EAC1C,YACC,IAAI,EAAC,GAAG,EACR,SAAS,EAAC,iEAAiE,sCAGxE,IACC,EACN,KAAC,KAAK,IAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,EAAC,QAAQ,SAAG,IAC3C,IACD,GACA,GACM,EACd,MAAC,UAAU,IAAC,SAAS,EAAC,gBAAgB,aACrC,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,sBAE/B,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,QAAQ,kCAErC,IACG,IACP,CACP;CACe,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/card.stories.tsx"],"sourcesContent":["// biome-ignore-all lint/a11y/useValidAnchor: Useless in stories\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Button } from \"#shadcn/components/ui/button\";\nimport {\n\tCard,\n\tCardAction,\n\tCardContent,\n\tCardDescription,\n\tCardFooter,\n\tCardHeader,\n\tCardTitle,\n} from \"#shadcn/components/ui/card\";\nimport { Input } from \"#shadcn/components/ui/input\";\nimport { Label } from \"#shadcn/components/ui/label\";\n\nconst meta = {\n\ttitle: \"Component/Card\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<Card className=\"w-full max-w-sm\">\n\t\t\t<CardHeader>\n\t\t\t\t<CardTitle>Login to your account</CardTitle>\n\t\t\t\t<CardDescription>\n\t\t\t\t\tEnter your email below to login to your account\n\t\t\t\t</CardDescription>\n\t\t\t\t<CardAction>\n\t\t\t\t\t<Button variant=\"link\">Sign Up</Button>\n\t\t\t\t</CardAction>\n\t\t\t</CardHeader>\n\t\t\t<CardContent>\n\t\t\t\t<form>\n\t\t\t\t\t<div className=\"flex flex-col gap-6\">\n\t\t\t\t\t\t<div className=\"grid gap-2\">\n\t\t\t\t\t\t\t<Label htmlFor=\"login\">Login</Label>\n\t\t\t\t\t\t\t<Input id=\"login\" type=\"text\" placeholder=\"user\" required />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"grid gap-2\">\n\t\t\t\t\t\t\t<div className=\"flex items-center\">\n\t\t\t\t\t\t\t\t<Label htmlFor=\"password\">Password</Label>\n\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\thref=\"#\"\n\t\t\t\t\t\t\t\t\tclassName=\"ml-auto inline-block text-sm underline-offset-4 hover:underline\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tForgot your password?\n\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Input id=\"password\" type=\"password\" required />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</form>\n\t\t\t</CardContent>\n\t\t\t<CardFooter className=\"flex-col gap-2\">\n\t\t\t\t<Button type=\"submit\" className=\"w-full\">\n\t\t\t\t\tLogin\n\t\t\t\t</Button>\n\t\t\t\t<Button variant=\"secondary\" className=\"w-full\">\n\t\t\t\t\tLogin with Google\n\t\t\t\t</Button>\n\t\t\t</CardFooter>\n\t\t</Card>\n\t),\n} satisfies Story;\n"],"names":["Button","Card","CardAction","CardContent","CardDescription","CardFooter","CardHeader","CardTitle","Input","Label","meta","title","Demo","render","className","variant","form","div","htmlFor","id","type","placeholder","required","a","href"],"mappings":"AAAA,gEAAgE;;AAEhE,SAASA,MAAM,QAAQ,cAA+B;AACtD,SACCC,IAAI,EACJC,UAAU,EACVC,WAAW,EACXC,eAAe,EACfC,UAAU,EACVC,UAAU,EACVC,SAAS,QACH,YAA6B;AACpC,SAASC,KAAK,QAAQ,aAA8B;AACpD,SAASC,KAAK,QAAQ,aAA8B;AAEpD,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACZ;YAAKa,WAAU;;8BACf,MAACR;;sCACA,KAACC;sCAAU;;sCACX,KAACH;sCAAgB;;sCAGjB,KAACF;sCACA,cAAA,KAACF;gCAAOe,SAAQ;0CAAO;;;;;8BAGzB,KAACZ;8BACA,cAAA,KAACa;kCACA,cAAA,MAACC;4BAAIH,WAAU;;8CACd,MAACG;oCAAIH,WAAU;;sDACd,KAACL;4CAAMS,SAAQ;sDAAQ;;sDACvB,KAACV;4CAAMW,IAAG;4CAAQC,MAAK;4CAAOC,aAAY;4CAAOC,QAAQ;;;;8CAE1D,MAACL;oCAAIH,WAAU;;sDACd,MAACG;4CAAIH,WAAU;;8DACd,KAACL;oDAAMS,SAAQ;8DAAW;;8DAC1B,KAACK;oDACAC,MAAK;oDACLV,WAAU;8DACV;;;;sDAIF,KAACN;4CAAMW,IAAG;4CAAWC,MAAK;4CAAWE,QAAQ;;;;;;;;8BAKjD,MAACjB;oBAAWS,WAAU;;sCACrB,KAACd;4BAAOoB,MAAK;4BAASN,WAAU;sCAAS;;sCAGzC,KAACd;4BAAOe,SAAQ;4BAAYD,WAAU;sCAAS;;;;;;AAMnD,EAAkB"}