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

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

@@ -1,60 +1,164 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AlertCircleIcon, CheckCircle2Icon, PopcornIcon } from "lucide-react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Controls, Primary, Title } from "@storybook/addon-docs/blocks";
+import { AlertCircleIcon, CheckIcon, CircleXIcon, InfoIcon } from "lucide-react";
 import { Alert, AlertDescription, AlertTitle } from "./alert.js";
 const meta = {
-    title: "Component/Alert"
+    title: "Component/Alert",
+    component: Alert,
+    parameters: {
+        docs: {
+            page: ()=>/*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Title, {}),
+                        /*#__PURE__*/ _jsx(Primary, {}),
+                        /*#__PURE__*/ _jsx(Controls, {})
+                    ]
+                })
+        }
+    },
+    argTypes: {
+        variant: {
+            control: "select",
+            options: [
+                "critical",
+                "warning",
+                "info",
+                "neutral",
+                "success"
+            ]
+        },
+        vivid: {
+            control: "boolean"
+        },
+        icon: {
+            control: "boolean"
+        }
+    },
+    args: {
+        variant: "info",
+        vivid: false,
+        icon: true
+    }
 };
 export default meta;
+export const Default = {
+    tags: [
+        "!dev"
+    ],
+    render: ({ variant, vivid, icon = true })=>/*#__PURE__*/ _jsxs(Alert, {
+            variant: variant,
+            vivid: vivid,
+            icon: icon,
+            children: [
+                /*#__PURE__*/ _jsx(InfoIcon, {}),
+                /*#__PURE__*/ _jsx(AlertTitle, {
+                    children: "Alert Title"
+                }),
+                /*#__PURE__*/ _jsx(AlertDescription, {
+                    children: "This is an alert description with some helpful information."
+                })
+            ]
+        })
+};
 export const Demo = {
+    tags: [
+        "!autodocs"
+    ],
     render: ()=>/*#__PURE__*/ _jsxs("div", {
-            className: "grid w-full max-w-xl items-start gap-4",
+            className: "grid grid-cols-2 w-full max-w-4xl items-start gap-4",
             children: [
                 /*#__PURE__*/ _jsxs(Alert, {
+                    variant: "critical",
+                    children: [
+                        /*#__PURE__*/ _jsx(CircleXIcon, {}),
+                        /*#__PURE__*/ _jsx(AlertDescription, {
+                            children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Learn more"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Alert, {
+                    variant: "critical",
+                    vivid: true,
                     children: [
-                        /*#__PURE__*/ _jsx(CheckCircle2Icon, {}),
-                        /*#__PURE__*/ _jsx(AlertTitle, {
-                            children: "Success! Your changes have been saved"
-                        }),
+                        /*#__PURE__*/ _jsx(CircleXIcon, {}),
                         /*#__PURE__*/ _jsx(AlertDescription, {
-                            children: "This is an alert with icon, title and description."
+                            children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Learn more"
                         })
                     ]
                 }),
                 /*#__PURE__*/ _jsxs(Alert, {
+                    variant: "warning",
                     children: [
-                        /*#__PURE__*/ _jsx(PopcornIcon, {}),
-                        /*#__PURE__*/ _jsx(AlertTitle, {
-                            children: "This Alert has a title and an icon. No description."
+                        /*#__PURE__*/ _jsx(AlertCircleIcon, {}),
+                        /*#__PURE__*/ _jsx(AlertDescription, {
+                            children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Learn more"
                         })
                     ]
                 }),
                 /*#__PURE__*/ _jsxs(Alert, {
-                    variant: "destructive",
+                    variant: "warning",
+                    vivid: true,
                     children: [
                         /*#__PURE__*/ _jsx(AlertCircleIcon, {}),
-                        /*#__PURE__*/ _jsx(AlertTitle, {
-                            children: "Unable to process your payment."
-                        }),
-                        /*#__PURE__*/ _jsxs(AlertDescription, {
-                            children: [
-                                /*#__PURE__*/ _jsx("p", {
-                                    children: "Please verify your billing information and try again."
-                                }),
-                                /*#__PURE__*/ _jsxs("ul", {
-                                    className: "list-inside list-disc text-sm",
-                                    children: [
-                                        /*#__PURE__*/ _jsx("li", {
-                                            children: "Check your card details"
-                                        }),
-                                        /*#__PURE__*/ _jsx("li", {
-                                            children: "Ensure sufficient funds"
-                                        }),
-                                        /*#__PURE__*/ _jsx("li", {
-                                            children: "Verify billing address"
-                                        })
-                                    ]
-                                })
-                            ]
+                        /*#__PURE__*/ _jsx(AlertDescription, {
+                            children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Learn more"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Alert, {
+                    variant: "info",
+                    children: [
+                        /*#__PURE__*/ _jsx(InfoIcon, {}),
+                        /*#__PURE__*/ _jsx(AlertDescription, {
+                            children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Learn more"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Alert, {
+                    variant: "info",
+                    vivid: true,
+                    children: [
+                        /*#__PURE__*/ _jsx(InfoIcon, {}),
+                        /*#__PURE__*/ _jsx(AlertDescription, {
+                            children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Learn more"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Alert, {
+                    variant: "neutral",
+                    children: [
+                        /*#__PURE__*/ _jsx(InfoIcon, {}),
+                        /*#__PURE__*/ _jsx(AlertDescription, {
+                            children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Learn more"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Alert, {
+                    variant: "neutral",
+                    vivid: true,
+                    children: [
+                        /*#__PURE__*/ _jsx(InfoIcon, {}),
+                        /*#__PURE__*/ _jsx(AlertDescription, {
+                            children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Learn more"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Alert, {
+                    variant: "success",
+                    children: [
+                        /*#__PURE__*/ _jsx(CheckIcon, {}),
+                        /*#__PURE__*/ _jsx(AlertDescription, {
+                            children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Learn more"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsxs(Alert, {
+                    variant: "success",
+                    vivid: true,
+                    children: [
+                        /*#__PURE__*/ _jsx(CheckIcon, {}),
+                        /*#__PURE__*/ _jsx(AlertDescription, {
+                            children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Learn more"
                         })
                     ]
                 })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/alert.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { AlertCircleIcon, CheckCircle2Icon, PopcornIcon } from \"lucide-react\";\nimport {\n\tAlert,\n\tAlertDescription,\n\tAlertTitle,\n} from \"#shadcn/components/ui/alert\";\n\nconst meta = {\n\ttitle: \"Component/Alert\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<div className=\"grid w-full max-w-xl items-start gap-4\">\n\t\t\t<Alert>\n\t\t\t\t<CheckCircle2Icon />\n\t\t\t\t<AlertTitle>Success! Your changes have been saved</AlertTitle>\n\t\t\t\t<AlertDescription>\n\t\t\t\t\tThis is an alert with icon, title and description.\n\t\t\t\t</AlertDescription>\n\t\t\t</Alert>\n\t\t\t<Alert>\n\t\t\t\t<PopcornIcon />\n\t\t\t\t<AlertTitle>\n\t\t\t\t\tThis Alert has a title and an icon. No description.\n\t\t\t\t</AlertTitle>\n\t\t\t</Alert>\n\t\t\t<Alert variant=\"destructive\">\n\t\t\t\t<AlertCircleIcon />\n\t\t\t\t<AlertTitle>Unable to process your payment.</AlertTitle>\n\t\t\t\t<AlertDescription>\n\t\t\t\t\t<p>Please verify your billing information and try again.</p>\n\t\t\t\t\t<ul className=\"list-inside list-disc text-sm\">\n\t\t\t\t\t\t<li>Check your card details</li>\n\t\t\t\t\t\t<li>Ensure sufficient funds</li>\n\t\t\t\t\t\t<li>Verify billing address</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</AlertDescription>\n\t\t\t</Alert>\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["AlertCircleIcon","CheckCircle2Icon","PopcornIcon","Alert","AlertDescription","AlertTitle","meta","title","Demo","render","div","className","variant","p","ul","li"],"mappings":";AACA,SAASA,eAAe,EAAEC,gBAAgB,EAAEC,WAAW,QAAQ,eAAe;AAC9E,SACCC,KAAK,EACLC,gBAAgB,EAChBC,UAAU,QACJ,aAA8B;AAErC,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACC;YAAIC,WAAU;;8BACd,MAACR;;sCACA,KAACF;sCACD,KAACI;sCAAW;;sCACZ,KAACD;sCAAiB;;;;8BAInB,MAACD;;sCACA,KAACD;sCACD,KAACG;sCAAW;;;;8BAIb,MAACF;oBAAMS,SAAQ;;sCACd,KAACZ;sCACD,KAACK;sCAAW;;sCACZ,MAACD;;8CACA,KAACS;8CAAE;;8CACH,MAACC;oCAAGH,WAAU;;sDACb,KAACI;sDAAG;;sDACJ,KAACA;sDAAG;;sDACJ,KAACA;sDAAG;;;;;;;;;;AAMV,EAAkB"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/alert.stories.tsx"],"sourcesContent":["import { Controls, Primary, Title } from \"@storybook/addon-docs/blocks\";\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport {\n\tAlertCircleIcon,\n\tCheckIcon,\n\tCircleXIcon,\n\tInfoIcon,\n} from \"lucide-react\";\nimport {\n\tAlert,\n\tAlertDescription,\n\tAlertTitle,\n} from \"#shadcn/components/ui/alert\";\n\nconst meta = {\n\ttitle: \"Component/Alert\",\n\tcomponent: Alert,\n\tparameters: {\n\t\tdocs: {\n\t\t\tpage: () => (\n\t\t\t\t<>\n\t\t\t\t\t<Title />\n\t\t\t\t\t<Primary />\n\t\t\t\t\t<Controls />\n\t\t\t\t</>\n\t\t\t),\n\t\t},\n\t},\n\targTypes: {\n\t\tvariant: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [\"critical\", \"warning\", \"info\", \"neutral\", \"success\"],\n\t\t},\n\t\tvivid: {\n\t\t\tcontrol: \"boolean\",\n\t\t},\n\t\ticon: {\n\t\t\tcontrol: \"boolean\",\n\t\t},\n\t},\n\targs: {\n\t\tvariant: \"info\",\n\t\tvivid: false,\n\t\ticon: true,\n\t},\n} satisfies Meta<typeof Alert>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default = {\n\ttags: [\"!dev\"],\n\trender: ({ variant, vivid, icon = true }) => (\n\t\t<Alert variant={variant} vivid={vivid} icon={icon}>\n\t\t\t<InfoIcon />\n\t\t\t<AlertTitle>Alert Title</AlertTitle>\n\t\t\t<AlertDescription>\n\t\t\t\tThis is an alert description with some helpful information.\n\t\t\t</AlertDescription>\n\t\t</Alert>\n\t),\n} satisfies Story;\n\nexport const Demo = {\n\ttags: [\"!autodocs\"],\n\trender: () => (\n\t\t<div className=\"grid grid-cols-2 w-full max-w-4xl items-start gap-4\">\n\t\t\t{/* Default variants */}\n\t\t\t<Alert variant=\"critical\">\n\t\t\t\t<CircleXIcon />\n\t\t\t\t<AlertDescription>\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n\t\t\t\t\teiusmod tempor incididunt ut labore et dolore magna aliqua. Learn more\n\t\t\t\t</AlertDescription>\n\t\t\t</Alert>\n\t\t\t<Alert variant=\"critical\" vivid>\n\t\t\t\t<CircleXIcon />\n\t\t\t\t<AlertDescription>\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n\t\t\t\t\teiusmod tempor incididunt ut labore et dolore magna aliqua. Learn more\n\t\t\t\t</AlertDescription>\n\t\t\t</Alert>\n\n\t\t\t<Alert variant=\"warning\">\n\t\t\t\t<AlertCircleIcon />\n\t\t\t\t<AlertDescription>\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n\t\t\t\t\teiusmod tempor incididunt ut labore et dolore magna aliqua. Learn more\n\t\t\t\t</AlertDescription>\n\t\t\t</Alert>\n\t\t\t<Alert variant=\"warning\" vivid>\n\t\t\t\t<AlertCircleIcon />\n\t\t\t\t<AlertDescription>\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n\t\t\t\t\teiusmod tempor incididunt ut labore et dolore magna aliqua. Learn more\n\t\t\t\t</AlertDescription>\n\t\t\t</Alert>\n\n\t\t\t<Alert variant=\"info\">\n\t\t\t\t<InfoIcon />\n\t\t\t\t<AlertDescription>\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n\t\t\t\t\teiusmod tempor incididunt ut labore et dolore magna aliqua. Learn more\n\t\t\t\t</AlertDescription>\n\t\t\t</Alert>\n\t\t\t<Alert variant=\"info\" vivid>\n\t\t\t\t<InfoIcon />\n\t\t\t\t<AlertDescription>\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n\t\t\t\t\teiusmod tempor incididunt ut labore et dolore magna aliqua. Learn more\n\t\t\t\t</AlertDescription>\n\t\t\t</Alert>\n\n\t\t\t<Alert variant=\"neutral\">\n\t\t\t\t<InfoIcon />\n\t\t\t\t<AlertDescription>\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n\t\t\t\t\teiusmod tempor incididunt ut labore et dolore magna aliqua. Learn more\n\t\t\t\t</AlertDescription>\n\t\t\t</Alert>\n\t\t\t<Alert variant=\"neutral\" vivid>\n\t\t\t\t<InfoIcon />\n\t\t\t\t<AlertDescription>\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n\t\t\t\t\teiusmod tempor incididunt ut labore et dolore magna aliqua. Learn more\n\t\t\t\t</AlertDescription>\n\t\t\t</Alert>\n\n\t\t\t<Alert variant=\"success\">\n\t\t\t\t<CheckIcon />\n\t\t\t\t<AlertDescription>\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n\t\t\t\t\teiusmod tempor incididunt ut labore et dolore magna aliqua. Learn more\n\t\t\t\t</AlertDescription>\n\t\t\t</Alert>\n\t\t\t<Alert variant=\"success\" vivid>\n\t\t\t\t<CheckIcon />\n\t\t\t\t<AlertDescription>\n\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n\t\t\t\t\teiusmod tempor incididunt ut labore et dolore magna aliqua. Learn more\n\t\t\t\t</AlertDescription>\n\t\t\t</Alert>\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["Controls","Primary","Title","AlertCircleIcon","CheckIcon","CircleXIcon","InfoIcon","Alert","AlertDescription","AlertTitle","meta","title","component","parameters","docs","page","argTypes","variant","control","options","vivid","icon","args","Default","tags","render","Demo","div","className"],"mappings":";AAAA,SAASA,QAAQ,EAAEC,OAAO,EAAEC,KAAK,QAAQ,+BAA+B;AAExE,SACCC,eAAe,EACfC,SAAS,EACTC,WAAW,EACXC,QAAQ,QACF,eAAe;AACtB,SACCC,KAAK,EACLC,gBAAgB,EAChBC,UAAU,QACJ,aAA8B;AAErC,MAAMC,OAAO;IACZC,OAAO;IACPC,WAAWL;IACXM,YAAY;QACXC,MAAM;YACLC,MAAM,kBACL;;sCACC,KAACb;sCACD,KAACD;sCACD,KAACD;;;QAGJ;IACD;IACAgB,UAAU;QACTC,SAAS;YACRC,SAAS;YACTC,SAAS;gBAAC;gBAAY;gBAAW;gBAAQ;gBAAW;aAAU;QAC/D;QACAC,OAAO;YACNF,SAAS;QACV;QACAG,MAAM;YACLH,SAAS;QACV;IACD;IACAI,MAAM;QACLL,SAAS;QACTG,OAAO;QACPC,MAAM;IACP;AACD;AACA,eAAeX,KAAK;AAIpB,OAAO,MAAMa,UAAU;IACtBC,MAAM;QAAC;KAAO;IACdC,QAAQ,CAAC,EAAER,OAAO,EAAEG,KAAK,EAAEC,OAAO,IAAI,EAAE,iBACvC,MAACd;YAAMU,SAASA;YAASG,OAAOA;YAAOC,MAAMA;;8BAC5C,KAACf;8BACD,KAACG;8BAAW;;8BACZ,KAACD;8BAAiB;;;;AAKrB,EAAkB;AAElB,OAAO,MAAMkB,OAAO;IACnBF,MAAM;QAAC;KAAY;IACnBC,QAAQ,kBACP,MAACE;YAAIC,WAAU;;8BAEd,MAACrB;oBAAMU,SAAQ;;sCACd,KAACZ;sCACD,KAACG;sCAAiB;;;;8BAKnB,MAACD;oBAAMU,SAAQ;oBAAWG,KAAK;;sCAC9B,KAACf;sCACD,KAACG;sCAAiB;;;;8BAMnB,MAACD;oBAAMU,SAAQ;;sCACd,KAACd;sCACD,KAACK;sCAAiB;;;;8BAKnB,MAACD;oBAAMU,SAAQ;oBAAUG,KAAK;;sCAC7B,KAACjB;sCACD,KAACK;sCAAiB;;;;8BAMnB,MAACD;oBAAMU,SAAQ;;sCACd,KAACX;sCACD,KAACE;sCAAiB;;;;8BAKnB,MAACD;oBAAMU,SAAQ;oBAAOG,KAAK;;sCAC1B,KAACd;sCACD,KAACE;sCAAiB;;;;8BAMnB,MAACD;oBAAMU,SAAQ;;sCACd,KAACX;sCACD,KAACE;sCAAiB;;;;8BAKnB,MAACD;oBAAMU,SAAQ;oBAAUG,KAAK;;sCAC7B,KAACd;sCACD,KAACE;sCAAiB;;;;8BAMnB,MAACD;oBAAMU,SAAQ;;sCACd,KAACb;sCACD,KAACI;sCAAiB;;;;8BAKnB,MAACD;oBAAMU,SAAQ;oBAAUG,KAAK;;sCAC7B,KAAChB;sCACD,KAACI;sCAAiB;;;;;;AAOtB,EAAkB"}

package/dist/src/shadcn/components/ui/aspect-ratio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/aspect-ratio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAErE,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAExD;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/aspect-ratio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAErE,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAExD;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/src/shadcn/components/ui/aspect-ratio.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
 function AspectRatio({ ...props }) {

package/dist/src/shadcn/components/ui/aspect-ratio.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/aspect-ratio.tsx"],"sourcesContent":["import * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\";\n\nfunction AspectRatio({\n\t...props\n}: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {\n\treturn <AspectRatioPrimitive.Root data-slot=\"aspect-ratio\" {...props} />;\n}\n\nexport { AspectRatio };\n"],"names":["AspectRatioPrimitive","AspectRatio","props","Root","data-slot"],"mappings":";AAAA,YAAYA,0BAA0B,+BAA+B;AAErE,SAASC,YAAY,EACpB,GAAGC,OACqD;IACxD,qBAAO,KAACF,qBAAqBG,IAAI;QAACC,aAAU;QAAgB,GAAGF,KAAK;;AACrE;AAEA,SAASD,WAAW,GAAG"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/aspect-ratio.tsx"],"sourcesContent":["\"use client\";\nimport * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\";\n\nfunction AspectRatio({\n\t...props\n}: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {\n\treturn <AspectRatioPrimitive.Root data-slot=\"aspect-ratio\" {...props} />;\n}\n\nexport { AspectRatio };\n"],"names":["AspectRatioPrimitive","AspectRatio","props","Root","data-slot"],"mappings":"AAAA;;AACA,YAAYA,0BAA0B,+BAA+B;AAErE,SAASC,YAAY,EACpB,GAAGC,OACqD;IACxD,qBAAO,KAACF,qBAAqBG,IAAI;QAACC,aAAU;QAAgB,GAAGF,KAAK;;AACrE;AAEA,SAASD,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,MAAM,CAAC,EACf,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAWnD;AAED,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,2CAWvD;AAED,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAapC,iBAAS,MAAM,CAAC,EACf,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAQnD;AAED,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,2CAqBvD;AAED,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}

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

@@ -1,24 +1,25 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import { cn } from "../../lib/utils.js";
+const avatarStyles = cn("relative", "flex", "size-8", "shrink-0", "overflow-hidden", "rounded-full");
 function Avatar({ className, ...props }) {
     return /*#__PURE__*/ _jsx(AvatarPrimitive.Root, {
         "data-slot": "avatar",
-        className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className),
+        className: cn(avatarStyles, className),
         ...props
     });
 }
 function AvatarImage({ className, ...props }) {
     return /*#__PURE__*/ _jsx(AvatarPrimitive.Image, {
         "data-slot": "avatar-image",
-        className: cn("aspect-square size-full", className),
+        className: cn("aspect-square", "size-full", className),
         ...props
     });
 }
 function AvatarFallback({ className, ...props }) {
     return /*#__PURE__*/ _jsx(AvatarPrimitive.Fallback, {
         "data-slot": "avatar-fallback",
-        className: cn("bg-muted flex size-full items-center justify-center rounded-full", className),
+        className: cn("bg-bg-tertiary", "text-text-secondary", "flex", "size-full", "items-center", "justify-center", "rounded-full", "transition-colors", "cursor-pointer", "hover:bg-bg-dark_tertiary", "hover:text-text-primary_on-brand", className),
         ...props
     });
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/avatar.tsx"],"sourcesContent":["import * as AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Avatar({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n\treturn (\n\t\t<AvatarPrimitive.Root\n\t\t\tdata-slot=\"avatar\"\n\t\t\tclassName={cn(\n\t\t\t\t\"relative flex size-8 shrink-0 overflow-hidden rounded-full\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AvatarImage({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n\treturn (\n\t\t<AvatarPrimitive.Image\n\t\t\tdata-slot=\"avatar-image\"\n\t\t\tclassName={cn(\"aspect-square size-full\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AvatarFallback({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n\treturn (\n\t\t<AvatarPrimitive.Fallback\n\t\t\tdata-slot=\"avatar-fallback\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-muted flex size-full items-center justify-center rounded-full\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Avatar, AvatarImage, AvatarFallback };\n"],"names":["AvatarPrimitive","cn","Avatar","className","props","Root","data-slot","AvatarImage","Image","AvatarFallback","Fallback"],"mappings":";AAAA,YAAYA,qBAAqB,yBAAyB;AAG1D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,OAAO,EACfC,SAAS,EACT,GAAGC,OACgD;IACnD,qBACC,KAACJ,gBAAgBK,IAAI;QACpBC,aAAU;QACVH,WAAWF,GACV,8DACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASG,YAAY,EACpBJ,SAAS,EACT,GAAGC,OACiD;IACpD,qBACC,KAACJ,gBAAgBQ,KAAK;QACrBF,aAAU;QACVH,WAAWF,GAAG,2BAA2BE;QACxC,GAAGC,KAAK;;AAGZ;AAEA,SAASK,eAAe,EACvBN,SAAS,EACT,GAAGC,OACoD;IACvD,qBACC,KAACJ,gBAAgBU,QAAQ;QACxBJ,aAAU;QACVH,WAAWF,GACV,oEACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASF,MAAM,EAAEK,WAAW,EAAEE,cAAc,GAAG"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/avatar.tsx"],"sourcesContent":["import * as AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nconst avatarStyles = cn(\n\t\"relative\",\n\t\"flex\",\n\t\"size-8\",\n\t\"shrink-0\",\n\t\"overflow-hidden\",\n\t\"rounded-full\",\n);\n\nfunction Avatar({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n\treturn (\n\t\t<AvatarPrimitive.Root\n\t\t\tdata-slot=\"avatar\"\n\t\t\tclassName={cn(avatarStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AvatarImage({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n\treturn (\n\t\t<AvatarPrimitive.Image\n\t\t\tdata-slot=\"avatar-image\"\n\t\t\tclassName={cn(\"aspect-square\", \"size-full\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AvatarFallback({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n\treturn (\n\t\t<AvatarPrimitive.Fallback\n\t\t\tdata-slot=\"avatar-fallback\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-bg-tertiary\",\n\t\t\t\t\"text-text-secondary\",\n\t\t\t\t\"flex\",\n\t\t\t\t\"size-full\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"justify-center\",\n\t\t\t\t\"rounded-full\",\n\t\t\t\t\"transition-colors\",\n\t\t\t\t\"cursor-pointer\",\n\t\t\t\t\"hover:bg-bg-dark_tertiary\",\n\t\t\t\t\"hover:text-text-primary_on-brand\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Avatar, AvatarImage, AvatarFallback };\n"],"names":["AvatarPrimitive","cn","avatarStyles","Avatar","className","props","Root","data-slot","AvatarImage","Image","AvatarFallback","Fallback"],"mappings":";AAAA,YAAYA,qBAAqB,yBAAyB;AAG1D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,MAAMC,eAAeD,GACpB,YACA,QACA,UACA,YACA,mBACA;AAGD,SAASE,OAAO,EACfC,SAAS,EACT,GAAGC,OACgD;IACnD,qBACC,KAACL,gBAAgBM,IAAI;QACpBC,aAAU;QACVH,WAAWH,GAAGC,cAAcE;QAC3B,GAAGC,KAAK;;AAGZ;AAEA,SAASG,YAAY,EACpBJ,SAAS,EACT,GAAGC,OACiD;IACpD,qBACC,KAACL,gBAAgBS,KAAK;QACrBF,aAAU;QACVH,WAAWH,GAAG,iBAAiB,aAAaG;QAC3C,GAAGC,KAAK;;AAGZ;AAEA,SAASK,eAAe,EACvBN,SAAS,EACT,GAAGC,OACoD;IACvD,qBACC,KAACL,gBAAgBW,QAAQ;QACxBJ,aAAU;QACVH,WAAWH,GACV,kBACA,uBACA,QACA,aACA,gBACA,kBACA,gBACA,qBACA,kBACA,6BACA,oCACAG;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASF,MAAM,EAAEK,WAAW,EAAEE,cAAc,GAAG"}

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

@@ -1,10 +1,71 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Controls, Primary, Title } from "@storybook/addon-docs/blocks";
 import { Avatar, AvatarFallback, AvatarImage } from "./avatar.js";
+function AvatarWrapper({ shape = "circle", hasImage = true, fallback = "CN" }) {
+    return /*#__PURE__*/ _jsxs(Avatar, {
+        className: shape === "square" ? "rounded-lg" : undefined,
+        children: [
+            hasImage && /*#__PURE__*/ _jsx(AvatarImage, {
+                src: "https://github.com/shadcn.png",
+                alt: "@shadcn"
+            }),
+            /*#__PURE__*/ _jsx(AvatarFallback, {
+                children: fallback
+            })
+        ]
+    }, `${hasImage}`);
+}
 const meta = {
-    title: "Component/Avatar"
+    title: "Component/Avatar",
+    component: AvatarWrapper,
+    parameters: {
+        layout: "centered",
+        docs: {
+            page: ()=>/*#__PURE__*/ _jsxs(_Fragment, {
+                    children: [
+                        /*#__PURE__*/ _jsx(Title, {}),
+                        /*#__PURE__*/ _jsx(Primary, {}),
+                        /*#__PURE__*/ _jsx(Controls, {})
+                    ]
+                })
+        }
+    },
+    argTypes: {
+        shape: {
+            control: "select",
+            options: [
+                "circle",
+                "square"
+            ]
+        },
+        hasImage: {
+            control: "boolean"
+        },
+        fallback: {
+            control: "text"
+        }
+    },
+    args: {
+        shape: "circle",
+        hasImage: true,
+        fallback: "CN"
+    }
 };
 export default meta;
+export const Default = {
+    tags: [
+        "!dev"
+    ],
+    render: ({ shape = "circle", hasImage = true, fallback = "CN" })=>/*#__PURE__*/ _jsx(AvatarWrapper, {
+            shape: shape,
+            hasImage: hasImage,
+            fallback: fallback
+        })
+};
 export const Demo = {
+    tags: [
+        "!autodocs"
+    ],
     render: ()=>/*#__PURE__*/ _jsxs("div", {
             className: "flex flex-row flex-wrap items-center gap-12",
             children: [
@@ -31,6 +92,11 @@ export const Demo = {
                         })
                     ]
                 }),
+                /*#__PURE__*/ _jsx(Avatar, {
+                    children: /*#__PURE__*/ _jsx(AvatarFallback, {
+                        children: "KB"
+                    })
+                }),
                 /*#__PURE__*/ _jsxs("div", {
                     className: "*:data-[slot=avatar]:ring-background flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:grayscale",
                     children: [

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/avatar.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport {\n\tAvatar,\n\tAvatarFallback,\n\tAvatarImage,\n} from \"#shadcn/components/ui/avatar\";\n\nconst meta = {\n\ttitle: \"Component/Avatar\",\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-row flex-wrap items-center gap-12\">\n\t\t\t<Avatar>\n\t\t\t\t<AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n\t\t\t\t<AvatarFallback>CN</AvatarFallback>\n\t\t\t</Avatar>\n\t\t\t<Avatar className=\"rounded-lg\">\n\t\t\t\t<AvatarImage\n\t\t\t\t\tsrc=\"https://github.com/evilrabbit.png\"\n\t\t\t\t\talt=\"@evilrabbit\"\n\t\t\t\t/>\n\t\t\t\t<AvatarFallback>ER</AvatarFallback>\n\t\t\t</Avatar>\n\t\t\t<div className=\"*:data-[slot=avatar]:ring-background flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:grayscale\">\n\t\t\t\t<Avatar>\n\t\t\t\t\t<AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n\t\t\t\t\t<AvatarFallback>CN</AvatarFallback>\n\t\t\t\t</Avatar>\n\t\t\t\t<Avatar>\n\t\t\t\t\t<AvatarImage src=\"https://github.com/leerob.png\" alt=\"@leerob\" />\n\t\t\t\t\t<AvatarFallback>LR</AvatarFallback>\n\t\t\t\t</Avatar>\n\t\t\t\t<Avatar>\n\t\t\t\t\t<AvatarImage\n\t\t\t\t\t\tsrc=\"https://github.com/evilrabbit.png\"\n\t\t\t\t\t\talt=\"@evilrabbit\"\n\t\t\t\t\t/>\n\t\t\t\t\t<AvatarFallback>ER</AvatarFallback>\n\t\t\t\t</Avatar>\n\t\t\t</div>\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["Avatar","AvatarFallback","AvatarImage","meta","title","Demo","render","div","className","src","alt"],"mappings":";AACA,SACCA,MAAM,EACNC,cAAc,EACdC,WAAW,QACL,cAA+B;AAEtC,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACC;YAAIC,WAAU;;8BACd,MAACR;;sCACA,KAACE;4BAAYO,KAAI;4BAAgCC,KAAI;;sCACrD,KAACT;sCAAe;;;;8BAEjB,MAACD;oBAAOQ,WAAU;;sCACjB,KAACN;4BACAO,KAAI;4BACJC,KAAI;;sCAEL,KAACT;sCAAe;;;;8BAEjB,MAACM;oBAAIC,WAAU;;sCACd,MAACR;;8CACA,KAACE;oCAAYO,KAAI;oCAAgCC,KAAI;;8CACrD,KAACT;8CAAe;;;;sCAEjB,MAACD;;8CACA,KAACE;oCAAYO,KAAI;oCAAgCC,KAAI;;8CACrD,KAACT;8CAAe;;;;sCAEjB,MAACD;;8CACA,KAACE;oCACAO,KAAI;oCACJC,KAAI;;8CAEL,KAACT;8CAAe;;;;;;;;AAKrB,EAAkB"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/avatar.stories.tsx"],"sourcesContent":["import { Controls, Primary, Title } from \"@storybook/addon-docs/blocks\";\nimport type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport {\n\tAvatar,\n\tAvatarFallback,\n\tAvatarImage,\n} from \"#shadcn/components/ui/avatar\";\n\ninterface AvatarWrapperProps {\n\tshape?: \"circle\" | \"square\";\n\thasImage?: boolean;\n\tfallback?: string;\n}\n\nfunction AvatarWrapper({\n\tshape = \"circle\",\n\thasImage = true,\n\tfallback = \"CN\",\n}: AvatarWrapperProps) {\n\treturn (\n\t\t<Avatar\n\t\t\tkey={`${hasImage}`}\n\t\t\tclassName={shape === \"square\" ? \"rounded-lg\" : undefined}\n\t\t>\n\t\t\t{hasImage && (\n\t\t\t\t<AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n\t\t\t)}\n\t\t\t<AvatarFallback>{fallback}</AvatarFallback>\n\t\t</Avatar>\n\t);\n}\n\nconst meta = {\n\ttitle: \"Component/Avatar\",\n\tcomponent: AvatarWrapper,\n\tparameters: {\n\t\tlayout: \"centered\",\n\t\tdocs: {\n\t\t\tpage: () => (\n\t\t\t\t<>\n\t\t\t\t\t<Title />\n\t\t\t\t\t<Primary />\n\t\t\t\t\t<Controls />\n\t\t\t\t</>\n\t\t\t),\n\t\t},\n\t},\n\targTypes: {\n\t\tshape: {\n\t\t\tcontrol: \"select\",\n\t\t\toptions: [\"circle\", \"square\"],\n\t\t},\n\t\thasImage: {\n\t\t\tcontrol: \"boolean\",\n\t\t},\n\t\tfallback: {\n\t\t\tcontrol: \"text\",\n\t\t},\n\t},\n\targs: {\n\t\tshape: \"circle\",\n\t\thasImage: true,\n\t\tfallback: \"CN\",\n\t},\n} satisfies Meta<typeof AvatarWrapper>;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default = {\n\ttags: [\"!dev\"],\n\trender: ({ shape = \"circle\", hasImage = true, fallback = \"CN\" }) => (\n\t\t<AvatarWrapper shape={shape} hasImage={hasImage} fallback={fallback} />\n\t),\n} satisfies Story;\n\nexport const Demo = {\n\ttags: [\"!autodocs\"],\n\trender: () => (\n\t\t<div className=\"flex flex-row flex-wrap items-center gap-12\">\n\t\t\t{/* With image - circle */}\n\t\t\t<Avatar>\n\t\t\t\t<AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n\t\t\t\t<AvatarFallback>CN</AvatarFallback>\n\t\t\t</Avatar>\n\n\t\t\t{/* With image - square */}\n\t\t\t<Avatar className=\"rounded-lg\">\n\t\t\t\t<AvatarImage\n\t\t\t\t\tsrc=\"https://github.com/evilrabbit.png\"\n\t\t\t\t\talt=\"@evilrabbit\"\n\t\t\t\t/>\n\t\t\t\t<AvatarFallback>ER</AvatarFallback>\n\t\t\t</Avatar>\n\n\t\t\t{/* Fallback only */}\n\t\t\t<Avatar>\n\t\t\t\t<AvatarFallback>KB</AvatarFallback>\n\t\t\t</Avatar>\n\n\t\t\t{/* Stacked avatars */}\n\t\t\t<div className=\"*:data-[slot=avatar]:ring-background flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:grayscale\">\n\t\t\t\t<Avatar>\n\t\t\t\t\t<AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n\t\t\t\t\t<AvatarFallback>CN</AvatarFallback>\n\t\t\t\t</Avatar>\n\t\t\t\t<Avatar>\n\t\t\t\t\t<AvatarImage src=\"https://github.com/leerob.png\" alt=\"@leerob\" />\n\t\t\t\t\t<AvatarFallback>LR</AvatarFallback>\n\t\t\t\t</Avatar>\n\t\t\t\t<Avatar>\n\t\t\t\t\t<AvatarImage\n\t\t\t\t\t\tsrc=\"https://github.com/evilrabbit.png\"\n\t\t\t\t\t\talt=\"@evilrabbit\"\n\t\t\t\t\t/>\n\t\t\t\t\t<AvatarFallback>ER</AvatarFallback>\n\t\t\t\t</Avatar>\n\t\t\t</div>\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["Controls","Primary","Title","Avatar","AvatarFallback","AvatarImage","AvatarWrapper","shape","hasImage","fallback","className","undefined","src","alt","meta","title","component","parameters","layout","docs","page","argTypes","control","options","args","Default","tags","render","Demo","div"],"mappings":";AAAA,SAASA,QAAQ,EAAEC,OAAO,EAAEC,KAAK,QAAQ,+BAA+B;AAExE,SACCC,MAAM,EACNC,cAAc,EACdC,WAAW,QACL,cAA+B;AAQtC,SAASC,cAAc,EACtBC,QAAQ,QAAQ,EAChBC,WAAW,IAAI,EACfC,WAAW,IAAI,EACK;IACpB,qBACC,MAACN;QAEAO,WAAWH,UAAU,WAAW,eAAeI;;YAE9CH,0BACA,KAACH;gBAAYO,KAAI;gBAAgCC,KAAI;;0BAEtD,KAACT;0BAAgBK;;;OANZ,GAAGD,UAAU;AASrB;AAEA,MAAMM,OAAO;IACZC,OAAO;IACPC,WAAWV;IACXW,YAAY;QACXC,QAAQ;QACRC,MAAM;YACLC,MAAM,kBACL;;sCACC,KAAClB;sCACD,KAACD;sCACD,KAACD;;;QAGJ;IACD;IACAqB,UAAU;QACTd,OAAO;YACNe,SAAS;YACTC,SAAS;gBAAC;gBAAU;aAAS;QAC9B;QACAf,UAAU;YACTc,SAAS;QACV;QACAb,UAAU;YACTa,SAAS;QACV;IACD;IACAE,MAAM;QACLjB,OAAO;QACPC,UAAU;QACVC,UAAU;IACX;AACD;AACA,eAAeK,KAAK;AAIpB,OAAO,MAAMW,UAAU;IACtBC,MAAM;QAAC;KAAO;IACdC,QAAQ,CAAC,EAAEpB,QAAQ,QAAQ,EAAEC,WAAW,IAAI,EAAEC,WAAW,IAAI,EAAE,iBAC9D,KAACH;YAAcC,OAAOA;YAAOC,UAAUA;YAAUC,UAAUA;;AAE7D,EAAkB;AAElB,OAAO,MAAMmB,OAAO;IACnBF,MAAM;QAAC;KAAY;IACnBC,QAAQ,kBACP,MAACE;YAAInB,WAAU;;8BAEd,MAACP;;sCACA,KAACE;4BAAYO,KAAI;4BAAgCC,KAAI;;sCACrD,KAACT;sCAAe;;;;8BAIjB,MAACD;oBAAOO,WAAU;;sCACjB,KAACL;4BACAO,KAAI;4BACJC,KAAI;;sCAEL,KAACT;sCAAe;;;;8BAIjB,KAACD;8BACA,cAAA,KAACC;kCAAe;;;8BAIjB,MAACyB;oBAAInB,WAAU;;sCACd,MAACP;;8CACA,KAACE;oCAAYO,KAAI;oCAAgCC,KAAI;;8CACrD,KAACT;8CAAe;;;;sCAEjB,MAACD;;8CACA,KAACE;oCAAYO,KAAI;oCAAgCC,KAAI;;8CACrD,KAACT;8CAAe;;;;sCAEjB,MAACD;;8CACA,KAACE;oCACAO,KAAI;oCACJC,KAAI;;8CAEL,KAACT;8CAAe;;;;;;;;AAKrB,EAAkB"}

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

@@ -1,7 +1,7 @@
 import { type VariantProps } from "class-variance-authority";
 import type * as React from "react";
 declare const badgeVariants: (props?: ({
-    variant?: "outline" | "default" | "destructive" | "secondary" | null | undefined;
+    variant?: "secondary" | "outline" | "default" | "destructive" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,QAAA,MAAM,aAAa;;8EAmBlB,CAAC;AAEF,iBAAS,KAAK,CAAC,EACd,SAAS,EACT,OAAO,EACP,OAAe,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAC9B,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,2CAU1D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAuCpC,QAAA,MAAM,aAAa;;8EAiCjB,CAAC;AAEH,iBAAS,KAAK,CAAC,EACd,SAAS,EACT,OAAO,EACP,OAAe,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAC9B,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,2CAU1D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

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

@@ -2,13 +2,24 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { cn } from "../../lib/utils.js";
-const badgeVariants = cva("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
+// Base badge styles
+const baseBadgeStyles = cn(// Layout
+"inline-flex", "items-center", "justify-center", "w-fit", "whitespace-nowrap", "shrink-0", "gap-1", "overflow-hidden", // Shape
+"rounded-md", // Borders
+"border", // Spacing
+"px-2", "py-0.5", // Typography
+"text-xs", "font-medium", // SVG
+"[&>svg]:size-3", "[&>svg]:pointer-events-none", // Transitions
+"transition-[color,box-shadow]", // Focus
+"focus-visible:ring-2", "focus-visible:ring-utility-blue/70", // Invalid
+"aria-invalid:ring-2", "aria-invalid:ring-utility-red/70", "aria-invalid:border-border-error");
+const badgeVariants = cva(baseBadgeStyles, {
     variants: {
         variant: {
-            default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
-            secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
-            destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-            outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+            default: cn("border-transparent", "bg-bg-link", "text-text-primary_on-brand", "[a&]:hover:bg-bg-link_hover"),
+            secondary: cn("border-transparent", "bg-bg-secondary", "text-text-secondary", "[a&]:hover:bg-bg-tertiary"),
+            destructive: cn("border-transparent", "bg-bg-error-primary_inverse", "text-text-primary_on-brand", "[a&]:hover:bg-bg-error-primary_inverse_hover", "focus-visible:ring-utility-red/70"),
+            outline: cn("text-text-primary", "border-border-primary", "[a&]:hover:bg-bg-secondary", "[a&]:hover:text-text-primary")
         }
     },
     defaultVariants: {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/badge.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 badgeVariants = cva(\n\t\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault:\n\t\t\t\t\t\"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n\t\t\t\tsecondary:\n\t\t\t\t\t\"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n\t\t\t\tdestructive:\n\t\t\t\t\t\"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n\t\t\t\toutline:\n\t\t\t\t\t\"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t},\n\t},\n);\n\nfunction Badge({\n\tclassName,\n\tvariant,\n\tasChild = false,\n\t...props\n}: React.ComponentProps<\"span\"> &\n\tVariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n\tconst Comp = asChild ? Slot : \"span\";\n\n\treturn (\n\t\t<Comp\n\t\t\tdata-slot=\"badge\"\n\t\t\tclassName={cn(badgeVariants({ variant }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Badge, badgeVariants };\n"],"names":["Slot","cva","cn","badgeVariants","variants","variant","default","secondary","destructive","outline","defaultVariants","Badge","className","asChild","props","Comp","data-slot"],"mappings":";AAAA,SAASA,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,GAAG,QAA2B,2BAA2B;AAGlE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,MAAMC,gBAAgBF,IACrB,kZACA;IACCG,UAAU;QACTC,SAAS;YACRC,SACC;YACDC,WACC;YACDC,aACC;YACDC,SACC;QACF;IACD;IACAC,iBAAiB;QAChBL,SAAS;IACV;AACD;AAGD,SAASM,MAAM,EACdC,SAAS,EACTP,OAAO,EACPQ,UAAU,KAAK,EACf,GAAGC,OAEuD;IAC1D,MAAMC,OAAOF,UAAUb,OAAO;IAE9B,qBACC,KAACe;QACAC,aAAU;QACVJ,WAAWV,GAAGC,cAAc;YAAEE;QAAQ,IAAIO;QACzC,GAAGE,KAAK;;AAGZ;AAEA,SAASH,KAAK,EAAER,aAAa,GAAG"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/badge.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\n// Base badge styles\nconst baseBadgeStyles = cn(\n\t// Layout\n\t\"inline-flex\",\n\t\"items-center\",\n\t\"justify-center\",\n\t\"w-fit\",\n\t\"whitespace-nowrap\",\n\t\"shrink-0\",\n\t\"gap-1\",\n\t\"overflow-hidden\",\n\t// Shape\n\t\"rounded-md\",\n\t// Borders\n\t\"border\",\n\t// Spacing\n\t\"px-2\",\n\t\"py-0.5\",\n\t// Typography\n\t\"text-xs\",\n\t\"font-medium\",\n\t// SVG\n\t\"[&>svg]:size-3\",\n\t\"[&>svg]:pointer-events-none\",\n\t// Transitions\n\t\"transition-[color,box-shadow]\",\n\t// Focus\n\t\"focus-visible:ring-2\",\n\t\"focus-visible:ring-utility-blue/70\",\n\t// Invalid\n\t\"aria-invalid:ring-2\",\n\t\"aria-invalid:ring-utility-red/70\",\n\t\"aria-invalid:border-border-error\",\n);\n\nconst badgeVariants = cva(baseBadgeStyles, {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: cn(\n\t\t\t\t\"border-transparent\",\n\t\t\t\t\"bg-bg-link\",\n\t\t\t\t\"text-text-primary_on-brand\",\n\t\t\t\t\"[a&]:hover:bg-bg-link_hover\",\n\t\t\t),\n\t\t\tsecondary: cn(\n\t\t\t\t\"border-transparent\",\n\t\t\t\t\"bg-bg-secondary\",\n\t\t\t\t\"text-text-secondary\",\n\t\t\t\t\"[a&]:hover:bg-bg-tertiary\",\n\t\t\t),\n\t\t\tdestructive: cn(\n\t\t\t\t\"border-transparent\",\n\t\t\t\t\"bg-bg-error-primary_inverse\",\n\t\t\t\t\"text-text-primary_on-brand\",\n\t\t\t\t\"[a&]:hover:bg-bg-error-primary_inverse_hover\",\n\t\t\t\t\"focus-visible:ring-utility-red/70\",\n\t\t\t),\n\t\t\toutline: cn(\n\t\t\t\t\"text-text-primary\",\n\t\t\t\t\"border-border-primary\",\n\t\t\t\t\"[a&]:hover:bg-bg-secondary\",\n\t\t\t\t\"[a&]:hover:text-text-primary\",\n\t\t\t),\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tvariant: \"default\",\n\t},\n});\n\nfunction Badge({\n\tclassName,\n\tvariant,\n\tasChild = false,\n\t...props\n}: React.ComponentProps<\"span\"> &\n\tVariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n\tconst Comp = asChild ? Slot : \"span\";\n\n\treturn (\n\t\t<Comp\n\t\t\tdata-slot=\"badge\"\n\t\t\tclassName={cn(badgeVariants({ variant }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Badge, badgeVariants };\n"],"names":["Slot","cva","cn","baseBadgeStyles","badgeVariants","variants","variant","default","secondary","destructive","outline","defaultVariants","Badge","className","asChild","props","Comp","data-slot"],"mappings":";AAAA,SAASA,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,GAAG,QAA2B,2BAA2B;AAGlE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,oBAAoB;AACpB,MAAMC,kBAAkBD,GACvB,SAAS;AACT,eACA,gBACA,kBACA,SACA,qBACA,YACA,SACA,mBACA,QAAQ;AACR,cACA,UAAU;AACV,UACA,UAAU;AACV,QACA,UACA,aAAa;AACb,WACA,eACA,MAAM;AACN,kBACA,+BACA,cAAc;AACd,iCACA,QAAQ;AACR,wBACA,sCACA,UAAU;AACV,uBACA,oCACA;AAGD,MAAME,gBAAgBH,IAAIE,iBAAiB;IAC1CE,UAAU;QACTC,SAAS;YACRC,SAASL,GACR,sBACA,cACA,8BACA;YAEDM,WAAWN,GACV,sBACA,mBACA,uBACA;YAEDO,aAAaP,GACZ,sBACA,+BACA,8BACA,gDACA;YAEDQ,SAASR,GACR,qBACA,yBACA,8BACA;QAEF;IACD;IACAS,iBAAiB;QAChBL,SAAS;IACV;AACD;AAEA,SAASM,MAAM,EACdC,SAAS,EACTP,OAAO,EACPQ,UAAU,KAAK,EACf,GAAGC,OAEuD;IAC1D,MAAMC,OAAOF,UAAUd,OAAO;IAE9B,qBACC,KAACgB;QACAC,aAAU;QACVJ,WAAWX,GAAGE,cAAc;YAAEE;QAAQ,IAAIO;QACzC,GAAGE,KAAK;;AAGZ;AAEA,SAASH,KAAK,EAAER,aAAa,GAAG"}

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

@@ -1,9 +1,12 @@
 import type * as React from "react";
-declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
+declare function Breadcrumb({ isWhite, ...props }: React.ComponentProps<"nav"> & {
+    isWhite?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
 declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): import("react/jsx-runtime").JSX.Element;
 declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
+declare function BreadcrumbLink({ asChild, className, dropdownContent, ...props }: React.ComponentProps<"a"> & {
     asChild?: boolean;
+    dropdownContent?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
 declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAE5D;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAW1E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ1E;AAED,iBAAS,cAAc,CAAC,EACvB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,2CAeA;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAgB5E;AAED,iBAAS,mBAAmB,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAY5B;AAED,iBAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAa9B;AAED,OAAO,EACN,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GAClB,CAAC"}
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AA4HpC,iBAAS,UAAU,CAAC,EACnB,OAAO,EACP,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,2CAQrD;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ1E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ1E;AAED,iBAAS,cAAc,CAAC,EACvB,OAAO,EACP,SAAS,EACT,eAAe,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC,2CAiCA;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAmB5E;AAED,iBAAS,mBAAmB,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAY5B;AAED,iBAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAa9B;AAED,OAAO,EACN,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GAClB,CAAC"}