@konstructio/ui 0.1.0-alpha.9 → 0.1.1-alpha.2

package/dist/components/Toast/Toast.js

@@ -1,144 +1,142 @@
-import { jsx as c, jsxs as D, Fragment as se } from "react/jsx-runtime";
-import { u as ae, S as j } from "../../index-B5MIi2tR.js";
-import * as s from "react";
-import { useRef as Re, useEffect as be, useMemo as oe, isValidElement as re, useCallback as ge } from "react";
-import { P as L, r as Se, d as Ie } from "../../index-BCGvACM9.js";
-import { c as Ne, a as Ae, b, u as Fe } from "../../index-Cq1I1cG9.js";
-import { c as _e } from "../../index-rUBNhTeF.js";
-import { B as De, R as Le, P as Me } from "../../index-DNRcvRTB.js";
-import { P as Oe } from "../../index-Dm-ooN_M.js";
-import { u as $ } from "../../index-DwYXX2sM.js";
-import { V as ie, R as ke } from "../../index--EmNlyHx.js";
-import { cn as q } from "../../utils/index.js";
+import { jsx as i, jsxs as A, Fragment as se } from "react/jsx-runtime";
+import { u as ae, S as B } from "../../index-DQH6odE9.js";
+import * as n from "react";
+import { useRef as xe, useEffect as be, useMemo as oe, isValidElement as re, useCallback as ge } from "react";
+import { P as D, r as Se, d as Ie } from "../../index-C9T9HQaa.js";
+import { c as Ne, a as Ae, b as x, u as De } from "../../index-BfXxHr_2.js";
+import { c as Fe } from "../../index-Cvx4lqTq.js";
+import { B as _e, R as Le, P as Me } from "../../index-CrBonFvu.js";
+import { P as Oe } from "../../index-C1g_chDT.js";
+import { u as $ } from "../../index-0ioNhtNM.js";
+import { V as ie, R as ke } from "../../index-iXyXtdgP.js";
+import { cn as j } from "../../utils/index.js";
 import { closeToastVariants as Ve, toastVariants as Ke, viewportToastVariants as He } from "./Toast.variants.js";
 import { X as We } from "../../x-BPcqkRZd.js";
-var Z = "ToastProvider", [ee, Xe, $e] = _e("Toast"), [ce, Rt] = Ne("Toast", [$e]), [Ue, U] = ce(Z), ue = (e) => {
+var Q = "ToastProvider", [Z, Xe, $e] = Fe("Toast"), [ce, xt] = Ne("Toast", [$e]), [Ue, U] = ce(Q), ue = (e) => {
   const {
     __scopeToast: r,
     label: o = "Notification",
     duration: t = 5e3,
-    swipeDirection: u = "right",
+    swipeDirection: c = "right",
     swipeThreshold: d = 50,
-    children: f
-  } = e, [m, v] = s.useState(null), [n, h] = s.useState(0), w = s.useRef(!1), S = s.useRef(!1);
+    children: p
+  } = e, [T, v] = n.useState(null), [a, E] = n.useState(0), w = n.useRef(!1), S = n.useRef(!1);
   return o.trim() || console.error(
-    `Invalid prop \`label\` supplied to \`${Z}\`. Expected non-empty \`string\`.`
-  ), /* @__PURE__ */ c(ee.Provider, { scope: r, children: /* @__PURE__ */ c(
+    `Invalid prop \`label\` supplied to \`${Q}\`. Expected non-empty \`string\`.`
+  ), /* @__PURE__ */ i(Z.Provider, { scope: r, children: /* @__PURE__ */ i(
     Ue,
     {
       scope: r,
       label: o,
       duration: t,
-      swipeDirection: u,
+      swipeDirection: c,
       swipeThreshold: d,
-      toastCount: n,
-      viewport: m,
+      toastCount: a,
+      viewport: T,
       onViewportChange: v,
-      onToastAdd: s.useCallback(() => h((g) => g + 1), []),
-      onToastRemove: s.useCallback(() => h((g) => g - 1), []),
+      onToastAdd: n.useCallback(() => E((b) => b + 1), []),
+      onToastRemove: n.useCallback(() => E((b) => b - 1), []),
       isFocusedToastEscapeKeyDownRef: w,
       isClosePausedRef: S,
-      children: f
+      children: p
     }
   ) });
 };
-ue.displayName = Z;
-var le = "ToastViewport", Ye = ["F8"], G = "toast.viewportPause", J = "toast.viewportResume", de = s.forwardRef(
+ue.displayName = Q;
+var le = "ToastViewport", Ye = ["F8"], z = "toast.viewportPause", G = "toast.viewportResume", de = n.forwardRef(
   (e, r) => {
     const {
       __scopeToast: o,
       hotkey: t = Ye,
-      label: u = "Notifications ({hotkey})",
+      label: c = "Notifications ({hotkey})",
       ...d
-    } = e, f = U(le, o), m = Xe(o), v = s.useRef(null), n = s.useRef(null), h = s.useRef(null), w = s.useRef(null), S = ae(r, w, f.onViewportChange), g = t.join("+").replace(/Key/g, "").replace(/Digit/g, ""), R = f.toastCount > 0;
-    s.useEffect(() => {
-      const i = (C) => {
-        var T;
-        t.length !== 0 && t.every((E) => C[E] || C.code === E) && ((T = w.current) == null || T.focus());
+    } = e, p = U(le, o), T = Xe(o), v = n.useRef(null), a = n.useRef(null), E = n.useRef(null), w = n.useRef(null), S = ae(r, w, p.onViewportChange), b = t.join("+").replace(/Key/g, "").replace(/Digit/g, ""), R = p.toastCount > 0;
+    n.useEffect(() => {
+      const u = (h) => {
+        t.length !== 0 && t.every((m) => h[m] || h.code === m) && w.current?.focus();
       };
-      return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
-    }, [t]), s.useEffect(() => {
-      const i = v.current, C = w.current;
-      if (R && i && C) {
-        const p = () => {
-          if (!f.isClosePausedRef.current) {
-            const P = new CustomEvent(G);
-            C.dispatchEvent(P), f.isClosePausedRef.current = !0;
+      return document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u);
+    }, [t]), n.useEffect(() => {
+      const u = v.current, h = w.current;
+      if (R && u && h) {
+        const f = () => {
+          if (!p.isClosePausedRef.current) {
+            const y = new CustomEvent(z);
+            h.dispatchEvent(y), p.isClosePausedRef.current = !0;
           }
-        }, T = () => {
-          if (f.isClosePausedRef.current) {
-            const P = new CustomEvent(J);
-            C.dispatchEvent(P), f.isClosePausedRef.current = !1;
+        }, m = () => {
+          if (p.isClosePausedRef.current) {
+            const y = new CustomEvent(G);
+            h.dispatchEvent(y), p.isClosePausedRef.current = !1;
           }
-        }, E = (P) => {
-          !i.contains(P.relatedTarget) && T();
-        }, y = () => {
-          i.contains(document.activeElement) || T();
+        }, P = (y) => {
+          !u.contains(y.relatedTarget) && m();
+        }, C = () => {
+          u.contains(document.activeElement) || m();
         };
-        return i.addEventListener("focusin", p), i.addEventListener("focusout", E), i.addEventListener("pointermove", p), i.addEventListener("pointerleave", y), window.addEventListener("blur", p), window.addEventListener("focus", T), () => {
-          i.removeEventListener("focusin", p), i.removeEventListener("focusout", E), i.removeEventListener("pointermove", p), i.removeEventListener("pointerleave", y), window.removeEventListener("blur", p), window.removeEventListener("focus", T);
+        return u.addEventListener("focusin", f), u.addEventListener("focusout", P), u.addEventListener("pointermove", f), u.addEventListener("pointerleave", C), window.addEventListener("blur", f), window.addEventListener("focus", m), () => {
+          u.removeEventListener("focusin", f), u.removeEventListener("focusout", P), u.removeEventListener("pointermove", f), u.removeEventListener("pointerleave", C), window.removeEventListener("blur", f), window.removeEventListener("focus", m);
         };
       }
-    }, [R, f.isClosePausedRef]);
-    const l = s.useCallback(
-      ({ tabbingDirection: i }) => {
-        const p = m().map((T) => {
-          const E = T.ref.current, y = [E, ...nt(E)];
-          return i === "forwards" ? y : y.reverse();
+    }, [R, p.isClosePausedRef]);
+    const l = n.useCallback(
+      ({ tabbingDirection: u }) => {
+        const f = T().map((m) => {
+          const P = m.ref.current, C = [P, ...nt(P)];
+          return u === "forwards" ? C : C.reverse();
         });
-        return (i === "forwards" ? p.reverse() : p).flat();
+        return (u === "forwards" ? f.reverse() : f).flat();
       },
-      [m]
+      [T]
     );
-    return s.useEffect(() => {
-      const i = w.current;
-      if (i) {
-        const C = (p) => {
-          var y, P, N;
-          const T = p.altKey || p.ctrlKey || p.metaKey;
-          if (p.key === "Tab" && !T) {
-            const M = document.activeElement, F = p.shiftKey;
-            if (p.target === i && F) {
-              (y = n.current) == null || y.focus();
+    return n.useEffect(() => {
+      const u = w.current;
+      if (u) {
+        const h = (f) => {
+          const m = f.altKey || f.ctrlKey || f.metaKey;
+          if (f.key === "Tab" && !m) {
+            const C = document.activeElement, y = f.shiftKey;
+            if (f.target === u && y) {
+              a.current?.focus();
               return;
             }
-            const A = l({ tabbingDirection: F ? "backwards" : "forwards" }), K = A.findIndex((a) => a === M);
-            z(A.slice(K + 1)) ? p.preventDefault() : F ? (P = n.current) == null || P.focus() : (N = h.current) == null || N.focus();
+            const _ = l({ tabbingDirection: y ? "backwards" : "forwards" }), V = _.findIndex((N) => N === C);
+            q(_.slice(V + 1)) ? f.preventDefault() : y ? a.current?.focus() : E.current?.focus();
           }
         };
-        return i.addEventListener("keydown", C), () => i.removeEventListener("keydown", C);
+        return u.addEventListener("keydown", h), () => u.removeEventListener("keydown", h);
       }
-    }, [m, l]), /* @__PURE__ */ D(
-      De,
+    }, [T, l]), /* @__PURE__ */ A(
+      _e,
       {
         ref: v,
         role: "region",
-        "aria-label": u.replace("{hotkey}", g),
+        "aria-label": c.replace("{hotkey}", b),
         tabIndex: -1,
         style: { pointerEvents: R ? void 0 : "none" },
         children: [
-          R && /* @__PURE__ */ c(
-            Q,
+          R && /* @__PURE__ */ i(
+            J,
             {
-              ref: n,
+              ref: a,
               onFocusFromOutsideViewport: () => {
-                const i = l({
+                const u = l({
                   tabbingDirection: "forwards"
                 });
-                z(i);
+                q(u);
               }
             }
           ),
-          /* @__PURE__ */ c(ee.Slot, { scope: o, children: /* @__PURE__ */ c(L.ol, { tabIndex: -1, ...d, ref: S }) }),
-          R && /* @__PURE__ */ c(
-            Q,
+          /* @__PURE__ */ i(Z.Slot, { scope: o, children: /* @__PURE__ */ i(D.ol, { tabIndex: -1, ...d, ref: S }) }),
+          R && /* @__PURE__ */ i(
+            J,
             {
-              ref: h,
+              ref: E,
               onFocusFromOutsideViewport: () => {
-                const i = l({
+                const u = l({
                   tabbingDirection: "backwards"
                 });
-                z(i);
+                q(u);
               }
             }
           )
@@ -148,168 +146,161 @@ var le = "ToastViewport", Ye = ["F8"], G = "toast.viewportPause", J = "toast.vie
   }
 );
 de.displayName = le;
-var fe = "ToastFocusProxy", Q = s.forwardRef(
+var pe = "ToastFocusProxy", J = n.forwardRef(
   (e, r) => {
-    const { __scopeToast: o, onFocusFromOutsideViewport: t, ...u } = e, d = U(fe, o);
-    return /* @__PURE__ */ c(
+    const { __scopeToast: o, onFocusFromOutsideViewport: t, ...c } = e, d = U(pe, o);
+    return /* @__PURE__ */ i(
       ie,
       {
-        "aria-hidden": !0,
         tabIndex: 0,
-        ...u,
+        ...c,
         ref: r,
         style: { position: "fixed" },
-        onFocus: (f) => {
-          var n;
-          const m = f.relatedTarget;
-          !((n = d.viewport) != null && n.contains(m)) && t();
+        onFocus: (p) => {
+          const T = p.relatedTarget;
+          !d.viewport?.contains(T) && t();
         }
       }
     );
   }
 );
-Q.displayName = fe;
-var V = "Toast", Be = "toast.swipeStart", je = "toast.swipeMove", qe = "toast.swipeCancel", ze = "toast.swipeEnd", pe = s.forwardRef(
+J.displayName = pe;
+var O = "Toast", Be = "toast.swipeStart", je = "toast.swipeMove", qe = "toast.swipeCancel", ze = "toast.swipeEnd", fe = n.forwardRef(
   (e, r) => {
-    const { forceMount: o, open: t, defaultOpen: u, onOpenChange: d, ...f } = e, [m, v] = Ae({
+    const { forceMount: o, open: t, defaultOpen: c, onOpenChange: d, ...p } = e, [T, v] = Ae({
       prop: t,
-      defaultProp: u ?? !0,
+      defaultProp: c ?? !0,
       onChange: d,
-      caller: V
+      caller: O
     });
-    return /* @__PURE__ */ c(Oe, { present: o || m, children: /* @__PURE__ */ c(
+    return /* @__PURE__ */ i(Oe, { present: o || T, children: /* @__PURE__ */ i(
       Qe,
       {
-        open: m,
-        ...f,
+        open: T,
+        ...p,
         ref: r,
         onClose: () => v(!1),
         onPause: $(e.onPause),
         onResume: $(e.onResume),
-        onSwipeStart: b(e.onSwipeStart, (n) => {
-          n.currentTarget.setAttribute("data-swipe", "start");
+        onSwipeStart: x(e.onSwipeStart, (a) => {
+          a.currentTarget.setAttribute("data-swipe", "start");
         }),
-        onSwipeMove: b(e.onSwipeMove, (n) => {
-          const { x: h, y: w } = n.detail.delta;
-          n.currentTarget.setAttribute("data-swipe", "move"), n.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${h}px`), n.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${w}px`);
+        onSwipeMove: x(e.onSwipeMove, (a) => {
+          const { x: E, y: w } = a.detail.delta;
+          a.currentTarget.setAttribute("data-swipe", "move"), a.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${E}px`), a.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${w}px`);
         }),
-        onSwipeCancel: b(e.onSwipeCancel, (n) => {
-          n.currentTarget.setAttribute("data-swipe", "cancel"), n.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), n.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), n.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"), n.currentTarget.style.removeProperty("--radix-toast-swipe-end-y");
+        onSwipeCancel: x(e.onSwipeCancel, (a) => {
+          a.currentTarget.setAttribute("data-swipe", "cancel"), a.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), a.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), a.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"), a.currentTarget.style.removeProperty("--radix-toast-swipe-end-y");
         }),
-        onSwipeEnd: b(e.onSwipeEnd, (n) => {
-          const { x: h, y: w } = n.detail.delta;
-          n.currentTarget.setAttribute("data-swipe", "end"), n.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), n.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), n.currentTarget.style.setProperty("--radix-toast-swipe-end-x", `${h}px`), n.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${w}px`), v(!1);
+        onSwipeEnd: x(e.onSwipeEnd, (a) => {
+          const { x: E, y: w } = a.detail.delta;
+          a.currentTarget.setAttribute("data-swipe", "end"), a.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), a.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), a.currentTarget.style.setProperty("--radix-toast-swipe-end-x", `${E}px`), a.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${w}px`), v(!1);
         })
       }
     ) });
   }
 );
-pe.displayName = V;
-var [Ge, Je] = ce(V, {
+fe.displayName = O;
+var [Ge, Je] = ce(O, {
   onClose() {
   }
-}), Qe = s.forwardRef(
+}), Qe = n.forwardRef(
   (e, r) => {
     const {
       __scopeToast: o,
       type: t = "foreground",
-      duration: u,
+      duration: c,
       open: d,
-      onClose: f,
-      onEscapeKeyDown: m,
+      onClose: p,
+      onEscapeKeyDown: T,
       onPause: v,
-      onResume: n,
-      onSwipeStart: h,
+      onResume: a,
+      onSwipeStart: E,
       onSwipeMove: w,
       onSwipeCancel: S,
-      onSwipeEnd: g,
+      onSwipeEnd: b,
       ...R
-    } = e, l = U(V, o), [i, C] = s.useState(null), p = ae(r, (a) => C(a)), T = s.useRef(null), E = s.useRef(null), y = u || l.duration, P = s.useRef(0), N = s.useRef(y), M = s.useRef(0), { onToastAdd: F, onToastRemove: Y } = l, _ = $(() => {
-      var x;
-      (i == null ? void 0 : i.contains(document.activeElement)) && ((x = l.viewport) == null || x.focus()), f();
-    }), A = s.useCallback(
-      (a) => {
-        !a || a === 1 / 0 || (window.clearTimeout(M.current), P.current = (/* @__PURE__ */ new Date()).getTime(), M.current = window.setTimeout(_, a));
+    } = e, l = U(O, o), [u, h] = n.useState(null), f = ae(r, (s) => h(s)), m = n.useRef(null), P = n.useRef(null), C = c || l.duration, y = n.useRef(0), F = n.useRef(C), k = n.useRef(0), { onToastAdd: _, onToastRemove: V } = l, N = $(() => {
+      u?.contains(document.activeElement) && l.viewport?.focus(), p();
+    }), K = n.useCallback(
+      (s) => {
+        !s || s === 1 / 0 || (window.clearTimeout(k.current), y.current = (/* @__PURE__ */ new Date()).getTime(), k.current = window.setTimeout(N, s));
       },
-      [_]
+      [N]
     );
-    s.useEffect(() => {
-      const a = l.viewport;
-      if (a) {
-        const x = () => {
-          A(N.current), n == null || n();
+    n.useEffect(() => {
+      const s = l.viewport;
+      if (s) {
+        const g = () => {
+          K(F.current), a?.();
         }, I = () => {
-          const O = (/* @__PURE__ */ new Date()).getTime() - P.current;
-          N.current = N.current - O, window.clearTimeout(M.current), v == null || v();
+          const L = (/* @__PURE__ */ new Date()).getTime() - y.current;
+          F.current = F.current - L, window.clearTimeout(k.current), v?.();
         };
-        return a.addEventListener(G, I), a.addEventListener(J, x), () => {
-          a.removeEventListener(G, I), a.removeEventListener(J, x);
+        return s.addEventListener(z, I), s.addEventListener(G, g), () => {
+          s.removeEventListener(z, I), s.removeEventListener(G, g);
         };
       }
-    }, [l.viewport, y, v, n, A]), s.useEffect(() => {
-      d && !l.isClosePausedRef.current && A(y);
-    }, [d, y, l.isClosePausedRef, A]), s.useEffect(() => (F(), () => Y()), [F, Y]);
-    const K = s.useMemo(() => i ? Ce(i) : null, [i]);
-    return l.viewport ? /* @__PURE__ */ D(se, { children: [
-      K && /* @__PURE__ */ c(
+    }, [l.viewport, C, v, a, K]), n.useEffect(() => {
+      d && !l.isClosePausedRef.current && K(C);
+    }, [d, C, l.isClosePausedRef, K]), n.useEffect(() => (_(), () => V()), [_, V]);
+    const ee = n.useMemo(() => u ? Pe(u) : null, [u]);
+    return l.viewport ? /* @__PURE__ */ A(se, { children: [
+      ee && /* @__PURE__ */ i(
         Ze,
         {
           __scopeToast: o,
           role: "status",
           "aria-live": t === "foreground" ? "assertive" : "polite",
-          "aria-atomic": !0,
-          children: K
+          children: ee
         }
       ),
-      /* @__PURE__ */ c(Ge, { scope: o, onClose: _, children: Se.createPortal(
-        /* @__PURE__ */ c(ee.ItemSlot, { scope: o, children: /* @__PURE__ */ c(
+      /* @__PURE__ */ i(Ge, { scope: o, onClose: N, children: Se.createPortal(
+        /* @__PURE__ */ i(Z.ItemSlot, { scope: o, children: /* @__PURE__ */ i(
           Le,
           {
             asChild: !0,
-            onEscapeKeyDown: b(m, () => {
-              l.isFocusedToastEscapeKeyDownRef.current || _(), l.isFocusedToastEscapeKeyDownRef.current = !1;
+            onEscapeKeyDown: x(T, () => {
+              l.isFocusedToastEscapeKeyDownRef.current || N(), l.isFocusedToastEscapeKeyDownRef.current = !1;
             }),
-            children: /* @__PURE__ */ c(
-              L.li,
+            children: /* @__PURE__ */ i(
+              D.li,
               {
-                role: "status",
-                "aria-live": "off",
-                "aria-atomic": !0,
                 tabIndex: 0,
                 "data-state": d ? "open" : "closed",
                 "data-swipe-direction": l.swipeDirection,
                 ...R,
-                ref: p,
+                ref: f,
                 style: { userSelect: "none", touchAction: "none", ...e.style },
-                onKeyDown: b(e.onKeyDown, (a) => {
-                  a.key === "Escape" && (m == null || m(a.nativeEvent), a.nativeEvent.defaultPrevented || (l.isFocusedToastEscapeKeyDownRef.current = !0, _()));
+                onKeyDown: x(e.onKeyDown, (s) => {
+                  s.key === "Escape" && (T?.(s.nativeEvent), s.nativeEvent.defaultPrevented || (l.isFocusedToastEscapeKeyDownRef.current = !0, N()));
                 }),
-                onPointerDown: b(e.onPointerDown, (a) => {
-                  a.button === 0 && (T.current = { x: a.clientX, y: a.clientY });
+                onPointerDown: x(e.onPointerDown, (s) => {
+                  s.button === 0 && (m.current = { x: s.clientX, y: s.clientY });
                 }),
-                onPointerMove: b(e.onPointerMove, (a) => {
-                  if (!T.current) return;
-                  const x = a.clientX - T.current.x, I = a.clientY - T.current.y, O = !!E.current, k = ["left", "right"].includes(l.swipeDirection), H = ["left", "up"].includes(l.swipeDirection) ? Math.min : Math.max, Pe = k ? H(0, x) : 0, xe = k ? 0 : H(0, I), B = a.pointerType === "touch" ? 10 : 2, W = { x: Pe, y: xe }, te = { originalEvent: a, delta: W };
-                  O ? (E.current = W, X(je, w, te, {
+                onPointerMove: x(e.onPointerMove, (s) => {
+                  if (!m.current) return;
+                  const g = s.clientX - m.current.x, I = s.clientY - m.current.y, L = !!P.current, M = ["left", "right"].includes(l.swipeDirection), H = ["left", "up"].includes(l.swipeDirection) ? Math.min : Math.max, Ce = M ? H(0, g) : 0, Re = M ? 0 : H(0, I), Y = s.pointerType === "touch" ? 10 : 2, W = { x: Ce, y: Re }, te = { originalEvent: s, delta: W };
+                  L ? (P.current = W, X(je, w, te, {
                     discrete: !1
-                  })) : ne(W, l.swipeDirection, B) ? (E.current = W, X(Be, h, te, {
+                  })) : ne(W, l.swipeDirection, Y) ? (P.current = W, X(Be, E, te, {
                     discrete: !1
-                  }), a.target.setPointerCapture(a.pointerId)) : (Math.abs(x) > B || Math.abs(I) > B) && (T.current = null);
+                  }), s.target.setPointerCapture(s.pointerId)) : (Math.abs(g) > Y || Math.abs(I) > Y) && (m.current = null);
                 }),
-                onPointerUp: b(e.onPointerUp, (a) => {
-                  const x = E.current, I = a.target;
-                  if (I.hasPointerCapture(a.pointerId) && I.releasePointerCapture(a.pointerId), E.current = null, T.current = null, x) {
-                    const O = a.currentTarget, k = { originalEvent: a, delta: x };
-                    ne(x, l.swipeDirection, l.swipeThreshold) ? X(ze, g, k, {
+                onPointerUp: x(e.onPointerUp, (s) => {
+                  const g = P.current, I = s.target;
+                  if (I.hasPointerCapture(s.pointerId) && I.releasePointerCapture(s.pointerId), P.current = null, m.current = null, g) {
+                    const L = s.currentTarget, M = { originalEvent: s, delta: g };
+                    ne(g, l.swipeDirection, l.swipeThreshold) ? X(ze, b, M, {
                       discrete: !0
                     }) : X(
                       qe,
                       S,
-                      k,
+                      M,
                       {
                         discrete: !0
                       }
-                    ), O.addEventListener("click", (H) => H.preventDefault(), {
+                    ), L.addEventListener("click", (H) => H.preventDefault(), {
                       once: !0
                     });
                   }
@@ -323,91 +314,91 @@ var [Ge, Je] = ce(V, {
     ] }) : null;
   }
 ), Ze = (e) => {
-  const { __scopeToast: r, children: o, ...t } = e, u = U(V, r), [d, f] = s.useState(!1), [m, v] = s.useState(!1);
-  return ot(() => f(!0)), s.useEffect(() => {
-    const n = window.setTimeout(() => v(!0), 1e3);
-    return () => window.clearTimeout(n);
-  }, []), m ? null : /* @__PURE__ */ c(Me, { asChild: !0, children: /* @__PURE__ */ c(ie, { ...t, children: d && /* @__PURE__ */ D(se, { children: [
-    u.label,
+  const { __scopeToast: r, children: o, ...t } = e, c = U(O, r), [d, p] = n.useState(!1), [T, v] = n.useState(!1);
+  return ot(() => p(!0)), n.useEffect(() => {
+    const a = window.setTimeout(() => v(!0), 1e3);
+    return () => window.clearTimeout(a);
+  }, []), T ? null : /* @__PURE__ */ i(Me, { asChild: !0, children: /* @__PURE__ */ i(ie, { ...t, children: d && /* @__PURE__ */ A(se, { children: [
+    c.label,
     " ",
     o
   ] }) }) });
-}, et = "ToastTitle", me = s.forwardRef(
+}, et = "ToastTitle", me = n.forwardRef(
   (e, r) => {
     const { __scopeToast: o, ...t } = e;
-    return /* @__PURE__ */ c(L.div, { ...t, ref: r });
+    return /* @__PURE__ */ i(D.div, { ...t, ref: r });
   }
 );
 me.displayName = et;
-var tt = "ToastDescription", Te = s.forwardRef(
+var tt = "ToastDescription", Te = n.forwardRef(
   (e, r) => {
     const { __scopeToast: o, ...t } = e;
-    return /* @__PURE__ */ c(L.div, { ...t, ref: r });
+    return /* @__PURE__ */ i(D.div, { ...t, ref: r });
   }
 );
 Te.displayName = tt;
-var ve = "ToastAction", we = s.forwardRef(
+var we = "ToastAction", ve = n.forwardRef(
   (e, r) => {
     const { altText: o, ...t } = e;
-    return o.trim() ? /* @__PURE__ */ c(ye, { altText: o, asChild: !0, children: /* @__PURE__ */ c(he, { ...t, ref: r }) }) : (console.error(
-      `Invalid prop \`altText\` supplied to \`${ve}\`. Expected non-empty \`string\`.`
+    return o.trim() ? /* @__PURE__ */ i(he, { altText: o, asChild: !0, children: /* @__PURE__ */ i(ye, { ...t, ref: r }) }) : (console.error(
+      `Invalid prop \`altText\` supplied to \`${we}\`. Expected non-empty \`string\`.`
     ), null);
   }
 );
-we.displayName = ve;
-var Ee = "ToastClose", he = s.forwardRef(
+ve.displayName = we;
+var Ee = "ToastClose", ye = n.forwardRef(
   (e, r) => {
-    const { __scopeToast: o, ...t } = e, u = Je(Ee, o);
-    return /* @__PURE__ */ c(ye, { asChild: !0, children: /* @__PURE__ */ c(
-      L.button,
+    const { __scopeToast: o, ...t } = e, c = Je(Ee, o);
+    return /* @__PURE__ */ i(he, { asChild: !0, children: /* @__PURE__ */ i(
+      D.button,
       {
         type: "button",
         ...t,
         ref: r,
-        onClick: b(e.onClick, u.onClose)
+        onClick: x(e.onClick, c.onClose)
       }
     ) });
   }
 );
-he.displayName = Ee;
-var ye = s.forwardRef((e, r) => {
-  const { __scopeToast: o, altText: t, ...u } = e;
-  return /* @__PURE__ */ c(
-    L.div,
+ye.displayName = Ee;
+var he = n.forwardRef((e, r) => {
+  const { __scopeToast: o, altText: t, ...c } = e;
+  return /* @__PURE__ */ i(
+    D.div,
     {
       "data-radix-toast-announce-exclude": "",
       "data-radix-toast-announce-alt": t || void 0,
-      ...u,
+      ...c,
       ref: r
     }
   );
 });
-function Ce(e) {
+function Pe(e) {
   const r = [];
   return Array.from(e.childNodes).forEach((t) => {
     if (t.nodeType === t.TEXT_NODE && t.textContent && r.push(t.textContent), rt(t)) {
-      const u = t.ariaHidden || t.hidden || t.style.display === "none", d = t.dataset.radixToastAnnounceExclude === "";
-      if (!u)
+      const c = t.ariaHidden || t.hidden || t.style.display === "none", d = t.dataset.radixToastAnnounceExclude === "";
+      if (!c)
         if (d) {
-          const f = t.dataset.radixToastAnnounceAlt;
-          f && r.push(f);
+          const p = t.dataset.radixToastAnnounceAlt;
+          p && r.push(p);
         } else
-          r.push(...Ce(t));
+          r.push(...Pe(t));
     }
   }), r;
 }
 function X(e, r, o, { discrete: t }) {
-  const u = o.originalEvent.currentTarget, d = new CustomEvent(e, { bubbles: !0, cancelable: !0, detail: o });
-  r && u.addEventListener(e, r, { once: !0 }), t ? Ie(u, d) : u.dispatchEvent(d);
+  const c = o.originalEvent.currentTarget, d = new CustomEvent(e, { bubbles: !0, cancelable: !0, detail: o });
+  r && c.addEventListener(e, r, { once: !0 }), t ? Ie(c, d) : c.dispatchEvent(d);
 }
 var ne = (e, r, o = 0) => {
-  const t = Math.abs(e.x), u = Math.abs(e.y), d = t > u;
-  return r === "left" || r === "right" ? d && t > o : !d && u > o;
+  const t = Math.abs(e.x), c = Math.abs(e.y), d = t > c;
+  return r === "left" || r === "right" ? d && t > o : !d && c > o;
 };
 function ot(e = () => {
 }) {
   const r = $(e);
-  Fe(() => {
+  De(() => {
     let o = 0, t = 0;
     return o = window.requestAnimationFrame(() => t = window.requestAnimationFrame(r)), () => {
       window.cancelAnimationFrame(o), window.cancelAnimationFrame(t);
@@ -420,66 +411,66 @@ function rt(e) {
 function nt(e) {
   const r = [], o = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (t) => {
-      const u = t.tagName === "INPUT" && t.type === "hidden";
-      return t.disabled || t.hidden || u ? NodeFilter.FILTER_SKIP : t.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+      const c = t.tagName === "INPUT" && t.type === "hidden";
+      return t.disabled || t.hidden || c ? NodeFilter.FILTER_SKIP : t.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
     }
   });
   for (; o.nextNode(); ) r.push(o.currentNode);
   return r;
 }
-function z(e) {
+function q(e) {
   const r = document.activeElement;
   return e.some((o) => o === r ? !0 : (o.focus(), document.activeElement !== r));
 }
-var st = ue, at = de, it = pe, ct = me, ut = Te, lt = we;
+var st = ue, at = de, it = fe, ct = me, ut = Te, lt = ve;
 const bt = ({
   title: e,
   duration: r = 5e3,
   titleClassName: o,
   descriptionClassName: t,
-  description: u,
+  description: c,
   children: d,
-  theme: f,
-  showCloseButton: m = !0,
+  theme: p,
+  showCloseButton: T = !0,
   closeButtonClassName: v,
-  className: n,
-  open: h = !1,
+  className: a,
+  open: E = !1,
   setOpen: w
 }) => {
-  const S = Re(0);
+  const S = xe(0);
   be(() => () => clearTimeout(S.current), []);
-  const g = oe(() => re(e) ? /* @__PURE__ */ c(j, { className: o, children: e }) : e, [e, o]), R = oe(() => re(u) ? /* @__PURE__ */ c(j, { className: t, children: u }) : u, [u, t]), l = ge(() => {
+  const b = oe(() => re(e) ? /* @__PURE__ */ i(B, { className: o, children: e }) : e, [e, o]), R = oe(() => re(c) ? /* @__PURE__ */ i(B, { className: t, children: c }) : c, [c, t]), l = ge(() => {
     w(!1), S.current = window.setTimeout(() => w(!0), 100);
   }, [w]);
-  return /* @__PURE__ */ D(st, { swipeDirection: "right", duration: r, children: [
-    /* @__PURE__ */ c(j, { onClick: l, children: d }),
-    /* @__PURE__ */ D(
+  return /* @__PURE__ */ A(st, { swipeDirection: "right", duration: r, children: [
+    /* @__PURE__ */ i(B, { onClick: l, children: d }),
+    /* @__PURE__ */ A(
       it,
       {
-        className: q(Ke({ className: n })),
-        "data-theme": f,
-        open: h,
+        className: j(Ke({ className: a })),
+        "data-theme": p,
+        open: E,
         onOpenChange: w,
         children: [
-          /* @__PURE__ */ c(ct, { asChild: !0, className: o, children: g }),
-          R && /* @__PURE__ */ c(ut, { asChild: !0, children: R }),
-          m && /* @__PURE__ */ c(lt, { asChild: !0, altText: "Close the toast", children: /* @__PURE__ */ D("button", { type: "button", className: "absolute right-1.5 top-1.5", children: [
-            /* @__PURE__ */ c(
+          /* @__PURE__ */ i(ct, { asChild: !0, className: o, children: b }),
+          R && /* @__PURE__ */ i(ut, { asChild: !0, children: R }),
+          T && /* @__PURE__ */ i(lt, { asChild: !0, altText: "Close the toast", children: /* @__PURE__ */ A("button", { type: "button", className: "absolute right-1.5 top-1.5", children: [
+            /* @__PURE__ */ i(
               We,
               {
-                className: q(
+                className: j(
                   Ve({
                     className: v
                   })
                 )
               }
             ),
-            /* @__PURE__ */ c(ke, { children: "Close toast" })
+            /* @__PURE__ */ i(ke, { children: "Close toast" })
           ] }) })
         ]
       }
     ),
-    /* @__PURE__ */ c(at, { className: q(He()) })
+    /* @__PURE__ */ i(at, { className: j(He()) })
   ] });
 };
 export {