@konstructio/ui 0.1.2-alpha.103 → 0.1.2-alpha.104

package/dist/{Toast-ByH-l4XK.js → Toast-3NEz7LLa.js}

@@ -1,30 +1,31 @@
 import { t as Ce } from "./x-BI9jmc7e.js";
-import { a as ue, t as q } from "./dist-DqKFpce5.js";
-import { n as Pe, t as I } from "./dist-CVy-ulDZ.js";
-import { n as le, t as ye } from "./dist-CTvBzxW8.js";
+import { a as ce, t as q } from "./dist-xCbHbMLA.js";
+import { n as xe, t as I } from "./dist-CCdbu9GU.js";
+import { n as ue, t as Pe } from "./dist-DX0sBG3Q.js";
 import { t as X } from "./utils-Cx-WzRZF.js";
-import { CheckCircleFilledIcon as Re } from "./assets/icons/components/CheckCircleFilled.js";
-import { ErrorIcon as ge } from "./assets/icons/components/Error.js";
-import { InformationOutlineIcon as be } from "./assets/icons/components/InformationOutline.js";
-import { WarningTriangleIcon as Se } from "./assets/icons/components/WarningTriangle.js";
-import { i as Ae, n as _e, r as A, t as De } from "./dist-D4FePjTS.js";
-import { t as Y } from "./dist-ppXKUlVt.js";
-import { i as Ie, n as Ne, t as Fe } from "./dist-j7FOUrFU.js";
-import { t as Le } from "./dist-DISvWx7U.js";
-import { t as Me } from "./dist-l-aDnQZC.js";
-import { closeToastVariants as ke, toastVariants as Oe, viewportToastVariants as Ve } from "./components/Toast/Toast.variants.js";
+import { CheckCircleFilledIcon as ye } from "./assets/icons/components/CheckCircleFilled.js";
+import { ErrorIcon as Re } from "./assets/icons/components/Error.js";
+import { InformationOutlineIcon as ge } from "./assets/icons/components/InformationOutline.js";
+import { WarningTriangleIcon as be } from "./assets/icons/components/WarningTriangle.js";
+import { i as Se, n as Ae, r as A, t as _e } from "./dist-D-yS0HN8.js";
+import { t as Y } from "./dist-D5XYRjmR.js";
+import { r as De, t as Ie } from "./dist-DKryKPmP.js";
+import { t as Ne } from "./dist-C4j75TwZ.js";
+import { t as Fe } from "./dist-BUocnzkM.js";
+import { t as Le } from "./dist-CzKqHuqJ2.js";
+import { closeToastVariants as ke, toastVariants as Me, viewportToastVariants as Oe } from "./components/Toast/Toast.variants.js";
 import * as s from "react";
-import { isValidElement as G, useCallback as Ke, useEffect as We, useMemo as se, useRef as He } from "react";
-import * as $e from "react-dom";
-import { Fragment as de, jsx as r, jsxs as D } from "react/jsx-runtime";
-var Xe = Object.defineProperty, u = (a, e) => Xe(a, "name", {
+import { isValidElement as G, useEffect as Ve, useRef as Ke } from "react";
+import * as We from "react-dom";
+import { Fragment as le, jsx as r, jsxs as D } from "react/jsx-runtime";
+var He = Object.defineProperty, u = (a, e) => He(a, "name", {
   value: e,
   configurable: !0
-}), fe = "ToastProvider", [Z, pe, Ue] = Me("Toast"), [me, Lt] = Ae("Toast", [Ue]), [Ye, z] = me(fe), ze = /* @__PURE__ */ u((a) => {
-  const { __scopeToast: e, label: t = "Notification", duration: o = 5e3, swipeDirection: n = "right", swipeThreshold: l = 50, announcerContainer: h, children: m } = a, [v, x] = s.useState(null), [c, E] = s.useState(0), T = s.useRef(!1);
-  return t.trim() || console.error(`Invalid prop \`label\` supplied to \`${fe}\`. Expected non-empty \`string\`.`), /* @__PURE__ */ r(Z.Provider, {
+}), de = "ToastProvider", [Z, fe, $e] = Le("Toast"), [pe, Ft] = Se("Toast", [$e]), [Xe, z] = pe(de), Ue = /* @__PURE__ */ u((a) => {
+  const { __scopeToast: e, label: t = "Notification", duration: o = 5e3, swipeDirection: n = "right", swipeThreshold: l = 50, announcerContainer: E, children: m } = a, [v, C] = s.useState(null), [c, h] = s.useState(0), T = s.useRef(!1);
+  return t.trim() || console.error(`Invalid prop \`label\` supplied to \`${de}\`. Expected non-empty \`string\`.`), /* @__PURE__ */ r(Z.Provider, {
     scope: e,
-    children: /* @__PURE__ */ r(Ye, {
+    children: /* @__PURE__ */ r(Xe, {
       scope: e,
       label: t,
       duration: o,
@@ -32,25 +33,25 @@ var Xe = Object.defineProperty, u = (a, e) => Xe(a, "name", {
       swipeThreshold: l,
       toastCount: c,
       viewport: v,
-      onViewportChange: x,
-      onToastAdd: s.useCallback(() => E((S) => S + 1), []),
-      onToastRemove: s.useCallback(() => E((S) => S - 1), []),
+      onViewportChange: C,
+      onToastAdd: s.useCallback(() => h((S) => S + 1), []),
+      onToastRemove: s.useCallback(() => h((S) => S - 1), []),
       isClosePausedRef: T,
-      announcerContainer: h,
+      announcerContainer: E,
       children: m
     })
   });
-}, "ToastProvider"), je = "ToastViewport", Be = ["F8"], J = "toast.viewportPause", Q = "toast.viewportResume", qe = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ u(function(e, t) {
-  const { __scopeToast: o, hotkey: n = Be, label: l = "Notifications ({hotkey})", ...h } = e, m = z(je, o), v = pe(o), x = s.useRef(null), c = s.useRef(null), E = s.useRef(null), T = s.useRef(null), S = ue(t, T, m.onViewportChange), N = n.join("+").replace(/Key/g, "").replace(/Digit/g, ""), y = m.toastCount > 0;
+}, "ToastProvider"), Ye = "ToastViewport", ze = ["F8"], J = "toast.viewportPause", Q = "toast.viewportResume", je = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ u(function(e, t) {
+  const { __scopeToast: o, hotkey: n = ze, label: l = "Notifications ({hotkey})", ...E } = e, m = z(Ye, o), v = fe(o), C = s.useRef(null), c = s.useRef(null), h = s.useRef(null), T = s.useRef(null), S = ce(t, T, m.onViewportChange), N = n.join("+").replace(/Key/g, "").replace(/Digit/g, ""), y = m.toastCount > 0;
   s.useEffect(() => {
     const d = /* @__PURE__ */ u((w) => {
-      n.length !== 0 && n.every((f) => w[f] || w.code === f) && T.current?.focus();
+      n.length !== 0 && n.every((p) => w[p] || w.code === p) && T.current?.focus();
     }, "handleKeyDown");
     return document.addEventListener("keydown", d), () => document.removeEventListener("keydown", d);
   }, [n]), s.useEffect(() => {
-    const d = x.current, w = T.current;
+    const d = C.current, w = T.current;
     if (y && d && w) {
-      const f = /* @__PURE__ */ u(() => {
+      const p = /* @__PURE__ */ u(() => {
         if (!m.isClosePausedRef.current) {
           const P = new CustomEvent(J);
           w.dispatchEvent(P), m.isClosePausedRef.current = !0;
@@ -60,169 +61,169 @@ var Xe = Object.defineProperty, u = (a, e) => Xe(a, "name", {
           const P = new CustomEvent(Q);
           w.dispatchEvent(P), m.isClosePausedRef.current = !1;
         }
-      }, "handleResume"), C = /* @__PURE__ */ u((P) => {
+      }, "handleResume"), x = /* @__PURE__ */ u((P) => {
         d.contains(P.relatedTarget) || g();
       }, "handleFocusOutResume"), R = /* @__PURE__ */ u(() => {
         d.contains(document.activeElement) || g();
       }, "handlePointerLeaveResume");
-      return d.addEventListener("focusin", f), d.addEventListener("focusout", C), d.addEventListener("pointermove", f), d.addEventListener("pointerleave", R), window.addEventListener("blur", f), window.addEventListener("focus", g), () => {
-        d.removeEventListener("focusin", f), d.removeEventListener("focusout", C), d.removeEventListener("pointermove", f), d.removeEventListener("pointerleave", R), window.removeEventListener("blur", f), window.removeEventListener("focus", g);
+      return d.addEventListener("focusin", p), d.addEventListener("focusout", x), d.addEventListener("pointermove", p), d.addEventListener("pointerleave", R), window.addEventListener("blur", p), window.addEventListener("focus", g), () => {
+        d.removeEventListener("focusin", p), d.removeEventListener("focusout", x), d.removeEventListener("pointermove", p), d.removeEventListener("pointerleave", R), window.removeEventListener("blur", p), window.removeEventListener("focus", g);
       };
     }
   }, [y, m.isClosePausedRef]);
-  const p = s.useCallback(({ tabbingDirection: d }) => {
-    const w = v().map((f) => {
-      const g = f.ref.current, C = [g, ...Ee(g)];
-      return d === "forwards" ? C : C.reverse();
+  const f = s.useCallback(({ tabbingDirection: d }) => {
+    const w = v().map((p) => {
+      const g = p.ref.current, x = [g, ...we(g)];
+      return d === "forwards" ? x : x.reverse();
     });
     return (d === "forwards" ? w.reverse() : w).flat();
   }, [v]);
   return s.useEffect(() => {
     const d = T.current;
     if (d) {
-      const w = /* @__PURE__ */ u((f) => {
-        const g = f.altKey || f.ctrlKey || f.metaKey;
-        if (f.key === "Tab" && !g) {
-          const C = document.activeElement, R = f.shiftKey;
-          if (f.target === d && R) {
+      const w = /* @__PURE__ */ u((p) => {
+        const g = p.altKey || p.ctrlKey || p.metaKey;
+        if (p.key === "Tab" && !g) {
+          const x = document.activeElement, R = p.shiftKey;
+          if (p.target === d && R) {
             c.current?.focus();
             return;
           }
-          const P = p({ tabbingDirection: R ? "backwards" : "forwards" }), V = P.findIndex((F) => F === C);
-          U(P.slice(V + 1)) ? f.preventDefault() : R ? c.current?.focus() : E.current?.focus();
+          const P = f({ tabbingDirection: R ? "backwards" : "forwards" }), V = P.findIndex((F) => F === x);
+          U(P.slice(V + 1)) ? p.preventDefault() : R ? c.current?.focus() : h.current?.focus();
         }
       }, "handleKeyDown");
       return d.addEventListener("keydown", w), () => d.removeEventListener("keydown", w);
     }
-  }, [v, p]), /* @__PURE__ */ D(Ne, {
-    ref: x,
+  }, [v, f]), /* @__PURE__ */ D(Ie, {
+    ref: C,
     role: "region",
     "aria-label": l.replace("{hotkey}", N),
     tabIndex: -1,
     style: { pointerEvents: y ? void 0 : "none" },
     children: [
-      y && /* @__PURE__ */ r(ae, {
+      y && /* @__PURE__ */ r(se, {
         ref: c,
         onFocusFromOutsideViewport: () => {
-          U(p({ tabbingDirection: "forwards" }));
+          U(f({ tabbingDirection: "forwards" }));
         }
       }),
       /* @__PURE__ */ r(Z.Slot, {
         scope: o,
         children: /* @__PURE__ */ r(I.ol, {
           tabIndex: -1,
-          ...h,
+          ...E,
           ref: S
         })
       }),
-      y && /* @__PURE__ */ r(ae, {
-        ref: E,
+      y && /* @__PURE__ */ r(se, {
+        ref: h,
         onFocusFromOutsideViewport: () => {
-          U(p({ tabbingDirection: "backwards" }));
+          U(f({ tabbingDirection: "backwards" }));
         }
       })
     ]
   });
-}, "ToastViewport")), Ge = "ToastFocusProxy", ae = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ u(function(e, t) {
-  const { __scopeToast: o, onFocusFromOutsideViewport: n, ...l } = e, h = z(Ge, o);
-  return /* @__PURE__ */ r(le, {
+}, "ToastViewport")), Be = "ToastFocusProxy", se = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ u(function(e, t) {
+  const { __scopeToast: o, onFocusFromOutsideViewport: n, ...l } = e, E = z(Be, o);
+  return /* @__PURE__ */ r(ue, {
     tabIndex: 0,
     ...l,
     ref: t,
     style: { position: "fixed" },
     onFocus: (m) => {
       const v = m.relatedTarget;
-      h.viewport?.contains(v) || n();
+      E.viewport?.contains(v) || n();
     }
   });
-}, "ToastFocusProxy")), j = "Toast", Je = "toast.swipeStart", Qe = "toast.swipeMove", Ze = "toast.swipeCancel", et = "toast.swipeEnd", tt = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ u(function(e, t) {
-  const { forceMount: o, open: n, defaultOpen: l, onOpenChange: h, ...m } = e, [v, x] = De({
+}, "ToastFocusProxy")), j = "Toast", qe = "toast.swipeStart", Ge = "toast.swipeMove", Je = "toast.swipeCancel", Qe = "toast.swipeEnd", Ze = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ u(function(e, t) {
+  const { forceMount: o, open: n, defaultOpen: l, onOpenChange: E, ...m } = e, [v, C] = _e({
     prop: n,
     defaultProp: l ?? !0,
-    onChange: h,
+    onChange: E,
     caller: j
   });
-  return /* @__PURE__ */ r(Le, {
+  return /* @__PURE__ */ r(Fe, {
     present: o || v,
-    children: /* @__PURE__ */ r(rt, {
+    children: /* @__PURE__ */ r(ot, {
       open: v,
       ...m,
       ref: t,
-      onClose: () => x(!1),
+      onClose: () => C(!1),
       onPause: Y(e.onPause),
       onResume: Y(e.onResume),
       onSwipeStart: A(e.onSwipeStart, (c) => {
         c.currentTarget.setAttribute("data-swipe", "start");
       }),
       onSwipeMove: A(e.onSwipeMove, (c) => {
-        const { x: E, y: T } = c.detail.delta;
-        c.currentTarget.setAttribute("data-swipe", "move"), c.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${E}px`), c.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${T}px`);
+        const { x: h, y: T } = c.detail.delta;
+        c.currentTarget.setAttribute("data-swipe", "move"), c.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${h}px`), c.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${T}px`);
       }),
       onSwipeCancel: A(e.onSwipeCancel, (c) => {
         c.currentTarget.setAttribute("data-swipe", "cancel"), c.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), c.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), c.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"), c.currentTarget.style.removeProperty("--radix-toast-swipe-end-y");
       }),
       onSwipeEnd: A(e.onSwipeEnd, (c) => {
-        const { x: E, y: T } = c.detail.delta;
-        c.currentTarget.setAttribute("data-swipe", "end"), c.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), c.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), c.currentTarget.style.setProperty("--radix-toast-swipe-end-x", `${E}px`), c.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${T}px`), x(!1);
+        const { x: h, y: T } = c.detail.delta;
+        c.currentTarget.setAttribute("data-swipe", "end"), c.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), c.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), c.currentTarget.style.setProperty("--radix-toast-swipe-end-x", `${h}px`), c.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${T}px`), C(!1);
       })
     })
   });
-}, "Toast")), [ot, nt] = me(j, { onClose() {
-} }), rt = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ u(function(e, t) {
-  const { __scopeToast: o, type: n = "foreground", duration: l, open: h, onClose: m, onEscapeKeyDown: v, onPause: x, onResume: c, onSwipeStart: E, onSwipeMove: T, onSwipeCancel: S, onSwipeEnd: N, ...y } = e, p = z(j, o), d = pe(o), [w, f] = s.useState(null), g = ue(t, f), C = s.useRef(null), R = s.useRef(null), P = l || p.duration, V = s.useRef(0), F = s.useRef(P), K = s.useRef(0), { onToastAdd: te, onToastRemove: oe } = p, L = Y(() => {
-    w?.contains(document.activeElement) && p.viewport?.focus(), m();
+}, "Toast")), [et, tt] = pe(j, { onClose() {
+} }), ot = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ u(function(e, t) {
+  const { __scopeToast: o, type: n = "foreground", duration: l, open: E, onClose: m, onEscapeKeyDown: v, onPause: C, onResume: c, onSwipeStart: h, onSwipeMove: T, onSwipeCancel: S, onSwipeEnd: N, ...y } = e, f = z(j, o), d = fe(o), [w, p] = s.useState(null), g = ce(t, p), x = s.useRef(null), R = s.useRef(null), P = l || f.duration, V = s.useRef(0), F = s.useRef(P), K = s.useRef(0), { onToastAdd: te, onToastRemove: oe } = f, L = Y(() => {
+    w?.contains(document.activeElement) && f.viewport?.focus(), m();
   }), W = s.useCallback((i) => {
     !i || i === 1 / 0 || (window.clearTimeout(K.current), V.current = (/* @__PURE__ */ new Date()).getTime(), K.current = window.setTimeout(L, i));
   }, [L]);
   s.useEffect(() => {
-    const i = p.viewport;
+    const i = f.viewport;
     if (i) {
       const b = /* @__PURE__ */ u(() => {
         W(F.current), c?.();
       }, "handleResume"), _ = /* @__PURE__ */ u(() => {
-        const M = (/* @__PURE__ */ new Date()).getTime() - V.current;
-        F.current = F.current - M, window.clearTimeout(K.current), x?.();
+        const k = (/* @__PURE__ */ new Date()).getTime() - V.current;
+        F.current = F.current - k, window.clearTimeout(K.current), C?.();
       }, "handlePause");
       return i.addEventListener(J, _), i.addEventListener(Q, b), () => {
         i.removeEventListener(J, _), i.removeEventListener(Q, b);
       };
     }
   }, [
-    p.viewport,
+    f.viewport,
     P,
-    x,
+    C,
     c,
     W
   ]), s.useEffect(() => {
-    h && !p.isClosePausedRef.current && W(P);
+    E && !f.isClosePausedRef.current && W(P);
   }, [
-    h,
+    E,
     P,
-    p.isClosePausedRef,
+    f.isClosePausedRef,
     W
   ]), s.useEffect(() => () => {
     window.clearTimeout(K.current);
   }, []), s.useEffect(() => (te(), () => oe()), [te, oe]);
   const ne = s.useMemo(() => w ? ee(w) : null, [w]);
-  return p.viewport ? /* @__PURE__ */ D(de, { children: [ne && /* @__PURE__ */ r(st, {
+  return f.viewport ? /* @__PURE__ */ D(le, { children: [ne && /* @__PURE__ */ r(nt, {
     __scopeToast: o,
     role: "status",
     "aria-live": n === "foreground" ? "assertive" : "polite",
     children: ne
-  }), /* @__PURE__ */ r(ot, {
+  }), /* @__PURE__ */ r(et, {
     scope: o,
     onClose: L,
-    children: $e.createPortal(/* @__PURE__ */ r(Z.ItemSlot, {
+    children: We.createPortal(/* @__PURE__ */ r(Z.ItemSlot, {
       scope: o,
-      children: /* @__PURE__ */ r(Ie, {
+      children: /* @__PURE__ */ r(De, {
         asChild: !0,
         onEscapeKeyDown: A(v, (i) => {
           d().some((b) => b.ref.current?.contains(i.target)) || L();
         }),
         children: /* @__PURE__ */ r(I.li, {
           tabIndex: 0,
-          "data-state": h ? "open" : "closed",
-          "data-swipe-direction": p.swipeDirection,
+          "data-state": E ? "open" : "closed",
+          "data-swipe-direction": f.swipeDirection,
           ...y,
           ref: g,
           style: {
@@ -234,78 +235,78 @@ var Xe = Object.defineProperty, u = (a, e) => Xe(a, "name", {
             i.key === "Escape" && (v?.(i.nativeEvent), i.nativeEvent.defaultPrevented || L());
           }),
           onPointerDown: A(e.onPointerDown, (i) => {
-            i.button === 0 && (C.current = {
+            i.button === 0 && (x.current = {
               x: i.clientX,
               y: i.clientY
             });
           }),
           onPointerMove: A(e.onPointerMove, (i) => {
-            if (!C.current) return;
-            const b = i.clientX - C.current.x, _ = i.clientY - C.current.y, M = !!R.current, k = ["left", "right"].includes(p.swipeDirection), H = ["left", "up"].includes(p.swipeDirection) ? Math.min : Math.max, he = k ? H(0, b) : 0, xe = k ? 0 : H(0, _), B = i.pointerType === "touch" ? 10 : 2, $ = {
-              x: he,
-              y: xe
+            if (!x.current) return;
+            const b = i.clientX - x.current.x, _ = i.clientY - x.current.y, k = !!R.current, M = ["left", "right"].includes(f.swipeDirection), H = ["left", "up"].includes(f.swipeDirection) ? Math.min : Math.max, Ee = M ? H(0, b) : 0, he = M ? 0 : H(0, _), B = i.pointerType === "touch" ? 10 : 2, $ = {
+              x: Ee,
+              y: he
             }, re = {
               originalEvent: i,
               delta: $
             };
-            M ? (R.current = $, O(Qe, T, re, { discrete: !1 })) : ie($, p.swipeDirection, B) ? (R.current = $, O(Je, E, re, { discrete: !1 }), i.target.setPointerCapture(i.pointerId)) : (Math.abs(b) > B || Math.abs(_) > B) && (C.current = null);
+            k ? (R.current = $, O(Ge, T, re, { discrete: !1 })) : ae($, f.swipeDirection, B) ? (R.current = $, O(qe, h, re, { discrete: !1 }), i.target.setPointerCapture(i.pointerId)) : (Math.abs(b) > B || Math.abs(_) > B) && (x.current = null);
           }),
           onPointerUp: A(e.onPointerUp, (i) => {
             const b = R.current, _ = i.target;
-            if (_.hasPointerCapture(i.pointerId) && _.releasePointerCapture(i.pointerId), R.current = null, C.current = null, b) {
-              const M = i.currentTarget, k = {
+            if (_.hasPointerCapture(i.pointerId) && _.releasePointerCapture(i.pointerId), R.current = null, x.current = null, b) {
+              const k = i.currentTarget, M = {
                 originalEvent: i,
                 delta: b
               };
-              ie(b, p.swipeDirection, p.swipeThreshold) ? O(et, N, k, { discrete: !0 }) : O(Ze, S, k, { discrete: !0 }), M.addEventListener("click", (H) => H.preventDefault(), { once: !0 });
+              ae(b, f.swipeDirection, f.swipeThreshold) ? O(Qe, N, M, { discrete: !0 }) : O(Je, S, M, { discrete: !0 }), k.addEventListener("click", (H) => H.preventDefault(), { once: !0 });
             }
           })
         })
       })
-    }), p.viewport)
+    }), f.viewport)
   })] }) : null;
-}, "ToastImpl")), st = /* @__PURE__ */ u((a) => {
-  const { __scopeToast: e, children: t, ...o } = a, n = z(j, e), [l, h] = s.useState(!1), [m, v] = s.useState(!1);
-  return ve(() => h(!0)), s.useEffect(() => {
-    const x = window.setTimeout(() => v(!0), 1e3);
-    return () => window.clearTimeout(x);
-  }, []), m ? null : /* @__PURE__ */ r(Fe, {
+}, "ToastImpl")), nt = /* @__PURE__ */ u((a) => {
+  const { __scopeToast: e, children: t, ...o } = a, n = z(j, e), [l, E] = s.useState(!1), [m, v] = s.useState(!1);
+  return Te(() => E(!0)), s.useEffect(() => {
+    const C = window.setTimeout(() => v(!0), 1e3);
+    return () => window.clearTimeout(C);
+  }, []), m ? null : /* @__PURE__ */ r(Ne, {
     asChild: !0,
     container: n.announcerContainer || void 0,
-    children: /* @__PURE__ */ r(le, {
+    children: /* @__PURE__ */ r(ue, {
       ...o,
-      children: l && /* @__PURE__ */ D(de, { children: [
+      children: l && /* @__PURE__ */ D(le, { children: [
         n.label,
         " ",
         t
       ] })
     })
   });
-}, "ToastAnnounce"), at = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ u(function(e, t) {
+}, "ToastAnnounce"), rt = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ u(function(e, t) {
   const { __scopeToast: o, ...n } = e;
   return /* @__PURE__ */ r(I.div, {
     ...n,
     ref: t
   });
-}, "ToastTitle")), it = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ u(function(e, t) {
+}, "ToastTitle")), st = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ u(function(e, t) {
   const { __scopeToast: o, ...n } = e;
   return /* @__PURE__ */ r(I.div, {
     ...n,
     ref: t
   });
-}, "ToastDescription")), ct = "ToastAction", ut = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ u(function(e, t) {
+}, "ToastDescription")), at = "ToastAction", it = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ u(function(e, t) {
   const { altText: o, ...n } = e;
-  return o.trim() ? /* @__PURE__ */ r(Te, {
+  return o.trim() ? /* @__PURE__ */ r(me, {
     altText: o,
     asChild: !0,
-    children: /* @__PURE__ */ r(dt, {
+    children: /* @__PURE__ */ r(ut, {
       ...n,
       ref: t
     })
-  }) : (console.error(`Invalid prop \`altText\` supplied to \`${ct}\`. Expected non-empty \`string\`.`), null);
-}, "ToastAction")), lt = "ToastClose", dt = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ u(function(e, t) {
-  const { __scopeToast: o, ...n } = e, l = nt(lt, o);
-  return /* @__PURE__ */ r(Te, {
+  }) : (console.error(`Invalid prop \`altText\` supplied to \`${at}\`. Expected non-empty \`string\`.`), null);
+}, "ToastAction")), ct = "ToastClose", ut = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ u(function(e, t) {
+  const { __scopeToast: o, ...n } = e, l = tt(ct, o);
+  return /* @__PURE__ */ r(me, {
     asChild: !0,
     children: /* @__PURE__ */ r(I.button, {
       type: "button",
@@ -314,7 +315,7 @@ var Xe = Object.defineProperty, u = (a, e) => Xe(a, "name", {
       onClick: A(e.onClick, l.onClose)
     })
   });
-}, "ToastClose")), Te = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ u(function(e, t) {
+}, "ToastClose")), me = /* @__PURE__ */ s.forwardRef(/* @__PURE__ */ u(function(e, t) {
   const { __scopeToast: o, altText: n, ...l } = e;
   return /* @__PURE__ */ r(I.div, {
     "data-radix-toast-announce-exclude": "",
@@ -326,7 +327,7 @@ var Xe = Object.defineProperty, u = (a, e) => Xe(a, "name", {
 function ee(a) {
   const e = [];
   return Array.from(a.childNodes).forEach((t) => {
-    if (t.nodeType === t.TEXT_NODE && t.textContent && e.push(t.textContent), we(t)) {
+    if (t.nodeType === t.TEXT_NODE && t.textContent && e.push(t.textContent), ve(t)) {
       const o = t.ariaHidden || t.hidden || t.style.display === "none", n = t.dataset.radixToastAnnounceExclude === "";
       if (!o) if (n) {
         const l = t.dataset.radixToastAnnounceAlt;
@@ -342,29 +343,29 @@ function O(a, e, t, { discrete: o }) {
     cancelable: !0,
     detail: t
   });
-  e && n.addEventListener(a, e, { once: !0 }), o ? Pe(n, l) : n.dispatchEvent(l);
+  e && n.addEventListener(a, e, { once: !0 }), o ? xe(n, l) : n.dispatchEvent(l);
 }
 u(O, "handleAndDispatchCustomEvent");
-var ie = /* @__PURE__ */ u((a, e, t = 0) => {
+var ae = /* @__PURE__ */ u((a, e, t = 0) => {
   const o = Math.abs(a.x), n = Math.abs(a.y), l = o > n;
   return e === "left" || e === "right" ? l && o > t : !l && n > t;
 }, "isDeltaInDirection");
-function ve(a = () => {
+function Te(a = () => {
 }) {
   const e = Y(a);
-  _e(() => {
+  Ae(() => {
     let t = 0, o = 0;
     return t = window.requestAnimationFrame(() => o = window.requestAnimationFrame(e)), () => {
       window.cancelAnimationFrame(t), window.cancelAnimationFrame(o);
     };
   }, [e]);
 }
-u(ve, "useNextFrame");
-function we(a) {
+u(Te, "useNextFrame");
+function ve(a) {
   return a.nodeType === a.ELEMENT_NODE;
 }
-u(we, "isHTMLElement");
-function Ee(a) {
+u(ve, "isHTMLElement");
+function we(a) {
   const e = [], t = document.createTreeWalker(a, NodeFilter.SHOW_ELEMENT, { acceptNode: /* @__PURE__ */ u((o) => {
     const n = o.tagName === "INPUT" && o.type === "hidden";
     return o.disabled || o.hidden || n ? NodeFilter.FILTER_SKIP : o.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
@@ -372,88 +373,88 @@ function Ee(a) {
   for (; t.nextNode(); ) e.push(t.currentNode);
   return e;
 }
-u(Ee, "getTabbableCandidates");
+u(we, "getTabbableCandidates");
 function U(a) {
   const e = document.activeElement;
   return a.some((t) => t === e ? !0 : (t.focus(), document.activeElement !== e));
 }
 u(U, "focusFirst");
-var ft = ze, pt = qe, mt = tt, Tt = at, ce = it, vt = ut, Mt = ({ title: a, duration: e = 5e3, titleClassName: t, descriptionClassName: o, description: n, children: l, theme: h, showCloseButton: m = !0, closeButtonClassName: v, className: x, open: c = !1, setOpen: E, variant: T }) => {
-  const S = He(0);
-  We(() => () => clearTimeout(S.current), []);
-  const N = se(() => G(a) ? /* @__PURE__ */ r(q, {
+var lt = Ue, dt = je, ft = Ze, pt = rt, ie = st, mt = it, Lt = ({ title: a, duration: e = 5e3, titleClassName: t, descriptionClassName: o, description: n, children: l, theme: E, showCloseButton: m = !0, closeButtonClassName: v, className: C, open: c = !1, setOpen: h, variant: T }) => {
+  const S = Ke(0);
+  Ve(() => () => clearTimeout(S.current), []);
+  const N = G(a) ? /* @__PURE__ */ r(q, {
     className: t,
     children: a
-  }) : a, [a, t]), y = se(() => G(n) ? /* @__PURE__ */ r(q, {
+  }) : a, y = G(n) ? /* @__PURE__ */ r(q, {
     className: o,
     children: n
-  }) : n, [n, o]);
-  return /* @__PURE__ */ D(ft, {
+  }) : n;
+  return /* @__PURE__ */ D(lt, {
     swipeDirection: "right",
     duration: e,
     children: [
       /* @__PURE__ */ r(q, {
-        onClick: Ke(() => {
-          E(!1), S.current = window.setTimeout(() => E(!0), 100);
-        }, [E]),
+        onClick: () => {
+          h(!1), S.current = window.setTimeout(() => h(!0), 100);
+        },
         children: l
       }),
-      /* @__PURE__ */ D(mt, {
-        className: X(Oe({
+      /* @__PURE__ */ D(ft, {
+        className: X(Me({
           variant: T,
-          className: x
+          className: C
         })),
-        "data-theme": h,
+        "data-theme": E,
         open: c,
-        onOpenChange: E,
+        onOpenChange: h,
         children: [/* @__PURE__ */ D("div", {
           className: "flex gap-2 items-center flex-1",
           children: [
-            T === "success" && /* @__PURE__ */ r(Re, {
+            T === "success" && /* @__PURE__ */ r(ye, {
               size: 20,
               className: "shrink-0"
             }),
-            T === "error" && /* @__PURE__ */ r(ge, {
+            T === "error" && /* @__PURE__ */ r(Re, {
               size: 20,
               className: "shrink-0"
             }),
-            T === "warning" && /* @__PURE__ */ r(Se, {
+            T === "warning" && /* @__PURE__ */ r(be, {
               size: 20,
               className: "shrink-0"
             }),
-            T === "info" && /* @__PURE__ */ r(be, {
+            T === "info" && /* @__PURE__ */ r(ge, {
               size: 20,
               className: "shrink-0"
             }),
             /* @__PURE__ */ D("div", {
               className: "flex flex-col gap-1",
-              children: [/* @__PURE__ */ r(Tt, {
+              children: [/* @__PURE__ */ r(pt, {
                 asChild: !0,
                 className: t,
                 children: N
-              }), y && (G(y) ? /* @__PURE__ */ r(ce, {
+              }), y && (G(y) ? /* @__PURE__ */ r(ie, {
                 asChild: !0,
                 children: y
-              }) : /* @__PURE__ */ r(ce, {
+              }) : /* @__PURE__ */ r(ie, {
                 className: X("text-sm", o),
                 children: y
               }))]
             })
           ]
-        }), m && /* @__PURE__ */ r(vt, {
+        }), m && /* @__PURE__ */ r(mt, {
           asChild: !0,
           altText: "Close the toast",
           children: /* @__PURE__ */ D("button", {
             type: "button",
             className: "cursor-pointer",
-            children: [/* @__PURE__ */ r(Ce, { className: X(ke({ className: v })) }), /* @__PURE__ */ r(ye, { children: "Close toast" })]
+            children: [/* @__PURE__ */ r(Ce, { className: X(ke({ className: v })) }), /* @__PURE__ */ r(Pe, { children: "Close toast" })]
           })
         })]
       }),
-      /* @__PURE__ */ r(pt, { className: X(Ve()) })
+      /* @__PURE__ */ r(dt, { className: X(Oe()) })
     ]
   });
 };
 export {
-  Mt as t
+  Lt as t
 };