@midas-ds/components 10.1.1 → 10.2.0

package/Toast-CjpldAI8.js

@@ -0,0 +1,988 @@
+import { jsx as $, jsxs as y, Fragment as ge } from "react/jsx-runtime";
+import { B as Te } from "./Button-CbFRzRrF.js";
+import A, { useState as P, useCallback as L, useEffect as g, useRef as v, useMemo as ye } from "react";
+import { createPortal as Le, flushSync as _e } from "react-dom";
+import { c as I } from "./clsx-OuTLNxxd.js";
+import { s as N } from "./index-BSMrH_Du.js";
+import { $ as j, c as we, f as Be, g as Ie, d as Ce } from "./utils-HNTsIwux.js";
+import { $ as Ae, r as _, s as E } from "./useHover-qRAon4nS.js";
+import { a as Pe } from "./useFocusRing-BDGH3lpn.js";
+import { $ as F } from "./useLocalizedStringFormatter-D07YB2e1.js";
+import { $ as Ne } from "./filterDOMProps-D6KHYVBX.js";
+import { T as je } from "./triangle-alert-wxyxspAl.js";
+import { C as Fe, I as Se, a as De } from "./info-DkzVqB8I.js";
+import { X as Re } from "./x-JK7i-TQC.js";
+import './assets/Toast.css';const S = 1, w = Symbol.for("react-aria-landmark-manager");
+function Me(t) {
+  return document.addEventListener("react-aria-landmark-manager-change", t), () => document.removeEventListener("react-aria-landmark-manager-change", t);
+}
+function C() {
+  if (typeof document > "u") return null;
+  let t = document[w];
+  return t && t.version >= S ? t : (document[w] = new He(), document.dispatchEvent(new CustomEvent("react-aria-landmark-manager-change")), document[w]);
+}
+function Oe() {
+  return N.useSyncExternalStore(Me, C, C);
+}
+class He {
+  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((r) => r.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 && process.env.NODE_ENV !== "production" && 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), r = e.ref.current.compareDocumentPosition(this.landmarks[o].ref.current);
+      !!(r & Node.DOCUMENT_POSITION_PRECEDING || r & 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 && process.env.NODE_ENV !== "production") 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 if (process.env.NODE_ENV !== "production") {
+        let o = [
+          ...n
+        ].map((u) => u.label);
+        o.filter((u, a) => o.indexOf(u) !== a).forEach((u) => {
+          console.warn(`Page contains more than one landmark with the '${e}' role and '${u}' label. If two or more landmarks on a page share the same role, they must have unique labels: `, [
+            ...n
+          ].filter((a) => a.label === u).map((a) => a.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), r = n ? this.landmarks.length - 1 : 0;
+    o && (r = this.landmarks.indexOf(o) + (n ? -1 : 1));
+    let u = () => {
+      if (r < 0) {
+        if (!e.dispatchEvent(new CustomEvent("react-aria-landmark-navigation", {
+          detail: {
+            direction: "backward"
+          },
+          bubbles: !0,
+          cancelable: !0
+        }))) return !0;
+        r = this.landmarks.length - 1;
+      } else if (r >= this.landmarks.length) {
+        if (!e.dispatchEvent(new CustomEvent("react-aria-landmark-navigation", {
+          detail: {
+            direction: "forward"
+          },
+          bubbles: !0,
+          cancelable: !0
+        }))) return !0;
+        r = 0;
+      }
+      return r < 0 || r >= this.landmarks.length;
+    };
+    if (u()) return;
+    let a = r;
+    for (; !((i = this.landmarks[r].ref.current) === null || i === void 0) && i.closest("[aria-hidden=true]"); ) {
+      if (r += n ? -1 : 1, u()) return;
+      if (r === a) break;
+    }
+    return this.landmarks[r];
+  }
+  /**
+  * 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 = S, this.f6Handler = this.f6Handler.bind(this), this.focusinHandler = this.focusinHandler.bind(this), this.focusoutHandler = this.focusoutHandler.bind(this);
+  }
+}
+function Ve(t, e) {
+  const { role: n, "aria-label": i, "aria-labelledby": o, focus: r } = t;
+  let u = Oe(), a = i || o, [p, d] = P(!1), f = L(() => {
+    d(!0);
+  }, [
+    d
+  ]), m = L(() => {
+    d(!1);
+  }, [
+    d
+  ]);
+  return j(() => {
+    if (u) return u.registerLandmark({
+      ref: e,
+      label: a,
+      role: n,
+      focus: r || f,
+      blur: m
+    });
+  }, [
+    u,
+    a,
+    e,
+    n,
+    r,
+    f,
+    m
+  ]), g(() => {
+    var s;
+    p && ((s = e.current) === null || s === void 0 || s.focus());
+  }, [
+    p,
+    e
+  ]), {
+    landmarkProps: {
+      role: n,
+      tabIndex: p ? -1 : void 0,
+      "aria-label": i,
+      "aria-labelledby": o
+    }
+  };
+}
+var D = {};
+D = {
+  close: "إغلاق",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} إشعار`,
+    other: () => `${e.number(t.count)} إشعارات`
+  })}.`
+};
+var R = {};
+R = {
+  close: "Затвори",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} известие`,
+    other: () => `${e.number(t.count)} известия`
+  })}.`
+};
+var M = {};
+M = {
+  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 O = {};
+O = {
+  close: "Luk",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} besked`,
+    other: () => `${e.number(t.count)} beskeder`
+  })}.`
+};
+var H = {};
+H = {
+  close: "Schließen",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} Benachrichtigung`,
+    other: () => `${e.number(t.count)} Benachrichtigungen`
+  })}.`
+};
+var V = {};
+V = {
+  close: "Κλείσιμο",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} ειδοποίηση`,
+    other: () => `${e.number(t.count)} ειδοποιήσεις`
+  })}.`
+};
+var z = {};
+z = {
+  close: "Close",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} notification`,
+    other: () => `${e.number(t.count)} notifications`
+  })}.`
+};
+var U = {};
+U = {
+  close: "Cerrar",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} notificación`,
+    other: () => `${e.number(t.count)} notificaciones`
+  })}.`
+};
+var W = {};
+W = {
+  close: "Sule",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} teatis`,
+    other: () => `${e.number(t.count)} teatist`
+  })}.`
+};
+var K = {};
+K = {
+  close: "Sulje",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} ilmoitus`,
+    other: () => `${e.number(t.count)} ilmoitusta`
+  })}.`
+};
+var Z = {};
+Z = {
+  close: "Fermer",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} notification`,
+    other: () => `${e.number(t.count)} notifications`
+  })}.`
+};
+var G = {};
+G = {
+  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 Q = {};
+Q = {
+  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 X = {};
+X = {
+  close: "Chiudi",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} notifica`,
+    other: () => `${e.number(t.count)} notifiche`
+  })}.`
+};
+var q = {};
+q = {
+  close: "閉じる",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} 個の通知`,
+    other: () => `${e.number(t.count)} 個の通知`
+  })}。`
+};
+var Y = {};
+Y = {
+  close: "닫기",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)}개 알림`,
+    other: () => `${e.number(t.count)}개 알림`
+  })}.`
+};
+var ee = {};
+ee = {
+  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 te = {};
+te = {
+  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 ne = {};
+ne = {
+  close: "Lukk",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} varsling`,
+    other: () => `${e.number(t.count)} varsler`
+  })}.`
+};
+var ie = {};
+ie = {
+  close: "Sluiten",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} melding`,
+    other: () => `${e.number(t.count)} meldingen`
+  })}.`
+};
+var oe = {};
+oe = {
+  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 re = {};
+re = {
+  close: "Fechar",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} notificação`,
+    other: () => `${e.number(t.count)} notificações`
+  })}.`
+};
+var ue = {};
+ue = {
+  close: "Fechar",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} notificação`,
+    other: () => `${e.number(t.count)} notificações`
+  })}.`
+};
+var ae = {};
+ae = {
+  close: "Închideţi",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} notificare`,
+    other: () => `${e.number(t.count)} notificări`
+  })}.`
+};
+var se = {};
+se = {
+  close: "Закрыть",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} уведомление`,
+    other: () => `${e.number(t.count)} уведомления`
+  })}.`
+};
+var le = {};
+le = {
+  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 ce = {};
+ce = {
+  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 de = {};
+de = {
+  close: "Zatvori",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} obaveštenje`,
+    other: () => `${e.number(t.count)} obaveštenja`
+  })}.`
+};
+var fe = {};
+fe = {
+  close: "Stäng",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} meddelande`,
+    other: () => `${e.number(t.count)} meddelanden`
+  })}.`
+};
+var be = {};
+be = {
+  close: "Kapat",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} bildirim`,
+    other: () => `${e.number(t.count)} bildirim`
+  })}.`
+};
+var me = {};
+me = {
+  close: "Закрити",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} сповіщення`,
+    other: () => `${e.number(t.count)} сповіщення`
+  })}.`
+};
+var he = {};
+he = {
+  close: "关闭",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} 个通知`,
+    other: () => `${e.number(t.count)} 个通知`
+  })}。`
+};
+var $e = {};
+$e = {
+  close: "關閉",
+  notifications: (t, e) => `${e.plural(t.count, {
+    one: () => `${e.number(t.count)} 個通知`,
+    other: () => `${e.number(t.count)} 個通知`
+  })}。`
+};
+var B = {};
+B = {
+  "ar-AE": D,
+  "bg-BG": R,
+  "cs-CZ": M,
+  "da-DK": O,
+  "de-DE": H,
+  "el-GR": V,
+  "en-US": z,
+  "es-ES": U,
+  "et-EE": W,
+  "fi-FI": K,
+  "fr-FR": Z,
+  "he-IL": G,
+  "hr-HR": J,
+  "hu-HU": Q,
+  "it-IT": X,
+  "ja-JP": q,
+  "ko-KR": Y,
+  "lt-LT": ee,
+  "lv-LV": te,
+  "nb-NO": ne,
+  "nl-NL": ie,
+  "pl-PL": oe,
+  "pt-BR": re,
+  "pt-PT": ue,
+  "ro-RO": ae,
+  "ru-RU": se,
+  "sk-SK": le,
+  "sl-SI": ce,
+  "sr-SP": de,
+  "sv-SE": fe,
+  "tr-TR": be,
+  "uk-UA": me,
+  "zh-CN": he,
+  "zh-TW": $e
+};
+function ze(t) {
+  return t && t.__esModule ? t.default : t;
+}
+function Ue(t, e, n) {
+  let { key: i, timer: o, timeout: r } = t.toast;
+  g(() => {
+    if (!(o == null || r == null))
+      return o.reset(r), () => {
+        o.pause();
+      };
+  }, [
+    o,
+    r
+  ]);
+  let u = we(), a = Be(), p = F(ze(B), "@react-aria/toast"), [d, f] = P(!1);
+  return g(() => {
+    f(!0);
+  }, []), {
+    toastProps: {
+      ...Ne(t, {
+        labelable: !0
+      }),
+      role: "alertdialog",
+      "aria-modal": "false",
+      "aria-labelledby": t["aria-labelledby"] || u,
+      "aria-describedby": t["aria-describedby"] || a,
+      tabIndex: 0
+    },
+    contentProps: {
+      role: "alert",
+      "aria-atomic": "true",
+      "aria-hidden": d ? void 0 : "true"
+    },
+    titleProps: {
+      id: u
+    },
+    descriptionProps: {
+      id: a
+    },
+    closeButtonProps: {
+      "aria-label": p.format("close"),
+      onPress: () => e.close(i)
+    }
+  };
+}
+function We(t) {
+  return t && t.__esModule ? t.default : t;
+}
+function Ke(t, e, n) {
+  let i = F(We(B), "@react-aria/toast"), { landmarkProps: o } = Ve({
+    role: "region",
+    "aria-label": t["aria-label"] || i.format("notifications", {
+      count: e.visibleToasts.length
+    })
+  }, n), r = v(!1), u = v(!1), a = Ie(() => {
+    r.current || u.current ? e.pauseAll() : e.resumeAll();
+  }), { hoverProps: p } = Ae({
+    onHoverStart: () => {
+      r.current = !0, a();
+    },
+    onHoverEnd: () => {
+      r.current = !1, a();
+    }
+  }), d = v([]), f = v(e.visibleToasts), m = v(null);
+  j(() => {
+    if (m.current === -1 || e.visibleToasts.length === 0 || !n.current) {
+      d.current = [], f.current = e.visibleToasts;
+      return;
+    }
+    if (d.current = [
+      ...n.current.querySelectorAll('[role="alertdialog"]')
+    ], f.current.length === e.visibleToasts.length && e.visibleToasts.every((c, b) => c.key === f.current[b].key)) {
+      f.current = e.visibleToasts;
+      return;
+    }
+    let l = f.current.map((c, b) => ({
+      ...c,
+      i: b,
+      isRemoved: !e.visibleToasts.some((h) => c.key === h.key)
+    })), T = l.findIndex((c) => c.i === m.current && c.isRemoved);
+    if (T > -1) {
+      var k;
+      if (_() === "pointer" && (!((k = s.current) === null || k === void 0) && k.isConnected)) E(s.current);
+      else {
+        let c = 0, b, h;
+        for (; c <= T; )
+          l[c].isRemoved || (h = Math.max(0, c - 1)), c++;
+        for (; c < l.length; ) {
+          if (!l[c].isRemoved) {
+            b = c - 1;
+            break;
+          }
+          c++;
+        }
+        h === void 0 && b === void 0 && (h = 0), h >= 0 && h < d.current.length ? E(d.current[h]) : b >= 0 && b < d.current.length && E(d.current[b]);
+      }
+    }
+    f.current = e.visibleToasts;
+  }, [
+    e.visibleToasts,
+    n,
+    a
+  ]);
+  let s = v(null), { focusWithinProps: Ee } = Pe({
+    onFocusWithin: (l) => {
+      u.current = !0, s.current = l.relatedTarget, a();
+    },
+    onBlurWithin: () => {
+      u.current = !1, s.current = null, a();
+    }
+  });
+  return g(() => {
+    var l;
+    e.visibleToasts.length === 0 && (!((l = s.current) === null || l === void 0) && l.isConnected) && (_() === "pointer" ? E(s.current) : s.current.focus(), s.current = null);
+  }, [
+    n,
+    e.visibleToasts.length
+  ]), g(() => () => {
+    var l;
+    !((l = s.current) === null || l === void 0) && l.isConnected && (_() === "pointer" ? E(s.current) : s.current.focus(), s.current = null);
+  }, [
+    n
+  ]), {
+    regionProps: Ce(o, p, Ee, {
+      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: (l) => {
+        let T = l.target.closest('[role="alertdialog"]');
+        m.current = d.current.findIndex((k) => k === T);
+      },
+      onBlur: () => {
+        m.current = -1;
+      }
+    })
+  };
+}
+function pe(t) {
+  let e = L((o) => t.subscribe(o), [
+    t
+  ]), n = L(() => t.visibleToasts, [
+    t
+  ]);
+  return {
+    visibleToasts: N.useSyncExternalStore(e, n, n),
+    add: (o, r) => t.add(o, r),
+    close: (o) => t.close(o),
+    pauseAll: () => t.pauseAll(),
+    resumeAll: () => t.resumeAll()
+  };
+}
+class ve {
+  runWithWrapUpdate(e, n) {
+    this.wrapUpdate ? this.wrapUpdate(e, n) : e();
+  }
+  /** 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).slice(2), o = {
+      ...n,
+      content: e,
+      key: i,
+      timer: n.timeout ? new Ze(() => this.close(i), n.timeout) : void 0
+    };
+    return this.queue.unshift(o), this.updateVisibleToasts("add"), i;
+  }
+  /**
+  * Closes a toast.
+  */
+  close(e) {
+    let n = this.queue.findIndex((r) => r.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("remove");
+  }
+  updateVisibleToasts(e) {
+    this.visibleToasts = this.queue.slice(0, this.maxVisibleToasts), this.runWithWrapUpdate(() => {
+      for (let n of this.subscriptions) n();
+    }, e);
+  }
+  /** 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();
+  }
+  clear() {
+    this.queue = [], this.updateVisibleToasts("clear");
+  }
+  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 / 0, this.wrapUpdate = e == null ? void 0 : e.wrapUpdate;
+  }
+}
+class Ze {
+  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 Ge = '"../theme/tokens.css"', Je = "_toastRegion_jgjyx_52", Qe = "_toast_jgjyx_52", Xe = "_success_jgjyx_95", qe = "_info_jgjyx_103", Ye = "_important_jgjyx_111", et = "_warning_jgjyx_119", tt = "_icon_jgjyx_127", nt = "_toastContent_jgjyx_137", it = "_toastMessage_jgjyx_144", ot = "_slideInTop_jgjyx_1", rt = "_slideInEnd_jgjyx_1", ut = "_slideOutTop_jgjyx_1", at = "_slideOutEnd_jgjyx_1", x = {
+  tokens: Ge,
+  "--font-family": '"Inter", sans-serif',
+  "--text-primary": "light-dark(#171717, #f2f2f2)",
+  "--support-background-success": "light-dark(#d5f2d9, light-dark(#f2f2f2, #262626))",
+  "--support-border-success": "light-dark(#008d3c, #008d3c)",
+  "--support-background-info": "light-dark(#eaf2f6, light-dark(#f2f2f2, #262626))",
+  "--support-border-info": "light-dark(#0066cc, #0066cc)",
+  "--support-background-important": "light-dark(#fff8e1, light-dark(#f2f2f2, #262626))",
+  "--support-border-important": "light-dark(#fdb813, #fdb813)",
+  "--support-border-warning": "light-dark(#e62323, #e62323)",
+  "--support-background-warning": "light-dark(#ffdfdf, light-dark(#f2f2f2, #262626))",
+  "--breakpoint-md": "(min-width: 768px)",
+  "--focus": "0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)",
+  "--z-index-toast": "1100",
+  toastRegion: Je,
+  toast: Qe,
+  success: Xe,
+  info: qe,
+  important: Ye,
+  warning: et,
+  icon: tt,
+  toastContent: nt,
+  toastMessage: it,
+  slideInTop: ot,
+  slideInEnd: rt,
+  slideOutTop: ut,
+  slideOutEnd: at
+}, st = {
+  success: De,
+  info: Se,
+  important: Fe,
+  warning: je
+}, xe = {
+  wrapUpdate(t) {
+    "startViewTransition" in document ? document.startViewTransition(() => {
+      _e(t);
+    }) : t();
+  },
+  maxVisibleToasts: 5
+};
+function lt(t = {}) {
+  const { maxVisibleToasts: e = 1, wrapUpdate: n } = t, i = ye(
+    () => new ve({ maxVisibleToasts: e, wrapUpdate: n }),
+    [e, n]
+  );
+  return pe(i);
+}
+const ct = new ve(xe), _t = (t) => {
+  const e = pe(ct);
+  return e.visibleToasts.length > 0 ? Le(
+    /* @__PURE__ */ $(
+      ke,
+      {
+        ...t,
+        state: e
+      }
+    ),
+    document.body
+  ) : null;
+}, wt = ({ children: t, ...e }) => {
+  const n = lt(xe);
+  return /* @__PURE__ */ y(ge, { children: [
+    typeof t == "function" ? t(n) : t,
+    n.visibleToasts.length > 0 && /* @__PURE__ */ $(
+      ke,
+      {
+        ...e,
+        state: n
+      }
+    )
+  ] });
+};
+function ke({
+  state: t,
+  ...e
+}) {
+  const n = A.useRef(null), { regionProps: i } = Ke(e, t, n);
+  return /* @__PURE__ */ $(
+    "div",
+    {
+      ...i,
+      ref: n,
+      className: x.toastRegion,
+      children: t.visibleToasts.map((o) => /* @__PURE__ */ $(
+        dt,
+        {
+          toast: o,
+          state: t
+        },
+        o.key
+      ))
+    }
+  );
+}
+function dt({
+  state: t,
+  ...e
+}) {
+  const n = A.useRef(null), { toastProps: i, contentProps: o, titleProps: r, closeButtonProps: u } = Ue(
+    e,
+    t
+  ), a = st[e.toast.content.type];
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      ...i,
+      ref: n,
+      className: I(x.toast, x[e.toast.content.type]),
+      style: { viewTransitionName: e.toast.key },
+      children: [
+        /* @__PURE__ */ y(
+          "div",
+          {
+            ...o,
+            className: I(x.toastContent, o.className),
+            children: [
+              /* @__PURE__ */ $(
+                a,
+                {
+                  className: x.icon,
+                  size: 20,
+                  "aria-hidden": !0
+                }
+              ),
+              /* @__PURE__ */ y("div", { children: [
+                /* @__PURE__ */ $(
+                  "p",
+                  {
+                    className: x.toastMessage,
+                    ...r,
+                    children: e.toast.content.message
+                  }
+                ),
+                e.toast.content.children
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ $(
+          Te,
+          {
+            variant: "icon",
+            ...u,
+            children: /* @__PURE__ */ $(
+              Re,
+              {
+                size: 20,
+                "aria-hidden": !0
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  _t as G,
+  wt as T,
+  ke as a,
+  dt as b,
+  ct as t,
+  lt as u
+};