@midas-ds/components 1.0.2

package/index86.js

@@ -0,0 +1,1009 @@
+import { jsx as h, jsxs as E, Fragment as he } from "react/jsx-runtime";
+import { Button as $e } from "./index69.js";
+import { c as pe } from "./clsx-OuTLNxxd.js";
+import y, { useEffect as v, useState as ve, useCallback as T, useRef as x, useMemo as xe } from "react";
+import { k as ke, y as Ee, l as A, b as Te, L as k, f as ge, K as L, e as ye } from "./useFocusRing-D97-G3fT.js";
+import { $ as w } from "./useLocalizedStringFormatter-DVCAZqcL.js";
+import { s as I } from "./index-CEg5vZQH.js";
+import { createPortal as _e } from "react-dom";
+import { X as Le } from "./x-JK7i-TQC.js";
+import { C as Be, I as Ae, a as we, T as Ie } from "./triangle-alert-1OYl9KWz.js";
+import './Toast.css';var C = {};
+C = {
+  close: "إغلاق",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} إشعار`,
+    other: () => `${e.number(t.count)} إشعارات`
+  })}.`
+};
+var P = {};
+P = {
+  close: "Затвори",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} известие`,
+    other: () => `${e.number(t.count)} известия`
+  })}.`
+};
+var F = {};
+F = {
+  close: "Zavřít",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} oznámení`,
+    other: () => `${e.number(t.count)} oznámení`
+  })}.`
+};
+var R = {};
+R = {
+  close: "Luk",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} besked`,
+    other: () => `${e.number(t.count)} beskeder`
+  })}.`
+};
+var N = {};
+N = {
+  close: "Schließen",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} Benachrichtigung`,
+    other: () => `${e.number(t.count)} Benachrichtigungen`
+  })}.`
+};
+var S = {};
+S = {
+  close: "Κλείσιμο",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} ειδοποίηση`,
+    other: () => `${e.number(t.count)} ειδοποιήσεις`
+  })}.`
+};
+var D = {};
+D = {
+  close: "Close",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} notification`,
+    other: () => `${e.number(t.count)} notifications`
+  })}.`
+};
+var M = {};
+M = {
+  close: "Cerrar",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} notificación`,
+    other: () => `${e.number(t.count)} notificaciones`
+  })}.`
+};
+var H = {};
+H = {
+  close: "Sule",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} teatis`,
+    other: () => `${e.number(t.count)} teatist`
+  })}.`
+};
+var O = {};
+O = {
+  close: "Sulje",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} ilmoitus`,
+    other: () => `${e.number(t.count)} ilmoitusta`
+  })}.`
+};
+var V = {};
+V = {
+  close: "Fermer",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} notification`,
+    other: () => `${e.number(t.count)} notifications`
+  })}.`
+};
+var z = {};
+z = {
+  close: "סגור",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} התראה`,
+    other: () => `${e.number(t.count)} התראות`
+  })}.`
+};
+var j = {};
+j = {
+  close: "Zatvori",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} obavijest`,
+    other: () => `${e.number(t.count)} obavijesti`
+  })}.`
+};
+var K = {};
+K = {
+  close: "Bezárás",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} értesítés`,
+    other: () => `${e.number(t.count)} értesítés`
+  })}.`
+};
+var G = {};
+G = {
+  close: "Chiudi",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} notifica`,
+    other: () => `${e.number(t.count)} notifiche`
+  })}.`
+};
+var U = {};
+U = {
+  close: "閉じる",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} 個の通知`,
+    other: () => `${e.number(t.count)} 個の通知`
+  })}。`
+};
+var W = {};
+W = {
+  close: "닫기",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)}개 알림`,
+    other: () => `${e.number(t.count)}개 알림`
+  })}.`
+};
+var Z = {};
+Z = {
+  close: "Uždaryti",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} pranešimas`,
+    other: () => `${e.number(t.count)} pranešimai`
+  })}.`
+};
+var q = {};
+q = {
+  close: "Aizvērt",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} paziņojums`,
+    other: () => `${e.number(t.count)} paziņojumi`
+  })}.`
+};
+var Y = {};
+Y = {
+  close: "Lukk",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} varsling`,
+    other: () => `${e.number(t.count)} varsler`
+  })}.`
+};
+var J = {};
+J = {
+  close: "Sluiten",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} melding`,
+    other: () => `${e.number(t.count)} meldingen`
+  })}.`
+};
+var Q = {};
+Q = {
+  close: "Zamknij",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} powiadomienie`,
+    few: () => `${e.number(t.count)} powiadomienia`,
+    many: () => `${e.number(t.count)} powiadomień`,
+    other: () => `${e.number(t.count)} powiadomienia`
+  })}.`
+};
+var X = {};
+X = {
+  close: "Fechar",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} notificação`,
+    other: () => `${e.number(t.count)} notificações`
+  })}.`
+};
+var ee = {};
+ee = {
+  close: "Fechar",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} notificação`,
+    other: () => `${e.number(t.count)} notificações`
+  })}.`
+};
+var te = {};
+te = {
+  close: "Închideţi",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} notificare`,
+    other: () => `${e.number(t.count)} notificări`
+  })}.`
+};
+var ne = {};
+ne = {
+  close: "Закрыть",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} уведомление`,
+    other: () => `${e.number(t.count)} уведомления`
+  })}.`
+};
+var ie = {};
+ie = {
+  close: "Zatvoriť",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} oznámenie`,
+    few: () => `${e.number(t.count)} oznámenia`,
+    other: () => `${e.number(t.count)} oznámení`
+  })}.`
+};
+var oe = {};
+oe = {
+  close: "Zapri",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} obvestilo`,
+    two: () => `${e.number(t.count)} obvestili`,
+    few: () => `${e.number(t.count)} obvestila`,
+    other: () => `${e.number(t.count)} obvestil`
+  })}.`
+};
+var ue = {};
+ue = {
+  close: "Zatvori",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} obaveštenje`,
+    other: () => `${e.number(t.count)} obaveštenja`
+  })}.`
+};
+var ae = {};
+ae = {
+  close: "Stäng",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} meddelande`,
+    other: () => `${e.number(t.count)} meddelanden`
+  })}.`
+};
+var se = {};
+se = {
+  close: "Kapat",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} bildirim`,
+    other: () => `${e.number(t.count)} bildirim`
+  })}.`
+};
+var re = {};
+re = {
+  close: "Закрити",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} сповіщення`,
+    other: () => `${e.number(t.count)} сповіщення`
+  })}.`
+};
+var le = {};
+le = {
+  close: "关闭",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} 个通知`,
+    other: () => `${e.number(t.count)} 个通知`
+  })}。`
+};
+var ce = {};
+ce = {
+  close: "關閉",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} 個通知`,
+    other: () => `${e.number(t.count)} 個通知`
+  })}。`
+};
+var _ = {};
+_ = {
+  "ar-AE": C,
+  "bg-BG": P,
+  "cs-CZ": F,
+  "da-DK": R,
+  "de-DE": N,
+  "el-GR": S,
+  "en-US": D,
+  "es-ES": M,
+  "et-EE": H,
+  "fi-FI": O,
+  "fr-FR": V,
+  "he-IL": z,
+  "hr-HR": j,
+  "hu-HU": K,
+  "it-IT": G,
+  "ja-JP": U,
+  "ko-KR": W,
+  "lt-LT": Z,
+  "lv-LV": q,
+  "nb-NO": Y,
+  "nl-NL": J,
+  "pl-PL": Q,
+  "pt-BR": X,
+  "pt-PT": ee,
+  "ro-RO": te,
+  "ru-RU": ne,
+  "sk-SK": ie,
+  "sl-SI": oe,
+  "sr-SP": ue,
+  "sv-SE": ae,
+  "tr-TR": se,
+  "uk-UA": re,
+  "zh-CN": le,
+  "zh-TW": ce
+};
+function Ce(t) {
+  return t && t.__esModule ? t.default : t;
+}
+function Pe(t, e, n) {
+  let { key: i, timer: o, timeout: u, animation: a } = t.toast;
+  v(() => {
+    if (!(o == null || u == null))
+      return o.reset(u), () => {
+        o.pause();
+      };
+  }, [
+    o,
+    u
+  ]);
+  let [s, l] = y.useState(!1);
+  v(() => {
+    (a === "entering" || a === "queued") && l(!0);
+  }, [
+    a
+  ]);
+  let r = ke(), $ = Ee(), d = w(Ce(_), "@react-aria/toast");
+  return {
+    toastProps: {
+      role: "alertdialog",
+      "aria-modal": "false",
+      "aria-label": t["aria-label"],
+      "aria-labelledby": t["aria-labelledby"] || r,
+      "aria-describedby": t["aria-describedby"] || $,
+      "aria-details": t["aria-details"],
+      // Hide toasts that are animating out so VoiceOver doesn't announce them.
+      "aria-hidden": a === "exiting" ? "true" : void 0,
+      tabIndex: 0
+    },
+    contentProps: {
+      role: "alert",
+      "aria-atomic": "true",
+      style: {
+        visibility: s || a === null ? "visible" : "hidden"
+      }
+    },
+    titleProps: {
+      id: r
+    },
+    descriptionProps: {
+      id: $
+    },
+    closeButtonProps: {
+      "aria-label": d.format("close"),
+      onPress: () => e.close(i)
+    }
+  };
+}
+const de = 1, g = Symbol.for("react-aria-landmark-manager");
+function Fe(t) {
+  return document.addEventListener("react-aria-landmark-manager-change", t), () => document.removeEventListener("react-aria-landmark-manager-change", t);
+}
+function B() {
+  if (typeof document > "u") return null;
+  let t = document[g];
+  return t && t.version >= de ? t : (document[g] = new Ne(), document.dispatchEvent(new CustomEvent("react-aria-landmark-manager-change")), document[g]);
+}
+function Re() {
+  return I.useSyncExternalStore(Fe, B, B);
+}
+class Ne {
+  setupIfNeeded() {
+    this.isListening || (document.addEventListener("keydown", this.f6Handler, {
+      capture: !0
+    }), document.addEventListener("focusin", this.focusinHandler, {
+      capture: !0
+    }), document.addEventListener("focusout", this.focusoutHandler, {
+      capture: !0
+    }), this.isListening = !0);
+  }
+  teardownIfNeeded() {
+    !this.isListening || this.landmarks.length > 0 || this.refCount > 0 || (document.removeEventListener("keydown", this.f6Handler, {
+      capture: !0
+    }), document.removeEventListener("focusin", this.focusinHandler, {
+      capture: !0
+    }), document.removeEventListener("focusout", this.focusoutHandler, {
+      capture: !0
+    }), this.isListening = !1);
+  }
+  focusLandmark(e, n) {
+    var i, o;
+    (o = this.landmarks.find((u) => u.ref.current === e)) === null || o === void 0 || (i = o.focus) === null || i === void 0 || i.call(o, n);
+  }
+  /**
+  * Return set of landmarks with a specific role.
+  */
+  getLandmarksByRole(e) {
+    return new Set(this.landmarks.filter((n) => n.role === e));
+  }
+  /**
+  * Return first landmark with a specific role.
+  */
+  getLandmarkByRole(e) {
+    return this.landmarks.find((n) => n.role === e);
+  }
+  addLandmark(e) {
+    if (this.setupIfNeeded(), this.landmarks.find((o) => o.ref === e.ref) || !e.ref.current) return;
+    if (this.landmarks.filter((o) => o.role === "main").length > 1 && console.error('Page can contain no more than one landmark with the role "main".'), this.landmarks.length === 0) {
+      this.landmarks = [
+        e
+      ], this.checkLabels(e.role);
+      return;
+    }
+    let n = 0, i = this.landmarks.length - 1;
+    for (; n <= i; ) {
+      let o = Math.floor((n + i) / 2), u = e.ref.current.compareDocumentPosition(this.landmarks[o].ref.current);
+      !!(u & Node.DOCUMENT_POSITION_PRECEDING || u & Node.DOCUMENT_POSITION_CONTAINS) ? n = o + 1 : i = o - 1;
+    }
+    this.landmarks.splice(n, 0, e), this.checkLabels(e.role);
+  }
+  updateLandmark(e) {
+    let n = this.landmarks.findIndex((i) => i.ref === e.ref);
+    n >= 0 && (this.landmarks[n] = {
+      ...this.landmarks[n],
+      ...e
+    }, this.checkLabels(this.landmarks[n].role));
+  }
+  removeLandmark(e) {
+    this.landmarks = this.landmarks.filter((n) => n.ref !== e), this.teardownIfNeeded();
+  }
+  /**
+  * Warn if there are 2+ landmarks with the same role but no label.
+  * Labels for landmarks with the same role must also be unique.
+  *
+  * See https://www.w3.org/WAI/ARIA/apg/practices/landmark-regions/.
+  */
+  checkLabels(e) {
+    let n = this.getLandmarksByRole(e);
+    if (n.size > 1) {
+      let i = [
+        ...n
+      ].filter((o) => !o.label);
+      if (i.length > 0) console.warn(`Page contains more than one landmark with the '${e}' role. If two or more landmarks on a page share the same role, all must be labeled with an aria-label or aria-labelledby attribute: `, i.map((o) => o.ref.current));
+      else {
+        let o = [
+          ...n
+        ].map((a) => a.label);
+        o.filter((a, s) => o.indexOf(a) !== s).forEach((a) => {
+          console.warn(`Page contains more than one landmark with the '${e}' role and '${a}' label. If two or more landmarks on a page share the same role, they must have unique labels: `, [
+            ...n
+          ].filter((s) => s.label === a).map((s) => s.ref.current));
+        });
+      }
+    }
+  }
+  /**
+  * Get the landmark that is the closest parent in the DOM.
+  * Returns undefined if no parent is a landmark.
+  */
+  closestLandmark(e) {
+    let n = new Map(this.landmarks.map((o) => [
+      o.ref.current,
+      o
+    ])), i = e;
+    for (; i && !n.has(i) && i !== document.body && i.parentElement; ) i = i.parentElement;
+    return n.get(i);
+  }
+  /**
+  * Gets the next landmark, in DOM focus order, or previous if backwards is specified.
+  * If last landmark, next should be the first landmark.
+  * If not inside a landmark, will return first landmark.
+  * Returns undefined if there are no landmarks.
+  */
+  getNextLandmark(e, { backward: n }) {
+    var i;
+    let o = this.closestLandmark(e), u = n ? this.landmarks.length - 1 : 0;
+    o && (u = this.landmarks.indexOf(o) + (n ? -1 : 1));
+    let a = () => {
+      if (u < 0) {
+        if (!e.dispatchEvent(new CustomEvent("react-aria-landmark-navigation", {
+          detail: {
+            direction: "backward"
+          },
+          bubbles: !0,
+          cancelable: !0
+        }))) return !0;
+        u = this.landmarks.length - 1;
+      } else if (u >= this.landmarks.length) {
+        if (!e.dispatchEvent(new CustomEvent("react-aria-landmark-navigation", {
+          detail: {
+            direction: "forward"
+          },
+          bubbles: !0,
+          cancelable: !0
+        }))) return !0;
+        u = 0;
+      }
+      return u < 0 || u >= this.landmarks.length;
+    };
+    if (a()) return;
+    let s = u;
+    for (; !((i = this.landmarks[u].ref.current) === null || i === void 0) && i.closest("[aria-hidden=true]"); ) {
+      if (u += n ? -1 : 1, a()) return;
+      if (u === s) break;
+    }
+    return this.landmarks[u];
+  }
+  /**
+  * Look at next landmark. If an element was previously focused inside, restore focus there.
+  * If not, focus the landmark itself.
+  * If no landmarks at all, or none with focusable elements, don't move focus.
+  */
+  f6Handler(e) {
+    e.key === "F6" && (e.altKey ? this.focusMain() : this.navigate(e.target, e.shiftKey)) && (e.preventDefault(), e.stopPropagation());
+  }
+  focusMain() {
+    let e = this.getLandmarkByRole("main");
+    return e && e.ref.current && document.contains(e.ref.current) ? (this.focusLandmark(e.ref.current, "forward"), !0) : !1;
+  }
+  navigate(e, n) {
+    let i = this.getNextLandmark(e, {
+      backward: n
+    });
+    if (!i) return !1;
+    if (i.lastFocused) {
+      let o = i.lastFocused;
+      if (document.body.contains(o))
+        return o.focus(), !0;
+    }
+    return i.ref.current && document.contains(i.ref.current) ? (this.focusLandmark(i.ref.current, n ? "backward" : "forward"), !0) : !1;
+  }
+  /**
+  * Sets lastFocused for a landmark, if focus is moved within that landmark.
+  * Lets the last focused landmark know it was blurred if something else is focused.
+  */
+  focusinHandler(e) {
+    let n = this.closestLandmark(e.target);
+    n && n.ref.current !== e.target && this.updateLandmark({
+      ref: n.ref,
+      lastFocused: e.target
+    });
+    let i = e.relatedTarget;
+    if (i) {
+      let o = this.closestLandmark(i);
+      o && o.ref.current === i && o.blur();
+    }
+  }
+  /**
+  * Track if the focus is lost to the body. If it is, do cleanup on the landmark that last had focus.
+  */
+  focusoutHandler(e) {
+    let n = e.target, i = e.relatedTarget;
+    if (!i || i === document) {
+      let o = this.closestLandmark(n);
+      o && o.ref.current === n && o.blur();
+    }
+  }
+  createLandmarkController() {
+    let e = this;
+    return e.refCount++, e.setupIfNeeded(), {
+      navigate(n, i) {
+        let o = (i == null ? void 0 : i.from) || document.activeElement;
+        return e.navigate(o, n === "backward");
+      },
+      focusNext(n) {
+        let i = (n == null ? void 0 : n.from) || document.activeElement;
+        return e.navigate(i, !1);
+      },
+      focusPrevious(n) {
+        let i = (n == null ? void 0 : n.from) || document.activeElement;
+        return e.navigate(i, !0);
+      },
+      focusMain() {
+        return e.focusMain();
+      },
+      dispose() {
+        e && (e.refCount--, e.teardownIfNeeded(), e = null);
+      }
+    };
+  }
+  registerLandmark(e) {
+    return this.landmarks.find((n) => n.ref === e.ref) ? this.updateLandmark(e) : this.addLandmark(e), () => this.removeLandmark(e.ref);
+  }
+  constructor() {
+    this.landmarks = [], this.isListening = !1, this.refCount = 0, this.version = de, this.f6Handler = this.f6Handler.bind(this), this.focusinHandler = this.focusinHandler.bind(this), this.focusoutHandler = this.focusoutHandler.bind(this);
+  }
+}
+function Se(t, e) {
+  const { role: n, "aria-label": i, "aria-labelledby": o, focus: u } = t;
+  let a = Re(), s = i || o, [l, r] = ve(!1), $ = T(() => {
+    r(!0);
+  }, [
+    r
+  ]), d = T(() => {
+    r(!1);
+  }, [
+    r
+  ]);
+  return A(() => {
+    if (a) return a.registerLandmark({
+      ref: e,
+      label: s,
+      role: n,
+      focus: u || $,
+      blur: d
+    });
+  }, [
+    a,
+    s,
+    e,
+    n,
+    u,
+    $,
+    d
+  ]), v(() => {
+    var b;
+    l && ((b = e.current) === null || b === void 0 || b.focus());
+  }, [
+    l,
+    e
+  ]), {
+    landmarkProps: {
+      role: n,
+      tabIndex: l ? -1 : void 0,
+      "aria-label": i,
+      "aria-labelledby": o
+    }
+  };
+}
+function De(t) {
+  return t && t.__esModule ? t.default : t;
+}
+function Me(t, e, n) {
+  let i = w(De(_), "@react-aria/toast"), { landmarkProps: o } = Se({
+    role: "region",
+    "aria-label": t["aria-label"] || i.format("notifications", {
+      count: e.visibleToasts.length
+    })
+  }, n), { hoverProps: u } = Te({
+    onHoverStart: e.pauseAll,
+    onHoverEnd: e.resumeAll
+  }), a = x([]), s = x(e.visibleToasts), l = x(null);
+  A(() => {
+    if (l.current === -1 || e.visibleToasts.length === 0 || !n.current) {
+      a.current = [], s.current = e.visibleToasts;
+      return;
+    }
+    if (a.current = [
+      ...n.current.querySelectorAll('[role="alertdialog"]')
+    ], s.current.length === e.visibleToasts.length && e.visibleToasts.every((c, f) => c.key === s.current[f].key)) {
+      s.current = e.visibleToasts;
+      return;
+    }
+    let d = s.current.map((c, f) => ({
+      ...c,
+      i: f,
+      isRemoved: !e.visibleToasts.some((m) => c.key === m.key)
+    })), b = d.findIndex((c) => c.i === l.current);
+    if (b > -1) {
+      let c = 0, f, m;
+      for (; c <= b; )
+        d[c].isRemoved || (m = Math.max(0, c - 1)), c++;
+      for (; c < d.length; ) {
+        if (!d[c].isRemoved) {
+          f = c - 1;
+          break;
+        }
+        c++;
+      }
+      m === void 0 && f === void 0 && (m = 0), m >= 0 && m < a.current.length ? k(a.current[m]) : f >= 0 && f < a.current.length && k(a.current[f]);
+    }
+    s.current = e.visibleToasts;
+  }, [
+    e.visibleToasts,
+    n
+  ]);
+  let r = x(null), { focusWithinProps: $ } = ge({
+    onFocusWithin: (d) => {
+      e.pauseAll(), r.current = d.relatedTarget;
+    },
+    onBlurWithin: () => {
+      e.resumeAll(), r.current = null;
+    }
+  });
+  return v(() => {
+    e.visibleToasts.length === 0 && r.current && document.body.contains(r.current) && (L() === "pointer" ? k(r.current) : r.current.focus(), r.current = null);
+  }, [
+    n,
+    e.visibleToasts.length
+  ]), v(() => () => {
+    r.current && document.body.contains(r.current) && (L() === "pointer" ? k(r.current) : r.current.focus(), r.current = null);
+  }, [
+    n
+  ]), {
+    regionProps: ye(o, u, $, {
+      tabIndex: -1,
+      // Mark the toast region as a "top layer", so that it:
+      //   - is not aria-hidden when opening an overlay
+      //   - allows focus even outside a containing focus scope
+      //   - doesn’t dismiss overlays when clicking on it, even though it is outside
+      // @ts-ignore
+      "data-react-aria-top-layer": !0,
+      // listen to focus events separate from focuswithin because that will only fire once
+      // and we need to follow all focus changes
+      onFocus: (d) => {
+        let b = d.target.closest('[role="alertdialog"]');
+        l.current = a.current.findIndex((c) => c === b);
+      },
+      onBlur: () => {
+        l.current = -1;
+      }
+    })
+  };
+}
+function He(t = {}) {
+  let { maxVisibleToasts: e = 1, hasExitAnimation: n = !1 } = t, i = xe(() => new be({
+    maxVisibleToasts: e,
+    hasExitAnimation: n
+  }), [
+    e,
+    n
+  ]);
+  return fe(i);
+}
+function fe(t) {
+  let e = T((o) => t.subscribe(o), [
+    t
+  ]), n = T(() => t.visibleToasts, [
+    t
+  ]);
+  return {
+    visibleToasts: I.useSyncExternalStore(e, n, n),
+    add: (o, u) => t.add(o, u),
+    close: (o) => t.close(o),
+    remove: (o) => t.remove(o),
+    pauseAll: () => t.pauseAll(),
+    resumeAll: () => t.resumeAll()
+  };
+}
+class be {
+  /** Subscribes to updates to the visible toasts. */
+  subscribe(e) {
+    return this.subscriptions.add(e), () => this.subscriptions.delete(e);
+  }
+  /** Adds a new toast to the queue. */
+  add(e, n = {}) {
+    let i = Math.random().toString(36), o = {
+      ...n,
+      content: e,
+      key: i,
+      timer: n.timeout ? new Oe(() => this.close(i), n.timeout) : void 0
+    }, u = 0, a = this.queue.length;
+    for (; u < a; ) {
+      let l = Math.floor((u + a) / 2);
+      (o.priority || 0) > (this.queue[l].priority || 0) ? a = l : u = l + 1;
+    }
+    this.queue.splice(u, 0, o), o.animation = u < this.maxVisibleToasts ? "entering" : "queued";
+    let s = this.maxVisibleToasts;
+    for (; s < this.queue.length; ) this.queue[s++].animation = "queued";
+    return this.updateVisibleToasts({
+      action: "add"
+    }), i;
+  }
+  /**
+  * Closes a toast. If `hasExitAnimation` is true, the toast
+  * transitions to an "exiting" state instead of being removed immediately.
+  */
+  close(e) {
+    let n = this.queue.findIndex((u) => u.key === e);
+    if (n >= 0) {
+      var i, o;
+      (i = (o = this.queue[n]).onClose) === null || i === void 0 || i.call(o), this.queue.splice(n, 1);
+    }
+    this.updateVisibleToasts({
+      action: "close",
+      key: e
+    });
+  }
+  /** Removes a toast from the visible toasts after an exiting animation. */
+  remove(e) {
+    this.updateVisibleToasts({
+      action: "remove",
+      key: e
+    });
+  }
+  updateVisibleToasts(e) {
+    let { action: n, key: i } = e, o = this.queue.slice(0, this.maxVisibleToasts);
+    if (n === "add" && this.hasExitAnimation) {
+      let u = this.visibleToasts.filter((a) => !o.some((s) => a.key === s.key)).map((a) => ({
+        ...a,
+        animation: "exiting"
+      }));
+      this.visibleToasts = u.concat(o).sort((a, s) => {
+        var l, r;
+        return ((l = s.priority) !== null && l !== void 0 ? l : 0) - ((r = a.priority) !== null && r !== void 0 ? r : 0);
+      });
+    } else n === "close" && this.hasExitAnimation ? this.visibleToasts = this.visibleToasts.map((u) => u.key !== i ? u : {
+      ...u,
+      animation: "exiting"
+    }) : this.visibleToasts = o;
+    for (let u of this.subscriptions) u();
+  }
+  /** Pauses the timers for all visible toasts. */
+  pauseAll() {
+    for (let e of this.visibleToasts) e.timer && e.timer.pause();
+  }
+  /** Resumes the timers for all visible toasts. */
+  resumeAll() {
+    for (let e of this.visibleToasts) e.timer && e.timer.resume();
+  }
+  constructor(e) {
+    this.queue = [], this.subscriptions = /* @__PURE__ */ new Set(), this.visibleToasts = [];
+    var n;
+    this.maxVisibleToasts = (n = e == null ? void 0 : e.maxVisibleToasts) !== null && n !== void 0 ? n : 1;
+    var i;
+    this.hasExitAnimation = (i = e == null ? void 0 : e.hasExitAnimation) !== null && i !== void 0 ? i : !1;
+  }
+}
+class Oe {
+  reset(e) {
+    this.remaining = e, this.resume();
+  }
+  pause() {
+    this.timerId != null && (clearTimeout(this.timerId), this.timerId = null, this.remaining -= Date.now() - this.startTime);
+  }
+  resume() {
+    this.remaining <= 0 || (this.startTime = Date.now(), this.timerId = setTimeout(() => {
+      this.timerId = null, this.remaining = 0, this.callback();
+    }, this.remaining));
+  }
+  constructor(e, n) {
+    this.startTime = null, this.remaining = n, this.callback = e;
+  }
+}
+const Ve = '"../theme/tokens.css"', ze = '"Inter", sans-serif', je = "#d5f2d9", Ke = "#008d3c", Ge = "#eaf2f6", Ue = "#0066cc", We = "#fff8e1", Ze = "#f1c21b", qe = "#ffdfdf", Ye = "#e62323", Je = "#1f1f1f", Qe = "0 0 0 2px #ffffff, 0 0 0 4px #000000", Xe = "(min-width: 768px)", et = "_toastRegion_i4o11_52", tt = "_toast_i4o11_52", nt = "_success_i4o11_96", it = "_info_i4o11_104", ot = "_important_i4o11_112", ut = "_warning_i4o11_120", at = "_icon_i4o11_128", st = "_toastContent_i4o11_138", rt = "_toastMessage_i4o11_145", lt = "_slideInTop_i4o11_1", ct = "_slideInEnd_i4o11_1", dt = "_slideOutTop_i4o11_1", ft = "_slideOutEnd_i4o11_1", p = {
+  tokens: Ve,
+  display: ze,
+  signalGreen10: je,
+  signalGreen100: Ke,
+  signalBlue10: Ge,
+  signalBlue100: Ue,
+  signalYellow10: We,
+  signalYellow100: Ze,
+  signalRed10: qe,
+  signalRed100: Ye,
+  gray150: Je,
+  focus: Qe,
+  mdBreakpoint: Xe,
+  toastRegion: et,
+  toast: tt,
+  success: nt,
+  info: it,
+  important: ot,
+  warning: ut,
+  icon: at,
+  toastContent: st,
+  toastMessage: rt,
+  slideInTop: lt,
+  slideInEnd: ct,
+  slideOutTop: dt,
+  slideOutEnd: ft
+}, bt = {
+  success: Be,
+  info: Ae,
+  important: we,
+  warning: Ie
+}, mt = new be({
+  maxVisibleToasts: 5,
+  hasExitAnimation: !0
+}), Lt = (t) => {
+  const e = fe(mt);
+  return e.visibleToasts.length > 0 ? _e(
+    /* @__PURE__ */ h(
+      me,
+      {
+        ...t,
+        state: e
+      }
+    ),
+    document.body
+  ) : null;
+}, Bt = ({ children: t, ...e }) => {
+  const n = He({
+    maxVisibleToasts: 5,
+    hasExitAnimation: !0
+  });
+  return /* @__PURE__ */ E(he, { children: [
+    typeof t == "function" ? t(n) : t,
+    n.visibleToasts.length > 0 && /* @__PURE__ */ h(
+      me,
+      {
+        ...e,
+        state: n
+      }
+    )
+  ] });
+};
+function me({
+  state: t,
+  ...e
+}) {
+  const n = y.useRef(null), { regionProps: i } = Me(e, t, n);
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      ...i,
+      ref: n,
+      className: p.toastRegion,
+      children: t.visibleToasts.map((o) => /* @__PURE__ */ h(
+        ht,
+        {
+          toast: o,
+          state: t
+        },
+        o.key
+      ))
+    }
+  );
+}
+function ht({
+  state: t,
+  ...e
+}) {
+  const n = y.useRef(null), { toastProps: i, contentProps: o, titleProps: u, closeButtonProps: a } = Pe(
+    e,
+    t
+  ), s = bt[e.toast.content.type];
+  return /* @__PURE__ */ E(
+    "div",
+    {
+      ...i,
+      ref: n,
+      className: pe(p.toast, p[e.toast.content.type]),
+      "data-animation": e.toast.animation,
+      onAnimationEnd: () => {
+        e.toast.animation === "exiting" && t.remove(e.toast.key);
+      },
+      children: [
+        /* @__PURE__ */ E(
+          "div",
+          {
+            className: p.toastContent,
+            ...o,
+            children: [
+              /* @__PURE__ */ h(
+                s,
+                {
+                  className: p.icon,
+                  size: 20,
+                  "aria-hidden": !0
+                }
+              ),
+              /* @__PURE__ */ E("div", { children: [
+                /* @__PURE__ */ h(
+                  "p",
+                  {
+                    className: p.toastMessage,
+                    ...u,
+                    children: e.toast.content.message
+                  }
+                ),
+                e.toast.content.children
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ h(
+          $e,
+          {
+            variant: "icon",
+            ...a,
+            children: /* @__PURE__ */ h(
+              Le,
+              {
+                size: 20,
+                "aria-hidden": !0
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  Lt as GlobalToastRegion,
+  ht as Toast,
+  Bt as ToastProvider,
+  me as ToastRegion,
+  mt as toastQueue
+};