@koide-labs/ui 0.1.2 → 0.1.3

package/dist/components/toaster/toaster.js

@@ -1,6 +1,6 @@
-import { jsx as E, jsxs as re } from "react/jsx-runtime";
+import { jsx as D, jsxs as re } from "react/jsx-runtime";
 import { c as Ne } from "../../clsx-OuTLNxxd.js";
-import { T as it, a as be, u as at } from "../../use-toast-manager-Dq-44AuW.js";
+import { T as it, a as Re, u as at } from "../../use-toast-manager-Dq-44AuW.js";
 import { View as Pe } from "../view/view.js";
 import { Heading as ct } from "../heading/heading.js";
 import { Text as ut } from "../text/text.js";
@@ -11,7 +11,7 @@ import * as e from "react";
 import { o as ne } from "../../owner-rKN292Q9.js";
 import { u as U } from "../../useStableCallback-DKZHlUAT.js";
 import { T as Oe } from "../../useTimeout-BNni6aw5.js";
-import { d as pe, f as se, m as Ee, h as Re } from "../../element-u5WgOZX1.js";
+import { d as pe, f as se, m as De, h as Ee } from "../../element-u5WgOZX1.js";
 import { F as pt } from "../../FloatingPortalLite-_ECdFE7b.js";
 import { v as mt } from "../../visuallyHidden-CpJ-mhai.js";
 import { F as Te } from "../../FloatingPortal-BQsQhvIr.js";
@@ -21,14 +21,14 @@ import * as ht from "react-dom";
 import { i as gt } from "../../inertValue-BTpPjX30.js";
 import { u as me } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
 import { f as _t } from "../../formatErrorMessage-BqPuTBN-.js";
-import { u as wt, t as vt } from "../../useOpenChangeComplete-BHd-N7Ig.js";
+import { u as yt, t as wt } from "../../useOpenChangeComplete-BHd-N7Ig.js";
 import { u as He } from "../../useId-C5kyn6tA.js";
-import { u as yt } from "../../useButton-d3_JgBNr.js";
+import { u as vt } from "../../useButton-d3_JgBNr.js";
 import '../../toaster.css';let Fe = 0;
 function xt(a) {
   return Fe += 1, `${a}-${Math.random().toString(36).slice(2, 6)}-${Fe}`;
 }
-function De(a, c) {
+function be(a, c) {
   if (typeof a == "string")
     return {
       description: a
@@ -47,26 +47,26 @@ const ke = function(c) {
     timeout: s = 5e3,
     limit: F = 3,
     toastManager: M
-  } = c, [y, u] = e.useState([]), [g, t] = e.useState(!1), [d, w] = e.useState(!1), [o, R] = e.useState(null);
-  y.length === 0 && (g && t(!1), d && w(!1));
-  const b = g || d, N = e.useRef(/* @__PURE__ */ new Map()), z = e.useRef(null), C = e.useRef(!0), X = e.useRef(!1);
+  } = c, [v, u] = e.useState([]), [g, t] = e.useState(!1), [d, y] = e.useState(!1), [o, E] = e.useState(null);
+  v.length === 0 && (g && t(!1), d && y(!1));
+  const R = g || d, N = e.useRef(/* @__PURE__ */ new Map()), z = e.useRef(null), C = e.useRef(!0), X = e.useRef(!1);
   function j(n) {
     const m = pe(ne(z.current));
-    if (!z.current || !se(z.current, m) || !Ee(m))
+    if (!z.current || !se(z.current, m) || !De(m))
       return;
-    const v = y.findIndex((r) => r.id === n);
-    let i = null, _ = v + 1;
-    for (; _ < y.length; ) {
-      if (y[_].transitionStatus !== "ending") {
-        i = y[_];
+    const w = v.findIndex((r) => r.id === n);
+    let i = null, _ = w + 1;
+    for (; _ < v.length; ) {
+      if (v[_].transitionStatus !== "ending") {
+        i = v[_];
         break;
       }
       _ += 1;
     }
     if (!i)
-      for (_ = v - 1; _ >= 0; ) {
-        if (y[_].transitionStatus !== "ending") {
-          i = y[_];
+      for (_ = w - 1; _ >= 0; ) {
+        if (v[_].transitionStatus !== "ending") {
+          i = v[_];
           break;
         }
         _ -= 1;
@@ -75,12 +75,12 @@ const ke = function(c) {
       preventScroll: !0
     });
   }
-  const D = U(() => {
+  const b = U(() => {
     X.current || (X.current = !0, N.current.forEach((n) => {
       if (n.timeout) {
         n.timeout.clear();
-        const m = Date.now() - n.start, v = n.delay - m;
-        n.remaining = v > 0 ? v : 0;
+        const m = Date.now() - n.start, w = n.delay - m;
+        n.remaining = w > 0 ? w : 0;
       }
     }));
   }), I = U(() => {
@@ -107,28 +107,28 @@ const ke = function(c) {
       });
     });
     const m = N.current.get(n);
-    m && m.timeout && (m.timeout.clear(), N.current.delete(n)), y.find((i) => i.id === n)?.onClose?.(), j(n), y.length === 1 && (t(!1), w(!1));
+    m && m.timeout && (m.timeout.clear(), N.current.delete(n)), v.find((i) => i.id === n)?.onClose?.(), j(n), v.length === 1 && (t(!1), y(!1));
   }), q = U((n) => {
-    u((v) => v.filter((i) => i.id !== n)), y.find((v) => v.id === n)?.onRemove?.();
-  }), B = U((n, m, v) => {
+    u((w) => w.filter((i) => i.id !== n)), v.find((w) => w.id === n)?.onRemove?.();
+  }), B = U((n, m, w) => {
     const i = Date.now(), _ = C.current && !g && !d, r = _ ? Oe.create() : void 0;
     r?.start(m, () => {
-      N.current.delete(n), v();
+      N.current.delete(n), w();
     }), N.current.set(n, {
       timeout: r,
       start: _ ? i : 0,
       delay: m,
       remaining: m,
-      callback: v
+      callback: w
     });
   }), G = U((n) => {
-    const m = n.id || xt("toast"), v = {
+    const m = n.id || xt("toast"), w = {
       ...n,
       id: m,
       transitionStatus: "starting"
     };
     u((_) => {
-      const r = [v, ..._], p = r.filter((x) => x.transitionStatus !== "ending");
+      const r = [w, ..._], p = r.filter((x) => x.transitionStatus !== "ending");
       if (p.length > F) {
         const x = p.length - F, T = p.slice(-x);
         return r.map((H) => T.some((Z) => Z.id === H.id) ? {
@@ -144,67 +144,67 @@ const ke = function(c) {
         limited: !1
       }));
     });
-    const i = v.timeout ?? s;
-    return v.type !== "loading" && i > 0 && B(m, i, () => L(m)), (g || d || !C.current) && D(), m;
+    const i = w.timeout ?? s;
+    return w.type !== "loading" && i > 0 && B(m, i, () => L(m)), (g || d || !C.current) && b(), m;
   }), K = U((n, m) => {
-    u((v) => v.map((i) => i.id === n ? {
+    u((w) => w.map((i) => i.id === n ? {
       ...i,
       ...m
     } : i));
   }), O = U((n, m) => {
-    const v = De(m.loading), i = G({
-      ...v,
+    const w = be(m.loading), i = G({
+      ...w,
       type: "loading"
     }), _ = n.then((r) => {
-      const p = De(m.success, r);
+      const p = be(m.success, r);
       K(i, {
         ...p,
         type: "success"
       });
       const x = p.timeout ?? s;
-      return x > 0 && B(i, x, () => L(i)), (g || d || !C.current) && D(), r;
+      return x > 0 && B(i, x, () => L(i)), (g || d || !C.current) && b(), r;
     }).catch((r) => {
-      const p = De(m.error, r);
+      const p = be(m.error, r);
       K(i, {
         ...p,
         type: "error"
       });
       const x = p.timeout ?? s;
-      return x > 0 && B(i, x, () => L(i)), (g || d || !C.current) && D(), Promise.reject(r);
+      return x > 0 && B(i, x, () => L(i)), (g || d || !C.current) && b(), Promise.reject(r);
     });
     return {}.hasOwnProperty.call(m, "setPromise") && m.setPromise(_), _;
   });
   e.useEffect(function() {
     return M ? M[" subscribe"](({
-      action: v,
+      action: w,
       options: i
     }) => {
       const _ = i.id;
-      v === "promise" && i.promise ? O(i.promise, i) : v === "update" && _ ? K(_, i) : v === "close" && _ ? L(_) : G(i);
+      w === "promise" && i.promise ? O(i.promise, i) : w === "update" && _ ? K(_, i) : w === "close" && _ ? L(_) : G(i);
     }) : void 0;
   }, [G, K, B, s, M, O, L]);
   const J = e.useMemo(() => ({
-    toasts: y,
+    toasts: v,
     setToasts: u,
     hovering: g,
     setHovering: t,
     focused: d,
-    setFocused: w,
-    expanded: b,
+    setFocused: y,
+    expanded: R,
     add: G,
     close: L,
     remove: q,
     update: K,
     promise: O,
-    pauseTimers: D,
+    pauseTimers: b,
     resumeTimers: I,
     prevFocusElement: o,
-    setPrevFocusElement: R,
+    setPrevFocusElement: E,
     viewportRef: z,
     scheduleTimer: B,
     windowFocusedRef: C
-  }), [G, L, d, g, b, D, o, O, q, I, B, y, K]);
-  return /* @__PURE__ */ E(it.Provider, {
+  }), [G, L, d, g, R, b, o, O, q, I, B, v, K]);
+  return /* @__PURE__ */ D(it.Provider, {
     value: J,
     children: h
   });
@@ -220,45 +220,45 @@ const Be = /* @__PURE__ */ e.forwardRef(function(c, h) {
     render: s,
     className: F,
     children: M,
-    ...y
+    ...v
   } = c, {
     toasts: u,
     pauseTimers: g,
     resumeTimers: t,
     setHovering: d,
-    setFocused: w,
+    setFocused: y,
     viewportRef: o,
-    windowFocusedRef: R,
-    prevFocusElement: b,
+    windowFocusedRef: E,
+    prevFocusElement: R,
     setPrevFocusElement: N,
     expanded: z,
     focused: C
-  } = be(), X = e.useRef(!1), j = e.useRef(!1), D = u.length, I = u[0]?.height ?? 0, L = e.useMemo(() => u.some((r) => r.transitionStatus === "ending"), [u]);
+  } = Re(), X = e.useRef(!1), j = e.useRef(!1), b = u.length, I = u[0]?.height ?? 0, L = e.useMemo(() => u.some((r) => r.transitionStatus === "ending"), [u]);
   e.useEffect(() => {
     if (!o.current)
       return;
     function r(x) {
-      D !== 0 && x.key === "F6" && x.target !== o.current && (x.preventDefault(), N(pe(ne(o.current))), o.current?.focus({
+      b !== 0 && x.key === "F6" && x.target !== o.current && (x.preventDefault(), N(pe(ne(o.current))), o.current?.focus({
         preventScroll: !0
-      }), g(), w(!0));
+      }), g(), y(!0));
     }
     const p = Ce(o.current);
     return p.addEventListener("keydown", r), () => {
       p.removeEventListener("keydown", r);
     };
-  }, [g, w, N, D, o]), e.useEffect(() => {
-    if (!o.current || !D)
+  }, [g, y, N, b, o]), e.useEffect(() => {
+    if (!o.current || !b)
       return;
     const r = Ce(o.current);
     function p(T) {
-      T.target === r && (R.current = !1, g());
+      T.target === r && (E.current = !1, g());
     }
     function x(T) {
       if (T.relatedTarget || T.target === r)
         return;
-      const H = Re(T), Z = pe(ne(o.current));
-      (!se(o.current, H) || !Ee(Z)) && t(), setTimeout(() => {
-        R.current = !0;
+      const H = Ee(T), Z = pe(ne(o.current));
+      (!se(o.current, H) || !De(Z)) && t(), setTimeout(() => {
+        E.current = !0;
       });
     }
     return r.addEventListener("blur", p, !0), r.addEventListener("focus", x, !0), () => {
@@ -268,41 +268,41 @@ const Be = /* @__PURE__ */ e.forwardRef(function(c, h) {
     g,
     t,
     o,
-    R,
-    w,
+    E,
+    y,
     // `viewportRef.current` isn't available on the first render,
     // since the portal node hasn't yet been created.
     // By adding this dependency, we ensure the window listeners
     // are added when toasts have been created, once the ref is available.
-    D
+    b
   ]), e.useEffect(() => {
     const r = o.current;
-    if (!r || D === 0)
+    if (!r || b === 0)
       return;
     const p = ne(r);
     function x(T) {
       if (T.pointerType !== "touch")
         return;
-      const H = Re(T);
-      se(r, H) || (t(), d(!1), w(!1));
+      const H = Ee(T);
+      se(r, H) || (t(), d(!1), y(!1));
     }
     return p.addEventListener("pointerdown", x, !0), () => {
       p.removeEventListener("pointerdown", x, !0);
     };
-  }, [D, t, w, d, o]);
+  }, [b, t, y, d, o]);
   function q(r) {
-    o.current && (X.current = !0, r.relatedTarget === o.current ? u[0]?.ref?.current?.focus() : b?.focus({
+    o.current && (X.current = !0, r.relatedTarget === o.current ? u[0]?.ref?.current?.focus() : R?.focus({
       preventScroll: !0
     }));
   }
   function B(r) {
-    r.key === "Tab" && r.shiftKey && r.target === o.current && (r.preventDefault(), b?.focus({
+    r.key === "Tab" && r.shiftKey && r.target === o.current && (r.preventDefault(), R?.focus({
       preventScroll: !0
     }), t());
   }
   e.useEffect(() => {
-    !R.current || L || !j.current || (t(), d(!1), j.current = !1);
-  }, [L, t, d, R]);
+    !E.current || L || !j.current || (t(), d(!1), j.current = !1);
+  }, [L, t, d, E]);
   function G() {
     g(), d(!0), j.current = !1;
   }
@@ -314,10 +314,10 @@ const Be = /* @__PURE__ */ e.forwardRef(function(c, h) {
       X.current = !1;
       return;
     }
-    C || Ee(ne(o.current).activeElement) && (w(!0), g());
+    C || De(ne(o.current).activeElement) && (y(!0), g());
   }
   function J(r) {
-    !C || se(o.current, r.relatedTarget) || (w(!1), t());
+    !C || se(o.current, r.relatedTarget) || (y(!1), t());
   }
   const n = {
     tabIndex: -1,
@@ -335,18 +335,18 @@ const Be = /* @__PURE__ */ e.forwardRef(function(c, h) {
     onClick: O
   }, m = e.useMemo(() => ({
     expanded: z
-  }), [z]), v = ie("div", c, {
+  }), [z]), w = ie("div", c, {
     ref: [h, o],
     state: m,
     props: [n, {
       style: {
         [Tt.frontmostHeight]: I ? `${I}px` : void 0
       }
-    }, y, {
+    }, v, {
       children: /* @__PURE__ */ re(e.Fragment, {
-        children: [D > 0 && b && /* @__PURE__ */ E(Te, {
+        children: [b > 0 && R && /* @__PURE__ */ D(Te, {
           onFocus: q
-        }), M, D > 0 && b && /* @__PURE__ */ E(Te, {
+        }), M, b > 0 && R && /* @__PURE__ */ D(Te, {
           onFocus: q
         })]
       })
@@ -356,16 +356,16 @@ const Be = /* @__PURE__ */ e.forwardRef(function(c, h) {
   }), [o]), _ = e.useMemo(() => u.filter((r) => r.priority === "high"), [u]);
   return /* @__PURE__ */ re(Ve.Provider, {
     value: i,
-    children: [D > 0 && b && /* @__PURE__ */ E(Te, {
+    children: [b > 0 && R && /* @__PURE__ */ D(Te, {
       onFocus: q
-    }), v, !C && _.length > 0 && /* @__PURE__ */ E("div", {
+    }), w, !C && _.length > 0 && /* @__PURE__ */ D("div", {
       style: mt,
       children: _.map((r) => /* @__PURE__ */ re("div", {
         role: "alert",
         "aria-atomic": !0,
-        children: [/* @__PURE__ */ E("div", {
+        children: [/* @__PURE__ */ D("div", {
           children: r.title
-        }), /* @__PURE__ */ E("div", {
+        }), /* @__PURE__ */ D("div", {
           children: r.description
         })]
       }, r.id))
@@ -384,14 +384,14 @@ function oe() {
 let ee = /* @__PURE__ */ (function(a) {
   return a.index = "--toast-index", a.offsetY = "--toast-offset-y", a.height = "--toast-height", a.swipeMovementX = "--toast-swipe-movement-x", a.swipeMovementY = "--toast-swipe-movement-y", a;
 })({});
-const Dt = {
-  ...vt,
+const bt = {
+  ...wt,
   swipeDirection(a) {
     return a ? {
       "data-swipe-direction": a
     } : null;
   }
-}, ae = 40, Et = 10, Q = 0.5, Rt = 1;
+}, ae = 40, Dt = 10, Q = 0.5, Et = 1;
 function Ie(a, c, h) {
   switch (a) {
     case "up":
@@ -406,13 +406,13 @@ function Ie(a, c, h) {
       return 0;
   }
 }
-function bt(a) {
+function Rt(a) {
   const h = window.getComputedStyle(a).transform;
   let s = 0, F = 0, M = 1;
   if (h && h !== "none") {
-    const y = h.match(/matrix(?:3d)?\(([^)]+)\)/);
-    if (y) {
-      const u = y[1].split(", ").map(parseFloat);
+    const v = h.match(/matrix(?:3d)?\(([^)]+)\)/);
+    if (v) {
+      const u = v[1].split(", ").map(parseFloat);
       u.length === 6 ? (s = u[4], F = u[5], M = Math.sqrt(u[0] * u[0] + u[1] * u[1])) : u.length === 16 && (s = u[12], F = u[13], M = u[0]);
     }
   }
@@ -427,28 +427,28 @@ const $e = /* @__PURE__ */ e.forwardRef(function(c, h) {
     toast: s,
     render: F,
     className: M,
-    swipeDirection: y = ["down", "right"],
+    swipeDirection: v = ["down", "right"],
     ...u
   } = c, g = s.positionerProps?.anchor !== void 0;
   let t = [];
-  g || (t = Array.isArray(y) ? y : [y]);
+  g || (t = Array.isArray(v) ? v : [v]);
   const d = t.length > 0, {
-    toasts: w,
+    toasts: y,
     focused: o,
-    close: R,
-    remove: b,
+    close: E,
+    remove: R,
     setToasts: N,
     pauseTimers: z,
     expanded: C,
     setHovering: X
-  } = be(), [j, D] = e.useState(void 0), [I, L] = e.useState(!1), [q, B] = e.useState(!1), [G, K] = e.useState(!1), [O, J] = e.useState({
+  } = Re(), [j, b] = e.useState(void 0), [I, L] = e.useState(!1), [q, B] = e.useState(!1), [G, K] = e.useState(!1), [O, J] = e.useState({
     x: 0,
     y: 0
   }), [n, m] = e.useState({
     x: 0,
     y: 0,
     scale: 1
-  }), [v, i] = e.useState(), [_, r] = e.useState(), [p, x] = e.useState(null), T = e.useRef(null), H = e.useRef({
+  }), [w, i] = e.useState(), [_, r] = e.useState(), [p, x] = e.useState(null), T = e.useRef(null), H = e.useRef({
     x: 0,
     y: 0
   }), Z = e.useRef({
@@ -458,12 +458,12 @@ const $e = /* @__PURE__ */ e.forwardRef(function(c, h) {
   }), ce = e.useRef(void 0), he = e.useRef(0), ue = e.useRef(!1), $ = e.useRef({
     x: 0,
     y: 0
-  }), ge = e.useRef(!1), _e = e.useMemo(() => w.indexOf(s), [s, w]), we = e.useMemo(() => w.filter((l) => l.transitionStatus !== "ending").indexOf(s), [s, w]), Ge = e.useMemo(() => w.slice(0, w.indexOf(s)).reduce((l, f) => l + (f.height || 0), 0), [w, s]);
-  wt({
+  }), ge = e.useRef(!1), _e = e.useMemo(() => y.indexOf(s), [s, y]), ye = e.useMemo(() => y.filter((l) => l.transitionStatus !== "ending").indexOf(s), [s, y]), Ge = e.useMemo(() => y.slice(0, y.indexOf(s)).reduce((l, f) => l + (f.height || 0), 0), [y, s]);
+  yt({
     open: s.transitionStatus !== "ending",
     ref: T,
     onComplete() {
-      s.transitionStatus === "ending" && b(s.id);
+      s.transitionStatus === "ending" && R(s.id);
     }
   });
   const le = U((l = !1) => {
@@ -496,13 +496,13 @@ const $e = /* @__PURE__ */ e.forwardRef(function(c, h) {
     if (l.button !== 0)
       return;
     l.pointerType === "touch" && z();
-    const f = Re(l.nativeEvent);
+    const f = Ee(l.nativeEvent);
     if (!(f && f.closest('button,a,input,textarea,[role="button"],[data-swipe-ignore]'))) {
       if (ue.current = !1, ce.current = void 0, he.current = 0, H.current = {
         x: l.clientX,
         y: l.clientY
       }, $.current = H.current, T.current) {
-        const P = bt(T.current);
+        const P = Rt(T.current);
         Z.current = P, m(P), J({
           x: P.x,
           y: P.y
@@ -532,7 +532,7 @@ const $e = /* @__PURE__ */ e.forwardRef(function(c, h) {
       y: $.current.y
     });
     const k = S - H.current.x, V = f - H.current.y, tt = f - $.current.y, nt = S - $.current.x;
-    if (!q && Math.sqrt(k * k + V * V) >= Rt && (B(!0), p === null)) {
+    if (!q && Math.sqrt(k * k + V * V) >= Et && (B(!0), p === null)) {
       const de = t.includes("left") || t.includes("right"), rt = t.includes("up") || t.includes("down");
       if (de && rt) {
         const st = Math.abs(k), ot = Math.abs(V);
@@ -541,16 +541,16 @@ const $e = /* @__PURE__ */ e.forwardRef(function(c, h) {
     }
     let Y;
     if (!ce.current)
-      p === "vertical" ? V > 0 ? Y = "down" : V < 0 && (Y = "up") : p === "horizontal" ? k > 0 ? Y = "right" : k < 0 && (Y = "left") : Math.abs(k) >= Math.abs(V) ? Y = k > 0 ? "right" : "left" : Y = V > 0 ? "down" : "up", Y && t.includes(Y) && (ce.current = Y, he.current = Ie(Y, k, V), D(Y));
+      p === "vertical" ? V > 0 ? Y = "down" : V < 0 && (Y = "up") : p === "horizontal" ? k > 0 ? Y = "right" : k < 0 && (Y = "left") : Math.abs(k) >= Math.abs(V) ? Y = k > 0 ? "right" : "left" : Y = V > 0 ? "down" : "up", Y && t.includes(Y) && (ce.current = Y, he.current = Ie(Y, k, V), b(Y));
     else {
       const xe = ce.current, de = Ie(xe, nt, tt);
-      de > ae ? (ue.current = !1, D(xe)) : !(t.includes("left") && t.includes("right")) && !(t.includes("up") && t.includes("down")) && he.current - de >= Et && (ue.current = !0);
+      de > ae ? (ue.current = !1, b(xe)) : !(t.includes("left") && t.includes("right")) && !(t.includes("up") && t.includes("down")) && he.current - de >= Dt && (ue.current = !0);
     }
     const fe = Ke(k, V);
-    let ve = Z.current.x, ye = Z.current.y;
-    p === "horizontal" ? (t.includes("left") || t.includes("right")) && (ve += fe.x) : (p === "vertical" || (t.includes("left") || t.includes("right")) && (ve += fe.x), (t.includes("up") || t.includes("down")) && (ye += fe.y)), J({
-      x: ve,
-      y: ye
+    let we = Z.current.x, ve = Z.current.y;
+    p === "horizontal" ? (t.includes("left") || t.includes("right")) && (we += fe.x) : (p === "vertical" || (t.includes("left") || t.includes("right")) && (we += fe.x), (t.includes("up") || t.includes("down")) && (ve += fe.y)), J({
+      x: we,
+      y: ve
     });
   }
   function Ue(l) {
@@ -560,7 +560,7 @@ const $e = /* @__PURE__ */ e.forwardRef(function(c, h) {
       J({
         x: n.x,
         y: n.y
-      }), D(void 0);
+      }), b(void 0);
       return;
     }
     let f = !1;
@@ -584,16 +584,16 @@ const $e = /* @__PURE__ */ e.forwardRef(function(c, h) {
       if (f)
         break;
     }
-    f ? (D(A), K(!0), R(s.id)) : (J({
+    f ? (b(A), K(!0), E(s.id)) : (J({
       x: n.x,
       y: n.y
-    }), D(void 0));
+    }), b(void 0));
   }
   function qe(l) {
     if (l.key === "Escape") {
       if (!T.current || !se(T.current, pe(ne(T.current))))
         return;
-      R(s.id);
+      E(s.id);
     }
   }
   e.useEffect(() => {
@@ -631,7 +631,7 @@ const $e = /* @__PURE__ */ e.forwardRef(function(c, h) {
     role: Me ? "alertdialog" : "dialog",
     tabIndex: 0,
     "aria-modal": !1,
-    "aria-labelledby": v,
+    "aria-labelledby": w,
     "aria-describedby": _,
     "aria-hidden": Me && !o ? !0 : void 0,
     onPointerDown: d ? We : void 0,
@@ -641,14 +641,14 @@ const $e = /* @__PURE__ */ e.forwardRef(function(c, h) {
     inert: gt(s.limited),
     style: {
       ...Je(),
-      [ee.index]: s.transitionStatus === "ending" ? _e : we,
+      [ee.index]: s.transitionStatus === "ending" ? _e : ye,
       [ee.offsetY]: `${Ge}px`,
       [ee.height]: s.height ? `${s.height}px` : void 0
     }
   }, te = e.useMemo(() => ({
     rootRef: T,
     toast: s,
-    titleId: v,
+    titleId: w,
     setTitleId: i,
     descriptionId: _,
     setDescriptionId: r,
@@ -656,9 +656,9 @@ const $e = /* @__PURE__ */ e.forwardRef(function(c, h) {
     swipeDirection: j,
     recalculateHeight: le,
     index: _e,
-    visibleIndex: we,
+    visibleIndex: ye,
     expanded: C
-  }), [s, v, _, I, j, le, _e, we, C]), Ze = e.useMemo(() => ({
+  }), [s, w, _, I, j, le, _e, ye, C]), Ze = e.useMemo(() => ({
     transitionStatus: s.transitionStatus,
     expanded: C,
     limited: s.limited || !1,
@@ -668,10 +668,10 @@ const $e = /* @__PURE__ */ e.forwardRef(function(c, h) {
   }), [C, s.transitionStatus, s.limited, s.type, te.swiping, te.swipeDirection]), et = ie("div", c, {
     ref: [h, te.rootRef],
     state: Ze,
-    stateAttributesMapping: Dt,
+    stateAttributesMapping: bt,
     props: [Qe, u]
   });
-  return /* @__PURE__ */ E(Se.Provider, {
+  return /* @__PURE__ */ D(Se.Provider, {
     value: te,
     children: et
   });
@@ -683,30 +683,30 @@ const Ae = /* @__PURE__ */ e.forwardRef(function(c, h) {
     className: F,
     ...M
   } = c, {
-    visibleIndex: y,
+    visibleIndex: v,
     expanded: u,
     recalculateHeight: g
   } = oe(), t = e.useRef(null);
   me(() => {
-    const R = t.current;
-    if (!R || (g(), typeof ResizeObserver != "function" || typeof MutationObserver != "function"))
+    const E = t.current;
+    if (!E || (g(), typeof ResizeObserver != "function" || typeof MutationObserver != "function"))
       return;
-    const b = new ResizeObserver(() => g(!0)), N = new MutationObserver(() => g(!0));
-    return b.observe(R), N.observe(R, {
+    const R = new ResizeObserver(() => g(!0)), N = new MutationObserver(() => g(!0));
+    return R.observe(E), N.observe(E, {
       childList: !0,
       subtree: !0,
       characterData: !0
     }), () => {
-      b.disconnect(), N.disconnect();
+      R.disconnect(), N.disconnect();
     };
   }, [g]);
-  const d = y > 0, w = e.useMemo(() => ({
+  const d = v > 0, y = e.useMemo(() => ({
     expanded: u,
     behind: d
   }), [u, d]);
   return ie("div", c, {
     ref: [h, t],
-    state: w,
+    state: y,
     props: M
   });
 });
@@ -716,31 +716,31 @@ const Ye = /* @__PURE__ */ e.forwardRef(function(c, h) {
     render: s,
     className: F,
     id: M,
-    children: y,
+    children: v,
     ...u
   } = c, {
     toast: g
-  } = oe(), t = y ?? g.description, d = !!t, w = He(M), {
+  } = oe(), t = v ?? g.description, d = !!t, y = He(M), {
     setDescriptionId: o
   } = oe();
   me(() => {
     if (d)
-      return o(w), () => {
+      return o(y), () => {
         o(void 0);
       };
-  }, [d, w, o]);
-  const R = e.useMemo(() => ({
+  }, [d, y, o]);
+  const E = e.useMemo(() => ({
     type: g.type
-  }), [g.type]), b = ie("p", c, {
+  }), [g.type]), R = ie("p", c, {
     ref: h,
-    state: R,
+    state: E,
     props: {
       ...u,
-      id: w,
+      id: y,
       children: t
     }
   });
-  return d ? b : null;
+  return d ? R : null;
 });
 process.env.NODE_ENV !== "production" && (Ye.displayName = "ToastDescription");
 const ze = /* @__PURE__ */ e.forwardRef(function(c, h) {
@@ -748,31 +748,31 @@ const ze = /* @__PURE__ */ e.forwardRef(function(c, h) {
     render: s,
     className: F,
     id: M,
-    children: y,
+    children: v,
     ...u
   } = c, {
     toast: g
-  } = oe(), t = y ?? g.title, d = !!t, w = He(M), {
+  } = oe(), t = v ?? g.title, d = !!t, y = He(M), {
     setTitleId: o
   } = oe();
   me(() => {
     if (d)
-      return o(w), () => {
+      return o(y), () => {
         o(void 0);
       };
-  }, [d, w, o]);
-  const R = e.useMemo(() => ({
+  }, [d, y, o]);
+  const E = e.useMemo(() => ({
     type: g.type
-  }), [g.type]), b = ie("h2", c, {
+  }), [g.type]), R = ie("h2", c, {
     ref: h,
-    state: R,
+    state: E,
     props: {
       ...u,
-      id: w,
+      id: y,
       children: t
     }
   });
-  return d ? b : null;
+  return d ? R : null;
 });
 process.env.NODE_ENV !== "production" && (ze.displayName = "ToastTitle");
 const Xe = /* @__PURE__ */ e.forwardRef(function(c, h) {
@@ -780,27 +780,27 @@ const Xe = /* @__PURE__ */ e.forwardRef(function(c, h) {
     render: s,
     className: F,
     disabled: M,
-    nativeButton: y = !0,
+    nativeButton: v = !0,
     ...u
   } = c, {
     close: g,
     expanded: t
-  } = be(), {
+  } = Re(), {
     toast: d
-  } = oe(), [w, o] = e.useState(!1), {
-    getButtonProps: R,
-    buttonRef: b
-  } = yt({
+  } = oe(), [y, o] = e.useState(!1), {
+    getButtonProps: E,
+    buttonRef: R
+  } = vt({
     disabled: M,
-    native: y
+    native: v
   }), N = e.useMemo(() => ({
     type: d.type
   }), [d.type]);
   return ie("button", c, {
-    ref: [h, b],
+    ref: [h, R],
     state: N,
     props: [{
-      "aria-hidden": !t && !w,
+      "aria-hidden": !t && !y,
       onClick() {
         g(d.id);
       },
@@ -810,11 +810,11 @@ const Xe = /* @__PURE__ */ e.forwardRef(function(c, h) {
       onBlur() {
         o(!1);
       }
-    }, u, R]
+    }, u, E]
   });
 });
 process.env.NODE_ENV !== "production" && (Xe.displayName = "ToastClose");
-const St = pt, Mt = "_toaster__viewport_rfuxw_2", Nt = "_toaster_rfuxw_2", Pt = "_toaster_variant_neutral_rfuxw_112", Ot = "_toaster_variant_colorway_rfuxw_118", Ct = "_toaster__content_rfuxw_124", Ft = "_toaster__header_rfuxw_143", It = "_toaster__header_pad_rfuxw_147", Lt = "_toaster__title_rfuxw_151", Ht = "_toaster__description_rfuxw_155", kt = "_toaster__close_rfuxw_159", W = {
+const St = pt, Mt = "_toaster__viewport_twmyb_2", Nt = "_toaster_twmyb_2", Pt = "_toaster_variant_neutral_twmyb_112", Ot = "_toaster_variant_colorway_twmyb_118", Ct = "_toaster__content_twmyb_124", Ft = "_toaster__header_twmyb_143", It = "_toaster__header_pad_twmyb_147", Lt = "_toaster__title_twmyb_151", Ht = "_toaster__description_twmyb_155", kt = "_toaster__close_twmyb_159", W = {
   toaster__viewport: Mt,
   toaster: Nt,
   toaster_variant_neutral: Pt,
@@ -834,13 +834,13 @@ const St = pt, Mt = "_toaster__viewport_rfuxw_2", Nt = "_toaster_rfuxw_2", Pt =
 function ln({ children: a, ...c }) {
   return /* @__PURE__ */ re(ke, { ...c, children: [
     a,
-    /* @__PURE__ */ E(St, { children: /* @__PURE__ */ E(Be, { className: W.toaster__viewport, children: /* @__PURE__ */ E(Vt, {}) }) })
+    /* @__PURE__ */ D(St, { children: /* @__PURE__ */ D(Be, { className: W.toaster__viewport, children: /* @__PURE__ */ D(Vt, {}) }) })
   ] });
 }
 function Vt() {
   return at().toasts.map((c) => {
     const h = c.type && c.type in Le ? Le[c.type] : void 0;
-    return /* @__PURE__ */ E(
+    return /* @__PURE__ */ D(
       $e,
       {
         toast: c,
@@ -848,11 +848,11 @@ function Vt() {
           W.toaster,
           h ? W.toaster_variant_colorway : W.toaster_variant_neutral
         ),
-        render: /* @__PURE__ */ E(dt, { background: "default", color: h }),
+        render: /* @__PURE__ */ D(dt, { background: "default", color: h }),
         children: /* @__PURE__ */ re(
           Pe,
           {
-            render: /* @__PURE__ */ E(Ae, {}),
+            render: /* @__PURE__ */ D(Ae, {}),
             className: W.toaster__content,
             children: [
               /* @__PURE__ */ re(
@@ -863,10 +863,10 @@ function Vt() {
                     !c.title && W.toaster__header_pad
                   ),
                   children: [
-                    /* @__PURE__ */ E(
+                    /* @__PURE__ */ D(
                       ze,
                       {
-                        render: /* @__PURE__ */ E(
+                        render: /* @__PURE__ */ D(
                           ct,
                           {
                             level: 2,
@@ -877,20 +877,20 @@ function Vt() {
                         )
                       }
                     ),
-                    /* @__PURE__ */ E(
+                    /* @__PURE__ */ D(
                       Ye,
                       {
-                        render: /* @__PURE__ */ E(ut, { multiline: !0, color: h ? "inherit" : "dimmer" }),
+                        render: /* @__PURE__ */ D(ut, { multiline: !0, color: h ? "inherit" : "dimmer" }),
                         className: W.toaster__description
                       }
                     )
                   ]
                 }
               ),
-              /* @__PURE__ */ E(
+              /* @__PURE__ */ D(
                 Xe,
                 {
-                  render: /* @__PURE__ */ E(
+                  render: /* @__PURE__ */ D(
                     lt,
                     {
                       interactive: h ? `${h}_no-fill` : "no-fill",
@@ -902,7 +902,7 @@ function Vt() {
                   )
                 }
               ),
-              c.action ? /* @__PURE__ */ E(
+              c.action ? /* @__PURE__ */ D(
                 ft,
                 {
                   ...c.action,