@karakuri-ui/react 0.2.3 → 0.2.4

package/dist/components/ui/alert.js

@@ -0,0 +1,223 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var alert_exports = {};
+__export(alert_exports, {
+  Alert: () => Alert,
+  AlertDescription: () => AlertDescription,
+  AlertRoot: () => AlertRoot,
+  AlertTitle: () => AlertTitle,
+  alertVariants: () => alertVariants
+});
+module.exports = __toCommonJS(alert_exports);
+var React = __toESM(require("react"));
+var import_class_variance_authority = require("class-variance-authority");
+var import_utils = require("../../lib/utils");
+const InfoIcon = ({ className }) => /* @__PURE__ */ React.createElement("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React.createElement("path", { d: "M12 16v-4" }), /* @__PURE__ */ React.createElement("path", { d: "M12 8h.01" }));
+const SuccessIcon = ({ className }) => /* @__PURE__ */ React.createElement("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React.createElement("path", { d: "m9 12 2 2 4-4" }));
+const WarningIcon = ({ className }) => /* @__PURE__ */ React.createElement("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }), /* @__PURE__ */ React.createElement("path", { d: "M12 9v4" }), /* @__PURE__ */ React.createElement("path", { d: "M12 17h.01" }));
+const ErrorIcon = ({ className }) => /* @__PURE__ */ React.createElement("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React.createElement("path", { d: "M12 8v5" }), /* @__PURE__ */ React.createElement("path", { d: "M12 16h.01" }));
+const DefaultCloseIcon = ({ className }) => /* @__PURE__ */ React.createElement("svg", { className, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }));
+const STATUS_ICONS = {
+  info: InfoIcon,
+  success: SuccessIcon,
+  warning: WarningIcon,
+  error: ErrorIcon
+};
+const colorMap = {
+  info: {
+    default: "bg-info-tint text-text-info border-info/20",
+    outline: "bg-transparent text-text-info border-info",
+    filled: "bg-info text-info-foreground border-transparent"
+  },
+  success: {
+    default: "bg-success-tint text-text-success border-success/20",
+    outline: "bg-transparent text-text-success border-success",
+    filled: "bg-success text-success-foreground border-transparent"
+  },
+  warning: {
+    default: "bg-warning-tint text-text-warning border-warning/20",
+    outline: "bg-transparent text-text-warning border-warning",
+    filled: "bg-warning text-warning-foreground border-transparent"
+  },
+  error: {
+    default: "bg-error-tint text-text-error border-error/20",
+    outline: "bg-transparent text-text-error border-error",
+    filled: "bg-error text-error-foreground border-transparent"
+  }
+};
+const alertVariants = (0, import_class_variance_authority.cva)(
+  "group relative flex items-center border w-full [&:has([data-alert-description])]:items-start",
+  {
+    variants: {
+      size: {
+        sm: "gap-2 p-3 text-sm",
+        default: "gap-2.5 p-4 text-md",
+        lg: "gap-3 p-5 text-md"
+      },
+      radius: {
+        none: "rounded-none",
+        sm: "rounded-sm",
+        base: "rounded",
+        md: "rounded-md",
+        lg: "rounded-lg",
+        xl: "rounded-xl",
+        "2xl": "rounded-2xl",
+        "3xl": "rounded-3xl",
+        full: "rounded-full"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      radius: "lg"
+    }
+  }
+);
+const ICON_SIZE_MAP = {
+  sm: "icon-sm",
+  // 16px
+  default: "w-[18px] h-[18px]",
+  // 18px — TOKEN-EXCEPTION: no 18px icon token
+  lg: "icon-md"
+  // 20px
+};
+const TITLE_SIZE_MAP = {
+  sm: "text-sm font-semibold leading-4 tracking-tight",
+  default: "font-semibold leading-[18px] tracking-tight",
+  lg: "text-base font-semibold leading-5 tracking-tight"
+};
+const DESC_SIZE_MAP = {
+  sm: "text-xs mt-0.5",
+  default: "text-sm mt-1",
+  lg: "text-md mt-1.5"
+};
+const AlertContext = React.createContext({
+  variant: "default",
+  color: "info",
+  size: "default"
+});
+function useAlertContext() {
+  return React.useContext(AlertContext);
+}
+const AlertRoot = React.forwardRef(
+  ({
+    className,
+    variant = "default",
+    color = "info",
+    size = "default",
+    radius,
+    closable = false,
+    onClose,
+    closeIcon,
+    icon,
+    hideIcon = false,
+    children,
+    ...props
+  }, ref) => {
+    const role = color === "error" ? "alert" : "status";
+    const colorClasses = colorMap[color][variant];
+    const StatusIcon = STATUS_ICONS[color];
+    return /* @__PURE__ */ React.createElement(AlertContext.Provider, { value: { variant, color, size } }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref,
+        role,
+        className: (0, import_utils.cn)(
+          alertVariants({ size, radius }),
+          colorClasses,
+          className
+        ),
+        ...props
+      },
+      !hideIcon && /* @__PURE__ */ React.createElement("span", { className: "shrink-0" }, icon || /* @__PURE__ */ React.createElement(StatusIcon, { className: ICON_SIZE_MAP[size] })),
+      /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0" }, children),
+      closable && /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          type: "button",
+          className: (0, import_utils.cn)(
+            "shrink-0 rounded-md p-1 opacity-70 hover:opacity-100 transition-opacity focus-visible:focus-ring",
+            "group-has-[[data-alert-description]]:absolute",
+            size === "sm" ? "group-has-[[data-alert-description]]:top-2 group-has-[[data-alert-description]]:right-2" : "group-has-[[data-alert-description]]:top-3 group-has-[[data-alert-description]]:right-3"
+          ),
+          onClick: onClose,
+          "aria-label": "Close"
+        },
+        closeIcon || /* @__PURE__ */ React.createElement(DefaultCloseIcon, { className: "icon-sm" })
+      )
+    ));
+  }
+);
+AlertRoot.displayName = "AlertRoot";
+const AlertTitle = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { size } = useAlertContext();
+    return /* @__PURE__ */ React.createElement(
+      "h5",
+      {
+        ref,
+        className: (0, import_utils.cn)(TITLE_SIZE_MAP[size], className),
+        ...props
+      }
+    );
+  }
+);
+AlertTitle.displayName = "AlertTitle";
+const AlertDescription = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { variant, size } = useAlertContext();
+    return /* @__PURE__ */ React.createElement(
+      "p",
+      {
+        ref,
+        "data-alert-description": "",
+        className: (0, import_utils.cn)(
+          DESC_SIZE_MAP[size],
+          variant === "filled" ? "opacity-90" : "opacity-80",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+AlertDescription.displayName = "AlertDescription";
+const Alert = Object.assign(AlertRoot, {
+  Title: AlertTitle,
+  Description: AlertDescription
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Alert,
+  AlertDescription,
+  AlertRoot,
+  AlertTitle,
+  alertVariants
+});
+//# sourceMappingURL=alert.js.map

package/dist/components/ui/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ui/alert.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ─── Built-in status icons (no external dependency) ──────────────\n// All icons: Lucide-compatible 24×24 viewBox, strokeWidth=2, rounded caps/joins\n// Info = circle + \"i\" | Success = circle + check | Warning = triangle + \"!\" | Error = circle + small ×\nconst InfoIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 16v-4\" />\n    <path d=\"M12 8h.01\" />\n  </svg>\n)\n\nconst SuccessIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"m9 12 2 2 4-4\" />\n  </svg>\n)\n\nconst WarningIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" />\n    <path d=\"M12 9v4\" />\n    <path d=\"M12 17h.01\" />\n  </svg>\n)\n\nconst ErrorIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 8v5\" />\n    <path d=\"M12 16h.01\" />\n  </svg>\n)\n\nconst DefaultCloseIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n  </svg>\n)\n\n// ─── Status icon mapping ─────────────────────────────────────────\nconst STATUS_ICONS: Record<AlertColor, React.FC<{ className?: string }>> = {\n  info: InfoIcon,\n  success: SuccessIcon,\n  warning: WarningIcon,\n  error: ErrorIcon,\n}\n\n// ─── Color × Variant class mapping ──────────────────────────────\n// Uses semantic tokens (*.tint, text-text-*) — same pattern as Badge\nconst colorMap = {\n  info: {\n    default: 'bg-info-tint text-text-info border-info/20',\n    outline: 'bg-transparent text-text-info border-info',\n    filled: 'bg-info text-info-foreground border-transparent',\n  },\n  success: {\n    default: 'bg-success-tint text-text-success border-success/20',\n    outline: 'bg-transparent text-text-success border-success',\n    filled: 'bg-success text-success-foreground border-transparent',\n  },\n  warning: {\n    default: 'bg-warning-tint text-text-warning border-warning/20',\n    outline: 'bg-transparent text-text-warning border-warning',\n    filled: 'bg-warning text-warning-foreground border-transparent',\n  },\n  error: {\n    default: 'bg-error-tint text-text-error border-error/20',\n    outline: 'bg-transparent text-text-error border-error',\n    filled: 'bg-error text-error-foreground border-transparent',\n  },\n} as const\n\n// ─── Alert variants ──────────────────────────────────────────────\nconst alertVariants = cva(\n  'group relative flex items-center border w-full [&:has([data-alert-description])]:items-start',\n  {\n    variants: {\n      size: {\n        sm: 'gap-2 p-3 text-sm',\n        default: 'gap-2.5 p-4 text-md',\n        lg: 'gap-3 p-5 text-md',\n      },\n      radius: {\n        none: 'rounded-none',\n        sm: 'rounded-sm',\n        base: 'rounded',\n        md: 'rounded-md',\n        lg: 'rounded-lg',\n        xl: 'rounded-xl',\n        '2xl': 'rounded-2xl',\n        '3xl': 'rounded-3xl',\n        full: 'rounded-full',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      radius: 'lg',\n    },\n  }\n)\n\n// ─── Size-dependent class maps ──────────────────────────────────\nconst ICON_SIZE_MAP = {\n  sm: 'icon-sm',                // 16px\n  default: 'w-[18px] h-[18px]', // 18px — TOKEN-EXCEPTION: no 18px icon token\n  lg: 'icon-md',                // 20px\n} as const\n\nconst TITLE_SIZE_MAP = {\n  sm: 'text-sm font-semibold leading-4 tracking-tight',\n  default: 'font-semibold leading-[18px] tracking-tight',\n  lg: 'text-base font-semibold leading-5 tracking-tight',\n} as const\n\nconst DESC_SIZE_MAP = {\n  sm: 'text-xs mt-0.5',\n  default: 'text-sm mt-1',\n  lg: 'text-md mt-1.5',\n} as const\n\n// ─── Types ───────────────────────────────────────────────────────\nexport type AlertVariant = 'default' | 'outline' | 'filled'\nexport type AlertColor = 'info' | 'success' | 'warning' | 'error'\nexport type AlertSize = 'sm' | 'default' | 'lg'\n\n// ─── Context ─────────────────────────────────────────────────────\ninterface AlertContextValue {\n  variant: AlertVariant\n  color: AlertColor\n  size: AlertSize\n}\n\nconst AlertContext = React.createContext<AlertContextValue>({\n  variant: 'default',\n  color: 'info',\n  size: 'default',\n})\n\nfunction useAlertContext() {\n  return React.useContext(AlertContext)\n}\n\n// ═══════════════════════════════════════════════════════════════════\n// Alert\n// ═══════════════════════════════════════════════════════════════════\n\n// ─── AlertRoot ───────────────────────────────────────────────────\nexport interface AlertRootProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof alertVariants> {\n  /** Visual style */\n  variant?: AlertVariant\n  /** Semantic color (determines icon, colors, and ARIA role) */\n  color?: AlertColor\n  /** Size */\n  size?: AlertSize\n  /** Closable — shows close button */\n  closable?: boolean\n  /** Close callback */\n  onClose?: () => void\n  /** Custom close icon */\n  closeIcon?: React.ReactNode\n  /** Custom status icon (overrides default) */\n  icon?: React.ReactNode\n  /** Hide the status icon entirely */\n  hideIcon?: boolean\n}\n\nconst AlertRoot = React.forwardRef<HTMLDivElement, AlertRootProps>(\n  ({\n    className,\n    variant = 'default',\n    color = 'info',\n    size = 'default',\n    radius,\n    closable = false,\n    onClose,\n    closeIcon,\n    icon,\n    hideIcon = false,\n    children,\n    ...props\n  }, ref) => {\n    // error → role=\"alert\" (assertive), others → role=\"status\" (polite)\n    const role = color === 'error' ? 'alert' : 'status'\n    const colorClasses = colorMap[color][variant]\n    const StatusIcon = STATUS_ICONS[color]\n\n    return (\n      <AlertContext.Provider value={{ variant, color, size }}>\n        <div\n          ref={ref}\n          role={role}\n          className={cn(\n            alertVariants({ size, radius }),\n            colorClasses,\n            className,\n          )}\n          {...props}\n        >\n          {/* Icon */}\n          {!hideIcon && (\n            <span className=\"shrink-0\">\n              {icon || <StatusIcon className={ICON_SIZE_MAP[size]} />}\n            </span>\n          )}\n\n          {/* Content area */}\n          <div className=\"flex-1 min-w-0\">\n            {children}\n          </div>\n\n          {/* Close button */}\n          {closable && (\n            <button\n              type=\"button\"\n              className={cn(\n                'shrink-0 rounded-md p-1 opacity-70 hover:opacity-100 transition-opacity focus-visible:focus-ring',\n                'group-has-[[data-alert-description]]:absolute',\n                size === 'sm'\n                  ? 'group-has-[[data-alert-description]]:top-2 group-has-[[data-alert-description]]:right-2'\n                  : 'group-has-[[data-alert-description]]:top-3 group-has-[[data-alert-description]]:right-3',\n              )}\n              onClick={onClose}\n              aria-label=\"Close\"\n            >\n              {closeIcon || <DefaultCloseIcon className=\"icon-sm\" />}\n            </button>\n          )}\n        </div>\n      </AlertContext.Provider>\n    )\n  }\n)\nAlertRoot.displayName = 'AlertRoot'\n\n// ─── AlertTitle ──────────────────────────────────────────────────\nexport interface AlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {}\n\nconst AlertTitle = React.forwardRef<HTMLHeadingElement, AlertTitleProps>(\n  ({ className, ...props }, ref) => {\n    const { size } = useAlertContext()\n    return (\n      <h5\n        ref={ref}\n        className={cn(TITLE_SIZE_MAP[size], className)}\n        {...props}\n      />\n    )\n  }\n)\nAlertTitle.displayName = 'AlertTitle'\n\n// ─── AlertDescription ────────────────────────────────────────────\nexport interface AlertDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nconst AlertDescription = React.forwardRef<HTMLParagraphElement, AlertDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    const { variant, size } = useAlertContext()\n    return (\n      <p\n        ref={ref}\n        data-alert-description=\"\"\n        className={cn(\n          DESC_SIZE_MAP[size],\n          variant === 'filled' ? 'opacity-90' : 'opacity-80',\n          className,\n        )}\n        {...props}\n      />\n    )\n  }\n)\nAlertDescription.displayName = 'AlertDescription'\n\n// ─── Namespace: Alert ────────────────────────────────────────────\nconst Alert = Object.assign(AlertRoot, {\n  Title: AlertTitle,\n  Description: AlertDescription,\n})\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nnamespace Alert {\n  export type RootProps = AlertRootProps\n  export type TitleProps = AlertTitleProps\n  export type DescriptionProps = AlertDescriptionProps\n}\n\n// ─── Exports ─────────────────────────────────────────────────────\nexport {\n  Alert,\n  AlertRoot,\n  AlertTitle,\n  AlertDescription,\n  alertVariants,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,YAAuB;AACvB,sCAAuC;AACvC,mBAAmB;AAKnB,MAAM,WAAW,CAAC,EAAE,UAAU,MAC5B,oCAAC,SAAI,WAAsB,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAa,GAAG,eAAc,SAAQ,gBAAe,SAAQ,eAAY,UACxJ,oCAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,GAC/B,oCAAC,UAAK,GAAE,aAAY,GACpB,oCAAC,UAAK,GAAE,aAAY,CACtB;AAGF,MAAM,cAAc,CAAC,EAAE,UAAU,MAC/B,oCAAC,SAAI,WAAsB,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAa,GAAG,eAAc,SAAQ,gBAAe,SAAQ,eAAY,UACxJ,oCAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,GAC/B,oCAAC,UAAK,GAAE,iBAAgB,CAC1B;AAGF,MAAM,cAAc,CAAC,EAAE,UAAU,MAC/B,oCAAC,SAAI,WAAsB,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAa,GAAG,eAAc,SAAQ,gBAAe,SAAQ,eAAY,UACxJ,oCAAC,UAAK,GAAE,4EAA2E,GACnF,oCAAC,UAAK,GAAE,WAAU,GAClB,oCAAC,UAAK,GAAE,cAAa,CACvB;AAGF,MAAM,YAAY,CAAC,EAAE,UAAU,MAC7B,oCAAC,SAAI,WAAsB,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAa,GAAG,eAAc,SAAQ,gBAAe,SAAQ,eAAY,UACxJ,oCAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,GAC/B,oCAAC,UAAK,GAAE,WAAU,GAClB,oCAAC,UAAK,GAAE,cAAa,CACvB;AAGF,MAAM,mBAAmB,CAAC,EAAE,UAAU,MACpC,oCAAC,SAAI,WAAsB,MAAK,QAAO,SAAQ,aAAY,QAAO,gBAAe,aAAa,GAAG,eAAY,UAC3G,oCAAC,UAAK,eAAc,SAAQ,gBAAe,SAAQ,GAAE,wBAAuB,CAC9E;AAIF,MAAM,eAAqE;AAAA,EACzE,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;AAIA,MAAM,WAAW;AAAA,EACf,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AACF;AAGA,MAAM,oBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,MACN;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,QAAQ;AAAA,IACV;AAAA,EACF;AACF;AAGA,MAAM,gBAAgB;AAAA,EACpB,IAAI;AAAA;AAAA,EACJ,SAAS;AAAA;AAAA,EACT,IAAI;AAAA;AACN;AAEA,MAAM,iBAAiB;AAAA,EACrB,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,IAAI;AACN;AAEA,MAAM,gBAAgB;AAAA,EACpB,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,IAAI;AACN;AAcA,MAAM,eAAe,MAAM,cAAiC;AAAA,EAC1D,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AACR,CAAC;AAED,SAAS,kBAAkB;AACzB,SAAO,MAAM,WAAW,YAAY;AACtC;AA4BA,MAAM,YAAY,MAAM;AAAA,EACtB,CAAC;AAAA,IACC;AAAA,IACA,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,GAAG;AAAA,EACL,GAAG,QAAQ;AAET,UAAM,OAAO,UAAU,UAAU,UAAU;AAC3C,UAAM,eAAe,SAAS,KAAK,EAAE,OAAO;AAC5C,UAAM,aAAa,aAAa,KAAK;AAErC,WACE,oCAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,SAAS,OAAO,KAAK,KACnD;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,eAAW;AAAA,UACT,cAAc,EAAE,MAAM,OAAO,CAAC;AAAA,UAC9B;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,MAGH,CAAC,YACA,oCAAC,UAAK,WAAU,cACb,QAAQ,oCAAC,cAAW,WAAW,cAAc,IAAI,GAAG,CACvD;AAAA,MAIF,oCAAC,SAAI,WAAU,oBACZ,QACH;AAAA,MAGC,YACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,eAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA,SAAS,OACL,4FACA;AAAA,UACN;AAAA,UACA,SAAS;AAAA,UACT,cAAW;AAAA;AAAA,QAEV,aAAa,oCAAC,oBAAiB,WAAU,WAAU;AAAA,MACtD;AAAA,IAEJ,CACF;AAAA,EAEJ;AACF;AACA,UAAU,cAAc;AAKxB,MAAM,aAAa,MAAM;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAChC,UAAM,EAAE,KAAK,IAAI,gBAAgB;AACjC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW,iBAAG,eAAe,IAAI,GAAG,SAAS;AAAA,QAC5C,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;AAKzB,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAAQ;AAChC,UAAM,EAAE,SAAS,KAAK,IAAI,gBAAgB;AAC1C,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,0BAAuB;AAAA,QACvB,eAAW;AAAA,UACT,cAAc,IAAI;AAAA,UAClB,YAAY,WAAW,eAAe;AAAA,UACtC;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,iBAAiB,cAAc;AAG/B,MAAM,QAAQ,OAAO,OAAO,WAAW;AAAA,EACrC,OAAO;AAAA,EACP,aAAa;AACf,CAAC;","names":[]}

package/dist/components/ui/alert.mjs

@@ -0,0 +1,185 @@
+"use client";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+const InfoIcon = ({ className }) => /* @__PURE__ */ React.createElement("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React.createElement("path", { d: "M12 16v-4" }), /* @__PURE__ */ React.createElement("path", { d: "M12 8h.01" }));
+const SuccessIcon = ({ className }) => /* @__PURE__ */ React.createElement("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React.createElement("path", { d: "m9 12 2 2 4-4" }));
+const WarningIcon = ({ className }) => /* @__PURE__ */ React.createElement("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }), /* @__PURE__ */ React.createElement("path", { d: "M12 9v4" }), /* @__PURE__ */ React.createElement("path", { d: "M12 17h.01" }));
+const ErrorIcon = ({ className }) => /* @__PURE__ */ React.createElement("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("circle", { cx: "12", cy: "12", r: "10" }), /* @__PURE__ */ React.createElement("path", { d: "M12 8v5" }), /* @__PURE__ */ React.createElement("path", { d: "M12 16h.01" }));
+const DefaultCloseIcon = ({ className }) => /* @__PURE__ */ React.createElement("svg", { className, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true" }, /* @__PURE__ */ React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }));
+const STATUS_ICONS = {
+  info: InfoIcon,
+  success: SuccessIcon,
+  warning: WarningIcon,
+  error: ErrorIcon
+};
+const colorMap = {
+  info: {
+    default: "bg-info-tint text-text-info border-info/20",
+    outline: "bg-transparent text-text-info border-info",
+    filled: "bg-info text-info-foreground border-transparent"
+  },
+  success: {
+    default: "bg-success-tint text-text-success border-success/20",
+    outline: "bg-transparent text-text-success border-success",
+    filled: "bg-success text-success-foreground border-transparent"
+  },
+  warning: {
+    default: "bg-warning-tint text-text-warning border-warning/20",
+    outline: "bg-transparent text-text-warning border-warning",
+    filled: "bg-warning text-warning-foreground border-transparent"
+  },
+  error: {
+    default: "bg-error-tint text-text-error border-error/20",
+    outline: "bg-transparent text-text-error border-error",
+    filled: "bg-error text-error-foreground border-transparent"
+  }
+};
+const alertVariants = cva(
+  "group relative flex items-center border w-full [&:has([data-alert-description])]:items-start",
+  {
+    variants: {
+      size: {
+        sm: "gap-2 p-3 text-sm",
+        default: "gap-2.5 p-4 text-md",
+        lg: "gap-3 p-5 text-md"
+      },
+      radius: {
+        none: "rounded-none",
+        sm: "rounded-sm",
+        base: "rounded",
+        md: "rounded-md",
+        lg: "rounded-lg",
+        xl: "rounded-xl",
+        "2xl": "rounded-2xl",
+        "3xl": "rounded-3xl",
+        full: "rounded-full"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      radius: "lg"
+    }
+  }
+);
+const ICON_SIZE_MAP = {
+  sm: "icon-sm",
+  // 16px
+  default: "w-[18px] h-[18px]",
+  // 18px — TOKEN-EXCEPTION: no 18px icon token
+  lg: "icon-md"
+  // 20px
+};
+const TITLE_SIZE_MAP = {
+  sm: "text-sm font-semibold leading-4 tracking-tight",
+  default: "font-semibold leading-[18px] tracking-tight",
+  lg: "text-base font-semibold leading-5 tracking-tight"
+};
+const DESC_SIZE_MAP = {
+  sm: "text-xs mt-0.5",
+  default: "text-sm mt-1",
+  lg: "text-md mt-1.5"
+};
+const AlertContext = React.createContext({
+  variant: "default",
+  color: "info",
+  size: "default"
+});
+function useAlertContext() {
+  return React.useContext(AlertContext);
+}
+const AlertRoot = React.forwardRef(
+  ({
+    className,
+    variant = "default",
+    color = "info",
+    size = "default",
+    radius,
+    closable = false,
+    onClose,
+    closeIcon,
+    icon,
+    hideIcon = false,
+    children,
+    ...props
+  }, ref) => {
+    const role = color === "error" ? "alert" : "status";
+    const colorClasses = colorMap[color][variant];
+    const StatusIcon = STATUS_ICONS[color];
+    return /* @__PURE__ */ React.createElement(AlertContext.Provider, { value: { variant, color, size } }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref,
+        role,
+        className: cn(
+          alertVariants({ size, radius }),
+          colorClasses,
+          className
+        ),
+        ...props
+      },
+      !hideIcon && /* @__PURE__ */ React.createElement("span", { className: "shrink-0" }, icon || /* @__PURE__ */ React.createElement(StatusIcon, { className: ICON_SIZE_MAP[size] })),
+      /* @__PURE__ */ React.createElement("div", { className: "flex-1 min-w-0" }, children),
+      closable && /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          type: "button",
+          className: cn(
+            "shrink-0 rounded-md p-1 opacity-70 hover:opacity-100 transition-opacity focus-visible:focus-ring",
+            "group-has-[[data-alert-description]]:absolute",
+            size === "sm" ? "group-has-[[data-alert-description]]:top-2 group-has-[[data-alert-description]]:right-2" : "group-has-[[data-alert-description]]:top-3 group-has-[[data-alert-description]]:right-3"
+          ),
+          onClick: onClose,
+          "aria-label": "Close"
+        },
+        closeIcon || /* @__PURE__ */ React.createElement(DefaultCloseIcon, { className: "icon-sm" })
+      )
+    ));
+  }
+);
+AlertRoot.displayName = "AlertRoot";
+const AlertTitle = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { size } = useAlertContext();
+    return /* @__PURE__ */ React.createElement(
+      "h5",
+      {
+        ref,
+        className: cn(TITLE_SIZE_MAP[size], className),
+        ...props
+      }
+    );
+  }
+);
+AlertTitle.displayName = "AlertTitle";
+const AlertDescription = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { variant, size } = useAlertContext();
+    return /* @__PURE__ */ React.createElement(
+      "p",
+      {
+        ref,
+        "data-alert-description": "",
+        className: cn(
+          DESC_SIZE_MAP[size],
+          variant === "filled" ? "opacity-90" : "opacity-80",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+AlertDescription.displayName = "AlertDescription";
+const Alert = Object.assign(AlertRoot, {
+  Title: AlertTitle,
+  Description: AlertDescription
+});
+export {
+  Alert,
+  AlertDescription,
+  AlertRoot,
+  AlertTitle,
+  alertVariants
+};
+//# sourceMappingURL=alert.mjs.map

package/dist/components/ui/alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ui/alert.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '../../lib/utils'\n\n// ─── Built-in status icons (no external dependency) ──────────────\n// All icons: Lucide-compatible 24×24 viewBox, strokeWidth=2, rounded caps/joins\n// Info = circle + \"i\" | Success = circle + check | Warning = triangle + \"!\" | Error = circle + small ×\nconst InfoIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 16v-4\" />\n    <path d=\"M12 8h.01\" />\n  </svg>\n)\n\nconst SuccessIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"m9 12 2 2 4-4\" />\n  </svg>\n)\n\nconst WarningIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" />\n    <path d=\"M12 9v4\" />\n    <path d=\"M12 17h.01\" />\n  </svg>\n)\n\nconst ErrorIcon = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 8v5\" />\n    <path d=\"M12 16h.01\" />\n  </svg>\n)\n\nconst DefaultCloseIcon = ({ className }: { className?: string }) => (\n  <svg className={className} fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18L18 6M6 6l12 12\" />\n  </svg>\n)\n\n// ─── Status icon mapping ─────────────────────────────────────────\nconst STATUS_ICONS: Record<AlertColor, React.FC<{ className?: string }>> = {\n  info: InfoIcon,\n  success: SuccessIcon,\n  warning: WarningIcon,\n  error: ErrorIcon,\n}\n\n// ─── Color × Variant class mapping ──────────────────────────────\n// Uses semantic tokens (*.tint, text-text-*) — same pattern as Badge\nconst colorMap = {\n  info: {\n    default: 'bg-info-tint text-text-info border-info/20',\n    outline: 'bg-transparent text-text-info border-info',\n    filled: 'bg-info text-info-foreground border-transparent',\n  },\n  success: {\n    default: 'bg-success-tint text-text-success border-success/20',\n    outline: 'bg-transparent text-text-success border-success',\n    filled: 'bg-success text-success-foreground border-transparent',\n  },\n  warning: {\n    default: 'bg-warning-tint text-text-warning border-warning/20',\n    outline: 'bg-transparent text-text-warning border-warning',\n    filled: 'bg-warning text-warning-foreground border-transparent',\n  },\n  error: {\n    default: 'bg-error-tint text-text-error border-error/20',\n    outline: 'bg-transparent text-text-error border-error',\n    filled: 'bg-error text-error-foreground border-transparent',\n  },\n} as const\n\n// ─── Alert variants ──────────────────────────────────────────────\nconst alertVariants = cva(\n  'group relative flex items-center border w-full [&:has([data-alert-description])]:items-start',\n  {\n    variants: {\n      size: {\n        sm: 'gap-2 p-3 text-sm',\n        default: 'gap-2.5 p-4 text-md',\n        lg: 'gap-3 p-5 text-md',\n      },\n      radius: {\n        none: 'rounded-none',\n        sm: 'rounded-sm',\n        base: 'rounded',\n        md: 'rounded-md',\n        lg: 'rounded-lg',\n        xl: 'rounded-xl',\n        '2xl': 'rounded-2xl',\n        '3xl': 'rounded-3xl',\n        full: 'rounded-full',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n      radius: 'lg',\n    },\n  }\n)\n\n// ─── Size-dependent class maps ──────────────────────────────────\nconst ICON_SIZE_MAP = {\n  sm: 'icon-sm',                // 16px\n  default: 'w-[18px] h-[18px]', // 18px — TOKEN-EXCEPTION: no 18px icon token\n  lg: 'icon-md',                // 20px\n} as const\n\nconst TITLE_SIZE_MAP = {\n  sm: 'text-sm font-semibold leading-4 tracking-tight',\n  default: 'font-semibold leading-[18px] tracking-tight',\n  lg: 'text-base font-semibold leading-5 tracking-tight',\n} as const\n\nconst DESC_SIZE_MAP = {\n  sm: 'text-xs mt-0.5',\n  default: 'text-sm mt-1',\n  lg: 'text-md mt-1.5',\n} as const\n\n// ─── Types ───────────────────────────────────────────────────────\nexport type AlertVariant = 'default' | 'outline' | 'filled'\nexport type AlertColor = 'info' | 'success' | 'warning' | 'error'\nexport type AlertSize = 'sm' | 'default' | 'lg'\n\n// ─── Context ─────────────────────────────────────────────────────\ninterface AlertContextValue {\n  variant: AlertVariant\n  color: AlertColor\n  size: AlertSize\n}\n\nconst AlertContext = React.createContext<AlertContextValue>({\n  variant: 'default',\n  color: 'info',\n  size: 'default',\n})\n\nfunction useAlertContext() {\n  return React.useContext(AlertContext)\n}\n\n// ═══════════════════════════════════════════════════════════════════\n// Alert\n// ═══════════════════════════════════════════════════════════════════\n\n// ─── AlertRoot ───────────────────────────────────────────────────\nexport interface AlertRootProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof alertVariants> {\n  /** Visual style */\n  variant?: AlertVariant\n  /** Semantic color (determines icon, colors, and ARIA role) */\n  color?: AlertColor\n  /** Size */\n  size?: AlertSize\n  /** Closable — shows close button */\n  closable?: boolean\n  /** Close callback */\n  onClose?: () => void\n  /** Custom close icon */\n  closeIcon?: React.ReactNode\n  /** Custom status icon (overrides default) */\n  icon?: React.ReactNode\n  /** Hide the status icon entirely */\n  hideIcon?: boolean\n}\n\nconst AlertRoot = React.forwardRef<HTMLDivElement, AlertRootProps>(\n  ({\n    className,\n    variant = 'default',\n    color = 'info',\n    size = 'default',\n    radius,\n    closable = false,\n    onClose,\n    closeIcon,\n    icon,\n    hideIcon = false,\n    children,\n    ...props\n  }, ref) => {\n    // error → role=\"alert\" (assertive), others → role=\"status\" (polite)\n    const role = color === 'error' ? 'alert' : 'status'\n    const colorClasses = colorMap[color][variant]\n    const StatusIcon = STATUS_ICONS[color]\n\n    return (\n      <AlertContext.Provider value={{ variant, color, size }}>\n        <div\n          ref={ref}\n          role={role}\n          className={cn(\n            alertVariants({ size, radius }),\n            colorClasses,\n            className,\n          )}\n          {...props}\n        >\n          {/* Icon */}\n          {!hideIcon && (\n            <span className=\"shrink-0\">\n              {icon || <StatusIcon className={ICON_SIZE_MAP[size]} />}\n            </span>\n          )}\n\n          {/* Content area */}\n          <div className=\"flex-1 min-w-0\">\n            {children}\n          </div>\n\n          {/* Close button */}\n          {closable && (\n            <button\n              type=\"button\"\n              className={cn(\n                'shrink-0 rounded-md p-1 opacity-70 hover:opacity-100 transition-opacity focus-visible:focus-ring',\n                'group-has-[[data-alert-description]]:absolute',\n                size === 'sm'\n                  ? 'group-has-[[data-alert-description]]:top-2 group-has-[[data-alert-description]]:right-2'\n                  : 'group-has-[[data-alert-description]]:top-3 group-has-[[data-alert-description]]:right-3',\n              )}\n              onClick={onClose}\n              aria-label=\"Close\"\n            >\n              {closeIcon || <DefaultCloseIcon className=\"icon-sm\" />}\n            </button>\n          )}\n        </div>\n      </AlertContext.Provider>\n    )\n  }\n)\nAlertRoot.displayName = 'AlertRoot'\n\n// ─── AlertTitle ──────────────────────────────────────────────────\nexport interface AlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {}\n\nconst AlertTitle = React.forwardRef<HTMLHeadingElement, AlertTitleProps>(\n  ({ className, ...props }, ref) => {\n    const { size } = useAlertContext()\n    return (\n      <h5\n        ref={ref}\n        className={cn(TITLE_SIZE_MAP[size], className)}\n        {...props}\n      />\n    )\n  }\n)\nAlertTitle.displayName = 'AlertTitle'\n\n// ─── AlertDescription ────────────────────────────────────────────\nexport interface AlertDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nconst AlertDescription = React.forwardRef<HTMLParagraphElement, AlertDescriptionProps>(\n  ({ className, ...props }, ref) => {\n    const { variant, size } = useAlertContext()\n    return (\n      <p\n        ref={ref}\n        data-alert-description=\"\"\n        className={cn(\n          DESC_SIZE_MAP[size],\n          variant === 'filled' ? 'opacity-90' : 'opacity-80',\n          className,\n        )}\n        {...props}\n      />\n    )\n  }\n)\nAlertDescription.displayName = 'AlertDescription'\n\n// ─── Namespace: Alert ────────────────────────────────────────────\nconst Alert = Object.assign(AlertRoot, {\n  Title: AlertTitle,\n  Description: AlertDescription,\n})\n\n// eslint-disable-next-line @typescript-eslint/no-namespace\nnamespace Alert {\n  export type RootProps = AlertRootProps\n  export type TitleProps = AlertTitleProps\n  export type DescriptionProps = AlertDescriptionProps\n}\n\n// ─── Exports ─────────────────────────────────────────────────────\nexport {\n  Alert,\n  AlertRoot,\n  AlertTitle,\n  AlertDescription,\n  alertVariants,\n}\n"],"mappings":"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","names":[]}