@zentauri-ui/zentauri-components 1.2.0 → 1.3.0

package/dist/chunk-QZKMFSH5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/inputs/variants.ts"],"names":["cva"],"mappings":"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","file":"chunk-QZKMFSH5.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const inputVariants = cva(\n  [\n    \"w-full min-w-0 rounded-xl border bg-white/5 text-slate-50 shadow-[0_1px_2px_rgba(15,23,42,0.12)]\",\n    \"ring-offset-slate-950 transition-colors\",\n    \"placeholder:text-slate-500\",\n    \"focus-visible:outline-none\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n    \"read-only:cursor-default read-only:bg-white/[0.03]\",\n    \"file:h-8\",\n  ],\n  {\n    variants: {\n      as: {\n        input: \"\",\n        textarea: \"h-auto! resize-y py-2 align-top\",\n        file: [\n          // Reset native padding so we control it fully\n          \"p-0! cursor-pointer\",\n          // File-selector button base styles\n          \"file:cursor-pointer file:border-0 file:border-r file:border-white/10\",\n          \"file:bg-white/10 file:text-slate-200 file:font-medium\",\n          \"file:transition-colors file:duration-200\",\n          \"hover:file:bg-white/15\",\n          // Content area padding\n          \"[&:not(:disabled)]:file:hover:text-white\",\n          \"disabled:file:cursor-not-allowed\",\n        ],\n        checkbox: [\n          \"shrink-0 cursor-pointer appearance-none relative\",\n          \"min-h-0! shadow-none outline-none\",\n          \"border-2 border-white/30 [&:not(:checked)]:bg-transparent\",\n          \"transition-[color,box-shadow,border-color,background-color]\",\n          \"disabled:cursor-not-allowed disabled:opacity-50\",\n          \"read-only:cursor-default\",\n          \"checked:after:absolute checked:after:content-[''] checked:after:size-3 checked:after:top-1/2 checked:after:left-1/2 checked:after:-translate-x-1/2 checked:after:-translate-y-1/2 checked:after:rounded-full checked:after:bg-current\",\n        ],\n        radio: [\n          \"shrink-0 cursor-pointer appearance-none rounded-full\",\n          \"min-h-0! shadow-none outline-none\",\n          \"border-2 border-white/30 bg-transparent! read-only:bg-transparent!\",\n          \"ring-2 ring-white/20 ring-offset-2 ring-offset-slate-950\",\n          \"transition-[color,box-shadow,background-color,border-color,box-shadow]\",\n          \"disabled:cursor-not-allowed disabled:opacity-50\",\n          \"read-only:cursor-default\",\n        ],\n      },\n      appearance: {\n        default: \"border-white/10 focus-visible:border-white/20\",\n        warning:\n          \"border-yellow-500/80 text-yellow-50 placeholder:text-yellow-300/70 focus-visible:border-yellow-400 focus-visible:ring-yellow-400/80\",\n        error:\n          \"border-rose-500/80 text-rose-50 placeholder:text-rose-300/70 focus-visible:border-rose-400 focus-visible:ring-rose-400/80\",\n        success:\n          \"border-emerald-500/70 text-emerald-50 placeholder:text-emerald-300/70 focus-visible:border-emerald-400 focus-visible:ring-emerald-400/80\",\n        info: \"border-blue-500/80 text-blue-50 placeholder:text-blue-300/70 focus-visible:border-blue-400 focus-visible:ring-blue-400/80\",\n        violet:\n          \"border-violet-500/80 text-violet-50 placeholder:text-violet-300/70 focus-visible:border-violet-400 focus-visible:ring-violet-400/80\",\n        amber:\n          \"border-amber-500/80 text-amber-50 placeholder:text-amber-300/70 focus-visible:border-amber-400 focus-visible:ring-amber-400/80\",\n        pink: \"border-pink-500/80 text-pink-50 placeholder:text-pink-300/70 focus-visible:border-pink-400 focus-visible:ring-pink-400/80\",\n        indigo:\n          \"border-indigo-500/80 text-indigo-50 placeholder:text-indigo-300/70 focus-visible:border-indigo-400 focus-visible:ring-indigo-400/80\",\n        orange:\n          \"border-orange-500/80 text-orange-50 placeholder:text-orange-300/70 focus-visible:border-orange-400 focus-visible:ring-orange-400/80\",\n      },\n      size: {\n        sm: \"h-8 px-3 text-xs\",\n        md: \"h-9 md:h-11 px-4 text-sm\",\n        lg: \"h-10 md:h-12 px-5 text-base\",\n      },\n      ring: {\n        true: \"focus-visible:ring-2 focus-visible:ring-offset-2\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      as: \"input\",\n      appearance: \"default\",\n      size: \"md\",\n      ring: true,\n    },\n    compoundVariants: [\n      // ── textarea size overrides ──────────────────────────────────────────\n      {\n        as: \"textarea\",\n        size: \"sm\",\n        class: \"min-h-[5rem]\",\n      },\n      {\n        as: \"textarea\",\n        size: \"md\",\n        class: \"min-h-[6rem]\",\n      },\n      {\n        as: \"textarea\",\n        size: \"lg\",\n        class: \"min-h-[7.5rem]\",\n      },\n      // ── file input: size – height & file-button padding ──────────────────\n      {\n        as: \"file\",\n        size: \"sm\",\n        class: \"h-8 text-xs pl-1 file:h-8 file:px-3 file:text-xs\",\n      },\n      {\n        as: \"file\",\n        size: \"md\",\n        class:\n          \"h-9 md:h-11 text-sm pl-1 file:h-9 md:file:h-11 file:px-4 file:text-sm\",\n      },\n      {\n        as: \"file\",\n        size: \"lg\",\n        class:\n          \"h-10 md:h-12 text-base pl-1 file:h-10 md:file:h-12 file:px-5 file:text-base\",\n      },\n      // ── file input: appearance – file-button accent colour ───────────────\n      {\n        as: \"file\",\n        appearance: \"default\",\n        class: \"file:text-slate-200\",\n      },\n      {\n        as: \"file\",\n        appearance: \"warning\",\n        class:\n          \"file:bg-yellow-500/20 file:text-yellow-200 file:border-yellow-500/40 hover:file:bg-yellow-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"error\",\n        class:\n          \"file:bg-rose-500/20 file:text-rose-200 file:border-rose-500/40 hover:file:bg-rose-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"success\",\n        class:\n          \"file:bg-emerald-500/20 file:text-emerald-200 file:border-emerald-500/40 hover:file:bg-emerald-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"info\",\n        class:\n          \"file:bg-blue-500/20 file:text-blue-200 file:border-blue-500/40 hover:file:bg-blue-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"violet\",\n        class:\n          \"file:bg-violet-500/20 file:text-violet-200 file:border-violet-500/40 hover:file:bg-violet-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"amber\",\n        class:\n          \"file:bg-amber-500/20 file:text-amber-200 file:border-amber-500/40 hover:file:bg-amber-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"pink\",\n        class:\n          \"file:bg-pink-500/20 file:text-pink-200 file:border-pink-500/40 hover:file:bg-pink-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"indigo\",\n        class:\n          \"file:bg-indigo-500/20 file:text-indigo-200 file:border-indigo-500/40 hover:file:bg-indigo-500/30\",\n      },\n      // ── checkbox / radio: size (overrides text-field height & padding) ───\n      {\n        as: \"checkbox\",\n        size: \"sm\",\n        class: \"h-4! w-4! min-h-0! rounded-[0.35rem]! px-0! py-0!\",\n      },\n      {\n        as: \"checkbox\",\n        size: \"md\",\n        class: \"h-5! w-5! min-h-0! rounded-md! px-0! py-0!\",\n      },\n      {\n        as: \"checkbox\",\n        size: \"lg\",\n        class: \"h-6! w-6! min-h-0! rounded-md! px-0! py-0!\",\n      },\n      {\n        as: \"radio\",\n        size: \"sm\",\n        class: \"h-4! w-4! min-h-0! px-0! py-0!\",\n      },\n      {\n        as: \"radio\",\n        size: \"md\",\n        class: \"h-5! w-5! min-h-0! px-0! py-0!\",\n      },\n      {\n        as: \"radio\",\n        size: \"lg\",\n        class: \"h-6! w-6! min-h-0! px-0! py-0!\",\n      },\n      // ── checkbox: appearance (border + tick color; fill stays transparent) ─\n      {\n        as: \"checkbox\",\n        appearance: \"default\",\n        class:\n          \"border-slate-400/70! checked:border-slate-200 checked:text-slate-200 hover:border-slate-300 focus-visible:border-slate-300 focus-visible:ring-slate-400/70\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"warning\",\n        class:\n          \"border-yellow-500/70! checked:border-yellow-400 checked:text-yellow-300 hover:border-yellow-400 focus-visible:border-yellow-400 focus-visible:ring-yellow-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"error\",\n        class:\n          \"border-rose-500/70! checked:border-rose-400 checked:text-rose-300 hover:border-rose-400 focus-visible:border-rose-400 focus-visible:ring-rose-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"success\",\n        class:\n          \"border-emerald-500/70! checked:border-emerald-400 checked:text-emerald-300 hover:border-emerald-400 focus-visible:border-emerald-400 focus-visible:ring-emerald-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"info\",\n        class:\n          \"border-blue-500/70! checked:border-blue-400 checked:text-blue-300 hover:border-blue-400 focus-visible:border-blue-400 focus-visible:ring-blue-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"violet\",\n        class:\n          \"border-violet-500/70! checked:after:bg-violet-400 checked:border-violet-400 checked:text-violet-300 hover:border-violet-400 focus-visible:border-violet-400 focus-visible:ring-violet-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"amber\",\n        class:\n          \"border-amber-500/70! checked:border-amber-400! checked:text-amber-300 hover:border-amber-400! focus-visible:border-amber-400! focus-visible:ring-amber-400/80!\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"pink\",\n        class:\n          \"border-pink-500/70! checked:border-pink-400 checked:text-pink-300 hover:border-pink-400 focus-visible:border-pink-400 focus-visible:ring-pink-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"indigo\",\n        class:\n          \"border-indigo-500/70! checked:border-indigo-400! checked:text-indigo-300 hover:border-indigo-400! focus-visible:border-indigo-400! focus-visible:ring-indigo-400/80!\",\n      },\n      // ── radio: appearance (transparent fill, inner dot, coloured offset ring) ─\n      {\n        as: \"radio\",\n        appearance: \"default\",\n        class:\n          \"border-slate-400/70! checked:border-slate-200 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(226,232,240)]! hover:border-slate-300 focus-visible:border-slate-300 focus-visible:ring-slate-400/70 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-slate-300/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"warning\",\n        class:\n          \"border-yellow-500/70! checked:border-yellow-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(250,204,21)]! hover:border-yellow-400 focus-visible:border-yellow-400 focus-visible:ring-yellow-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-yellow-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"error\",\n        class:\n          \"border-rose-500/70! checked:border-rose-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(251,113,133)]! hover:border-rose-400 focus-visible:border-rose-400 focus-visible:ring-rose-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-rose-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"success\",\n        class:\n          \"border-emerald-500/70! checked:border-emerald-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(52,211,153)]! hover:border-emerald-400 focus-visible:border-emerald-400 focus-visible:ring-emerald-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-emerald-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"info\",\n        class:\n          \"border-blue-500/70! checked:border-blue-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(96,165,250)]! hover:border-blue-400 focus-visible:border-blue-400 focus-visible:ring-blue-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-blue-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"violet\",\n        class:\n          \"border-violet-500/70! checked:border-violet-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(167,139,250)]! hover:border-violet-400 focus-visible:border-violet-400 focus-visible:ring-violet-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-violet-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"amber\",\n        class:\n          \"border-amber-500/70! checked:border-amber-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(251,191,36)]! hover:border-amber-400 focus-visible:border-amber-400 focus-visible:ring-amber-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-amber-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"pink\",\n        class:\n          \"border-pink-500/70! checked:border-pink-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(244,114,182)]! hover:border-pink-400 focus-visible:border-pink-400 focus-visible:ring-pink-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-pink-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"indigo\",\n        class:\n          \"border-indigo-500/70! checked:border-indigo-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(129,140,248)]! hover:border-indigo-400 focus-visible:border-indigo-400 focus-visible:ring-indigo-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-indigo-400/90!\",\n      },\n    ],\n  },\n);\n"]}

package/dist/chunk-RDSPHBHK.mjs

@@ -0,0 +1,221 @@
+import { clamp, cn } from './chunk-DFEZH7TC.mjs';
+import { cva } from 'class-variance-authority';
+import { createContext, useContext, useMemo } from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+var progressVariants = cva("w-full text-slate-50", {
+  variants: {
+    appearance: {
+      default: "[--progress-fill:theme(colors.slate.50)]",
+      secondary: "[--progress-fill:theme(colors.slate.300)]",
+      destructive: "[--progress-fill:theme(colors.rose.400)]",
+      emerald: "[--progress-fill:theme(colors.emerald.400)]",
+      indigo: "[--progress-fill:theme(colors.indigo.400)]",
+      purple: "[--progress-fill:theme(colors.purple.400)]",
+      pink: "[--progress-fill:theme(colors.pink.400)]",
+      rose: "[--progress-fill:theme(colors.rose.400)]",
+      sky: "[--progress-fill:theme(colors.sky.400)]",
+      teal: "[--progress-fill:theme(colors.teal.400)]",
+      yellow: "[--progress-fill:theme(colors.yellow.400)]",
+      orange: "[--progress-fill:theme(colors.orange.400)]",
+      outline: "[--progress-fill:theme(colors.cyan.300)]",
+      ghost: "[--progress-fill:theme(colors.slate.200)]",
+      glass: "[--progress-fill:theme(colors.white)]",
+      "gradient-blue": "[--progress-fill:linear-gradient(90deg,theme(colors.blue.500),theme(colors.purple.500))]",
+      "gradient-green": "[--progress-fill:linear-gradient(90deg,theme(colors.green.500),theme(colors.lime.500))]",
+      "gradient-red": "[--progress-fill:linear-gradient(90deg,theme(colors.red.500),theme(colors.pink.500))]",
+      "gradient-yellow": "[--progress-fill:linear-gradient(90deg,theme(colors.yellow.500),theme(colors.orange.500))]",
+      "gradient-purple": "[--progress-fill:linear-gradient(90deg,theme(colors.purple.500),theme(colors.pink.500))]",
+      "gradient-teal": "[--progress-fill:linear-gradient(90deg,theme(colors.teal.500),theme(colors.cyan.500))]",
+      "gradient-indigo": "[--progress-fill:linear-gradient(90deg,theme(colors.indigo.500),theme(colors.purple.500))]",
+      "gradient-pink": "[--progress-fill:linear-gradient(90deg,theme(colors.pink.500),theme(colors.rose.500))]",
+      "gradient-orange": "[--progress-fill:linear-gradient(90deg,theme(colors.orange.500),theme(colors.red.500))]"
+    },
+    size: {
+      xs: "text-[0.65rem]",
+      sm: "text-xs",
+      md: "text-sm",
+      lg: "text-base",
+      xl: "text-lg"
+    },
+    shape: {
+      flat: "rounded-none",
+      rounded: "rounded-md",
+      pill: "rounded-full"
+    },
+    striped: {
+      true: "",
+      false: ""
+    },
+    animated: {
+      true: "",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md",
+    shape: "rounded",
+    striped: false,
+    animated: false
+  }
+});
+var progressTrackVariants = cva(
+  "relative w-full overflow-hidden bg-white/10",
+  {
+    variants: {
+      size: {
+        xs: "h-1",
+        sm: "h-1.5",
+        md: "h-2",
+        lg: "h-3",
+        xl: "h-4"
+      },
+      shape: {
+        flat: "rounded-none",
+        rounded: "rounded-md",
+        pill: "rounded-full"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      shape: "rounded"
+    }
+  }
+);
+var progressBarVariants = cva(
+  "h-full w-full origin-left rounded-[inherit]",
+  {
+    variants: {
+      striped: {
+        true: "bg-[repeating-linear-gradient(135deg,rgba(255,255,255,0.18)_0,rgba(255,255,255,0.18)_10px,transparent_10px,transparent_20px)]",
+        false: "[background:var(--progress-fill)]"
+      }
+    },
+    defaultVariants: { striped: false }
+  }
+);
+var ProgressContext = createContext(null);
+function useProgressContext(component) {
+  const ctx = useContext(ProgressContext);
+  if (!ctx) {
+    throw new Error(`${component} must be used within <Progress>`);
+  }
+  return ctx;
+}
+function ProgressBase(props) {
+  const {
+    className,
+    appearance = "default",
+    size = "md",
+    shape = "rounded",
+    striped = false,
+    animated = false,
+    value = 0,
+    min = 0,
+    max = 100,
+    label,
+    children,
+    ref,
+    as: Wrapper = "div",
+    ...rest
+  } = props;
+  const clamped = clamp(value, min, max);
+  const percent = max === min ? 0 : (clamped - min) / (max - min) * 100;
+  const ctx = useMemo(
+    () => ({
+      value: clamped,
+      min,
+      max,
+      size: size ?? "md",
+      shape: shape ?? "rounded",
+      striped: Boolean(striped),
+      animated: Boolean(animated),
+      appearance: appearance ?? "default"
+    }),
+    [animated, appearance, clamped, max, min, shape, size, striped]
+  );
+  return /* @__PURE__ */ jsx(ProgressContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+    Wrapper,
+    {
+      ref,
+      "data-slot": "progress",
+      role: "progressbar",
+      "aria-valuemin": min,
+      "aria-valuemax": max,
+      "aria-valuenow": clamped,
+      "aria-label": label,
+      className: cn(
+        progressVariants({ appearance, size, shape, striped, animated }),
+        className
+      ),
+      ...rest,
+      children: children ?? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ProgressBar, { style: { transform: `scaleX(${percent / 100})` } }) })
+    }
+  ) });
+}
+ProgressBase.displayName = "Progress";
+function ProgressBar({
+  className,
+  style,
+  ref,
+  as: Wrapper = "div",
+  ...rest
+}) {
+  const { size, shape, striped, animated } = useProgressContext("ProgressBar");
+  return /* @__PURE__ */ jsx(
+    Wrapper,
+    {
+      "data-slot": "progress-track",
+      className: cn(progressTrackVariants({ size, shape }), "text-current"),
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          "data-slot": "progress-bar",
+          className: cn(
+            progressBarVariants({ striped }),
+            animated ? "animate-pulse" : void 0,
+            className
+          ),
+          style: {
+            transformOrigin: "left center",
+            ...style
+          },
+          ...rest
+        }
+      )
+    }
+  );
+}
+ProgressBar.displayName = "ProgressBar";
+function ProgressLabel({ className, children }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "progress-label",
+      className: cn("mb-2 font-medium text-slate-200", className),
+      children
+    }
+  );
+}
+ProgressLabel.displayName = "ProgressLabel";
+function ProgressValue({ className, children }) {
+  const { value, min, max } = useProgressContext("ProgressValue");
+  const range = max - min;
+  const pct = range === 0 ? 0 : Math.round((value - min) / range * 100);
+  const content = children ?? `${pct}%`;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "progress-value",
+      className: cn("mt-2 text-right text-slate-400", className),
+      children: content
+    }
+  );
+}
+ProgressValue.displayName = "ProgressValue";
+
+export { ProgressBar, ProgressBase, ProgressContext, ProgressLabel, ProgressValue, progressBarVariants, progressTrackVariants, progressVariants, useProgressContext };
+//# sourceMappingURL=chunk-RDSPHBHK.mjs.map
+//# sourceMappingURL=chunk-RDSPHBHK.mjs.map

package/dist/chunk-RDSPHBHK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/progress/variants.ts","../src/ui/progress/progress-base.tsx"],"names":[],"mappings":"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","file":"chunk-RDSPHBHK.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const progressVariants = cva(\"w-full text-slate-50\", {\n  variants: {\n    appearance: {\n      default: \"[--progress-fill:theme(colors.slate.50)]\",\n      secondary: \"[--progress-fill:theme(colors.slate.300)]\",\n      destructive: \"[--progress-fill:theme(colors.rose.400)]\",\n      emerald: \"[--progress-fill:theme(colors.emerald.400)]\",\n      indigo: \"[--progress-fill:theme(colors.indigo.400)]\",\n      purple: \"[--progress-fill:theme(colors.purple.400)]\",\n      pink: \"[--progress-fill:theme(colors.pink.400)]\",\n      rose: \"[--progress-fill:theme(colors.rose.400)]\",\n      sky: \"[--progress-fill:theme(colors.sky.400)]\",\n      teal: \"[--progress-fill:theme(colors.teal.400)]\",\n      yellow: \"[--progress-fill:theme(colors.yellow.400)]\",\n      orange: \"[--progress-fill:theme(colors.orange.400)]\",\n      outline: \"[--progress-fill:theme(colors.cyan.300)]\",\n      ghost: \"[--progress-fill:theme(colors.slate.200)]\",\n      glass: \"[--progress-fill:theme(colors.white)]\",\n      \"gradient-blue\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.blue.500),theme(colors.purple.500))]\",\n      \"gradient-green\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.green.500),theme(colors.lime.500))]\",\n      \"gradient-red\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.red.500),theme(colors.pink.500))]\",\n      \"gradient-yellow\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.yellow.500),theme(colors.orange.500))]\",\n      \"gradient-purple\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.purple.500),theme(colors.pink.500))]\",\n      \"gradient-teal\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.teal.500),theme(colors.cyan.500))]\",\n      \"gradient-indigo\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.indigo.500),theme(colors.purple.500))]\",\n      \"gradient-pink\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.pink.500),theme(colors.rose.500))]\",\n      \"gradient-orange\":\n        \"[--progress-fill:linear-gradient(90deg,theme(colors.orange.500),theme(colors.red.500))]\",\n    },\n    size: {\n      xs: \"text-[0.65rem]\",\n      sm: \"text-xs\",\n      md: \"text-sm\",\n      lg: \"text-base\",\n      xl: \"text-lg\",\n    },\n    shape: {\n      flat: \"rounded-none\",\n      rounded: \"rounded-md\",\n      pill: \"rounded-full\",\n    },\n    striped: {\n      true: \"\",\n      false: \"\",\n    },\n    animated: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    shape: \"rounded\",\n    striped: false,\n    animated: false,\n  },\n});\n\nexport const progressTrackVariants = cva(\n  \"relative w-full overflow-hidden bg-white/10\",\n  {\n    variants: {\n      size: {\n        xs: \"h-1\",\n        sm: \"h-1.5\",\n        md: \"h-2\",\n        lg: \"h-3\",\n        xl: \"h-4\",\n      },\n      shape: {\n        flat: \"rounded-none\",\n        rounded: \"rounded-md\",\n        pill: \"rounded-full\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      shape: \"rounded\",\n    },\n  },\n);\n\nexport const progressBarVariants = cva(\n  \"h-full w-full origin-left rounded-[inherit]\",\n  {\n    variants: {\n      striped: {\n        true: \"bg-[repeating-linear-gradient(135deg,rgba(255,255,255,0.18)_0,rgba(255,255,255,0.18)_10px,transparent_10px,transparent_20px)]\",\n        false: \"[background:var(--progress-fill)]\",\n      },\n    },\n    defaultVariants: { striped: false },\n  },\n);\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\n\nimport { cn, clamp } from \"../../lib/utils\";\n\nimport type { ProgressProps, ProgressSectionProps, ProgressCtx } from \"./types\";\nimport {\n  progressBarVariants,\n  progressTrackVariants,\n  progressVariants,\n} from \"./variants\";\n\nexport const ProgressContext = createContext<ProgressCtx | null>(null);\n\nexport function useProgressContext(component: string): ProgressCtx {\n  const ctx = useContext(ProgressContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Progress>`);\n  }\n  return ctx;\n}\n\nexport function ProgressBase(props: ProgressProps) {\n  const {\n    className,\n    appearance = \"default\",\n    size = \"md\",\n    shape = \"rounded\",\n    striped = false,\n    animated = false,\n    value = 0,\n    min = 0,\n    max = 100,\n    label,\n    children,\n    ref,\n    as:Wrapper = \"div\",\n    ...rest\n  } = props;\n  const clamped = clamp(value, min, max);\n  const percent = max === min ? 0 : ((clamped - min) / (max - min)) * 100;\n\n  const ctx = useMemo(\n    () => ({\n      value: clamped,\n      min,\n      max,\n      size: size ?? \"md\",\n      shape: shape ?? \"rounded\",\n      striped: Boolean(striped),\n      animated: Boolean(animated),\n      appearance: appearance ?? \"default\",\n    }),\n    [animated, appearance, clamped, max, min, shape, size, striped],\n  );\n\n  return (\n    <ProgressContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"progress\"\n        role=\"progressbar\"\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={clamped}\n        aria-label={label}\n        className={cn(\n          progressVariants({ appearance, size, shape, striped, animated }),\n          className,\n        )}\n        {...rest}\n      >\n        {children ?? (\n          <>\n            <ProgressBar style={{ transform: `scaleX(${percent / 100})` }} />\n          </>\n        )}\n      </Wrapper>\n    </ProgressContext.Provider>\n  );\n}\n\nProgressBase.displayName = \"Progress\";\n\nexport function ProgressBar({\n  className,\n  style,\n  ref,\n  as:Wrapper = \"div\",\n  ...rest\n}: ProgressSectionProps & {\n  style?: React.CSSProperties;\n  ref?: React.Ref<HTMLDivElement>;\n}) {\n  const { size, shape, striped, animated } = useProgressContext(\"ProgressBar\");\n\n  return (\n    <Wrapper\n      data-slot=\"progress-track\"\n      className={cn(progressTrackVariants({ size, shape }), \"text-current\")}\n    >\n      <div\n        ref={ref}\n        data-slot=\"progress-bar\"\n        className={cn(\n          progressBarVariants({ striped }),\n          animated ? \"animate-pulse\" : undefined,\n          className,\n        )}\n        style={{\n          transformOrigin: \"left center\",\n          ...style,\n        }}\n        {...rest}\n      />\n    </Wrapper>\n  );\n}\n\nProgressBar.displayName = \"ProgressBar\";\n\nexport function ProgressLabel({ className, children }: ProgressSectionProps) {\n  return (\n    <div\n      data-slot=\"progress-label\"\n      className={cn(\"mb-2 font-medium text-slate-200\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nProgressLabel.displayName = \"ProgressLabel\";\n\nexport function ProgressValue({ className, children }: ProgressSectionProps) {\n  const { value, min, max } = useProgressContext(\"ProgressValue\");\n  const range = max - min;\n  const pct = range === 0 ? 0 : Math.round(((value - min) / range) * 100);\n  const content = children ?? `${pct}%`;\n  return (\n    <div\n      data-slot=\"progress-value\"\n      className={cn(\"mt-2 text-right text-slate-400\", className)}\n    >\n      {content}\n    </div>\n  );\n}\n\nProgressValue.displayName = \"ProgressValue\";\n"]}

package/dist/chunk-U4YQCAXW.js

@@ -0,0 +1,204 @@
+'use strict';
+
+var chunkUOZYPWDZ_js = require('./chunk-UOZYPWDZ.js');
+var classVarianceAuthority = require('class-variance-authority');
+var react = require('react');
+var hi2 = require('react-icons/hi2');
+var jsxRuntime = require('react/jsx-runtime');
+
+var alertVariants = classVarianceAuthority.cva(
+  "relative flex w-full gap-3 border text-sm ring-offset-slate-950 transition-colors",
+  {
+    variants: {
+      appearance: {
+        default: "border-white/10 bg-white/5 text-slate-50",
+        success: "border-emerald-500/40 bg-emerald-500/10 text-emerald-50",
+        warning: "border-amber-500/40 bg-amber-500/10 text-amber-50",
+        error: "border-rose-500/50 bg-rose-500/10 text-rose-50",
+        info: "border-sky-500/40 bg-sky-500/10 text-sky-50",
+        ghost: "border-transparent bg-transparent text-slate-200",
+        purple: "border-purple-600 bg-purple-950/70 backdrop-blur-xl",
+        pink: "border-pink-600 bg-pink-950/70 backdrop-blur-xl",
+        orange: "border-orange-600 bg-orange-950/70 backdrop-blur-xl",
+        yellow: "border-yellow-600 bg-yellow-950/70 backdrop-blur-xl",
+        teal: "border-teal-600 bg-teal-950/70 backdrop-blur-xl",
+        indigo: "border-indigo-600 bg-indigo-950/70 backdrop-blur-xl",
+        gray: "border-gray-600 bg-gray-950/70 backdrop-blur-xl",
+        violet: "border-violet-600 bg-violet-950/70 backdrop-blur-xl",
+        "gradient-blue": "border-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
+        "gradient-green": "border-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
+        "gradient-red": "border-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
+        "gradient-yellow": "border-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
+        "gradient-purple": "border-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
+        "gradient-teal": "border-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
+        "gradient-indigo": "border-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
+        "gradient-pink": "border-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
+        "gradient-orange": "border-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl"
+      },
+      size: {
+        sm: "rounded-lg p-3",
+        md: "rounded-xl p-4",
+        lg: "rounded-2xl p-5 text-base"
+      }
+    },
+    defaultVariants: {
+      appearance: "default",
+      size: "md"
+    }
+  }
+);
+var alertTitleVariants = classVarianceAuthority.cva("font-semibold leading-tight", {
+  variants: {
+    size: {
+      sm: "text-xs md:text-sm",
+      md: "text-xs md:text-sm",
+      lg: "text-xs md:text-sm"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+var alertDescriptionVariants = classVarianceAuthority.cva("text-slate-300", {
+  variants: {
+    size: {
+      sm: "text-xs md:text-sm",
+      md: "text-xs md:text-sm",
+      lg: "text-xs md:text-sm"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+var AlertSizeContext = react.createContext("md");
+function useAlertSize() {
+  const ctx = react.useContext(AlertSizeContext);
+  if (!ctx) {
+    throw new Error("useAlertSize must be used within an Alert");
+  }
+  return ctx;
+}
+function AlertBase(props) {
+  const {
+    className,
+    triggerClassName,
+    appearance = "default",
+    size = "md",
+    closable = false,
+    onClose,
+    closeLabel = "Dismiss alert",
+    children,
+    ref,
+    as: Wrapper = "div",
+    ...rest
+  } = props;
+  const live = appearance === "error" ? "assertive" : "polite";
+  const ctx = react.useMemo(() => size ?? "md", [size]);
+  return /* @__PURE__ */ jsxRuntime.jsx(AlertSizeContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    Wrapper,
+    {
+      ref,
+      "data-slot": "alert",
+      role: "alert",
+      "aria-live": live,
+      className: chunkUOZYPWDZ_js.cn(
+        alertVariants({ appearance, size }),
+        closable ? "pr-12" : "",
+        className
+      ),
+      ...rest,
+      children: [
+        children,
+        closable ? /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "data-slot": "alert-close",
+            "aria-label": closeLabel,
+            onClick: onClose,
+            className: chunkUOZYPWDZ_js.cn(
+              "absolute right-3 top-3 inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30",
+              triggerClassName
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(hi2.HiXMark, { className: "size-4", "aria-hidden": true })
+          }
+        ) : null
+      ]
+    }
+  ) });
+}
+AlertBase.displayName = "AlertBase";
+function AlertIcon({ className, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "alert-icon",
+      className: chunkUOZYPWDZ_js.cn("mt-0.5 shrink-0 text-current", className),
+      children
+    }
+  );
+}
+AlertIcon.displayName = "AlertIcon";
+function AlertTitle({ className, children }) {
+  const size = useAlertSize();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: chunkUOZYPWDZ_js.cn(alertTitleVariants({ size }), className),
+      children
+    }
+  );
+}
+AlertTitle.displayName = "AlertTitle";
+function AlertDescription({ className, children }) {
+  const size = useAlertSize();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: chunkUOZYPWDZ_js.cn(alertDescriptionVariants({ size }), className),
+      children
+    }
+  );
+}
+AlertDescription.displayName = "AlertDescription";
+function AlertClose({
+  className,
+  children,
+  "aria-label": ariaLabel = "Dismiss alert",
+  onClick
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": "alert-close",
+      "aria-label": ariaLabel,
+      onClick,
+      className: chunkUOZYPWDZ_js.cn(
+        "inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30",
+        className
+      ),
+      children: children ?? /* @__PURE__ */ jsxRuntime.jsx(hi2.HiXMark, { className: "size-4", "aria-hidden": true })
+    }
+  );
+}
+AlertClose.displayName = "AlertClose";
+function AlertDefaultIcon({
+  appearance
+}) {
+  if (appearance === "error") {
+    return /* @__PURE__ */ jsxRuntime.jsx(hi2.HiExclamationTriangle, { className: "size-5", "aria-hidden": true });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(hi2.HiInformationCircle, { className: "size-5", "aria-hidden": true });
+}
+
+exports.AlertBase = AlertBase;
+exports.AlertClose = AlertClose;
+exports.AlertDefaultIcon = AlertDefaultIcon;
+exports.AlertDescription = AlertDescription;
+exports.AlertIcon = AlertIcon;
+exports.AlertTitle = AlertTitle;
+exports.alertDescriptionVariants = alertDescriptionVariants;
+exports.alertTitleVariants = alertTitleVariants;
+exports.alertVariants = alertVariants;
+//# sourceMappingURL=chunk-U4YQCAXW.js.map
+//# sourceMappingURL=chunk-U4YQCAXW.js.map

package/dist/chunk-U4YQCAXW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/alert/variants.ts","../src/ui/alert/alert-base.tsx"],"names":["cva","createContext","useContext","useMemo","jsx","jsxs","cn","HiXMark","HiExclamationTriangle","HiInformationCircle"],"mappings":"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","file":"chunk-U4YQCAXW.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const alertVariants = cva(\n  \"relative flex w-full gap-3 border text-sm ring-offset-slate-950 transition-colors\",\n  {\n    variants: {\n      appearance: {\n        default: \"border-white/10 bg-white/5 text-slate-50\",\n        success: \"border-emerald-500/40 bg-emerald-500/10 text-emerald-50\",\n        warning: \"border-amber-500/40 bg-amber-500/10 text-amber-50\",\n        error: \"border-rose-500/50 bg-rose-500/10 text-rose-50\",\n        info: \"border-sky-500/40 bg-sky-500/10 text-sky-50\",\n        ghost: \"border-transparent bg-transparent text-slate-200\",\n        purple: \"border-purple-600 bg-purple-950/70 backdrop-blur-xl\",\n        pink: \"border-pink-600 bg-pink-950/70 backdrop-blur-xl\",\n        orange: \"border-orange-600 bg-orange-950/70 backdrop-blur-xl\",\n        yellow: \"border-yellow-600 bg-yellow-950/70 backdrop-blur-xl\",\n        teal: \"border-teal-600 bg-teal-950/70 backdrop-blur-xl\",\n        indigo: \"border-indigo-600 bg-indigo-950/70 backdrop-blur-xl\",\n        gray: \"border-gray-600 bg-gray-950/70 backdrop-blur-xl\",\n        violet: \"border-violet-600 bg-violet-950/70 backdrop-blur-xl\",\n        \"gradient-blue\":\n          \"border-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl\",\n        \"gradient-green\":\n          \"border-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl\",\n        \"gradient-red\":\n          \"border-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl\",\n        \"gradient-yellow\":\n          \"border-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl\",\n        \"gradient-purple\":\n          \"border-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl\",\n        \"gradient-teal\":\n          \"border-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl\",\n        \"gradient-indigo\":\n          \"border-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl\",\n        \"gradient-pink\":\n          \"border-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl\",\n        \"gradient-orange\":\n          \"border-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl\",\n      },\n      size: {\n        sm: \"rounded-lg p-3\",\n        md: \"rounded-xl p-4\",\n        lg: \"rounded-2xl p-5 text-base\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const alertTitleVariants = cva(\"font-semibold leading-tight\", {\n  variants: {\n    size: {\n      sm: \"text-xs md:text-sm\",\n      md: \"text-xs md:text-sm\",\n      lg: \"text-xs md:text-sm\",\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const alertDescriptionVariants = cva(\"text-slate-300\", {\n  variants: {\n    size: {\n      sm: \"text-xs md:text-sm\",\n      md: \"text-xs md:text-sm\",\n      lg: \"text-xs md:text-sm\",\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\nimport {\n  HiExclamationTriangle,\n  HiInformationCircle,\n  HiXMark,\n} from \"react-icons/hi2\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { AlertBaseProps, AlertProps, AlertSectionProps, AlertSize } from \"./types\";\nimport {\n  alertDescriptionVariants,\n  alertTitleVariants,\n  alertVariants,\n} from \"./variants\";\n\nconst AlertSizeContext = createContext<AlertSize>(\"md\");\n\nfunction useAlertSize(): AlertSize {\n  const ctx = useContext(AlertSizeContext);\n  if (!ctx) {\n    throw new Error(\"useAlertSize must be used within an Alert\");\n  }\n  return ctx;\n}\n\nexport function AlertBase(props: AlertBaseProps) {\n  const {\n    className,\n    triggerClassName,\n    appearance = \"default\",\n    size = \"md\",\n    closable = false,\n    onClose,\n    closeLabel = \"Dismiss alert\",\n    children,\n    ref,\n    as: Wrapper = \"div\",\n    ...rest\n  } = props;\n\n  const live = appearance === \"error\" ? \"assertive\" : \"polite\";\n  const ctx = useMemo(() => size ?? \"md\", [size]);\n\n  return (\n    <AlertSizeContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"alert\"\n        role=\"alert\"\n        aria-live={live}\n        className={cn(\n          alertVariants({ appearance, size }),\n          closable ? \"pr-12\" : \"\",\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n        {closable ? (\n          <button\n            type=\"button\"\n            data-slot=\"alert-close\"\n            aria-label={closeLabel}\n            onClick={onClose}\n            className={cn(\n              \"absolute right-3 top-3 inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30\",\n              triggerClassName,\n            )}\n          >\n            <HiXMark className=\"size-4\" aria-hidden />\n          </button>\n        ) : null}\n      </Wrapper>\n    </AlertSizeContext.Provider>\n  );\n}\n\nAlertBase.displayName = \"AlertBase\";\n\nexport function AlertIcon({ className, children }: AlertSectionProps) {\n  return (\n    <span\n      data-slot=\"alert-icon\"\n      className={cn(\"mt-0.5 shrink-0 text-current\", className)}\n    >\n      {children}\n    </span>\n  );\n}\n\nAlertIcon.displayName = \"AlertIcon\";\n\nexport function AlertTitle({ className, children }: AlertSectionProps) {\n  const size = useAlertSize();\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(alertTitleVariants({ size }), className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nAlertTitle.displayName = \"AlertTitle\";\n\nexport function AlertDescription({ className, children }: AlertSectionProps) {\n  const size = useAlertSize();\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(alertDescriptionVariants({ size }), className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nAlertDescription.displayName = \"AlertDescription\";\n\nexport function AlertClose({\n  className,\n  children,\n  \"aria-label\": ariaLabel = \"Dismiss alert\",\n  onClick,\n}: AlertSectionProps & { onClick?: () => void; \"aria-label\"?: string }) {\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"alert-close\"\n      aria-label={ariaLabel}\n      onClick={onClick}\n      className={cn(\n        \"inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30\",\n        className,\n      )}\n    >\n      {children ?? <HiXMark className=\"size-4\" aria-hidden />}\n    </button>\n  );\n}\n\nAlertClose.displayName = \"AlertClose\";\n\nexport function AlertDefaultIcon({\n  appearance,\n}: {\n  appearance?: AlertProps[\"appearance\"];\n}) {\n  if (appearance === \"error\") {\n    return <HiExclamationTriangle className=\"size-5\" aria-hidden />;\n  }\n  return <HiInformationCircle className=\"size-5\" aria-hidden />;\n}\n"]}