@koide-labs/ui 0.0.14 → 0.1.0

package/dist/components/toast/toast.js

@@ -1,921 +0,0 @@
-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 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 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")
-    return {
-      description: f
-    };
-  if (typeof f == "function") {
-    const h = f(d);
-    return typeof h == "string" ? {
-      description: h
-    } : h;
-  }
-  return f;
-}
-const ke = function(d) {
-  const {
-    children: h,
-    timeout: s = 5e3,
-    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 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;
-      }
-      v += 1;
-    }
-    if (!i)
-      for (v = w - 1; v >= 0; ) {
-        if (y[v].transitionStatus !== "ending") {
-          i = y[v];
-          break;
-        }
-        v -= 1;
-      }
-    i ? i.ref?.current?.focus() : o?.focus({
-      preventScroll: !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;
-      }
-    }));
-  }), 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();
-    }));
-  }), L = U((n) => {
-    a((i) => {
-      const v = i.map((p) => p.id === n ? {
-        ...p,
-        transitionStatus: "ending",
-        height: 0
-      } : 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 {
-          ...p,
-          limited: x
-        };
-      });
-    });
-    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: w
-    });
-  }), G = U((n) => {
-    const m = n.id || xt("toast"), w = {
-      ...n,
-      id: m,
-      transitionStatus: "starting"
-    };
-    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
-        } : {
-          ...H,
-          limited: !1
-        });
-      }
-      return r.map((x) => ({
-        ...x,
-        limited: !1
-      }));
-    });
-    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
-    } : i));
-  }), O = U((n, m) => {
-    const w = De(m.loading), i = G({
-      ...w,
-      type: "loading"
-    }), v = n.then((r) => {
-      const p = De(m.success, r);
-      K(i, {
-        ...p,
-        type: "success"
-      });
-      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 = 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(v), v;
-  });
-  e.useEffect(function() {
-    return M ? M[" subscribe"](({
-      action: w,
-      options: i
-    }) => {
-      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, M, O, L]);
-  const J = e.useMemo(() => ({
-    toasts: y,
-    setToasts: a,
-    hovering: g,
-    setHovering: t,
-    focused: l,
-    setFocused: _,
-    expanded: b,
-    add: G,
-    close: L,
-    remove: q,
-    update: K,
-    promise: O,
-    pauseTimers: D,
-    resumeTimers: I,
-    prevFocusElement: o,
-    setPrevFocusElement: R,
-    viewportRef: Y,
-    scheduleTimer: V,
-    windowFocusedRef: C
-  }), [G, L, l, g, b, D, o, O, q, I, V, y, K]);
-  return /* @__PURE__ */ E(ft.Provider, {
-    value: J,
-    children: h
-  });
-};
-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 Ve = /* @__PURE__ */ e.forwardRef(function(d, h) {
-  const {
-    render: s,
-    className: F,
-    children: M,
-    ...y
-  } = d, {
-    toasts: a,
-    pauseTimers: g,
-    resumeTimers: t,
-    setHovering: l,
-    setFocused: _,
-    viewportRef: o,
-    windowFocusedRef: R,
-    prevFocusElement: b,
-    setPrevFocusElement: N,
-    expanded: Y,
-    focused: 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 (!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({
-        preventScroll: !0
-      }), g(), _(!0));
-    }
-    const p = Ce(o.current);
-    return p.addEventListener("keydown", r), () => {
-      p.removeEventListener("keydown", r);
-    };
-  }, [g, _, N, D, o]), e.useEffect(() => {
-    if (!o.current || !D)
-      return;
-    const r = Ce(o.current);
-    function p(T) {
-      T.target === r && (R.current = !1, g());
-    }
-    function x(T) {
-      if (T.relatedTarget || T.target === r)
-        return;
-      const H = Re(T), Z = pe(ne(o.current));
-      (!re(o.current, H) || !Ee(Z)) && t(), setTimeout(() => {
-        R.current = !0;
-      });
-    }
-    return r.addEventListener("blur", p, !0), r.addEventListener("focus", x, !0), () => {
-      r.removeEventListener("blur", p, !0), r.removeEventListener("focus", x, !0);
-    };
-  }, [
-    g,
-    t,
-    o,
-    R,
-    _,
-    // `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 r = o.current;
-    if (!r || D === 0)
-      return;
-    const p = ne(r);
-    function x(T) {
-      if (T.pointerType !== "touch")
-        return;
-      const H = Re(T);
-      re(r, H) || (t(), l(!1), _(!1));
-    }
-    return p.addEventListener("pointerdown", x, !0), () => {
-      p.removeEventListener("pointerdown", x, !0);
-    };
-  }, [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(r) {
-    r.key === "Tab" && r.shiftKey && r.target === o.current && (r.preventDefault(), b?.focus({
-      preventScroll: !0
-    }), t());
-  }
-  e.useEffect(() => {
-    !R.current || L || !j.current || (t(), l(!1), j.current = !1);
-  }, [L, t, l, R]);
-  function G() {
-    g(), l(!0), j.current = !1;
-  }
-  function K() {
-    a.some((r) => r.transitionStatus === "ending") ? j.current = !0 : (t(), l(!1));
-  }
-  function O() {
-    if (X.current) {
-      X.current = !1;
-      return;
-    }
-    C || Ee(ne(o.current).activeElement) && (_(!0), g());
-  }
-  function J(r) {
-    !C || re(o.current, r.relatedTarget) || (_(!1), t());
-  }
-  const n = {
-    tabIndex: -1,
-    role: "region",
-    "aria-live": "polite",
-    "aria-atomic": !1,
-    "aria-relevant": "additions text",
-    "aria-label": "Notifications",
-    onMouseEnter: G,
-    onMouseMove: G,
-    onMouseLeave: K,
-    onFocus: O,
-    onBlur: J,
-    onKeyDown: V,
-    onClick: O
-  }, m = e.useMemo(() => ({
-    expanded: Y
-  }), [Y]), w = oe("div", d, {
-    ref: [h, o],
-    state: m,
-    props: [n, {
-      style: {
-        [Tt.frontmostHeight]: I ? `${I}px` : void 0
-      }
-    }, y, {
-      children: /* @__PURE__ */ ae(e.Fragment, {
-        children: [D > 0 && b && /* @__PURE__ */ E(Te, {
-          onFocus: q
-        }), M, D > 0 && b && /* @__PURE__ */ E(Te, {
-          onFocus: q
-        })]
-      })
-    }]
-  }), 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
-    }), 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: r.title
-        }), /* @__PURE__ */ E("div", {
-          children: r.description
-        })]
-      }, r.id))
-    })]
-  });
-});
-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>." : 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 Dt = {
-  ...wt,
-  swipeDirection(f) {
-    return f ? {
-      "data-swipe-direction": f
-    } : null;
-  }
-}, ie = 40, Et = 10, Q = 0.5, Rt = 1;
-function Ie(f, d, h) {
-  switch (f) {
-    case "up":
-      return -h;
-    case "down":
-      return h;
-    case "left":
-      return -d;
-    case "right":
-      return d;
-    default:
-      return 0;
-  }
-}
-function bt(f) {
-  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: F,
-    scale: M
-  };
-}
-const $e = /* @__PURE__ */ e.forwardRef(function(d, h) {
-  const {
-    toast: s,
-    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: b,
-    setToasts: N,
-    pauseTimers: Y,
-    expanded: C,
-    setHovering: X
-  } = 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
-  }), [n, m] = e.useState({
-    x: 0,
-    y: 0,
-    scale: 1
-  }), [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
-  }), ce = e.useRef(void 0), he = e.useRef(0), ue = e.useRef(!1), $ = e.useRef({
-    x: 0,
-    y: 0
-  }), 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" && b(s.id);
-    }
-  });
-  const le = U((c = !1) => {
-    const u = T.current;
-    if (!u)
-      return;
-    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: P,
-        transitionStatus: void 0
-      } : z));
-    }
-    c ? ht.flushSync(B) : B();
-  });
-  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 We(c) {
-    if (c.button !== 0)
-      return;
-    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), L(!0), V(!1), x(null), ge.current = !0, T.current?.setPointerCapture(c.pointerId);
-    }
-  }
-  function je(c) {
-    if (!I)
-      return;
-    c.preventDefault(), ge.current && (H.current = {
-      x: c.clientX,
-      y: c.clientY
-    }, ge.current = !1);
-    const {
-      clientY: u,
-      clientX: S,
-      movementX: P,
-      movementY: B
-    } = c;
-    (B < 0 && u > $.current.y || B > 0 && u < $.current.y) && ($.current = {
-      x: $.current.x,
-      y: u
-    }), (P < 0 && S > $.current.x || P > 0 && S < $.current.x) && ($.current = {
-      x: S,
-      y: $.current.y
-    });
-    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 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 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 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 Ue(c) {
-    if (!I)
-      return;
-    if (L(!1), V(!1), x(null), T.current?.releasePointerCapture(c.pointerId), ue.current) {
-      J({
-        x: n.x,
-        y: n.y
-      }), D(void 0);
-      return;
-    }
-    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":
-          S > ie && (u = !0, B = "right");
-          break;
-        case "left":
-          S < -ie && (u = !0, B = "left");
-          break;
-        case "down":
-          P > ie && (u = !0, B = "down");
-          break;
-        case "up":
-          P < -ie && (u = !0, B = "up");
-          break;
-      }
-      if (u)
-        break;
-    }
-    u ? (D(B), K(!0), R(s.id)) : (J({
-      x: n.x,
-      y: n.y
-    }), D(void 0));
-  }
-  function qe(c) {
-    if (c.key === "Escape") {
-      if (!T.current || !re(T.current, pe(ne(T.current))))
-        return;
-      R(s.id);
-    }
-  }
-  e.useEffect(() => {
-    if (!l)
-      return;
-    const c = T.current;
-    if (!c)
-      return;
-    function u(S) {
-      re(c, S.target) && S.preventDefault();
-    }
-    return c.addEventListener("touchmove", u, {
-      passive: !1
-    }), () => {
-      c.removeEventListener("touchmove", u);
-    };
-  }, [l]);
-  function Je() {
-    if (!I && O.x === n.x && O.y === n.y && !G)
-      return {
-        [ee.swipeMovementX]: "0px",
-        [ee.swipeMovementY]: "0px"
-      };
-    const c = O.x - n.x, u = O.y - n.y;
-    return {
-      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: I ? `translateX(${O.x}px) translateY(${O.y}px) scale(${n.scale})` : void 0,
-      [ee.swipeMovementX]: `${c}px`,
-      [ee.swipeMovementY]: `${u}px`
-    };
-  }
-  const Me = s.priority === "high", Qe = {
-    role: Me ? "alertdialog" : "dialog",
-    tabIndex: 0,
-    "aria-modal": !1,
-    "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" ? ve : _e,
-      [ee.offsetY]: `${Ge}px`,
-      [ee.height]: s.height ? `${s.height}px` : void 0
-    }
-  }, te = e.useMemo(() => ({
-    rootRef: T,
-    toast: s,
-    titleId: w,
-    setTitleId: i,
-    descriptionId: v,
-    setDescriptionId: r,
-    swiping: I,
-    swipeDirection: j,
-    recalculateHeight: le,
-    index: ve,
-    visibleIndex: _e,
-    expanded: C
-  }), [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]), et = oe("div", d, {
-    ref: [h, te.rootRef],
-    state: Ze,
-    stateAttributesMapping: Dt,
-    props: [Qe, a]
-  });
-  return /* @__PURE__ */ E(Se.Provider, {
-    value: te,
-    children: et
-  });
-});
-process.env.NODE_ENV !== "production" && ($e.displayName = "ToastRoot");
-const Be = /* @__PURE__ */ e.forwardRef(function(d, h) {
-  const {
-    render: s,
-    className: F,
-    ...M
-  } = d, {
-    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 b = new ResizeObserver(() => g(!0)), N = new MutationObserver(() => g(!0));
-    return b.observe(R), N.observe(R, {
-      childList: !0,
-      subtree: !0,
-      characterData: !0
-    }), () => {
-      b.disconnect(), N.disconnect();
-    };
-  }, [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" && (Ae.displayName = "ToastDescription");
-const Ye = /* @__PURE__ */ e.forwardRef(function(d, h) {
-  const {
-    render: s,
-    className: F,
-    id: M,
-    children: y,
-    ...a
-  } = d, {
-    toast: g
-  } = se(), t = y ?? g.title, l = !!t, _ = He(M), {
-    setTitleId: o
-  } = se();
-  me(() => {
-    if (l)
-      return o(_), () => {
-        o(void 0);
-      };
-  }, [l, _, o]);
-  const R = e.useMemo(() => ({
-    type: g.type
-  }), [g.type]), b = oe("h2", d, {
-    ref: h,
-    state: R,
-    props: {
-      ...a,
-      id: _,
-      children: t
-    }
-  });
-  return l ? b : null;
-});
-process.env.NODE_ENV !== "production" && (Ye.displayName = "ToastTitle");
-const Xe = /* @__PURE__ */ e.forwardRef(function(d, h) {
-  const {
-    render: s,
-    className: F,
-    disabled: M,
-    nativeButton: y = !0,
-    ...a
-  } = d, {
-    close: g,
-    expanded: t
-  } = be(), {
-    toast: l
-  } = se(), [_, o] = e.useState(!1), {
-    getButtonProps: R,
-    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": !t && !_,
-      onClick() {
-        g(l.id);
-      },
-      onFocus() {
-        o(!0);
-      },
-      onBlur() {
-        o(!1);
-      }
-    }, a, R]
-  });
-});
-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 fn() {
-  return /* @__PURE__ */ E(St, { children: /* @__PURE__ */ E(Ve, { className: W.toast__viewport, children: /* @__PURE__ */ E(zt, {}) }) });
-}
-function zt() {
-  return dt().toasts.map((d) => {
-    const h = d.type && d.type in Le ? Le[d.type] : void 0;
-    return /* @__PURE__ */ E(
-      $e,
-      {
-        toast: d,
-        className: Ne(
-          W.toast,
-          h ? W.toast_variant_colorway : W.toast_variant_neutral
-        ),
-        render: /* @__PURE__ */ E(ut, { background: "default", color: h }),
-        children: /* @__PURE__ */ ae(
-          Pe,
-          {
-            render: /* @__PURE__ */ E(Be, {}),
-            className: W.toast__content,
-            children: [
-              /* @__PURE__ */ ae(
-                Pe,
-                {
-                  className: Ne(
-                    W.toast__header,
-                    !d.title && W.toast__header_pad
-                  ),
-                  children: [
-                    /* @__PURE__ */ E(
-                      Ye,
-                      {
-                        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(
-                it,
-                {
-                  ...d.action,
-                  interactive: h ? `${h}_fill` : !0,
-                  children: d.action.children
-                }
-              ) : null
-            ]
-          }
-        )
-      },
-      d.id
-    );
-  });
-}
-export {
-  ln as ToastProvider,
-  fn as ToastViewport
-};