@midas-ds/components 12.0.0 → 12.1.1

package/{Toast-BnzpC_5v.js → Toast-DZnQTLDr.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 L, Fragment as Te } from "react/jsx-runtime";
+import { B as we } from "./Button-CUMHt7MG.js";
+import A, { useState as g, useCallback as _, useEffect as T, useRef as v, useMemo as Le } from "react";
+import { createPortal as _e, 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 Me(), 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 Me {
   setupIfNeeded() {
     this.isListening || (document.addEventListener("keydown", this.f6Handler, {
       capture: !0
@@ -241,24 +241,24 @@ class Re {
     this.landmarks = [], this.isListening = !1, this.refCount = 0, this.version = S, this.f6Handler = this.f6Handler.bind(this), this.focusinHandler = this.focusinHandler.bind(this), this.focusoutHandler = this.focusoutHandler.bind(this);
   }
 }
-function Me(t, e) {
+function Oe(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(() => {
+  let r = Re(), a = i || o, [b, d] = g(!1), f = _(() => {
     d(!0);
   }, [
     d
-  ]), h = L(() => {
+  ]), $ = _(() => {
     d(!1);
   }, [
     d
   ]);
-  return j(() => {
+  return F(() => {
     if (r) return r.registerLandmark({
       ref: e,
       label: a,
       role: n,
       focus: u || f,
-      blur: h
+      blur: $
     });
   }, [
     r,
@@ -267,8 +267,8 @@ function Me(t, e) {
     n,
     u,
     f,
-    h
-  ]), g(() => {
+    $
+  ]), T(() => {
     var s;
     b && ((s = e.current) === null || s === void 0 || s.focus());
   }, [
@@ -283,48 +283,48 @@ function Me(t, e) {
     }
   };
 }
-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 M = {};
+M = {
   close: "Затвори",
   notifications: (t, e) => `${e.plural(t.count, {
     one: () => `${e.number(t.count)} известие`,
     other: () => `${e.number(t.count)} известия`
   })}.`
 };
-var M = {};
-M = {
+var O = {};
+O = {
   close: "Zavřít",
   notifications: (t, e) => `${e.plural(t.count, {
     one: () => `${e.number(t.count)} oznámení`,
     other: () => `${e.number(t.count)} oznámení`
   })}.`
 };
-var O = {};
-O = {
+var H = {};
+H = {
   close: "Luk",
   notifications: (t, e) => `${e.plural(t.count, {
     one: () => `${e.number(t.count)} besked`,
     other: () => `${e.number(t.count)} beskeder`
   })}.`
 };
-var H = {};
-H = {
+var V = {};
+V = {
   close: "Schließen",
   notifications: (t, e) => `${e.plural(t.count, {
     one: () => `${e.number(t.count)} Benachrichtigung`,
     other: () => `${e.number(t.count)} Benachrichtigungen`
   })}.`
 };
-var V = {};
-V = {
+var U = {};
+U = {
   close: "Κλείσιμο",
   notifications: (t, e) => `${e.plural(t.count, {
     one: () => `${e.number(t.count)} ειδοποίηση`,
@@ -339,8 +339,8 @@ z = {
     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`,
@@ -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,
-  "cs-CZ": M,
-  "da-DK": O,
-  "de-DE": H,
-  "el-GR": V,
+var C = {};
+C = {
+  "ar-AE": R,
+  "bg-BG": M,
+  "cs-CZ": O,
+  "da-DK": H,
+  "de-DE": V,
+  "el-GR": U,
   "en-US": z,
-  "es-ES": U,
+  "es-ES": j,
   "et-EE": W,
   "fi-FI": K,
   "fr-FR": Z,
@@ -594,15 +594,15 @@ 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) {
+function He(t) {
   return t && t.__esModule ? t.default : t;
 }
-function He(t, e, n) {
+function Ve(t, e, n) {
   let { key: i, timer: o, timeout: u } = t.toast;
-  g(() => {
+  T(() => {
     if (!(o == null || u == null))
       return o.reset(u), () => {
         o.pause();
@@ -611,12 +611,12 @@ function He(t, e, n) {
     o,
     u
   ]);
-  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(He(C), "@react-aria/toast"), [d, f] = g(!1);
+  return T(() => {
     f(!0);
   }, []), {
     toastProps: {
-      ...je(t, {
+      ...Fe(t, {
         labelable: !0
       }),
       role: "alertdialog",
@@ -642,27 +642,27 @@ function He(t, e, n) {
     }
   };
 }
-function Ve(t) {
+function Ue(t) {
   return t && t.__esModule ? t.default : t;
 }
 function ze(t, e, n) {
-  let i = F(Ve(I), "@react-aria/toast"), { landmarkProps: o } = Me({
+  let i = D(Ue(C), "@react-aria/toast"), { landmarkProps: o } = Oe({
     role: "region",
     "aria-label": t["aria-label"] || i.format("notifications", {
       count: e.visibleToasts.length
     })
-  }, n), u = v(!1), r = v(!1), a = Ce(() => {
+  }, n), u = v(!1), r = v(!1), a = Pe(() => {
     u.current || r.current ? e.pauseAll() : e.resumeAll();
-  }), { hoverProps: b } = Ae({
+  }), { hoverProps: b } = ge({
     onHoverStart: () => {
       u.current = !0, a();
     },
     onHoverEnd: () => {
       u.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)
+    })), w = l.findIndex((c) => c.i === $.current && c.isRemoved);
+    if (w > -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 <= w; )
+          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(o, b, Ee, {
       tabIndex: -1,
       // Mark the toast region as a "top layer", so that it:
       //   - is not aria-hidden when opening an overlay
@@ -731,19 +731,19 @@ 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 w = l.target.closest('[role="alertdialog"]');
+        $.current = d.current.findIndex((k) => k === w);
       },
       onBlur: () => {
-        h.current = -1;
+        $.current = -1;
       }
     })
   };
 }
 function pe(t) {
-  let e = L((o) => t.subscribe(o), [
+  let e = _((o) => t.subscribe(o), [
     t
-  ]), n = L(() => t.visibleToasts, [
+  ]), n = _(() => t.visibleToasts, [
     t
   ]);
   return {
@@ -768,7 +768,7 @@ class ve {
       ...n,
       content: e,
       key: i,
-      timer: n.timeout ? new Ue(() => this.close(i), n.timeout) : void 0
+      timer: n.timeout ? new je(() => this.close(i), n.timeout) : void 0
     };
     return this.queue.unshift(o), this.updateVisibleToasts("add"), i;
   }
@@ -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,52 +821,38 @@ 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",
-  toastRegion: Ke,
-  toast: Ze,
-  success: Ge,
-  info: Je,
-  important: Qe,
-  warning: Xe,
-  icon: qe,
-  toastContent: Ye,
-  toastMessage: et,
-  slideInTop: tt,
-  slideInEnd: nt,
-  slideOutTop: it,
-  slideOutEnd: ot
+const We = "_toastRegion_xhwdf_49", Ke = "_toast_xhwdf_49", Ze = "_success_xhwdf_92", Ge = "_info_xhwdf_100", Je = "_important_xhwdf_108", Qe = "_warning_xhwdf_116", Xe = "_icon_xhwdf_124", qe = "_toastContent_xhwdf_134", Ye = "_toastMessage_xhwdf_141", et = "_slideInTop_xhwdf_1", tt = "_slideInEnd_xhwdf_1", nt = "_slideOutTop_xhwdf_1", it = "_slideOutEnd_xhwdf_1", x = {
+  toastRegion: We,
+  toast: Ke,
+  success: Ze,
+  info: Ge,
+  important: Je,
+  warning: Qe,
+  icon: Xe,
+  toastContent: qe,
+  toastMessage: Ye,
+  slideInTop: et,
+  slideInEnd: tt,
+  slideOutTop: nt,
+  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, i = Le(
     () => new ve({ maxVisibleToasts: e, wrapUpdate: n }),
     [e, n]
   );
   return pe(i);
 }
-const rt = new ve(xe), gt = (t) => {
-  const e = pe(rt);
-  return e.visibleToasts.length > 0 ? Le(
+const ut = new ve(xe), Et = (t) => {
+  const e = pe(ut);
+  return e.visibleToasts.length > 0 ? _e(
     /* @__PURE__ */ p(
       ke,
       {
@@ -877,8 +863,8 @@ const rt = new ve(xe), gt = (t) => {
     document.body
   ) : null;
 }, Tt = ({ children: t, ...e }) => {
-  const n = ut(xe);
-  return /* @__PURE__ */ y(ge, { children: [
+  const n = ot(xe);
+  return /* @__PURE__ */ L(Te, { children: [
     typeof t == "function" ? t(n) : t,
     n.visibleToasts.length > 0 && /* @__PURE__ */ p(
       ke,
@@ -894,15 +880,15 @@ function ke({
   className: e,
   ...n
 }) {
-  const i = P.useRef(null), { regionProps: o } = ze(n, t, i);
+  const i = A.useRef(null), { regionProps: o } = ze(n, t, i);
   return /* @__PURE__ */ p(
     "div",
     {
       ...o,
       ref: i,
-      className: B(x.toastRegion, e),
+      className: I(x.toastRegion, e),
       children: t.visibleToasts.map((u) => /* @__PURE__ */ p(
-        at,
+        rt,
         {
           toast: u,
           state: t
@@ -912,32 +898,32 @@ function ke({
     }
   );
 }
-function at({
+function rt({
   state: t,
   className: e,
   ...n
 }) {
-  const i = P.useRef(null), { toastProps: o, contentProps: u, titleProps: r, closeButtonProps: a } = He(
+  const i = A.useRef(null), { toastProps: o, contentProps: u, titleProps: r, closeButtonProps: a } = Ve(
     n,
     t
-  ), b = we[n.toast.content.type];
-  return /* @__PURE__ */ y(
+  ), b = ye[n.toast.content.type];
+  return /* @__PURE__ */ L(
     "div",
     {
       ...o,
       ref: i,
-      className: B(
+      className: I(
         x.toast,
         x[n.toast.content.type],
         e
       ),
       style: { viewTransitionName: n.toast.key },
       children: [
-        /* @__PURE__ */ y(
+        /* @__PURE__ */ L(
           "div",
           {
             ...u,
-            className: B(x.toastContent, u.className),
+            className: I(x.toastContent, u.className),
             children: [
               /* @__PURE__ */ p(
                 b,
@@ -947,7 +933,7 @@ function at({
                   "aria-hidden": !0
                 }
               ),
-              /* @__PURE__ */ y("div", { children: [
+              /* @__PURE__ */ L("div", { children: [
                 /* @__PURE__ */ p(
                   "p",
                   {
@@ -962,12 +948,12 @@ function at({
           }
         ),
         /* @__PURE__ */ p(
-          Te,
+          we,
           {
             variant: "icon",
             ...a,
             children: /* @__PURE__ */ p(
-              Fe,
+              De,
               {
                 size: 20,
                 "aria-hidden": !0
@@ -980,10 +966,10 @@ function at({
   );
 }
 export {
-  gt as G,
+  Et as G,
   Tt as T,
   ke as a,
-  at as b,
-  rt as t,
-  ut as u
+  rt as b,
+  ut as t,
+  ot as u
 };