shad-m 1.0.0

package/dist/components/accordion.mjs

@@ -0,0 +1,39 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { ChevronDown } from 'lucide-react';
+import { cn } from '@/lib/utils';
+
+const Accordion = AccordionPrimitive.Root;
+const AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Item, { ref, className: cn("border-b", className), ...props }));
+AccordionItem.displayName = "AccordionItem";
+const AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+  AccordionPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm transition-all",
+    ...props,
+    children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 pt-0", className), children })
+  }
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+//# sourceMappingURL=accordion.mjs.map
+//# sourceMappingURL=accordion.mjs.map

package/dist/components/accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/accordion.tsx"],"names":[],"mappings":";;;;;;AAOA,MAAM,YAAY,kBAAA,CAAmB;AAErC,MAAM,aAAA,GAAgB,MAAM,UAAA,CAG1B,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC1B,GAAA,CAAC,mBAAmB,IAAA,EAAnB,EAAwB,KAAU,SAAA,EAAW,EAAA,CAAG,YAAY,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO,CACrF;AACD,aAAA,CAAc,WAAA,GAAc,eAAA;AAE5B,MAAM,mBAAmB,KAAA,CAAM,UAAA,CAG7B,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,wBACpC,GAAA,CAAC,kBAAA,CAAmB,MAAA,EAAnB,EAA0B,WAAU,MAAA,EACnC,QAAA,kBAAA,IAAA;AAAA,EAAC,kBAAA,CAAmB,OAAA;AAAA,EAAnB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,EAAA;AAAA,MACT,8HAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,KAAA;AAAA,IAEH,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACD,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAU,oDAAA,EAAqD;AAAA;AAAA;AAC9E,CAAA,EACF,CACD;AACD,gBAAA,CAAiB,WAAA,GAAc,mBAAmB,OAAA,CAAQ,WAAA;AAE1D,MAAM,gBAAA,GAAmB,KAAA,CAAM,UAAA,CAG7B,CAAC,EAAE,WAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBACpC,GAAA;AAAA,EAAC,kBAAA,CAAmB,OAAA;AAAA,EAAnB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAU,0HAAA;AAAA,IACT,GAAG,KAAA;AAAA,IAEJ,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,WAAA,EAAa,SAAS,GAAI,QAAA,EAAS;AAAA;AACxD,CACD;AAED,gBAAA,CAAiB,WAAA,GAAc,mBAAmB,OAAA,CAAQ,WAAA","file":"accordion.mjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as AccordionPrimitive from '@radix-ui/react-accordion';\nimport { ChevronDown } from 'lucide-react';\nimport { cn } from '@/lib/utils';\n\nconst Accordion = AccordionPrimitive.Root;\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Item ref={ref} className={cn('border-b', className)} {...props} />\n));\nAccordionItem.displayName = 'AccordionItem';\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Header className=\"flex\">\n    <AccordionPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDown className=\"h-4 w-4 shrink-0 transition-transform duration-200\" />\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n));\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Content\n    ref={ref}\n    className=\"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm transition-all\"\n    {...props}\n  >\n    <div className={cn('pb-4 pt-0', className)}>{children}</div>\n  </AccordionPrimitive.Content>\n));\n\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent };\n"]}

package/dist/components/alert-dialog.d.ts

@@ -0,0 +1,33 @@
+import { TrackingPropsType } from '@/lib/types';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const alertDialogVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "auto" | "xl" | "full" | "2xl" | "3xl" | "4xl" | "5xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    onCloseClick?: () => void;
+    hasCloseButton?: boolean;
+    trackingNameView?: string;
+    trackingNameClose?: string;
+} & Omit<TrackingPropsType, "trackingName"> & VariantProps<(props?: ({
+    size?: "sm" | "md" | "lg" | "auto" | "xl" | "full" | "2xl" | "3xl" | "4xl" | "5xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, alertDialogVariants, type VariantProps, };
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../src/components/alert-dialog.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAiB,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE/D,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,QAAA,MAAM,mBAAmB;;8EAsBvB,CAAC;AAEH,QAAA,MAAM,WAAW,iDAA4B,CAAC;AAE9C,QAAA,MAAM,kBAAkB,wHAA+B,CAAC;AAExD,QAAA,MAAM,iBAAiB,uDAA8B,CAAC;AAEtD,QAAA,MAAM,kBAAkB,wKAYtB,CAAC;AAGH,QAAA,MAAM,kBAAkB;mBAGL,MAAM,IAAI;qBACR,OAAO;uBACL,MAAM;wBACL,MAAM;;;sHAsH7B,CAAC;AAGF,QAAA,MAAM,iBAAiB;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQvF,CAAC;AAGF,QAAA,MAAM,iBAAiB;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQvF,CAAC;AAGF,QAAA,MAAM,gBAAgB,8KASpB,CAAC;AAGH,QAAA,MAAM,sBAAsB,wLAS1B,CAAC;AAGH,QAAA,MAAM,iBAAiB,6KAKrB,CAAC;AAGH,QAAA,MAAM,iBAAiB,6KASrB,CAAC;AAGH,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,KAAK,YAAY,GAClB,CAAC"}

package/dist/components/alert-dialog.js

@@ -0,0 +1,231 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var button = require('@/components/button');
+var utils = require('@/lib/utils');
+var UISystemProvider = require('@/providers/UISystemProvider');
+var useDialogTracking = require('@/hooks/useDialogTracking');
+var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
+var classVarianceAuthority = require('class-variance-authority');
+var lucideReact = require('lucide-react');
+var react = require('motion/react');
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const alertDialogVariants = classVarianceAuthority.cva("", {
+  variants: {
+    size: {
+      sm: "w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(24rem,88svw)]",
+      md: "w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(28rem,88svw)]",
+      lg: "w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(32rem,88svw)]",
+      xl: "w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(36rem,88svw)]",
+      "2xl": "w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(42rem,88svw)]",
+      "3xl": "w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(48rem,88svw)]",
+      "4xl": "w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(56rem,88svw)]",
+      "5xl": "w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:min-w-[min(69rem,88svw)] lg:max-w-[min(69rem,88svw)]",
+      full: "w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:h-[88svh] lg:w-[88svw]",
+      auto: "w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(max-content,88svw)]"
+    }
+  },
+  defaultVariants: {
+    size: "lg"
+  }
+});
+const AlertDialog = AlertDialogPrimitive__namespace.Root;
+const AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
+const AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
+const AlertDialogOverlay = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Overlay,
+  {
+    className: utils.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 opacity-30",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
+const AlertDialogContent = React__namespace.forwardRef(
+  ({
+    className,
+    children,
+    onCloseClick,
+    hasCloseButton = true,
+    size,
+    trackingNameView = "view_modal",
+    trackingNameClose = "close_modal",
+    trackingData,
+    trackingIndex,
+    ...props
+  }, ref) => {
+    const [isShaking, setIsShaking] = React__namespace.useState(false);
+    const { sendTrack } = UISystemProvider.useUISystemContext();
+    const { setupTracking, handleCloseClick: handleTrackingClose } = useDialogTracking.useDialogTracking({
+      trackingNameView,
+      trackingNameClose,
+      trackingData,
+      trackingIndex,
+      enabled: !!sendTrack
+    });
+    const hasTitle = React__namespace.Children.toArray(children).some(
+      (child) => React__namespace.isValidElement(child) && (child.type === AlertDialogPrimitive__namespace.Title || child.type?.displayName === "AlertDialogTitle")
+    );
+    const handleOverlayClick = React__namespace.useCallback((e) => {
+      if (e.target === e.currentTarget) {
+        setIsShaking(true);
+        setTimeout(() => setIsShaking(false), 500);
+      }
+    }, []);
+    const handleClose = React__namespace.useCallback(
+      (e) => {
+        handleTrackingClose();
+        onCloseClick?.();
+      },
+      [handleTrackingClose, onCloseClick]
+    );
+    const mergedRef = React__namespace.useCallback(
+      (node) => {
+        setupTracking(node);
+        if (typeof ref === "function") {
+          ref(node);
+        } else if (ref) {
+          ref.current = node;
+        }
+      },
+      [setupTracking, ref]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, { onClick: handleOverlayClick }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        AlertDialogPrimitive__namespace.Content,
+        {
+          ref: mergedRef,
+          className: utils.cn(
+            "fixed left-[50%] top-[50%] z-[50] w-full translate-x-[-50%] translate-y-[-50%] focus:outline-none",
+            alertDialogVariants({ size })
+          ),
+          ...props,
+          children: /* @__PURE__ */ jsxRuntime.jsxs(
+            react.motion.div,
+            {
+              className: utils.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 border-ink-100s relative grid w-full gap-4 border shadow-lg duration-200 md:rounded-lg",
+                className
+              ),
+              animate: isShaking ? {
+                x: [0, -30, 30, -30, 30, -30, 30, 0]
+              } : { x: 0 },
+              transition: {
+                duration: 0.5,
+                ease: [0.36, 0.07, 0.19, 0.97]
+              },
+              children: [
+                hasCloseButton && /* @__PURE__ */ jsxRuntime.jsxs(
+                  AlertDialogPrimitive__namespace.Cancel,
+                  {
+                    className: "data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 z-10 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none",
+                    onClick: handleClose,
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "mt-[-2px] h-6 w-6" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+                    ]
+                  }
+                ),
+                !hasTitle && /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Title, { className: "sr-only", children: "Dialog" }),
+                children
+              ]
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+AlertDialogContent.displayName = AlertDialogPrimitive__namespace.Content.displayName;
+const AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: utils.cn(
+      "bg-background flex min-h-[56px] flex-col border-b p-4 text-left lg:rounded-t-lg",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogHeader.displayName = "AlertDialogHeader";
+const AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: utils.cn(
+      "bg-background flex gap-4 border-t px-4 py-4 md:justify-end lg:rounded-b-lg",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+const AlertDialogTitle = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Title,
+  {
+    ref,
+    className: utils.cn("text-lg font-medium leading-none tracking-tight", className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
+const AlertDialogDescription = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Description,
+  {
+    ref,
+    className: utils.cn("text-muted-foreground text-sm font-normal", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
+const AlertDialogAction = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AlertDialogPrimitive__namespace.Action, { ref, className: utils.cn(button.buttonVariants(), className), ...props }));
+AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
+const AlertDialogCancel = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  AlertDialogPrimitive__namespace.Cancel,
+  {
+    ref,
+    className: utils.cn(button.buttonVariants({ variant: "outline" }), "mt-0", className),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive__namespace.Cancel.displayName;
+
+exports.AlertDialog = AlertDialog;
+exports.AlertDialogAction = AlertDialogAction;
+exports.AlertDialogCancel = AlertDialogCancel;
+exports.AlertDialogContent = AlertDialogContent;
+exports.AlertDialogDescription = AlertDialogDescription;
+exports.AlertDialogFooter = AlertDialogFooter;
+exports.AlertDialogHeader = AlertDialogHeader;
+exports.AlertDialogOverlay = AlertDialogOverlay;
+exports.AlertDialogPortal = AlertDialogPortal;
+exports.AlertDialogTitle = AlertDialogTitle;
+exports.AlertDialogTrigger = AlertDialogTrigger;
+exports.alertDialogVariants = alertDialogVariants;
+//# sourceMappingURL=alert-dialog.js.map
+//# sourceMappingURL=alert-dialog.js.map

package/dist/components/alert-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/alert-dialog.tsx"],"names":["cva","AlertDialogPrimitive","React","jsx","cn","useUISystemContext","useDialogTracking","jsxs","motion","X","buttonVariants"],"mappings":"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","file":"alert-dialog.js","sourcesContent":["'use client';\n\nimport { buttonVariants } from '@/components/button';\nimport { cn } from '@/lib/utils';\nimport { useUISystemContext } from '@/providers/UISystemProvider';\nimport { TRACKING_TYPE, TrackingPropsType } from '@/lib/types';\nimport { useDialogTracking } from '@/hooks/useDialogTracking';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { X } from 'lucide-react';\nimport { motion } from 'motion/react';\nimport * as React from 'react';\n\nconst alertDialogVariants = cva('', {\n  variants: {\n    size: {\n      sm: 'w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(24rem,88svw)]',\n      md: 'w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(28rem,88svw)]',\n      lg: 'w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(32rem,88svw)]',\n      xl: 'w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(36rem,88svw)]',\n      '2xl':\n        'w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(42rem,88svw)]',\n      '3xl':\n        'w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(48rem,88svw)]',\n      '4xl':\n        'w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(56rem,88svw)]',\n      '5xl':\n        'w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:min-w-[min(69rem,88svw)] lg:max-w-[min(69rem,88svw)]',\n      full: 'w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:h-[88svh] lg:w-[88svw]',\n      auto: 'w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(max-content,88svw)]',\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nconst AlertDialog = AlertDialogPrimitive.Root;\n\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\n\nconst AlertDialogOverlay = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Overlay\n    className={cn(\n      '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 opacity-30',\n      className,\n    )}\n    {...props}\n    ref={ref}\n  />\n));\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;\n\nconst AlertDialogContent = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> & {\n    onCloseClick?: () => void;\n    hasCloseButton?: boolean;\n    trackingNameView?: string; // Event name for view tracking (e.g., 'view_modal')\n    trackingNameClose?: string; // Event name for close tracking (e.g., 'close_modal')\n  } & Omit<TrackingPropsType, 'trackingName'> &\n    VariantProps<typeof alertDialogVariants>\n>(\n  (\n    {\n      className,\n      children,\n      onCloseClick,\n      hasCloseButton = true,\n      size,\n      trackingNameView = 'view_modal',\n      trackingNameClose = 'close_modal',\n      trackingData,\n      trackingIndex,\n      ...props\n    },\n    ref,\n  ) => {\n    const [isShaking, setIsShaking] = React.useState(false);\n    const { sendTrack } = useUISystemContext();\n\n    // Use custom hook for tracking\n    const { setupTracking, handleCloseClick: handleTrackingClose } = useDialogTracking({\n      trackingNameView,\n      trackingNameClose,\n      trackingData,\n      trackingIndex,\n      enabled: !!sendTrack,\n    });\n\n    // Check if children already contains an AlertDialogTitle by checking displayName\n    const hasTitle = React.Children.toArray(children).some(\n      (child) =>\n        React.isValidElement(child) &&\n        (child.type === AlertDialogPrimitive.Title ||\n          (child.type as any)?.displayName === 'AlertDialogTitle'),\n    );\n\n    // Handle overlay click to trigger shake animation\n    const handleOverlayClick = React.useCallback((e: React.MouseEvent) => {\n      // Only trigger if clicking the content itself (not children)\n      if (e.target === e.currentTarget) {\n        setIsShaking(true);\n        setTimeout(() => setIsShaking(false), 500);\n      }\n    }, []);\n\n    const handleClose = React.useCallback(\n      (e: React.MouseEvent) => {\n        handleTrackingClose();\n        onCloseClick?.();\n      },\n      [handleTrackingClose, onCloseClick],\n    );\n\n    // Merge setupTracking ref with external ref\n    const mergedRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        setupTracking(node);\n\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        }\n      },\n      [setupTracking, ref],\n    );\n\n    return (\n      <AlertDialogPortal>\n        <AlertDialogOverlay onClick={handleOverlayClick} />\n        <AlertDialogPrimitive.Content\n          ref={mergedRef}\n          className={cn(\n            'fixed left-[50%] top-[50%] z-[50] w-full translate-x-[-50%] translate-y-[-50%] focus:outline-none',\n            alertDialogVariants({ size }),\n          )}\n          {...props}\n        >\n          <motion.div\n            className={cn(\n              '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 border-ink-100s relative grid w-full gap-4 border shadow-lg duration-200 md:rounded-lg',\n              className,\n            )}\n            animate={\n              isShaking\n                ? {\n                    x: [0, -30, 30, -30, 30, -30, 30, 0],\n                  }\n                : { x: 0 }\n            }\n            transition={{\n              duration: 0.5,\n              ease: [0.36, 0.07, 0.19, 0.97],\n            }}\n          >\n            {/* Close button positioned relative to motion.div */}\n            {hasCloseButton && (\n              <AlertDialogPrimitive.Cancel\n                className=\"data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 z-10 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none\"\n                onClick={handleClose}\n              >\n                <X className=\"mt-[-2px] h-6 w-6\" />\n                <span className=\"sr-only\">Close</span>\n              </AlertDialogPrimitive.Cancel>\n            )}\n            {/* Auto-inject hidden title if none provided for accessibility */}\n            {!hasTitle && (\n              <AlertDialogPrimitive.Title className=\"sr-only\">Dialog</AlertDialogPrimitive.Title>\n            )}\n            {children}\n          </motion.div>\n        </AlertDialogPrimitive.Content>\n      </AlertDialogPortal>\n    );\n  },\n);\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;\n\nconst AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'bg-background flex min-h-[56px] flex-col border-b p-4 text-left lg:rounded-t-lg',\n      className,\n    )}\n    {...props}\n  />\n);\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\nconst AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'bg-background flex gap-4 border-t px-4 py-4 md:justify-end lg:rounded-b-lg',\n      className,\n    )}\n    {...props}\n  />\n);\nAlertDialogFooter.displayName = 'AlertDialogFooter';\n\nconst AlertDialogTitle = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-medium leading-none tracking-tight', className)}\n    {...props}\n  />\n));\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;\n\nconst AlertDialogDescription = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Description\n    ref={ref}\n    className={cn('text-muted-foreground text-sm font-normal', className)}\n    {...props}\n  />\n));\nAlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;\n\nconst AlertDialogAction = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Action>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Action ref={ref} className={cn(buttonVariants(), className)} {...props} />\n));\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;\n\nconst AlertDialogCancel = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Cancel\n    ref={ref}\n    className={cn(buttonVariants({ variant: 'outline' }), 'mt-0', className)}\n    {...props}\n  />\n));\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  alertDialogVariants,\n  type VariantProps,\n};\n"]}

package/dist/components/alert-dialog.mjs

@@ -0,0 +1,197 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { buttonVariants } from '@/components/button';
+import { cn } from '@/lib/utils';
+import { useUISystemContext } from '@/providers/UISystemProvider';
+import { useDialogTracking } from '@/hooks/useDialogTracking';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { cva } from 'class-variance-authority';
+import { X } from 'lucide-react';
+import { motion } from 'motion/react';
+import * as React from 'react';
+
+const alertDialogVariants = cva("", {
+  variants: {
+    size: {
+      sm: "w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(24rem,88svw)]",
+      md: "w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(28rem,88svw)]",
+      lg: "w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(32rem,88svw)]",
+      xl: "w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(36rem,88svw)]",
+      "2xl": "w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(42rem,88svw)]",
+      "3xl": "w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(48rem,88svw)]",
+      "4xl": "w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(56rem,88svw)]",
+      "5xl": "w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:min-w-[min(69rem,88svw)] lg:max-w-[min(69rem,88svw)]",
+      full: "w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:h-[88svh] lg:w-[88svw]",
+      auto: "w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(max-content,88svw)]"
+    }
+  },
+  defaultVariants: {
+    size: "lg"
+  }
+});
+const AlertDialog = AlertDialogPrimitive.Root;
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+const AlertDialogPortal = AlertDialogPrimitive.Portal;
+const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.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 opacity-30",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+const AlertDialogContent = React.forwardRef(
+  ({
+    className,
+    children,
+    onCloseClick,
+    hasCloseButton = true,
+    size,
+    trackingNameView = "view_modal",
+    trackingNameClose = "close_modal",
+    trackingData,
+    trackingIndex,
+    ...props
+  }, ref) => {
+    const [isShaking, setIsShaking] = React.useState(false);
+    const { sendTrack } = useUISystemContext();
+    const { setupTracking, handleCloseClick: handleTrackingClose } = useDialogTracking({
+      trackingNameView,
+      trackingNameClose,
+      trackingData,
+      trackingIndex,
+      enabled: !!sendTrack
+    });
+    const hasTitle = React.Children.toArray(children).some(
+      (child) => React.isValidElement(child) && (child.type === AlertDialogPrimitive.Title || child.type?.displayName === "AlertDialogTitle")
+    );
+    const handleOverlayClick = React.useCallback((e) => {
+      if (e.target === e.currentTarget) {
+        setIsShaking(true);
+        setTimeout(() => setIsShaking(false), 500);
+      }
+    }, []);
+    const handleClose = React.useCallback(
+      (e) => {
+        handleTrackingClose();
+        onCloseClick?.();
+      },
+      [handleTrackingClose, onCloseClick]
+    );
+    const mergedRef = React.useCallback(
+      (node) => {
+        setupTracking(node);
+        if (typeof ref === "function") {
+          ref(node);
+        } else if (ref) {
+          ref.current = node;
+        }
+      },
+      [setupTracking, ref]
+    );
+    return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+      /* @__PURE__ */ jsx(AlertDialogOverlay, { onClick: handleOverlayClick }),
+      /* @__PURE__ */ jsx(
+        AlertDialogPrimitive.Content,
+        {
+          ref: mergedRef,
+          className: cn(
+            "fixed left-[50%] top-[50%] z-[50] w-full translate-x-[-50%] translate-y-[-50%] focus:outline-none",
+            alertDialogVariants({ size })
+          ),
+          ...props,
+          children: /* @__PURE__ */ jsxs(
+            motion.div,
+            {
+              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 border-ink-100s relative grid w-full gap-4 border shadow-lg duration-200 md:rounded-lg",
+                className
+              ),
+              animate: isShaking ? {
+                x: [0, -30, 30, -30, 30, -30, 30, 0]
+              } : { x: 0 },
+              transition: {
+                duration: 0.5,
+                ease: [0.36, 0.07, 0.19, 0.97]
+              },
+              children: [
+                hasCloseButton && /* @__PURE__ */ jsxs(
+                  AlertDialogPrimitive.Cancel,
+                  {
+                    className: "data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 z-10 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none",
+                    onClick: handleClose,
+                    children: [
+                      /* @__PURE__ */ jsx(X, { className: "mt-[-2px] h-6 w-6" }),
+                      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+                    ]
+                  }
+                ),
+                !hasTitle && /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, { className: "sr-only", children: "Dialog" }),
+                children
+              ]
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+const AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "bg-background flex min-h-[56px] flex-col border-b p-4 text-left lg:rounded-t-lg",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogHeader.displayName = "AlertDialogHeader";
+const AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "bg-background flex gap-4 border-t px-4 py-4 md:justify-end lg:rounded-b-lg",
+      className
+    ),
+    ...props
+  }
+);
+AlertDialogFooter.displayName = "AlertDialogFooter";
+const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-medium leading-none tracking-tight", className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-muted-foreground text-sm font-normal", className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, { ref, className: cn(buttonVariants(), className), ...props }));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    className: cn(buttonVariants({ variant: "outline" }), "mt-0", className),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, alertDialogVariants };
+//# sourceMappingURL=alert-dialog.mjs.map
+//# sourceMappingURL=alert-dialog.mjs.map

package/dist/components/alert-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/alert-dialog.tsx"],"names":[],"mappings":"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","file":"alert-dialog.mjs","sourcesContent":["'use client';\n\nimport { buttonVariants } from '@/components/button';\nimport { cn } from '@/lib/utils';\nimport { useUISystemContext } from '@/providers/UISystemProvider';\nimport { TRACKING_TYPE, TrackingPropsType } from '@/lib/types';\nimport { useDialogTracking } from '@/hooks/useDialogTracking';\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { X } from 'lucide-react';\nimport { motion } from 'motion/react';\nimport * as React from 'react';\n\nconst alertDialogVariants = cva('', {\n  variants: {\n    size: {\n      sm: 'w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(24rem,88svw)]',\n      md: 'w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(28rem,88svw)]',\n      lg: 'w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(32rem,88svw)]',\n      xl: 'w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(36rem,88svw)]',\n      '2xl':\n        'w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(42rem,88svw)]',\n      '3xl':\n        'w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(48rem,88svw)]',\n      '4xl':\n        'w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(56rem,88svw)]',\n      '5xl':\n        'w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:min-w-[min(69rem,88svw)] lg:max-w-[min(69rem,88svw)]',\n      full: 'w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:h-[88svh] lg:w-[88svw]',\n      auto: 'w-full max-h-full h-full lg:h-auto lg:rounded-lg lg:max-h-[88svh] lg:max-w-[min(max-content,88svw)]',\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nconst AlertDialog = AlertDialogPrimitive.Root;\n\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\n\nconst AlertDialogOverlay = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Overlay\n    className={cn(\n      '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 opacity-30',\n      className,\n    )}\n    {...props}\n    ref={ref}\n  />\n));\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;\n\nconst AlertDialogContent = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> & {\n    onCloseClick?: () => void;\n    hasCloseButton?: boolean;\n    trackingNameView?: string; // Event name for view tracking (e.g., 'view_modal')\n    trackingNameClose?: string; // Event name for close tracking (e.g., 'close_modal')\n  } & Omit<TrackingPropsType, 'trackingName'> &\n    VariantProps<typeof alertDialogVariants>\n>(\n  (\n    {\n      className,\n      children,\n      onCloseClick,\n      hasCloseButton = true,\n      size,\n      trackingNameView = 'view_modal',\n      trackingNameClose = 'close_modal',\n      trackingData,\n      trackingIndex,\n      ...props\n    },\n    ref,\n  ) => {\n    const [isShaking, setIsShaking] = React.useState(false);\n    const { sendTrack } = useUISystemContext();\n\n    // Use custom hook for tracking\n    const { setupTracking, handleCloseClick: handleTrackingClose } = useDialogTracking({\n      trackingNameView,\n      trackingNameClose,\n      trackingData,\n      trackingIndex,\n      enabled: !!sendTrack,\n    });\n\n    // Check if children already contains an AlertDialogTitle by checking displayName\n    const hasTitle = React.Children.toArray(children).some(\n      (child) =>\n        React.isValidElement(child) &&\n        (child.type === AlertDialogPrimitive.Title ||\n          (child.type as any)?.displayName === 'AlertDialogTitle'),\n    );\n\n    // Handle overlay click to trigger shake animation\n    const handleOverlayClick = React.useCallback((e: React.MouseEvent) => {\n      // Only trigger if clicking the content itself (not children)\n      if (e.target === e.currentTarget) {\n        setIsShaking(true);\n        setTimeout(() => setIsShaking(false), 500);\n      }\n    }, []);\n\n    const handleClose = React.useCallback(\n      (e: React.MouseEvent) => {\n        handleTrackingClose();\n        onCloseClick?.();\n      },\n      [handleTrackingClose, onCloseClick],\n    );\n\n    // Merge setupTracking ref with external ref\n    const mergedRef = React.useCallback(\n      (node: HTMLDivElement | null) => {\n        setupTracking(node);\n\n        if (typeof ref === 'function') {\n          ref(node);\n        } else if (ref) {\n          (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n        }\n      },\n      [setupTracking, ref],\n    );\n\n    return (\n      <AlertDialogPortal>\n        <AlertDialogOverlay onClick={handleOverlayClick} />\n        <AlertDialogPrimitive.Content\n          ref={mergedRef}\n          className={cn(\n            'fixed left-[50%] top-[50%] z-[50] w-full translate-x-[-50%] translate-y-[-50%] focus:outline-none',\n            alertDialogVariants({ size }),\n          )}\n          {...props}\n        >\n          <motion.div\n            className={cn(\n              '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 border-ink-100s relative grid w-full gap-4 border shadow-lg duration-200 md:rounded-lg',\n              className,\n            )}\n            animate={\n              isShaking\n                ? {\n                    x: [0, -30, 30, -30, 30, -30, 30, 0],\n                  }\n                : { x: 0 }\n            }\n            transition={{\n              duration: 0.5,\n              ease: [0.36, 0.07, 0.19, 0.97],\n            }}\n          >\n            {/* Close button positioned relative to motion.div */}\n            {hasCloseButton && (\n              <AlertDialogPrimitive.Cancel\n                className=\"data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 z-10 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none\"\n                onClick={handleClose}\n              >\n                <X className=\"mt-[-2px] h-6 w-6\" />\n                <span className=\"sr-only\">Close</span>\n              </AlertDialogPrimitive.Cancel>\n            )}\n            {/* Auto-inject hidden title if none provided for accessibility */}\n            {!hasTitle && (\n              <AlertDialogPrimitive.Title className=\"sr-only\">Dialog</AlertDialogPrimitive.Title>\n            )}\n            {children}\n          </motion.div>\n        </AlertDialogPrimitive.Content>\n      </AlertDialogPortal>\n    );\n  },\n);\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;\n\nconst AlertDialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'bg-background flex min-h-[56px] flex-col border-b p-4 text-left lg:rounded-t-lg',\n      className,\n    )}\n    {...props}\n  />\n);\nAlertDialogHeader.displayName = 'AlertDialogHeader';\n\nconst AlertDialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'bg-background flex gap-4 border-t px-4 py-4 md:justify-end lg:rounded-b-lg',\n      className,\n    )}\n    {...props}\n  />\n);\nAlertDialogFooter.displayName = 'AlertDialogFooter';\n\nconst AlertDialogTitle = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-medium leading-none tracking-tight', className)}\n    {...props}\n  />\n));\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;\n\nconst AlertDialogDescription = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Description\n    ref={ref}\n    className={cn('text-muted-foreground text-sm font-normal', className)}\n    {...props}\n  />\n));\nAlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;\n\nconst AlertDialogAction = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Action>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Action ref={ref} className={cn(buttonVariants(), className)} {...props} />\n));\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;\n\nconst AlertDialogCancel = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Cancel\n    ref={ref}\n    className={cn(buttonVariants({ variant: 'outline' }), 'mt-0', className)}\n    {...props}\n  />\n));\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  alertDialogVariants,\n  type VariantProps,\n};\n"]}

package/dist/components/alert.d.ts

@@ -0,0 +1,13 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+interface AlertIconProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const AlertIcon: React.ForwardRefExoticComponent<AlertIconProps & React.RefAttributes<HTMLDivElement>>;
+declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | "success" | "warning" | "primary-success" | "primary-warning" | "primary-info" | "primary-error" | "soft-success" | "soft-warning" | "soft-info" | "soft-error" | "heavy-success" | "heavy-warning" | "heavy-info" | "heavy-error" | "light-success" | "light-warning" | "light-info" | "light-error" | "outline-success" | "outline-warning" | "outline-info" | "outline-error" | null | undefined;
+    outlined?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export { Alert, AlertDescription, AlertIcon, AlertTitle };
+//# sourceMappingURL=alert.d.ts.map

package/dist/components/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAExE,QAAA,MAAM,SAAS,uFAId,CAAC;AAkDF,QAAA,MAAM,KAAK;;;sHAUT,CAAC;AAGH,QAAA,MAAM,UAAU,uHAIf,CAAC;AAGF,QAAA,MAAM,gBAAgB,yHAKpB,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC"}