@koide-labs/ui 0.0.13 → 0.0.14

package/dist/components/toast/toast.js

@@ -1,32 +1,32 @@
-import { jsx as E, jsxs as re } from "react/jsx-runtime";
-import { c as rt } from "../../clsx-OuTLNxxd.js";
-import { Button as st } from "../button/index.js";
-import { Heading as ot } from "../heading/index.js";
-import { IconButton as it } from "../icon-button/index.js";
-import { Surface as at } from "../surface/index.js";
-import { Text as ct } from "../text/index.js";
-import { View as xe } from "../view/index.js";
-import { T as ut, a as Re, u as lt } from "../../use-toast-manager-Dq-44AuW.js";
+import { jsx as E, jsxs as ae } from "react/jsx-runtime";
+import { c as Ne } from "../../clsx-OuTLNxxd.js";
+import { Button as it } from "../button/index.js";
+import { Heading as at } from "../heading/index.js";
+import { IconButton as ct } from "../icon-button/index.js";
+import { Surface as ut } from "../surface/index.js";
+import { Text as lt } from "../text/index.js";
+import { View as Pe } from "../view/index.js";
+import { T as ft, a as be, u as dt } from "../../use-toast-manager-Dq-44AuW.js";
 import * as e from "react";
 import { o as ne } from "../../owner-rKN292Q9.js";
-import { u as j } from "../../useStableCallback-CkTrVkNX.js";
-import { T as Pe } from "../../useTimeout-CflX-kz3.js";
-import { h as de, f as se, m as Ee, e as be } from "../../element-CZEOj04G.js";
-import { F as ft } from "../../FloatingPortalLite-DVyq6YhV.js";
-import { v as dt } from "../../visuallyHidden-CpJ-mhai.js";
+import { u as U } from "../../useStableCallback-CkTrVkNX.js";
+import { T as Oe } from "../../useTimeout-CflX-kz3.js";
+import { h as pe, f as re, m as Ee, e as Re } from "../../element-CZEOj04G.js";
+import { F as pt } from "../../FloatingPortalLite-DVyq6YhV.js";
+import { v as mt } from "../../visuallyHidden-CpJ-mhai.js";
 import { F as Te } from "../../FloatingPortal-tWyuKRSN.js";
-import { u as ie } from "../../useRenderElement-DwToLA61.js";
-import { d as Oe } from "../../floating-ui.utils.dom-C7FS5id0.js";
-import * as mt from "react-dom";
-import { i as pt } from "../../inertValue-BCYGsdmf.js";
-import { u as Se } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
-import { f as ht } from "../../formatErrorMessage-BqPuTBN-.js";
-import { a as gt, t as wt } from "../../useOpenChangeComplete-Dse9kY9E.js";
-import { u as vt } from "../../useId-C5kyn6tA.js";
-import { u as _t } from "../../useButton-DfIwsdb8.js";
-import '../../toast.css';let Ce = 0;
-function yt(f) {
-  return Ce += 1, `${f}-${Math.random().toString(36).slice(2, 6)}-${Ce}`;
+import { u as oe } from "../../useRenderElement-DwToLA61.js";
+import { d as Ce } from "../../floating-ui.utils.dom-C7FS5id0.js";
+import * as ht from "react-dom";
+import { i as gt } from "../../inertValue-BCYGsdmf.js";
+import { u as me } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
+import { f as vt } from "../../formatErrorMessage-BqPuTBN-.js";
+import { a as _t, t as wt } from "../../useOpenChangeComplete-Dse9kY9E.js";
+import { u as He } from "../../useId-C5kyn6tA.js";
+import { u as yt } from "../../useButton-DfIwsdb8.js";
+import '../../toast.css';let Fe = 0;
+function xt(f) {
+  return Fe += 1, `${f}-${Math.random().toString(36).slice(2, 6)}-${Fe}`;
 }
 function De(f, d) {
   if (typeof f == "string")
@@ -34,292 +34,292 @@ function De(f, d) {
       description: f
     };
   if (typeof f == "function") {
-    const w = f(d);
-    return typeof w == "string" ? {
-      description: w
-    } : w;
+    const h = f(d);
+    return typeof h == "string" ? {
+      description: h
+    } : h;
   }
   return f;
 }
-const Le = function(d) {
+const ke = function(d) {
   const {
-    children: w,
+    children: h,
     timeout: s = 5e3,
-    limit: z = 3,
-    toastManager: P
-  } = d, [_, c] = e.useState([]), [v, r] = e.useState(!1), [p, y] = e.useState(!1), [u, R] = e.useState(null);
-  _.length === 0 && (v && r(!1), p && y(!1));
-  const S = v || p, M = e.useRef(/* @__PURE__ */ new Map()), Y = e.useRef(null), C = e.useRef(!0), X = e.useRef(!1);
-  function W(t) {
-    const m = de(ne(Y.current));
-    if (!Y.current || !se(Y.current, m) || !Ee(m))
+    limit: F = 3,
+    toastManager: M
+  } = d, [y, a] = e.useState([]), [g, t] = e.useState(!1), [l, _] = e.useState(!1), [o, R] = e.useState(null);
+  y.length === 0 && (g && t(!1), l && _(!1));
+  const b = g || l, N = e.useRef(/* @__PURE__ */ new Map()), Y = e.useRef(null), C = e.useRef(!0), X = e.useRef(!1);
+  function j(n) {
+    const m = pe(ne(Y.current));
+    if (!Y.current || !re(Y.current, m) || !Ee(m))
       return;
-    const g = _.findIndex((n) => n.id === t);
-    let o = null, h = g + 1;
-    for (; h < _.length; ) {
-      if (_[h].transitionStatus !== "ending") {
-        o = _[h];
+    const w = y.findIndex((r) => r.id === n);
+    let i = null, v = w + 1;
+    for (; v < y.length; ) {
+      if (y[v].transitionStatus !== "ending") {
+        i = y[v];
         break;
       }
-      h += 1;
+      v += 1;
     }
-    if (!o)
-      for (h = g - 1; h >= 0; ) {
-        if (_[h].transitionStatus !== "ending") {
-          o = _[h];
+    if (!i)
+      for (v = w - 1; v >= 0; ) {
+        if (y[v].transitionStatus !== "ending") {
+          i = y[v];
           break;
         }
-        h -= 1;
+        v -= 1;
       }
-    o ? o.ref?.current?.focus() : u?.focus({
+    i ? i.ref?.current?.focus() : o?.focus({
       preventScroll: !0
     });
   }
-  const D = j(() => {
-    X.current || (X.current = !0, M.current.forEach((t) => {
-      if (t.timeout) {
-        t.timeout.clear();
-        const m = Date.now() - t.start, g = t.delay - m;
-        t.remaining = g > 0 ? g : 0;
+  const D = U(() => {
+    X.current || (X.current = !0, N.current.forEach((n) => {
+      if (n.timeout) {
+        n.timeout.clear();
+        const m = Date.now() - n.start, w = n.delay - m;
+        n.remaining = w > 0 ? w : 0;
       }
     }));
-  }), F = j(() => {
-    X.current && (X.current = !1, M.current.forEach((t, m) => {
-      t.remaining = t.remaining > 0 ? t.remaining : t.delay, t.timeout ??= Pe.create(), t.timeout.start(t.remaining, () => {
-        M.current.delete(m), t.callback();
-      }), t.start = Date.now();
+  }), I = U(() => {
+    X.current && (X.current = !1, N.current.forEach((n, m) => {
+      n.remaining = n.remaining > 0 ? n.remaining : n.delay, n.timeout ??= Oe.create(), n.timeout.start(n.remaining, () => {
+        N.current.delete(m), n.callback();
+      }), n.start = Date.now();
     }));
-  }), I = j((t) => {
-    c((o) => {
-      const h = o.map((l) => l.id === t ? {
-        ...l,
+  }), L = U((n) => {
+    a((i) => {
+      const v = i.map((p) => p.id === n ? {
+        ...p,
         transitionStatus: "ending",
         height: 0
-      } : l), n = h.filter((l) => l.transitionStatus !== "ending");
-      return h.map((l) => {
-        if (l.transitionStatus === "ending")
-          return l;
-        const x = n.indexOf(l) >= z;
+      } : p), r = v.filter((p) => p.transitionStatus !== "ending");
+      return v.map((p) => {
+        if (p.transitionStatus === "ending")
+          return p;
+        const x = r.indexOf(p) >= F;
         return {
-          ...l,
+          ...p,
           limited: x
         };
       });
     });
-    const m = M.current.get(t);
-    m && m.timeout && (m.timeout.clear(), M.current.delete(t)), _.find((o) => o.id === t)?.onClose?.(), W(t), _.length === 1 && (r(!1), y(!1));
-  }), q = j((t) => {
-    c((g) => g.filter((o) => o.id !== t)), _.find((g) => g.id === t)?.onRemove?.();
-  }), V = j((t, m, g) => {
-    const o = Date.now(), h = C.current && !v && !p, n = h ? Pe.create() : void 0;
-    n?.start(m, () => {
-      M.current.delete(t), g();
-    }), M.current.set(t, {
-      timeout: n,
-      start: h ? o : 0,
+    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), _(!1));
+  }), q = U((n) => {
+    a((w) => w.filter((i) => i.id !== n)), y.find((w) => w.id === n)?.onRemove?.();
+  }), V = U((n, m, w) => {
+    const i = Date.now(), v = C.current && !g && !l, r = v ? Oe.create() : void 0;
+    r?.start(m, () => {
+      N.current.delete(n), w();
+    }), N.current.set(n, {
+      timeout: r,
+      start: v ? i : 0,
       delay: m,
       remaining: m,
-      callback: g
+      callback: w
     });
-  }), G = j((t) => {
-    const m = t.id || yt("toast"), g = {
-      ...t,
+  }), G = U((n) => {
+    const m = n.id || xt("toast"), w = {
+      ...n,
       id: m,
       transitionStatus: "starting"
     };
-    c((h) => {
-      const n = [g, ...h], l = n.filter((x) => x.transitionStatus !== "ending");
-      if (l.length > z) {
-        const x = l.length - z, T = l.slice(-x);
-        return n.map((L) => T.some((Z) => Z.id === L.id) ? {
-          ...L,
+    a((v) => {
+      const r = [w, ...v], 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) ? {
+          ...H,
           limited: !0
         } : {
-          ...L,
+          ...H,
           limited: !1
         });
       }
-      return n.map((x) => ({
+      return r.map((x) => ({
         ...x,
         limited: !1
       }));
     });
-    const o = g.timeout ?? s;
-    return g.type !== "loading" && o > 0 && V(m, o, () => I(m)), (v || p || !C.current) && D(), m;
-  }), K = j((t, m) => {
-    c((g) => g.map((o) => o.id === t ? {
-      ...o,
+    const i = w.timeout ?? s;
+    return w.type !== "loading" && i > 0 && V(m, i, () => L(m)), (g || l || !C.current) && D(), m;
+  }), K = U((n, m) => {
+    a((w) => w.map((i) => i.id === n ? {
+      ...i,
       ...m
-    } : o));
-  }), O = j((t, m) => {
-    const g = De(m.loading), o = G({
-      ...g,
+    } : i));
+  }), O = U((n, m) => {
+    const w = De(m.loading), i = G({
+      ...w,
       type: "loading"
-    }), h = t.then((n) => {
-      const l = De(m.success, n);
-      K(o, {
-        ...l,
+    }), v = n.then((r) => {
+      const p = De(m.success, r);
+      K(i, {
+        ...p,
         type: "success"
       });
-      const x = l.timeout ?? s;
-      return x > 0 && V(o, x, () => I(o)), (v || p || !C.current) && D(), n;
-    }).catch((n) => {
-      const l = De(m.error, n);
-      K(o, {
-        ...l,
+      const x = p.timeout ?? s;
+      return x > 0 && V(i, x, () => L(i)), (g || l || !C.current) && D(), r;
+    }).catch((r) => {
+      const p = De(m.error, r);
+      K(i, {
+        ...p,
         type: "error"
       });
-      const x = l.timeout ?? s;
-      return x > 0 && V(o, x, () => I(o)), (v || p || !C.current) && D(), Promise.reject(n);
+      const x = p.timeout ?? s;
+      return x > 0 && V(i, x, () => L(i)), (g || l || !C.current) && D(), Promise.reject(r);
     });
-    return {}.hasOwnProperty.call(m, "setPromise") && m.setPromise(h), h;
+    return {}.hasOwnProperty.call(m, "setPromise") && m.setPromise(v), v;
   });
   e.useEffect(function() {
-    return P ? P[" subscribe"](({
-      action: g,
-      options: o
+    return M ? M[" subscribe"](({
+      action: w,
+      options: i
     }) => {
-      const h = o.id;
-      g === "promise" && o.promise ? O(o.promise, o) : g === "update" && h ? K(h, o) : g === "close" && h ? I(h) : G(o);
+      const v = i.id;
+      w === "promise" && i.promise ? O(i.promise, i) : w === "update" && v ? K(v, i) : w === "close" && v ? L(v) : G(i);
     }) : void 0;
-  }, [G, K, V, s, P, O, I]);
+  }, [G, K, V, s, M, O, L]);
   const J = e.useMemo(() => ({
-    toasts: _,
-    setToasts: c,
-    hovering: v,
-    setHovering: r,
-    focused: p,
-    setFocused: y,
-    expanded: S,
+    toasts: y,
+    setToasts: a,
+    hovering: g,
+    setHovering: t,
+    focused: l,
+    setFocused: _,
+    expanded: b,
     add: G,
-    close: I,
+    close: L,
     remove: q,
     update: K,
     promise: O,
     pauseTimers: D,
-    resumeTimers: F,
-    prevFocusElement: u,
+    resumeTimers: I,
+    prevFocusElement: o,
     setPrevFocusElement: R,
     viewportRef: Y,
     scheduleTimer: V,
     windowFocusedRef: C
-  }), [G, I, p, v, S, D, u, O, q, F, V, _, K]);
-  return /* @__PURE__ */ E(ut.Provider, {
+  }), [G, L, l, g, b, D, o, O, q, I, V, y, K]);
+  return /* @__PURE__ */ E(ft.Provider, {
     value: J,
-    children: w
+    children: h
   });
 };
-process.env.NODE_ENV !== "production" && (Le.displayName = "ToastProvider");
-const He = /* @__PURE__ */ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (He.displayName = "ToastViewportContext");
-let xt = /* @__PURE__ */ (function(f) {
+process.env.NODE_ENV !== "production" && (ke.displayName = "ToastProvider");
+const ze = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (ze.displayName = "ToastViewportContext");
+let Tt = /* @__PURE__ */ (function(f) {
   return f.frontmostHeight = "--toast-frontmost-height", f;
 })({});
-const ke = /* @__PURE__ */ e.forwardRef(function(d, w) {
+const Ve = /* @__PURE__ */ e.forwardRef(function(d, h) {
   const {
     render: s,
-    className: z,
-    children: P,
-    ..._
+    className: F,
+    children: M,
+    ...y
   } = d, {
-    toasts: c,
-    pauseTimers: v,
-    resumeTimers: r,
-    setHovering: p,
-    setFocused: y,
-    viewportRef: u,
+    toasts: a,
+    pauseTimers: g,
+    resumeTimers: t,
+    setHovering: l,
+    setFocused: _,
+    viewportRef: o,
     windowFocusedRef: R,
-    prevFocusElement: S,
-    setPrevFocusElement: M,
+    prevFocusElement: b,
+    setPrevFocusElement: N,
     expanded: Y,
     focused: C
-  } = Re(), X = e.useRef(!1), W = e.useRef(!1), D = c.length, F = c[0]?.height ?? 0, I = e.useMemo(() => c.some((n) => n.transitionStatus === "ending"), [c]);
+  } = be(), X = e.useRef(!1), j = e.useRef(!1), D = a.length, I = a[0]?.height ?? 0, L = e.useMemo(() => a.some((r) => r.transitionStatus === "ending"), [a]);
   e.useEffect(() => {
-    if (!u.current)
+    if (!o.current)
       return;
-    function n(x) {
-      D !== 0 && x.key === "F6" && x.target !== u.current && (x.preventDefault(), M(de(ne(u.current))), u.current?.focus({
+    function r(x) {
+      D !== 0 && x.key === "F6" && x.target !== o.current && (x.preventDefault(), N(pe(ne(o.current))), o.current?.focus({
         preventScroll: !0
-      }), v(), y(!0));
+      }), g(), _(!0));
     }
-    const l = Oe(u.current);
-    return l.addEventListener("keydown", n), () => {
-      l.removeEventListener("keydown", n);
+    const p = Ce(o.current);
+    return p.addEventListener("keydown", r), () => {
+      p.removeEventListener("keydown", r);
     };
-  }, [v, y, M, D, u]), e.useEffect(() => {
-    if (!u.current || !D)
+  }, [g, _, N, D, o]), e.useEffect(() => {
+    if (!o.current || !D)
       return;
-    const n = Oe(u.current);
-    function l(T) {
-      T.target === n && (R.current = !1, v());
+    const r = Ce(o.current);
+    function p(T) {
+      T.target === r && (R.current = !1, g());
     }
     function x(T) {
-      if (T.relatedTarget || T.target === n)
+      if (T.relatedTarget || T.target === r)
         return;
-      const L = be(T), Z = de(ne(u.current));
-      (!se(u.current, L) || !Ee(Z)) && r(), setTimeout(() => {
+      const H = Re(T), Z = pe(ne(o.current));
+      (!re(o.current, H) || !Ee(Z)) && t(), setTimeout(() => {
         R.current = !0;
       });
     }
-    return n.addEventListener("blur", l, !0), n.addEventListener("focus", x, !0), () => {
-      n.removeEventListener("blur", l, !0), n.removeEventListener("focus", x, !0);
+    return r.addEventListener("blur", p, !0), r.addEventListener("focus", x, !0), () => {
+      r.removeEventListener("blur", p, !0), r.removeEventListener("focus", x, !0);
     };
   }, [
-    v,
-    r,
-    u,
+    g,
+    t,
+    o,
     R,
-    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
   ]), e.useEffect(() => {
-    const n = u.current;
-    if (!n || D === 0)
+    const r = o.current;
+    if (!r || D === 0)
       return;
-    const l = ne(n);
+    const p = ne(r);
     function x(T) {
       if (T.pointerType !== "touch")
         return;
-      const L = be(T);
-      se(n, L) || (r(), p(!1), y(!1));
+      const H = Re(T);
+      re(r, H) || (t(), l(!1), _(!1));
     }
-    return l.addEventListener("pointerdown", x, !0), () => {
-      l.removeEventListener("pointerdown", x, !0);
+    return p.addEventListener("pointerdown", x, !0), () => {
+      p.removeEventListener("pointerdown", x, !0);
     };
-  }, [D, r, y, p, u]);
-  function q(n) {
-    u.current && (X.current = !0, n.relatedTarget === u.current ? c[0]?.ref?.current?.focus() : S?.focus({
+  }, [D, t, _, l, o]);
+  function q(r) {
+    o.current && (X.current = !0, r.relatedTarget === o.current ? a[0]?.ref?.current?.focus() : b?.focus({
       preventScroll: !0
     }));
   }
-  function V(n) {
-    n.key === "Tab" && n.shiftKey && n.target === u.current && (n.preventDefault(), S?.focus({
+  function V(r) {
+    r.key === "Tab" && r.shiftKey && r.target === o.current && (r.preventDefault(), b?.focus({
       preventScroll: !0
-    }), r());
+    }), t());
   }
   e.useEffect(() => {
-    !R.current || I || !W.current || (r(), p(!1), W.current = !1);
-  }, [I, r, p, R]);
+    !R.current || L || !j.current || (t(), l(!1), j.current = !1);
+  }, [L, t, l, R]);
   function G() {
-    v(), p(!0), W.current = !1;
+    g(), l(!0), j.current = !1;
   }
   function K() {
-    c.some((n) => n.transitionStatus === "ending") ? W.current = !0 : (r(), p(!1));
+    a.some((r) => r.transitionStatus === "ending") ? j.current = !0 : (t(), l(!1));
   }
   function O() {
     if (X.current) {
       X.current = !1;
       return;
     }
-    C || Ee(ne(u.current).activeElement) && (y(!0), v());
+    C || Ee(ne(o.current).activeElement) && (_(!0), g());
   }
-  function J(n) {
-    !C || se(u.current, n.relatedTarget) || (y(!1), r());
+  function J(r) {
+    !C || re(o.current, r.relatedTarget) || (_(!1), t());
   }
-  const t = {
+  const n = {
     tabIndex: -1,
     role: "region",
     "aria-live": "polite",
@@ -335,69 +335,69 @@ const ke = /* @__PURE__ */ e.forwardRef(function(d, w) {
     onClick: O
   }, m = e.useMemo(() => ({
     expanded: Y
-  }), [Y]), g = ie("div", d, {
-    ref: [w, u],
+  }), [Y]), w = oe("div", d, {
+    ref: [h, o],
     state: m,
-    props: [t, {
+    props: [n, {
       style: {
-        [xt.frontmostHeight]: F ? `${F}px` : void 0
+        [Tt.frontmostHeight]: I ? `${I}px` : void 0
       }
-    }, _, {
-      children: /* @__PURE__ */ re(e.Fragment, {
-        children: [D > 0 && S && /* @__PURE__ */ E(Te, {
+    }, y, {
+      children: /* @__PURE__ */ ae(e.Fragment, {
+        children: [D > 0 && b && /* @__PURE__ */ E(Te, {
           onFocus: q
-        }), P, D > 0 && S && /* @__PURE__ */ E(Te, {
+        }), M, D > 0 && b && /* @__PURE__ */ E(Te, {
           onFocus: q
         })]
       })
     }]
-  }), o = e.useMemo(() => ({
-    viewportRef: u
-  }), [u]), h = e.useMemo(() => c.filter((n) => n.priority === "high"), [c]);
-  return /* @__PURE__ */ re(He.Provider, {
-    value: o,
-    children: [D > 0 && S && /* @__PURE__ */ E(Te, {
+  }), i = e.useMemo(() => ({
+    viewportRef: o
+  }), [o]), v = e.useMemo(() => a.filter((r) => r.priority === "high"), [a]);
+  return /* @__PURE__ */ ae(ze.Provider, {
+    value: i,
+    children: [D > 0 && b && /* @__PURE__ */ E(Te, {
       onFocus: q
-    }), g, !C && h.length > 0 && /* @__PURE__ */ E("div", {
-      style: dt,
-      children: h.map((n) => /* @__PURE__ */ re("div", {
+    }), w, !C && v.length > 0 && /* @__PURE__ */ E("div", {
+      style: mt,
+      children: v.map((r) => /* @__PURE__ */ ae("div", {
         role: "alert",
         "aria-atomic": !0,
         children: [/* @__PURE__ */ E("div", {
-          children: n.title
+          children: r.title
         }), /* @__PURE__ */ E("div", {
-          children: n.description
+          children: r.description
         })]
-      }, n.id))
+      }, r.id))
     })]
   });
 });
-process.env.NODE_ENV !== "production" && (ke.displayName = "ToastViewport");
-const Me = /* @__PURE__ */ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (Me.displayName = "ToastRootContext");
-function me() {
-  const f = e.useContext(Me);
+process.env.NODE_ENV !== "production" && (Ve.displayName = "ToastViewport");
+const Se = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (Se.displayName = "ToastRootContext");
+function se() {
+  const f = e.useContext(Se);
   if (!f)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ToastRootContext is missing. Toast parts must be used within <Toast.Root>." : ht(66));
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ToastRootContext is missing. Toast parts must be used within <Toast.Root>." : vt(66));
   return f;
 }
 let ee = /* @__PURE__ */ (function(f) {
   return f.index = "--toast-index", f.offsetY = "--toast-offset-y", f.height = "--toast-height", f.swipeMovementX = "--toast-swipe-movement-x", f.swipeMovementY = "--toast-swipe-movement-y", f;
 })({});
-const Tt = {
+const Dt = {
   ...wt,
   swipeDirection(f) {
     return f ? {
       "data-swipe-direction": f
     } : null;
   }
-}, oe = 40, Dt = 10, Q = 0.5, Et = 1;
-function Fe(f, d, w) {
+}, ie = 40, Et = 10, Q = 0.5, Rt = 1;
+function Ie(f, d, h) {
   switch (f) {
     case "up":
-      return -w;
+      return -h;
     case "down":
-      return w;
+      return h;
     case "left":
       return -d;
     case "right":
@@ -407,458 +407,503 @@ function Fe(f, d, w) {
   }
 }
 function bt(f) {
-  const w = window.getComputedStyle(f).transform;
-  let s = 0, z = 0, P = 1;
-  if (w && w !== "none") {
-    const _ = w.match(/matrix(?:3d)?\(([^)]+)\)/);
-    if (_) {
-      const c = _[1].split(", ").map(parseFloat);
-      c.length === 6 ? (s = c[4], z = c[5], P = Math.sqrt(c[0] * c[0] + c[1] * c[1])) : c.length === 16 && (s = c[12], z = c[13], P = c[0]);
+  const h = window.getComputedStyle(f).transform;
+  let s = 0, F = 0, M = 1;
+  if (h && h !== "none") {
+    const y = h.match(/matrix(?:3d)?\(([^)]+)\)/);
+    if (y) {
+      const a = y[1].split(", ").map(parseFloat);
+      a.length === 6 ? (s = a[4], F = a[5], M = Math.sqrt(a[0] * a[0] + a[1] * a[1])) : a.length === 16 && (s = a[12], F = a[13], M = a[0]);
     }
   }
   return {
     x: s,
-    y: z,
-    scale: P
+    y: F,
+    scale: M
   };
 }
-const ze = /* @__PURE__ */ e.forwardRef(function(d, w) {
+const $e = /* @__PURE__ */ e.forwardRef(function(d, h) {
   const {
     toast: s,
-    render: z,
-    className: P,
-    swipeDirection: _ = ["down", "right"],
-    ...c
-  } = d, v = s.positionerProps?.anchor !== void 0;
-  let r = [];
-  v || (r = Array.isArray(_) ? _ : [_]);
-  const p = r.length > 0, {
-    toasts: y,
-    focused: u,
+    render: F,
+    className: M,
+    swipeDirection: y = ["down", "right"],
+    ...a
+  } = d, g = s.positionerProps?.anchor !== void 0;
+  let t = [];
+  g || (t = Array.isArray(y) ? y : [y]);
+  const l = t.length > 0, {
+    toasts: _,
+    focused: o,
     close: R,
-    remove: S,
-    setToasts: M,
+    remove: b,
+    setToasts: N,
     pauseTimers: Y,
     expanded: C,
     setHovering: X
-  } = Re(), [W, D] = e.useState(void 0), [F, I] = e.useState(!1), [q, V] = e.useState(!1), [G, K] = e.useState(!1), [O, J] = e.useState({
+  } = be(), [j, D] = e.useState(void 0), [I, L] = e.useState(!1), [q, V] = e.useState(!1), [G, K] = e.useState(!1), [O, J] = e.useState({
     x: 0,
     y: 0
-  }), [t, m] = e.useState({
+  }), [n, m] = e.useState({
     x: 0,
     y: 0,
     scale: 1
-  }), [g, o] = e.useState(), [h, n] = e.useState(), [l, x] = e.useState(null), T = e.useRef(null), L = e.useRef({
+  }), [w, i] = e.useState(), [v, r] = e.useState(), [p, x] = e.useState(null), T = e.useRef(null), H = e.useRef({
     x: 0,
     y: 0
   }), Z = e.useRef({
     x: 0,
     y: 0,
     scale: 1
-  }), ae = e.useRef(void 0), pe = e.useRef(0), ce = e.useRef(!1), $ = e.useRef({
+  }), ce = e.useRef(void 0), he = e.useRef(0), ue = e.useRef(!1), $ = e.useRef({
     x: 0,
     y: 0
-  }), he = e.useRef(!1), ge = e.useMemo(() => y.indexOf(s), [s, y]), we = e.useMemo(() => y.filter((i) => i.transitionStatus !== "ending").indexOf(s), [s, y]), Be = e.useMemo(() => y.slice(0, y.indexOf(s)).reduce((i, a) => i + (a.height || 0), 0), [y, s]);
-  gt({
+  }), ge = e.useRef(!1), ve = e.useMemo(() => _.indexOf(s), [s, _]), _e = e.useMemo(() => _.filter((c) => c.transitionStatus !== "ending").indexOf(s), [s, _]), Ge = e.useMemo(() => _.slice(0, _.indexOf(s)).reduce((c, u) => c + (u.height || 0), 0), [_, s]);
+  _t({
     open: s.transitionStatus !== "ending",
     ref: T,
     onComplete() {
-      s.transitionStatus === "ending" && S(s.id);
+      s.transitionStatus === "ending" && b(s.id);
     }
   });
-  const ue = j((i = !1) => {
-    const a = T.current;
-    if (!a)
+  const le = U((c = !1) => {
+    const u = T.current;
+    if (!u)
       return;
-    const b = a.style.height;
-    a.style.height = "auto";
-    const N = a.offsetHeight;
-    a.style.height = b;
-    function A() {
-      M((H) => H.map((k) => k.id === s.id ? {
-        ...k,
+    const S = u.style.height;
+    u.style.height = "auto";
+    const P = u.offsetHeight;
+    u.style.height = S;
+    function B() {
+      N((k) => k.map((z) => z.id === s.id ? {
+        ...z,
         ref: T,
-        height: N,
+        height: P,
         transitionStatus: void 0
-      } : k));
+      } : z));
     }
-    i ? mt.flushSync(A) : A();
+    c ? ht.flushSync(B) : B();
   });
-  Se(ue, [ue]);
-  function Ye(i, a) {
-    let b = i, N = a;
-    return !r.includes("left") && !r.includes("right") ? b = i > 0 ? i ** Q : -(Math.abs(i) ** Q) : (!r.includes("right") && i > 0 && (b = i ** Q), !r.includes("left") && i < 0 && (b = -(Math.abs(i) ** Q))), !r.includes("up") && !r.includes("down") ? N = a > 0 ? a ** Q : -(Math.abs(a) ** Q) : (!r.includes("down") && a > 0 && (N = a ** Q), !r.includes("up") && a < 0 && (N = -(Math.abs(a) ** Q))), {
-      x: b,
-      y: N
+  me(le, [le]);
+  function Ke(c, u) {
+    let S = c, P = u;
+    return !t.includes("left") && !t.includes("right") ? S = c > 0 ? c ** Q : -(Math.abs(c) ** Q) : (!t.includes("right") && c > 0 && (S = c ** Q), !t.includes("left") && c < 0 && (S = -(Math.abs(c) ** Q))), !t.includes("up") && !t.includes("down") ? P = u > 0 ? u ** Q : -(Math.abs(u) ** Q) : (!t.includes("down") && u > 0 && (P = u ** Q), !t.includes("up") && u < 0 && (P = -(Math.abs(u) ** Q))), {
+      x: S,
+      y: P
     };
   }
-  function Xe(i) {
-    if (i.button !== 0)
+  function We(c) {
+    if (c.button !== 0)
       return;
-    i.pointerType === "touch" && Y();
-    const a = be(i.nativeEvent);
-    if (!(a && a.closest('button,a,input,textarea,[role="button"],[data-swipe-ignore]'))) {
-      if (ce.current = !1, ae.current = void 0, pe.current = 0, L.current = {
-        x: i.clientX,
-        y: i.clientY
-      }, $.current = L.current, T.current) {
-        const N = bt(T.current);
-        Z.current = N, m(N), J({
-          x: N.x,
-          y: N.y
+    c.pointerType === "touch" && Y();
+    const u = Re(c.nativeEvent);
+    if (!(u && u.closest('button,a,input,textarea,[role="button"],[data-swipe-ignore]'))) {
+      if (ue.current = !1, ce.current = void 0, he.current = 0, H.current = {
+        x: c.clientX,
+        y: c.clientY
+      }, $.current = H.current, T.current) {
+        const P = bt(T.current);
+        Z.current = P, m(P), J({
+          x: P.x,
+          y: P.y
         });
       }
-      X(!0), I(!0), V(!1), x(null), he.current = !0, T.current?.setPointerCapture(i.pointerId);
+      X(!0), L(!0), V(!1), x(null), ge.current = !0, T.current?.setPointerCapture(c.pointerId);
     }
   }
-  function Ge(i) {
-    if (!F)
+  function je(c) {
+    if (!I)
       return;
-    i.preventDefault(), he.current && (L.current = {
-      x: i.clientX,
-      y: i.clientY
-    }, he.current = !1);
+    c.preventDefault(), ge.current && (H.current = {
+      x: c.clientX,
+      y: c.clientY
+    }, ge.current = !1);
     const {
-      clientY: a,
-      clientX: b,
-      movementX: N,
-      movementY: A
-    } = i;
-    (A < 0 && a > $.current.y || A > 0 && a < $.current.y) && ($.current = {
+      clientY: u,
+      clientX: S,
+      movementX: P,
+      movementY: B
+    } = c;
+    (B < 0 && u > $.current.y || B > 0 && u < $.current.y) && ($.current = {
       x: $.current.x,
-      y: a
-    }), (N < 0 && b > $.current.x || N > 0 && b < $.current.x) && ($.current = {
-      x: b,
+      y: u
+    }), (P < 0 && S > $.current.x || P > 0 && S < $.current.x) && ($.current = {
+      x: S,
       y: $.current.y
     });
-    const H = b - L.current.x, k = a - L.current.y, Qe = a - $.current.y, Ze = b - $.current.x;
-    if (!q && Math.sqrt(H * H + k * k) >= Et && (V(!0), l === null)) {
-      const fe = r.includes("left") || r.includes("right"), et = r.includes("up") || r.includes("down");
-      if (fe && et) {
-        const tt = Math.abs(H), nt = Math.abs(k);
-        x(tt > nt ? "horizontal" : "vertical");
+    const k = S - H.current.x, z = u - H.current.y, tt = u - $.current.y, nt = S - $.current.x;
+    if (!q && Math.sqrt(k * k + z * z) >= Rt && (V(!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(z);
+        x(st > ot ? "horizontal" : "vertical");
       }
     }
-    let B;
-    if (!ae.current)
-      l === "vertical" ? k > 0 ? B = "down" : k < 0 && (B = "up") : l === "horizontal" ? H > 0 ? B = "right" : H < 0 && (B = "left") : Math.abs(H) >= Math.abs(k) ? B = H > 0 ? "right" : "left" : B = k > 0 ? "down" : "up", B && r.includes(B) && (ae.current = B, pe.current = Fe(B, H, k), D(B));
+    let A;
+    if (!ce.current)
+      p === "vertical" ? z > 0 ? A = "down" : z < 0 && (A = "up") : p === "horizontal" ? k > 0 ? A = "right" : k < 0 && (A = "left") : Math.abs(k) >= Math.abs(z) ? A = k > 0 ? "right" : "left" : A = z > 0 ? "down" : "up", A && t.includes(A) && (ce.current = A, he.current = Ie(A, k, z), D(A));
     else {
-      const ye = ae.current, fe = Fe(ye, Ze, Qe);
-      fe > oe ? (ce.current = !1, D(ye)) : !(r.includes("left") && r.includes("right")) && !(r.includes("up") && r.includes("down")) && pe.current - fe >= Dt && (ce.current = !0);
+      const xe = ce.current, de = Ie(xe, nt, tt);
+      de > ie ? (ue.current = !1, D(xe)) : !(t.includes("left") && t.includes("right")) && !(t.includes("up") && t.includes("down")) && he.current - de >= Et && (ue.current = !0);
     }
-    const le = Ye(H, k);
-    let ve = Z.current.x, _e = Z.current.y;
-    l === "horizontal" ? (r.includes("left") || r.includes("right")) && (ve += le.x) : (l === "vertical" || (r.includes("left") || r.includes("right")) && (ve += le.x), (r.includes("up") || r.includes("down")) && (_e += le.y)), J({
-      x: ve,
-      y: _e
+    const fe = Ke(k, z);
+    let we = Z.current.x, ye = 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")) && (ye += fe.y)), J({
+      x: we,
+      y: ye
     });
   }
-  function Ke(i) {
-    if (!F)
+  function Ue(c) {
+    if (!I)
       return;
-    if (I(!1), V(!1), x(null), T.current?.releasePointerCapture(i.pointerId), ce.current) {
+    if (L(!1), V(!1), x(null), T.current?.releasePointerCapture(c.pointerId), ue.current) {
       J({
-        x: t.x,
-        y: t.y
+        x: n.x,
+        y: n.y
       }), D(void 0);
       return;
     }
-    let a = !1;
-    const b = O.x - t.x, N = O.y - t.y;
-    let A;
-    for (const H of r) {
-      switch (H) {
+    let u = !1;
+    const S = O.x - n.x, P = O.y - n.y;
+    let B;
+    for (const k of t) {
+      switch (k) {
         case "right":
-          b > oe && (a = !0, A = "right");
+          S > ie && (u = !0, B = "right");
           break;
         case "left":
-          b < -oe && (a = !0, A = "left");
+          S < -ie && (u = !0, B = "left");
           break;
         case "down":
-          N > oe && (a = !0, A = "down");
+          P > ie && (u = !0, B = "down");
           break;
         case "up":
-          N < -oe && (a = !0, A = "up");
+          P < -ie && (u = !0, B = "up");
           break;
       }
-      if (a)
+      if (u)
         break;
     }
-    a ? (D(A), K(!0), R(s.id)) : (J({
-      x: t.x,
-      y: t.y
+    u ? (D(B), K(!0), R(s.id)) : (J({
+      x: n.x,
+      y: n.y
     }), D(void 0));
   }
-  function We(i) {
-    if (i.key === "Escape") {
-      if (!T.current || !se(T.current, de(ne(T.current))))
+  function qe(c) {
+    if (c.key === "Escape") {
+      if (!T.current || !re(T.current, pe(ne(T.current))))
         return;
       R(s.id);
     }
   }
   e.useEffect(() => {
-    if (!p)
+    if (!l)
       return;
-    const i = T.current;
-    if (!i)
+    const c = T.current;
+    if (!c)
       return;
-    function a(b) {
-      se(i, b.target) && b.preventDefault();
+    function u(S) {
+      re(c, S.target) && S.preventDefault();
     }
-    return i.addEventListener("touchmove", a, {
+    return c.addEventListener("touchmove", u, {
       passive: !1
     }), () => {
-      i.removeEventListener("touchmove", a);
+      c.removeEventListener("touchmove", u);
     };
-  }, [p]);
-  function je() {
-    if (!F && O.x === t.x && O.y === t.y && !G)
+  }, [l]);
+  function Je() {
+    if (!I && O.x === n.x && O.y === n.y && !G)
       return {
         [ee.swipeMovementX]: "0px",
         [ee.swipeMovementY]: "0px"
       };
-    const i = O.x - t.x, a = O.y - t.y;
+    const c = O.x - n.x, u = O.y - n.y;
     return {
-      transition: F ? "none" : void 0,
+      transition: I ? "none" : void 0,
       // While swiping, freeze the element at its current visual transform so it doesn't snap to the
       // end position.
-      transform: F ? `translateX(${O.x}px) translateY(${O.y}px) scale(${t.scale})` : void 0,
-      [ee.swipeMovementX]: `${i}px`,
-      [ee.swipeMovementY]: `${a}px`
+      transform: I ? `translateX(${O.x}px) translateY(${O.y}px) scale(${n.scale})` : void 0,
+      [ee.swipeMovementX]: `${c}px`,
+      [ee.swipeMovementY]: `${u}px`
     };
   }
-  const Ne = s.priority === "high", Ue = {
-    role: Ne ? "alertdialog" : "dialog",
+  const Me = s.priority === "high", Qe = {
+    role: Me ? "alertdialog" : "dialog",
     tabIndex: 0,
     "aria-modal": !1,
-    "aria-labelledby": g,
-    "aria-describedby": h,
-    "aria-hidden": Ne && !u ? !0 : void 0,
-    onPointerDown: p ? Xe : void 0,
-    onPointerMove: p ? Ge : void 0,
-    onPointerUp: p ? Ke : void 0,
-    onKeyDown: We,
-    inert: pt(s.limited),
+    "aria-labelledby": w,
+    "aria-describedby": v,
+    "aria-hidden": Me && !o ? !0 : void 0,
+    onPointerDown: l ? We : void 0,
+    onPointerMove: l ? je : void 0,
+    onPointerUp: l ? Ue : void 0,
+    onKeyDown: qe,
+    inert: gt(s.limited),
     style: {
-      ...je(),
-      [ee.index]: s.transitionStatus === "ending" ? ge : we,
-      [ee.offsetY]: `${Be}px`,
+      ...Je(),
+      [ee.index]: s.transitionStatus === "ending" ? ve : _e,
+      [ee.offsetY]: `${Ge}px`,
       [ee.height]: s.height ? `${s.height}px` : void 0
     }
   }, te = e.useMemo(() => ({
     rootRef: T,
     toast: s,
-    titleId: g,
-    setTitleId: o,
-    descriptionId: h,
-    setDescriptionId: n,
-    swiping: F,
-    swipeDirection: W,
-    recalculateHeight: ue,
-    index: ge,
-    visibleIndex: we,
+    titleId: w,
+    setTitleId: i,
+    descriptionId: v,
+    setDescriptionId: r,
+    swiping: I,
+    swipeDirection: j,
+    recalculateHeight: le,
+    index: ve,
+    visibleIndex: _e,
     expanded: C
-  }), [s, g, h, F, W, ue, ge, we, C]), qe = e.useMemo(() => ({
+  }), [s, w, v, I, j, le, ve, _e, C]), Ze = e.useMemo(() => ({
     transitionStatus: s.transitionStatus,
     expanded: C,
     limited: s.limited || !1,
     type: s.type,
     swiping: te.swiping,
     swipeDirection: te.swipeDirection
-  }), [C, s.transitionStatus, s.limited, s.type, te.swiping, te.swipeDirection]), Je = ie("div", d, {
-    ref: [w, te.rootRef],
-    state: qe,
-    stateAttributesMapping: Tt,
-    props: [Ue, c]
+  }), [C, s.transitionStatus, s.limited, s.type, te.swiping, te.swipeDirection]), et = oe("div", d, {
+    ref: [h, te.rootRef],
+    state: Ze,
+    stateAttributesMapping: Dt,
+    props: [Qe, a]
   });
-  return /* @__PURE__ */ E(Me.Provider, {
+  return /* @__PURE__ */ E(Se.Provider, {
     value: te,
-    children: Je
+    children: et
   });
 });
-process.env.NODE_ENV !== "production" && (ze.displayName = "ToastRoot");
-const Ve = /* @__PURE__ */ e.forwardRef(function(d, w) {
+process.env.NODE_ENV !== "production" && ($e.displayName = "ToastRoot");
+const Be = /* @__PURE__ */ e.forwardRef(function(d, h) {
   const {
     render: s,
-    className: z,
-    ...P
+    className: F,
+    ...M
   } = d, {
-    visibleIndex: _,
-    expanded: c,
-    recalculateHeight: v
-  } = me(), r = e.useRef(null);
-  Se(() => {
-    const R = r.current;
-    if (!R || (v(), typeof ResizeObserver != "function" || typeof MutationObserver != "function"))
+    visibleIndex: y,
+    expanded: a,
+    recalculateHeight: g
+  } = se(), t = e.useRef(null);
+  me(() => {
+    const R = t.current;
+    if (!R || (g(), typeof ResizeObserver != "function" || typeof MutationObserver != "function"))
       return;
-    const S = new ResizeObserver(() => v(!0)), M = new MutationObserver(() => v(!0));
-    return S.observe(R), M.observe(R, {
+    const b = new ResizeObserver(() => g(!0)), N = new MutationObserver(() => g(!0));
+    return b.observe(R), N.observe(R, {
       childList: !0,
       subtree: !0,
       characterData: !0
     }), () => {
-      S.disconnect(), M.disconnect();
+      b.disconnect(), N.disconnect();
     };
-  }, [v]);
-  const p = _ > 0, y = e.useMemo(() => ({
-    expanded: c,
-    behind: p
-  }), [c, p]);
-  return ie("div", d, {
-    ref: [w, r],
-    state: y,
-    props: P
+  }, [g]);
+  const l = y > 0, _ = e.useMemo(() => ({
+    expanded: a,
+    behind: l
+  }), [a, l]);
+  return oe("div", d, {
+    ref: [h, t],
+    state: _,
+    props: M
+  });
+});
+process.env.NODE_ENV !== "production" && (Be.displayName = "ToastContent");
+const Ae = /* @__PURE__ */ e.forwardRef(function(d, h) {
+  const {
+    render: s,
+    className: F,
+    id: M,
+    children: y,
+    ...a
+  } = d, {
+    toast: g
+  } = se(), t = y ?? g.description, l = !!t, _ = He(M), {
+    setDescriptionId: o
+  } = se();
+  me(() => {
+    if (l)
+      return o(_), () => {
+        o(void 0);
+      };
+  }, [l, _, o]);
+  const R = e.useMemo(() => ({
+    type: g.type
+  }), [g.type]), b = oe("p", d, {
+    ref: h,
+    state: R,
+    props: {
+      ...a,
+      id: _,
+      children: t
+    }
   });
+  return l ? b : null;
 });
-process.env.NODE_ENV !== "production" && (Ve.displayName = "ToastContent");
-const $e = /* @__PURE__ */ e.forwardRef(function(d, w) {
+process.env.NODE_ENV !== "production" && (Ae.displayName = "ToastDescription");
+const Ye = /* @__PURE__ */ e.forwardRef(function(d, h) {
   const {
     render: s,
-    className: z,
-    id: P,
-    children: _,
-    ...c
+    className: F,
+    id: M,
+    children: y,
+    ...a
   } = d, {
-    toast: v
-  } = me(), r = _ ?? v.description, p = !!r, y = vt(P), {
-    setDescriptionId: u
-  } = me();
-  Se(() => {
-    if (p)
-      return u(y), () => {
-        u(void 0);
+    toast: g
+  } = se(), t = y ?? g.title, l = !!t, _ = He(M), {
+    setTitleId: o
+  } = se();
+  me(() => {
+    if (l)
+      return o(_), () => {
+        o(void 0);
       };
-  }, [p, y, u]);
+  }, [l, _, o]);
   const R = e.useMemo(() => ({
-    type: v.type
-  }), [v.type]), S = ie("p", d, {
-    ref: w,
+    type: g.type
+  }), [g.type]), b = oe("h2", d, {
+    ref: h,
     state: R,
     props: {
-      ...c,
-      id: y,
-      children: r
+      ...a,
+      id: _,
+      children: t
     }
   });
-  return p ? S : null;
+  return l ? b : null;
 });
-process.env.NODE_ENV !== "production" && ($e.displayName = "ToastDescription");
-const Ae = /* @__PURE__ */ e.forwardRef(function(d, w) {
+process.env.NODE_ENV !== "production" && (Ye.displayName = "ToastTitle");
+const Xe = /* @__PURE__ */ e.forwardRef(function(d, h) {
   const {
     render: s,
-    className: z,
-    disabled: P,
-    nativeButton: _ = !0,
-    ...c
+    className: F,
+    disabled: M,
+    nativeButton: y = !0,
+    ...a
   } = d, {
-    close: v,
-    expanded: r
-  } = Re(), {
-    toast: p
-  } = me(), [y, u] = e.useState(!1), {
+    close: g,
+    expanded: t
+  } = be(), {
+    toast: l
+  } = se(), [_, o] = e.useState(!1), {
     getButtonProps: R,
-    buttonRef: S
-  } = _t({
-    disabled: P,
-    native: _
-  }), M = e.useMemo(() => ({
-    type: p.type
-  }), [p.type]);
-  return ie("button", d, {
-    ref: [w, S],
-    state: M,
+    buttonRef: b
+  } = yt({
+    disabled: M,
+    native: y
+  }), N = e.useMemo(() => ({
+    type: l.type
+  }), [l.type]);
+  return oe("button", d, {
+    ref: [h, b],
+    state: N,
     props: [{
-      "aria-hidden": !r && !y,
+      "aria-hidden": !t && !_,
       onClick() {
-        v(p.id);
+        g(l.id);
       },
       onFocus() {
-        u(!0);
+        o(!0);
       },
       onBlur() {
-        u(!1);
+        o(!1);
       }
-    }, c, R]
+    }, a, R]
   });
 });
-process.env.NODE_ENV !== "production" && (Ae.displayName = "ToastClose");
-const Rt = ft, St = "_toast__viewport_1wmsz_1", Mt = "_toast_1wmsz_1", Nt = "_toast_variant_neutral_1wmsz_111", Pt = "_toast_variant_colorway_1wmsz_117", Ot = "_toast__content_1wmsz_123", Ct = "_toast__header_1wmsz_141", Ft = "_toast__row_1wmsz_146", It = "_toast__title_1wmsz_153", Lt = "_toast__description_1wmsz_157", U = {
-  toast__viewport: St,
-  toast: Mt,
-  toast_variant_neutral: Nt,
-  toast_variant_colorway: Pt,
-  toast__content: Ot,
-  toast__header: Ct,
-  toast__row: Ft,
-  toast__title: It,
-  toast__description: Lt
-}, cn = Le, Ie = {
+process.env.NODE_ENV !== "production" && (Xe.displayName = "ToastClose");
+const St = pt, Mt = "_toast__viewport_uzvu6_1", Nt = "_toast_uzvu6_1", Pt = "_toast_variant_neutral_uzvu6_111", Ot = "_toast_variant_colorway_uzvu6_117", Ct = "_toast__content_uzvu6_123", Ft = "_toast__header_uzvu6_142", It = "_toast__header_pad_uzvu6_146", Lt = "_toast__title_uzvu6_150", Ht = "_toast__description_uzvu6_154", kt = "_toast__close_uzvu6_158", W = {
+  toast__viewport: Mt,
+  toast: Nt,
+  toast_variant_neutral: Pt,
+  toast_variant_colorway: Ot,
+  toast__content: Ct,
+  toast__header: Ft,
+  toast__header_pad: It,
+  toast__title: Lt,
+  toast__description: Ht,
+  toast__close: kt
+}, ln = ke, Le = {
   info: "blue",
   error: "red",
   warning: "yellow",
   success: "green"
 };
-function un() {
-  return /* @__PURE__ */ E(Rt, { children: /* @__PURE__ */ E(ke, { className: U.toast__viewport, children: /* @__PURE__ */ E(Ht, {}) }) });
+function fn() {
+  return /* @__PURE__ */ E(St, { children: /* @__PURE__ */ E(Ve, { className: W.toast__viewport, children: /* @__PURE__ */ E(zt, {}) }) });
 }
-function Ht() {
-  return lt().toasts.map((d) => {
-    const w = d.type && d.type in Ie ? Ie[d.type] : void 0;
+function zt() {
+  return dt().toasts.map((d) => {
+    const h = d.type && d.type in Le ? Le[d.type] : void 0;
     return /* @__PURE__ */ E(
-      ze,
+      $e,
       {
         toast: d,
-        className: rt(
-          U.toast,
-          w ? U.toast_variant_colorway : U.toast_variant_neutral
+        className: Ne(
+          W.toast,
+          h ? W.toast_variant_colorway : W.toast_variant_neutral
         ),
-        render: /* @__PURE__ */ E(at, { background: "default", color: w }),
-        children: /* @__PURE__ */ re(
-          xe,
+        render: /* @__PURE__ */ E(ut, { background: "default", color: h }),
+        children: /* @__PURE__ */ ae(
+          Pe,
           {
-            render: /* @__PURE__ */ E(Ve, {}),
-            className: U.toast__content,
+            render: /* @__PURE__ */ E(Be, {}),
+            className: W.toast__content,
             children: [
-              /* @__PURE__ */ re(xe, { className: U.toast__row, children: [
-                /* @__PURE__ */ re(xe, { className: U.toast__header, children: [
-                  d.title ? /* @__PURE__ */ E(
-                    ot,
-                    {
-                      level: 2,
-                      size: "lg",
-                      color: "inherit",
-                      className: U.toast__title,
-                      children: d.title
-                    }
-                  ) : null,
-                  /* @__PURE__ */ E(
-                    $e,
-                    {
-                      render: /* @__PURE__ */ E(ct, { multiline: !0, color: w ? "inherit" : "dimmer" }),
-                      className: U.toast__description
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ E(
-                  Ae,
-                  {
-                    render: /* @__PURE__ */ E(
-                      it,
+              /* @__PURE__ */ ae(
+                Pe,
+                {
+                  className: Ne(
+                    W.toast__header,
+                    !d.title && W.toast__header_pad
+                  ),
+                  children: [
+                    /* @__PURE__ */ E(
+                      Ye,
                       {
-                        interactive: w ? `${w}_no-fill` : "no-fill",
-                        icon: "close-line",
-                        size: "sm",
-                        alt: "Close"
+                        render: /* @__PURE__ */ E(
+                          at,
+                          {
+                            level: 2,
+                            size: "lg",
+                            color: "inherit",
+                            className: W.toast__title
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ E(
+                      Ae,
+                      {
+                        render: /* @__PURE__ */ E(lt, { multiline: !0, color: h ? "inherit" : "dimmer" }),
+                        className: W.toast__description
                       }
                     )
-                  }
-                )
-              ] }),
+                  ]
+                }
+              ),
+              /* @__PURE__ */ E(
+                Xe,
+                {
+                  render: /* @__PURE__ */ E(
+                    ct,
+                    {
+                      interactive: h ? `${h}_no-fill` : "no-fill",
+                      icon: "close-line",
+                      size: "sm",
+                      alt: "Close",
+                      className: W.toast__close
+                    }
+                  )
+                }
+              ),
               d.action ? /* @__PURE__ */ E(
-                st,
+                it,
                 {
                   ...d.action,
-                  interactive: w ? `${w}_fill` : !0,
+                  interactive: h ? `${h}_fill` : !0,
                   children: d.action.children
                 }
               ) : null
@@ -871,6 +916,6 @@ function Ht() {
   });
 }
 export {
-  cn as ToastProvider,
-  un as ToastViewport
+  ln as ToastProvider,
+  fn as ToastViewport
 };