@zentauri-ui/zentauri-components 1.9.1 → 2.0.0

package/dist/{chunk-6ONKAOI7.mjs → chunk-7M4TUP4I.js}

@@ -1,8 +1,4 @@
-import { cn } from './chunk-4D54YOL6.mjs';
-import { cva } from 'class-variance-authority';
-import { createContext, useContext, useState, useRef, useCallback, useMemo, useEffect } from 'react';
-import { createPortal } from 'react-dom';
-import { jsx, jsxs } from 'react/jsx-runtime';
+'use strict';
 
 // src/design-system/toast.ts
 var zuiToastViewportBase = "fixed z-[60] flex max-h-screen flex-col gap-2 p-4";
@@ -69,188 +65,10 @@ var zuiToastRootSizes = {
   lg: "p-5 text-base"
 };
 
-// src/ui/toast/variants.ts
-var toastViewportVariants = cva(zuiToastViewportBase, {
-  variants: {
-    position: zuiToastViewportPositions
-  },
-  defaultVariants: {
-    position: "bottom-right"
-  }
-});
-var toastRootVariants = cva(zuiToastRootBase, {
-  variants: {
-    appearance: zuiToastRootAppearances,
-    size: zuiToastRootSizes
-  },
-  defaultVariants: {
-    appearance: "default",
-    size: "md"
-  }
-});
-var ToastStoreContext = createContext(
-  null
-);
-var toastDispatcher = null;
-function toast(input) {
-  if (!toastDispatcher) {
-    return "";
-  }
-  return toastDispatcher(input);
-}
-function useToast() {
-  const ctx = 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] = useState([]);
-  const timers = useRef(/* @__PURE__ */ new Map());
-  const dismiss = 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 = 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 = useMemo(
-    () => ({
-      toasts,
-      push,
-      dismiss
-    }),
-    [dismiss, push, toasts]
-  );
-  useEffect(() => {
-    toastDispatcher = push;
-    return () => {
-      toastDispatcher = null;
-    };
-  }, [push]);
-  return /* @__PURE__ */ jsx(ToastStoreContext.Provider, { value: ctx, children });
-}
-ToastProvider.displayName = "ToastProvider";
-function ToastViewport({
-  position = "bottom-right",
-  className
-}) {
-  const ctx = 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 createPortal(
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(toastViewportVariants({ position }), className),
-        "data-slot": "toast-viewport",
-        children: ctx.toasts.map((item) => /* @__PURE__ */ jsxs(
-          Toast,
-          {
-            toastId: item.id,
-            appearance: item.appearance,
-            size: item.size,
-            animation: item.animation,
-            children: [
-              /* @__PURE__ */ jsx(ToastTitle, { children: item.title }),
-              item.description ? /* @__PURE__ */ jsx(ToastDescription, { children: item.description }) : null,
-              /* @__PURE__ */ 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__ */ jsx(
-    "div",
-    {
-      "data-slot": "toast",
-      role: appearance === "error" ? "alert" : "status",
-      "aria-live": live,
-      "aria-atomic": "true",
-      className: cn(
-        "relative",
-        toastRootVariants({ appearance, size }),
-        className
-      ),
-      children
-    }
-  );
-}
-Toast.displayName = "Toast";
-function ToastTitle({ className, children }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "toast-title", className: cn("font-semibold", className), children });
-}
-ToastTitle.displayName = "ToastTitle";
-function ToastDescription({ className, children }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "toast-description", className: cn("text-sm", className), children });
-}
-ToastDescription.displayName = "ToastDescription";
-function ToastAction({ className, children }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "toast-action", className: cn("mt-3", className), children });
-}
-ToastAction.displayName = "ToastAction";
-function ToastClose({
-  className,
-  children,
-  onClick,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      "data-slot": "toast-close",
-      "aria-label": "Dismiss notification",
-      className: 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";
-
-export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastStoreContext, ToastTitle, ToastViewport, toast, toastRootVariants, toastViewportVariants, useToast };
-//# sourceMappingURL=chunk-6ONKAOI7.mjs.map
-//# sourceMappingURL=chunk-6ONKAOI7.mjs.map
+exports.zuiToastRootAppearances = zuiToastRootAppearances;
+exports.zuiToastRootBase = zuiToastRootBase;
+exports.zuiToastRootSizes = zuiToastRootSizes;
+exports.zuiToastViewportBase = zuiToastViewportBase;
+exports.zuiToastViewportPositions = zuiToastViewportPositions;
+//# sourceMappingURL=chunk-7M4TUP4I.js.map
+//# sourceMappingURL=chunk-7M4TUP4I.js.map

package/dist/chunk-7M4TUP4I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/toast.ts"],"names":[],"mappings":";;;AAAO,IAAM,oBAAA,GACX;AAEK,IAAM,yBAAA,GAA4B;AAAA,EACvC,UAAA,EAAY,0BAAA;AAAA,EACZ,YAAA,EAAc,8CAAA;AAAA,EACd,WAAA,EAAa,yBAAA;AAAA,EACb,aAAA,EAAe,6BAAA;AAAA,EACf,eAAA,EAAiB,iDAAA;AAAA,EACjB,cAAA,EAAgB;AAClB;AAEO,IAAM,gBAAA,GACX;AAEK,IAAM,uBAAA,GAA0B;AAAA,EACrC,OAAA,EACE,ySAAA;AAAA,EACF,OAAA,EACE,ydAAA;AAAA,EACF,OAAA,EACE,qdAAA;AAAA,EACF,KAAA,EACE,2cAAA;AAAA,EACF,IAAA,EAAM,ycAAA;AAAA,EACN,KAAA,EACE,yYAAA;AAAA,EACF,MAAA,EACE,4dAAA;AAAA,EACF,IAAA,EAAM,wcAAA;AAAA,EACN,MAAA,EACE,gdAAA;AAAA,EACF,MAAA,EACE,wdAAA;AAAA,EACF,IAAA,EAAM,4cAAA;AAAA,EACN,MAAA,EACE,0dAAA;AAAA,EACF,OAAA,EACE,keAAA;AAAA,EACF,IAAA,EAAM,2cAAA;AAAA,EACN,KAAA,EACE,gdAAA;AAAA,EACF,MAAA,EACE,4dAAA;AAAA,EACF,eAAA,EACE,uhBAAA;AAAA,EACF,gBAAA,EACE,+hBAAA;AAAA,EACF,cAAA,EACE,4gBAAA;AAAA,EACF,iBAAA,EACE,8hBAAA;AAAA,EACF,iBAAA,EACE,miBAAA;AAAA,EACF,eAAA,EACE,shBAAA;AAAA,EACF,iBAAA,EACE,oiBAAA;AAAA,EACF,eAAA,EACE,ihBAAA;AAAA,EACF,iBAAA,EACE,0hBAAA;AAAA,EACF,IAAA,EAAM,wVAAA;AAAA,EACN,IAAA,EAAM,wVAAA;AAAA,EACN,KAAA,EACE,8VAAA;AAAA,EACF,IAAA,EAAM,wVAAA;AAAA,EACN,IAAA,EAAM,wVAAA;AAAA,EACN,KAAA,EACE,8VAAA;AAAA,EACF,QAAA,EACE,gXAAA;AAAA,EACF,QAAA,EACE,gXAAA;AAAA,EACF,IAAA,EAAM,wVAAA;AAAA,EACN,GAAA,EAAK,kVAAA;AAAA,EACL,KAAA,EACE,8VAAA;AAAA,EACF,IAAA,EAAM,wVAAA;AAAA,EACN,KAAA,EACE,8VAAA;AAAA,EACF,KAAA,EACE,8VAAA;AAAA,EACF,QAAA,EACE,gXAAA;AAAA,EACF,MAAA,EACE,oWAAA;AAAA,EACF,MAAA,EACE,oWAAA;AAAA,EACF,OAAA,EACE,0WAAA;AAAA,EACF,OAAA,EACE,0WAAA;AAAA,EACF,IAAA,EAAM,wVAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,iBAAA,GAAoB;AAAA,EAC/B,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI;AACN","file":"chunk-7M4TUP4I.js","sourcesContent":["export const zuiToastViewportBase =\n  \"fixed z-[60] flex max-h-screen flex-col gap-2 p-4\";\n\nexport const zuiToastViewportPositions = {\n  \"top-left\": \"left-0 top-0 items-start\",\n  \"top-center\": \"left-1/2 top-0 -translate-x-1/2 items-center\",\n  \"top-right\": \"right-0 top-0 items-end\",\n  \"bottom-left\": \"bottom-0 left-0 items-start\",\n  \"bottom-center\": \"bottom-0 left-1/2 -translate-x-1/2 items-center\",\n  \"bottom-right\": \"bottom-0 right-0 items-end\",\n} as const;\n\nexport const zuiToastRootBase =\n  \"pointer-events-auto w-[min(100vw-2rem,380px)] rounded-xl border bg-[var(--zui-toast-root-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-toast-root-bg-dark,oklch(98.4%_0.003_247.858))] p-4 text-[color:var(--zui-toast-root-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-toast-root-fg-dark,oklch(98.4%_0.003_247.858))] shadow-[var(--zui-toast-root-shadow,0_8px_24px_rgba(15,23,42,0.12))] dark:shadow-[var(--zui-toast-root-shadow-dark,0_18px_48px_rgba(15,23,42,0.45))]\";\n\nexport const zuiToastRootAppearances = {\n  default:\n    \"bg-[var(--zui-toast-root-default-bg,oklch(12.9%_0.042_264.695))] dark:bg-[var(--zui-toast-root-default-bg-dark,oklch(12.9%_0.042_264.695))] text-[color:var(--zui-toast-root-default-fg,oklch(98.4%_0.003_247.858))] dark:text-[color:var(--zui-toast-root-default-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  success:\n    \"border-[color:var(--zui-toast-root-success-border,oklch(69.6%_0.17_162.48_/_0.4))] dark:border-[color:var(--zui-toast-root-success-border-dark,oklch(69.6%_0.17_162.48_/_0.4))] bg-[var(--zui-toast-root-success-bg,oklch(26.2%_0.051_172.552))] dark:bg-[var(--zui-toast-root-success-bg-dark,oklch(26.2%_0.051_172.552))] text-[color:var(--zui-toast-root-success-fg,oklch(97.9%_0.021_166.113))] dark:text-[color:var(--zui-toast-root-success-fg-dark,oklch(97.9%_0.021_166.113))]\",\n  warning:\n    \"border-[color:var(--zui-toast-root-warning-border,oklch(76.9%_0.188_70.08_/_0.4))] dark:border-[color:var(--zui-toast-root-warning-border-dark,oklch(76.9%_0.188_70.08_/_0.4))] bg-[var(--zui-toast-root-warning-bg,oklch(27.9%_0.077_45.635))] dark:bg-[var(--zui-toast-root-warning-bg-dark,oklch(27.9%_0.077_45.635))] text-[color:var(--zui-toast-root-warning-fg,oklch(98.7%_0.022_95.277))] dark:text-[color:var(--zui-toast-root-warning-fg-dark,oklch(98.7%_0.022_95.277))]\",\n  error:\n    \"border-[color:var(--zui-toast-root-error-border,oklch(64.5%_0.246_16.439_/_0.5))] dark:border-[color:var(--zui-toast-root-error-border-dark,oklch(64.5%_0.246_16.439_/_0.5))] bg-[var(--zui-toast-root-error-bg,oklch(27.1%_0.105_12.094))] dark:bg-[var(--zui-toast-root-error-bg-dark,oklch(27.1%_0.105_12.094))] text-[color:var(--zui-toast-root-error-fg,oklch(96.9%_0.015_12.422))] dark:text-[color:var(--zui-toast-root-error-fg-dark,oklch(96.9%_0.015_12.422))]\",\n  info: \"border-[color:var(--zui-toast-root-info-border,oklch(68.5%_0.169_237.323_/_0.4))] dark:border-[color:var(--zui-toast-root-info-border-dark,oklch(68.5%_0.169_237.323_/_0.4))] bg-[var(--zui-toast-root-info-bg,oklch(29.3%_0.066_243.157))] dark:bg-[var(--zui-toast-root-info-bg-dark,oklch(29.3%_0.066_243.157))] text-[color:var(--zui-toast-root-info-fg,oklch(97.7%_0.013_236.62))] dark:text-[color:var(--zui-toast-root-info-fg-dark,oklch(97.7%_0.013_236.62))]\",\n  ghost:\n    \"border-[color:var(--zui-toast-root-ghost-border,transparent)] dark:border-[color:var(--zui-toast-root-ghost-border-dark,transparent)] bg-[var(--zui-toast-root-ghost-bg,transparent)] dark:bg-[var(--zui-toast-root-ghost-bg-dark,transparent)] text-[color:var(--zui-toast-root-ghost-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-toast-root-ghost-fg-dark,oklch(20.8%_0.042_265.755))]\",\n  purple:\n    \"border-[color:var(--zui-toast-root-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-toast-root-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-toast-root-purple-bg,oklch(29.1%_0.149_302.717))] dark:bg-[var(--zui-toast-root-purple-bg-dark,oklch(29.1%_0.149_302.717))] backdrop-blur-xl text-[color:var(--zui-toast-root-purple-fg,oklch(97.7%_0.014_308.299))] dark:text-[color:var(--zui-toast-root-purple-fg-dark,oklch(97.7%_0.014_308.299))]\",\n  pink: \"border-[color:var(--zui-toast-root-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-toast-root-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-toast-root-pink-bg,oklch(28.4%_0.109_3.907))] dark:bg-[var(--zui-toast-root-pink-bg-dark,oklch(28.4%_0.109_3.907))] backdrop-blur-xl text-[color:var(--zui-toast-root-pink-fg,oklch(97.1%_0.014_343.198))] dark:text-[color:var(--zui-toast-root-pink-fg-dark,oklch(97.1%_0.014_343.198))]\",\n  orange:\n    \"border-[color:var(--zui-toast-root-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-toast-root-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-toast-root-orange-bg,oklch(26.6%_0.079_36.259))] dark:bg-[var(--zui-toast-root-orange-bg-dark,oklch(26.6%_0.079_36.259))] backdrop-blur-xl text-[color:var(--zui-toast-root-orange-fg,oklch(98%_0.016_73.684))] dark:text-[color:var(--zui-toast-root-orange-fg-dark,oklch(98%_0.016_73.684))]\",\n  yellow:\n    \"border-[color:var(--zui-toast-root-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-toast-root-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-toast-root-yellow-bg,oklch(28.6%_0.066_53.813))] dark:bg-[var(--zui-toast-root-yellow-bg-dark,oklch(28.6%_0.066_53.813))] backdrop-blur-xl text-[color:var(--zui-toast-root-yellow-fg,oklch(98.7%_0.026_102.212))] dark:text-[color:var(--zui-toast-root-yellow-fg-dark,oklch(98.7%_0.026_102.212))]\",\n  teal: \"border-[color:var(--zui-toast-root-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-toast-root-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-toast-root-teal-bg,oklch(27.7%_0.046_192.524))] dark:bg-[var(--zui-toast-root-teal-bg-dark,oklch(27.7%_0.046_192.524))] backdrop-blur-xl text-[color:var(--zui-toast-root-teal-fg,oklch(98.4%_0.014_180.72))] dark:text-[color:var(--zui-toast-root-teal-fg-dark,oklch(98.4%_0.014_180.72))]\",\n  indigo:\n    \"border-[color:var(--zui-toast-root-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-toast-root-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-toast-root-indigo-bg,oklch(25.7%_0.09_281.288))] dark:bg-[var(--zui-toast-root-indigo-bg-dark,oklch(25.7%_0.09_281.288))] backdrop-blur-xl text-[color:var(--zui-toast-root-indigo-fg,oklch(96.2%_0.018_272.314))] dark:text-[color:var(--zui-toast-root-indigo-fg-dark,oklch(96.2%_0.018_272.314))]\",\n  emerald:\n    \"border-[color:var(--zui-toast-root-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-toast-root-emerald-border-dark,oklch(59.6%_0.145_163.225))] bg-[var(--zui-toast-root-emerald-bg,oklch(26.2%_0.051_172.552))] dark:bg-[var(--zui-toast-root-emerald-bg-dark,oklch(26.2%_0.051_172.552))] backdrop-blur-xl text-[color:var(--zui-toast-root-emerald-fg,oklch(97.9%_0.021_166.113))] dark:text-[color:var(--zui-toast-root-emerald-fg-dark,oklch(97.9%_0.021_166.113))]\",\n  gray: \"border-[color:var(--zui-toast-root-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-toast-root-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-toast-root-gray-bg,oklch(13%_0.028_261.692))] dark:bg-[var(--zui-toast-root-gray-bg-dark,oklch(13%_0.028_261.692))] backdrop-blur-xl text-[color:var(--zui-toast-root-gray-fg,oklch(98.5%_0.002_247.839))] dark:text-[color:var(--zui-toast-root-gray-fg-dark,oklch(98.5%_0.002_247.839))]\",\n  amber:\n    \"border-[color:var(--zui-toast-root-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-toast-root-amber-border-dark,oklch(66.6%_0.179_58.318))] bg-[var(--zui-toast-root-amber-bg,oklch(27.9%_0.077_45.635))] dark:bg-[var(--zui-toast-root-amber-bg-dark,oklch(27.9%_0.077_45.635))] backdrop-blur-xl text-[color:var(--zui-toast-root-amber-fg,oklch(98.7%_0.022_95.277))] dark:text-[color:var(--zui-toast-root-amber-fg-dark,oklch(98.7%_0.022_95.277))]\",\n  violet:\n    \"border-[color:var(--zui-toast-root-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-toast-root-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-toast-root-violet-bg,oklch(28.3%_0.141_291.089))] dark:bg-[var(--zui-toast-root-violet-bg-dark,oklch(28.3%_0.141_291.089))] backdrop-blur-xl text-[color:var(--zui-toast-root-violet-fg,oklch(96.9%_0.016_293.756))] dark:text-[color:var(--zui-toast-root-violet-fg-dark,oklch(96.9%_0.016_293.756))]\",\n  \"gradient-blue\":\n    \"border-[color:var(--zui-toast-root-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-toast-root-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] bg-linear-to-r from-[var(--zui-toast-root-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-toast-root-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.7))] to-[var(--zui-toast-root-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-toast-root-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl\",\n  \"gradient-green\":\n    \"border-[color:var(--zui-toast-root-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-toast-root-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] bg-linear-to-r from-[var(--zui-toast-root-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-toast-root-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.7))] to-[var(--zui-toast-root-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-toast-root-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.7))] backdrop-blur-xl\",\n  \"gradient-red\":\n    \"border-[color:var(--zui-toast-root-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-toast-root-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] bg-linear-to-r from-[var(--zui-toast-root-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-toast-root-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.7))] to-[var(--zui-toast-root-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-toast-root-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl\",\n  \"gradient-yellow\":\n    \"border-[color:var(--zui-toast-root-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-toast-root-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-linear-to-r from-[var(--zui-toast-root-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-toast-root-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.7))] to-[var(--zui-toast-root-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-toast-root-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl\",\n  \"gradient-purple\":\n    \"border-[color:var(--zui-toast-root-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-toast-root-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-r from-[var(--zui-toast-root-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-toast-root-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.7))] to-[var(--zui-toast-root-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-toast-root-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl\",\n  \"gradient-teal\":\n    \"border-[color:var(--zui-toast-root-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-toast-root-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-r from-[var(--zui-toast-root-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-toast-root-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.7))] to-[var(--zui-toast-root-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-toast-root-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.7))] backdrop-blur-xl\",\n  \"gradient-indigo\":\n    \"border-[color:var(--zui-toast-root-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-toast-root-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-toast-root-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-toast-root-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-toast-root-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-toast-root-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl\",\n  \"gradient-pink\":\n    \"border-[color:var(--zui-toast-root-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-toast-root-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-toast-root-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-toast-root-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-toast-root-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-toast-root-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl\",\n  \"gradient-orange\":\n    \"border-[color:var(--zui-toast-root-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-toast-root-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-toast-root-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-toast-root-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-toast-root-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-toast-root-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl\",\n  blue: \"border border-[color:var(--zui-toast-root-blue-border,#2563eb)] dark:border-[color:var(--zui-toast-root-blue-border-dark,#3b82f6)] bg-[var(--zui-toast-root-blue-bg,#2563eb14)] dark:bg-[var(--zui-toast-root-blue-bg-dark,#3b82f624)] text-[color:var(--zui-toast-root-blue-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-blue-fg-dark,#f8fafc)]\",\n  cyan: \"border border-[color:var(--zui-toast-root-cyan-border,#0891b2)] dark:border-[color:var(--zui-toast-root-cyan-border-dark,#22d3ee)] bg-[var(--zui-toast-root-cyan-bg,#0891b214)] dark:bg-[var(--zui-toast-root-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-toast-root-cyan-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-cyan-fg-dark,#f8fafc)]\",\n  green:\n    \"border border-[color:var(--zui-toast-root-green-border,#16a34a)] dark:border-[color:var(--zui-toast-root-green-border-dark,#22c55e)] bg-[var(--zui-toast-root-green-bg,#16a34a14)] dark:bg-[var(--zui-toast-root-green-bg-dark,#22c55e24)] text-[color:var(--zui-toast-root-green-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-green-fg-dark,#f8fafc)]\",\n  lime: \"border border-[color:var(--zui-toast-root-lime-border,#65a30d)] dark:border-[color:var(--zui-toast-root-lime-border-dark,#a3e635)] bg-[var(--zui-toast-root-lime-bg,#65a30d14)] dark:bg-[var(--zui-toast-root-lime-bg-dark,#a3e63524)] text-[color:var(--zui-toast-root-lime-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-lime-fg-dark,#f8fafc)]\",\n  mint: \"border border-[color:var(--zui-toast-root-mint-border,#10b981)] dark:border-[color:var(--zui-toast-root-mint-border-dark,#6ee7b7)] bg-[var(--zui-toast-root-mint-bg,#10b98114)] dark:bg-[var(--zui-toast-root-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-toast-root-mint-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-mint-fg-dark,#f8fafc)]\",\n  ocean:\n    \"border border-[color:var(--zui-toast-root-ocean-border,#0284c7)] dark:border-[color:var(--zui-toast-root-ocean-border-dark,#38bdf8)] bg-[var(--zui-toast-root-ocean-bg,#0284c714)] dark:bg-[var(--zui-toast-root-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-toast-root-ocean-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-ocean-fg-dark,#f8fafc)]\",\n  sapphire:\n    \"border border-[color:var(--zui-toast-root-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-toast-root-sapphire-border-dark,#60a5fa)] bg-[var(--zui-toast-root-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-toast-root-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-toast-root-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-sapphire-fg-dark,#f8fafc)]\",\n  lavender:\n    \"border border-[color:var(--zui-toast-root-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-toast-root-lavender-border-dark,#a78bfa)] bg-[var(--zui-toast-root-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-toast-root-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-toast-root-lavender-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-lavender-fg-dark,#f8fafc)]\",\n  ruby: \"border border-[color:var(--zui-toast-root-ruby-border,#be123c)] dark:border-[color:var(--zui-toast-root-ruby-border-dark,#fb7185)] bg-[var(--zui-toast-root-ruby-bg,#be123c14)] dark:bg-[var(--zui-toast-root-ruby-bg-dark,#fb718524)] text-[color:var(--zui-toast-root-ruby-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-ruby-fg-dark,#f8fafc)]\",\n  red: \"border border-[color:var(--zui-toast-root-red-border,#dc2626)] dark:border-[color:var(--zui-toast-root-red-border-dark,#ef4444)] bg-[var(--zui-toast-root-red-bg,#dc262614)] dark:bg-[var(--zui-toast-root-red-bg-dark,#ef444424)] text-[color:var(--zui-toast-root-red-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-red-fg-dark,#f8fafc)]\",\n  slate:\n    \"border border-[color:var(--zui-toast-root-slate-border,#475569)] dark:border-[color:var(--zui-toast-root-slate-border-dark,#64748b)] bg-[var(--zui-toast-root-slate-bg,#47556914)] dark:bg-[var(--zui-toast-root-slate-bg-dark,#64748b24)] text-[color:var(--zui-toast-root-slate-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-slate-fg-dark,#f8fafc)]\",\n  zinc: \"border border-[color:var(--zui-toast-root-zinc-border,#52525b)] dark:border-[color:var(--zui-toast-root-zinc-border-dark,#71717a)] bg-[var(--zui-toast-root-zinc-bg,#52525b14)] dark:bg-[var(--zui-toast-root-zinc-bg-dark,#71717a24)] text-[color:var(--zui-toast-root-zinc-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-zinc-fg-dark,#f8fafc)]\",\n  stone:\n    \"border border-[color:var(--zui-toast-root-stone-border,#57534e)] dark:border-[color:var(--zui-toast-root-stone-border-dark,#78716c)] bg-[var(--zui-toast-root-stone-bg,#57534e14)] dark:bg-[var(--zui-toast-root-stone-bg-dark,#78716c24)] text-[color:var(--zui-toast-root-stone-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-stone-fg-dark,#f8fafc)]\",\n  royal:\n    \"border border-[color:var(--zui-toast-root-royal-border,#4338ca)] dark:border-[color:var(--zui-toast-root-royal-border-dark,#818cf8)] bg-[var(--zui-toast-root-royal-bg,#4338ca14)] dark:bg-[var(--zui-toast-root-royal-bg-dark,#818cf824)] text-[color:var(--zui-toast-root-royal-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-royal-fg-dark,#f8fafc)]\",\n  electric:\n    \"border border-[color:var(--zui-toast-root-electric-border,#0ea5e9)] dark:border-[color:var(--zui-toast-root-electric-border-dark,#38bdf8)] bg-[var(--zui-toast-root-electric-bg,#0ea5e914)] dark:bg-[var(--zui-toast-root-electric-bg-dark,#38bdf824)] text-[color:var(--zui-toast-root-electric-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-electric-fg-dark,#f8fafc)]\",\n  forest:\n    \"border border-[color:var(--zui-toast-root-forest-border,#166534)] dark:border-[color:var(--zui-toast-root-forest-border-dark,#4ade80)] bg-[var(--zui-toast-root-forest-bg,#16653414)] dark:bg-[var(--zui-toast-root-forest-bg-dark,#4ade8024)] text-[color:var(--zui-toast-root-forest-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-forest-fg-dark,#f8fafc)]\",\n  sunset:\n    \"border border-[color:var(--zui-toast-root-sunset-border,#ea580c)] dark:border-[color:var(--zui-toast-root-sunset-border-dark,#fb923c)] bg-[var(--zui-toast-root-sunset-bg,#ea580c14)] dark:bg-[var(--zui-toast-root-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-toast-root-sunset-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-sunset-fg-dark,#f8fafc)]\",\n  magenta:\n    \"border border-[color:var(--zui-toast-root-magenta-border,#c026d3)] dark:border-[color:var(--zui-toast-root-magenta-border-dark,#e879f9)] bg-[var(--zui-toast-root-magenta-bg,#c026d314)] dark:bg-[var(--zui-toast-root-magenta-bg-dark,#e879f924)] text-[color:var(--zui-toast-root-magenta-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-magenta-fg-dark,#f8fafc)]\",\n  crimson:\n    \"border border-[color:var(--zui-toast-root-crimson-border,#b91c1c)] dark:border-[color:var(--zui-toast-root-crimson-border-dark,#f87171)] bg-[var(--zui-toast-root-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-toast-root-crimson-bg-dark,#f8717124)] text-[color:var(--zui-toast-root-crimson-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-crimson-fg-dark,#f8fafc)]\",\n  aqua: \"border border-[color:var(--zui-toast-root-aqua-border,#0f766e)] dark:border-[color:var(--zui-toast-root-aqua-border-dark,#2dd4bf)] bg-[var(--zui-toast-root-aqua-bg,#0f766e14)] dark:bg-[var(--zui-toast-root-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-toast-root-aqua-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-aqua-fg-dark,#f8fafc)]\",\n  plum: \"border border-[color:var(--zui-toast-root-plum-border,#7e22ce)] dark:border-[color:var(--zui-toast-root-plum-border-dark,#c084fc)] bg-[var(--zui-toast-root-plum-bg,#7e22ce14)] dark:bg-[var(--zui-toast-root-plum-bg-dark,#c084fc24)] text-[color:var(--zui-toast-root-plum-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-plum-fg-dark,#f8fafc)]\",\n} as const;\n\nexport const zuiToastRootSizes = {\n  sm: \"p-3 text-xs\",\n  md: \"p-4 text-sm\",\n  lg: \"p-5 text-base\",\n} as const;\n"]}

package/dist/{chunk-XOYCFLEZ.mjs → chunk-AADGUMYW.js}

@@ -1,8 +1,4 @@
-import { cn } from './chunk-4D54YOL6.mjs';
-import { cva } from 'class-variance-authority';
-import { createContext, useState, useMemo, useCallback, useRef, useContext } from 'react';
-import { FaChevronRight } from 'react-icons/fa6';
-import { jsx, jsxs } from 'react/jsx-runtime';
+'use strict';
 
 // src/design-system/tree-view.ts
 var zuiTreeViewBase = "w-full text-[color:var(--zui-tree-view-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-tree-view-fg-dark,oklch(92.9%_0.013_255.508))]";
@@ -113,347 +109,14 @@ var zuiTreeViewChevron = "inline-flex h-5 w-5 shrink-0 items-center justify-cent
 var zuiTreeViewIcon = "inline-flex shrink-0 items-center justify-center text-[color:var(--zui-tree-view-icon,oklch(55.5%_0.041_257.417))] dark:text-[color:var(--zui-tree-view-icon-dark,oklch(70.4%_0.04_256.788))]";
 var zuiTreeViewGuide = "border-l border-[color:var(--zui-tree-view-guide,#0000001a)] dark:border-[color:var(--zui-tree-view-guide-dark,#ffffff1a)]";
 
-// src/ui/tree-view/variants.ts
-var treeViewVariants = cva(zuiTreeViewBase, {
-  variants: {
-    appearance: zuiTreeViewAppearances,
-    size: zuiTreeViewSizes
-  },
-  defaultVariants: {
-    appearance: "default",
-    size: "md"
-  }
-});
-var treeViewItemVariants = cva(zuiTreeViewItemBase, {
-  variants: {
-    appearance: zuiTreeViewItemAppearances,
-    size: zuiTreeViewItemSizes
-  },
-  defaultVariants: {
-    appearance: "default",
-    size: "md"
-  }
-});
-var TreeViewContext = createContext(null);
-function useTreeViewContext(component) {
-  const ctx = useContext(TreeViewContext);
-  if (!ctx) {
-    throw new Error(`${component} must be used within <TreeView>`);
-  }
-  return ctx;
-}
-function flattenVisible(nodes, isExpanded, level = 1, parentId = null, acc = []) {
-  for (const node of nodes) {
-    acc.push({ node, level, parentId });
-    if (node.children?.length && isExpanded(node.id)) {
-      flattenVisible(node.children, isExpanded, level + 1, node.id, acc);
-    }
-  }
-  return acc;
-}
-function StaticTreeGroup({ open, children }) {
-  if (!open) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("ul", { role: "group", "data-slot": "tree-view-group", className: "m-0 list-none p-0", children });
-}
-function TreeItemNode({
-  node,
-  level,
-  chevronIcon
-}) {
-  const {
-    isExpanded,
-    selectedId,
-    activeId,
-    GroupComponent,
-    registerItem,
-    appearance,
-    size,
-    toggleExpanded,
-    selectNode,
-    onItemKeyDown,
-    renderNode,
-    showGuides
-  } = useTreeViewContext("TreeItem");
-  const hasChildren = Boolean(node.children?.length);
-  const expanded = hasChildren && isExpanded(node.id);
-  const selected = selectedId === node.id;
-  const active = activeId === node.id;
-  const disabled = Boolean(node.disabled);
-  const Group = GroupComponent;
-  return /* @__PURE__ */ jsxs("li", { role: "none", "data-slot": "tree-view-item", children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        role: "treeitem",
-        ref: (el) => registerItem(node.id, el),
-        "aria-expanded": hasChildren ? expanded : void 0,
-        "aria-selected": selected,
-        "aria-level": level,
-        "aria-disabled": disabled || void 0,
-        "data-slot": "tree-view-item-row",
-        "data-node-id": node.id,
-        "data-selected": selected,
-        "data-active": active,
-        "data-disabled": disabled,
-        tabIndex: active ? 0 : -1,
-        style: { paddingLeft: `${(level - 1) * 1.25 + 0.5}rem` },
-        className: treeViewItemVariants({
-          appearance,
-          size
-        }),
-        onClick: () => {
-          if (disabled) {
-            return;
-          }
-          if (hasChildren) {
-            toggleExpanded(node.id);
-          }
-          selectNode(node);
-        },
-        onKeyDown: onItemKeyDown,
-        children: [
-          hasChildren ? /* @__PURE__ */ jsx(
-            "span",
-            {
-              "data-slot": "tree-view-chevron",
-              "data-expanded": expanded,
-              className: zuiTreeViewChevron,
-              children: chevronIcon || /* @__PURE__ */ jsx(FaChevronRight, {})
-            }
-          ) : (
-            // Leaf nodes reserve chevron space to keep labels vertically aligned
-            // with sibling branches that do have disclosure icons.
-            /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "inline-flex h-5 w-5 shrink-0" })
-          ),
-          node.icon ? /* @__PURE__ */ jsx("span", { "data-slot": "tree-view-icon", className: zuiTreeViewIcon, children: node.icon }) : null,
-          /* @__PURE__ */ jsx("span", { "data-slot": "tree-view-label", className: "truncate", children: renderNode ? renderNode({
-            node,
-            depth: level,
-            isExpanded: expanded,
-            isSelected: selected
-          }) : node.label })
-        ]
-      }
-    ),
-    hasChildren ? /* @__PURE__ */ jsx(Group, { open: expanded, level, children: /* @__PURE__ */ jsx(
-      "ol",
-      {
-        className: cn(showGuides && zuiTreeViewGuide, showGuides && "ml-5"),
-        children: node.children?.map((child) => (
-          // Recursion preserves each child's depth so ARIA levels,
-          // indentation, and guide spacing all stay in sync.
-          /* @__PURE__ */ jsx(TreeItemNode, { node: child, level: level + 1 }, child.id)
-        ))
-      }
-    ) }) : null
-  ] });
-}
-function TreeViewBase({
-  data = [],
-  defaultExpanded,
-  expanded,
-  onExpandedChange,
-  defaultSelected,
-  selected,
-  onSelect,
-  renderNode,
-  showGuides = false,
-  appearance = "default",
-  size = "md",
-  className,
-  GroupComponent = StaticTreeGroup,
-  ...rest
-}) {
-  const isExpandedControlled = expanded !== void 0;
-  const isSelectedControlled = selected !== void 0;
-  const [expandedUncontrolled, setExpandedUncontrolled] = useState(
-    defaultExpanded ?? []
-  );
-  const [selectedUncontrolled, setSelectedUncontrolled] = useState(defaultSelected);
-  const expandedIds = isExpandedControlled ? expanded ?? [] : expandedUncontrolled;
-  const selectedId = isSelectedControlled ? selected : selectedUncontrolled;
-  const expandedSet = useMemo(() => new Set(expandedIds), [expandedIds]);
-  const isExpanded = useCallback(
-    (id) => expandedSet.has(id),
-    [expandedSet]
-  );
-  const commitExpanded = useCallback(
-    (next) => {
-      if (!isExpandedControlled) {
-        setExpandedUncontrolled(next);
-      }
-      onExpandedChange?.(next);
-    },
-    [isExpandedControlled, onExpandedChange]
-  );
-  const setExpanded = useCallback(
-    (id, open) => {
-      const has = expandedSet.has(id);
-      if (open === has) {
-        return;
-      }
-      const next = open ? [...expandedIds, id] : expandedIds.filter((entry) => entry !== id);
-      commitExpanded(next);
-    },
-    [commitExpanded, expandedIds, expandedSet]
-  );
-  const toggleExpanded = useCallback(
-    (id) => {
-      setExpanded(id, !expandedSet.has(id));
-    },
-    [expandedSet, setExpanded]
-  );
-  const itemRefs = useRef(/* @__PURE__ */ new Map());
-  const registerItem = useCallback((id, el) => {
-    if (el) {
-      itemRefs.current.set(id, el);
-    } else {
-      itemRefs.current.delete(id);
-    }
-  }, []);
-  const visible = useMemo(
-    () => flattenVisible(data, isExpanded),
-    [data, isExpanded]
-  );
-  const firstEnabledId = useMemo(
-    () => visible.find((entry) => !entry.node.disabled)?.node.id,
-    [visible]
-  );
-  const [activeIdState, setActiveIdState] = useState(
-    void 0
-  );
-  const isSelectedVisible = selectedId !== void 0 && visible.some((entry) => entry.node.id === selectedId);
-  const activeId = activeIdState && visible.some((entry) => entry.node.id === activeIdState) ? activeIdState : isSelectedVisible ? selectedId : firstEnabledId;
-  const focusItem = useCallback((id) => {
-    setActiveIdState(id);
-    itemRefs.current.get(id)?.focus();
-  }, []);
-  const selectNode = useCallback(
-    (node) => {
-      if (node.disabled) {
-        return;
-      }
-      setActiveIdState(node.id);
-      if (!isSelectedControlled) {
-        setSelectedUncontrolled(node.id);
-      }
-      onSelect?.(node);
-    },
-    [isSelectedControlled, onSelect]
-  );
-  const onItemKeyDown = useCallback(
-    (event) => {
-      const currentId = event.currentTarget.dataset.nodeId ?? activeId;
-      const index = visible.findIndex((entry) => entry.node.id === currentId);
-      const current = visible[index];
-      if (index === -1 || !current) {
-        return;
-      }
-      const moveTo = (target) => {
-        const clamped = Math.max(0, Math.min(visible.length - 1, target));
-        const next = visible[clamped];
-        if (next) {
-          focusItem(next.node.id);
-        }
-      };
-      switch (event.key) {
-        case "ArrowDown":
-          event.preventDefault();
-          moveTo(index + 1);
-          break;
-        case "ArrowUp":
-          event.preventDefault();
-          moveTo(index - 1);
-          break;
-        case "Home":
-          event.preventDefault();
-          moveTo(0);
-          break;
-        case "End":
-          event.preventDefault();
-          moveTo(visible.length - 1);
-          break;
-        case "ArrowRight": {
-          event.preventDefault();
-          const hasChildren = Boolean(current.node.children?.length);
-          if (hasChildren && !isExpanded(current.node.id)) {
-            setExpanded(current.node.id, true);
-          } else if (hasChildren) {
-            moveTo(index + 1);
-          }
-          break;
-        }
-        case "ArrowLeft": {
-          event.preventDefault();
-          const hasChildren = Boolean(current.node.children?.length);
-          if (hasChildren && isExpanded(current.node.id)) {
-            setExpanded(current.node.id, false);
-          } else if (current.parentId) {
-            focusItem(current.parentId);
-          }
-          break;
-        }
-        case "Enter":
-        case " ":
-          event.preventDefault();
-          selectNode(current.node);
-          break;
-      }
-    },
-    [activeId, focusItem, isExpanded, selectNode, setExpanded, visible]
-  );
-  const ctx = useMemo(
-    () => ({
-      appearance: appearance ?? "default",
-      size: size ?? "md",
-      showGuides,
-      GroupComponent,
-      isExpanded,
-      toggleExpanded,
-      setExpanded,
-      selectedId,
-      activeId,
-      selectNode,
-      registerItem,
-      onItemKeyDown,
-      renderNode
-    }),
-    [
-      activeId,
-      appearance,
-      GroupComponent,
-      isExpanded,
-      onItemKeyDown,
-      registerItem,
-      renderNode,
-      selectNode,
-      selectedId,
-      setExpanded,
-      showGuides,
-      size,
-      toggleExpanded
-    ]
-  );
-  return /* @__PURE__ */ jsx(TreeViewContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
-    "ul",
-    {
-      role: "tree",
-      "data-slot": "tree-view",
-      "aria-label": rest["aria-label"],
-      "aria-labelledby": rest["aria-labelledby"],
-      className: cn(
-        treeViewVariants({ appearance, size }),
-        "list-none",
-        className
-      ),
-      children: data.map((node) => /* @__PURE__ */ jsx(TreeItemNode, { node, level: 1 }, node.id))
-    }
-  ) });
-}
-TreeViewBase.displayName = "TreeView";
-
-export { TreeViewBase, treeViewItemVariants, treeViewVariants };
-//# sourceMappingURL=chunk-XOYCFLEZ.mjs.map
-//# sourceMappingURL=chunk-XOYCFLEZ.mjs.map
+exports.zuiTreeViewAppearances = zuiTreeViewAppearances;
+exports.zuiTreeViewBase = zuiTreeViewBase;
+exports.zuiTreeViewChevron = zuiTreeViewChevron;
+exports.zuiTreeViewGuide = zuiTreeViewGuide;
+exports.zuiTreeViewIcon = zuiTreeViewIcon;
+exports.zuiTreeViewItemAppearances = zuiTreeViewItemAppearances;
+exports.zuiTreeViewItemBase = zuiTreeViewItemBase;
+exports.zuiTreeViewItemSizes = zuiTreeViewItemSizes;
+exports.zuiTreeViewSizes = zuiTreeViewSizes;
+//# sourceMappingURL=chunk-AADGUMYW.js.map
+//# sourceMappingURL=chunk-AADGUMYW.js.map