shad-m 1.0.2 → 1.0.3

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.js

@@ -0,0 +1,97 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('@/lib/utils');
+var classVarianceAuthority = require('class-variance-authority');
+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 React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const AlertIcon = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn("h-[1lh] flex-shrink-0 self-start", className), ...props })
+);
+AlertIcon.displayName = "AlertIcon";
+const alertVariants = classVarianceAuthority.cva("w-full rounded-lg p-3", {
+  variants: {
+    variant: {
+      default: "bg-background text-foreground border-border",
+      destructive: "bg-destructive/10 border-destructive/50 text-destructive",
+      success: "bg-success/10 border-success/50 text-success",
+      warning: "border-orange-100 bg-orange-50",
+      // Primary variants with solid colors
+      "primary-success": "border-green-600 bg-green-600 text-white",
+      "primary-warning": "border-orange-600 bg-orange-600 text-white",
+      "primary-info": "border-primary bg-primary text-white",
+      "primary-error": "border-red-600 bg-red-600 text-white",
+      // Soft variants with lighter backgrounds
+      "soft-success": "border-green-100 bg-green-50 text-green-700",
+      "soft-warning": "border-orange-100 bg-orange-50 text-orange-700",
+      "soft-info": "border-blue-100 bg-blue-50 text-forceground",
+      "soft-error": "border-red-100 bg-red-50 text-red-700",
+      // Heavy variants with solid colors
+      "heavy-success": "border-green-600 bg-green-600 text-white",
+      "heavy-warning": "border-orange-600 bg-orange-600 text-white",
+      "heavy-info": "border-primary bg-primary text-white",
+      "heavy-error": "border-red-600 bg-red-600 text-white",
+      // Light variants with lighter backgrounds
+      "light-success": "border-green-100 bg-green-50 text-green-700",
+      "light-warning": "border-orange-100 bg-orange-50 text-orange-700",
+      "light-info": "border-blue-100 bg-blue-50 text-forceground",
+      "light-error": "border-red-100 bg-red-50 text-red-700",
+      // Outline variants with borders
+      "outline-success": "border-green-500 bg-transparent text-green-700",
+      "outline-warning": "border-orange-500 bg-transparent text-orange-700",
+      "outline-info": "border-blue-500 bg-transparent text-forceground",
+      "outline-error": "border-red-500 bg-transparent text-red-700"
+    },
+    outlined: {
+      true: "border",
+      false: "border-0"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    outlined: true
+  }
+});
+const Alert = React__namespace.forwardRef(({ className, variant, outlined, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    role: "alert",
+    className: utils.cn(alertVariants({ variant, outlined }), className),
+    ...props
+  }
+));
+Alert.displayName = "Alert";
+const AlertTitle = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("span", { ref, className: utils.cn("mb-1 font-medium tracking-tight", className), ...props })
+);
+AlertTitle.displayName = "AlertTitle";
+const AlertDescription = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn("text-sm [&_p]:leading-relaxed", className), ...props }));
+AlertDescription.displayName = "AlertDescription";
+
+exports.Alert = Alert;
+exports.AlertDescription = AlertDescription;
+exports.AlertIcon = AlertIcon;
+exports.AlertTitle = AlertTitle;
+//# sourceMappingURL=alert.js.map
+//# sourceMappingURL=alert.js.map

package/dist/components/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/alert.tsx"],"names":["React","jsx","cn","cva"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,YAAYA,gBAAA,CAAM,UAAA;AAAA,EACtB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxBC,cAAA,CAAC,KAAA,EAAA,EAAI,GAAA,EAAU,WAAWC,QAAA,CAAG,kCAAA,EAAoC,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAE5F;AACA,SAAA,CAAU,WAAA,GAAc,WAAA;AAExB,MAAM,aAAA,GAAgBC,2BAAI,uBAAA,EAAyB;AAAA,EACjD,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,6CAAA;AAAA,MACT,WAAA,EAAa,0DAAA;AAAA,MACb,OAAA,EAAS,8CAAA;AAAA,MACT,OAAA,EAAS,gCAAA;AAAA;AAAA,MAGT,iBAAA,EAAmB,0CAAA;AAAA,MACnB,iBAAA,EAAmB,4CAAA;AAAA,MACnB,cAAA,EAAgB,sCAAA;AAAA,MAChB,eAAA,EAAiB,sCAAA;AAAA;AAAA,MAEjB,cAAA,EAAgB,6CAAA;AAAA,MAChB,cAAA,EAAgB,gDAAA;AAAA,MAChB,WAAA,EAAa,6CAAA;AAAA,MACb,YAAA,EAAc,uCAAA;AAAA;AAAA,MAGd,eAAA,EAAiB,0CAAA;AAAA,MACjB,eAAA,EAAiB,4CAAA;AAAA,MACjB,YAAA,EAAc,sCAAA;AAAA,MACd,aAAA,EAAe,sCAAA;AAAA;AAAA,MAEf,eAAA,EAAiB,6CAAA;AAAA,MACjB,eAAA,EAAiB,gDAAA;AAAA,MACjB,YAAA,EAAc,6CAAA;AAAA,MACd,aAAA,EAAe,uCAAA;AAAA;AAAA,MAGf,iBAAA,EAAmB,gDAAA;AAAA,MACnB,iBAAA,EAAmB,kDAAA;AAAA,MACnB,cAAA,EAAgB,iDAAA;AAAA,MAChB,eAAA,EAAiB;AAAA,KACnB;AAAA,IACA,QAAA,EAAU;AAAA,MACR,IAAA,EAAM,QAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,QAAA,EAAU;AAAA;AAEd,CAAC,CAAA;AAED,MAAM,KAAA,GAAQH,gBAAA,CAAM,UAAA,CAGlB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,qBAC7CC,cAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,GAAA;AAAA,IACA,IAAA,EAAK,OAAA;AAAA,IACL,SAAA,EAAWC,SAAG,aAAA,CAAc,EAAE,SAAS,QAAA,EAAU,GAAG,SAAS,CAAA;AAAA,IAC5D,GAAG;AAAA;AACN,CACD;AACD,KAAA,CAAM,WAAA,GAAc,OAAA;AAEpB,MAAM,aAAaF,gBAAA,CAAM,UAAA;AAAA,EACvB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBACxBC,cAAA,CAAC,MAAA,EAAA,EAAK,GAAA,EAAU,WAAWC,QAAA,CAAG,iCAAA,EAAmC,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAE5F;AACA,UAAA,CAAW,WAAA,GAAc,YAAA;AAEzB,MAAM,gBAAA,GAAmBF,iBAAM,UAAA,CAG7B,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,EAAG,GAAA,oCACzB,KAAA,EAAA,EAAI,GAAA,EAAU,WAAWE,QAAA,CAAG,+BAAA,EAAiC,SAAS,CAAA,EAAI,GAAG,OAAO,CACtF;AACD,gBAAA,CAAiB,WAAA,GAAc,kBAAA","file":"alert.js","sourcesContent":["import { cn } from '@/lib/utils';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\ninterface AlertIconProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst AlertIcon = React.forwardRef<HTMLDivElement, AlertIconProps>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn('h-[1lh] flex-shrink-0 self-start', className)} {...props} />\n  ),\n);\nAlertIcon.displayName = 'AlertIcon';\n\nconst alertVariants = cva('w-full rounded-lg p-3', {\n  variants: {\n    variant: {\n      default: 'bg-background text-foreground border-border',\n      destructive: 'bg-destructive/10 border-destructive/50 text-destructive',\n      success: 'bg-success/10 border-success/50 text-success',\n      warning: 'border-orange-100 bg-orange-50',\n\n      // Primary variants with solid colors\n      'primary-success': 'border-green-600 bg-green-600 text-white',\n      'primary-warning': 'border-orange-600 bg-orange-600 text-white',\n      'primary-info': 'border-primary bg-primary text-white',\n      'primary-error': 'border-red-600 bg-red-600 text-white',\n      // Soft variants with lighter backgrounds\n      'soft-success': 'border-green-100 bg-green-50 text-green-700',\n      'soft-warning': 'border-orange-100 bg-orange-50 text-orange-700',\n      'soft-info': 'border-blue-100 bg-blue-50 text-forceground',\n      'soft-error': 'border-red-100 bg-red-50 text-red-700',\n\n      // Heavy variants with solid colors\n      'heavy-success': 'border-green-600 bg-green-600 text-white',\n      'heavy-warning': 'border-orange-600 bg-orange-600 text-white',\n      'heavy-info': 'border-primary bg-primary text-white',\n      'heavy-error': 'border-red-600 bg-red-600 text-white',\n      // Light variants with lighter backgrounds\n      'light-success': 'border-green-100 bg-green-50 text-green-700',\n      'light-warning': 'border-orange-100 bg-orange-50 text-orange-700',\n      'light-info': 'border-blue-100 bg-blue-50 text-forceground',\n      'light-error': 'border-red-100 bg-red-50 text-red-700',\n\n      // Outline variants with borders\n      'outline-success': 'border-green-500 bg-transparent text-green-700',\n      'outline-warning': 'border-orange-500 bg-transparent text-orange-700',\n      'outline-info': 'border-blue-500 bg-transparent text-forceground',\n      'outline-error': 'border-red-500 bg-transparent text-red-700',\n    },\n    outlined: {\n      true: 'border',\n      false: 'border-0',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    outlined: true,\n  },\n});\n\nconst Alert = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>\n>(({ className, variant, outlined, ...props }, ref) => (\n  <div\n    ref={ref}\n    role=\"alert\"\n    className={cn(alertVariants({ variant, outlined }), className)}\n    {...props}\n  />\n));\nAlert.displayName = 'Alert';\n\nconst AlertTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(\n  ({ className, ...props }, ref) => (\n    <span ref={ref} className={cn('mb-1 font-medium tracking-tight', className)} {...props} />\n  ),\n);\nAlertTitle.displayName = 'AlertTitle';\n\nconst AlertDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('text-sm [&_p]:leading-relaxed', className)} {...props} />\n));\nAlertDescription.displayName = 'AlertDescription';\n\nexport { Alert, AlertDescription, AlertIcon, AlertTitle };\n"]}