@konstructio/ui 0.0.12 → 0.0.13-alpha.2

package/dist/components/Toast/Toast.js

@@ -1,32 +1,29 @@
-import { jsxs as D, jsx as c, Fragment as se } from "react/jsx-runtime";
-import { u as ae, S as j } from "../../index-DoOsnuB6.js";
+import { jsx as c, jsxs as D, Fragment as se } from "react/jsx-runtime";
+import { u as ae, S as j } from "../../index-Bk324h27.js";
 import * as s from "react";
-import { useState as Re, useRef as be, useEffect as ge, useMemo as oe, isValidElement as re, useCallback as Se } from "react";
-import { P as L, r as Ie, d as Ne } from "../../index-BaNV0qac.js";
-import { c as Ae, a as Fe, b as X, d as b, u as _e } from "../../index-8vgf-x5i.js";
-import { c as De } from "../../index-BBjak_0p.js";
-import { B as Le, R as Oe, P as Me } from "../../index-BedjZUuB.js";
-import { P as ke } from "../../index-D4Q2rMby.js";
-import { V as ie, R as Ve } from "../../index-BtibbG81.js";
-import "../../contexts/theme.context.js";
-import { useTheme as Ke } from "../../contexts/theme.hook.js";
-import "../../js.cookie-OLEfuq_g.js";
+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-g-TFwd6Y.js";
+import { c as Ne, a as Ae, b, d as X, u as Fe } from "../../index-bYyfdsls.js";
+import { c as _e } from "../../index-D9BbbgUq.js";
+import { B as De, R as Le, P as Me } from "../../index-YaQrdkGE.js";
+import { P as Oe } from "../../index-G_6jG4Qc.js";
+import { V as ie, R as ke } from "../../index-CWKdynYu.js";
 import { cn as q } from "../../utils/index.js";
-import { toastVariants as He, closeToastVariants as We, viewportToastVariants as Xe } from "./Toast.variants.js";
-import { X as $e } from "../../x-CRBgmX1Q.js";
-var Z = "ToastProvider", [ee, Ue, Ye] = De("Toast"), [ce, It] = Ae("Toast", [Ye]), [Be, $] = ce(Z), ue = (e) => {
+import { closeToastVariants as Ve, toastVariants as Ke, viewportToastVariants as He } from "./Toast.variants.js";
+import { X as We } from "../../x-DU-Zw-L_.js";
+var Z = "ToastProvider", [ee, Xe, $e] = _e("Toast"), [ce, xt] = Ne("Toast", [$e]), [Ue, $] = ce(Z), ue = (e) => {
   const {
     __scopeToast: r,
     label: o = "Notification",
     duration: t = 5e3,
     swipeDirection: u = "right",
     swipeThreshold: d = 50,
-    children: p
-  } = e, [m, v] = s.useState(null), [n, w] = s.useState(0), E = s.useRef(!1), I = s.useRef(!1);
+    children: f
+  } = e, [m, v] = s.useState(null), [n, h] = s.useState(0), w = s.useRef(!1), S = s.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(
-    Be,
+    Ue,
     {
       scope: r,
       label: o,
@@ -36,111 +33,111 @@ var Z = "ToastProvider", [ee, Ue, Ye] = De("Toast"), [ce, It] = Ae("Toast", [Ye]
       toastCount: n,
       viewport: m,
       onViewportChange: v,
-      onToastAdd: s.useCallback(() => w((R) => R + 1), []),
-      onToastRemove: s.useCallback(() => w((R) => R - 1), []),
-      isFocusedToastEscapeKeyDownRef: E,
-      isClosePausedRef: I,
-      children: p
+      onToastAdd: s.useCallback(() => h((g) => g + 1), []),
+      onToastRemove: s.useCallback(() => h((g) => g - 1), []),
+      isFocusedToastEscapeKeyDownRef: w,
+      isClosePausedRef: S,
+      children: f
     }
   ) });
 };
 ue.displayName = Z;
-var le = "ToastViewport", je = ["F8"], G = "toast.viewportPause", J = "toast.viewportResume", de = s.forwardRef(
+var le = "ToastViewport", Ye = ["F8"], G = "toast.viewportPause", J = "toast.viewportResume", de = s.forwardRef(
   (e, r) => {
     const {
       __scopeToast: o,
-      hotkey: t = je,
+      hotkey: t = Ye,
       label: u = "Notifications ({hotkey})",
       ...d
-    } = e, p = $(le, o), m = Ue(o), v = s.useRef(null), n = s.useRef(null), w = s.useRef(null), E = s.useRef(null), I = ae(r, E, p.onViewportChange), R = t.join("+").replace(/Key/g, "").replace(/Digit/g, ""), g = p.toastCount > 0;
+    } = e, f = $(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 a = (P) => {
+      const i = (C) => {
         var T;
-        t.length !== 0 && t.every((h) => P[h] || P.code === h) && ((T = E.current) == null || T.focus());
+        t.length !== 0 && t.every((E) => C[E] || C.code === E) && ((T = w.current) == null || T.focus());
       };
-      return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
+      return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
     }, [t]), s.useEffect(() => {
-      const a = v.current, P = E.current;
-      if (g && a && P) {
-        const f = () => {
-          if (!p.isClosePausedRef.current) {
-            const C = new CustomEvent(G);
-            P.dispatchEvent(C), p.isClosePausedRef.current = !0;
+      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;
           }
         }, T = () => {
-          if (p.isClosePausedRef.current) {
-            const C = new CustomEvent(J);
-            P.dispatchEvent(C), p.isClosePausedRef.current = !1;
+          if (f.isClosePausedRef.current) {
+            const P = new CustomEvent(J);
+            C.dispatchEvent(P), f.isClosePausedRef.current = !1;
           }
-        }, h = (C) => {
-          !a.contains(C.relatedTarget) && T();
+        }, E = (P) => {
+          !i.contains(P.relatedTarget) && T();
         }, y = () => {
-          a.contains(document.activeElement) || T();
+          i.contains(document.activeElement) || T();
         };
-        return a.addEventListener("focusin", f), a.addEventListener("focusout", h), a.addEventListener("pointermove", f), a.addEventListener("pointerleave", y), window.addEventListener("blur", f), window.addEventListener("focus", T), () => {
-          a.removeEventListener("focusin", f), a.removeEventListener("focusout", h), a.removeEventListener("pointermove", f), a.removeEventListener("pointerleave", y), window.removeEventListener("blur", f), window.removeEventListener("focus", T);
+        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);
         };
       }
-    }, [g, p.isClosePausedRef]);
+    }, [R, f.isClosePausedRef]);
     const l = s.useCallback(
-      ({ tabbingDirection: a }) => {
-        const f = m().map((T) => {
-          const h = T.ref.current, y = [h, ...at(h)];
-          return a === "forwards" ? y : y.reverse();
+      ({ tabbingDirection: i }) => {
+        const p = m().map((T) => {
+          const E = T.ref.current, y = [E, ...nt(E)];
+          return i === "forwards" ? y : y.reverse();
         });
-        return (a === "forwards" ? f.reverse() : f).flat();
+        return (i === "forwards" ? p.reverse() : p).flat();
       },
       [m]
     );
     return s.useEffect(() => {
-      const a = E.current;
-      if (a) {
-        const P = (f) => {
-          var y, C, N;
-          const T = f.altKey || f.ctrlKey || f.metaKey;
-          if (f.key === "Tab" && !T) {
-            const O = document.activeElement, F = f.shiftKey;
-            if (f.target === a && F) {
+      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;
             }
-            const A = l({ tabbingDirection: F ? "backwards" : "forwards" }), V = A.findIndex((i) => i === O);
-            z(A.slice(V + 1)) ? f.preventDefault() : F ? (C = n.current) == null || C.focus() : (N = w.current) == null || N.focus();
+            const A = l({ tabbingDirection: F ? "backwards" : "forwards" }), V = A.findIndex((a) => a === M);
+            z(A.slice(V + 1)) ? p.preventDefault() : F ? (P = n.current) == null || P.focus() : (N = h.current) == null || N.focus();
           }
         };
-        return a.addEventListener("keydown", P), () => a.removeEventListener("keydown", P);
+        return i.addEventListener("keydown", C), () => i.removeEventListener("keydown", C);
       }
     }, [m, l]), /* @__PURE__ */ D(
-      Le,
+      De,
       {
         ref: v,
         role: "region",
-        "aria-label": u.replace("{hotkey}", R),
+        "aria-label": u.replace("{hotkey}", g),
         tabIndex: -1,
-        style: { pointerEvents: g ? void 0 : "none" },
+        style: { pointerEvents: R ? void 0 : "none" },
         children: [
-          g && /* @__PURE__ */ c(
+          R && /* @__PURE__ */ c(
             Q,
             {
               ref: n,
               onFocusFromOutsideViewport: () => {
-                const a = l({
+                const i = l({
                   tabbingDirection: "forwards"
                 });
-                z(a);
+                z(i);
               }
             }
           ),
-          /* @__PURE__ */ c(ee.Slot, { scope: o, children: /* @__PURE__ */ c(L.ol, { tabIndex: -1, ...d, ref: I }) }),
-          g && /* @__PURE__ */ c(
+          /* @__PURE__ */ c(ee.Slot, { scope: o, children: /* @__PURE__ */ c(L.ol, { tabIndex: -1, ...d, ref: S }) }),
+          R && /* @__PURE__ */ c(
             Q,
             {
-              ref: w,
+              ref: h,
               onFocusFromOutsideViewport: () => {
-                const a = l({
+                const i = l({
                   tabbingDirection: "backwards"
                 });
-                z(a);
+                z(i);
               }
             }
           )
@@ -150,9 +147,9 @@ var le = "ToastViewport", je = ["F8"], G = "toast.viewportPause", J = "toast.vie
   }
 );
 de.displayName = le;
-var pe = "ToastFocusProxy", Q = s.forwardRef(
+var fe = "ToastFocusProxy", Q = s.forwardRef(
   (e, r) => {
-    const { __scopeToast: o, onFocusFromOutsideViewport: t, ...u } = e, d = $(pe, o);
+    const { __scopeToast: o, onFocusFromOutsideViewport: t, ...u } = e, d = $(fe, o);
     return /* @__PURE__ */ c(
       ie,
       {
@@ -161,28 +158,28 @@ var pe = "ToastFocusProxy", Q = s.forwardRef(
         ...u,
         ref: r,
         style: { position: "fixed" },
-        onFocus: (p) => {
+        onFocus: (f) => {
           var n;
-          const m = p.relatedTarget;
+          const m = f.relatedTarget;
           !((n = d.viewport) != null && n.contains(m)) && t();
         }
       }
     );
   }
 );
-Q.displayName = pe;
-var U = "Toast", qe = "toast.swipeStart", ze = "toast.swipeMove", Ge = "toast.swipeCancel", Je = "toast.swipeEnd", fe = s.forwardRef(
+Q.displayName = fe;
+var U = "Toast", Be = "toast.swipeStart", je = "toast.swipeMove", qe = "toast.swipeCancel", ze = "toast.swipeEnd", pe = s.forwardRef(
   (e, r) => {
-    const { forceMount: o, open: t, defaultOpen: u, onOpenChange: d, ...p } = e, [m = !0, v] = Fe({
+    const { forceMount: o, open: t, defaultOpen: u, onOpenChange: d, ...f } = e, [m = !0, v] = Ae({
       prop: t,
       defaultProp: u,
       onChange: d
     });
-    return /* @__PURE__ */ c(ke, { present: o || m, children: /* @__PURE__ */ c(
-      et,
+    return /* @__PURE__ */ c(Oe, { present: o || m, children: /* @__PURE__ */ c(
+      Qe,
       {
         open: m,
-        ...p,
+        ...f,
         ref: r,
         onClose: () => v(!1),
         onPause: X(e.onPause),
@@ -191,69 +188,69 @@ var U = "Toast", qe = "toast.swipeStart", ze = "toast.swipeMove", Ge = "toast.sw
           n.currentTarget.setAttribute("data-swipe", "start");
         }),
         onSwipeMove: b(e.onSwipeMove, (n) => {
-          const { x: w, y: E } = n.detail.delta;
-          n.currentTarget.setAttribute("data-swipe", "move"), n.currentTarget.style.setProperty("--radix-toast-swipe-move-x", `${w}px`), n.currentTarget.style.setProperty("--radix-toast-swipe-move-y", `${E}px`);
+          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`);
         }),
         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");
         }),
         onSwipeEnd: b(e.onSwipeEnd, (n) => {
-          const { x: w, y: E } = 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", `${w}px`), n.currentTarget.style.setProperty("--radix-toast-swipe-end-y", `${E}px`), v(!1);
+          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);
         })
       }
     ) });
   }
 );
-fe.displayName = U;
-var [Qe, Ze] = ce(U, {
+pe.displayName = U;
+var [Ge, Je] = ce(U, {
   onClose() {
   }
-}), et = s.forwardRef(
+}), Qe = s.forwardRef(
   (e, r) => {
     const {
       __scopeToast: o,
       type: t = "foreground",
       duration: u,
       open: d,
-      onClose: p,
+      onClose: f,
       onEscapeKeyDown: m,
       onPause: v,
       onResume: n,
-      onSwipeStart: w,
-      onSwipeMove: E,
-      onSwipeCancel: I,
-      onSwipeEnd: R,
-      ...g
-    } = e, l = $(U, o), [a, P] = s.useState(null), f = ae(r, (i) => P(i)), T = s.useRef(null), h = s.useRef(null), y = u || l.duration, C = s.useRef(0), N = s.useRef(y), O = s.useRef(0), { onToastAdd: F, onToastRemove: Y } = l, _ = X(() => {
+      onSwipeStart: h,
+      onSwipeMove: w,
+      onSwipeCancel: S,
+      onSwipeEnd: g,
+      ...R
+    } = e, l = $(U, 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, _ = X(() => {
       var x;
-      (a == null ? void 0 : a.contains(document.activeElement)) && ((x = l.viewport) == null || x.focus()), p();
+      (i == null ? void 0 : i.contains(document.activeElement)) && ((x = l.viewport) == null || x.focus()), f();
     }), A = s.useCallback(
-      (i) => {
-        !i || i === 1 / 0 || (window.clearTimeout(O.current), C.current = (/* @__PURE__ */ new Date()).getTime(), O.current = window.setTimeout(_, i));
+      (a) => {
+        !a || a === 1 / 0 || (window.clearTimeout(M.current), P.current = (/* @__PURE__ */ new Date()).getTime(), M.current = window.setTimeout(_, a));
       },
       [_]
     );
     s.useEffect(() => {
-      const i = l.viewport;
-      if (i) {
+      const a = l.viewport;
+      if (a) {
         const x = () => {
           A(N.current), n == null || n();
-        }, S = () => {
-          const M = (/* @__PURE__ */ new Date()).getTime() - C.current;
-          N.current = N.current - M, window.clearTimeout(O.current), v == null || v();
+        }, I = () => {
+          const O = (/* @__PURE__ */ new Date()).getTime() - P.current;
+          N.current = N.current - O, window.clearTimeout(M.current), v == null || v();
         };
-        return i.addEventListener(G, S), i.addEventListener(J, x), () => {
-          i.removeEventListener(G, S), i.removeEventListener(J, x);
+        return a.addEventListener(G, I), a.addEventListener(J, x), () => {
+          a.removeEventListener(G, I), a.removeEventListener(J, x);
         };
       }
     }, [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 V = s.useMemo(() => a ? Pe(a) : null, [a]);
+    const V = s.useMemo(() => i ? Ce(i) : null, [i]);
     return l.viewport ? /* @__PURE__ */ D(se, { children: [
       V && /* @__PURE__ */ c(
-        tt,
+        Ze,
         {
           __scopeToast: o,
           role: "status",
@@ -262,9 +259,9 @@ var [Qe, Ze] = ce(U, {
           children: V
         }
       ),
-      /* @__PURE__ */ c(Qe, { scope: o, onClose: _, children: Ie.createPortal(
+      /* @__PURE__ */ c(Ge, { scope: o, onClose: _, children: Se.createPortal(
         /* @__PURE__ */ c(ee.ItemSlot, { scope: o, children: /* @__PURE__ */ c(
-          Oe,
+          Le,
           {
             asChild: !0,
             onEscapeKeyDown: b(m, () => {
@@ -279,38 +276,38 @@ var [Qe, Ze] = ce(U, {
                 tabIndex: 0,
                 "data-state": d ? "open" : "closed",
                 "data-swipe-direction": l.swipeDirection,
-                ...g,
-                ref: f,
+                ...R,
+                ref: p,
                 style: { userSelect: "none", touchAction: "none", ...e.style },
-                onKeyDown: b(e.onKeyDown, (i) => {
-                  i.key === "Escape" && (m == null || m(i.nativeEvent), i.nativeEvent.defaultPrevented || (l.isFocusedToastEscapeKeyDownRef.current = !0, _()));
+                onKeyDown: b(e.onKeyDown, (a) => {
+                  a.key === "Escape" && (m == null || m(a.nativeEvent), a.nativeEvent.defaultPrevented || (l.isFocusedToastEscapeKeyDownRef.current = !0, _()));
                 }),
-                onPointerDown: b(e.onPointerDown, (i) => {
-                  i.button === 0 && (T.current = { x: i.clientX, y: i.clientY });
+                onPointerDown: b(e.onPointerDown, (a) => {
+                  a.button === 0 && (T.current = { x: a.clientX, y: a.clientY });
                 }),
-                onPointerMove: b(e.onPointerMove, (i) => {
+                onPointerMove: b(e.onPointerMove, (a) => {
                   if (!T.current) return;
-                  const x = i.clientX - T.current.x, S = i.clientY - T.current.y, M = !!h.current, k = ["left", "right"].includes(l.swipeDirection), K = ["left", "up"].includes(l.swipeDirection) ? Math.min : Math.max, Ce = k ? K(0, x) : 0, xe = k ? 0 : K(0, S), B = i.pointerType === "touch" ? 10 : 2, H = { x: Ce, y: xe }, te = { originalEvent: i, delta: H };
-                  M ? (h.current = H, W(ze, E, te, {
+                  const x = a.clientX - T.current.x, I = a.clientY - T.current.y, O = !!E.current, k = ["left", "right"].includes(l.swipeDirection), K = ["left", "up"].includes(l.swipeDirection) ? Math.min : Math.max, Pe = k ? K(0, x) : 0, xe = k ? 0 : K(0, I), B = a.pointerType === "touch" ? 10 : 2, H = { x: Pe, y: xe }, te = { originalEvent: a, delta: H };
+                  O ? (E.current = H, W(je, w, te, {
                     discrete: !1
-                  })) : ne(H, l.swipeDirection, B) ? (h.current = H, W(qe, w, te, {
+                  })) : ne(H, l.swipeDirection, B) ? (E.current = H, W(Be, h, te, {
                     discrete: !1
-                  }), i.target.setPointerCapture(i.pointerId)) : (Math.abs(x) > B || Math.abs(S) > B) && (T.current = null);
+                  }), a.target.setPointerCapture(a.pointerId)) : (Math.abs(x) > B || Math.abs(I) > B) && (T.current = null);
                 }),
-                onPointerUp: b(e.onPointerUp, (i) => {
-                  const x = h.current, S = i.target;
-                  if (S.hasPointerCapture(i.pointerId) && S.releasePointerCapture(i.pointerId), h.current = null, T.current = null, x) {
-                    const M = i.currentTarget, k = { originalEvent: i, delta: x };
-                    ne(x, l.swipeDirection, l.swipeThreshold) ? W(Je, R, k, {
+                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) ? W(ze, g, k, {
                       discrete: !0
                     }) : W(
-                      Ge,
-                      I,
+                      qe,
+                      S,
                       k,
                       {
                         discrete: !0
                       }
-                    ), M.addEventListener("click", (K) => K.preventDefault(), {
+                    ), O.addEventListener("click", (K) => K.preventDefault(), {
                       once: !0
                     });
                   }
@@ -323,9 +320,9 @@ var [Qe, Ze] = ce(U, {
       ) })
     ] }) : null;
   }
-), tt = (e) => {
-  const { __scopeToast: r, children: o, ...t } = e, u = $(U, r), [d, p] = s.useState(!1), [m, v] = s.useState(!1);
-  return nt(() => p(!0)), s.useEffect(() => {
+), Ze = (e) => {
+  const { __scopeToast: r, children: o, ...t } = e, u = $(U, 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: [
@@ -333,20 +330,20 @@ var [Qe, Ze] = ce(U, {
     " ",
     o
   ] }) }) });
-}, ot = "ToastTitle", me = s.forwardRef(
+}, et = "ToastTitle", me = s.forwardRef(
   (e, r) => {
     const { __scopeToast: o, ...t } = e;
     return /* @__PURE__ */ c(L.div, { ...t, ref: r });
   }
 );
-me.displayName = ot;
-var rt = "ToastDescription", Te = s.forwardRef(
+me.displayName = et;
+var tt = "ToastDescription", Te = s.forwardRef(
   (e, r) => {
     const { __scopeToast: o, ...t } = e;
     return /* @__PURE__ */ c(L.div, { ...t, ref: r });
   }
 );
-Te.displayName = rt;
+Te.displayName = tt;
 var ve = "ToastAction", we = s.forwardRef(
   (e, r) => {
     const { altText: o, ...t } = e;
@@ -358,7 +355,7 @@ var ve = "ToastAction", we = s.forwardRef(
 we.displayName = ve;
 var Ee = "ToastClose", he = s.forwardRef(
   (e, r) => {
-    const { __scopeToast: o, ...t } = e, u = Ze(Ee, o);
+    const { __scopeToast: o, ...t } = e, u = Je(Ee, o);
     return /* @__PURE__ */ c(ye, { asChild: !0, children: /* @__PURE__ */ c(
       L.button,
       {
@@ -383,42 +380,42 @@ var ye = s.forwardRef((e, r) => {
     }
   );
 });
-function Pe(e) {
+function Ce(e) {
   const r = [];
   return Array.from(e.childNodes).forEach((t) => {
-    if (t.nodeType === t.TEXT_NODE && t.textContent && r.push(t.textContent), st(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)
         if (d) {
-          const p = t.dataset.radixToastAnnounceAlt;
-          p && r.push(p);
+          const f = t.dataset.radixToastAnnounceAlt;
+          f && r.push(f);
         } else
-          r.push(...Pe(t));
+          r.push(...Ce(t));
     }
   }), r;
 }
 function W(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 ? Ne(u, d) : u.dispatchEvent(d);
+  r && u.addEventListener(e, r, { once: !0 }), t ? Ie(u, d) : u.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;
 };
-function nt(e = () => {
+function ot(e = () => {
 }) {
   const r = X(e);
-  _e(() => {
+  Fe(() => {
     let o = 0, t = 0;
     return o = window.requestAnimationFrame(() => t = window.requestAnimationFrame(r)), () => {
       window.cancelAnimationFrame(o), window.cancelAnimationFrame(t);
     };
   }, [r]);
 }
-function st(e) {
+function rt(e) {
   return e.nodeType === e.ELEMENT_NODE;
 }
-function at(e) {
+function nt(e) {
   const r = [], o = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
     acceptNode: (t) => {
       const u = t.tagName === "INPUT" && t.type === "hidden";
@@ -432,49 +429,57 @@ function z(e) {
   const r = document.activeElement;
   return e.some((o) => o === r ? !0 : (o.focus(), document.activeElement !== r));
 }
-var it = ue, ct = de, ut = fe, lt = me, dt = Te, pt = we;
-const Nt = ({
+var st = ue, at = de, it = pe, ct = me, ut = Te, lt = we;
+const Rt = ({
   title: e,
   duration: r = 5e3,
   titleClassName: o,
   descriptionClassName: t,
   description: u,
   children: d,
-  theme: p,
+  theme: f,
   showCloseButton: m = !0,
-  className: v
+  closeButtonClassName: v,
+  className: n,
+  open: h = !1,
+  setOpen: w
 }) => {
-  const [n, w] = Re(!1), E = be(0), { theme: I } = Ke(), R = p ?? I;
-  ge(() => () => clearTimeout(E.current), []);
-  const g = oe(() => re(e) ? /* @__PURE__ */ c(j, { className: o, children: e }) : /* @__PURE__ */ c("h6", { className: o, children: e }), [e, o]), l = oe(() => re(u) ? /* @__PURE__ */ c(j, { className: t, children: u }) : /* @__PURE__ */ c("h6", { className: t, children: u }), [u, t]), a = Se(() => {
-    w(!1), E.current = window.setTimeout(() => w(!0), 100);
-  }, []);
-  return /* @__PURE__ */ D(it, { swipeDirection: "right", duration: r, children: [
-    /* @__PURE__ */ c(j, { onClick: a, children: d }),
+  const S = Re(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(() => {
+    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(
-      ut,
+      it,
       {
-        className: q(He({ theme: R, className: v })),
-        open: n,
+        className: q(Ke({ className: n })),
+        "data-theme": f,
+        open: h,
         onOpenChange: w,
         children: [
-          /* @__PURE__ */ c(lt, { asChild: !0, className: "text-lg mb-2 font-semibold", children: g }),
-          /* @__PURE__ */ c(dt, { asChild: !0, children: l }),
-          m && /* @__PURE__ */ c(pt, { asChild: !0, altText: "Close the toast", children: /* @__PURE__ */ D("button", { type: "button", className: "absolute right-1.5 top-1.5", children: [
-            /* @__PURE__ */ c($e, { className: q(We({ theme: R })) }),
-            /* @__PURE__ */ c(Ve, { children: "Close toast" })
+          /* @__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(
+              We,
+              {
+                className: q(
+                  Ve({
+                    className: v
+                  })
+                )
+              }
+            ),
+            /* @__PURE__ */ c(ke, { children: "Close toast" })
           ] }) })
         ]
       }
     ),
-    /* @__PURE__ */ c(
-      ct,
-      {
-        className: q(Xe({ theme: R }))
-      }
-    )
+    /* @__PURE__ */ c(at, { className: q(He()) })
   ] });
 };
 export {
-  Nt as Toast
+  Rt as Toast
 };