@serendie/ui 2.0.0 → 2.1.0

package/dist/node_modules/@zag-js/toast/dist/index.js

@@ -1,128 +1,115 @@
-import { createMachine as P, guards as k, isMachine as C } from "../../core/dist/index.js";
-import { createScope as U, contains as N, raf as A, MAX_Z_INDEX as F, dataAttr as y, queryAll as H } from "../../dom-query/dist/index.js";
-import { compact as L, runIfFn as v, uuid as G, warn as B } from "../../utils/dist/index.js";
-import { createAnatomy as $ } from "../../anatomy/dist/index.js";
-import { trackDismissableBranch as V } from "../../dismissable/dist/index.js";
-import { addDomEvent as D } from "../../dom-event/dist/index.js";
-import { ref as w, subscribe as x } from "../../store/dist/index.js";
-var K = $("toast").parts(
+import { addDomEvent as N, contains as q, MAX_Z_INDEX as X, raf as L, dataAttr as D } from "../../dom-query/dist/index.js";
+import { createAnatomy as Q } from "../../anatomy/dist/index.js";
+import { createMachine as K, createGuards as Y } from "../../core/dist/index.js";
+import { trackDismissableBranch as Z } from "../../dismissable/dist/index.js";
+import { compact as J, runIfFn as C, uuid as _, setRafTimeout as w, ensureProps as z } from "../../utils/dist/index.js";
+var tt = Q("toast").parts(
   "group",
   "root",
   "title",
   "description",
   "actionTrigger",
   "closeTrigger"
-), T = K.build(), f = U({
-  getRegionId: (o) => `toast-group:${o}`,
-  getRegionEl: (o, r) => f.getById(o, `toast-group:${r}`),
-  getRootId: (o) => `toast:${o.id}`,
-  getRootEl: (o) => f.getById(o, f.getRootId(o)),
-  getTitleId: (o) => `toast:${o.id}:title`,
-  getDescriptionId: (o) => `toast:${o.id}:description`,
-  getCloseTriggerId: (o) => `toast${o.id}:close`
-});
-function b(o, r) {
-  return o.filter((t) => t.state.context.placement === r);
-}
-var O = {
+), O = tt.build(), et = (t) => `toast-group:${t}`, H = (t, e) => t.getById(`toast-group:${e}`), W = (t) => `toast:${t.id}`, U = (t) => t.getById(W(t)), V = (t) => `toast:${t.id}:title`, G = (t) => `toast:${t.id}:description`, st = (t) => `toast${t.id}:close`, $ = {
   info: 5e3,
   error: 5e3,
   success: 2e3,
   loading: 1 / 0,
   DEFAULT: 5e3
 };
-function _(o, r) {
-  return o ?? O[r] ?? O.DEFAULT;
+function A(t, e) {
+  return t ?? $[e] ?? $.DEFAULT;
 }
-function W(o, r) {
-  var e;
-  const t = o.offsets, s = typeof t == "string" ? { left: t, right: t, bottom: t, top: t } : t, i = o.dir === "rtl", c = r.replace("-start", i ? "-right" : "-left").replace("-end", i ? "-left" : "-right"), u = c.includes("right"), h = c.includes("left"), d = {
+var it = (t) => typeof t == "string" ? { left: t, right: t, bottom: t, top: t } : t;
+function nt(t, e) {
+  var b;
+  const { prop: i, computed: s, context: r } = t, { offsets: a, gap: c } = i("store").attrs, l = r.get("heights"), d = it(a), m = i("dir") === "rtl", u = e.replace("-start", m ? "-right" : "-left").replace("-end", m ? "-left" : "-right"), p = u.includes("right"), v = u.includes("left"), f = {
     position: "fixed",
-    pointerEvents: o.count > 0 ? void 0 : "none",
+    pointerEvents: s("count") > 0 ? void 0 : "none",
     display: "flex",
     flexDirection: "column",
-    "--gap": `${o.gap}px`,
-    "--first-height": `${((e = o.heights[0]) == null ? void 0 : e.height) || 0}px`,
-    zIndex: F
+    "--gap": `${c}px`,
+    "--first-height": `${((b = l[0]) == null ? void 0 : b.height) || 0}px`,
+    zIndex: X
   };
-  let a = "center";
-  if (u && (a = "flex-end"), h && (a = "flex-start"), d.alignItems = a, c.includes("top")) {
-    const n = s.top;
-    d.top = `max(env(safe-area-inset-top, 0px), ${n})`;
+  let h = "center";
+  if (p && (h = "flex-end"), v && (h = "flex-start"), f.alignItems = h, u.includes("top")) {
+    const E = d.top;
+    f.top = `max(env(safe-area-inset-top, 0px), ${E})`;
   }
-  if (c.includes("bottom")) {
-    const n = s.bottom;
-    d.bottom = `max(env(safe-area-inset-bottom, 0px), ${n})`;
+  if (u.includes("bottom")) {
+    const E = d.bottom;
+    f.bottom = `max(env(safe-area-inset-bottom, 0px), ${E})`;
   }
-  if (!c.includes("left")) {
-    const n = s.right;
-    d.insetInlineEnd = `calc(env(safe-area-inset-right, 0px) + ${n})`;
+  if (!u.includes("left")) {
+    const E = d.right;
+    f.insetInlineEnd = `calc(env(safe-area-inset-right, 0px) + ${E})`;
   }
-  if (!c.includes("right")) {
-    const n = s.left;
-    d.insetInlineStart = `calc(env(safe-area-inset-left, 0px) + ${n})`;
+  if (!u.includes("right")) {
+    const E = d.left;
+    f.insetInlineStart = `calc(env(safe-area-inset-left, 0px) + ${E})`;
   }
-  return d;
+  return f;
 }
-function j(o, r) {
-  const [t] = o.placement.split("-"), s = !o.frontmost, i = !o.stacked, c = {
+function rt(t, e) {
+  const { prop: i, context: s, computed: r } = t, a = i("parent"), c = a.computed("placement"), { gap: l } = a.prop("store").attrs, [d] = c.split("-"), m = s.get("mounted"), u = s.get("remainingTime"), p = r("height"), v = r("frontmost"), f = !v, h = !i("stacked"), b = i("stacked"), S = i("type") === "loading" ? Number.MAX_SAFE_INTEGER : u, F = r("heightIndex") * l + r("heightBefore"), R = {
     position: "absolute",
     pointerEvents: "auto",
     "--opacity": "0",
-    "--remove-delay": `${o.removeDelay}ms`,
-    "--duration": `${o.type === "loading" ? Number.MAX_SAFE_INTEGER : o.duration}ms`,
-    "--initial-height": `${o.height}px`,
-    "--offset": `${o.offset}px`,
-    "--index": o.index,
-    "--z-index": o.zIndex,
+    "--remove-delay": `${i("removeDelay")}ms`,
+    "--duration": `${S}ms`,
+    "--initial-height": `${p}px`,
+    "--offset": `${F}px`,
+    "--index": i("index"),
+    "--z-index": r("zIndex"),
     "--lift-amount": "calc(var(--lift) * var(--gap))",
     "--y": "100%",
     "--x": "0"
-  }, u = (h) => Object.assign(c, h);
-  return t === "top" ? u({
+  }, g = (k) => Object.assign(R, k);
+  return d === "top" ? g({
     top: "0",
     "--sign": "-1",
     "--y": "-100%",
     "--lift": "1"
-  }) : t === "bottom" && u({
+  }) : d === "bottom" && g({
     bottom: "0",
     "--sign": "1",
     "--y": "100%",
     "--lift": "-1"
-  }), o.mounted && (u({
+  }), m && (g({
     "--y": "0",
     "--opacity": "1"
-  }), o.stacked && u({
+  }), b && g({
     "--y": "calc(var(--lift) * var(--offset))",
     "--height": "var(--initial-height)"
-  })), r || u({
+  })), e || g({
     "--opacity": "0",
     pointerEvents: "none"
-  }), s && i && (u({
+  }), f && h && (g({
     "--base-scale": "var(--index) * 0.05 + 1",
     "--y": "calc(var(--lift-amount) * var(--index))",
     "--scale": "calc(-1 * var(--base-scale))",
     "--height": "var(--first-height)"
-  }), r || u({
+  }), e || g({
     "--y": "calc(var(--sign) * 40%)"
-  })), s && o.stacked && !r && u({
+  })), f && b && !e && g({
     "--y": "calc(var(--lift) * var(--offset) + var(--lift) * -100%)"
-  }), o.frontmost && !r && u({
+  }), v && !e && g({
     "--y": "calc(var(--lift) * -100%)"
-  }), c;
+  }), R;
 }
-function X(o, r) {
-  const t = {
+function ot(t, e) {
+  const { computed: i } = t, s = {
     position: "absolute",
     inset: "0",
     scale: "1 2",
-    pointerEvents: r ? "none" : "auto"
-  }, s = (i) => Object.assign(t, i);
-  return o.frontmost && !r && s({
+    pointerEvents: e ? "none" : "auto"
+  }, r = (a) => Object.assign(s, a);
+  return i("frontmost") && !e && r({
     height: "calc(var(--initial-height) + 80%)"
-  }), t;
+  }), s;
 }
-function Y(o, r) {
+function at() {
   return {
     position: "absolute",
     left: "0",
@@ -131,656 +118,682 @@ function Y(o, r) {
     width: "100%"
   };
 }
-function q(o, r, t) {
-  function s() {
-    return C(o) ? o.getState() : o;
-  }
-  function i(e) {
-    return b(s().context.toasts, e);
-  }
-  function c(e) {
-    const n = s().context.toasts;
-    return n.length ? !!n.find((l) => l.id == e) : !1;
-  }
-  function u(e) {
-    const n = `toast:${G()}`, l = e.id ? e.id : n;
-    return c(l) || r({ type: "ADD_TOAST", toast: { ...e, id: l } }), l;
-  }
-  function h(e, n) {
-    return c(e) && r({ type: "UPDATE_TOAST", id: e, toast: n }), e;
-  }
-  function d(e) {
-    const { id: n } = e;
-    return (n ? c(n) : !1) && n != null ? h(n, e) : u(e);
-  }
-  function a(e) {
-    e == null ? r("DISMISS_ALL") : c(e) && r({ type: "DISMISS_TOAST", id: e });
-  }
+function ct(t, e) {
+  const { context: i, prop: s, send: r, refs: a, computed: c } = t;
   return {
     getCount() {
-      return s().context.count;
-    },
-    getPlacements() {
-      const n = s().context.toasts.map((l) => l.state.context.placement);
-      return Array.from(new Set(n));
-    },
-    getToastsByPlacement: i,
-    isVisible: c,
-    create: u,
-    update: h,
-    upsert: d,
-    dismiss: a,
-    remove(e) {
-      e == null ? r("REMOVE_ALL") : c(e) && r({ type: "REMOVE_TOAST", id: e });
-    },
-    dismissByPlacement(e) {
-      i(e).forEach((l) => a(l.id));
+      return i.get("toasts").length;
     },
-    loading(e) {
-      return d({ ...e, type: "loading" });
+    getToasts() {
+      return i.get("toasts");
     },
-    success(e) {
-      return d({ ...e, type: "success" });
-    },
-    error(e) {
-      return d({ ...e, type: "error" });
-    },
-    promise(e, n, l = {}) {
-      const g = d({ ...l, ...n.loading, type: "loading" });
-      return v(e).then((p) => {
-        const m = v(n.success, p);
-        d({ ...l, ...m, id: g, type: "success" });
-      }).catch((p) => {
-        const m = v(n.error, p);
-        d({ ...l, ...m, id: g, type: "error" });
-      }).finally(() => {
-        var p;
-        (p = n.finally) == null || p.call(n);
-      }), g;
-    },
-    pause(e) {
-      e == null ? r("PAUSE_ALL") : c(e) && r({ type: "PAUSE_TOAST", id: e });
-    },
-    resume(e) {
-      e == null ? r("RESUME_ALL") : c(e) && r({ type: "RESUME_TOAST", id: e });
-    },
-    getGroupProps(e) {
-      const { placement: n, label: l = "Notifications" } = e, g = s(), p = g.context.hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, ""), [m, S = "center"] = n.split("-");
-      return t.element({
-        ...T.group.attrs,
-        dir: g.context.dir,
+    getGroupProps(l = {}) {
+      const { label: d = "Notifications" } = l, { hotkey: m } = s("store").attrs, u = m.join("+").replace(/Key/g, "").replace(/Digit/g, ""), p = c("placement"), [v, f = "center"] = p.split("-");
+      return e.element({
+        ...O.group.attrs,
+        dir: s("dir"),
         tabIndex: -1,
-        "aria-label": `${n} ${l} ${p}`,
-        id: f.getRegionId(n),
-        "data-placement": n,
-        "data-side": m,
-        "data-align": S,
+        "aria-label": `${p} ${d} ${u}`,
+        id: et(p),
+        "data-placement": p,
+        "data-side": v,
+        "data-align": f,
         "aria-live": "polite",
         role: "region",
-        style: W(g.context, n),
+        style: nt(t, p),
         onMouseMove() {
-          r({ type: "REGION.POINTER_ENTER", placement: n });
+          r({ type: "REGION.POINTER_ENTER", placement: p });
         },
         onMouseLeave() {
-          r({ type: "REGION.POINTER_LEAVE", placement: n });
+          r({ type: "REGION.POINTER_LEAVE", placement: p });
         },
-        onFocus(E) {
-          r({ type: "REGION.FOCUS", target: E.relatedTarget });
+        onFocus(h) {
+          r({ type: "REGION.FOCUS", target: h.relatedTarget });
         },
-        onBlur(E) {
-          g.context.isFocusWithin && !N(E.currentTarget, E.relatedTarget) && r({ type: "REGION.BLUR" });
+        onBlur(h) {
+          a.get("isFocusWithin") && !q(h.currentTarget, h.relatedTarget) && queueMicrotask(() => r({ type: "REGION.BLUR" }));
         }
       });
     },
-    subscribe(e) {
-      const n = s();
-      return x(n.context.toasts, () => {
-        const g = i(n.context.placement).map((p) => p.getState().context);
-        e(g);
-      });
+    subscribe(l) {
+      return s("store").subscribe(() => l(i.get("toasts")));
     }
   };
 }
-var { not: Z, and: J, or: Q } = k;
-function z(o) {
-  const { type: r = "info", duration: t, id: s = "1", placement: i = "bottom", removeDelay: c = 200, ...u } = o, h = L(u), d = _(t, r);
-  return P(
-    {
-      id: s,
-      context: {
-        id: s,
-        type: r,
-        remaining: d,
-        duration: d,
-        removeDelay: c,
-        createdAt: Date.now(),
-        placement: i,
-        ...h,
-        height: 0,
-        offset: 0,
-        frontmost: !1,
-        mounted: !1,
-        index: -1,
-        zIndex: 0
+var lt = K({
+  props({ props: t }) {
+    return {
+      dir: "ltr",
+      id: _(),
+      ...t,
+      store: t.store
+    };
+  },
+  initialState({ prop: t }) {
+    return t("store").attrs.overlap ? "overlap" : "stack";
+  },
+  refs() {
+    return {
+      lastFocusedEl: null,
+      isFocusWithin: !1,
+      dismissableCleanup: void 0
+    };
+  },
+  context({ bindable: t }) {
+    return {
+      toasts: t(() => ({
+        defaultValue: [],
+        sync: !0,
+        hash: (e) => e.map((i) => i.id).join(",")
+      })),
+      heights: t(() => ({
+        defaultValue: [],
+        sync: !0
+      }))
+    };
+  },
+  computed: {
+    count: ({ context: t }) => t.get("toasts").length,
+    overlap: ({ prop: t }) => t("store").attrs.overlap,
+    placement: ({ prop: t }) => t("store").attrs.placement
+  },
+  effects: ["subscribeToStore", "trackDocumentVisibility", "trackHotKeyPress"],
+  watch({ track: t, context: e, action: i }) {
+    t([() => e.hash("toasts")], () => {
+      queueMicrotask(() => {
+        i(["collapsedIfEmpty", "setDismissableBranch"]);
+      });
+    });
+  },
+  exit: ["clearDismissableBranch", "clearLastFocusedEl"],
+  on: {
+    "DOC.HOTKEY": {
+      actions: ["focusRegionEl"]
+    },
+    "REGION.BLUR": [
+      {
+        guard: "isOverlapping",
+        target: "overlap",
+        actions: ["collapseToasts", "resumeToasts", "restoreLastFocusedEl"]
       },
-      initial: r === "loading" ? "visible:persist" : "visible",
+      {
+        target: "stack",
+        actions: ["resumeToasts", "restoreLastFocusedEl"]
+      }
+    ],
+    "TOAST.REMOVE": {
+      actions: ["removeToast", "removeHeight"]
+    },
+    "TOAST.PAUSE": {
+      actions: ["pauseToasts"]
+    }
+  },
+  states: {
+    stack: {
       on: {
-        UPDATE: [
+        "REGION.POINTER_LEAVE": [
           {
-            guard: J("hasTypeChanged", "isChangingToLoading"),
-            target: "visible:persist",
-            actions: ["setContext"]
-          },
-          {
-            guard: Q("hasDurationChanged", "hasTypeChanged"),
-            target: "visible:updating",
-            actions: ["setContext"]
+            guard: "isOverlapping",
+            target: "overlap",
+            actions: ["resumeToasts", "collapseToasts"]
           },
           {
-            actions: ["setContext"]
+            actions: ["resumeToasts"]
           }
         ],
-        MEASURE: {
-          actions: ["measureHeight"]
-        }
-      },
-      entry: ["invokeOnVisible"],
-      activities: ["trackHeight"],
-      states: {
-        "visible:updating": {
-          tags: ["visible", "updating"],
-          after: {
-            0: "visible"
-          }
-        },
-        "visible:persist": {
-          tags: ["visible", "paused"],
-          on: {
-            RESUME: {
-              guard: Z("isLoadingType"),
-              target: "visible",
-              actions: ["setCreatedAt"]
-            },
-            DISMISS: "dismissing"
-          }
-        },
-        visible: {
-          tags: ["visible"],
-          after: {
-            VISIBLE_DURATION: "dismissing"
-          },
-          on: {
-            DISMISS: "dismissing",
-            PAUSE: {
-              target: "visible:persist",
-              actions: "setRemainingDuration"
-            }
-          }
+        "REGION.OVERLAP": {
+          target: "overlap",
+          actions: ["collapseToasts"]
         },
-        dismissing: {
-          entry: "invokeOnDismiss",
-          after: {
-            REMOVE_DELAY: {
-              target: "unmounted",
-              actions: "notifyParentToRemove"
-            }
-          }
+        "REGION.FOCUS": {
+          actions: ["setLastFocusedEl", "pauseToasts"]
         },
-        unmounted: {
-          entry: "invokeOnUnmount",
-          type: "final"
+        "REGION.POINTER_ENTER": {
+          actions: ["pauseToasts"]
         }
       }
     },
-    {
-      activities: {
-        trackHeight(a, e, { self: n }) {
-          let l;
-          return A(() => {
-            const g = f.getRootEl(a);
-            if (!g) return;
-            a.mounted = !0;
-            const p = H(g, "[data-ghost]");
-            B(
-              p.length !== 2,
-              "[toast] No ghost element found in toast. Render the `ghostBefore` and `ghostAfter` elements"
-            );
-            const m = () => {
-              const M = g.style.height;
-              g.style.height = "auto";
-              const R = g.getBoundingClientRect().height;
-              g.style.height = M, a.height = R, n.sendParent({ type: "UPDATE_HEIGHT", id: n.id, height: R, placement: a.placement });
-            };
-            m();
-            const S = f.getWin(a), E = new S.MutationObserver(m);
-            E.observe(g, { childList: !0, subtree: !0, characterData: !0 }), l = () => E.disconnect();
-          }), () => l == null ? void 0 : l();
-        }
-      },
-      guards: {
-        isChangingToLoading: (a, e) => {
-          var n;
-          return ((n = e.toast) == null ? void 0 : n.type) === "loading";
+    overlap: {
+      on: {
+        "REGION.STACK": {
+          target: "stack",
+          actions: ["expandToasts"]
         },
-        isLoadingType: (a) => a.type === "loading",
-        hasTypeChanged: (a, e) => {
-          var n;
-          return ((n = e.toast) == null ? void 0 : n.type) != null && e.toast.type !== a.type;
+        "REGION.POINTER_ENTER": {
+          target: "stack",
+          actions: ["pauseToasts", "expandToasts"]
         },
-        hasDurationChanged: (a, e) => {
-          var n;
-          return ((n = e.toast) == null ? void 0 : n.duration) != null && e.toast.duration !== a.duration;
+        "REGION.FOCUS": {
+          target: "stack",
+          actions: ["setLastFocusedEl", "pauseToasts", "expandToasts"]
         }
+      }
+    }
+  },
+  implementations: {
+    guards: {
+      isOverlapping: ({ computed: t }) => t("overlap")
+    },
+    effects: {
+      subscribeToStore({ context: t, prop: e }) {
+        return e("store").subscribe((i) => {
+          if (i.dismiss) {
+            t.set("toasts", (s) => s.filter((r) => r.id !== i.id));
+            return;
+          }
+          t.set("toasts", (s) => {
+            const r = s.findIndex((a) => a.id === i.id);
+            return r !== -1 ? [...s.slice(0, r), { ...s[r], ...i }, ...s.slice(r + 1)] : [i, ...s];
+          });
+        });
       },
-      delays: {
-        VISIBLE_DURATION: (a) => a.remaining,
-        REMOVE_DELAY: (a) => a.removeDelay
+      trackHotKeyPress({ prop: t, send: e }) {
+        return N(document, "keydown", (s) => {
+          const { hotkey: r } = t("store").attrs;
+          r.every((c) => s[c] || s.code === c) && e({ type: "DOC.HOTKEY" });
+        }, { capture: !0 });
       },
-      actions: {
-        measureHeight(a, e, { self: n }) {
-          A(() => {
-            const l = f.getRootEl(a);
-            if (!l) return;
-            a.mounted = !0;
-            const g = l.style.height;
-            l.style.height = "auto";
-            const p = l.getBoundingClientRect().height;
-            l.style.height = g, a.height = p, n.sendParent({ type: "UPDATE_HEIGHT", id: n.id, height: p, placement: a.placement });
-          });
-        },
-        setRemainingDuration(a) {
-          a.remaining -= Date.now() - a.createdAt;
-        },
-        setCreatedAt(a) {
-          a.createdAt = Date.now();
-        },
-        notifyParentToRemove(a, e, { self: n }) {
-          n.sendParent({ type: "REMOVE_TOAST", id: n.id });
-        },
-        invokeOnDismiss(a) {
-          var e;
-          (e = a.onStatusChange) == null || e.call(a, { status: "dismissing" });
-        },
-        invokeOnUnmount(a) {
-          var e;
-          (e = a.onStatusChange) == null || e.call(a, { status: "unmounted" });
-        },
-        invokeOnVisible(a) {
-          var e;
-          (e = a.onStatusChange) == null || e.call(a, { status: "visible" });
-        },
-        setContext(a, e) {
-          var p, m;
-          const n = (p = e.toast) == null ? void 0 : p.duration, l = ((m = e.toast) == null ? void 0 : m.type) ?? a.type, g = _(n, l);
-          Object.assign(a, {
-            ...e.toast,
-            duration: g,
-            remaining: g
-          });
-        }
+      trackDocumentVisibility({ prop: t, send: e, scope: i }) {
+        const { pauseOnPageIdle: s } = t("store").attrs;
+        if (!s) return;
+        const r = i.getDoc();
+        return N(r, "visibilitychange", () => {
+          const a = r.visibilityState === "hidden";
+          e({ type: a ? "PAUSE_ALL" : "RESUME_ALL" });
+        });
       }
-    }
-  );
-}
-function tt(o) {
-  const r = L(o);
-  return P(
-    {
-      id: "toaster",
-      initial: r.overlap ? "overlap" : "stack",
-      context: {
-        dir: "ltr",
-        max: Number.MAX_SAFE_INTEGER,
-        gap: 16,
-        pauseOnPageIdle: !1,
-        hotkey: ["altKey", "KeyT"],
-        offsets: "1rem",
-        placement: "bottom",
-        removeDelay: 200,
-        ...r,
-        toasts: [],
-        lastFocusedEl: null,
-        isFocusWithin: !1,
-        heights: []
+    },
+    actions: {
+      setDismissableBranch({ refs: t, context: e, computed: i, scope: s }) {
+        var m;
+        const r = e.get("toasts"), a = i("placement"), c = r.length > 0;
+        if (!c) {
+          (m = t.get("dismissableCleanup")) == null || m();
+          return;
+        }
+        if (c && t.get("dismissableCleanup"))
+          return;
+        const d = Z(() => H(s, a), { defer: !0 });
+        t.set("dismissableCleanup", d);
       },
-      computed: {
-        count: (t) => t.toasts.length
+      clearDismissableBranch({ refs: t }) {
+        var e;
+        (e = t.get("dismissableCleanup")) == null || e();
       },
-      activities: ["trackDocumentVisibility", "trackHotKeyPress"],
-      watch: {
-        toasts: ["collapsedIfEmpty", "setDismissableBranch"]
+      focusRegionEl({ scope: t, computed: e }) {
+        queueMicrotask(() => {
+          var i;
+          (i = H(t, e("placement"))) == null || i.focus();
+        });
       },
-      exit: ["removeToasts", "clearDismissableBranch", "clearLastFocusedEl"],
-      on: {
-        PAUSE_TOAST: {
-          actions: ["pauseToast"]
-        },
-        PAUSE_ALL: {
-          actions: ["pauseToasts"]
-        },
-        RESUME_TOAST: {
-          actions: ["resumeToast"]
-        },
-        RESUME_ALL: {
-          actions: ["resumeToasts"]
-        },
-        ADD_TOAST: {
-          guard: "isWithinRange",
-          actions: ["createToast", "syncToastIndex"]
-        },
-        UPDATE_TOAST: {
-          actions: ["updateToast"]
-        },
-        DISMISS_TOAST: {
-          actions: ["dismissToast"]
-        },
-        DISMISS_ALL: {
-          actions: ["dismissToasts"]
-        },
-        REMOVE_TOAST: {
-          actions: ["removeToast", "syncToastIndex", "syncToastOffset"]
-        },
-        REMOVE_ALL: {
-          actions: ["removeToasts"]
-        },
-        UPDATE_HEIGHT: {
-          actions: ["syncHeights", "syncToastOffset"]
-        },
-        "DOC.HOTKEY": {
-          actions: ["focusRegionEl"]
-        },
-        "REGION.BLUR": [
-          {
-            guard: "isOverlapping",
-            target: "overlap",
-            actions: ["resumeToasts", "restoreLastFocusedEl"]
-          },
-          {
-            actions: ["resumeToasts", "restoreLastFocusedEl"]
-          }
-        ]
+      pauseToasts({ prop: t }) {
+        t("store").pause();
       },
-      states: {
-        stack: {
-          entry: ["expandToasts"],
-          on: {
-            "REGION.POINTER_LEAVE": [
-              {
-                guard: "isOverlapping",
-                target: "overlap",
-                actions: ["resumeToasts"]
-              },
-              {
-                actions: ["resumeToasts"]
-              }
-            ],
-            "REGION.OVERLAP": {
-              target: "overlap"
-            },
-            "REGION.FOCUS": {
-              actions: ["setLastFocusedEl", "pauseToasts"]
-            },
-            "REGION.POINTER_ENTER": {
-              actions: ["pauseToasts"]
-            }
-          }
-        },
-        overlap: {
-          entry: ["collapseToasts"],
-          on: {
-            "REGION.STACK": {
-              target: "stack"
-            },
-            "REGION.POINTER_ENTER": {
-              target: "stack",
-              actions: ["pauseToasts"]
-            },
-            "REGION.FOCUS": {
-              target: "stack",
-              actions: ["setLastFocusedEl", "pauseToasts"]
-            }
-          }
-        }
-      }
-    },
-    {
-      guards: {
-        isWithinRange: (t) => t.toasts.length < t.max,
-        isOverlapping: (t) => !!t.overlap
+      resumeToasts({ prop: t }) {
+        t("store").resume();
       },
-      activities: {
-        trackHotKeyPress(t, s, { send: i }) {
-          return D(document, "keydown", (u) => {
-            t.hotkey.every((d) => u[d] || u.code === d) && i({ type: "DOC.HOTKEY" });
-          }, { capture: !0 });
-        },
-        trackDocumentVisibility(t, s, { send: i }) {
-          if (!t.pauseOnPageIdle) return;
-          const c = f.getDoc(t);
-          return D(c, "visibilitychange", () => {
-            i(c.visibilityState === "hidden" ? "PAUSE_ALL" : "RESUME_ALL");
-          });
-        }
+      expandToasts({ prop: t }) {
+        t("store").expand();
       },
-      actions: {
-        setDismissableBranch(t) {
-          var u;
-          const i = b(t.toasts, t.placement).length > 0;
-          if (!i) {
-            (u = t._cleanup) == null || u.call(t);
-            return;
-          }
-          if (i && t._cleanup)
-            return;
-          const c = () => f.getRegionEl(t, t.placement);
-          t._cleanup = V(c, { defer: !0 });
-        },
-        clearDismissableBranch(t) {
-          var s;
-          (s = t._cleanup) == null || s.call(t);
-        },
-        focusRegionEl(t) {
-          queueMicrotask(() => {
-            var s;
-            (s = f.getRegionEl(t, t.placement)) == null || s.focus();
-          });
-        },
-        expandToasts(t) {
-          I(t, (s) => {
-            s.state.context.stacked = !0;
-          });
-        },
-        collapseToasts(t) {
-          I(t, (s) => {
-            s.state.context.stacked = !1;
-          });
-        },
-        collapsedIfEmpty(t, s, { send: i }) {
-          !t.overlap || t.toasts.length > 1 || i("REGION.OVERLAP");
-        },
-        pauseToast(t, s, { self: i }) {
-          i.sendChild("PAUSE", s.id);
-        },
-        pauseToasts(t) {
-          t.toasts.forEach((s) => s.send("PAUSE"));
-        },
-        resumeToast(t, s, { self: i }) {
-          i.sendChild("RESUME", s.id);
-        },
-        resumeToasts(t) {
-          t.toasts.forEach((s) => s.send("RESUME"));
-        },
-        measureToasts(t) {
-          t.toasts.forEach((s) => s.send("MEASURE"));
-        },
-        createToast(t, s, { self: i, getState: c }) {
-          const u = {
-            placement: t.placement,
-            duration: t.duration,
-            removeDelay: t.removeDelay,
-            ...s.toast,
-            dir: t.dir,
-            getRootNode: t.getRootNode,
-            stacked: c().matches("stack")
-          }, h = z(u), d = i.spawn(h);
-          t.toasts = [d, ...t.toasts];
-        },
-        updateToast(t, s, { self: i }) {
-          i.sendChild({ type: "UPDATE", toast: s.toast }, s.id);
-        },
-        dismissToast(t, s, { self: i }) {
-          i.sendChild("DISMISS", s.id);
-        },
-        dismissToasts(t) {
-          t.toasts.forEach((s) => s.send("DISMISS"));
-        },
-        removeToast(t, s, { self: i }) {
-          i.stopChild(s.id), t.toasts = t.toasts.filter((c) => c.id !== s.id), t.heights = t.heights.filter((c) => c.id !== s.id);
-        },
-        removeToasts(t, s, { self: i }) {
-          t.toasts.forEach((c) => i.stopChild(c.id)), t.toasts = [], t.heights = [];
-        },
-        syncHeights(t, s) {
-          const i = t.heights.find((c) => c.id === s.id);
-          if (i)
-            i.height = s.height, i.placement = s.placement;
-          else {
-            const c = { id: s.id, height: s.height, placement: s.placement };
-            t.heights = [c, ...t.heights];
-          }
-        },
-        syncToastIndex(t) {
-          I(t, (s, i, c) => {
-            s.state.context.index = i, s.state.context.frontmost = i === 0, s.state.context.zIndex = c.length - i;
-          });
-        },
-        syncToastOffset(t, s) {
-          const i = s.placement ?? t.placement;
-          I({ ...t, placement: i }, (c) => {
-            const u = Math.max(
-              t.heights.findIndex((d) => d.id === c.id),
-              0
-            ), h = t.heights.reduce((d, a, e) => e >= u ? d : d + a.height, 0);
-            c.state.context.offset = u * t.gap + h;
-          });
-        },
-        setLastFocusedEl(t, s) {
-          t.isFocusWithin || !s.target || (t.isFocusWithin = !0, t.lastFocusedEl = w(s.target));
-        },
-        restoreLastFocusedEl(t) {
-          t.isFocusWithin = !1, t.lastFocusedEl && (t.lastFocusedEl.focus({ preventScroll: !0 }), t.lastFocusedEl = null);
-        },
-        clearLastFocusedEl(t) {
-          t.lastFocusedEl && (t.lastFocusedEl.focus({ preventScroll: !0 }), t.lastFocusedEl = null, t.isFocusWithin = !1);
-        }
+      collapseToasts({ prop: t }) {
+        t("store").collapse();
+      },
+      removeToast({ prop: t, event: e }) {
+        t("store").remove(e.id);
+      },
+      removeHeight({ event: t, context: e }) {
+        (t == null ? void 0 : t.id) != null && queueMicrotask(() => {
+          e.set("heights", (i) => i.filter((s) => s.id !== t.id));
+        });
+      },
+      collapsedIfEmpty({ send: t, computed: e }) {
+        !e("overlap") || e("count") > 1 || t({ type: "REGION.OVERLAP" });
+      },
+      setLastFocusedEl({ refs: t, event: e }) {
+        t.get("isFocusWithin") || !e.target || (t.set("isFocusWithin", !0), t.set("lastFocusedEl", e.target));
+      },
+      restoreLastFocusedEl({ refs: t }) {
+        var e;
+        t.get("lastFocusedEl") && ((e = t.get("lastFocusedEl")) == null || e.focus({ preventScroll: !0 }), t.set("lastFocusedEl", null), t.set("isFocusWithin", !1));
+      },
+      clearLastFocusedEl({ refs: t }) {
+        var e;
+        t.get("lastFocusedEl") && ((e = t.get("lastFocusedEl")) == null || e.focus({ preventScroll: !0 }), t.set("lastFocusedEl", null), t.set("isFocusWithin", !1));
       }
     }
-  );
-}
-function I(o, r) {
-  b(o.toasts, o.placement).forEach(r);
-}
-function ct(o, r, t) {
-  const s = o.hasTag("visible"), i = o.hasTag("paused"), c = o.context.placement, u = o.context.type, [h, d = "center"] = c.split("-");
+  }
+});
+function Dt(t, e) {
+  const { state: i, send: s, prop: r, scope: a, context: c, computed: l } = t, d = i.hasTag("visible"), m = i.hasTag("paused"), u = c.get("mounted"), p = l("frontmost"), v = r("parent").computed("placement"), f = r("type"), h = r("stacked"), b = r("title"), E = r("description"), S = r("action"), [F, R = "center"] = v.split("-");
   return {
-    type: u,
-    title: o.context.title,
-    description: o.context.description,
-    placement: c,
-    visible: s,
-    paused: i,
+    type: f,
+    title: b,
+    description: E,
+    placement: v,
+    visible: d,
+    paused: m,
+    closable: !!r("closable"),
     pause() {
-      r("PAUSE");
+      s({ type: "PAUSE" });
     },
     resume() {
-      r("RESUME");
+      s({ type: "RESUME" });
     },
     dismiss() {
-      r("DISMISS");
+      s({ type: "DISMISS", src: "programmatic" });
     },
     getRootProps() {
-      return t.element({
-        ...T.root.attrs,
-        dir: o.context.dir,
-        id: f.getRootId(o.context),
-        "data-state": s ? "open" : "closed",
-        "data-type": u,
-        "data-placement": c,
-        "data-align": d,
-        "data-side": h,
-        "data-mounted": y(o.context.mounted),
-        "data-paused": y(i),
-        "data-first": y(o.context.frontmost),
-        "data-sibling": y(!o.context.frontmost),
-        "data-stack": y(o.context.stacked),
-        "data-overlap": y(!o.context.stacked),
+      return e.element({
+        ...O.root.attrs,
+        dir: r("dir"),
+        id: W(a),
+        "data-state": d ? "open" : "closed",
+        "data-type": f,
+        "data-placement": v,
+        "data-align": R,
+        "data-side": F,
+        "data-mounted": D(u),
+        "data-paused": D(m),
+        "data-first": D(p),
+        "data-sibling": D(!p),
+        "data-stack": D(h),
+        "data-overlap": D(!h),
         role: "status",
         "aria-atomic": "true",
-        "aria-describedby": o.context.description ? f.getDescriptionId(o.context) : void 0,
-        "aria-labelledby": o.context.title ? f.getTitleId(o.context) : void 0,
+        "aria-describedby": E ? G(a) : void 0,
+        "aria-labelledby": b ? V(a) : void 0,
         tabIndex: 0,
-        style: j(o.context, s),
-        onKeyDown(a) {
-          a.defaultPrevented || a.key == "Escape" && (r("DISMISS"), a.preventDefault());
+        style: rt(t, d),
+        onKeyDown(g) {
+          g.defaultPrevented || g.key == "Escape" && (s({ type: "DISMISS", src: "keyboard" }), g.preventDefault());
         }
       });
     },
     /* Leave a ghost div to avoid setting hover to false when transitioning out */
     getGhostBeforeProps() {
-      return t.element({
+      return e.element({
         "data-ghost": "before",
-        style: X(o.context, s)
+        style: ot(t, d)
       });
     },
     /* Needed to avoid setting hover to false when in between toasts */
     getGhostAfterProps() {
-      return t.element({
+      return e.element({
         "data-ghost": "after",
-        style: Y()
+        style: at()
       });
     },
     getTitleProps() {
-      return t.element({
-        ...T.title.attrs,
-        id: f.getTitleId(o.context)
+      return e.element({
+        ...O.title.attrs,
+        id: V(a)
       });
     },
     getDescriptionProps() {
-      return t.element({
-        ...T.description.attrs,
-        id: f.getDescriptionId(o.context)
+      return e.element({
+        ...O.description.attrs,
+        id: G(a)
       });
     },
     getActionTriggerProps() {
-      return t.button({
-        ...T.actionTrigger.attrs,
+      return e.button({
+        ...O.actionTrigger.attrs,
         type: "button",
-        onClick(a) {
-          var e, n;
-          a.defaultPrevented || ((n = (e = o.context.action) == null ? void 0 : e.onClick) == null || n.call(e), r("DISMISS"));
+        onClick(g) {
+          var k;
+          g.defaultPrevented || ((k = S == null ? void 0 : S.onClick) == null || k.call(S), s({ type: "DISMISS", src: "user" }));
         }
       });
     },
     getCloseTriggerProps() {
-      return t.button({
-        id: f.getCloseTriggerId(o.context),
-        ...T.closeTrigger.attrs,
+      return e.button({
+        id: st(a),
+        ...O.closeTrigger.attrs,
         type: "button",
         "aria-label": "Dismiss notification",
-        onClick(a) {
-          a.defaultPrevented || r("DISMISS");
+        onClick(g) {
+          g.defaultPrevented || s({ type: "DISMISS", src: "user" });
+        }
+      });
+    }
+  };
+}
+var { not: ut } = Y(), Ot = K({
+  props({ props: t }) {
+    return z(t, ["id", "type", "parent", "removeDelay"], "toast"), {
+      closable: !0,
+      ...t,
+      duration: A(t.duration, t.type)
+    };
+  },
+  initialState({ prop: t }) {
+    return t("type") === "loading" || t("duration") === 1 / 0 ? "visible:persist" : "visible";
+  },
+  context({ prop: t, bindable: e }) {
+    return {
+      remainingTime: e(() => ({
+        defaultValue: A(t("duration"), t("type"))
+      })),
+      createdAt: e(() => ({
+        defaultValue: Date.now()
+      })),
+      mounted: e(() => ({
+        defaultValue: !1
+      })),
+      initialHeight: e(() => ({
+        defaultValue: 0
+      }))
+    };
+  },
+  refs() {
+    return {
+      closeTimerStartTime: Date.now(),
+      lastCloseStartTimerStartTime: 0
+    };
+  },
+  computed: {
+    zIndex: ({ prop: t }) => {
+      const e = t("parent").context.get("toasts"), i = e.findIndex((s) => s.id === t("id"));
+      return e.length - i;
+    },
+    height: ({ prop: t }) => {
+      const i = t("parent").context.get("heights").find((s) => s.id === t("id"));
+      return (i == null ? void 0 : i.height) ?? 0;
+    },
+    heightIndex: ({ prop: t }) => t("parent").context.get("heights").findIndex((i) => i.id === t("id")),
+    frontmost: ({ prop: t }) => t("index") === 0,
+    heightBefore: ({ prop: t }) => {
+      const e = t("parent").context.get("heights"), i = e.findIndex((s) => s.id === t("id"));
+      return e.reduce((s, r, a) => a >= i ? s : s + r.height, 0);
+    },
+    shouldPersist: ({ prop: t }) => t("type") === "loading" || t("duration") === 1 / 0
+  },
+  watch({ track: t, prop: e, send: i }) {
+    t([() => e("message")], () => {
+      const s = e("message");
+      s && i({ type: s, src: "programmatic" });
+    }), t([() => e("type"), () => e("duration")], () => {
+      i({ type: "UPDATE" });
+    });
+  },
+  on: {
+    UPDATE: [
+      {
+        guard: "shouldPersist",
+        target: "visible:persist",
+        actions: ["resetCloseTimer"]
+      },
+      {
+        target: "visible:updating",
+        actions: ["resetCloseTimer"]
+      }
+    ],
+    MEASURE: {
+      actions: ["measureHeight"]
+    }
+  },
+  entry: ["setMounted", "measureHeight", "invokeOnVisible"],
+  effects: ["trackHeight"],
+  states: {
+    "visible:updating": {
+      tags: ["visible", "updating"],
+      effects: ["waitForNextTick"],
+      on: {
+        SHOW: {
+          target: "visible"
         }
+      }
+    },
+    "visible:persist": {
+      tags: ["visible", "paused"],
+      on: {
+        RESUME: {
+          guard: ut("isLoadingType"),
+          target: "visible",
+          actions: ["setCloseTimer"]
+        },
+        DISMISS: {
+          target: "dismissing"
+        }
+      }
+    },
+    visible: {
+      tags: ["visible"],
+      effects: ["waitForDuration"],
+      on: {
+        DISMISS: {
+          target: "dismissing"
+        },
+        PAUSE: {
+          target: "visible:persist",
+          actions: ["syncRemainingTime"]
+        }
+      }
+    },
+    dismissing: {
+      entry: ["invokeOnDismiss"],
+      effects: ["waitForRemoveDelay"],
+      on: {
+        REMOVE: {
+          target: "unmounted",
+          actions: ["notifyParentToRemove"]
+        }
+      }
+    },
+    unmounted: {
+      entry: ["invokeOnUnmount"]
+    }
+  },
+  implementations: {
+    effects: {
+      waitForRemoveDelay({ prop: t, send: e }) {
+        return w(() => {
+          e({ type: "REMOVE", src: "timer" });
+        }, t("removeDelay"));
+      },
+      waitForDuration({ send: t, context: e, computed: i }) {
+        if (!i("shouldPersist"))
+          return w(() => {
+            t({ type: "DISMISS", src: "timer" });
+          }, e.get("remainingTime"));
+      },
+      waitForNextTick({ send: t }) {
+        return w(() => {
+          t({ type: "SHOW", src: "timer" });
+        }, 0);
+      },
+      trackHeight({ scope: t, prop: e }) {
+        let i;
+        return L(() => {
+          const s = U(t);
+          if (!s) return;
+          const r = () => {
+            const l = s.style.height;
+            s.style.height = "auto";
+            const d = s.getBoundingClientRect().height;
+            s.style.height = l;
+            const m = { id: e("id"), height: d };
+            B(e("parent"), m);
+          }, a = t.getWin(), c = new a.MutationObserver(r);
+          c.observe(s, {
+            childList: !0,
+            subtree: !0,
+            characterData: !0
+          }), i = () => c.disconnect();
+        }), () => i == null ? void 0 : i();
+      }
+    },
+    guards: {
+      isLoadingType: ({ prop: t }) => t("type") === "loading",
+      shouldPersist: ({ computed: t }) => t("shouldPersist")
+    },
+    actions: {
+      setMounted({ context: t }) {
+        L(() => {
+          t.set("mounted", !0);
+        });
+      },
+      measureHeight({ scope: t, prop: e, context: i }) {
+        queueMicrotask(() => {
+          const s = U(t);
+          if (!s) return;
+          const r = s.style.height;
+          s.style.height = "auto";
+          const a = s.getBoundingClientRect().height;
+          s.style.height = r, i.set("initialHeight", a);
+          const c = { id: e("id"), height: a };
+          B(e("parent"), c);
+        });
+      },
+      setCloseTimer({ refs: t }) {
+        t.set("closeTimerStartTime", Date.now());
+      },
+      resetCloseTimer({ context: t, refs: e, prop: i }) {
+        e.set("closeTimerStartTime", Date.now()), t.set("remainingTime", A(i("duration"), i("type")));
+      },
+      syncRemainingTime({ context: t, refs: e }) {
+        t.set("remainingTime", (i) => {
+          const s = e.get("closeTimerStartTime"), r = Date.now() - s;
+          return e.set("lastCloseStartTimerStartTime", Date.now()), i - r;
+        });
+      },
+      notifyParentToRemove({ prop: t }) {
+        t("parent").send({ type: "TOAST.REMOVE", id: t("id") });
+      },
+      invokeOnDismiss({ prop: t, event: e }) {
+        var i;
+        (i = t("onStatusChange")) == null || i({ status: "dismissing", src: e.src });
+      },
+      invokeOnUnmount({ prop: t }) {
+        var e;
+        (e = t("onStatusChange")) == null || e({ status: "unmounted" });
+      },
+      invokeOnVisible({ prop: t }) {
+        var e;
+        (e = t("onStatusChange")) == null || e({ status: "visible" });
+      }
+    }
+  }
+});
+function B(t, e) {
+  const { id: i, height: s } = e;
+  t.context.set("heights", (r) => r.find((c) => c.id === i) ? r.map((c) => c.id === i ? { ...c, height: s } : c) : [{ id: i, height: s }, ...r]);
+}
+var dt = (t, e) => ({ ...e, ...J(t) });
+function Rt(t) {
+  const e = dt(t, {
+    placement: "bottom",
+    overlap: !1,
+    max: 24,
+    gap: 16,
+    offsets: "1rem",
+    hotkey: ["altKey", "KeyT"],
+    removeDelay: 200,
+    pauseOnPageIdle: !0
+  });
+  let i = [], s = [], r = /* @__PURE__ */ new Set(), a = [];
+  const c = (n) => (i.push(n), () => {
+    const o = i.indexOf(n);
+    i.splice(o, 1);
+  }), l = (n) => (i.forEach((o) => o(n)), n), d = (n) => {
+    if (s.length >= e.max) {
+      a.push(n);
+      return;
+    }
+    l(n), s.unshift(n);
+  }, m = () => {
+    for (; a.length > 0 && s.length < e.max; ) {
+      const n = a.shift();
+      n && (l(n), s.unshift(n));
+    }
+  }, u = (n) => {
+    const o = n.id ?? `toast:${_()}`, I = s.find((y) => y.id === o);
+    return r.has(o) && r.delete(o), I ? s = s.map((y) => y.id === o ? l({ ...y, ...n, id: o }) : y) : d({
+      id: o,
+      duration: e.duration,
+      removeDelay: e.removeDelay,
+      type: "info",
+      ...n,
+      stacked: !e.overlap,
+      gap: e.gap
+    }), o;
+  }, p = (n) => (r.add(n), n ? (i.forEach((o) => o({ id: n, dismiss: !0 })), s = s.filter((o) => o.id !== n), m()) : (s.forEach((o) => {
+    i.forEach((I) => I({ id: o.id, dismiss: !0 }));
+  }), s = [], a = []), n);
+  return {
+    attrs: e,
+    subscribe: c,
+    create: u,
+    update: (n, o) => u({ id: n, ...o }),
+    remove: p,
+    dismiss: (n) => {
+      n != null ? s = s.map((o) => o.id === n ? l({ ...o, message: "DISMISS" }) : o) : s = s.map((o) => l({ ...o, message: "DISMISS" }));
+    },
+    error: (n) => u({ ...n, type: "error" }),
+    success: (n) => u({ ...n, type: "success" }),
+    info: (n) => u({ ...n, type: "info" }),
+    warning: (n) => u({ ...n, type: "warning" }),
+    loading: (n) => u({ ...n, type: "loading" }),
+    getVisibleToasts: () => s.filter((n) => !r.has(n.id)),
+    getCount: () => s.length,
+    promise: (n, o, I = {}) => {
+      if (!o) return;
+      let y;
+      o.loading !== void 0 && (y = u({
+        ...I,
+        ...o.loading,
+        promise: n,
+        type: "loading"
+      }));
+      let M = y !== void 0, P;
+      const j = C(n).then(async (T) => {
+        if (P = ["resolve", T], gt(T) && !T.ok) {
+          M = !1;
+          const x = C(o.error, `HTTP Error! status: ${T.status}`);
+          u({ ...I, ...x, id: y, type: "error" });
+        } else if (o.success !== void 0) {
+          M = !1;
+          const x = C(o.success, T);
+          u({ ...I, ...x, id: y, type: "success" });
+        }
+      }).catch(async (T) => {
+        if (P = ["reject", T], o.error !== void 0) {
+          M = !1;
+          const x = C(o.error, T);
+          u({ ...I, ...x, id: y, type: "error" });
+        }
+      }).finally(() => {
+        var T;
+        M && (p(y), y = void 0), (T = o.finally) == null || T.call(o);
       });
+      return { id: y, unwrap: () => new Promise(
+        (T, x) => j.then(() => P[0] === "reject" ? x(P[1]) : T(P[1])).catch(x)
+      ) };
+    },
+    pause: (n) => {
+      n != null ? s = s.map((o) => o.id === n ? l({ ...o, message: "PAUSE" }) : o) : s = s.map((o) => l({ ...o, message: "PAUSE" }));
+    },
+    resume: (n) => {
+      n != null ? s = s.map((o) => o.id === n ? l({ ...o, message: "RESUME" }) : o) : s = s.map((o) => l({ ...o, message: "RESUME" }));
+    },
+    isVisible: (n) => !r.has(n) && !!s.find((o) => o.id === n),
+    isDismissed: (n) => r.has(n),
+    expand: () => {
+      s = s.map((n) => l({ ...n, stacked: !0 }));
+    },
+    collapse: () => {
+      s = s.map((n) => l({ ...n, stacked: !1 }));
     }
   };
 }
-var lt = {
-  connect: q,
-  machine: tt
+var gt = (t) => t && typeof t == "object" && "ok" in t && typeof t.ok == "boolean" && "status" in t && typeof t.status == "number", kt = {
+  connect: ct,
+  machine: lt
 };
 export {
-  K as anatomy,
-  ct as connect,
-  z as createMachine,
-  lt as group
+  tt as anatomy,
+  Dt as connect,
+  Rt as createStore,
+  kt as group,
+  Ot as machine
 };