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

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 = {};
@@ -17,17 +17,17 @@ function fr() {
     return Ye;
   Gn = 1;
   var n = ce, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, i = n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function l(c, a, d) {
+  function c(l, a, d) {
     var u, x = {}, f = null, m = null;
     d !== void 0 && (f = "" + d), a.key !== void 0 && (f = "" + a.key), a.ref !== void 0 && (m = a.ref);
     for (u in a)
       s.call(a, u) && !o.hasOwnProperty(u) && (x[u] = a[u]);
-    if (c && c.defaultProps)
-      for (u in a = c.defaultProps, a)
+    if (l && l.defaultProps)
+      for (u in a = l.defaultProps, a)
         x[u] === void 0 && (x[u] = a[u]);
-    return { $$typeof: t, type: c, key: f, ref: m, props: x, _owner: i.current };
+    return { $$typeof: t, type: l, key: f, ref: m, props: x, _owner: i.current };
   }
-  return Ye.Fragment = r, Ye.jsx = l, Ye.jsxs = l, Ye;
+  return Ye.Fragment = r, Ye.jsx = c, Ye.jsxs = c, Ye;
 }
 var Ue = {};
 /**
@@ -42,7 +42,7 @@ var Ue = {};
 var Zn;
 function xr() {
   return Zn || (Zn = 1, process.env.NODE_ENV !== "production" && function() {
-    var n = ce, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), _ = Symbol.iterator, j = "@@iterator";
+    var n = ce, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), l = Symbol.for("react.context"), a = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), _ = Symbol.iterator, j = "@@iterator";
     function p(h) {
       if (h === null || typeof h != "object")
         return null;
@@ -70,7 +70,7 @@ function xr() {
     var v = !1, M = !1, R = !1, A = !1, z = !1, L;
     L = Symbol.for("react.module.reference");
     function P(h) {
-      return !!(typeof h == "string" || typeof h == "function" || h === s || h === o || z || h === i || h === d || h === u || A || h === m || v || M || R || typeof h == "object" && h !== null && (h.$$typeof === f || h.$$typeof === x || h.$$typeof === l || h.$$typeof === c || h.$$typeof === a || // This needs to include all possible module reference object
+      return !!(typeof h == "string" || typeof h == "function" || h === s || h === o || z || h === i || h === d || h === u || A || h === m || v || M || R || typeof h == "object" && h !== null && (h.$$typeof === f || h.$$typeof === x || h.$$typeof === c || h.$$typeof === l || h.$$typeof === a || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -109,10 +109,10 @@ function xr() {
       }
       if (typeof h == "object")
         switch (h.$$typeof) {
-          case c:
+          case l:
             var b = h;
             return H(b) + ".Consumer";
-          case l:
+          case c:
             var S = h;
             return H(S._context) + ".Provider";
           case a:
@@ -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;
@@ -672,8 +672,8 @@ const rt = (n) => /* @__PURE__ */ e.jsx(
     t.onClick && t.onClick(i);
     let o = document.createElement("span");
     o.classList.add("btn-overlay");
-    let l = i.pageX - i.currentTarget.offsetLeft, c = i.pageY - i.currentTarget.offsetTop;
-    o.style.left = l + "px", o.style.top = c + "px", i.currentTarget.appendChild(o), setTimeout(() => {
+    let c = i.pageX - i.currentTarget.offsetLeft, l = i.pageY - i.currentTarget.offsetTop;
+    o.style.left = c + "px", o.style.top = l + "px", i.currentTarget.appendChild(o), setTimeout(() => {
       o.remove();
     }, 500);
   }, s = {
@@ -716,7 +716,7 @@ const hn = ({ children: n, onHide: t, disableBackplate: r }) => {
     }
   );
 }, it = ({ bottom: n = 0, ...t }) => {
-  const [r, s] = k(!1), [i, o] = k(!0), l = U(null), c = N(() => {
+  const [r, s] = k(!1), [i, o] = k(!0), c = U(null), l = N(() => {
     s(!0), setTimeout(() => {
       t.onHide(), s(!1), o(!0);
     }, 200);
@@ -724,12 +724,12 @@ const hn = ({ children: n, onHide: t, disableBackplate: r }) => {
   I(() => {
     t.visible && o(!1);
   }, [t.visible]), I(() => {
-    !t.visible && !i && c();
-  }, [t.visible, c, i]);
+    !t.visible && !i && l();
+  }, [t.visible, l, i]);
   const a = N((f) => {
-    window.innerHeight - f.changedTouches[0].clientY <= 150 && c(), l.current && (l.current.style.height = `${window.innerHeight - f.changedTouches[0].clientY + 20 - n}px`);
-  }, [c]), d = (f) => {
-    window.innerHeight - f.clientY + 20 <= 150 && c(), l.current && (l.current.style.height = `${window.innerHeight - f.clientY + 20 - n}px`);
+    window.innerHeight - f.changedTouches[0].clientY <= 150 && l(), c.current && (c.current.style.height = `${window.innerHeight - f.changedTouches[0].clientY + 20 - n}px`);
+  }, [l]), d = (f) => {
+    window.innerHeight - f.clientY + 20 <= 150 && l(), c.current && (c.current.style.height = `${window.innerHeight - f.clientY + 20 - n}px`);
   }, u = () => {
     document.body.removeEventListener("mousemove", d), document.body.removeEventListener("mouseup", u);
   }, x = () => {
@@ -737,7 +737,7 @@ const hn = ({ children: n, onHide: t, disableBackplate: r }) => {
   };
   return I(() => () => {
     document.body.removeEventListener("mousemove", d), document.body.removeEventListener("mouseup", u);
-  }), i && !r || !t.children ? null : /* @__PURE__ */ e.jsx(hn, { onHide: c, children: /* @__PURE__ */ e.jsxs("div", { ref: l, style: { paddingBottom: n }, className: `bottom-sheets ${r ? "bottom-sheets_hide" : "bottom-sheets_show"}`, children: [
+  }), i && !r || !t.children ? null : /* @__PURE__ */ e.jsx(hn, { onHide: l, children: /* @__PURE__ */ e.jsxs("div", { ref: c, style: { paddingBottom: n }, className: `bottom-sheets ${r ? "bottom-sheets_hide" : "bottom-sheets_show"}`, children: [
     /* @__PURE__ */ e.jsx("div", { role: "presentation", "data-testid": "bottom-sheet-handle", className: "bottom-sheets__handle", onMouseDown: x, onTouchMove: a, children: /* @__PURE__ */ e.jsx("span", {}) }),
     /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets__content", children: t.children })
   ] }) });
@@ -775,10 +775,10 @@ const ot = {
   density: s = "normal",
   children: i,
   style: o,
-  className: l = "",
-  ...c
+  className: c = "",
+  ...l
 }) => {
-  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),
@@ -787,9 +787,9 @@ const ot = {
   return /* @__PURE__ */ e.jsx(
     x,
     {
-      ...c,
+      ...l,
       style: f,
-      className: `${m} ${l}`,
+      className: `${m} ${c}`,
       children: i
     }
   );
@@ -802,17 +802,17 @@ const ye = ce.forwardRef(
     transparent: s = !1,
     size: i = "medium",
     onClick: o,
-    onContextMenu: l,
-    disabled: c = !1,
+    onContextMenu: c,
+    disabled: l = !1,
     style: a,
     rippleDisabled: d = !1,
     ...u
   }, x) => {
     const f = N(
       (_) => {
-        c || (o == null || o(_), !d && m(_));
+        l || (o == null || o(_), !d && m(_));
       },
-      [o, c]
+      [o, l]
     ), m = (_) => {
       const j = _.currentTarget, p = document.createElement("span"), C = Math.max(j.clientWidth, j.clientHeight), g = C / 2;
       p.style.width = p.style.height = `${C}px`, p.style.left = `${_.clientX - j.getBoundingClientRect().left - g}px`, p.style.top = `${_.clientY - j.getBoundingClientRect().top - g}px`, p.classList.add("iconbutton-ripple");
@@ -829,9 +829,9 @@ const ye = ce.forwardRef(
         },
         className: `iconbutton iconbutton--${i} ${t}`,
         onClick: f,
-        onContextMenu: l,
-        disabled: c,
-        "aria-disabled": c,
+        onContextMenu: c,
+        disabled: l,
+        "aria-disabled": l,
         ...u,
         children: /* @__PURE__ */ e.jsx("div", { className: `iconbutton-container ${r}`, children: n })
       }
@@ -839,7 +839,7 @@ const ye = ce.forwardRef(
   }
 );
 ye.displayName = "IconButton";
-const E = ce.forwardRef(({ className: n, onClick: t, children: r, dpi: s = "24", size: i, primaryColor: o, secondaryColor: l, tertiaryColor: c, baseColor: a, ...d }, u) => /* @__PURE__ */ e.jsx(
+const E = ce.forwardRef(({ className: n, onClick: t, children: r, dpi: s = "24", size: i, primaryColor: o, secondaryColor: c, tertiaryColor: l, baseColor: a, ...d }, u) => /* @__PURE__ */ e.jsx(
   "svg",
   {
     role: d.role,
@@ -2154,8 +2154,8 @@ const dt = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
   action: s,
   onHide: i,
   style: o,
-  clearStyle: l = !1,
-  disableBackplate: c,
+  clearStyle: c = !1,
+  disableBackplate: l,
   marginBottom: a,
   maxWidth: d = "560px",
   showCloseButton: u = !1,
@@ -2172,12 +2172,12 @@ const dt = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
     hn,
     {
       onHide: f,
-      disableBackplate: c,
+      disableBackplate: l,
       children: /* @__PURE__ */ e.jsxs(
         "div",
         {
           style: m,
-          className: `${l ? "" : "dialog-template__container dialog-template_base dialog-template_color_surface-container"} dialog-template ${n}`,
+          className: `${c ? "" : "dialog-template__container dialog-template_base dialog-template_color_surface-container"} dialog-template ${n}`,
           role: "dialog",
           "aria-modal": "true",
           "aria-label": x || r,
@@ -2208,11 +2208,11 @@ const qe = ({
   forceModal: r = !1,
   ...s
 }) => {
-  const { screen: i } = $e(Ge);
+  const { screen: i } = Re(Ge);
   st(!0, document.body);
   const o = () => {
-    var c;
-    (c = s.onHide) == null || c.call(s);
+    var l;
+    (l = s.onHide) == null || l.call(s);
   };
   return t || !r && i === ae.MOBILE ? /* @__PURE__ */ e.jsx(
     it,
@@ -2262,18 +2262,18 @@ const qe = ({
   actionText: s,
   cancelText: i = "Отмена",
   onSuccess: o,
-  onCancel: l,
-  onHide: c,
+  onCancel: c,
+  onHide: l,
   children: a,
   disableDefaultButtons: d = !1,
   customActions: u,
   btns: x
 }) => {
   const f = N(() => {
-    o == null || o(), c == null || c();
-  }, [o, c]), m = N(() => {
-    l == null || l(), c == null || c();
-  }, [l, c]), _ = N(() => u || (d ? null : x ? /* @__PURE__ */ e.jsx(dn, { onHide: m, onSuccess: f, btns: x }) : /* @__PURE__ */ e.jsx(dn, { onHide: m, onSuccess: f, btns: [
+    o == null || o(), l == null || l();
+  }, [o, l]), m = N(() => {
+    c == null || c(), l == null || l();
+  }, [c, l]), _ = N(() => u || (d ? null : x ? /* @__PURE__ */ e.jsx(dn, { onHide: m, onSuccess: f, btns: x }) : /* @__PURE__ */ e.jsx(dn, { onHide: m, onSuccess: f, btns: [
     {
       text: i,
       hide: !0,
@@ -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 [c, l] = 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: l }),
+    c !== null && /* @__PURE__ */ e.jsx($e, { container: n, children: /* @__PURE__ */ e.jsx(Yr, { header: r, text: t, onSuccess: () => s == null ? void 0 : s(c), onHide: () => l(null) }) })
   ] });
 };
 const Yn = ({
@@ -2311,9 +2314,9 @@ const Yn = ({
   className: s = "",
   onClick: i,
   disabled: o,
-  ...l
+  ...c
 }) => {
-  const [c, a] = k(!1), d = N(async (f) => {
+  const [l, a] = k(!1), d = N(async (f) => {
     if (!o) {
       try {
         await navigator.clipboard.writeText(n), a(!0), setTimeout(() => a(!1), r);
@@ -2322,7 +2325,7 @@ const Yn = ({
       }
       i == null || i(f);
     }
-  }, [n, o, r, i]), u = c ? /* @__PURE__ */ e.jsx(Le, { "aria-hidden": "true" }) : /* @__PURE__ */ e.jsx(_t, { "aria-hidden": "true" }), x = c ? "Скопировано!" : "Копировать";
+  }, [n, o, r, i]), u = l ? /* @__PURE__ */ e.jsx(Le, { "aria-hidden": "true" }) : /* @__PURE__ */ e.jsx(_t, { "aria-hidden": "true" }), x = l ? "Скопировано!" : "Копировать";
   return t ? /* @__PURE__ */ e.jsxs("div", { className: "copy-button", children: [
     /* @__PURE__ */ e.jsx(
       ye,
@@ -2332,7 +2335,7 @@ const Yn = ({
         disabled: o,
         "aria-label": `${x} ${n}`,
         className: s,
-        ...l
+        ...c
       }
     ),
     /* @__PURE__ */ e.jsx(K, { type: "body", "aria-live": "polite", children: x })
@@ -2344,7 +2347,7 @@ const Yn = ({
       disabled: o,
       "aria-label": `${x} ${n}`,
       className: s,
-      ...l
+      ...c
     }
   );
 };
@@ -2363,7 +2366,7 @@ const Kr = ({ valueDisplayDuration: n = 2e3 }) => {
         /* CLOSE */
       );
     }, 500);
-  }, l = () => {
+  }, c = () => {
     r(
       0
       /* OPEN */
@@ -2374,7 +2377,7 @@ const Kr = ({ valueDisplayDuration: n = 2e3 }) => {
   return I(() => () => {
     s.current && window.clearTimeout(s.current), i.current && window.clearTimeout(i.current);
   }, []), {
-    showPopup: l,
+    showPopup: c,
     popupState: t,
     hidePopup: o
   };
@@ -2403,8 +2406,8 @@ function Ni(n, t, r) {
   return s != 0 && (s == 1 ? t = 0 : s < 0.5 ? t = t * r / (s * 2) : t = t * r / (2 - s * 2)), { h: n, s: t, l: s };
 }
 function Ke(n, t, r) {
-  var s, i, o, l, c, a, d, u;
-  switch (arguments.length === 1 && (t = n.s, r = n.v, n = n.h), l = Math.floor(n * 6), c = n * 6 - l, a = r * (1 - t), d = r * (1 - c * t), u = r * (1 - (1 - c) * t), l % 6) {
+  var s, i, o, c, l, a, d, u;
+  switch (arguments.length === 1 && (t = n.s, r = n.v, n = n.h), c = Math.floor(n * 6), l = n * 6 - c, a = r * (1 - t), d = r * (1 - l * t), u = r * (1 - (1 - l) * t), c % 6) {
     case 0:
       s = r, i = u, o = a;
       break;
@@ -2439,31 +2442,31 @@ function He(n, t = !1) {
 }
 function an(n, t, r) {
   arguments.length === 1 && (t = n.g, r = n.b, n = n.r);
-  var s = Math.max(n, t, r), i = Math.min(n, t, r), o = s - i, l, c = s === 0 ? 0 : o / s, a = s / 255;
+  var s = Math.max(n, t, r), i = Math.min(n, t, r), o = s - i, c, l = s === 0 ? 0 : o / s, a = s / 255;
   switch (s) {
     case i:
-      l = 0;
+      c = 0;
       break;
     case n:
-      l = t - r + o * (t < r ? 6 : 0), l /= 6 * o;
+      c = t - r + o * (t < r ? 6 : 0), c /= 6 * o;
       break;
     case t:
-      l = r - n + o * 2, l /= 6 * o;
+      c = r - n + o * 2, c /= 6 * o;
       break;
     case r:
-      l = n - t + o * 4, l /= 6 * o;
+      c = n - t + o * 4, c /= 6 * o;
       break;
   }
   return {
-    h: l,
-    s: c,
+    h: c,
+    s: l,
     v: a
   };
 }
 function ze(n) {
   var t = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
-  n = n.replace(t, function(s, i, o, l) {
-    return i + i + o + o + l + l;
+  n = n.replace(t, function(s, i, o, c) {
+    return i + i + o + o + c + c;
   });
   var r = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);
   return r ? {
@@ -2483,25 +2486,25 @@ function yt(n, t, r) {
     return r ?? "#e0e0e0";
   if (n === 1)
     return t;
-  const s = r ? ze(r) : null, i = (s == null ? void 0 : s.r) ?? 224, o = (s == null ? void 0 : s.g) ?? 224, l = (s == null ? void 0 : s.b) ?? 224, c = parseInt(t.substring(1, 3), 16), a = parseInt(t.substring(3, 5), 16), d = parseInt(t.substring(5, 7), 16), u = Math.round(i + n * (c - i)), x = Math.round(o + n * (a - o)), f = Math.round(l + n * (d - l));
+  const s = r ? ze(r) : null, i = (s == null ? void 0 : s.r) ?? 224, o = (s == null ? void 0 : s.g) ?? 224, c = (s == null ? void 0 : s.b) ?? 224, l = parseInt(t.substring(1, 3), 16), a = parseInt(t.substring(3, 5), 16), d = parseInt(t.substring(5, 7), 16), u = Math.round(i + n * (l - i)), x = Math.round(o + n * (a - o)), f = Math.round(c + n * (d - c));
   return `rgb(${u}, ${x}, ${f})`;
 }
 const ve = (n, t, r = "", s) => {
-  let i, o, l, c, a, d, u, x = Math.round, f = typeof r == "string";
-  if (typeof n != "number" || n < -1 || n > 1 || typeof t != "string" || t[0] != "r" && t[0] != "#" || r && !f || (u = t.length > 9, u = f ? typeof r == "string" && r.length > 9 ? !0 : r == "c" ? !u : !1 : u, a = ve.pSBCr(t), c = n < 0, d = r && typeof r == "string" && r != "c" ? ve.pSBCr(r) : c ? { r: 0, g: 0, b: 0, a: -1 } : { r: 255, g: 255, b: 255, a: -1 }, n = c ? n * -1 : n, c = 1 - n, !a || !d))
+  let i, o, c, l, a, d, u, x = Math.round, f = typeof r == "string";
+  if (typeof n != "number" || n < -1 || n > 1 || typeof t != "string" || t[0] != "r" && t[0] != "#" || r && !f || (u = t.length > 9, u = f ? typeof r == "string" && r.length > 9 ? !0 : r == "c" ? !u : !1 : u, a = ve.pSBCr(t), l = n < 0, d = r && typeof r == "string" && r != "c" ? ve.pSBCr(r) : l ? { r: 0, g: 0, b: 0, a: -1 } : { r: 255, g: 255, b: 255, a: -1 }, n = l ? n * -1 : n, l = 1 - n, !a || !d))
     return null;
-  s ? (i = x(c * (a.r ?? 0) + n * (d.r ?? 0)), o = x(c * (a.g ?? 0) + n * (d.g ?? 0)), l = x(c * (a.b ?? 0) + n * (d.b ?? 0))) : (i = x((c * (a.r ?? 0) ** 2 + n * (d.r ?? 0) ** 2) ** 0.5), o = x((c * (a.g ?? 0) ** 2 + n * (d.g ?? 0) ** 2) ** 0.5), l = x((c * (a.b ?? 0) ** 2 + n * (d.b ?? 0) ** 2) ** 0.5));
+  s ? (i = x(l * (a.r ?? 0) + n * (d.r ?? 0)), o = x(l * (a.g ?? 0) + n * (d.g ?? 0)), c = x(l * (a.b ?? 0) + n * (d.b ?? 0))) : (i = x((l * (a.r ?? 0) ** 2 + n * (d.r ?? 0) ** 2) ** 0.5), o = x((l * (a.g ?? 0) ** 2 + n * (d.g ?? 0) ** 2) ** 0.5), c = x((l * (a.b ?? 0) ** 2 + n * (d.b ?? 0) ** 2) ** 0.5));
   let m = a.a ?? 1;
-  return d = d.a ?? 1, a = m >= 0 || d >= 0, m = m >= 0 || d >= 0 ? m < 0 ? d : d < 0 ? m : m * c + d * n : 0, u ? "rgb" + (a ? "a(" : "(") + i + "," + o + "," + l + (a ? "," + x(m * 1e3) / 1e3 : "") + ")" : "#" + (4294967296 + i * 16777216 + o * 65536 + l * 256 + (a ? x(m * 255) : 0)).toString(16).slice(1, a ? void 0 : -2);
+  return d = d.a ?? 1, a = m >= 0 || d >= 0, m = m >= 0 || d >= 0 ? m < 0 ? d : d < 0 ? m : m * l + d * n : 0, u ? "rgb" + (a ? "a(" : "(") + i + "," + o + "," + c + (a ? "," + x(m * 1e3) / 1e3 : "") + ")" : "#" + (4294967296 + i * 16777216 + o * 65536 + c * 256 + (a ? x(m * 255) : 0)).toString(16).slice(1, a ? void 0 : -2);
 };
 ve.pSBCr = (n) => {
   const t = parseInt;
   let r = n.length, s = {};
   if (r > 9) {
-    const i = n.split(","), [o, l, c, a] = i;
+    const i = n.split(","), [o, c, l, a] = i;
     if (r = i.length, r < 3 || r > 4)
       return null;
-    s.r = t(o[3] == "a" ? o.slice(5) : o.slice(4)), s.g = t(l), s.b = t(c), s.a = a ? parseFloat(a) : -1;
+    s.r = t(o[3] == "a" ? o.slice(5) : o.slice(4)), s.g = t(c), s.b = t(l), s.a = a ? parseFloat(a) : -1;
   } else {
     if (r == 8 || r == 6 || r < 4)
       return null;
@@ -2603,7 +2606,7 @@ const kt = {
     };
   },
   Surface_container_color: (n, t) => {
-    const r = ve(t ? -0.2 : 0.2, n) ?? n, s = ve(t ? -0.4 : 0.4, n) ?? n, i = ve(t ? 0.2 : -0.2, n) ?? n, o = ve(t ? 0.4 : -0.4, n) ?? n, l = ve(t ? -0.5 : 0.5, n) ?? n;
+    const r = ve(t ? -0.2 : 0.2, n) ?? n, s = ve(t ? -0.4 : 0.4, n) ?? n, i = ve(t ? 0.2 : -0.2, n) ?? n, o = ve(t ? 0.4 : -0.4, n) ?? n, c = ve(t ? -0.5 : 0.5, n) ?? n;
     return {
       Surface_container_color: n,
       On_surface_color: me(n),
@@ -2611,7 +2614,7 @@ const kt = {
       Surface_container_lowest_color: s,
       Surface_container_high_color: i,
       Surface_container_highest_color: o,
-      Surface_container_hover_color: l,
+      Surface_container_hover_color: c,
       On_surface_variant_color: ve(t ? -0.6 : 0.4, me(n)) ?? me(n)
     };
   },
@@ -2621,7 +2624,7 @@ const kt = {
   })
 };
 function Qr(n, t = !1) {
-  const [r, s] = k({ ...kt, ...n }), [i, o] = k(t), l = N(
+  const [r, s] = k({ ...kt, ...n }), [i, o] = k(t), c = N(
     (a, d) => {
       const u = qr[a];
       if (!u)
@@ -2635,7 +2638,7 @@ function Qr(n, t = !1) {
   );
   return {
     colors: r,
-    setColor: l,
+    setColor: c,
     setReverse: (a) => o(a)
   };
 }
@@ -2682,14 +2685,14 @@ const es = {
 function ts(n = "light") {
   const [t, r] = k(
     yn
-  ), [s, i] = k(n), { colors: o, setColor: l, setReverse: c } = Qr(t[s].colors, t[s].reverse), a = N(
+  ), [s, i] = k(n), { colors: o, setColor: c, setReverse: l } = Qr(t[s].colors, t[s].reverse), a = N(
     (m) => {
       const _ = t[m].colors;
       _ && (Object.entries(_).forEach(([j, p]) => {
-        l(j, p);
-      }), c(t[m].reverse ?? !1), i(m));
+        c(j, p);
+      }), l(t[m].reverse ?? !1), i(m));
     },
-    [t, l]
+    [t, c]
   );
   I(() => {
     a(s);
@@ -2755,8 +2758,8 @@ const Xe = () => {
   min: s = 0,
   max: i = 100,
   step: o = 1,
-  strokeWidth: l = "40px",
-  value: c,
+  strokeWidth: c = "40px",
+  value: l,
   orientation: a = "horizontal",
   styleTrack: d = "base",
   showValue: u = !0,
@@ -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(l ?? 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)) {
@@ -2780,8 +2783,8 @@ const Xe = () => {
       return C.current.parentElement && Q.observe(C.current.parentElement), () => Q.disconnect();
     }
   }, [a]), I(() => {
-    c !== void 0 && (w(c), P());
-  }, [c]);
+    l !== void 0 && (w(l), P());
+  }, [l]);
   const P = N(() => {
     u && A();
   }, [A]), B = (O) => {
@@ -2795,22 +2798,22 @@ const Xe = () => {
     [a === "vertical" ? "height" : "width"]: `${H}%`,
     background: d === "point" ? "transperent" : d === "static-color" ? L : yt(H / 100, L, m)
   }), [H, L, j.style, a, d]), F = ge(() => a === "vertical" ? {
-    "--range-width": l,
-    "--point-width": d === "point" ? l : "6px",
+    "--range-width": c,
+    "--point-width": d === "point" ? c : "6px",
     "--point-opacity": d === "point" ? "1" : "0",
     "--truck-color": L,
     width: Un,
     height: v,
     ...j.style
   } : {
-    "--range-width": l,
-    "--point-width": d === "point" ? l : "6px",
+    "--range-width": c,
+    "--point-width": d === "point" ? c : "6px",
     "--point-opacity": d === "point" ? "1" : "0",
     "--truck-color": L,
     width: "100%",
     height: Un,
     ...j.style
-  }, [a, v, j.style, l, d, L]), $ = ge(() => a === "vertical" ? {
+  }, [a, v, j.style, c, d, L]), $ = ge(() => a === "vertical" ? {
     width: v
   } : {
     width: "100%"
@@ -2859,8 +2862,8 @@ const Xe = () => {
   onChange: s,
   onFocus: i,
   onBlur: o,
-  styleRange: l = "circle",
-  styleTrack: c = "base",
+  styleRange: c = "circle",
+  styleTrack: l = "base",
   strokeWidth: a = 20,
   radius: d = 100,
   colorBg: u = "var(--Surface-container-color)",
@@ -2876,12 +2879,12 @@ 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 = l === "point" ? !1 : _, $ = l === "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]);
   const te = N(() => {
-    switch (l) {
+    switch (c) {
       case "semicircle":
         return 180;
       case "brokenCircle":
@@ -2889,7 +2892,7 @@ const Xe = () => {
       default:
         return 360;
     }
-  }, [l]), ue = N(() => l === "semicircle" ? [y * Math.PI, y * Math.PI] : l === "brokenCircle" ? [y * Math.PI * 1.25, y * Math.PI * 1.5] : [y * Math.PI, y * Math.PI * 2], [l, y]), oe = ge(
+  }, [c]), ue = N(() => c === "semicircle" ? [y * Math.PI, y * Math.PI] : c === "brokenCircle" ? [y * Math.PI * 1.25, y * Math.PI * 1.5] : [y * Math.PI, y * Math.PI * 2], [c, y]), oe = ge(
     () => t !== n ? (ne - n) / (t - n) * 100 : 0,
     [ne, n, t]
   ), Me = N(() => {
@@ -2904,14 +2907,14 @@ const Xe = () => {
       const Y = R.current.querySelector('[data-el="indicator"]');
       if (Y) {
         const _e = parseFloat(Y.dataset.percentage ?? "");
-        _e !== null && (_e < oe - 2 || _e > oe + 2) ? Y.style.transition = ".3s" : Y.style.transition = A.current ? "none" : ".3s", Y.dataset.percentage = oe.toString(), Y.style.stroke = c === "static-color" ? q : yt(oe / 100, q, M), Y.style.strokeWidth = a.toString(), Y.style.strokeLinecap = p ? "round" : "", Y.style.strokeDashoffset = W.toString(), Y.style.strokeDasharray = `${Ce}, ${y * Math.PI * 2 - Ce}`;
+        _e !== null && (_e < oe - 2 || _e > oe + 2) ? Y.style.transition = ".3s" : Y.style.transition = A.current ? "none" : ".3s", Y.dataset.percentage = oe.toString(), Y.style.stroke = l === "static-color" ? q : yt(oe / 100, q, M), Y.style.strokeWidth = a.toString(), Y.style.strokeLinecap = p ? "round" : "", Y.style.strokeDashoffset = W.toString(), Y.style.strokeDasharray = `${Ce}, ${y * Math.PI * 2 - Ce}`;
       }
     }
     if ($) {
       const Y = R.current.querySelector('[data-el="point"]');
       if (Y) {
         const _e = parseFloat(Y.dataset.percentage ?? "");
-        _e !== null && (_e < oe - 2 || _e > oe + 2) ? Y.style.transition = ".3s" : Y.style.transition = A.current ? "none" : ".3s", Y.dataset.percentage = oe.toString(), Y.style.stroke = Q, Y.style.strokeWidth = a.toString(), Y.style.strokeLinecap = "round", ne === t && l === "semicircle" ? Y.style.strokeDashoffset = "0" : Y.style.strokeDashoffset = (W - Ce).toString(), Y.style.strokeDasharray = `0, ${y * Math.PI * 2}`;
+        _e !== null && (_e < oe - 2 || _e > oe + 2) ? Y.style.transition = ".3s" : Y.style.transition = A.current ? "none" : ".3s", Y.dataset.percentage = oe.toString(), Y.style.stroke = Q, Y.style.strokeWidth = a.toString(), Y.style.strokeLinecap = "round", ne === t && c === "semicircle" ? Y.style.strokeDashoffset = "0" : Y.style.strokeDashoffset = (W - Ce).toString(), Y.style.strokeDasharray = `0, ${y * Math.PI * 2}`;
       }
     }
   }, [ne, ue, t, n, y, a, u, q, Q, m, F, $, p, oe, M]), re = (W) => {
@@ -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,
@@ -2990,17 +2993,17 @@ const ss = Re(
     position: s = "bottom-right",
     variant: i = "primary",
     className: o = "",
-    ...l
-  }, c) => {
+    ...c
+  }, l) => {
     const a = !!t;
     return /* @__PURE__ */ e.jsxs(
       "button",
       {
-        ref: c,
+        ref: l,
         type: "button",
         className: `fab ${a ? "fab--extended" : ""} fab--${r} fab--${i} ${s !== "none" ? `fab--${s}` : ""} ${o}`,
-        "aria-label": a ? void 0 : l["aria-label"] || "Floating action button",
-        ...l,
+        "aria-label": a ? void 0 : c["aria-label"] || "Floating action button",
+        ...c,
         children: [
           n && /* @__PURE__ */ e.jsx("span", { className: "fab__icon", children: n }),
           a && /* @__PURE__ */ e.jsx("span", { className: "fab__text", 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,
@@ -3042,11 +3041,11 @@ const is = ({ item: n, isIcon: t, globalClick: r, autoHide: s, onHide: i }) => {
   let i = { x: n, y: t };
   if (!r)
     return i;
-  const o = window.getComputedStyle(r), l = parseFloat(o.getPropertyValue("height")), c = parseFloat(o.getPropertyValue("width")), a = t + l - document.documentElement.clientHeight, d = n + c - document.documentElement.clientWidth;
+  const o = window.getComputedStyle(r), c = parseFloat(o.getPropertyValue("height")), l = parseFloat(o.getPropertyValue("width")), a = t + c - document.documentElement.clientHeight, d = n + l - document.documentElement.clientWidth;
   return a > 0 && (i.y = i.y - a - ((s == null ? void 0 : s.marginBottom) ?? 0)), d > 0 && (i.x = i.x - d - ((s == null ? void 0 : s.marginRight) ?? 0)), i;
 };
 const os = ({ items: n, onHide: t, smallDisplay: r, globalClick: s, autoHide: i, onGlobalHide: o }) => {
-  const l = U(null), [c, a] = k({ left: "0px", top: "0px" }), [d, u] = k(!1);
+  const c = U(null), [l, a] = k({ left: "0px", top: "0px" }), [d, u] = k(!1);
   function x(f) {
     for (let m of f)
       if (m.icon)
@@ -3054,41 +3053,41 @@ const os = ({ items: n, onHide: t, smallDisplay: r, globalClick: s, autoHide: i,
     return !1;
   }
   return I(() => {
-    if (!l.current)
+    if (!c.current)
       return;
-    let f = mn(l.current.parentElement);
+    let f = mn(c.current.parentElement);
     if (!f)
       return;
-    let m = Nt(f.left + f.width, f.top, l.current, { marginRight: f.width });
+    let m = Nt(f.left + f.width, f.top, c.current, { marginRight: f.width });
     a({
       left: m.x - f.left + "px",
       top: m.y - f.top + "px"
     }), u(!0);
   }, []), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { ref: l, className: `menu-block menu-block_color_surface-container-highest ${r ? "" : "menu-block_sub"}`, style: { ...c, ...d ? {} : { display: "none" } }, children: n.map((f, m) => /* @__PURE__ */ e.jsx(is, { onHide: o, autoHide: i, item: f, isIcon: x(n), globalClick: s }, m)) }),
+    /* @__PURE__ */ e.jsx("div", { ref: c, className: `menu-block menu-block_color_surface-container-highest ${r ? "" : "menu-block_sub"}`, style: { ...l, ...d ? {} : { display: "none" } }, children: n.map((f, m) => /* @__PURE__ */ e.jsx(is, { onHide: o, autoHide: i, item: f, isIcon: x(n), globalClick: s }, m)) }),
     r ? null : /* @__PURE__ */ e.jsx("div", { style: { zIndex: 4 }, className: "menu-block-backplate", onClick: t })
   ] });
 }, as = ({ onHide: n, autoHide: t, globalClick: r, item: s, isIcon: i, smallDisplay: o }) => {
-  const [l, c] = k(!1), a = N(() => {
-    s.subItems ? c((d) => !d) : (s.onClick && s.onClick(), r && r(), t && n && n());
+  const [c, l] = k(!1), a = N(() => {
+    s.subItems ? l((d) => !d) : (s.onClick && s.onClick(), r && r(), t && n && n());
   }, [s.onClick]);
   return /* @__PURE__ */ e.jsxs("div", { className: `menu-item ${s.disabled ? "menu-item_disabled" : ""}`, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "menu-item__info", onClick: a, children: [
       i ? /* @__PURE__ */ e.jsx("div", { className: "menu-item__info__icon", children: s.icon }) : null,
       /* @__PURE__ */ e.jsx("div", { className: "menu-item__info__text", children: s.title }),
-      /* @__PURE__ */ e.jsx("div", { className: "menu-item__info__status ", children: s.subItems ? /* @__PURE__ */ e.jsx("span", { className: `menu-item__info__status__arrow ${l ? "menu-item__info__status__arrow_active" : ""}` }) : s.activated ? /* @__PURE__ */ e.jsx(Le, {}) : /* @__PURE__ */ e.jsx("span", { className: "menu-item__info__status__none" }) })
+      /* @__PURE__ */ e.jsx("div", { className: "menu-item__info__status ", children: s.subItems ? /* @__PURE__ */ e.jsx("span", { className: `menu-item__info__status__arrow ${c ? "menu-item__info__status__arrow_active" : ""}` }) : s.activated ? /* @__PURE__ */ e.jsx(Le, {}) : /* @__PURE__ */ e.jsx("span", { className: "menu-item__info__status__none" }) })
     ] }),
-    l && s.subItems ? /* @__PURE__ */ e.jsx(os, { autoHide: t, items: s.subItems, onGlobalHide: n, onHide: () => c(!1), smallDisplay: o }) : null
+    c && s.subItems ? /* @__PURE__ */ e.jsx(os, { autoHide: t, items: s.subItems, onGlobalHide: n, onHide: () => l(!1), smallDisplay: o }) : null
   ] });
 };
 function wt({ block: n, smallDisplay: t, onHide: r, globalClick: s, autoHide: i }) {
-  function o(l) {
-    for (let c of l.items)
-      if (c.icon)
+  function o(c) {
+    for (let l of c.items)
+      if (l.icon)
         return !0;
     return !1;
   }
-  return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((l, c) => /* @__PURE__ */ e.jsx(as, { globalClick: s, autoHide: i, onHide: r, item: l, isIcon: o(n), smallDisplay: t }, c)) });
+  return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((c, l) => /* @__PURE__ */ e.jsx(as, { globalClick: s, autoHide: i, onHide: r, item: c, isIcon: o(n), smallDisplay: t }, l)) });
 }
 const ls = 100, cs = (n) => {
   const t = U(null), [r, s] = k({ left: "0px", top: "0px" }), i = () => {
@@ -3106,10 +3105,10 @@ const ls = 100, cs = (n) => {
       ref: t,
       className: "base-menu base-menu_color_surface-container-high",
       style: { ...r, width: n.width, maxWidth: n.width ? "100%" : void 0 },
-      children: n.blocks.map((o, l) => /* @__PURE__ */ e.jsxs(ce.Fragment, { children: [
-        l !== 0 ? /* @__PURE__ */ e.jsx(je, {}) : null,
+      children: n.blocks.map((o, c) => /* @__PURE__ */ e.jsxs(ce.Fragment, { children: [
+        c !== 0 ? /* @__PURE__ */ e.jsx(je, {}) : null,
         /* @__PURE__ */ e.jsx(wt, { block: o, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: i })
-      ] }, l))
+      ] }, c))
     }
   ) }) : null;
 };
@@ -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 }, c) => {
+  const [l, 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);
@@ -3130,7 +3129,7 @@ const ds = (n) => {
     /* @__PURE__ */ e.jsx(
       ye,
       {
-        ref: l,
+        ref: c,
         onClick: m,
         ...o
       }
@@ -3142,7 +3141,7 @@ const ds = (n) => {
         onHide: f,
         autoHide: t,
         screensize: n,
-        visible: c,
+        visible: l,
         x: (d == null ? void 0 : d.x) ?? 0,
         y: (d == null ? void 0 : d.y) ?? 0,
         blocks: r,
@@ -3159,17 +3158,17 @@ const Mt = ce.forwardRef(
     readOnly: s,
     disabled: i,
     checkIcon: o = /* @__PURE__ */ e.jsx(Le, { baseColor: "var(--On-primary-color)" }),
-    size: l = "medium",
-    className: c,
+    size: c = "medium",
+    className: l,
     ...a
   }, d) => /* @__PURE__ */ e.jsxs(
     "label",
     {
       className: [
         "checkbox-container",
-        `checkbox--${l}`,
+        `checkbox--${c}`,
         i ? "checkbox--disabled" : "",
-        c
+        l
       ].filter(Boolean).join(" "),
       children: [
         /* @__PURE__ */ e.jsx(
@@ -3194,20 +3193,20 @@ const Mt = ce.forwardRef(
 );
 Mt.displayName = "Checkbox";
 const Lt = ce.forwardRef(
-  ({ text: n, onDelete: t, big: r, onClick: s, screenSize: i, className: o, disabled: l, ...c }, a) => {
+  ({ text: n, onDelete: t, big: r, onClick: s, screenSize: i, className: o, disabled: c, ...l }, a) => {
     const d = (x) => {
       x.stopPropagation(), t == null || t(x);
-    }, u = l ? void 0 : s;
+    }, u = c ? void 0 : s;
     return /* @__PURE__ */ e.jsxs(
       "div",
       {
-        ...c,
+        ...l,
         ref: a,
-        className: `chips ${r ? "chips--big" : ""} ${l ? "disabled" : ""} ${s ? "chips--clickable" : ""} ${o || ""}`,
+        className: `chips ${r ? "chips--big" : ""} ${c ? "disabled" : ""} ${s ? "chips--clickable" : ""} ${o || ""}`,
         onClick: u,
-        role: c.role ?? s ? "button" : void 0,
-        tabIndex: c.tabIndex ?? s ? 0 : void 0,
-        "aria-label": c["aria-label"] ?? s ? n : void 0,
+        role: l.role ?? s ? "button" : void 0,
+        tabIndex: l.tabIndex ?? s ? 0 : void 0,
+        "aria-label": l["aria-label"] ?? s ? n : void 0,
         children: [
           /* @__PURE__ */ e.jsx(K, { type: "body", screensize: i, children: n }),
           t && /* @__PURE__ */ e.jsx(
@@ -3216,7 +3215,7 @@ const Lt = ce.forwardRef(
               className: "chips__delete",
               onClick: d,
               "aria-label": `Remove ${n}`,
-              disabled: l,
+              disabled: c,
               type: "button",
               children: /* @__PURE__ */ e.jsx(ke, {})
             }
@@ -3227,7 +3226,7 @@ const Lt = ce.forwardRef(
   }
 );
 Lt.displayName = "Chips";
-const $t = Re(
+const $t = Ee(
   ({
     name: n,
     currentValue: t,
@@ -3235,15 +3234,15 @@ const $t = Re(
     onChange: s,
     readOnly: i,
     checked: o,
-    defaultChecked: l,
-    label: c,
+    defaultChecked: c,
+    label: l,
     size: a = "medium",
     variant: d = "primary",
     showLabel: u = !0,
     className: x,
     ...f
   }, m) => {
-    const _ = t !== void 0 ? t === r : o !== void 0 ? o : l;
+    const _ = t !== void 0 ? t === r : o !== void 0 ? o : c;
     return /* @__PURE__ */ e.jsxs("label", { className: `radio-button-container ${x || ""}`, children: [
       /* @__PURE__ */ e.jsx(
         "input",
@@ -3257,17 +3256,17 @@ const $t = Re(
           onChange: s,
           readOnly: i,
           "aria-checked": _,
-          "aria-label": c || f["aria-label"],
+          "aria-label": l || f["aria-label"],
           ...f
         }
       ),
       /* @__PURE__ */ e.jsx("span", { className: `radio-button-ui radio-button-ui--${a} radio-button-ui--${d}` }),
-      u && c && /* @__PURE__ */ e.jsx("span", { className: "radio-button-label", children: c })
+      u && l && /* @__PURE__ */ e.jsx("span", { className: "radio-button-label", children: l })
     ] });
   }
 );
 $t.displayName = "RadioButton";
-const Rt = Re(
+const Rt = Ee(
   ({
     items: n,
     value: t,
@@ -3275,8 +3274,8 @@ const Rt = Re(
     name: s,
     readOnly: i = !1,
     onChange: o,
-    className: l = "",
-    size: c = "medium",
+    className: c = "",
+    size: l = "medium",
     variant: a = "primary",
     ...d
   }, u) => {
@@ -3295,7 +3294,7 @@ const Rt = Re(
       "div",
       {
         ref: u,
-        className: `segmented-button segmented-button--${c} segmented-button--${a} ${l}`,
+        className: `segmented-button segmented-button--${l} segmented-button--${a} ${c}`,
         role: "group",
         ...d,
         children: n.map((j) => /* @__PURE__ */ e.jsxs(
@@ -3331,7 +3330,7 @@ const Rt = Re(
   }
 );
 Rt.displayName = "SegmentedButton";
-const Et = Re(
+const Et = Ee(
   ({
     size: n = "medium",
     variant: t = "primary",
@@ -3339,8 +3338,8 @@ const Et = Re(
     showLabel: s = !1,
     labelOn: i = "On",
     labelOff: o = "Off",
-    checked: l,
-    onChange: c,
+    checked: c,
+    onChange: l,
     ...a
   }, d) => /* @__PURE__ */ e.jsxs("label", { className: `switch-container ${r}`, children: [
     /* @__PURE__ */ e.jsx(
@@ -3349,14 +3348,14 @@ const Et = Re(
         ref: d,
         type: "checkbox",
         role: "switch",
-        "aria-checked": l,
-        checked: l,
-        onChange: c,
+        "aria-checked": c,
+        checked: c,
+        onChange: l,
         className: `switch-input switch--${n} switch--${t}`,
         ...a
       }
     ),
-    s && /* @__PURE__ */ e.jsx("span", { className: "switch-label", children: l ? i : o })
+    s && /* @__PURE__ */ e.jsx("span", { className: "switch-label", children: c ? i : o })
   ] })
 );
 Et.displayName = "Switch";
@@ -3367,8 +3366,8 @@ function us({
   onHide: s,
   noHide: i = !1,
   name: o = "selection_dialog",
-  confirmText: l = "Выбрать",
-  cancelText: c = "Отмена",
+  confirmText: c = "Выбрать",
+  cancelText: l = "Отмена",
   defaultValue: a,
   style: d
 }) {
@@ -3391,8 +3390,8 @@ function us({
           onHide: m,
           onSuccess: f,
           disabled: u === void 0,
-          confirmText: l,
-          cancelText: c
+          confirmText: c,
+          cancelText: l
         }
       ),
       children: [
@@ -3465,8 +3464,8 @@ const en = ce.forwardRef(
     type: s = "text",
     transparent: i,
     readOnly: o,
-    password: l,
-    border: c,
+    password: c,
+    border: l,
     onClear: a,
     icon: d,
     onChange: u,
@@ -3518,7 +3517,7 @@ const en = ce.forwardRef(
           input-field 
           input-field__text-field 
           ${Me[A]}
-          ${c ? "input-field_border" : ""} 
+          ${l ? "input-field_border" : ""} 
           ${$ ? "input-field_active" : ""} 
           ${i ? "input-field_transparent" : ""} 
           ${y ? "input-field_error" : ""} 
@@ -3538,7 +3537,7 @@ const en = ce.forwardRef(
                   readOnly: o,
                   disabled: R,
                   required: !0,
-                  type: l ? "password" : s,
+                  type: c ? "password" : s,
                   className: `
               input-field__input-container__input 
               ${y ? "input-field__input-container__input_error" : ""}
@@ -3587,8 +3586,8 @@ const $i = ({
   onSuccess: s,
   onHide: i,
   placeholder: o,
-  type: l = "text",
-  min: c = 0,
+  type: c = "text",
+  min: l = 0,
   max: a = 100,
   defaultValue: d = "",
   confirmText: u = "OK",
@@ -3599,24 +3598,24 @@ const $i = ({
   I(() => {
     if (f)
       p(f(m));
-    else if (l === "number") {
+    else if (c === "number") {
       const v = Number(m);
-      p(!isNaN(v) && v >= c && v <= a);
+      p(!isNaN(v) && v >= l && v <= a);
     } else
       p(!0);
-  }, [m, f, l, c, a]);
+  }, [m, f, c, l, a]);
   const C = N(() => {
     j && (s == null || s(m), i == null || i());
   }, [m, j, s, i]), g = N(() => {
     i == null || i();
   }, [i]), w = (v) => {
-    if (l === "number") {
+    if (c === "number") {
       if (v === "") {
         _("");
         return;
       }
       const M = Number(v);
-      isNaN(M) || (M < c && (v = String(c)), M > a && (v = String(a)), _(v));
+      isNaN(M) || (M < l && (v = String(l)), M > a && (v = String(a)), _(v));
     } else
       _(v);
   };
@@ -3632,7 +3631,7 @@ const $i = ({
           be,
           {
             onClick: C,
-            disabled: !j || l === "number" && m === "",
+            disabled: !j || c === "number" && m === "",
             children: u
           }
         )
@@ -3643,8 +3642,8 @@ const $i = ({
           /* @__PURE__ */ e.jsx(
             en,
             {
-              type: l,
-              min: c,
+              type: c,
+              min: l,
               max: a,
               border: !0,
               placeholder: o,
@@ -3653,9 +3652,9 @@ const $i = ({
               error: !j
             }
           ),
-          !j && l === "number" && /* @__PURE__ */ e.jsxs(K, { type: "body", children: [
+          !j && c === "number" && /* @__PURE__ */ e.jsxs(K, { type: "body", children: [
             "Введите число от ",
-            c,
+            l,
             " до ",
             a
           ] })
@@ -3671,14 +3670,14 @@ const Ri = ({
   children: s,
   onSave: i,
   onHide: o,
-  marginBottom: l = 0,
-  disableBackplate: c,
+  marginBottom: c = 0,
+  disableBackplate: l,
   saveText: a,
   cancelText: d,
   forceFullScreen: u,
   btns: x
 }) => {
-  const { screen: f } = $e(Ge);
+  const { screen: f } = Re(Ge);
   st(!0, document.body);
   const m = () => {
     o == null || o();
@@ -3690,8 +3689,8 @@ const Ri = ({
     {
       style: {
         ...n,
-        height: `calc(100vh - ${l}px)`,
-        paddingBottom: `${l}px`
+        height: `calc(100vh - ${c}px)`,
+        paddingBottom: `${c}px`
       },
       className: `
         full-screen-dialog 
@@ -3721,7 +3720,7 @@ const Ri = ({
   ) : /* @__PURE__ */ e.jsx(
     xn,
     {
-      disableBackplate: c,
+      disableBackplate: l,
       style: n,
       header: r,
       className: `full-screen-dialog ${t}`,
@@ -3734,7 +3733,7 @@ const Ri = ({
     }
   );
 };
-const fs = Re(
+const fs = Ee(
   ({
     className: n = "",
     action: t,
@@ -3742,8 +3741,8 @@ const fs = Re(
     alt: s,
     header: i,
     subhead: o,
-    text: l,
-    children: c,
+    text: c,
+    children: l,
     iconButtonCell: a,
     onClick: d,
     screenSize: u,
@@ -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;
@@ -3804,16 +3803,16 @@ const fs = Re(
                 children: o
               }
             ),
-            l && /* @__PURE__ */ e.jsx(
+            c && /* @__PURE__ */ e.jsx(
               K,
               {
                 type: "body",
                 screensize: w,
                 className: "card-text",
-                children: l
+                children: c
               }
             ),
-            c && /* @__PURE__ */ e.jsx("div", { className: "card-children", children: c }),
+            l && /* @__PURE__ */ e.jsx("div", { className: "card-children", children: l }),
             t && /* @__PURE__ */ e.jsx("div", { className: "card-actions", children: t })
           ] }),
           m && /* @__PURE__ */ e.jsx("div", { className: "card-loading-indicator" })
@@ -3824,20 +3823,20 @@ const fs = Re(
 );
 fs.displayName = "Card";
 const Ei = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { className: `base-action-card ${t ?? ""}`, children: n });
-const Fi = ({ children: n, className: t, id: r, height: s, width: i, pozMove: o, draggable: l = !0 }) => {
-  const [c, a] = k(!1), [d, u] = k(null), [x, f] = k({ x: 0, y: 0 }), m = (p) => {
+const Fi = ({ children: n, className: t, id: r, height: s, width: i, pozMove: o, draggable: c = !0 }) => {
+  const [l, a] = k(!1), [d, u] = k(null), [x, f] = k({ x: 0, y: 0 }), m = (p) => {
     p.button == 1 && (a(!1), u(null), document.body.style.cursor = "auto");
   }, _ = (p) => {
-    p.button == 1 && l && (u({ x: p.clientX, y: p.clientY }), a(!0), document.body.style.cursor = "move");
+    p.button == 1 && c && (u({ x: p.clientX, y: p.clientY }), a(!0), document.body.style.cursor = "move");
   }, j = N((p) => {
-    c && (f((C) => {
+    l && (f((C) => {
       if (!d)
         return C;
       const g = p.clientX - d.x, w = p.clientY - d.y;
       let v = C.x + g, M = C.y + w;
       return { x: v, y: M };
     }), u({ x: p.clientX, y: p.clientY }));
-  }, [c, d]);
+  }, [l, d]);
   return I(() => {
     o && f({ ...o });
   }, [o]), /* @__PURE__ */ e.jsx("div", { id: r, style: { height: s, width: i }, className: `big-container ${t}`, onMouseDown: _, onMouseUp: m, onMouseMove: j, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: x.x, top: x.y }, children: n }) });
@@ -3849,8 +3848,8 @@ const Vi = ({
   className: s,
   style: i,
   countColumn: o,
-  items: l,
-  onClickColl: c,
+  items: c,
+  onClickColl: l,
   classNameColumn: a,
   minColumnWidth: d = "auto"
 }) => {
@@ -3863,9 +3862,9 @@ const Vi = ({
       }
       j[p.indexCol].push(p.node);
     }), j;
-  }, []), x = ce.useMemo(() => u(o, l), [u, o, l]), f = ce.useCallback((m, _) => {
-    c == null || c(m, _);
-  }, [c]);
+  }, []), x = ce.useMemo(() => u(o, c), [u, o, c]), f = ce.useCallback((m, _) => {
+    l == null || l(m, _);
+  }, [l]);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -3898,11 +3897,11 @@ const xs = 10, ms = 2e-3, Ti = ({
   style: s,
   border: i = !1,
   collapsible: o = !1,
-  defaultVisible: l = !1,
-  action: c,
+  defaultVisible: c = !1,
+  action: l,
   onVisibilityChange: a
 }) => {
-  const [d, u] = k(o ? l : !0), x = U(null), f = (p) => {
+  const [d, u] = k(o ? c : !0), x = U(null), f = (p) => {
     if (!p)
       return;
     const C = mn(p);
@@ -3945,18 +3944,18 @@ const xs = 10, ms = 2e-3, Ti = ({
             },
             children: [
               /* @__PURE__ */ e.jsx(K, { type: "title", children: t }),
-              /* @__PURE__ */ e.jsx("div", { className: "content-box-action-container", children: c ? /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ e.jsx("div", { className: "content-box-action-container", children: l ? /* @__PURE__ */ e.jsx(
                 "div",
                 {
                   className: "content-box-status-container action-btn",
-                  onClick: c.onClick,
-                  "aria-label": c.ariaLabel || "Action",
+                  onClick: l.onClick,
+                  "aria-label": l.ariaLabel || "Action",
                   role: "button",
                   tabIndex: 0,
                   onKeyDown: (p) => {
-                    (p.key === "Enter" || p.key === " ") && (p.preventDefault(), c.onClick());
+                    (p.key === "Enter" || p.key === " ") && (p.preventDefault(), l.onClick());
                   },
-                  children: c.icon
+                  children: l.icon
                 }
               ) : o ? /* @__PURE__ */ e.jsx("div", { className: "content-box-status-container", children: /* @__PURE__ */ e.jsx(
                 "span",
@@ -3998,16 +3997,16 @@ const Oi = ({ children: n, colSpan: t = 1 }) => /* @__PURE__ */ e.jsx(
   gridRowGap: s = "10px",
   gridColumnGap: i = "5px",
   itemMinWith: o,
-  itemMaxWith: l,
-  itemWith: c = "400px"
+  itemMaxWith: c,
+  itemWith: l = "400px"
 }) => {
   const a = U(null), [d, u] = k([]), x = U(null), f = U(null), m = N(() => {
     if (!a.current)
       return;
     a.current.style.display = "grid", a.current.style.gridRowGap = s, a.current.style.gridColumnGap = i;
-    const C = o ?? c, g = l ?? c;
+    const C = o ?? l, g = c ?? l;
     a.current.style.gridTemplateColumns = `repeat(auto-fill, minmax(${C}, ${g}))`, a.current.style.gridAutoRows = "1px";
-  }, [s, i, o, l, c]), _ = N(() => {
+  }, [s, i, o, c, l]), _ = N(() => {
     if (a.current) {
       const C = a.current.querySelectorAll(".adaptiv-grid-item");
       u(Array.from(C));
@@ -4053,8 +4052,8 @@ const js = ({
   elevation: s = 1,
   padded: i = !0,
   borderRadius: o = 12,
-  onClick: l,
-  onContextMenu: c
+  onClick: c,
+  onContextMenu: l
 }) => {
   const a = `elevation-${Math.min(24, Math.max(0, s))}`;
   return /* @__PURE__ */ e.jsx(
@@ -4064,8 +4063,8 @@ const js = ({
         borderRadius: `${o}px`,
         ...r
       },
-      onClick: l,
-      onContextMenu: c,
+      onClick: c,
+      onContextMenu: l,
       className: `alex-evo-sh-ui-kit-panel ${a} ${i ? "padded" : ""} ${t}`,
       children: n
     }
@@ -4079,9 +4078,9 @@ const Ai = ({
   activeTabClassName: s = "active",
   onTabClick: i,
   activeTabIndex: o,
-  tabContainerClassName: l = ""
+  tabContainerClassName: c = ""
 }) => {
-  const [c, a] = k(0), d = o !== void 0 ? o : c, u = U(null), x = U(null), [f, m] = k(!1), _ = (C) => {
+  const [l, a] = k(0), d = o !== void 0 ? o : l, u = U(null), x = U(null), [f, m] = k(!1), _ = (C) => {
     if (u.current) {
       const g = t || u.current.offsetWidth / 2;
       u.current.scrollBy({
@@ -4109,7 +4108,7 @@ const Ai = ({
     o === void 0 && a(C), i && i(C);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "alex-evo-ui-kit-tabs-container", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-ui-kit-tabs-scroll-buttons ${l}`, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-ui-kit-tabs-scroll-buttons ${c}`, children: [
       f && /* @__PURE__ */ e.jsx("button", { onClick: () => _("left"), className: "alex-evo-ui-kit-scroll-button", children: "◀" }),
       /* @__PURE__ */ e.jsxs(
         "div",
@@ -4137,15 +4136,15 @@ 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,
   scroll: s,
   transparent: i,
   width: o,
-  padding: l,
-  margin: c,
+  padding: c,
+  margin: l,
   ...a
 }, d) => {
   const u = {
@@ -4153,8 +4152,8 @@ const ps = Re(({
     maxHeight: r,
     backgroundColor: i ? "transparent" : void 0,
     width: o,
-    padding: l,
-    margin: c
+    padding: c,
+    margin: l
   }, x = [
     "list-container",
     t,
@@ -4162,15 +4161,15 @@ 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,
   header: s,
   description: i,
   value: o,
-  onClick: l,
-  hovered: c = !0,
+  onClick: c,
+  hovered: l = !0,
   className: a = "",
   disabled: d = !1,
   active: u = !1,
@@ -4178,12 +4177,12 @@ const ps = Re(({
   ...f
 }, m) => {
   const _ = (p) => {
-    !d && !p.target.closest(".control-container") && (l == null || l(p));
+    !d && !p.target.closest(".control-container") && (c == null || c(p));
   }, j = [
     "list-item-container",
     a,
     `list-item-container_shadow-${x}`,
-    c && !d ? "list-item-container_hovered" : "",
+    l && !d ? "list-item-container_hovered" : "",
     d ? "list-item-container_disabled" : "",
     u ? "list-item-container_active" : ""
   ].filter(Boolean).join(" ");
@@ -4220,14 +4219,14 @@ function vs(n) {
     return t[0];
 }
 const gs = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
-  const o = n[t.field], l = Ft(o);
-  return /* @__PURE__ */ e.jsx("td", { style: { backgroundColor: l.length > 0 && l[0].backgroundColor ? l[0].backgroundColor : s, height: i }, children: t.template ? t.template(l, n) : l.map((c, a) => /* @__PURE__ */ e.jsx(
+  const o = n[t.field], c = Ft(o);
+  return /* @__PURE__ */ e.jsx("td", { style: { backgroundColor: c.length > 0 && c[0].backgroundColor ? c[0].backgroundColor : s, height: i }, children: t.template ? t.template(c, n) : c.map((l, a) => /* @__PURE__ */ e.jsx(
     "p",
     {
-      style: { color: c.color ?? r },
-      className: c.onClick ? "no-click" : "",
-      onClick: c.onClick,
-      children: c.content
+      style: { color: l.color ?? r },
+      className: l.onClick ? "no-click" : "",
+      onClick: l.onClick,
+      children: l.content
     },
     a
   )) });
@@ -4238,15 +4237,15 @@ const gs = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
   onContextMenu: s,
   onDelete: i,
   onEdit: o,
-  onClickRow: l,
-  index: c,
+  onClickRow: c,
+  index: l,
   maxH: a
 }) => {
   const d = N(
     (u) => {
-      u.target.closest(".no-click") || l == null || l(t, c);
+      u.target.closest(".no-click") || c == null || c(t, l);
     },
-    [c, l, t]
+    [l, c, t]
   );
   return /* @__PURE__ */ e.jsxs("tr", { className: "table-row", onClick: d, children: [
     r.map((u, x) => /* @__PURE__ */ e.jsx(
@@ -4265,18 +4264,18 @@ const gs = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
       {
         transparent: !0,
         icon: u.icon,
-        onClick: (f) => u.onClick(f, t, c)
+        onClick: (f) => u.onClick(f, t, l)
       },
       x
     )) }) }),
     (s || i || o) && /* @__PURE__ */ e.jsx("td", { className: "w-[180px] table-edit-button no-click", children: /* @__PURE__ */ e.jsxs("div", { className: "table-edit-button", children: [
-      o && /* @__PURE__ */ e.jsx(ye, { transparent: !0, icon: /* @__PURE__ */ e.jsx(mt, {}), onClick: () => o(t, c) }),
+      o && /* @__PURE__ */ e.jsx(ye, { transparent: !0, icon: /* @__PURE__ */ e.jsx(mt, {}), onClick: () => o(t, l) }),
       i && /* @__PURE__ */ e.jsx(
         ye,
         {
           transparent: !0,
           icon: /* @__PURE__ */ e.jsx(dt, { className: "text-red-500" }),
-          onClick: () => i(t, c)
+          onClick: () => i(t, l)
         }
       ),
       s && /* @__PURE__ */ e.jsx(
@@ -4284,7 +4283,7 @@ const gs = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
         {
           transparent: !0,
           icon: /* @__PURE__ */ e.jsx(ft, {}),
-          onClick: (u) => s(u, t, c)
+          onClick: (u) => s(u, t, l)
         }
       )
     ] }) })
@@ -4296,12 +4295,12 @@ const gs = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
   onContextMenu: s,
   onEdit: i,
   actions: o,
-  onClickRow: l
+  onClickRow: c
 }) => {
-  const c = ge(
+  const l = ge(
     () => t ?? _s(n),
     [n, t]
-  ), a = c.length + (o ? 1 : 0) + (r || s || i ? 1 : 0), d = (u) => u ? (Array.isArray(u) ? u : [u]).map((f, m) => typeof f == "string" || typeof f == "number" ? /* @__PURE__ */ e.jsx("span", { children: f }, m) : /* @__PURE__ */ e.jsx(
+  ), a = l.length + (o ? 1 : 0) + (r || s || i ? 1 : 0), d = (u) => u ? (Array.isArray(u) ? u : [u]).map((f, m) => typeof f == "string" || typeof f == "number" ? /* @__PURE__ */ e.jsx("span", { children: f }, m) : /* @__PURE__ */ e.jsx(
     "span",
     {
       style: { color: f.color },
@@ -4310,9 +4309,9 @@ const gs = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
     },
     m
   )) : null;
-  return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${l ? "clicked" : ""}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
+  return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${c ? "clicked" : ""}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
     /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
-      c.map((u) => /* @__PURE__ */ e.jsx("th", { className: "min-width", children: u.title }, u.field)),
+      l.map((u) => /* @__PURE__ */ e.jsx("th", { className: "min-width", children: u.title }, u.field)),
       o && /* @__PURE__ */ e.jsx("th", { className: "table-actions-header", children: "actions" }),
       (r || s || i) && /* @__PURE__ */ e.jsx("th", { className: "table-actions-header" })
     ] }) }),
@@ -4324,10 +4323,10 @@ const gs = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
       return /* @__PURE__ */ e.jsx(
         bs,
         {
-          onClickRow: l,
+          onClickRow: c,
           actions: o,
           index: x,
-          columns: c,
+          columns: l,
           item: u,
           onDelete: r,
           onContextMenu: s,
@@ -4419,10 +4418,10 @@ const Ns = ({ item: n, onHide: t }) => {
     ) })
   ] });
 };
-const Hi = ({ visible: n, firstBtn: t, mainBtn: r, onHide: s, otherBtn: i, backBtn: o, openAlways: l }) => {
-  const c = (a, d) => a.type === "button" ? /* @__PURE__ */ e.jsx(Je, { active: a.active, onClick: a.onClick, title: a.text, icon: a.icon }, d) : a.type === "link" ? /* @__PURE__ */ e.jsx(Vt, { onClick: () => s(), title: a.text, icon: a.icon, to: a.to }, d) : a.type === "submenu" ? /* @__PURE__ */ e.jsx(Ns, { item: a, onHide: s }, d) : null;
+const Hi = ({ visible: n, firstBtn: t, mainBtn: r, onHide: s, otherBtn: i, backBtn: o, openAlways: c }) => {
+  const l = (a, d) => a.type === "button" ? /* @__PURE__ */ e.jsx(Je, { active: a.active, onClick: a.onClick, title: a.text, icon: a.icon }, d) : a.type === "link" ? /* @__PURE__ */ e.jsx(Vt, { onClick: () => s(), title: a.text, icon: a.icon, to: a.to }, d) : a.type === "submenu" ? /* @__PURE__ */ e.jsx(Ns, { item: a, onHide: s }, d) : null;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs("div", { className: `navigation-drawer ${n || l ? "navigation-drawer_show" : "navigation-drawer_hide"}`, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: `navigation-drawer ${n || c ? "navigation-drawer_show" : "navigation-drawer_hide"}`, children: [
       t ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsxs("div", { className: "navigation-drawer__block", children: [
           /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block__header" }),
@@ -4432,17 +4431,17 @@ const Hi = ({ visible: n, firstBtn: t, mainBtn: r, onHide: s, otherBtn: i, backB
       ] }) : null,
       /* @__PURE__ */ e.jsxs("div", { className: "navigation-drawer__block", children: [
         /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block__header" }),
-        /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block__content", children: r && r.map(c) })
+        /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block__content", children: r && r.map(l) })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__divider", children: /* @__PURE__ */ e.jsx(je, {}) }),
       /* @__PURE__ */ e.jsxs("div", { className: "navigation-drawer__block", children: [
         /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block__header" }),
-        /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block__content", children: i && i.map(c) })
+        /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block__content", children: i && i.map(l) })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__divider", children: /* @__PURE__ */ e.jsx(je, {}) }),
       o ? /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block", children: /* @__PURE__ */ e.jsx(Je, { active: o.active, onClick: o.onClick, title: o.text, icon: o.icon }) }) : null
     ] }),
-    n && !l ? /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer-backplate", style: { zIndex: 1100 }, onClick: () => s() }) : null
+    n && !c ? /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer-backplate", style: { zIndex: 1100 }, onClick: () => s() }) : null
   ] });
 };
 const ws = ({ icon: n, title: t, to: r }) => /* @__PURE__ */ e.jsxs(Sn, { to: r, className: "navigation-item navigation-item-rail", children: [
@@ -4499,13 +4498,13 @@ function Xn(n, t, r, s) {
   const i = t.getBoundingClientRect();
   let o = n.clientY - i.top;
   o > i.height && (o = i.height), o < 0 && (o = 0);
-  let l = n.clientX - i.left;
-  l > i.width && (l = i.width), l < 0 && (l = 0);
-  const c = o / i.height, a = l / i.width, d = 100 - 100 * c, u = 100 * a;
-  s(Math.round(u), Math.round(d)), Tt(r, l, o);
+  let c = n.clientX - i.left;
+  c > i.width && (c = i.width), c < 0 && (c = 0);
+  const l = o / i.height, a = c / i.width, d = 100 - 100 * l, u = 100 * a;
+  s(Math.round(u), Math.round(d)), Tt(r, c, o);
 }
 function Ls(n, t, r, s) {
-  const i = (l) => Xn(l, t, r, s);
+  const i = (c) => Xn(c, t, r, s);
   Xn(n, t, r, s), r.classList.add("dragging"), window.addEventListener("mousemove", i), window.addEventListener("mouseup", o);
   function o() {
     r.classList.remove("dragging"), window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", o);
@@ -4531,11 +4530,11 @@ function Jn(n, t, r, s) {
   const i = t.getBoundingClientRect();
   let o = n.clientY - i.top;
   o > i.height && (o = i.height), o < 0 && (o = 0);
-  const c = 360 - 360 * (o / i.height);
-  s(c), Ot(r, o);
+  const l = 360 - 360 * (o / i.height);
+  s(l), Ot(r, o);
 }
 function Es(n, t, r, s) {
-  const i = (l) => Jn(l, r, t, s);
+  const i = (c) => Jn(c, r, t, s);
   Jn(n, r, t, s), t.classList.add("dragging"), window.addEventListener("mousemove", i), window.addEventListener("mouseup", o);
   function o() {
     t.classList.remove("dragging"), window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", o);
@@ -4570,8 +4569,8 @@ const Fs = [
   onAddColor: s,
   autoHide: i,
   defaultColor: o,
-  userColors: l = [],
-  width: c = 310,
+  userColors: c = [],
+  width: l = 310,
   height: a = "auto"
 }) => {
   const d = U(null), u = U(null), x = U(null), f = U(null), [m, _] = k(Vs(t)), [j, p] = k(!1), [C, g] = k(
@@ -4639,8 +4638,8 @@ const Fs = [
       console.warn("Invalid color format");
     }
   }, z = N(() => {
-    s == null || s([...l, v]);
-  }, [s, l, v]), L = N(() => {
+    s == null || s([...c, v]);
+  }, [s, c, v]), L = N(() => {
     r == null || r(v), i && (n == null || n());
   }, [r, v]), P = N(
     (y, F) => {
@@ -4659,7 +4658,7 @@ const Fs = [
       className: "color-picker-panel",
       onHide: n,
       clearStyle: !0,
-      style: { width: c, height: a },
+      style: { width: l, height: a },
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "panel-row", style: { padding: 0 }, children: [
           /* @__PURE__ */ e.jsx("div", { className: "swatches default-swatches", children: Fs.map((y, F) => /* @__PURE__ */ e.jsx(
@@ -4762,9 +4761,9 @@ const Fs = [
             }
           )
         ] }),
-        l.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "panel-row", style: { padding: 0 }, children: [
+        c.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "panel-row", style: { padding: 0 }, children: [
           /* @__PURE__ */ e.jsx("h2", { className: "panel-header", children: "User Colors" }),
-          /* @__PURE__ */ e.jsx("div", { id: "user-swatches", className: "swatches custom-swatches", children: l.map((y, F) => /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx("div", { id: "user-swatches", className: "swatches custom-swatches", children: c.map((y, F) => /* @__PURE__ */ e.jsx(
             "button",
             {
               onClick: () => A(y),
@@ -4823,8 +4822,8 @@ const Fs = [
   value: s = "#f00",
   className: i = "",
   transparent: o = !1,
-  userColors: l = [],
-  onAddColor: c,
+  userColors: c = [],
+  onAddColor: l,
   defaultColor: a,
   placeholder: d
 }) => {
@@ -4873,12 +4872,12 @@ 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,
-        userColors: l,
-        onAddColor: c,
+        userColors: c,
+        onAddColor: l,
         onChange: j,
         beginColor: f,
         onHide: p
@@ -4900,7 +4899,7 @@ const Os = 2050, Qn = 1900, Se = [
   "November",
   "December"
 ], Ds = () => Array(Os - Qn).fill(0).map((n, t) => Qn + t), Is = ({ onChange: n, onHide: t }) => {
-  const [r] = k(Se[(/* @__PURE__ */ new Date()).getMonth()]), [s] = k((/* @__PURE__ */ new Date()).getFullYear()), [i] = k((/* @__PURE__ */ new Date()).getDate()), [o, l] = k(Se[(/* @__PURE__ */ new Date()).getMonth()]), [c, a] = k((/* @__PURE__ */ new Date()).getFullYear()), [d, u] = k({
+  const [r] = k(Se[(/* @__PURE__ */ new Date()).getMonth()]), [s] = k((/* @__PURE__ */ new Date()).getFullYear()), [i] = k((/* @__PURE__ */ new Date()).getDate()), [o, c] = k(Se[(/* @__PURE__ */ new Date()).getMonth()]), [l, a] = k((/* @__PURE__ */ new Date()).getFullYear()), [d, u] = k({
     day: (/* @__PURE__ */ new Date()).getDate(),
     type: "NOW_MONTH"
     /* NOW_MONTH */
@@ -4919,13 +4918,13 @@ const Os = 2050, Qn = 1900, Se = [
     f(
       "DAYS"
       /* DAYS */
-    ), l(v);
+    ), c(v);
   }, g = (v) => {
     u(v);
   }, w = N(() => {
     let v = /* @__PURE__ */ new Date();
-    v.setFullYear(c), d.type === "NEXT_MONTH" ? o === Se[11] ? (v.setMonth(0), v.setFullYear(c + 1)) : v.setMonth(Se.indexOf(o) + 1) : d.type === "PREV_MONTH" ? o === Se[0] ? (v.setMonth(11), v.setFullYear(c - 1)) : v.setMonth(Se.indexOf(o) - 1) : v.setMonth(Se.indexOf(o)), v.setDate(d.day), n && n(v.getFullYear(), v.getMonth(), v.getDate()), t && t();
-  }, [o, c, n, t, d]);
+    v.setFullYear(l), d.type === "NEXT_MONTH" ? o === Se[11] ? (v.setMonth(0), v.setFullYear(l + 1)) : v.setMonth(Se.indexOf(o) + 1) : d.type === "PREV_MONTH" ? o === Se[0] ? (v.setMonth(11), v.setFullYear(l - 1)) : v.setMonth(Se.indexOf(o) - 1) : v.setMonth(Se.indexOf(o)), v.setDate(d.day), n && n(v.getFullYear(), v.getMonth(), v.getDate()), t && t();
+  }, [o, l, n, t, d]);
   return /* @__PURE__ */ e.jsxs(xn, { className: "calendar-body-container", style: { maxWidth: "328px" }, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-select-container", children: [
       /* @__PURE__ */ e.jsx("div", { className: "month", children: /* @__PURE__ */ e.jsxs("span", { className: x === "MONTHS" ? "active" : "", onClick: () => f(
@@ -4940,7 +4939,7 @@ const Os = 2050, Qn = 1900, Se = [
         "YEARS"
         /* YEARS */
       ), children: [
-        c,
+        l,
         " ",
         /* @__PURE__ */ e.jsx(ln, {})
       ] }) })
@@ -4949,7 +4948,7 @@ const Os = 2050, Qn = 1900, Se = [
       /* @__PURE__ */ e.jsx("div", { className: "status-container", children: o === v ? /* @__PURE__ */ e.jsx(Le, {}) : null }),
       /* @__PURE__ */ e.jsx("div", { className: "content", children: v })
     ] }, M)) }) : x === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: Ds().map((v, M) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => p(v), children: [
-      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: c === v ? /* @__PURE__ */ e.jsx(Le, {}) : null }),
+      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: l === v ? /* @__PURE__ */ e.jsx(Le, {}) : null }),
       /* @__PURE__ */ e.jsx("div", { className: "content", children: v })
     ] }, M)) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-dayofweek-container", children: [
@@ -4961,7 +4960,7 @@ const Os = 2050, Qn = 1900, Se = [
         /* @__PURE__ */ e.jsx("span", { children: "S" }),
         /* @__PURE__ */ e.jsx("span", { children: "S" })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: j(c, Se.indexOf(o)).map((v, M) => /* @__PURE__ */ e.jsx("div", { className: `day ${v.type !== "NOW_MONTH" ? "other" : ""} ${i === v.day && c === s && o === r ? "now" : ""} ${v.day === d.day && v.type === d.type ? "select" : ""}`, onClick: () => g(v), children: v.day }, M)) })
+      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: j(l, Se.indexOf(o)).map((v, M) => /* @__PURE__ */ e.jsx("div", { className: `day ${v.type !== "NOW_MONTH" ? "other" : ""} ${i === v.day && l === s && o === r ? "now" : ""} ${v.day === d.day && v.type === d.type ? "select" : ""}`, onClick: () => g(v), children: v.day }, M)) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-action-container", children: [
       /* @__PURE__ */ e.jsx(be, { className: "little m-0", onClick: t, children: "Cancel" }),
@@ -4975,13 +4974,13 @@ const Os = 2050, Qn = 1900, Se = [
   value: s,
   className: i,
   error: o,
-  container: l,
-  errorText: c,
+  container: c,
+  errorText: l,
   helperText: a,
   size: d = "medium",
   disabled: u
 }) => {
-  const [x, f] = k(s ?? ""), [m, _] = k(!1), j = o || c, p = () => {
+  const [x, f] = k(s ?? ""), [m, _] = k(!1), j = o || l, p = () => {
     _(!0);
   }, C = (M) => {
     let R = String(M + 1);
@@ -5019,8 +5018,8 @@ const Os = 2050, Qn = 1900, Se = [
         }
       ) })
     ] }),
-    m ? /* @__PURE__ */ e.jsx(Oe, { 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 }),
+    m ? /* @__PURE__ */ e.jsx($e, { container: c, children: /* @__PURE__ */ e.jsx(Is, { onChange: w, onHide: () => _(!1) }) }) : null,
+    j && l && /* @__PURE__ */ e.jsx(K, { type: "small", className: "input-field-container__error-text", children: l }),
     a && !j && /* @__PURE__ */ e.jsx(K, { type: "small", className: "input-field-container__helper-text", children: a })
   ] });
 };
@@ -5043,19 +5042,19 @@ const Ps = {
   I(() => {
     t && o(t);
   }, [t]);
-  const l = N((a) => (d) => {
+  const c = N((a) => (d) => {
     o((u) => {
       const x = d.target.checked ? [...u, a] : u.filter((f) => f !== a);
       return n == null || n(x), x;
     });
-  }, [n]), c = N((a) => i.includes(a), [i]);
+  }, [n]), l = N((a) => i.includes(a), [i]);
   return /* @__PURE__ */ e.jsx("div", { className: `days-week-field-container ${r}`, children: Bs.map((a) => /* @__PURE__ */ e.jsxs("label", { className: "day-of-week-label", children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "checkbox",
-        onChange: l(a),
-        checked: c(a),
+        onChange: c(a),
+        checked: l(a),
         "aria-label": s[a] || a
       }
     ),
@@ -5072,8 +5071,8 @@ const zs = ({
   border: s = !1,
   placeholder: i = "Добавить значение",
   addButtonLabel: o = "Добавить",
-  separator: l = ",",
-  disabled: c = !1,
+  separator: c = ",",
+  disabled: l = !1,
   className: a,
   ariaLabel: d = "Добавление нового элемента",
   chipsAriaLabel: u = "Список элементов",
@@ -5084,8 +5083,8 @@ const zs = ({
 }) => {
   const [j, p] = k([]), [C, g] = k(""), [w, v] = k(null);
   I(() => {
-    p(Ws(t, l));
-  }, [t, l]);
+    p(Ws(t, c));
+  }, [t, c]);
   const M = (L) => {
     g(L);
   }, R = (L) => {
@@ -5094,10 +5093,10 @@ const zs = ({
     if (C.trim() === "" || j.includes(C.trim()))
       return;
     const L = [...j, C.trim()];
-    p(L), r == null || r(et(L, l)), g(""), v(L.length - 1);
-  }, [j, C, r, l]), z = (L) => {
+    p(L), r == null || r(et(L, c)), g(""), v(L.length - 1);
+  }, [j, C, r, c]), z = (L) => {
     const P = j.filter((B, H) => H !== L);
-    p(P), r == null || r(et(P, l)), v(L > 0 ? L - 1 : null);
+    p(P), r == null || r(et(P, c)), v(L > 0 ? L - 1 : null);
   };
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -5117,7 +5116,7 @@ const zs = ({
             error: f,
             errorText: m,
             helperText: _,
-            disabled: c,
+            disabled: l,
             "aria-label": d,
             "aria-describedby": x ? `${x}-help` : void 0
           }
@@ -5140,7 +5139,7 @@ const zs = ({
                     {
                       text: L,
                       onDelete: () => z(P),
-                      disabled: c,
+                      disabled: l,
                       "aria-label": `Элемент: ${L}`,
                       "aria-selected": w === P,
                       role: "option",
@@ -5156,7 +5155,7 @@ const zs = ({
                 {
                   onClick: A,
                   className: "more-text-btn",
-                  disabled: c || !C.trim(),
+                  disabled: l || !C.trim(),
                   "aria-label": `${o} элемент`,
                   children: o
                 }
@@ -5176,8 +5175,8 @@ const Dt = ce.forwardRef(({
   readOnly: s,
   border: i,
   onClear: o,
-  icon: l,
-  onChange: c,
+  icon: c,
+  onChange: l,
   name: a,
   value: d,
   placeholder: u,
@@ -5203,10 +5202,10 @@ const Dt = ce.forwardRef(({
     const D = F.current.querySelector("input");
     D && D.focus();
   }, te = N((D, W) => {
-    c && (y.current && (clearTimeout(y.current), y.current = null), y.current = setTimeout(() => {
-      y.current && (clearTimeout(y.current), y.current = null), c(D, W);
+    l && (y.current && (clearTimeout(y.current), y.current = null), y.current = setTimeout(() => {
+      y.current && (clearTimeout(y.current), y.current = null), l(D, W);
     }, 100));
-  }, [c]), ue = N(() => {
+  }, [l]), ue = N(() => {
     Q((D) => {
       let W = D ? D + v : v;
       return typeof p == "number" && W > p && (W = p), te(W, a), W;
@@ -5233,7 +5232,7 @@ const Dt = ce.forwardRef(({
       }, 100);
     }, 500);
   }, [ue, oe]), Ne = (D) => {
-    q === "" && (Q(0), c == null || c(0)), _ == null || _(D);
+    q === "" && (Q(0), l == null || l(0)), _ == null || _(D);
   };
   I(() => {
     ne(f, d);
@@ -5263,7 +5262,7 @@ const Dt = ce.forwardRef(({
         "aria-disabled": w,
         "aria-invalid": $,
         children: [
-          l ? /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container", onClick: X, "aria-hidden": "true", children: l }) : null,
+          c ? /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container", onClick: X, "aria-hidden": "true", children: c }) : null,
           /* @__PURE__ */ e.jsxs("div", { ref: F, className: "input-field__input-container", onClick: X, children: [
             /* @__PURE__ */ e.jsx(
               "input",
@@ -5361,8 +5360,8 @@ const It = ce.forwardRef(
     transparent: s,
     readOnly: i,
     border: o,
-    onClear: l,
-    icon: c,
+    onClear: c,
+    icon: l,
     onChange: a,
     name: d,
     value: u,
@@ -5410,7 +5409,7 @@ const It = ce.forwardRef(
           `,
           onClick: O,
           children: [
-            c && /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container", "aria-hidden": "true", children: c }),
+            l && /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container", "aria-hidden": "true", children: l }),
             /* @__PURE__ */ e.jsxs("div", { className: "input-field__input-container input-field__text-area__input-container", ref: z, children: [
               /* @__PURE__ */ e.jsx(
                 "textarea",
@@ -5444,7 +5443,7 @@ const It = ce.forwardRef(
                 }
               )
             ] }),
-            l && u && !g && /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container input-field__icon-container__clear-btn", onClick: l, children: /* @__PURE__ */ e.jsx(ke, { "aria-label": "Clear textarea" }) })
+            c && u && !g && /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container input-field__icon-container__clear-btn", onClick: c, children: /* @__PURE__ */ e.jsx(ke, { "aria-label": "Clear textarea" }) })
           ]
         }
       ),
@@ -5454,8 +5453,8 @@ const It = ce.forwardRef(
   }
 );
 It.displayName = "TextArea";
-const Gs = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: i, onCancel: o, onOK: l }) => {
-  const [c, a] = k(!1), d = N((f) => {
+const Gs = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: i, onCancel: o, onOK: c }) => {
+  const [l, a] = k(!1), d = N((f) => {
     n(f), a(!0);
   }, [n]), u = N((f) => {
     t(f), a(!1);
@@ -5475,11 +5474,11 @@ const Gs = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: i, o
         /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Minute" })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: c ? /* @__PURE__ */ e.jsx(Ys, { setMinutes: u }) : /* @__PURE__ */ e.jsx(Zs, { setHours: d }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: l ? /* @__PURE__ */ e.jsx(Ys, { setMinutes: u }) : /* @__PURE__ */ e.jsx(Zs, { setHours: d }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
       /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => r(), children: /* @__PURE__ */ e.jsx(jt, {}) }),
       /* @__PURE__ */ e.jsx(be, { className: "little", onClick: x, children: "Cancel" }),
-      /* @__PURE__ */ e.jsx(be, { className: "little", onClick: l, children: "OK" })
+      /* @__PURE__ */ e.jsx(be, { className: "little", onClick: c, children: "OK" })
     ] })
   ] });
 };
@@ -5535,8 +5534,8 @@ function Ys({ setMinutes: n }) {
     /* @__PURE__ */ e.jsx("span", { className: "center" })
   ] });
 }
-const Us = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, onCancel: o, onOK: l }) => {
-  const c = (d) => {
+const Us = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, onCancel: o, onOK: c }) => {
+  const l = (d) => {
     let u = Number(d.target.value);
     u < 0 && (u = 0), u > 23 && (u = 23), n(u);
   }, a = (d) => {
@@ -5547,7 +5546,7 @@ const Us = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
     /* @__PURE__ */ e.jsx("div", { className: "time-type", children: /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "Enter time" }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "time-input-container", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "time-input hours", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { type: "number", min: 0, max: 23, value: i, onChange: c }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { type: "number", min: 0, max: 23, value: i, onChange: l }) }),
         /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Hour" })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "time-separator", children: ":" }),
@@ -5559,18 +5558,18 @@ const Us = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
     /* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
       /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => r(), children: /* @__PURE__ */ e.jsx(Mn, {}) }),
       /* @__PURE__ */ e.jsx(be, { className: "little", onClick: o, children: "Cancel" }),
-      /* @__PURE__ */ e.jsx(be, { className: "little", onClick: l, children: "OK" })
+      /* @__PURE__ */ e.jsx(be, { className: "little", onClick: c, children: "OK" })
     ] })
   ] });
 }, Ks = (n) => {
-  const [t, r] = k(n.minutes ?? 0), [s, i] = k(n.hours ?? 0), [o, l] = k(!0), c = () => {
+  const [t, r] = k(n.minutes ?? 0), [s, i] = k(n.hours ?? 0), [o, c] = k(!0), l = () => {
     n.onHide && n.onHide(), r(0), i(0);
   }, a = N((u) => {
     r(u), n.onChange && n.onChange(s, u), n.onHide && n.onHide();
   }, [s]), d = N(() => {
     n.onChange && n.onChange(s, t), n.onHide && n.onHide();
   }, [s, t]);
-  return o ? /* @__PURE__ */ e.jsx(qe, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Gs, { setMinutes: a, setHours: i, minutes: t, hours: s, switchMode: () => l(!1), onCancel: c, onOK: d }) }) : /* @__PURE__ */ e.jsx(qe, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Us, { setMinutes: r, setHours: i, minutes: t, hours: s, switchMode: () => l(!0), onCancel: c, onOK: d }) });
+  return o ? /* @__PURE__ */ e.jsx(qe, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Gs, { setMinutes: a, setHours: i, minutes: t, hours: s, switchMode: () => c(!1), onCancel: l, onOK: d }) }) : /* @__PURE__ */ e.jsx(qe, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Us, { setMinutes: r, setHours: i, minutes: t, hours: s, switchMode: () => c(!0), onCancel: l, onOK: d }) });
 }, Xs = {
   small: "input-field__time-field_small",
   medium: "input-field__time-field_medium",
@@ -5582,8 +5581,8 @@ const Us = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
   value: s = "",
   className: i = "",
   validEmptyValue: o,
-  error: l,
-  container: c,
+  error: c,
+  container: l,
   disabled: a = !1,
   errorText: d,
   helperText: u,
@@ -5592,7 +5591,7 @@ const Us = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
   ariaLabelledby: m,
   style: _
 }) => {
-  const [j, p] = k(s), [C, g] = k(!1), w = l || !!d;
+  const [j, p] = k(s), [C, g] = k(!1), w = c || !!d;
   I(() => {
     p(s);
   }, [s]);
@@ -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: l, children: /* @__PURE__ */ e.jsx(
       Ks,
       {
         onHide: () => g(!1),
@@ -5682,15 +5681,15 @@ function Js(n, t, r, s, i) {
   return s + (i - s) * ((n - t) / (r - t));
 }
 const kn = 0, Nn = 100, Zi = ({ showValue: n = !0, ...t }) => {
-  const [r, s] = k(0), [i, o] = k(!1), l = U(null), c = U(null);
+  const [r, s] = k(0), [i, o] = k(!1), c = U(null), l = U(null);
   I(() => {
     t.value ? s(t.value) : s(0);
   }, [t.value]);
   const a = (f) => {
     s(Number(f.target.value)), t.onChange && t.onChange(f);
   }, d = (f, m, _) => {
-    if (l.current && c.current) {
-      let j = mn(c.current);
+    if (c.current && l.current) {
+      let j = mn(l.current);
       if (j)
         return Js(f, m, _, 0, _ - m) * (j.width - 20) / (_ - m);
     }
@@ -5703,33 +5702,33 @@ const kn = 0, Nn = 100, Zi = ({ showValue: n = !0, ...t }) => {
   return /* @__PURE__ */ e.jsx("div", { className: `range ${t.disabled ? "disabled" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "field", style: t.style, children: [
     t.showMinMax ? /* @__PURE__ */ e.jsx("div", { className: "value left", children: t.min ?? kn }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "field-range-container", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "slider-value", ref: l, style: { width: d(r, t.min ?? kn, t.max ?? Nn) }, children: /* @__PURE__ */ e.jsx("div", { className: "slider-tooltip", style: { display: i ? "block" : "none" }, children: n && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx("div", { className: "slider-value", ref: c, style: { width: d(r, t.min ?? kn, t.max ?? Nn) }, children: /* @__PURE__ */ e.jsx("div", { className: "slider-tooltip", style: { display: i ? "block" : "none" }, children: n && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx("span", { className: "slider-tooltip-container" }),
         /* @__PURE__ */ e.jsx("span", { className: "slider-tooltip-value", children: r })
       ] }) }) }),
-      /* @__PURE__ */ e.jsx("input", { disabled: t.disabled, onMouseUp: t.onMouseUp, ref: c, step: t.step, type: "range", min: t.min ?? kn, max: t.max ?? Nn, onChange: a, value: r, onFocus: u, onBlur: x })
+      /* @__PURE__ */ e.jsx("input", { disabled: t.disabled, onMouseUp: t.onMouseUp, ref: l, step: t.step, type: "range", min: t.min ?? kn, max: t.max ?? Nn, onChange: a, value: r, onFocus: u, onBlur: x })
     ] }),
     t.showMinMax ? /* @__PURE__ */ e.jsx("div", { className: "value right", children: t.max ?? Nn }) : null
   ] }) });
 };
-const Yi = ({ className: n, text: t, title: r, hexColor: s, hexBackground: i, style: o, btn: l }) => /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-sh-ui-kit-empty-page ${n ?? ""}`, style: { background: Jr(i), color: s, ...o }, children: [
+const Yi = ({ className: n, text: t, title: r, hexColor: s, hexBackground: i, style: o, btn: c }) => /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-sh-ui-kit-empty-page ${n ?? ""}`, style: { background: Jr(i), color: s, ...o }, children: [
   /* @__PURE__ */ e.jsx("h2", { children: r }),
   t ? /* @__PURE__ */ e.jsx("p", { children: t }) : null,
-  l ? /* @__PURE__ */ e.jsx(We, { styleType: l.styleType ?? "filled", style: l.style, className: l.className, onClick: l.onClick, children: l.text }) : null
+  c ? /* @__PURE__ */ e.jsx(We, { styleType: c.styleType ?? "filled", style: c.style, className: c.className, onClick: c.onClick, children: c.text }) : null
 ] });
-const qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent: o, onlyStringValue: l }) => {
-  const [c, a] = k(""), [d, u] = k(""), [x, f] = k(!1), [m, _] = k(!0), j = N((w, v) => {
+const qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent: o, onlyStringValue: c }) => {
+  const [l, a] = k(""), [d, u] = k(""), [x, f] = k(!1), [m, _] = k(!0), j = N((w, v) => {
     s({ ...r, [v]: w });
   }, [s, r]), p = N(() => {
     u(""), a(""), f(!1);
   }, []), C = N(() => {
     let w = d;
     try {
-      l || (w = JSON.parse(w));
+      c || (w = JSON.parse(w));
     } catch {
     }
-    p(), s({ ...r, [c]: w });
-  }, [r, s, c, d, p]), g = N((w) => {
+    p(), s({ ...r, [l]: w });
+  }, [r, s, l, d, p]), g = N((w) => {
     let v = { ...r };
     delete v[w], s(v);
   }, [r, s]);
@@ -5747,7 +5746,7 @@ const qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initCompo
       (w, v) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(Fn, { readonly: n, onDelete: () => g(w), onChange: (M) => j(M, w), name: w, data: r[w] }) }, v)
     ) : null }) : null,
     x && !n ? /* @__PURE__ */ e.jsxs("div", { className: "json-object-content", children: [
-      /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: c.length || 10, placeholder: "key", onChange: (w) => a(w.target.value), className: "json-base-data-input", type: "text", value: c }) }),
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: l.length || 10, placeholder: "key", onChange: (w) => a(w.target.value), className: "json-base-data-input", type: "text", value: l }) }),
       ":",
       /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: d.length || 10, placeholder: "value", onChange: (w) => u(w.target.value), className: "json-base-data-input", type: "text", value: d }) }),
       /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: C, children: "save" }),
@@ -5758,20 +5757,20 @@ const qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initCompo
       !n && !o ? /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: i, children: /* @__PURE__ */ e.jsx(fn, {}) }) : null
     ] })
   ] }) });
-}, Qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent: o, onlyStringValue: l }) => {
-  const [c, a] = k(""), [d, u] = k(!1), [x, f] = k(!0), m = N((C, g) => {
+}, Qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent: o, onlyStringValue: c }) => {
+  const [l, a] = k(""), [d, u] = k(!1), [x, f] = k(!0), m = N((C, g) => {
     const w = r.slice();
     w[g] = C, s(w);
   }, [s, r]), _ = N(() => {
     a(""), u(!1);
   }, []), j = N(() => {
-    let C = c;
+    let C = l;
     try {
-      l || (C = JSON.parse(C));
+      c || (C = JSON.parse(C));
     } catch {
     }
     _(), s([...r, C]);
-  }, [r, s, c, _]), p = N((C) => {
+  }, [r, s, l, _]), p = N((C) => {
     s(r.filter((g, w) => w !== C));
   }, [r, s]);
   return /* @__PURE__ */ e.jsx("div", { className: `json-card-container ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsxs("div", { children: [
@@ -5786,7 +5785,7 @@ const qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initCompo
     ] }),
     x ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r && r.map((C, g) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(Fn, { readonly: n, onDelete: () => p(g), onChange: (w) => m(w, g), name: String(g), data: C }) }, g)) }) : null,
     d ? /* @__PURE__ */ e.jsxs("div", { className: "json-object-content", children: [
-      /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: c.length || 10, placeholder: "value", onChange: (C) => a(C.target.value), className: "json-base-data-input", type: "text", value: c }) }),
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: l.length || 10, placeholder: "value", onChange: (C) => a(C.target.value), className: "json-base-data-input", type: "text", value: l }) }),
       /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: j, children: "save" }),
       /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-cancel json-base-data-btn", onClick: _, children: "cancel" })
     ] }) : null,
@@ -5796,8 +5795,8 @@ const qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initCompo
     ] })
   ] }) });
 }, ei = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i }) => {
-  const o = N((l) => {
-    s(l.target.value);
+  const o = N((c) => {
+    s(c.target.value);
   }, [s]);
   return /* @__PURE__ */ e.jsx("div", { className: `json-card-container ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("div", { className: "json-line", children: [
     /* @__PURE__ */ e.jsx("span", { className: "json-object-name", children: t }),
@@ -5809,8 +5808,8 @@ const qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initCompo
   ] }) }) });
 };
 var At = /* @__PURE__ */ ((n) => (n.NONE = "NONE", n.ARRAY = "ARRAY", n.OBJECT = "OBJECT", n))(At || {});
-const Fn = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: o, onlyStringValue: l }) => typeof r == "boolean" || typeof r == "number" || typeof r == "string" ? /* @__PURE__ */ e.jsx(ei, { readonly: n, onDelete: i, onChange: s, data: r, name: t }) : r ? Array.isArray(r) ? /* @__PURE__ */ e.jsx(Qs, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: o === "ARRAY", onlyStringValue: l }) : /* @__PURE__ */ e.jsx(qs, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: o === "OBJECT", onlyStringValue: l }) : null, Ui = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: o = At.NONE, onlyStringValue: l }) => {
-  const [c, a] = k(r || void 0), [d, u] = k(""), x = N((_) => {
+const Fn = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: o, onlyStringValue: c }) => typeof r == "boolean" || typeof r == "number" || typeof r == "string" ? /* @__PURE__ */ e.jsx(ei, { readonly: n, onDelete: i, onChange: s, data: r, name: t }) : r ? Array.isArray(r) ? /* @__PURE__ */ e.jsx(Qs, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: o === "ARRAY", onlyStringValue: c }) : /* @__PURE__ */ e.jsx(qs, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: o === "OBJECT", onlyStringValue: c }) : null, Ui = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: o = At.NONE, onlyStringValue: c }) => {
+  const [l, a] = k(r || void 0), [d, u] = k(""), x = N((_) => {
     n || (a(_), s && s(_));
   }, [s]), f = N(() => {
     n || (a(void 0), i && i());
@@ -5826,9 +5825,9 @@ const Fn = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
   }, [s, d]);
   return I(() => {
     a(r);
-  }, [r]), !c && n ? /* @__PURE__ */ e.jsx("div", { className: `json-object-content ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: "value" }) }) : c ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  }, [r]), !l && n ? /* @__PURE__ */ e.jsx("div", { className: `json-object-content ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: "value" }) }) : l ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(Yn, { transparent: !0, text: JSON.stringify(r) }),
-    /* @__PURE__ */ e.jsx(Fn, { readonly: n, onDelete: f, onChange: x, data: c, baseType: o, name: t, onlyStringValue: l })
+    /* @__PURE__ */ e.jsx(Fn, { readonly: n, onDelete: f, onChange: x, data: l, baseType: o, name: t, onlyStringValue: c })
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: `json-object-content ${n ? "" : "changeable"}`, children: [
     /* @__PURE__ */ e.jsx(Yn, { transparent: !0, text: JSON.stringify(r) }),
     /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: d.length || 10, placeholder: "value", onChange: (_) => u(_.target.value), className: "alex-evo-sh-ui-kit-json json-base-data-input", type: "text", value: d }) }),
@@ -5836,20 +5835,20 @@ const Fn = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
   ] });
 };
 const Ki = ({ btn: n, btnComponent: t, onSearch: r, placeholder: s, autoChenge: i, border: o = !1 }) => {
-  const l = U(null), [c, a] = k(""), [d, u] = k(!1), x = () => {
-    l.current && (l.current.focus(), u(!0));
+  const c = U(null), [l, a] = k(""), [d, u] = k(!1), x = () => {
+    c.current && (c.current.focus(), u(!0));
   }, f = () => {
-    l.current && (l.current.focus(), l.current.value = ""), a(""), u(!0), i && r("");
+    c.current && (c.current.focus(), c.current.value = ""), a(""), u(!0), i && r("");
   }, m = () => {
-    f(), l.current && (l.current.blur(), u(!1));
+    f(), c.current && (c.current.blur(), u(!1));
   }, _ = (p) => {
     a(p.target.value), i && r(p.target.value);
   }, j = (p) => {
-    p.code === "Enter" && r(c);
+    p.code === "Enter" && r(l);
   };
   return /* @__PURE__ */ e.jsx("div", { className: `search-container ${o ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
     d ? /* @__PURE__ */ e.jsx("span", { onClick: m, children: /* @__PURE__ */ e.jsx(Ln, {}) }) : n ? /* @__PURE__ */ e.jsx("span", { onClick: n.onClick, children: n.icon }) : t || null,
-    /* @__PURE__ */ e.jsx("input", { placeholder: s, type: "text", ref: l, onChange: _, onKeyDown: j, value: c, onFocus: () => u(!0) }),
+    /* @__PURE__ */ e.jsx("input", { placeholder: s, type: "text", ref: c, onChange: _, onKeyDown: j, value: l, onFocus: () => u(!0) }),
     d ? /* @__PURE__ */ e.jsx("span", { onClick: f, children: /* @__PURE__ */ e.jsx(ke, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: x, children: /* @__PURE__ */ e.jsx($n, {}) })
   ] }) });
 };
@@ -5861,15 +5860,15 @@ const ni = ({
   onClose: i,
   point: o = { x: 50, y: 50 }
 }) => {
-  const l = U(null);
+  const c = U(null);
   if (I(() => {
     const d = (u) => {
-      s && l.current && !l.current.contains(u.target) && i();
+      s && c.current && !c.current.contains(u.target) && i();
     };
     return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
   }, [s, i]), !s)
     return null;
-  const c = (d, u) => {
+  const l = (d, u) => {
     const x = t[d] || [], f = x.includes(u) ? x.filter((m) => m !== u) : [...x, u];
     r({
       ...t,
@@ -5880,7 +5879,7 @@ const ni = ({
     left: `${o.x}px`,
     zIndex: 1e3
   };
-  return /* @__PURE__ */ e.jsx(hn, { onHide: i, children: /* @__PURE__ */ e.jsx(js, { className: "multi-filter", style: a, children: /* @__PURE__ */ e.jsx("div", { ref: l, children: n.map(({ name: d, options: u }, x) => /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: 16 }, children: [
+  return /* @__PURE__ */ e.jsx(hn, { onHide: i, children: /* @__PURE__ */ e.jsx(js, { className: "multi-filter", style: a, children: /* @__PURE__ */ e.jsx("div", { ref: c, children: n.map(({ name: d, options: u }, x) => /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: 16 }, children: [
     x !== 0 && /* @__PURE__ */ e.jsx(je, {}),
     /* @__PURE__ */ e.jsx(K, { type: "title-2", weight: "bold", children: d }),
     /* @__PURE__ */ e.jsx("div", { className: "filter-block", children: u.map((f) => /* @__PURE__ */ e.jsxs("label", { className: "filter-field", children: [
@@ -5889,7 +5888,7 @@ const ni = ({
         {
           name: d,
           checked: (t[d] || []).includes(f),
-          onChange: () => c(d, f)
+          onChange: () => l(d, f)
         }
       ),
       /* @__PURE__ */ e.jsx(K, { type: "body", children: f })
@@ -5902,14 +5901,14 @@ const ni = ({
   filters: s,
   selectedFilters: i,
   onChangeFilter: o,
-  border: l = !1
+  border: c = !1
 }) => {
-  const c = U(null), [a, d] = k(""), [u, x] = k(!1), [f, m] = k(null), _ = () => {
-    c.current && (c.current.focus(), x(!0));
+  const l = U(null), [a, d] = k(""), [u, x] = k(!1), [f, m] = k(null), _ = () => {
+    l.current && (l.current.focus(), x(!0));
   }, j = () => {
-    c.current && (c.current.focus(), c.current.value = ""), d(""), x(!0), r && n("");
+    l.current && (l.current.focus(), l.current.value = ""), d(""), x(!0), r && n("");
   }, p = () => {
-    j(), c.current && (c.current.blur(), x(!1));
+    j(), l.current && (l.current.blur(), x(!1));
   }, C = (v) => {
     d(v.target.value), r && n(v.target.value);
   }, g = (v) => {
@@ -5923,20 +5922,20 @@ const ni = ({
     });
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { className: `search-container ${l ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
+    /* @__PURE__ */ e.jsx("div", { className: `search-container ${c ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
       u ? /* @__PURE__ */ e.jsx("span", { onClick: p, children: /* @__PURE__ */ e.jsx(Ln, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: w, children: /* @__PURE__ */ e.jsx(gt, {}) }),
-      /* @__PURE__ */ e.jsx("input", { placeholder: t, type: "text", ref: c, onChange: C, onKeyDown: g, value: a, onFocus: () => x(!0) }),
+      /* @__PURE__ */ e.jsx("input", { placeholder: t, type: "text", ref: l, 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 }) => {
-  const [s, i] = k(n), [o, l] = k(!1);
+  const [s, i] = k(n), [o, c] = k(!1);
   I(() => {
-    n ? (i(!0), setTimeout(() => l(!0), 10)) : (l(!1), setTimeout(() => i(!1), 300));
+    n ? (i(!0), setTimeout(() => c(!0), 10)) : (c(!1), setTimeout(() => i(!1), 300));
   }, [n]);
-  const c = () => {
+  const l = () => {
     var a;
     return (a = r == null ? void 0 : r.onHide) == null ? void 0 : a.call(r);
   };
@@ -5952,7 +5951,7 @@ const ti = ({ visible: n, text: t, option: r }) => {
           /* @__PURE__ */ e.jsx("div", { className: "snackbar-text", children: t }),
           (r == null ? void 0 : r.onClick) && /* @__PURE__ */ e.jsx("div", { className: "snackbar-button-container", children: /* @__PURE__ */ e.jsx(be, { className: "snackbar-btn", onClick: r.onClick, children: r.buttonText ?? "Action" }) })
         ] }),
-        (r == null ? void 0 : r.closeButton) && /* @__PURE__ */ e.jsx("div", { className: "snackbar-close", children: /* @__PURE__ */ e.jsx("span", { onClick: c, children: /* @__PURE__ */ e.jsx(ke, {}) }) })
+        (r == null ? void 0 : r.closeButton) && /* @__PURE__ */ e.jsx("div", { className: "snackbar-close", children: /* @__PURE__ */ e.jsx("span", { onClick: l, children: /* @__PURE__ */ e.jsx(ke, {}) }) })
       ]
     }
   ) : null;
@@ -5964,8 +5963,8 @@ const Ji = ({
   density: s = "normal",
   className: i = "",
   text: o,
-  style: l,
-  onClick: c,
+  style: c,
+  onClick: l,
   onContextMenu: a,
   ...d
 }) => {
@@ -5973,7 +5972,7 @@ const Ji = ({
     fontSize: at(n, t),
     fontWeight: lt(n, r),
     lineHeight: ct(n, s, t),
-    ...l
+    ...c
   }, C = _ ? "typography-heading" : "typography-text", g = N(() => {
     if (!u.current || !x.current)
       return;
@@ -5987,7 +5986,7 @@ const Ji = ({
       "div",
       {
         ref: u,
-        onClick: c,
+        onClick: l,
         onContextMenu: a,
         className: `runing-text ${f ? "runing" : ""}`,
         children: /* @__PURE__ */ e.jsx(
@@ -6034,8 +6033,8 @@ const nt = (n, t) => {
     items: s,
     onChange: i,
     value: o,
-    placeholder: l,
-    className: c,
+    placeholder: c,
+    className: l,
     border: a,
     name: d,
     error: u,
@@ -6065,7 +6064,7 @@ const nt = (n, t) => {
       medium: "input-field__text-field_medium",
       large: "input-field__text-field_large"
     };
-    return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${c}`, children: [
+    return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${l}`, children: [
       /* @__PURE__ */ e.jsx("div", { ref: w, style: t, className: `
                 input-field 
                 input-field__text-field 
@@ -6091,7 +6090,7 @@ const nt = (n, t) => {
             readOnly: !0
           }
         ),
-        /* @__PURE__ */ e.jsx("label", { className: "input-field__input-container__label", children: l ? /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: l }) : null })
+        /* @__PURE__ */ e.jsx("label", { className: "input-field__input-container__label", children: c ? /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: c }) : null })
       ] }) }),
       P && C && /* @__PURE__ */ e.jsx(K, { type: "small", className: "input-field-container__error-text", children: C }),
       p && !P && /* @__PURE__ */ e.jsx(K, { type: "small", className: "input-field-container__helper-text", children: p }),
@@ -6101,8 +6100,8 @@ const nt = (n, t) => {
 );
 Pt.displayName = "SelectField";
 const ri = ({ icons: n, value: t, onChange: r, disabled: s, placeholder: i, container: o = document.getElementById("root") }) => {
-  const [l, c] = k(!1), a = n.find((u) => u.id === t), d = (u) => {
-    r == null || r(u), c(!1);
+  const [c, l] = k(!1), a = n.find((u) => u.id === t), d = (u) => {
+    r == null || r(u), l(!1);
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
@@ -6113,15 +6112,15 @@ const ri = ({ icons: n, value: t, onChange: r, disabled: s, placeholder: i, cont
         value: a == null ? void 0 : a.name,
         readOnly: !0,
         disabled: s,
-        onClick: () => c(!0),
+        onClick: () => l(!0),
         placeholder: i
       }
     ),
-    l && /* @__PURE__ */ e.jsx(Oe, { container: o, children: /* @__PURE__ */ e.jsx(
+    c && /* @__PURE__ */ e.jsx($e, { container: o, children: /* @__PURE__ */ e.jsx(
       us,
       {
         header: "Icons",
-        onHide: () => c(!1),
+        onHide: () => l(!1),
         onSuccess: d,
         items: n.map((u) => ({ icon: u.component, title: u.name, data: u.id }))
       }
@@ -6192,9 +6191,9 @@ const ii = {
   hideSnackbar: () => {
   }
 }, oi = un(ii), e1 = ({ children: n }) => {
-  var l;
-  const [t, r] = k({ visible: !1, text: "" }), s = U(null), i = N((c, a) => {
-    r({ visible: !0, text: c, option: a }), s.current && clearTimeout(s.current), a != null && a.closeButton || (s.current = setTimeout(() => o(), (a == null ? void 0 : a.delay) ?? 3e3));
+  var c;
+  const [t, r] = k({ visible: !1, text: "" }), s = U(null), i = N((l, a) => {
+    r({ visible: !0, text: l, option: a }), s.current && clearTimeout(s.current), a != null && a.closeButton || (s.current = setTimeout(() => o(), (a == null ? void 0 : a.delay) ?? 3e3));
   }, []), o = N(() => {
     s.current && (clearTimeout(s.current), s.current = null), r({ visible: !1, text: "" });
   }, []);
@@ -6205,7 +6204,7 @@ const ii = {
         ...t,
         option: {
           ...t.option,
-          onHide: (l = t.option) != null && l.closeButton ? o : void 0
+          onHide: (c = t.option) != null && c.closeButton ? o : void 0
           // гарантируем, что при нажатии на X скроется
         }
       }
@@ -6223,36 +6222,36 @@ 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];
     return ci(a) ? !!a : li(a) ? Number(a) : ai(a) ? a ?? "" : "";
-  }, [t, n]), l = N(() => {
+  }, [t, n]), c = N(() => {
     r && r(n, "");
-  }, [n]), c = N(() => {
+  }, [n]), l = N(() => {
     if (s && Object.keys(s).includes(n))
       return s[n];
   }, [s, n]);
   return {
     value: o(),
-    clearHandler: l,
-    error: c(),
+    clearHandler: c,
+    error: l(),
     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) => {
-    c && c(d.target.checked);
+  const { value: c, change: l } = Fe(o), a = (d) => {
+    l && l(d.target.checked);
   };
   return /* @__PURE__ */ e.jsx("div", { className: `input-field form-switch ${i}`, style: r, children: /* @__PURE__ */ e.jsx(
     Et,
@@ -6261,16 +6260,16 @@ const Ee = (n) => {
       ref: t,
       placeholder: n,
       name: o,
-      checked: !!l,
+      checked: !!c,
       onChange: a
     }
   ) });
 }, xi = ({ placeholder: n, ref: t, style: r, readOnly: s, className: i, name: o }) => {
-  const { value: l, change: c } = Ee(o), a = (u) => {
+  const { value: c, change: l } = Fe(o), a = (u) => {
     if (u.length > 0)
-      return c && c(!0);
-    c && c(!1);
-  }, d = N(() => l ? [n ?? o] : [], [l, o, n]);
+      return l && l(!0);
+    l && l(!1);
+  }, d = N(() => c ? [n ?? o] : [], [c, o, n]);
   return /* @__PURE__ */ e.jsx(
     Rt,
     {
@@ -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) => {
+}, Ci = Ee(
+  function({ children: t, value: r, name: s, errors: i, onFinish: o }, c) {
+    const [l, a] = k(r ?? {}), d = N((x) => {
+      x.preventDefault(), o == null || o(l);
+    }, [o, l]), u = N((x, f) => {
       a((m) => ({
         ...m,
         [x]: f
       }));
     }, []);
-    return ur(l, () => ({
-      submit: () => o == null ? void 0 : o(c),
+    return ur(c, () => ({
+      submit: () => o == null ? void 0 : o(l),
       setFieldValue: (x, f) => {
         a((m) => ({ ...m, [x]: f }));
       },
       setValues: (x) => a(x),
-      getValues: () => c,
+      getValues: () => l,
       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 }) });
+    }), [o, l, r]), /* @__PURE__ */ e.jsx(Ht.Provider, { value: { value: l, changeField: u, errors: i }, children: /* @__PURE__ */ e.jsx("form", { name: s, onSubmit: d, noValidate: !0, 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,