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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/button.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nconst buttonVariants = cva(\n\tcn(\n\t\t\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg transition-all \",\n\t\t\"outline-none cursor-pointer\",\n\t\t\"disabled:cursor-not-allowed\",\n\t\t\"[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0\",\n\t\t\"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n\t\t\"aria-invalid:ring-destructive/20\",\n\t),\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tprimary:\n\t\t\t\t\t\"bg-bg-link text-text-primary_on-brand shadow-xs hover:bg-bg-link_hover active:bg-bg-link disabled:bg-bg-disabled\",\n\t\t\t\tsecondary:\n\t\t\t\t\t\"border border-border-primary bg-bg-primary text-text-tertiary shadow-xs hover:text-fg-primary disabled:text-fg-disabled disabled:border-border-disabled hover:bg-bg-secondary active:bg-bg-primary active:text-text-tertiary disabled:hover:bg-bg-primary\",\n\t\t\t\tlink: \"text-text-secondary hover:text-text-primary disabled:text-text-disabled rounded-none\",\n\t\t\t\tghost:\n\t\t\t\t\t\"text-text-secondary hover:text-text-primary disabled:text-text-disabled hover:bg-bg-secondary active:bg-bg-tertiary disabled:hover:bg-bg-primary\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tregular: \"h-9 px-4 typo-label\",\n\t\t\t\tsmall: \"h-6 px-2 typo-button-label-xs gap-1 rounded-md\",\n\t\t\t},\n\t\t\tdanger: {\n\t\t\t\ttrue: \"\",\n\t\t\t\tfalse: \"\",\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: \"primary\",\n\t\t\t\tdanger: true,\n\t\t\t\tclass:\n\t\t\t\t\t\"bg-bg-error-primary_inverse text-text-primary_on-brand hover:bg-bg-error-primary_inverse_hover active:bg-bg-error-primary_inverse disabled:bg-bg-disabled\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: \"secondary\",\n\t\t\t\tdanger: true,\n\t\t\t\tclass:\n\t\t\t\t\t\"border-border-error text-text-error-primary hover:text-text-error-primary_hover hover:bg-bg-error-secondary active:bg-bg-primary active:text-text-error-primary_on-brand\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: \"link\",\n\t\t\t\tdanger: true,\n\t\t\t\tclass: \"text-text-error-secondary hover:text-text-error-primary\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: \"ghost\",\n\t\t\t\tdanger: true,\n\t\t\t\tclass:\n\t\t\t\t\t\"text-text-error-secondary hover:text-text-error-primary hover:bg-bg-error-secondary active:bg-bg-error-tertiary\",\n\t\t\t},\n\t\t],\n\t\tdefaultVariants: {\n\t\t\tvariant: \"primary\",\n\t\t\tsize: \"regular\",\n\t\t\tdanger: false,\n\t\t},\n\t},\n);\n\nfunction Button({\n\tclassName,\n\tvariant,\n\tsize,\n\tdanger = false,\n\tasChild = false,\n\t...props\n}: React.ComponentProps<\"button\"> &\n\tVariantProps<typeof buttonVariants> & {\n\t\tasChild?: boolean;\n\t\tdanger?: boolean;\n\t}) {\n\tconst Comp = asChild ? Slot : \"button\";\n\n\treturn (\n\t\t<Comp\n\t\t\tdata-slot=\"button\"\n\t\t\tclassName={cn(buttonVariants({ variant, size, danger, className }))}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Button, buttonVariants };\n"],"names":["Slot","cva","cn","buttonVariants","variants","variant","primary","secondary","link","ghost","size","regular","small","danger","true","false","compoundVariants","class","defaultVariants","Button","className","asChild","props","Comp","data-slot"],"mappings":";AAAA,SAASA,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,GAAG,QAA2B,2BAA2B;AAGlE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,MAAMC,iBAAiBF,IACtBC,GACC,8FACA,+BACA,+BACA,8FACA,iFACA,qCAED;IACCE,UAAU;QACTC,SAAS;YACRC,SACC;YACDC,WACC;YACDC,MAAM;YACNC,OACC;QACF;QACAC,MAAM;YACLC,SAAS;YACTC,OAAO;QACR;QACAC,QAAQ;YACPC,MAAM;YACNC,OAAO;QACR;IACD;IACAC,kBAAkB;QACjB;YACCX,SAAS;YACTQ,QAAQ;YACRI,OACC;QACF;QACA;YACCZ,SAAS;YACTQ,QAAQ;YACRI,OACC;QACF;QACA;YACCZ,SAAS;YACTQ,QAAQ;YACRI,OAAO;QACR;QACA;YACCZ,SAAS;YACTQ,QAAQ;YACRI,OACC;QACF;KACA;IACDC,iBAAiB;QAChBb,SAAS;QACTK,MAAM;QACNG,QAAQ;IACT;AACD;AAGD,SAASM,OAAO,EACfC,SAAS,EACTf,OAAO,EACPK,IAAI,EACJG,SAAS,KAAK,EACdQ,UAAU,KAAK,EACf,GAAGC,OAKF;IACD,MAAMC,OAAOF,UAAUrB,OAAO;IAE9B,qBACC,KAACuB;QACAC,aAAU;QACVJ,WAAWlB,GAAGC,eAAe;YAAEE;YAASK;YAAMG;YAAQO;QAAU;QAC/D,GAAGE,KAAK;;AAGZ;AAEA,SAASH,MAAM,EAAEhB,cAAc,GAAG"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/button.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nconst baseButtonStyles = cn(\n\t// Layout\n\t\"inline-flex\",\n\t\"items-center\",\n\t\"justify-center\",\n\t\"gap-2\",\n\t\"whitespace-nowrap\",\n\t\"shrink-0\",\n\t// Shape\n\t\"rounded-lg\",\n\t// Interaction\n\t\"transition-all\",\n\t\"outline-none\",\n\t\"cursor-pointer\",\n\t// Disabled states\n\t\"disabled:cursor-not-allowed\",\n\t// Icon styles\n\t\"[&_svg]:pointer-events-none\",\n\t\"[&_svg:not([class*='size-'])]:size-4\",\n\t\"[&_svg]:shrink-0\",\n\t// Focus states\n\t// Invalid states\n\t\"aria-invalid:ring-2\",\n\t\"aria-invalid:ring-utility-red/70\",\n);\n\nconst buttonVariants = cva(baseButtonStyles, {\n\tvariants: {\n\t\tvariant: {\n\t\t\tprimary: cn(\n\t\t\t\t\"bg-bg-link\",\n\t\t\t\t\"text-text-primary_on-brand\",\n\t\t\t\t\"hover:bg-bg-link_hover\",\n\t\t\t\t\"active:bg-bg-link\",\n\t\t\t),\n\t\t\tsecondary: cn(\n\t\t\t\t\"border\",\n\t\t\t\t\"border-border-primary\",\n\t\t\t\t\"bg-bg-primary\",\n\t\t\t\t\"text-text-secondary\",\n\t\t\t\t\"hover:text-text-primary\",\n\t\t\t\t\"hover:bg-bg-secondary\",\n\t\t\t\t\"active:bg-bg-primary\",\n\t\t\t\t\"active:text-text-tertiary\",\n\t\t\t),\n\t\t\tlink: cn(\"text-text-secondary\", \"hover:text-text-primary\", \"rounded\"),\n\t\t\tghost: cn(\n\t\t\t\t\"text-text-secondary\",\n\t\t\t\t\"hover:text-text-primary\",\n\t\t\t\t\"hover:bg-bg-secondary\",\n\t\t\t\t\"active:bg-bg-tertiary\",\n\t\t\t),\n\t\t},\n\t\tsize: {\n\t\t\tregular: cn(\"h-9\", \"px-4\", \"typo-body\"),\n\t\t\tsmall: cn(\"h-6\", \"px-2\", \"gap-1\", \"typo-button-label-xs\"),\n\t\t},\n\t\tdanger: {\n\t\t\ttrue: \"\",\n\t\t\tfalse: \"\",\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t// Primary disabled\n\t\t{\n\t\t\tvariant: \"primary\",\n\t\t\tclass: cn(\"disabled:bg-bg-disabled\", \"disabled:text-white\"),\n\t\t},\n\t\t// Secondary disabled\n\t\t{\n\t\t\tvariant: \"secondary\",\n\t\t\tclass: cn(\n\t\t\t\t\"disabled:bg-bg-primary\",\n\t\t\t\t\"disabled:text-text-disabled\",\n\t\t\t\t\"disabled:border-border-disabled\",\n\t\t\t),\n\t\t},\n\t\t// Link disabled\n\t\t{\n\t\t\tvariant: \"link\",\n\t\t\tclass: cn(\"disabled:text-text-disabled\"),\n\t\t},\n\t\t// Ghost disabled\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tclass: cn(\"disabled:text-text-disabled\"),\n\t\t},\n\t\t// Primary danger\n\t\t{\n\t\t\tvariant: \"primary\",\n\t\t\tdanger: true,\n\t\t\tclass: cn(\n\t\t\t\t\"bg-bg-error-primary_inverse\",\n\t\t\t\t\"text-text-primary_on-brand\",\n\t\t\t\t\"hover:bg-bg-error-primary_inverse_hover\",\n\t\t\t\t\"active:bg-bg-error-primary_inverse\",\n\t\t\t),\n\t\t},\n\t\t// Secondary danger\n\t\t{\n\t\t\tvariant: \"secondary\",\n\t\t\tdanger: true,\n\t\t\tclass: cn(\n\t\t\t\t\"border-border-error\",\n\t\t\t\t\"text-text-error-primary\",\n\t\t\t\t\"hover:text-text-error-primary\",\n\t\t\t\t\"hover:bg-bg-error-secondary\",\n\t\t\t\t\"active:bg-bg-primary\",\n\t\t\t\t\"active:text-text-error-primary\",\n\t\t\t),\n\t\t},\n\t\t// Link danger\n\t\t{\n\t\t\tvariant: \"link\",\n\t\t\tdanger: true,\n\t\t\tclass: cn(\"text-text-error-secondary\", \"hover:text-text-error-primary\"),\n\t\t},\n\t\t// Ghost danger\n\t\t{\n\t\t\tvariant: \"ghost\",\n\t\t\tdanger: true,\n\t\t\tclass: cn(\n\t\t\t\t\"text-text-error-secondary\",\n\t\t\t\t\"hover:text-text-error-primary\",\n\t\t\t\t\"hover:bg-bg-error-secondary\",\n\t\t\t\t\"active:bg-bg-error-tertiary\",\n\t\t\t),\n\t\t},\n\t\t// Focus ring for regular size\n\t\t{\n\t\t\tsize: \"regular\",\n\t\t\tdanger: false,\n\t\t\tclass: cn(\"focus-visible:ring-4\", \"focus-visible:ring-ring-blue\"),\n\t\t},\n\t\t{\n\t\t\tsize: \"regular\",\n\t\t\tdanger: true,\n\t\t\tclass: cn(\"focus-visible:ring-4\", \"focus-visible:ring-ring-red\"),\n\t\t},\n\t\t// Focus ring for small size\n\t\t{\n\t\t\tsize: \"small\",\n\t\t\tdanger: false,\n\t\t\tclass: cn(\"focus-visible:ring-3\", \"focus-visible:ring-ring-blue\"),\n\t\t},\n\t\t{\n\t\t\tsize: \"small\",\n\t\t\tdanger: true,\n\t\t\tclass: cn(\"focus-visible:ring-3\", \"focus-visible:ring-ring-red\"),\n\t\t},\n\t],\n\tdefaultVariants: {\n\t\tvariant: \"primary\",\n\t\tsize: \"regular\",\n\t\tdanger: false,\n\t},\n});\n\nfunction Button({\n\tclassName,\n\tvariant,\n\tsize,\n\tdanger = false,\n\tasChild = false,\n\t...props\n}: React.ComponentProps<\"button\"> &\n\tVariantProps<typeof buttonVariants> & {\n\t\tasChild?: boolean;\n\t\tdanger?: boolean;\n\t}) {\n\tconst Comp = asChild ? Slot : \"button\";\n\n\treturn (\n\t\t<Comp\n\t\t\tdata-slot=\"button\"\n\t\t\tclassName={cn(buttonVariants({ variant, size, danger, className }))}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Button, buttonVariants };\n"],"names":["Slot","cva","cn","baseButtonStyles","buttonVariants","variants","variant","primary","secondary","link","ghost","size","regular","small","danger","true","false","compoundVariants","class","defaultVariants","Button","className","asChild","props","Comp","data-slot"],"mappings":";AAAA,SAASA,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,GAAG,QAA2B,2BAA2B;AAGlE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,MAAMC,mBAAmBD,GACxB,SAAS;AACT,eACA,gBACA,kBACA,SACA,qBACA,YACA,QAAQ;AACR,cACA,cAAc;AACd,kBACA,gBACA,kBACA,kBAAkB;AAClB,+BACA,cAAc;AACd,+BACA,wCACA,oBACA,eAAe;AACf,iBAAiB;AACjB,uBACA;AAGD,MAAME,iBAAiBH,IAAIE,kBAAkB;IAC5CE,UAAU;QACTC,SAAS;YACRC,SAASL,GACR,cACA,8BACA,0BACA;YAEDM,WAAWN,GACV,UACA,yBACA,iBACA,uBACA,2BACA,yBACA,wBACA;YAEDO,MAAMP,GAAG,uBAAuB,2BAA2B;YAC3DQ,OAAOR,GACN,uBACA,2BACA,yBACA;QAEF;QACAS,MAAM;YACLC,SAASV,GAAG,OAAO,QAAQ;YAC3BW,OAAOX,GAAG,OAAO,QAAQ,SAAS;QACnC;QACAY,QAAQ;YACPC,MAAM;YACNC,OAAO;QACR;IACD;IACAC,kBAAkB;QACjB,mBAAmB;QACnB;YACCX,SAAS;YACTY,OAAOhB,GAAG,2BAA2B;QACtC;QACA,qBAAqB;QACrB;YACCI,SAAS;YACTY,OAAOhB,GACN,0BACA,+BACA;QAEF;QACA,gBAAgB;QAChB;YACCI,SAAS;YACTY,OAAOhB,GAAG;QACX;QACA,iBAAiB;QACjB;YACCI,SAAS;YACTY,OAAOhB,GAAG;QACX;QACA,iBAAiB;QACjB;YACCI,SAAS;YACTQ,QAAQ;YACRI,OAAOhB,GACN,+BACA,8BACA,2CACA;QAEF;QACA,mBAAmB;QACnB;YACCI,SAAS;YACTQ,QAAQ;YACRI,OAAOhB,GACN,uBACA,2BACA,iCACA,+BACA,wBACA;QAEF;QACA,cAAc;QACd;YACCI,SAAS;YACTQ,QAAQ;YACRI,OAAOhB,GAAG,6BAA6B;QACxC;QACA,eAAe;QACf;YACCI,SAAS;YACTQ,QAAQ;YACRI,OAAOhB,GACN,6BACA,iCACA,+BACA;QAEF;QACA,8BAA8B;QAC9B;YACCS,MAAM;YACNG,QAAQ;YACRI,OAAOhB,GAAG,wBAAwB;QACnC;QACA;YACCS,MAAM;YACNG,QAAQ;YACRI,OAAOhB,GAAG,wBAAwB;QACnC;QACA,4BAA4B;QAC5B;YACCS,MAAM;YACNG,QAAQ;YACRI,OAAOhB,GAAG,wBAAwB;QACnC;QACA;YACCS,MAAM;YACNG,QAAQ;YACRI,OAAOhB,GAAG,wBAAwB;QACnC;KACA;IACDiB,iBAAiB;QAChBb,SAAS;QACTK,MAAM;QACNG,QAAQ;IACT;AACD;AAEA,SAASM,OAAO,EACfC,SAAS,EACTf,OAAO,EACPK,IAAI,EACJG,SAAS,KAAK,EACdQ,UAAU,KAAK,EACf,GAAGC,OAKF;IACD,MAAMC,OAAOF,UAAUtB,OAAO;IAE9B,qBACC,KAACwB;QACAC,aAAU;QACVJ,WAAWnB,GAAGE,eAAe;YAAEE;YAASK;YAAMG;YAAQO;QAAU;QAC/D,GAAGE,KAAK;;AAGZ;AAEA,SAASH,MAAM,EAAEhB,cAAc,GAAG"}

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

@@ -1,32 +1,114 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Play, Trash2 } from "lucide-react";
+import { Controls, Primary, Title } from "@storybook/addon-docs/blocks";
+import { Play } from "lucide-react";
 import { Badge } from "./badge.js";
 import { Button } from "./button.js";
+function ButtonWrapper({ variant = "primary", size = "regular", danger = false, disabled = false, icon = "none", children = "Button" }) {
+    if (icon === "only") {
+        return /*#__PURE__*/ _jsx(Button, {
+            variant: variant,
+            size: size,
+            danger: danger,
+            disabled: disabled,
+            children: /*#__PURE__*/ _jsx(Play, {})
+        });
+    }
+    if (icon === "left") {
+        return /*#__PURE__*/ _jsxs(Button, {
+            variant: variant,
+            size: size,
+            danger: danger,
+            disabled: disabled,
+            children: [
+                /*#__PURE__*/ _jsx(Play, {}),
+                children
+            ]
+        });
+    }
+    return /*#__PURE__*/ _jsx(Button, {
+        variant: variant,
+        size: size,
+        danger: danger,
+        disabled: disabled,
+        children: children
+    });
+}
 const meta = {
     title: "Component/Button",
-    component: Button,
+    component: ButtonWrapper,
+    parameters: {
+        docs: {
+            page: ()=>/*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Title, {}),
+                        /*#__PURE__*/ _jsx(Primary, {}),
+                        /*#__PURE__*/ _jsx(Controls, {})
+                    ]
+                })
+        }
+    },
     argTypes: {
-        variant: {}
-    }
-};
-export default meta;
-export const TextOnly = {
+        variant: {
+            control: "select",
+            options: [
+                "primary",
+                "secondary",
+                "ghost",
+                "link"
+            ]
+        },
+        size: {
+            control: "select",
+            options: [
+                "regular",
+                "small"
+            ]
+        },
+        danger: {
+            control: "boolean"
+        },
+        disabled: {
+            control: "boolean"
+        },
+        icon: {
+            control: "select",
+            options: [
+                "none",
+                "left",
+                "only"
+            ]
+        },
+        children: {
+            control: "text"
+        }
+    },
     args: {
-        children: "Remove"
+        children: "Button",
+        variant: "primary",
+        size: "regular",
+        danger: false,
+        disabled: false,
+        icon: "none"
     }
 };
-export const WithIcon = {
-    args: {
-        children: /*#__PURE__*/ _jsxs(_Fragment, {
-            children: [
-                /*#__PURE__*/ _jsx(Trash2, {}),
-                " Remove",
-                " "
-            ]
+export default meta;
+export const Default = {
+    tags: [
+        "!dev"
+    ],
+    render: ({ variant = "primary", size = "regular", danger = false, disabled = false, icon = "none", children = "Button" })=>/*#__PURE__*/ _jsx(ButtonWrapper, {
+            variant: variant,
+            size: size,
+            danger: danger,
+            disabled: disabled,
+            icon: icon,
+            children: children
         })
-    }
 };
 export const Demo = {
+    tags: [
+        "!autodocs"
+    ],
     render: ()=>/*#__PURE__*/ _jsx("div", {
             className: "p-6  min-h-screen flex justify-center items-center",
             children: /*#__PURE__*/ _jsxs("div", {

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/button.stories.tsx"],"sourcesContent":["import { Controls, Primary, Title } from \"@storybook/addon-docs/blocks\";\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Play } from \"lucide-react\";\nimport { Badge } from \"#shadcn/components/ui/badge\";\nimport { Button } from \"#shadcn/components/ui/button\";\n\ninterface ButtonWrapperProps {\n\tvariant?: \"primary\" | \"secondary\" | \"ghost\" | \"link\";\n\tsize?: \"regular\" | \"small\";\n\tdanger?: boolean;\n\tdisabled?: boolean;\n\ticon?: \"none\" | \"left\" | \"only\";\n\tchildren?: string;\n}\n\nfunction ButtonWrapper({\n\tvariant = \"primary\",\n\tsize = \"regular\",\n\tdanger = false,\n\tdisabled = false,\n\ticon = \"none\",\n\tchildren = \"Button\",\n}: ButtonWrapperProps) {\n\tif (icon === \"only\") {\n\t\treturn (\n\t\t\t<Button variant={variant} size={size} danger={danger} disabled={disabled}>\n\t\t\t\t<Play />\n\t\t\t</Button>\n\t\t);\n\t}\n\n\tif (icon === \"left\") {\n\t\treturn (\n\t\t\t<Button variant={variant} size={size} danger={danger} disabled={disabled}>\n\t\t\t\t<Play />\n\t\t\t\t{children}\n\t\t\t</Button>\n\t\t);\n\t}\n\n\treturn (\n\t\t<Button variant={variant} size={size} danger={danger} disabled={disabled}>\n\t\t\t{children}\n\t\t</Button>\n\t);\n}\n\nconst meta = {\n\ttitle: \"Component/Button\",\n\tcomponent: ButtonWrapper,\n\tparameters: {\n\t\tdocs: {\n\t\t\tpage: () => (\n\t\t\t\t<>\n\t\t\t\t\t<Title />\n\t\t\t\t\t<Primary />\n\t\t\t\t\t<Controls />\n\t\t\t\t</>\n\t\t\t),\n\t\t},\n\t},\n\targTypes: {\n\t\tvariant: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [\"primary\", \"secondary\", \"ghost\", \"link\"],\n\t\t},\n\t\tsize: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [\"regular\", \"small\"],\n\t\t},\n\t\tdanger: {\n\t\t\tcontrol: \"boolean\",\n\t\t},\n\t\tdisabled: {\n\t\t\tcontrol: \"boolean\",\n\t\t},\n\t\ticon: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [\"none\", \"left\", \"only\"],\n\t\t},\n\t\tchildren: {\n\t\t\tcontrol: \"text\",\n\t\t},\n\t},\n\targs: {\n\t\tchildren: \"Button\",\n\t\tvariant: \"primary\",\n\t\tsize: \"regular\",\n\t\tdanger: false,\n\t\tdisabled: false,\n\t\ticon: \"none\",\n\t},\n} satisfies Meta<typeof ButtonWrapper>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default = {\n\ttags: [\"!dev\"],\n\trender: ({\n\t\tvariant = \"primary\",\n\t\tsize = \"regular\",\n\t\tdanger = false,\n\t\tdisabled = false,\n\t\ticon = \"none\",\n\t\tchildren = \"Button\",\n\t}) => (\n\t\t<ButtonWrapper\n\t\t\tvariant={variant}\n\t\t\tsize={size}\n\t\t\tdanger={danger}\n\t\t\tdisabled={disabled}\n\t\t\ticon={icon}\n\t\t>\n\t\t\t{children}\n\t\t</ButtonWrapper>\n\t),\n} satisfies Story;\n\nexport const Demo = {\n\ttags: [\"!autodocs\"],\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":["Controls","Primary","Title","Play","Badge","Button","ButtonWrapper","variant","size","danger","disabled","icon","children","meta","title","component","parameters","docs","page","argTypes","control","options","args","Default","tags","render","Demo","div","className","map"],"mappings":";AAAA,SAASA,QAAQ,EAAEC,OAAO,EAAEC,KAAK,QAAQ,+BAA+B;AAExE,SAASC,IAAI,QAAQ,eAAe;AACpC,SAASC,KAAK,QAAQ,aAA8B;AACpD,SAASC,MAAM,QAAQ,cAA+B;AAWtD,SAASC,cAAc,EACtBC,UAAU,SAAS,EACnBC,OAAO,SAAS,EAChBC,SAAS,KAAK,EACdC,WAAW,KAAK,EAChBC,OAAO,MAAM,EACbC,WAAW,QAAQ,EACC;IACpB,IAAID,SAAS,QAAQ;QACpB,qBACC,KAACN;YAAOE,SAASA;YAASC,MAAMA;YAAMC,QAAQA;YAAQC,UAAUA;sBAC/D,cAAA,KAACP;;IAGJ;IAEA,IAAIQ,SAAS,QAAQ;QACpB,qBACC,MAACN;YAAOE,SAASA;YAASC,MAAMA;YAAMC,QAAQA;YAAQC,UAAUA;;8BAC/D,KAACP;gBACAS;;;IAGJ;IAEA,qBACC,KAACP;QAAOE,SAASA;QAASC,MAAMA;QAAMC,QAAQA;QAAQC,UAAUA;kBAC9DE;;AAGJ;AAEA,MAAMC,OAAO;IACZC,OAAO;IACPC,WAAWT;IACXU,YAAY;QACXC,MAAM;YACLC,MAAM,kBACL;;sCACC,KAAChB;sCACD,KAACD;sCACD,KAACD;;;QAGJ;IACD;IACAmB,UAAU;QACTZ,SAAS;YACRa,SAAS;YACTC,SAAS;gBAAC;gBAAW;gBAAa;gBAAS;aAAO;QACnD;QACAb,MAAM;YACLY,SAAS;YACTC,SAAS;gBAAC;gBAAW;aAAQ;QAC9B;QACAZ,QAAQ;YACPW,SAAS;QACV;QACAV,UAAU;YACTU,SAAS;QACV;QACAT,MAAM;YACLS,SAAS;YACTC,SAAS;gBAAC;gBAAQ;gBAAQ;aAAO;QAClC;QACAT,UAAU;YACTQ,SAAS;QACV;IACD;IACAE,MAAM;QACLV,UAAU;QACVL,SAAS;QACTC,MAAM;QACNC,QAAQ;QACRC,UAAU;QACVC,MAAM;IACP;AACD;AACA,eAAeE,KAAK;AAIpB,OAAO,MAAMU,UAAU;IACtBC,MAAM;QAAC;KAAO;IACdC,QAAQ,CAAC,EACRlB,UAAU,SAAS,EACnBC,OAAO,SAAS,EAChBC,SAAS,KAAK,EACdC,WAAW,KAAK,EAChBC,OAAO,MAAM,EACbC,WAAW,QAAQ,EACnB,iBACA,KAACN;YACAC,SAASA;YACTC,MAAMA;YACNC,QAAQA;YACRC,UAAUA;YACVC,MAAMA;sBAELC;;AAGJ,EAAkB;AAElB,OAAO,MAAMc,OAAO;IACnBF,MAAM;QAAC;KAAY;IACnBC,QAAQ,kBACP,KAACE;YAAIC,WAAU;sBACd,cAAA,MAACD;gBAAIC,WAAU;;kCACd,MAACD;wBAAIC,WAAU;;0CACd,KAACD;gCAAIC,WAAU;0CAAmB;;0CAClC,MAACD;gCAAIC,WAAU;;oCAA+C;kDAE7D,KAACxB;wCAAMG,SAAQ;wCAAUqB,WAAU;kDAAU;;;;0CAI9C,MAACD;gCAAIC,WAAU;;oCAA+C;kDAE7D,KAACxB;wCAAMG,SAAQ;wCAAUqB,WAAU;kDAAU;;;;0CAI9C,MAACD;gCAAIC,WAAU;;oCAA+C;kDAE7D,KAACxB;wCAAMG,SAAQ;wCAAUqB,WAAU;kDAAU;;;;;;oBAM7C;wBAAC;wBAAW;qBAAQ,CAAWC,GAAG,CAAC,CAACrB,qBACrC,KAACmB;4BACAC,WAAU;sCAGT,AAAC;gCAAC;gCAAW;gCAAa;gCAAS;6BAAO,CAAWC,GAAG,CACxD,CAACtB,wBACA,MAACoB;oCAEAC,WAAU;;sDAEV,MAACD;4CAAIC,WAAU;;8DACd,MAACD;oDAAIC,WAAU;;sEACd,KAACD;4DAAIC,WAAU;sEAAO;;sEACtB,KAACxB;4DAAMG,SAAQ;4DAAUqB,WAAU;sEACjCrB;;;;8DAGH,MAACoB;oDAAIC,WAAU;;sEACd,KAACD;4DAAIC,WAAU;sEAAO;;sEACtB,KAACxB;4DAAMG,SAAQ;4DAAUqB,WAAU;sEACjCpB;;;;;;sDAIJ,MAACmB;4CAAIC,WAAU;;8DACd,KAACvB;oDAAOG,MAAMA;oDAAMD,SAASA;8DAAS;;8DAGtC,MAACF;oDAAOG,MAAMA;oDAAMD,SAASA;;sEAC5B,KAACJ;wDAAO;;;8DAET,KAACE;oDAAOG,MAAMA;oDAAMD,SAASA;8DAC5B,cAAA,KAACJ;;;;sDAGH,MAACwB;4CAAIC,WAAU;;8DACd,KAACvB;oDAAOG,MAAMA;oDAAMD,SAASA;oDAASE,MAAM;8DAAC;;8DAG7C,MAACJ;oDAAOG,MAAMA;oDAAMD,SAASA;oDAASE,MAAM;;sEAC3C,KAACN;wDAAO;;;8DAET,KAACE;oDAAOG,MAAMA;oDAAMD,SAASA;oDAASE,MAAM;8DAC3C,cAAA,KAACN;;;;sDAGH,MAACwB;4CAAIC,WAAU;;8DACd,KAACvB;oDAAOG,MAAMA;oDAAMD,SAASA;oDAASG,QAAQ;8DAAC;;8DAG/C,MAACL;oDAAOG,MAAMA;oDAAMD,SAASA;oDAASG,QAAQ;;sEAC7C,KAACP;wDAAO;;;8DAET,KAACE;oDAAOG,MAAMA;oDAAMD,SAASA;oDAASG,QAAQ;8DAC7C,cAAA,KAACP;;;;;mCA/CEI;2BALHC;;;;AA+DX,EAAkB"}

package/dist/src/shadcn/components/ui/calendar.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { type DayButton, DayPicker } from "react-day-picker";
-import { Button } from "#shadcn/components/ui/button";
+import { Button } from "../../components/ui/button";
 declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
     buttonVariant?: React.ComponentProps<typeof Button>["variant"];
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/calendar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,KAAK,SAAS,EACd,SAAS,EAET,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAkB,MAAM,8BAA8B,CAAC;AAGtE,iBAAS,QAAQ,CAAC,EACjB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAAuB,EACvB,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC3C,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAC/D,2CAoJA;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CA+BxC;AAED,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/calendar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACN,KAAK,SAAS,EACd,SAAS,EAET,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAkB,MAAM,8BAA8B,CAAC;AAGtE,iBAAS,QAAQ,CAAC,EACjB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAAuB,EACvB,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC3C,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAC/D,2CAoJA;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CA+BxC;AAED,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import * as React from "react";

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

@@ -1 +1 @@
-{"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":";AAAA,SACCA,eAAe,EACfC,eAAe,EACfC,gBAAgB,QACV,eAAe;AACtB,YAAYC,WAAW,QAAQ;AAC/B,SAECC,SAAS,EACTC,oBAAoB,QACd,mBAAmB;AAC1B,SAASC,MAAM,EAAEC,cAAc,QAAQ,cAA+B;AACtE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,SAAS,EACjBC,SAAS,EACTC,UAAU,EACVC,kBAAkB,IAAI,EACtBC,gBAAgB,OAAO,EACvBC,gBAAgB,OAAO,EACvBC,UAAU,EACVC,UAAU,EACV,GAAGC,OAGH;IACA,MAAMC,oBAAoBb;IAE1B,qBACC,KAACD;QACAQ,iBAAiBA;QACjBF,WAAWF,GACV,0JACAW,OAAOC,GAAG,CAAC,yCAAyC,CAAC,EACrDD,OAAOC,GAAG,CAAC,6CAA6C,CAAC,EACzDV;QAEDG,eAAeA;QACfE,YAAY;YACXM,qBAAqB,CAACC,OACrBA,KAAKC,cAAc,CAAC,WAAW;oBAAEC,OAAO;gBAAQ;YACjD,GAAGT,UAAU;QACd;QACAJ,YAAY;YACXc,MAAMjB,GAAG,SAASU,kBAAkBO,IAAI;YACxCC,QAAQlB,GACP,4CACAU,kBAAkBQ,MAAM;YAEzBF,OAAOhB,GAAG,8BAA8BU,kBAAkBM,KAAK;YAC/DG,KAAKnB,GACJ,2EACAU,kBAAkBS,GAAG;YAEtBC,iBAAiBpB,GAChBD,eAAe;gBAAEsB,SAASf;YAAc,IACxC,+DACAI,kBAAkBU,eAAe;YAElCE,aAAatB,GACZD,eAAe;gBAAEsB,SAASf;YAAc,IACxC,+DACAI,kBAAkBY,WAAW;YAE9BC,eAAevB,GACd,4EACAU,kBAAkBa,aAAa;YAEhCC,WAAWxB,GACV,uFACAU,kBAAkBc,SAAS;YAE5BC,eAAezB,GACd,uHACAU,kBAAkBe,aAAa;YAEhCC,UAAU1B,GACT,yCACAU,kBAAkBgB,QAAQ;YAE3BC,eAAe3B,GACd,2BACAK,kBAAkB,UACf,YACA,2GACHK,kBAAkBiB,aAAa;YAEhCC,OAAO;YACPC,UAAU7B,GAAG,QAAQU,kBAAkBmB,QAAQ;YAC/CC,SAAS9B,GACR,iFACAU,kBAAkBoB,OAAO;YAE1BC,MAAM/B,GAAG,oBAAoBU,kBAAkBqB,IAAI;YACnDC,oBAAoBhC,GACnB,+BACAU,kBAAkBsB,kBAAkB;YAErCC,aAAajC,GACZ,mDACAU,kBAAkBuB,WAAW;YAE9BC,KAAKlC,GACJ,6LACAU,kBAAkBwB,GAAG;YAEtBC,aAAanC,GACZ,0BACAU,kBAAkByB,WAAW;YAE9BC,cAAcpC,GAAG,gBAAgBU,kBAAkB0B,YAAY;YAC/DC,WAAWrC,GAAG,0BAA0BU,kBAAkB2B,SAAS;YACnEC,OAAOtC,GACN,iFACAU,kBAAkB4B,KAAK;YAExBC,SAASvC,GACR,6DACAU,kBAAkB6B,OAAO;YAE1BC,UAAUxC,GACT,oCACAU,kBAAkB8B,QAAQ;YAE3BC,QAAQzC,GAAG,aAAaU,kBAAkB+B,MAAM;YAChD,GAAGtC,UAAU;QACd;QACAK,YAAY;YACXkC,MAAM,CAAC,EAAExC,SAAS,EAAEyC,OAAO,EAAE,GAAGlC,OAAO;gBACtC,qBACC,KAACmC;oBACAC,aAAU;oBACVC,KAAKH;oBACLzC,WAAWF,GAAGE;oBACb,GAAGO,KAAK;;YAGZ;YACAsC,SAAS,CAAC,EAAE7C,SAAS,EAAE8C,WAAW,EAAE,GAAGvC,OAAO;gBAC7C,IAAIuC,gBAAgB,QAAQ;oBAC3B,qBACC,KAACvD;wBAAgBS,WAAWF,GAAG,UAAUE;wBAAa,GAAGO,KAAK;;gBAEhE;gBAEA,IAAIuC,gBAAgB,SAAS;oBAC5B,qBACC,KAACtD;wBACAQ,WAAWF,GAAG,UAAUE;wBACvB,GAAGO,KAAK;;gBAGZ;gBAEA,qBACC,KAACjB;oBAAgBU,WAAWF,GAAG,UAAUE;oBAAa,GAAGO,KAAK;;YAEhE;YACAwC,WAAWC;YACXC,YAAY,CAAC,EAAEC,QAAQ,EAAE,GAAG3C,OAAO;gBAClC,qBACC,KAAC4C;oBAAI,GAAG5C,KAAK;8BACZ,cAAA,KAACmC;wBAAI1C,WAAU;kCACbkD;;;YAIL;YACA,GAAG5C,UAAU;QACd;QACC,GAAGC,KAAK;;AAGZ;AAEA,SAASyC,kBAAkB,EAC1BhD,SAAS,EACTgC,GAAG,EACHoB,SAAS,EACT,GAAG7C,OACqC;IACxC,MAAMC,oBAAoBb;IAE1B,MAAMiD,MAAMnD,MAAM4D,MAAM,CAAoB;IAC5C5D,MAAM6D,SAAS,CAAC;QACf,IAAIF,UAAUG,OAAO,EAAEX,IAAIY,OAAO,EAAEC;IACrC,GAAG;QAACL,UAAUG,OAAO;KAAC;IAEtB,qBACC,KAAC3D;QACAgD,KAAKA;QACLzB,SAAQ;QACRuC,MAAK;QACLC,YAAU3B,IAAIpB,IAAI,CAACgD,kBAAkB;QACrCC,wBACCT,UAAUU,QAAQ,IAClB,CAACV,UAAUnB,WAAW,IACtB,CAACmB,UAAUjB,SAAS,IACpB,CAACiB,UAAUlB,YAAY;QAExB6B,oBAAkBX,UAAUnB,WAAW;QACvC+B,kBAAgBZ,UAAUjB,SAAS;QACnC8B,qBAAmBb,UAAUlB,YAAY;QACzClC,WAAWF,GACV,o3BACAU,kBAAkBwB,GAAG,EACrBhC;QAEA,GAAGO,KAAK;;AAGZ;AAEA,SAASR,QAAQ,EAAEiD,iBAAiB,GAAG"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/calendar.tsx"],"sourcesContent":["\"use client\";\nimport {\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/card.d.ts

@@ -1,5 +1,9 @@
 import type * as React from "react";
-declare function Card({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+type CardVariant = "default" | "round" | "round-white";
+interface CardProps extends React.ComponentProps<"div"> {
+    variant?: CardVariant;
+}
+declare function Card({ className, variant, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
 declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWjE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQtE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ5E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQvE;AAED,OAAO,EACN,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACX,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAuDpC,KAAK,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;AAEvD,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACtD,OAAO,CAAC,EAAE,WAAW,CAAC;CACtB;AAED,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,OAAmB,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,2CAWpE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAmBvE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQtE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ5E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAevE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAcvE;AAED,OAAO,EACN,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACX,CAAC"}

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

@@ -1,37 +1,58 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../../lib/utils.js";
-function Card({ className, ...props }) {
+// Base card styles
+const baseCardStyles = cn(// Layout
+"flex", "flex-col", "gap-6", // Borders
+"border", "border-border-primary", // Background & Colors
+"bg-bg-primary", "text-text-primary", // Shadow
+"shadow-sm");
+// Default card styles
+const defaultCardStyles = cn(baseCardStyles, // Shape
+"rounded-xl", // Spacing
+"py-6");
+// Round card styles
+const roundCardStyles = cn(baseCardStyles, // Shape
+"rounded-3xl", // Spacing
+"px-8", "py-6");
+// Round white card styles (no border, no shadow)
+const roundWhiteCardStyles = cn(// Layout
+"flex", "flex-col", "gap-6", // Background & Colors
+"bg-bg-primary", "text-text-primary", // Shape
+"rounded-3xl", // Spacing
+"px-8", "py-6");
+function Card({ className, variant = "default", ...props }) {
+    const variantStyles = variant === "round" ? roundCardStyles : variant === "round-white" ? roundWhiteCardStyles : defaultCardStyles;
     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),
+        className: cn(variantStyles, className),
         ...props
     });
 }
 function CardHeader({ 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),
+        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 /*#__PURE__*/ _jsx("div", {
         "data-slot": "card-title",
-        className: cn("leading-none font-semibold", className),
+        className: cn("leading-none", "font-semibold", className),
         ...props
     });
 }
 function CardDescription({ className, ...props }) {
     return /*#__PURE__*/ _jsx("div", {
         "data-slot": "card-description",
-        className: cn("text-muted-foreground text-sm", className),
+        className: cn("text-text-secondary", "text-sm", className),
         ...props
     });
 }
 function CardAction({ 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),
+        className: cn("col-start-2", "row-span-2", "row-start-1", "self-start", "justify-self-end", className),
         ...props
     });
 }
@@ -45,7 +66,7 @@ function CardContent({ className, ...props }) {
 function CardFooter({ className, ...props }) {
     return /*#__PURE__*/ _jsx("div", {
         "data-slot": "card-footer",
-        className: cn("flex items-center px-6 [.border-t]:pt-6", className),
+        className: cn("flex", "items-center", "px-6", "[.border-t]:pt-6", className),
         ...props
     });
 }

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/card.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Base card styles\nconst baseCardStyles = cn(\n\t// Layout\n\t\"flex\",\n\t\"flex-col\",\n\t\"gap-6\",\n\t// Borders\n\t\"border\",\n\t\"border-border-primary\",\n\t// Background & Colors\n\t\"bg-bg-primary\",\n\t\"text-text-primary\",\n\t// Shadow\n\t\"shadow-sm\",\n);\n\n// Default card styles\nconst defaultCardStyles = cn(\n\tbaseCardStyles,\n\t// Shape\n\t\"rounded-xl\",\n\t// Spacing\n\t\"py-6\",\n);\n\n// Round card styles\nconst roundCardStyles = cn(\n\tbaseCardStyles,\n\t// Shape\n\t\"rounded-3xl\",\n\t// Spacing\n\t\"px-8\",\n\t\"py-6\",\n);\n\n// Round white card styles (no border, no shadow)\nconst roundWhiteCardStyles = cn(\n\t// Layout\n\t\"flex\",\n\t\"flex-col\",\n\t\"gap-6\",\n\t// Background & Colors\n\t\"bg-bg-primary\",\n\t\"text-text-primary\",\n\t// Shape\n\t\"rounded-3xl\",\n\t// Spacing\n\t\"px-8\",\n\t\"py-6\",\n);\n\ntype CardVariant = \"default\" | \"round\" | \"round-white\";\n\ninterface CardProps extends React.ComponentProps<\"div\"> {\n\tvariant?: CardVariant;\n}\n\nfunction Card({ className, variant = \"default\", ...props }: CardProps) {\n\tconst variantStyles =\n\t\tvariant === \"round\"\n\t\t\t? roundCardStyles\n\t\t\t: variant === \"round-white\"\n\t\t\t\t? roundWhiteCardStyles\n\t\t\t\t: defaultCardStyles;\n\n\treturn (\n\t\t<div data-slot=\"card\" className={cn(variantStyles, className)} {...props} />\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\",\n\t\t\t\t\"grid\",\n\t\t\t\t\"auto-rows-min\",\n\t\t\t\t\"grid-rows-[auto_auto]\",\n\t\t\t\t\"items-start\",\n\t\t\t\t\"gap-1.5\",\n\t\t\t\t\"px-6\",\n\t\t\t\t\"has-data-[slot=card-action]:grid-cols-[1fr_auto]\",\n\t\t\t\t\"[.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-text-secondary\", \"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\",\n\t\t\t\t\"row-span-2\",\n\t\t\t\t\"row-start-1\",\n\t\t\t\t\"self-start\",\n\t\t\t\t\"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(\n\t\t\t\t\"flex\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"px-6\",\n\t\t\t\t\"[.border-t]:pt-6\",\n\t\t\t\tclassName,\n\t\t\t)}\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","baseCardStyles","defaultCardStyles","roundCardStyles","roundWhiteCardStyles","Card","className","variant","props","variantStyles","div","data-slot","CardHeader","CardTitle","CardDescription","CardAction","CardContent","CardFooter"],"mappings":";AAEA,SAASA,EAAE,QAAQ,qBAAoB;AAEvC,mBAAmB;AACnB,MAAMC,iBAAiBD,GACtB,SAAS;AACT,QACA,YACA,SACA,UAAU;AACV,UACA,yBACA,sBAAsB;AACtB,iBACA,qBACA,SAAS;AACT;AAGD,sBAAsB;AACtB,MAAME,oBAAoBF,GACzBC,gBACA,QAAQ;AACR,cACA,UAAU;AACV;AAGD,oBAAoB;AACpB,MAAME,kBAAkBH,GACvBC,gBACA,QAAQ;AACR,eACA,UAAU;AACV,QACA;AAGD,iDAAiD;AACjD,MAAMG,uBAAuBJ,GAC5B,SAAS;AACT,QACA,YACA,SACA,sBAAsB;AACtB,iBACA,qBACA,QAAQ;AACR,eACA,UAAU;AACV,QACA;AASD,SAASK,KAAK,EAAEC,SAAS,EAAEC,UAAU,SAAS,EAAE,GAAGC,OAAkB;IACpE,MAAMC,gBACLF,YAAY,UACTJ,kBACAI,YAAY,gBACXH,uBACAF;IAEL,qBACC,KAACQ;QAAIC,aAAU;QAAOL,WAAWN,GAAGS,eAAeH;QAAa,GAAGE,KAAK;;AAE1E;AAEA,SAASI,WAAW,EAAEN,SAAS,EAAE,GAAGE,OAAoC;IACvE,qBACC,KAACE;QACAC,aAAU;QACVL,WAAWN,GACV,0BACA,QACA,iBACA,yBACA,eACA,WACA,QACA,oDACA,oBACAM;QAEA,GAAGE,KAAK;;AAGZ;AAEA,SAASK,UAAU,EAAEP,SAAS,EAAE,GAAGE,OAAoC;IACtE,qBACC,KAACE;QACAC,aAAU;QACVL,WAAWN,GAAG,gBAAgB,iBAAiBM;QAC9C,GAAGE,KAAK;;AAGZ;AAEA,SAASM,gBAAgB,EAAER,SAAS,EAAE,GAAGE,OAAoC;IAC5E,qBACC,KAACE;QACAC,aAAU;QACVL,WAAWN,GAAG,uBAAuB,WAAWM;QAC/C,GAAGE,KAAK;;AAGZ;AAEA,SAASO,WAAW,EAAET,SAAS,EAAE,GAAGE,OAAoC;IACvE,qBACC,KAACE;QACAC,aAAU;QACVL,WAAWN,GACV,eACA,cACA,eACA,cACA,oBACAM;QAEA,GAAGE,KAAK;;AAGZ;AAEA,SAASQ,YAAY,EAAEV,SAAS,EAAE,GAAGE,OAAoC;IACxE,qBACC,KAACE;QACAC,aAAU;QACVL,WAAWN,GAAG,QAAQM;QACrB,GAAGE,KAAK;;AAGZ;AAEA,SAASS,WAAW,EAAEX,SAAS,EAAE,GAAGE,OAAoC;IACvE,qBACC,KAACE;QACAC,aAAU;QACVL,WAAWN,GACV,QACA,gBACA,QACA,oBACAM;QAEA,GAAGE,KAAK;;AAGZ;AAEA,SACCH,IAAI,EACJO,UAAU,EACVK,UAAU,EACVJ,SAAS,EACTE,UAAU,EACVD,eAAe,EACfE,WAAW,GACV"}

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

@@ -5,11 +5,32 @@ import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader,
 import { Input } from "./input.js";
 import { Label } from "./label.js";
 const meta = {
-    title: "Component/Card"
+    title: "Component/Card",
+    component: Card,
+    parameters: {
+        layout: "centered"
+    },
+    argTypes: {
+        variant: {
+            control: {
+                type: "select"
+            },
+            options: [
+                "default",
+                "round",
+                "round-white"
+            ],
+            description: "Card variant"
+        }
+    }
 };
 export default meta;
 export const Demo = {
-    render: ()=>/*#__PURE__*/ _jsxs(Card, {
+    args: {
+        variant: "default"
+    },
+    render: ({ variant })=>/*#__PURE__*/ _jsxs(Card, {
+            variant: variant || "default",
             className: "w-full max-w-sm",
             children: [
                 /*#__PURE__*/ _jsxs(CardHeader, {

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

@@ -1 +1 @@
-{"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"}
+{"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\tcomponent: Card,\n\tparameters: {\n\t\tlayout: \"centered\",\n\t},\n\targTypes: {\n\t\tvariant: {\n\t\t\tcontrol: { type: \"select\" },\n\t\t\toptions: [\"default\", \"round\", \"round-white\"],\n\t\t\tdescription: \"Card variant\",\n\t\t},\n\t},\n} satisfies Meta<typeof Card>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\targs: {\n\t\tvariant: \"default\",\n\t},\n\trender: ({ variant }) => (\n\t\t<Card variant={variant || \"default\"} 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","component","parameters","layout","argTypes","variant","control","type","options","description","Demo","args","render","className","form","div","htmlFor","id","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;IACPC,WAAWX;IACXY,YAAY;QACXC,QAAQ;IACT;IACAC,UAAU;QACTC,SAAS;YACRC,SAAS;gBAAEC,MAAM;YAAS;YAC1BC,SAAS;gBAAC;gBAAW;gBAAS;aAAc;YAC5CC,aAAa;QACd;IACD;AACD;AACA,eAAeV,KAAK;AAIpB,OAAO,MAAMW,OAAO;IACnBC,MAAM;QACLN,SAAS;IACV;IACAO,QAAQ,CAAC,EAAEP,OAAO,EAAE,iBACnB,MAACf;YAAKe,SAASA,WAAW;YAAWQ,WAAU;;8BAC9C,MAAClB;;sCACA,KAACC;sCAAU;;sCACX,KAACH;sCAAgB;;sCAGjB,KAACF;sCACA,cAAA,KAACF;gCAAOgB,SAAQ;0CAAO;;;;;8BAGzB,KAACb;8BACA,cAAA,KAACsB;kCACA,cAAA,MAACC;4BAAIF,WAAU;;8CACd,MAACE;oCAAIF,WAAU;;sDACd,KAACf;4CAAMkB,SAAQ;sDAAQ;;sDACvB,KAACnB;4CAAMoB,IAAG;4CAAQV,MAAK;4CAAOW,aAAY;4CAAOC,QAAQ;;;;8CAE1D,MAACJ;oCAAIF,WAAU;;sDACd,MAACE;4CAAIF,WAAU;;8DACd,KAACf;oDAAMkB,SAAQ;8DAAW;;8DAC1B,KAACI;oDACAC,MAAK;oDACLR,WAAU;8DACV;;;;sDAIF,KAAChB;4CAAMoB,IAAG;4CAAWV,MAAK;4CAAWY,QAAQ;;;;;;;;8BAKjD,MAACzB;oBAAWmB,WAAU;;sCACrB,KAACxB;4BAAOkB,MAAK;4BAASM,WAAU;sCAAS;;sCAGzC,KAACxB;4BAAOgB,SAAQ;4BAAYQ,WAAU;sCAAS;;;;;;AAMnD,EAAkB"}

package/dist/src/shadcn/components/ui/carousel.d.ts

@@ -1,6 +1,6 @@
 import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react";
 import * as React from "react";
-import { Button } from "#shadcn/components/ui/button";
+import { Button } from "../../components/ui/button";
 type CarouselApi = UseEmblaCarouselType[1];
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
 type CarouselOptions = UseCarouselParameters[0];

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

@@ -1 +1 @@
-{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,EAAE,EACxB,KAAK,oBAAoB,EACzB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAGtD,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAC3C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACjE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAChD,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAE/C,KAAK,aAAa,GAAG;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;CACpC,CAAC;AAuBF,iBAAS,QAAQ,CAAC,EACjB,WAA0B,EAC1B,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,aAAa,2CAiF7C;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAmB5E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAiBzE;AAED,iBAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,OAAqB,EACrB,IAAc,EACd,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,2CAuBrC;AAED,iBAAS,YAAY,CAAC,EACrB,SAAS,EACT,OAAqB,EACrB,IAAc,EACd,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,2CAuBrC;AAED,OAAO,EACN,KAAK,WAAW,EAChB,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,YAAY,GACZ,CAAC"}
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/carousel.tsx"],"names":[],"mappings":"AACA,OAAO,gBAAgB,EAAE,EACxB,KAAK,oBAAoB,EACzB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAGtD,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAC3C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACjE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAChD,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAE/C,KAAK,aAAa,GAAG;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;CACpC,CAAC;AAuBF,iBAAS,QAAQ,CAAC,EACjB,WAA0B,EAC1B,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,aAAa,2CAiF7C;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAmB5E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAiBzE;AAED,iBAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,OAAqB,EACrB,IAAc,EACd,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,2CAuBrC;AAED,iBAAS,YAAY,CAAC,EACrB,SAAS,EACT,OAAqB,EACrB,IAAc,EACd,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,2CAuBrC;AAED,OAAO,EACN,KAAK,WAAW,EAChB,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,YAAY,GACZ,CAAC"}

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

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/carousel.tsx"],"sourcesContent":["import useEmblaCarousel, {\n\ttype UseEmblaCarouselType,\n} from \"embla-carousel-react\";\nimport { ArrowLeft, ArrowRight } from \"lucide-react\";\nimport * as React from \"react\";\nimport { Button } from \"#shadcn/components/ui/button\";\nimport { cn } from \"#shadcn/lib/utils\";\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ntype CarouselProps = {\n\topts?: CarouselOptions;\n\tplugins?: CarouselPlugin;\n\torientation?: \"horizontal\" | \"vertical\";\n\tsetApi?: (api: CarouselApi) => void;\n};\n\ntype CarouselContextProps = {\n\tcarouselRef: ReturnType<typeof useEmblaCarousel>[0];\n\tapi: ReturnType<typeof useEmblaCarousel>[1];\n\tscrollPrev: () => void;\n\tscrollNext: () => void;\n\tcanScrollPrev: boolean;\n\tcanScrollNext: boolean;\n} & CarouselProps;\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null);\n\nfunction useCarousel() {\n\tconst context = React.useContext(CarouselContext);\n\n\tif (!context) {\n\t\tthrow new Error(\"useCarousel must be used within a <Carousel />\");\n\t}\n\n\treturn context;\n}\n\nfunction Carousel({\n\torientation = \"horizontal\",\n\topts,\n\tsetApi,\n\tplugins,\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<\"div\"> & CarouselProps) {\n\tconst [carouselRef, api] = useEmblaCarousel(\n\t\t{\n\t\t\t...opts,\n\t\t\taxis: orientation === \"horizontal\" ? \"x\" : \"y\",\n\t\t},\n\t\tplugins,\n\t);\n\tconst [canScrollPrev, setCanScrollPrev] = React.useState(false);\n\tconst [canScrollNext, setCanScrollNext] = React.useState(false);\n\n\tconst onSelect = React.useCallback((api: CarouselApi) => {\n\t\tif (!api) return;\n\t\tsetCanScrollPrev(api.canScrollPrev());\n\t\tsetCanScrollNext(api.canScrollNext());\n\t}, []);\n\n\tconst scrollPrev = React.useCallback(() => {\n\t\tapi?.scrollPrev();\n\t}, [api]);\n\n\tconst scrollNext = React.useCallback(() => {\n\t\tapi?.scrollNext();\n\t}, [api]);\n\n\tconst handleKeyDown = React.useCallback(\n\t\t(event: React.KeyboardEvent<HTMLDivElement>) => {\n\t\t\tif (event.key === \"ArrowLeft\") {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tscrollPrev();\n\t\t\t} else if (event.key === \"ArrowRight\") {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tscrollNext();\n\t\t\t}\n\t\t},\n\t\t[scrollPrev, scrollNext],\n\t);\n\n\tReact.useEffect(() => {\n\t\tif (!api || !setApi) return;\n\t\tsetApi(api);\n\t}, [api, setApi]);\n\n\tReact.useEffect(() => {\n\t\tif (!api) return;\n\t\tonSelect(api);\n\t\tapi.on(\"reInit\", onSelect);\n\t\tapi.on(\"select\", onSelect);\n\n\t\treturn () => {\n\t\t\tapi?.off(\"select\", onSelect);\n\t\t};\n\t}, [api, onSelect]);\n\n\treturn (\n\t\t<CarouselContext.Provider\n\t\t\tvalue={{\n\t\t\t\tcarouselRef,\n\t\t\t\tapi: api,\n\t\t\t\topts,\n\t\t\t\torientation:\n\t\t\t\t\torientation || (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\"),\n\t\t\t\tscrollPrev,\n\t\t\t\tscrollNext,\n\t\t\t\tcanScrollPrev,\n\t\t\t\tcanScrollNext,\n\t\t\t}}\n\t\t>\n\t\t\t{/* biome-ignore lint: FIXME: unchanged shadcn */}\n\t\t\t<div\n\t\t\t\tonKeyDownCapture={handleKeyDown}\n\t\t\t\tclassName={cn(\"relative\", className)}\n\t\t\t\trole=\"region\"\n\t\t\t\taria-roledescription=\"carousel\"\n\t\t\t\tdata-slot=\"carousel\"\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</CarouselContext.Provider>\n\t);\n}\n\nfunction CarouselContent({ className, ...props }: React.ComponentProps<\"div\">) {\n\tconst { carouselRef, orientation } = useCarousel();\n\n\treturn (\n\t\t<div\n\t\t\tref={carouselRef}\n\t\t\tclassName=\"overflow-hidden\"\n\t\t\tdata-slot=\"carousel-content\"\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"flex\",\n\t\t\t\t\torientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\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 CarouselItem({ className, ...props }: React.ComponentProps<\"div\">) {\n\tconst { orientation } = useCarousel();\n\n\treturn (\n\t\t// biome-ignore lint/a11y/useSemanticElements: FIXME: unchanged shadcn\n\t\t<div\n\t\t\trole=\"group\"\n\t\t\taria-roledescription=\"slide\"\n\t\t\tdata-slot=\"carousel-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"min-w-0 shrink-0 grow-0 basis-full\",\n\t\t\t\torientation === \"horizontal\" ? \"pl-4\" : \"pt-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CarouselPrevious({\n\tclassName,\n\tvariant = \"secondary\",\n\tsize = \"small\",\n\t...props\n}: React.ComponentProps<typeof Button>) {\n\tconst { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\n\treturn (\n\t\t<Button\n\t\t\tdata-slot=\"carousel-previous\"\n\t\t\tvariant={variant}\n\t\t\tsize={size}\n\t\t\tclassName={cn(\n\t\t\t\t\"absolute size-8 rounded-full\",\n\t\t\t\torientation === \"horizontal\"\n\t\t\t\t\t? \"top-1/2 -left-12 -translate-y-1/2\"\n\t\t\t\t\t: \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdisabled={!canScrollPrev}\n\t\t\tonClick={scrollPrev}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ArrowLeft />\n\t\t\t<span className=\"sr-only\">Previous slide</span>\n\t\t</Button>\n\t);\n}\n\nfunction CarouselNext({\n\tclassName,\n\tvariant = \"secondary\",\n\tsize = \"small\",\n\t...props\n}: React.ComponentProps<typeof Button>) {\n\tconst { orientation, scrollNext, canScrollNext } = useCarousel();\n\n\treturn (\n\t\t<Button\n\t\t\tdata-slot=\"carousel-next\"\n\t\t\tvariant={variant}\n\t\t\tsize={size}\n\t\t\tclassName={cn(\n\t\t\t\t\"absolute size-8 rounded-full\",\n\t\t\t\torientation === \"horizontal\"\n\t\t\t\t\t? \"top-1/2 -right-12 -translate-y-1/2\"\n\t\t\t\t\t: \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdisabled={!canScrollNext}\n\t\t\tonClick={scrollNext}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ArrowRight />\n\t\t\t<span className=\"sr-only\">Next slide</span>\n\t\t</Button>\n\t);\n}\n\nexport {\n\ttype CarouselApi,\n\tCarousel,\n\tCarouselContent,\n\tCarouselItem,\n\tCarouselPrevious,\n\tCarouselNext,\n};\n"],"names":["useEmblaCarousel","ArrowLeft","ArrowRight","React","Button","cn","CarouselContext","createContext","useCarousel","context","useContext","Error","Carousel","orientation","opts","setApi","plugins","className","children","props","carouselRef","api","axis","canScrollPrev","setCanScrollPrev","useState","canScrollNext","setCanScrollNext","onSelect","useCallback","scrollPrev","scrollNext","handleKeyDown","event","key","preventDefault","useEffect","on","off","Provider","value","div","onKeyDownCapture","role","aria-roledescription","data-slot","CarouselContent","ref","CarouselItem","CarouselPrevious","variant","size","disabled","onClick","span","CarouselNext"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/carousel.tsx"],"sourcesContent":["\"use client\";\nimport useEmblaCarousel, {\n\ttype UseEmblaCarouselType,\n} from \"embla-carousel-react\";\nimport { ArrowLeft, ArrowRight } from \"lucide-react\";\nimport * as React from \"react\";\nimport { Button } from \"#shadcn/components/ui/button\";\nimport { cn } from \"#shadcn/lib/utils\";\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ntype CarouselProps = {\n\topts?: CarouselOptions;\n\tplugins?: CarouselPlugin;\n\torientation?: \"horizontal\" | \"vertical\";\n\tsetApi?: (api: CarouselApi) => void;\n};\n\ntype CarouselContextProps = {\n\tcarouselRef: ReturnType<typeof useEmblaCarousel>[0];\n\tapi: ReturnType<typeof useEmblaCarousel>[1];\n\tscrollPrev: () => void;\n\tscrollNext: () => void;\n\tcanScrollPrev: boolean;\n\tcanScrollNext: boolean;\n} & CarouselProps;\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null);\n\nfunction useCarousel() {\n\tconst context = React.useContext(CarouselContext);\n\n\tif (!context) {\n\t\tthrow new Error(\"useCarousel must be used within a <Carousel />\");\n\t}\n\n\treturn context;\n}\n\nfunction Carousel({\n\torientation = \"horizontal\",\n\topts,\n\tsetApi,\n\tplugins,\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<\"div\"> & CarouselProps) {\n\tconst [carouselRef, api] = useEmblaCarousel(\n\t\t{\n\t\t\t...opts,\n\t\t\taxis: orientation === \"horizontal\" ? \"x\" : \"y\",\n\t\t},\n\t\tplugins,\n\t);\n\tconst [canScrollPrev, setCanScrollPrev] = React.useState(false);\n\tconst [canScrollNext, setCanScrollNext] = React.useState(false);\n\n\tconst onSelect = React.useCallback((api: CarouselApi) => {\n\t\tif (!api) return;\n\t\tsetCanScrollPrev(api.canScrollPrev());\n\t\tsetCanScrollNext(api.canScrollNext());\n\t}, []);\n\n\tconst scrollPrev = React.useCallback(() => {\n\t\tapi?.scrollPrev();\n\t}, [api]);\n\n\tconst scrollNext = React.useCallback(() => {\n\t\tapi?.scrollNext();\n\t}, [api]);\n\n\tconst handleKeyDown = React.useCallback(\n\t\t(event: React.KeyboardEvent<HTMLDivElement>) => {\n\t\t\tif (event.key === \"ArrowLeft\") {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tscrollPrev();\n\t\t\t} else if (event.key === \"ArrowRight\") {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tscrollNext();\n\t\t\t}\n\t\t},\n\t\t[scrollPrev, scrollNext],\n\t);\n\n\tReact.useEffect(() => {\n\t\tif (!api || !setApi) return;\n\t\tsetApi(api);\n\t}, [api, setApi]);\n\n\tReact.useEffect(() => {\n\t\tif (!api) return;\n\t\tonSelect(api);\n\t\tapi.on(\"reInit\", onSelect);\n\t\tapi.on(\"select\", onSelect);\n\n\t\treturn () => {\n\t\t\tapi?.off(\"select\", onSelect);\n\t\t};\n\t}, [api, onSelect]);\n\n\treturn (\n\t\t<CarouselContext.Provider\n\t\t\tvalue={{\n\t\t\t\tcarouselRef,\n\t\t\t\tapi: api,\n\t\t\t\topts,\n\t\t\t\torientation:\n\t\t\t\t\torientation || (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\"),\n\t\t\t\tscrollPrev,\n\t\t\t\tscrollNext,\n\t\t\t\tcanScrollPrev,\n\t\t\t\tcanScrollNext,\n\t\t\t}}\n\t\t>\n\t\t\t{/* biome-ignore lint: FIXME: unchanged shadcn */}\n\t\t\t<div\n\t\t\t\tonKeyDownCapture={handleKeyDown}\n\t\t\t\tclassName={cn(\"relative\", className)}\n\t\t\t\trole=\"region\"\n\t\t\t\taria-roledescription=\"carousel\"\n\t\t\t\tdata-slot=\"carousel\"\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</CarouselContext.Provider>\n\t);\n}\n\nfunction CarouselContent({ className, ...props }: React.ComponentProps<\"div\">) {\n\tconst { carouselRef, orientation } = useCarousel();\n\n\treturn (\n\t\t<div\n\t\t\tref={carouselRef}\n\t\t\tclassName=\"overflow-hidden\"\n\t\t\tdata-slot=\"carousel-content\"\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"flex\",\n\t\t\t\t\torientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\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 CarouselItem({ className, ...props }: React.ComponentProps<\"div\">) {\n\tconst { orientation } = useCarousel();\n\n\treturn (\n\t\t// biome-ignore lint/a11y/useSemanticElements: FIXME: unchanged shadcn\n\t\t<div\n\t\t\trole=\"group\"\n\t\t\taria-roledescription=\"slide\"\n\t\t\tdata-slot=\"carousel-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"min-w-0 shrink-0 grow-0 basis-full\",\n\t\t\t\torientation === \"horizontal\" ? \"pl-4\" : \"pt-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction CarouselPrevious({\n\tclassName,\n\tvariant = \"secondary\",\n\tsize = \"small\",\n\t...props\n}: React.ComponentProps<typeof Button>) {\n\tconst { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\n\treturn (\n\t\t<Button\n\t\t\tdata-slot=\"carousel-previous\"\n\t\t\tvariant={variant}\n\t\t\tsize={size}\n\t\t\tclassName={cn(\n\t\t\t\t\"absolute size-8 rounded-full\",\n\t\t\t\torientation === \"horizontal\"\n\t\t\t\t\t? \"top-1/2 -left-12 -translate-y-1/2\"\n\t\t\t\t\t: \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdisabled={!canScrollPrev}\n\t\t\tonClick={scrollPrev}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ArrowLeft />\n\t\t\t<span className=\"sr-only\">Previous slide</span>\n\t\t</Button>\n\t);\n}\n\nfunction CarouselNext({\n\tclassName,\n\tvariant = \"secondary\",\n\tsize = \"small\",\n\t...props\n}: React.ComponentProps<typeof Button>) {\n\tconst { orientation, scrollNext, canScrollNext } = useCarousel();\n\n\treturn (\n\t\t<Button\n\t\t\tdata-slot=\"carousel-next\"\n\t\t\tvariant={variant}\n\t\t\tsize={size}\n\t\t\tclassName={cn(\n\t\t\t\t\"absolute size-8 rounded-full\",\n\t\t\t\torientation === \"horizontal\"\n\t\t\t\t\t? \"top-1/2 -right-12 -translate-y-1/2\"\n\t\t\t\t\t: \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\tdisabled={!canScrollNext}\n\t\t\tonClick={scrollNext}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ArrowRight />\n\t\t\t<span className=\"sr-only\">Next slide</span>\n\t\t</Button>\n\t);\n}\n\nexport {\n\ttype CarouselApi,\n\tCarousel,\n\tCarouselContent,\n\tCarouselItem,\n\tCarouselPrevious,\n\tCarouselNext,\n};\n"],"names":["useEmblaCarousel","ArrowLeft","ArrowRight","React","Button","cn","CarouselContext","createContext","useCarousel","context","useContext","Error","Carousel","orientation","opts","setApi","plugins","className","children","props","carouselRef","api","axis","canScrollPrev","setCanScrollPrev","useState","canScrollNext","setCanScrollNext","onSelect","useCallback","scrollPrev","scrollNext","handleKeyDown","event","key","preventDefault","useEffect","on","off","Provider","value","div","onKeyDownCapture","role","aria-roledescription","data-slot","CarouselContent","ref","CarouselItem","CarouselPrevious","variant","size","disabled","onClick","span","CarouselNext"],"mappings":"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"}