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

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

@@ -1,34 +1,91 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon, } from "lucide-react";
-import { buttonVariants } from "#shadcn/components/ui/button";
-import { cn } from "#shadcn/lib/utils";
+import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
+import { buttonVariants } from "./button.js";
+import { cn } from "../../lib/utils.js";
 function Pagination({ className, ...props }) {
-    return (
-    // biome-ignore lint/a11y/useSemanticElements: FIXME: unchanged shadcn
-    _jsx("nav", { 
+    return(// biome-ignore lint/a11y/useSemanticElements: FIXME: unchanged shadcn
+    /*#__PURE__*/ _jsx("nav", {
         // biome-ignore lint/a11y/noRedundantRoles: FIXME: unchanged shadcn
-        role: "navigation", "aria-label": "pagination", "data-slot": "pagination", className: cn("mx-auto flex w-full justify-center", className), ...props }));
+        role: "navigation",
+        "aria-label": "pagination",
+        "data-slot": "pagination",
+        className: cn("mx-auto flex w-full justify-center", className),
+        ...props
+    }));
 }
 function PaginationContent({ className, ...props }) {
-    return (_jsx("ul", { "data-slot": "pagination-content", className: cn("flex flex-row items-center gap-1", className), ...props }));
+    return /*#__PURE__*/ _jsx("ul", {
+        "data-slot": "pagination-content",
+        className: cn("flex flex-row items-center gap-1", className),
+        ...props
+    });
 }
 function PaginationItem({ ...props }) {
-    return (_jsx("li", { className: "hover:bg-accent rounded-md", "data-slot": "pagination-item", ...props }));
+    return /*#__PURE__*/ _jsx("li", {
+        className: "hover:bg-accent rounded-md",
+        "data-slot": "pagination-item",
+        ...props
+    });
 }
 function PaginationLink({ className, isActive, size = "small", ...props }) {
-    return (_jsx("a", { "aria-current": isActive ? "page" : undefined, "data-slot": "pagination-link", "data-active": isActive, className: cn(buttonVariants({
+    return /*#__PURE__*/ _jsx("a", {
+        "aria-current": isActive ? "page" : undefined,
+        "data-slot": "pagination-link",
+        "data-active": isActive,
+        className: cn(buttonVariants({
             variant: isActive ? "secondary" : "ghost",
-            size,
-        }), className), ...props }));
+            size
+        }), className),
+        ...props
+    });
 }
 function PaginationPrevious({ className, ...props }) {
-    return (_jsxs(PaginationLink, { "aria-label": "Go to previous page", size: "small", className: cn("gap-1 px-2.5 sm:pl-2.5", className), ...props, children: [_jsx(ChevronLeftIcon, {}), _jsx("span", { className: "hidden sm:block", children: "Previous" })] }));
+    return /*#__PURE__*/ _jsxs(PaginationLink, {
+        "aria-label": "Go to previous page",
+        size: "small",
+        className: cn("gap-1 px-2.5 sm:pl-2.5", className),
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx(ChevronLeftIcon, {}),
+            /*#__PURE__*/ _jsx("span", {
+                className: "hidden sm:block",
+                children: "Previous"
+            })
+        ]
+    });
 }
 function PaginationNext({ className, ...props }) {
-    return (_jsxs(PaginationLink, { "aria-label": "Go to next page", size: "regular", className: cn("gap-1 px-2.5 sm:pr-2.5", className), ...props, children: [_jsx("span", { className: "hidden sm:block", children: "Next" }), _jsx(ChevronRightIcon, {})] }));
+    return /*#__PURE__*/ _jsxs(PaginationLink, {
+        "aria-label": "Go to next page",
+        size: "regular",
+        className: cn("gap-1 px-2.5 sm:pr-2.5", className),
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx("span", {
+                className: "hidden sm:block",
+                children: "Next"
+            }),
+            /*#__PURE__*/ _jsx(ChevronRightIcon, {})
+        ]
+    });
 }
 function PaginationEllipsis({ className, ...props }) {
-    return (_jsxs("span", { "aria-hidden": true, "data-slot": "pagination-ellipsis", className: cn("flex size-9 items-center justify-center", className), ...props, children: [_jsx(MoreHorizontalIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "More pages" })] }));
+    return /*#__PURE__*/ _jsxs("span", {
+        "aria-hidden": true,
+        "data-slot": "pagination-ellipsis",
+        className: cn("flex size-9 items-center justify-center", className),
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx(MoreHorizontalIcon, {
+                className: "size-4"
+            }),
+            /*#__PURE__*/ _jsx("span", {
+                className: "sr-only",
+                children: "More pages"
+            })
+        ]
+    });
 }
-export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };
+export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis };
+
 //# sourceMappingURL=pagination.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/pagination.tsx"],"names":[],"mappings":";AAAA,OAAO,EACN,eAAe,EACf,gBAAgB,EAChB,kBAAkB,GAClB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAe,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC3E,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACvE,OAAO;IACN,sEAAsE;IACtE;QACC,mEAAmE;QACnE,IAAI,EAAC,YAAY,gBACN,YAAY,eACb,YAAY,EACtB,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACN,0BACW,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,KACxD,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAA8B;IAC/D,OAAO,CACN,aACC,SAAS,EAAC,4BAA4B,eAC5B,iBAAiB,KACvB,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAOD,SAAS,cAAc,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,GAAG,KAAK,EACa;IACrB,OAAO,CACN,4BACe,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,eACjC,iBAAiB,iBACd,QAAQ,EACrB,SAAS,EAAE,EAAE,CACZ,cAAc,CAAC;YACd,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,OAAO;YACzC,IAAI;SACJ,CAAC,EACF,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACqC;IAC7C,OAAO,CACN,MAAC,cAAc,kBACH,qBAAqB,EAChC,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,KAC9C,KAAK,aAET,KAAC,eAAe,KAAG,EACnB,eAAM,SAAS,EAAC,iBAAiB,yBAAgB,IACjC,CACjB,CAAC;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACqC;IAC7C,OAAO,CACN,MAAC,cAAc,kBACH,iBAAiB,EAC5B,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,KAC9C,KAAK,aAET,eAAM,SAAS,EAAC,iBAAiB,qBAAY,EAC7C,KAAC,gBAAgB,KAAG,IACJ,CACjB,CAAC;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACsB;IAC9B,OAAO,CACN,kDAEW,qBAAqB,EAC/B,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,KAC/D,KAAK,aAET,KAAC,kBAAkB,IAAC,SAAS,EAAC,QAAQ,GAAG,EACzC,eAAM,SAAS,EAAC,SAAS,2BAAkB,IACrC,CACP,CAAC;AACH,CAAC;AAED,OAAO,EACN,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,GAClB,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/pagination.tsx"],"sourcesContent":["import {\n\tChevronLeftIcon,\n\tChevronRightIcon,\n\tMoreHorizontalIcon,\n} from \"lucide-react\";\nimport type * as React from \"react\";\nimport { type Button, buttonVariants } from \"#shadcn/components/ui/button\";\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n\treturn (\n\t\t// biome-ignore lint/a11y/useSemanticElements: FIXME: unchanged shadcn\n\t\t<nav\n\t\t\t// biome-ignore lint/a11y/noRedundantRoles: FIXME: unchanged shadcn\n\t\t\trole=\"navigation\"\n\t\t\taria-label=\"pagination\"\n\t\t\tdata-slot=\"pagination\"\n\t\t\tclassName={cn(\"mx-auto flex w-full justify-center\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction PaginationContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"ul\">) {\n\treturn (\n\t\t<ul\n\t\t\tdata-slot=\"pagination-content\"\n\t\t\tclassName={cn(\"flex flex-row items-center gap-1\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n\treturn (\n\t\t<li\n\t\t\tclassName=\"hover:bg-accent rounded-md\"\n\t\t\tdata-slot=\"pagination-item\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\ntype PaginationLinkProps = {\n\tisActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n\tReact.ComponentProps<\"a\">;\n\nfunction PaginationLink({\n\tclassName,\n\tisActive,\n\tsize = \"small\",\n\t...props\n}: PaginationLinkProps) {\n\treturn (\n\t\t<a\n\t\t\taria-current={isActive ? \"page\" : undefined}\n\t\t\tdata-slot=\"pagination-link\"\n\t\t\tdata-active={isActive}\n\t\t\tclassName={cn(\n\t\t\t\tbuttonVariants({\n\t\t\t\t\tvariant: isActive ? \"secondary\" : \"ghost\",\n\t\t\t\t\tsize,\n\t\t\t\t}),\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction PaginationPrevious({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof PaginationLink>) {\n\treturn (\n\t\t<PaginationLink\n\t\t\taria-label=\"Go to previous page\"\n\t\t\tsize=\"small\"\n\t\t\tclassName={cn(\"gap-1 px-2.5 sm:pl-2.5\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ChevronLeftIcon />\n\t\t\t<span className=\"hidden sm:block\">Previous</span>\n\t\t</PaginationLink>\n\t);\n}\n\nfunction PaginationNext({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof PaginationLink>) {\n\treturn (\n\t\t<PaginationLink\n\t\t\taria-label=\"Go to next page\"\n\t\t\tsize=\"regular\"\n\t\t\tclassName={cn(\"gap-1 px-2.5 sm:pr-2.5\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"hidden sm:block\">Next</span>\n\t\t\t<ChevronRightIcon />\n\t\t</PaginationLink>\n\t);\n}\n\nfunction PaginationEllipsis({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\taria-hidden\n\t\t\tdata-slot=\"pagination-ellipsis\"\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<MoreHorizontalIcon className=\"size-4\" />\n\t\t\t<span className=\"sr-only\">More pages</span>\n\t\t</span>\n\t);\n}\n\nexport {\n\tPagination,\n\tPaginationContent,\n\tPaginationLink,\n\tPaginationItem,\n\tPaginationPrevious,\n\tPaginationNext,\n\tPaginationEllipsis,\n};\n"],"names":["ChevronLeftIcon","ChevronRightIcon","MoreHorizontalIcon","buttonVariants","cn","Pagination","className","props","nav","role","aria-label","data-slot","PaginationContent","ul","PaginationItem","li","PaginationLink","isActive","size","a","aria-current","undefined","data-active","variant","PaginationPrevious","span","PaginationNext","PaginationEllipsis","aria-hidden"],"mappings":";AAAA,SACCA,eAAe,EACfC,gBAAgB,EAChBC,kBAAkB,QACZ,eAAe;AAEtB,SAAsBC,cAAc,QAAQ,cAA+B;AAC3E,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,WAAW,EAAEC,SAAS,EAAE,GAAGC,OAAoC;IACvE,OACC,sEAAsE;kBACtE,KAACC;QACA,mEAAmE;QACnEC,MAAK;QACLC,cAAW;QACXC,aAAU;QACVL,WAAWF,GAAG,sCAAsCE;QACnD,GAAGC,KAAK;;AAGZ;AAEA,SAASK,kBAAkB,EAC1BN,SAAS,EACT,GAAGC,OACyB;IAC5B,qBACC,KAACM;QACAF,aAAU;QACVL,WAAWF,GAAG,oCAAoCE;QACjD,GAAGC,KAAK;;AAGZ;AAEA,SAASO,eAAe,EAAE,GAAGP,OAAmC;IAC/D,qBACC,KAACQ;QACAT,WAAU;QACVK,aAAU;QACT,GAAGJ,KAAK;;AAGZ;AAOA,SAASS,eAAe,EACvBV,SAAS,EACTW,QAAQ,EACRC,OAAO,OAAO,EACd,GAAGX,OACkB;IACrB,qBACC,KAACY;QACAC,gBAAcH,WAAW,SAASI;QAClCV,aAAU;QACVW,eAAaL;QACbX,WAAWF,GACVD,eAAe;YACdoB,SAASN,WAAW,cAAc;YAClCC;QACD,IACAZ;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASiB,mBAAmB,EAC3BlB,SAAS,EACT,GAAGC,OAC0C;IAC7C,qBACC,MAACS;QACAN,cAAW;QACXQ,MAAK;QACLZ,WAAWF,GAAG,0BAA0BE;QACvC,GAAGC,KAAK;;0BAET,KAACP;0BACD,KAACyB;gBAAKnB,WAAU;0BAAkB;;;;AAGrC;AAEA,SAASoB,eAAe,EACvBpB,SAAS,EACT,GAAGC,OAC0C;IAC7C,qBACC,MAACS;QACAN,cAAW;QACXQ,MAAK;QACLZ,WAAWF,GAAG,0BAA0BE;QACvC,GAAGC,KAAK;;0BAET,KAACkB;gBAAKnB,WAAU;0BAAkB;;0BAClC,KAACL;;;AAGJ;AAEA,SAAS0B,mBAAmB,EAC3BrB,SAAS,EACT,GAAGC,OAC2B;IAC9B,qBACC,MAACkB;QACAG,aAAW;QACXjB,aAAU;QACVL,WAAWF,GAAG,2CAA2CE;QACxD,GAAGC,KAAK;;0BAET,KAACL;gBAAmBI,WAAU;;0BAC9B,KAACmB;gBAAKnB,WAAU;0BAAU;;;;AAG7B;AAEA,SACCD,UAAU,EACVO,iBAAiB,EACjBI,cAAc,EACdF,cAAc,EACdU,kBAAkB,EAClBE,cAAc,EACdC,kBAAkB,GACjB"}

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

@@ -1,10 +1,48 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, } from "#shadcn/components/ui/pagination";
+import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./pagination.js";
 const meta = {
-    title: "Component/Pagination",
+    title: "Component/Pagination"
 };
 export default meta;
 export const Demo = {
-    render: () => (_jsx(Pagination, { children: _jsxs(PaginationContent, { children: [_jsx(PaginationItem, { children: _jsx(PaginationPrevious, { href: "#" }) }), _jsx(PaginationItem, { children: _jsx(PaginationLink, { href: "#", children: "1" }) }), _jsx(PaginationItem, { children: _jsx(PaginationLink, { href: "#", isActive: true, children: "2" }) }), _jsx(PaginationItem, { children: _jsx(PaginationLink, { href: "#", children: "3" }) }), _jsx(PaginationItem, { children: _jsx(PaginationEllipsis, {}) }), _jsx(PaginationItem, { children: _jsx(PaginationNext, { href: "#" }) })] }) })),
+    render: ()=>/*#__PURE__*/ _jsx(Pagination, {
+            children: /*#__PURE__*/ _jsxs(PaginationContent, {
+                children: [
+                    /*#__PURE__*/ _jsx(PaginationItem, {
+                        children: /*#__PURE__*/ _jsx(PaginationPrevious, {
+                            href: "#"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(PaginationItem, {
+                        children: /*#__PURE__*/ _jsx(PaginationLink, {
+                            href: "#",
+                            children: "1"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(PaginationItem, {
+                        children: /*#__PURE__*/ _jsx(PaginationLink, {
+                            href: "#",
+                            isActive: true,
+                            children: "2"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(PaginationItem, {
+                        children: /*#__PURE__*/ _jsx(PaginationLink, {
+                            href: "#",
+                            children: "3"
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(PaginationItem, {
+                        children: /*#__PURE__*/ _jsx(PaginationEllipsis, {})
+                    }),
+                    /*#__PURE__*/ _jsx(PaginationItem, {
+                        children: /*#__PURE__*/ _jsx(PaginationNext, {
+                            href: "#"
+                        })
+                    })
+                ]
+            })
+        })
 };
+
 //# sourceMappingURL=pagination.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/pagination.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EACN,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,kBAAkB,GAClB,MAAM,kCAAkC,CAAC;AAE1C,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,iBAAiB,eACjB,KAAC,cAAc,cACd,KAAC,kBAAkB,IAAC,IAAI,EAAC,GAAG,GAAG,GACf,EACjB,KAAC,cAAc,cACd,KAAC,cAAc,IAAC,IAAI,EAAC,GAAG,kBAAmB,GAC3B,EACjB,KAAC,cAAc,cACd,KAAC,cAAc,IAAC,IAAI,EAAC,GAAG,EAAC,QAAQ,wBAEhB,GACD,EACjB,KAAC,cAAc,cACd,KAAC,cAAc,IAAC,IAAI,EAAC,GAAG,kBAAmB,GAC3B,EACjB,KAAC,cAAc,cACd,KAAC,kBAAkB,KAAG,GACN,EACjB,KAAC,cAAc,cACd,KAAC,cAAc,IAAC,IAAI,EAAC,GAAG,GAAG,GACX,IACE,GACR,CACb;CACe,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/pagination.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nimport {\n\tPagination,\n\tPaginationContent,\n\tPaginationEllipsis,\n\tPaginationItem,\n\tPaginationLink,\n\tPaginationNext,\n\tPaginationPrevious,\n} from \"#shadcn/components/ui/pagination\";\n\nconst meta = {\n\ttitle: \"Component/Pagination\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<Pagination>\n\t\t\t<PaginationContent>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationPrevious href=\"#\" />\n\t\t\t\t</PaginationItem>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationLink href=\"#\">1</PaginationLink>\n\t\t\t\t</PaginationItem>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationLink href=\"#\" isActive>\n\t\t\t\t\t\t2\n\t\t\t\t\t</PaginationLink>\n\t\t\t\t</PaginationItem>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationLink href=\"#\">3</PaginationLink>\n\t\t\t\t</PaginationItem>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationEllipsis />\n\t\t\t\t</PaginationItem>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationNext href=\"#\" />\n\t\t\t\t</PaginationItem>\n\t\t\t</PaginationContent>\n\t\t</Pagination>\n\t),\n} satisfies Story;\n"],"names":["Pagination","PaginationContent","PaginationEllipsis","PaginationItem","PaginationLink","PaginationNext","PaginationPrevious","meta","title","Demo","render","href","isActive"],"mappings":";AAEA,SACCA,UAAU,EACVC,iBAAiB,EACjBC,kBAAkB,EAClBC,cAAc,EACdC,cAAc,EACdC,cAAc,EACdC,kBAAkB,QACZ,kBAAmC;AAE1C,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,KAACV;sBACA,cAAA,MAACC;;kCACA,KAACE;kCACA,cAAA,KAACG;4BAAmBK,MAAK;;;kCAE1B,KAACR;kCACA,cAAA,KAACC;4BAAeO,MAAK;sCAAI;;;kCAE1B,KAACR;kCACA,cAAA,KAACC;4BAAeO,MAAK;4BAAIC,QAAQ;sCAAC;;;kCAInC,KAACT;kCACA,cAAA,KAACC;4BAAeO,MAAK;sCAAI;;;kCAE1B,KAACR;kCACA,cAAA,KAACD;;kCAEF,KAACC;kCACA,cAAA,KAACE;4BAAeM,MAAK;;;;;;AAK1B,EAAkB"}

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,OAAO,CAAC,EAChB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEpD;AAED,iBAAS,cAAc,CAAC,EACvB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAevD;AAED,iBAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEtD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/popover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,OAAO,CAAC,EAChB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEpD;AAED,iBAAS,cAAc,CAAC,EACvB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAevD;AAED,iBAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEtD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}

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

@@ -1,17 +1,36 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { cn } from "#shadcn/lib/utils";
+import { cn } from "../../lib/utils.js";
 function Popover({ ...props }) {
-    return _jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+    return /*#__PURE__*/ _jsx(PopoverPrimitive.Root, {
+        "data-slot": "popover",
+        ...props
+    });
 }
 function PopoverTrigger({ ...props }) {
-    return _jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+    return /*#__PURE__*/ _jsx(PopoverPrimitive.Trigger, {
+        "data-slot": "popover-trigger",
+        ...props
+    });
 }
 function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
-    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, { "data-slot": "popover-content", align: align, sideOffset: sideOffset, className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className), ...props }) }));
+    return /*#__PURE__*/ _jsx(PopoverPrimitive.Portal, {
+        children: /*#__PURE__*/ _jsx(PopoverPrimitive.Content, {
+            "data-slot": "popover-content",
+            align: align,
+            sideOffset: sideOffset,
+            className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className),
+            ...props
+        })
+    });
 }
 function PopoverAnchor({ ...props }) {
-    return _jsx(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+    return /*#__PURE__*/ _jsx(PopoverPrimitive.Anchor, {
+        "data-slot": "popover-anchor",
+        ...props
+    });
 }
 export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
+
 //# sourceMappingURL=popover.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/popover.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAG5D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,OAAO,CAAC,EAChB,GAAG,KAAK,EAC4C;IACpD,OAAO,KAAC,gBAAgB,CAAC,IAAI,iBAAW,SAAS,KAAK,KAAK,GAAI,CAAC;AACjE,CAAC;AAED,SAAS,cAAc,CAAC,EACvB,GAAG,KAAK,EAC+C;IACvD,OAAO,KAAC,gBAAgB,CAAC,OAAO,iBAAW,iBAAiB,KAAK,KAAK,GAAI,CAAC;AAC5E,CAAC;AAED,SAAS,cAAc,CAAC,EACvB,SAAS,EACT,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,CAAC,EACd,GAAG,KAAK,EAC+C;IACvD,OAAO,CACN,KAAC,gBAAgB,CAAC,MAAM,cACvB,KAAC,gBAAgB,CAAC,OAAO,iBACd,iBAAiB,EAC3B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,EAAE,CACZ,geAAge,EAChe,SAAS,CACT,KACG,KAAK,GACR,GACuB,CAC1B,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EAC8C;IACtD,OAAO,KAAC,gBAAgB,CAAC,MAAM,iBAAW,gBAAgB,KAAK,KAAK,GAAI,CAAC;AAC1E,CAAC;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/popover.tsx"],"sourcesContent":["\"use client\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Popover({\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n\treturn <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n\treturn <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n\tclassName,\n\talign = \"center\",\n\tsideOffset = 4,\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n\treturn (\n\t\t<PopoverPrimitive.Portal>\n\t\t\t<PopoverPrimitive.Content\n\t\t\t\tdata-slot=\"popover-content\"\n\t\t\t\talign={align}\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</PopoverPrimitive.Portal>\n\t);\n}\n\nfunction PopoverAnchor({\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n\treturn <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n"],"names":["PopoverPrimitive","cn","Popover","props","Root","data-slot","PopoverTrigger","Trigger","PopoverContent","className","align","sideOffset","Portal","Content","PopoverAnchor","Anchor"],"mappings":"AAAA;;AACA,YAAYA,sBAAsB,0BAA0B;AAG5D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,QAAQ,EAChB,GAAGC,OACiD;IACpD,qBAAO,KAACH,iBAAiBI,IAAI;QAACC,aAAU;QAAW,GAAGF,KAAK;;AAC5D;AAEA,SAASG,eAAe,EACvB,GAAGH,OACoD;IACvD,qBAAO,KAACH,iBAAiBO,OAAO;QAACF,aAAU;QAAmB,GAAGF,KAAK;;AACvE;AAEA,SAASK,eAAe,EACvBC,SAAS,EACTC,QAAQ,QAAQ,EAChBC,aAAa,CAAC,EACd,GAAGR,OACoD;IACvD,qBACC,KAACH,iBAAiBY,MAAM;kBACvB,cAAA,KAACZ,iBAAiBa,OAAO;YACxBR,aAAU;YACVK,OAAOA;YACPC,YAAYA;YACZF,WAAWR,GACV,keACAQ;YAEA,GAAGN,KAAK;;;AAIb;AAEA,SAASW,cAAc,EACtB,GAAGX,OACmD;IACtD,qBAAO,KAACH,iBAAiBe,MAAM;QAACV,aAAU;QAAkB,GAAGF,KAAK;;AACrE;AAEA,SAASD,OAAO,EAAEI,cAAc,EAAEE,cAAc,EAAEM,aAAa,GAAG"}

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

@@ -1,13 +1,106 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "#shadcn/components/ui/button";
-import { Input } from "#shadcn/components/ui/input";
-import { Label } from "#shadcn/components/ui/label";
-import { Popover, PopoverContent, PopoverTrigger, } from "#shadcn/components/ui/popover";
+import { Button } from "./button.js";
+import { Input } from "./input.js";
+import { Label } from "./label.js";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
 const meta = {
-    title: "Component/Popover",
+    title: "Component/Popover"
 };
 export default meta;
 export const Demo = {
-    render: () => (_jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "secondary", children: "Open popover" }) }), _jsx(PopoverContent, { className: "w-80", children: _jsxs("div", { className: "grid gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("h4", { className: "leading-none font-medium", children: "Dimensions" }), _jsx("p", { className: "text-muted-foreground text-sm", children: "Set the dimensions for the layer." })] }), _jsxs("div", { className: "grid gap-2", children: [_jsxs("div", { className: "grid grid-cols-3 items-center gap-4", children: [_jsx(Label, { htmlFor: "width", children: "Width" }), _jsx(Input, { id: "width", defaultValue: "100%", className: "col-span-2 h-8" })] }), _jsxs("div", { className: "grid grid-cols-3 items-center gap-4", children: [_jsx(Label, { htmlFor: "maxWidth", children: "Max. width" }), _jsx(Input, { id: "maxWidth", defaultValue: "300px", className: "col-span-2 h-8" })] }), _jsxs("div", { className: "grid grid-cols-3 items-center gap-4", children: [_jsx(Label, { htmlFor: "height", children: "Height" }), _jsx(Input, { id: "height", defaultValue: "25px", className: "col-span-2 h-8" })] }), _jsxs("div", { className: "grid grid-cols-3 items-center gap-4", children: [_jsx(Label, { htmlFor: "maxHeight", children: "Max. height" }), _jsx(Input, { id: "maxHeight", defaultValue: "none", className: "col-span-2 h-8" })] })] })] }) })] })),
+    render: ()=>/*#__PURE__*/ _jsxs(Popover, {
+            children: [
+                /*#__PURE__*/ _jsx(PopoverTrigger, {
+                    asChild: true,
+                    children: /*#__PURE__*/ _jsx(Button, {
+                        variant: "secondary",
+                        children: "Open popover"
+                    })
+                }),
+                /*#__PURE__*/ _jsx(PopoverContent, {
+                    className: "w-80",
+                    children: /*#__PURE__*/ _jsxs("div", {
+                        className: "grid gap-4",
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "space-y-2",
+                                children: [
+                                    /*#__PURE__*/ _jsx("h4", {
+                                        className: "leading-none font-medium",
+                                        children: "Dimensions"
+                                    }),
+                                    /*#__PURE__*/ _jsx("p", {
+                                        className: "text-muted-foreground text-sm",
+                                        children: "Set the dimensions for the layer."
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "grid gap-2",
+                                children: [
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "grid grid-cols-3 items-center gap-4",
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Label, {
+                                                htmlFor: "width",
+                                                children: "Width"
+                                            }),
+                                            /*#__PURE__*/ _jsx(Input, {
+                                                id: "width",
+                                                defaultValue: "100%",
+                                                className: "col-span-2 h-8"
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "grid grid-cols-3 items-center gap-4",
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Label, {
+                                                htmlFor: "maxWidth",
+                                                children: "Max. width"
+                                            }),
+                                            /*#__PURE__*/ _jsx(Input, {
+                                                id: "maxWidth",
+                                                defaultValue: "300px",
+                                                className: "col-span-2 h-8"
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "grid grid-cols-3 items-center gap-4",
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Label, {
+                                                htmlFor: "height",
+                                                children: "Height"
+                                            }),
+                                            /*#__PURE__*/ _jsx(Input, {
+                                                id: "height",
+                                                defaultValue: "25px",
+                                                className: "col-span-2 h-8"
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsxs("div", {
+                                        className: "grid grid-cols-3 items-center gap-4",
+                                        children: [
+                                            /*#__PURE__*/ _jsx(Label, {
+                                                htmlFor: "maxHeight",
+                                                children: "Max. height"
+                                            }),
+                                            /*#__PURE__*/ _jsx(Input, {
+                                                id: "maxHeight",
+                                                defaultValue: "none",
+                                                className: "col-span-2 h-8"
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
 };
+
 //# sourceMappingURL=popover.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/popover.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EACN,OAAO,EACP,cAAc,EACd,cAAc,GACd,MAAM,+BAA+B,CAAC;AAEvC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,mBAAmB;CACX,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,OAAO,eACP,KAAC,cAAc,IAAC,OAAO,kBACtB,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,6BAAsB,GACjC,EACjB,KAAC,cAAc,IAAC,SAAS,EAAC,MAAM,YAC/B,eAAK,SAAS,EAAC,YAAY,aAC1B,eAAK,SAAS,EAAC,WAAW,aACzB,aAAI,SAAS,EAAC,0BAA0B,2BAAgB,EACxD,YAAG,SAAS,EAAC,+BAA+B,kDAExC,IACC,EACN,eAAK,SAAS,EAAC,YAAY,aAC1B,eAAK,SAAS,EAAC,qCAAqC,aACnD,KAAC,KAAK,IAAC,OAAO,EAAC,OAAO,sBAAc,EACpC,KAAC,KAAK,IACL,EAAE,EAAC,OAAO,EACV,YAAY,EAAC,MAAM,EACnB,SAAS,EAAC,gBAAgB,GACzB,IACG,EACN,eAAK,SAAS,EAAC,qCAAqC,aACnD,KAAC,KAAK,IAAC,OAAO,EAAC,UAAU,2BAAmB,EAC5C,KAAC,KAAK,IACL,EAAE,EAAC,UAAU,EACb,YAAY,EAAC,OAAO,EACpB,SAAS,EAAC,gBAAgB,GACzB,IACG,EACN,eAAK,SAAS,EAAC,qCAAqC,aACnD,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,uBAAe,EACtC,KAAC,KAAK,IACL,EAAE,EAAC,QAAQ,EACX,YAAY,EAAC,MAAM,EACnB,SAAS,EAAC,gBAAgB,GACzB,IACG,EACN,eAAK,SAAS,EAAC,qCAAqC,aACnD,KAAC,KAAK,IAAC,OAAO,EAAC,WAAW,4BAAoB,EAC9C,KAAC,KAAK,IACL,EAAE,EAAC,WAAW,EACd,YAAY,EAAC,MAAM,EACnB,SAAS,EAAC,gBAAgB,GACzB,IACG,IACD,IACD,GACU,IACR,CACV;CACe,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/popover.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Button } from \"#shadcn/components/ui/button\";\nimport { Input } from \"#shadcn/components/ui/input\";\nimport { Label } from \"#shadcn/components/ui/label\";\nimport {\n\tPopover,\n\tPopoverContent,\n\tPopoverTrigger,\n} from \"#shadcn/components/ui/popover\";\n\nconst meta = {\n\ttitle: \"Component/Popover\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<Popover>\n\t\t\t<PopoverTrigger asChild>\n\t\t\t\t<Button variant=\"secondary\">Open popover</Button>\n\t\t\t</PopoverTrigger>\n\t\t\t<PopoverContent className=\"w-80\">\n\t\t\t\t<div className=\"grid gap-4\">\n\t\t\t\t\t<div className=\"space-y-2\">\n\t\t\t\t\t\t<h4 className=\"leading-none font-medium\">Dimensions</h4>\n\t\t\t\t\t\t<p className=\"text-muted-foreground text-sm\">\n\t\t\t\t\t\t\tSet the dimensions for the layer.\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"grid gap-2\">\n\t\t\t\t\t\t<div className=\"grid grid-cols-3 items-center gap-4\">\n\t\t\t\t\t\t\t<Label htmlFor=\"width\">Width</Label>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tid=\"width\"\n\t\t\t\t\t\t\t\tdefaultValue=\"100%\"\n\t\t\t\t\t\t\t\tclassName=\"col-span-2 h-8\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"grid grid-cols-3 items-center gap-4\">\n\t\t\t\t\t\t\t<Label htmlFor=\"maxWidth\">Max. width</Label>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tid=\"maxWidth\"\n\t\t\t\t\t\t\t\tdefaultValue=\"300px\"\n\t\t\t\t\t\t\t\tclassName=\"col-span-2 h-8\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"grid grid-cols-3 items-center gap-4\">\n\t\t\t\t\t\t\t<Label htmlFor=\"height\">Height</Label>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tid=\"height\"\n\t\t\t\t\t\t\t\tdefaultValue=\"25px\"\n\t\t\t\t\t\t\t\tclassName=\"col-span-2 h-8\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"grid grid-cols-3 items-center gap-4\">\n\t\t\t\t\t\t\t<Label htmlFor=\"maxHeight\">Max. height</Label>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tid=\"maxHeight\"\n\t\t\t\t\t\t\t\tdefaultValue=\"none\"\n\t\t\t\t\t\t\t\tclassName=\"col-span-2 h-8\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t),\n} satisfies Story;\n"],"names":["Button","Input","Label","Popover","PopoverContent","PopoverTrigger","meta","title","Demo","render","asChild","variant","className","div","h4","p","htmlFor","id","defaultValue"],"mappings":";AACA,SAASA,MAAM,QAAQ,cAA+B;AACtD,SAASC,KAAK,QAAQ,aAA8B;AACpD,SAASC,KAAK,QAAQ,aAA8B;AACpD,SACCC,OAAO,EACPC,cAAc,EACdC,cAAc,QACR,eAAgC;AAEvC,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACN;;8BACA,KAACE;oBAAeK,OAAO;8BACtB,cAAA,KAACV;wBAAOW,SAAQ;kCAAY;;;8BAE7B,KAACP;oBAAeQ,WAAU;8BACzB,cAAA,MAACC;wBAAID,WAAU;;0CACd,MAACC;gCAAID,WAAU;;kDACd,KAACE;wCAAGF,WAAU;kDAA2B;;kDACzC,KAACG;wCAAEH,WAAU;kDAAgC;;;;0CAI9C,MAACC;gCAAID,WAAU;;kDACd,MAACC;wCAAID,WAAU;;0DACd,KAACV;gDAAMc,SAAQ;0DAAQ;;0DACvB,KAACf;gDACAgB,IAAG;gDACHC,cAAa;gDACbN,WAAU;;;;kDAGZ,MAACC;wCAAID,WAAU;;0DACd,KAACV;gDAAMc,SAAQ;0DAAW;;0DAC1B,KAACf;gDACAgB,IAAG;gDACHC,cAAa;gDACbN,WAAU;;;;kDAGZ,MAACC;wCAAID,WAAU;;0DACd,KAACV;gDAAMc,SAAQ;0DAAS;;0DACxB,KAACf;gDACAgB,IAAG;gDACHC,cAAa;gDACbN,WAAU;;;;kDAGZ,MAACC;wCAAID,WAAU;;0DACd,KAACV;gDAAMc,SAAQ;0DAAY;;0DAC3B,KAACf;gDACAgB,IAAG;gDACHC,cAAa;gDACbN,WAAU;;;;;;;;;;;AAQlB,EAAkB"}

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

@@ -1,8 +1,20 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { cn } from "#shadcn/lib/utils";
+import { cn } from "../../lib/utils.js";
 function Progress({ className, value, ...props }) {
-    return (_jsx(ProgressPrimitive.Root, { "data-slot": "progress", className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className), ...props, children: _jsx(ProgressPrimitive.Indicator, { "data-slot": "progress-indicator", className: "bg-primary h-full w-full flex-1 transition-all", style: { transform: `translateX(-${100 - (value || 0)}%)` } }) }));
+    return /*#__PURE__*/ _jsx(ProgressPrimitive.Root, {
+        "data-slot": "progress",
+        className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className),
+        ...props,
+        children: /*#__PURE__*/ _jsx(ProgressPrimitive.Indicator, {
+            "data-slot": "progress-indicator",
+            className: "bg-primary h-full w-full flex-1 transition-all",
+            style: {
+                transform: `translateX(-${100 - (value || 0)}%)`
+            }
+        })
+    });
 }
 export { Progress };
+
 //# sourceMappingURL=progress.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/progress.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAG9D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,QAAQ,CAAC,EACjB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EAC6C;IACrD,OAAO,CACN,KAAC,iBAAiB,CAAC,IAAI,iBACZ,UAAU,EACpB,SAAS,EAAE,EAAE,CACZ,gEAAgE,EAChE,SAAS,CACT,KACG,KAAK,YAET,KAAC,iBAAiB,CAAC,SAAS,iBACjB,oBAAoB,EAC9B,SAAS,EAAC,gDAAgD,EAC1D,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,GAAG,GAAG,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,EAAE,GAC1D,GACsB,CACzB,CAAC;AACH,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/progress.tsx"],"sourcesContent":["import * as ProgressPrimitive from \"@radix-ui/react-progress\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Progress({\n\tclassName,\n\tvalue,\n\t...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n\treturn (\n\t\t<ProgressPrimitive.Root\n\t\t\tdata-slot=\"progress\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-primary/20 relative h-2 w-full overflow-hidden rounded-full\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ProgressPrimitive.Indicator\n\t\t\t\tdata-slot=\"progress-indicator\"\n\t\t\t\tclassName=\"bg-primary h-full w-full flex-1 transition-all\"\n\t\t\t\tstyle={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n\t\t\t/>\n\t\t</ProgressPrimitive.Root>\n\t);\n}\n\nexport { Progress };\n"],"names":["ProgressPrimitive","cn","Progress","className","value","props","Root","data-slot","Indicator","style","transform"],"mappings":";AAAA,YAAYA,uBAAuB,2BAA2B;AAG9D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,SAAS,EACjBC,SAAS,EACTC,KAAK,EACL,GAAGC,OACkD;IACrD,qBACC,KAACL,kBAAkBM,IAAI;QACtBC,aAAU;QACVJ,WAAWF,GACV,kEACAE;QAEA,GAAGE,KAAK;kBAET,cAAA,KAACL,kBAAkBQ,SAAS;YAC3BD,aAAU;YACVJ,WAAU;YACVM,OAAO;gBAAEC,WAAW,CAAC,YAAY,EAAE,MAAON,CAAAA,SAAS,CAAA,EAAG,EAAE,CAAC;YAAC;;;AAI9D;AAEA,SAASF,QAAQ,GAAG"}

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

@@ -1,18 +1,22 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
-import { Progress } from "#shadcn/components/ui/progress";
+import { Progress } from "./progress.js";
 const meta = {
-    title: "Component/Progress",
+    title: "Component/Progress"
 };
 export default meta;
 export const Demo = {
-    render: () => {
+    render: ()=>{
         const [progress, setProgress] = React.useState(13);
-        React.useEffect(() => {
-            const timer = setTimeout(() => setProgress(66), 500);
-            return () => clearTimeout(timer);
+        React.useEffect(()=>{
+            const timer = setTimeout(()=>setProgress(66), 500);
+            return ()=>clearTimeout(timer);
         }, []);
-        return _jsx(Progress, { value: progress, className: "w-[60%]" });
-    },
+        return /*#__PURE__*/ _jsx(Progress, {
+            value: progress,
+            className: "w-[60%]"
+        });
+    }
 };
+
 //# sourceMappingURL=progress.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"progress.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/progress.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,oBAAoB;CACZ,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE;QACZ,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QAEnD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;YACpB,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;YACrD,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QAClC,CAAC,EAAE,EAAE,CAAC,CAAC;QAEP,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAC,SAAS,GAAG,CAAC;IAC1D,CAAC;CACe,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/progress.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport * as React from \"react\";\nimport { Progress } from \"#shadcn/components/ui/progress\";\n\nconst meta = {\n\ttitle: \"Component/Progress\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => {\n\t\tconst [progress, setProgress] = React.useState(13);\n\n\t\tReact.useEffect(() => {\n\t\t\tconst timer = setTimeout(() => setProgress(66), 500);\n\t\t\treturn () => clearTimeout(timer);\n\t\t}, []);\n\n\t\treturn <Progress value={progress} className=\"w-[60%]\" />;\n\t},\n} satisfies Story;\n"],"names":["React","Progress","meta","title","Demo","render","progress","setProgress","useState","useEffect","timer","setTimeout","clearTimeout","value","className"],"mappings":";AACA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,QAAQ,QAAQ,gBAAiC;AAE1D,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ;QACP,MAAM,CAACC,UAAUC,YAAY,GAAGP,MAAMQ,QAAQ,CAAC;QAE/CR,MAAMS,SAAS,CAAC;YACf,MAAMC,QAAQC,WAAW,IAAMJ,YAAY,KAAK;YAChD,OAAO,IAAMK,aAAaF;QAC3B,GAAG,EAAE;QAEL,qBAAO,KAACT;YAASY,OAAOP;YAAUQ,WAAU;;IAC7C;AACD,EAAkB"}

package/dist/src/shadcn/components/ui/radio-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/radio-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAEnE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,UAAU,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAQvD;AAED,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAkBvD;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/radio-group.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAEnE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,UAAU,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAQvD;AAED,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAkBvD;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}

package/dist/src/shadcn/components/ui/radio-group.js

@@ -1,12 +1,29 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { CircleIcon } from "lucide-react";
-import { cn } from "#shadcn/lib/utils";
+import { cn } from "../../lib/utils.js";
 function RadioGroup({ className, ...props }) {
-    return (_jsx(RadioGroupPrimitive.Root, { "data-slot": "radio-group", className: cn("grid gap-3", className), ...props }));
+    return /*#__PURE__*/ _jsx(RadioGroupPrimitive.Root, {
+        "data-slot": "radio-group",
+        className: cn("grid gap-3", className),
+        ...props
+    });
 }
 function RadioGroupItem({ className, ...props }) {
-    return (_jsx(RadioGroupPrimitive.Item, { "data-slot": "radio-group-item", className: cn("border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className), ...props, children: _jsx(RadioGroupPrimitive.Indicator, { "data-slot": "radio-group-indicator", className: "relative flex items-center justify-center", children: _jsx(CircleIcon, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" }) }) }));
+    return /*#__PURE__*/ _jsx(RadioGroupPrimitive.Item, {
+        "data-slot": "radio-group-item",
+        className: cn("border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+        ...props,
+        children: /*#__PURE__*/ _jsx(RadioGroupPrimitive.Indicator, {
+            "data-slot": "radio-group-indicator",
+            className: "relative flex items-center justify-center",
+            children: /*#__PURE__*/ _jsx(CircleIcon, {
+                className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2"
+            })
+        })
+    });
 }
 export { RadioGroup, RadioGroupItem };
+
 //# sourceMappingURL=radio-group.js.map

package/dist/src/shadcn/components/ui/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/radio-group.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,UAAU,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EAC+C;IACvD,OAAO,CACN,KAAC,mBAAmB,CAAC,IAAI,iBACd,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,KAClC,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EAC+C;IACvD,OAAO,CACN,KAAC,mBAAmB,CAAC,IAAI,iBACd,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CACZ,wXAAwX,EACxX,SAAS,CACT,KACG,KAAK,YAET,KAAC,mBAAmB,CAAC,SAAS,iBACnB,uBAAuB,EACjC,SAAS,EAAC,2CAA2C,YAErD,KAAC,UAAU,IAAC,SAAS,EAAC,iFAAiF,GAAG,GAC3E,GACN,CAC3B,CAAC;AACH,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/radio-group.tsx"],"sourcesContent":["\"use client\";\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { CircleIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction RadioGroup({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\n\treturn (\n\t\t<RadioGroupPrimitive.Root\n\t\t\tdata-slot=\"radio-group\"\n\t\t\tclassName={cn(\"grid gap-3\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction RadioGroupItem({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\n\treturn (\n\t\t<RadioGroupPrimitive.Item\n\t\t\tdata-slot=\"radio-group-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<RadioGroupPrimitive.Indicator\n\t\t\t\tdata-slot=\"radio-group-indicator\"\n\t\t\t\tclassName=\"relative flex items-center justify-center\"\n\t\t\t>\n\t\t\t\t<CircleIcon className=\"fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2\" />\n\t\t\t</RadioGroupPrimitive.Indicator>\n\t\t</RadioGroupPrimitive.Item>\n\t);\n}\n\nexport { RadioGroup, RadioGroupItem };\n"],"names":["RadioGroupPrimitive","CircleIcon","cn","RadioGroup","className","props","Root","data-slot","RadioGroupItem","Item","Indicator"],"mappings":"AAAA;;AACA,YAAYA,yBAAyB,8BAA8B;AACnE,SAASC,UAAU,QAAQ,eAAe;AAG1C,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,WAAW,EACnBC,SAAS,EACT,GAAGC,OACoD;IACvD,qBACC,KAACL,oBAAoBM,IAAI;QACxBC,aAAU;QACVH,WAAWF,GAAG,cAAcE;QAC3B,GAAGC,KAAK;;AAGZ;AAEA,SAASG,eAAe,EACvBJ,SAAS,EACT,GAAGC,OACoD;IACvD,qBACC,KAACL,oBAAoBS,IAAI;QACxBF,aAAU;QACVH,WAAWF,GACV,0XACAE;QAEA,GAAGC,KAAK;kBAET,cAAA,KAACL,oBAAoBU,SAAS;YAC7BH,aAAU;YACVH,WAAU;sBAEV,cAAA,KAACH;gBAAWG,WAAU;;;;AAI1B;AAEA,SAASD,UAAU,EAAEK,cAAc,GAAG"}

package/dist/src/shadcn/components/ui/radio-group.stories.js

@@ -1,11 +1,55 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Label } from "#shadcn/components/ui/label";
-import { RadioGroup, RadioGroupItem } from "#shadcn/components/ui/radio-group";
+import { Label } from "./label.js";
+import { RadioGroup, RadioGroupItem } from "./radio-group.js";
 const meta = {
-    title: "Component/Radio group",
+    title: "Component/Radio group"
 };
 export default meta;
 export const Demo = {
-    render: () => (_jsxs(RadioGroup, { defaultValue: "comfortable", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(RadioGroupItem, { value: "default", id: "r1" }), _jsx(Label, { htmlFor: "r1", children: "Default" })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(RadioGroupItem, { value: "comfortable", id: "r2" }), _jsx(Label, { htmlFor: "r2", children: "Comfortable" })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(RadioGroupItem, { value: "compact", id: "r3" }), _jsx(Label, { htmlFor: "r3", children: "Compact" })] })] })),
+    render: ()=>/*#__PURE__*/ _jsxs(RadioGroup, {
+            defaultValue: "comfortable",
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex items-center gap-3",
+                    children: [
+                        /*#__PURE__*/ _jsx(RadioGroupItem, {
+                            value: "default",
+                            id: "r1"
+                        }),
+                        /*#__PURE__*/ _jsx(Label, {
+                            htmlFor: "r1",
+                            children: "Default"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex items-center gap-3",
+                    children: [
+                        /*#__PURE__*/ _jsx(RadioGroupItem, {
+                            value: "comfortable",
+                            id: "r2"
+                        }),
+                        /*#__PURE__*/ _jsx(Label, {
+                            htmlFor: "r2",
+                            children: "Comfortable"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex items-center gap-3",
+                    children: [
+                        /*#__PURE__*/ _jsx(RadioGroupItem, {
+                            value: "compact",
+                            id: "r3"
+                        }),
+                        /*#__PURE__*/ _jsx(Label, {
+                            htmlFor: "r3",
+                            children: "Compact"
+                        })
+                    ]
+                })
+            ]
+        })
 };
+
 //# sourceMappingURL=radio-group.stories.js.map