@konstructio/ui 0.1.2-alpha.77 → 0.1.2-alpha.78

package/dist/components/Toast/Toast.js

@@ -1,23 +1,22 @@
-import { jsx as a, jsxs as U, Fragment as ce } from "react/jsx-runtime";
-import { c as Re } from "../../compiler-runtime-DA41awpA.js";
-import { S as J } from "../../index-BvoZGpli.js";
+import { jsx as s, jsxs as I, Fragment as ie } from "react/jsx-runtime";
+import { S as B } from "../../index-BvoZGpli.js";
 import * as n from "react";
-import { useRef as be, useEffect as ge, isValidElement as Q } from "react";
+import { useRef as be, useEffect as ge, useMemo as ne, isValidElement as j, useCallback as Se } from "react";
 import * as Ne from "react-dom";
-import { P as X, c as O, b as Se, a as Ie, d as _e, u as Ae } from "../../index--l0zux8V.js";
-import { u as le } from "../../index-DLcqcWxM.js";
-import { c as De } from "../../index-CJnS4BVW.js";
-import { B as Fe, R as Le, P as Oe } from "../../index-BvEpLnOv.js";
-import { P as Me } from "../../index-3fEdeexs.js";
-import { u as q } from "../../index-0ioNhtNM.js";
-import { R as ke } from "../../index-BKjcReYh.js";
-import { cn as z } from "../../utils/index.js";
-import { toastVariants as Ve, closeToastVariants as Ke, viewportToastVariants as He } from "./Toast.variants.js";
-import { X as We } from "../../x-Eoa9FJjA.js";
-import { CheckCircleFilledIcon as $e } from "../../assets/icons/components/CheckCircleFilled.js";
-import { ErrorIcon as Be } from "../../assets/icons/components/Error.js";
-import { WarningTriangleIcon as Ue } from "../../assets/icons/components/WarningTriangle.js";
-var Xe = Object.freeze({
+import { P as D, a as Ie, c as b, b as Ae, d as De, u as _e } from "../../index--l0zux8V.js";
+import { u as ce } from "../../index-DLcqcWxM.js";
+import { c as Fe } from "../../index-CJnS4BVW.js";
+import { B as Le, R as Me, P as ke } from "../../index-BvEpLnOv.js";
+import { P as Oe } from "../../index-3fEdeexs.js";
+import { u as Y } from "../../index-0ioNhtNM.js";
+import { R as Ve } from "../../index-BKjcReYh.js";
+import { cn as U } from "../../utils/index.js";
+import { closeToastVariants as Ke, toastVariants as He, viewportToastVariants as We } from "./Toast.variants.js";
+import { CheckCircleFilledIcon as Ue } from "../../assets/icons/components/CheckCircleFilled.js";
+import { ErrorIcon as Xe } from "../../assets/icons/components/Error.js";
+import { WarningTriangleIcon as Ye } from "../../assets/icons/components/WarningTriangle.js";
+import { X as $e } from "../../x-Eoa9FJjA.js";
+var ze = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
   position: "absolute",
   border: 0,
@@ -29,142 +28,142 @@ var Xe = Object.freeze({
   clip: "rect(0, 0, 0, 0)",
   whiteSpace: "nowrap",
   wordWrap: "normal"
-}), Ye = "VisuallyHidden", re = n.forwardRef(
-  (t, e) => /* @__PURE__ */ a(
-    X.span,
+}), Be = "VisuallyHidden", Z = n.forwardRef(
+  (e, o) => /* @__PURE__ */ s(
+    D.span,
     {
-      ...t,
-      ref: e,
-      style: { ...Xe, ...t.style }
+      ...e,
+      ref: o,
+      style: { ...ze, ...e.style }
     }
   )
 );
-re.displayName = Ye;
-var se = "ToastProvider", [ne, ze, je] = De("Toast"), [ue] = Se("Toast", [je]), [qe, G] = ue(se), de = (t) => {
+Z.displayName = Be;
+var ee = "ToastProvider", [te, je, qe] = Fe("Toast"), [ue] = Ae("Toast", [qe]), [Ge, $] = ue(ee), le = (e) => {
   const {
-    __scopeToast: e,
+    __scopeToast: o,
     label: r = "Notification",
-    duration: o = 5e3,
-    swipeDirection: c = "right",
-    swipeThreshold: u = 50,
+    duration: t = 5e3,
+    swipeDirection: u = "right",
+    swipeThreshold: d = 50,
     children: f
-  } = t, [v, T] = n.useState(null), [l, R] = n.useState(0), y = n.useRef(!1), K = n.useRef(!1);
+  } = e, [w, v] = n.useState(null), [c, E] = n.useState(0), T = n.useRef(!1), x = n.useRef(!1);
   return r.trim() || console.error(
-    `Invalid prop \`label\` supplied to \`${se}\`. Expected non-empty \`string\`.`
-  ), /* @__PURE__ */ a(ne.Provider, { scope: e, children: /* @__PURE__ */ a(
-    qe,
+    `Invalid prop \`label\` supplied to \`${ee}\`. Expected non-empty \`string\`.`
+  ), /* @__PURE__ */ s(te.Provider, { scope: o, children: /* @__PURE__ */ s(
+    Ge,
     {
-      scope: e,
+      scope: o,
       label: r,
-      duration: o,
-      swipeDirection: c,
-      swipeThreshold: u,
-      toastCount: l,
-      viewport: v,
-      onViewportChange: T,
-      onToastAdd: n.useCallback(() => R((b) => b + 1), []),
-      onToastRemove: n.useCallback(() => R((b) => b - 1), []),
-      isFocusedToastEscapeKeyDownRef: y,
-      isClosePausedRef: K,
+      duration: t,
+      swipeDirection: u,
+      swipeThreshold: d,
+      toastCount: c,
+      viewport: w,
+      onViewportChange: v,
+      onToastAdd: n.useCallback(() => E((R) => R + 1), []),
+      onToastRemove: n.useCallback(() => E((R) => R - 1), []),
+      isFocusedToastEscapeKeyDownRef: T,
+      isClosePausedRef: x,
       children: f
     }
   ) });
 };
-de.displayName = se;
-var fe = "ToastViewport", Ge = ["F8"], ee = "toast.viewportPause", te = "toast.viewportResume", pe = n.forwardRef(
-  (t, e) => {
+le.displayName = ee;
+var de = "ToastViewport", Je = ["F8"], G = "toast.viewportPause", J = "toast.viewportResume", fe = n.forwardRef(
+  (e, o) => {
     const {
       __scopeToast: r,
-      hotkey: o = Ge,
-      label: c = "Notifications ({hotkey})",
-      ...u
-    } = t, f = G(fe, r), v = ze(r), T = n.useRef(null), l = n.useRef(null), R = n.useRef(null), y = n.useRef(null), K = le(e, y, f.onViewportChange), b = o.join("+").replace(/Key/g, "").replace(/Digit/g, ""), w = f.toastCount > 0;
+      hotkey: t = Je,
+      label: u = "Notifications ({hotkey})",
+      ...d
+    } = e, f = $(de, r), w = je(r), v = n.useRef(null), c = n.useRef(null), E = n.useRef(null), T = n.useRef(null), x = ce(o, T, f.onViewportChange), R = t.join("+").replace(/Key/g, "").replace(/Digit/g, ""), g = f.toastCount > 0;
     n.useEffect(() => {
-      const i = (C) => {
-        o.length !== 0 && o.every((m) => C[m] || C.code === m) && y.current?.focus();
+      const a = (y) => {
+        t.length !== 0 && t.every((m) => y[m] || y.code === m) && T.current?.focus();
       };
-      return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
-    }, [o]), n.useEffect(() => {
-      const i = T.current, C = y.current;
-      if (w && i && C) {
+      return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
+    }, [t]), n.useEffect(() => {
+      const a = v.current, y = T.current;
+      if (g && a && y) {
         const p = () => {
           if (!f.isClosePausedRef.current) {
-            const h = new CustomEvent(ee);
-            C.dispatchEvent(h), f.isClosePausedRef.current = !0;
+            const h = new CustomEvent(G);
+            y.dispatchEvent(h), f.isClosePausedRef.current = !0;
           }
         }, m = () => {
           if (f.isClosePausedRef.current) {
-            const h = new CustomEvent(te);
-            C.dispatchEvent(h), f.isClosePausedRef.current = !1;
+            const h = new CustomEvent(J);
+            y.dispatchEvent(h), f.isClosePausedRef.current = !1;
           }
-        }, E = (h) => {
-          !i.contains(h.relatedTarget) && m();
-        }, P = () => {
-          i.contains(document.activeElement) || m();
+        }, P = (h) => {
+          !a.contains(h.relatedTarget) && m();
+        }, C = () => {
+          a.contains(document.activeElement) || m();
         };
-        return i.addEventListener("focusin", p), i.addEventListener("focusout", E), i.addEventListener("pointermove", p), i.addEventListener("pointerleave", P), window.addEventListener("blur", p), window.addEventListener("focus", m), () => {
-          i.removeEventListener("focusin", p), i.removeEventListener("focusout", E), i.removeEventListener("pointermove", p), i.removeEventListener("pointerleave", P), window.removeEventListener("blur", p), window.removeEventListener("focus", m);
+        return a.addEventListener("focusin", p), a.addEventListener("focusout", P), a.addEventListener("pointermove", p), a.addEventListener("pointerleave", C), window.addEventListener("blur", p), window.addEventListener("focus", m), () => {
+          a.removeEventListener("focusin", p), a.removeEventListener("focusout", P), a.removeEventListener("pointermove", p), a.removeEventListener("pointerleave", C), window.removeEventListener("blur", p), window.removeEventListener("focus", m);
         };
       }
-    }, [w, f.isClosePausedRef]);
-    const d = n.useCallback(
-      ({ tabbingDirection: i }) => {
-        const p = v().map((m) => {
-          const E = m.ref.current, P = [E, ...lt(E)];
-          return i === "forwards" ? P : P.reverse();
+    }, [g, f.isClosePausedRef]);
+    const l = n.useCallback(
+      ({ tabbingDirection: a }) => {
+        const p = w().map((m) => {
+          const P = m.ref.current, C = [P, ...lt(P)];
+          return a === "forwards" ? C : C.reverse();
         });
-        return (i === "forwards" ? p.reverse() : p).flat();
+        return (a === "forwards" ? p.reverse() : p).flat();
       },
-      [v]
+      [w]
     );
     return n.useEffect(() => {
-      const i = y.current;
-      if (i) {
-        const C = (p) => {
+      const a = T.current;
+      if (a) {
+        const y = (p) => {
           const m = p.altKey || p.ctrlKey || p.metaKey;
           if (p.key === "Tab" && !m) {
-            const P = document.activeElement, h = p.shiftKey;
-            if (p.target === i && h) {
-              l.current?.focus();
+            const C = document.activeElement, h = p.shiftKey;
+            if (p.target === a && h) {
+              c.current?.focus();
               return;
             }
-            const L = d({ tabbingDirection: h ? "backwards" : "forwards" }), H = L.findIndex((N) => N === P);
-            Z(L.slice(H + 1)) ? p.preventDefault() : h ? l.current?.focus() : R.current?.focus();
+            const F = l({ tabbingDirection: h ? "backwards" : "forwards" }), V = F.findIndex((A) => A === C);
+            q(F.slice(V + 1)) ? p.preventDefault() : h ? c.current?.focus() : E.current?.focus();
           }
         };
-        return i.addEventListener("keydown", C), () => i.removeEventListener("keydown", C);
+        return a.addEventListener("keydown", y), () => a.removeEventListener("keydown", y);
       }
-    }, [v, d]), /* @__PURE__ */ U(
-      Fe,
+    }, [w, l]), /* @__PURE__ */ I(
+      Le,
       {
-        ref: T,
+        ref: v,
         role: "region",
-        "aria-label": c.replace("{hotkey}", b),
+        "aria-label": u.replace("{hotkey}", R),
         tabIndex: -1,
-        style: { pointerEvents: w ? void 0 : "none" },
+        style: { pointerEvents: g ? void 0 : "none" },
         children: [
-          w && /* @__PURE__ */ a(
-            oe,
+          g && /* @__PURE__ */ s(
+            Q,
             {
-              ref: l,
+              ref: c,
               onFocusFromOutsideViewport: () => {
-                const i = d({
+                const a = l({
                   tabbingDirection: "forwards"
                 });
-                Z(i);
+                q(a);
               }
             }
           ),
-          /* @__PURE__ */ a(ne.Slot, { scope: r, children: /* @__PURE__ */ a(X.ol, { tabIndex: -1, ...u, ref: K }) }),
-          w && /* @__PURE__ */ a(
-            oe,
+          /* @__PURE__ */ s(te.Slot, { scope: r, children: /* @__PURE__ */ s(D.ol, { tabIndex: -1, ...d, ref: x }) }),
+          g && /* @__PURE__ */ s(
+            Q,
             {
-              ref: R,
+              ref: E,
               onFocusFromOutsideViewport: () => {
-                const i = d({
+                const a = l({
                   tabbingDirection: "backwards"
                 });
-                Z(i);
+                q(a);
               }
             }
           )
@@ -173,162 +172,162 @@ var fe = "ToastViewport", Ge = ["F8"], ee = "toast.viewportPause", te = "toast.v
     );
   }
 );
-pe.displayName = fe;
-var me = "ToastFocusProxy", oe = n.forwardRef(
-  (t, e) => {
-    const { __scopeToast: r, onFocusFromOutsideViewport: o, ...c } = t, u = G(me, r);
-    return /* @__PURE__ */ a(
-      re,
+fe.displayName = de;
+var pe = "ToastFocusProxy", Q = n.forwardRef(
+  (e, o) => {
+    const { __scopeToast: r, onFocusFromOutsideViewport: t, ...u } = e, d = $(pe, r);
+    return /* @__PURE__ */ s(
+      Z,
       {
         tabIndex: 0,
-        ...c,
-        ref: e,
+        ...u,
+        ref: o,
         style: { position: "fixed" },
         onFocus: (f) => {
-          const v = f.relatedTarget;
-          !u.viewport?.contains(v) && o();
+          const w = f.relatedTarget;
+          !d.viewport?.contains(w) && t();
         }
       }
     );
   }
 );
-oe.displayName = me;
-var Y = "Toast", Je = "toast.swipeStart", Qe = "toast.swipeMove", Ze = "toast.swipeCancel", et = "toast.swipeEnd", we = n.forwardRef(
-  (t, e) => {
-    const { forceMount: r, open: o, defaultOpen: c, onOpenChange: u, ...f } = t, [v, T] = Ie({
-      prop: o,
-      defaultProp: c ?? !0,
-      onChange: u,
-      caller: Y
+Q.displayName = pe;
+var k = "Toast", Qe = "toast.swipeStart", Ze = "toast.swipeMove", et = "toast.swipeCancel", tt = "toast.swipeEnd", me = n.forwardRef(
+  (e, o) => {
+    const { forceMount: r, open: t, defaultOpen: u, onOpenChange: d, ...f } = e, [w, v] = Ie({
+      prop: t,
+      defaultProp: u ?? !0,
+      onChange: d,
+      caller: k
     });
-    return /* @__PURE__ */ a(Me, { present: r || v, children: /* @__PURE__ */ a(
-      rt,
+    return /* @__PURE__ */ s(Oe, { present: r || w, children: /* @__PURE__ */ s(
+      nt,
       {
-        open: v,
+        open: w,
         ...f,
-        ref: e,
-        onClose: () => T(!1),
-        onPause: q(t.onPause),
-        onResume: q(t.onResume),
-        onSwipeStart: O(t.onSwipeStart, (l) => {
-          l.currentTarget.setAttribute("data-swipe", "start");
+        ref: o,
+        onClose: () => v(!1),
+        onPause: Y(e.onPause),
+        onResume: Y(e.onResume),
+        onSwipeStart: b(e.onSwipeStart, (c) => {
+          c.currentTarget.setAttribute("data-swipe", "start");
         }),
-        onSwipeMove: O(t.onSwipeMove, (l) => {
-          const { x: R, y } = l.detail.delta;
-          l.currentTarget.setAttribute("data-swipe", "move"), l.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${R}px`), l.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${y}px`);
+        onSwipeMove: b(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`);
         }),
-        onSwipeCancel: O(t.onSwipeCancel, (l) => {
-          l.currentTarget.setAttribute("data-swipe", "cancel"), l.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), l.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), l.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"), l.currentTarget.style.removeProperty("--radix-toast-swipe-end-y");
+        onSwipeCancel: b(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: O(t.onSwipeEnd, (l) => {
-          const { x: R, y } = l.detail.delta;
-          l.currentTarget.setAttribute("data-swipe", "end"), l.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"), l.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"), l.currentTarget.style.setProperty("--radix-toast-swipe-end-x", `${R}px`), l.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${y}px`), T(!1);
+        onSwipeEnd: b(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`), v(!1);
         })
       }
     ) });
   }
 );
-we.displayName = Y;
-var [tt, ot] = ue(Y, {
+me.displayName = k;
+var [ot, rt] = ue(k, {
   onClose() {
   }
-}), rt = n.forwardRef(
-  (t, e) => {
+}), nt = n.forwardRef(
+  (e, o) => {
     const {
       __scopeToast: r,
-      type: o = "foreground",
-      duration: c,
-      open: u,
+      type: t = "foreground",
+      duration: u,
+      open: d,
       onClose: f,
-      onEscapeKeyDown: v,
-      onPause: T,
-      onResume: l,
-      onSwipeStart: R,
-      onSwipeMove: y,
-      onSwipeCancel: K,
-      onSwipeEnd: b,
-      ...w
-    } = t, d = G(Y, r), [i, C] = n.useState(null), p = le(e, (s) => C(s)), m = n.useRef(null), E = n.useRef(null), P = c || d.duration, h = n.useRef(0), M = n.useRef(P), A = n.useRef(0), { onToastAdd: L, onToastRemove: H } = d, N = q(() => {
-      i?.contains(document.activeElement) && d.viewport?.focus(), f();
-    }), D = n.useCallback(
-      (s) => {
-        !s || s === 1 / 0 || (window.clearTimeout(A.current), h.current = (/* @__PURE__ */ new Date()).getTime(), A.current = window.setTimeout(N, s));
+      onEscapeKeyDown: w,
+      onPause: v,
+      onResume: c,
+      onSwipeStart: E,
+      onSwipeMove: T,
+      onSwipeCancel: x,
+      onSwipeEnd: R,
+      ...g
+    } = e, l = $(k, r), [a, y] = n.useState(null), p = ce(o, (i) => y(i)), m = n.useRef(null), P = n.useRef(null), C = u || l.duration, h = n.useRef(0), _ = n.useRef(C), O = n.useRef(0), { onToastAdd: F, onToastRemove: V } = l, A = Y(() => {
+      a?.contains(document.activeElement) && l.viewport?.focus(), f();
+    }), K = n.useCallback(
+      (i) => {
+        !i || i === 1 / 0 || (window.clearTimeout(O.current), h.current = (/* @__PURE__ */ new Date()).getTime(), O.current = window.setTimeout(A, i));
       },
-      [N]
+      [A]
     );
     n.useEffect(() => {
-      const s = d.viewport;
-      if (s) {
-        const x = () => {
-          D(M.current), l?.();
-        }, g = () => {
-          const S = (/* @__PURE__ */ new Date()).getTime() - h.current;
-          M.current = M.current - S, window.clearTimeout(A.current), T?.();
+      const i = l.viewport;
+      if (i) {
+        const S = () => {
+          K(_.current), c?.();
+        }, N = () => {
+          const L = (/* @__PURE__ */ new Date()).getTime() - h.current;
+          _.current = _.current - L, window.clearTimeout(O.current), v?.();
         };
-        return s.addEventListener(ee, g), s.addEventListener(te, x), () => {
-          s.removeEventListener(ee, g), s.removeEventListener(te, x);
+        return i.addEventListener(G, N), i.addEventListener(J, S), () => {
+          i.removeEventListener(G, N), i.removeEventListener(J, S);
         };
       }
-    }, [d.viewport, P, T, l, D]), n.useEffect(() => {
-      u && !d.isClosePausedRef.current && D(P);
-    }, [u, P, d.isClosePausedRef, D]), n.useEffect(() => (L(), () => H()), [L, H]);
-    const k = n.useMemo(() => i ? xe(i) : null, [i]);
-    return d.viewport ? /* @__PURE__ */ U(ce, { children: [
-      k && /* @__PURE__ */ a(
+    }, [l.viewport, C, v, c, K]), n.useEffect(() => {
+      d && !l.isClosePausedRef.current && K(C);
+    }, [d, C, l.isClosePausedRef, K]), n.useEffect(() => (F(), () => V()), [F, V]);
+    const oe = n.useMemo(() => a ? Ce(a) : null, [a]);
+    return l.viewport ? /* @__PURE__ */ I(ie, { children: [
+      oe && /* @__PURE__ */ s(
         st,
         {
           __scopeToast: r,
           role: "status",
-          "aria-live": o === "foreground" ? "assertive" : "polite",
-          children: k
+          "aria-live": t === "foreground" ? "assertive" : "polite",
+          children: oe
         }
       ),
-      /* @__PURE__ */ a(tt, { scope: r, onClose: N, children: Ne.createPortal(
-        /* @__PURE__ */ a(ne.ItemSlot, { scope: r, children: /* @__PURE__ */ a(
-          Le,
+      /* @__PURE__ */ s(ot, { scope: r, onClose: A, children: Ne.createPortal(
+        /* @__PURE__ */ s(te.ItemSlot, { scope: r, children: /* @__PURE__ */ s(
+          Me,
           {
             asChild: !0,
-            onEscapeKeyDown: O(v, () => {
-              d.isFocusedToastEscapeKeyDownRef.current || N(), d.isFocusedToastEscapeKeyDownRef.current = !1;
+            onEscapeKeyDown: b(w, () => {
+              l.isFocusedToastEscapeKeyDownRef.current || A(), l.isFocusedToastEscapeKeyDownRef.current = !1;
             }),
-            children: /* @__PURE__ */ a(
-              X.li,
+            children: /* @__PURE__ */ s(
+              D.li,
               {
                 tabIndex: 0,
-                "data-state": u ? "open" : "closed",
-                "data-swipe-direction": d.swipeDirection,
-                ...w,
+                "data-state": d ? "open" : "closed",
+                "data-swipe-direction": l.swipeDirection,
+                ...g,
                 ref: p,
-                style: { userSelect: "none", touchAction: "none", ...t.style },
-                onKeyDown: O(t.onKeyDown, (s) => {
-                  s.key === "Escape" && (v?.(s.nativeEvent), s.nativeEvent.defaultPrevented || (d.isFocusedToastEscapeKeyDownRef.current = !0, N()));
+                style: { userSelect: "none", touchAction: "none", ...e.style },
+                onKeyDown: b(e.onKeyDown, (i) => {
+                  i.key === "Escape" && (w?.(i.nativeEvent), i.nativeEvent.defaultPrevented || (l.isFocusedToastEscapeKeyDownRef.current = !0, A()));
                 }),
-                onPointerDown: O(t.onPointerDown, (s) => {
-                  s.button === 0 && (m.current = { x: s.clientX, y: s.clientY });
+                onPointerDown: b(e.onPointerDown, (i) => {
+                  i.button === 0 && (m.current = { x: i.clientX, y: i.clientY });
                 }),
-                onPointerMove: O(t.onPointerMove, (s) => {
+                onPointerMove: b(e.onPointerMove, (i) => {
                   if (!m.current) return;
-                  const x = s.clientX - m.current.x, g = s.clientY - m.current.y, S = !!E.current, I = ["left", "right"].includes(d.swipeDirection), F = ["left", "up"].includes(d.swipeDirection) ? Math.min : Math.max, W = I ? F(0, x) : 0, $ = I ? 0 : F(0, g), B = s.pointerType === "touch" ? 10 : 2, V = { x: W, y: $ }, _ = { originalEvent: s, delta: V };
-                  S ? (E.current = V, j(Qe, y, _, {
+                  const S = i.clientX - m.current.x, N = i.clientY - m.current.y, L = !!P.current, M = ["left", "right"].includes(l.swipeDirection), H = ["left", "up"].includes(l.swipeDirection) ? Math.min : Math.max, xe = M ? H(0, S) : 0, Re = M ? 0 : H(0, N), z = i.pointerType === "touch" ? 10 : 2, W = { x: xe, y: Re }, re = { originalEvent: i, delta: W };
+                  L ? (P.current = W, X(Ze, T, re, {
                     discrete: !1
-                  })) : ae(V, d.swipeDirection, B) ? (E.current = V, j(Je, R, _, {
+                  })) : se(W, l.swipeDirection, z) ? (P.current = W, X(Qe, E, re, {
                     discrete: !1
-                  }), s.target.setPointerCapture(s.pointerId)) : (Math.abs(x) > B || Math.abs(g) > B) && (m.current = null);
+                  }), i.target.setPointerCapture(i.pointerId)) : (Math.abs(S) > z || Math.abs(N) > z) && (m.current = null);
                 }),
-                onPointerUp: O(t.onPointerUp, (s) => {
-                  const x = E.current, g = s.target;
-                  if (g.hasPointerCapture(s.pointerId) && g.releasePointerCapture(s.pointerId), E.current = null, m.current = null, x) {
-                    const S = s.currentTarget, I = { originalEvent: s, delta: x };
-                    ae(x, d.swipeDirection, d.swipeThreshold) ? j(et, b, I, {
+                onPointerUp: b(e.onPointerUp, (i) => {
+                  const S = P.current, N = i.target;
+                  if (N.hasPointerCapture(i.pointerId) && N.releasePointerCapture(i.pointerId), P.current = null, m.current = null, S) {
+                    const L = i.currentTarget, M = { originalEvent: i, delta: S };
+                    se(S, l.swipeDirection, l.swipeThreshold) ? X(tt, R, M, {
                       discrete: !0
-                    }) : j(
-                      Ze,
-                      K,
-                      I,
+                    }) : X(
+                      et,
+                      x,
+                      M,
                       {
                         discrete: !0
                       }
-                    ), S.addEventListener("click", (F) => F.preventDefault(), {
+                    ), L.addEventListener("click", (H) => H.preventDefault(), {
                       once: !0
                     });
                   }
@@ -337,213 +336,178 @@ var [tt, ot] = ue(Y, {
             )
           }
         ) }),
-        d.viewport
+        l.viewport
       ) })
     ] }) : null;
   }
-), st = (t) => {
-  const { __scopeToast: e, children: r, ...o } = t, c = G(Y, e), [u, f] = n.useState(!1), [v, T] = n.useState(!1);
-  return it(() => f(!0)), n.useEffect(() => {
-    const l = window.setTimeout(() => T(!0), 1e3);
-    return () => window.clearTimeout(l);
-  }, []), v ? null : /* @__PURE__ */ a(Oe, { asChild: !0, children: /* @__PURE__ */ a(re, { ...o, children: u && /* @__PURE__ */ U(ce, { children: [
-    c.label,
+), st = (e) => {
+  const { __scopeToast: o, children: r, ...t } = e, u = $(k, o), [d, f] = n.useState(!1), [w, v] = n.useState(!1);
+  return ct(() => f(!0)), n.useEffect(() => {
+    const c = window.setTimeout(() => v(!0), 1e3);
+    return () => window.clearTimeout(c);
+  }, []), w ? null : /* @__PURE__ */ s(ke, { asChild: !0, children: /* @__PURE__ */ s(Z, { ...t, children: d && /* @__PURE__ */ I(ie, { children: [
+    u.label,
     " ",
     r
   ] }) }) });
-}, nt = "ToastTitle", ve = n.forwardRef(
-  (t, e) => {
-    const { __scopeToast: r, ...o } = t;
-    return /* @__PURE__ */ a(X.div, { ...o, ref: e });
+}, at = "ToastTitle", we = n.forwardRef(
+  (e, o) => {
+    const { __scopeToast: r, ...t } = e;
+    return /* @__PURE__ */ s(D.div, { ...t, ref: o });
   }
 );
-ve.displayName = nt;
-var at = "ToastDescription", Te = n.forwardRef(
-  (t, e) => {
-    const { __scopeToast: r, ...o } = t;
-    return /* @__PURE__ */ a(X.div, { ...o, ref: e });
+we.displayName = at;
+var it = "ToastDescription", Te = n.forwardRef(
+  (e, o) => {
+    const { __scopeToast: r, ...t } = e;
+    return /* @__PURE__ */ s(D.div, { ...t, ref: o });
   }
 );
-Te.displayName = at;
-var Ee = "ToastAction", he = n.forwardRef(
-  (t, e) => {
-    const { altText: r, ...o } = t;
-    return r.trim() ? /* @__PURE__ */ a(Pe, { altText: r, asChild: !0, children: /* @__PURE__ */ a(Ce, { ...o, ref: e }) }) : (console.error(
-      `Invalid prop \`altText\` supplied to \`${Ee}\`. Expected non-empty \`string\`.`
+Te.displayName = it;
+var ve = "ToastAction", Ee = n.forwardRef(
+  (e, o) => {
+    const { altText: r, ...t } = e;
+    return r.trim() ? /* @__PURE__ */ s(Pe, { altText: r, asChild: !0, children: /* @__PURE__ */ s(ye, { ...t, ref: o }) }) : (console.error(
+      `Invalid prop \`altText\` supplied to \`${ve}\`. Expected non-empty \`string\`.`
     ), null);
   }
 );
-he.displayName = Ee;
-var ye = "ToastClose", Ce = n.forwardRef(
-  (t, e) => {
-    const { __scopeToast: r, ...o } = t, c = ot(ye, r);
-    return /* @__PURE__ */ a(Pe, { asChild: !0, children: /* @__PURE__ */ a(
-      X.button,
+Ee.displayName = ve;
+var he = "ToastClose", ye = n.forwardRef(
+  (e, o) => {
+    const { __scopeToast: r, ...t } = e, u = rt(he, r);
+    return /* @__PURE__ */ s(Pe, { asChild: !0, children: /* @__PURE__ */ s(
+      D.button,
       {
         type: "button",
-        ...o,
-        ref: e,
-        onClick: O(t.onClick, c.onClose)
+        ...t,
+        ref: o,
+        onClick: b(e.onClick, u.onClose)
       }
     ) });
   }
 );
-Ce.displayName = ye;
-var Pe = n.forwardRef((t, e) => {
-  const { __scopeToast: r, altText: o, ...c } = t;
-  return /* @__PURE__ */ a(
-    X.div,
+ye.displayName = he;
+var Pe = n.forwardRef((e, o) => {
+  const { __scopeToast: r, altText: t, ...u } = e;
+  return /* @__PURE__ */ s(
+    D.div,
     {
       "data-radix-toast-announce-exclude": "",
-      "data-radix-toast-announce-alt": o || void 0,
-      ...c,
-      ref: e
+      "data-radix-toast-announce-alt": t || void 0,
+      ...u,
+      ref: o
     }
   );
 });
-function xe(t) {
-  const e = [];
-  return Array.from(t.childNodes).forEach((o) => {
-    if (o.nodeType === o.TEXT_NODE && o.textContent && e.push(o.textContent), ct(o)) {
-      const c = o.ariaHidden || o.hidden || o.style.display === "none", u = o.dataset.radixToastAnnounceExclude === "";
-      if (!c)
-        if (u) {
-          const f = o.dataset.radixToastAnnounceAlt;
-          f && e.push(f);
+function Ce(e) {
+  const o = [];
+  return Array.from(e.childNodes).forEach((t) => {
+    if (t.nodeType === t.TEXT_NODE && t.textContent && o.push(t.textContent), ut(t)) {
+      const u = t.ariaHidden || t.hidden || t.style.display === "none", d = t.dataset.radixToastAnnounceExclude === "";
+      if (!u)
+        if (d) {
+          const f = t.dataset.radixToastAnnounceAlt;
+          f && o.push(f);
         } else
-          e.push(...xe(o));
+          o.push(...Ce(t));
     }
-  }), e;
+  }), o;
 }
-function j(t, e, r, { discrete: o }) {
-  const c = r.originalEvent.currentTarget, u = new CustomEvent(t, { bubbles: !0, cancelable: !0, detail: r });
-  e && c.addEventListener(t, e, { once: !0 }), o ? _e(c, u) : c.dispatchEvent(u);
+function X(e, o, r, { discrete: t }) {
+  const u = r.originalEvent.currentTarget, d = new CustomEvent(e, { bubbles: !0, cancelable: !0, detail: r });
+  o && u.addEventListener(e, o, { once: !0 }), t ? De(u, d) : u.dispatchEvent(d);
 }
-var ae = (t, e, r = 0) => {
-  const o = Math.abs(t.x), c = Math.abs(t.y), u = o > c;
-  return e === "left" || e === "right" ? u && o > r : !u && c > r;
+var se = (e, o, r = 0) => {
+  const t = Math.abs(e.x), u = Math.abs(e.y), d = t > u;
+  return o === "left" || o === "right" ? d && t > r : !d && u > r;
 };
-function it(t = () => {
+function ct(e = () => {
 }) {
-  const e = q(t);
-  Ae(() => {
-    let r = 0, o = 0;
-    return r = window.requestAnimationFrame(() => o = window.requestAnimationFrame(e)), () => {
-      window.cancelAnimationFrame(r), window.cancelAnimationFrame(o);
+  const o = Y(e);
+  _e(() => {
+    let r = 0, t = 0;
+    return r = window.requestAnimationFrame(() => t = window.requestAnimationFrame(o)), () => {
+      window.cancelAnimationFrame(r), window.cancelAnimationFrame(t);
     };
-  }, [e]);
+  }, [o]);
 }
-function ct(t) {
-  return t.nodeType === t.ELEMENT_NODE;
+function ut(e) {
+  return e.nodeType === e.ELEMENT_NODE;
 }
-function lt(t) {
-  const e = [], r = document.createTreeWalker(t, NodeFilter.SHOW_ELEMENT, {
-    acceptNode: (o) => {
-      const c = o.tagName === "INPUT" && o.type === "hidden";
-      return o.disabled || o.hidden || c ? NodeFilter.FILTER_SKIP : o.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+function lt(e) {
+  const o = [], r = 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;
     }
   });
-  for (; r.nextNode(); ) e.push(r.currentNode);
-  return e;
+  for (; r.nextNode(); ) o.push(r.currentNode);
+  return o;
 }
-function Z(t) {
-  const e = document.activeElement;
-  return t.some((r) => r === e ? !0 : (r.focus(), document.activeElement !== e));
+function q(e) {
+  const o = document.activeElement;
+  return e.some((r) => r === o ? !0 : (r.focus(), document.activeElement !== o));
 }
-var ut = de, dt = pe, ft = we, pt = ve, ie = Te, mt = he;
-const Dt = (t) => {
-  const e = Re.c(51), {
-    title: r,
-    duration: o,
-    titleClassName: c,
-    descriptionClassName: u,
-    description: f,
-    children: v,
-    theme: T,
-    showCloseButton: l,
-    closeButtonClassName: R,
-    className: y,
-    open: K,
-    setOpen: b,
-    variant: w
-  } = t, d = o === void 0 ? 5e3 : o, i = l === void 0 ? !0 : l, C = K === void 0 ? !1 : K, p = be(0);
-  let m, E;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = () => () => clearTimeout(p.current), E = [], e[0] = m, e[1] = E) : (m = e[0], E = e[1]), ge(m, E);
-  let P;
-  e: {
-    if (Q(r)) {
-      let _;
-      e[2] !== r || e[3] !== c ? (_ = /* @__PURE__ */ a(J, { className: c, children: r }), e[2] = r, e[3] = c, e[4] = _) : _ = e[4], P = _;
-      break e;
-    }
-    P = r;
-  }
-  const h = P;
-  let M;
-  e: {
-    if (Q(f)) {
-      let _;
-      e[5] !== f || e[6] !== u ? (_ = /* @__PURE__ */ a(J, { className: u, children: f }), e[5] = f, e[6] = u, e[7] = _) : _ = e[7], M = _;
-      break e;
-    }
-    M = f;
-  }
-  const A = M;
-  let L;
-  e[8] !== b ? (L = () => {
-    b(!1), p.current = window.setTimeout(() => b(!0), 100);
-  }, e[8] = b, e[9] = L) : L = e[9];
-  const H = L;
-  let N;
-  e[10] !== v || e[11] !== H ? (N = /* @__PURE__ */ a(J, { onClick: H, children: v }), e[10] = v, e[11] = H, e[12] = N) : N = e[12];
-  let D;
-  e[13] !== y || e[14] !== w ? (D = z(Ve({
-    variant: w,
-    className: y
-  })), e[13] = y, e[14] = w, e[15] = D) : D = e[15];
-  let k;
-  e[16] !== w ? (k = w === "success" && /* @__PURE__ */ a($e, { size: 20, className: "shrink-0" }), e[16] = w, e[17] = k) : k = e[17];
-  let s;
-  e[18] !== w ? (s = w === "error" && /* @__PURE__ */ a(Be, { size: 20, className: "shrink-0" }), e[18] = w, e[19] = s) : s = e[19];
-  let x;
-  e[20] !== w ? (x = w === "warning" && /* @__PURE__ */ a(Ue, { size: 20, className: "shrink-0" }), e[20] = w, e[21] = x) : x = e[21];
-  let g;
-  e[22] !== c || e[23] !== h ? (g = /* @__PURE__ */ a(pt, { asChild: !0, className: c, children: h }), e[22] = c, e[23] = h, e[24] = g) : g = e[24];
-  let S;
-  e[25] !== u || e[26] !== A ? (S = A && (Q(A) ? /* @__PURE__ */ a(ie, { asChild: !0, children: A }) : /* @__PURE__ */ a(ie, { className: z("text-sm", u), children: A })), e[25] = u, e[26] = A, e[27] = S) : S = e[27];
-  let I;
-  e[28] !== g || e[29] !== S ? (I = /* @__PURE__ */ U("div", { className: "flex flex-col gap-1", children: [
-    g,
-    S
-  ] }), e[28] = g, e[29] = S, e[30] = I) : I = e[30];
-  let F;
-  e[31] !== k || e[32] !== s || e[33] !== x || e[34] !== I ? (F = /* @__PURE__ */ U("div", { className: "flex gap-2 items-center flex-1", children: [
-    k,
-    s,
-    x,
-    I
-  ] }), e[31] = k, e[32] = s, e[33] = x, e[34] = I, e[35] = F) : F = e[35];
-  let W;
-  e[36] !== R || e[37] !== i ? (W = i && /* @__PURE__ */ a(mt, { asChild: !0, altText: "Close the toast", children: /* @__PURE__ */ U("button", { type: "button", className: "cursor-pointer", children: [
-    /* @__PURE__ */ a(We, { className: z(Ke({
-      className: R
-    })) }),
-    /* @__PURE__ */ a(ke, { children: "Close toast" })
-  ] }) }), e[36] = R, e[37] = i, e[38] = W) : W = e[38];
-  let $;
-  e[39] !== C || e[40] !== b || e[41] !== D || e[42] !== F || e[43] !== W || e[44] !== T ? ($ = /* @__PURE__ */ U(ft, { className: D, "data-theme": T, open: C, onOpenChange: b, children: [
-    F,
-    W
-  ] }), e[39] = C, e[40] = b, e[41] = D, e[42] = F, e[43] = W, e[44] = T, e[45] = $) : $ = e[45];
-  let B;
-  e[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ a(dt, { className: z(He()) }), e[46] = B) : B = e[46];
-  let V;
-  return e[47] !== d || e[48] !== $ || e[49] !== N ? (V = /* @__PURE__ */ U(ut, { swipeDirection: "right", duration: d, children: [
-    N,
-    $,
-    B
-  ] }), e[47] = d, e[48] = $, e[49] = N, e[50] = V) : V = e[50], V;
+var dt = le, ft = fe, pt = me, mt = we, ae = Te, wt = Ee;
+const _t = ({
+  title: e,
+  duration: o = 5e3,
+  titleClassName: r,
+  descriptionClassName: t,
+  description: u,
+  children: d,
+  theme: f,
+  showCloseButton: w = !0,
+  closeButtonClassName: v,
+  className: c,
+  open: E = !1,
+  setOpen: T,
+  variant: x
+}) => {
+  const R = be(0);
+  ge(() => () => clearTimeout(R.current), []);
+  const g = ne(() => j(e) ? /* @__PURE__ */ s(B, { className: r, children: e }) : e, [e, r]), l = ne(() => j(u) ? /* @__PURE__ */ s(B, { className: t, children: u }) : u, [u, t]), a = Se(() => {
+    T(!1), R.current = window.setTimeout(() => T(!0), 100);
+  }, [T]);
+  return /* @__PURE__ */ I(dt, { swipeDirection: "right", duration: o, children: [
+    /* @__PURE__ */ s(B, { onClick: a, children: d }),
+    /* @__PURE__ */ I(
+      pt,
+      {
+        className: U(He({ variant: x, className: c })),
+        "data-theme": f,
+        open: E,
+        onOpenChange: T,
+        children: [
+          /* @__PURE__ */ I("div", { className: "flex gap-2 items-center flex-1", children: [
+            x === "success" && /* @__PURE__ */ s(Ue, { size: 20, className: "shrink-0" }),
+            x === "error" && /* @__PURE__ */ s(Xe, { size: 20, className: "shrink-0" }),
+            x === "warning" && /* @__PURE__ */ s(Ye, { size: 20, className: "shrink-0" }),
+            /* @__PURE__ */ I("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ s(mt, { asChild: !0, className: r, children: g }),
+              l && (j(l) ? /* @__PURE__ */ s(ae, { asChild: !0, children: l }) : /* @__PURE__ */ s(ae, { className: U("text-sm", t), children: l }))
+            ] })
+          ] }),
+          w && /* @__PURE__ */ s(wt, { asChild: !0, altText: "Close the toast", children: /* @__PURE__ */ I("button", { type: "button", className: "cursor-pointer", children: [
+            /* @__PURE__ */ s(
+              $e,
+              {
+                className: U(
+                  Ke({
+                    className: v
+                  })
+                )
+              }
+            ),
+            /* @__PURE__ */ s(Ve, { children: "Close toast" })
+          ] }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ s(ft, { className: U(We()) })
+  ] });
 };
 export {
-  Dt as Toast
+  _t as Toast
 };