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

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,SAAS,CAAC,EAClB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAEtD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAQtD;AAED,iBAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAgBzD;AAED,iBAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAUzD;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAkEpC,iBAAS,SAAS,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CActD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CActD;AAED,iBAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAazD;AAED,iBAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAYzD;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

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

@@ -2,17 +2,43 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { ChevronDownIcon } from "lucide-react";
 import { cn } from "../../lib/utils.js";
-function Accordion({ ...props }) {
+// Accordion item styles
+const accordionItemStyles = cn("flex", "flex-col");
+// Accordion trigger styles
+const accordionTriggerStyles = cn(// Layout
+"flex", "flex-1", "items-center", "justify-between", "gap-2", // Typography
+"body16bold", "tracking-tight", "text-text-primary", // Interaction
+"cursor-pointer", "transition-all", "outline-none", // Focus
+"focus-visible:ring-2", "focus-visible:ring-utility-blue/70", // Disabled
+"disabled:pointer-events-none", "disabled:opacity-50", // Icon rotation
+"[&[data-state=open]>svg]:rotate-180");
+// Accordion content styles
+const accordionContentStyles = cn("data-[state=closed]:animate-accordion-up", "data-[state=open]:animate-accordion-down", "overflow-hidden");
+// Accordion content inner styles
+const accordionContentInnerStyles = cn("body14", "text-text-secondary_hover", "pt-3", "pb-0");
+// Accordion separator styles
+const accordionSeparatorStyles = cn("h-px", "border-t", "border-border-separator", "mt-2");
+// Accordion chevron styles
+const accordionChevronStyles = cn("text-text-secondary", "pointer-events-none", "size-4", "shrink-0", "transition-transform", "duration-200");
+function Accordion({ className, ...props }) {
     return /*#__PURE__*/ _jsx(AccordionPrimitive.Root, {
         "data-slot": "accordion",
+        className: cn("flex", "flex-col", "gap-2", "[&>[data-slot=accordion-item]:last-child>[data-slot=accordion-separator]]:hidden", className),
         ...props
     });
 }
-function AccordionItem({ className, ...props }) {
-    return /*#__PURE__*/ _jsx(AccordionPrimitive.Item, {
+function AccordionItem({ className, children, ...props }) {
+    return /*#__PURE__*/ _jsxs(AccordionPrimitive.Item, {
         "data-slot": "accordion-item",
-        className: cn("border-b last:border-b-0", className),
-        ...props
+        className: cn(accordionItemStyles, className),
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ _jsx("div", {
+                "data-slot": "accordion-separator",
+                className: accordionSeparatorStyles
+            })
+        ]
     });
 }
 function AccordionTrigger({ className, children, ...props }) {
@@ -20,12 +46,12 @@ function AccordionTrigger({ className, children, ...props }) {
         className: "flex",
         children: /*#__PURE__*/ _jsxs(AccordionPrimitive.Trigger, {
             "data-slot": "accordion-trigger",
-            className: cn("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className),
+            className: cn(accordionTriggerStyles, className),
             ...props,
             children: [
                 children,
                 /*#__PURE__*/ _jsx(ChevronDownIcon, {
-                    className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
+                    className: accordionChevronStyles
                 })
             ]
         })
@@ -34,10 +60,10 @@ function AccordionTrigger({ className, children, ...props }) {
 function AccordionContent({ className, children, ...props }) {
     return /*#__PURE__*/ _jsx(AccordionPrimitive.Content, {
         "data-slot": "accordion-content",
-        className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+        className: accordionContentStyles,
         ...props,
         children: /*#__PURE__*/ _jsx("div", {
-            className: cn("pt-0 pb-4", className),
+            className: cn(accordionContentInnerStyles, className),
             children: children
         })
     });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/accordion.tsx"],"sourcesContent":["import * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Accordion({\n\t...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n\treturn <AccordionPrimitive.Root data-slot=\"accordion\" {...props} />;\n}\n\nfunction AccordionItem({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n\treturn (\n\t\t<AccordionPrimitive.Item\n\t\t\tdata-slot=\"accordion-item\"\n\t\t\tclassName={cn(\"border-b last:border-b-0\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AccordionTrigger({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n\treturn (\n\t\t<AccordionPrimitive.Header className=\"flex\">\n\t\t\t<AccordionPrimitive.Trigger\n\t\t\t\tdata-slot=\"accordion-trigger\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t<ChevronDownIcon className=\"text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200\" />\n\t\t\t</AccordionPrimitive.Trigger>\n\t\t</AccordionPrimitive.Header>\n\t);\n}\n\nfunction AccordionContent({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n\treturn (\n\t\t<AccordionPrimitive.Content\n\t\t\tdata-slot=\"accordion-content\"\n\t\t\tclassName=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className={cn(\"pt-0 pb-4\", className)}>{children}</div>\n\t\t</AccordionPrimitive.Content>\n\t);\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"names":["AccordionPrimitive","ChevronDownIcon","cn","Accordion","props","Root","data-slot","AccordionItem","className","Item","AccordionTrigger","children","Header","Trigger","AccordionContent","Content","div"],"mappings":";AAAA,YAAYA,wBAAwB,4BAA4B;AAChE,SAASC,eAAe,QAAQ,eAAe;AAG/C,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,UAAU,EAClB,GAAGC,OACmD;IACtD,qBAAO,KAACJ,mBAAmBK,IAAI;QAACC,aAAU;QAAa,GAAGF,KAAK;;AAChE;AAEA,SAASG,cAAc,EACtBC,SAAS,EACT,GAAGJ,OACmD;IACtD,qBACC,KAACJ,mBAAmBS,IAAI;QACvBH,aAAU;QACVE,WAAWN,GAAG,4BAA4BM;QACzC,GAAGJ,KAAK;;AAGZ;AAEA,SAASM,iBAAiB,EACzBF,SAAS,EACTG,QAAQ,EACR,GAAGP,OACsD;IACzD,qBACC,KAACJ,mBAAmBY,MAAM;QAACJ,WAAU;kBACpC,cAAA,MAACR,mBAAmBa,OAAO;YAC1BP,aAAU;YACVE,WAAWN,GACV,8SACAM;YAEA,GAAGJ,KAAK;;gBAERO;8BACD,KAACV;oBAAgBO,WAAU;;;;;AAI/B;AAEA,SAASM,iBAAiB,EACzBN,SAAS,EACTG,QAAQ,EACR,GAAGP,OACsD;IACzD,qBACC,KAACJ,mBAAmBe,OAAO;QAC1BT,aAAU;QACVE,WAAU;QACT,GAAGJ,KAAK;kBAET,cAAA,KAACY;YAAIR,WAAWN,GAAG,aAAaM;sBAAaG;;;AAGhD;AAEA,SAASR,SAAS,EAAEI,aAAa,EAAEG,gBAAgB,EAAEI,gBAAgB,GAAG"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/accordion.tsx"],"sourcesContent":["import * as AccordionPrimitive from \"@radix-ui/react-accordion\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Accordion item styles\nconst accordionItemStyles = cn(\"flex\", \"flex-col\");\n\n// Accordion trigger styles\nconst accordionTriggerStyles = cn(\n\t// Layout\n\t\"flex\",\n\t\"flex-1\",\n\t\"items-center\",\n\t\"justify-between\",\n\t\"gap-2\",\n\t// Typography\n\t\"body16bold\",\n\t\"tracking-tight\",\n\t\"text-text-primary\",\n\t// Interaction\n\t\"cursor-pointer\",\n\t\"transition-all\",\n\t\"outline-none\",\n\t// Focus\n\t\"focus-visible:ring-2\",\n\t\"focus-visible:ring-utility-blue/70\",\n\t// Disabled\n\t\"disabled:pointer-events-none\",\n\t\"disabled:opacity-50\",\n\t// Icon rotation\n\t\"[&[data-state=open]>svg]:rotate-180\",\n);\n\n// Accordion content styles\nconst accordionContentStyles = cn(\n\t\"data-[state=closed]:animate-accordion-up\",\n\t\"data-[state=open]:animate-accordion-down\",\n\t\"overflow-hidden\",\n);\n\n// Accordion content inner styles\nconst accordionContentInnerStyles = cn(\n\t\"body14\",\n\t\"text-text-secondary_hover\",\n\t\"pt-3\",\n\t\"pb-0\",\n);\n\n// Accordion separator styles\nconst accordionSeparatorStyles = cn(\n\t\"h-px\",\n\t\"border-t\",\n\t\"border-border-separator\",\n\t\"mt-2\",\n);\n\n// Accordion chevron styles\nconst accordionChevronStyles = cn(\n\t\"text-text-secondary\",\n\t\"pointer-events-none\",\n\t\"size-4\",\n\t\"shrink-0\",\n\t\"transition-transform\",\n\t\"duration-200\",\n);\n\nfunction Accordion({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\n\treturn (\n\t\t<AccordionPrimitive.Root\n\t\t\tdata-slot=\"accordion\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex\",\n\t\t\t\t\"flex-col\",\n\t\t\t\t\"gap-2\",\n\t\t\t\t\"[&>[data-slot=accordion-item]:last-child>[data-slot=accordion-separator]]:hidden\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AccordionItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\n\treturn (\n\t\t<AccordionPrimitive.Item\n\t\t\tdata-slot=\"accordion-item\"\n\t\t\tclassName={cn(accordionItemStyles, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<div\n\t\t\t\tdata-slot=\"accordion-separator\"\n\t\t\t\tclassName={accordionSeparatorStyles}\n\t\t\t/>\n\t\t</AccordionPrimitive.Item>\n\t);\n}\n\nfunction AccordionTrigger({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\n\treturn (\n\t\t<AccordionPrimitive.Header className=\"flex\">\n\t\t\t<AccordionPrimitive.Trigger\n\t\t\t\tdata-slot=\"accordion-trigger\"\n\t\t\t\tclassName={cn(accordionTriggerStyles, className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t<ChevronDownIcon className={accordionChevronStyles} />\n\t\t\t</AccordionPrimitive.Trigger>\n\t\t</AccordionPrimitive.Header>\n\t);\n}\n\nfunction AccordionContent({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\n\treturn (\n\t\t<AccordionPrimitive.Content\n\t\t\tdata-slot=\"accordion-content\"\n\t\t\tclassName={accordionContentStyles}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className={cn(accordionContentInnerStyles, className)}>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</AccordionPrimitive.Content>\n\t);\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"],"names":["AccordionPrimitive","ChevronDownIcon","cn","accordionItemStyles","accordionTriggerStyles","accordionContentStyles","accordionContentInnerStyles","accordionSeparatorStyles","accordionChevronStyles","Accordion","className","props","Root","data-slot","AccordionItem","children","Item","div","AccordionTrigger","Header","Trigger","AccordionContent","Content"],"mappings":";AAAA,YAAYA,wBAAwB,4BAA4B;AAChE,SAASC,eAAe,QAAQ,eAAe;AAG/C,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,wBAAwB;AACxB,MAAMC,sBAAsBD,GAAG,QAAQ;AAEvC,2BAA2B;AAC3B,MAAME,yBAAyBF,GAC9B,SAAS;AACT,QACA,UACA,gBACA,mBACA,SACA,aAAa;AACb,cACA,kBACA,qBACA,cAAc;AACd,kBACA,kBACA,gBACA,QAAQ;AACR,wBACA,sCACA,WAAW;AACX,gCACA,uBACA,gBAAgB;AAChB;AAGD,2BAA2B;AAC3B,MAAMG,yBAAyBH,GAC9B,4CACA,4CACA;AAGD,iCAAiC;AACjC,MAAMI,8BAA8BJ,GACnC,UACA,6BACA,QACA;AAGD,6BAA6B;AAC7B,MAAMK,2BAA2BL,GAChC,QACA,YACA,2BACA;AAGD,2BAA2B;AAC3B,MAAMM,yBAAyBN,GAC9B,uBACA,uBACA,UACA,YACA,wBACA;AAGD,SAASO,UAAU,EAClBC,SAAS,EACT,GAAGC,OACmD;IACtD,qBACC,KAACX,mBAAmBY,IAAI;QACvBC,aAAU;QACVH,WAAWR,GACV,QACA,YACA,SACA,oFACAQ;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASG,cAAc,EACtBJ,SAAS,EACTK,QAAQ,EACR,GAAGJ,OACmD;IACtD,qBACC,MAACX,mBAAmBgB,IAAI;QACvBH,aAAU;QACVH,WAAWR,GAAGC,qBAAqBO;QAClC,GAAGC,KAAK;;YAERI;0BACD,KAACE;gBACAJ,aAAU;gBACVH,WAAWH;;;;AAIf;AAEA,SAASW,iBAAiB,EACzBR,SAAS,EACTK,QAAQ,EACR,GAAGJ,OACsD;IACzD,qBACC,KAACX,mBAAmBmB,MAAM;QAACT,WAAU;kBACpC,cAAA,MAACV,mBAAmBoB,OAAO;YAC1BP,aAAU;YACVH,WAAWR,GAAGE,wBAAwBM;YACrC,GAAGC,KAAK;;gBAERI;8BACD,KAACd;oBAAgBS,WAAWF;;;;;AAIhC;AAEA,SAASa,iBAAiB,EACzBX,SAAS,EACTK,QAAQ,EACR,GAAGJ,OACsD;IACzD,qBACC,KAACX,mBAAmBsB,OAAO;QAC1BT,aAAU;QACVH,WAAWL;QACV,GAAGM,KAAK;kBAET,cAAA,KAACM;YAAIP,WAAWR,GAAGI,6BAA6BI;sBAC9CK;;;AAIL;AAEA,SAASN,SAAS,EAAEK,aAAa,EAAEI,gBAAgB,EAAEG,gBAAgB,GAAG"}

package/dist/src/shadcn/components/ui/alert-dialog.d.ts

@@ -1,15 +1,23 @@
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import type * as React from "react";
+import type { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import type { buttonVariants } from "../../components/ui/button";
 declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogContent({ className, children, showCloseButton, onOpenAutoFocus, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
 declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogAction({ className, variant, danger, asChild, children, ...props }: Omit<React.ComponentProps<typeof AlertDialogPrimitive.Action>, "asChild"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogCancel({ className, asChild, children, ...props }: Omit<React.ComponentProps<typeof AlertDialogPrimitive.Cancel>, "asChild"> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
 export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
 //# sourceMappingURL=alert-dialog.d.ts.map

package/dist/src/shadcn/components/ui/alert-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAExD;AAED,iBAAS,kBAAkB,CAAC,EAC3B,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAI3D;AAED,iBAAS,iBAAiB,CAAC,EAC1B,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAI1D;AAED,iBAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAW3D;AAED,iBAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAc3D;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ7B;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7B;AAED,iBAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,2CAQzD;AAED,iBAAS,sBAAsB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,2CAQ/D;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAO1D;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAO1D;AAED,OAAO,EACN,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GACjB,CAAC"}
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAInE,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAExD;AAED,iBAAS,kBAAkB,CAAC,EAC3B,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAI3D;AAED,iBAAS,iBAAiB,CAAC,EAC1B,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAI1D;AAkBD,iBAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAQ3D;AAqED,iBAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,eAAe,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,GAAG;IAC9D,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B,2CAsDA;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAoB7B;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAqB7B;AAED,iBAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,2CAQzD;AAED,iBAAS,sBAAsB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,2CAiB/D;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,OAAO,EACP,MAAM,EACN,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,GAC3E,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,2CA2BD;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,OAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,GAAG;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,2CA2BA;AAED,OAAO,EACN,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GACjB,CAAC"}

package/dist/src/shadcn/components/ui/alert-dialog.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { buttonVariants } from "./button.js";
+import { XIcon } from "lucide-react";
+import * as React from "react";
+import { Button } from "./button.js";
 import { cn } from "../../lib/utils.js";
 function AlertDialog({ ...props }) {
     return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Root, {
@@ -20,21 +22,87 @@ function AlertDialogPortal({ ...props }) {
         ...props
     });
 }
+// AlertDialog overlay styles
+const alertDialogOverlayStyles = cn(// Layout
+"fixed", "inset-0", "z-50", // Background
+"bg-black/50", // Animations - open
+"data-[state=open]:animate-in", "data-[state=open]:fade-in-0", // Animations - closed
+"data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0");
 function AlertDialogOverlay({ className, ...props }) {
     return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Overlay, {
         "data-slot": "alert-dialog-overlay",
-        className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
+        className: cn(alertDialogOverlayStyles, className),
         ...props
     });
 }
-function AlertDialogContent({ className, ...props }) {
+// AlertDialog content styles
+const alertDialogContentStyles = cn(// Layout
+"fixed", "top-[50%]", "left-[50%]", "z-50", "flex", "flex-col", "w-full", "max-w-[calc(100%-2rem)]", "translate-x-[-50%]", "translate-y-[-50%]", // Shape
+"rounded-lg", // Borders
+"border", "border-border-primary", // Background & Colors
+"bg-bg-primary", // Shadow
+"dropdown-menu-shadow", // Animation duration
+"duration-200", // Responsive
+"sm:max-w-lg", // Animations - open
+"data-[state=open]:animate-in", "data-[state=open]:fade-in-0", "data-[state=open]:zoom-in-95", // Animations - closed
+"data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0", "data-[state=closed]:zoom-out-95");
+// AlertDialog close button styles
+const alertDialogCloseButtonStyles = cn(// Layout
+"absolute", "top-4", "right-4", // Shape
+"rounded-xs", // Opacity
+"opacity-70", "hover:opacity-100", // Transitions
+"transition-opacity", // Cursor
+"cursor-pointer", // Focus
+"focus:ring-2", "focus:ring-utility-blue/70", "focus:ring-offset-2", "focus:outline-hidden", // Disabled
+"disabled:pointer-events-none", // SVG styles
+"[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", // States
+"data-[state=open]:bg-bg-secondary", "data-[state=open]:text-text-secondary");
+function AlertDialogContent({ className, children, showCloseButton = true, onOpenAutoFocus, ...props }) {
+    const contentRef = React.useRef(null);
+    const handleOpenAutoFocus = React.useCallback((event)=>{
+        // Prevent default focus behavior
+        event.preventDefault();
+        // Find first focusable element (usually a button in footer)
+        if (contentRef.current) {
+            const firstFocusable = contentRef.current.querySelector('button:not([tabindex="-1"]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])');
+            // Focus on first focusable element, or fallback to content itself
+            if (firstFocusable) {
+                firstFocusable.focus();
+            } else {
+                contentRef.current.focus();
+            }
+        }
+        // Call user-provided handler if exists
+        if (onOpenAutoFocus) {
+            onOpenAutoFocus(event);
+        }
+    }, [
+        onOpenAutoFocus
+    ]);
     return /*#__PURE__*/ _jsxs(AlertDialogPortal, {
         children: [
             /*#__PURE__*/ _jsx(AlertDialogOverlay, {}),
-            /*#__PURE__*/ _jsx(AlertDialogPrimitive.Content, {
+            /*#__PURE__*/ _jsxs(AlertDialogPrimitive.Content, {
+                ref: contentRef,
                 "data-slot": "alert-dialog-content",
-                className: cn("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className),
-                ...props
+                className: cn(alertDialogContentStyles, className),
+                onOpenAutoFocus: handleOpenAutoFocus,
+                ...props,
+                children: [
+                    children,
+                    showCloseButton && /*#__PURE__*/ _jsxs(AlertDialogPrimitive.Cancel, {
+                        "data-slot": "alert-dialog-close",
+                        className: alertDialogCloseButtonStyles,
+                        tabIndex: -1,
+                        children: [
+                            /*#__PURE__*/ _jsx(XIcon, {}),
+                            /*#__PURE__*/ _jsx("span", {
+                                className: "sr-only",
+                                children: "Close"
+                            })
+                        ]
+                    })
+                ]
             })
         ]
     });
@@ -42,43 +110,85 @@ function AlertDialogContent({ className, ...props }) {
 function AlertDialogHeader({ className, ...props }) {
     return /*#__PURE__*/ _jsx("div", {
         "data-slot": "alert-dialog-header",
-        className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+        className: cn(// Layout
+        "flex", "items-center", "justify-between", "h-[60px]", // Spacing
+        "px-6", // Borders
+        "border-b", "border-border-separator", className),
         ...props
     });
 }
 function AlertDialogFooter({ className, ...props }) {
     return /*#__PURE__*/ _jsx("div", {
         "data-slot": "alert-dialog-footer",
-        className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+        className: cn(// Layout
+        "flex", "items-center", "justify-between", "h-[60px]", // Spacing
+        "px-4", "py-3", // Borders
+        "border-t", "border-border-separator", className),
         ...props
     });
 }
 function AlertDialogTitle({ className, ...props }) {
     return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Title, {
         "data-slot": "alert-dialog-title",
-        className: cn("text-lg font-semibold", className),
+        className: cn("typo-page-header", className),
         ...props
     });
 }
 function AlertDialogDescription({ className, ...props }) {
     return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Description, {
         "data-slot": "alert-dialog-description",
-        className: cn("text-muted-foreground text-sm", className),
+        className: cn(// Typography
+        "body14", "text-text-secondary_hover", // Spacing
+        "px-6", "pt-3", "pb-4", className),
         ...props
     });
 }
-function AlertDialogAction({ className, ...props }) {
+function AlertDialogAction({ className, variant, danger, asChild = false, children, ...props }) {
+    if (asChild) {
+        return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Action, {
+            asChild: true,
+            className: className,
+            ...props,
+            children: children
+        });
+    }
+    // Extract asChild from props to avoid type conflicts
+    const { asChild: _asChild, ...restProps } = props;
+    const buttonProps = {
+        variant,
+        className,
+        ...danger !== undefined && danger !== null ? {
+            danger
+        } : {},
+        ...restProps
+    };
     return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Action, {
-        className: cn(buttonVariants(), className),
-        ...props
+        asChild: true,
+        children: /*#__PURE__*/ _jsx(Button, {
+            ...buttonProps,
+            children: children
+        })
     });
 }
-function AlertDialogCancel({ className, ...props }) {
+function AlertDialogCancel({ className, asChild = false, children, ...props }) {
+    if (asChild) {
+        return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Cancel, {
+            asChild: true,
+            className: className,
+            ...props,
+            children: children
+        });
+    }
+    // Extract asChild from props to avoid type conflicts
+    const { asChild: _asChild, ...restProps } = props;
     return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Cancel, {
-        className: cn(buttonVariants({
-            variant: "secondary"
-        }), className),
-        ...props
+        asChild: true,
+        children: /*#__PURE__*/ _jsx(Button, {
+            variant: "secondary",
+            className: className,
+            ...restProps,
+            children: children
+        })
     });
 }
 export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel };

package/dist/src/shadcn/components/ui/alert-dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/alert-dialog.tsx"],"sourcesContent":["import * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\";\nimport type * as React from \"react\";\nimport { buttonVariants } from \"#shadcn/components/ui/button\";\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction AlertDialog({\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n\treturn <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n}\n\nfunction AlertDialogTrigger({\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n\t);\n}\n\nfunction AlertDialogPortal({\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n\t);\n}\n\nfunction AlertDialogOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Overlay\n\t\t\tdata-slot=\"alert-dialog-overlay\"\n\t\t\tclassName={cn(\n\t\t\t\t\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDialogContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n\treturn (\n\t\t<AlertDialogPortal>\n\t\t\t<AlertDialogOverlay />\n\t\t\t<AlertDialogPrimitive.Content\n\t\t\t\tdata-slot=\"alert-dialog-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</AlertDialogPortal>\n\t);\n}\n\nfunction AlertDialogHeader({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert-dialog-header\"\n\t\t\tclassName={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDialogFooter({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert-dialog-footer\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDialogTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Title\n\t\t\tdata-slot=\"alert-dialog-title\"\n\t\t\tclassName={cn(\"text-lg font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDialogDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Description\n\t\t\tdata-slot=\"alert-dialog-description\"\n\t\t\tclassName={cn(\"text-muted-foreground text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDialogAction({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Action\n\t\t\tclassName={cn(buttonVariants(), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDialogCancel({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Cancel\n\t\t\tclassName={cn(buttonVariants({ variant: \"secondary\" }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tAlertDialog,\n\tAlertDialogPortal,\n\tAlertDialogOverlay,\n\tAlertDialogTrigger,\n\tAlertDialogContent,\n\tAlertDialogHeader,\n\tAlertDialogFooter,\n\tAlertDialogTitle,\n\tAlertDialogDescription,\n\tAlertDialogAction,\n\tAlertDialogCancel,\n};\n"],"names":["AlertDialogPrimitive","buttonVariants","cn","AlertDialog","props","Root","data-slot","AlertDialogTrigger","Trigger","AlertDialogPortal","Portal","AlertDialogOverlay","className","Overlay","AlertDialogContent","Content","AlertDialogHeader","div","AlertDialogFooter","AlertDialogTitle","Title","AlertDialogDescription","Description","AlertDialogAction","Action","AlertDialogCancel","Cancel","variant"],"mappings":";AAAA,YAAYA,0BAA0B,+BAA+B;AAErE,SAASC,cAAc,QAAQ,cAA+B;AAC9D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,YAAY,EACpB,GAAGC,OACqD;IACxD,qBAAO,KAACJ,qBAAqBK,IAAI;QAACC,aAAU;QAAgB,GAAGF,KAAK;;AACrE;AAEA,SAASG,mBAAmB,EAC3B,GAAGH,OACwD;IAC3D,qBACC,KAACJ,qBAAqBQ,OAAO;QAACF,aAAU;QAAwB,GAAGF,KAAK;;AAE1E;AAEA,SAASK,kBAAkB,EAC1B,GAAGL,OACuD;IAC1D,qBACC,KAACJ,qBAAqBU,MAAM;QAACJ,aAAU;QAAuB,GAAGF,KAAK;;AAExE;AAEA,SAASO,mBAAmB,EAC3BC,SAAS,EACT,GAAGR,OACwD;IAC3D,qBACC,KAACJ,qBAAqBa,OAAO;QAC5BP,aAAU;QACVM,WAAWV,GACV,0JACAU;QAEA,GAAGR,KAAK;;AAGZ;AAEA,SAASU,mBAAmB,EAC3BF,SAAS,EACT,GAAGR,OACwD;IAC3D,qBACC,MAACK;;0BACA,KAACE;0BACD,KAACX,qBAAqBe,OAAO;gBAC5BT,aAAU;gBACVM,WAAWV,GACV,+WACAU;gBAEA,GAAGR,KAAK;;;;AAIb;AAEA,SAASY,kBAAkB,EAC1BJ,SAAS,EACT,GAAGR,OAC0B;IAC7B,qBACC,KAACa;QACAX,aAAU;QACVM,WAAWV,GAAG,gDAAgDU;QAC7D,GAAGR,KAAK;;AAGZ;AAEA,SAASc,kBAAkB,EAC1BN,SAAS,EACT,GAAGR,OAC0B;IAC7B,qBACC,KAACa;QACAX,aAAU;QACVM,WAAWV,GACV,0DACAU;QAEA,GAAGR,KAAK;;AAGZ;AAEA,SAASe,iBAAiB,EACzBP,SAAS,EACT,GAAGR,OACsD;IACzD,qBACC,KAACJ,qBAAqBoB,KAAK;QAC1Bd,aAAU;QACVM,WAAWV,GAAG,yBAAyBU;QACtC,GAAGR,KAAK;;AAGZ;AAEA,SAASiB,uBAAuB,EAC/BT,SAAS,EACT,GAAGR,OAC4D;IAC/D,qBACC,KAACJ,qBAAqBsB,WAAW;QAChChB,aAAU;QACVM,WAAWV,GAAG,iCAAiCU;QAC9C,GAAGR,KAAK;;AAGZ;AAEA,SAASmB,kBAAkB,EAC1BX,SAAS,EACT,GAAGR,OACuD;IAC1D,qBACC,KAACJ,qBAAqBwB,MAAM;QAC3BZ,WAAWV,GAAGD,kBAAkBW;QAC/B,GAAGR,KAAK;;AAGZ;AAEA,SAASqB,kBAAkB,EAC1Bb,SAAS,EACT,GAAGR,OACuD;IAC1D,qBACC,KAACJ,qBAAqB0B,MAAM;QAC3Bd,WAAWV,GAAGD,eAAe;YAAE0B,SAAS;QAAY,IAAIf;QACvD,GAAGR,KAAK;;AAGZ;AAEA,SACCD,WAAW,EACXM,iBAAiB,EACjBE,kBAAkB,EAClBJ,kBAAkB,EAClBO,kBAAkB,EAClBE,iBAAiB,EACjBE,iBAAiB,EACjBC,gBAAgB,EAChBE,sBAAsB,EACtBE,iBAAiB,EACjBE,iBAAiB,GAChB"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/alert-dialog.tsx"],"sourcesContent":["import * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\";\nimport type { VariantProps } from \"class-variance-authority\";\nimport { XIcon } from \"lucide-react\";\nimport * as React from \"react\";\nimport type { buttonVariants } from \"#shadcn/components/ui/button\";\nimport { Button } from \"#shadcn/components/ui/button\";\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction AlertDialog({\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n\treturn <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n}\n\nfunction AlertDialogTrigger({\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n\t);\n}\n\nfunction AlertDialogPortal({\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n\t);\n}\n\n// AlertDialog overlay styles\nconst alertDialogOverlayStyles = cn(\n\t// Layout\n\t\"fixed\",\n\t\"inset-0\",\n\t\"z-50\",\n\t// Background\n\t\"bg-black/50\",\n\t// Animations - open\n\t\"data-[state=open]:animate-in\",\n\t\"data-[state=open]:fade-in-0\",\n\t// Animations - closed\n\t\"data-[state=closed]:animate-out\",\n\t\"data-[state=closed]:fade-out-0\",\n);\n\nfunction AlertDialogOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Overlay\n\t\t\tdata-slot=\"alert-dialog-overlay\"\n\t\t\tclassName={cn(alertDialogOverlayStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\n// AlertDialog content styles\nconst alertDialogContentStyles = cn(\n\t// Layout\n\t\"fixed\",\n\t\"top-[50%]\",\n\t\"left-[50%]\",\n\t\"z-50\",\n\t\"flex\",\n\t\"flex-col\",\n\t\"w-full\",\n\t\"max-w-[calc(100%-2rem)]\",\n\t\"translate-x-[-50%]\",\n\t\"translate-y-[-50%]\",\n\t// Shape\n\t\"rounded-lg\",\n\t// Borders\n\t\"border\",\n\t\"border-border-primary\",\n\t// Background & Colors\n\t\"bg-bg-primary\",\n\t// Shadow\n\t\"dropdown-menu-shadow\",\n\t// Animation duration\n\t\"duration-200\",\n\t// Responsive\n\t\"sm:max-w-lg\",\n\t// Animations - open\n\t\"data-[state=open]:animate-in\",\n\t\"data-[state=open]:fade-in-0\",\n\t\"data-[state=open]:zoom-in-95\",\n\t// Animations - closed\n\t\"data-[state=closed]:animate-out\",\n\t\"data-[state=closed]:fade-out-0\",\n\t\"data-[state=closed]:zoom-out-95\",\n);\n\n// AlertDialog close button styles\nconst alertDialogCloseButtonStyles = cn(\n\t// Layout\n\t\"absolute\",\n\t\"top-4\",\n\t\"right-4\",\n\t// Shape\n\t\"rounded-xs\",\n\t// Opacity\n\t\"opacity-70\",\n\t\"hover:opacity-100\",\n\t// Transitions\n\t\"transition-opacity\",\n\t// Cursor\n\t\"cursor-pointer\",\n\t// Focus\n\t\"focus:ring-2\",\n\t\"focus:ring-utility-blue/70\",\n\t\"focus:ring-offset-2\",\n\t\"focus:outline-hidden\",\n\t// Disabled\n\t\"disabled:pointer-events-none\",\n\t// SVG styles\n\t\"[&_svg]:pointer-events-none\",\n\t\"[&_svg]:shrink-0\",\n\t\"[&_svg:not([class*='size-'])]:size-4\",\n\t// States\n\t\"data-[state=open]:bg-bg-secondary\",\n\t\"data-[state=open]:text-text-secondary\",\n);\n\nfunction AlertDialogContent({\n\tclassName,\n\tchildren,\n\tshowCloseButton = true,\n\tonOpenAutoFocus,\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {\n\tshowCloseButton?: boolean;\n}) {\n\tconst contentRef = React.useRef<HTMLDivElement>(null);\n\n\tconst handleOpenAutoFocus = React.useCallback(\n\t\t(event: Event) => {\n\t\t\t// Prevent default focus behavior\n\t\t\tevent.preventDefault();\n\n\t\t\t// Find first focusable element (usually a button in footer)\n\t\t\tif (contentRef.current) {\n\t\t\t\tconst firstFocusable = contentRef.current.querySelector<HTMLElement>(\n\t\t\t\t\t'button:not([tabindex=\"-1\"]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])',\n\t\t\t\t);\n\n\t\t\t\t// Focus on first focusable element, or fallback to content itself\n\t\t\t\tif (firstFocusable) {\n\t\t\t\t\tfirstFocusable.focus();\n\t\t\t\t} else {\n\t\t\t\t\tcontentRef.current.focus();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Call user-provided handler if exists\n\t\t\tif (onOpenAutoFocus) {\n\t\t\t\tonOpenAutoFocus(event);\n\t\t\t}\n\t\t},\n\t\t[onOpenAutoFocus],\n\t);\n\n\treturn (\n\t\t<AlertDialogPortal>\n\t\t\t<AlertDialogOverlay />\n\t\t\t<AlertDialogPrimitive.Content\n\t\t\t\tref={contentRef}\n\t\t\t\tdata-slot=\"alert-dialog-content\"\n\t\t\t\tclassName={cn(alertDialogContentStyles, className)}\n\t\t\t\tonOpenAutoFocus={handleOpenAutoFocus}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t{showCloseButton && (\n\t\t\t\t\t<AlertDialogPrimitive.Cancel\n\t\t\t\t\t\tdata-slot=\"alert-dialog-close\"\n\t\t\t\t\t\tclassName={alertDialogCloseButtonStyles}\n\t\t\t\t\t\ttabIndex={-1}\n\t\t\t\t\t>\n\t\t\t\t\t\t<XIcon />\n\t\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t\t</AlertDialogPrimitive.Cancel>\n\t\t\t\t)}\n\t\t\t</AlertDialogPrimitive.Content>\n\t\t</AlertDialogPortal>\n\t);\n}\n\nfunction AlertDialogHeader({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert-dialog-header\"\n\t\t\tclassName={cn(\n\t\t\t\t// Layout\n\t\t\t\t\"flex\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"justify-between\",\n\t\t\t\t\"h-[60px]\",\n\t\t\t\t// Spacing\n\t\t\t\t\"px-6\",\n\t\t\t\t// Borders\n\t\t\t\t\"border-b\",\n\t\t\t\t\"border-border-separator\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDialogFooter({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert-dialog-footer\"\n\t\t\tclassName={cn(\n\t\t\t\t// Layout\n\t\t\t\t\"flex\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"justify-between\",\n\t\t\t\t\"h-[60px]\",\n\t\t\t\t// Spacing\n\t\t\t\t\"px-4\",\n\t\t\t\t\"py-3\",\n\t\t\t\t// Borders\n\t\t\t\t\"border-t\",\n\t\t\t\t\"border-border-separator\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDialogTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Title\n\t\t\tdata-slot=\"alert-dialog-title\"\n\t\t\tclassName={cn(\"typo-page-header\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDialogDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Description\n\t\t\tdata-slot=\"alert-dialog-description\"\n\t\t\tclassName={cn(\n\t\t\t\t// Typography\n\t\t\t\t\"body14\",\n\t\t\t\t\"text-text-secondary_hover\",\n\t\t\t\t// Spacing\n\t\t\t\t\"px-6\",\n\t\t\t\t\"pt-3\",\n\t\t\t\t\"pb-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDialogAction({\n\tclassName,\n\tvariant,\n\tdanger,\n\tasChild = false,\n\tchildren,\n\t...props\n}: Omit<React.ComponentProps<typeof AlertDialogPrimitive.Action>, \"asChild\"> &\n\tVariantProps<typeof buttonVariants> & {\n\t\tasChild?: boolean;\n\t}) {\n\tif (asChild) {\n\t\treturn (\n\t\t\t<AlertDialogPrimitive.Action asChild className={className} {...props}>\n\t\t\t\t{children}\n\t\t\t</AlertDialogPrimitive.Action>\n\t\t);\n\t}\n\t// Extract asChild from props to avoid type conflicts\n\tconst { asChild: _asChild, ...restProps } = props as typeof props & {\n\t\tasChild?: boolean | null | undefined;\n\t};\n\ttype ButtonProps = Omit<\n\t\tReact.ComponentProps<typeof Button>,\n\t\t\"asChild\" | \"variant\" | \"danger\" | \"className\"\n\t>;\n\tconst buttonProps: React.ComponentProps<typeof Button> = {\n\t\tvariant,\n\t\tclassName,\n\t\t...(danger !== undefined && danger !== null ? { danger } : {}),\n\t\t...(restProps as ButtonProps),\n\t};\n\treturn (\n\t\t<AlertDialogPrimitive.Action asChild>\n\t\t\t<Button {...buttonProps}>{children}</Button>\n\t\t</AlertDialogPrimitive.Action>\n\t);\n}\n\nfunction AlertDialogCancel({\n\tclassName,\n\tasChild = false,\n\tchildren,\n\t...props\n}: Omit<React.ComponentProps<typeof AlertDialogPrimitive.Cancel>, \"asChild\"> & {\n\tasChild?: boolean;\n}) {\n\tif (asChild) {\n\t\treturn (\n\t\t\t<AlertDialogPrimitive.Cancel asChild className={className} {...props}>\n\t\t\t\t{children}\n\t\t\t</AlertDialogPrimitive.Cancel>\n\t\t);\n\t}\n\t// Extract asChild from props to avoid type conflicts\n\tconst { asChild: _asChild, ...restProps } = props as typeof props & {\n\t\tasChild?: boolean | null | undefined;\n\t};\n\ttype ButtonProps = Omit<\n\t\tReact.ComponentProps<typeof Button>,\n\t\t\"asChild\" | \"variant\" | \"className\"\n\t>;\n\treturn (\n\t\t<AlertDialogPrimitive.Cancel asChild>\n\t\t\t<Button\n\t\t\t\tvariant=\"secondary\"\n\t\t\t\tclassName={className}\n\t\t\t\t{...(restProps as ButtonProps)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</Button>\n\t\t</AlertDialogPrimitive.Cancel>\n\t);\n}\n\nexport {\n\tAlertDialog,\n\tAlertDialogPortal,\n\tAlertDialogOverlay,\n\tAlertDialogTrigger,\n\tAlertDialogContent,\n\tAlertDialogHeader,\n\tAlertDialogFooter,\n\tAlertDialogTitle,\n\tAlertDialogDescription,\n\tAlertDialogAction,\n\tAlertDialogCancel,\n};\n"],"names":["AlertDialogPrimitive","XIcon","React","Button","cn","AlertDialog","props","Root","data-slot","AlertDialogTrigger","Trigger","AlertDialogPortal","Portal","alertDialogOverlayStyles","AlertDialogOverlay","className","Overlay","alertDialogContentStyles","alertDialogCloseButtonStyles","AlertDialogContent","children","showCloseButton","onOpenAutoFocus","contentRef","useRef","handleOpenAutoFocus","useCallback","event","preventDefault","current","firstFocusable","querySelector","focus","Content","ref","Cancel","tabIndex","span","AlertDialogHeader","div","AlertDialogFooter","AlertDialogTitle","Title","AlertDialogDescription","Description","AlertDialogAction","variant","danger","asChild","Action","_asChild","restProps","buttonProps","undefined","AlertDialogCancel"],"mappings":"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"}