@midas-ds/components 1.1.0 → 1.3.0

package/index83.js

@@ -1,1009 +0,0 @@
-import { jsx as h, jsxs as E, Fragment as he } from "react/jsx-runtime";
-import { Button as $e } from "./index66.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, C as Ee, l as A, b as Te, N as k, f as ge, x as L, e as ye } from "./useFocusRing-9PXyKy2A.js";
-import { $ as w } from "./useLocalizedStringFormatter-BlCbn-hX.js";
-import { s as I } from "./index-B-jHjTDC.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: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} إشعار`,
-    other: () => `${e.number(n.count)} إشعارات`
-  })}.`
-};
-var P = {};
-P = {
-  close: "Затвори",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} известие`,
-    other: () => `${e.number(n.count)} известия`
-  })}.`
-};
-var F = {};
-F = {
-  close: "Zavřít",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} oznámení`,
-    other: () => `${e.number(n.count)} oznámení`
-  })}.`
-};
-var R = {};
-R = {
-  close: "Luk",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} besked`,
-    other: () => `${e.number(n.count)} beskeder`
-  })}.`
-};
-var N = {};
-N = {
-  close: "Schließen",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} Benachrichtigung`,
-    other: () => `${e.number(n.count)} Benachrichtigungen`
-  })}.`
-};
-var S = {};
-S = {
-  close: "Κλείσιμο",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} ειδοποίηση`,
-    other: () => `${e.number(n.count)} ειδοποιήσεις`
-  })}.`
-};
-var D = {};
-D = {
-  close: "Close",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} notification`,
-    other: () => `${e.number(n.count)} notifications`
-  })}.`
-};
-var M = {};
-M = {
-  close: "Cerrar",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} notificación`,
-    other: () => `${e.number(n.count)} notificaciones`
-  })}.`
-};
-var H = {};
-H = {
-  close: "Sule",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} teatis`,
-    other: () => `${e.number(n.count)} teatist`
-  })}.`
-};
-var O = {};
-O = {
-  close: "Sulje",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} ilmoitus`,
-    other: () => `${e.number(n.count)} ilmoitusta`
-  })}.`
-};
-var V = {};
-V = {
-  close: "Fermer",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} notification`,
-    other: () => `${e.number(n.count)} notifications`
-  })}.`
-};
-var z = {};
-z = {
-  close: "סגור",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} התראה`,
-    other: () => `${e.number(n.count)} התראות`
-  })}.`
-};
-var j = {};
-j = {
-  close: "Zatvori",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} obavijest`,
-    other: () => `${e.number(n.count)} obavijesti`
-  })}.`
-};
-var G = {};
-G = {
-  close: "Bezárás",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} értesítés`,
-    other: () => `${e.number(n.count)} értesítés`
-  })}.`
-};
-var K = {};
-K = {
-  close: "Chiudi",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} notifica`,
-    other: () => `${e.number(n.count)} notifiche`
-  })}.`
-};
-var U = {};
-U = {
-  close: "閉じる",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} 個の通知`,
-    other: () => `${e.number(n.count)} 個の通知`
-  })}。`
-};
-var W = {};
-W = {
-  close: "닫기",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)}개 알림`,
-    other: () => `${e.number(n.count)}개 알림`
-  })}.`
-};
-var Z = {};
-Z = {
-  close: "Uždaryti",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} pranešimas`,
-    other: () => `${e.number(n.count)} pranešimai`
-  })}.`
-};
-var q = {};
-q = {
-  close: "Aizvērt",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} paziņojums`,
-    other: () => `${e.number(n.count)} paziņojumi`
-  })}.`
-};
-var Y = {};
-Y = {
-  close: "Lukk",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} varsling`,
-    other: () => `${e.number(n.count)} varsler`
-  })}.`
-};
-var J = {};
-J = {
-  close: "Sluiten",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} melding`,
-    other: () => `${e.number(n.count)} meldingen`
-  })}.`
-};
-var Q = {};
-Q = {
-  close: "Zamknij",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} powiadomienie`,
-    few: () => `${e.number(n.count)} powiadomienia`,
-    many: () => `${e.number(n.count)} powiadomień`,
-    other: () => `${e.number(n.count)} powiadomienia`
-  })}.`
-};
-var X = {};
-X = {
-  close: "Fechar",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} notificação`,
-    other: () => `${e.number(n.count)} notificações`
-  })}.`
-};
-var ee = {};
-ee = {
-  close: "Fechar",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} notificação`,
-    other: () => `${e.number(n.count)} notificações`
-  })}.`
-};
-var ne = {};
-ne = {
-  close: "Închideţi",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} notificare`,
-    other: () => `${e.number(n.count)} notificări`
-  })}.`
-};
-var te = {};
-te = {
-  close: "Закрыть",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} уведомление`,
-    other: () => `${e.number(n.count)} уведомления`
-  })}.`
-};
-var ie = {};
-ie = {
-  close: "Zatvoriť",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} oznámenie`,
-    few: () => `${e.number(n.count)} oznámenia`,
-    other: () => `${e.number(n.count)} oznámení`
-  })}.`
-};
-var oe = {};
-oe = {
-  close: "Zapri",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} obvestilo`,
-    two: () => `${e.number(n.count)} obvestili`,
-    few: () => `${e.number(n.count)} obvestila`,
-    other: () => `${e.number(n.count)} obvestil`
-  })}.`
-};
-var ue = {};
-ue = {
-  close: "Zatvori",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} obaveštenje`,
-    other: () => `${e.number(n.count)} obaveštenja`
-  })}.`
-};
-var ae = {};
-ae = {
-  close: "Stäng",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} meddelande`,
-    other: () => `${e.number(n.count)} meddelanden`
-  })}.`
-};
-var se = {};
-se = {
-  close: "Kapat",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} bildirim`,
-    other: () => `${e.number(n.count)} bildirim`
-  })}.`
-};
-var re = {};
-re = {
-  close: "Закрити",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} сповіщення`,
-    other: () => `${e.number(n.count)} сповіщення`
-  })}.`
-};
-var le = {};
-le = {
-  close: "关闭",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} 个通知`,
-    other: () => `${e.number(n.count)} 个通知`
-  })}。`
-};
-var ce = {};
-ce = {
-  close: "關閉",
-  notifications: (n, e) => `${e.plural(n.count, {
-    one: () => `${e.number(n.count)} 個通知`,
-    other: () => `${e.number(n.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": G,
-  "it-IT": K,
-  "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": ne,
-  "ru-RU": te,
-  "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(n) {
-  return n && n.__esModule ? n.default : n;
-}
-function Pe(n, e, t) {
-  let { key: i, timer: o, timeout: u, animation: a } = n.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": n["aria-label"],
-      "aria-labelledby": n["aria-labelledby"] || r,
-      "aria-describedby": n["aria-describedby"] || $,
-      "aria-details": n["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(n) {
-  return document.addEventListener("react-aria-landmark-manager-change", n), () => document.removeEventListener("react-aria-landmark-manager-change", n);
-}
-function B() {
-  if (typeof document > "u") return null;
-  let n = document[g];
-  return n && n.version >= de ? n : (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, t) {
-    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, t);
-  }
-  /**
-  * Return set of landmarks with a specific role.
-  */
-  getLandmarksByRole(e) {
-    return new Set(this.landmarks.filter((t) => t.role === e));
-  }
-  /**
-  * Return first landmark with a specific role.
-  */
-  getLandmarkByRole(e) {
-    return this.landmarks.find((t) => t.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 t = 0, i = this.landmarks.length - 1;
-    for (; t <= i; ) {
-      let o = Math.floor((t + i) / 2), u = e.ref.current.compareDocumentPosition(this.landmarks[o].ref.current);
-      !!(u & Node.DOCUMENT_POSITION_PRECEDING || u & Node.DOCUMENT_POSITION_CONTAINS) ? t = o + 1 : i = o - 1;
-    }
-    this.landmarks.splice(t, 0, e), this.checkLabels(e.role);
-  }
-  updateLandmark(e) {
-    let t = this.landmarks.findIndex((i) => i.ref === e.ref);
-    t >= 0 && (this.landmarks[t] = {
-      ...this.landmarks[t],
-      ...e
-    }, this.checkLabels(this.landmarks[t].role));
-  }
-  removeLandmark(e) {
-    this.landmarks = this.landmarks.filter((t) => t.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 t = this.getLandmarksByRole(e);
-    if (t.size > 1) {
-      let i = [
-        ...t
-      ].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 = [
-          ...t
-        ].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: `, [
-            ...t
-          ].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 t = new Map(this.landmarks.map((o) => [
-      o.ref.current,
-      o
-    ])), i = e;
-    for (; i && !t.has(i) && i !== document.body && i.parentElement; ) i = i.parentElement;
-    return t.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: t }) {
-    var i;
-    let o = this.closestLandmark(e), u = t ? this.landmarks.length - 1 : 0;
-    o && (u = this.landmarks.indexOf(o) + (t ? -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 += t ? -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, t) {
-    let i = this.getNextLandmark(e, {
-      backward: t
-    });
-    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, t ? "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 t = this.closestLandmark(e.target);
-    t && t.ref.current !== e.target && this.updateLandmark({
-      ref: t.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 t = e.target, i = e.relatedTarget;
-    if (!i || i === document) {
-      let o = this.closestLandmark(t);
-      o && o.ref.current === t && o.blur();
-    }
-  }
-  createLandmarkController() {
-    let e = this;
-    return e.refCount++, e.setupIfNeeded(), {
-      navigate(t, i) {
-        let o = (i == null ? void 0 : i.from) || document.activeElement;
-        return e.navigate(o, t === "backward");
-      },
-      focusNext(t) {
-        let i = (t == null ? void 0 : t.from) || document.activeElement;
-        return e.navigate(i, !1);
-      },
-      focusPrevious(t) {
-        let i = (t == null ? void 0 : t.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((t) => t.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(n, e) {
-  const { role: t, "aria-label": i, "aria-labelledby": o, focus: u } = n;
-  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: t,
-      focus: u || $,
-      blur: d
-    });
-  }, [
-    a,
-    s,
-    e,
-    t,
-    u,
-    $,
-    d
-  ]), v(() => {
-    var b;
-    l && ((b = e.current) === null || b === void 0 || b.focus());
-  }, [
-    l,
-    e
-  ]), {
-    landmarkProps: {
-      role: t,
-      tabIndex: l ? -1 : void 0,
-      "aria-label": i,
-      "aria-labelledby": o
-    }
-  };
-}
-function De(n) {
-  return n && n.__esModule ? n.default : n;
-}
-function Me(n, e, t) {
-  let i = w(De(_), "@react-aria/toast"), { landmarkProps: o } = Se({
-    role: "region",
-    "aria-label": n["aria-label"] || i.format("notifications", {
-      count: e.visibleToasts.length
-    })
-  }, t), { 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 || !t.current) {
-      a.current = [], s.current = e.visibleToasts;
-      return;
-    }
-    if (a.current = [
-      ...t.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,
-    t
-  ]);
-  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);
-  }, [
-    t,
-    e.visibleToasts.length
-  ]), v(() => () => {
-    r.current && document.body.contains(r.current) && (L() === "pointer" ? k(r.current) : r.current.focus(), r.current = null);
-  }, [
-    t
-  ]), {
-    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(n = {}) {
-  let { maxVisibleToasts: e = 1, hasExitAnimation: t = !1 } = n, i = xe(() => new be({
-    maxVisibleToasts: e,
-    hasExitAnimation: t
-  }), [
-    e,
-    t
-  ]);
-  return fe(i);
-}
-function fe(n) {
-  let e = T((o) => n.subscribe(o), [
-    n
-  ]), t = T(() => n.visibleToasts, [
-    n
-  ]);
-  return {
-    visibleToasts: I.useSyncExternalStore(e, t, t),
-    add: (o, u) => n.add(o, u),
-    close: (o) => n.close(o),
-    remove: (o) => n.remove(o),
-    pauseAll: () => n.pauseAll(),
-    resumeAll: () => n.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, t = {}) {
-    let i = Math.random().toString(36), o = {
-      ...t,
-      content: e,
-      key: i,
-      timer: t.timeout ? new Oe(() => this.close(i), t.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 t = this.queue.findIndex((u) => u.key === e);
-    if (t >= 0) {
-      var i, o;
-      (i = (o = this.queue[t]).onClose) === null || i === void 0 || i.call(o), this.queue.splice(t, 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: t, key: i } = e, o = this.queue.slice(0, this.maxVisibleToasts);
-    if (t === "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 t === "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 t;
-    this.maxVisibleToasts = (t = e == null ? void 0 : e.maxVisibleToasts) !== null && t !== void 0 ? t : 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, t) {
-    this.startTime = null, this.remaining = t, this.callback = e;
-  }
-}
-const Ve = '"../theme/tokens.css"', ze = '"Inter", sans-serif', je = "#d5f2d9", Ge = "#008d3c", Ke = "#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)", en = "_toastRegion_i4o11_52", nn = "_toast_i4o11_52", tn = "_success_i4o11_96", on = "_info_i4o11_104", un = "_important_i4o11_112", an = "_warning_i4o11_120", sn = "_icon_i4o11_128", rn = "_toastContent_i4o11_138", ln = "_toastMessage_i4o11_145", cn = "_slideInTop_i4o11_1", dn = "_slideInEnd_i4o11_1", fn = "_slideOutTop_i4o11_1", bn = "_slideOutEnd_i4o11_1", p = {
-  tokens: Ve,
-  display: ze,
-  signalGreen10: je,
-  signalGreen100: Ge,
-  signalBlue10: Ke,
-  signalBlue100: Ue,
-  signalYellow10: We,
-  signalYellow100: Ze,
-  signalRed10: qe,
-  signalRed100: Ye,
-  gray150: Je,
-  focus: Qe,
-  mdBreakpoint: Xe,
-  toastRegion: en,
-  toast: nn,
-  success: tn,
-  info: on,
-  important: un,
-  warning: an,
-  icon: sn,
-  toastContent: rn,
-  toastMessage: ln,
-  slideInTop: cn,
-  slideInEnd: dn,
-  slideOutTop: fn,
-  slideOutEnd: bn
-}, mn = {
-  success: Be,
-  info: Ae,
-  important: we,
-  warning: Ie
-}, hn = new be({
-  maxVisibleToasts: 5,
-  hasExitAnimation: !0
-}), Bn = (n) => {
-  const e = fe(hn);
-  return e.visibleToasts.length > 0 ? _e(
-    /* @__PURE__ */ h(
-      me,
-      {
-        ...n,
-        state: e
-      }
-    ),
-    document.body
-  ) : null;
-}, An = ({ children: n, ...e }) => {
-  const t = He({
-    maxVisibleToasts: 5,
-    hasExitAnimation: !0
-  });
-  return /* @__PURE__ */ E(he, { children: [
-    typeof n == "function" ? n(t) : n,
-    t.visibleToasts.length > 0 && /* @__PURE__ */ h(
-      me,
-      {
-        ...e,
-        state: t
-      }
-    )
-  ] });
-};
-function me({
-  state: n,
-  ...e
-}) {
-  const t = y.useRef(null), { regionProps: i } = Me(e, n, t);
-  return /* @__PURE__ */ h(
-    "div",
-    {
-      ...i,
-      ref: t,
-      className: p.toastRegion,
-      children: n.visibleToasts.map((o) => /* @__PURE__ */ h(
-        $n,
-        {
-          toast: o,
-          state: n
-        },
-        o.key
-      ))
-    }
-  );
-}
-function $n({
-  state: n,
-  ...e
-}) {
-  const t = y.useRef(null), { toastProps: i, contentProps: o, titleProps: u, closeButtonProps: a } = Pe(
-    e,
-    n
-  ), s = mn[e.toast.content.type];
-  return /* @__PURE__ */ E(
-    "div",
-    {
-      ...i,
-      ref: t,
-      className: pe(p.toast, p[e.toast.content.type]),
-      "data-animation": e.toast.animation,
-      onAnimationEnd: () => {
-        e.toast.animation === "exiting" && n.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 {
-  Bn as GlobalToastRegion,
-  $n as Toast,
-  An as ToastProvider,
-  me as ToastRegion,
-  hn as toastQueue
-};