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

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

@@ -1,11 +1,63 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { BadgeCheckIcon } from "lucide-react";
-import { Badge } from "#shadcn/components/ui/badge";
+import { Badge } from "./badge.js";
 const meta = {
-    title: "Component/Badge",
+    title: "Component/Badge"
 };
 export default meta;
 export const Demo = {
-    render: () => (_jsxs("div", { className: "flex flex-col items-center gap-2", children: [_jsxs("div", { className: "flex w-full flex-wrap gap-2", children: [_jsx(Badge, { children: "Badge" }), _jsx(Badge, { variant: "secondary", children: "Secondary" }), _jsx(Badge, { variant: "destructive", children: "Destructive" }), _jsx(Badge, { variant: "outline", children: "Outline" })] }), _jsxs("div", { className: "flex w-full flex-wrap gap-2", children: [_jsxs(Badge, { variant: "secondary", className: "bg-blue-500 text-white dark:bg-blue-600", children: [_jsx(BadgeCheckIcon, {}), "Verified"] }), _jsx(Badge, { className: "h-5 min-w-5 rounded-full px-1 font-mono tabular-nums", children: "8" }), _jsx(Badge, { className: "h-5 min-w-5 rounded-full px-1 font-mono tabular-nums", variant: "destructive", children: "99" }), _jsx(Badge, { className: "h-5 min-w-5 rounded-full px-1 font-mono tabular-nums", variant: "outline", children: "20+" })] })] })),
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "flex flex-col items-center gap-2",
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex w-full flex-wrap gap-2",
+                    children: [
+                        /*#__PURE__*/ _jsx(Badge, {
+                            children: "Badge"
+                        }),
+                        /*#__PURE__*/ _jsx(Badge, {
+                            variant: "secondary",
+                            children: "Secondary"
+                        }),
+                        /*#__PURE__*/ _jsx(Badge, {
+                            variant: "destructive",
+                            children: "Destructive"
+                        }),
+                        /*#__PURE__*/ _jsx(Badge, {
+                            variant: "outline",
+                            children: "Outline"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex w-full flex-wrap gap-2",
+                    children: [
+                        /*#__PURE__*/ _jsxs(Badge, {
+                            variant: "secondary",
+                            className: "bg-blue-500 text-white dark:bg-blue-600",
+                            children: [
+                                /*#__PURE__*/ _jsx(BadgeCheckIcon, {}),
+                                "Verified"
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(Badge, {
+                            className: "h-5 min-w-5 rounded-full px-1 font-mono tabular-nums",
+                            children: "8"
+                        }),
+                        /*#__PURE__*/ _jsx(Badge, {
+                            className: "h-5 min-w-5 rounded-full px-1 font-mono tabular-nums",
+                            variant: "destructive",
+                            children: "99"
+                        }),
+                        /*#__PURE__*/ _jsx(Badge, {
+                            className: "h-5 min-w-5 rounded-full px-1 font-mono tabular-nums",
+                            variant: "outline",
+                            children: "20+"
+                        })
+                    ]
+                })
+            ]
+        })
 };
+
 //# sourceMappingURL=badge.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/badge.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAEpD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;CACT,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,eAAK,SAAS,EAAC,kCAAkC,aAChD,eAAK,SAAS,EAAC,6BAA6B,aAC3C,KAAC,KAAK,wBAAc,EACpB,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,0BAAkB,EAC5C,KAAC,KAAK,IAAC,OAAO,EAAC,aAAa,4BAAoB,EAChD,KAAC,KAAK,IAAC,OAAO,EAAC,SAAS,wBAAgB,IACnC,EACN,eAAK,SAAS,EAAC,6BAA6B,aAC3C,MAAC,KAAK,IACL,OAAO,EAAC,WAAW,EACnB,SAAS,EAAC,yCAAyC,aAEnD,KAAC,cAAc,KAAG,gBAEX,EACR,KAAC,KAAK,IAAC,SAAS,EAAC,sDAAsD,kBAE/D,EACR,KAAC,KAAK,IACL,SAAS,EAAC,sDAAsD,EAChE,OAAO,EAAC,aAAa,mBAGd,EACR,KAAC,KAAK,IACL,SAAS,EAAC,sDAAsD,EAChE,OAAO,EAAC,SAAS,oBAGV,IACH,IACD,CACN;CACe,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/badge.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { BadgeCheckIcon } from \"lucide-react\";\nimport { Badge } from \"#shadcn/components/ui/badge\";\n\nconst meta = {\n\ttitle: \"Component/Badge\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<div className=\"flex flex-col items-center gap-2\">\n\t\t\t<div className=\"flex w-full flex-wrap gap-2\">\n\t\t\t\t<Badge>Badge</Badge>\n\t\t\t\t<Badge variant=\"secondary\">Secondary</Badge>\n\t\t\t\t<Badge variant=\"destructive\">Destructive</Badge>\n\t\t\t\t<Badge variant=\"outline\">Outline</Badge>\n\t\t\t</div>\n\t\t\t<div className=\"flex w-full flex-wrap gap-2\">\n\t\t\t\t<Badge\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\tclassName=\"bg-blue-500 text-white dark:bg-blue-600\"\n\t\t\t\t>\n\t\t\t\t\t<BadgeCheckIcon />\n\t\t\t\t\tVerified\n\t\t\t\t</Badge>\n\t\t\t\t<Badge className=\"h-5 min-w-5 rounded-full px-1 font-mono tabular-nums\">\n\t\t\t\t\t8\n\t\t\t\t</Badge>\n\t\t\t\t<Badge\n\t\t\t\t\tclassName=\"h-5 min-w-5 rounded-full px-1 font-mono tabular-nums\"\n\t\t\t\t\tvariant=\"destructive\"\n\t\t\t\t>\n\t\t\t\t\t99\n\t\t\t\t</Badge>\n\t\t\t\t<Badge\n\t\t\t\t\tclassName=\"h-5 min-w-5 rounded-full px-1 font-mono tabular-nums\"\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t>\n\t\t\t\t\t20+\n\t\t\t\t</Badge>\n\t\t\t</div>\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["BadgeCheckIcon","Badge","meta","title","Demo","render","div","className","variant"],"mappings":";AACA,SAASA,cAAc,QAAQ,eAAe;AAC9C,SAASC,KAAK,QAAQ,aAA8B;AAEpD,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACC;YAAIC,WAAU;;8BACd,MAACD;oBAAIC,WAAU;;sCACd,KAACN;sCAAM;;sCACP,KAACA;4BAAMO,SAAQ;sCAAY;;sCAC3B,KAACP;4BAAMO,SAAQ;sCAAc;;sCAC7B,KAACP;4BAAMO,SAAQ;sCAAU;;;;8BAE1B,MAACF;oBAAIC,WAAU;;sCACd,MAACN;4BACAO,SAAQ;4BACRD,WAAU;;8CAEV,KAACP;gCAAiB;;;sCAGnB,KAACC;4BAAMM,WAAU;sCAAuD;;sCAGxE,KAACN;4BACAM,WAAU;4BACVC,SAAQ;sCACR;;sCAGD,KAACP;4BACAM,WAAU;4BACVC,SAAQ;sCACR;;;;;;AAML,EAAkB"}

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

@@ -1,31 +1,76 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { MoreHorizontal } from "lucide-react";
-import { cn } from "#shadcn/lib/utils";
+import { cn } from "../../lib/utils.js";
 function Breadcrumb({ ...props }) {
-    return _jsx("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
+    return /*#__PURE__*/ _jsx("nav", {
+        "aria-label": "breadcrumb",
+        "data-slot": "breadcrumb",
+        ...props
+    });
 }
 function BreadcrumbList({ className, ...props }) {
-    return (_jsx("ol", { "data-slot": "breadcrumb-list", className: cn("text-text-tertiary typo-body flex flex-wrap items-center break-words gap-2", className), ...props }));
+    return /*#__PURE__*/ _jsx("ol", {
+        "data-slot": "breadcrumb-list",
+        className: cn("text-text-tertiary typo-body flex flex-wrap items-center break-words gap-2", className),
+        ...props
+    });
 }
 function BreadcrumbItem({ className, ...props }) {
-    return (_jsx("li", { "data-slot": "breadcrumb-item", className: cn("inline-flex items-center", className), ...props }));
+    return /*#__PURE__*/ _jsx("li", {
+        "data-slot": "breadcrumb-item",
+        className: cn("inline-flex items-center", className),
+        ...props
+    });
 }
 function BreadcrumbLink({ asChild, className, ...props }) {
     const Comp = asChild ? Slot : "a";
-    return (_jsx(Comp, { "data-slot": "breadcrumb-link", className: cn("typo-body bg-bg-tertiary text-text-tertiary rounded-md px-2 py-1 transition-colors", "hover:text-text-secondary", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", className), ...props }));
+    return /*#__PURE__*/ _jsx(Comp, {
+        "data-slot": "breadcrumb-link",
+        className: cn("typo-body bg-bg-tertiary text-text-tertiary rounded-md px-2 py-1 transition-colors", "hover:text-text-secondary", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", className),
+        ...props
+    });
 }
 function BreadcrumbPage({ className, ...props }) {
-    return (
-    // biome-ignore lint/a11y/useFocusableInteractive: FIXME: unchanged shadcn
+    return(// biome-ignore lint/a11y/useFocusableInteractive: FIXME: unchanged shadcn
     // biome-ignore lint/a11y/useSemanticElements: FIXME: unchanged shadcn
-    _jsx("span", { "data-slot": "breadcrumb-page", role: "link", "aria-disabled": "true", "aria-current": "page", className: cn("typo-page-header text-text-primary px-0 py-0.5", className), ...props }));
+    /*#__PURE__*/ _jsx("span", {
+        "data-slot": "breadcrumb-page",
+        role: "link",
+        "aria-disabled": "true",
+        "aria-current": "page",
+        className: cn("typo-page-header text-text-primary px-0 py-0.5", className),
+        ...props
+    }));
 }
 function BreadcrumbSeparator({ children, className, ...props }) {
-    return (_jsx("li", { "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:size-3.5 text-text-quternary text-xs", className), ...props, children: children ?? "/" }));
+    return /*#__PURE__*/ _jsx("li", {
+        "data-slot": "breadcrumb-separator",
+        role: "presentation",
+        "aria-hidden": "true",
+        className: cn("[&>svg]:size-3.5 text-text-quternary text-xs", className),
+        ...props,
+        children: children ?? "/"
+    });
 }
 function BreadcrumbEllipsis({ className, ...props }) {
-    return (_jsxs("span", { "data-slot": "breadcrumb-ellipsis", role: "presentation", "aria-hidden": "true", className: cn("flex size-9 items-center justify-center", className), ...props, children: [_jsx(MoreHorizontal, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "More" })] }));
+    return /*#__PURE__*/ _jsxs("span", {
+        "data-slot": "breadcrumb-ellipsis",
+        role: "presentation",
+        "aria-hidden": "true",
+        className: cn("flex size-9 items-center justify-center", className),
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx(MoreHorizontal, {
+                className: "size-4"
+            }),
+            /*#__PURE__*/ _jsx("span", {
+                className: "sr-only",
+                children: "More"
+            })
+        ]
+    });
 }
-export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis };
+
 //# sourceMappingURL=breadcrumb.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/breadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAA+B;IAC5D,OAAO,4BAAgB,YAAY,eAAW,YAAY,KAAK,KAAK,GAAI,CAAC;AAC1E,CAAC;AAED,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B;IAC1E,OAAO,CACN,0BACW,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACZ,4EAA4E,EAC5E,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B;IAC1E,OAAO,CACN,0BACW,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAChD,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EACvB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EAGR;IACA,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAElC,OAAO,CACN,KAAC,IAAI,iBACM,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACZ,oFAAoF,EACpF,2BAA2B,EAC3B,yEAAyE,EACzE,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IAC5E,OAAO;IACN,0EAA0E;IAC1E,sEAAsE;IACtE,4BACW,iBAAiB,EAC3B,IAAI,EAAC,MAAM,mBACG,MAAM,kBACP,MAAM,EACnB,SAAS,EAAE,EAAE,CACZ,gDAAgD,EAChD,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,mBAAmB,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACN,0BACW,sBAAsB,EAChC,IAAI,EAAC,cAAc,iBACP,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC,KACpE,KAAK,YAER,QAAQ,IAAI,GAAG,GACZ,CACL,CAAC;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACsB;IAC9B,OAAO,CACN,6BACW,qBAAqB,EAC/B,IAAI,EAAC,cAAc,iBACP,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,KAC/D,KAAK,aAET,KAAC,cAAc,IAAC,SAAS,EAAC,QAAQ,GAAG,EACrC,eAAM,SAAS,EAAC,SAAS,qBAAY,IAC/B,CACP,CAAC;AACH,CAAC;AAED,OAAO,EACN,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GAClB,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/breadcrumb.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { MoreHorizontal } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n\treturn <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n\treturn (\n\t\t<ol\n\t\t\tdata-slot=\"breadcrumb-list\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-text-tertiary typo-body flex flex-wrap items-center break-words gap-2\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n\treturn (\n\t\t<li\n\t\t\tdata-slot=\"breadcrumb-item\"\n\t\t\tclassName={cn(\"inline-flex items-center\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbLink({\n\tasChild,\n\tclassName,\n\t...props\n}: React.ComponentProps<\"a\"> & {\n\tasChild?: boolean;\n}) {\n\tconst Comp = asChild ? Slot : \"a\";\n\n\treturn (\n\t\t<Comp\n\t\t\tdata-slot=\"breadcrumb-link\"\n\t\t\tclassName={cn(\n\t\t\t\t\"typo-body bg-bg-tertiary text-text-tertiary rounded-md px-2 py-1 transition-colors\",\n\t\t\t\t\"hover:text-text-secondary\",\n\t\t\t\t\"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t// biome-ignore lint/a11y/useFocusableInteractive: FIXME: unchanged shadcn\n\t\t// biome-ignore lint/a11y/useSemanticElements: FIXME: unchanged shadcn\n\t\t<span\n\t\t\tdata-slot=\"breadcrumb-page\"\n\t\t\trole=\"link\"\n\t\t\taria-disabled=\"true\"\n\t\t\taria-current=\"page\"\n\t\t\tclassName={cn(\n\t\t\t\t\"typo-page-header text-text-primary px-0 py-0.5\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction BreadcrumbSeparator({\n\tchildren,\n\tclassName,\n\t...props\n}: React.ComponentProps<\"li\">) {\n\treturn (\n\t\t<li\n\t\t\tdata-slot=\"breadcrumb-separator\"\n\t\t\trole=\"presentation\"\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={cn(\"[&>svg]:size-3.5 text-text-quternary text-xs\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children ?? \"/\"}\n\t\t</li>\n\t);\n}\n\nfunction BreadcrumbEllipsis({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"breadcrumb-ellipsis\"\n\t\t\trole=\"presentation\"\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName={cn(\"flex size-9 items-center justify-center\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<MoreHorizontal className=\"size-4\" />\n\t\t\t<span className=\"sr-only\">More</span>\n\t\t</span>\n\t);\n}\n\nexport {\n\tBreadcrumb,\n\tBreadcrumbList,\n\tBreadcrumbItem,\n\tBreadcrumbLink,\n\tBreadcrumbPage,\n\tBreadcrumbSeparator,\n\tBreadcrumbEllipsis,\n};\n"],"names":["Slot","MoreHorizontal","cn","Breadcrumb","props","nav","aria-label","data-slot","BreadcrumbList","className","ol","BreadcrumbItem","li","BreadcrumbLink","asChild","Comp","BreadcrumbPage","span","role","aria-disabled","aria-current","BreadcrumbSeparator","children","aria-hidden","BreadcrumbEllipsis"],"mappings":";AAAA,SAASA,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,cAAc,QAAQ,eAAe;AAG9C,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,WAAW,EAAE,GAAGC,OAAoC;IAC5D,qBAAO,KAACC;QAAIC,cAAW;QAAaC,aAAU;QAAc,GAAGH,KAAK;;AACrE;AAEA,SAASI,eAAe,EAAEC,SAAS,EAAE,GAAGL,OAAmC;IAC1E,qBACC,KAACM;QACAH,aAAU;QACVE,WAAWP,GACV,8EACAO;QAEA,GAAGL,KAAK;;AAGZ;AAEA,SAASO,eAAe,EAAEF,SAAS,EAAE,GAAGL,OAAmC;IAC1E,qBACC,KAACQ;QACAL,aAAU;QACVE,WAAWP,GAAG,4BAA4BO;QACzC,GAAGL,KAAK;;AAGZ;AAEA,SAASS,eAAe,EACvBC,OAAO,EACPL,SAAS,EACT,GAAGL,OAGH;IACA,MAAMW,OAAOD,UAAUd,OAAO;IAE9B,qBACC,KAACe;QACAR,aAAU;QACVE,WAAWP,GACV,sFACA,6BACA,2EACAO;QAEA,GAAGL,KAAK;;AAGZ;AAEA,SAASY,eAAe,EAAEP,SAAS,EAAE,GAAGL,OAAqC;IAC5E,OACC,0EAA0E;IAC1E,sEAAsE;kBACtE,KAACa;QACAV,aAAU;QACVW,MAAK;QACLC,iBAAc;QACdC,gBAAa;QACbX,WAAWP,GACV,kDACAO;QAEA,GAAGL,KAAK;;AAGZ;AAEA,SAASiB,oBAAoB,EAC5BC,QAAQ,EACRb,SAAS,EACT,GAAGL,OACyB;IAC5B,qBACC,KAACQ;QACAL,aAAU;QACVW,MAAK;QACLK,eAAY;QACZd,WAAWP,GAAG,gDAAgDO;QAC7D,GAAGL,KAAK;kBAERkB,YAAY;;AAGhB;AAEA,SAASE,mBAAmB,EAC3Bf,SAAS,EACT,GAAGL,OAC2B;IAC9B,qBACC,MAACa;QACAV,aAAU;QACVW,MAAK;QACLK,eAAY;QACZd,WAAWP,GAAG,2CAA2CO;QACxD,GAAGL,KAAK;;0BAET,KAACH;gBAAeQ,WAAU;;0BAC1B,KAACQ;gBAAKR,WAAU;0BAAU;;;;AAG7B;AAEA,SACCN,UAAU,EACVK,cAAc,EACdG,cAAc,EACdE,cAAc,EACdG,cAAc,EACdK,mBAAmB,EACnBG,kBAAkB,GACjB"}

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

@@ -1,11 +1,76 @@
+// biome-ignore-all lint/a11y/useValidAnchor: Useless in stories
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "#shadcn/components/ui/breadcrumb";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "#shadcn/components/ui/dropdown-menu";
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./breadcrumb.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "./dropdown-menu.js";
 const meta = {
-    title: "Component/Breadcrumb",
+    title: "Component/Breadcrumb"
 };
 export default meta;
 export const Demo = {
-    render: () => (_jsx(Breadcrumb, { children: _jsxs(BreadcrumbList, { children: [_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { asChild: true, children: _jsx("a", { href: "/", children: "Home" }) }) }), _jsx(BreadcrumbSeparator, {}), _jsx(BreadcrumbItem, { children: _jsxs(DropdownMenu, { children: [_jsxs(DropdownMenuTrigger, { className: "flex items-center gap-1", children: [_jsx(BreadcrumbEllipsis, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Toggle menu" })] }), _jsxs(DropdownMenuContent, { align: "start", children: [_jsx(DropdownMenuItem, { children: "Documentation" }), _jsx(DropdownMenuItem, { children: "Themes" }), _jsx(DropdownMenuItem, { children: "GitHub" })] })] }) }), _jsx(BreadcrumbSeparator, {}), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { asChild: true, children: _jsx("a", { href: "/docs/components", children: "Components" }) }) }), _jsx(BreadcrumbSeparator, {}), _jsx(BreadcrumbItem, { children: _jsx(BreadcrumbPage, { children: "Breadcrumb" }) })] }) })),
+    render: ()=>/*#__PURE__*/ _jsx(Breadcrumb, {
+            children: /*#__PURE__*/ _jsxs(BreadcrumbList, {
+                children: [
+                    /*#__PURE__*/ _jsx(BreadcrumbItem, {
+                        children: /*#__PURE__*/ _jsx(BreadcrumbLink, {
+                            asChild: true,
+                            children: /*#__PURE__*/ _jsx("a", {
+                                href: "/",
+                                children: "Home"
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(BreadcrumbSeparator, {}),
+                    /*#__PURE__*/ _jsx(BreadcrumbItem, {
+                        children: /*#__PURE__*/ _jsxs(DropdownMenu, {
+                            children: [
+                                /*#__PURE__*/ _jsxs(DropdownMenuTrigger, {
+                                    className: "flex items-center gap-1",
+                                    children: [
+                                        /*#__PURE__*/ _jsx(BreadcrumbEllipsis, {
+                                            className: "size-4"
+                                        }),
+                                        /*#__PURE__*/ _jsx("span", {
+                                            className: "sr-only",
+                                            children: "Toggle menu"
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ _jsxs(DropdownMenuContent, {
+                                    align: "start",
+                                    children: [
+                                        /*#__PURE__*/ _jsx(DropdownMenuItem, {
+                                            children: "Documentation"
+                                        }),
+                                        /*#__PURE__*/ _jsx(DropdownMenuItem, {
+                                            children: "Themes"
+                                        }),
+                                        /*#__PURE__*/ _jsx(DropdownMenuItem, {
+                                            children: "GitHub"
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(BreadcrumbSeparator, {}),
+                    /*#__PURE__*/ _jsx(BreadcrumbItem, {
+                        children: /*#__PURE__*/ _jsx(BreadcrumbLink, {
+                            asChild: true,
+                            children: /*#__PURE__*/ _jsx("a", {
+                                href: "/docs/components",
+                                children: "Components"
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(BreadcrumbSeparator, {}),
+                    /*#__PURE__*/ _jsx(BreadcrumbItem, {
+                        children: /*#__PURE__*/ _jsx(BreadcrumbPage, {
+                            children: "Breadcrumb"
+                        })
+                    })
+                ]
+            })
+        })
 };
+
 //# sourceMappingURL=breadcrumb.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/breadcrumb.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EACN,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,GACnB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACN,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,GACnB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,sBAAsB;CACd,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,KAAC,UAAU,cACV,MAAC,cAAc,eACd,KAAC,cAAc,cACd,KAAC,cAAc,IAAC,OAAO,kBACtB,YAAG,IAAI,EAAC,GAAG,qBAAS,GACJ,GACD,EACjB,KAAC,mBAAmB,KAAG,EACvB,KAAC,cAAc,cACd,MAAC,YAAY,eACZ,MAAC,mBAAmB,IAAC,SAAS,EAAC,yBAAyB,aACvD,KAAC,kBAAkB,IAAC,SAAS,EAAC,QAAQ,GAAG,EACzC,eAAM,SAAS,EAAC,SAAS,4BAAmB,IACvB,EACtB,MAAC,mBAAmB,IAAC,KAAK,EAAC,OAAO,aACjC,KAAC,gBAAgB,gCAAiC,EAClD,KAAC,gBAAgB,yBAA0B,EAC3C,KAAC,gBAAgB,yBAA0B,IACtB,IACR,GACC,EACjB,KAAC,mBAAmB,KAAG,EACvB,KAAC,cAAc,cACd,KAAC,cAAc,IAAC,OAAO,kBACtB,YAAG,IAAI,EAAC,kBAAkB,2BAAe,GACzB,GACD,EACjB,KAAC,mBAAmB,KAAG,EACvB,KAAC,cAAc,cACd,KAAC,cAAc,6BAA4B,GAC3B,IACD,GACL,CACb;CACe,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/breadcrumb.stories.tsx"],"sourcesContent":["// biome-ignore-all lint/a11y/useValidAnchor: Useless in stories\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport {\n\tBreadcrumb,\n\tBreadcrumbEllipsis,\n\tBreadcrumbItem,\n\tBreadcrumbLink,\n\tBreadcrumbList,\n\tBreadcrumbPage,\n\tBreadcrumbSeparator,\n} from \"#shadcn/components/ui/breadcrumb\";\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuTrigger,\n} from \"#shadcn/components/ui/dropdown-menu\";\n\nconst meta = {\n\ttitle: \"Component/Breadcrumb\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<Breadcrumb>\n\t\t\t<BreadcrumbList>\n\t\t\t\t<BreadcrumbItem>\n\t\t\t\t\t<BreadcrumbLink asChild>\n\t\t\t\t\t\t<a href=\"/\">Home</a>\n\t\t\t\t\t</BreadcrumbLink>\n\t\t\t\t</BreadcrumbItem>\n\t\t\t\t<BreadcrumbSeparator />\n\t\t\t\t<BreadcrumbItem>\n\t\t\t\t\t<DropdownMenu>\n\t\t\t\t\t\t<DropdownMenuTrigger className=\"flex items-center gap-1\">\n\t\t\t\t\t\t\t<BreadcrumbEllipsis className=\"size-4\" />\n\t\t\t\t\t\t\t<span className=\"sr-only\">Toggle menu</span>\n\t\t\t\t\t\t</DropdownMenuTrigger>\n\t\t\t\t\t\t<DropdownMenuContent align=\"start\">\n\t\t\t\t\t\t\t<DropdownMenuItem>Documentation</DropdownMenuItem>\n\t\t\t\t\t\t\t<DropdownMenuItem>Themes</DropdownMenuItem>\n\t\t\t\t\t\t\t<DropdownMenuItem>GitHub</DropdownMenuItem>\n\t\t\t\t\t\t</DropdownMenuContent>\n\t\t\t\t\t</DropdownMenu>\n\t\t\t\t</BreadcrumbItem>\n\t\t\t\t<BreadcrumbSeparator />\n\t\t\t\t<BreadcrumbItem>\n\t\t\t\t\t<BreadcrumbLink asChild>\n\t\t\t\t\t\t<a href=\"/docs/components\">Components</a>\n\t\t\t\t\t</BreadcrumbLink>\n\t\t\t\t</BreadcrumbItem>\n\t\t\t\t<BreadcrumbSeparator />\n\t\t\t\t<BreadcrumbItem>\n\t\t\t\t\t<BreadcrumbPage>Breadcrumb</BreadcrumbPage>\n\t\t\t\t</BreadcrumbItem>\n\t\t\t</BreadcrumbList>\n\t\t</Breadcrumb>\n\t),\n} satisfies Story;\n"],"names":["Breadcrumb","BreadcrumbEllipsis","BreadcrumbItem","BreadcrumbLink","BreadcrumbList","BreadcrumbPage","BreadcrumbSeparator","DropdownMenu","DropdownMenuContent","DropdownMenuItem","DropdownMenuTrigger","meta","title","Demo","render","asChild","a","href","className","span","align"],"mappings":"AAAA,gEAAgE;;AAEhE,SACCA,UAAU,EACVC,kBAAkB,EAClBC,cAAc,EACdC,cAAc,EACdC,cAAc,EACdC,cAAc,EACdC,mBAAmB,QACb,kBAAmC;AAC1C,SACCC,YAAY,EACZC,mBAAmB,EACnBC,gBAAgB,EAChBC,mBAAmB,QACb,qBAAsC;AAE7C,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,KAACd;sBACA,cAAA,MAACI;;kCACA,KAACF;kCACA,cAAA,KAACC;4BAAeY,OAAO;sCACtB,cAAA,KAACC;gCAAEC,MAAK;0CAAI;;;;kCAGd,KAACX;kCACD,KAACJ;kCACA,cAAA,MAACK;;8CACA,MAACG;oCAAoBQ,WAAU;;sDAC9B,KAACjB;4CAAmBiB,WAAU;;sDAC9B,KAACC;4CAAKD,WAAU;sDAAU;;;;8CAE3B,MAACV;oCAAoBY,OAAM;;sDAC1B,KAACX;sDAAiB;;sDAClB,KAACA;sDAAiB;;sDAClB,KAACA;sDAAiB;;;;;;;kCAIrB,KAACH;kCACD,KAACJ;kCACA,cAAA,KAACC;4BAAeY,OAAO;sCACtB,cAAA,KAACC;gCAAEC,MAAK;0CAAmB;;;;kCAG7B,KAACX;kCACD,KAACJ;kCACA,cAAA,KAACG;sCAAe;;;;;;AAKrB,EAAkB"}

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

@@ -1,55 +1,65 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { cn } from "#shadcn/lib/utils";
+import { cn } from "../../lib/utils.js";
 const buttonVariants = cva(cn("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg transition-all ", "outline-none cursor-pointer", "disabled:cursor-not-allowed", "[&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20"), {
     variants: {
         variant: {
             primary: "bg-bg-link text-text-primary_on-brand shadow-xs hover:bg-bg-link_hover active:bg-bg-link disabled:bg-bg-disabled",
             secondary: "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",
             link: "text-text-secondary hover:text-text-primary disabled:text-text-disabled rounded-none",
-            ghost: "text-text-secondary hover:text-text-primary disabled:text-text-disabled hover:bg-bg-secondary active:bg-bg-tertiary disabled:hover:bg-bg-primary",
+            ghost: "text-text-secondary hover:text-text-primary disabled:text-text-disabled hover:bg-bg-secondary active:bg-bg-tertiary disabled:hover:bg-bg-primary"
         },
         size: {
             regular: "h-9 px-4 typo-label",
-            small: "h-6 px-2 typo-button-label-xs gap-1 rounded-md",
+            small: "h-6 px-2 typo-button-label-xs gap-1 rounded-md"
         },
         danger: {
             true: "",
-            false: "",
-        },
+            false: ""
+        }
     },
     compoundVariants: [
         {
             variant: "primary",
             danger: true,
-            class: "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",
+            class: "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"
         },
         {
             variant: "secondary",
             danger: true,
-            class: "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",
+            class: "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"
         },
         {
             variant: "link",
             danger: true,
-            class: "text-text-error-secondary hover:text-text-error-primary",
+            class: "text-text-error-secondary hover:text-text-error-primary"
         },
         {
             variant: "ghost",
             danger: true,
-            class: "text-text-error-secondary hover:text-text-error-primary hover:bg-bg-error-secondary active:bg-bg-error-tertiary",
-        },
+            class: "text-text-error-secondary hover:text-text-error-primary hover:bg-bg-error-secondary active:bg-bg-error-tertiary"
+        }
     ],
     defaultVariants: {
         variant: "primary",
         size: "regular",
-        danger: false,
-    },
+        danger: false
+    }
 });
 function Button({ className, variant, size, danger = false, asChild = false, ...props }) {
     const Comp = asChild ? Slot : "button";
-    return (_jsx(Comp, { "data-slot": "button", className: cn(buttonVariants({ variant, size, danger, className })), ...props }));
+    return /*#__PURE__*/ _jsx(Comp, {
+        "data-slot": "button",
+        className: cn(buttonVariants({
+            variant,
+            size,
+            danger,
+            className
+        })),
+        ...props
+    });
 }
 export { Button, buttonVariants };
+
 //# sourceMappingURL=button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,cAAc,GAAG,GAAG,CACzB,EAAE,CACD,4FAA4F,EAC5F,6BAA6B,EAC7B,6BAA6B,EAC7B,4FAA4F,EAC5F,+EAA+E,EAC/E,kCAAkC,CAClC,EACD;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EACN,kHAAkH;YACnH,SAAS,EACR,2PAA2P;YAC5P,IAAI,EAAE,sFAAsF;YAC5F,KAAK,EACJ,kJAAkJ;SACnJ;QACD,IAAI,EAAE;YACL,OAAO,EAAE,qBAAqB;YAC9B,KAAK,EAAE,gDAAgD;SACvD;QACD,MAAM,EAAE;YACP,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,EAAE;SACT;KACD;IACD,gBAAgB,EAAE;QACjB;YACC,OAAO,EAAE,SAAS;YAClB,MAAM,EAAE,IAAI;YACZ,KAAK,EACJ,2JAA2J;SAC5J;QACD;YACC,OAAO,EAAE,WAAW;YACpB,MAAM,EAAE,IAAI;YACZ,KAAK,EACJ,0KAA0K;SAC3K;QACD;YACC,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE,yDAAyD;SAChE;QACD;YACC,OAAO,EAAE,OAAO;YAChB,MAAM,EAAE,IAAI;YACZ,KAAK,EACJ,iHAAiH;SAClH;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,KAAK;KACb;CACD,CACD,CAAC;AAEF,SAAS,MAAM,CAAC,EACf,SAAS,EACT,OAAO,EACP,IAAI,EACJ,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EAKP;IACD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvC,OAAO,CACN,KAAC,IAAI,iBACM,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,KAC/D,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"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"}

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

@@ -1,26 +1,206 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Play, Trash2 } from "lucide-react";
-import { Badge } from "#shadcn/components/ui/badge";
-import { Button } from "#shadcn/components/ui/button";
+import { Badge } from "./badge.js";
+import { Button } from "./button.js";
 const meta = {
     title: "Component/Button",
     component: Button,
     argTypes: {
-        variant: {},
-    },
+        variant: {}
+    }
 };
 export default meta;
 export const TextOnly = {
     args: {
-        children: "Remove",
-    },
+        children: "Remove"
+    }
 };
 export const WithIcon = {
     args: {
-        children: (_jsxs(_Fragment, { children: [_jsx(Trash2, {}), " Remove", " "] })),
-    },
+        children: /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                /*#__PURE__*/ _jsx(Trash2, {}),
+                " Remove",
+                " "
+            ]
+        })
+    }
 };
 export const Demo = {
-    render: () => (_jsx("div", { className: "p-6  min-h-screen flex justify-center items-center", children: _jsxs("div", { className: " rounded-lg p-6 shadow-sm w-280", children: [_jsxs("div", { className: "flex items-center mb-4 justify-between", children: [_jsx("div", { className: "w-40 text-center", children: "Variants" }), _jsxs("div", { className: "w-70 text-center text-sm text-text-secondary", children: ["Danger:", _jsx(Badge, { variant: "outline", className: "text-xs", children: "false" })] }), _jsxs("div", { className: "w-70 text-center text-sm text-text-secondary", children: ["Danger:", _jsx(Badge, { variant: "outline", className: "text-xs", children: "true" })] }), _jsxs("div", { className: "w-70 text-center text-sm text-text-secondary", children: ["Disabled:", _jsx(Badge, { variant: "outline", className: "text-xs", children: "true" })] })] }), ["regular", "small"].map((size) => (_jsx("div", { className: " items-center gap-3 py-3 border-gray-l00 border-t border-border-separator", children: ["primary", "secondary", "ghost", "link"].map((variant) => (_jsxs("div", { className: "flex gap-3 items-center py-2 justify-between", children: [_jsxs("div", { className: "w-40 text-sm text-text-secondary", children: [_jsxs("div", { className: "flex mb-1", children: [_jsx("div", { className: "w-15", children: "Variant:" }), _jsx(Badge, { variant: "outline", className: "text-xs", children: variant })] }), _jsxs("div", { className: "flex", children: [_jsx("div", { className: "w-15", children: "Size:" }), _jsx(Badge, { variant: "outline", className: "text-xs", children: size })] })] }), _jsxs("div", { className: "w-70 flex gap-3 justify-center", children: [_jsx(Button, { size: size, variant: variant, children: "Button" }), _jsxs(Button, { size: size, variant: variant, children: [_jsx(Play, {}), " Button"] }), _jsx(Button, { size: size, variant: variant, children: _jsx(Play, {}) })] }), _jsxs("div", { className: "w-70 flex gap-3 justify-center", children: [_jsx(Button, { size: size, variant: variant, danger: true, children: "Button" }), _jsxs(Button, { size: size, variant: variant, danger: true, children: [_jsx(Play, {}), " Button"] }), _jsx(Button, { size: size, variant: variant, danger: true, children: _jsx(Play, {}) })] }), _jsxs("div", { className: "w-70 flex gap-3 justify-center", children: [_jsx(Button, { size: size, variant: variant, disabled: true, children: "Button" }), _jsxs(Button, { size: size, variant: variant, disabled: true, children: [_jsx(Play, {}), " Button"] }), _jsx(Button, { size: size, variant: variant, disabled: true, children: _jsx(Play, {}) })] })] }, variant))) }, size)))] }) })),
+    render: ()=>/*#__PURE__*/ _jsx("div", {
+            className: "p-6  min-h-screen flex justify-center items-center",
+            children: /*#__PURE__*/ _jsxs("div", {
+                className: " rounded-lg p-6 shadow-sm w-280",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex items-center mb-4 justify-between",
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: "w-40 text-center",
+                                children: "Variants"
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "w-70 text-center text-sm text-text-secondary",
+                                children: [
+                                    "Danger:",
+                                    /*#__PURE__*/ _jsx(Badge, {
+                                        variant: "outline",
+                                        className: "text-xs",
+                                        children: "false"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "w-70 text-center text-sm text-text-secondary",
+                                children: [
+                                    "Danger:",
+                                    /*#__PURE__*/ _jsx(Badge, {
+                                        variant: "outline",
+                                        className: "text-xs",
+                                        children: "true"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "w-70 text-center text-sm text-text-secondary",
+                                children: [
+                                    "Disabled:",
+                                    /*#__PURE__*/ _jsx(Badge, {
+                                        variant: "outline",
+                                        className: "text-xs",
+                                        children: "true"
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    [
+                        "regular",
+                        "small"
+                    ].map((size)=>/*#__PURE__*/ _jsx("div", {
+                            className: " items-center gap-3 py-3 border-gray-l00 border-t border-border-separator",
+                            children: [
+                                "primary",
+                                "secondary",
+                                "ghost",
+                                "link"
+                            ].map((variant)=>/*#__PURE__*/ _jsxs("div", {
+                                    className: "flex gap-3 items-center py-2 justify-between",
+                                    children: [
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            className: "w-40 text-sm text-text-secondary",
+                                            children: [
+                                                /*#__PURE__*/ _jsxs("div", {
+                                                    className: "flex mb-1",
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx("div", {
+                                                            className: "w-15",
+                                                            children: "Variant:"
+                                                        }),
+                                                        /*#__PURE__*/ _jsx(Badge, {
+                                                            variant: "outline",
+                                                            className: "text-xs",
+                                                            children: variant
+                                                        })
+                                                    ]
+                                                }),
+                                                /*#__PURE__*/ _jsxs("div", {
+                                                    className: "flex",
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx("div", {
+                                                            className: "w-15",
+                                                            children: "Size:"
+                                                        }),
+                                                        /*#__PURE__*/ _jsx(Badge, {
+                                                            variant: "outline",
+                                                            className: "text-xs",
+                                                            children: size
+                                                        })
+                                                    ]
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            className: "w-70 flex gap-3 justify-center",
+                                            children: [
+                                                /*#__PURE__*/ _jsx(Button, {
+                                                    size: size,
+                                                    variant: variant,
+                                                    children: "Button"
+                                                }),
+                                                /*#__PURE__*/ _jsxs(Button, {
+                                                    size: size,
+                                                    variant: variant,
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx(Play, {}),
+                                                        " Button"
+                                                    ]
+                                                }),
+                                                /*#__PURE__*/ _jsx(Button, {
+                                                    size: size,
+                                                    variant: variant,
+                                                    children: /*#__PURE__*/ _jsx(Play, {})
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            className: "w-70 flex gap-3 justify-center",
+                                            children: [
+                                                /*#__PURE__*/ _jsx(Button, {
+                                                    size: size,
+                                                    variant: variant,
+                                                    danger: true,
+                                                    children: "Button"
+                                                }),
+                                                /*#__PURE__*/ _jsxs(Button, {
+                                                    size: size,
+                                                    variant: variant,
+                                                    danger: true,
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx(Play, {}),
+                                                        " Button"
+                                                    ]
+                                                }),
+                                                /*#__PURE__*/ _jsx(Button, {
+                                                    size: size,
+                                                    variant: variant,
+                                                    danger: true,
+                                                    children: /*#__PURE__*/ _jsx(Play, {})
+                                                })
+                                            ]
+                                        }),
+                                        /*#__PURE__*/ _jsxs("div", {
+                                            className: "w-70 flex gap-3 justify-center",
+                                            children: [
+                                                /*#__PURE__*/ _jsx(Button, {
+                                                    size: size,
+                                                    variant: variant,
+                                                    disabled: true,
+                                                    children: "Button"
+                                                }),
+                                                /*#__PURE__*/ _jsxs(Button, {
+                                                    size: size,
+                                                    variant: variant,
+                                                    disabled: true,
+                                                    children: [
+                                                        /*#__PURE__*/ _jsx(Play, {}),
+                                                        " Button"
+                                                    ]
+                                                }),
+                                                /*#__PURE__*/ _jsx(Button, {
+                                                    size: size,
+                                                    variant: variant,
+                                                    disabled: true,
+                                                    children: /*#__PURE__*/ _jsx(Play, {})
+                                                })
+                                            ]
+                                        })
+                                    ]
+                                }, variant))
+                        }, size))
+                ]
+            })
+        })
 };
+
 //# sourceMappingURL=button.stories.js.map