@midas-ds/components 1.0.3 → 1.1.0

package/index83.js

@@ -1,389 +1,1009 @@
-import { jsxs as H, jsx as F } from "react/jsx-runtime";
-import * as w from "react";
-import f, { useMemo as S, useRef as B, useEffect as O, forwardRef as M, useContext as p, createContext as T } from "react";
-import { $ as z, a as _, b as N, f as W, c as q, d as j } from "./Collection-COLWgm24.js";
-import { n as g, p as U, e as m, l as G, a as J, c as E, d as K, A as R, x as Q, i as C, b as X } from "./useFocusRing-BKGhL91C.js";
-import { $ as Y } from "./Hidden-DngIphiL.js";
-import { $ as Z } from "./useSingleSelectListState-BHTLh8Ob.js";
-import { a as A } from "./useControlledState-DrAoodI6.js";
-import { $ as ee } from "./context-Bnqknrce.js";
-import { d as te, e as ie } from "./SelectionManager-8o40f7mx.js";
-import { $ as ae } from "./useHasTabbableChild-C8y4fwiY.js";
-import './Tabs.css';const V = /* @__PURE__ */ new WeakMap();
-function P(t, e, i) {
-  return t ? (typeof e == "string" && (e = e.replace(/\s+/g, "")), `${V.get(t)}-${i}-${e}`) : "";
+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 ne(t, e, i) {
-  let { key: a, isDisabled: n, shouldSelectOnPressUp: l } = t, { selectionManager: s, selectedKey: r } = e, d = a === r, o = n || e.isDisabled || e.selectionManager.isDisabled(a), { itemProps: c, isPressed: u } = te({
-    selectionManager: s,
-    key: a,
-    ref: i,
-    isDisabled: o,
-    shouldSelectOnPressUp: l,
-    linkBehavior: "selection"
-  }), $ = P(e, a, "tab"), y = P(e, a, "tabpanel"), { tabIndex: D } = c, b = e.collection.getItem(a), L = g(b == null ? void 0 : b.props, {
-    labelable: !0
-  });
-  delete L.id;
-  let k = U(b == null ? void 0 : b.props);
+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 {
-    tabProps: m(L, k, c, {
-      id: $,
-      "aria-selected": d,
-      "aria-disabled": o || void 0,
-      "aria-controls": d ? y : void 0,
-      tabIndex: o ? void 0 : D,
-      role: "tab"
-    }),
-    isSelected: d,
-    isDisabled: o,
-    isPressed: u
+    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)
+    }
   };
 }
-function se(t, e, i) {
-  let a = ae(i) ? void 0 : 0;
-  var n;
-  const l = P(e, (n = t.id) !== null && n !== void 0 ? n : e == null ? void 0 : e.selectedKey, "tabpanel"), s = A({
-    ...t,
-    id: l,
-    "aria-labelledby": P(e, e == null ? void 0 : e.selectedKey, "tab")
-  });
-  return {
-    tabPanelProps: m(s, {
-      tabIndex: a,
-      role: "tabpanel",
-      "aria-describedby": t["aria-describedby"],
-      "aria-details": t["aria-details"]
-    })
-  };
+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]);
 }
-class de {
-  getKeyLeftOf(e) {
-    return this.flipDirection ? this.getNextKey(e) : this.getPreviousKey(e);
+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);
   }
-  getKeyRightOf(e) {
-    return this.flipDirection ? this.getPreviousKey(e) : this.getNextKey(e);
+  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];
   }
-  isDisabled(e) {
-    var i, a;
-    return this.disabledKeys.has(e) || !!(!((a = this.collection.getItem(e)) === null || a === void 0 || (i = a.props) === null || i === void 0) && i.isDisabled);
+  /**
+  * 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());
   }
-  getFirstKey() {
-    let e = this.collection.getFirstKey();
-    return e != null && this.isDisabled(e) && (e = this.getNextKey(e)), e;
+  focusMain() {
+    let e = this.getLandmarkByRole("main");
+    return e && e.ref.current && document.contains(e.ref.current) ? (this.focusLandmark(e.ref.current, "forward"), !0) : !1;
   }
-  getLastKey() {
-    let e = this.collection.getLastKey();
-    return e != null && this.isDisabled(e) && (e = this.getPreviousKey(e)), e;
+  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;
   }
-  getKeyAbove(e) {
-    return this.tabDirection ? null : this.getPreviousKey(e);
+  /**
+  * 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();
+    }
   }
-  getKeyBelow(e) {
-    return this.tabDirection ? null : this.getNextKey(e);
+  /**
+  * 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();
+    }
   }
-  getNextKey(e) {
-    do
-      e = this.collection.getKeyAfter(e), e == null && (e = this.collection.getFirstKey());
-    while (this.isDisabled(e));
-    return e;
+  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);
+      }
+    };
   }
-  getPreviousKey(e) {
-    do
-      e = this.collection.getKeyBefore(e), e == null && (e = this.collection.getLastKey());
-    while (this.isDisabled(e));
-    return e;
+  registerLandmark(e) {
+    return this.landmarks.find((t) => t.ref === e.ref) ? this.updateLandmark(e) : this.addLandmark(e), () => this.removeLandmark(e.ref);
   }
-  constructor(e, i, a, n = /* @__PURE__ */ new Set()) {
-    this.collection = e, this.flipDirection = i === "rtl" && a === "horizontal", this.disabledKeys = n, this.tabDirection = a === "horizontal";
+  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 le(t, e, i) {
-  let { orientation: a = "horizontal", keyboardActivation: n = "automatic" } = t, { collection: l, selectionManager: s, disabledKeys: r } = e, { direction: d } = ee(), o = S(() => new de(l, d, a, r), [
-    l,
-    r,
+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
-  ]), { collectionProps: c } = ie({
-    ref: i,
-    selectionManager: s,
-    keyboardDelegate: o,
-    selectOnFocus: n === "automatic",
-    disallowEmptySelection: !0,
-    scrollRef: i,
-    linkBehavior: "selection"
-  }), u = G();
-  V.set(e, u);
-  let $ = A({
-    ...t,
-    id: u
-  });
-  return {
-    tabListProps: {
-      ...m(c, $),
-      role: "tablist",
-      "aria-orientation": a,
-      tabIndex: void 0
+  ]), 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 re(t) {
-  var e, i;
-  let a = Z({
-    ...t,
-    suppressTextValueWarning: !0,
-    defaultSelectedKey: (i = (e = t.defaultSelectedKey) !== null && e !== void 0 ? e : I(t.collection, t.disabledKeys ? new Set(t.disabledKeys) : /* @__PURE__ */ new Set())) !== null && i !== void 0 ? i : void 0
-  }), { selectionManager: n, collection: l, selectedKey: s } = a, r = B(s);
-  return O(() => {
-    let d = s;
-    (n.isEmpty || d == null || !l.getItem(d)) && (d = I(l, a.disabledKeys), d != null && n.setSelectedKeys([
-      d
-    ])), (d != null && n.focusedKey == null || !n.isFocused && d !== r.current) && n.setFocusedKey(d), r.current = d;
-  }), {
-    ...a,
-    isDisabled: t.isDisabled || !1
-  };
+function De(n) {
+  return n && n.__esModule ? n.default : n;
 }
-function I(t, e) {
-  let i = null;
-  if (t) {
-    var a, n, l, s;
-    for (i = t.getFirstKey(); i != null && (e.has(i) || !((n = t.getItem(i)) === null || n === void 0 || (a = n.props) === null || a === void 0) && a.isDisabled) && i !== t.getLastKey(); ) i = t.getKeyAfter(i);
-    i != null && (e.has(i) || !((s = t.getItem(i)) === null || s === void 0 || (l = s.props) === null || l === void 0) && l.isDisabled) && i === t.getLastKey() && (i = t.getFirstKey());
-  }
-  return i;
+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;
+      }
+    })
+  };
 }
-const v = /* @__PURE__ */ T(null), h = /* @__PURE__ */ T(null), oe = /* @__PURE__ */ M(function(e, i) {
-  [e, i] = J(e, i, v);
-  let { children: a, orientation: n = "horizontal" } = e;
-  return a = S(() => typeof a == "function" ? a({
-    orientation: n,
-    defaultChildren: null
-  }) : a, [
-    a,
-    n
-  ]), /* @__PURE__ */ f.createElement(z, {
-    content: a
-  }, (l) => /* @__PURE__ */ f.createElement(ce, {
-    props: e,
-    collection: l,
-    tabsRef: i
-  }));
-});
-function ce({ props: t, tabsRef: e, collection: i }) {
-  let { orientation: a = "horizontal" } = t, n = re({
-    ...t,
-    collection: i,
-    children: void 0
-  }), { focusProps: l, isFocused: s, isFocusVisible: r } = E({
-    within: !0
-  }), d = S(() => ({
-    orientation: a,
-    isFocusWithin: s,
-    isFocusVisible: r
+function He(n = {}) {
+  let { maxVisibleToasts: e = 1, hasExitAnimation: t = !1 } = n, i = xe(() => new be({
+    maxVisibleToasts: e,
+    hasExitAnimation: t
   }), [
-    a,
-    s,
-    r
-  ]), o = K({
-    ...t,
-    defaultClassName: "react-aria-Tabs",
-    values: d
-  });
-  return /* @__PURE__ */ f.createElement("div", {
-    ...g(t),
-    ...l,
-    ...o,
-    ref: e,
-    slot: t.slot || void 0,
-    "data-focused": s || void 0,
-    "data-orientation": a,
-    "data-focus-visible": r || void 0,
-    "data-disabled": n.isDisabled || void 0
-  }, /* @__PURE__ */ f.createElement(R, {
-    values: [
-      [
-        v,
-        t
-      ],
-      [
-        h,
-        n
-      ]
-    ]
-  }, o.children));
+    e,
+    t
+  ]);
+  return fe(i);
 }
-const fe = /* @__PURE__ */ M(function(e, i) {
-  return p(h) ? /* @__PURE__ */ f.createElement(ue, {
-    props: e,
-    forwardedRef: i
-  }) : /* @__PURE__ */ f.createElement(_, e);
-});
-function ue({ props: t, forwardedRef: e }) {
-  let i = p(h), { CollectionRoot: a } = p(N), { orientation: n = "horizontal", keyboardActivation: l = "automatic" } = Q(v), s = C(e), { tabListProps: r } = le({
-    ...t,
-    orientation: n,
-    keyboardActivation: l
-  }, i, s), d = K({
-    ...t,
-    children: null,
-    defaultClassName: "react-aria-TabList",
-    values: {
-      orientation: n,
-      state: i
-    }
-  }), o = g(t);
-  return delete o.id, /* @__PURE__ */ f.createElement("div", {
-    ...o,
-    ...r,
-    ref: s,
-    ...d,
-    "data-orientation": n || void 0
-  }, /* @__PURE__ */ f.createElement(a, {
-    collection: i.collection,
-    persistedKeys: W(i.selectionManager.focusedKey)
-  }));
+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()
+  };
 }
-const be = /* @__PURE__ */ q("item", (t, e, i) => {
-  let a = p(h), n = C(e), { tabProps: l, isSelected: s, isDisabled: r, isPressed: d } = ne({
-    key: i.key,
-    ...t
-  }, a, n), { focusProps: o, isFocused: c, isFocusVisible: u } = E(), { hoverProps: $, isHovered: y } = X({
-    isDisabled: r,
-    onHoverStart: t.onHoverStart,
-    onHoverEnd: t.onHoverEnd,
-    onHoverChange: t.onHoverChange
-  }), D = K({
-    ...t,
-    id: void 0,
-    defaultClassName: "react-aria-Tab",
-    values: {
-      isSelected: s,
-      isDisabled: r,
-      isFocused: c,
-      isFocusVisible: u,
-      isPressed: d,
-      isHovered: y
+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;
     }
-  }), b = i.props.href ? "a" : "div";
-  return /* @__PURE__ */ f.createElement(b, {
-    ...m(l, o, $, D),
-    ref: n,
-    "data-selected": s || void 0,
-    "data-disabled": r || void 0,
-    "data-focused": c || void 0,
-    "data-focus-visible": u || void 0,
-    "data-pressed": d || void 0,
-    "data-hovered": y || void 0
-  });
-}), $e = /* @__PURE__ */ Y(function(e, i) {
-  const a = p(h);
-  let n = C(i), { tabPanelProps: l } = se(e, a, n), { focusProps: s, isFocused: r, isFocusVisible: d } = E(), o = a.selectedKey === e.id, c = K({
-    ...e,
-    defaultClassName: "react-aria-TabPanel",
-    values: {
-      isFocused: r,
-      isFocusVisible: d,
-      isInert: !o,
-      state: a
+    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
   });
-  if (!o && !e.shouldForceMount) return null;
-  let u = g(e);
-  delete u.id;
-  let $ = o ? m(u, l, s, c) : c;
-  return /* @__PURE__ */ f.createElement("div", {
-    ...$,
-    ref: n,
-    "data-focused": r || void 0,
-    "data-focus-visible": d || void 0,
-    // @ts-ignore
-    inert: o ? void 0 : "true",
-    "data-inert": o ? void 0 : "true"
-  }, /* @__PURE__ */ f.createElement(R, {
-    values: [
-      [
-        v,
-        null
-      ],
-      [
-        h,
-        null
-      ]
-    ]
-  }, /* @__PURE__ */ f.createElement(N.Provider, {
-    value: j
-  }, c.children)));
-}), he = '"../theme/tokens.css"', pe = '"Inter", sans-serif', me = "#bfbfbf", ye = "600", xe = "#25607f", Pe = "0 0 0 2px #ffffff, 0 0 0 4px #000000", ge = "(max-width: 767px)", Ke = "_container_a0kqi_4", ve = "_list_a0kqi_8", De = "_listItem_a0kqi_14", Fe = "_panel_a0kqi_42", x = {
-  tokens: he,
-  display: pe,
-  gray50: me,
-  semiBoldWeight: ye,
-  blue130: xe,
-  focus: Pe,
-  smBreakpoint: ge,
-  container: Ke,
-  list: ve,
-  listItem: De,
-  panel: Fe
-}, Ae = ({
-  tabs: t,
-  label: e,
-  defaultSelected: i,
-  children: a
-}) => {
-  const n = w.Children.toArray(a);
-  if (n.length !== t.length)
-    throw new Error(
-      `The number of children must match the number of tabs. Children: ${n.length} Tabs: ${t.length}`
-    );
-  const l = n.reduce(
-    (s, r, d) => {
-      var o;
-      if (w.isValidElement(r)) {
-        const c = (o = t[d]) == null ? void 0 : o.toLowerCase();
-        c && (s[c] = w.cloneElement(r, { id: c }));
+  return /* @__PURE__ */ E(he, { children: [
+    typeof n == "function" ? n(t) : n,
+    t.visibleToasts.length > 0 && /* @__PURE__ */ h(
+      me,
+      {
+        ...e,
+        state: t
       }
-      return s;
-    },
-    {}
+    )
+  ] });
+};
+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
+      ))
+    }
   );
-  return /* @__PURE__ */ H(
-    oe,
+}
+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",
     {
-      orientation: "vertical",
-      defaultSelectedKey: i && i.toLowerCase(),
-      className: x.container,
+      ...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__ */ F(
-          fe,
+        /* @__PURE__ */ E(
+          "div",
           {
-            "aria-label": e,
-            className: x.list,
-            children: t.map((s) => /* @__PURE__ */ F(
-              be,
-              {
-                id: s.toLowerCase(),
-                className: x.listItem,
-                children: s
-              },
-              s
-            ))
+            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
+              ] })
+            ]
           }
         ),
-        t.map((s) => /* @__PURE__ */ F(
+        /* @__PURE__ */ h(
           $e,
           {
-            id: s.toLowerCase(),
-            className: x.panel,
-            children: l[s.toLowerCase()]
-          },
-          s
-        ))
+            variant: "icon",
+            ...a,
+            children: /* @__PURE__ */ h(
+              Le,
+              {
+                size: 20,
+                "aria-hidden": !0
+              }
+            )
+          }
+        )
       ]
     }
   );
-};
+}
 export {
-  Ae as Tabs
+  Bn as GlobalToastRegion,
+  $n as Toast,
+  An as ToastProvider,
+  me as ToastRegion,
+  hn as toastQueue
 };