alex-evo-sh-ui-kit 1.1.91 → 1.1.93

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

@@ -1,5 +1,5 @@
-import ne, { useEffect as O, useState as g, useRef as Z, useCallback as k, createContext as Pe, useContext as Ce, useMemo as oe, forwardRef as ve, useLayoutEffect as dt, useId as Be, memo as ut, useImperativeHandle as ht } from "react";
-import mt from "react-dom";
+import ne, { useEffect as O, useState as g, useRef as G, useCallback as k, createContext as Pe, useContext as Ce, useMemo as oe, forwardRef as ve, useLayoutEffect as dt, useId as Be, memo as ut, useImperativeHandle as ht } from "react";
+import xt from "react-dom";
 import { NavLink as Qe } from "react-router-dom";
 import './index.css';var Je = { exports: {} }, Se = {};
 /**
@@ -12,7 +12,7 @@ import './index.css';var Je = { exports: {} }, Se = {};
  * LICENSE file in the root directory of this source tree.
  */
 var an;
-function xt() {
+function mt() {
   if (an) return Se;
   an = 1;
   var n = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
@@ -52,7 +52,7 @@ function ft() {
         return _.$$typeof === D ? null : _.displayName || _.name || null;
       if (typeof _ == "string") return _;
       switch (_) {
-        case j:
+        case p:
           return "Fragment";
         case b:
           return "Profiler";
@@ -110,7 +110,7 @@ function ft() {
       }
     }
     function s(_) {
-      if (_ === j) return "<>";
+      if (_ === p) return "<>";
       if (typeof _ == "object" && _ !== null && _.$$typeof === w)
         return "<...>";
       try {
@@ -155,7 +155,7 @@ function ft() {
     function d(_, $, H, K, J, te) {
       var Q = H.ref;
       return _ = {
-        $$typeof: p,
+        $$typeof: j,
         type: _,
         key: $,
         props: H,
@@ -191,19 +191,19 @@ function ft() {
         if (K)
           if (I(Q)) {
             for (K = 0; K < Q.length; K++)
-              x(Q[K]);
+              m(Q[K]);
             Object.freeze && Object.freeze(Q);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else x(Q);
+        else m(Q);
       if (N.call($, "key")) {
         Q = n(_);
         var ie = Object.keys($).filter(function(W) {
           return W !== "key";
         });
-        K = 0 < ie.length ? "{key: someKey, " + ie.join(": ..., ") + ": ...}" : "{key: someKey}", G[Q + K] || (ie = 0 < ie.length ? "{" + ie.join(": ..., ") + ": ...}" : "{}", console.error(
+        K = 0 < ie.length ? "{key: someKey, " + ie.join(": ..., ") + ": ...}" : "{key: someKey}", Z[Q + K] || (ie = 0 < ie.length ? "{" + ie.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -214,7 +214,7 @@ React keys must be passed directly to JSX without using spread:
           Q,
           ie,
           Q
-        ), G[Q + K] = !0);
+        ), Z[Q + K] = !0);
       }
       if (Q = null, H !== void 0 && (r(H), Q = "" + H), o($) && (r($.key), Q = "" + $.key), "key" in $) {
         H = {};
@@ -233,25 +233,25 @@ React keys must be passed directly to JSX without using spread:
         te
       );
     }
-    function x(_) {
+    function m(_) {
       h(_) ? _._store && (_._store.validated = 1) : typeof _ == "object" && _ !== null && _.$$typeof === w && (_._payload.status === "fulfilled" ? h(_._payload.value) && _._payload.value._store && (_._payload.value._store.validated = 1) : _._store && (_._store.validated = 1));
     }
     function h(_) {
-      return typeof _ == "object" && _ !== null && _.$$typeof === p;
+      return typeof _ == "object" && _ !== null && _.$$typeof === j;
     }
-    var m = ne, p = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), j = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), v = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), z = Symbol.for("react.activity"), D = Symbol.for("react.client.reference"), E = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, I = Array.isArray, S = console.createTask ? console.createTask : function() {
+    var x = ne, j = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), v = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), z = Symbol.for("react.activity"), D = Symbol.for("react.client.reference"), E = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, I = Array.isArray, S = console.createTask ? console.createTask : function() {
       return null;
     };
-    m = {
+    x = {
       react_stack_bottom_frame: function(_) {
         return _();
       }
     };
-    var L, T = {}, Y = m.react_stack_bottom_frame.bind(
-      m,
+    var L, T = {}, Y = x.react_stack_bottom_frame.bind(
+      x,
       l
-    )(), q = S(s(l)), G = {};
-    Me.Fragment = j, Me.jsx = function(_, $, H) {
+    )(), q = S(s(l)), Z = {};
+    Me.Fragment = p, Me.jsx = function(_, $, H) {
       var K = 1e4 > E.recentlyCreatedOwnerStacks++;
       return u(
         _,
@@ -274,7 +274,7 @@ React keys must be passed directly to JSX without using spread:
     };
   }()), Me;
 }
-process.env.NODE_ENV === "production" ? Je.exports = xt() : Je.exports = ft();
+process.env.NODE_ENV === "production" ? Je.exports = mt() : Je.exports = ft();
 var e = Je.exports;
 const _n = (n) => /* @__PURE__ */ e.jsx(
   Fe,
@@ -349,7 +349,7 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
     }
   );
 }, vn = ({ bottom: n = 0, ...t }) => {
-  const [r, s] = g(!1), [i, l] = g(!0), o = Z(null), c = k(() => {
+  const [r, s] = g(!1), [i, l] = g(!0), o = G(null), c = k(() => {
     s(!0), setTimeout(() => {
       t.onHide(), s(!1), l(!0);
     }, 200);
@@ -365,13 +365,13 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
     window.innerHeight - h.clientY + 20 <= 150 && c(), o.current && (o.current.style.height = `${window.innerHeight - h.clientY + 20 - n}px`);
   }, u = () => {
     document.body.removeEventListener("mousemove", d), document.body.removeEventListener("mouseup", u);
-  }, x = () => {
+  }, m = () => {
     document.body.addEventListener("mousemove", d), document.body.addEventListener("mouseup", u);
   };
   return O(() => () => {
     document.body.removeEventListener("mousemove", d), document.body.removeEventListener("mouseup", u);
   }), i && !r || !t.children ? null : /* @__PURE__ */ e.jsx(We, { onHide: c, children: /* @__PURE__ */ e.jsxs("div", { ref: o, 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", { role: "presentation", "data-testid": "bottom-sheet-handle", className: "bottom-sheets__handle", onMouseDown: m, onTouchMove: a, children: /* @__PURE__ */ e.jsx("span", {}) }),
     /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets__content", children: t.children })
   ] }) });
 }, gn = {
@@ -410,18 +410,18 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
   className: o = "",
   ...c
 }) => {
-  const a = Ce(we), d = a ? a.screen : t, u = n === "heading" || n === "title" || n === "title-2", x = u ? "h3" : "span", h = {
+  const a = Ce(we), d = a ? a.screen : t, u = n === "heading" || n === "title" || n === "title-2", m = u ? "h3" : "span", h = {
     fontSize: bn(n, d),
     fontWeight: kn(n, r),
     lineHeight: yn(n, s, d),
     ...l
-  }, m = u ? "typography-heading" : "typography-text";
+  }, x = u ? "typography-heading" : "typography-text";
   return /* @__PURE__ */ e.jsx(
-    x,
+    m,
     {
       ...c,
       style: h,
-      className: `${m} ${o}`,
+      className: `${x} ${o}`,
       children: i
     }
   );
@@ -438,18 +438,18 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
     style: a,
     rippleDisabled: d = !1,
     shadow: u = 0,
-    ...x
+    ...m
   }, h) => {
-    const m = k(
+    const x = k(
       (f) => {
-        c || (l == null || l(f), !d && p(f));
+        c || (l == null || l(f), !d && j(f));
       },
       [l, c]
-    ), p = (f) => {
-      const j = f.currentTarget, C = document.createElement("span"), b = Math.max(j.clientWidth, j.clientHeight), y = b / 2;
-      C.style.width = C.style.height = `${b}px`, C.style.left = `${f.clientX - j.getBoundingClientRect().left - y}px`, C.style.top = `${f.clientY - j.getBoundingClientRect().top - y}px`, C.classList.add("iconbutton-ripple");
-      const v = j.getElementsByClassName("iconbutton-ripple")[0];
-      v && v.remove(), j.appendChild(C);
+    ), j = (f) => {
+      const p = f.currentTarget, C = document.createElement("span"), b = Math.max(p.clientWidth, p.clientHeight), y = b / 2;
+      C.style.width = C.style.height = `${b}px`, C.style.left = `${f.clientX - p.getBoundingClientRect().left - y}px`, C.style.top = `${f.clientY - p.getBoundingClientRect().top - y}px`, C.classList.add("iconbutton-ripple");
+      const v = p.getElementsByClassName("iconbutton-ripple")[0];
+      v && v.remove(), p.appendChild(C);
     };
     return /* @__PURE__ */ e.jsx(
       "button",
@@ -460,11 +460,11 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
           ...a
         },
         className: `iconbutton iconbutton--${i} ${t} container_shadow-hover-${u}`,
-        onClick: m,
+        onClick: x,
         onContextMenu: o,
         disabled: c,
         "aria-disabled": c,
-        ...x,
+        ...m,
         children: /* @__PURE__ */ e.jsx("div", { className: `iconbutton-container ${r}`, children: n })
       }
     );
@@ -1791,11 +1791,11 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
   marginBottom: a,
   maxWidth: d = "560px",
   showCloseButton: u = !1,
-  ariaLabel: x
+  ariaLabel: m
 }) => {
   const h = () => {
     i && i();
-  }, m = {
+  }, x = {
     ...l,
     marginBottom: a,
     maxWidth: typeof d == "number" ? `${d}px` : d
@@ -1808,11 +1808,11 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
       children: /* @__PURE__ */ e.jsxs(
         "div",
         {
-          style: m,
+          style: x,
           className: `${o ? "" : "dialog-template__container dialog-template_base dialog-template_color_surface-container"} dialog-template ${n}`,
           role: "dialog",
           "aria-modal": "true",
-          "aria-label": x || r,
+          "aria-label": m || r,
           children: [
             r && /* @__PURE__ */ e.jsxs("div", { className: "dialog-template__container__header dialog-template__container__header_color_surface-container", children: [
               /* @__PURE__ */ e.jsx(U, { type: "heading", children: r }),
@@ -1898,13 +1898,13 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
   children: a,
   disableDefaultButtons: d = !1,
   customActions: u,
-  btns: x
+  btns: m
 }) => {
   const h = k(() => {
     l == null || l(), c == null || c();
-  }, [l, c]), m = k(() => {
+  }, [l, c]), x = k(() => {
     o == null || o(), c == null || c();
-  }, [o, c]), p = k(() => u || (d ? null : x ? /* @__PURE__ */ e.jsx(ze, { onHide: m, onSuccess: h, btns: x }) : /* @__PURE__ */ e.jsx(ze, { onHide: m, onSuccess: h, btns: [
+  }, [o, c]), j = k(() => u || (d ? null : m ? /* @__PURE__ */ e.jsx(ze, { onHide: x, onSuccess: h, btns: m }) : /* @__PURE__ */ e.jsx(ze, { onHide: x, onSuccess: h, btns: [
     {
       text: i,
       hide: !0,
@@ -1914,21 +1914,21 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
       text: s ?? "OK",
       success: !0
     }
-  ] })), [u, d, m, h, s, i]);
+  ] })), [u, d, x, h, s, i]);
   return /* @__PURE__ */ e.jsxs(
     Ee,
     {
       style: n,
       header: r,
-      onHide: m,
-      action: p(),
+      onHide: x,
+      action: j(),
       children: [
         t && /* @__PURE__ */ e.jsx(U, { type: "body", children: t }),
         a
       ]
     }
   );
-}, _e = ({ children: n, container: t = document.body }) => t ? mt.createPortal(
+}, _e = ({ children: n, container: t = document.body }) => t ? xt.createPortal(
   n,
   t
 ) : /* @__PURE__ */ e.jsx("p", { children: "container not found" }), Xt = ({ container: n, text: t, header: r, onClick: s, styleType: i, ...l }) => {
@@ -1950,12 +1950,12 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     if (!l) {
       try {
         await navigator.clipboard.writeText(n), a(!0), setTimeout(() => a(!1), r);
-      } catch (m) {
-        console.error("Не удалось скопировать текст", m);
+      } catch (x) {
+        console.error("Не удалось скопировать текст", x);
       }
       i == null || i(h);
     }
-  }, [n, l, r, i]), u = c ? /* @__PURE__ */ e.jsx(pe, { "aria-hidden": "true" }) : /* @__PURE__ */ e.jsx(Vn, { "aria-hidden": "true" }), x = c ? "Скопировано!" : "Копировать";
+  }, [n, l, r, i]), u = c ? /* @__PURE__ */ e.jsx(pe, { "aria-hidden": "true" }) : /* @__PURE__ */ e.jsx(Vn, { "aria-hidden": "true" }), m = c ? "Скопировано!" : "Копировать";
   return t ? /* @__PURE__ */ e.jsxs("div", { className: "copy-button", children: [
     /* @__PURE__ */ e.jsx(
       de,
@@ -1963,19 +1963,19 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
         icon: u,
         onClick: d,
         disabled: l,
-        "aria-label": `${x} ${n}`,
+        "aria-label": `${m} ${n}`,
         className: s,
         ...o
       }
     ),
-    /* @__PURE__ */ e.jsx(U, { type: "body", "aria-live": "polite", children: x })
+    /* @__PURE__ */ e.jsx(U, { type: "body", "aria-live": "polite", children: m })
   ] }) : /* @__PURE__ */ e.jsx(
     de,
     {
       icon: u,
       onClick: d,
       disabled: l,
-      "aria-label": `${x} ${n}`,
+      "aria-label": `${m} ${n}`,
       className: s,
       ...o
     }
@@ -1986,7 +1986,7 @@ const Kt = ({ valueDisplayDuration: n = 2e3 }) => {
   const [t, r] = g(
     2
     /* CLOSE */
-  ), s = Z(null), i = Z(null), l = () => {
+  ), s = G(null), i = G(null), l = () => {
     r(
       1
       /* HIDING */
@@ -2113,15 +2113,15 @@ const qt = Ne, Jt = (n) => {
 function Dn(n, t, r) {
   if (n === 0) return r ?? "#e0e0e0";
   if (n === 1) return t;
-  const s = r ? Ne(r) : null, i = (s == null ? void 0 : s.r) ?? 224, l = (s == null ? void 0 : s.g) ?? 224, o = (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(l + n * (a - l)), h = Math.round(o + n * (d - o));
-  return `rgb(${u}, ${x}, ${h})`;
+  const s = r ? Ne(r) : null, i = (s == null ? void 0 : s.r) ?? 224, l = (s == null ? void 0 : s.g) ?? 224, o = (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)), m = Math.round(l + n * (a - l)), h = Math.round(o + n * (d - o));
+  return `rgb(${u}, ${m}, ${h})`;
 }
 const ae = (n, t, r = "", s) => {
-  let i, l, o, c, a, d, u, x = Math.round, h = typeof r == "string";
+  let i, l, o, c, a, d, u, m = Math.round, h = typeof r == "string";
   if (typeof n != "number" || n < -1 || n > 1 || typeof t != "string" || t[0] != "r" && t[0] != "#" || r && !h || (u = t.length > 9, u = h ? typeof r == "string" && r.length > 9 ? !0 : r == "c" ? !u : !1 : u, a = ae.pSBCr(t), c = n < 0, d = r && typeof r == "string" && r != "c" ? ae.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)) return null;
-  s ? (i = x(c * (a.r ?? 0) + n * (d.r ?? 0)), l = x(c * (a.g ?? 0) + n * (d.g ?? 0)), o = x(c * (a.b ?? 0) + n * (d.b ?? 0))) : (i = x((c * (a.r ?? 0) ** 2 + n * (d.r ?? 0) ** 2) ** 0.5), l = x((c * (a.g ?? 0) ** 2 + n * (d.g ?? 0) ** 2) ** 0.5), o = x((c * (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 + "," + l + "," + o + (a ? "," + x(m * 1e3) / 1e3 : "") + ")" : "#" + (4294967296 + i * 16777216 + l * 65536 + o * 256 + (a ? x(m * 255) : 0)).toString(16).slice(1, a ? void 0 : -2);
+  s ? (i = m(c * (a.r ?? 0) + n * (d.r ?? 0)), l = m(c * (a.g ?? 0) + n * (d.g ?? 0)), o = m(c * (a.b ?? 0) + n * (d.b ?? 0))) : (i = m((c * (a.r ?? 0) ** 2 + n * (d.r ?? 0) ** 2) ** 0.5), l = m((c * (a.g ?? 0) ** 2 + n * (d.g ?? 0) ** 2) ** 0.5), o = m((c * (a.b ?? 0) ** 2 + n * (d.b ?? 0) ** 2) ** 0.5));
+  let x = a.a ?? 1;
+  return d = d.a ?? 1, a = x >= 0 || d >= 0, x = x >= 0 || d >= 0 ? x < 0 ? d : d < 0 ? x : x * c + d * n : 0, u ? "rgb" + (a ? "a(" : "(") + i + "," + l + "," + o + (a ? "," + m(x * 1e3) / 1e3 : "") + ")" : "#" + (4294967296 + i * 16777216 + l * 65536 + o * 256 + (a ? m(x * 255) : 0)).toString(16).slice(1, a ? void 0 : -2);
 };
 ae.pSBCr = (n) => {
   const t = parseInt;
@@ -2252,9 +2252,9 @@ function er(n, t = !1) {
     (a, d) => {
       const u = Qt[a];
       if (!u) return;
-      const x = u(d, i);
-      s((h) => ({ ...h, ...x })), Object.entries(x).forEach(([h, m]) => {
-        document.body.style.setProperty(`--${h.replace(/_/g, "-")}`, m);
+      const m = u(d, i);
+      s((h) => ({ ...h, ...m })), Object.entries(m).forEach(([h, x]) => {
+        document.body.style.setProperty(`--${h.replace(/_/g, "-")}`, x);
       });
     },
     [i]
@@ -2309,11 +2309,11 @@ function rr(n = "light") {
   const [t, r] = g(
     Xe
   ), [s, i] = g(n), { colors: l, setColor: o, setReverse: c } = er(t[s].colors, t[s].reverse), a = k(
-    (m) => {
-      const p = t[m].colors;
-      p && (Object.entries(p).forEach(([f, j]) => {
-        o(f, j);
-      }), c(t[m].reverse ?? !1), i(m));
+    (x) => {
+      const j = t[x].colors;
+      j && (Object.entries(j).forEach(([f, p]) => {
+        o(f, p);
+      }), c(t[x].reverse ?? !1), i(x));
     },
     [t, o]
   );
@@ -2321,31 +2321,31 @@ function rr(n = "light") {
     a(s);
   }, [s, a]);
   const d = k(
-    (m, p, f) => {
-      r((j) => ({
-        ...j,
-        [m]: {
-          colors: { ...j[m].colors, [p]: f },
-          reverse: j[m].reverse
+    (x, j, f) => {
+      r((p) => ({
+        ...p,
+        [x]: {
+          colors: { ...p[x].colors, [j]: f },
+          reverse: p[x].reverse
         }
       }));
     },
     []
-  ), u = k((m, p = "light", f) => {
-    r((j) => ({
-      ...j,
-      [m]: { colors: j[p].colors, reverse: f === void 0 ? j[p].reverse : f }
+  ), u = k((x, j = "light", f) => {
+    r((p) => ({
+      ...p,
+      [x]: { colors: p[j].colors, reverse: f === void 0 ? p[j].reverse : f }
     }));
-  }, []), x = k((m) => {
-    r((p) => {
-      const f = { ...p };
-      return delete f[m], f;
-    }), s === m && i("light");
+  }, []), m = k((x) => {
+    r((j) => {
+      const f = { ...j };
+      return delete f[x], f;
+    }), s === x && i("light");
   }, [s]), h = k(
-    (m) => {
-      Xe[m] && r((p) => ({
-        ...p,
-        [m]: { ...Xe[m] }
+    (x) => {
+      Xe[x] && r((j) => ({
+        ...j,
+        [x]: { ...Xe[x] }
       }));
     },
     []
@@ -2357,7 +2357,7 @@ function rr(n = "light") {
     setActiveTheme: a,
     updateThemeColor: d,
     createTheme: u,
-    deleteTheme: x,
+    deleteTheme: m,
     resetTheme: h
   };
 }
@@ -2386,19 +2386,19 @@ const $e = () => {
   orientation: a = "horizontal",
   styleTrack: d = "base",
   showValue: u = !0,
-  valueDisplayDuration: x = 2e3,
+  valueDisplayDuration: m = 2e3,
   ariaLabel: h = "Регулятор значения",
-  startColor: m,
-  className: p = "",
+  startColor: x,
+  className: j = "",
   ...f
 }) => {
-  const j = Z(null), C = Z(null), [b, y] = g(c ?? s), [v, M] = g("200px"), { colors: F } = Ce(sn), { showPopup: B, popupState: A } = Kt({ valueDisplayDuration: x }), w = n ?? F.Primary_color ?? "#0000ff";
+  const p = G(null), C = G(null), [b, y] = g(c ?? s), [v, M] = g("200px"), { colors: F } = Ce(sn), { showPopup: B, popupState: A } = Kt({ valueDisplayDuration: m }), w = n ?? F.Primary_color ?? "#0000ff";
   O(() => {
     var L;
     if (a === "vertical" && ((L = C.current) != null && L.parentElement)) {
       const T = () => {
-        var G, _;
-        const q = (_ = (G = C.current) == null ? void 0 : G.parentElement) == null ? void 0 : _.clientHeight;
+        var Z, _;
+        const q = (_ = (Z = C.current) == null ? void 0 : Z.parentElement) == null ? void 0 : _.clientHeight;
         q && M(`${q}px`);
       };
       T();
@@ -2419,7 +2419,7 @@ const $e = () => {
   ), N = oe(() => ({
     ...f.style,
     [a === "vertical" ? "height" : "width"]: `${E}%`,
-    background: d === "point" ? "transperent" : d === "static-color" ? w : Dn(E / 100, w, m)
+    background: d === "point" ? "transperent" : d === "static-color" ? w : Dn(E / 100, w, x)
   }), [E, w, f.style, a, d]), I = oe(() => a === "vertical" ? {
     "--range-width": o,
     "--point-width": d === "point" ? o : "6px",
@@ -2445,7 +2445,7 @@ const $e = () => {
     "div",
     {
       ref: C,
-      className: `range-wrapper ${a} ${p}`,
+      className: `range-wrapper ${a} ${j}`,
       style: I,
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "track", style: { background: t }, children: [
@@ -2455,7 +2455,7 @@ const $e = () => {
         /* @__PURE__ */ e.jsx(
           "input",
           {
-            ref: j,
+            ref: p,
             type: "range",
             min: s,
             style: S,
@@ -2490,21 +2490,21 @@ const $e = () => {
   strokeWidth: a = 20,
   radius: d = 100,
   colorBg: u = "var(--Surface-container-color)",
-  colorRange: x,
+  colorRange: m,
   pointColor: h,
-  showBase: m = !0,
-  showIndicator: p = !0,
+  showBase: x = !0,
+  showIndicator: j = !0,
   showPoint: f = !1,
-  rounding: j = !0,
+  rounding: p = !0,
   showValue: C = !0,
   style: b,
   children: y,
   className: v,
   startColor: M
 }) => {
-  const F = Z(null), B = Z(!1), A = d * 2, w = d * 2, z = Math.min(A, w), D = A / 2, E = w / 2, N = z / 2 - a / 2, I = c === "point" ? !1 : p, S = c === "point" ? !0 : f, { colors: L } = Ce(sn), T = x ?? L.Primary_color ?? "#0000ff", Y = h ?? L.Primary_color ?? "#0000ff", [q, G] = g(r);
+  const F = G(null), B = G(!1), A = d * 2, w = d * 2, z = Math.min(A, w), D = A / 2, E = w / 2, N = z / 2 - a / 2, I = c === "point" ? !1 : j, S = c === "point" ? !0 : f, { colors: L } = Ce(sn), T = m ?? L.Primary_color ?? "#0000ff", Y = h ?? L.Primary_color ?? "#0000ff", [q, Z] = g(r);
   O(() => {
-    r !== void 0 && G(r);
+    r !== void 0 && Z(r);
   }, [r]);
   const _ = k(() => {
     switch (o) {
@@ -2521,25 +2521,25 @@ const $e = () => {
   ), K = k(() => {
     if (!F.current) return;
     const [W, he] = $(), je = (q - n) * he / (t - n);
-    if (m) {
+    if (x) {
       const X = F.current.querySelector('[data-el="base"]');
-      X && (X.style.stroke = u, X.style.strokeWidth = a.toString(), X.style.strokeLinecap = j ? "round" : "", X.style.strokeDashoffset = W.toString(), X.style.strokeDasharray = `${he}, ${N * Math.PI * 2 - he}`);
+      X && (X.style.stroke = u, X.style.strokeWidth = a.toString(), X.style.strokeLinecap = p ? "round" : "", X.style.strokeDashoffset = W.toString(), X.style.strokeDasharray = `${he}, ${N * Math.PI * 2 - he}`);
     }
     if (I) {
       const X = F.current.querySelector('[data-el="indicator"]');
       if (X) {
-        const me = parseFloat(X.dataset.percentage ?? "");
-        me !== null && (me < H - 2 || me > H + 2) ? X.style.transition = ".3s" : X.style.transition = B.current ? "none" : ".3s", X.dataset.percentage = H.toString(), X.style.stroke = c === "static-color" ? T : Dn(H / 100, T, M), X.style.strokeWidth = a.toString(), X.style.strokeLinecap = j ? "round" : "", X.style.strokeDashoffset = W.toString(), X.style.strokeDasharray = `${je}, ${N * Math.PI * 2 - je}`;
+        const xe = parseFloat(X.dataset.percentage ?? "");
+        xe !== null && (xe < H - 2 || xe > H + 2) ? X.style.transition = ".3s" : X.style.transition = B.current ? "none" : ".3s", X.dataset.percentage = H.toString(), X.style.stroke = c === "static-color" ? T : Dn(H / 100, T, M), X.style.strokeWidth = a.toString(), X.style.strokeLinecap = p ? "round" : "", X.style.strokeDashoffset = W.toString(), X.style.strokeDasharray = `${je}, ${N * Math.PI * 2 - je}`;
       }
     }
     if (S) {
       const X = F.current.querySelector('[data-el="point"]');
       if (X) {
-        const me = parseFloat(X.dataset.percentage ?? "");
-        me !== null && (me < H - 2 || me > H + 2) ? X.style.transition = ".3s" : X.style.transition = B.current ? "none" : ".3s", X.dataset.percentage = H.toString(), X.style.stroke = Y, X.style.strokeWidth = a.toString(), X.style.strokeLinecap = "round", q === t && o === "semicircle" ? X.style.strokeDashoffset = "0" : X.style.strokeDashoffset = (W - je).toString(), X.style.strokeDasharray = `0, ${N * Math.PI * 2}`;
+        const xe = parseFloat(X.dataset.percentage ?? "");
+        xe !== null && (xe < H - 2 || xe > H + 2) ? X.style.transition = ".3s" : X.style.transition = B.current ? "none" : ".3s", X.dataset.percentage = H.toString(), X.style.stroke = Y, X.style.strokeWidth = a.toString(), X.style.strokeLinecap = "round", q === t && o === "semicircle" ? X.style.strokeDashoffset = "0" : X.style.strokeDashoffset = (W - je).toString(), X.style.strokeDasharray = `0, ${N * Math.PI * 2}`;
       }
     }
-  }, [q, $, t, n, N, a, u, T, Y, m, I, S, j, H, M]), J = (W) => {
+  }, [q, $, t, n, N, a, u, T, Y, x, I, S, p, H, M]), J = (W) => {
     B.current = !0, document.addEventListener("mousemove", te), document.addEventListener("mouseup", Q), ie(W);
   }, te = (W) => {
     W.preventDefault(), B.current && ie(W);
@@ -2547,11 +2547,11 @@ const $e = () => {
     B.current = !1, document.removeEventListener("mousemove", te), document.removeEventListener("mouseup", Q);
   }, ie = k((W) => {
     if (!F.current) return;
-    const he = _(), je = F.current.getBoundingClientRect(), X = je.left + je.width / 2, me = je.top + je.height / 2, st = W.clientX, it = W.clientY, lt = me - it, at = X - st;
+    const he = _(), je = F.current.getBoundingClientRect(), X = je.left + je.width / 2, xe = je.top + je.height / 2, st = W.clientX, it = W.clientY, lt = xe - it, at = X - st;
     let le = Math.atan2(lt, at) * (180 / Math.PI);
     he === 270 && (le += 45), le < 0 && (le = 360 + le), le < 0 && (le = 0), le > he && q > (t - n) / 2 ? le = he : le > he && (le = 0);
     const ot = he, ct = t - n, Ue = Math.round(le * ct / ot + n);
-    G(Ue), Ue !== r && s && s(Ue);
+    Z(Ue), Ue !== r && s && s(Ue);
   }, [_, s, t, n, D, E, q]);
   O(() => {
     K();
@@ -2570,7 +2570,7 @@ const $e = () => {
         height: "100%",
         onMouseDown: J,
         children: [
-          m && /* @__PURE__ */ e.jsx(
+          x && /* @__PURE__ */ e.jsx(
             "circle",
             {
               "data-el": "base",
@@ -2661,10 +2661,10 @@ const se = ({ style: n, short: t, text: r }) => r ? /* @__PURE__ */ e.jsxs("div"
   const l = window.getComputedStyle(r), o = parseFloat(l.getPropertyValue("height")), c = parseFloat(l.getPropertyValue("width")), a = t + o - document.documentElement.clientHeight, d = n + c - 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;
 }, ar = ({ items: n, onHide: t, smallDisplay: r, globalClick: s, autoHide: i, onGlobalHide: l }) => {
-  const o = Z(null), [c, a] = g({ left: "0px", top: "0px" }), [d, u] = g(!1);
-  function x(h) {
-    for (let m of h)
-      if (m.icon)
+  const o = G(null), [c, a] = g({ left: "0px", top: "0px" }), [d, u] = g(!1);
+  function m(h) {
+    for (let x of h)
+      if (x.icon)
         return !0;
     return !1;
   }
@@ -2674,13 +2674,13 @@ const se = ({ style: n, short: t, text: r }) => r ? /* @__PURE__ */ e.jsxs("div"
     let h = Ye(o.current.parentElement);
     if (!h)
       return;
-    let m = Hn(h.left + h.width, h.top, o.current, { marginRight: h.width });
+    let x = Hn(h.left + h.width, h.top, o.current, { marginRight: h.width });
     a({
-      left: m.x - h.left + "px",
-      top: m.y - h.top + "px"
+      left: x.x - h.left + "px",
+      top: x.y - h.top + "px"
     }), u(!0);
   }, []), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { ref: o, className: `menu-block menu-block_color_surface-container-highest ${r ? "" : "menu-block_sub"}`, style: { ...c, ...d ? {} : { display: "none" } }, children: n.map((h, m) => /* @__PURE__ */ e.jsx(lr, { onHide: l, autoHide: i, item: h, isIcon: x(n), globalClick: s }, m)) }),
+    /* @__PURE__ */ e.jsx("div", { ref: o, className: `menu-block menu-block_color_surface-container-highest ${r ? "" : "menu-block_sub"}`, style: { ...c, ...d ? {} : { display: "none" } }, children: n.map((h, x) => /* @__PURE__ */ e.jsx(lr, { onHide: l, autoHide: i, item: h, isIcon: m(n), globalClick: s }, x)) }),
     r ? null : /* @__PURE__ */ e.jsx("div", { style: { zIndex: 4 }, className: "menu-block-backplate", onClick: t })
   ] });
 }, or = ({ onHide: n, autoHide: t, globalClick: r, item: s, isIcon: i, smallDisplay: l }) => {
@@ -2706,7 +2706,7 @@ function zn({ block: n, smallDisplay: t, onHide: r, globalClick: s, autoHide: i
   return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((o, c) => /* @__PURE__ */ e.jsx(or, { globalClick: s, autoHide: i, onHide: r, item: o, isIcon: l(n), smallDisplay: t }, c)) });
 }
 const cr = 100, dr = (n) => {
-  const t = Z(null), [r, s] = g({ left: "0px", top: "0px" }), i = () => {
+  const t = G(null), [r, s] = g({ left: "0px", top: "0px" }), i = () => {
     n.onHide && n.onHide();
   };
   return dt(() => {
@@ -2735,24 +2735,24 @@ const cr = 100, dr = (n) => {
     /* @__PURE__ */ e.jsx(zn, { block: r, smallDisplay: !0, autoHide: n.autoHide, onHide: n.onHide })
   ] }, s)) }) });
 }, Pn = (n) => n.screensize === ee.MOBILE ? /* @__PURE__ */ e.jsx(_e, { container: n.container, children: /* @__PURE__ */ e.jsx(ur, { ...n }) }) : /* @__PURE__ */ e.jsx(_e, { container: n.container, children: /* @__PURE__ */ e.jsx(dr, { ...n }) }), Fs = ne.forwardRef(({ screensize: n, autoHide: t, blocks: r, container: s, onClick: i, ...l }, o) => {
-  const [c, a] = g(!1), [d, u] = g(void 0), { screen: x } = Ce(we), h = () => {
+  const [c, a] = g(!1), [d, u] = g(void 0), { screen: m } = Ce(we), h = () => {
     a(!1), u(void 0);
-  }, m = (f) => {
+  }, x = (f) => {
     f.stopPropagation(), a(!0), u({ x: f.clientX, y: f.clientY }), i == null || i(f);
-  }, p = n ?? x;
+  }, j = n ?? m;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       de,
       {
         ref: o,
-        onClick: m,
+        onClick: x,
         ...l
       }
     ),
     /* @__PURE__ */ e.jsx(
       Pn,
       {
-        marginBottom: p === ee.MOBILE ? 80 : 0,
+        marginBottom: j === ee.MOBILE ? 80 : 0,
         onHide: h,
         autoHide: t,
         screensize: n,
@@ -2808,8 +2808,8 @@ const cr = 100, dr = (n) => {
 Bn.displayName = "Checkbox";
 const Wn = ne.forwardRef(
   ({ text: n, onDelete: t, big: r, onClick: s, screenSize: i, className: l, disabled: o, ...c }, a) => {
-    const d = (x) => {
-      x.stopPropagation(), t == null || t(x);
+    const d = (m) => {
+      m.stopPropagation(), t == null || t(m);
     }, u = o ? void 0 : s;
     return /* @__PURE__ */ e.jsxs(
       "div",
@@ -2853,23 +2853,23 @@ const Gn = ve(
     size: a = "medium",
     variant: d = "primary",
     showLabel: u = !0,
-    className: x,
+    className: m,
     ...h
-  }, m) => {
-    const p = t !== void 0 ? t === r : l !== void 0 ? l : o;
-    return /* @__PURE__ */ e.jsxs("label", { className: `radio-button-container ${x || ""}`, children: [
+  }, x) => {
+    const j = t !== void 0 ? t === r : l !== void 0 ? l : o;
+    return /* @__PURE__ */ e.jsxs("label", { className: `radio-button-container ${m || ""}`, children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          ref: m,
+          ref: x,
           className: "radio-button",
           name: n,
           type: "radio",
-          checked: p,
+          checked: j,
           value: r,
           onChange: s,
           readOnly: i,
-          "aria-checked": p,
+          "aria-checked": j,
           "aria-label": c || h["aria-label"],
           ...h
         }
@@ -2893,15 +2893,15 @@ const Zn = ve(
     variant: a = "primary",
     ...d
   }, u) => {
-    const [x, h] = g([]);
+    const [m, h] = g([]);
     O(() => {
-      h(m(t));
+      h(x(t));
     }, [t]);
-    const m = (f) => f === void 0 ? [] : Array.isArray(f) ? f : [f], p = (f, j) => {
+    const x = (f) => f === void 0 ? [] : Array.isArray(f) ? f : [f], j = (f, p) => {
       if (i) return;
       f.preventDefault();
       let C;
-      r ? C = x.includes(j) ? x.filter((b) => b !== j) : [...x, j] : C = x.includes(j) ? [] : [j], h(C), l == null || l(C, f);
+      r ? C = m.includes(p) ? m.filter((b) => b !== p) : [...m, p] : C = m.includes(p) ? [] : [p], h(C), l == null || l(C, f);
     };
     return /* @__PURE__ */ e.jsx(
       "div",
@@ -2915,13 +2915,13 @@ const Zn = ve(
           {
             type: "button",
             role: "radio",
-            "aria-checked": x.includes(f),
+            "aria-checked": m.includes(f),
             "aria-label": f,
             disabled: i,
-            className: `segmented-button__item ${x.includes(f) ? "segmented-button__item--active" : ""}`,
-            onClick: (j) => p(j, f),
+            className: `segmented-button__item ${m.includes(f) ? "segmented-button__item--active" : ""}`,
+            onClick: (p) => j(p, f),
             children: [
-              x.includes(f) && /* @__PURE__ */ e.jsx("span", { className: "segmented-button__icon", children: /* @__PURE__ */ e.jsx(pe, {}) }),
+              m.includes(f) && /* @__PURE__ */ e.jsx("span", { className: "segmented-button__icon", children: /* @__PURE__ */ e.jsx(pe, {}) }),
               /* @__PURE__ */ e.jsx("span", { className: "segmented-button__text", children: f }),
               /* @__PURE__ */ e.jsx(
                 "input",
@@ -2929,7 +2929,7 @@ const Zn = ve(
                   type: r ? "checkbox" : "radio",
                   name: s,
                   value: f,
-                  checked: x.includes(f),
+                  checked: m.includes(f),
                   readOnly: !0,
                   className: "segmented-button__input"
                 }
@@ -2984,23 +2984,23 @@ function hr({
   defaultValue: a,
   style: d
 }) {
-  const [u, x] = g(a), h = k(() => {
-    u !== void 0 && (n == null || n(u), x(void 0), !i && (s == null || s()));
-  }, [u, n, i, s]), m = k(() => {
+  const [u, m] = g(a), h = k(() => {
+    u !== void 0 && (n == null || n(u), m(void 0), !i && (s == null || s()));
+  }, [u, n, i, s]), x = k(() => {
     s == null || s();
-  }, [s]), p = k((f) => {
-    x(f);
+  }, [s]), j = k((f) => {
+    m(f);
   }, []);
   return /* @__PURE__ */ e.jsxs(
     Ee,
     {
       header: r,
       style: d,
-      onHide: m,
+      onHide: x,
       action: /* @__PURE__ */ e.jsx(
-        mr,
+        xr,
         {
-          onHide: m,
+          onHide: x,
           onSuccess: h,
           disabled: u === void 0,
           confirmText: o,
@@ -3016,7 +3016,7 @@ function hr({
             scroll: !0,
             maxHeight: "300px",
             "aria-label": "Варианты выбора",
-            children: t.map((f, j) => /* @__PURE__ */ e.jsx(
+            children: t.map((f, p) => /* @__PURE__ */ e.jsx(
               "label",
               {
                 "aria-disabled": f.disabled,
@@ -3027,11 +3027,11 @@ function hr({
                     header: f.title,
                     icon: f.icon,
                     description: f.description,
-                    onClick: f.disabled ? void 0 : () => p(f.data),
+                    onClick: f.disabled ? void 0 : () => j(f.data),
                     control: /* @__PURE__ */ e.jsx(
                       Gn,
                       {
-                        onClick: f.disabled ? void 0 : () => p(f.data),
+                        onClick: f.disabled ? void 0 : () => j(f.data),
                         name: l,
                         checked: f.data === u,
                         disabled: f.disabled,
@@ -3041,7 +3041,7 @@ function hr({
                   }
                 )
               },
-              `${l}_${j}`
+              `${l}_${p}`
             ))
           }
         ),
@@ -3050,7 +3050,7 @@ function hr({
     }
   );
 }
-function mr({
+function xr({
   onSuccess: n,
   onHide: t,
   disabled: r = !1,
@@ -3082,12 +3082,12 @@ const Ve = ne.forwardRef(
     onClear: a,
     icon: d,
     onChange: u,
-    name: x,
+    name: m,
     value: h,
-    placeholder: m,
-    className: p,
+    placeholder: x,
+    className: j,
     validEmptyValue: f,
-    onFocus: j,
+    onFocus: p,
     onBlur: C,
     error: b,
     max: y,
@@ -3099,12 +3099,12 @@ const Ve = ne.forwardRef(
     errorText: w,
     onKeyDown: z
   }, D) => {
-    const E = Z(null), [N, I] = g(!1), [S, L] = g(!1), [T, Y] = g(!!h), q = Be(), G = () => {
+    const E = G(null), [N, I] = g(!1), [S, L] = g(!1), [T, Y] = g(!!h), q = Be(), Z = () => {
       if (!E.current) return;
       const J = E.current.querySelector("input");
       J == null || J.focus();
     }, _ = (J) => {
-      j == null || j(J), L(!0);
+      p == null || p(J), L(!0);
     }, $ = (J) => {
       C == null || C(J), L(!1), Y(!!J.target.value);
     }, H = k(
@@ -3119,7 +3119,7 @@ const Ve = ne.forwardRef(
       medium: "input-field__text-field_medium",
       large: "input-field__text-field_large"
     };
-    return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${p || ""}`, children: [
+    return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${j || ""}`, children: [
       /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -3135,7 +3135,7 @@ const Ve = ne.forwardRef(
           ${N ? "input-field_error" : ""} 
           ${F ? "input-field_disabled" : ""}
         `,
-          onClick: G,
+          onClick: Z,
           children: [
             d && /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container", "aria-hidden": "true", children: d }),
             /* @__PURE__ */ e.jsxs("div", { className: "input-field__input-container", ref: E, children: [
@@ -3154,7 +3154,7 @@ const Ve = ne.forwardRef(
               input-field__input-container__input 
               ${N ? "input-field__input-container__input_error" : ""}
               `,
-                  name: x,
+                  name: m,
                   value: h,
                   onClick: n,
                   onChange: (J) => u == null ? void 0 : u(J.target.value, J.target.name, J),
@@ -3163,18 +3163,18 @@ const Ve = ne.forwardRef(
                   onKeyDown: z,
                   autoFocus: M,
                   "aria-invalid": N,
-                  "aria-describedby": N ? `${x}-error` : void 0
+                  "aria-describedby": N ? `${m}-error` : void 0
                 }
               ),
-              m && /* @__PURE__ */ e.jsx(
+              x && /* @__PURE__ */ e.jsx(
                 "label",
                 {
                   htmlFor: q,
-                  onClick: G,
+                  onClick: Z,
                   className: `input-field__input-container__label 
               ${T ? "input-field__input-container__label_filled" : ""}
             `,
-                  children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: m })
+                  children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: x })
                 }
               )
             ] }),
@@ -3203,33 +3203,33 @@ const Vs = ({
   max: a = 100,
   defaultValue: d = "",
   confirmText: u = "OK",
-  cancelText: x = "Отмена",
+  cancelText: m = "Отмена",
   validate: h
 }) => {
-  const [m, p] = g(d), [f, j] = g(!0);
+  const [x, j] = g(d), [f, p] = g(!0);
   O(() => {
     if (h)
-      j(h(m));
+      p(h(x));
     else if (o === "number") {
-      const v = Number(m);
-      j(!isNaN(v) && v >= c && v <= a);
+      const v = Number(x);
+      p(!isNaN(v) && v >= c && v <= a);
     } else
-      j(!0);
-  }, [m, h, o, c, a]);
+      p(!0);
+  }, [x, h, o, c, a]);
   const C = k(() => {
-    f && (s == null || s(m), i == null || i());
-  }, [m, f, s, i]), b = k(() => {
+    f && (s == null || s(x), i == null || i());
+  }, [x, f, s, i]), b = k(() => {
     i == null || i();
   }, [i]), y = (v) => {
     if (o === "number") {
       if (v === "") {
-        p("");
+        j("");
         return;
       }
       const M = Number(v);
-      isNaN(M) || (M < c && (v = String(c)), M > a && (v = String(a)), p(v));
+      isNaN(M) || (M < c && (v = String(c)), M > a && (v = String(a)), j(v));
     } else
-      p(v);
+      j(v);
   };
   return /* @__PURE__ */ e.jsxs(
     Ee,
@@ -3238,12 +3238,12 @@ const Vs = ({
       header: r,
       onHide: b,
       action: /* @__PURE__ */ e.jsxs("div", { children: [
-        /* @__PURE__ */ e.jsx(ce, { onClick: b, children: x }),
+        /* @__PURE__ */ e.jsx(ce, { onClick: b, children: m }),
         /* @__PURE__ */ e.jsx(
           ce,
           {
             onClick: C,
-            disabled: !f || o === "number" && m === "",
+            disabled: !f || o === "number" && x === "",
             children: u
           }
         )
@@ -3259,7 +3259,7 @@ const Vs = ({
               max: a,
               border: !0,
               placeholder: l,
-              value: m,
+              value: x,
               onChange: y,
               error: !f
             }
@@ -3286,13 +3286,13 @@ const Vs = ({
   saveText: a,
   cancelText: d,
   forceFullScreen: u,
-  btns: x
+  btns: m
 }) => {
   const { screen: h } = Ce(we);
   Cn(!0, document.body);
-  const m = () => {
+  const x = () => {
     l == null || l();
-  }, p = () => {
+  }, j = () => {
     i == null || i();
   };
   return u || h === ee.MOBILE ? /* @__PURE__ */ e.jsxs(
@@ -3314,17 +3314,17 @@ const Vs = ({
             de,
             {
               transparent: !0,
-              onClick: m,
+              onClick: x,
               icon: /* @__PURE__ */ e.jsx(ue, {}),
               "aria-label": "Закрыть"
             }
           ) }),
           /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog__container__header__text", children: r }),
-          /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog__container__header__save", children: i && /* @__PURE__ */ e.jsx("button", { onClick: p, className: "full-screen-dialog__container__header__save__button", children: /* @__PURE__ */ e.jsx(U, { type: "body", weight: "bold", children: a || "Сохранить" }) }) })
+          /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog__container__header__save", children: i && /* @__PURE__ */ e.jsx("button", { onClick: j, className: "full-screen-dialog__container__header__save__button", children: /* @__PURE__ */ e.jsx(U, { type: "body", weight: "bold", children: a || "Сохранить" }) }) })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "full-screen-dialog__content", children: [
           s,
-          x && /* @__PURE__ */ e.jsx(ze, { btns: x.filter((j) => !j.hide && !j.success) })
+          m && /* @__PURE__ */ e.jsx(ze, { btns: m.filter((p) => !p.hide && !p.success) })
         ] })
       ]
     }
@@ -3335,15 +3335,15 @@ const Vs = ({
       style: n,
       header: r,
       className: `full-screen-dialog ${t}`,
-      onHide: m,
-      action: x === void 0 ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        l && /* @__PURE__ */ e.jsx(ye, { styleType: "outline", onClick: m, children: d ?? "Отмена" }),
-        l && /* @__PURE__ */ e.jsx(ye, { onClick: p, children: a ?? "Сохранить" })
-      ] }) : /* @__PURE__ */ e.jsx(ze, { btns: x, onHide: l, onSuccess: i }),
+      onHide: x,
+      action: m === void 0 ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        l && /* @__PURE__ */ e.jsx(ye, { styleType: "outline", onClick: x, children: d ?? "Отмена" }),
+        l && /* @__PURE__ */ e.jsx(ye, { onClick: j, children: a ?? "Сохранить" })
+      ] }) : /* @__PURE__ */ e.jsx(ze, { btns: m, onHide: l, onSuccess: i }),
       children: s
     }
   );
-}, xr = ve(
+}, mr = ve(
   ({
     className: n = "",
     action: t,
@@ -3356,18 +3356,18 @@ const Vs = ({
     iconButtonCell: a,
     onClick: d,
     screenSize: u,
-    rootApp: x = "#root",
+    rootApp: m = "#root",
     variant: h = "elevated",
-    loading: m = !1,
-    style: p,
+    loading: x = !1,
+    style: j,
     elevation: f = 6,
-    ...j
+    ...p
   }, C) => {
     const { screen: b } = Ce(we), y = u ?? b, v = `elevation-${Math.min(24, Math.max(0, f))}`, M = (A) => {
       F(A) && (d == null || d(A), B(A));
     }, F = (A) => {
       const w = A.target;
-      return !w.closest(".action-container") && !w.closest(".card-icon-button") && !w.closest(".card-child-container") && !w.closest(".card-children") && !!w.closest(x);
+      return !w.closest(".action-container") && !w.closest(".card-icon-button") && !w.closest(".card-child-container") && !w.closest(".card-children") && !!w.closest(m);
     }, B = (A) => {
       const w = A.currentTarget, z = w.querySelector(".card-ripple-container");
       if (!z) return;
@@ -3378,15 +3378,15 @@ const Vs = ({
       "div",
       {
         ref: C,
-        style: p,
-        className: `${n} card card--${h} ${v} ${m ? "card--loading" : ""}`,
+        style: j,
+        className: `${n} card card--${h} ${v} ${x ? "card--loading" : ""}`,
         onClick: M,
-        ...j,
+        ...p,
         children: [
           /* @__PURE__ */ e.jsx("div", { className: "card-ripple-container" }),
           r && /* @__PURE__ */ e.jsxs("div", { className: "card-image-container", children: [
             /* @__PURE__ */ e.jsx("img", { src: r, alt: s, loading: "lazy" }),
-            m && /* @__PURE__ */ e.jsx("div", { className: "card-image-overlay" })
+            x && /* @__PURE__ */ e.jsx("div", { className: "card-image-overlay" })
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "card-content", children: [
             (i || a) && /* @__PURE__ */ e.jsxs("div", { className: "card-header", children: [
@@ -3424,30 +3424,30 @@ const Vs = ({
             c && /* @__PURE__ */ e.jsx("div", { className: "card-children", children: c }),
             t && /* @__PURE__ */ e.jsx("div", { className: "card-actions", children: t })
           ] }),
-          m && /* @__PURE__ */ e.jsx("div", { className: "card-loading-indicator" })
+          x && /* @__PURE__ */ e.jsx("div", { className: "card-loading-indicator" })
         ]
       }
     );
   }
 );
-xr.displayName = "Card";
+mr.displayName = "Card";
 const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { className: `base-action-card ${t ?? ""}`, children: n }), As = ({ children: n, className: t, id: r, height: s, width: i, pozMove: l, draggable: o = !0 }) => {
-  const [c, a] = g(!1), [d, u] = g(null), [x, h] = g({ x: 0, y: 0 }), m = (j) => {
-    j.button == 1 && (a(!1), u(null), document.body.style.cursor = "auto");
-  }, p = (j) => {
-    j.button == 1 && o && (u({ x: j.clientX, y: j.clientY }), a(!0), document.body.style.cursor = "move");
-  }, f = k((j) => {
+  const [c, a] = g(!1), [d, u] = g(null), [m, h] = g({ x: 0, y: 0 }), x = (p) => {
+    p.button == 1 && (a(!1), u(null), document.body.style.cursor = "auto");
+  }, j = (p) => {
+    p.button == 1 && o && (u({ x: p.clientX, y: p.clientY }), a(!0), document.body.style.cursor = "move");
+  }, f = k((p) => {
     c && (h((C) => {
       if (!d)
         return C;
-      const b = j.clientX - d.x, y = j.clientY - d.y;
+      const b = p.clientX - d.x, y = p.clientY - d.y;
       let v = C.x + b, M = C.y + y;
       return { x: v, y: M };
-    }), u({ x: j.clientX, y: j.clientY }));
+    }), u({ x: p.clientX, y: p.clientY }));
   }, [c, d]);
   return O(() => {
     l && h({ ...l });
-  }, [l]), /* @__PURE__ */ e.jsx("div", { id: r, style: { height: s, width: i }, className: `big-container ${t}`, onMouseDown: p, onMouseUp: m, onMouseMove: f, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: x.x, top: x.y }, children: n }) });
+  }, [l]), /* @__PURE__ */ e.jsx("div", { id: r, style: { height: s, width: i }, className: `big-container ${t}`, onMouseDown: j, onMouseUp: x, onMouseMove: f, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: m.x, top: m.y }, children: n }) });
 }, Ds = ({
   onClick: n,
   onContextMenu: t,
@@ -3460,17 +3460,17 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   classNameColumn: a,
   minColumnWidth: d = "auto"
 }) => {
-  const u = ne.useCallback((m, p) => {
-    const f = Array.from({ length: m }, () => []);
-    return p.forEach((j) => {
-      if (j.indexCol >= f.length) {
-        console.error(`Invalid column index. indexCol = ${j.indexCol}, column count = ${m}`);
+  const u = ne.useCallback((x, j) => {
+    const f = Array.from({ length: x }, () => []);
+    return j.forEach((p) => {
+      if (p.indexCol >= f.length) {
+        console.error(`Invalid column index. indexCol = ${p.indexCol}, column count = ${x}`);
         return;
       }
-      f[j.indexCol].push(j.node);
+      f[p.indexCol].push(p.node);
     }), f;
-  }, []), x = ne.useMemo(() => u(l, o), [u, l, o]), h = ne.useCallback((m, p) => {
-    c == null || c(m, p);
+  }, []), m = ne.useMemo(() => u(l, o), [u, l, o]), h = ne.useCallback((x, j) => {
+    c == null || c(x, j);
   }, [c]);
   return /* @__PURE__ */ e.jsx(
     "div",
@@ -3484,15 +3484,15 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
       },
       className: `${s} alex-evo-sh-ui-kit-column-layout`,
       "data-testid": "column-layout-container",
-      children: x.map((m, p) => /* @__PURE__ */ e.jsx(
+      children: m.map((x, j) => /* @__PURE__ */ e.jsx(
         "div",
         {
-          onClick: (f) => h(p, f),
+          onClick: (f) => h(j, f),
           className: `${a} alex-evo-sh-ui-kit-column-layout-coll`,
-          "data-testid": `column-${p}`,
-          children: m.map((f, j) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: f }, `item-${p}-${j}`))
+          "data-testid": `column-${j}`,
+          children: x.map((f, p) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: f }, `item-${j}-${p}`))
         },
-        `column-${p}`
+        `column-${j}`
       ))
     }
   );
@@ -3507,16 +3507,16 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   action: c,
   onVisibilityChange: a
 }) => {
-  const [d, u] = g(l ? o : !0), x = Z(null), h = (j) => {
-    if (!j) return;
-    const C = Ye(j);
+  const [d, u] = g(l ? o : !0), m = G(null), h = (p) => {
+    if (!p) return;
+    const C = Ye(p);
     if (C)
       return C.height + fr;
-  }, m = (j) => {
-    const C = h(j);
+  }, x = (p) => {
+    const C = h(p);
     return C ? Math.min(C * jr, 1) : 0.4;
-  }, p = (j) => {
-    const C = j.target;
+  }, j = (p) => {
+    const C = p.target;
     if (!(C.closest(".action-btn") || C.classList.contains("action-btn")) && l) {
       const y = !d;
       u(y), a == null || a(y);
@@ -3526,8 +3526,8 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
     !l && !d && (u(!0), a == null || a(!0));
   }, [l, d, a]);
   const f = oe(
-    () => m(x.current),
-    [x.current]
+    () => x(m.current),
+    [m.current]
   );
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -3540,12 +3540,12 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
           "div",
           {
             className: "content-box-label",
-            onClick: p,
+            onClick: j,
             role: l ? "button" : void 0,
             "aria-label": l ? `${t} - click to ${d ? "collapse" : "expand"}` : t,
             tabIndex: l ? 0 : void 0,
-            onKeyDown: (j) => {
-              l && (j.key === "Enter" || j.key === " ") && (j.preventDefault(), p(j));
+            onKeyDown: (p) => {
+              l && (p.key === "Enter" || p.key === " ") && (p.preventDefault(), j(p));
             },
             children: [
               /* @__PURE__ */ e.jsx(U, { type: "title", children: t }),
@@ -3557,8 +3557,8 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
                   "aria-label": c.ariaLabel || "Action",
                   role: "button",
                   tabIndex: 0,
-                  onKeyDown: (j) => {
-                    (j.key === "Enter" || j.key === " ") && (j.preventDefault(), c.onClick());
+                  onKeyDown: (p) => {
+                    (p.key === "Enter" || p.key === " ") && (p.preventDefault(), c.onClick());
                   },
                   children: c.icon
                 }
@@ -3581,7 +3581,7 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
               height: d ? "auto" : "0px"
             },
             "aria-hidden": !d,
-            children: /* @__PURE__ */ e.jsx("div", { className: "content-box-container", ref: x, children: n })
+            children: /* @__PURE__ */ e.jsx("div", { className: "content-box-container", ref: m, children: n })
           }
         )
       ]
@@ -3604,12 +3604,12 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   itemMaxWith: o,
   itemWith: c = "400px"
 }) => {
-  const a = Z(null), [d, u] = g([]), x = Z(null), h = Z(null), m = k(() => {
+  const a = G(null), [d, u] = g([]), m = G(null), h = G(null), x = k(() => {
     if (!a.current) return;
     a.current.style.display = "grid", a.current.style.gridRowGap = s, a.current.style.gridColumnGap = i;
     const C = l ?? c, b = o ?? c;
     a.current.style.gridTemplateColumns = `repeat(auto-fill, minmax(${C}, ${b}))`, a.current.style.gridAutoRows = "1px";
-  }, [s, i, l, o, c]), p = k(() => {
+  }, [s, i, l, o, c]), j = k(() => {
     if (a.current) {
       const C = a.current.querySelectorAll(".adaptiv-grid-item");
       u(Array.from(C));
@@ -3624,20 +3624,20 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
         v.style.gridRowEnd = `span ${B}`;
       }
     });
-  }, [d]), j = k(() => {
+  }, [d]), p = k(() => {
     h.current !== null && cancelAnimationFrame(h.current), h.current = requestAnimationFrame(() => {
       f(), h.current = null;
     });
   }, [f]);
   return O(() => {
-    m(), p();
-  }, [m, p, t]), O(() => {
-    x.current && x.current.disconnect(), x.current = new ResizeObserver(() => j());
-    const C = x.current;
-    return d.forEach((b) => C.observe(b)), j(), () => {
+    x(), j();
+  }, [x, j, t]), O(() => {
+    m.current && m.current.disconnect(), m.current = new ResizeObserver(() => p());
+    const C = m.current;
+    return d.forEach((b) => C.observe(b)), p(), () => {
       C.disconnect(), h.current !== null && cancelAnimationFrame(h.current);
     };
-  }, [d, j]), /* @__PURE__ */ e.jsx(
+  }, [d, p]), /* @__PURE__ */ e.jsx(
     "div",
     {
       style: { minWidth: n },
@@ -3679,7 +3679,7 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   activeTabIndex: l,
   tabContainerClassName: o = ""
 }) => {
-  const [c, a] = g(0), d = l !== void 0 ? l : c, u = Z(null), x = Z(null), [h, m] = g(!1), p = (C) => {
+  const [c, a] = g(0), d = l !== void 0 ? l : c, u = G(null), m = G(null), [h, x] = g(!1), j = (C) => {
     if (u.current) {
       const b = t || u.current.offsetWidth / 2;
       u.current.scrollBy({
@@ -3690,25 +3690,25 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   };
   O(() => {
     const C = () => {
-      u.current && m(
+      u.current && x(
         u.current.scrollWidth > u.current.clientWidth
       );
     };
     return C(), window.addEventListener("resize", C), () => window.removeEventListener("resize", C);
   }, []), O(() => {
-    if (u.current && x.current) {
+    if (u.current && m.current) {
       const C = u.current.children[d];
-      C && (x.current.style.width = `${C.offsetWidth}px`, x.current.style.transform = `translateX(${C.offsetLeft}px)`);
+      C && (m.current.style.width = `${C.offsetWidth}px`, m.current.style.transform = `translateX(${C.offsetLeft}px)`);
     }
   }, [d]);
   const f = (C) => {
-    C.key === "ArrowRight" ? j((d + 1) % n.length) : C.key === "ArrowLeft" && j((d - 1 + n.length) % n.length);
-  }, j = (C) => {
+    C.key === "ArrowRight" ? p((d + 1) % n.length) : C.key === "ArrowLeft" && p((d - 1 + n.length) % n.length);
+  }, p = (C) => {
     l === 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 ${o}`, children: [
-      h && /* @__PURE__ */ e.jsx("button", { onClick: () => p("left"), className: "alex-evo-ui-kit-scroll-button", children: "◀" }),
+      h && /* @__PURE__ */ e.jsx("button", { onClick: () => j("left"), className: "alex-evo-ui-kit-scroll-button", children: "◀" }),
       /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -3721,16 +3721,16 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
               "div",
               {
                 className: `alex-evo-ui-kit-tab ${r} ${d === b ? s : ""}`,
-                onClick: () => j(b),
+                onClick: () => p(b),
                 children: C.label
               },
               C.label
             )),
-            /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-indicator", ref: x })
+            /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-indicator", ref: m })
           ]
         }
       ),
-      h && /* @__PURE__ */ e.jsx("button", { onClick: () => p("right"), className: "alex-evo-ui-kit-scroll-button", children: "▶" })
+      h && /* @__PURE__ */ e.jsx("button", { onClick: () => j("right"), className: "alex-evo-ui-kit-scroll-button", children: "▶" })
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-tab-content", children: n[d].content })
   ] });
@@ -3745,9 +3745,10 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   margin: c,
   flex: a,
   gap: d = 0,
-  ...u
-}, x) => {
-  const h = {
+  onObserv: u,
+  ...m
+}, h) => {
+  const x = G(null), j = {
     overflowY: r ? s ? "scroll" : "hidden" : void 0,
     maxHeight: r,
     backgroundColor: i ? "transparent" : void 0,
@@ -3755,14 +3756,21 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
     padding: o,
     margin: c
   };
-  a && (h.display = "flex", h.flexDirection = "column", d > 0 && (h.gap = d));
-  const m = [
+  a && (j.display = "flex", j.flexDirection = "column", d > 0 && (j.gap = d)), O(() => {
+    if (!x.current || !u) return;
+    const p = new IntersectionObserver(u);
+    return p.observe(x.current), () => p.disconnect();
+  }, [u]);
+  const f = [
     "list-container",
     t,
     s ? "list-container_scroll" : "",
     i ? "list-container_transparent" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsx("ul", { ref: x, style: h, className: m, ...u, children: n });
+  return /* @__PURE__ */ e.jsxs("ul", { ref: h, style: j, className: f, ...m, children: [
+    n,
+    /* @__PURE__ */ e.jsx("div", { ref: x })
+  ] });
 }), Cr = ve(({
   icon: n,
   control: t,
@@ -3775,28 +3783,28 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   className: a = "",
   disabled: d = !1,
   active: u = !1,
-  shadow: x = 0,
+  shadow: m = 0,
   ...h
-}, m) => {
-  const p = (j) => {
-    !d && !j.target.closest(".control-container") && (o == null || o(j));
+}, x) => {
+  const j = (p) => {
+    !d && !p.target.closest(".control-container") && (o == null || o(p));
   }, f = [
     "list-item-container",
     a,
-    `container_shadow-hover-${x}`,
+    `container_shadow-hover-${m}`,
     c && !d ? "list-item-container_hovered" : "",
     d ? "list-item-container_disabled" : "",
     u ? "list-item-container_active" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("li", { ref: m, className: f, onClick: p, "aria-disabled": d, ...h, children: [
+  return /* @__PURE__ */ e.jsxs("li", { ref: x, className: f, onClick: j, "aria-disabled": d, ...h, children: [
     (n || l) && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__icon-container", children: n || l && /* @__PURE__ */ e.jsx(U, { type: "body", children: l }) }),
     (s || r || i) && /* @__PURE__ */ e.jsxs("div", { className: "list-item-container__text-container", children: [
       s && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__text-container__header", children: /* @__PURE__ */ e.jsx(U, { type: "title", children: s }) }),
       r && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__text-container__text", children: /* @__PURE__ */ e.jsx(U, { type: "small", children: r }) }),
       i && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__text-container__description", children: /* @__PURE__ */ e.jsx(U, { type: "small", color: "variant", children: i }) })
     ] }),
-    t && /* @__PURE__ */ e.jsx("div", { onClick: (j) => {
-      j.stopPropagation();
+    t && /* @__PURE__ */ e.jsx("div", { onClick: (p) => {
+      p.stopPropagation();
     }, className: "list-item-container__control-container", children: t })
   ] });
 });
@@ -3849,10 +3857,10 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
     [c, o, t]
   );
   return /* @__PURE__ */ e.jsxs("tr", { className: "table-row", onClick: d, children: [
-    r.map((u, x) => /* @__PURE__ */ e.jsx(
+    r.map((u, m) => /* @__PURE__ */ e.jsx(
       br,
       {
-        H: a == null ? void 0 : a[x],
+        H: a == null ? void 0 : a[m],
         color: u.color,
         backgroundColor: u.backgroundColor,
         column: u,
@@ -3860,14 +3868,14 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
       },
       u.field
     )),
-    n && /* @__PURE__ */ e.jsx("td", { className: "w-[180px] no-click", children: /* @__PURE__ */ e.jsx("div", { className: "table-edit-button", children: n.map((u, x) => /* @__PURE__ */ e.jsx(
+    n && /* @__PURE__ */ e.jsx("td", { className: "w-[180px] no-click", children: /* @__PURE__ */ e.jsx("div", { className: "table-edit-button", children: n.map((u, m) => /* @__PURE__ */ e.jsx(
       de,
       {
         transparent: !0,
         icon: u.icon,
         onClick: (h) => u.onClick(h, t, c)
       },
-      x
+      m
     )) }) }),
     (s || i || l) && /* @__PURE__ */ e.jsx("td", { className: "w-[180px] table-edit-button no-click", children: /* @__PURE__ */ e.jsxs("div", { className: "table-edit-button", children: [
       l && /* @__PURE__ */ e.jsx(de, { transparent: !0, icon: /* @__PURE__ */ e.jsx($n, {}), onClick: () => l(t, c) }),
@@ -3902,39 +3910,39 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
   const a = oe(
     () => t ?? vr(n),
     [n, t]
-  ), d = a.length + (l ? 1 : 0) + (r || s || i ? 1 : 0), u = (h) => h ? (Array.isArray(h) ? h : [h]).map((p, f) => typeof p == "string" || typeof p == "number" ? /* @__PURE__ */ e.jsx("span", { children: p }, f) : /* @__PURE__ */ e.jsx(
+  ), d = a.length + (l ? 1 : 0) + (r || s || i ? 1 : 0), u = (h) => h ? (Array.isArray(h) ? h : [h]).map((j, f) => typeof j == "string" || typeof j == "number" ? /* @__PURE__ */ e.jsx("span", { children: j }, f) : /* @__PURE__ */ e.jsx(
     "span",
     {
-      style: { color: p.color },
-      onClick: p.onClick,
-      children: p.content
+      style: { color: j.color },
+      onClick: j.onClick,
+      children: j.content
     },
     f
-  )) : null, x = `container_shadow-${o}`;
-  return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${c ? "clicked" : ""} ${x}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
+  )) : null, m = `container_shadow-${o}`;
+  return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${c ? "clicked" : ""} ${m}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
     /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
       a.map((h) => /* @__PURE__ */ e.jsx("th", { className: "min-width", children: h.title }, h.field)),
       l && /* @__PURE__ */ e.jsx("th", { className: "table-actions-header", children: "actions" }),
       (r || s || i) && /* @__PURE__ */ e.jsx("th", { className: "table-actions-header" })
     ] }) }),
-    /* @__PURE__ */ e.jsx("tbody", { children: n.map((h, m) => {
+    /* @__PURE__ */ e.jsx("tbody", { children: n.map((h, x) => {
       if ("__all__" in h) {
-        const p = gr(h.__all__);
-        return /* @__PURE__ */ e.jsx("tr", { className: "table-all-row", children: /* @__PURE__ */ e.jsx("td", { colSpan: d, style: { backgroundColor: p == null ? void 0 : p.backgroundColor, color: p == null ? void 0 : p.color }, children: u(p) }) }, `all-${m}`);
+        const j = gr(h.__all__);
+        return /* @__PURE__ */ e.jsx("tr", { className: "table-all-row", children: /* @__PURE__ */ e.jsx("td", { colSpan: d, style: { backgroundColor: j == null ? void 0 : j.backgroundColor, color: j == null ? void 0 : j.color }, children: u(j) }) }, `all-${x}`);
       }
       return /* @__PURE__ */ e.jsx(
         kr,
         {
           onClickRow: c,
           actions: l,
-          index: m,
+          index: x,
           columns: a,
           item: h,
           onDelete: r,
           onContextMenu: s,
           onEdit: i
         },
-        m
+        x
       );
     }) })
   ] }) });
@@ -4119,7 +4127,7 @@ function Er(n, t, r, s) {
     Fr(i, r, t, s);
   });
 }
-function mn(n, t, r, s) {
+function xn(n, t, r, s) {
   if (n.preventDefault(), !t) return;
   const i = t.getBoundingClientRect();
   let l = n.clientY - i.top;
@@ -4128,8 +4136,8 @@ function mn(n, t, r, s) {
   s(c), qn(r, l);
 }
 function Fr(n, t, r, s) {
-  const i = (o) => mn(o, r, t, s);
-  mn(n, r, t, s), t.classList.add("dragging"), window.addEventListener("mousemove", i), window.addEventListener("mouseup", l);
+  const i = (o) => xn(o, r, t, s);
+  xn(n, r, t, s), t.classList.add("dragging"), window.addEventListener("mousemove", i), window.addEventListener("mouseup", l);
   function l() {
     t.classList.remove("dragging"), window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", l);
   }
@@ -4150,11 +4158,11 @@ const Vr = [
   "#D27AEE",
   "#5BA8C4",
   "#E64AA9"
-], xn = { h: 0, s: 1, v: 0.5 }, Tr = (n) => {
+], mn = { h: 0, s: 1, v: 0.5 }, Tr = (n) => {
   try {
-    return n ? De(Ne(n)) : xn;
+    return n ? De(Ne(n)) : mn;
   } catch {
-    return xn;
+    return mn;
   }
 }, Or = ({
   onHide: n,
@@ -4167,43 +4175,43 @@ const Vr = [
   width: c = 310,
   height: a = "auto"
 }) => {
-  const d = Z(null), u = Z(null), x = Z(null), h = Z(null), [m, p] = g(Tr(t)), [f, j] = g(!1), [C, b] = g(
-    `#${ke(Le(m))}`
-  ), y = oe(() => Le(m), [m]), v = oe(() => `#${ke(y)}`, [y]), M = oe(
+  const d = G(null), u = G(null), m = G(null), h = G(null), [x, j] = g(Tr(t)), [f, p] = g(!1), [C, b] = g(
+    `#${ke(Le(x))}`
+  ), y = oe(() => Le(x), [x]), v = oe(() => `#${ke(y)}`, [y]), M = oe(
     () => C[0] !== "#" ? `#${C}` : C,
     [C]
   );
   O(() => {
-    !x.current || !d.current || !u.current || !h.current || F(
-      x.current,
+    !m.current || !d.current || !u.current || !h.current || F(
+      m.current,
       h.current,
       d.current,
       u.current,
-      m
+      x
     );
-  }, [m]), O(() => {
-    if (!x.current || !h.current) return;
-    const N = x.current.getContext("2d");
+  }, [x]), O(() => {
+    if (!m.current || !h.current) return;
+    const N = m.current.getContext("2d");
     N && (Mr(
       N,
-      x.current,
-      `#${ke(Le(m.h, 1, 1))}`
+      m.current,
+      `#${ke(Le(x.h, 1, 1))}`
     ), Lr(
-      x.current,
+      m.current,
       N,
       h.current,
       (I, S) => {
-        p((L) => {
+        j((L) => {
           const T = { ...L, s: I / 100, v: S / 100 };
           return b(ke(Le(T))), T;
         });
       }
     ));
-  }, [m.h]), O(() => {
+  }, [x.h]), O(() => {
     if (!d.current || !u.current) return;
     const N = d.current.getContext("2d");
     N && (Rr(N, d.current), Er(N, d.current, u.current, (I) => {
-      p((S) => {
+      j((S) => {
         const L = { ...S, h: I / 360 };
         return b(ke(Le(L))), L;
       });
@@ -4211,21 +4219,21 @@ const Vr = [
   }, []), O(() => {
     if (C.length === 4 || C.length === 7)
       try {
-        p(De(Ne(C)));
+        j(De(Ne(C)));
       } catch {
         console.warn("Invalid HEX color");
       }
   }, [C]);
   const F = (N, I, S, L, T) => {
     try {
-      const Y = N.getBoundingClientRect(), q = S.getBoundingClientRect(), G = Math.round(T.s * Y.width), _ = Math.round((1 - T.v) * Y.height), $ = (360 - T.h * 360) / 360 * q.height;
-      Kn(I, G, _), qn(L, $);
+      const Y = N.getBoundingClientRect(), q = S.getBoundingClientRect(), Z = Math.round(T.s * Y.width), _ = Math.round((1 - T.v) * Y.height), $ = (360 - T.h * 360) / 360 * q.height;
+      Kn(I, Z, _), qn(L, $);
     } catch (Y) {
       console.error("Error updating cursor positions", Y);
     }
   }, B = (N) => {
     try {
-      p(De(Ne(N))), b(N);
+      j(De(Ne(N))), b(N);
     } catch {
       console.warn("Invalid color format");
     }
@@ -4236,7 +4244,7 @@ const Vr = [
   }, [r, v]), z = k(
     (N, I) => {
       const S = Math.min(255, Math.max(0, I));
-      p(De({ ...y, [N]: S })), b(ke({ ...y, [N]: S }));
+      j(De({ ...y, [N]: S })), b(ke({ ...y, [N]: S }));
     },
     [y]
   ), D = k((N) => {
@@ -4286,7 +4294,7 @@ const Vr = [
             /* @__PURE__ */ e.jsx(
               "canvas",
               {
-                ref: x,
+                ref: m,
                 className: "spectrum-canvas spectrum-canvas-color-picker",
                 "aria-label": "Color spectrum"
               }
@@ -4347,7 +4355,7 @@ const Vr = [
             "button",
             {
               className: "button-color-picker mode-toggle",
-              onClick: () => j((N) => !N),
+              onClick: () => p((N) => !N),
               "aria-label": `Switch to ${f ? "RGB" : "HEX"} mode`,
               children: "Mode"
             }
@@ -4419,19 +4427,19 @@ const Vr = [
   defaultColor: a,
   placeholder: d
 }) => {
-  const [u, x] = g(!1), [h, m] = g(s);
+  const [u, m] = g(!1), [h, x] = g(s);
   O(() => {
-    s !== void 0 && m(s);
+    s !== void 0 && x(s);
   }, [s]);
-  const p = k(() => {
-    x(!0);
+  const j = k(() => {
+    m(!0);
   }, []), f = k(
     (b) => {
-      m(b), t == null || t(b), x(!1);
+      x(b), t == null || t(b), m(!1);
     },
     [t]
-  ), j = k(() => {
-    x(!1);
+  ), p = k(() => {
+    m(!1);
   }, []), C = [
     "input-field",
     "color-field",
@@ -4447,18 +4455,18 @@ const Vr = [
           {
             className: "color-circle",
             style: { backgroundColor: h },
-            onClick: p,
+            onClick: j,
             "aria-label": "Current color"
           }
         ),
-        /* @__PURE__ */ e.jsx("div", { className: "color-indicator-field", onClick: p, children: /* @__PURE__ */ e.jsx(U, { type: "body", children: h }) })
+        /* @__PURE__ */ e.jsx("div", { className: "color-indicator-field", onClick: j, children: /* @__PURE__ */ e.jsx(U, { type: "body", children: h }) })
       ] }),
-      d && /* @__PURE__ */ e.jsx("div", { className: "color-field-label", onClick: p, children: /* @__PURE__ */ e.jsx(U, { type: "body", className: "data color-field-placeholder", children: d }) }),
+      d && /* @__PURE__ */ e.jsx("div", { className: "color-field-label", onClick: j, children: /* @__PURE__ */ e.jsx(U, { type: "body", className: "data color-field-placeholder", children: d }) }),
       /* @__PURE__ */ e.jsx(
         "div",
         {
           className: "color-icon-container icon-container",
-          onClick: p,
+          onClick: j,
           "aria-label": "Open color picker",
           children: /* @__PURE__ */ e.jsx(wn, {})
         }
@@ -4472,11 +4480,11 @@ const Vr = [
         onAddColor: c,
         onChange: f,
         beginColor: h,
-        onHide: j
+        onHide: p
       }
     ) })
   ] });
-}, Ar = 2050, fn = 1900, xe = [
+}, Ar = 2050, fn = 1900, me = [
   "January",
   "February",
   "March",
@@ -4490,17 +4498,17 @@ const Vr = [
   "November",
   "December"
 ], Dr = () => Array(Ar - fn).fill(0).map((n, t) => fn + t), Ir = ({ onChange: n, onHide: t }) => {
-  const [r] = g(xe[(/* @__PURE__ */ new Date()).getMonth()]), [s] = g((/* @__PURE__ */ new Date()).getFullYear()), [i] = g((/* @__PURE__ */ new Date()).getDate()), [l, o] = g(xe[(/* @__PURE__ */ new Date()).getMonth()]), [c, a] = g((/* @__PURE__ */ new Date()).getFullYear()), [d, u] = g({
+  const [r] = g(me[(/* @__PURE__ */ new Date()).getMonth()]), [s] = g((/* @__PURE__ */ new Date()).getFullYear()), [i] = g((/* @__PURE__ */ new Date()).getDate()), [l, o] = g(me[(/* @__PURE__ */ new Date()).getMonth()]), [c, a] = g((/* @__PURE__ */ new Date()).getFullYear()), [d, u] = g({
     day: (/* @__PURE__ */ new Date()).getDate(),
     type: "NOW_MONTH"
     /* NOW_MONTH */
-  }), [x, h] = g(
+  }), [m, h] = g(
     "DAYS"
     /* DAYS */
-  ), m = (v, M) => new Date(v, M + 1, 0).getDate(), p = (v, M, F) => new Date(v, M, F).getDay(), f = (v, M) => {
-    let F = Array(m(v, M)).fill(0).map((z, D) => ({ type: "NOW_MONTH", day: D + 1 })), B = p(v, M, m(v, M)), A = Array(7 - B).fill(0).map((z, D) => ({ type: "NEXT_MONTH", day: D + 1 }));
-    return F = Array(p(v, M, 0)).fill(0).map((z, D) => ({ type: "PREV_MONTH", day: m(M ? v : v - 1, M ? M - 1 : 11) - D })).reverse().concat(F).concat(A), F;
-  }, j = (v) => {
+  ), x = (v, M) => new Date(v, M + 1, 0).getDate(), j = (v, M, F) => new Date(v, M, F).getDay(), f = (v, M) => {
+    let F = Array(x(v, M)).fill(0).map((z, D) => ({ type: "NOW_MONTH", day: D + 1 })), B = j(v, M, x(v, M)), A = Array(7 - B).fill(0).map((z, D) => ({ type: "NEXT_MONTH", day: D + 1 }));
+    return F = Array(j(v, M, 0)).fill(0).map((z, D) => ({ type: "PREV_MONTH", day: x(M ? v : v - 1, M ? M - 1 : 11) - D })).reverse().concat(F).concat(A), F;
+  }, p = (v) => {
     h(
       "DAYS"
       /* DAYS */
@@ -4514,11 +4522,11 @@ const Vr = [
     u(v);
   }, y = k(() => {
     let v = /* @__PURE__ */ new Date();
-    v.setFullYear(c), d.type === "NEXT_MONTH" ? l === xe[11] ? (v.setMonth(0), v.setFullYear(c + 1)) : v.setMonth(xe.indexOf(l) + 1) : d.type === "PREV_MONTH" ? l === xe[0] ? (v.setMonth(11), v.setFullYear(c - 1)) : v.setMonth(xe.indexOf(l) - 1) : v.setMonth(xe.indexOf(l)), v.setDate(d.day), n && n(v.getFullYear(), v.getMonth(), v.getDate()), t && t();
+    v.setFullYear(c), d.type === "NEXT_MONTH" ? l === me[11] ? (v.setMonth(0), v.setFullYear(c + 1)) : v.setMonth(me.indexOf(l) + 1) : d.type === "PREV_MONTH" ? l === me[0] ? (v.setMonth(11), v.setFullYear(c - 1)) : v.setMonth(me.indexOf(l) - 1) : v.setMonth(me.indexOf(l)), v.setDate(d.day), n && n(v.getFullYear(), v.getMonth(), v.getDate()), t && t();
   }, [l, c, n, t, d]);
   return /* @__PURE__ */ e.jsxs(Ze, { 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: () => h(
+      /* @__PURE__ */ e.jsx("div", { className: "month", children: /* @__PURE__ */ e.jsxs("span", { className: m === "MONTHS" ? "active" : "", onClick: () => h(
         "MONTHS"
         /* MONTHS */
       ), children: [
@@ -4526,7 +4534,7 @@ const Vr = [
         " ",
         /* @__PURE__ */ e.jsx(Ie, {})
       ] }) }),
-      /* @__PURE__ */ e.jsx("div", { className: "years", children: /* @__PURE__ */ e.jsxs("span", { className: x === "YEARS" ? "active" : "", onClick: () => h(
+      /* @__PURE__ */ e.jsx("div", { className: "years", children: /* @__PURE__ */ e.jsxs("span", { className: m === "YEARS" ? "active" : "", onClick: () => h(
         "YEARS"
         /* YEARS */
       ), children: [
@@ -4535,10 +4543,10 @@ const Vr = [
         /* @__PURE__ */ e.jsx(Ie, {})
       ] }) })
     ] }),
-    x === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: xe.map((v, M) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => C(v), children: [
+    m === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: me.map((v, M) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => C(v), children: [
       /* @__PURE__ */ e.jsx("div", { className: "status-container", children: l === v ? /* @__PURE__ */ e.jsx(pe, {}) : null }),
       /* @__PURE__ */ e.jsx("div", { className: "content", children: v })
-    ] }, M)) }) : x === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: Dr().map((v, M) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => j(v), children: [
+    ] }, M)) }) : m === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: Dr().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(pe, {}) : null }),
       /* @__PURE__ */ e.jsx("div", { className: "content", children: v })
     ] }, M)) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -4551,7 +4559,7 @@ const Vr = [
         /* @__PURE__ */ e.jsx("span", { children: "S" }),
         /* @__PURE__ */ e.jsx("span", { children: "S" })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: f(c, xe.indexOf(l)).map((v, M) => /* @__PURE__ */ e.jsx("div", { className: `day ${v.type !== "NOW_MONTH" ? "other" : ""} ${i === v.day && c === s && l === r ? "now" : ""} ${v.day === d.day && v.type === d.type ? "select" : ""}`, onClick: () => b(v), children: v.day }, M)) })
+      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: f(c, me.indexOf(l)).map((v, M) => /* @__PURE__ */ e.jsx("div", { className: `day ${v.type !== "NOW_MONTH" ? "other" : ""} ${i === v.day && c === s && l === r ? "now" : ""} ${v.day === d.day && v.type === d.type ? "select" : ""}`, onClick: () => b(v), children: v.day }, M)) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-action-container", children: [
       /* @__PURE__ */ e.jsx(ce, { className: "little m-0", onClick: t, children: "Cancel" }),
@@ -4570,12 +4578,12 @@ const Vr = [
   helperText: a,
   size: d = "medium",
   disabled: u,
-  placeholder: x,
+  placeholder: m,
   onBlur: h,
-  onFocus: m,
-  ...p
+  onFocus: x,
+  ...j
 }) => {
-  const [f, j] = g(s ?? ""), [C, b] = g(!1), [y, v] = g(!1), [M, F] = g(!!s), B = Be(), A = l || c, w = () => {
+  const [f, p] = g(s ?? ""), [C, b] = g(!1), [y, v] = g(!1), [M, F] = g(!!s), B = Be(), A = l || c, w = () => {
     b(!0);
   }, z = (L) => {
     let T = String(L + 1);
@@ -4584,7 +4592,7 @@ const Vr = [
     let T = String(L);
     return T.length < 2 && (T = "0" + T), T;
   }, E = (L) => {
-    m == null || m(L), v(!0);
+    x == null || x(L), v(!0);
   }, N = (L) => {
     h == null || h(L), v(!1), F(!!L.target.value);
   };
@@ -4592,7 +4600,7 @@ const Vr = [
     F(!!s);
   }, [s]);
   const I = k((L, T, Y) => {
-    j(`${L}-${z(T)}-${D(Y)}`), t && t(`${L}-${z(T)}-${D(Y)}`);
+    p(`${L}-${z(T)}-${D(Y)}`), t && t(`${L}-${z(T)}-${D(Y)}`);
   }, [t]), S = {
     small: "input-field__date-field_small",
     medium: "input-field__date-field_medium",
@@ -4623,17 +4631,17 @@ const Vr = [
             onFocus: E,
             readOnly: !0,
             id: B,
-            ...p
+            ...j
           }
         ),
-        x && /* @__PURE__ */ e.jsx(
+        m && /* @__PURE__ */ e.jsx(
           "label",
           {
             htmlFor: B,
             className: `input-field__input-container__label 
                     ${M ? "input-field__input-container__label_filled" : ""}
                     `,
-            children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: x })
+            children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: m })
           }
         )
       ] })
@@ -4663,8 +4671,8 @@ const Vr = [
   }, [t]);
   const o = k((a) => (d) => {
     l((u) => {
-      const x = d.target.checked ? [...u, a] : u.filter((h) => h !== a);
-      return n == null || n(x), x;
+      const m = d.target.checked ? [...u, a] : u.filter((h) => h !== a);
+      return n == null || n(m), m;
     });
   }, [n]), c = k((a) => i.includes(a), [i]);
   return /* @__PURE__ */ e.jsx("div", { className: `days-week-field-container ${r}`, children: Pr.map((a) => /* @__PURE__ */ e.jsxs("label", { className: "day-of-week-label", children: [
@@ -4694,14 +4702,14 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
   className: a,
   ariaLabel: d = "Добавление нового элемента",
   chipsAriaLabel: u = "Список элементов",
-  id: x,
+  id: m,
   error: h,
-  errorText: m,
-  helperText: p
+  errorText: x,
+  helperText: j
 }) => {
-  const [f, j] = g([]), [C, b] = g(""), [y, v] = g(null);
+  const [f, p] = g([]), [C, b] = g(""), [y, v] = g(null);
   O(() => {
-    j(Wr(t, o));
+    p(Wr(t, o));
   }, [t, o]);
   const M = (w) => {
     b(w);
@@ -4711,17 +4719,17 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
     if (C.trim() === "" || f.includes(C.trim()))
       return;
     const w = [...f, C.trim()];
-    j(w), r == null || r(jn(w, o)), b(""), v(w.length - 1);
+    p(w), r == null || r(jn(w, o)), b(""), v(w.length - 1);
   }, [f, C, r, o]), A = (w) => {
     const z = f.filter((D, E) => E !== w);
-    j(z), r == null || r(jn(z, o)), v(w > 0 ? w - 1 : null);
+    p(z), r == null || r(jn(z, o)), v(w > 0 ? w - 1 : null);
   };
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `more-text ${a ?? ""}`,
       style: { minWidth: n },
-      id: x,
+      id: m,
       children: [
         /* @__PURE__ */ e.jsx("div", { className: "add-value", children: /* @__PURE__ */ e.jsx(
           Ve,
@@ -4732,11 +4740,11 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
             border: s,
             placeholder: i,
             error: h,
-            errorText: m,
-            helperText: p,
+            errorText: x,
+            helperText: j,
             disabled: c,
             "aria-label": d,
-            "aria-describedby": x ? `${x}-help` : void 0
+            "aria-describedby": m ? `${m}-help` : void 0
           }
         ) }),
         /* @__PURE__ */ e.jsxs(
@@ -4781,7 +4789,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
             ]
           }
         ),
-        x && /* @__PURE__ */ e.jsx("div", { id: `${x}-help`, className: "sr-only", children: 'Добавляйте элементы, вводя текст и нажимая Enter или кнопку "Добавить"' })
+        m && /* @__PURE__ */ e.jsx("div", { id: `${m}-help`, className: "sr-only", children: 'Добавляйте элементы, вводя текст и нажимая Enter или кнопку "Добавить"' })
       ]
     }
   );
@@ -4797,12 +4805,12 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
   name: a,
   value: d,
   placeholder: u,
-  className: x,
+  className: m,
   validEmptyValue: h,
-  onFocus: m,
-  onBlur: p,
+  onFocus: x,
+  onBlur: j,
   error: f,
-  max: j,
+  max: p,
   min: C,
   size: b = "medium",
   disabled: y,
@@ -4813,7 +4821,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
   ariaLabelledby: A,
   ariaDescribedby: w
 }, z) => {
-  const D = Z(null), E = Z(null), N = Z(null), I = Z(null), [S, L] = g(!1), [T, Y] = g(d ?? 0), q = k((P, W) => L(!!(f || P && (!W || W === ""))), [f]), G = () => {
+  const D = G(null), E = G(null), N = G(null), I = G(null), [S, L] = g(!1), [T, Y] = g(d ?? 0), q = k((P, W) => L(!!(f || P && (!W || W === ""))), [f]), Z = () => {
     if (!I.current)
       return;
     const P = I.current.querySelector("input");
@@ -4825,9 +4833,9 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
   }, [c]), $ = k(() => {
     Y((P) => {
       let W = P ? P + v : v;
-      return typeof j == "number" && W > j && (W = j), _(W, a), W;
+      return typeof p == "number" && W > p && (W = p), _(W, a), W;
     });
-  }, [_, a, j, v]), H = k(() => {
+  }, [_, a, p, v]), H = k(() => {
     Y((P) => {
       let W = P ? P - v : -v;
       return typeof C == "number" && W < C && (W = C), _(W, a), W;
@@ -4839,8 +4847,8 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
     }
     P.target.value.length > 1 && P.target.value[0] === "0" && ![",", "."].includes(P.target.value[1]) && (P.target.value = P.target.value.slice(1));
     let W = Number(P.target.value);
-    typeof C == "number" && W < C && (W = C), typeof j == "number" && W > j && (W = j), Y(Number(P.target.value)), _(W, a);
-  }, [a, _, T, j, C]), J = k(() => {
+    typeof C == "number" && W < C && (W = C), typeof p == "number" && W > p && (W = p), Y(Number(P.target.value)), _(W, a);
+  }, [a, _, T, p, C]), J = k(() => {
     D.current && clearTimeout(D.current), E.current && clearInterval(E.current), document.removeEventListener("mouseup", J);
   }, []), te = k((P) => {
     P === "p" ? $() : P === "m" && H(), D.current && clearTimeout(D.current), E.current && clearInterval(E.current), document.addEventListener("mouseup", J), D.current = setTimeout(() => {
@@ -4849,7 +4857,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
       }, 100);
     }, 500);
   }, [$, H]), Q = (P) => {
-    T === "" && (Y(0), c == null || c(0)), p == null || p(P);
+    T === "" && (Y(0), c == null || c(0)), j == null || j(P);
   };
   O(() => {
     q(h, d);
@@ -4861,7 +4869,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
     medium: "input-field__number-field_medium",
     large: "input-field__number-field_large"
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${x}`, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${m}`, children: [
     /* @__PURE__ */ e.jsxs(
       "div",
       {
@@ -4879,13 +4887,13 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
         "aria-disabled": y,
         "aria-invalid": S,
         children: [
-          o ? /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container", onClick: G, "aria-hidden": "true", children: o }) : null,
-          /* @__PURE__ */ e.jsxs("div", { ref: I, className: "input-field__input-container", onClick: G, children: [
+          o ? /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container", onClick: Z, "aria-hidden": "true", children: o }) : null,
+          /* @__PURE__ */ e.jsxs("div", { ref: I, className: "input-field__input-container", onClick: Z, children: [
             /* @__PURE__ */ e.jsx(
               "input",
               {
                 ref: n,
-                max: j,
+                max: p,
                 step: v,
                 min: C,
                 readOnly: s,
@@ -4895,7 +4903,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
                 name: a,
                 value: T,
                 onChange: K,
-                onFocus: m,
+                onFocus: x,
                 onBlur: Q,
                 "aria-label": B,
                 "aria-labelledby": A,
@@ -4982,12 +4990,12 @@ const Qn = ne.forwardRef(
     onChange: a,
     name: d,
     value: u,
-    placeholder: x,
+    placeholder: m,
     className: h,
-    validEmptyValue: m,
-    onFocus: p,
+    validEmptyValue: x,
+    onFocus: j,
     onBlur: f,
-    error: j,
+    error: p,
     autoFocus: C,
     disabled: b,
     helperText: y,
@@ -4995,21 +5003,21 @@ const Qn = ne.forwardRef(
     rows: M = 3,
     onKeyDown: F
   }, B) => {
-    const A = Z(null), [w, z] = g(!1), [D, E] = g(!1), [N, I] = g(!!u), S = Be(), L = () => {
+    const A = G(null), [w, z] = g(!1), [D, E] = g(!1), [N, I] = g(!!u), S = Be(), L = () => {
       var _;
-      const G = (_ = A.current) == null ? void 0 : _.querySelector("textarea");
-      G == null || G.focus();
-    }, T = (G) => {
-      p == null || p(G), E(!0);
-    }, Y = (G) => {
-      f == null || f(G), E(!1), I(!!G.target.value);
+      const Z = (_ = A.current) == null ? void 0 : _.querySelector("textarea");
+      Z == null || Z.focus();
+    }, T = (Z) => {
+      j == null || j(Z), E(!0);
+    }, Y = (Z) => {
+      f == null || f(Z), E(!1), I(!!Z.target.value);
     }, q = k(
-      (G, _) => z(!!(j || G && (!_ || _ === ""))),
-      [j]
+      (Z, _) => z(!!(p || Z && (!_ || _ === ""))),
+      [p]
     );
     return O(() => {
-      q(m, u), I(!!u);
-    }, [u, m, q]), /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${h || ""}`, children: [
+      q(x, u), I(!!u);
+    }, [u, x, q]), /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${h || ""}`, children: [
       /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -5041,7 +5049,7 @@ const Qn = ne.forwardRef(
                   value: u,
                   className: `input-field__input-container__input input-field__text-area__input-container__textarea ${w ? "input-field__input-container__input_error" : ""}`,
                   onClick: n,
-                  onChange: (G) => a == null ? void 0 : a(G.target.value, G.target.name, G),
+                  onChange: (Z) => a == null ? void 0 : a(Z.target.value, Z.target.name, Z),
                   onFocus: T,
                   onBlur: Y,
                   onKeyDown: F,
@@ -5050,13 +5058,13 @@ const Qn = ne.forwardRef(
                   "aria-describedby": w ? `${d}-error` : void 0
                 }
               ),
-              x && /* @__PURE__ */ e.jsx(
+              m && /* @__PURE__ */ e.jsx(
                 "label",
                 {
                   htmlFor: S,
                   onClick: L,
                   className: `input-field__input-container__label input-field__text-area__label ${N ? "input-field__input-container__label_filled" : ""}`,
-                  children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: x })
+                  children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: m })
                 }
               )
             ] }),
@@ -5075,7 +5083,7 @@ const Zr = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: i, o
     n(h), a(!0);
   }, [n]), u = k((h) => {
     t(h), a(!1);
-  }, [t]), x = k(() => {
+  }, [t]), m = k(() => {
     a(!1), l();
   }, []);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -5094,7 +5102,7 @@ const Zr = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: i, o
     /* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: c ? /* @__PURE__ */ e.jsx(Ur, { setMinutes: u }) : /* @__PURE__ */ e.jsx(Yr, { 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(Rn, {}) }),
-      /* @__PURE__ */ e.jsx(ce, { className: "little", onClick: x, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(ce, { className: "little", onClick: m, children: "Cancel" }),
       /* @__PURE__ */ e.jsx(ce, { className: "little", onClick: o, children: "OK" })
     ] })
   ] });
@@ -5203,12 +5211,12 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
   disabled: a = !1,
   errorText: d,
   helperText: u,
-  ariaLabel: x,
+  ariaLabel: m,
   size: h = "medium",
-  ariaLabelledby: m,
-  placeholder: p,
+  ariaLabelledby: x,
+  placeholder: j,
   onBlur: f,
-  onFocus: j,
+  onFocus: p,
   style: C,
   ...b
 }) => {
@@ -5222,14 +5230,14 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
   }, S = () => {
     a || F(!0);
   }, L = (_) => {
-    j == null || j(_), A(!0);
+    p == null || p(_), A(!0);
   }, T = (_) => {
     f == null || f(_), A(!1), z(!!_.target.value);
   };
   O(() => {
     z(!!s);
   }, [s]);
-  const Y = y && parseInt(y.split(":")[0]) || 0, q = y && parseInt(y.split(":")[1]) || 0, G = oe(() => E && d ? /* @__PURE__ */ e.jsx(
+  const Y = y && parseInt(y.split(":")[0]) || 0, q = y && parseInt(y.split(":")[1]) || 0, Z = oe(() => E && d ? /* @__PURE__ */ e.jsx(
     U,
     {
       type: "small",
@@ -5275,7 +5283,7 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
               children: /* @__PURE__ */ e.jsx(en, {})
             }
           ),
-          /* @__PURE__ */ e.jsxs("div", { "aria-label": x, className: "input-field__input-container", onClick: S, children: [
+          /* @__PURE__ */ e.jsxs("div", { "aria-label": m, className: "input-field__input-container", onClick: S, children: [
             /* @__PURE__ */ e.jsx(
               "input",
               {
@@ -5288,19 +5296,19 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
                 onBlur: T,
                 onFocus: L,
                 disabled: a,
-                "aria-labelledby": m,
+                "aria-labelledby": x,
                 "aria-invalid": E,
                 "aria-describedby": E && d ? `${r}-error` : u ? `${r}-helper` : void 0
               }
             ),
-            p && /* @__PURE__ */ e.jsx(
+            j && /* @__PURE__ */ e.jsx(
               "label",
               {
                 htmlFor: D,
                 className: `input-field__input-container__label 
               ${w ? "input-field__input-container__label_filled" : ""}
               `,
-                children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: p })
+                children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: j })
               }
             ),
             /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__text-field-line" })
@@ -5308,7 +5316,7 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
         ]
       }
     ),
-    G,
+    Z,
     M && /* @__PURE__ */ e.jsx(_e, { container: c, children: /* @__PURE__ */ e.jsx(
       Kr,
       {
@@ -5324,22 +5332,22 @@ function Qr(n, t, r, s, i) {
   return s + (i - s) * ((n - t) / (r - t));
 }
 const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
-  const [r, s] = g(0), [i, l] = g(!1), o = Z(null), c = Z(null);
+  const [r, s] = g(0), [i, l] = g(!1), o = G(null), c = G(null);
   O(() => {
     t.value ? s(t.value) : s(0);
   }, [t.value]);
   const a = (h) => {
     s(Number(h.target.value)), t.onChange && t.onChange(h);
-  }, d = (h, m, p) => {
+  }, d = (h, x, j) => {
     if (o.current && c.current) {
       let f = Ye(c.current);
       if (f)
-        return Qr(h, m, p, 0, p - m) * (f.width - 20) / (p - m);
+        return Qr(h, x, j, 0, j - x) * (f.width - 20) / (j - x);
     }
     return 0;
   }, u = k((h) => {
     l(!0), t.onFocus && t.onFocus(h);
-  }, [t.onFocus]), x = k((h) => {
+  }, [t.onFocus]), m = k((h) => {
     l(!1), t.onBlur && t.onBlur(h);
   }, [t.onBlur]);
   return /* @__PURE__ */ e.jsx("div", { className: `range ${t.disabled ? "disabled" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "field", style: t.style, children: [
@@ -5349,7 +5357,7 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
         /* @__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 ?? Ke, max: t.max ?? qe, onChange: a, value: r, onFocus: u, onBlur: x })
+      /* @__PURE__ */ e.jsx("input", { disabled: t.disabled, onMouseUp: t.onMouseUp, ref: c, step: t.step, type: "range", min: t.min ?? Ke, max: t.max ?? qe, onChange: a, value: r, onFocus: u, onBlur: m })
     ] }),
     t.showMinMax ? /* @__PURE__ */ e.jsx("div", { className: "value right", children: t.max ?? qe }) : null
   ] }) });
@@ -5358,9 +5366,9 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
   t ? /* @__PURE__ */ e.jsx("p", { children: t }) : null,
   o ? /* @__PURE__ */ e.jsx(ye, { styleType: o.styleType ?? "filled", style: o.style, className: o.className, onClick: o.onClick, children: o.text }) : null
 ] }), es = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent: l, onlyStringValue: o }) => {
-  const [c, a] = g(""), [d, u] = g(""), [x, h] = g(!1), [m, p] = g(!0), f = k((y, v) => {
+  const [c, a] = g(""), [d, u] = g(""), [m, h] = g(!1), [x, j] = g(!0), f = k((y, v) => {
     s({ ...r, [v]: y });
-  }, [s, r]), j = k(() => {
+  }, [s, r]), p = k(() => {
     u(""), a(""), h(!1);
   }, []), C = k(() => {
     let y = d;
@@ -5368,30 +5376,30 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
       o || (y = JSON.parse(y));
     } catch {
     }
-    j(), s({ ...r, [c]: y });
-  }, [r, s, c, d, j]), b = k((y) => {
+    p(), s({ ...r, [c]: y });
+  }, [r, s, c, d, p]), b = k((y) => {
     let v = { ...r };
     delete v[y], s(v);
   }, [r, s]);
   return /* @__PURE__ */ e.jsx("div", { className: `json-card-container ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "json-line json-object-header", children: [
-      /* @__PURE__ */ e.jsxs("span", { onClick: () => p((y) => !y), className: "json-element json-object-name json-object-header", children: [
+      /* @__PURE__ */ e.jsxs("span", { onClick: () => j((y) => !y), className: "json-element json-object-name json-object-header", children: [
         t,
         ":",
         "{",
-        m ? null : /* @__PURE__ */ e.jsx("span", { children: "..." })
+        x ? null : /* @__PURE__ */ e.jsx("span", { children: "..." })
       ] }),
       n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: () => h(!0), children: /* @__PURE__ */ e.jsx(rn, {}) })
     ] }),
-    m ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r ? Object.keys(r).map(
+    x ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r ? Object.keys(r).map(
       (y, v) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: () => b(y), onChange: (M) => f(M, y), name: y, data: r[y] }) }, v)
     ) : null }) : null,
-    x && !n ? /* @__PURE__ */ e.jsxs("div", { className: "json-object-content", children: [
+    m && !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: (y) => a(y.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: d.length || 10, placeholder: "value", onChange: (y) => u(y.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" }),
-      /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-cancel json-base-data-btn", onClick: j, children: "cancel" })
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-cancel json-base-data-btn", onClick: p, children: "cancel" })
     ] }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "json-line", children: [
       "}",
@@ -5399,10 +5407,10 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
     ] })
   ] }) });
 }, ns = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent: l, onlyStringValue: o }) => {
-  const [c, a] = g(""), [d, u] = g(!1), [x, h] = g(!0), m = k((C, b) => {
+  const [c, a] = g(""), [d, u] = g(!1), [m, h] = g(!0), x = k((C, b) => {
     const y = r.slice();
     y[b] = C, s(y);
-  }, [s, r]), p = k(() => {
+  }, [s, r]), j = k(() => {
     a(""), u(!1);
   }, []), f = k(() => {
     let C = c;
@@ -5410,8 +5418,8 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
       o || (C = JSON.parse(C));
     } catch {
     }
-    p(), s([...r, C]);
-  }, [r, s, c, p]), j = k((C) => {
+    j(), s([...r, C]);
+  }, [r, s, c, j]), p = k((C) => {
     s(r.filter((b, y) => y !== C));
   }, [r, s]);
   return /* @__PURE__ */ e.jsx("div", { className: `json-card-container ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsxs("div", { children: [
@@ -5420,15 +5428,15 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
         t,
         ":",
         "[",
-        x ? null : /* @__PURE__ */ e.jsx("span", { children: "..." })
+        m ? null : /* @__PURE__ */ e.jsx("span", { children: "..." })
       ] }),
       n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: () => u(!0), children: /* @__PURE__ */ e.jsx(rn, {}) })
     ] }),
-    x ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r && r.map((C, b) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: () => j(b), onChange: (y) => m(y, b), name: String(b), data: C }) }, b)) }) : null,
+    m ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r && r.map((C, b) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: () => p(b), onChange: (y) => x(y, b), name: String(b), data: C }) }, b)) }) : 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-btn-save json-base-data-btn", onClick: f, children: "save" }),
-      /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-cancel json-base-data-btn", onClick: p, children: "cancel" })
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-cancel json-base-data-btn", onClick: j, children: "cancel" })
     ] }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "json-line", children: [
       "]",
@@ -5450,46 +5458,46 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
 };
 var et = /* @__PURE__ */ ((n) => (n.NONE = "NONE", n.ARRAY = "ARRAY", n.OBJECT = "OBJECT", n))(et || {});
 const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: l, onlyStringValue: o }) => typeof r == "boolean" || typeof r == "number" || typeof r == "string" ? /* @__PURE__ */ e.jsx(ts, { readonly: n, onDelete: i, onChange: s, data: r, name: t }) : r ? Array.isArray(r) ? /* @__PURE__ */ e.jsx(ns, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: l === "ARRAY", onlyStringValue: o }) : /* @__PURE__ */ e.jsx(es, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: l === "OBJECT", onlyStringValue: o }) : null, qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: l = et.NONE, onlyStringValue: o }) => {
-  const [c, a] = g(r || void 0), [d, u] = g(""), x = k((p) => {
-    n || (a(p), s && s(p));
+  const [c, a] = g(r || void 0), [d, u] = g(""), m = k((j) => {
+    n || (a(j), s && s(j));
   }, [s]), h = k(() => {
     n || (a(void 0), i && i());
-  }, [i]), m = k(() => {
+  }, [i]), x = k(() => {
     if (n)
       return;
-    let p = d;
+    let j = d;
     try {
-      p = JSON.parse(p);
+      j = JSON.parse(j);
     } catch {
     }
-    a(p), s && s(p);
+    a(j), s && s(j);
   }, [s, d]);
   return O(() => {
     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: [
     /* @__PURE__ */ e.jsx(cn, { transparent: !0, text: JSON.stringify(r) }),
-    /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: h, onChange: x, data: c, baseType: l, name: t, onlyStringValue: o })
+    /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: h, onChange: m, data: c, baseType: l, name: t, onlyStringValue: o })
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: `json-object-content ${n ? "" : "changeable"}`, children: [
     /* @__PURE__ */ e.jsx(cn, { 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: (p) => u(p.target.value), className: "alex-evo-sh-ui-kit-json json-base-data-input", type: "text", value: d }) }),
-    /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: m, children: "save" })
+    /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: d.length || 10, placeholder: "value", onChange: (j) => u(j.target.value), className: "alex-evo-sh-ui-kit-json json-base-data-input", type: "text", value: d }) }),
+    /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: x, children: "save" })
   ] });
 }, Js = ({ btn: n, btnComponent: t, onSearch: r, placeholder: s, autoChenge: i, border: l = !1 }) => {
-  const o = Z(null), [c, a] = g(""), [d, u] = g(!1), x = () => {
+  const o = G(null), [c, a] = g(""), [d, u] = g(!1), m = () => {
     o.current && (o.current.focus(), u(!0));
   }, h = () => {
     o.current && (o.current.focus(), o.current.value = ""), a(""), u(!0), i && r("");
-  }, m = () => {
+  }, x = () => {
     h(), o.current && (o.current.blur(), u(!1));
-  }, p = (j) => {
-    a(j.target.value), i && r(j.target.value);
-  }, f = (j) => {
-    j.code === "Enter" && r(c);
+  }, j = (p) => {
+    a(p.target.value), i && r(p.target.value);
+  }, f = (p) => {
+    p.code === "Enter" && r(c);
   };
   return /* @__PURE__ */ e.jsx("div", { className: `search-container ${l ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
-    d ? /* @__PURE__ */ e.jsx("span", { onClick: m, children: /* @__PURE__ */ e.jsx(nn, {}) }) : n ? /* @__PURE__ */ e.jsx("span", { onClick: n.onClick, children: n.icon }) : t || null,
-    /* @__PURE__ */ e.jsx("input", { placeholder: s, type: "text", ref: o, onChange: p, onKeyDown: f, value: c, onFocus: () => u(!0) }),
-    d ? /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(ue, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: x, children: /* @__PURE__ */ e.jsx(tn, {}) })
+    d ? /* @__PURE__ */ e.jsx("span", { onClick: x, children: /* @__PURE__ */ e.jsx(nn, {}) }) : n ? /* @__PURE__ */ e.jsx("span", { onClick: n.onClick, children: n.icon }) : t || null,
+    /* @__PURE__ */ e.jsx("input", { placeholder: s, type: "text", ref: o, onChange: j, onKeyDown: f, value: c, onFocus: () => u(!0) }),
+    d ? /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(ue, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: m, children: /* @__PURE__ */ e.jsx(tn, {}) })
   ] }) });
 }, rs = ({
   filters: n,
@@ -5499,7 +5507,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
   onClose: i,
   point: l = { x: 50, y: 50 }
 }) => {
-  const o = Z(null);
+  const o = G(null);
   if (O(() => {
     const d = (u) => {
       s && o.current && !o.current.contains(u.target) && i();
@@ -5507,7 +5515,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
   }, [s, i]), !s) return null;
   const c = (d, u) => {
-    const x = t[d] || [], h = x.includes(u) ? x.filter((m) => m !== u) : [...x, u];
+    const m = t[d] || [], h = m.includes(u) ? m.filter((x) => x !== u) : [...m, u];
     r({
       ...t,
       [d]: h
@@ -5517,8 +5525,8 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     left: `${l.x}px`,
     zIndex: 1e3
   };
-  return /* @__PURE__ */ e.jsx(We, { onHide: i, children: /* @__PURE__ */ e.jsx(pr, { className: "multi-filter", style: a, children: /* @__PURE__ */ e.jsx("div", { ref: o, children: n.map(({ name: d, options: u }, x) => /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: 16 }, children: [
-    x !== 0 && /* @__PURE__ */ e.jsx(se, {}),
+  return /* @__PURE__ */ e.jsx(We, { onHide: i, children: /* @__PURE__ */ e.jsx(pr, { className: "multi-filter", style: a, children: /* @__PURE__ */ e.jsx("div", { ref: o, children: n.map(({ name: d, options: u }, m) => /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: 16 }, children: [
+    m !== 0 && /* @__PURE__ */ e.jsx(se, {}),
     /* @__PURE__ */ e.jsx(U, { type: "title-2", weight: "bold", children: d }),
     /* @__PURE__ */ e.jsx("div", { className: "filter-block", children: u.map((h) => /* @__PURE__ */ e.jsxs("label", { className: "filter-field", children: [
       /* @__PURE__ */ e.jsx(
@@ -5541,19 +5549,19 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
   onChangeFilter: l,
   border: o = !1
 }) => {
-  const c = Z(null), [a, d] = g(""), [u, x] = g(!1), [h, m] = g(null), p = () => {
-    c.current && (c.current.focus(), x(!0));
+  const c = G(null), [a, d] = g(""), [u, m] = g(!1), [h, x] = g(null), j = () => {
+    c.current && (c.current.focus(), m(!0));
   }, f = () => {
-    c.current && (c.current.focus(), c.current.value = ""), d(""), x(!0), r && n("");
-  }, j = () => {
-    f(), c.current && (c.current.blur(), x(!1));
+    c.current && (c.current.focus(), c.current.value = ""), d(""), m(!0), r && n("");
+  }, p = () => {
+    f(), c.current && (c.current.blur(), m(!1));
   }, C = (v) => {
     d(v.target.value), r && n(v.target.value);
   }, b = (v) => {
     v.code === "Enter" && n(a);
   }, y = (v) => {
     const M = v.currentTarget.getBoundingClientRect();
-    m({
+    x({
       x: M.left,
       y: M.bottom
       // ниже элемента
@@ -5561,11 +5569,11 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("div", { className: `search-container ${o ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
-      u ? /* @__PURE__ */ e.jsx("span", { onClick: j, children: /* @__PURE__ */ e.jsx(nn, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: y, children: /* @__PURE__ */ e.jsx(On, {}) }),
-      /* @__PURE__ */ e.jsx("input", { placeholder: t, type: "text", ref: c, onChange: C, onKeyDown: b, value: a, onFocus: () => x(!0) }),
-      u ? /* @__PURE__ */ e.jsx("span", { onClick: f, children: /* @__PURE__ */ e.jsx(ue, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: p, children: /* @__PURE__ */ e.jsx(tn, {}) })
+      u ? /* @__PURE__ */ e.jsx("span", { onClick: p, children: /* @__PURE__ */ e.jsx(nn, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: y, children: /* @__PURE__ */ e.jsx(On, {}) }),
+      /* @__PURE__ */ e.jsx("input", { placeholder: t, type: "text", ref: c, onChange: C, onKeyDown: b, value: a, onFocus: () => m(!0) }),
+      u ? /* @__PURE__ */ e.jsx("span", { onClick: f, children: /* @__PURE__ */ e.jsx(ue, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: j, children: /* @__PURE__ */ e.jsx(tn, {}) })
     ] }) }),
-    /* @__PURE__ */ e.jsx(_e, { container: document.body, children: /* @__PURE__ */ e.jsx(rs, { point: h ?? void 0, onClose: () => m(null), isOpen: !!h, filters: s, selectedFilters: i, onChange: l }) })
+    /* @__PURE__ */ e.jsx(_e, { container: document.body, children: /* @__PURE__ */ e.jsx(rs, { point: h ?? void 0, onClose: () => x(null), isOpen: !!h, filters: s, selectedFilters: i, onChange: l }) })
   ] });
 }, ss = ({ visible: n, text: t, option: r }) => {
   const [s, i] = g(n), [l, o] = g(!1);
@@ -5604,15 +5612,15 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
   onContextMenu: a,
   ...d
 }) => {
-  const u = Z(null), x = Z(null), [h, m] = g(!1), p = n === "heading" || n === "title" || n === "title-2", f = p ? "h3" : "span", j = {
+  const u = G(null), m = G(null), [h, x] = g(!1), j = n === "heading" || n === "title" || n === "title-2", f = j ? "h3" : "span", p = {
     fontSize: bn(n, t),
     fontWeight: kn(n, r),
     lineHeight: yn(n, s, t),
     ...o
-  }, C = p ? "typography-heading" : "typography-text", b = k(() => {
-    if (!u.current || !x.current) return;
-    const y = u.current.clientWidth, v = x.current.scrollWidth;
-    m(y < v);
+  }, C = j ? "typography-heading" : "typography-text", b = k(() => {
+    if (!u.current || !m.current) return;
+    const y = u.current.clientWidth, v = m.current.scrollWidth;
+    x(y < v);
   }, [l]);
   return O(() => (b(), window.addEventListener("resize", b), () => {
     window.removeEventListener("resize", b);
@@ -5628,7 +5636,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
           f,
           {
             ...d,
-            style: j,
+            style: p,
             className: `${C} ${i}`,
             children: h ? `| ${l} | ${l}` : l
           }
@@ -5638,13 +5646,13 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        ref: x,
+        ref: m,
         style: {
           position: "absolute",
           visibility: "hidden",
           height: "auto",
           whiteSpace: "nowrap",
-          ...j
+          ...p
         },
         className: `${C} ${i}`,
         children: l
@@ -5672,12 +5680,12 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     border: a,
     name: d,
     error: u,
-    onBlur: x,
+    onBlur: m,
     onFocus: h,
-    container: m = document.body,
-    size: p = "medium",
+    container: x = document.body,
+    size: j = "medium",
     transparent: f,
-    helperText: j,
+    helperText: p,
     errorText: C,
     disabled: b
   }, y) => {
@@ -5701,7 +5709,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
       /* @__PURE__ */ e.jsx("div", { ref: y, style: t, className: `
                 input-field 
                 input-field__text-field 
-                ${I[p]}
+                ${I[j]}
                 ${a ? "input-field_border" : ""} 
                 ${A ? "input-field_active" : ""} 
                 ${f ? "input-field_transparent" : ""} 
@@ -5719,15 +5727,15 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
             name: d,
             value: v,
             onFocus: h,
-            onBlur: x,
+            onBlur: m,
             readOnly: !0
           }
         ),
         /* @__PURE__ */ e.jsx("label", { className: "input-field__input-container__label", children: o ? /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: o }) : null })
       ] }) }),
       z && C && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__error-text", children: C }),
-      j && !z && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__helper-text", children: j }),
-      /* @__PURE__ */ e.jsx(Pn, { marginBottom: r === ee.MOBILE ? 80 : 0, width: F.width, screensize: r, x: F.x, y: F.y, onHide: () => w(!1), container: m, blocks: [{ items: s.map(E) }], visible: A })
+      p && !z && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__helper-text", children: p }),
+      /* @__PURE__ */ e.jsx(Pn, { marginBottom: r === ee.MOBILE ? 80 : 0, width: F.width, screensize: r, x: F.x, y: F.y, onHide: () => w(!1), container: x, blocks: [{ items: s.map(E) }], visible: A })
     ] });
   }
 );
@@ -5825,7 +5833,7 @@ const as = {
   }
 }, os = Pe(as), ri = ({ children: n }) => {
   var o;
-  const [t, r] = g({ visible: !1, text: "" }), s = Z(null), i = k((c, a) => {
+  const [t, r] = g({ visible: !1, text: "" }), s = G(null), i = k((c, a) => {
     r({ visible: !0, text: c, option: a }), s.current && clearTimeout(s.current), a != null && a.closeButton || (s.current = setTimeout(() => l(), (a == null ? void 0 : a.delay) ?? 3e3));
   }, []), l = k(() => {
     s.current && (clearTimeout(s.current), s.current = null), r({ visible: !1, text: "" });
@@ -5875,10 +5883,10 @@ const fe = (n) => {
     error: c(),
     change: i
   };
-}, ms = (n) => {
+}, xs = (n) => {
   const { value: t, change: r, error: s } = fe(n.name);
   return /* @__PURE__ */ e.jsx(Gr, { ...n, onChange: r, value: String(t), errorText: s, error: !!s });
-}, xs = (n) => {
+}, ms = (n) => {
   const { value: t, change: r, error: s } = fe(n.name);
   return /* @__PURE__ */ e.jsx(Jn, { ...n, value: Number(t), onChange: r, errorText: s, error: !!s });
 }, fs = (n) => {
@@ -5960,31 +5968,31 @@ const fe = (n) => {
   );
 }, bs = ve(
   function({ children: t, value: r, name: s, errors: i, onFinish: l, onChangeValue: o, ...c }, a) {
-    const [d, u] = g(r), x = k((m) => {
-      m.preventDefault(), l == null || l(d);
-    }, [l, d]), h = k((m, p) => {
+    const [d, u] = g(r), m = k((x) => {
+      x.preventDefault(), l == null || l(d);
+    }, [l, d]), h = k((x, j) => {
       u((f) => ({
         ...f,
-        [m]: p
-      })), o == null || o(m, p);
+        [x]: j
+      })), o == null || o(x, j);
     }, [o]);
     return ht(a, () => ({
       submit: () => l == null ? void 0 : l(d),
-      setFieldValue: (m, p) => {
-        u((f) => ({ ...f, [m]: p }));
+      setFieldValue: (x, j) => {
+        u((f) => ({ ...f, [x]: j }));
       },
-      setValues: (m) => u(m),
+      setValues: (x) => u(x),
       getValues: () => d,
       reset: () => u(r)
-    }), [l, d, r]), /* @__PURE__ */ e.jsx(rt.Provider, { value: { value: d, changeField: h, errors: i }, children: /* @__PURE__ */ e.jsx("form", { name: s, onSubmit: x, noValidate: !0, ...c, children: t }) });
+    }), [l, d, r]), /* @__PURE__ */ e.jsx(rt.Provider, { value: { value: d, changeField: h, errors: i }, children: /* @__PURE__ */ e.jsx("form", { name: s, onSubmit: m, noValidate: !0, ...c, children: t }) });
   }
 ), si = Object.assign(bs, {
   TextInput: _s,
-  NumberInput: xs,
+  NumberInput: ms,
   SelectInput: fs,
   SwitchField: js,
   SwitchButtonField: ps,
-  MoreTextField: ms,
+  MoreTextField: xs,
   TextArea: Cs,
   DateField: vs,
   TimeField: gs
@@ -6005,7 +6013,7 @@ export {
   vn as BottomSheetsUi,
   ye as Button,
   Sn as Calendar,
-  xr as Card,
+  mr as Card,
   pe as Check,
   Bn as Checkbox,
   Ie as ChevronDown,