alex-evo-sh-ui-kit 1.1.78 → 1.1.80

package/dist/alex-evo-sh-ui-kit.es.js

@@ -1,4 +1,4 @@
-import ce, { useEffect as I, useState as k, useRef as U, useCallback as N, createContext as un, useContext as $e, useMemo as ge, forwardRef as Re, useLayoutEffect as cr, useId as tt, memo as dr, useImperativeHandle as ur } from "react";
+import ce, { useEffect as I, useState as k, useRef as U, useCallback as N, createContext as un, useContext as Re, useMemo as ge, forwardRef as Ee, useLayoutEffect as cr, useId as tt, memo as dr, useImperativeHandle as ur } from "react";
 import hr from "react-dom";
 import { NavLink as Sn } from "react-router-dom";
 import './index.css';var wn = { exports: {} }, Ye = {};
@@ -280,8 +280,8 @@ function xr() {
       } finally {
         D = !1, fe.current = ee, re(), Error.prepareStackTrace = J;
       }
-      var Ae = h ? h.displayName || h.name : "", Te = Ae ? we(Ae) : "";
-      return typeof h == "function" && W.set(h, Te), Te;
+      var Ae = h ? h.displayName || h.name : "", Oe = Ae ? we(Ae) : "";
+      return typeof h == "function" && W.set(h, Oe), Oe;
     }
     function Y(h, b, S) {
       return Ce(h, !1);
@@ -319,7 +319,7 @@ function xr() {
         }
       return "";
     }
-    var Fe = Object.prototype.hasOwnProperty, nn = {}, tn = C.ReactDebugCurrentFrame;
+    var Ve = Object.prototype.hasOwnProperty, nn = {}, tn = C.ReactDebugCurrentFrame;
     function le(h) {
       if (h) {
         var b = h._owner, S = De(h.type, h._source, b ? b.type : null);
@@ -329,7 +329,7 @@ function xr() {
     }
     function jn(h, b, S, V, J) {
       {
-        var ee = Function.call.bind(Fe);
+        var ee = Function.call.bind(Ve);
         for (var Z in h)
           if (ee(h, Z)) {
             var G = void 0;
@@ -347,7 +347,7 @@ function xr() {
       }
     }
     var pn = Array.isArray;
-    function Ve(h) {
+    function Te(h) {
       return pn(h);
     }
     function Wt(h) {
@@ -378,7 +378,7 @@ function xr() {
     }, On, Dn, Cn;
     Cn = {};
     function Zt(h) {
-      if (Fe.call(h, "ref")) {
+      if (Ve.call(h, "ref")) {
         var b = Object.getOwnPropertyDescriptor(h, "ref").get;
         if (b && b.isReactWarning)
           return !1;
@@ -386,7 +386,7 @@ function xr() {
       return h.ref !== void 0;
     }
     function Yt(h) {
-      if (Fe.call(h, "key")) {
+      if (Ve.call(h, "key")) {
         var b = Object.getOwnPropertyDescriptor(h, "key").get;
         if (b && b.isReactWarning)
           return !1;
@@ -455,7 +455,7 @@ function xr() {
         var ee, Z = {}, G = null, de = null;
         S !== void 0 && (Tn(S), G = "" + S), Yt(b) && (Tn(b.key), G = "" + b.key), Zt(b) && (de = b.ref, Ut(b, J));
         for (ee in b)
-          Fe.call(b, ee) && !Gt.hasOwnProperty(ee) && (Z[ee] = b[ee]);
+          Ve.call(b, ee) && !Gt.hasOwnProperty(ee) && (Z[ee] = b[ee]);
         if (h && h.defaultProps) {
           var se = h.defaultProps;
           for (ee in se)
@@ -534,7 +534,7 @@ Check the top-level render call using <` + S + ">.");
       {
         if (typeof h != "object")
           return;
-        if (Ve(h))
+        if (Te(h))
           for (var S = 0; S < h.length; S++) {
             var V = h[S];
             gn(V) && Bn(V, b);
@@ -596,7 +596,7 @@ Check the top-level render call using <` + S + ">.");
           var de = Qt(J);
           de ? G += de : G += An();
           var se;
-          h === null ? se = "null" : Ve(h) ? se = "array" : h !== void 0 && h.$$typeof === t ? (se = "<" + (y(h.type) || "Unknown") + " />", G = " Did you accidentally export a JSX literal instead of a component?") : se = typeof h, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", se, G);
+          h === null ? se = "null" : Te(h) ? se = "array" : h !== void 0 && h.$$typeof === t ? (se = "<" + (y(h.type) || "Unknown") + " />", G = " Did you accidentally export a JSX literal instead of a component?") : se = typeof h, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", se, G);
         }
         var ie = qt(h, b, S, J, ee);
         if (ie == null)
@@ -605,7 +605,7 @@ Check the top-level render call using <` + S + ">.");
           var xe = b.children;
           if (xe !== void 0)
             if (V)
-              if (Ve(xe)) {
+              if (Te(xe)) {
                 for (var Ae = 0; Ae < xe.length; Ae++)
                   Hn(xe[Ae], h);
                 Object.freeze && Object.freeze(xe);
@@ -614,18 +614,18 @@ Check the top-level render call using <` + S + ">.");
             else
               Hn(xe, h);
         }
-        if (Fe.call(b, "key")) {
-          var Te = y(h), he = Object.keys(b).filter(function(lr) {
+        if (Ve.call(b, "key")) {
+          var Oe = y(h), he = Object.keys(b).filter(function(lr) {
             return lr !== "key";
           }), bn = he.length > 0 ? "{key: someKey, " + he.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Wn[Te + bn]) {
+          if (!Wn[Oe + bn]) {
             var ar = he.length > 0 ? "{" + he.join(": ..., ") + ": ...}" : "{}";
             g(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, bn, Te, ar, Te), Wn[Te + bn] = !0;
+  <%s key={someKey} {...props} />`, bn, Oe, ar, Oe), Wn[Oe + bn] = !0;
           }
         }
         return h === s ? tr(ie) : nr(ie), ie;
@@ -778,7 +778,7 @@ const ot = {
   className: l = "",
   ...c
 }) => {
-  const a = $e(Ge), d = a ? a.screen : t, u = n === "heading" || n === "title" || n === "title-2", x = u ? "h3" : "span", f = {
+  const a = Re(Ge), d = a ? a.screen : t, u = n === "heading" || n === "title" || n === "title-2", x = u ? "h3" : "span", f = {
     fontSize: at(n, d),
     fontWeight: lt(n, r),
     lineHeight: ct(n, s, d),
@@ -2208,7 +2208,7 @@ const qe = ({
   forceModal: r = !1,
   ...s
 }) => {
-  const { screen: i } = $e(Ge);
+  const { screen: i } = Re(Ge);
   st(!0, document.body);
   const o = () => {
     var c;
@@ -2297,11 +2297,14 @@ const qe = ({
       ]
     }
   );
-}, Ur = ({ text: n, header: t, onClick: r, styleType: s, ...i }) => {
-  const [o, l] = k(!1);
+}, $e = ({ children: n, container: t = document.body }) => t ? hr.createPortal(
+  n,
+  t
+) : /* @__PURE__ */ e.jsx("p", { children: "container not found" }), Ur = ({ container: n, text: t, header: r, onClick: s, styleType: i, ...o }) => {
+  const [l, c] = k(null);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(We, { styleType: s ?? "filled", ...i, onClick: () => l(!0) }),
-    o && /* @__PURE__ */ e.jsx(Yr, { header: t, text: n, onHide: () => l(!1) })
+    /* @__PURE__ */ e.jsx(We, { styleType: i ?? "filled", ...o, onClick: c }),
+    l !== null && /* @__PURE__ */ e.jsx($e, { container: n, children: /* @__PURE__ */ e.jsx(Yr, { header: r, text: t, onSuccess: () => s == null ? void 0 : s(l), onHide: () => c(null) }) })
   ] });
 };
 const Yn = ({
@@ -2766,7 +2769,7 @@ const Xe = () => {
   className: _ = "",
   ...j
 }) => {
-  const p = U(null), C = U(null), [g, w] = k(c ?? s), [v, M] = k("200px"), { colors: R } = $e(En), { showPopup: A, popupState: z } = Kr({ valueDisplayDuration: x }), L = n ?? R.Primary_color ?? "#0000ff";
+  const p = U(null), C = U(null), [g, w] = k(c ?? s), [v, M] = k("200px"), { colors: R } = Re(En), { showPopup: A, popupState: z } = Kr({ valueDisplayDuration: x }), L = n ?? R.Primary_color ?? "#0000ff";
   I(() => {
     var O;
     if (a === "vertical" && ((O = C.current) != null && O.parentElement)) {
@@ -2876,7 +2879,7 @@ const Xe = () => {
   className: v,
   startColor: M
 }) => {
-  const R = U(null), A = U(!1), z = d * 2, L = d * 2, P = Math.min(z, L), B = z / 2, H = L / 2, y = P / 2 - a / 2, F = c === "point" ? !1 : _, $ = c === "point" ? !0 : j, { colors: O } = $e(En), q = x ?? O.Primary_color ?? "#0000ff", Q = f ?? O.Primary_color ?? "#0000ff", [ne, X] = k(r);
+  const R = U(null), A = U(!1), z = d * 2, L = d * 2, P = Math.min(z, L), B = z / 2, H = L / 2, y = P / 2 - a / 2, F = c === "point" ? !1 : _, $ = c === "point" ? !0 : j, { colors: O } = Re(En), q = x ?? O.Primary_color ?? "#0000ff", Q = f ?? O.Primary_color ?? "#0000ff", [ne, X] = k(r);
   I(() => {
     r !== void 0 && X(r);
   }, [r]);
@@ -2923,11 +2926,11 @@ const Xe = () => {
   }, we = N((W) => {
     if (!R.current)
       return;
-    const pe = te(), Ce = R.current.getBoundingClientRect(), Y = Ce.left + Ce.width / 2, _e = Ce.top + Ce.height / 2, De = W.clientX, Fe = W.clientY, nn = _e - Fe, tn = Y - De;
+    const pe = te(), Ce = R.current.getBoundingClientRect(), Y = Ce.left + Ce.width / 2, _e = Ce.top + Ce.height / 2, De = W.clientX, Ve = W.clientY, nn = _e - Ve, tn = Y - De;
     let le = Math.atan2(nn, tn) * (180 / Math.PI);
     pe === 270 && (le += 45), le < 0 && (le = 360 + le), le < 0 && (le = 0), le > pe && ne > (t - n) / 2 ? le = pe : le > pe && (le = 0);
-    const jn = pe, pn = t - n, Ve = Math.round(le * pn / jn + n);
-    X(Ve), Ve !== r && s && s(Ve);
+    const jn = pe, pn = t - n, Te = Math.round(le * pn / jn + n);
+    X(Te), Te !== r && s && s(Te);
   }, [te, s, t, n, B, H, ne]);
   I(() => {
     Me();
@@ -2982,7 +2985,7 @@ const Xe = () => {
     /* @__PURE__ */ e.jsx("div", { className: `range-circule-children ${v}`, style: D, children: w ?? (C && /* @__PURE__ */ e.jsx(bt, { className: "", text: Math.floor(ne).toString() })) })
   ] });
 };
-const ss = Re(
+const ss = Ee(
   ({
     icon: n,
     children: t,
@@ -3010,10 +3013,6 @@ const ss = Re(
   }
 );
 ss.displayName = "FAB";
-const Oe = ({ children: n, container: t = document.body }) => t ? hr.createPortal(
-  n,
-  t
-) : /* @__PURE__ */ e.jsx("p", { children: "container not found" });
 const je = ({ style: n, short: t, text: r }) => r ? /* @__PURE__ */ e.jsxs("div", { style: n, className: `divider-and-text ${t ? "short" : ""}`, children: [
   /* @__PURE__ */ e.jsx("div", { className: `divider ${t ? "short" : ""}` }),
   r,
@@ -3120,8 +3119,8 @@ const ds = (n) => {
     s !== 0 ? /* @__PURE__ */ e.jsx(je, {}) : null,
     /* @__PURE__ */ e.jsx(wt, { block: r, smallDisplay: !0, autoHide: n.autoHide, onHide: n.onHide })
   ] }, s)) }) });
-}, St = (n) => n.screensize === ae.MOBILE ? /* @__PURE__ */ e.jsx(Oe, { container: n.container, children: /* @__PURE__ */ e.jsx(ds, { ...n }) }) : /* @__PURE__ */ e.jsx(Oe, { container: n.container, children: /* @__PURE__ */ e.jsx(cs, { ...n }) }), Li = ce.forwardRef(({ screensize: n, autoHide: t, blocks: r, container: s, onClick: i, ...o }, l) => {
-  const [c, a] = k(!1), [d, u] = k(void 0), { screen: x } = $e(Ge), f = () => {
+}, St = (n) => n.screensize === ae.MOBILE ? /* @__PURE__ */ e.jsx($e, { container: n.container, children: /* @__PURE__ */ e.jsx(ds, { ...n }) }) : /* @__PURE__ */ e.jsx($e, { container: n.container, children: /* @__PURE__ */ e.jsx(cs, { ...n }) }), Li = ce.forwardRef(({ screensize: n, autoHide: t, blocks: r, container: s, onClick: i, ...o }, l) => {
+  const [c, a] = k(!1), [d, u] = k(void 0), { screen: x } = Re(Ge), f = () => {
     a(!1), u(void 0);
   }, m = (j) => {
     j.stopPropagation(), a(!0), u({ x: j.clientX, y: j.clientY }), i == null || i(j);
@@ -3227,7 +3226,7 @@ const Lt = ce.forwardRef(
   }
 );
 Lt.displayName = "Chips";
-const $t = Re(
+const $t = Ee(
   ({
     name: n,
     currentValue: t,
@@ -3267,7 +3266,7 @@ const $t = Re(
   }
 );
 $t.displayName = "RadioButton";
-const Rt = Re(
+const Rt = Ee(
   ({
     items: n,
     value: t,
@@ -3331,7 +3330,7 @@ const Rt = Re(
   }
 );
 Rt.displayName = "SegmentedButton";
-const Et = Re(
+const Et = Ee(
   ({
     size: n = "medium",
     variant: t = "primary",
@@ -3678,7 +3677,7 @@ const Ri = ({
   forceFullScreen: u,
   btns: x
 }) => {
-  const { screen: f } = $e(Ge);
+  const { screen: f } = Re(Ge);
   st(!0, document.body);
   const m = () => {
     o == null || o();
@@ -3734,7 +3733,7 @@ const Ri = ({
     }
   );
 };
-const fs = Re(
+const fs = Ee(
   ({
     className: n = "",
     action: t,
@@ -3754,7 +3753,7 @@ const fs = Re(
     elevation: j = 6,
     ...p
   }, C) => {
-    const { screen: g } = $e(Ge), w = u ?? g, v = `elevation-${Math.min(24, Math.max(0, j))}`, M = (z) => {
+    const { screen: g } = Re(Ge), w = u ?? g, v = `elevation-${Math.min(24, Math.max(0, j))}`, M = (z) => {
       R(z) && (d == null || d(z), A(z));
     }, R = (z) => {
       const L = z.target;
@@ -4137,7 +4136,7 @@ const Ai = ({
     /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-tab-content", children: n[d].content })
   ] });
 };
-const ps = Re(({
+const ps = Ee(({
   children: n,
   className: t = "",
   maxHeight: r,
@@ -4162,7 +4161,7 @@ const ps = Re(({
     i ? "list-container_transparent" : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e.jsx("ul", { ref: d, style: u, className: x, ...a, children: n });
-}), Cs = Re(({
+}), Cs = Ee(({
   icon: n,
   control: t,
   text: r,
@@ -4873,7 +4872,7 @@ const Fs = [
         }
       )
     ] }),
-    u && /* @__PURE__ */ e.jsx(Oe, { container: r, children: /* @__PURE__ */ e.jsx(
+    u && /* @__PURE__ */ e.jsx($e, { container: r, children: /* @__PURE__ */ e.jsx(
       Ts,
       {
         defaultColor: a,
@@ -5019,7 +5018,7 @@ const Os = 2050, Qn = 1900, Se = [
         }
       ) })
     ] }),
-    m ? /* @__PURE__ */ e.jsx(Oe, { container: l, children: /* @__PURE__ */ e.jsx(Is, { onChange: w, onHide: () => _(!1) }) }) : null,
+    m ? /* @__PURE__ */ e.jsx($e, { container: l, children: /* @__PURE__ */ e.jsx(Is, { onChange: w, onHide: () => _(!1) }) }) : null,
     j && c && /* @__PURE__ */ e.jsx(K, { type: "small", className: "input-field-container__error-text", children: c }),
     a && !j && /* @__PURE__ */ e.jsx(K, { type: "small", className: "input-field-container__helper-text", children: a })
   ] });
@@ -5667,7 +5666,7 @@ const Us = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
       }
     ),
     L,
-    C && /* @__PURE__ */ e.jsx(Oe, { container: c, children: /* @__PURE__ */ e.jsx(
+    C && /* @__PURE__ */ e.jsx($e, { container: c, children: /* @__PURE__ */ e.jsx(
       Ks,
       {
         onHide: () => g(!1),
@@ -5928,7 +5927,7 @@ const ni = ({
       /* @__PURE__ */ e.jsx("input", { placeholder: t, type: "text", ref: c, onChange: C, onKeyDown: g, value: a, onFocus: () => x(!0) }),
       u ? /* @__PURE__ */ e.jsx("span", { onClick: j, children: /* @__PURE__ */ e.jsx(ke, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: _, children: /* @__PURE__ */ e.jsx($n, {}) })
     ] }) }),
-    /* @__PURE__ */ e.jsx(Oe, { container: document.body, children: /* @__PURE__ */ e.jsx(ni, { point: f ?? void 0, onClose: () => m(null), isOpen: !!f, filters: s, selectedFilters: i, onChange: o }) })
+    /* @__PURE__ */ e.jsx($e, { container: document.body, children: /* @__PURE__ */ e.jsx(ni, { point: f ?? void 0, onClose: () => m(null), isOpen: !!f, filters: s, selectedFilters: i, onChange: o }) })
   ] });
 };
 const ti = ({ visible: n, text: t, option: r }) => {
@@ -6117,7 +6116,7 @@ const ri = ({ icons: n, value: t, onChange: r, disabled: s, placeholder: i, cont
         placeholder: i
       }
     ),
-    l && /* @__PURE__ */ e.jsx(Oe, { container: o, children: /* @__PURE__ */ e.jsx(
+    l && /* @__PURE__ */ e.jsx($e, { container: o, children: /* @__PURE__ */ e.jsx(
       us,
       {
         header: "Icons",
@@ -6223,8 +6222,8 @@ function li(n) {
 function ci(n) {
   return typeof n == "boolean";
 }
-const Ee = (n) => {
-  const { value: t, changeField: r, errors: s } = $e(Ht), i = N((a) => {
+const Fe = (n) => {
+  const { value: t, changeField: r, errors: s } = Re(Ht), i = N((a) => {
     r && r(n, a);
   }, [n]), o = N(() => {
     const a = t == null ? void 0 : t[n];
@@ -6242,16 +6241,16 @@ const Ee = (n) => {
     change: i
   };
 }, di = (n) => {
-  const { value: t, change: r, error: s } = Ee(n.name);
+  const { value: t, change: r, error: s } = Fe(n.name);
   return /* @__PURE__ */ e.jsx(zs, { ...n, onChange: r, value: String(t), errorText: s, error: !!s });
 }, ui = (n) => {
-  const { value: t, change: r, error: s } = Ee(n.name);
+  const { value: t, change: r, error: s } = Fe(n.name);
   return /* @__PURE__ */ e.jsx(Dt, { ...n, value: Number(t), onChange: r, errorText: s, error: !!s });
 }, hi = (n) => {
-  const { value: t, change: r, error: s } = Ee(n.name);
+  const { value: t, change: r, error: s } = Fe(n.name);
   return /* @__PURE__ */ e.jsx(Pt, { ...n, container: n.container ?? document.body, value: t, onChange: r, errorText: s, error: !!s });
 }, fi = ({ placeholder: n, ref: t, style: r, readOnly: s, className: i, name: o }) => {
-  const { value: l, change: c } = Ee(o), a = (d) => {
+  const { value: l, change: c } = Fe(o), a = (d) => {
     c && c(d.target.checked);
   };
   return /* @__PURE__ */ e.jsx("div", { className: `input-field form-switch ${i}`, style: r, children: /* @__PURE__ */ e.jsx(
@@ -6266,7 +6265,7 @@ const Ee = (n) => {
     }
   ) });
 }, xi = ({ placeholder: n, ref: t, style: r, readOnly: s, className: i, name: o }) => {
-  const { value: l, change: c } = Ee(o), a = (u) => {
+  const { value: l, change: c } = Fe(o), a = (u) => {
     if (u.length > 0)
       return c && c(!0);
     c && c(!1);
@@ -6285,7 +6284,7 @@ const Ee = (n) => {
     }
   );
 }, mi = (n) => {
-  const { error: t, value: r, change: s, clearHandler: i } = Ee(n.name);
+  const { error: t, value: r, change: s, clearHandler: i } = Fe(n.name);
   return /* @__PURE__ */ e.jsx(
     en,
     {
@@ -6299,10 +6298,10 @@ const Ee = (n) => {
   );
 };
 const ji = (n) => {
-  const { error: t, value: r, change: s, clearHandler: i } = Ee(n.name);
+  const { error: t, value: r, change: s, clearHandler: i } = Fe(n.name);
   return /* @__PURE__ */ e.jsx(It, { ...n, onChange: s, onClear: n.clear ? i : void 0, value: String(r), error: !!t, errorText: t });
 }, pi = (n) => {
-  const { error: t, value: r, change: s } = Ee(n.name);
+  const { error: t, value: r, change: s } = Fe(n.name);
   return /* @__PURE__ */ e.jsx(
     As,
     {
@@ -6313,25 +6312,25 @@ const ji = (n) => {
       errorText: t
     }
   );
-}, Ci = Re(
-  function({ children: t, value: r, name: s, errors: i, onFinish: o }, l) {
-    const [c, a] = k(r ?? {}), d = N((x) => {
-      x.preventDefault(), o == null || o(c);
-    }, [o, c]), u = N((x, f) => {
-      a((m) => ({
-        ...m,
-        [x]: f
+}, Ci = Ee(
+  function({ children: t, value: r, name: s, errors: i, onFinish: o, ...l }, c) {
+    const [a, d] = k(r ?? {}), u = N((f) => {
+      f.preventDefault(), o == null || o(a);
+    }, [o, a]), x = N((f, m) => {
+      d((_) => ({
+        ..._,
+        [f]: m
       }));
     }, []);
-    return ur(l, () => ({
-      submit: () => o == null ? void 0 : o(c),
-      setFieldValue: (x, f) => {
-        a((m) => ({ ...m, [x]: f }));
+    return ur(c, () => ({
+      submit: () => o == null ? void 0 : o(a),
+      setFieldValue: (f, m) => {
+        d((_) => ({ ..._, [f]: m }));
       },
-      setValues: (x) => a(x),
-      getValues: () => c,
-      reset: () => a(r ?? {})
-    }), [o, c, r]), /* @__PURE__ */ e.jsx(Ht.Provider, { value: { value: c, changeField: u, errors: i }, children: /* @__PURE__ */ e.jsx("form", { name: s, onSubmit: d, noValidate: !0, children: t }) });
+      setValues: (f) => d(f),
+      getValues: () => a,
+      reset: () => d(r ?? {})
+    }), [o, a, r]), /* @__PURE__ */ e.jsx(Ht.Provider, { value: { value: a, changeField: x, errors: i }, children: /* @__PURE__ */ e.jsx("form", { name: s, onSubmit: u, noValidate: !0, ...l, children: t }) });
   }
 ), n1 = Object.assign(Ci, {
   TextInput: mi,
@@ -6415,7 +6414,7 @@ export {
   Ct as Minus,
   Mr as MinusUserIcon,
   xn as ModalDialogTemplate,
-  Oe as ModalPortal,
+  $e as ModalPortal,
   hn as ModalTemplate,
   cn as MoreHorizontal,
   zs as MoreText,