@midas-ds/components 12.0.0 → 12.1.0

package/{Toast-BnzpC_5v.js → Toast-BBkWczCk.js}

@@ -1,30 +1,30 @@
-import { jsx as p, jsxs as y, Fragment as ge } from "react/jsx-runtime";
-import { B as Te } from "./Button-akT6Hvug.js";
-import P, { useState as A, 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 B } from "./clsx-OuTLNxxd.js";
-import { i as we } from "./icon-map-uS87FT_Q.js";
-import { s as N } from "./index-BSMrH_Du.js";
-import { $ as j, c as Be, b as Ie, d as Ce, a as Pe } from "./mergeProps-BYJQ6N1s.js";
-import { m as E } from "./utils-CuqJqFqQ.js";
-import { $ as Ae, g as _ } from "./useHover-D8fja4GW.js";
-import { $ as Ne } from "./useFocusWithin-Cn18Myw6.js";
-import { $ as F } from "./useLocalizedStringFormatter-CSEh15AZ.js";
-import { $ as je } from "./filterDOMProps-D6KHYVBX.js";
-import { X as Fe } from "./x-C2xUHAEl.js";
-import './assets/Toast.css';const S = 1, w = Symbol.for("react-aria-landmark-manager");
+import { jsx as p, jsxs as _, Fragment as Te } from "react/jsx-runtime";
+import { B as Le } from "./Button-DYcmg49Z.js";
+import A, { useState as g, useCallback as w, useEffect as T, useRef as v, useMemo as _e } from "react";
+import { createPortal as we, flushSync as Be } from "react-dom";
+import { c as I } from "./clsx-OuTLNxxd.js";
+import { i as ye } from "./icon-map-uS87FT_Q.js";
+import { s as N } from "./index-BLPblar-.js";
+import { $ as F, c as Ie, b as Ce, d as Pe, a as Ae } from "./mergeProps-BSsN7Bgk.js";
+import { m as E } from "./utils-DFIwp4PB.js";
+import { $ as ge, f as B } from "./useHover-D6bNIkU0.js";
+import { $ as Ne } from "./useFocusWithin-ClMkhYcq.js";
+import { $ as D } from "./useLocalizedStringFormatter-CL9MUZ8A.js";
+import { $ as Fe } from "./filterDOMProps-wsa9OcNI.js";
+import { X as De } from "./x-C2xUHAEl.js";
+import './assets/Toast.css';const S = 1, y = Symbol.for("react-aria-landmark-manager");
 function Se(t) {
   return document.addEventListener("react-aria-landmark-manager-change", t), () => document.removeEventListener("react-aria-landmark-manager-change", t);
 }
-function C() {
+function P() {
   if (typeof document > "u") return null;
-  let t = document[w];
-  return t && t.version >= S ? t : (document[w] = new Re(), document.dispatchEvent(new CustomEvent("react-aria-landmark-manager-change")), document[w]);
+  let t = document[y];
+  return t && t.version >= S ? t : (document[y] = new ze(), document.dispatchEvent(new CustomEvent("react-aria-landmark-manager-change")), document[y]);
 }
-function De() {
-  return N.useSyncExternalStore(Se, C, C);
+function Re() {
+  return N.useSyncExternalStore(Se, P, P);
 }
-class Re {
+class ze {
   setupIfNeeded() {
     this.isListening || (document.addEventListener("keydown", this.f6Handler, {
       capture: !0
@@ -44,8 +44,8 @@ class Re {
     }), this.isListening = !1);
   }
   focusLandmark(e, n) {
-    var i, o;
-    (o = this.landmarks.find((u) => u.ref.current === e)) === null || o === void 0 || (i = o.focus) === null || i === void 0 || i.call(o, n);
+    var u, i;
+    (i = this.landmarks.find((o) => o.ref.current === e)) === null || i === void 0 || (u = i.focus) === null || u === void 0 || u.call(i, n);
   }
   /**
   * Return set of landmarks with a specific role.
@@ -60,22 +60,22 @@ class Re {
     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) {
+    if (this.setupIfNeeded(), this.landmarks.find((i) => i.ref === e.ref) || !e.ref.current) return;
+    if (this.landmarks.filter((i) => i.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), u = e.ref.current.compareDocumentPosition(this.landmarks[o].ref.current);
-      !!(u & Node.DOCUMENT_POSITION_PRECEDING || u & Node.DOCUMENT_POSITION_CONTAINS) ? n = o + 1 : i = o - 1;
+    let n = 0, u = this.landmarks.length - 1;
+    for (; n <= u; ) {
+      let i = Math.floor((n + u) / 2), o = e.ref.current.compareDocumentPosition(this.landmarks[i].ref.current);
+      !!(o & Node.DOCUMENT_POSITION_PRECEDING || o & Node.DOCUMENT_POSITION_CONTAINS) ? n = i + 1 : u = i - 1;
     }
     this.landmarks.splice(n, 0, e), this.checkLabels(e.role);
   }
   updateLandmark(e) {
-    let n = this.landmarks.findIndex((i) => i.ref === e.ref);
+    let n = this.landmarks.findIndex((u) => u.ref === e.ref);
     n >= 0 && (this.landmarks[n] = {
       ...this.landmarks[n],
       ...e
@@ -93,15 +93,15 @@ class Re {
   checkLabels(e) {
     let n = this.getLandmarksByRole(e);
     if (n.size > 1) {
-      let i = [
+      let u = [
         ...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));
+      ].filter((i) => !i.label);
+      if (u.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: `, u.map((i) => i.ref.current));
       else if (process.env.NODE_ENV !== "production") {
-        let o = [
+        let i = [
           ...n
         ].map((r) => r.label);
-        o.filter((r, a) => o.indexOf(r) !== a).forEach((r) => {
+        i.filter((r, a) => i.indexOf(r) !== a).forEach((r) => {
           console.warn(`Page contains more than one landmark with the '${e}' role and '${r}' label. If two or more landmarks on a page share the same role, they must have unique labels: `, [
             ...n
           ].filter((a) => a.label === r).map((a) => a.ref.current));
@@ -114,12 +114,12 @@ class Re {
   * 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);
+    let n = new Map(this.landmarks.map((i) => [
+      i.ref.current,
+      i
+    ])), u = e;
+    for (; u && !n.has(u) && u !== document.body && u.parentElement; ) u = u.parentElement;
+    return n.get(u);
   }
   /**
   * Gets the next landmark, in DOM focus order, or previous if backwards is specified.
@@ -128,11 +128,11 @@ class Re {
   * Returns undefined if there are no landmarks.
   */
   getNextLandmark(e, { backward: n }) {
-    var i;
-    let o = this.closestLandmark(e), u = n ? this.landmarks.length - 1 : 0;
-    o && (u = this.landmarks.indexOf(o) + (n ? -1 : 1));
+    var u;
+    let i = this.closestLandmark(e), o = n ? this.landmarks.length - 1 : 0;
+    i && (o = this.landmarks.indexOf(i) + (n ? -1 : 1));
     let r = () => {
-      if (u < 0) {
+      if (o < 0) {
         if (!e.dispatchEvent(new CustomEvent("react-aria-landmark-navigation", {
           detail: {
             direction: "backward"
@@ -140,8 +140,8 @@ class Re {
           bubbles: !0,
           cancelable: !0
         }))) return !0;
-        u = this.landmarks.length - 1;
-      } else if (u >= this.landmarks.length) {
+        o = this.landmarks.length - 1;
+      } else if (o >= this.landmarks.length) {
         if (!e.dispatchEvent(new CustomEvent("react-aria-landmark-navigation", {
           detail: {
             direction: "forward"
@@ -149,17 +149,17 @@ class Re {
           bubbles: !0,
           cancelable: !0
         }))) return !0;
-        u = 0;
+        o = 0;
       }
-      return u < 0 || u >= this.landmarks.length;
+      return o < 0 || o >= this.landmarks.length;
     };
     if (r()) return;
-    let a = u;
-    for (; !((i = this.landmarks[u].ref.current) === null || i === void 0) && i.closest("[aria-hidden=true]"); ) {
-      if (u += n ? -1 : 1, r()) return;
-      if (u === a) break;
+    let a = o;
+    for (; !((u = this.landmarks[o].ref.current) === null || u === void 0) && u.closest("[aria-hidden=true]"); ) {
+      if (o += n ? -1 : 1, r()) return;
+      if (o === a) break;
     }
-    return this.landmarks[u];
+    return this.landmarks[o];
   }
   /**
   * Look at next landmark. If an element was previously focused inside, restore focus there.
@@ -174,16 +174,16 @@ class Re {
     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, {
+    let u = 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;
+    if (!u) return !1;
+    if (u.lastFocused) {
+      let i = u.lastFocused;
+      if (document.body.contains(i))
+        return i.focus(), !0;
     }
-    return i.ref.current && document.contains(i.ref.current) ? (this.focusLandmark(i.ref.current, n ? "backward" : "forward"), !0) : !1;
+    return u.ref.current && document.contains(u.ref.current) ? (this.focusLandmark(u.ref.current, n ? "backward" : "forward"), !0) : !1;
   }
   /**
   * Sets lastFocused for a landmark, if focus is moved within that landmark.
@@ -195,36 +195,36 @@ class Re {
       ref: n.ref,
       lastFocused: e.target
     });
-    let i = e.relatedTarget;
-    if (i) {
-      let o = this.closestLandmark(i);
-      o && o.ref.current === i && o.blur();
+    let u = e.relatedTarget;
+    if (u) {
+      let i = this.closestLandmark(u);
+      i && i.ref.current === u && i.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();
+    let n = e.target, u = e.relatedTarget;
+    if (!u || u === document) {
+      let i = this.closestLandmark(n);
+      i && i.ref.current === n && i.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");
+      navigate(n, u) {
+        let i = (u == null ? void 0 : u.from) || document.activeElement;
+        return e.navigate(i, n === "backward");
       },
       focusNext(n) {
-        let i = (n == null ? void 0 : n.from) || document.activeElement;
-        return e.navigate(i, !1);
+        let u = (n == null ? void 0 : n.from) || document.activeElement;
+        return e.navigate(u, !1);
       },
       focusPrevious(n) {
-        let i = (n == null ? void 0 : n.from) || document.activeElement;
-        return e.navigate(i, !0);
+        let u = (n == null ? void 0 : n.from) || document.activeElement;
+        return e.navigate(u, !0);
       },
       focusMain() {
         return e.focusMain();
@@ -242,33 +242,33 @@ class Re {
   }
 }
 function Me(t, e) {
-  const { role: n, "aria-label": i, "aria-labelledby": o, focus: u } = t;
-  let r = De(), a = i || o, [b, d] = A(!1), f = L(() => {
+  const { role: n, "aria-label": u, "aria-labelledby": i, focus: o } = t;
+  let r = Re(), a = u || i, [b, d] = g(!1), f = w(() => {
     d(!0);
   }, [
     d
-  ]), h = L(() => {
+  ]), $ = w(() => {
     d(!1);
   }, [
     d
   ]);
-  return j(() => {
+  return F(() => {
     if (r) return r.registerLandmark({
       ref: e,
       label: a,
       role: n,
-      focus: u || f,
-      blur: h
+      focus: o || f,
+      blur: $
     });
   }, [
     r,
     a,
     e,
     n,
-    u,
+    o,
     f,
-    h
-  ]), g(() => {
+    $
+  ]), T(() => {
     var s;
     b && ((s = e.current) === null || s === void 0 || s.focus());
   }, [
@@ -278,21 +278,21 @@ function Me(t, e) {
     landmarkProps: {
       role: n,
       tabIndex: b ? -1 : void 0,
-      "aria-label": i,
-      "aria-labelledby": o
+      "aria-label": u,
+      "aria-labelledby": i
     }
   };
 }
-var D = {};
-D = {
+var R = {};
+R = {
   close: "إغلاق",
   notifications: (t, e) => `${e.plural(t.count, {
     one: () => `${e.number(t.count)} إشعار`,
     other: () => `${e.number(t.count)} إشعارات`
   })}.`
 };
-var R = {};
-R = {
+var z = {};
+z = {
   close: "Затвори",
   notifications: (t, e) => `${e.plural(t.count, {
     one: () => `${e.number(t.count)} известие`,
@@ -331,16 +331,16 @@ V = {
     other: () => `${e.number(t.count)} ειδοποιήσεις`
   })}.`
 };
-var z = {};
-z = {
+var U = {};
+U = {
   close: "Close",
   notifications: (t, e) => `${e.plural(t.count, {
     one: () => `${e.number(t.count)} notification`,
     other: () => `${e.number(t.count)} notifications`
   })}.`
 };
-var U = {};
-U = {
+var j = {};
+j = {
   close: "Cerrar",
   notifications: (t, e) => `${e.plural(t.count, {
     one: () => `${e.number(t.count)} notificación`,
@@ -443,16 +443,16 @@ ne = {
     other: () => `${e.number(t.count)} varsler`
   })}.`
 };
-var ie = {};
-ie = {
+var ue = {};
+ue = {
   close: "Sluiten",
   notifications: (t, e) => `${e.plural(t.count, {
     one: () => `${e.number(t.count)} melding`,
     other: () => `${e.number(t.count)} meldingen`
   })}.`
 };
-var oe = {};
-oe = {
+var ie = {};
+ie = {
   close: "Zamknij",
   notifications: (t, e) => `${e.plural(t.count, {
     one: () => `${e.number(t.count)} powiadomienie`,
@@ -461,8 +461,8 @@ oe = {
     other: () => `${e.number(t.count)} powiadomienia`
   })}.`
 };
-var ue = {};
-ue = {
+var oe = {};
+oe = {
   close: "Fechar",
   notifications: (t, e) => `${e.plural(t.count, {
     one: () => `${e.number(t.count)} notificação`,
@@ -544,32 +544,32 @@ me = {
     other: () => `${e.number(t.count)} сповіщення`
   })}.`
 };
-var he = {};
-he = {
+var $e = {};
+$e = {
   close: "关闭",
   notifications: (t, e) => `${e.plural(t.count, {
     one: () => `${e.number(t.count)} 个通知`,
     other: () => `${e.number(t.count)} 个通知`
   })}。`
 };
-var $e = {};
-$e = {
+var he = {};
+he = {
   close: "關閉",
   notifications: (t, e) => `${e.plural(t.count, {
     one: () => `${e.number(t.count)} 個通知`,
     other: () => `${e.number(t.count)} 個通知`
   })}。`
 };
-var I = {};
-I = {
-  "ar-AE": D,
-  "bg-BG": R,
+var C = {};
+C = {
+  "ar-AE": R,
+  "bg-BG": z,
   "cs-CZ": M,
   "da-DK": O,
   "de-DE": H,
   "el-GR": V,
-  "en-US": z,
-  "es-ES": U,
+  "en-US": U,
+  "es-ES": j,
   "et-EE": W,
   "fi-FI": K,
   "fr-FR": Z,
@@ -582,9 +582,9 @@ I = {
   "lt-LT": ee,
   "lv-LV": te,
   "nb-NO": ne,
-  "nl-NL": ie,
-  "pl-PL": oe,
-  "pt-BR": ue,
+  "nl-NL": ue,
+  "pl-PL": ie,
+  "pt-BR": oe,
   "pt-PT": re,
   "ro-RO": ae,
   "ru-RU": se,
@@ -594,29 +594,29 @@ I = {
   "sv-SE": fe,
   "tr-TR": be,
   "uk-UA": me,
-  "zh-CN": he,
-  "zh-TW": $e
+  "zh-CN": $e,
+  "zh-TW": he
 };
 function Oe(t) {
   return t && t.__esModule ? t.default : t;
 }
 function He(t, e, n) {
-  let { key: i, timer: o, timeout: u } = t.toast;
-  g(() => {
-    if (!(o == null || u == null))
-      return o.reset(u), () => {
-        o.pause();
+  let { key: u, timer: i, timeout: o } = t.toast;
+  T(() => {
+    if (!(i == null || o == null))
+      return i.reset(o), () => {
+        i.pause();
       };
   }, [
-    o,
-    u
+    i,
+    o
   ]);
-  let r = Be(), a = Ie(), b = F(Oe(I), "@react-aria/toast"), [d, f] = A(!1);
-  return g(() => {
+  let r = Ie(), a = Ce(), b = D(Oe(C), "@react-aria/toast"), [d, f] = g(!1);
+  return T(() => {
     f(!0);
   }, []), {
     toastProps: {
-      ...je(t, {
+      ...Fe(t, {
         labelable: !0
       }),
       role: "alertdialog",
@@ -638,31 +638,31 @@ function He(t, e, n) {
     },
     closeButtonProps: {
       "aria-label": b.format("close"),
-      onPress: () => e.close(i)
+      onPress: () => e.close(u)
     }
   };
 }
 function Ve(t) {
   return t && t.__esModule ? t.default : t;
 }
-function ze(t, e, n) {
-  let i = F(Ve(I), "@react-aria/toast"), { landmarkProps: o } = Me({
+function Ue(t, e, n) {
+  let u = D(Ve(C), "@react-aria/toast"), { landmarkProps: i } = Me({
     role: "region",
-    "aria-label": t["aria-label"] || i.format("notifications", {
+    "aria-label": t["aria-label"] || u.format("notifications", {
       count: e.visibleToasts.length
     })
-  }, n), u = v(!1), r = v(!1), a = Ce(() => {
-    u.current || r.current ? e.pauseAll() : e.resumeAll();
-  }), { hoverProps: b } = Ae({
+  }, n), o = v(!1), r = v(!1), a = Pe(() => {
+    o.current || r.current ? e.pauseAll() : e.resumeAll();
+  }), { hoverProps: b } = ge({
     onHoverStart: () => {
-      u.current = !0, a();
+      o.current = !0, a();
     },
     onHoverEnd: () => {
-      u.current = !1, a();
+      o.current = !1, a();
     }
-  }), d = v([]), f = v(e.visibleToasts), h = v(null);
-  j(() => {
-    if (h.current === -1 || e.visibleToasts.length === 0 || !n.current) {
+  }), d = v([]), f = v(e.visibleToasts), $ = v(null);
+  F(() => {
+    if ($.current === -1 || e.visibleToasts.length === 0 || !n.current) {
       d.current = [], f.current = e.visibleToasts;
       return;
     }
@@ -675,15 +675,15 @@ function ze(t, e, n) {
     let l = f.current.map((c, m) => ({
       ...c,
       i: m,
-      isRemoved: !e.visibleToasts.some(($) => c.key === $.key)
-    })), T = l.findIndex((c) => c.i === h.current && c.isRemoved);
-    if (T > -1) {
+      isRemoved: !e.visibleToasts.some((h) => c.key === h.key)
+    })), L = l.findIndex((c) => c.i === $.current && c.isRemoved);
+    if (L > -1) {
       var k;
-      if (_() === "pointer" && (!((k = s.current) === null || k === void 0) && k.isConnected)) E(s.current);
+      if (B() === "pointer" && (!((k = s.current) === null || k === void 0) && k.isConnected)) E(s.current);
       else {
-        let c = 0, m, $;
-        for (; c <= T; )
-          l[c].isRemoved || ($ = Math.max(0, c - 1)), c++;
+        let c = 0, m, h;
+        for (; c <= L; )
+          l[c].isRemoved || (h = Math.max(0, c - 1)), c++;
         for (; c < l.length; ) {
           if (!l[c].isRemoved) {
             m = c - 1;
@@ -691,7 +691,7 @@ function ze(t, e, n) {
           }
           c++;
         }
-        $ === void 0 && m === void 0 && ($ = 0), $ >= 0 && $ < d.current.length ? E(d.current[$]) : m >= 0 && m < d.current.length && E(d.current[m]);
+        h === void 0 && m === void 0 && (h = 0), h >= 0 && h < d.current.length ? E(d.current[h]) : m >= 0 && m < d.current.length && E(d.current[m]);
       }
     }
     f.current = e.visibleToasts;
@@ -708,19 +708,19 @@ function ze(t, e, n) {
       r.current = !1, s.current = null, a();
     }
   });
-  return g(() => {
+  return T(() => {
     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);
+    e.visibleToasts.length === 0 && (!((l = s.current) === null || l === void 0) && l.isConnected) && (B() === "pointer" ? E(s.current) : s.current.focus(), s.current = null);
   }, [
     n,
     e.visibleToasts.length
-  ]), g(() => () => {
+  ]), T(() => () => {
     var l;
-    !((l = s.current) === null || l === void 0) && l.isConnected && (_() === "pointer" ? E(s.current) : s.current.focus(), s.current = null);
+    !((l = s.current) === null || l === void 0) && l.isConnected && (B() === "pointer" ? E(s.current) : s.current.focus(), s.current = null);
   }, [
     n
   ]), {
-    regionProps: Pe(o, b, Ee, {
+    regionProps: Ae(i, b, Ee, {
       tabIndex: -1,
       // Mark the toast region as a "top layer", so that it:
       //   - is not aria-hidden when opening an overlay
@@ -731,25 +731,25 @@ function ze(t, e, n) {
       // 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"]');
-        h.current = d.current.findIndex((k) => k === T);
+        let L = l.target.closest('[role="alertdialog"]');
+        $.current = d.current.findIndex((k) => k === L);
       },
       onBlur: () => {
-        h.current = -1;
+        $.current = -1;
       }
     })
   };
 }
 function pe(t) {
-  let e = L((o) => t.subscribe(o), [
+  let e = w((i) => t.subscribe(i), [
     t
-  ]), n = L(() => t.visibleToasts, [
+  ]), n = w(() => t.visibleToasts, [
     t
   ]);
   return {
     visibleToasts: N.useSyncExternalStore(e, n, n),
-    add: (o, u) => t.add(o, u),
-    close: (o) => t.close(o),
+    add: (i, o) => t.add(i, o),
+    close: (i) => t.close(i),
     pauseAll: () => t.pauseAll(),
     resumeAll: () => t.resumeAll()
   };
@@ -764,22 +764,22 @@ class ve {
   }
   /** Adds a new toast to the queue. */
   add(e, n = {}) {
-    let i = "_" + Math.random().toString(36).slice(2), o = {
+    let u = "_" + Math.random().toString(36).slice(2), i = {
       ...n,
       content: e,
-      key: i,
-      timer: n.timeout ? new Ue(() => this.close(i), n.timeout) : void 0
+      key: u,
+      timer: n.timeout ? new je(() => this.close(u), n.timeout) : void 0
     };
-    return this.queue.unshift(o), this.updateVisibleToasts("add"), i;
+    return this.queue.unshift(i), this.updateVisibleToasts("add"), u;
   }
   /**
   * Closes a toast.
   */
   close(e) {
-    let n = this.queue.findIndex((u) => u.key === e);
+    let n = this.queue.findIndex((o) => o.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);
+      var u, i;
+      (u = (i = this.queue[n]).onClose) === null || u === void 0 || u.call(i), this.queue.splice(n, 1);
     }
     this.updateVisibleToasts("remove");
   }
@@ -805,7 +805,7 @@ class ve {
     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 Ue {
+class je {
   reset(e) {
     this.remaining = e, this.resume();
   }
@@ -821,21 +821,9 @@ class Ue {
     this.startTime = null, this.remaining = n, this.callback = e;
   }
 }
-const We = '"../theme/tokens.css"', Ke = "_toastRegion_jgjyx_52", Ze = "_toast_jgjyx_52", Ge = "_success_jgjyx_95", Je = "_info_jgjyx_103", Qe = "_important_jgjyx_111", Xe = "_warning_jgjyx_119", qe = "_icon_jgjyx_127", Ye = "_toastContent_jgjyx_137", et = "_toastMessage_jgjyx_144", tt = "_slideInTop_jgjyx_1", nt = "_slideInEnd_jgjyx_1", it = "_slideOutTop_jgjyx_1", ot = "_slideOutEnd_jgjyx_1", x = {
-  tokens: We,
-  "--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",
+const We = '"../theme/breakpoints.css"', Ke = "_toastRegion_1uufz_52", Ze = "_toast_1uufz_52", Ge = "_success_1uufz_95", Je = "_info_1uufz_103", Qe = "_important_1uufz_111", Xe = "_warning_1uufz_119", qe = "_icon_1uufz_127", Ye = "_toastContent_1uufz_137", et = "_toastMessage_1uufz_144", tt = "_slideInTop_1uufz_1", nt = "_slideInEnd_1uufz_1", ut = "_slideOutTop_1uufz_1", it = "_slideOutEnd_1uufz_1", x = {
+  breakpoints: We,
+  "--midas-breakpoints-md": "(min-width: 768px)",
   toastRegion: Ke,
   toast: Ze,
   success: Ge,
@@ -847,26 +835,26 @@ const We = '"../theme/tokens.css"', Ke = "_toastRegion_jgjyx_52", Ze = "_toast_j
   toastMessage: et,
   slideInTop: tt,
   slideInEnd: nt,
-  slideOutTop: it,
-  slideOutEnd: ot
+  slideOutTop: ut,
+  slideOutEnd: it
 }, xe = {
   wrapUpdate(t) {
     "startViewTransition" in document ? document.startViewTransition(() => {
-      _e(t);
+      Be(t);
     }) : t();
   },
   maxVisibleToasts: 5
 };
-function ut(t = {}) {
-  const { maxVisibleToasts: e = 1, wrapUpdate: n } = t, i = ye(
+function ot(t = {}) {
+  const { maxVisibleToasts: e = 1, wrapUpdate: n } = t, u = _e(
     () => new ve({ maxVisibleToasts: e, wrapUpdate: n }),
     [e, n]
   );
-  return pe(i);
+  return pe(u);
 }
-const rt = new ve(xe), gt = (t) => {
+const rt = new ve(xe), Tt = (t) => {
   const e = pe(rt);
-  return e.visibleToasts.length > 0 ? Le(
+  return e.visibleToasts.length > 0 ? we(
     /* @__PURE__ */ p(
       ke,
       {
@@ -876,9 +864,9 @@ const rt = new ve(xe), gt = (t) => {
     ),
     document.body
   ) : null;
-}, Tt = ({ children: t, ...e }) => {
-  const n = ut(xe);
-  return /* @__PURE__ */ y(ge, { children: [
+}, Lt = ({ children: t, ...e }) => {
+  const n = ot(xe);
+  return /* @__PURE__ */ _(Te, { children: [
     typeof t == "function" ? t(n) : t,
     n.visibleToasts.length > 0 && /* @__PURE__ */ p(
       ke,
@@ -894,20 +882,20 @@ function ke({
   className: e,
   ...n
 }) {
-  const i = P.useRef(null), { regionProps: o } = ze(n, t, i);
+  const u = A.useRef(null), { regionProps: i } = Ue(n, t, u);
   return /* @__PURE__ */ p(
     "div",
     {
-      ...o,
-      ref: i,
-      className: B(x.toastRegion, e),
-      children: t.visibleToasts.map((u) => /* @__PURE__ */ p(
+      ...i,
+      ref: u,
+      className: I(x.toastRegion, e),
+      children: t.visibleToasts.map((o) => /* @__PURE__ */ p(
         at,
         {
-          toast: u,
+          toast: o,
           state: t
         },
-        u.key
+        o.key
       ))
     }
   );
@@ -917,27 +905,27 @@ function at({
   className: e,
   ...n
 }) {
-  const i = P.useRef(null), { toastProps: o, contentProps: u, titleProps: r, closeButtonProps: a } = He(
+  const u = A.useRef(null), { toastProps: i, contentProps: o, titleProps: r, closeButtonProps: a } = He(
     n,
     t
-  ), b = we[n.toast.content.type];
-  return /* @__PURE__ */ y(
+  ), b = ye[n.toast.content.type];
+  return /* @__PURE__ */ _(
     "div",
     {
-      ...o,
-      ref: i,
-      className: B(
+      ...i,
+      ref: u,
+      className: I(
         x.toast,
         x[n.toast.content.type],
         e
       ),
       style: { viewTransitionName: n.toast.key },
       children: [
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ _(
           "div",
           {
-            ...u,
-            className: B(x.toastContent, u.className),
+            ...o,
+            className: I(x.toastContent, o.className),
             children: [
               /* @__PURE__ */ p(
                 b,
@@ -947,7 +935,7 @@ function at({
                   "aria-hidden": !0
                 }
               ),
-              /* @__PURE__ */ y("div", { children: [
+              /* @__PURE__ */ _("div", { children: [
                 /* @__PURE__ */ p(
                   "p",
                   {
@@ -962,12 +950,12 @@ function at({
           }
         ),
         /* @__PURE__ */ p(
-          Te,
+          Le,
           {
             variant: "icon",
             ...a,
             children: /* @__PURE__ */ p(
-              Fe,
+              De,
               {
                 size: 20,
                 "aria-hidden": !0
@@ -980,10 +968,10 @@ function at({
   );
 }
 export {
-  gt as G,
-  Tt as T,
+  Tt as G,
+  Lt as T,
   ke as a,
   at as b,
   rt as t,
-  ut as u
+  ot as u
 };