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

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

@@ -1,4 +1,4 @@
-import ne, { useEffect as O, useState as g, useRef as Z, useCallback as k, createContext as Pe, useContext as _e, useMemo as oe, forwardRef as ve, useLayoutEffect as dt, useId as Be, memo as ut, useImperativeHandle as ht } from "react";
+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 { NavLink as Qe } from "react-router-dom";
 import './index.css';var Je = { exports: {} }, Se = {};
@@ -46,17 +46,17 @@ var Me = {};
 var on;
 function ft() {
   return on || (on = 1, process.env.NODE_ENV !== "production" && function() {
-    function n(C) {
-      if (C == null) return null;
-      if (typeof C == "function")
-        return C.$$typeof === D ? null : C.displayName || C.name || null;
-      if (typeof C == "string") return C;
-      switch (C) {
+    function n(_) {
+      if (_ == null) return null;
+      if (typeof _ == "function")
+        return _.$$typeof === D ? null : _.displayName || _.name || null;
+      if (typeof _ == "string") return _;
+      switch (_) {
         case j:
           return "Fragment";
         case b:
           return "Profiler";
-        case _:
+        case C:
           return "StrictMode";
         case F:
           return "Suspense";
@@ -65,141 +65,141 @@ function ft() {
         case z:
           return "Activity";
       }
-      if (typeof C == "object")
-        switch (typeof C.tag == "number" && console.error(
+      if (typeof _ == "object")
+        switch (typeof _.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), C.$$typeof) {
+        ), _.$$typeof) {
           case f:
             return "Portal";
           case v:
-            return C.displayName || "Context";
+            return _.displayName || "Context";
           case y:
-            return (C._context.displayName || "Context") + ".Consumer";
+            return (_._context.displayName || "Context") + ".Consumer";
           case M:
-            var $ = C.render;
-            return C = C.displayName, C || (C = $.displayName || $.name || "", C = C !== "" ? "ForwardRef(" + C + ")" : "ForwardRef"), C;
+            var $ = _.render;
+            return _ = _.displayName, _ || (_ = $.displayName || $.name || "", _ = _ !== "" ? "ForwardRef(" + _ + ")" : "ForwardRef"), _;
           case A:
-            return $ = C.displayName || null, $ !== null ? $ : n(C.type) || "Memo";
+            return $ = _.displayName || null, $ !== null ? $ : n(_.type) || "Memo";
           case w:
-            $ = C._payload, C = C._init;
+            $ = _._payload, _ = _._init;
             try {
-              return n(C($));
+              return n(_($));
             } catch {
             }
         }
       return null;
     }
-    function t(C) {
-      return "" + C;
+    function t(_) {
+      return "" + _;
     }
-    function r(C) {
+    function r(_) {
       try {
-        t(C);
+        t(_);
         var $ = !1;
       } catch {
         $ = !0;
       }
       if ($) {
         $ = console;
-        var H = $.error, K = typeof Symbol == "function" && Symbol.toStringTag && C[Symbol.toStringTag] || C.constructor.name || "Object";
+        var H = $.error, K = typeof Symbol == "function" && Symbol.toStringTag && _[Symbol.toStringTag] || _.constructor.name || "Object";
         return H.call(
           $,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           K
-        ), t(C);
+        ), t(_);
       }
     }
-    function s(C) {
-      if (C === j) return "<>";
-      if (typeof C == "object" && C !== null && C.$$typeof === w)
+    function s(_) {
+      if (_ === j) return "<>";
+      if (typeof _ == "object" && _ !== null && _.$$typeof === w)
         return "<...>";
       try {
-        var $ = n(C);
+        var $ = n(_);
         return $ ? "<" + $ + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function i() {
-      var C = E.A;
-      return C === null ? null : C.getOwner();
+      var _ = E.A;
+      return _ === null ? null : _.getOwner();
     }
     function l() {
       return Error("react-stack-top-frame");
     }
-    function o(C) {
-      if (N.call(C, "key")) {
-        var $ = Object.getOwnPropertyDescriptor(C, "key").get;
+    function o(_) {
+      if (N.call(_, "key")) {
+        var $ = Object.getOwnPropertyDescriptor(_, "key").get;
         if ($ && $.isReactWarning) return !1;
       }
-      return C.key !== void 0;
+      return _.key !== void 0;
     }
-    function c(C, $) {
+    function c(_, $) {
       function H() {
         L || (L = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           $
         ));
       }
-      H.isReactWarning = !0, Object.defineProperty(C, "key", {
+      H.isReactWarning = !0, Object.defineProperty(_, "key", {
         get: H,
         configurable: !0
       });
     }
     function a() {
-      var C = n(this.type);
-      return T[C] || (T[C] = !0, console.error(
+      var _ = n(this.type);
+      return T[_] || (T[_] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), C = this.props.ref, C !== void 0 ? C : null;
+      )), _ = this.props.ref, _ !== void 0 ? _ : null;
     }
-    function d(C, $, H, K, J, te) {
+    function d(_, $, H, K, J, te) {
       var Q = H.ref;
-      return C = {
+      return _ = {
         $$typeof: p,
-        type: C,
+        type: _,
         key: $,
         props: H,
         _owner: K
-      }, (Q !== void 0 ? Q : null) !== null ? Object.defineProperty(C, "ref", {
+      }, (Q !== void 0 ? Q : null) !== null ? Object.defineProperty(_, "ref", {
         enumerable: !1,
         get: a
-      }) : Object.defineProperty(C, "ref", { enumerable: !1, value: null }), C._store = {}, Object.defineProperty(C._store, "validated", {
+      }) : Object.defineProperty(_, "ref", { enumerable: !1, value: null }), _._store = {}, Object.defineProperty(_._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(C, "_debugInfo", {
+      }), Object.defineProperty(_, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(C, "_debugStack", {
+      }), Object.defineProperty(_, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: J
-      }), Object.defineProperty(C, "_debugTask", {
+      }), Object.defineProperty(_, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: te
-      }), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
+      }), Object.freeze && (Object.freeze(_.props), Object.freeze(_)), _;
     }
-    function u(C, $, H, K, J, te) {
+    function u(_, $, H, K, J, te) {
       var Q = $.children;
       if (Q !== void 0)
         if (K)
           if (I(Q)) {
             for (K = 0; K < Q.length; K++)
-              m(Q[K]);
+              x(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 m(Q);
+        else x(Q);
       if (N.call($, "key")) {
-        Q = n(C);
+        Q = n(_);
         var ie = Object.keys($).filter(function(W) {
           return W !== "key";
         });
@@ -223,9 +223,9 @@ React keys must be passed directly to JSX without using spread:
       } else H = $;
       return Q && c(
         H,
-        typeof C == "function" ? C.displayName || C.name || "Unknown" : C
+        typeof _ == "function" ? _.displayName || _.name || "Unknown" : _
       ), d(
-        C,
+        _,
         Q,
         H,
         i(),
@@ -233,50 +233,50 @@ React keys must be passed directly to JSX without using spread:
         te
       );
     }
-    function m(C) {
-      h(C) ? C._store && (C._store.validated = 1) : typeof C == "object" && C !== null && C.$$typeof === w && (C._payload.status === "fulfilled" ? h(C._payload.value) && C._payload.value._store && (C._payload.value._store.validated = 1) : C._store && (C._store.validated = 1));
+    function x(_) {
+      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(C) {
-      return typeof C == "object" && C !== null && C.$$typeof === p;
+    function h(_) {
+      return typeof _ == "object" && _ !== null && _.$$typeof === p;
     }
-    var x = ne, p = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), j = Symbol.for("react.fragment"), _ = 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() {
+    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() {
       return null;
     };
-    x = {
-      react_stack_bottom_frame: function(C) {
-        return C();
+    m = {
+      react_stack_bottom_frame: function(_) {
+        return _();
       }
     };
-    var L, T = {}, Y = x.react_stack_bottom_frame.bind(
-      x,
+    var L, T = {}, Y = m.react_stack_bottom_frame.bind(
+      m,
       l
     )(), q = S(s(l)), G = {};
-    Me.Fragment = j, Me.jsx = function(C, $, H) {
+    Me.Fragment = j, Me.jsx = function(_, $, H) {
       var K = 1e4 > E.recentlyCreatedOwnerStacks++;
       return u(
-        C,
+        _,
         $,
         H,
         !1,
         K ? Error("react-stack-top-frame") : Y,
-        K ? S(s(C)) : q
+        K ? S(s(_)) : q
       );
-    }, Me.jsxs = function(C, $, H) {
+    }, Me.jsxs = function(_, $, H) {
       var K = 1e4 > E.recentlyCreatedOwnerStacks++;
       return u(
-        C,
+        _,
         $,
         H,
         !0,
         K ? Error("react-stack-top-frame") : Y,
-        K ? S(s(C)) : q
+        K ? S(s(_)) : q
       );
     };
   }()), Me;
 }
 process.env.NODE_ENV === "production" ? Je.exports = xt() : Je.exports = ft();
 var e = Je.exports;
-const Cn = (n) => /* @__PURE__ */ e.jsx(
+const _n = (n) => /* @__PURE__ */ e.jsx(
   Fe,
   {
     ...n,
@@ -315,7 +315,7 @@ const Cn = (n) => /* @__PURE__ */ e.jsx(
     large: "btn--large"
   };
   return /* @__PURE__ */ e.jsx("button", { ...t, className: (t.className ?? "") + " btn " + s[n], onClick: r, children: /* @__PURE__ */ e.jsx("span", { children: t.children }) });
-}, ye = ({ styleType: n = "base", ...t }) => n === "outline" ? /* @__PURE__ */ e.jsx(Cn, { ...t }) : n === "text" ? /* @__PURE__ */ e.jsx(ce, { ...t }) : n === "filledTotal" ? /* @__PURE__ */ e.jsx(jt, { ...t }) : n === "filled" ? /* @__PURE__ */ e.jsx(pt, { ...t }) : /* @__PURE__ */ e.jsx(Fe, { ...t }), _n = (n, t) => {
+}, ye = ({ styleType: n = "base", ...t }) => n === "outline" ? /* @__PURE__ */ e.jsx(_n, { ...t }) : n === "text" ? /* @__PURE__ */ e.jsx(ce, { ...t }) : n === "filledTotal" ? /* @__PURE__ */ e.jsx(jt, { ...t }) : n === "filled" ? /* @__PURE__ */ e.jsx(pt, { ...t }) : /* @__PURE__ */ e.jsx(Fe, { ...t }), Cn = (n, t) => {
   O(() => {
     if (n) {
       const r = window.innerWidth - document.documentElement.clientWidth;
@@ -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);
-  }, m = () => {
+  }, x = () => {
     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: m, onTouchMove: a, children: /* @__PURE__ */ e.jsx("span", {}) }),
+    /* @__PURE__ */ e.jsx("div", { role: "presentation", "data-testid": "bottom-sheet-handle", className: "bottom-sheets__handle", onMouseDown: x, onTouchMove: a, children: /* @__PURE__ */ e.jsx("span", {}) }),
     /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets__content", children: t.children })
   ] }) });
 }, gn = {
@@ -381,7 +381,7 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
 }, bn = (n, t = ee.STANDART) => `var(--${n}-${gn[t]})`, kn = (n, t = "standart") => `var(--${n}-${t})`, yn = (n, t = "normal", r = ee.STANDART) => `var(--${n}-heights-${gn[r]}-${t})`, ge = {
   mobileSize: 720,
   bigSize: 1400
-}, Ct = (n = {}) => {
+}, _t = (n = {}) => {
   const t = {
     bigSize: n.bigSize ?? ge.bigSize,
     mobileSize: n.mobileSize ?? ge.mobileSize
@@ -395,10 +395,10 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
   }, [i]), O(() => (window.addEventListener("resize", i), () => {
     window.removeEventListener("resize", i);
   }), [i]), { screen: r };
-}, _t = {
+}, Ct = {
   screen: ee.STANDART
-}, we = Pe(_t), ws = ({ children: n, option: t }) => {
-  const r = Ct(t);
+}, we = Pe(Ct), ws = ({ children: n, option: t }) => {
+  const r = _t(t);
   return /* @__PURE__ */ e.jsx(we.Provider, { value: r, children: n });
 }, U = ({
   type: n,
@@ -410,18 +410,18 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
   className: o = "",
   ...c
 }) => {
-  const a = _e(we), d = a ? a.screen : t, u = n === "heading" || n === "title" || n === "title-2", m = u ? "h3" : "span", h = {
+  const a = Ce(we), d = a ? a.screen : t, u = n === "heading" || n === "title" || n === "title-2", x = u ? "h3" : "span", h = {
     fontSize: bn(n, d),
     fontWeight: kn(n, r),
     lineHeight: yn(n, s, d),
     ...l
-  }, x = u ? "typography-heading" : "typography-text";
+  }, m = u ? "typography-heading" : "typography-text";
   return /* @__PURE__ */ e.jsx(
-    m,
+    x,
     {
       ...c,
       style: h,
-      className: `${x} ${o}`,
+      className: `${m} ${o}`,
       children: i
     }
   );
@@ -437,33 +437,34 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
     disabled: c = !1,
     style: a,
     rippleDisabled: d = !1,
-    ...u
-  }, m) => {
-    const h = k(
-      (p) => {
-        c || (l == null || l(p), !d && x(p));
+    shadow: u = 0,
+    ...x
+  }, h) => {
+    const m = k(
+      (f) => {
+        c || (l == null || l(f), !d && p(f));
       },
       [l, c]
-    ), x = (p) => {
-      const f = p.currentTarget, j = document.createElement("span"), _ = Math.max(f.clientWidth, f.clientHeight), b = _ / 2;
-      j.style.width = j.style.height = `${_}px`, j.style.left = `${p.clientX - f.getBoundingClientRect().left - b}px`, j.style.top = `${p.clientY - f.getBoundingClientRect().top - b}px`, j.classList.add("iconbutton-ripple");
-      const y = f.getElementsByClassName("iconbutton-ripple")[0];
-      y && y.remove(), f.appendChild(j);
+    ), 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);
     };
     return /* @__PURE__ */ e.jsx(
       "button",
       {
-        ref: m,
+        ref: h,
         style: {
           backgroundColor: s ? "transparent" : void 0,
           ...a
         },
-        className: `iconbutton iconbutton--${i} ${t}`,
-        onClick: h,
+        className: `iconbutton iconbutton--${i} ${t} container_shadow-hover-${u}`,
+        onClick: m,
         onContextMenu: o,
         disabled: c,
         "aria-disabled": c,
-        ...u,
+        ...x,
         children: /* @__PURE__ */ e.jsx("div", { className: `iconbutton-container ${r}`, children: n })
       }
     );
@@ -1790,11 +1791,11 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
   marginBottom: a,
   maxWidth: d = "560px",
   showCloseButton: u = !1,
-  ariaLabel: m
+  ariaLabel: x
 }) => {
   const h = () => {
     i && i();
-  }, x = {
+  }, m = {
     ...l,
     marginBottom: a,
     maxWidth: typeof d == "number" ? `${d}px` : d
@@ -1807,11 +1808,11 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
       children: /* @__PURE__ */ e.jsxs(
         "div",
         {
-          style: x,
+          style: m,
           className: `${o ? "" : "dialog-template__container dialog-template_base dialog-template_color_surface-container"} dialog-template ${n}`,
           role: "dialog",
           "aria-modal": "true",
-          "aria-label": m || r,
+          "aria-label": x || 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 }),
@@ -1838,8 +1839,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
   forceModal: r = !1,
   ...s
 }) => {
-  const { screen: i } = _e(we);
-  _n(!0, document.body);
+  const { screen: i } = Ce(we);
+  Cn(!0, document.body);
   const l = () => {
     var c;
     (c = s.onHide) == null || c.call(s);
@@ -1897,13 +1898,13 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
   children: a,
   disableDefaultButtons: d = !1,
   customActions: u,
-  btns: m
+  btns: x
 }) => {
   const h = k(() => {
     l == null || l(), c == null || c();
-  }, [l, c]), x = k(() => {
+  }, [l, c]), m = k(() => {
     o == null || o(), c == null || c();
-  }, [o, c]), p = k(() => u || (d ? null : m ? /* @__PURE__ */ e.jsx(ze, { onHide: x, onSuccess: h, btns: m }) : /* @__PURE__ */ e.jsx(ze, { onHide: x, onSuccess: h, btns: [
+  }, [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: [
     {
       text: i,
       hide: !0,
@@ -1913,13 +1914,13 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
       text: s ?? "OK",
       success: !0
     }
-  ] })), [u, d, x, h, s, i]);
+  ] })), [u, d, m, h, s, i]);
   return /* @__PURE__ */ e.jsxs(
     Ee,
     {
       style: n,
       header: r,
-      onHide: x,
+      onHide: m,
       action: p(),
       children: [
         t && /* @__PURE__ */ e.jsx(U, { type: "body", children: t }),
@@ -1927,14 +1928,14 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
       ]
     }
   );
-}, Ce = ({ children: n, container: t = document.body }) => t ? mt.createPortal(
+}, _e = ({ children: n, container: t = document.body }) => t ? mt.createPortal(
   n,
   t
 ) : /* @__PURE__ */ e.jsx("p", { children: "container not found" }), Xt = ({ container: n, text: t, header: r, onClick: s, styleType: i, ...l }) => {
   const [o, c] = g(null);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(ye, { styleType: i ?? "filled", ...l, onClick: c }),
-    o !== null && /* @__PURE__ */ e.jsx(Ce, { container: n, children: /* @__PURE__ */ e.jsx(Ut, { header: r, text: t, onSuccess: () => s == null ? void 0 : s(o), onHide: () => c(null) }) })
+    o !== null && /* @__PURE__ */ e.jsx(_e, { container: n, children: /* @__PURE__ */ e.jsx(Ut, { header: r, text: t, onSuccess: () => s == null ? void 0 : s(o), onHide: () => c(null) }) })
   ] });
 }, cn = ({
   text: n,
@@ -1949,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 (x) {
-        console.error("Не удалось скопировать текст", x);
+      } catch (m) {
+        console.error("Не удалось скопировать текст", m);
       }
       i == null || i(h);
     }
-  }, [n, l, r, i]), u = c ? /* @__PURE__ */ e.jsx(pe, { "aria-hidden": "true" }) : /* @__PURE__ */ e.jsx(Vn, { "aria-hidden": "true" }), m = c ? "Скопировано!" : "Копировать";
+  }, [n, l, r, i]), u = c ? /* @__PURE__ */ e.jsx(pe, { "aria-hidden": "true" }) : /* @__PURE__ */ e.jsx(Vn, { "aria-hidden": "true" }), x = c ? "Скопировано!" : "Копировать";
   return t ? /* @__PURE__ */ e.jsxs("div", { className: "copy-button", children: [
     /* @__PURE__ */ e.jsx(
       de,
@@ -1962,19 +1963,19 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
         icon: u,
         onClick: d,
         disabled: l,
-        "aria-label": `${m} ${n}`,
+        "aria-label": `${x} ${n}`,
         className: s,
         ...o
       }
     ),
-    /* @__PURE__ */ e.jsx(U, { type: "body", "aria-live": "polite", children: m })
+    /* @__PURE__ */ e.jsx(U, { type: "body", "aria-live": "polite", children: x })
   ] }) : /* @__PURE__ */ e.jsx(
     de,
     {
       icon: u,
       onClick: d,
       disabled: l,
-      "aria-label": `${m} ${n}`,
+      "aria-label": `${x} ${n}`,
       className: s,
       ...o
     }
@@ -2112,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)), m = Math.round(l + n * (a - l)), h = Math.round(o + n * (d - o));
-  return `rgb(${u}, ${m}, ${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)), x = Math.round(l + n * (a - l)), h = Math.round(o + n * (d - o));
+  return `rgb(${u}, ${x}, ${h})`;
 }
 const ae = (n, t, r = "", s) => {
-  let i, l, o, c, a, d, u, m = Math.round, h = typeof r == "string";
+  let i, l, o, c, a, d, u, x = 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 = 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);
+  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);
 };
 ae.pSBCr = (n) => {
   const t = parseInt;
@@ -2251,9 +2252,9 @@ function er(n, t = !1) {
     (a, d) => {
       const u = Qt[a];
       if (!u) return;
-      const m = u(d, i);
-      s((h) => ({ ...h, ...m })), Object.entries(m).forEach(([h, x]) => {
-        document.body.style.setProperty(`--${h.replace(/_/g, "-")}`, x);
+      const x = u(d, i);
+      s((h) => ({ ...h, ...x })), Object.entries(x).forEach(([h, m]) => {
+        document.body.style.setProperty(`--${h.replace(/_/g, "-")}`, m);
       });
     },
     [i]
@@ -2308,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(
-    (x) => {
-      const p = t[x].colors;
+    (m) => {
+      const p = t[m].colors;
       p && (Object.entries(p).forEach(([f, j]) => {
         o(f, j);
-      }), c(t[x].reverse ?? !1), i(x));
+      }), c(t[m].reverse ?? !1), i(m));
     },
     [t, o]
   );
@@ -2320,31 +2321,31 @@ function rr(n = "light") {
     a(s);
   }, [s, a]);
   const d = k(
-    (x, p, f) => {
+    (m, p, f) => {
       r((j) => ({
         ...j,
-        [x]: {
-          colors: { ...j[x].colors, [p]: f },
-          reverse: j[x].reverse
+        [m]: {
+          colors: { ...j[m].colors, [p]: f },
+          reverse: j[m].reverse
         }
       }));
     },
     []
-  ), u = k((x, p = "light", f) => {
+  ), u = k((m, p = "light", f) => {
     r((j) => ({
       ...j,
-      [x]: { colors: j[p].colors, reverse: f === void 0 ? j[p].reverse : f }
+      [m]: { colors: j[p].colors, reverse: f === void 0 ? j[p].reverse : f }
     }));
-  }, []), m = k((x) => {
+  }, []), x = k((m) => {
     r((p) => {
       const f = { ...p };
-      return delete f[x], f;
-    }), s === x && i("light");
+      return delete f[m], f;
+    }), s === m && i("light");
   }, [s]), h = k(
-    (x) => {
-      Xe[x] && r((p) => ({
+    (m) => {
+      Xe[m] && r((p) => ({
         ...p,
-        [x]: { ...Xe[x] }
+        [m]: { ...Xe[m] }
       }));
     },
     []
@@ -2356,7 +2357,7 @@ function rr(n = "light") {
     setActiveTheme: a,
     updateThemeColor: d,
     createTheme: u,
-    deleteTheme: m,
+    deleteTheme: x,
     resetTheme: h
   };
 }
@@ -2385,24 +2386,24 @@ const $e = () => {
   orientation: a = "horizontal",
   styleTrack: d = "base",
   showValue: u = !0,
-  valueDisplayDuration: m = 2e3,
+  valueDisplayDuration: x = 2e3,
   ariaLabel: h = "Регулятор значения",
-  startColor: x,
+  startColor: m,
   className: p = "",
   ...f
 }) => {
-  const j = Z(null), _ = Z(null), [b, y] = g(c ?? s), [v, M] = g("200px"), { colors: F } = _e(sn), { showPopup: B, popupState: A } = Kt({ valueDisplayDuration: m }), w = n ?? F.Primary_color ?? "#0000ff";
+  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";
   O(() => {
     var L;
-    if (a === "vertical" && ((L = _.current) != null && L.parentElement)) {
+    if (a === "vertical" && ((L = C.current) != null && L.parentElement)) {
       const T = () => {
-        var G, C;
-        const q = (C = (G = _.current) == null ? void 0 : G.parentElement) == null ? void 0 : C.clientHeight;
+        var G, _;
+        const q = (_ = (G = C.current) == null ? void 0 : G.parentElement) == null ? void 0 : _.clientHeight;
         q && M(`${q}px`);
       };
       T();
       const Y = new ResizeObserver(T);
-      return _.current.parentElement && Y.observe(_.current.parentElement), () => Y.disconnect();
+      return C.current.parentElement && Y.observe(C.current.parentElement), () => Y.disconnect();
     }
   }, [a]), O(() => {
     c !== void 0 && (y(c), z());
@@ -2418,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, x)
+    background: d === "point" ? "transperent" : d === "static-color" ? w : Dn(E / 100, w, m)
   }), [E, w, f.style, a, d]), I = oe(() => a === "vertical" ? {
     "--range-width": o,
     "--point-width": d === "point" ? o : "6px",
@@ -2443,7 +2444,7 @@ const $e = () => {
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: _,
+      ref: C,
       className: `range-wrapper ${a} ${p}`,
       style: I,
       children: [
@@ -2489,23 +2490,23 @@ const $e = () => {
   strokeWidth: a = 20,
   radius: d = 100,
   colorBg: u = "var(--Surface-container-color)",
-  colorRange: m,
+  colorRange: x,
   pointColor: h,
-  showBase: x = !0,
+  showBase: m = !0,
   showIndicator: p = !0,
   showPoint: f = !1,
   rounding: j = !0,
-  showValue: _ = !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 } = _e(sn), T = m ?? L.Primary_color ?? "#0000ff", Y = h ?? L.Primary_color ?? "#0000ff", [q, G] = g(r);
+  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);
   O(() => {
     r !== void 0 && G(r);
   }, [r]);
-  const C = k(() => {
+  const _ = k(() => {
     switch (o) {
       case "semicircle":
         return 180;
@@ -2520,7 +2521,7 @@ const $e = () => {
   ), K = k(() => {
     if (!F.current) return;
     const [W, he] = $(), je = (q - n) * he / (t - n);
-    if (x) {
+    if (m) {
       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}`);
     }
@@ -2538,7 +2539,7 @@ const $e = () => {
         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}`;
       }
     }
-  }, [q, $, t, n, N, a, u, T, Y, x, I, S, j, H, M]), J = (W) => {
+  }, [q, $, t, n, N, a, u, T, Y, m, I, S, j, 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);
@@ -2546,12 +2547,12 @@ const $e = () => {
     B.current = !1, document.removeEventListener("mousemove", te), document.removeEventListener("mouseup", Q);
   }, ie = k((W) => {
     if (!F.current) return;
-    const he = C(), 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, me = je.top + je.height / 2, st = W.clientX, it = W.clientY, lt = me - 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);
-  }, [C, s, t, n, D, E, q]);
+  }, [_, s, t, n, D, E, q]);
   O(() => {
     K();
   }, [K]), O(() => () => {
@@ -2569,7 +2570,7 @@ const $e = () => {
         height: "100%",
         onMouseDown: J,
         children: [
-          x && /* @__PURE__ */ e.jsx(
+          m && /* @__PURE__ */ e.jsx(
             "circle",
             {
               "data-el": "base",
@@ -2602,7 +2603,7 @@ const $e = () => {
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx("div", { className: `range-circule-children ${v}`, style: P, children: y ?? (_ && /* @__PURE__ */ e.jsx(An, { className: "", text: Math.floor(q).toString() })) })
+    /* @__PURE__ */ e.jsx("div", { className: `range-circule-children ${v}`, style: P, children: y ?? (C && /* @__PURE__ */ e.jsx(An, { className: "", text: Math.floor(q).toString() })) })
   ] });
 }, ir = ve(
   ({
@@ -2661,9 +2662,9 @@ const se = ({ style: n, short: t, text: r }) => r ? /* @__PURE__ */ e.jsxs("div"
   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 m(h) {
-    for (let x of h)
-      if (x.icon)
+  function x(h) {
+    for (let m of h)
+      if (m.icon)
         return !0;
     return !1;
   }
@@ -2673,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 x = Hn(h.left + h.width, h.top, o.current, { marginRight: h.width });
+    let m = Hn(h.left + h.width, h.top, o.current, { marginRight: h.width });
     a({
-      left: x.x - h.left + "px",
-      top: x.y - h.top + "px"
+      left: m.x - h.left + "px",
+      top: m.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, x) => /* @__PURE__ */ e.jsx(lr, { onHide: l, autoHide: i, item: h, isIcon: m(n), globalClick: s }, x)) }),
+    /* @__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)) }),
     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 }) => {
@@ -2733,18 +2734,18 @@ const cr = 100, dr = (n) => {
     s !== 0 ? /* @__PURE__ */ e.jsx(se, {}) : null,
     /* @__PURE__ */ e.jsx(zn, { block: r, smallDisplay: !0, autoHide: n.autoHide, onHide: n.onHide })
   ] }, s)) }) });
-}, Pn = (n) => n.screensize === ee.MOBILE ? /* @__PURE__ */ e.jsx(Ce, { container: n.container, children: /* @__PURE__ */ e.jsx(ur, { ...n }) }) : /* @__PURE__ */ e.jsx(Ce, { 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: m } = _e(we), h = () => {
+}, 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 = () => {
     a(!1), u(void 0);
-  }, x = (f) => {
+  }, m = (f) => {
     f.stopPropagation(), a(!0), u({ x: f.clientX, y: f.clientY }), i == null || i(f);
-  }, p = n ?? m;
+  }, p = n ?? x;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       de,
       {
         ref: o,
-        onClick: x,
+        onClick: m,
         ...l
       }
     ),
@@ -2807,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 = (m) => {
-      m.stopPropagation(), t == null || t(m);
+    const d = (x) => {
+      x.stopPropagation(), t == null || t(x);
     }, u = o ? void 0 : s;
     return /* @__PURE__ */ e.jsxs(
       "div",
@@ -2852,15 +2853,15 @@ const Gn = ve(
     size: a = "medium",
     variant: d = "primary",
     showLabel: u = !0,
-    className: m,
+    className: x,
     ...h
-  }, x) => {
+  }, m) => {
     const p = t !== void 0 ? t === r : l !== void 0 ? l : o;
-    return /* @__PURE__ */ e.jsxs("label", { className: `radio-button-container ${m || ""}`, children: [
+    return /* @__PURE__ */ e.jsxs("label", { className: `radio-button-container ${x || ""}`, children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          ref: x,
+          ref: m,
           className: "radio-button",
           name: n,
           type: "radio",
@@ -2892,15 +2893,15 @@ const Zn = ve(
     variant: a = "primary",
     ...d
   }, u) => {
-    const [m, h] = g([]);
+    const [x, h] = g([]);
     O(() => {
-      h(x(t));
+      h(m(t));
     }, [t]);
-    const x = (f) => f === void 0 ? [] : Array.isArray(f) ? f : [f], p = (f, j) => {
+    const m = (f) => f === void 0 ? [] : Array.isArray(f) ? f : [f], p = (f, j) => {
       if (i) return;
       f.preventDefault();
-      let _;
-      r ? _ = m.includes(j) ? m.filter((b) => b !== j) : [...m, j] : _ = m.includes(j) ? [] : [j], h(_), l == null || l(_, f);
+      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);
     };
     return /* @__PURE__ */ e.jsx(
       "div",
@@ -2914,13 +2915,13 @@ const Zn = ve(
           {
             type: "button",
             role: "radio",
-            "aria-checked": m.includes(f),
+            "aria-checked": x.includes(f),
             "aria-label": f,
             disabled: i,
-            className: `segmented-button__item ${m.includes(f) ? "segmented-button__item--active" : ""}`,
+            className: `segmented-button__item ${x.includes(f) ? "segmented-button__item--active" : ""}`,
             onClick: (j) => p(j, f),
             children: [
-              m.includes(f) && /* @__PURE__ */ e.jsx("span", { className: "segmented-button__icon", children: /* @__PURE__ */ e.jsx(pe, {}) }),
+              x.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",
@@ -2928,7 +2929,7 @@ const Zn = ve(
                   type: r ? "checkbox" : "radio",
                   name: s,
                   value: f,
-                  checked: m.includes(f),
+                  checked: x.includes(f),
                   readOnly: !0,
                   className: "segmented-button__input"
                 }
@@ -2983,23 +2984,23 @@ function hr({
   defaultValue: a,
   style: d
 }) {
-  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(() => {
+  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(() => {
     s == null || s();
   }, [s]), p = k((f) => {
-    m(f);
+    x(f);
   }, []);
   return /* @__PURE__ */ e.jsxs(
     Ee,
     {
       header: r,
       style: d,
-      onHide: x,
+      onHide: m,
       action: /* @__PURE__ */ e.jsx(
         mr,
         {
-          onHide: x,
+          onHide: m,
           onSuccess: h,
           disabled: u === void 0,
           confirmText: o,
@@ -3009,7 +3010,7 @@ function hr({
       children: [
         /* @__PURE__ */ e.jsx(se, { style: { padding: 0 } }),
         /* @__PURE__ */ e.jsx(
-          Cr,
+          _r,
           {
             transparent: !0,
             scroll: !0,
@@ -3020,7 +3021,7 @@ function hr({
               {
                 "aria-disabled": f.disabled,
                 children: /* @__PURE__ */ e.jsx(
-                  _r,
+                  Cr,
                   {
                     hovered: !f.disabled,
                     header: f.title,
@@ -3057,7 +3058,7 @@ function mr({
   cancelText: i = "Отмена"
 }) {
   return /* @__PURE__ */ e.jsxs("div", { children: [
-    t && /* @__PURE__ */ e.jsx(Cn, { onClick: t, children: i }),
+    t && /* @__PURE__ */ e.jsx(_n, { onClick: t, children: i }),
     /* @__PURE__ */ e.jsx(
       ce,
       {
@@ -3081,13 +3082,13 @@ const Ve = ne.forwardRef(
     onClear: a,
     icon: d,
     onChange: u,
-    name: m,
+    name: x,
     value: h,
-    placeholder: x,
+    placeholder: m,
     className: p,
     validEmptyValue: f,
     onFocus: j,
-    onBlur: _,
+    onBlur: C,
     error: b,
     max: y,
     min: v,
@@ -3102,10 +3103,10 @@ const Ve = ne.forwardRef(
       if (!E.current) return;
       const J = E.current.querySelector("input");
       J == null || J.focus();
-    }, C = (J) => {
+    }, _ = (J) => {
       j == null || j(J), L(!0);
     }, $ = (J) => {
-      _ == null || _(J), L(!1), Y(!!J.target.value);
+      C == null || C(J), L(!1), Y(!!J.target.value);
     }, H = k(
       (J, te) => I(!!(b || J && (!te || te === ""))),
       [b]
@@ -3153,19 +3154,19 @@ const Ve = ne.forwardRef(
               input-field__input-container__input 
               ${N ? "input-field__input-container__input_error" : ""}
               `,
-                  name: m,
+                  name: x,
                   value: h,
                   onClick: n,
                   onChange: (J) => u == null ? void 0 : u(J.target.value, J.target.name, J),
-                  onFocus: C,
+                  onFocus: _,
                   onBlur: $,
                   onKeyDown: z,
                   autoFocus: M,
                   "aria-invalid": N,
-                  "aria-describedby": N ? `${m}-error` : void 0
+                  "aria-describedby": N ? `${x}-error` : void 0
                 }
               ),
-              x && /* @__PURE__ */ e.jsx(
+              m && /* @__PURE__ */ e.jsx(
                 "label",
                 {
                   htmlFor: q,
@@ -3173,7 +3174,7 @@ const Ve = ne.forwardRef(
                   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: x })
+                  children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: m })
                 }
               )
             ] }),
@@ -3202,22 +3203,22 @@ const Vs = ({
   max: a = 100,
   defaultValue: d = "",
   confirmText: u = "OK",
-  cancelText: m = "Отмена",
+  cancelText: x = "Отмена",
   validate: h
 }) => {
-  const [x, p] = g(d), [f, j] = g(!0);
+  const [m, p] = g(d), [f, j] = g(!0);
   O(() => {
     if (h)
-      j(h(x));
+      j(h(m));
     else if (o === "number") {
-      const v = Number(x);
+      const v = Number(m);
       j(!isNaN(v) && v >= c && v <= a);
     } else
       j(!0);
-  }, [x, h, o, c, a]);
-  const _ = k(() => {
-    f && (s == null || s(x), i == null || i());
-  }, [x, f, s, i]), b = k(() => {
+  }, [m, h, o, c, a]);
+  const C = k(() => {
+    f && (s == null || s(m), i == null || i());
+  }, [m, f, s, i]), b = k(() => {
     i == null || i();
   }, [i]), y = (v) => {
     if (o === "number") {
@@ -3237,12 +3238,12 @@ const Vs = ({
       header: r,
       onHide: b,
       action: /* @__PURE__ */ e.jsxs("div", { children: [
-        /* @__PURE__ */ e.jsx(ce, { onClick: b, children: m }),
+        /* @__PURE__ */ e.jsx(ce, { onClick: b, children: x }),
         /* @__PURE__ */ e.jsx(
           ce,
           {
-            onClick: _,
-            disabled: !f || o === "number" && x === "",
+            onClick: C,
+            disabled: !f || o === "number" && m === "",
             children: u
           }
         )
@@ -3258,7 +3259,7 @@ const Vs = ({
               max: a,
               border: !0,
               placeholder: l,
-              value: x,
+              value: m,
               onChange: y,
               error: !f
             }
@@ -3285,11 +3286,11 @@ const Vs = ({
   saveText: a,
   cancelText: d,
   forceFullScreen: u,
-  btns: m
+  btns: x
 }) => {
-  const { screen: h } = _e(we);
-  _n(!0, document.body);
-  const x = () => {
+  const { screen: h } = Ce(we);
+  Cn(!0, document.body);
+  const m = () => {
     l == null || l();
   }, p = () => {
     i == null || i();
@@ -3313,7 +3314,7 @@ const Vs = ({
             de,
             {
               transparent: !0,
-              onClick: x,
+              onClick: m,
               icon: /* @__PURE__ */ e.jsx(ue, {}),
               "aria-label": "Закрыть"
             }
@@ -3323,7 +3324,7 @@ const Vs = ({
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "full-screen-dialog__content", children: [
           s,
-          m && /* @__PURE__ */ e.jsx(ze, { btns: m.filter((j) => !j.hide && !j.success) })
+          x && /* @__PURE__ */ e.jsx(ze, { btns: x.filter((j) => !j.hide && !j.success) })
         ] })
       ]
     }
@@ -3334,11 +3335,11 @@ const Vs = ({
       style: n,
       header: r,
       className: `full-screen-dialog ${t}`,
-      onHide: x,
-      action: m === void 0 ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        l && /* @__PURE__ */ e.jsx(ye, { styleType: "outline", onClick: x, children: d ?? "Отмена" }),
+      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: m, onHide: l, onSuccess: i }),
+      ] }) : /* @__PURE__ */ e.jsx(ze, { btns: x, onHide: l, onSuccess: i }),
       children: s
     }
   );
@@ -3355,18 +3356,18 @@ const Vs = ({
     iconButtonCell: a,
     onClick: d,
     screenSize: u,
-    rootApp: m = "#root",
+    rootApp: x = "#root",
     variant: h = "elevated",
-    loading: x = !1,
+    loading: m = !1,
     style: p,
     elevation: f = 6,
     ...j
-  }, _) => {
-    const { screen: b } = _e(we), y = u ?? b, v = `elevation-${Math.min(24, Math.max(0, f))}`, M = (A) => {
+  }, 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(m);
+      return !w.closest(".action-container") && !w.closest(".card-icon-button") && !w.closest(".card-child-container") && !w.closest(".card-children") && !!w.closest(x);
     }, B = (A) => {
       const w = A.currentTarget, z = w.querySelector(".card-ripple-container");
       if (!z) return;
@@ -3376,16 +3377,16 @@ const Vs = ({
     return /* @__PURE__ */ e.jsxs(
       "div",
       {
-        ref: _,
+        ref: C,
         style: p,
-        className: `${n} card card--${h} ${v} ${x ? "card--loading" : ""}`,
+        className: `${n} card card--${h} ${v} ${m ? "card--loading" : ""}`,
         onClick: M,
         ...j,
         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" }),
-            x && /* @__PURE__ */ e.jsx("div", { className: "card-image-overlay" })
+            m && /* @__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: [
@@ -3423,7 +3424,7 @@ const Vs = ({
             c && /* @__PURE__ */ e.jsx("div", { className: "card-children", children: c }),
             t && /* @__PURE__ */ e.jsx("div", { className: "card-actions", children: t })
           ] }),
-          x && /* @__PURE__ */ e.jsx("div", { className: "card-loading-indicator" })
+          m && /* @__PURE__ */ e.jsx("div", { className: "card-loading-indicator" })
         ]
       }
     );
@@ -3431,22 +3432,22 @@ const Vs = ({
 );
 xr.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), [m, h] = g({ x: 0, y: 0 }), x = (j) => {
+  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) => {
-    c && (h((_) => {
+    c && (h((C) => {
       if (!d)
-        return _;
+        return C;
       const b = j.clientX - d.x, y = j.clientY - d.y;
-      let v = _.x + b, M = _.y + y;
+      let v = C.x + b, M = C.y + y;
       return { x: v, y: M };
     }), u({ x: j.clientX, y: j.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: x, onMouseMove: f, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: m.x, top: m.y }, children: n }) });
+  }, [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 }) });
 }, Ds = ({
   onClick: n,
   onContextMenu: t,
@@ -3459,17 +3460,17 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   classNameColumn: a,
   minColumnWidth: d = "auto"
 }) => {
-  const u = ne.useCallback((x, p) => {
-    const f = Array.from({ length: x }, () => []);
+  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 = ${x}`);
+        console.error(`Invalid column index. indexCol = ${j.indexCol}, column count = ${m}`);
         return;
       }
       f[j.indexCol].push(j.node);
     }), f;
-  }, []), m = ne.useMemo(() => u(l, o), [u, l, o]), h = ne.useCallback((x, p) => {
-    c == null || c(x, p);
+  }, []), x = ne.useMemo(() => u(l, o), [u, l, o]), h = ne.useCallback((m, p) => {
+    c == null || c(m, p);
   }, [c]);
   return /* @__PURE__ */ e.jsx(
     "div",
@@ -3483,13 +3484,13 @@ 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: m.map((x, p) => /* @__PURE__ */ e.jsx(
+      children: x.map((m, p) => /* @__PURE__ */ e.jsx(
         "div",
         {
           onClick: (f) => h(p, f),
           className: `${a} alex-evo-sh-ui-kit-column-layout-coll`,
           "data-testid": `column-${p}`,
-          children: x.map((f, j) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: f }, `item-${p}-${j}`))
+          children: m.map((f, j) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: f }, `item-${p}-${j}`))
         },
         `column-${p}`
       ))
@@ -3506,17 +3507,17 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   action: c,
   onVisibilityChange: a
 }) => {
-  const [d, u] = g(l ? o : !0), m = Z(null), h = (j) => {
+  const [d, u] = g(l ? o : !0), x = Z(null), h = (j) => {
     if (!j) return;
-    const _ = Ye(j);
-    if (_)
-      return _.height + fr;
-  }, x = (j) => {
-    const _ = h(j);
-    return _ ? Math.min(_ * jr, 1) : 0.4;
+    const C = Ye(j);
+    if (C)
+      return C.height + fr;
+  }, m = (j) => {
+    const C = h(j);
+    return C ? Math.min(C * jr, 1) : 0.4;
   }, p = (j) => {
-    const _ = j.target;
-    if (!(_.closest(".action-btn") || _.classList.contains("action-btn")) && l) {
+    const C = j.target;
+    if (!(C.closest(".action-btn") || C.classList.contains("action-btn")) && l) {
       const y = !d;
       u(y), a == null || a(y);
     }
@@ -3525,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(
-    () => x(m.current),
-    [m.current]
+    () => m(x.current),
+    [x.current]
   );
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -3580,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: m, children: n })
+            children: /* @__PURE__ */ e.jsx("div", { className: "content-box-container", ref: x, children: n })
           }
         )
       ]
@@ -3603,19 +3604,19 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   itemMaxWith: o,
   itemWith: c = "400px"
 }) => {
-  const a = Z(null), [d, u] = g([]), m = Z(null), h = Z(null), x = k(() => {
+  const a = Z(null), [d, u] = g([]), x = Z(null), h = Z(null), m = k(() => {
     if (!a.current) return;
     a.current.style.display = "grid", a.current.style.gridRowGap = s, a.current.style.gridColumnGap = i;
-    const _ = l ?? c, b = o ?? c;
-    a.current.style.gridTemplateColumns = `repeat(auto-fill, minmax(${_}, ${b}))`, a.current.style.gridAutoRows = "1px";
+    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(() => {
     if (a.current) {
-      const _ = a.current.querySelectorAll(".adaptiv-grid-item");
-      u(Array.from(_));
+      const C = a.current.querySelectorAll(".adaptiv-grid-item");
+      u(Array.from(C));
     }
   }, []), f = k(() => {
     if (!a.current) return;
-    const _ = window.getComputedStyle(a.current), b = parseInt(_.getPropertyValue("grid-row-gap")) || 0, y = parseInt(_.getPropertyValue("grid-auto-rows")) || 1;
+    const C = window.getComputedStyle(a.current), b = parseInt(C.getPropertyValue("grid-row-gap")) || 0, y = parseInt(C.getPropertyValue("grid-auto-rows")) || 1;
     d.forEach((v) => {
       const M = v.querySelector(".adaptiv-grid-item-container");
       if (M) {
@@ -3629,12 +3630,12 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
     });
   }, [f]);
   return O(() => {
-    x(), p();
-  }, [x, p, t]), O(() => {
-    m.current && m.current.disconnect(), m.current = new ResizeObserver(() => j());
-    const _ = m.current;
-    return d.forEach((b) => _.observe(b)), j(), () => {
-      _.disconnect(), h.current !== null && cancelAnimationFrame(h.current);
+    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(), () => {
+      C.disconnect(), h.current !== null && cancelAnimationFrame(h.current);
     };
   }, [d, j]), /* @__PURE__ */ e.jsx(
     "div",
@@ -3649,13 +3650,13 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   children: n,
   className: t = "",
   style: r,
-  elevation: s = 1,
+  shadow: s = 1,
   padded: i = !0,
   borderRadius: l = 12,
   onClick: o,
   onContextMenu: c
 }) => {
-  const a = `elevation-${Math.min(24, Math.max(0, s))}`;
+  const a = `container_shadow-${s}`;
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -3678,32 +3679,32 @@ 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), m = Z(null), [h, x] = g(!1), p = (_) => {
+  const [c, a] = g(0), d = l !== void 0 ? l : c, u = Z(null), x = Z(null), [h, m] = g(!1), p = (C) => {
     if (u.current) {
       const b = t || u.current.offsetWidth / 2;
       u.current.scrollBy({
-        left: _ === "left" ? -b : b,
+        left: C === "left" ? -b : b,
         behavior: "smooth"
       });
     }
   };
   O(() => {
-    const _ = () => {
-      u.current && x(
+    const C = () => {
+      u.current && m(
         u.current.scrollWidth > u.current.clientWidth
       );
     };
-    return _(), window.addEventListener("resize", _), () => window.removeEventListener("resize", _);
+    return C(), window.addEventListener("resize", C), () => window.removeEventListener("resize", C);
   }, []), O(() => {
-    if (u.current && m.current) {
-      const _ = u.current.children[d];
-      _ && (m.current.style.width = `${_.offsetWidth}px`, m.current.style.transform = `translateX(${_.offsetLeft}px)`);
+    if (u.current && x.current) {
+      const C = u.current.children[d];
+      C && (x.current.style.width = `${C.offsetWidth}px`, x.current.style.transform = `translateX(${C.offsetLeft}px)`);
     }
   }, [d]);
-  const f = (_) => {
-    _.key === "ArrowRight" ? j((d + 1) % n.length) : _.key === "ArrowLeft" && j((d - 1 + n.length) % n.length);
-  }, j = (_) => {
-    l === void 0 && a(_), i && i(_);
+  const f = (C) => {
+    C.key === "ArrowRight" ? j((d + 1) % n.length) : C.key === "ArrowLeft" && j((d - 1 + n.length) % n.length);
+  }, j = (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: [
@@ -3716,16 +3717,16 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
           onKeyDown: f,
           tabIndex: 0,
           children: [
-            n.map((_, b) => /* @__PURE__ */ e.jsx(
+            n.map((C, b) => /* @__PURE__ */ e.jsx(
               "div",
               {
                 className: `alex-evo-ui-kit-tab ${r} ${d === b ? s : ""}`,
                 onClick: () => j(b),
-                children: _.label
+                children: C.label
               },
-              _.label
+              C.label
             )),
-            /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-indicator", ref: m })
+            /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-indicator", ref: x })
           ]
         }
       ),
@@ -3733,7 +3734,7 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-tab-content", children: n[d].content })
   ] });
-}, Cr = ve(({
+}, _r = ve(({
   children: n,
   className: t = "",
   maxHeight: r,
@@ -3742,23 +3743,27 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   width: l,
   padding: o,
   margin: c,
-  ...a
-}, d) => {
-  const u = {
+  flex: a,
+  gap: d = 0,
+  ...u
+}, x) => {
+  const h = {
     overflowY: r ? s ? "scroll" : "hidden" : void 0,
     maxHeight: r,
     backgroundColor: i ? "transparent" : void 0,
     width: l,
     padding: o,
     margin: c
-  }, m = [
+  };
+  a && (h.display = "flex", h.flexDirection = "column", d > 0 && (h.gap = d));
+  const m = [
     "list-container",
     t,
     s ? "list-container_scroll" : "",
     i ? "list-container_transparent" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsx("ul", { ref: d, style: u, className: m, ...a, children: n });
-}), _r = ve(({
+  return /* @__PURE__ */ e.jsx("ul", { ref: x, style: h, className: m, ...u, children: n });
+}), Cr = ve(({
   icon: n,
   control: t,
   text: r,
@@ -3770,23 +3775,23 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   className: a = "",
   disabled: d = !1,
   active: u = !1,
-  shadow: m = 0,
+  shadow: x = 0,
   ...h
-}, x) => {
+}, m) => {
   const p = (j) => {
     !d && !j.target.closest(".control-container") && (o == null || o(j));
   }, f = [
     "list-item-container",
     a,
-    `list-item-container_shadow-${m}`,
+    `container_shadow-hover-${x}`,
     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: x, className: f, onClick: p, "aria-disabled": d, ...h, children: [
+  return /* @__PURE__ */ e.jsxs("li", { ref: m, className: f, onClick: p, "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: "body", children: s }) }),
+      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 }) })
     ] }),
@@ -3844,10 +3849,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, m) => /* @__PURE__ */ e.jsx(
+    r.map((u, x) => /* @__PURE__ */ e.jsx(
       br,
       {
-        H: a == null ? void 0 : a[m],
+        H: a == null ? void 0 : a[x],
         color: u.color,
         backgroundColor: u.backgroundColor,
         column: u,
@@ -3855,14 +3860,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, m) => /* @__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, x) => /* @__PURE__ */ e.jsx(
       de,
       {
         transparent: !0,
         icon: u.icon,
         onClick: (h) => u.onClick(h, t, c)
       },
-      m
+      x
     )) }) }),
     (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) }),
@@ -3891,39 +3896,40 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
   onContextMenu: s,
   onEdit: i,
   actions: l,
-  onClickRow: o
+  shadow: o = 2,
+  onClickRow: c
 }) => {
-  const c = oe(
+  const a = oe(
     () => t ?? vr(n),
     [n, t]
-  ), a = c.length + (l ? 1 : 0) + (r || s || i ? 1 : 0), d = (u) => u ? (Array.isArray(u) ? u : [u]).map((h, x) => typeof h == "string" || typeof h == "number" ? /* @__PURE__ */ e.jsx("span", { children: h }, x) : /* @__PURE__ */ e.jsx(
+  ), 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(
     "span",
     {
-      style: { color: h.color },
-      onClick: h.onClick,
-      children: h.content
+      style: { color: p.color },
+      onClick: p.onClick,
+      children: p.content
     },
-    x
-  )) : null;
-  return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${o ? "clicked" : ""}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
+    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: [
     /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
-      c.map((u) => /* @__PURE__ */ e.jsx("th", { className: "min-width", children: u.title }, u.field)),
+      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((u, m) => {
-      if ("__all__" in u) {
-        const h = gr(u.__all__);
-        return /* @__PURE__ */ e.jsx("tr", { className: "table-all-row", children: /* @__PURE__ */ e.jsx("td", { colSpan: a, style: { backgroundColor: h == null ? void 0 : h.backgroundColor, color: h == null ? void 0 : h.color }, children: d(h) }) }, `all-${m}`);
+    /* @__PURE__ */ e.jsx("tbody", { children: n.map((h, m) => {
+      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}`);
       }
       return /* @__PURE__ */ e.jsx(
         kr,
         {
-          onClickRow: o,
+          onClickRow: c,
           actions: l,
           index: m,
-          columns: c,
-          item: u,
+          columns: a,
+          item: h,
           onDelete: r,
           onContextMenu: s,
           onEdit: i
@@ -4161,29 +4167,29 @@ const Vr = [
   width: c = 310,
   height: a = "auto"
 }) => {
-  const d = Z(null), u = Z(null), m = Z(null), h = Z(null), [x, p] = g(Tr(t)), [f, j] = g(!1), [_, b] = g(
-    `#${ke(Le(x))}`
-  ), y = oe(() => Le(x), [x]), v = oe(() => `#${ke(y)}`, [y]), M = oe(
-    () => _[0] !== "#" ? `#${_}` : _,
-    [_]
+  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(
+    () => C[0] !== "#" ? `#${C}` : C,
+    [C]
   );
   O(() => {
-    !m.current || !d.current || !u.current || !h.current || F(
-      m.current,
+    !x.current || !d.current || !u.current || !h.current || F(
+      x.current,
       h.current,
       d.current,
       u.current,
-      x
+      m
     );
-  }, [x]), O(() => {
-    if (!m.current || !h.current) return;
-    const N = m.current.getContext("2d");
+  }, [m]), O(() => {
+    if (!x.current || !h.current) return;
+    const N = x.current.getContext("2d");
     N && (Mr(
       N,
-      m.current,
-      `#${ke(Le(x.h, 1, 1))}`
+      x.current,
+      `#${ke(Le(m.h, 1, 1))}`
     ), Lr(
-      m.current,
+      x.current,
       N,
       h.current,
       (I, S) => {
@@ -4193,7 +4199,7 @@ const Vr = [
         });
       }
     ));
-  }, [x.h]), O(() => {
+  }, [m.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) => {
@@ -4203,17 +4209,17 @@ const Vr = [
       });
     }));
   }, []), O(() => {
-    if (_.length === 4 || _.length === 7)
+    if (C.length === 4 || C.length === 7)
       try {
-        p(De(Ne(_)));
+        p(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), C = Math.round((1 - T.v) * Y.height), $ = (360 - T.h * 360) / 360 * q.height;
-      Kn(I, G, C), qn(L, $);
+      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, $);
     } catch (Y) {
       console.error("Error updating cursor positions", Y);
     }
@@ -4280,7 +4286,7 @@ const Vr = [
             /* @__PURE__ */ e.jsx(
               "canvas",
               {
-                ref: m,
+                ref: x,
                 className: "spectrum-canvas spectrum-canvas-color-picker",
                 "aria-label": "Color spectrum"
               }
@@ -4413,20 +4419,20 @@ const Vr = [
   defaultColor: a,
   placeholder: d
 }) => {
-  const [u, m] = g(!1), [h, x] = g(s);
+  const [u, x] = g(!1), [h, m] = g(s);
   O(() => {
-    s !== void 0 && x(s);
+    s !== void 0 && m(s);
   }, [s]);
   const p = k(() => {
-    m(!0);
+    x(!0);
   }, []), f = k(
     (b) => {
-      x(b), t == null || t(b), m(!1);
+      m(b), t == null || t(b), x(!1);
     },
     [t]
   ), j = k(() => {
-    m(!1);
-  }, []), _ = [
+    x(!1);
+  }, []), C = [
     "input-field",
     "color-field",
     n ? "input-field_border" : "",
@@ -4434,7 +4440,7 @@ const Vr = [
     i
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs("div", { className: _, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: C, children: [
       /* @__PURE__ */ e.jsxs("div", { className: "color-indicator-field", children: [
         /* @__PURE__ */ e.jsx(
           "div",
@@ -4458,7 +4464,7 @@ const Vr = [
         }
       )
     ] }),
-    u && /* @__PURE__ */ e.jsx(Ce, { container: r, children: /* @__PURE__ */ e.jsx(
+    u && /* @__PURE__ */ e.jsx(_e, { container: r, children: /* @__PURE__ */ e.jsx(
       Or,
       {
         defaultColor: a,
@@ -4488,18 +4494,18 @@ const Vr = [
     day: (/* @__PURE__ */ new Date()).getDate(),
     type: "NOW_MONTH"
     /* NOW_MONTH */
-  }), [m, h] = g(
+  }), [x, h] = g(
     "DAYS"
     /* DAYS */
-  ), x = (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(x(v, M)).fill(0).map((z, D) => ({ type: "NOW_MONTH", day: D + 1 })), B = p(v, M, x(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: x(M ? v : v - 1, M ? M - 1 : 11) - D })).reverse().concat(F).concat(A), F;
+  ), 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) => {
     h(
       "DAYS"
       /* DAYS */
     ), a(v);
-  }, _ = (v) => {
+  }, C = (v) => {
     h(
       "DAYS"
       /* DAYS */
@@ -4512,7 +4518,7 @@ const Vr = [
   }, [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: m === "MONTHS" ? "active" : "", onClick: () => h(
+      /* @__PURE__ */ e.jsx("div", { className: "month", children: /* @__PURE__ */ e.jsxs("span", { className: x === "MONTHS" ? "active" : "", onClick: () => h(
         "MONTHS"
         /* MONTHS */
       ), children: [
@@ -4520,7 +4526,7 @@ const Vr = [
         " ",
         /* @__PURE__ */ e.jsx(Ie, {})
       ] }) }),
-      /* @__PURE__ */ e.jsx("div", { className: "years", children: /* @__PURE__ */ e.jsxs("span", { className: m === "YEARS" ? "active" : "", onClick: () => h(
+      /* @__PURE__ */ e.jsx("div", { className: "years", children: /* @__PURE__ */ e.jsxs("span", { className: x === "YEARS" ? "active" : "", onClick: () => h(
         "YEARS"
         /* YEARS */
       ), children: [
@@ -4529,10 +4535,10 @@ const Vr = [
         /* @__PURE__ */ e.jsx(Ie, {})
       ] }) })
     ] }),
-    m === "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: () => _(v), children: [
+    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: [
       /* @__PURE__ */ e.jsx("div", { className: "status-container", children: l === v ? /* @__PURE__ */ e.jsx(pe, {}) : null }),
       /* @__PURE__ */ e.jsx("div", { className: "content", children: v })
-    ] }, 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: () => j(v), children: [
+    ] }, 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: [
       /* @__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: [
@@ -4564,12 +4570,12 @@ const Vr = [
   helperText: a,
   size: d = "medium",
   disabled: u,
-  placeholder: m,
+  placeholder: x,
   onBlur: h,
-  onFocus: x,
+  onFocus: m,
   ...p
 }) => {
-  const [f, j] = g(s ?? ""), [_, b] = g(!1), [y, v] = g(!1), [M, F] = g(!!s), B = Be(), A = l || c, w = () => {
+  const [f, j] = 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);
@@ -4578,7 +4584,7 @@ const Vr = [
     let T = String(L);
     return T.length < 2 && (T = "0" + T), T;
   }, E = (L) => {
-    x == null || x(L), v(!0);
+    m == null || m(L), v(!0);
   }, N = (L) => {
     h == null || h(L), v(!1), F(!!L.target.value);
   };
@@ -4620,19 +4626,19 @@ const Vr = [
             ...p
           }
         ),
-        m && /* @__PURE__ */ e.jsx(
+        x && /* @__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: m })
+            children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: x })
           }
         )
       ] })
     ] }),
-    _ ? /* @__PURE__ */ e.jsx(Ce, { container: o, children: /* @__PURE__ */ e.jsx(Ir, { onChange: I, onHide: () => b(!1) }) }) : null,
+    C ? /* @__PURE__ */ e.jsx(_e, { container: o, children: /* @__PURE__ */ e.jsx(Ir, { onChange: I, onHide: () => b(!1) }) }) : null,
     A && c && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__error-text", children: c }),
     a && !A && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__helper-text", children: a })
   ] });
@@ -4657,8 +4663,8 @@ const Vr = [
   }, [t]);
   const o = k((a) => (d) => {
     l((u) => {
-      const m = d.target.checked ? [...u, a] : u.filter((h) => h !== a);
-      return n == null || n(m), m;
+      const x = d.target.checked ? [...u, a] : u.filter((h) => h !== a);
+      return n == null || n(x), x;
     });
   }, [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: [
@@ -4688,12 +4694,12 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
   className: a,
   ariaLabel: d = "Добавление нового элемента",
   chipsAriaLabel: u = "Список элементов",
-  id: m,
+  id: x,
   error: h,
-  errorText: x,
+  errorText: m,
   helperText: p
 }) => {
-  const [f, j] = g([]), [_, b] = g(""), [y, v] = g(null);
+  const [f, j] = g([]), [C, b] = g(""), [y, v] = g(null);
   O(() => {
     j(Wr(t, o));
   }, [t, o]);
@@ -4702,11 +4708,11 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
   }, F = (w) => {
     w.key === "Enter" && (w.preventDefault(), B());
   }, B = k(() => {
-    if (_.trim() === "" || f.includes(_.trim()))
+    if (C.trim() === "" || f.includes(C.trim()))
       return;
-    const w = [...f, _.trim()];
+    const w = [...f, C.trim()];
     j(w), r == null || r(jn(w, o)), b(""), v(w.length - 1);
-  }, [f, _, r, o]), A = (w) => {
+  }, [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);
   };
@@ -4715,22 +4721,22 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
     {
       className: `more-text ${a ?? ""}`,
       style: { minWidth: n },
-      id: m,
+      id: x,
       children: [
         /* @__PURE__ */ e.jsx("div", { className: "add-value", children: /* @__PURE__ */ e.jsx(
           Ve,
           {
             onChange: M,
             onKeyDown: F,
-            value: _,
+            value: C,
             border: s,
             placeholder: i,
             error: h,
-            errorText: x,
+            errorText: m,
             helperText: p,
             disabled: c,
             "aria-label": d,
-            "aria-describedby": m ? `${m}-help` : void 0
+            "aria-describedby": x ? `${x}-help` : void 0
           }
         ) }),
         /* @__PURE__ */ e.jsxs(
@@ -4767,7 +4773,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
                 {
                   onClick: B,
                   className: "more-text-btn",
-                  disabled: c || !_.trim(),
+                  disabled: c || !C.trim(),
                   "aria-label": `${l} элемент`,
                   children: l
                 }
@@ -4775,7 +4781,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
             ]
           }
         ),
-        m && /* @__PURE__ */ e.jsx("div", { id: `${m}-help`, className: "sr-only", children: 'Добавляйте элементы, вводя текст и нажимая Enter или кнопку "Добавить"' })
+        x && /* @__PURE__ */ e.jsx("div", { id: `${x}-help`, className: "sr-only", children: 'Добавляйте элементы, вводя текст и нажимая Enter или кнопку "Добавить"' })
       ]
     }
   );
@@ -4791,13 +4797,13 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
   name: a,
   value: d,
   placeholder: u,
-  className: m,
+  className: x,
   validEmptyValue: h,
-  onFocus: x,
+  onFocus: m,
   onBlur: p,
   error: f,
   max: j,
-  min: _,
+  min: C,
   size: b = "medium",
   disabled: y,
   step: v = 1,
@@ -4812,29 +4818,29 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
       return;
     const P = I.current.querySelector("input");
     P && P.focus();
-  }, C = k((P, W) => {
+  }, _ = k((P, W) => {
     c && (N.current && (clearTimeout(N.current), N.current = null), N.current = setTimeout(() => {
       N.current && (clearTimeout(N.current), N.current = null), c(P, W);
     }, 100));
   }, [c]), $ = k(() => {
     Y((P) => {
       let W = P ? P + v : v;
-      return typeof j == "number" && W > j && (W = j), C(W, a), W;
+      return typeof j == "number" && W > j && (W = j), _(W, a), W;
     });
-  }, [C, a, j, v]), H = k(() => {
+  }, [_, a, j, v]), H = k(() => {
     Y((P) => {
       let W = P ? P - v : -v;
-      return typeof _ == "number" && W < _ && (W = _), C(W, a), W;
+      return typeof C == "number" && W < C && (W = C), _(W, a), W;
     });
-  }, [C, a, _, v]), K = k((P) => {
+  }, [_, a, C, v]), K = k((P) => {
     if (P.target.value === "") {
       Y("");
       return;
     }
     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 _ == "number" && W < _ && (W = _), typeof j == "number" && W > j && (W = j), Y(Number(P.target.value)), C(W, a);
-  }, [a, C, T, j, _]), J = k(() => {
+    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(() => {
     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(() => {
@@ -4855,7 +4861,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 ${m}`, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${x}`, children: [
     /* @__PURE__ */ e.jsxs(
       "div",
       {
@@ -4881,7 +4887,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
                 ref: n,
                 max: j,
                 step: v,
-                min: _,
+                min: C,
                 readOnly: s,
                 required: !0,
                 type: "number",
@@ -4889,7 +4895,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
                 name: a,
                 value: T,
                 onChange: K,
-                onFocus: x,
+                onFocus: m,
                 onBlur: Q,
                 "aria-label": B,
                 "aria-labelledby": A,
@@ -4976,13 +4982,13 @@ const Qn = ne.forwardRef(
     onChange: a,
     name: d,
     value: u,
-    placeholder: m,
+    placeholder: x,
     className: h,
-    validEmptyValue: x,
+    validEmptyValue: m,
     onFocus: p,
     onBlur: f,
     error: j,
-    autoFocus: _,
+    autoFocus: C,
     disabled: b,
     helperText: y,
     errorText: v,
@@ -4990,20 +4996,20 @@ const Qn = ne.forwardRef(
     onKeyDown: F
   }, B) => {
     const A = Z(null), [w, z] = g(!1), [D, E] = g(!1), [N, I] = g(!!u), S = Be(), L = () => {
-      var C;
-      const G = (C = A.current) == null ? void 0 : C.querySelector("textarea");
+      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);
     }, q = k(
-      (G, C) => z(!!(j || G && (!C || C === ""))),
+      (G, _) => z(!!(j || G && (!_ || _ === ""))),
       [j]
     );
     return O(() => {
-      q(x, u), I(!!u);
-    }, [u, x, q]), /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${h || ""}`, children: [
+      q(m, u), I(!!u);
+    }, [u, m, q]), /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${h || ""}`, children: [
       /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -5039,18 +5045,18 @@ const Qn = ne.forwardRef(
                   onFocus: T,
                   onBlur: Y,
                   onKeyDown: F,
-                  autoFocus: _,
+                  autoFocus: C,
                   "aria-invalid": w,
                   "aria-describedby": w ? `${d}-error` : void 0
                 }
               ),
-              m && /* @__PURE__ */ e.jsx(
+              x && /* @__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: m })
+                  children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: x })
                 }
               )
             ] }),
@@ -5069,7 +5075,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]), m = k(() => {
+  }, [t]), x = k(() => {
     a(!1), l();
   }, []);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -5088,7 +5094,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: m, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(ce, { className: "little", onClick: x, children: "Cancel" }),
       /* @__PURE__ */ e.jsx(ce, { className: "little", onClick: o, children: "OK" })
     ] })
   ] });
@@ -5197,28 +5203,28 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
   disabled: a = !1,
   errorText: d,
   helperText: u,
-  ariaLabel: m,
+  ariaLabel: x,
   size: h = "medium",
-  ariaLabelledby: x,
+  ariaLabelledby: m,
   placeholder: p,
   onBlur: f,
   onFocus: j,
-  style: _,
+  style: C,
   ...b
 }) => {
   const [y, v] = g(s), [M, F] = g(!1), [B, A] = g(!1), [w, z] = g(!!s), D = Be(), E = o || !!d;
   O(() => {
     v(s);
   }, [s]);
-  const N = k(() => E || l && !y ? "error" : "", [y, E, l]), I = (C, $) => {
-    const H = String(C).padStart(2, "0"), K = String($).padStart(2, "0"), J = `${H}:${K}`;
+  const N = k(() => E || l && !y ? "error" : "", [y, E, l]), I = (_, $) => {
+    const H = String(_).padStart(2, "0"), K = String($).padStart(2, "0"), J = `${H}:${K}`;
     v(J), t == null || t(J);
   }, S = () => {
     a || F(!0);
-  }, L = (C) => {
-    j == null || j(C), A(!0);
-  }, T = (C) => {
-    f == null || f(C), A(!1), z(!!C.target.value);
+  }, L = (_) => {
+    j == null || j(_), A(!0);
+  }, T = (_) => {
+    f == null || f(_), A(!1), z(!!_.target.value);
   };
   O(() => {
     z(!!s);
@@ -5255,7 +5261,7 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
           ${a ? "input-field_disabled" : ""}
           `,
         "aria-disabled": a,
-        style: _,
+        style: C,
         children: [
           /* @__PURE__ */ e.jsx(
             "div",
@@ -5265,11 +5271,11 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
               "aria-label": "Открыть пикер времени",
               role: "button",
               tabIndex: a ? -1 : 0,
-              onKeyDown: (C) => C.key === "Enter" && S(),
+              onKeyDown: (_) => _.key === "Enter" && S(),
               children: /* @__PURE__ */ e.jsx(en, {})
             }
           ),
-          /* @__PURE__ */ e.jsxs("div", { "aria-label": m, className: "input-field__input-container", onClick: S, children: [
+          /* @__PURE__ */ e.jsxs("div", { "aria-label": x, className: "input-field__input-container", onClick: S, children: [
             /* @__PURE__ */ e.jsx(
               "input",
               {
@@ -5282,7 +5288,7 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
                 onBlur: T,
                 onFocus: L,
                 disabled: a,
-                "aria-labelledby": x,
+                "aria-labelledby": m,
                 "aria-invalid": E,
                 "aria-describedby": E && d ? `${r}-error` : u ? `${r}-helper` : void 0
               }
@@ -5303,7 +5309,7 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
       }
     ),
     G,
-    M && /* @__PURE__ */ e.jsx(Ce, { container: c, children: /* @__PURE__ */ e.jsx(
+    M && /* @__PURE__ */ e.jsx(_e, { container: c, children: /* @__PURE__ */ e.jsx(
       Kr,
       {
         onHide: () => F(!1),
@@ -5324,16 +5330,16 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
   }, [t.value]);
   const a = (h) => {
     s(Number(h.target.value)), t.onChange && t.onChange(h);
-  }, d = (h, x, p) => {
+  }, d = (h, m, p) => {
     if (o.current && c.current) {
       let f = Ye(c.current);
       if (f)
-        return Qr(h, x, p, 0, p - x) * (f.width - 20) / (p - x);
+        return Qr(h, m, p, 0, p - m) * (f.width - 20) / (p - m);
     }
     return 0;
   }, u = k((h) => {
     l(!0), t.onFocus && t.onFocus(h);
-  }, [t.onFocus]), m = k((h) => {
+  }, [t.onFocus]), x = 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: [
@@ -5343,7 +5349,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: m })
+      /* @__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 })
     ] }),
     t.showMinMax ? /* @__PURE__ */ e.jsx("div", { className: "value right", children: t.max ?? qe }) : null
   ] }) });
@@ -5352,11 +5358,11 @@ 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(""), [m, h] = g(!1), [x, p] = g(!0), f = k((y, v) => {
+  const [c, a] = g(""), [d, u] = g(""), [x, h] = g(!1), [m, p] = g(!0), f = k((y, v) => {
     s({ ...r, [v]: y });
   }, [s, r]), j = k(() => {
     u(""), a(""), h(!1);
-  }, []), _ = k(() => {
+  }, []), C = k(() => {
     let y = d;
     try {
       o || (y = JSON.parse(y));
@@ -5373,18 +5379,18 @@ 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: () => h(!0), children: /* @__PURE__ */ e.jsx(rn, {}) })
     ] }),
-    x ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r ? Object.keys(r).map(
+    m ? /* @__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,
-    m && !n ? /* @__PURE__ */ e.jsxs("div", { className: "json-object-content", children: [
+    x && !n ? /* @__PURE__ */ e.jsxs("div", { className: "json-object-content", children: [
       /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: c.length || 10, placeholder: "key", onChange: (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: _, children: "save" }),
+      /* @__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" })
     ] }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "json-line", children: [
@@ -5393,34 +5399,34 @@ 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), [m, h] = g(!0), x = k((_, b) => {
+  const [c, a] = g(""), [d, u] = g(!1), [x, h] = g(!0), m = k((C, b) => {
     const y = r.slice();
-    y[b] = _, s(y);
+    y[b] = C, s(y);
   }, [s, r]), p = k(() => {
     a(""), u(!1);
   }, []), f = k(() => {
-    let _ = c;
+    let C = c;
     try {
-      o || (_ = JSON.parse(_));
+      o || (C = JSON.parse(C));
     } catch {
     }
-    p(), s([...r, _]);
-  }, [r, s, c, p]), j = k((_) => {
-    s(r.filter((b, y) => y !== _));
+    p(), s([...r, C]);
+  }, [r, s, c, p]), j = 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: [
     /* @__PURE__ */ e.jsxs("div", { className: "json-line json-object-header", children: [
-      /* @__PURE__ */ e.jsxs("span", { className: "json-object-name json-object-header", onClick: () => h((_) => !_), children: [
+      /* @__PURE__ */ e.jsxs("span", { className: "json-object-name json-object-header", onClick: () => h((C) => !C), 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: () => u(!0), children: /* @__PURE__ */ e.jsx(rn, {}) })
     ] }),
-    m ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r && r.map((_, b) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: () => j(b), onChange: (y) => x(y, b), name: String(b), data: _ }) }, b)) }) : null,
+    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,
     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: (_) => a(_.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: 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" })
     ] }) : null,
@@ -5444,11 +5450,11 @@ 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(""), m = k((p) => {
+  const [c, a] = g(r || void 0), [d, u] = g(""), x = k((p) => {
     n || (a(p), s && s(p));
   }, [s]), h = k(() => {
     n || (a(void 0), i && i());
-  }, [i]), x = k(() => {
+  }, [i]), m = k(() => {
     if (n)
       return;
     let p = d;
@@ -5462,18 +5468,18 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     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: m, data: c, baseType: l, name: t, onlyStringValue: o })
+    /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: h, onChange: x, 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: x, children: "save" })
+    /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: m, 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), m = () => {
+  const o = Z(null), [c, a] = g(""), [d, u] = g(!1), x = () => {
     o.current && (o.current.focus(), u(!0));
   }, h = () => {
     o.current && (o.current.focus(), o.current.value = ""), a(""), u(!0), i && r("");
-  }, x = () => {
+  }, m = () => {
     h(), o.current && (o.current.blur(), u(!1));
   }, p = (j) => {
     a(j.target.value), i && r(j.target.value);
@@ -5481,9 +5487,9 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     j.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: x, children: /* @__PURE__ */ e.jsx(nn, {}) }) : n ? /* @__PURE__ */ e.jsx("span", { onClick: n.onClick, children: n.icon }) : t || null,
+    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: m, children: /* @__PURE__ */ e.jsx(tn, {}) })
+    d ? /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(ue, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: x, children: /* @__PURE__ */ e.jsx(tn, {}) })
   ] }) });
 }, rs = ({
   filters: n,
@@ -5501,7 +5507,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 m = t[d] || [], h = m.includes(u) ? m.filter((x) => x !== u) : [...m, u];
+    const x = t[d] || [], h = x.includes(u) ? x.filter((m) => m !== u) : [...x, u];
     r({
       ...t,
       [d]: h
@@ -5511,8 +5517,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 }, m) => /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: 16 }, children: [
-    m !== 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 }, x) => /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: 16 }, children: [
+    x !== 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(
@@ -5535,19 +5541,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, m] = g(!1), [h, x] = g(null), p = () => {
-    c.current && (c.current.focus(), m(!0));
+  const c = Z(null), [a, d] = g(""), [u, x] = g(!1), [h, m] = g(null), p = () => {
+    c.current && (c.current.focus(), x(!0));
   }, f = () => {
-    c.current && (c.current.focus(), c.current.value = ""), d(""), m(!0), r && n("");
+    c.current && (c.current.focus(), c.current.value = ""), d(""), x(!0), r && n("");
   }, j = () => {
-    f(), c.current && (c.current.blur(), m(!1));
-  }, _ = (v) => {
+    f(), c.current && (c.current.blur(), x(!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();
-    x({
+    m({
       x: M.left,
       y: M.bottom
       // ниже элемента
@@ -5556,10 +5562,10 @@ 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: _, onKeyDown: b, value: a, onFocus: () => m(!0) }),
+      /* @__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, {}) })
     ] }) }),
-    /* @__PURE__ */ e.jsx(Ce, { container: document.body, children: /* @__PURE__ */ e.jsx(rs, { point: h ?? void 0, onClose: () => x(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: () => m(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);
@@ -5586,7 +5592,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
       ]
     }
   ) : null;
-}, e1 = ({
+}, ei = ({
   type: n,
   screensize: t = ee.STANDART,
   weight: r = "standart",
@@ -5598,15 +5604,15 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
   onContextMenu: a,
   ...d
 }) => {
-  const u = Z(null), m = Z(null), [h, x] = g(!1), p = n === "heading" || n === "title" || n === "title-2", f = p ? "h3" : "span", j = {
+  const u = Z(null), x = Z(null), [h, m] = g(!1), p = n === "heading" || n === "title" || n === "title-2", f = p ? "h3" : "span", j = {
     fontSize: bn(n, t),
     fontWeight: kn(n, r),
     lineHeight: yn(n, s, t),
     ...o
-  }, _ = p ? "typography-heading" : "typography-text", b = k(() => {
-    if (!u.current || !m.current) return;
-    const y = u.current.clientWidth, v = m.current.scrollWidth;
-    x(y < v);
+  }, 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);
   }, [l]);
   return O(() => (b(), window.addEventListener("resize", b), () => {
     window.removeEventListener("resize", b);
@@ -5623,7 +5629,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
           {
             ...d,
             style: j,
-            className: `${_} ${i}`,
+            className: `${C} ${i}`,
             children: h ? `| ${l} | ${l}` : l
           }
         )
@@ -5632,7 +5638,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        ref: m,
+        ref: x,
         style: {
           position: "absolute",
           visibility: "hidden",
@@ -5640,7 +5646,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
           whiteSpace: "nowrap",
           ...j
         },
-        className: `${_} ${i}`,
+        className: `${C} ${i}`,
         children: l
       }
     )
@@ -5666,16 +5672,16 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     border: a,
     name: d,
     error: u,
-    onBlur: m,
+    onBlur: x,
     onFocus: h,
-    container: x = document.body,
+    container: m = document.body,
     size: p = "medium",
     transparent: f,
     helperText: j,
-    errorText: _,
+    errorText: C,
     disabled: b
   }, y) => {
-    const [v, M] = g(""), [F, B] = g({ x: 0, y: 0, width: 100 }), [A, w] = g(!1), z = !!(u || _);
+    const [v, M] = g(""), [F, B] = g({ x: 0, y: 0, width: 100 }), [A, w] = g(!1), z = !!(u || C);
     O(() => {
       M(pn(s, l ?? ""));
     }, [l, s]);
@@ -5713,15 +5719,15 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
             name: d,
             value: v,
             onFocus: h,
-            onBlur: m,
+            onBlur: x,
             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 && _ && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__error-text", children: _ }),
+      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: x, blocks: [{ items: s.map(E) }], visible: A })
+      /* @__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 })
     ] });
   }
 );
@@ -5743,7 +5749,7 @@ const is = ({ icons: n, value: t, onChange: r, disabled: s, placeholder: i, cont
         placeholder: i
       }
     ),
-    o && /* @__PURE__ */ e.jsx(Ce, { container: l, children: /* @__PURE__ */ e.jsx(
+    o && /* @__PURE__ */ e.jsx(_e, { container: l, children: /* @__PURE__ */ e.jsx(
       hr,
       {
         header: "Icons",
@@ -5807,8 +5813,8 @@ const is = ({ icons: n, value: t, onChange: r, disabled: s, placeholder: i, cont
   id: n,
   name: n.charAt(0).toUpperCase() + n.slice(1),
   component: /* @__PURE__ */ e.jsx(t, {})
-})), n1 = (n) => /* @__PURE__ */ e.jsx(is, { icons: ls, ...n });
-function t1(n) {
+})), ni = (n) => /* @__PURE__ */ e.jsx(is, { icons: ls, ...n });
+function ti(n) {
   if (n)
     return tt[n] ?? void 0;
 }
@@ -5817,7 +5823,7 @@ const as = {
   },
   hideSnackbar: () => {
   }
-}, os = Pe(as), r1 = ({ children: n }) => {
+}, os = Pe(as), ri = ({ children: n }) => {
   var o;
   const [t, r] = g({ visible: !1, text: "" }), s = Z(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));
@@ -5840,7 +5846,7 @@ const as = {
   ] });
 }, rt = Pe({});
 function cs() {
-  return _e(rt);
+  return Ce(rt);
 }
 function ds(n) {
   return typeof n == "string";
@@ -5912,7 +5918,7 @@ const fe = (n) => {
       onChange: a
     }
   );
-}, Cs = (n) => {
+}, _s = (n) => {
   const { error: t, value: r, change: s, clearHandler: i } = fe(n.name);
   return /* @__PURE__ */ e.jsx(
     Ve,
@@ -5925,7 +5931,7 @@ const fe = (n) => {
       onClear: i
     }
   );
-}, _s = (n) => {
+}, Cs = (n) => {
   const { error: t, value: r, change: s, clearHandler: i } = fe(n.name);
   return /* @__PURE__ */ e.jsx(Qn, { ...n, onChange: s, onClear: n.clear ? i : void 0, value: String(r), error: !!t, errorText: t });
 }, vs = (n) => {
@@ -5954,32 +5960,32 @@ 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), m = k((x) => {
-      x.preventDefault(), l == null || l(d);
-    }, [l, d]), h = k((x, p) => {
+    const [d, u] = g(r), x = k((m) => {
+      m.preventDefault(), l == null || l(d);
+    }, [l, d]), h = k((m, p) => {
       u((f) => ({
         ...f,
-        [x]: p
-      })), o == null || o(x, p);
+        [m]: p
+      })), o == null || o(m, p);
     }, [o]);
     return ht(a, () => ({
       submit: () => l == null ? void 0 : l(d),
-      setFieldValue: (x, p) => {
-        u((f) => ({ ...f, [x]: p }));
+      setFieldValue: (m, p) => {
+        u((f) => ({ ...f, [m]: p }));
       },
-      setValues: (x) => u(x),
+      setValues: (m) => u(m),
       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: m, 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: x, noValidate: !0, ...c, children: t }) });
   }
-), s1 = Object.assign(bs, {
-  TextInput: Cs,
+), si = Object.assign(bs, {
+  TextInput: _s,
   NumberInput: xs,
   SelectInput: fs,
   SwitchField: js,
   SwitchButtonField: ps,
   MoreTextField: ms,
-  TextArea: _s,
+  TextArea: Cs,
   DateField: vs,
   TimeField: gs
 });
@@ -6028,7 +6034,7 @@ export {
   pt as FilledButton,
   jt as FilledTotalButton,
   On as FilterIcon,
-  s1 as Form,
+  si as Form,
   Ts as FullScreenTemplateDialog,
   yt as GearIcon,
   zs as GridLayout,
@@ -6042,20 +6048,20 @@ export {
   de as IconButton,
   Fs as IconButtonMenu,
   is as IconSelectField,
-  n1 as IconsSelect,
+  ni as IconsSelect,
   qs as JsonContainer,
   Rn as Keyboard,
   Tt as LampIcon,
   wt as LinkIcon,
-  Cr as ListContainer,
-  _r as ListItem,
+  _r as ListContainer,
+  Cr as ListItem,
   Ft as LogoutIcon,
   Pn as Menu,
   Ln as MenuIcon,
   Fn as Minus,
   Lt as MinusUserIcon,
   Ze as ModalDialogTemplate,
-  Ce as ModalPortal,
+  _e as ModalPortal,
   We as ModalTemplate,
   He as MoreHorizontal,
   Gr as MoreText,
@@ -6066,7 +6072,7 @@ export {
   Ys as NavigationRail,
   Jn as NumberField,
   Rt as OkUserIcon,
-  Cn as OutlineButton,
+  _n as OutlineButton,
   wn as Palette,
   pr as Panel,
   $n as Pen,
@@ -6078,7 +6084,7 @@ export {
   Gn as RadioButton,
   Rs as Range,
   Vt as Room,
-  e1 as RunningLine,
+  ei as RunningLine,
   ee as ScreenSize,
   Ps as ScrollContainer,
   Js as Search,
@@ -6096,7 +6102,7 @@ export {
   ur as SmallWindowMenu,
   ss as Snackbar,
   os as SneckbarContext,
-  r1 as SneckbarProvider,
+  ri as SneckbarProvider,
   Yn as Switch,
   Ot as SwitchIcon,
   Ws as Table,
@@ -6119,15 +6125,15 @@ export {
   $t as XUserIcon,
   Te as getContainerColor,
   Ye as getContainerData,
-  t1 as getIcons,
+  ti as getIcons,
   Hn as getModalWindowCord,
   re as getTextColor,
   qt as hexToRgb,
   Qr as map,
   er as useColors,
   Kt as usePopup,
-  Ct as useScreenSize,
-  _n as useScrollLock,
+  _t as useScreenSize,
+  Cn as useScrollLock,
   rr as useThemes,
   Ir as СalendarPickers
 };