@zentauri-ui/zentauri-components 1.9.1 → 1.9.2

package/dist/{chunk-W73CZFMA.mjs → chunk-UU34Q42Q.js}

@@ -1,7 +1,4 @@
-import { cn } from './chunk-4D54YOL6.mjs';
-import { cva } from 'class-variance-authority';
-import { createContext, useContext, useState, useId, useCallback, useRef, useEffect, Children, isValidElement, cloneElement } from 'react';
-import { jsx } from 'react/jsx-runtime';
+'use strict';
 
 // src/design-system/tooltip.ts
 var zuiTooltipBase = "absolute z-50 rounded-md shadow-md transition-all duration-200 pointer-events-none";
@@ -65,200 +62,9 @@ var zuiTooltipWidths = {
   "2xl": "min-w-75 md:min-w-2xl"
 };
 
-// src/ui/tooltip/variants.ts
-var tooltipVariants = cva(zuiTooltipBase, {
-  variants: {
-    variant: zuiTooltipVariants,
-    size: zuiTooltipSizes,
-    width: zuiTooltipWidths
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "md",
-    width: "xs"
-  }
-});
-var TooltipContext = createContext(null);
-var useTooltip = () => {
-  const context = useContext(TooltipContext);
-  if (!context) {
-    throw new Error("Tooltip components must be used within Tooltip");
-  }
-  return context;
-};
-function mergeDescribedBy(tooltipId, existing, open) {
-  if (!open) {
-    return typeof existing === "string" ? existing : void 0;
-  }
-  const baseIds = typeof existing === "string" && existing.trim().length > 0 ? existing.split(/\s+/).filter(Boolean) : [];
-  const merged = [.../* @__PURE__ */ new Set([...baseIds, tooltipId])];
-  return merged.join(" ");
-}
-var Tooltip = ({
-  children,
-  defaultOpen = false,
-  open: controlledOpen,
-  onOpenChange,
-  position = "top",
-  delay = 100
-}) => {
-  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
-  const tooltipId = `${useId()}-tooltip`;
-  const isControlled = controlledOpen !== void 0;
-  const open = isControlled ? controlledOpen : uncontrolledOpen;
-  const setOpen = useCallback(
-    (value) => {
-      if (!isControlled) setUncontrolledOpen(value);
-      onOpenChange?.(value);
-    },
-    [isControlled, onOpenChange]
-  );
-  const showTimeoutRef = useRef(null);
-  const cancelDelayedOpen = useCallback(() => {
-    if (showTimeoutRef.current !== null) {
-      clearTimeout(showTimeoutRef.current);
-      showTimeoutRef.current = null;
-    }
-  }, []);
-  const scheduleDelayedOpen = useCallback(() => {
-    cancelDelayedOpen();
-    showTimeoutRef.current = setTimeout(() => {
-      showTimeoutRef.current = null;
-      setOpen(true);
-    }, delay);
-  }, [cancelDelayedOpen, delay, setOpen]);
-  useEffect(() => () => cancelDelayedOpen(), [cancelDelayedOpen]);
-  return /* @__PURE__ */ jsx(
-    TooltipContext.Provider,
-    {
-      value: {
-        open,
-        setOpen,
-        position,
-        delay,
-        scheduleDelayedOpen,
-        cancelDelayedOpen,
-        tooltipId
-      },
-      children: /* @__PURE__ */ jsx("div", { className: "relative inline-block", children })
-    }
-  );
-};
-var TooltipTrigger = ({
-  children,
-  className
-}) => {
-  const { setOpen, scheduleDelayedOpen, cancelDelayedOpen, open, tooltipId } = useTooltip();
-  const onMouseEnter = () => scheduleDelayedOpen();
-  const onMouseLeave = () => {
-    cancelDelayedOpen();
-    setOpen(false);
-  };
-  const onFocus = () => {
-    cancelDelayedOpen();
-    setOpen(true);
-  };
-  const onBlur = () => {
-    cancelDelayedOpen();
-    setOpen(false);
-  };
-  const onKeyDown = (event) => {
-    if (event.key === "Escape") {
-      cancelDelayedOpen();
-      setOpen(false);
-    }
-  };
-  const childList = Children.toArray(children).filter(
-    (node) => node !== null && node !== void 0 && typeof node !== "boolean"
-  );
-  const soleCandidate = childList.length === 1 && isValidElement(childList[0]) ? childList[0] : void 0;
-  if (soleCandidate) {
-    const describedBy = mergeDescribedBy(
-      tooltipId,
-      soleCandidate.props["aria-describedby"],
-      open
-    );
-    return cloneElement(soleCandidate, {
-      onMouseEnter: (event) => {
-        soleCandidate.props.onMouseEnter?.(event);
-        if (!event.defaultPrevented) {
-          scheduleDelayedOpen();
-        }
-      },
-      onMouseLeave: (event) => {
-        soleCandidate.props.onMouseLeave?.(event);
-        cancelDelayedOpen();
-        setOpen(false);
-      },
-      onFocus: (event) => {
-        soleCandidate.props.onFocus?.(event);
-        if (!event.defaultPrevented) {
-          cancelDelayedOpen();
-          setOpen(true);
-        }
-      },
-      onBlur: (event) => {
-        soleCandidate.props.onBlur?.(event);
-        cancelDelayedOpen();
-        setOpen(false);
-      },
-      onKeyDown: (event) => {
-        soleCandidate.props.onKeyDown?.(event);
-        if (event.key === "Escape") {
-          cancelDelayedOpen();
-          setOpen(false);
-        }
-      },
-      className: cn(className, soleCandidate.props.className),
-      "aria-describedby": describedBy
-    });
-  }
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className,
-      tabIndex: 0,
-      "aria-describedby": mergeDescribedBy(tooltipId, void 0, open),
-      onMouseEnter,
-      onMouseLeave,
-      onFocus,
-      onBlur,
-      onKeyDown,
-      children
-    }
-  );
-};
-var TooltipContent = ({
-  children,
-  className,
-  variant,
-  size,
-  width
-}) => {
-  const { open, position, tooltipId } = useTooltip();
-  if (!open) return null;
-  const positionStyles = {
-    top: "bottom-full mb-2",
-    bottom: "top-full mt-2",
-    left: "right-full top-1/2 -translate-y-1/2 mr-2",
-    right: "left-full top-1/2 -translate-y-1/2 ml-2"
-  };
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      id: tooltipId,
-      "data-open": open,
-      role: "tooltip",
-      className: cn(
-        tooltipVariants({ variant, size, width }),
-        positionStyles[position],
-        className
-      ),
-      children
-    }
-  );
-};
-
-export { Tooltip, TooltipContent, TooltipContext, TooltipTrigger, tooltipVariants, useTooltip };
-//# sourceMappingURL=chunk-W73CZFMA.mjs.map
-//# sourceMappingURL=chunk-W73CZFMA.mjs.map
+exports.zuiTooltipBase = zuiTooltipBase;
+exports.zuiTooltipSizes = zuiTooltipSizes;
+exports.zuiTooltipVariants = zuiTooltipVariants;
+exports.zuiTooltipWidths = zuiTooltipWidths;
+//# sourceMappingURL=chunk-UU34Q42Q.js.map
+//# sourceMappingURL=chunk-UU34Q42Q.js.map

package/dist/chunk-UU34Q42Q.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/tooltip.ts"],"names":[],"mappings":";;;AAAO,IAAM,cAAA,GACX;AAEK,IAAM,kBAAA,GAAqB;AAAA,EAChC,OAAA,EACE,oOAAA;AAAA,EACF,OAAA,EACE,wNAAA;AAAA,EACF,KAAA,EACE,mPAAA;AAAA,EACF,KAAA,EACE,oXAAA;AAAA,EACF,OAAA,EACE,uPAAA;AAAA,EACF,MAAA,EACE,mPAAA;AAAA,EACF,MAAA,EACE,mPAAA;AAAA,EACF,IAAA,EAAM,uOAAA;AAAA,EACN,IAAA,EAAM,yOAAA;AAAA,EACN,GAAA,EAAK,mOAAA;AAAA,EACL,IAAA,EAAM,2OAAA;AAAA,EACN,MAAA,EACE,iPAAA;AAAA,EACF,MAAA,EACE,6OAAA;AAAA,EACF,KAAA,EACE,+OAAA;AAAA,EACF,eAAA,EACE,wbAAA;AAAA,EACF,gBAAA,EACE,8bAAA;AAAA,EACF,cAAA,EACE,4aAAA;AAAA,EACF,iBAAA,EACE,4bAAA;AAAA,EACF,iBAAA,EACE,gcAAA;AAAA,EACF,eAAA,EACE,obAAA;AAAA,EACF,iBAAA,EACE,ocAAA;AAAA,EACF,eAAA,EACE,kbAAA;AAAA,EACF,iBAAA,EACE,4bAAA;AAAA,EACF,IAAA,EAAM,sUAAA;AAAA,EACN,IAAA,EAAM,sUAAA;AAAA,EACN,IAAA,EAAM,sUAAA;AAAA,EACN,IAAA,EAAM,sUAAA;AAAA,EACN,KAAA,EACE,4UAAA;AAAA,EACF,QAAA,EACE,8VAAA;AAAA,EACF,QAAA,EACE,8VAAA;AAAA,EACF,IAAA,EAAM,sUAAA;AAAA,EACN,GAAA,EAAK,gUAAA;AAAA,EACL,KAAA,EACE,4UAAA;AAAA,EACF,IAAA,EAAM,sUAAA;AAAA,EACN,KAAA,EACE,4UAAA;AAAA,EACF,KAAA,EACE,4UAAA;AAAA,EACF,QAAA,EACE,8VAAA;AAAA,EACF,MAAA,EACE,kVAAA;AAAA,EACF,MAAA,EACE,kVAAA;AAAA,EACF,OAAA,EACE,wVAAA;AAAA,EACF,OAAA,EACE,wVAAA;AAAA,EACF,IAAA,EAAM,sUAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,eAAA,GAAkB;AAAA,EAC7B,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI,qBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,gBAAA,GAAmB;AAAA,EAC9B,GAAA,EAAK,uBAAA;AAAA,EACL,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,KAAA,EAAO;AACT","file":"chunk-UU34Q42Q.js","sourcesContent":["export const zuiTooltipBase =\n  \"absolute z-50 rounded-md shadow-md transition-all duration-200 pointer-events-none\";\n\nexport const zuiTooltipVariants = {\n  default:\n    \"bg-[var(--zui-tooltip-default-bg,#ffffff)] dark:bg-[var(--zui-tooltip-default-bg-dark,#000000)] text-[color:var(--zui-tooltip-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-tooltip-default-fg-dark,#ffffff)]\",\n  outline:\n    \"border bg-[var(--zui-tooltip-outline-bg,#000000)] dark:bg-[var(--zui-tooltip-outline-bg-dark,#ffffff)] text-[color:var(--zui-tooltip-outline-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-outline-fg-dark,#000000)]\",\n  ghost:\n    \"bg-[var(--zui-tooltip-ghost-bg,oklch(27.8%_0.033_256.848))] dark:bg-[var(--zui-tooltip-ghost-bg-dark,oklch(27.8%_0.033_256.848))] text-[color:var(--zui-tooltip-ghost-fg,#ffffffe6)] dark:text-[color:var(--zui-tooltip-ghost-fg-dark,#ffffffe6)]\",\n  glass:\n    \"border border-[color:var(--zui-tooltip-glass-border,#00000026)] dark:border-[color:var(--zui-tooltip-glass-border-dark,#ffffff26)] bg-[var(--zui-tooltip-glass-bg,#0000001a)] dark:bg-[var(--zui-tooltip-glass-bg-dark,#ffffff1a)] text-[color:var(--zui-tooltip-glass-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-tooltip-glass-fg-dark,#ffffff)] backdrop-blur-md\",\n  emerald:\n    \"bg-[var(--zui-tooltip-emerald-bg,oklch(43.2%_0.095_166.913))] dark:bg-[var(--zui-tooltip-emerald-bg-dark,oklch(43.2%_0.095_166.913))] text-[color:var(--zui-tooltip-emerald-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-emerald-fg-dark,#ffffff)]\",\n  indigo:\n    \"bg-[var(--zui-tooltip-indigo-bg,oklch(39.8%_0.195_277.366))] dark:bg-[var(--zui-tooltip-indigo-bg-dark,oklch(39.8%_0.195_277.366))] text-[color:var(--zui-tooltip-indigo-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-indigo-fg-dark,#ffffff)]\",\n  purple:\n    \"bg-[var(--zui-tooltip-purple-bg,oklch(43.8%_0.218_303.724))] dark:bg-[var(--zui-tooltip-purple-bg-dark,oklch(43.8%_0.218_303.724))] text-[color:var(--zui-tooltip-purple-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-purple-fg-dark,#ffffff)]\",\n  pink: \"bg-[var(--zui-tooltip-pink-bg,oklch(45.9%_0.187_3.815))] dark:bg-[var(--zui-tooltip-pink-bg-dark,oklch(45.9%_0.187_3.815))] text-[color:var(--zui-tooltip-pink-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-pink-fg-dark,#ffffff)]\",\n  rose: \"bg-[var(--zui-tooltip-rose-bg,oklch(45.5%_0.188_13.697))] dark:bg-[var(--zui-tooltip-rose-bg-dark,oklch(45.5%_0.188_13.697))] text-[color:var(--zui-tooltip-rose-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-rose-fg-dark,#ffffff)]\",\n  sky: \"bg-[var(--zui-tooltip-sky-bg,oklch(50%_0.134_242.749))] dark:bg-[var(--zui-tooltip-sky-bg-dark,oklch(50%_0.134_242.749))] text-[color:var(--zui-tooltip-sky-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-sky-fg-dark,#ffffff)]\",\n  teal: \"bg-[var(--zui-tooltip-teal-bg,oklch(43.7%_0.078_188.216))] dark:bg-[var(--zui-tooltip-teal-bg-dark,oklch(43.7%_0.078_188.216))] text-[color:var(--zui-tooltip-teal-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-teal-fg-dark,#ffffff)]\",\n  yellow:\n    \"bg-[var(--zui-tooltip-yellow-bg,oklch(47.6%_0.114_61.907))] dark:bg-[var(--zui-tooltip-yellow-bg-dark,oklch(47.6%_0.114_61.907))] text-[color:var(--zui-tooltip-yellow-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-yellow-fg-dark,#ffffff)]\",\n  orange:\n    \"bg-[var(--zui-tooltip-orange-bg,oklch(47%_0.157_37.304))] dark:bg-[var(--zui-tooltip-orange-bg-dark,oklch(47%_0.157_37.304))] text-[color:var(--zui-tooltip-orange-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-orange-fg-dark,#ffffff)]\",\n  green:\n    \"bg-[var(--zui-tooltip-green-bg,oklch(44.8%_0.119_151.328))] dark:bg-[var(--zui-tooltip-green-bg-dark,oklch(44.8%_0.119_151.328))] text-[color:var(--zui-tooltip-green-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-green-fg-dark,#ffffff)]\",\n  \"gradient-blue\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-tooltip-gradient-blue-from-dark,oklch(42.4%_0.199_265.638))] to-[var(--zui-tooltip-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-tooltip-gradient-blue-to-dark,oklch(43.8%_0.218_303.724))] text-[color:var(--zui-tooltip-gradient-blue-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-blue-fg-dark,#ffffff)]\",\n  \"gradient-green\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-tooltip-gradient-green-from-dark,oklch(44.8%_0.119_151.328))] to-[var(--zui-tooltip-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-tooltip-gradient-green-to-dark,oklch(45.3%_0.124_130.933))] text-[color:var(--zui-tooltip-gradient-green-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-green-fg-dark,#ffffff)]\",\n  \"gradient-red\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-tooltip-gradient-red-from-dark,oklch(44.4%_0.177_26.899))] to-[var(--zui-tooltip-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-tooltip-gradient-red-to-dark,oklch(45.9%_0.187_3.815))] text-[color:var(--zui-tooltip-gradient-red-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-red-fg-dark,#ffffff)]\",\n  \"gradient-yellow\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-tooltip-gradient-yellow-from-dark,oklch(47.6%_0.114_61.907))] to-[var(--zui-tooltip-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-tooltip-gradient-yellow-to-dark,oklch(47%_0.157_37.304))] text-[color:var(--zui-tooltip-gradient-yellow-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-yellow-fg-dark,#ffffff)]\",\n  \"gradient-purple\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-tooltip-gradient-purple-from-dark,oklch(43.8%_0.218_303.724))] to-[var(--zui-tooltip-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-tooltip-gradient-purple-to-dark,oklch(45.9%_0.187_3.815))] text-[color:var(--zui-tooltip-gradient-purple-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-purple-fg-dark,#ffffff)]\",\n  \"gradient-teal\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-tooltip-gradient-teal-from-dark,oklch(43.7%_0.078_188.216))] to-[var(--zui-tooltip-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-tooltip-gradient-teal-to-dark,oklch(45%_0.085_224.283))] text-[color:var(--zui-tooltip-gradient-teal-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-teal-fg-dark,#ffffff)]\",\n  \"gradient-indigo\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-tooltip-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-tooltip-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-tooltip-gradient-indigo-to-dark,oklch(43.8%_0.218_303.724))] text-[color:var(--zui-tooltip-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-indigo-fg-dark,#ffffff)]\",\n  \"gradient-pink\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-tooltip-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-tooltip-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-tooltip-gradient-pink-to-dark,oklch(45.5%_0.188_13.697))] text-[color:var(--zui-tooltip-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-pink-fg-dark,#ffffff)]\",\n  \"gradient-orange\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-tooltip-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-tooltip-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-tooltip-gradient-orange-to-dark,oklch(44.4%_0.177_26.899))] text-[color:var(--zui-tooltip-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-orange-fg-dark,#ffffff)]\",\n  blue: \"border border-[color:var(--zui-tooltip-blue-border,#2563eb)] dark:border-[color:var(--zui-tooltip-blue-border-dark,#3b82f6)] bg-[var(--zui-tooltip-blue-bg,#2563eb14)] dark:bg-[var(--zui-tooltip-blue-bg-dark,#3b82f624)] text-[color:var(--zui-tooltip-blue-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-blue-fg-dark,#f8fafc)]\",\n  cyan: \"border border-[color:var(--zui-tooltip-cyan-border,#0891b2)] dark:border-[color:var(--zui-tooltip-cyan-border-dark,#22d3ee)] bg-[var(--zui-tooltip-cyan-bg,#0891b214)] dark:bg-[var(--zui-tooltip-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-tooltip-cyan-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-cyan-fg-dark,#f8fafc)]\",\n  lime: \"border border-[color:var(--zui-tooltip-lime-border,#65a30d)] dark:border-[color:var(--zui-tooltip-lime-border-dark,#a3e635)] bg-[var(--zui-tooltip-lime-bg,#65a30d14)] dark:bg-[var(--zui-tooltip-lime-bg-dark,#a3e63524)] text-[color:var(--zui-tooltip-lime-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-lime-fg-dark,#f8fafc)]\",\n  mint: \"border border-[color:var(--zui-tooltip-mint-border,#10b981)] dark:border-[color:var(--zui-tooltip-mint-border-dark,#6ee7b7)] bg-[var(--zui-tooltip-mint-bg,#10b98114)] dark:bg-[var(--zui-tooltip-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-tooltip-mint-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-mint-fg-dark,#f8fafc)]\",\n  ocean:\n    \"border border-[color:var(--zui-tooltip-ocean-border,#0284c7)] dark:border-[color:var(--zui-tooltip-ocean-border-dark,#38bdf8)] bg-[var(--zui-tooltip-ocean-bg,#0284c714)] dark:bg-[var(--zui-tooltip-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-tooltip-ocean-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-ocean-fg-dark,#f8fafc)]\",\n  sapphire:\n    \"border border-[color:var(--zui-tooltip-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-tooltip-sapphire-border-dark,#60a5fa)] bg-[var(--zui-tooltip-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-tooltip-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-tooltip-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-sapphire-fg-dark,#f8fafc)]\",\n  lavender:\n    \"border border-[color:var(--zui-tooltip-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-tooltip-lavender-border-dark,#a78bfa)] bg-[var(--zui-tooltip-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-tooltip-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-tooltip-lavender-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-lavender-fg-dark,#f8fafc)]\",\n  ruby: \"border border-[color:var(--zui-tooltip-ruby-border,#be123c)] dark:border-[color:var(--zui-tooltip-ruby-border-dark,#fb7185)] bg-[var(--zui-tooltip-ruby-bg,#be123c14)] dark:bg-[var(--zui-tooltip-ruby-bg-dark,#fb718524)] text-[color:var(--zui-tooltip-ruby-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-ruby-fg-dark,#f8fafc)]\",\n  red: \"border border-[color:var(--zui-tooltip-red-border,#dc2626)] dark:border-[color:var(--zui-tooltip-red-border-dark,#ef4444)] bg-[var(--zui-tooltip-red-bg,#dc262614)] dark:bg-[var(--zui-tooltip-red-bg-dark,#ef444424)] text-[color:var(--zui-tooltip-red-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-red-fg-dark,#f8fafc)]\",\n  slate:\n    \"border border-[color:var(--zui-tooltip-slate-border,#475569)] dark:border-[color:var(--zui-tooltip-slate-border-dark,#64748b)] bg-[var(--zui-tooltip-slate-bg,#47556914)] dark:bg-[var(--zui-tooltip-slate-bg-dark,#64748b24)] text-[color:var(--zui-tooltip-slate-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-slate-fg-dark,#f8fafc)]\",\n  zinc: \"border border-[color:var(--zui-tooltip-zinc-border,#52525b)] dark:border-[color:var(--zui-tooltip-zinc-border-dark,#71717a)] bg-[var(--zui-tooltip-zinc-bg,#52525b14)] dark:bg-[var(--zui-tooltip-zinc-bg-dark,#71717a24)] text-[color:var(--zui-tooltip-zinc-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-zinc-fg-dark,#f8fafc)]\",\n  stone:\n    \"border border-[color:var(--zui-tooltip-stone-border,#57534e)] dark:border-[color:var(--zui-tooltip-stone-border-dark,#78716c)] bg-[var(--zui-tooltip-stone-bg,#57534e14)] dark:bg-[var(--zui-tooltip-stone-bg-dark,#78716c24)] text-[color:var(--zui-tooltip-stone-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-stone-fg-dark,#f8fafc)]\",\n  royal:\n    \"border border-[color:var(--zui-tooltip-royal-border,#4338ca)] dark:border-[color:var(--zui-tooltip-royal-border-dark,#818cf8)] bg-[var(--zui-tooltip-royal-bg,#4338ca14)] dark:bg-[var(--zui-tooltip-royal-bg-dark,#818cf824)] text-[color:var(--zui-tooltip-royal-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-royal-fg-dark,#f8fafc)]\",\n  electric:\n    \"border border-[color:var(--zui-tooltip-electric-border,#0ea5e9)] dark:border-[color:var(--zui-tooltip-electric-border-dark,#38bdf8)] bg-[var(--zui-tooltip-electric-bg,#0ea5e914)] dark:bg-[var(--zui-tooltip-electric-bg-dark,#38bdf824)] text-[color:var(--zui-tooltip-electric-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-electric-fg-dark,#f8fafc)]\",\n  forest:\n    \"border border-[color:var(--zui-tooltip-forest-border,#166534)] dark:border-[color:var(--zui-tooltip-forest-border-dark,#4ade80)] bg-[var(--zui-tooltip-forest-bg,#16653414)] dark:bg-[var(--zui-tooltip-forest-bg-dark,#4ade8024)] text-[color:var(--zui-tooltip-forest-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-forest-fg-dark,#f8fafc)]\",\n  sunset:\n    \"border border-[color:var(--zui-tooltip-sunset-border,#ea580c)] dark:border-[color:var(--zui-tooltip-sunset-border-dark,#fb923c)] bg-[var(--zui-tooltip-sunset-bg,#ea580c14)] dark:bg-[var(--zui-tooltip-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-tooltip-sunset-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-sunset-fg-dark,#f8fafc)]\",\n  magenta:\n    \"border border-[color:var(--zui-tooltip-magenta-border,#c026d3)] dark:border-[color:var(--zui-tooltip-magenta-border-dark,#e879f9)] bg-[var(--zui-tooltip-magenta-bg,#c026d314)] dark:bg-[var(--zui-tooltip-magenta-bg-dark,#e879f924)] text-[color:var(--zui-tooltip-magenta-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-magenta-fg-dark,#f8fafc)]\",\n  crimson:\n    \"border border-[color:var(--zui-tooltip-crimson-border,#b91c1c)] dark:border-[color:var(--zui-tooltip-crimson-border-dark,#f87171)] bg-[var(--zui-tooltip-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-tooltip-crimson-bg-dark,#f8717124)] text-[color:var(--zui-tooltip-crimson-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-crimson-fg-dark,#f8fafc)]\",\n  aqua: \"border border-[color:var(--zui-tooltip-aqua-border,#0f766e)] dark:border-[color:var(--zui-tooltip-aqua-border-dark,#2dd4bf)] bg-[var(--zui-tooltip-aqua-bg,#0f766e14)] dark:bg-[var(--zui-tooltip-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-tooltip-aqua-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-aqua-fg-dark,#f8fafc)]\",\n  plum: \"border border-[color:var(--zui-tooltip-plum-border,#7e22ce)] dark:border-[color:var(--zui-tooltip-plum-border-dark,#c084fc)] bg-[var(--zui-tooltip-plum-bg,#7e22ce14)] dark:bg-[var(--zui-tooltip-plum-bg-dark,#c084fc24)] text-[color:var(--zui-tooltip-plum-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-plum-fg-dark,#f8fafc)]\",\n} as const;\n\nexport const zuiTooltipSizes = {\n  sm: \"text-xs px-2 py-1\",\n  md: \"text-sm px-3 py-1.5\",\n  lg: \"text-base px-4 py-2\",\n} as const;\n\nexport const zuiTooltipWidths = {\n  fit: \"min-w-75 md:min-w-fit\",\n  xs: \"min-w-75 md:min-w-xs\",\n  sm: \"min-w-75 md:min-w-sm\",\n  md: \"min-w-75 md:min-w-md\",\n  lg: \"min-w-75 md:min-w-lg\",\n  xl: \"min-w-75 md:min-w-xl\",\n  \"2xl\": \"min-w-75 md:min-w-2xl\",\n} as const;\n"]}

package/dist/chunk-V4FFKIX3.js

@@ -0,0 +1,166 @@
+'use strict';
+
+var chunkS4OSJ4ZN_js = require('./chunk-S4OSJ4ZN.js');
+var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.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(chunkS4OSJ4ZN_js.zuiAlertBase, {
+  variants: {
+    appearance: chunkS4OSJ4ZN_js.zuiAlertAppearances,
+    size: chunkS4OSJ4ZN_js.zuiAlertSizes
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md"
+  }
+});
+var alertTitleVariants = classVarianceAuthority.cva(chunkS4OSJ4ZN_js.zuiAlertTitleBase, {
+  variants: {
+    size: chunkS4OSJ4ZN_js.zuiAlertTextSizes
+  },
+  defaultVariants: { size: "md" }
+});
+var alertDescriptionVariants = classVarianceAuthority.cva(chunkS4OSJ4ZN_js.zuiAlertDescriptionBase, {
+  variants: {
+    size: chunkS4OSJ4ZN_js.zuiAlertTextSizes
+  },
+  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: chunkZS5756ZC_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: chunkZS5756ZC_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: chunkZS5756ZC_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: chunkZS5756ZC_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: chunkZS5756ZC_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: chunkZS5756ZC_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-V4FFKIX3.js.map
+//# sourceMappingURL=chunk-V4FFKIX3.js.map

package/dist/chunk-V4FFKIX3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/alert/variants.ts","../src/ui/alert/alert-base.tsx"],"names":["cva","zuiAlertBase","zuiAlertAppearances","zuiAlertSizes","zuiAlertTitleBase","zuiAlertTextSizes","zuiAlertDescriptionBase","createContext","useContext","useMemo","jsx","jsxs","cn","HiXMark","HiExclamationTriangle","HiInformationCircle"],"mappings":"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","file":"chunk-V4FFKIX3.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiAlertAppearances,\n  zuiAlertBase,\n  zuiAlertDescriptionBase,\n  zuiAlertSizes,\n  zuiAlertTextSizes,\n  zuiAlertTitleBase,\n} from \"../../design-system/alert\";\n\nexport const alertVariants = cva(zuiAlertBase, {\n  variants: {\n    appearance: zuiAlertAppearances,\n    size: zuiAlertSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const alertTitleVariants = cva(zuiAlertTitleBase, {\n  variants: {\n    size: zuiAlertTextSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const alertDescriptionVariants = cva(zuiAlertDescriptionBase, {\n  variants: {\n    size: zuiAlertTextSizes,\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 {\n  AlertBaseProps,\n  AlertProps,\n  AlertSectionProps,\n  AlertSize,\n} 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"]}

package/dist/{chunk-VGVB5XZX.js → chunk-V4U6Q5NL.mjs}

@@ -1,11 +1,3 @@
-'use strict';
-
-var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
-var classVarianceAuthority = require('class-variance-authority');
-var react = require('react');
-var reactDom = require('react-dom');
-var jsxRuntime = require('react/jsx-runtime');
-
 // src/design-system/toast.ts
 var zuiToastViewportBase = "fixed z-[60] flex max-h-screen flex-col gap-2 p-4";
 var zuiToastViewportPositions = {
@@ -71,199 +63,6 @@ var zuiToastRootSizes = {
   lg: "p-5 text-base"
 };
 
-// src/ui/toast/variants.ts
-var toastViewportVariants = classVarianceAuthority.cva(zuiToastViewportBase, {
-  variants: {
-    position: zuiToastViewportPositions
-  },
-  defaultVariants: {
-    position: "bottom-right"
-  }
-});
-var toastRootVariants = classVarianceAuthority.cva(zuiToastRootBase, {
-  variants: {
-    appearance: zuiToastRootAppearances,
-    size: zuiToastRootSizes
-  },
-  defaultVariants: {
-    appearance: "default",
-    size: "md"
-  }
-});
-var ToastStoreContext = react.createContext(
-  null
-);
-var toastDispatcher = null;
-function toast(input) {
-  if (!toastDispatcher) {
-    return "";
-  }
-  return toastDispatcher(input);
-}
-function useToast() {
-  const ctx = react.useContext(ToastStoreContext);
-  if (!ctx) {
-    throw new Error("useToast must be used within <ToastProvider>");
-  }
-  return { toast: ctx.push, dismiss: ctx.dismiss };
-}
-function ToastProvider({ children }) {
-  const [toasts, setToasts] = react.useState([]);
-  const timers = react.useRef(/* @__PURE__ */ new Map());
-  const dismiss = react.useCallback((id) => {
-    const timerId = timers.current.get(id);
-    if (timerId) {
-      window.clearTimeout(timerId);
-      timers.current.delete(id);
-    }
-    setToasts((prev) => prev.filter((toastItem) => toastItem.id !== id));
-  }, []);
-  const push = react.useCallback(
-    (input) => {
-      const id = input.id ?? `toast-${Math.random().toString(16).slice(2)}`;
-      const durationMs = input.durationMs ?? 4500;
-      const record = {
-        ...input,
-        id,
-        durationMs,
-        animation: input.animation ?? "slide"
-      };
-      setToasts((prev) => [...prev, record]);
-      const timerId = window.setTimeout(() => dismiss(id), durationMs);
-      timers.current.set(id, timerId);
-      return id;
-    },
-    [dismiss]
-  );
-  const ctx = react.useMemo(
-    () => ({
-      toasts,
-      push,
-      dismiss
-    }),
-    [dismiss, push, toasts]
-  );
-  react.useEffect(() => {
-    toastDispatcher = push;
-    return () => {
-      toastDispatcher = null;
-    };
-  }, [push]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ToastStoreContext.Provider, { value: ctx, children });
-}
-ToastProvider.displayName = "ToastProvider";
-function ToastViewport({
-  position = "bottom-right",
-  className
-}) {
-  const ctx = react.useContext(ToastStoreContext);
-  if (!ctx) {
-    throw new Error("ToastViewport must be used within <ToastProvider>");
-  }
-  const portalTarget = typeof document !== "undefined" ? document.body : null;
-  if (!portalTarget) {
-    return null;
-  }
-  return reactDom.createPortal(
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: chunkZS5756ZC_js.cn(toastViewportVariants({ position }), className),
-        "data-slot": "toast-viewport",
-        children: ctx.toasts.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
-          Toast,
-          {
-            toastId: item.id,
-            appearance: item.appearance,
-            size: item.size,
-            animation: item.animation,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ToastTitle, { children: item.title }),
-              item.description ? /* @__PURE__ */ jsxRuntime.jsx(ToastDescription, { children: item.description }) : null,
-              /* @__PURE__ */ jsxRuntime.jsx(ToastClose, { onClick: () => ctx.dismiss(item.id) })
-            ]
-          },
-          item.id
-        ))
-      }
-    ),
-    portalTarget
-  );
-}
-ToastViewport.displayName = "ToastViewport";
-function Toast({
-  toastId: _toastId,
-  appearance,
-  size,
-  animation: _animation = "slide",
-  className,
-  children
-}) {
-  const live = appearance === "error" ? "assertive" : "polite";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "toast",
-      role: appearance === "error" ? "alert" : "status",
-      "aria-live": live,
-      "aria-atomic": "true",
-      className: chunkZS5756ZC_js.cn(
-        "relative",
-        toastRootVariants({ appearance, size }),
-        className
-      ),
-      children
-    }
-  );
-}
-Toast.displayName = "Toast";
-function ToastTitle({ className, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "toast-title", className: chunkZS5756ZC_js.cn("font-semibold", className), children });
-}
-ToastTitle.displayName = "ToastTitle";
-function ToastDescription({ className, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "toast-description", className: chunkZS5756ZC_js.cn("text-sm", className), children });
-}
-ToastDescription.displayName = "ToastDescription";
-function ToastAction({ className, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "toast-action", className: chunkZS5756ZC_js.cn("mt-3", className), children });
-}
-ToastAction.displayName = "ToastAction";
-function ToastClose({
-  className,
-  children,
-  onClick,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      type: "button",
-      "data-slot": "toast-close",
-      "aria-label": "Dismiss notification",
-      className: chunkZS5756ZC_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/40 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950",
-        className
-      ),
-      onClick,
-      ...rest,
-      children: children ?? "\xD7"
-    }
-  );
-}
-ToastClose.displayName = "ToastClose";
-
-exports.Toast = Toast;
-exports.ToastAction = ToastAction;
-exports.ToastClose = ToastClose;
-exports.ToastDescription = ToastDescription;
-exports.ToastProvider = ToastProvider;
-exports.ToastStoreContext = ToastStoreContext;
-exports.ToastTitle = ToastTitle;
-exports.ToastViewport = ToastViewport;
-exports.toast = toast;
-exports.toastRootVariants = toastRootVariants;
-exports.toastViewportVariants = toastViewportVariants;
-exports.useToast = useToast;
-//# sourceMappingURL=chunk-VGVB5XZX.js.map
-//# sourceMappingURL=chunk-VGVB5XZX.js.map
+export { zuiToastRootAppearances, zuiToastRootBase, zuiToastRootSizes, zuiToastViewportBase, zuiToastViewportPositions };
+//# sourceMappingURL=chunk-V4U6Q5NL.mjs.map
+//# sourceMappingURL=chunk-V4U6Q5NL.mjs.map