alex-evo-sh-ui-kit 1.1.96 → 1.1.97

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

@@ -1,4 +1,4 @@
-import ne, { useEffect as T, useState as g, useRef as Z, useCallback as b, 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 te, { useEffect as V, useState as g, useRef as Y, useCallback as k, createContext as Pe, useContext as Ce, useMemo as oe, forwardRef as ve, useLayoutEffect as dt, useId as Be, memo as ut, useImperativeHandle as ht } from "react";
 import xt from "react-dom";
 import { NavLink as Qe } from "react-router-dom";
 import './index.css';var Je = { exports: {} }, Se = {};
@@ -17,16 +17,16 @@ function mt() {
   an = 1;
   var n = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
   function r(s, i, l) {
-    var o = null;
-    if (l !== void 0 && (o = "" + l), i.key !== void 0 && (o = "" + i.key), "key" in i) {
+    var c = null;
+    if (l !== void 0 && (c = "" + l), i.key !== void 0 && (c = "" + i.key), "key" in i) {
       l = {};
-      for (var c in i)
-        c !== "key" && (l[c] = i[c]);
+      for (var o in i)
+        o !== "key" && (l[o] = i[o]);
     } else l = i;
     return i = l.ref, {
       $$typeof: n,
       type: s,
-      key: o,
+      key: c,
       ref: i !== void 0 ? i : null,
       props: l
     };
@@ -43,167 +43,167 @@ var Me = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var on;
+var cn;
 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) {
+  return cn || (cn = 1, process.env.NODE_ENV !== "production" && function() {
+    function n(v) {
+      if (v == null) return null;
+      if (typeof v == "function")
+        return v.$$typeof === O ? null : v.displayName || v.name || null;
+      if (typeof v == "string") return v;
+      switch (v) {
         case p:
           return "Fragment";
-        case k:
+        case y:
           return "Profiler";
         case _:
           return "StrictMode";
-        case V:
+        case T:
           return "Suspense";
-        case W:
-          return "SuspenseList";
         case P:
+          return "SuspenseList";
+        case W:
           return "Activity";
       }
-      if (typeof C == "object")
-        switch (typeof C.tag == "number" && console.error(
+      if (typeof v == "object")
+        switch (typeof v.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), C.$$typeof) {
-          case f:
+        ), v.$$typeof) {
+          case j:
             return "Portal";
-          case v:
-            return C.displayName || "Context";
-          case y:
-            return (C._context.displayName || "Context") + ".Consumer";
-          case M:
-            var L = C.render;
-            return C = C.displayName, C || (C = L.displayName || L.name || "", C = C !== "" ? "ForwardRef(" + C + ")" : "ForwardRef"), C;
-          case z:
-            return L = C.displayName || null, L !== null ? L : n(C.type) || "Memo";
+          case C:
+            return v.displayName || "Context";
+          case N:
+            return (v._context.displayName || "Context") + ".Consumer";
+          case S:
+            var L = v.render;
+            return v = v.displayName, v || (v = L.displayName || L.name || "", v = v !== "" ? "ForwardRef(" + v + ")" : "ForwardRef"), v;
+          case B:
+            return L = v.displayName || null, L !== null ? L : n(v.type) || "Memo";
           case w:
-            L = C._payload, C = C._init;
+            L = v._payload, v = v._init;
             try {
-              return n(C(L));
+              return n(v(L));
             } catch {
             }
         }
       return null;
     }
-    function t(C) {
-      return "" + C;
+    function t(v) {
+      return "" + v;
     }
-    function r(C) {
+    function r(v) {
       try {
-        t(C);
+        t(v);
         var L = !1;
       } catch {
         L = !0;
       }
       if (L) {
         L = console;
-        var H = L.error, q = typeof Symbol == "function" && Symbol.toStringTag && C[Symbol.toStringTag] || C.constructor.name || "Object";
-        return H.call(
+        var R = L.error, q = typeof Symbol == "function" && Symbol.toStringTag && v[Symbol.toStringTag] || v.constructor.name || "Object";
+        return R.call(
           L,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           q
-        ), t(C);
+        ), t(v);
       }
     }
-    function s(C) {
-      if (C === p) return "<>";
-      if (typeof C == "object" && C !== null && C.$$typeof === w)
+    function s(v) {
+      if (v === p) return "<>";
+      if (typeof v == "object" && v !== null && v.$$typeof === w)
         return "<...>";
       try {
-        var L = n(C);
+        var L = n(v);
         return L ? "<" + L + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function i() {
-      var C = R.A;
-      return C === null ? null : C.getOwner();
+      var v = A.A;
+      return v === null ? null : v.getOwner();
     }
     function l() {
       return Error("react-stack-top-frame");
     }
-    function o(C) {
-      if (N.call(C, "key")) {
-        var L = Object.getOwnPropertyDescriptor(C, "key").get;
+    function c(v) {
+      if (b.call(v, "key")) {
+        var L = Object.getOwnPropertyDescriptor(v, "key").get;
         if (L && L.isReactWarning) return !1;
       }
-      return C.key !== void 0;
+      return v.key !== void 0;
     }
-    function c(C, L) {
-      function H() {
+    function o(v, L) {
+      function R() {
         E || (E = !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)",
           L
         ));
       }
-      H.isReactWarning = !0, Object.defineProperty(C, "key", {
-        get: H,
+      R.isReactWarning = !0, Object.defineProperty(v, "key", {
+        get: R,
         configurable: !0
       });
     }
     function a() {
-      var C = n(this.type);
-      return O[C] || (O[C] = !0, console.error(
+      var v = n(this.type);
+      return U[v] || (U[v] = !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;
+      )), v = this.props.ref, v !== void 0 ? v : null;
     }
-    function d(C, L, H, q, J, te) {
-      var Q = H.ref;
-      return C = {
-        $$typeof: j,
-        type: C,
+    function d(v, L, R, q, Q, ne) {
+      var J = R.ref;
+      return v = {
+        $$typeof: f,
+        type: v,
         key: L,
-        props: H,
+        props: R,
         _owner: q
-      }, (Q !== void 0 ? Q : null) !== null ? Object.defineProperty(C, "ref", {
+      }, (J !== void 0 ? J : null) !== null ? Object.defineProperty(v, "ref", {
         enumerable: !1,
         get: a
-      }) : Object.defineProperty(C, "ref", { enumerable: !1, value: null }), C._store = {}, Object.defineProperty(C._store, "validated", {
+      }) : Object.defineProperty(v, "ref", { enumerable: !1, value: null }), v._store = {}, Object.defineProperty(v._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(C, "_debugInfo", {
+      }), Object.defineProperty(v, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(C, "_debugStack", {
+      }), Object.defineProperty(v, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: J
-      }), Object.defineProperty(C, "_debugTask", {
+        value: Q
+      }), Object.defineProperty(v, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: te
-      }), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
+        value: ne
+      }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
     }
-    function u(C, L, H, q, J, te) {
-      var Q = L.children;
-      if (Q !== void 0)
+    function u(v, L, R, q, Q, ne) {
+      var J = L.children;
+      if (J !== void 0)
         if (q)
-          if (I(Q)) {
-            for (q = 0; q < Q.length; q++)
-              m(Q[q]);
-            Object.freeze && Object.freeze(Q);
+          if (D(J)) {
+            for (q = 0; q < J.length; q++)
+              m(J[q]);
+            Object.freeze && Object.freeze(J);
           } 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);
-      if (N.call(L, "key")) {
-        Q = n(C);
-        var ie = Object.keys(L).filter(function(G) {
-          return G !== "key";
+        else m(J);
+      if (b.call(L, "key")) {
+        J = n(v);
+        var le = Object.keys(L).filter(function(Z) {
+          return Z !== "key";
         });
-        q = 0 < ie.length ? "{key: someKey, " + ie.join(": ..., ") + ": ...}" : "{key: someKey}", Y[Q + q] || (ie = 0 < ie.length ? "{" + ie.join(": ..., ") + ": ...}" : "{}", console.error(
+        q = 0 < le.length ? "{key: someKey, " + le.join(": ..., ") + ": ...}" : "{key: someKey}", G[J + q] || (le = 0 < le.length ? "{" + le.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -211,65 +211,65 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           q,
-          Q,
-          ie,
-          Q
-        ), Y[Q + q] = !0);
+          J,
+          le,
+          J
+        ), G[J + q] = !0);
       }
-      if (Q = null, H !== void 0 && (r(H), Q = "" + H), o(L) && (r(L.key), Q = "" + L.key), "key" in L) {
-        H = {};
-        for (var B in L)
-          B !== "key" && (H[B] = L[B]);
-      } else H = L;
-      return Q && c(
-        H,
-        typeof C == "function" ? C.displayName || C.name || "Unknown" : C
+      if (J = null, R !== void 0 && (r(R), J = "" + R), c(L) && (r(L.key), J = "" + L.key), "key" in L) {
+        R = {};
+        for (var z in L)
+          z !== "key" && (R[z] = L[z]);
+      } else R = L;
+      return J && o(
+        R,
+        typeof v == "function" ? v.displayName || v.name || "Unknown" : v
       ), d(
-        C,
-        Q,
-        H,
-        i(),
+        v,
         J,
-        te
+        R,
+        i(),
+        Q,
+        ne
       );
     }
-    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 m(v) {
+      h(v) ? v._store && (v._store.validated = 1) : typeof v == "object" && v !== null && v.$$typeof === w && (v._payload.status === "fulfilled" ? h(v._payload.value) && v._payload.value._store && (v._payload.value._store.validated = 1) : v._store && (v._store.validated = 1));
     }
-    function h(C) {
-      return typeof C == "object" && C !== null && C.$$typeof === j;
+    function h(v) {
+      return typeof v == "object" && v !== null && v.$$typeof === f;
     }
-    var x = ne, j = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), v = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), V = Symbol.for("react.suspense"), W = Symbol.for("react.suspense_list"), z = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), D = Symbol.for("react.client.reference"), R = 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 x = te, f = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), C = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), P = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), W = Symbol.for("react.activity"), O = Symbol.for("react.client.reference"), A = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, b = Object.prototype.hasOwnProperty, D = Array.isArray, M = console.createTask ? console.createTask : function() {
       return null;
     };
     x = {
-      react_stack_bottom_frame: function(C) {
-        return C();
+      react_stack_bottom_frame: function(v) {
+        return v();
       }
     };
-    var E, O = {}, A = x.react_stack_bottom_frame.bind(
+    var E, U = {}, I = x.react_stack_bottom_frame.bind(
       x,
       l
-    )(), K = S(s(l)), Y = {};
-    Me.Fragment = p, Me.jsx = function(C, L, H) {
-      var q = 1e4 > R.recentlyCreatedOwnerStacks++;
+    )(), H = M(s(l)), G = {};
+    Me.Fragment = p, Me.jsx = function(v, L, R) {
+      var q = 1e4 > A.recentlyCreatedOwnerStacks++;
       return u(
-        C,
+        v,
         L,
-        H,
+        R,
         !1,
-        q ? Error("react-stack-top-frame") : A,
-        q ? S(s(C)) : K
+        q ? Error("react-stack-top-frame") : I,
+        q ? M(s(v)) : H
       );
-    }, Me.jsxs = function(C, L, H) {
-      var q = 1e4 > R.recentlyCreatedOwnerStacks++;
+    }, Me.jsxs = function(v, L, R) {
+      var q = 1e4 > A.recentlyCreatedOwnerStacks++;
       return u(
-        C,
+        v,
         L,
-        H,
+        R,
         !0,
-        q ? Error("react-stack-top-frame") : A,
-        q ? S(s(C)) : K
+        q ? Error("react-stack-top-frame") : I,
+        q ? M(s(v)) : H
       );
     };
   }()), Me;
@@ -282,7 +282,7 @@ const _n = (n) => /* @__PURE__ */ e.jsx(
     ...n,
     className: (n.className ?? "") + " outline-button"
   }
-), ce = (n) => /* @__PURE__ */ e.jsx(
+), de = (n) => /* @__PURE__ */ e.jsx(
   Fe,
   {
     ...n,
@@ -305,8 +305,8 @@ const _n = (n) => /* @__PURE__ */ e.jsx(
     t.onClick && t.onClick(i);
     let l = document.createElement("span");
     l.classList.add("btn-overlay");
-    let o = i.pageX - i.currentTarget.offsetLeft, c = i.pageY - i.currentTarget.offsetTop;
-    l.style.left = o + "px", l.style.top = c + "px", i.currentTarget.appendChild(l), setTimeout(() => {
+    let c = i.pageX - i.currentTarget.offsetLeft, o = i.pageY - i.currentTarget.offsetTop;
+    l.style.left = c + "px", l.style.top = o + "px", i.currentTarget.appendChild(l), setTimeout(() => {
       l.remove();
     }, 500);
   }, s = {
@@ -315,8 +315,8 @@ const _n = (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(_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) => {
-  T(() => {
+}, ye = ({ styleType: n = "base", ...t }) => n === "outline" ? /* @__PURE__ */ e.jsx(_n, { ...t }) : n === "text" ? /* @__PURE__ */ e.jsx(de, { ...t }) : n === "filledTotal" ? /* @__PURE__ */ e.jsx(jt, { ...t }) : n === "filled" ? /* @__PURE__ */ e.jsx(pt, { ...t }) : /* @__PURE__ */ e.jsx(Fe, { ...t }), Cn = (n, t) => {
+  V(() => {
     if (n) {
       const r = window.innerWidth - document.documentElement.clientWidth;
       t.style.overflow = "hidden", t.style.paddingRight = `${r}px`;
@@ -349,28 +349,28 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
     }
   );
 }, vn = ({ bottom: n = 0, ...t }) => {
-  const [r, s] = g(!1), [i, l] = g(!0), o = Z(null), c = b(() => {
+  const [r, s] = g(!1), [i, l] = g(!0), c = Y(null), o = k(() => {
     s(!0), setTimeout(() => {
       t.onHide(), s(!1), l(!0);
     }, 200);
   }, [t.onHide]);
-  T(() => {
+  V(() => {
     t.visible && l(!1);
-  }, [t.visible]), T(() => {
-    !t.visible && !i && c();
-  }, [t.visible, c, i]);
-  const a = b((h) => {
-    window.innerHeight - h.changedTouches[0].clientY <= 150 && c(), o.current && (o.current.style.height = `${window.innerHeight - h.changedTouches[0].clientY + 20 - n}px`);
-  }, [c]), d = (h) => {
-    window.innerHeight - h.clientY + 20 <= 150 && c(), o.current && (o.current.style.height = `${window.innerHeight - h.clientY + 20 - n}px`);
+  }, [t.visible]), V(() => {
+    !t.visible && !i && o();
+  }, [t.visible, o, i]);
+  const a = k((h) => {
+    window.innerHeight - h.changedTouches[0].clientY <= 150 && o(), c.current && (c.current.style.height = `${window.innerHeight - h.changedTouches[0].clientY + 20 - n}px`);
+  }, [o]), d = (h) => {
+    window.innerHeight - h.clientY + 20 <= 150 && o(), c.current && (c.current.style.height = `${window.innerHeight - h.clientY + 20 - n}px`);
   }, u = () => {
     document.body.removeEventListener("mousemove", d), document.body.removeEventListener("mouseup", u);
   }, m = () => {
     document.body.addEventListener("mousemove", d), document.body.addEventListener("mouseup", u);
   };
-  return T(() => () => {
+  return V(() => () => {
     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: [
+  }), i && !r || !t.children ? null : /* @__PURE__ */ e.jsx(We, { onHide: o, children: /* @__PURE__ */ e.jsxs("div", { ref: c, style: { paddingBottom: n }, className: `bottom-sheets ${r ? "bottom-sheets_hide" : "bottom-sheets_show"}`, children: [
     /* @__PURE__ */ e.jsx("div", { role: "presentation", "data-testid": "bottom-sheet-handle", className: "bottom-sheets__handle", onMouseDown: m, onTouchMove: a, children: /* @__PURE__ */ e.jsx("span", {}) }),
     /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets__content", children: t.children })
   ] }) });
@@ -387,12 +387,12 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
     mobileSize: n.mobileSize ?? ge.mobileSize
   };
   t.bigSize <= 100 && (console.error("useScreenSize: invalid option"), t.bigSize = ge.bigSize), t.mobileSize <= 100 && (console.error("useScreenSize: invalid option"), t.mobileSize = ge.mobileSize), t.mobileSize >= t.bigSize && (console.error("useScreenSize: invalid option"), t.mobileSize = ge.mobileSize, t.bigSize = ge.bigSize);
-  const [r, s] = g(ee.STANDART), i = b(() => {
+  const [r, s] = g(ee.STANDART), i = k(() => {
     window.innerWidth < t.mobileSize ? s(ee.MOBILE) : window.innerWidth < t.bigSize ? s(ee.STANDART) : s(ee.BIG_SCREEN);
   }, [window.innerWidth]);
-  return T(() => {
+  return V(() => {
     i();
-  }, [i]), T(() => (window.addEventListener("resize", i), () => {
+  }, [i]), V(() => (window.addEventListener("resize", i), () => {
     window.removeEventListener("resize", i);
   }), [i]), { screen: r };
 }, Ct = {
@@ -400,15 +400,15 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
 }, we = Pe(Ct), ws = ({ children: n, option: t }) => {
   const r = _t(t);
   return /* @__PURE__ */ e.jsx(we.Provider, { value: r, children: n });
-}, U = ({
+}, X = ({
   type: n,
   screensize: t = ee.STANDART,
   weight: r = "standart",
   density: s = "normal",
   children: i,
   style: l,
-  className: o = "",
-  ...c
+  className: c = "",
+  ...o
 }) => {
   const a = Ce(we), d = a ? a.screen : t, u = n === "heading" || n === "title" || n === "title-2", m = u ? "h3" : "span", h = {
     fontSize: bn(n, d),
@@ -419,13 +419,13 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
   return /* @__PURE__ */ e.jsx(
     m,
     {
-      ...c,
+      ...o,
       style: h,
-      className: `${x} ${o}`,
+      className: `${x} ${c}`,
       children: i
     }
   );
-}, ue = ne.forwardRef(
+}, ue = te.forwardRef(
   ({
     icon: n,
     className: t = "",
@@ -433,23 +433,23 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
     transparent: s = !1,
     size: i = "medium",
     onClick: l,
-    onContextMenu: o,
-    disabled: c = !1,
+    onContextMenu: c,
+    disabled: o = !1,
     style: a,
     rippleDisabled: d = !1,
     shadow: u = 0,
     ...m
   }, h) => {
-    const x = b(
-      (f) => {
-        c || (l == null || l(f), !d && j(f));
+    const x = k(
+      (j) => {
+        o || (l == null || l(j), !d && f(j));
       },
-      [l, c]
-    ), j = (f) => {
-      const p = f.currentTarget, _ = document.createElement("span"), k = Math.max(p.clientWidth, p.clientHeight), y = k / 2;
-      _.style.width = _.style.height = `${k}px`, _.style.left = `${f.clientX - p.getBoundingClientRect().left - y}px`, _.style.top = `${f.clientY - p.getBoundingClientRect().top - y}px`, _.classList.add("iconbutton-ripple");
-      const v = p.getElementsByClassName("iconbutton-ripple")[0];
-      v && v.remove(), p.appendChild(_);
+      [l, o]
+    ), f = (j) => {
+      const p = j.currentTarget, _ = document.createElement("span"), y = Math.max(p.clientWidth, p.clientHeight), N = y / 2;
+      _.style.width = _.style.height = `${y}px`, _.style.left = `${j.clientX - p.getBoundingClientRect().left - N}px`, _.style.top = `${j.clientY - p.getBoundingClientRect().top - N}px`, _.classList.add("iconbutton-ripple");
+      const C = p.getElementsByClassName("iconbutton-ripple")[0];
+      C && C.remove(), p.appendChild(_);
     };
     return /* @__PURE__ */ e.jsx(
       "button",
@@ -461,9 +461,9 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
         },
         className: `iconbutton iconbutton--${i} ${t} container_shadow-hover-${u}`,
         onClick: x,
-        onContextMenu: o,
-        disabled: c,
-        "aria-disabled": c,
+        onContextMenu: c,
+        disabled: o,
+        "aria-disabled": o,
         ...m,
         children: /* @__PURE__ */ e.jsx("div", { className: `iconbutton-container ${r}`, children: n })
       }
@@ -471,7 +471,7 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
   }
 );
 ue.displayName = "IconButton";
-const $ = ne.forwardRef(({ className: n, onClick: t, children: r, dpi: s = "24", size: i, primaryColor: l, secondaryColor: o, tertiaryColor: c, baseColor: a, ...d }, u) => /* @__PURE__ */ e.jsx(
+const $ = te.forwardRef(({ className: n, onClick: t, children: r, dpi: s = "24", size: i, primaryColor: l, secondaryColor: c, tertiaryColor: o, baseColor: a, ...d }, u) => /* @__PURE__ */ e.jsx(
   "svg",
   {
     role: d.role,
@@ -492,7 +492,7 @@ function F(n) {
     tertiaryColor: n.tertiaryColor ?? n.baseColor ?? "var(--icon-tertiary)"
   };
 }
-const Nn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} icon-trash`, children: /* @__PURE__ */ e.jsx("path", { stroke: "var(--Error-color)", fill: "none", d: "M18 6L17.1991 18.0129C17.129 19.065 17.0939 19.5911 16.8667 19.99C16.6666 20.3412 16.3648 20.6235 16.0011 20.7998C15.588 21 15.0607 21 14.0062 21H9.99377C8.93927 21 8.41202 21 7.99889 20.7998C7.63517 20.6235 7.33339 20.3412 7.13332 19.99C6.90607 19.5911 6.871 19.065 6.80086 18.0129L6 6M4 6H20M16 6L15.7294 5.18807C15.4671 4.40125 15.3359 4.00784 15.0927 3.71698C14.8779 3.46013 14.6021 3.26132 14.2905 3.13878C13.9376 3 13.523 3 12.6936 3H11.3064C10.477 3 10.0624 3 9.70951 3.13878C9.39792 3.26132 9.12208 3.46013 8.90729 3.71698C8.66405 4.00784 8.53292 4.40125 8.27064 5.18807L8 6", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), de = (n) => /* @__PURE__ */ e.jsx($, { ...n, children: /* @__PURE__ */ e.jsx("g", { id: "Page-1", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ e.jsxs("g", { id: "Close", children: [
+const Nn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} icon-trash`, children: /* @__PURE__ */ e.jsx("path", { stroke: "var(--Error-color)", fill: "none", d: "M18 6L17.1991 18.0129C17.129 19.065 17.0939 19.5911 16.8667 19.99C16.6666 20.3412 16.3648 20.6235 16.0011 20.7998C15.588 21 15.0607 21 14.0062 21H9.99377C8.93927 21 8.41202 21 7.99889 20.7998C7.63517 20.6235 7.33339 20.3412 7.13332 19.99C6.90607 19.5911 6.871 19.065 6.80086 18.0129L6 6M4 6H20M16 6L15.7294 5.18807C15.4671 4.40125 15.3359 4.00784 15.0927 3.71698C14.8779 3.46013 14.6021 3.26132 14.2905 3.13878C13.9376 3 13.523 3 12.6936 3H11.3064C10.477 3 10.0624 3 9.70951 3.13878C9.39792 3.26132 9.12208 3.46013 8.90729 3.71698C8.66405 4.00784 8.53292 4.40125 8.27064 5.18807L8 6", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), ie = (n) => /* @__PURE__ */ e.jsx($, { ...n, children: /* @__PURE__ */ e.jsx("g", { id: "Page-1", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ e.jsxs("g", { id: "Close", children: [
   /* @__PURE__ */ e.jsx("rect", { id: "Rectangle", fillRule: "nonzero", x: "0", y: "0", width: "24", height: "24" }),
   /* @__PURE__ */ e.jsx("line", { x1: "16.9999", y1: "7", x2: "7.00001", y2: "16.9999", id: "Path", stroke: "var(--On-surface-color)", strokeWidth: "2", strokeLinecap: "round" }),
   /* @__PURE__ */ e.jsx("line", { x1: "7.00006", y1: "7", x2: "17", y2: "16.9999", id: "Path", stroke: "var(--On-surface-color)", strokeWidth: "2", strokeLinecap: "round" })
@@ -1786,8 +1786,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
   action: s,
   onHide: i,
   style: l,
-  clearStyle: o = !1,
-  disableBackplate: c,
+  clearStyle: c = !1,
+  disableBackplate: o,
   marginBottom: a,
   maxWidth: d = "560px",
   showCloseButton: u = !1,
@@ -1804,25 +1804,25 @@ const Nn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
     We,
     {
       onHide: h,
-      disableBackplate: c,
+      disableBackplate: o,
       children: /* @__PURE__ */ e.jsxs(
         "div",
         {
           style: x,
-          className: `${o ? "" : "dialog-template__container dialog-template_base dialog-template_color_surface-container"} dialog-template ${n}`,
+          className: `${c ? "" : "dialog-template__container dialog-template_base dialog-template_color_surface-container"} dialog-template ${n}`,
           role: "dialog",
           "aria-modal": "true",
           "aria-label": m || r,
           children: [
             r && /* @__PURE__ */ e.jsxs("div", { className: "dialog-template__container__header dialog-template__container__header_color_surface-container", children: [
-              /* @__PURE__ */ e.jsx(U, { type: "heading", children: r }),
+              /* @__PURE__ */ e.jsx(X, { type: "heading", children: r }),
               u && /* @__PURE__ */ e.jsx(
                 ue,
                 {
                   className: "dialog-template__container__header__button dialog-template__container__header__button_color_surface-container",
                   onClick: h,
                   "aria-label": "Close dialog",
-                  icon: /* @__PURE__ */ e.jsx(de, {})
+                  icon: /* @__PURE__ */ e.jsx(ie, {})
                 }
               )
             ] }),
@@ -1842,8 +1842,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
   const { screen: i } = Ce(we);
   Cn(!0, document.body);
   const l = () => {
-    var c;
-    (c = s.onHide) == null || c.call(s);
+    var o;
+    (o = s.onHide) == null || o.call(s);
   };
   return t || !r && i === ee.MOBILE ? /* @__PURE__ */ e.jsx(
     vn,
@@ -1857,7 +1857,7 @@ const Nn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
           style: s.style,
           className: `dialog-bottom ${s.className || ""}`,
           children: [
-            s.header && /* @__PURE__ */ e.jsx("div", { className: "dialog-bottom__header", children: /* @__PURE__ */ e.jsx(U, { type: "heading", children: s.header }) }),
+            s.header && /* @__PURE__ */ e.jsx("div", { className: "dialog-bottom__header", children: /* @__PURE__ */ e.jsx(X, { type: "heading", children: s.header }) }),
             /* @__PURE__ */ e.jsx("div", { className: "dialog-bottom__content dialog-bottom__content_color_text-surface-color", children: /* @__PURE__ */ e.jsx("div", { className: "dialog-bottom__content__scroll", children: s.children }) }),
             s.action && /* @__PURE__ */ e.jsx("div", { className: "dialog-bottom__action", children: s.action })
           ]
@@ -1893,18 +1893,18 @@ const Nn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
   actionText: s,
   cancelText: i = "Отмена",
   onSuccess: l,
-  onCancel: o,
-  onHide: c,
+  onCancel: c,
+  onHide: o,
   children: a,
   disableDefaultButtons: d = !1,
   customActions: u,
   btns: m
 }) => {
-  const h = b(() => {
-    l == null || l(), c == null || c();
-  }, [l, c]), x = b(() => {
-    o == null || o(), c == null || c();
-  }, [o, c]), j = b(() => u || (d ? null : m ? /* @__PURE__ */ e.jsx(ze, { onHide: x, onSuccess: h, btns: m }) : /* @__PURE__ */ e.jsx(ze, { onHide: x, onSuccess: h, btns: [
+  const h = k(() => {
+    l == null || l(), o == null || o();
+  }, [l, o]), x = k(() => {
+    c == null || c(), o == null || o();
+  }, [c, o]), f = k(() => u || (d ? null : m ? /* @__PURE__ */ e.jsx(ze, { onHide: x, onSuccess: h, btns: m }) : /* @__PURE__ */ e.jsx(ze, { onHide: x, onSuccess: h, btns: [
     {
       text: i,
       hide: !0,
@@ -1921,9 +1921,9 @@ const Nn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
       style: n,
       header: r,
       onHide: x,
-      action: j(),
+      action: f(),
       children: [
-        t && /* @__PURE__ */ e.jsx(U, { type: "body", children: t }),
+        t && /* @__PURE__ */ e.jsx(X, { type: "body", children: t }),
         a
       ]
     }
@@ -1932,21 +1932,21 @@ const Nn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
   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);
+  const [c, o] = g(null);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(ye, { styleType: i ?? "filled", ...l, onClick: c }),
-    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) }) })
+    /* @__PURE__ */ e.jsx(ye, { styleType: i ?? "filled", ...l, onClick: o }),
+    c !== null && /* @__PURE__ */ e.jsx(_e, { container: n, children: /* @__PURE__ */ e.jsx(Ut, { header: r, text: t, onSuccess: () => s == null ? void 0 : s(c), onHide: () => o(null) }) })
   ] });
-}, cn = ({
+}, on = ({
   text: n,
   supportText: t = !0,
   copiedTimeout: r = 2e3,
   className: s = "",
   onClick: i,
   disabled: l,
-  ...o
+  ...c
 }) => {
-  const [c, a] = g(!1), d = b(async (h) => {
+  const [o, a] = g(!1), d = k(async (h) => {
     if (!l) {
       try {
         await navigator.clipboard.writeText(n), a(!0), setTimeout(() => a(!1), r);
@@ -1955,7 +1955,7 @@ const Nn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
       }
       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 = o ? /* @__PURE__ */ e.jsx(pe, { "aria-hidden": "true" }) : /* @__PURE__ */ e.jsx(Vn, { "aria-hidden": "true" }), m = o ? "Скопировано!" : "Копировать";
   return t ? /* @__PURE__ */ e.jsxs("div", { className: "copy-button", children: [
     /* @__PURE__ */ e.jsx(
       ue,
@@ -1965,10 +1965,10 @@ const Nn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
         disabled: l,
         "aria-label": `${m} ${n}`,
         className: s,
-        ...o
+        ...c
       }
     ),
-    /* @__PURE__ */ e.jsx(U, { type: "body", "aria-live": "polite", children: m })
+    /* @__PURE__ */ e.jsx(X, { type: "body", "aria-live": "polite", children: m })
   ] }) : /* @__PURE__ */ e.jsx(
     ue,
     {
@@ -1977,7 +1977,7 @@ const Nn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
       disabled: l,
       "aria-label": `${m} ${n}`,
       className: s,
-      ...o
+      ...c
     }
   );
 };
@@ -1986,7 +1986,7 @@ const Kt = ({ valueDisplayDuration: n = 2e3 }) => {
   const [t, r] = g(
     2
     /* CLOSE */
-  ), s = Z(null), i = Z(null), l = () => {
+  ), s = Y(null), i = Y(null), l = () => {
     r(
       1
       /* HIDING */
@@ -1996,7 +1996,7 @@ const Kt = ({ valueDisplayDuration: n = 2e3 }) => {
         /* CLOSE */
       );
     }, 500);
-  }, o = () => {
+  }, c = () => {
     r(
       0
       /* OPEN */
@@ -2004,10 +2004,10 @@ const Kt = ({ valueDisplayDuration: n = 2e3 }) => {
       l();
     }, n));
   };
-  return T(() => () => {
+  return V(() => () => {
     s.current && window.clearTimeout(s.current), i.current && window.clearTimeout(i.current);
   }, []), {
-    showPopup: o,
+    showPopup: c,
     popupState: t,
     hidePopup: l
   };
@@ -2035,8 +2035,8 @@ function Ls(n, t, r) {
   return s != 0 && (s == 1 ? t = 0 : s < 0.5 ? t = t * r / (s * 2) : t = t * r / (2 - s * 2)), { h: n, s: t, l: s };
 }
 function Le(n, t, r) {
-  var s, i, l, o, c, a, d, u;
-  switch (arguments.length === 1 && (t = n.s, r = n.v, n = n.h), o = Math.floor(n * 6), c = n * 6 - o, a = r * (1 - t), d = r * (1 - c * t), u = r * (1 - (1 - c) * t), o % 6) {
+  var s, i, l, c, o, a, d, u;
+  switch (arguments.length === 1 && (t = n.s, r = n.v, n = n.h), c = Math.floor(n * 6), o = n * 6 - c, a = r * (1 - t), d = r * (1 - o * t), u = r * (1 - (1 - o) * t), c % 6) {
     case 0:
       s = r, i = u, l = a;
       break;
@@ -2071,31 +2071,31 @@ function ke(n, t = !1) {
 }
 function De(n, t, r) {
   arguments.length === 1 && (t = n.g, r = n.b, n = n.r);
-  var s = Math.max(n, t, r), i = Math.min(n, t, r), l = s - i, o, c = s === 0 ? 0 : l / s, a = s / 255;
+  var s = Math.max(n, t, r), i = Math.min(n, t, r), l = s - i, c, o = s === 0 ? 0 : l / s, a = s / 255;
   switch (s) {
     case i:
-      o = 0;
+      c = 0;
       break;
     case n:
-      o = t - r + l * (t < r ? 6 : 0), o /= 6 * l;
+      c = t - r + l * (t < r ? 6 : 0), c /= 6 * l;
       break;
     case t:
-      o = r - n + l * 2, o /= 6 * l;
+      c = r - n + l * 2, c /= 6 * l;
       break;
     case r:
-      o = n - t + l * 4, o /= 6 * l;
+      c = n - t + l * 4, c /= 6 * l;
       break;
   }
   return {
-    h: o,
-    s: c,
+    h: c,
+    s: o,
     v: a
   };
 }
 function Ne(n) {
   var t = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
-  n = n.replace(t, function(s, i, l, o) {
-    return i + i + l + l + o + o;
+  n = n.replace(t, function(s, i, l, c) {
+    return i + i + l + l + c + c;
   });
   var r = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);
   return r ? {
@@ -2113,23 +2113,23 @@ 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));
+  const s = r ? Ne(r) : null, i = (s == null ? void 0 : s.r) ?? 224, l = (s == null ? void 0 : s.g) ?? 224, c = (s == null ? void 0 : s.b) ?? 224, o = 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 * (o - i)), m = Math.round(l + n * (a - l)), h = Math.round(c + n * (d - c));
   return `rgb(${u}, ${m}, ${h})`;
 }
-const ae = (n, t, r = "", s) => {
-  let i, l, o, c, a, d, u, m = Math.round, h = typeof r == "string";
-  if (typeof n != "number" || n < -1 || n > 1 || typeof t != "string" || t[0] != "r" && t[0] != "#" || r && !h || (u = t.length > 9, u = h ? typeof r == "string" && r.length > 9 ? !0 : r == "c" ? !u : !1 : u, a = ae.pSBCr(t), c = n < 0, d = r && typeof r == "string" && r != "c" ? ae.pSBCr(r) : c ? { r: 0, g: 0, b: 0, a: -1 } : { r: 255, g: 255, b: 255, a: -1 }, n = c ? n * -1 : n, c = 1 - n, !a || !d)) return null;
-  s ? (i = 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));
+const ce = (n, t, r = "", s) => {
+  let i, l, c, o, a, d, u, m = Math.round, h = typeof r == "string";
+  if (typeof n != "number" || n < -1 || n > 1 || typeof t != "string" || t[0] != "r" && t[0] != "#" || r && !h || (u = t.length > 9, u = h ? typeof r == "string" && r.length > 9 ? !0 : r == "c" ? !u : !1 : u, a = ce.pSBCr(t), o = n < 0, d = r && typeof r == "string" && r != "c" ? ce.pSBCr(r) : o ? { r: 0, g: 0, b: 0, a: -1 } : { r: 255, g: 255, b: 255, a: -1 }, n = o ? n * -1 : n, o = 1 - n, !a || !d)) return null;
+  s ? (i = m(o * (a.r ?? 0) + n * (d.r ?? 0)), l = m(o * (a.g ?? 0) + n * (d.g ?? 0)), c = m(o * (a.b ?? 0) + n * (d.b ?? 0))) : (i = m((o * (a.r ?? 0) ** 2 + n * (d.r ?? 0) ** 2) ** 0.5), l = m((o * (a.g ?? 0) ** 2 + n * (d.g ?? 0) ** 2) ** 0.5), c = m((o * (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);
+  return d = d.a ?? 1, a = x >= 0 || d >= 0, x = x >= 0 || d >= 0 ? x < 0 ? d : d < 0 ? x : x * o + d * n : 0, u ? "rgb" + (a ? "a(" : "(") + i + "," + l + "," + c + (a ? "," + m(x * 1e3) / 1e3 : "") + ")" : "#" + (4294967296 + i * 16777216 + l * 65536 + c * 256 + (a ? m(x * 255) : 0)).toString(16).slice(1, a ? void 0 : -2);
 };
-ae.pSBCr = (n) => {
+ce.pSBCr = (n) => {
   const t = parseInt;
   let r = n.length, s = {};
   if (r > 9) {
-    const i = n.split(","), [l, o, c, a] = i;
+    const i = n.split(","), [l, c, o, a] = i;
     if (r = i.length, r < 3 || r > 4) return null;
-    s.r = t(l[3] == "a" ? l.slice(5) : l.slice(4)), s.g = t(o), s.b = t(c), s.a = a ? parseFloat(a) : -1;
+    s.r = t(l[3] == "a" ? l.slice(5) : l.slice(4)), s.g = t(c), s.b = t(o), s.a = a ? parseFloat(a) : -1;
   } else {
     if (r == 8 || r == 6 || r < 4) return null;
     r < 6 && (n = "#" + n[1] + n[1] + n[2] + n[2] + n[3] + n[3] + (r > 4 ? n[4] + n[4] : ""));
@@ -2143,7 +2143,7 @@ function re(n) {
   return t ? t.r * 0.299 + t.g * 0.589 + t.b * 0.114 > 186 ? "#000000" : "#FFFFFF" : "#fff";
 }
 function Te(n, t = !1) {
-  return ae(t ? -0.6 : 0.3, n) ?? n;
+  return ce(t ? -0.6 : 0.3, n) ?? n;
 }
 const In = {
   // BaseColor
@@ -2230,7 +2230,7 @@ const In = {
     };
   },
   Surface_container_color: (n, t) => {
-    const r = ae(t ? -0.2 : 0.2, n) ?? n, s = ae(t ? -0.4 : 0.4, n) ?? n, i = ae(t ? 0.2 : -0.2, n) ?? n, l = ae(t ? 0.4 : -0.4, n) ?? n, o = ae(t ? -0.5 : 0.5, n) ?? n;
+    const r = ce(t ? -0.2 : 0.2, n) ?? n, s = ce(t ? -0.4 : 0.4, n) ?? n, i = ce(t ? 0.2 : -0.2, n) ?? n, l = ce(t ? 0.4 : -0.4, n) ?? n, c = ce(t ? -0.5 : 0.5, n) ?? n;
     return {
       Surface_container_color: n,
       On_surface_color: re(n),
@@ -2238,17 +2238,17 @@ const In = {
       Surface_container_lowest_color: s,
       Surface_container_high_color: i,
       Surface_container_highest_color: l,
-      Surface_container_hover_color: o,
-      On_surface_variant_color: ae(t ? -0.6 : 0.4, re(n)) ?? re(n)
+      Surface_container_hover_color: c,
+      On_surface_variant_color: ce(t ? -0.6 : 0.4, re(n)) ?? re(n)
     };
   },
   Outline_color: (n, t) => ({
     Outline_color: n,
-    Outline_variant_color: ae(t ? 0.1 : -0.1, n) ?? n
+    Outline_variant_color: ce(t ? 0.1 : -0.1, n) ?? n
   })
 };
 function er(n, t = !1) {
-  const [r, s] = g({ ...In, ...n }), [i, l] = g(t), o = b(
+  const [r, s] = g({ ...In, ...n }), [i, l] = g(t), c = k(
     (a, d) => {
       const u = Qt[a];
       if (!u) return;
@@ -2261,7 +2261,7 @@ function er(n, t = !1) {
   );
   return {
     colors: r,
-    setColor: o,
+    setColor: c,
     setReverse: (a) => l(a)
   };
 }
@@ -2308,43 +2308,43 @@ const nr = {
 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 = b(
+  ), [s, i] = g(n), { colors: l, setColor: c, setReverse: o } = er(t[s].colors, t[s].reverse), a = k(
     (x) => {
-      const j = t[x].colors;
-      j && (Object.entries(j).forEach(([f, p]) => {
-        o(f, p);
-      }), c(t[x].reverse ?? !1), i(x));
+      const f = t[x].colors;
+      f && (Object.entries(f).forEach(([j, p]) => {
+        c(j, p);
+      }), o(t[x].reverse ?? !1), i(x));
     },
-    [t, o]
+    [t, c]
   );
-  T(() => {
+  V(() => {
     a(s);
   }, [s, a]);
-  const d = b(
-    (x, j, f) => {
+  const d = k(
+    (x, f, j) => {
       r((p) => ({
         ...p,
         [x]: {
-          colors: { ...p[x].colors, [j]: f },
+          colors: { ...p[x].colors, [f]: j },
           reverse: p[x].reverse
         }
       }));
     },
     []
-  ), u = b((x, j = "light", f) => {
+  ), u = k((x, f = "light", j) => {
     r((p) => ({
       ...p,
-      [x]: { colors: p[j].colors, reverse: f === void 0 ? p[j].reverse : f }
+      [x]: { colors: p[f].colors, reverse: j === void 0 ? p[f].reverse : j }
     }));
-  }, []), m = b((x) => {
-    r((j) => {
-      const f = { ...j };
-      return delete f[x], f;
+  }, []), m = k((x) => {
+    r((f) => {
+      const j = { ...f };
+      return delete j[x], j;
     }), s === x && i("light");
-  }, [s]), h = b(
+  }, [s]), h = k(
     (x) => {
-      Xe[x] && r((j) => ({
-        ...j,
+      Xe[x] && r((f) => ({
+        ...f,
         [x]: { ...Xe[x] }
       }));
     },
@@ -2381,76 +2381,76 @@ const $e = () => {
   min: s = 0,
   max: i = 100,
   step: l = 1,
-  strokeWidth: o = "40px",
-  value: c,
+  strokeWidth: c = "40px",
+  value: o,
   orientation: a = "horizontal",
   styleTrack: d = "base",
   showValue: u = !0,
   valueDisplayDuration: m = 2e3,
   ariaLabel: h = "Регулятор значения",
   startColor: x,
-  className: j = "",
-  ...f
+  className: f = "",
+  ...j
 }) => {
-  const p = Z(null), _ = Z(null), [k, y] = g(c ?? s), [v, M] = g("200px"), { colors: V } = Ce(sn), { showPopup: W, popupState: z } = Kt({ valueDisplayDuration: m }), w = n ?? V.Primary_color ?? "#0000ff";
-  T(() => {
+  const p = Y(null), _ = Y(null), [y, N] = g(o ?? s), [C, S] = g("200px"), { colors: T } = Ce(sn), { showPopup: P, popupState: B } = Kt({ valueDisplayDuration: m }), w = n ?? T.Primary_color ?? "#0000ff";
+  V(() => {
     var E;
     if (a === "vertical" && ((E = _.current) != null && E.parentElement)) {
-      const O = () => {
-        var Y, C;
-        const K = (C = (Y = _.current) == null ? void 0 : Y.parentElement) == null ? void 0 : C.clientHeight;
-        K && M(`${K}px`);
+      const U = () => {
+        var G, v;
+        const H = (v = (G = _.current) == null ? void 0 : G.parentElement) == null ? void 0 : v.clientHeight;
+        H && S(`${H}px`);
       };
-      O();
-      const A = new ResizeObserver(O);
-      return _.current.parentElement && A.observe(_.current.parentElement), () => A.disconnect();
+      U();
+      const I = new ResizeObserver(U);
+      return _.current.parentElement && I.observe(_.current.parentElement), () => I.disconnect();
     }
-  }, [a]), T(() => {
-    c !== void 0 && (y(c), P());
-  }, [c]);
-  const P = b(() => {
-    u && W();
-  }, [W]), D = (E) => {
-    const O = parseFloat(E.target.value);
-    y(O), P(), r == null || r(E);
-  }, R = oe(
-    () => i !== s ? (k - s) / (i - s) * 100 : 0,
-    [k, s, i]
-  ), N = oe(() => ({
-    ...f.style,
-    [a === "vertical" ? "height" : "width"]: `${R}%`,
-    background: d === "point" ? "transperent" : d === "static-color" ? w : Dn(R / 100, w, x)
-  }), [R, w, f.style, a, d]), I = oe(() => a === "vertical" ? {
-    "--range-width": o,
-    "--point-width": d === "point" ? o : "6px",
+  }, [a]), V(() => {
+    o !== void 0 && (N(o), W());
+  }, [o]);
+  const W = k(() => {
+    u && P();
+  }, [P]), O = (E) => {
+    const U = parseFloat(E.target.value);
+    N(U), W(), r == null || r(E);
+  }, A = oe(
+    () => i !== s ? (y - s) / (i - s) * 100 : 0,
+    [y, s, i]
+  ), b = oe(() => ({
+    ...j.style,
+    [a === "vertical" ? "height" : "width"]: `${A}%`,
+    background: d === "point" ? "transperent" : d === "static-color" ? w : Dn(A / 100, w, x)
+  }), [A, w, j.style, a, d]), D = oe(() => a === "vertical" ? {
+    "--range-width": c,
+    "--point-width": d === "point" ? c : "6px",
     "--point-opacity": d === "point" ? "1" : "0",
     "--truck-color": w,
     width: dn,
-    height: v,
-    ...f.style
+    height: C,
+    ...j.style
   } : {
-    "--range-width": o,
-    "--point-width": d === "point" ? o : "6px",
+    "--range-width": c,
+    "--point-width": d === "point" ? c : "6px",
     "--point-opacity": d === "point" ? "1" : "0",
     "--truck-color": w,
     width: "100%",
     height: dn,
-    ...f.style
-  }, [a, v, f.style, o, d, w]), S = oe(() => a === "vertical" ? {
-    width: v
+    ...j.style
+  }, [a, C, j.style, c, d, w]), M = oe(() => a === "vertical" ? {
+    width: C
   } : {
     width: "100%"
-  }, [a, v]);
+  }, [a, C]);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       ref: _,
-      className: `range-wrapper ${a} ${j}`,
-      style: I,
+      className: `range-wrapper ${a} ${f}`,
+      style: D,
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "track", style: { background: t }, children: [
-          /* @__PURE__ */ e.jsx("div", { className: "active-track", style: N }),
-          /* @__PURE__ */ e.jsx(An, { text: Math.round(k).toString(), state: z, className: "value-popup" })
+          /* @__PURE__ */ e.jsx("div", { className: "active-track", style: b }),
+          /* @__PURE__ */ e.jsx(An, { text: Math.round(y).toString(), state: B, className: "value-popup" })
         ] }),
         /* @__PURE__ */ e.jsx(
           "input",
@@ -2458,21 +2458,21 @@ const $e = () => {
             ref: p,
             type: "range",
             min: s,
-            style: S,
+            style: M,
             max: i,
             step: l,
-            value: k,
-            onChange: D,
-            onFocus: f.onFocus,
-            onBlur: f.onBlur,
+            value: y,
+            onChange: O,
+            onFocus: j.onFocus,
+            onBlur: j.onBlur,
             className: "slider-input",
             "aria-orientation": a,
-            "aria-valuenow": k,
+            "aria-valuenow": y,
             "aria-valuemin": s,
             "aria-valuemax": i,
             "aria-label": h,
-            "aria-valuetext": `${k} из ${i}`,
-            ...f
+            "aria-valuetext": `${y} из ${i}`,
+            ...j
           }
         )
       ]
@@ -2485,29 +2485,29 @@ const $e = () => {
   onChange: s,
   onFocus: i,
   onBlur: l,
-  styleRange: o = "circle",
-  styleTrack: c = "base",
+  styleRange: c = "circle",
+  styleTrack: o = "base",
   strokeWidth: a = 20,
   radius: d = 100,
   colorBg: u = "var(--Surface-container-color)",
   colorRange: m,
   pointColor: h,
   showBase: x = !0,
-  showIndicator: j = !0,
-  showPoint: f = !1,
+  showIndicator: f = !0,
+  showPoint: j = !1,
   rounding: p = !0,
   showValue: _ = !0,
-  style: k,
-  children: y,
-  className: v,
-  startColor: M
+  style: y,
+  children: N,
+  className: C,
+  startColor: S
 }) => {
-  const V = Z(null), W = Z(!1), z = d * 2, w = d * 2, P = Math.min(z, w), D = z / 2, R = w / 2, N = P / 2 - a / 2, I = c === "point" ? !1 : j, S = c === "point" ? !0 : f, { colors: E } = Ce(sn), O = m ?? E.Primary_color ?? "#0000ff", A = h ?? E.Primary_color ?? "#0000ff", [K, Y] = g(r);
-  T(() => {
-    r !== void 0 && Y(r);
+  const T = Y(null), P = Y(!1), B = d * 2, w = d * 2, W = Math.min(B, w), O = B / 2, A = w / 2, b = W / 2 - a / 2, D = o === "point" ? !1 : f, M = o === "point" ? !0 : j, { colors: E } = Ce(sn), U = m ?? E.Primary_color ?? "#0000ff", I = h ?? E.Primary_color ?? "#0000ff", [H, G] = g(r);
+  V(() => {
+    r !== void 0 && G(r);
   }, [r]);
-  const C = b(() => {
-    switch (o) {
+  const v = k(() => {
+    switch (c) {
       case "semicircle":
         return 180;
       case "brokenCircle":
@@ -2515,95 +2515,95 @@ const $e = () => {
       default:
         return 360;
     }
-  }, [o]), L = b(() => o === "semicircle" ? [N * Math.PI, N * Math.PI] : o === "brokenCircle" ? [N * Math.PI * 1.25, N * Math.PI * 1.5] : [N * Math.PI, N * Math.PI * 2], [o, N]), H = oe(
-    () => t !== n ? (K - n) / (t - n) * 100 : 0,
-    [K, n, t]
-  ), q = b(() => {
-    if (!V.current) return;
-    const [G, he] = L(), je = (K - n) * he / (t - n);
+  }, [c]), L = k(() => c === "semicircle" ? [b * Math.PI, b * Math.PI] : c === "brokenCircle" ? [b * Math.PI * 1.25, b * Math.PI * 1.5] : [b * Math.PI, b * Math.PI * 2], [c, b]), R = oe(
+    () => t !== n ? (H - n) / (t - n) * 100 : 0,
+    [H, n, t]
+  ), q = k(() => {
+    if (!T.current) return;
+    const [Z, he] = L(), je = (H - n) * he / (t - n);
     if (x) {
-      const X = V.current.querySelector('[data-el="base"]');
-      X && (X.style.stroke = u, X.style.strokeWidth = a.toString(), X.style.strokeLinecap = p ? "round" : "", X.style.strokeDashoffset = G.toString(), X.style.strokeDasharray = `${he}, ${N * Math.PI * 2 - he}`);
+      const K = T.current.querySelector('[data-el="base"]');
+      K && (K.style.stroke = u, K.style.strokeWidth = a.toString(), K.style.strokeLinecap = p ? "round" : "", K.style.strokeDashoffset = Z.toString(), K.style.strokeDasharray = `${he}, ${b * Math.PI * 2 - he}`);
     }
-    if (I) {
-      const X = V.current.querySelector('[data-el="indicator"]');
-      if (X) {
-        const xe = parseFloat(X.dataset.percentage ?? "");
-        xe !== null && (xe < H - 2 || xe > H + 2) ? X.style.transition = ".3s" : X.style.transition = W.current ? "none" : ".3s", X.dataset.percentage = H.toString(), X.style.stroke = c === "static-color" ? O : Dn(H / 100, O, M), X.style.strokeWidth = a.toString(), X.style.strokeLinecap = p ? "round" : "", X.style.strokeDashoffset = G.toString(), X.style.strokeDasharray = `${je}, ${N * Math.PI * 2 - je}`;
+    if (D) {
+      const K = T.current.querySelector('[data-el="indicator"]');
+      if (K) {
+        const xe = parseFloat(K.dataset.percentage ?? "");
+        xe !== null && (xe < R - 2 || xe > R + 2) ? K.style.transition = ".3s" : K.style.transition = P.current ? "none" : ".3s", K.dataset.percentage = R.toString(), K.style.stroke = o === "static-color" ? U : Dn(R / 100, U, S), K.style.strokeWidth = a.toString(), K.style.strokeLinecap = p ? "round" : "", K.style.strokeDashoffset = Z.toString(), K.style.strokeDasharray = `${je}, ${b * Math.PI * 2 - je}`;
       }
     }
-    if (S) {
-      const X = V.current.querySelector('[data-el="point"]');
-      if (X) {
-        const xe = parseFloat(X.dataset.percentage ?? "");
-        xe !== null && (xe < H - 2 || xe > H + 2) ? X.style.transition = ".3s" : X.style.transition = W.current ? "none" : ".3s", X.dataset.percentage = H.toString(), X.style.stroke = A, X.style.strokeWidth = a.toString(), X.style.strokeLinecap = "round", K === t && o === "semicircle" ? X.style.strokeDashoffset = "0" : X.style.strokeDashoffset = (G - je).toString(), X.style.strokeDasharray = `0, ${N * Math.PI * 2}`;
+    if (M) {
+      const K = T.current.querySelector('[data-el="point"]');
+      if (K) {
+        const xe = parseFloat(K.dataset.percentage ?? "");
+        xe !== null && (xe < R - 2 || xe > R + 2) ? K.style.transition = ".3s" : K.style.transition = P.current ? "none" : ".3s", K.dataset.percentage = R.toString(), K.style.stroke = I, K.style.strokeWidth = a.toString(), K.style.strokeLinecap = "round", H === t && c === "semicircle" ? K.style.strokeDashoffset = "0" : K.style.strokeDashoffset = (Z - je).toString(), K.style.strokeDasharray = `0, ${b * Math.PI * 2}`;
       }
     }
-  }, [K, L, t, n, N, a, u, O, A, x, I, S, p, H, M]), J = (G) => {
-    W.current = !0, document.addEventListener("mousemove", te), document.addEventListener("mouseup", Q), ie(G);
-  }, te = (G) => {
-    G.preventDefault(), W.current && ie(G);
-  }, Q = () => {
-    W.current = !1, document.removeEventListener("mousemove", te), document.removeEventListener("mouseup", Q);
-  }, ie = b((G) => {
-    if (!V.current) return;
-    const he = C(), je = V.current.getBoundingClientRect(), X = je.left + je.width / 2, xe = je.top + je.height / 2, st = G.clientX, it = G.clientY, lt = xe - it, at = X - st;
-    let le = Math.atan2(lt, at) * (180 / Math.PI);
-    he === 270 && (le += 45), le < 0 && (le = 360 + le), le < 0 && (le = 0), le > he && K > (t - n) / 2 ? le = he : le > he && (le = 0);
-    const ot = he, ct = t - n, Ue = Math.round(le * ct / ot + n);
-    Y(Ue), Ue !== r && s && s(Ue);
-  }, [C, s, t, n, D, R, K]);
-  T(() => {
+  }, [H, L, t, n, b, a, u, U, I, x, D, M, p, R, S]), Q = (Z) => {
+    P.current = !0, document.addEventListener("mousemove", ne), document.addEventListener("mouseup", J), le(Z);
+  }, ne = (Z) => {
+    Z.preventDefault(), P.current && le(Z);
+  }, J = () => {
+    P.current = !1, document.removeEventListener("mousemove", ne), document.removeEventListener("mouseup", J);
+  }, le = k((Z) => {
+    if (!T.current) return;
+    const he = v(), je = T.current.getBoundingClientRect(), K = je.left + je.width / 2, xe = je.top + je.height / 2, st = Z.clientX, it = Z.clientY, lt = xe - it, at = K - st;
+    let ae = Math.atan2(lt, at) * (180 / Math.PI);
+    he === 270 && (ae += 45), ae < 0 && (ae = 360 + ae), ae < 0 && (ae = 0), ae > he && H > (t - n) / 2 ? ae = he : ae > he && (ae = 0);
+    const ct = he, ot = t - n, Ue = Math.round(ae * ot / ct + n);
+    G(Ue), Ue !== r && s && s(Ue);
+  }, [v, s, t, n, O, A, H]);
+  V(() => {
     q();
-  }, [q]), T(() => () => {
-    document.removeEventListener("mousemove", te), document.removeEventListener("mouseup", Q);
+  }, [q]), V(() => () => {
+    document.removeEventListener("mousemove", ne), document.removeEventListener("mouseup", J);
   }, []);
-  const B = {
+  const z = {
     "--stroke-width": `${a}px`
   };
-  return /* @__PURE__ */ e.jsxs("div", { style: { width: z, height: w, ...k }, className: "range-circule-wrapper", onFocus: i, onBlur: l, children: [
+  return /* @__PURE__ */ e.jsxs("div", { style: { width: B, height: w, ...y }, className: "range-circule-wrapper", onFocus: i, onBlur: l, children: [
     /* @__PURE__ */ e.jsxs(
       "svg",
       {
-        ref: V,
+        ref: T,
         width: "100%",
         height: "100%",
-        onMouseDown: J,
+        onMouseDown: Q,
         children: [
           x && /* @__PURE__ */ e.jsx(
             "circle",
             {
               "data-el": "base",
               fill: "none",
-              cx: D,
-              cy: R,
-              r: N
+              cx: O,
+              cy: A,
+              r: b
             }
           ),
-          I && /* @__PURE__ */ e.jsx(
+          D && /* @__PURE__ */ e.jsx(
             "circle",
             {
               "data-el": "indicator",
               fill: "none",
-              cx: D,
-              cy: R,
-              r: N
+              cx: O,
+              cy: A,
+              r: b
             }
           ),
-          S && /* @__PURE__ */ e.jsx(
+          M && /* @__PURE__ */ e.jsx(
             "circle",
             {
               "data-el": "point",
               fill: "none",
-              cx: D,
-              cy: R,
-              r: N
+              cx: O,
+              cy: A,
+              r: b
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx("div", { className: `range-circule-children ${v}`, style: B, children: y ?? (_ && /* @__PURE__ */ e.jsx(An, { className: "", text: Math.floor(K).toString() })) })
+    /* @__PURE__ */ e.jsx("div", { className: `range-circule-children ${C}`, style: z, children: N ?? (_ && /* @__PURE__ */ e.jsx(An, { className: "", text: Math.floor(H).toString() })) })
   ] });
 }, ir = ve(
   ({
@@ -2613,17 +2613,17 @@ const $e = () => {
     position: s = "bottom-right",
     variant: i = "primary",
     className: l = "",
-    ...o
-  }, c) => {
+    ...c
+  }, o) => {
     const a = !!t;
     return /* @__PURE__ */ e.jsxs(
       "button",
       {
-        ref: c,
+        ref: o,
         type: "button",
         className: `fab ${a ? "fab--extended" : ""} fab--${r} fab--${i} ${s !== "none" ? `fab--${s}` : ""} ${l}`,
-        "aria-label": a ? void 0 : o["aria-label"] || "Floating action button",
-        ...o,
+        "aria-label": a ? void 0 : c["aria-label"] || "Floating action button",
+        ...c,
         children: [
           n && /* @__PURE__ */ e.jsx("span", { className: "fab__icon", children: n }),
           a && /* @__PURE__ */ e.jsx("span", { className: "fab__text", children: t })
@@ -2658,59 +2658,59 @@ const se = ({ style: n, short: t, text: r }) => r ? /* @__PURE__ */ e.jsxs("div"
 }, Hn = (n, t, r, s) => {
   let i = { x: n, y: t };
   if (!r) return i;
-  const l = window.getComputedStyle(r), o = parseFloat(l.getPropertyValue("height")), c = parseFloat(l.getPropertyValue("width")), a = t + o - document.documentElement.clientHeight, d = n + c - document.documentElement.clientWidth;
+  const l = window.getComputedStyle(r), c = parseFloat(l.getPropertyValue("height")), o = parseFloat(l.getPropertyValue("width")), a = t + c - document.documentElement.clientHeight, d = n + o - document.documentElement.clientWidth;
   return a > 0 && (i.y = i.y - a - ((s == null ? void 0 : s.marginBottom) ?? 0)), d > 0 && (i.x = i.x - d - ((s == null ? void 0 : s.marginRight) ?? 0)), i;
 }, ar = ({ items: n, onHide: t, smallDisplay: r, globalClick: s, autoHide: i, onGlobalHide: l }) => {
-  const o = Z(null), [c, a] = g({ left: "0px", top: "0px" }), [d, u] = g(!1);
+  const c = Y(null), [o, a] = g({ left: "0px", top: "0px" }), [d, u] = g(!1);
   function m(h) {
     for (let x of h)
       if (x.icon)
         return !0;
     return !1;
   }
-  return T(() => {
-    if (!o.current)
+  return V(() => {
+    if (!c.current)
       return;
-    let h = Ye(o.current.parentElement);
+    let h = Ye(c.current.parentElement);
     if (!h)
       return;
-    let x = Hn(h.left + h.width, h.top, o.current, { marginRight: h.width });
+    let x = Hn(h.left + h.width, h.top, c.current, { marginRight: h.width });
     a({
       left: x.x - h.left + "px",
       top: x.y - h.top + "px"
     }), u(!0);
   }, []), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { ref: o, className: `menu-block menu-block_color_surface-container-highest ${r ? "" : "menu-block_sub"}`, style: { ...c, ...d ? {} : { display: "none" } }, children: n.map((h, x) => /* @__PURE__ */ e.jsx(lr, { onHide: l, autoHide: i, item: h, isIcon: m(n), globalClick: s }, x)) }),
+    /* @__PURE__ */ e.jsx("div", { ref: c, className: `menu-block menu-block_color_surface-container-highest ${r ? "" : "menu-block_sub"}`, style: { ...o, ...d ? {} : { display: "none" } }, children: n.map((h, x) => /* @__PURE__ */ e.jsx(lr, { onHide: l, autoHide: i, item: h, isIcon: m(n), globalClick: s }, x)) }),
     r ? null : /* @__PURE__ */ e.jsx("div", { style: { zIndex: 4 }, className: "menu-block-backplate", onClick: t })
   ] });
-}, or = ({ onHide: n, autoHide: t, globalClick: r, item: s, isIcon: i, smallDisplay: l }) => {
-  const [o, c] = g(!1), a = b(() => {
-    s.subItems ? c((d) => !d) : (s.onClick && s.onClick(), r && r(), t && n && n());
+}, cr = ({ onHide: n, autoHide: t, globalClick: r, item: s, isIcon: i, smallDisplay: l }) => {
+  const [c, o] = g(!1), a = k(() => {
+    s.subItems ? o((d) => !d) : (s.onClick && s.onClick(), r && r(), t && n && n());
   }, [s.onClick]);
   return /* @__PURE__ */ e.jsxs("div", { className: `menu-item ${s.disabled ? "menu-item_disabled" : ""}`, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "menu-item__info", onClick: a, children: [
       i ? /* @__PURE__ */ e.jsx("div", { className: "menu-item__info__icon", children: s.icon }) : null,
       /* @__PURE__ */ e.jsx("div", { className: "menu-item__info__text", children: s.title }),
-      /* @__PURE__ */ e.jsx("div", { className: "menu-item__info__status ", children: s.subItems ? /* @__PURE__ */ e.jsx("span", { className: `menu-item__info__status__arrow ${o ? "menu-item__info__status__arrow_active" : ""}` }) : s.activated ? /* @__PURE__ */ e.jsx(pe, {}) : /* @__PURE__ */ e.jsx("span", { className: "menu-item__info__status__none" }) })
+      /* @__PURE__ */ e.jsx("div", { className: "menu-item__info__status ", children: s.subItems ? /* @__PURE__ */ e.jsx("span", { className: `menu-item__info__status__arrow ${c ? "menu-item__info__status__arrow_active" : ""}` }) : s.activated ? /* @__PURE__ */ e.jsx(pe, {}) : /* @__PURE__ */ e.jsx("span", { className: "menu-item__info__status__none" }) })
     ] }),
-    o && s.subItems ? /* @__PURE__ */ e.jsx(ar, { autoHide: t, items: s.subItems, onGlobalHide: n, onHide: () => c(!1), smallDisplay: l }) : null
+    c && s.subItems ? /* @__PURE__ */ e.jsx(ar, { autoHide: t, items: s.subItems, onGlobalHide: n, onHide: () => o(!1), smallDisplay: l }) : null
   ] });
 };
 function zn({ block: n, smallDisplay: t, onHide: r, globalClick: s, autoHide: i }) {
-  function l(o) {
-    for (let c of o.items)
-      if (c.icon)
+  function l(c) {
+    for (let o of c.items)
+      if (o.icon)
         return !0;
     return !1;
   }
-  return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((o, c) => /* @__PURE__ */ e.jsx(or, { globalClick: s, autoHide: i, onHide: r, item: o, isIcon: l(n), smallDisplay: t }, c)) });
+  return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((c, o) => /* @__PURE__ */ e.jsx(cr, { globalClick: s, autoHide: i, onHide: r, item: c, isIcon: l(n), smallDisplay: t }, o)) });
 }
-const cr = 100, dr = (n) => {
-  const t = Z(null), [r, s] = g({ left: "0px", top: "0px" }), i = () => {
+const or = 100, dr = (n) => {
+  const t = Y(null), [r, s] = g({ left: "0px", top: "0px" }), i = () => {
     n.onHide && n.onHide();
   };
   return dt(() => {
-    let l = Hn(n.x, n.y, t.current, { marginBottom: cr });
+    let l = Hn(n.x, n.y, t.current, { marginBottom: or });
     s({
       left: l.x + "px",
       top: l.y + "px"
@@ -2721,30 +2721,30 @@ const cr = 100, dr = (n) => {
       ref: t,
       className: "base-menu base-menu_color_surface-container-high",
       style: { ...r, width: n.width, maxWidth: n.width ? "100%" : void 0 },
-      children: n.blocks.map((l, o) => /* @__PURE__ */ e.jsxs(ne.Fragment, { children: [
-        o !== 0 ? /* @__PURE__ */ e.jsx(se, {}) : null,
+      children: n.blocks.map((l, c) => /* @__PURE__ */ e.jsxs(te.Fragment, { children: [
+        c !== 0 ? /* @__PURE__ */ e.jsx(se, {}) : null,
         /* @__PURE__ */ e.jsx(zn, { block: l, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: i })
-      ] }, o))
+      ] }, c))
     }
   ) }) : null;
 }, ur = (n) => {
   const t = () => {
   };
-  return /* @__PURE__ */ e.jsx(vn, { onHide: n.onHide || t, visible: n.visible, bottom: n.marginBottom, children: /* @__PURE__ */ e.jsx("div", { className: "small-window-menu", children: n.blocks.map((r, s) => /* @__PURE__ */ e.jsxs(ne.Fragment, { children: [
+  return /* @__PURE__ */ e.jsx(vn, { onHide: n.onHide || t, visible: n.visible, bottom: n.marginBottom, children: /* @__PURE__ */ e.jsx("div", { className: "small-window-menu", children: n.blocks.map((r, s) => /* @__PURE__ */ e.jsxs(te.Fragment, { children: [
     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(_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: m } = Ce(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 = te.forwardRef(({ screensize: n, autoHide: t, blocks: r, container: s, onClick: i, ...l }, c) => {
+  const [o, a] = g(!1), [d, u] = g(void 0), { screen: m } = Ce(we), h = () => {
     a(!1), u(void 0);
-  }, x = (f) => {
-    f.stopPropagation(), a(!0), u({ x: f.clientX, y: f.clientY }), i == null || i(f);
-  }, j = n ?? m;
+  }, x = (j) => {
+    j.stopPropagation(), a(!0), u({ x: j.clientX, y: j.clientY }), i == null || i(j);
+  }, f = n ?? m;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       ue,
       {
-        ref: o,
+        ref: c,
         onClick: x,
         ...l
       }
@@ -2752,11 +2752,11 @@ const cr = 100, dr = (n) => {
     /* @__PURE__ */ e.jsx(
       Pn,
       {
-        marginBottom: j === ee.MOBILE ? 80 : 0,
+        marginBottom: f === ee.MOBILE ? 80 : 0,
         onHide: h,
         autoHide: t,
         screensize: n,
-        visible: c,
+        visible: o,
         x: (d == null ? void 0 : d.x) ?? 0,
         y: (d == null ? void 0 : d.y) ?? 0,
         blocks: r,
@@ -2764,7 +2764,7 @@ const cr = 100, dr = (n) => {
       }
     )
   ] });
-}), Bn = ne.forwardRef(
+}), Bn = te.forwardRef(
   ({
     name: n,
     checked: t,
@@ -2772,17 +2772,17 @@ const cr = 100, dr = (n) => {
     readOnly: s,
     disabled: i,
     checkIcon: l = /* @__PURE__ */ e.jsx(pe, { baseColor: "var(--On-primary-color)" }),
-    size: o = "medium",
-    className: c,
+    size: c = "medium",
+    className: o,
     ...a
   }, d) => /* @__PURE__ */ e.jsxs(
     "label",
     {
       className: [
         "checkbox-container",
-        `checkbox--${o}`,
+        `checkbox--${c}`,
         i ? "checkbox--disabled" : "",
-        c
+        o
       ].filter(Boolean).join(" "),
       children: [
         /* @__PURE__ */ e.jsx(
@@ -2806,32 +2806,32 @@ 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 Wn = te.forwardRef(
+  ({ text: n, onDelete: t, big: r, onClick: s, screenSize: i, className: l, disabled: c, ...o }, a) => {
     const d = (m) => {
       m.stopPropagation(), t == null || t(m);
-    }, u = o ? void 0 : s;
+    }, u = c ? void 0 : s;
     return /* @__PURE__ */ e.jsxs(
       "div",
       {
-        ...c,
+        ...o,
         ref: a,
-        className: `chips ${r ? "chips--big" : ""} ${o ? "disabled" : ""} ${s ? "chips--clickable" : ""} ${l || ""}`,
+        className: `chips ${r ? "chips--big" : ""} ${c ? "disabled" : ""} ${s ? "chips--clickable" : ""} ${l || ""}`,
         onClick: u,
-        role: c.role ?? s ? "button" : void 0,
-        tabIndex: c.tabIndex ?? s ? 0 : void 0,
-        "aria-label": c["aria-label"] ?? s ? n : void 0,
+        role: o.role ?? s ? "button" : void 0,
+        tabIndex: o.tabIndex ?? s ? 0 : void 0,
+        "aria-label": o["aria-label"] ?? s ? n : void 0,
         children: [
-          /* @__PURE__ */ e.jsx(U, { type: "body", screensize: i, children: n }),
+          /* @__PURE__ */ e.jsx(X, { type: "body", screensize: i, children: n }),
           t && /* @__PURE__ */ e.jsx(
             "button",
             {
               className: "chips__delete",
               onClick: d,
               "aria-label": `Remove ${n}`,
-              disabled: o,
+              disabled: c,
               type: "button",
-              children: /* @__PURE__ */ e.jsx(de, {})
+              children: /* @__PURE__ */ e.jsx(ie, {})
             }
           )
         ]
@@ -2848,15 +2848,15 @@ const Gn = ve(
     onChange: s,
     readOnly: i,
     checked: l,
-    defaultChecked: o,
-    label: c,
+    defaultChecked: c,
+    label: o,
     size: a = "medium",
     variant: d = "primary",
     showLabel: u = !0,
     className: m,
     ...h
   }, x) => {
-    const j = t !== void 0 ? t === r : l !== void 0 ? l : o;
+    const f = t !== void 0 ? t === r : l !== void 0 ? l : c;
     return /* @__PURE__ */ e.jsxs("label", { className: `radio-button-container ${m || ""}`, children: [
       /* @__PURE__ */ e.jsx(
         "input",
@@ -2865,17 +2865,17 @@ const Gn = ve(
           className: "radio-button",
           name: n,
           type: "radio",
-          checked: j,
+          checked: f,
           value: r,
           onChange: s,
           readOnly: i,
-          "aria-checked": j,
-          "aria-label": c || h["aria-label"],
+          "aria-checked": f,
+          "aria-label": o || h["aria-label"],
           ...h
         }
       ),
       /* @__PURE__ */ e.jsx("span", { className: `radio-button-ui radio-button-ui--${a} radio-button-ui--${d}` }),
-      u && c && /* @__PURE__ */ e.jsx("span", { className: "radio-button-label", children: c })
+      u && o && /* @__PURE__ */ e.jsx("span", { className: "radio-button-label", children: o })
     ] });
   }
 );
@@ -2888,55 +2888,55 @@ const Zn = ve(
     name: s,
     readOnly: i = !1,
     onChange: l,
-    className: o = "",
-    size: c = "medium",
+    className: c = "",
+    size: o = "medium",
     variant: a = "primary",
     ...d
   }, u) => {
     const [m, h] = g([]);
-    T(() => {
+    V(() => {
       h(x(t));
     }, [t]);
-    const x = (f) => f === void 0 ? [] : Array.isArray(f) ? f : [f], j = (f, p) => {
+    const x = (j) => j === void 0 ? [] : Array.isArray(j) ? j : [j], f = (j, p) => {
       if (i) return;
-      f.preventDefault();
+      j.preventDefault();
       let _;
-      r ? _ = m.includes(p) ? m.filter((k) => k !== p) : [...m, p] : _ = m.includes(p) ? [] : [p], h(_), l == null || l(_, f);
+      r ? _ = m.includes(p) ? m.filter((y) => y !== p) : [...m, p] : _ = m.includes(p) ? [] : [p], h(_), l == null || l(_, j);
     };
     return /* @__PURE__ */ e.jsx(
       "div",
       {
         ref: u,
-        className: `segmented-button segmented-button--${c} segmented-button--${a} ${o}`,
+        className: `segmented-button segmented-button--${o} segmented-button--${a} ${c}`,
         role: "group",
         ...d,
-        children: n.map((f) => /* @__PURE__ */ e.jsxs(
+        children: n.map((j) => /* @__PURE__ */ e.jsxs(
           "button",
           {
             type: "button",
             role: "radio",
-            "aria-checked": m.includes(f),
-            "aria-label": f,
+            "aria-checked": m.includes(j),
+            "aria-label": j,
             disabled: i,
-            className: `segmented-button__item ${m.includes(f) ? "segmented-button__item--active" : ""}`,
-            onClick: (p) => j(p, f),
+            className: `segmented-button__item ${m.includes(j) ? "segmented-button__item--active" : ""}`,
+            onClick: (p) => f(p, j),
             children: [
-              m.includes(f) && /* @__PURE__ */ e.jsx("span", { className: "segmented-button__icon", children: /* @__PURE__ */ e.jsx(pe, {}) }),
-              /* @__PURE__ */ e.jsx("span", { className: "segmented-button__text", children: f }),
+              m.includes(j) && /* @__PURE__ */ e.jsx("span", { className: "segmented-button__icon", children: /* @__PURE__ */ e.jsx(pe, {}) }),
+              /* @__PURE__ */ e.jsx("span", { className: "segmented-button__text", children: j }),
               /* @__PURE__ */ e.jsx(
                 "input",
                 {
                   type: r ? "checkbox" : "radio",
                   name: s,
-                  value: f,
-                  checked: m.includes(f),
+                  value: j,
+                  checked: m.includes(j),
                   readOnly: !0,
                   className: "segmented-button__input"
                 }
               )
             ]
           },
-          f
+          j
         ))
       }
     );
@@ -2951,8 +2951,8 @@ const Yn = ve(
     showLabel: s = !1,
     labelOn: i = "On",
     labelOff: l = "Off",
-    checked: o,
-    onChange: c,
+    checked: c,
+    onChange: o,
     ...a
   }, d) => /* @__PURE__ */ e.jsxs("label", { className: `switch-container ${r}`, children: [
     /* @__PURE__ */ e.jsx(
@@ -2961,14 +2961,14 @@ const Yn = ve(
         ref: d,
         type: "checkbox",
         role: "switch",
-        "aria-checked": o,
-        checked: o,
-        onChange: c,
+        "aria-checked": c,
+        checked: c,
+        onChange: o,
         className: `switch-input switch--${n} switch--${t}`,
         ...a
       }
     ),
-    s && /* @__PURE__ */ e.jsx("span", { className: "switch-label", children: o ? i : l })
+    s && /* @__PURE__ */ e.jsx("span", { className: "switch-label", children: c ? i : l })
   ] })
 );
 Yn.displayName = "Switch";
@@ -2979,17 +2979,17 @@ function hr({
   onHide: s,
   noHide: i = !1,
   name: l = "selection_dialog",
-  confirmText: o = "Выбрать",
-  cancelText: c = "Отмена",
+  confirmText: c = "Выбрать",
+  cancelText: o = "Отмена",
   defaultValue: a,
   style: d
 }) {
-  const [u, m] = g(a), h = b(() => {
+  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 = b(() => {
+  }, [u, n, i, s]), x = k(() => {
     s == null || s();
-  }, [s]), j = b((f) => {
-    m(f);
+  }, [s]), f = k((j) => {
+    m(j);
   }, []);
   return /* @__PURE__ */ e.jsxs(
     Ee,
@@ -3003,8 +3003,8 @@ function hr({
           onHide: x,
           onSuccess: h,
           disabled: u === void 0,
-          confirmText: o,
-          cancelText: c
+          confirmText: c,
+          cancelText: o
         }
       ),
       children: [
@@ -3016,26 +3016,26 @@ function hr({
             scroll: !0,
             maxHeight: "300px",
             "aria-label": "Варианты выбора",
-            children: t.map((f, p) => /* @__PURE__ */ e.jsx(
+            children: t.map((j, p) => /* @__PURE__ */ e.jsx(
               "label",
               {
-                "aria-disabled": f.disabled,
+                "aria-disabled": j.disabled,
                 children: /* @__PURE__ */ e.jsx(
                   Cr,
                   {
-                    hovered: !f.disabled,
-                    header: f.title,
-                    icon: f.icon,
-                    description: f.description,
-                    onClick: f.disabled ? void 0 : () => j(f.data),
+                    hovered: !j.disabled,
+                    header: j.title,
+                    icon: j.icon,
+                    description: j.description,
+                    onClick: j.disabled ? void 0 : () => f(j.data),
                     control: /* @__PURE__ */ e.jsx(
                       Gn,
                       {
-                        onClick: f.disabled ? void 0 : () => j(f.data),
+                        onClick: j.disabled ? void 0 : () => f(j.data),
                         name: l,
-                        checked: f.data === u,
-                        disabled: f.disabled,
-                        "aria-label": `Выбрать ${f.title}`
+                        checked: j.data === u,
+                        disabled: j.disabled,
+                        "aria-label": `Выбрать ${j.title}`
                       }
                     )
                   }
@@ -3060,7 +3060,7 @@ function xr({
   return /* @__PURE__ */ e.jsxs("div", { children: [
     t && /* @__PURE__ */ e.jsx(_n, { onClick: t, children: i }),
     /* @__PURE__ */ e.jsx(
-      ce,
+      de,
       {
         onClick: n,
         disabled: r,
@@ -3069,7 +3069,7 @@ function xr({
     )
   ] });
 }
-const Ve = ne.forwardRef(
+const Ve = te.forwardRef(
   ({
     onClick: n,
     inputRef: t,
@@ -3077,116 +3077,116 @@ const Ve = ne.forwardRef(
     type: s = "text",
     transparent: i,
     readOnly: l,
-    password: o,
-    border: c,
+    password: c,
+    border: o,
     onClear: a,
     icon: d,
     onChange: u,
     name: m,
     value: h,
     placeholder: x,
-    className: j,
-    validEmptyValue: f,
+    className: f,
+    validEmptyValue: j,
     onFocus: p,
     onBlur: _,
-    error: k,
-    max: y,
-    min: v,
-    autoFocus: M,
-    disabled: V,
-    size: W = "medium",
-    helperText: z,
+    error: y,
+    max: N,
+    min: C,
+    autoFocus: S,
+    disabled: T,
+    size: P = "medium",
+    helperText: B,
     errorText: w,
-    onKeyDown: P
-  }, D) => {
-    const R = Z(null), [N, I] = g(!1), [S, E] = g(!1), [O, A] = g(!!h), K = Be(), Y = () => {
-      if (!R.current) return;
-      const J = R.current.querySelector("input");
-      J == null || J.focus();
-    }, C = (J) => {
-      p == null || p(J), E(!0);
-    }, L = (J) => {
-      _ == null || _(J), E(!1), A(!!J.target.value);
-    }, H = b(
-      (J, te) => I(!!(k || J && (!te || te === ""))),
-      [k]
+    onKeyDown: W
+  }, O) => {
+    const A = Y(null), [b, D] = g(!1), [M, E] = g(!1), [U, I] = g(!!h), H = Be(), G = () => {
+      if (!A.current) return;
+      const Q = A.current.querySelector("input");
+      Q == null || Q.focus();
+    }, v = (Q) => {
+      p == null || p(Q), E(!0);
+    }, L = (Q) => {
+      _ == null || _(Q), E(!1), I(!!Q.target.value);
+    }, R = k(
+      (Q, ne) => D(!!(y || Q && (!ne || ne === ""))),
+      [y]
     );
-    T(() => {
-      H(f, h), A(!!h);
-    }, [h, f, H]);
+    V(() => {
+      R(j, h), I(!!h);
+    }, [h, j, R]);
     const q = {
       small: "input-field__text-field_small",
       medium: "input-field__text-field_medium",
       large: "input-field__text-field_large"
     };
-    return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${j || ""}`, children: [
+    return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${f || ""}`, children: [
       /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: D,
+          ref: O,
           style: r,
           className: `
           input-field 
           input-field__text-field 
-          ${q[W]}
-          ${c ? "input-field_border" : ""} 
-          ${S ? "input-field_active" : ""} 
+          ${q[P]}
+          ${o ? "input-field_border" : ""} 
+          ${M ? "input-field_active" : ""} 
           ${i ? "input-field_transparent" : ""} 
-          ${N ? "input-field_error" : ""} 
-          ${V ? "input-field_disabled" : ""}
+          ${b ? "input-field_error" : ""} 
+          ${T ? "input-field_disabled" : ""}
         `,
-          onClick: Y,
+          onClick: G,
           children: [
             d && /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container", "aria-hidden": "true", children: d }),
-            /* @__PURE__ */ e.jsxs("div", { className: "input-field__input-container", ref: R, children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "input-field__input-container", ref: A, children: [
               /* @__PURE__ */ e.jsx(
                 "input",
                 {
                   ref: t,
-                  max: y,
-                  min: v,
-                  id: K,
+                  max: N,
+                  min: C,
+                  id: H,
                   readOnly: l,
-                  disabled: V,
+                  disabled: T,
                   required: !0,
-                  type: o ? "password" : s,
+                  type: c ? "password" : s,
                   className: `
               input-field__input-container__input 
-              ${N ? "input-field__input-container__input_error" : ""}
+              ${b ? "input-field__input-container__input_error" : ""}
               `,
                   name: m,
                   value: h,
                   onClick: n,
-                  onChange: (J) => u == null ? void 0 : u(J.target.value, J.target.name, J),
-                  onFocus: C,
+                  onChange: (Q) => u == null ? void 0 : u(Q.target.value, Q.target.name, Q),
+                  onFocus: v,
                   onBlur: L,
-                  onKeyDown: P,
-                  autoFocus: M,
-                  "aria-invalid": N,
-                  "aria-describedby": N ? `${m}-error` : void 0
+                  onKeyDown: W,
+                  autoFocus: S,
+                  "aria-invalid": b,
+                  "aria-describedby": b ? `${m}-error` : void 0
                 }
               ),
               x && /* @__PURE__ */ e.jsx(
                 "label",
                 {
-                  htmlFor: K,
-                  onClick: Y,
+                  htmlFor: H,
+                  onClick: G,
                   className: `input-field__input-container__label 
-              ${O ? "input-field__input-container__label_filled" : ""}
+              ${U ? "input-field__input-container__label_filled" : ""}
             `,
                   children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: x })
                 }
               )
             ] }),
-            a && h && !V && /* @__PURE__ */ e.jsx("div", { className: `
+            a && h && !T && /* @__PURE__ */ e.jsx("div", { className: `
           input-field__icon-container 
           input-field__icon-container_clear-btn
-          `, onClick: a, children: /* @__PURE__ */ e.jsx(de, { "aria-label": "Clear input" }) })
+          `, onClick: a, children: /* @__PURE__ */ e.jsx(ie, { "aria-label": "Clear input" }) })
           ]
         }
       ),
-      N && w && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__error-text", children: w }),
-      z && !N && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__helper-text", children: z })
+      b && w && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__error-text", children: w }),
+      B && !b && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__helper-text", children: B })
     ] });
   }
 );
@@ -3198,75 +3198,75 @@ const Vs = ({
   onSuccess: s,
   onHide: i,
   placeholder: l,
-  type: o = "text",
-  min: c = 0,
+  type: c = "text",
+  min: o = 0,
   max: a = 100,
   defaultValue: d = "",
   confirmText: u = "OK",
   cancelText: m = "Отмена",
   validate: h
 }) => {
-  const [x, j] = g(d), [f, p] = g(!0);
-  T(() => {
+  const [x, f] = g(d), [j, p] = g(!0);
+  V(() => {
     if (h)
       p(h(x));
-    else if (o === "number") {
-      const v = Number(x);
-      p(!isNaN(v) && v >= c && v <= a);
+    else if (c === "number") {
+      const C = Number(x);
+      p(!isNaN(C) && C >= o && C <= a);
     } else
       p(!0);
-  }, [x, h, o, c, a]);
-  const _ = b(() => {
-    f && (s == null || s(x), i == null || i());
-  }, [x, f, s, i]), k = b(() => {
+  }, [x, h, c, o, a]);
+  const _ = k(() => {
+    j && (s == null || s(x), i == null || i());
+  }, [x, j, s, i]), y = k(() => {
     i == null || i();
-  }, [i]), y = (v) => {
-    if (o === "number") {
-      if (v === "") {
-        j("");
+  }, [i]), N = (C) => {
+    if (c === "number") {
+      if (C === "") {
+        f("");
         return;
       }
-      const M = Number(v);
-      isNaN(M) || (M < c && (v = String(c)), M > a && (v = String(a)), j(v));
+      const S = Number(C);
+      isNaN(S) || (S < o && (C = String(o)), S > a && (C = String(a)), f(C));
     } else
-      j(v);
+      f(C);
   };
   return /* @__PURE__ */ e.jsxs(
     Ee,
     {
       style: n,
       header: r,
-      onHide: k,
+      onHide: y,
       action: /* @__PURE__ */ e.jsxs("div", { children: [
-        /* @__PURE__ */ e.jsx(ce, { onClick: k, children: m }),
+        /* @__PURE__ */ e.jsx(de, { onClick: y, children: m }),
         /* @__PURE__ */ e.jsx(
-          ce,
+          de,
           {
             onClick: _,
-            disabled: !f || o === "number" && x === "",
+            disabled: !j || c === "number" && x === "",
             children: u
           }
         )
       ] }),
       children: [
-        t && /* @__PURE__ */ e.jsx(U, { type: "body", children: t }),
+        t && /* @__PURE__ */ e.jsx(X, { type: "body", children: t }),
         /* @__PURE__ */ e.jsxs("div", { children: [
           /* @__PURE__ */ e.jsx(
             Ve,
             {
-              type: o,
-              min: c,
+              type: c,
+              min: o,
               max: a,
               border: !0,
               placeholder: l,
               value: x,
-              onChange: y,
-              error: !f
+              onChange: N,
+              error: !j
             }
           ),
-          !f && o === "number" && /* @__PURE__ */ e.jsxs(U, { type: "body", children: [
+          !j && c === "number" && /* @__PURE__ */ e.jsxs(X, { type: "body", children: [
             "Введите число от ",
-            c,
+            o,
             " до ",
             a
           ] })
@@ -3281,8 +3281,8 @@ const Vs = ({
   children: s,
   onSave: i,
   onHide: l,
-  marginBottom: o = 0,
-  disableBackplate: c,
+  marginBottom: c = 0,
+  disableBackplate: o,
   saveText: a,
   cancelText: d,
   forceFullScreen: u,
@@ -3292,7 +3292,7 @@ const Vs = ({
   Cn(!0, document.body);
   const x = () => {
     l == null || l();
-  }, j = () => {
+  }, f = () => {
     i == null || i();
   };
   return u || h === ee.MOBILE ? /* @__PURE__ */ e.jsxs(
@@ -3300,8 +3300,8 @@ const Vs = ({
     {
       style: {
         ...n,
-        height: `calc(100vh - ${o}px)`,
-        paddingBottom: `${o}px`
+        height: `calc(100vh - ${c}px)`,
+        paddingBottom: `${c}px`
       },
       className: `
         full-screen-dialog 
@@ -3315,12 +3315,12 @@ const Vs = ({
             {
               transparent: !0,
               onClick: x,
-              icon: /* @__PURE__ */ e.jsx(de, {}),
+              icon: /* @__PURE__ */ e.jsx(ie, {}),
               "aria-label": "Закрыть"
             }
           ) }),
           /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog__container__header__text", children: r }),
-          /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog__container__header__save", children: i && /* @__PURE__ */ e.jsx("button", { onClick: j, className: "full-screen-dialog__container__header__save__button", children: /* @__PURE__ */ e.jsx(U, { type: "body", weight: "bold", children: a || "Сохранить" }) }) })
+          /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog__container__header__save", children: i && /* @__PURE__ */ e.jsx("button", { onClick: f, className: "full-screen-dialog__container__header__save__button", children: /* @__PURE__ */ e.jsx(X, { type: "body", weight: "bold", children: a || "Сохранить" }) }) })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "full-screen-dialog__content", children: [
           s,
@@ -3331,14 +3331,14 @@ const Vs = ({
   ) : /* @__PURE__ */ e.jsx(
     Ze,
     {
-      disableBackplate: c,
+      disableBackplate: o,
       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 ?? "Отмена" }),
-        l && /* @__PURE__ */ e.jsx(ye, { onClick: j, children: a ?? "Сохранить" })
+        l && /* @__PURE__ */ e.jsx(ye, { onClick: f, children: a ?? "Сохранить" })
       ] }) : /* @__PURE__ */ e.jsx(ze, { btns: m, onHide: l, onSuccess: i }),
       children: s
     }
@@ -3351,36 +3351,36 @@ const Vs = ({
     alt: s,
     header: i,
     subhead: l,
-    text: o,
-    children: c,
+    text: c,
+    children: o,
     iconButtonCell: a,
     onClick: d,
     screenSize: u,
     rootApp: m = "#root",
     variant: h = "elevated",
     loading: x = !1,
-    style: j,
-    elevation: f = 6,
+    style: f,
+    elevation: j = 6,
     ...p
   }, _) => {
-    const { screen: k } = Ce(we), y = u ?? k, v = `elevation-${Math.min(24, Math.max(0, f))}`, M = (z) => {
-      V(z) && (d == null || d(z), W(z));
-    }, V = (z) => {
-      const w = z.target;
+    const { screen: y } = Ce(we), N = u ?? y, C = `elevation-${Math.min(24, Math.max(0, j))}`, S = (B) => {
+      T(B) && (d == null || d(B), P(B));
+    }, T = (B) => {
+      const w = B.target;
       return !w.closest(".action-container") && !w.closest(".card-icon-button") && !w.closest(".card-child-container") && !w.closest(".card-children") && !!w.closest(m);
-    }, W = (z) => {
-      const w = z.currentTarget, P = w.querySelector(".card-ripple-container");
-      if (!P) return;
-      const D = w.getBoundingClientRect(), R = Math.max(D.width, D.height), N = z.clientX - D.left - R / 2, I = z.clientY - D.top - R / 2, S = document.createElement("span");
-      S.className = "card-ripple", S.style.width = S.style.height = `${R}px`, S.style.left = `${N}px`, S.style.top = `${I}px`, P.appendChild(S), setTimeout(() => S.remove(), 600);
+    }, P = (B) => {
+      const w = B.currentTarget, W = w.querySelector(".card-ripple-container");
+      if (!W) return;
+      const O = w.getBoundingClientRect(), A = Math.max(O.width, O.height), b = B.clientX - O.left - A / 2, D = B.clientY - O.top - A / 2, M = document.createElement("span");
+      M.className = "card-ripple", M.style.width = M.style.height = `${A}px`, M.style.left = `${b}px`, M.style.top = `${D}px`, W.appendChild(M), setTimeout(() => M.remove(), 600);
     };
     return /* @__PURE__ */ e.jsxs(
       "div",
       {
         ref: _,
-        style: j,
-        className: `${n} card card--${h} ${v} ${x ? "card--loading" : ""}`,
-        onClick: M,
+        style: f,
+        className: `${n} card card--${h} ${C} ${x ? "card--loading" : ""}`,
+        onClick: S,
         ...p,
         children: [
           /* @__PURE__ */ e.jsx("div", { className: "card-ripple-container" }),
@@ -3391,11 +3391,11 @@ const Vs = ({
           /* @__PURE__ */ e.jsxs("div", { className: "card-content", children: [
             (i || a) && /* @__PURE__ */ e.jsxs("div", { className: "card-header", children: [
               i && /* @__PURE__ */ e.jsx(
-                U,
+                X,
                 {
                   type: "title",
                   weight: "bold",
-                  screensize: y,
+                  screensize: N,
                   className: "card-title",
                   children: i
                 }
@@ -3403,25 +3403,25 @@ const Vs = ({
               a && /* @__PURE__ */ e.jsx("div", { className: "card-icon-button", children: a })
             ] }),
             l && /* @__PURE__ */ e.jsx(
-              U,
+              X,
               {
                 type: "title-2",
                 weight: "bold",
-                screensize: y,
+                screensize: N,
                 className: "card-subhead",
                 children: l
               }
             ),
-            o && /* @__PURE__ */ e.jsx(
-              U,
+            c && /* @__PURE__ */ e.jsx(
+              X,
               {
                 type: "body",
-                screensize: y,
+                screensize: N,
                 className: "card-text",
-                children: o
+                children: c
               }
             ),
-            c && /* @__PURE__ */ e.jsx("div", { className: "card-children", children: c }),
+            o && /* @__PURE__ */ e.jsx("div", { className: "card-children", children: o }),
             t && /* @__PURE__ */ e.jsx("div", { className: "card-actions", children: t })
           ] }),
           x && /* @__PURE__ */ e.jsx("div", { className: "card-loading-indicator" })
@@ -3431,23 +3431,23 @@ const Vs = ({
   }
 );
 mr.displayName = "Card";
-const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { className: `base-action-card ${t ?? ""}`, children: n }), As = ({ children: n, className: t, id: r, height: s, width: i, pozMove: l, draggable: o = !0 }) => {
-  const [c, a] = g(!1), [d, u] = g(null), [m, h] = g({ x: 0, y: 0 }), x = (p) => {
+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: c = !0 }) => {
+  const [o, a] = g(!1), [d, u] = g(null), [m, h] = g({ x: 0, y: 0 }), x = (p) => {
     p.button == 1 && (a(!1), u(null), document.body.style.cursor = "auto");
-  }, j = (p) => {
-    p.button == 1 && o && (u({ x: p.clientX, y: p.clientY }), a(!0), document.body.style.cursor = "move");
-  }, f = b((p) => {
-    c && (h((_) => {
+  }, f = (p) => {
+    p.button == 1 && c && (u({ x: p.clientX, y: p.clientY }), a(!0), document.body.style.cursor = "move");
+  }, j = k((p) => {
+    o && (h((_) => {
       if (!d)
         return _;
-      const k = p.clientX - d.x, y = p.clientY - d.y;
-      let v = _.x + k, M = _.y + y;
-      return { x: v, y: M };
+      const y = p.clientX - d.x, N = p.clientY - d.y;
+      let C = _.x + y, S = _.y + N;
+      return { x: C, y: S };
     }), u({ x: p.clientX, y: p.clientY }));
-  }, [c, d]);
-  return T(() => {
+  }, [o, d]);
+  return V(() => {
     l && h({ ...l });
-  }, [l]), /* @__PURE__ */ e.jsx("div", { id: r, style: { height: s, width: i }, className: `big-container ${t}`, onMouseDown: j, onMouseUp: x, onMouseMove: f, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: m.x, top: m.y }, children: n }) });
+  }, [l]), /* @__PURE__ */ e.jsx("div", { id: r, style: { height: s, width: i }, className: `big-container ${t}`, onMouseDown: f, onMouseUp: x, onMouseMove: j, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: m.x, top: m.y }, children: n }) });
 }, Ds = ({
   onClick: n,
   onContextMenu: t,
@@ -3455,23 +3455,23 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   className: s,
   style: i,
   countColumn: l,
-  items: o,
-  onClickColl: c,
+  items: c,
+  onClickColl: o,
   classNameColumn: a,
   minColumnWidth: d = "auto"
 }) => {
-  const u = ne.useCallback((x, j) => {
-    const f = Array.from({ length: x }, () => []);
-    return j.forEach((p) => {
-      if (p.indexCol >= f.length) {
+  const u = te.useCallback((x, f) => {
+    const j = Array.from({ length: x }, () => []);
+    return f.forEach((p) => {
+      if (p.indexCol >= j.length) {
         console.error(`Invalid column index. indexCol = ${p.indexCol}, column count = ${x}`);
         return;
       }
-      f[p.indexCol].push(p.node);
-    }), f;
-  }, []), m = ne.useMemo(() => u(l, o), [u, l, o]), h = ne.useCallback((x, j) => {
-    c == null || c(x, j);
-  }, [c]);
+      j[p.indexCol].push(p.node);
+    }), j;
+  }, []), m = te.useMemo(() => u(l, c), [u, l, c]), h = te.useCallback((x, f) => {
+    o == null || o(x, f);
+  }, [o]);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -3484,15 +3484,15 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
       },
       className: `${s} alex-evo-sh-ui-kit-column-layout`,
       "data-testid": "column-layout-container",
-      children: m.map((x, j) => /* @__PURE__ */ e.jsx(
+      children: m.map((x, f) => /* @__PURE__ */ e.jsx(
         "div",
         {
-          onClick: (f) => h(j, f),
+          onClick: (j) => h(f, j),
           className: `${a} alex-evo-sh-ui-kit-column-layout-coll`,
-          "data-testid": `column-${j}`,
-          children: x.map((f, p) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: f }, `item-${j}-${p}`))
+          "data-testid": `column-${f}`,
+          children: x.map((j, p) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: j }, `item-${f}-${p}`))
         },
-        `column-${j}`
+        `column-${f}`
       ))
     }
   );
@@ -3503,11 +3503,11 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   style: s,
   border: i = !1,
   collapsible: l = !1,
-  defaultVisible: o = !1,
-  action: c,
+  defaultVisible: c = !1,
+  action: o,
   onVisibilityChange: a
 }) => {
-  const [d, u] = g(l ? o : !0), m = Z(null), h = (p) => {
+  const [d, u] = g(l ? c : !0), m = Y(null), h = (p) => {
     if (!p) return;
     const _ = Ye(p);
     if (_)
@@ -3515,17 +3515,17 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   }, x = (p) => {
     const _ = h(p);
     return _ ? Math.min(_ * jr, 1) : 0.4;
-  }, j = (p) => {
+  }, f = (p) => {
     const _ = p.target;
     if (!(_.closest(".action-btn") || _.classList.contains("action-btn")) && l) {
-      const y = !d;
-      u(y), a == null || a(y);
+      const N = !d;
+      u(N), a == null || a(N);
     }
   };
-  T(() => {
+  V(() => {
     !l && !d && (u(!0), a == null || a(!0));
   }, [l, d, a]);
-  const f = oe(
+  const j = oe(
     () => x(m.current),
     [m.current]
   );
@@ -3540,27 +3540,27 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
           "div",
           {
             className: "content-box-label",
-            onClick: j,
+            onClick: f,
             role: l ? "button" : void 0,
             "aria-label": l ? `${t} - click to ${d ? "collapse" : "expand"}` : t,
             tabIndex: l ? 0 : void 0,
             onKeyDown: (p) => {
-              l && (p.key === "Enter" || p.key === " ") && (p.preventDefault(), j(p));
+              l && (p.key === "Enter" || p.key === " ") && (p.preventDefault(), f(p));
             },
             children: [
-              /* @__PURE__ */ e.jsx(U, { type: "title", children: t }),
-              /* @__PURE__ */ e.jsx("div", { className: "content-box-action-container", children: c ? /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ e.jsx(X, { type: "title", children: t }),
+              /* @__PURE__ */ e.jsx("div", { className: "content-box-action-container", children: o ? /* @__PURE__ */ e.jsx(
                 "div",
                 {
                   className: "content-box-status-container action-btn",
-                  onClick: c.onClick,
-                  "aria-label": c.ariaLabel || "Action",
+                  onClick: o.onClick,
+                  "aria-label": o.ariaLabel || "Action",
                   role: "button",
                   tabIndex: 0,
                   onKeyDown: (p) => {
-                    (p.key === "Enter" || p.key === " ") && (p.preventDefault(), c.onClick());
+                    (p.key === "Enter" || p.key === " ") && (p.preventDefault(), o.onClick());
                   },
-                  children: c.icon
+                  children: o.icon
                 }
               ) : l ? /* @__PURE__ */ e.jsx("div", { className: "content-box-status-container", children: /* @__PURE__ */ e.jsx(
                 "span",
@@ -3577,7 +3577,7 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
           {
             className: "content-box-container-curtain",
             style: {
-              transition: `${f}s ease-in-out`,
+              transition: `${j}s ease-in-out`,
               height: d ? "auto" : "0px"
             },
             "aria-hidden": !d,
@@ -3601,40 +3601,40 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   gridRowGap: s = "10px",
   gridColumnGap: i = "5px",
   itemMinWith: l,
-  itemMaxWith: o,
-  itemWith: c = "400px"
+  itemMaxWith: c,
+  itemWith: o = "400px"
 }) => {
-  const a = Z(null), [d, u] = g([]), m = Z(null), h = Z(null), x = b(() => {
+  const a = Y(null), [d, u] = g([]), m = Y(null), h = Y(null), x = k(() => {
     if (!a.current) return;
     a.current.style.display = "grid", a.current.style.gridRowGap = s, a.current.style.gridColumnGap = i;
-    const _ = l ?? c, k = o ?? c;
-    a.current.style.gridTemplateColumns = `repeat(auto-fill, minmax(${_}, ${k}))`, a.current.style.gridAutoRows = "1px";
-  }, [s, i, l, o, c]), j = b(() => {
+    const _ = l ?? o, y = c ?? o;
+    a.current.style.gridTemplateColumns = `repeat(auto-fill, minmax(${_}, ${y}))`, a.current.style.gridAutoRows = "1px";
+  }, [s, i, l, c, o]), f = k(() => {
     if (a.current) {
       const _ = a.current.querySelectorAll(".adaptiv-grid-item");
       u(Array.from(_));
     }
-  }, []), f = b(() => {
+  }, []), j = k(() => {
     if (!a.current) return;
-    const _ = window.getComputedStyle(a.current), k = parseInt(_.getPropertyValue("grid-row-gap")) || 0, y = parseInt(_.getPropertyValue("grid-auto-rows")) || 1;
-    d.forEach((v) => {
-      const M = v.querySelector(".adaptiv-grid-item-container");
-      if (M) {
-        const V = M.getBoundingClientRect().height, W = Math.ceil((V + k) / (y + k));
-        v.style.gridRowEnd = `span ${W}`;
+    const _ = window.getComputedStyle(a.current), y = parseInt(_.getPropertyValue("grid-row-gap")) || 0, N = parseInt(_.getPropertyValue("grid-auto-rows")) || 1;
+    d.forEach((C) => {
+      const S = C.querySelector(".adaptiv-grid-item-container");
+      if (S) {
+        const T = S.getBoundingClientRect().height, P = Math.ceil((T + y) / (N + y));
+        C.style.gridRowEnd = `span ${P}`;
       }
     });
-  }, [d]), p = b(() => {
+  }, [d]), p = k(() => {
     h.current !== null && cancelAnimationFrame(h.current), h.current = requestAnimationFrame(() => {
-      f(), h.current = null;
+      j(), h.current = null;
     });
-  }, [f]);
-  return T(() => {
-    x(), j();
-  }, [x, j, t]), T(() => {
+  }, [j]);
+  return V(() => {
+    x(), f();
+  }, [x, f, t]), V(() => {
     m.current && m.current.disconnect(), m.current = new ResizeObserver(() => p());
     const _ = m.current;
-    return d.forEach((k) => _.observe(k)), p(), () => {
+    return d.forEach((y) => _.observe(y)), p(), () => {
       _.disconnect(), h.current !== null && cancelAnimationFrame(h.current);
     };
   }, [d, p]), /* @__PURE__ */ e.jsx(
@@ -3653,8 +3653,8 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   shadow: s = 1,
   padded: i = !0,
   borderRadius: l = 12,
-  onClick: o,
-  onContextMenu: c
+  onClick: c,
+  onContextMenu: o
 }) => {
   const a = `container_shadow-${s}`;
   return /* @__PURE__ */ e.jsx(
@@ -3664,8 +3664,8 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
         borderRadius: `${l}px`,
         ...r
       },
-      onClick: o,
-      onContextMenu: c,
+      onClick: c,
+      onContextMenu: o,
       className: `alex-evo-sh-ui-kit-panel ${a} ${i ? "padded" : ""} ${t}`,
       children: n
     }
@@ -3677,51 +3677,51 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   activeTabClassName: s = "active",
   onTabClick: i,
   activeTabIndex: l,
-  tabContainerClassName: o = ""
+  tabContainerClassName: c = ""
 }) => {
-  const [c, a] = g(0), d = l !== void 0 ? l : c, u = Z(null), m = Z(null), [h, x] = g(!1), j = (_) => {
+  const [o, a] = g(0), d = l !== void 0 ? l : o, u = Y(null), m = Y(null), [h, x] = g(!1), f = (_) => {
     if (u.current) {
-      const k = t || u.current.offsetWidth / 2;
+      const y = t || u.current.offsetWidth / 2;
       u.current.scrollBy({
-        left: _ === "left" ? -k : k,
+        left: _ === "left" ? -y : y,
         behavior: "smooth"
       });
     }
   };
-  T(() => {
+  V(() => {
     const _ = () => {
       u.current && x(
         u.current.scrollWidth > u.current.clientWidth
       );
     };
     return _(), window.addEventListener("resize", _), () => window.removeEventListener("resize", _);
-  }, []), T(() => {
+  }, []), V(() => {
     if (u.current && m.current) {
       const _ = u.current.children[d];
       _ && (m.current.style.width = `${_.offsetWidth}px`, m.current.style.transform = `translateX(${_.offsetLeft}px)`);
     }
   }, [d]);
-  const f = (_) => {
+  const j = (_) => {
     _.key === "ArrowRight" ? p((d + 1) % n.length) : _.key === "ArrowLeft" && p((d - 1 + n.length) % n.length);
   }, p = (_) => {
     l === void 0 && a(_), i && i(_);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "alex-evo-ui-kit-tabs-container", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-ui-kit-tabs-scroll-buttons ${o}`, children: [
-      h && /* @__PURE__ */ e.jsx("button", { onClick: () => j("left"), className: "alex-evo-ui-kit-scroll-button", children: "◀" }),
+    /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-ui-kit-tabs-scroll-buttons ${c}`, children: [
+      h && /* @__PURE__ */ e.jsx("button", { onClick: () => f("left"), className: "alex-evo-ui-kit-scroll-button", children: "◀" }),
       /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: "alex-evo-ui-kit-tabs-header",
           ref: u,
-          onKeyDown: f,
+          onKeyDown: j,
           tabIndex: 0,
           children: [
-            n.map((_, k) => /* @__PURE__ */ e.jsx(
+            n.map((_, y) => /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: `alex-evo-ui-kit-tab ${r} ${d === k ? s : ""}`,
-                onClick: () => p(k),
+                className: `alex-evo-ui-kit-tab ${r} ${d === y ? s : ""}`,
+                onClick: () => p(y),
                 children: _.label
               },
               _.label
@@ -3730,7 +3730,7 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
           ]
         }
       ),
-      h && /* @__PURE__ */ e.jsx("button", { onClick: () => j("right"), className: "alex-evo-ui-kit-scroll-button", children: "▶" })
+      h && /* @__PURE__ */ e.jsx("button", { onClick: () => f("right"), className: "alex-evo-ui-kit-scroll-button", children: "▶" })
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-tab-content", children: n[d].content })
   ] });
@@ -3741,33 +3741,33 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   scroll: s,
   transparent: i,
   width: l,
-  padding: o,
-  margin: c,
+  padding: c,
+  margin: o,
   flex: a,
   gap: d = 0,
   onObserv: u,
   ...m
 }, h) => {
-  const x = Z(null), j = {
+  const x = Y(null), f = {
     overflowY: r ? s ? "scroll" : "hidden" : void 0,
     maxHeight: r,
     backgroundColor: i ? "transparent" : void 0,
     width: l,
-    padding: o,
-    margin: c
+    padding: c,
+    margin: o
   };
-  a && (j.display = "flex", j.flexDirection = "column", d > 0 && (j.gap = d)), T(() => {
+  a && (f.display = "flex", f.flexDirection = "column", d > 0 && (f.gap = d)), V(() => {
     if (!x.current || !u) return;
     const p = new IntersectionObserver(u);
     return p.observe(x.current), () => p.disconnect();
   }, [u]);
-  const f = [
+  const j = [
     "list-container",
     t,
     s ? "list-container_scroll" : "",
     i ? "list-container_transparent" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("ul", { ref: h, style: j, className: f, ...m, children: [
+  return /* @__PURE__ */ e.jsxs("ul", { ref: h, style: f, className: j, ...m, children: [
     n,
     /* @__PURE__ */ e.jsx("div", { ref: x })
   ] });
@@ -3778,32 +3778,32 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   header: s,
   description: i,
   value: l,
-  onClick: o,
-  hovered: c = !0,
+  onClick: c,
+  hovered: o = !0,
   className: a = "",
   disabled: d = !1,
   active: u = !1,
   shadow: m = 0,
   noTransformTransition: h,
   ...x
-}, j) => {
-  const f = (_) => {
-    !d && !_.target.closest(".control-container") && (o == null || o(_));
+}, f) => {
+  const j = (_) => {
+    !d && !_.target.closest(".control-container") && (c == null || c(_));
   }, p = [
     "list-item-container",
     a,
     `container_shadow-hover-${m}`,
-    c && !d ? "list-item-container_hovered" : "",
+    o && !d ? "list-item-container_hovered" : "",
     d ? "list-item-container_disabled" : "",
     u ? "list-item-container_active" : "",
     h ? "no-transform-transition" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("li", { ref: j, className: p, onClick: f, "aria-disabled": d, ...x, children: [
-    (n || l) && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__icon-container", children: n || l && /* @__PURE__ */ e.jsx(U, { type: "body", children: l }) }),
+  return /* @__PURE__ */ e.jsxs("li", { ref: f, className: p, onClick: j, "aria-disabled": d, ...x, children: [
+    (n || l) && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__icon-container", children: n || l && /* @__PURE__ */ e.jsx(X, { type: "body", children: l }) }),
     (s || r || i) && /* @__PURE__ */ e.jsxs("div", { className: "list-item-container__text-container", children: [
-      s && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__text-container__header", children: /* @__PURE__ */ e.jsx(U, { type: "title", children: s }) }),
-      r && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__text-container__text", children: /* @__PURE__ */ e.jsx(U, { type: "small", children: r }) }),
-      i && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__text-container__description", children: /* @__PURE__ */ e.jsx(U, { type: "small", color: "variant", children: i }) })
+      s && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__text-container__header", children: /* @__PURE__ */ e.jsx(X, { type: "title", children: s }) }),
+      r && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__text-container__text", children: /* @__PURE__ */ e.jsx(X, { type: "small", children: r }) }),
+      i && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__text-container__description", children: /* @__PURE__ */ e.jsx(X, { type: "small", color: "variant", children: i }) })
     ] }),
     t && /* @__PURE__ */ e.jsx("div", { onClick: (_) => {
       _.stopPropagation();
@@ -3830,14 +3830,14 @@ function gr(n) {
     return t[0];
 }
 const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
-  const l = n[t.field], o = Un(l);
-  return /* @__PURE__ */ e.jsx("td", { style: { backgroundColor: o.length > 0 && o[0].backgroundColor ? o[0].backgroundColor : s, height: i }, children: t.template ? t.template(o, n) : o.map((c, a) => /* @__PURE__ */ e.jsx(
+  const l = n[t.field], c = Un(l);
+  return /* @__PURE__ */ e.jsx("td", { style: { backgroundColor: c.length > 0 && c[0].backgroundColor ? c[0].backgroundColor : s, height: i }, children: t.template ? t.template(c, n) : c.map((o, a) => /* @__PURE__ */ e.jsx(
     "p",
     {
-      style: { color: c.color ?? r },
-      className: c.onClick ? "no-click" : "",
-      onClick: c.onClick,
-      children: c.content
+      style: { color: o.color ?? r },
+      className: o.onClick ? "no-click" : "",
+      onClick: o.onClick,
+      children: o.content
     },
     a
   )) });
@@ -3848,15 +3848,15 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
   onContextMenu: s,
   onDelete: i,
   onEdit: l,
-  onClickRow: o,
-  index: c,
+  onClickRow: c,
+  index: o,
   maxH: a
 }) => {
-  const d = b(
+  const d = k(
     (u) => {
-      u.target.closest(".no-click") || o == null || o(t, c);
+      u.target.closest(".no-click") || c == null || c(t, o);
     },
-    [c, o, t]
+    [o, c, t]
   );
   return /* @__PURE__ */ e.jsxs("tr", { className: "table-row", onClick: d, children: [
     r.map((u, m) => /* @__PURE__ */ e.jsx(
@@ -3875,18 +3875,18 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
       {
         transparent: !0,
         icon: u.icon,
-        onClick: (h) => u.onClick(h, t, c)
+        onClick: (h) => u.onClick(h, t, o)
       },
       m
     )) }) }),
     (s || i || l) && /* @__PURE__ */ e.jsx("td", { className: "w-[180px] table-edit-button no-click", children: /* @__PURE__ */ e.jsxs("div", { className: "table-edit-button", children: [
-      l && /* @__PURE__ */ e.jsx(ue, { transparent: !0, icon: /* @__PURE__ */ e.jsx($n, {}), onClick: () => l(t, c) }),
+      l && /* @__PURE__ */ e.jsx(ue, { transparent: !0, icon: /* @__PURE__ */ e.jsx($n, {}), onClick: () => l(t, o) }),
       i && /* @__PURE__ */ e.jsx(
         ue,
         {
           transparent: !0,
           icon: /* @__PURE__ */ e.jsx(Nn, { className: "text-red-500" }),
-          onClick: () => i(t, c)
+          onClick: () => i(t, o)
         }
       ),
       s && /* @__PURE__ */ e.jsx(
@@ -3894,7 +3894,7 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
         {
           transparent: !0,
           icon: /* @__PURE__ */ e.jsx(Mn, {}),
-          onClick: (u) => s(u, t, c)
+          onClick: (u) => s(u, t, o)
         }
       )
     ] }) })
@@ -3906,22 +3906,22 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
   onContextMenu: s,
   onEdit: i,
   actions: l,
-  shadow: o = 2,
-  onClickRow: c
+  shadow: c = 2,
+  onClickRow: o
 }) => {
   const a = oe(
     () => t ?? vr(n),
     [n, t]
-  ), d = a.length + (l ? 1 : 0) + (r || s || i ? 1 : 0), u = (h) => h ? (Array.isArray(h) ? h : [h]).map((j, f) => typeof j == "string" || typeof j == "number" ? /* @__PURE__ */ e.jsx("span", { children: j }, f) : /* @__PURE__ */ e.jsx(
+  ), d = a.length + (l ? 1 : 0) + (r || s || i ? 1 : 0), u = (h) => h ? (Array.isArray(h) ? h : [h]).map((f, j) => typeof f == "string" || typeof f == "number" ? /* @__PURE__ */ e.jsx("span", { children: f }, j) : /* @__PURE__ */ e.jsx(
     "span",
     {
-      style: { color: j.color },
-      onClick: j.onClick,
-      children: j.content
+      style: { color: f.color },
+      onClick: f.onClick,
+      children: f.content
     },
-    f
-  )) : null, m = `container_shadow-${o}`;
-  return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${c ? "clicked" : ""} ${m}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
+    j
+  )) : null, m = `container_shadow-${c}`;
+  return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${o ? "clicked" : ""} ${m}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
     /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
       a.map((h) => /* @__PURE__ */ e.jsx("th", { className: "min-width", children: h.title }, h.field)),
       l && /* @__PURE__ */ e.jsx("th", { className: "table-actions-header", children: "actions" }),
@@ -3929,13 +3929,13 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
     ] }) }),
     /* @__PURE__ */ e.jsx("tbody", { children: n.map((h, x) => {
       if ("__all__" in h) {
-        const j = gr(h.__all__);
-        return /* @__PURE__ */ e.jsx("tr", { className: "table-all-row", children: /* @__PURE__ */ e.jsx("td", { colSpan: d, style: { backgroundColor: j == null ? void 0 : j.backgroundColor, color: j == null ? void 0 : j.color }, children: u(j) }) }, `all-${x}`);
+        const f = gr(h.__all__);
+        return /* @__PURE__ */ e.jsx("tr", { className: "table-all-row", children: /* @__PURE__ */ e.jsx("td", { colSpan: d, style: { backgroundColor: f == null ? void 0 : f.backgroundColor, color: f == null ? void 0 : f.color }, children: u(f) }) }, `all-${x}`);
       }
       return /* @__PURE__ */ e.jsx(
         kr,
         {
-          onClickRow: c,
+          onClickRow: o,
           actions: l,
           index: x,
           columns: a,
@@ -4026,10 +4026,10 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
       ) : null
     ) })
   ] });
-}, Zs = ({ visible: n, firstBtn: t, mainBtn: r, onHide: s, otherBtn: i, backBtn: l, openAlways: o }) => {
-  const c = (a, d) => a.type === "button" ? /* @__PURE__ */ e.jsx(Re, { active: a.active, onClick: a.onClick, title: a.text, icon: a.icon }, d) : a.type === "link" ? /* @__PURE__ */ e.jsx(Xn, { onClick: () => s(), title: a.text, icon: a.icon, to: a.to }, d) : a.type === "submenu" ? /* @__PURE__ */ e.jsx(wr, { item: a, onHide: s }, d) : null;
+}, Zs = ({ visible: n, firstBtn: t, mainBtn: r, onHide: s, otherBtn: i, backBtn: l, openAlways: c }) => {
+  const o = (a, d) => a.type === "button" ? /* @__PURE__ */ e.jsx(Re, { active: a.active, onClick: a.onClick, title: a.text, icon: a.icon }, d) : a.type === "link" ? /* @__PURE__ */ e.jsx(Xn, { onClick: () => s(), title: a.text, icon: a.icon, to: a.to }, d) : a.type === "submenu" ? /* @__PURE__ */ e.jsx(wr, { item: a, onHide: s }, d) : null;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs("div", { className: `navigation-drawer ${n || o ? "navigation-drawer_show" : "navigation-drawer_hide"}`, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: `navigation-drawer ${n || c ? "navigation-drawer_show" : "navigation-drawer_hide"}`, children: [
       t ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsxs("div", { className: "navigation-drawer__block", children: [
           /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block__header" }),
@@ -4039,17 +4039,17 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
       ] }) : null,
       /* @__PURE__ */ e.jsxs("div", { className: "navigation-drawer__block", children: [
         /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block__header" }),
-        /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block__content", children: r && r.map(c) })
+        /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block__content", children: r && r.map(o) })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__divider", children: /* @__PURE__ */ e.jsx(se, {}) }),
       /* @__PURE__ */ e.jsxs("div", { className: "navigation-drawer__block", children: [
         /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block__header" }),
-        /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block__content", children: i && i.map(c) })
+        /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block__content", children: i && i.map(o) })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__divider", children: /* @__PURE__ */ e.jsx(se, {}) }),
       l ? /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block", children: /* @__PURE__ */ e.jsx(Re, { active: l.active, onClick: l.onClick, title: l.text, icon: l.icon }) }) : null
     ] }),
-    n && !o ? /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer-backplate", style: { zIndex: 1100 }, onClick: () => s() }) : null
+    n && !c ? /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer-backplate", style: { zIndex: 1100 }, onClick: () => s() }) : null
   ] });
 }, Sr = ({ icon: n, title: t, to: r }) => /* @__PURE__ */ e.jsxs(Qe, { to: r, className: "navigation-item navigation-item-rail", children: [
   /* @__PURE__ */ e.jsx("div", { className: `
@@ -4104,13 +4104,13 @@ function hn(n, t, r, s) {
   const i = t.getBoundingClientRect();
   let l = n.clientY - i.top;
   l > i.height && (l = i.height), l < 0 && (l = 0);
-  let o = n.clientX - i.left;
-  o > i.width && (o = i.width), o < 0 && (o = 0);
-  const c = l / i.height, a = o / i.width, d = 100 - 100 * c, u = 100 * a;
-  s(Math.round(u), Math.round(d)), Kn(r, o, l);
+  let c = n.clientX - i.left;
+  c > i.width && (c = i.width), c < 0 && (c = 0);
+  const o = l / i.height, a = c / i.width, d = 100 - 100 * o, u = 100 * a;
+  s(Math.round(u), Math.round(d)), Kn(r, c, l);
 }
 function $r(n, t, r, s) {
-  const i = (o) => hn(o, t, r, s);
+  const i = (c) => hn(c, t, r, s);
   hn(n, t, r, s), r.classList.add("dragging"), window.addEventListener("mousemove", i), window.addEventListener("mouseup", l);
   function l() {
     r.classList.remove("dragging"), window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", l);
@@ -4134,11 +4134,11 @@ function xn(n, t, r, s) {
   const i = t.getBoundingClientRect();
   let l = n.clientY - i.top;
   l > i.height && (l = i.height), l < 0 && (l = 0);
-  const c = 360 - 360 * (l / i.height);
-  s(c), qn(r, l);
+  const o = 360 - 360 * (l / i.height);
+  s(o), qn(r, l);
 }
 function Fr(n, t, r, s) {
-  const i = (o) => xn(o, r, t, s);
+  const i = (c) => xn(c, r, t, s);
   xn(n, r, t, s), t.classList.add("dragging"), window.addEventListener("mousemove", i), window.addEventListener("mouseup", l);
   function l() {
     t.classList.remove("dragging"), window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", l);
@@ -4173,105 +4173,105 @@ const Vr = [
   onAddColor: s,
   autoHide: i,
   defaultColor: l,
-  userColors: o = [],
-  width: c = 310,
+  userColors: c = [],
+  width: o = 310,
   height: a = "auto"
 }) => {
-  const d = Z(null), u = Z(null), m = Z(null), h = Z(null), [x, j] = g(Tr(t)), [f, p] = g(!1), [_, k] = g(
+  const d = Y(null), u = Y(null), m = Y(null), h = Y(null), [x, f] = g(Tr(t)), [j, p] = g(!1), [_, y] = g(
     `#${ke(Le(x))}`
-  ), y = oe(() => Le(x), [x]), v = oe(() => `#${ke(y)}`, [y]), M = oe(
+  ), N = oe(() => Le(x), [x]), C = oe(() => `#${ke(N)}`, [N]), S = oe(
     () => _[0] !== "#" ? `#${_}` : _,
     [_]
   );
-  T(() => {
-    !m.current || !d.current || !u.current || !h.current || V(
+  V(() => {
+    !m.current || !d.current || !u.current || !h.current || T(
       m.current,
       h.current,
       d.current,
       u.current,
       x
     );
-  }, [x]), T(() => {
+  }, [x]), V(() => {
     if (!m.current || !h.current) return;
-    const N = m.current.getContext("2d");
-    N && (Mr(
-      N,
+    const b = m.current.getContext("2d");
+    b && (Mr(
+      b,
       m.current,
       `#${ke(Le(x.h, 1, 1))}`
     ), Lr(
       m.current,
-      N,
+      b,
       h.current,
-      (I, S) => {
-        j((E) => {
-          const O = { ...E, s: I / 100, v: S / 100 };
-          return k(ke(Le(O))), O;
+      (D, M) => {
+        f((E) => {
+          const U = { ...E, s: D / 100, v: M / 100 };
+          return y(ke(Le(U))), U;
         });
       }
     ));
-  }, [x.h]), T(() => {
+  }, [x.h]), V(() => {
     if (!d.current || !u.current) return;
-    const N = d.current.getContext("2d");
-    N && (Rr(N, d.current), Er(N, d.current, u.current, (I) => {
-      j((S) => {
-        const E = { ...S, h: I / 360 };
-        return k(ke(Le(E))), E;
+    const b = d.current.getContext("2d");
+    b && (Rr(b, d.current), Er(b, d.current, u.current, (D) => {
+      f((M) => {
+        const E = { ...M, h: D / 360 };
+        return y(ke(Le(E))), E;
       });
     }));
-  }, []), T(() => {
+  }, []), V(() => {
     if (_.length === 4 || _.length === 7)
       try {
-        j(De(Ne(_)));
+        f(De(Ne(_)));
       } catch {
         console.warn("Invalid HEX color");
       }
   }, [_]);
-  const V = (N, I, S, E, O) => {
+  const T = (b, D, M, E, U) => {
     try {
-      const A = N.getBoundingClientRect(), K = S.getBoundingClientRect(), Y = Math.round(O.s * A.width), C = Math.round((1 - O.v) * A.height), L = (360 - O.h * 360) / 360 * K.height;
-      Kn(I, Y, C), qn(E, L);
-    } catch (A) {
-      console.error("Error updating cursor positions", A);
+      const I = b.getBoundingClientRect(), H = M.getBoundingClientRect(), G = Math.round(U.s * I.width), v = Math.round((1 - U.v) * I.height), L = (360 - U.h * 360) / 360 * H.height;
+      Kn(D, G, v), qn(E, L);
+    } catch (I) {
+      console.error("Error updating cursor positions", I);
     }
-  }, W = (N) => {
+  }, P = (b) => {
     try {
-      j(De(Ne(N))), k(N);
+      f(De(Ne(b))), y(b);
     } catch {
       console.warn("Invalid color format");
     }
-  }, z = b(() => {
-    s == null || s([...o, v]);
-  }, [s, o, v]), w = b(() => {
-    r == null || r(v), i && (n == null || n());
-  }, [r, v]), P = b(
-    (N, I) => {
-      const S = Math.min(255, Math.max(0, I));
-      j(De({ ...y, [N]: S })), k(ke({ ...y, [N]: S }));
+  }, B = k(() => {
+    s == null || s([...c, C]);
+  }, [s, c, C]), w = k(() => {
+    r == null || r(C), i && (n == null || n());
+  }, [r, C]), W = k(
+    (b, D) => {
+      const M = Math.min(255, Math.max(0, D));
+      f(De({ ...N, [b]: M })), y(ke({ ...N, [b]: M }));
     },
-    [y]
-  ), D = b((N) => {
-    k(N);
-  }, []), R = b(() => {
-    l && (r == null || r(l), i && (n == null || n()), W(l));
-  }, [l, r, W]);
+    [N]
+  ), O = k((b) => {
+    y(b);
+  }, []), A = k(() => {
+    l && (r == null || r(l), i && (n == null || n()), P(l));
+  }, [l, r, P]);
   return /* @__PURE__ */ e.jsxs(
     Ze,
     {
       className: "color-picker-panel",
       onHide: n,
       clearStyle: !0,
-      style: { width: c, height: a },
+      style: { width: o, height: a },
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "panel-row", style: { padding: 0 }, children: [
-          /* @__PURE__ */ e.jsx("div", { className: "swatches default-swatches", children: Vr.map((N, I) => /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx("div", { className: "swatches default-swatches", children: Vr.map((b, D) => /* @__PURE__ */ e.jsx(
             "button",
             {
-              onClick: () => W(N),
+              onClick: () => P(b),
               className: "swatch",
-              style: { backgroundColor: N },
-              "aria-label": `Color ${N}`
+              style: { backgroundColor: b },
+              "aria-label": `Color ${b}`
             },
-            I
+            D
           )) }),
           /* @__PURE__ */ e.jsx(
             "button",
@@ -4322,9 +4322,9 @@ const Vr = [
           ] })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "panel-row", style: { padding: 0 }, children: [
-          /* @__PURE__ */ e.jsx("div", { className: `field-group value-fields rgb-fields ${f ? "" : "active"}`, children: ["r", "g", "b"].map((N) => /* @__PURE__ */ e.jsxs("div", { className: "field-group", children: [
+          /* @__PURE__ */ e.jsx("div", { className: `field-group value-fields rgb-fields ${j ? "" : "active"}`, children: ["r", "g", "b"].map((b) => /* @__PURE__ */ e.jsxs("div", { className: "field-group", children: [
             /* @__PURE__ */ e.jsxs("label", { className: "field-label", children: [
-              N.toUpperCase(),
+              b.toUpperCase(),
               ":"
             ] }),
             /* @__PURE__ */ e.jsx(
@@ -4333,22 +4333,22 @@ const Vr = [
                 type: "number",
                 max: "255",
                 min: "0",
-                value: y[N],
-                onChange: (I) => P(N, Number(I.target.value)),
+                value: N[b],
+                onChange: (D) => W(b, Number(D.target.value)),
                 className: "field-input rgb-input",
-                "aria-label": `${N.toUpperCase()} value`
+                "aria-label": `${b.toUpperCase()} value`
               }
             )
-          ] }, N)) }),
-          /* @__PURE__ */ e.jsxs("div", { className: `field-group value-fields hex-field ${f ? "active" : ""}`, children: [
+          ] }, b)) }),
+          /* @__PURE__ */ e.jsxs("div", { className: `field-group value-fields hex-field ${j ? "active" : ""}`, children: [
             /* @__PURE__ */ e.jsx("label", { className: "field-label", children: "Hex:" }),
             /* @__PURE__ */ e.jsx(
               "input",
               {
                 type: "text",
                 className: "field-input",
-                value: M,
-                onChange: (N) => D(N.target.value),
+                value: S,
+                onChange: (b) => O(b.target.value),
                 "aria-label": "HEX color value"
               }
             )
@@ -4357,37 +4357,37 @@ const Vr = [
             "button",
             {
               className: "button-color-picker mode-toggle",
-              onClick: () => p((N) => !N),
-              "aria-label": `Switch to ${f ? "RGB" : "HEX"} mode`,
+              onClick: () => p((b) => !b),
+              "aria-label": `Switch to ${j ? "RGB" : "HEX"} mode`,
               children: "Mode"
             }
           )
         ] }),
-        o.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "panel-row", style: { padding: 0 }, children: [
+        c.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "panel-row", style: { padding: 0 }, children: [
           /* @__PURE__ */ e.jsx("h2", { className: "panel-header", children: "User Colors" }),
-          /* @__PURE__ */ e.jsx("div", { id: "user-swatches", className: "swatches custom-swatches", children: o.map((N, I) => /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx("div", { id: "user-swatches", className: "swatches custom-swatches", children: c.map((b, D) => /* @__PURE__ */ e.jsx(
             "button",
             {
-              onClick: () => W(N),
+              onClick: () => P(b),
               className: "swatch",
-              style: { backgroundColor: N },
-              "aria-label": `User color ${N}`
+              style: { backgroundColor: b },
+              "aria-label": `User color ${b}`
             },
-            I
+            D
           )) })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "panel-row", style: { padding: 0 }, children: [
           /* @__PURE__ */ e.jsxs(
             "button",
             {
-              onClick: z,
+              onClick: B,
               className: "button-color-picker add-swatch",
               "aria-label": "Add current color to swatches",
               children: [
                 /* @__PURE__ */ e.jsx(
                   "span",
                   {
-                    style: { backgroundColor: v },
+                    style: { backgroundColor: C },
                     className: "color-indicator"
                   }
                 ),
@@ -4398,7 +4398,7 @@ const Vr = [
           l && /* @__PURE__ */ e.jsxs(
             "button",
             {
-              onClick: R,
+              onClick: A,
               className: "button-color-picker add-swatch",
               "aria-label": "Set default color",
               children: [
@@ -4424,23 +4424,23 @@ const Vr = [
   value: s = "#f00",
   className: i = "",
   transparent: l = !1,
-  userColors: o = [],
-  onAddColor: c,
+  userColors: c = [],
+  onAddColor: o,
   defaultColor: a,
   placeholder: d
 }) => {
   const [u, m] = g(!1), [h, x] = g(s);
-  T(() => {
+  V(() => {
     s !== void 0 && x(s);
   }, [s]);
-  const j = b(() => {
+  const f = k(() => {
     m(!0);
-  }, []), f = b(
-    (k) => {
-      x(k), t == null || t(k), m(!1);
+  }, []), j = k(
+    (y) => {
+      x(y), t == null || t(y), m(!1);
     },
     [t]
-  ), p = b(() => {
+  ), p = k(() => {
     m(!1);
   }, []), _ = [
     "input-field",
@@ -4457,18 +4457,18 @@ const Vr = [
           {
             className: "color-circle",
             style: { backgroundColor: h },
-            onClick: j,
+            onClick: f,
             "aria-label": "Current color"
           }
         ),
-        /* @__PURE__ */ e.jsx("div", { className: "color-indicator-field", onClick: j, children: /* @__PURE__ */ e.jsx(U, { type: "body", children: h }) })
+        /* @__PURE__ */ e.jsx("div", { className: "color-indicator-field", onClick: f, children: /* @__PURE__ */ e.jsx(X, { type: "body", children: h }) })
       ] }),
-      d && /* @__PURE__ */ e.jsx("div", { className: "color-field-label", onClick: j, children: /* @__PURE__ */ e.jsx(U, { type: "body", className: "data color-field-placeholder", children: d }) }),
+      d && /* @__PURE__ */ e.jsx("div", { className: "color-field-label", onClick: f, children: /* @__PURE__ */ e.jsx(X, { type: "body", className: "data color-field-placeholder", children: d }) }),
       /* @__PURE__ */ e.jsx(
         "div",
         {
           className: "color-icon-container icon-container",
-          onClick: j,
+          onClick: f,
           "aria-label": "Open color picker",
           children: /* @__PURE__ */ e.jsx(wn, {})
         }
@@ -4478,9 +4478,9 @@ const Vr = [
       Or,
       {
         defaultColor: a,
-        userColors: o,
-        onAddColor: c,
-        onChange: f,
+        userColors: c,
+        onAddColor: o,
+        onChange: j,
         beginColor: h,
         onHide: p
       }
@@ -4500,32 +4500,32 @@ const Vr = [
   "November",
   "December"
 ], Dr = () => Array(Ar - fn).fill(0).map((n, t) => fn + t), Ir = ({ onChange: n, onHide: t }) => {
-  const [r] = g(me[(/* @__PURE__ */ new Date()).getMonth()]), [s] = g((/* @__PURE__ */ new Date()).getFullYear()), [i] = g((/* @__PURE__ */ new Date()).getDate()), [l, o] = g(me[(/* @__PURE__ */ new Date()).getMonth()]), [c, a] = g((/* @__PURE__ */ new Date()).getFullYear()), [d, u] = g({
+  const [r] = g(me[(/* @__PURE__ */ new Date()).getMonth()]), [s] = g((/* @__PURE__ */ new Date()).getFullYear()), [i] = g((/* @__PURE__ */ new Date()).getDate()), [l, c] = g(me[(/* @__PURE__ */ new Date()).getMonth()]), [o, a] = g((/* @__PURE__ */ new Date()).getFullYear()), [d, u] = g({
     day: (/* @__PURE__ */ new Date()).getDate(),
     type: "NOW_MONTH"
     /* NOW_MONTH */
   }), [m, h] = g(
     "DAYS"
     /* DAYS */
-  ), x = (v, M) => new Date(v, M + 1, 0).getDate(), j = (v, M, V) => new Date(v, M, V).getDay(), f = (v, M) => {
-    let V = Array(x(v, M)).fill(0).map((P, D) => ({ type: "NOW_MONTH", day: D + 1 })), W = j(v, M, x(v, M)), z = Array(7 - W).fill(0).map((P, D) => ({ type: "NEXT_MONTH", day: D + 1 }));
-    return V = Array(j(v, M, 0)).fill(0).map((P, D) => ({ type: "PREV_MONTH", day: x(M ? v : v - 1, M ? M - 1 : 11) - D })).reverse().concat(V).concat(z), V;
-  }, p = (v) => {
+  ), x = (C, S) => new Date(C, S + 1, 0).getDate(), f = (C, S, T) => new Date(C, S, T).getDay(), j = (C, S) => {
+    let T = Array(x(C, S)).fill(0).map((W, O) => ({ type: "NOW_MONTH", day: O + 1 })), P = f(C, S, x(C, S)), B = Array(7 - P).fill(0).map((W, O) => ({ type: "NEXT_MONTH", day: O + 1 }));
+    return T = Array(f(C, S, 0)).fill(0).map((W, O) => ({ type: "PREV_MONTH", day: x(S ? C : C - 1, S ? S - 1 : 11) - O })).reverse().concat(T).concat(B), T;
+  }, p = (C) => {
     h(
       "DAYS"
       /* DAYS */
-    ), a(v);
-  }, _ = (v) => {
+    ), a(C);
+  }, _ = (C) => {
     h(
       "DAYS"
       /* DAYS */
-    ), o(v);
-  }, k = (v) => {
-    u(v);
-  }, y = b(() => {
-    let v = /* @__PURE__ */ new Date();
-    v.setFullYear(c), d.type === "NEXT_MONTH" ? l === me[11] ? (v.setMonth(0), v.setFullYear(c + 1)) : v.setMonth(me.indexOf(l) + 1) : d.type === "PREV_MONTH" ? l === me[0] ? (v.setMonth(11), v.setFullYear(c - 1)) : v.setMonth(me.indexOf(l) - 1) : v.setMonth(me.indexOf(l)), v.setDate(d.day), n && n(v.getFullYear(), v.getMonth(), v.getDate()), t && t();
-  }, [l, c, n, t, d]);
+    ), c(C);
+  }, y = (C) => {
+    u(C);
+  }, N = k(() => {
+    let C = /* @__PURE__ */ new Date();
+    C.setFullYear(o), d.type === "NEXT_MONTH" ? l === me[11] ? (C.setMonth(0), C.setFullYear(o + 1)) : C.setMonth(me.indexOf(l) + 1) : d.type === "PREV_MONTH" ? l === me[0] ? (C.setMonth(11), C.setFullYear(o - 1)) : C.setMonth(me.indexOf(l) - 1) : C.setMonth(me.indexOf(l)), C.setDate(d.day), n && n(C.getFullYear(), C.getMonth(), C.getDate()), t && t();
+  }, [l, o, 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(
@@ -4540,18 +4540,18 @@ const Vr = [
         "YEARS"
         /* YEARS */
       ), children: [
-        c,
+        o,
         " ",
         /* @__PURE__ */ e.jsx(Ie, {})
       ] }) })
     ] }),
-    m === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: me.map((v, M) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => _(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: () => p(v), children: [
-      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: c === v ? /* @__PURE__ */ e.jsx(pe, {}) : null }),
-      /* @__PURE__ */ e.jsx("div", { className: "content", children: v })
-    ] }, M)) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    m === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: me.map((C, S) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => _(C), children: [
+      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: l === C ? /* @__PURE__ */ e.jsx(pe, {}) : null }),
+      /* @__PURE__ */ e.jsx("div", { className: "content", children: C })
+    ] }, S)) }) : m === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: Dr().map((C, S) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => p(C), children: [
+      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: o === C ? /* @__PURE__ */ e.jsx(pe, {}) : null }),
+      /* @__PURE__ */ e.jsx("div", { className: "content", children: C })
+    ] }, S)) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-dayofweek-container", children: [
         /* @__PURE__ */ e.jsx("span", { children: "M" }),
         /* @__PURE__ */ e.jsx("span", { children: "T" }),
@@ -4561,11 +4561,11 @@ const Vr = [
         /* @__PURE__ */ e.jsx("span", { children: "S" }),
         /* @__PURE__ */ e.jsx("span", { children: "S" })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: f(c, me.indexOf(l)).map((v, M) => /* @__PURE__ */ e.jsx("div", { className: `day ${v.type !== "NOW_MONTH" ? "other" : ""} ${i === v.day && c === s && l === r ? "now" : ""} ${v.day === d.day && v.type === d.type ? "select" : ""}`, onClick: () => k(v), children: v.day }, M)) })
+      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: j(o, me.indexOf(l)).map((C, S) => /* @__PURE__ */ e.jsx("div", { className: `day ${C.type !== "NOW_MONTH" ? "other" : ""} ${i === C.day && o === s && l === r ? "now" : ""} ${C.day === d.day && C.type === d.type ? "select" : ""}`, onClick: () => y(C), children: C.day }, S)) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-action-container", children: [
-      /* @__PURE__ */ e.jsx(ce, { className: "little m-0", onClick: t, children: "Cancel" }),
-      /* @__PURE__ */ e.jsx(ce, { className: "little m-0", onClick: y, children: "OK" })
+      /* @__PURE__ */ e.jsx(de, { className: "little m-0", onClick: t, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(de, { className: "little m-0", onClick: N, children: "OK" })
     ] })
   ] });
 }, Hr = ({
@@ -4575,36 +4575,38 @@ const Vr = [
   value: s,
   className: i,
   error: l,
-  container: o,
-  errorText: c,
+  container: c,
+  errorText: o,
   helperText: a,
   size: d = "medium",
   disabled: u,
   placeholder: m,
   onBlur: h,
   onFocus: x,
-  onClear: j,
-  ...f
+  onClear: f,
+  ...j
 }) => {
-  const [p, _] = g(s ?? ""), [k, y] = g(!1), [v, M] = g(!1), [V, W] = g(!!s), z = Be(), w = l || c, P = () => {
-    y(!0);
-  }, D = (O) => {
-    let A = String(O + 1);
-    return A.length < 2 && (A = "0" + A), A;
-  }, R = (O) => {
-    let A = String(O);
-    return A.length < 2 && (A = "0" + A), A;
-  }, N = (O) => {
-    x == null || x(O), M(!0);
-  }, I = (O) => {
-    h == null || h(O), M(!1), W(!!O.target.value);
-  };
-  T(() => {
-    W(!!s);
+  const [p, _] = g(s ?? ""), [y, N] = g(!1), [C, S] = g(!1), [T, P] = g(!!s), B = Be(), w = l || o, W = () => {
+    N(!0);
+  }, O = (I) => {
+    let H = String(I + 1);
+    return H.length < 2 && (H = "0" + H), H;
+  }, A = (I) => {
+    let H = String(I);
+    return H.length < 2 && (H = "0" + H), H;
+  }, b = (I) => {
+    x == null || x(I), S(!0);
+  }, D = (I) => {
+    h == null || h(I), S(!1), P(!!I.target.value);
+  }, M = k(() => {
+    _(""), f == null || f(), t == null || t("");
+  }, [f, t]);
+  V(() => {
+    P(!!s);
   }, [s]);
-  const S = b((O, A, K) => {
-    _(`${O}-${D(A)}-${R(K)}`), t && t(`${O}-${D(A)}-${R(K)}`);
-  }, [t]), E = {
+  const E = k((I, H, G) => {
+    _(`${I}-${O(H)}-${A(G)}`), t && t(`${I}-${O(H)}-${A(G)}`);
+  }, [t]), U = {
     small: "input-field__date-field_small",
     medium: "input-field__date-field_medium",
     large: "input-field__date-field_large"
@@ -4613,14 +4615,14 @@ const Vr = [
     /* @__PURE__ */ e.jsxs("div", { className: `
           input-field 
           input-field__date-field 
-          ${E[d]}
+          ${U[d]}
           ${n ? "input-field_border" : ""} 
-          ${v ? "input-field_active" : ""} 
+          ${C ? "input-field_active" : ""} 
           ${w ? "input-field_error" : ""} 
           ${u ? "input-field_disabled" : ""}
         `, children: [
-      /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container", onClick: P, children: /* @__PURE__ */ e.jsx(Sn, {}) }),
-      /* @__PURE__ */ e.jsxs("div", { className: "input-field__input-container", onClick: P, children: [
+      /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container", onClick: W, children: /* @__PURE__ */ e.jsx(Sn, {}) }),
+      /* @__PURE__ */ e.jsxs("div", { className: "input-field__input-container", onClick: W, children: [
         /* @__PURE__ */ e.jsx(
           "input",
           {
@@ -4630,32 +4632,32 @@ const Vr = [
             role: "textbox",
             name: r,
             value: p,
-            onBlur: I,
-            onFocus: N,
+            onBlur: D,
+            onFocus: b,
             readOnly: !0,
-            id: z,
-            ...f
+            id: B,
+            ...j
           }
         ),
         m && /* @__PURE__ */ e.jsx(
           "label",
           {
-            htmlFor: z,
+            htmlFor: B,
             className: `input-field__input-container__label 
-                    ${V ? "input-field__input-container__label_filled" : ""}
+                    ${T ? "input-field__input-container__label_filled" : ""}
                     `,
             children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: m })
           }
         )
       ] }),
-      j && s && !u && /* @__PURE__ */ e.jsx("div", { className: `
+      f && p && !u && /* @__PURE__ */ e.jsx("div", { className: `
             input-field__icon-container 
             input-field__icon-container_clear-btn
-            `, onClick: j, children: /* @__PURE__ */ e.jsx(de, { "aria-label": "Clear input" }) })
+            `, onClick: M, children: /* @__PURE__ */ e.jsx(ie, { "aria-label": "Clear input" }) })
     ] }),
-    k ? /* @__PURE__ */ e.jsx(_e, { container: o, children: /* @__PURE__ */ e.jsx(Ir, { onChange: S, onHide: () => y(!1) }) }) : null,
-    w && c && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__error-text", children: c }),
-    a && !w && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__helper-text", children: a })
+    y ? /* @__PURE__ */ e.jsx(_e, { container: c, children: /* @__PURE__ */ e.jsx(Ir, { onChange: E, onHide: () => N(!1) }) }) : null,
+    w && o && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__error-text", children: o }),
+    a && !w && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__helper-text", children: a })
   ] });
 }, zr = {
   Mon: "Mon",
@@ -4673,22 +4675,22 @@ const Vr = [
   // Дефолтные значения
 }) => {
   const [i, l] = g(t ?? []);
-  T(() => {
+  V(() => {
     t && l(t);
   }, [t]);
-  const o = b((a) => (d) => {
+  const c = k((a) => (d) => {
     l((u) => {
       const m = d.target.checked ? [...u, a] : u.filter((h) => h !== a);
       return n == null || n(m), m;
     });
-  }, [n]), c = b((a) => i.includes(a), [i]);
+  }, [n]), o = 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: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "checkbox",
-        onChange: o(a),
-        checked: c(a),
+        onChange: c(a),
+        checked: o(a),
         "aria-label": s[a] || a
       }
     ),
@@ -4704,32 +4706,32 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
   border: s = !1,
   placeholder: i = "Добавить значение",
   addButtonLabel: l = "Добавить",
-  separator: o = ",",
-  disabled: c = !1,
+  separator: c = ",",
+  disabled: o = !1,
   className: a,
   ariaLabel: d = "Добавление нового элемента",
   chipsAriaLabel: u = "Список элементов",
   id: m,
   error: h,
   errorText: x,
-  helperText: j
+  helperText: f
 }) => {
-  const [f, p] = g([]), [_, k] = g(""), [y, v] = g(null);
-  T(() => {
-    p(Wr(t, o));
-  }, [t, o]);
-  const M = (w) => {
-    k(w);
-  }, V = (w) => {
-    w.key === "Enter" && (w.preventDefault(), W());
-  }, W = b(() => {
-    if (_.trim() === "" || f.includes(_.trim()))
+  const [j, p] = g([]), [_, y] = g(""), [N, C] = g(null);
+  V(() => {
+    p(Wr(t, c));
+  }, [t, c]);
+  const S = (w) => {
+    y(w);
+  }, T = (w) => {
+    w.key === "Enter" && (w.preventDefault(), P());
+  }, P = k(() => {
+    if (_.trim() === "" || j.includes(_.trim()))
       return;
-    const w = [...f, _.trim()];
-    p(w), r == null || r(jn(w, o)), k(""), v(w.length - 1);
-  }, [f, _, r, o]), z = (w) => {
-    const P = f.filter((D, R) => R !== w);
-    p(P), r == null || r(jn(P, o)), v(w > 0 ? w - 1 : null);
+    const w = [...j, _.trim()];
+    p(w), r == null || r(jn(w, c)), y(""), C(w.length - 1);
+  }, [j, _, r, c]), B = (w) => {
+    const W = j.filter((O, A) => A !== w);
+    p(W), r == null || r(jn(W, c)), C(w > 0 ? w - 1 : null);
   };
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -4741,15 +4743,15 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
         /* @__PURE__ */ e.jsx("div", { className: "add-value", children: /* @__PURE__ */ e.jsx(
           Ve,
           {
-            onChange: M,
-            onKeyDown: V,
+            onChange: S,
+            onKeyDown: T,
             value: _,
             border: s,
             placeholder: i,
             error: h,
             errorText: x,
-            helperText: j,
-            disabled: c,
+            helperText: f,
+            disabled: o,
             "aria-label": d,
             "aria-describedby": m ? `${m}-help` : void 0
           }
@@ -4767,28 +4769,28 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
                   role: "listbox",
                   "aria-label": u,
                   "aria-multiselectable": "false",
-                  children: f.map((w, P) => /* @__PURE__ */ e.jsx(
+                  children: j.map((w, W) => /* @__PURE__ */ e.jsx(
                     Wn,
                     {
                       text: w,
-                      onDelete: () => z(P),
-                      disabled: c,
+                      onDelete: () => B(W),
+                      disabled: o,
                       "aria-label": `Элемент: ${w}`,
-                      "aria-selected": y === P,
+                      "aria-selected": N === W,
                       role: "option",
                       tabIndex: 0,
-                      onFocus: () => v(P)
+                      onFocus: () => C(W)
                     },
-                    `${w}-${P}`
+                    `${w}-${W}`
                   ))
                 }
               ),
               /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
                 ye,
                 {
-                  onClick: W,
+                  onClick: P,
                   className: "more-text-btn",
-                  disabled: c || !_.trim(),
+                  disabled: o || !_.trim(),
                   "aria-label": `${l} элемент`,
                   children: l
                 }
@@ -4800,78 +4802,78 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
       ]
     }
   );
-}, Jn = ne.forwardRef(({
+}, Jn = te.forwardRef(({
   inputRef: n,
   styleContainer: t,
   transparent: r,
   readOnly: s,
   border: i,
   onClear: l,
-  icon: o,
-  onChange: c,
+  icon: c,
+  onChange: o,
   name: a,
   value: d,
   placeholder: u,
   className: m,
   validEmptyValue: h,
   onFocus: x,
-  onBlur: j,
-  error: f,
+  onBlur: f,
+  error: j,
   max: p,
   min: _,
-  size: k = "medium",
-  disabled: y,
-  step: v = 1,
-  helperText: M,
-  errorText: V,
-  ariaLabel: W,
-  ariaLabelledby: z,
+  size: y = "medium",
+  disabled: N,
+  step: C = 1,
+  helperText: S,
+  errorText: T,
+  ariaLabel: P,
+  ariaLabelledby: B,
   ariaDescribedby: w
-}, P) => {
-  const D = Z(null), R = Z(null), N = Z(null), I = Z(null), [S, E] = g(!1), [O, A] = g(d ?? 0), K = b((B, G) => E(!!(f || B && (!G || G === ""))), [f]), Y = () => {
-    if (!I.current)
+}, W) => {
+  const O = Y(null), A = Y(null), b = Y(null), D = Y(null), [M, E] = g(!1), [U, I] = g(d ?? 0), H = k((z, Z) => E(!!(j || z && (!Z || Z === ""))), [j]), G = () => {
+    if (!D.current)
       return;
-    const B = I.current.querySelector("input");
-    B && B.focus();
-  }, C = b((B, G) => {
-    c && (N.current && (clearTimeout(N.current), N.current = null), N.current = setTimeout(() => {
-      N.current && (clearTimeout(N.current), N.current = null), c(B, G);
+    const z = D.current.querySelector("input");
+    z && z.focus();
+  }, v = k((z, Z) => {
+    o && (b.current && (clearTimeout(b.current), b.current = null), b.current = setTimeout(() => {
+      b.current && (clearTimeout(b.current), b.current = null), o(z, Z);
     }, 100));
-  }, [c]), L = b(() => {
-    A((B) => {
-      let G = B ? B + v : v;
-      return typeof p == "number" && G > p && (G = p), C(G, a), G;
+  }, [o]), L = k(() => {
+    I((z) => {
+      let Z = z ? z + C : C;
+      return typeof p == "number" && Z > p && (Z = p), v(Z, a), Z;
     });
-  }, [C, a, p, v]), H = b(() => {
-    A((B) => {
-      let G = B ? B - v : -v;
-      return typeof _ == "number" && G < _ && (G = _), C(G, a), G;
+  }, [v, a, p, C]), R = k(() => {
+    I((z) => {
+      let Z = z ? z - C : -C;
+      return typeof _ == "number" && Z < _ && (Z = _), v(Z, a), Z;
     });
-  }, [C, a, _, v]), q = b((B) => {
-    if (B.target.value === "") {
-      A("");
+  }, [v, a, _, C]), q = k((z) => {
+    if (z.target.value === "") {
+      I("");
       return;
     }
-    B.target.value.length > 1 && B.target.value[0] === "0" && ![",", "."].includes(B.target.value[1]) && (B.target.value = B.target.value.slice(1));
-    let G = Number(B.target.value);
-    typeof _ == "number" && G < _ && (G = _), typeof p == "number" && G > p && (G = p), A(Number(B.target.value)), C(G, a);
-  }, [a, C, O, p, _]), J = b(() => {
-    D.current && clearTimeout(D.current), R.current && clearInterval(R.current), document.removeEventListener("mouseup", J);
-  }, []), te = b((B) => {
-    B === "p" ? L() : B === "m" && H(), D.current && clearTimeout(D.current), R.current && clearInterval(R.current), document.addEventListener("mouseup", J), D.current = setTimeout(() => {
-      R.current = setInterval(() => {
-        B === "p" ? L() : B === "m" && H();
+    z.target.value.length > 1 && z.target.value[0] === "0" && ![",", "."].includes(z.target.value[1]) && (z.target.value = z.target.value.slice(1));
+    let Z = Number(z.target.value);
+    typeof _ == "number" && Z < _ && (Z = _), typeof p == "number" && Z > p && (Z = p), I(Number(z.target.value)), v(Z, a);
+  }, [a, v, U, p, _]), Q = k(() => {
+    O.current && clearTimeout(O.current), A.current && clearInterval(A.current), document.removeEventListener("mouseup", Q);
+  }, []), ne = k((z) => {
+    z === "p" ? L() : z === "m" && R(), O.current && clearTimeout(O.current), A.current && clearInterval(A.current), document.addEventListener("mouseup", Q), O.current = setTimeout(() => {
+      A.current = setInterval(() => {
+        z === "p" ? L() : z === "m" && R();
       }, 100);
     }, 500);
-  }, [L, H]), Q = (B) => {
-    O === "" && (A(0), c == null || c(0)), j == null || j(B);
+  }, [L, R]), J = (z) => {
+    U === "" && (I(0), o == null || o(0)), f == null || f(z);
   };
-  T(() => {
-    K(h, d);
-  }, [d, h, K]), T(() => {
-    d !== void 0 && !N.current && A(d);
+  V(() => {
+    H(h, d);
+  }, [d, h, H]), V(() => {
+    d !== void 0 && !b.current && I(d);
   }, [d]);
-  const ie = {
+  const le = {
     small: "input-field__number-field_small",
     medium: "input-field__number-field_medium",
     large: "input-field__number-field_large"
@@ -4880,57 +4882,57 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        ref: P,
+        ref: W,
         style: t,
         className: `
             input-field 
             input-field__number-field
-            ${ie[k]}
+            ${le[y]}
             ${i ? "input-field_border" : ""} 
             ${r ? "input-field_transparent" : ""} 
-            ${S ? "input-field_error" : ""} 
-            ${y ? "input-field_disabled" : ""}
+            ${M ? "input-field_error" : ""} 
+            ${N ? "input-field_disabled" : ""}
         `,
-        "aria-disabled": y,
-        "aria-invalid": S,
+        "aria-disabled": N,
+        "aria-invalid": M,
         children: [
-          o ? /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container", onClick: Y, "aria-hidden": "true", children: o }) : null,
-          /* @__PURE__ */ e.jsxs("div", { ref: I, className: "input-field__input-container", onClick: Y, children: [
+          c ? /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container", onClick: G, "aria-hidden": "true", children: c }) : null,
+          /* @__PURE__ */ e.jsxs("div", { ref: D, className: "input-field__input-container", onClick: G, children: [
             /* @__PURE__ */ e.jsx(
               "input",
               {
                 ref: n,
                 max: p,
-                step: v,
+                step: C,
                 min: _,
                 readOnly: s,
                 required: !0,
                 type: "number",
-                className: `input-field__input-container__input ${S ? "input-field__input-container__input_error" : ""}`,
+                className: `input-field__input-container__input ${M ? "input-field__input-container__input_error" : ""}`,
                 name: a,
-                value: O,
+                value: U,
                 onChange: q,
                 onFocus: x,
-                onBlur: Q,
-                "aria-label": W,
-                "aria-labelledby": z,
+                onBlur: J,
+                "aria-label": P,
+                "aria-labelledby": B,
                 "aria-describedby": w,
                 "aria-required": "true",
-                "aria-invalid": S,
-                disabled: y
+                "aria-invalid": M,
+                disabled: N
               }
             ),
             /* @__PURE__ */ e.jsx("label", { className: "input-field__input-container__label", children: u ? /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: u }) : null }),
             /* @__PURE__ */ e.jsx("span", { className: "text-field-line" })
           ] }),
           l ? /* @__PURE__ */ e.jsx("div", { className: "clear-container", children: /* @__PURE__ */ e.jsx(
-            de,
+            ie,
             {
               onClick: l,
               role: "button",
               "aria-label": "Clear input",
               tabIndex: 0,
-              onKeyDown: (B) => B.key === "Enter" && l()
+              onKeyDown: (z) => z.key === "Enter" && l()
             }
           ) }) : null,
           /* @__PURE__ */ e.jsxs("div", { className: "input-field__number-field__button-block", children: [
@@ -4938,11 +4940,11 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
               "div",
               {
                 className: "minus input-field__number-field__button-block__btn",
-                onMouseDown: () => te("m"),
+                onMouseDown: () => ne("m"),
                 role: "button",
                 "aria-label": "Decrease value",
                 tabIndex: 0,
-                onKeyDown: (B) => B.key === "Enter" && H(),
+                onKeyDown: (z) => z.key === "Enter" && R(),
                 children: /* @__PURE__ */ e.jsx(Fn, {})
               }
             ),
@@ -4950,11 +4952,11 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
               "div",
               {
                 className: "plus input-field__number-field__button-block__btn",
-                onMouseDown: () => te("p"),
+                onMouseDown: () => ne("p"),
                 role: "button",
                 "aria-label": "Increase value",
                 tabIndex: 0,
-                onKeyDown: (B) => B.key === "Enter" && L(),
+                onKeyDown: (z) => z.key === "Enter" && L(),
                 children: /* @__PURE__ */ e.jsx(En, {})
               }
             )
@@ -4962,29 +4964,29 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
         ]
       }
     ),
-    S && V && /* @__PURE__ */ e.jsx(
-      U,
+    M && T && /* @__PURE__ */ e.jsx(
+      X,
       {
         type: "small",
         className: "input-field-container__error-text",
         id: w,
         role: "alert",
-        children: V
+        children: T
       }
     ),
-    M && !S && /* @__PURE__ */ e.jsx(
-      U,
+    S && !M && /* @__PURE__ */ e.jsx(
+      X,
       {
         type: "small",
         className: "input-field-container__helper-text",
         id: w,
-        children: M
+        children: S
       }
     )
   ] });
 });
 Jn.displayName = "NumberField";
-const Qn = ne.forwardRef(
+const Qn = te.forwardRef(
   ({
     onClick: n,
     inputRef: t,
@@ -4992,74 +4994,74 @@ const Qn = ne.forwardRef(
     transparent: s,
     readOnly: i,
     border: l,
-    onClear: o,
-    icon: c,
+    onClear: c,
+    icon: o,
     onChange: a,
     name: d,
     value: u,
     placeholder: m,
     className: h,
     validEmptyValue: x,
-    onFocus: j,
-    onBlur: f,
+    onFocus: f,
+    onBlur: j,
     error: p,
     autoFocus: _,
-    disabled: k,
-    helperText: y,
-    errorText: v,
-    rows: M = 3,
-    onKeyDown: V
-  }, W) => {
-    const z = Z(null), [w, P] = g(!1), [D, R] = g(!1), [N, I] = g(!!u), S = Be(), E = () => {
-      var C;
-      const Y = (C = z.current) == null ? void 0 : C.querySelector("textarea");
-      Y == null || Y.focus();
-    }, O = (Y) => {
-      j == null || j(Y), R(!0);
-    }, A = (Y) => {
-      f == null || f(Y), R(!1), I(!!Y.target.value);
-    }, K = b(
-      (Y, C) => P(!!(p || Y && (!C || C === ""))),
+    disabled: y,
+    helperText: N,
+    errorText: C,
+    rows: S = 3,
+    onKeyDown: T
+  }, P) => {
+    const B = Y(null), [w, W] = g(!1), [O, A] = g(!1), [b, D] = g(!!u), M = Be(), E = () => {
+      var v;
+      const G = (v = B.current) == null ? void 0 : v.querySelector("textarea");
+      G == null || G.focus();
+    }, U = (G) => {
+      f == null || f(G), A(!0);
+    }, I = (G) => {
+      j == null || j(G), A(!1), D(!!G.target.value);
+    }, H = k(
+      (G, v) => W(!!(p || G && (!v || v === ""))),
       [p]
     );
-    return T(() => {
-      K(x, u), I(!!u);
-    }, [u, x, K]), /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${h || ""}`, children: [
+    return V(() => {
+      H(x, u), D(!!u);
+    }, [u, x, H]), /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${h || ""}`, children: [
       /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: W,
+          ref: P,
           style: r,
           className: `
             input-field__text-area 
             input-field 
             ${l ? "input-field_border" : ""} 
-            ${D ? "input-field_active" : ""} 
+            ${O ? "input-field_active" : ""} 
             ${s ? "input-field_transparent" : ""} 
             ${w ? "input-field_error" : ""} 
-            ${k ? "input-field_disabled" : ""}
+            ${y ? "input-field_disabled" : ""}
           `,
           onClick: E,
           children: [
-            c && /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container", "aria-hidden": "true", children: c }),
-            /* @__PURE__ */ e.jsxs("div", { className: "input-field__input-container input-field__text-area__input-container", ref: z, children: [
+            o && /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container", "aria-hidden": "true", children: o }),
+            /* @__PURE__ */ e.jsxs("div", { className: "input-field__input-container input-field__text-area__input-container", ref: B, children: [
               /* @__PURE__ */ e.jsx(
                 "textarea",
                 {
                   ref: t,
-                  id: S,
+                  id: M,
                   readOnly: i,
-                  disabled: k,
+                  disabled: y,
                   required: !0,
-                  rows: M,
+                  rows: S,
                   name: d,
                   value: u,
                   className: `input-field__input-container__input input-field__text-area__input-container__textarea ${w ? "input-field__input-container__input_error" : ""}`,
                   onClick: n,
-                  onChange: (Y) => a == null ? void 0 : a(Y.target.value, Y.target.name, Y),
-                  onFocus: O,
-                  onBlur: A,
-                  onKeyDown: V,
+                  onChange: (G) => a == null ? void 0 : a(G.target.value, G.target.name, G),
+                  onFocus: U,
+                  onBlur: I,
+                  onKeyDown: T,
                   autoFocus: _,
                   "aria-invalid": w,
                   "aria-describedby": w ? `${d}-error` : void 0
@@ -5068,29 +5070,29 @@ const Qn = ne.forwardRef(
               m && /* @__PURE__ */ e.jsx(
                 "label",
                 {
-                  htmlFor: S,
+                  htmlFor: M,
                   onClick: E,
-                  className: `input-field__input-container__label input-field__text-area__label ${N ? "input-field__input-container__label_filled" : ""}`,
+                  className: `input-field__input-container__label input-field__text-area__label ${b ? "input-field__input-container__label_filled" : ""}`,
                   children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: m })
                 }
               )
             ] }),
-            o && u && !k && /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container input-field__icon-container__clear-btn", onClick: o, children: /* @__PURE__ */ e.jsx(de, { "aria-label": "Clear textarea" }) })
+            c && u && !y && /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container input-field__icon-container__clear-btn", onClick: c, children: /* @__PURE__ */ e.jsx(ie, { "aria-label": "Clear textarea" }) })
           ]
         }
       ),
-      w && v && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__error-text", children: v }),
-      y && !w && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__helper-text", children: y })
+      w && C && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__error-text", children: C }),
+      N && !w && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__helper-text", children: N })
     ] });
   }
 );
 Qn.displayName = "TextArea";
-const Zr = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: i, onCancel: l, onOK: o }) => {
-  const [c, a] = g(!1), d = b((h) => {
+const Zr = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: i, onCancel: l, onOK: c }) => {
+  const [o, a] = g(!1), d = k((h) => {
     n(h), a(!0);
-  }, [n]), u = b((h) => {
+  }, [n]), u = k((h) => {
     t(h), a(!1);
-  }, [t]), m = b(() => {
+  }, [t]), m = k(() => {
     a(!1), l();
   }, []);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -5106,11 +5108,11 @@ const Zr = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: i, o
         /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Minute" })
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: c ? /* @__PURE__ */ e.jsx(Ur, { setMinutes: u }) : /* @__PURE__ */ e.jsx(Yr, { setHours: d }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: o ? /* @__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: o, children: "OK" })
+      /* @__PURE__ */ e.jsx(de, { className: "little", onClick: m, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(de, { className: "little", onClick: c, children: "OK" })
     ] })
   ] });
 };
@@ -5166,8 +5168,8 @@ function Ur({ setMinutes: n }) {
     /* @__PURE__ */ e.jsx("span", { className: "center" })
   ] });
 }
-const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, onCancel: l, onOK: o }) => {
-  const c = (d) => {
+const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, onCancel: l, onOK: c }) => {
+  const o = (d) => {
     let u = Number(d.target.value);
     u < 0 && (u = 0), u > 23 && (u = 23), n(u);
   }, a = (d) => {
@@ -5178,7 +5180,7 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
     /* @__PURE__ */ e.jsx("div", { className: "time-type", children: /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "Enter time" }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "time-input-container", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "time-input hours", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { type: "number", min: 0, max: 23, value: i, onChange: c }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { type: "number", min: 0, max: 23, value: i, onChange: o }) }),
         /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Hour" })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "time-separator", children: ":" }),
@@ -5189,19 +5191,19 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
       /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => r(), children: /* @__PURE__ */ e.jsx(en, {}) }),
-      /* @__PURE__ */ e.jsx(ce, { className: "little", onClick: l, children: "Cancel" }),
-      /* @__PURE__ */ e.jsx(ce, { className: "little", onClick: o, children: "OK" })
+      /* @__PURE__ */ e.jsx(de, { className: "little", onClick: l, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(de, { className: "little", onClick: c, children: "OK" })
     ] })
   ] });
 }, Kr = (n) => {
-  const [t, r] = g(n.minutes ?? 0), [s, i] = g(n.hours ?? 0), [l, o] = g(!0), c = () => {
+  const [t, r] = g(n.minutes ?? 0), [s, i] = g(n.hours ?? 0), [l, c] = g(!0), o = () => {
     n.onHide && n.onHide(), r(0), i(0);
-  }, a = b((u) => {
+  }, a = k((u) => {
     r(u), n.onChange && n.onChange(s, u), n.onHide && n.onHide();
-  }, [s]), d = b(() => {
+  }, [s]), d = k(() => {
     n.onChange && n.onChange(s, t), n.onHide && n.onHide();
   }, [s, t]);
-  return l ? /* @__PURE__ */ e.jsx(Ee, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Zr, { setMinutes: a, setHours: i, minutes: t, hours: s, switchMode: () => o(!1), onCancel: c, onOK: d }) }) : /* @__PURE__ */ e.jsx(Ee, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Xr, { setMinutes: r, setHours: i, minutes: t, hours: s, switchMode: () => o(!0), onCancel: c, onOK: d }) });
+  return l ? /* @__PURE__ */ e.jsx(Ee, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Zr, { setMinutes: a, setHours: i, minutes: t, hours: s, switchMode: () => c(!1), onCancel: o, onOK: d }) }) : /* @__PURE__ */ e.jsx(Ee, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Xr, { setMinutes: r, setHours: i, minutes: t, hours: s, switchMode: () => c(!0), onCancel: o, onOK: d }) });
 }, qr = {
   small: "input-field__time-field_small",
   medium: "input-field__time-field_medium",
@@ -5213,39 +5215,42 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
   value: s = "",
   className: i = "",
   validEmptyValue: l,
-  error: o,
-  container: c,
+  error: c,
+  container: o,
   disabled: a = !1,
   errorText: d,
   helperText: u,
   ariaLabel: m,
   size: h = "medium",
   ariaLabelledby: x,
-  placeholder: j,
-  onBlur: f,
+  placeholder: f,
+  onBlur: j,
   onFocus: p,
-  style: _,
-  ...k
+  onClear: _,
+  style: y,
+  ...N
 }) => {
-  const [y, v] = g(s), [M, V] = g(!1), [W, z] = g(!1), [w, P] = g(!!s), D = Be(), R = o || !!d;
-  T(() => {
-    v(s);
+  const [C, S] = g(s), [T, P] = g(!1), [B, w] = g(!1), [W, O] = g(!!s), A = Be(), b = c || !!d;
+  V(() => {
+    S(s);
   }, [s]);
-  const N = b(() => R || l && !y ? "error" : "", [y, R, l]), I = (C, L) => {
-    const H = String(C).padStart(2, "0"), q = String(L).padStart(2, "0"), J = `${H}:${q}`;
-    v(J), t == null || t(J);
-  }, S = () => {
-    a || V(!0);
-  }, E = (C) => {
-    p == null || p(C), z(!0);
-  }, O = (C) => {
-    f == null || f(C), z(!1), P(!!C.target.value);
-  };
-  T(() => {
-    P(!!s);
+  const D = k(() => b || l && !C ? "error" : "", [C, b, l]), M = (R, q) => {
+    const Q = String(R).padStart(2, "0"), ne = String(q).padStart(2, "0"), J = `${Q}:${ne}`;
+    S(J), t == null || t(J);
+  }, E = () => {
+    a || P(!0);
+  }, U = (R) => {
+    p == null || p(R), w(!0);
+  }, I = (R) => {
+    j == null || j(R), w(!1), O(!!R.target.value);
+  }, H = k(() => {
+    S(""), _ == null || _(), t == null || t("");
+  }, [_, t]);
+  V(() => {
+    O(!!s);
   }, [s]);
-  const A = y && parseInt(y.split(":")[0]) || 0, K = y && parseInt(y.split(":")[1]) || 0, Y = oe(() => R && d ? /* @__PURE__ */ e.jsx(
-    U,
+  const G = C && parseInt(C.split(":")[0]) || 0, v = C && parseInt(C.split(":")[1]) || 0, L = oe(() => b && d ? /* @__PURE__ */ e.jsx(
+    X,
     {
       type: "small",
       className: "error-text",
@@ -5253,15 +5258,15 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
       id: `${r}-error`,
       children: d
     }
-  ) : u && !R ? /* @__PURE__ */ e.jsx(
-    U,
+  ) : u && !b ? /* @__PURE__ */ e.jsx(
+    X,
     {
       type: "small",
       className: "helper-text",
       id: `${r}-helper`,
       children: u
     }
-  ) : null, [R, d, u, r]);
+  ) : null, [b, d, u, r]);
   return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${i}`, children: [
     /* @__PURE__ */ e.jsxs(
       "div",
@@ -5271,66 +5276,70 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
           input-field__time-field 
           ${qr[h]}
           ${n ? "input-field_border" : ""} 
-          ${W ? "input-field_active" : ""} 
-          ${R ? "input-field_error" : ""} 
+          ${B ? "input-field_active" : ""} 
+          ${b ? "input-field_error" : ""} 
           ${a ? "input-field_disabled" : ""}
           `,
         "aria-disabled": a,
-        style: _,
+        style: y,
         children: [
           /* @__PURE__ */ e.jsx(
             "div",
             {
               className: "input-field__icon-container",
-              onClick: S,
+              onClick: E,
               "aria-label": "Открыть пикер времени",
               role: "button",
               tabIndex: a ? -1 : 0,
-              onKeyDown: (C) => C.key === "Enter" && S(),
+              onKeyDown: (R) => R.key === "Enter" && E(),
               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": m, className: "input-field__input-container", onClick: E, children: [
             /* @__PURE__ */ e.jsx(
               "input",
               {
-                ...k,
+                ...N,
                 type: "time",
-                className: `input-field__input-container__input ${N()}`,
+                className: `input-field__input-container__input ${D()}`,
                 name: r,
-                value: y,
+                value: C,
                 readOnly: !0,
-                onBlur: O,
-                onFocus: E,
+                onBlur: I,
+                onFocus: U,
                 disabled: a,
                 "aria-labelledby": x,
-                "aria-invalid": R,
-                "aria-describedby": R && d ? `${r}-error` : u ? `${r}-helper` : void 0
+                "aria-invalid": b,
+                "aria-describedby": b && d ? `${r}-error` : u ? `${r}-helper` : void 0
               }
             ),
-            j && /* @__PURE__ */ e.jsx(
+            f && /* @__PURE__ */ e.jsx(
               "label",
               {
-                htmlFor: D,
+                htmlFor: A,
                 className: `input-field__input-container__label 
-              ${w ? "input-field__input-container__label_filled" : ""}
+              ${W ? "input-field__input-container__label_filled" : ""}
               `,
-                children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: j })
+                children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: f })
               }
             ),
             /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__text-field-line" })
-          ] })
+          ] }),
+          _ && C && !a && /* @__PURE__ */ e.jsx("div", { className: `
+            input-field__icon-container 
+            input-field__icon-container_clear-btn
+            `, onClick: H, children: /* @__PURE__ */ e.jsx(ie, { "aria-label": "Clear input" }) })
         ]
       }
     ),
-    Y,
-    M && /* @__PURE__ */ e.jsx(_e, { container: c, children: /* @__PURE__ */ e.jsx(
+    L,
+    T && /* @__PURE__ */ e.jsx(_e, { container: o, children: /* @__PURE__ */ e.jsx(
       Kr,
       {
-        onHide: () => V(!1),
-        onChange: I,
-        hours: A,
-        minutes: K
+        onHide: () => P(!1),
+        onChange: M,
+        hours: G,
+        minutes: v
       }
     ) })
   ] });
@@ -5339,58 +5348,58 @@ function Qr(n, t, r, s, i) {
   return s + (i - s) * ((n - t) / (r - t));
 }
 const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
-  const [r, s] = g(0), [i, l] = g(!1), o = Z(null), c = Z(null);
-  T(() => {
+  const [r, s] = g(0), [i, l] = g(!1), c = Y(null), o = Y(null);
+  V(() => {
     t.value ? s(t.value) : s(0);
   }, [t.value]);
   const a = (h) => {
     s(Number(h.target.value)), t.onChange && t.onChange(h);
-  }, d = (h, x, j) => {
-    if (o.current && c.current) {
-      let f = Ye(c.current);
-      if (f)
-        return Qr(h, x, j, 0, j - x) * (f.width - 20) / (j - x);
+  }, d = (h, x, f) => {
+    if (c.current && o.current) {
+      let j = Ye(o.current);
+      if (j)
+        return Qr(h, x, f, 0, f - x) * (j.width - 20) / (f - x);
     }
     return 0;
-  }, u = b((h) => {
+  }, u = k((h) => {
     l(!0), t.onFocus && t.onFocus(h);
-  }, [t.onFocus]), m = b((h) => {
+  }, [t.onFocus]), m = k((h) => {
     l(!1), t.onBlur && t.onBlur(h);
   }, [t.onBlur]);
   return /* @__PURE__ */ e.jsx("div", { className: `range ${t.disabled ? "disabled" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "field", style: t.style, children: [
     t.showMinMax ? /* @__PURE__ */ e.jsx("div", { className: "value left", children: t.min ?? Ke }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "field-range-container", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "slider-value", ref: o, style: { width: d(r, t.min ?? Ke, t.max ?? qe) }, children: /* @__PURE__ */ e.jsx("div", { className: "slider-tooltip", style: { display: i ? "block" : "none" }, children: n && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx("div", { className: "slider-value", ref: c, style: { width: d(r, t.min ?? Ke, t.max ?? qe) }, children: /* @__PURE__ */ e.jsx("div", { className: "slider-tooltip", style: { display: i ? "block" : "none" }, children: n && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx("span", { className: "slider-tooltip-container" }),
         /* @__PURE__ */ e.jsx("span", { className: "slider-tooltip-value", children: r })
       ] }) }) }),
-      /* @__PURE__ */ e.jsx("input", { disabled: t.disabled, onMouseUp: t.onMouseUp, ref: c, step: t.step, type: "range", min: t.min ?? Ke, max: t.max ?? qe, onChange: a, value: r, onFocus: u, onBlur: m })
+      /* @__PURE__ */ e.jsx("input", { disabled: t.disabled, onMouseUp: t.onMouseUp, ref: o, step: t.step, type: "range", min: t.min ?? Ke, max: t.max ?? qe, onChange: a, value: r, onFocus: u, onBlur: m })
     ] }),
     t.showMinMax ? /* @__PURE__ */ e.jsx("div", { className: "value right", children: t.max ?? qe }) : null
   ] }) });
-}, Ks = ({ className: n, text: t, title: r, hexColor: s, hexBackground: i, style: l, btn: o }) => /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-sh-ui-kit-empty-page ${n ?? ""}`, style: { background: Jt(i), color: s, ...l }, children: [
+}, Ks = ({ className: n, text: t, title: r, hexColor: s, hexBackground: i, style: l, btn: c }) => /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-sh-ui-kit-empty-page ${n ?? ""}`, style: { background: Jt(i), color: s, ...l }, children: [
   /* @__PURE__ */ e.jsx("h2", { children: r }),
   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, j] = g(!0), f = b((y, v) => {
-    s({ ...r, [v]: y });
-  }, [s, r]), p = b(() => {
+  c ? /* @__PURE__ */ e.jsx(ye, { styleType: c.styleType ?? "filled", style: c.style, className: c.className, onClick: c.onClick, children: c.text }) : null
+] }), es = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent: l, onlyStringValue: c }) => {
+  const [o, a] = g(""), [d, u] = g(""), [m, h] = g(!1), [x, f] = g(!0), j = k((N, C) => {
+    s({ ...r, [C]: N });
+  }, [s, r]), p = k(() => {
     u(""), a(""), h(!1);
-  }, []), _ = b(() => {
-    let y = d;
+  }, []), _ = k(() => {
+    let N = d;
     try {
-      o || (y = JSON.parse(y));
+      c || (N = JSON.parse(N));
     } catch {
     }
-    p(), s({ ...r, [c]: y });
-  }, [r, s, c, d, p]), k = b((y) => {
-    let v = { ...r };
-    delete v[y], s(v);
+    p(), s({ ...r, [o]: N });
+  }, [r, s, o, d, p]), y = k((N) => {
+    let C = { ...r };
+    delete C[N], s(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", { onClick: () => j((y) => !y), className: "json-element json-object-name json-object-header", children: [
+      /* @__PURE__ */ e.jsxs("span", { onClick: () => f((N) => !N), className: "json-element json-object-name json-object-header", children: [
         t,
         ":",
         "{",
@@ -5399,12 +5408,12 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
       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(
-      (y, v) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: () => k(y), onChange: (M) => f(M, y), name: y, data: r[y] }) }, v)
+      (N, C) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: () => y(N), onChange: (S) => j(S, N), name: N, data: r[N] }) }, C)
     ) : null }) : null,
     m && !n ? /* @__PURE__ */ e.jsxs("div", { className: "json-object-content", children: [
-      /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: c.length || 10, placeholder: "key", onChange: (y) => a(y.target.value), className: "json-base-data-input", type: "text", value: c }) }),
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: o.length || 10, placeholder: "key", onChange: (N) => a(N.target.value), className: "json-base-data-input", type: "text", value: o }) }),
       ":",
-      /* @__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 border", children: /* @__PURE__ */ e.jsx("input", { size: d.length || 10, placeholder: "value", onChange: (N) => u(N.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-cancel json-base-data-btn", onClick: p, children: "cancel" })
     ] }) : null,
@@ -5413,21 +5422,21 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
       !n && !l ? /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: i, children: /* @__PURE__ */ e.jsx(Ge, {}) }) : null
     ] })
   ] }) });
-}, 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 = b((_, k) => {
-    const y = r.slice();
-    y[k] = _, s(y);
-  }, [s, r]), j = b(() => {
+}, ns = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent: l, onlyStringValue: c }) => {
+  const [o, a] = g(""), [d, u] = g(!1), [m, h] = g(!0), x = k((_, y) => {
+    const N = r.slice();
+    N[y] = _, s(N);
+  }, [s, r]), f = k(() => {
     a(""), u(!1);
-  }, []), f = b(() => {
-    let _ = c;
+  }, []), j = k(() => {
+    let _ = o;
     try {
-      o || (_ = JSON.parse(_));
+      c || (_ = JSON.parse(_));
     } catch {
     }
-    j(), s([...r, _]);
-  }, [r, s, c, j]), p = b((_) => {
-    s(r.filter((k, y) => y !== _));
+    f(), s([...r, _]);
+  }, [r, s, o, f]), p = k((_) => {
+    s(r.filter((y, N) => N !== _));
   }, [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: [
@@ -5439,11 +5448,11 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
       ] }),
       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((_, k) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: () => p(k), onChange: (y) => x(y, k), name: String(k), data: _ }) }, k)) }) : null,
+    m ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r && r.map((_, y) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: () => p(y), onChange: (N) => x(N, y), name: String(y), data: _ }) }, y)) }) : 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-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: j, children: "cancel" })
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: o.length || 10, placeholder: "value", onChange: (_) => a(_.target.value), className: "json-base-data-input", type: "text", value: o }) }),
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: j, children: "save" }),
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-cancel json-base-data-btn", onClick: f, children: "cancel" })
     ] }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "json-line", children: [
       "]",
@@ -5451,8 +5460,8 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
     ] })
   ] }) });
 }, ts = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i }) => {
-  const l = b((o) => {
-    s(o.target.value);
+  const l = k((c) => {
+    s(c.target.value);
   }, [s]);
   return /* @__PURE__ */ e.jsx("div", { className: `json-card-container ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("div", { className: "json-line", children: [
     /* @__PURE__ */ e.jsx("span", { className: "json-object-name", children: t }),
@@ -5464,47 +5473,47 @@ 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 = b((j) => {
-    n || (a(j), s && s(j));
-  }, [s]), h = b(() => {
+const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: l, onlyStringValue: c }) => 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: c }) : /* @__PURE__ */ e.jsx(es, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: l === "OBJECT", onlyStringValue: c }) : null, qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: l = et.NONE, onlyStringValue: c }) => {
+  const [o, a] = g(r || void 0), [d, u] = g(""), m = k((f) => {
+    n || (a(f), s && s(f));
+  }, [s]), h = k(() => {
     n || (a(void 0), i && i());
-  }, [i]), x = b(() => {
+  }, [i]), x = k(() => {
     if (n)
       return;
-    let j = d;
+    let f = d;
     try {
-      j = JSON.parse(j);
+      f = JSON.parse(f);
     } catch {
     }
-    a(j), s && s(j);
+    a(f), s && s(f);
   }, [s, d]);
-  return T(() => {
+  return V(() => {
     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 })
+  }, [r]), !o && n ? /* @__PURE__ */ e.jsx("div", { className: `json-object-content ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: "value" }) }) : o ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(on, { transparent: !0, text: JSON.stringify(r) }),
+    /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: h, onChange: m, data: o, baseType: l, name: t, onlyStringValue: c })
   ] }) : /* @__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: (j) => u(j.target.value), className: "alex-evo-sh-ui-kit-json json-base-data-input", type: "text", value: d }) }),
+    /* @__PURE__ */ e.jsx(on, { 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: (f) => u(f.target.value), className: "alex-evo-sh-ui-kit-json json-base-data-input", type: "text", value: d }) }),
     /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: x, children: "save" })
   ] });
 }, Js = ({ btn: n, btnComponent: t, onSearch: r, placeholder: s, autoChenge: i, border: l = !1 }) => {
-  const o = Z(null), [c, a] = g(""), [d, u] = g(!1), m = () => {
-    o.current && (o.current.focus(), u(!0));
+  const c = Y(null), [o, a] = g(""), [d, u] = g(!1), m = () => {
+    c.current && (c.current.focus(), u(!0));
   }, h = () => {
-    o.current && (o.current.focus(), o.current.value = ""), a(""), u(!0), i && r("");
+    c.current && (c.current.focus(), c.current.value = ""), a(""), u(!0), i && r("");
   }, x = () => {
-    h(), o.current && (o.current.blur(), u(!1));
-  }, j = (p) => {
-    a(p.target.value), i && r(p.target.value);
+    h(), c.current && (c.current.blur(), u(!1));
   }, f = (p) => {
-    p.code === "Enter" && r(c);
+    a(p.target.value), i && r(p.target.value);
+  }, j = (p) => {
+    p.code === "Enter" && r(o);
   };
   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,
-    /* @__PURE__ */ e.jsx("input", { placeholder: s, type: "text", ref: o, onChange: j, onKeyDown: f, value: c, onFocus: () => u(!0) }),
-    d ? /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(de, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: m, children: /* @__PURE__ */ e.jsx(tn, {}) })
+    /* @__PURE__ */ e.jsx("input", { placeholder: s, type: "text", ref: c, onChange: f, onKeyDown: j, value: o, onFocus: () => u(!0) }),
+    d ? /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(ie, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: m, children: /* @__PURE__ */ e.jsx(tn, {}) })
   ] }) });
 }, rs = ({
   filters: n,
@@ -5514,14 +5523,14 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
   onClose: i,
   point: l = { x: 50, y: 50 }
 }) => {
-  const o = Z(null);
-  if (T(() => {
+  const c = Y(null);
+  if (V(() => {
     const d = (u) => {
-      s && o.current && !o.current.contains(u.target) && i();
+      s && c.current && !c.current.contains(u.target) && i();
     };
     return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
   }, [s, i]), !s) return null;
-  const c = (d, u) => {
+  const o = (d, u) => {
     const m = t[d] || [], h = m.includes(u) ? m.filter((x) => x !== u) : [...m, u];
     r({
       ...t,
@@ -5532,19 +5541,19 @@ 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: [
+  return /* @__PURE__ */ e.jsx(We, { onHide: i, children: /* @__PURE__ */ e.jsx(pr, { className: "multi-filter", style: a, children: /* @__PURE__ */ e.jsx("div", { ref: c, children: n.map(({ name: d, options: u }, m) => /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: 16 }, children: [
     m !== 0 && /* @__PURE__ */ e.jsx(se, {}),
-    /* @__PURE__ */ e.jsx(U, { type: "title-2", weight: "bold", children: d }),
+    /* @__PURE__ */ e.jsx(X, { 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(
         Bn,
         {
           name: d,
           checked: (t[d] || []).includes(h),
-          onChange: () => c(d, h)
+          onChange: () => o(d, h)
         }
       ),
-      /* @__PURE__ */ e.jsx(U, { type: "body", children: h })
+      /* @__PURE__ */ e.jsx(X, { type: "body", children: h })
     ] })) })
   ] }, d)) }) }) });
 }, Qs = ({
@@ -5554,40 +5563,40 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
   filters: s,
   selectedFilters: i,
   onChangeFilter: l,
-  border: o = !1
+  border: c = !1
 }) => {
-  const c = Z(null), [a, d] = g(""), [u, m] = g(!1), [h, x] = g(null), j = () => {
-    c.current && (c.current.focus(), m(!0));
-  }, f = () => {
-    c.current && (c.current.focus(), c.current.value = ""), d(""), m(!0), r && n("");
+  const o = Y(null), [a, d] = g(""), [u, m] = g(!1), [h, x] = g(null), f = () => {
+    o.current && (o.current.focus(), m(!0));
+  }, j = () => {
+    o.current && (o.current.focus(), o.current.value = ""), d(""), m(!0), r && n("");
   }, p = () => {
-    f(), c.current && (c.current.blur(), m(!1));
-  }, _ = (v) => {
-    d(v.target.value), r && n(v.target.value);
-  }, k = (v) => {
-    v.code === "Enter" && n(a);
-  }, y = (v) => {
-    const M = v.currentTarget.getBoundingClientRect();
+    j(), o.current && (o.current.blur(), m(!1));
+  }, _ = (C) => {
+    d(C.target.value), r && n(C.target.value);
+  }, y = (C) => {
+    C.code === "Enter" && n(a);
+  }, N = (C) => {
+    const S = C.currentTarget.getBoundingClientRect();
     x({
-      x: M.left,
-      y: M.bottom
+      x: S.left,
+      y: S.bottom
       // ниже элемента
     });
   };
   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: p, children: /* @__PURE__ */ e.jsx(nn, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: y, children: /* @__PURE__ */ e.jsx(On, {}) }),
-      /* @__PURE__ */ e.jsx("input", { placeholder: t, type: "text", ref: c, onChange: _, onKeyDown: k, value: a, onFocus: () => m(!0) }),
-      u ? /* @__PURE__ */ e.jsx("span", { onClick: f, children: /* @__PURE__ */ e.jsx(de, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: j, children: /* @__PURE__ */ e.jsx(tn, {}) })
+    /* @__PURE__ */ e.jsx("div", { className: `search-container ${c ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
+      u ? /* @__PURE__ */ e.jsx("span", { onClick: p, children: /* @__PURE__ */ e.jsx(nn, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: N, children: /* @__PURE__ */ e.jsx(On, {}) }),
+      /* @__PURE__ */ e.jsx("input", { placeholder: t, type: "text", ref: o, onChange: _, onKeyDown: y, value: a, onFocus: () => m(!0) }),
+      u ? /* @__PURE__ */ e.jsx("span", { onClick: j, children: /* @__PURE__ */ e.jsx(ie, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: f, children: /* @__PURE__ */ e.jsx(tn, {}) })
     ] }) }),
     /* @__PURE__ */ e.jsx(_e, { container: document.body, children: /* @__PURE__ */ e.jsx(rs, { point: h ?? void 0, onClose: () => x(null), isOpen: !!h, filters: s, selectedFilters: i, onChange: l }) })
   ] });
 }, ss = ({ visible: n, text: t, option: r }) => {
-  const [s, i] = g(n), [l, o] = g(!1);
-  T(() => {
-    n ? (i(!0), setTimeout(() => o(!0), 10)) : (o(!1), setTimeout(() => i(!1), 300));
+  const [s, i] = g(n), [l, c] = g(!1);
+  V(() => {
+    n ? (i(!0), setTimeout(() => c(!0), 10)) : (c(!1), setTimeout(() => i(!1), 300));
   }, [n]);
-  const c = () => {
+  const o = () => {
     var a;
     return (a = r == null ? void 0 : r.onHide) == null ? void 0 : a.call(r);
   };
@@ -5601,9 +5610,9 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "snackbar-content-container", children: [
           /* @__PURE__ */ e.jsx("div", { className: "snackbar-text", children: t }),
-          (r == null ? void 0 : r.onClick) && /* @__PURE__ */ e.jsx("div", { className: "snackbar-button-container", children: /* @__PURE__ */ e.jsx(ce, { className: "snackbar-btn", onClick: r.onClick, children: r.buttonText ?? "Action" }) })
+          (r == null ? void 0 : r.onClick) && /* @__PURE__ */ e.jsx("div", { className: "snackbar-button-container", children: /* @__PURE__ */ e.jsx(de, { className: "snackbar-btn", onClick: r.onClick, children: r.buttonText ?? "Action" }) })
         ] }),
-        (r == null ? void 0 : r.closeButton) && /* @__PURE__ */ e.jsx("div", { className: "snackbar-close", children: /* @__PURE__ */ e.jsx("span", { onClick: c, children: /* @__PURE__ */ e.jsx(de, {}) }) })
+        (r == null ? void 0 : r.closeButton) && /* @__PURE__ */ e.jsx("div", { className: "snackbar-close", children: /* @__PURE__ */ e.jsx("span", { onClick: o, children: /* @__PURE__ */ e.jsx(ie, {}) }) })
       ]
     }
   ) : null;
@@ -5614,33 +5623,33 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
   density: s = "normal",
   className: i = "",
   text: l,
-  style: o,
-  onClick: c,
+  style: c,
+  onClick: o,
   onContextMenu: a,
   ...d
 }) => {
-  const u = Z(null), m = Z(null), [h, x] = g(!1), j = n === "heading" || n === "title" || n === "title-2", f = j ? "h3" : "span", p = {
+  const u = Y(null), m = Y(null), [h, x] = g(!1), f = n === "heading" || n === "title" || n === "title-2", j = f ? "h3" : "span", p = {
     fontSize: bn(n, t),
     fontWeight: kn(n, r),
     lineHeight: yn(n, s, t),
-    ...o
-  }, _ = j ? "typography-heading" : "typography-text", k = b(() => {
+    ...c
+  }, _ = f ? "typography-heading" : "typography-text", y = k(() => {
     if (!u.current || !m.current) return;
-    const y = u.current.clientWidth, v = m.current.scrollWidth;
-    x(y < v);
+    const N = u.current.clientWidth, C = m.current.scrollWidth;
+    x(N < C);
   }, [l]);
-  return T(() => (k(), window.addEventListener("resize", k), () => {
-    window.removeEventListener("resize", k);
-  }), [k]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  return V(() => (y(), window.addEventListener("resize", y), () => {
+    window.removeEventListener("resize", y);
+  }), [y]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       "div",
       {
         ref: u,
-        onClick: c,
+        onClick: o,
         onContextMenu: a,
         className: `runing-text ${h ? "runing" : ""}`,
         children: /* @__PURE__ */ e.jsx(
-          f,
+          j,
           {
             ...d,
             style: p,
@@ -5674,7 +5683,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
       return r.title;
   }
   return "";
-}, nt = ne.forwardRef(
+}, nt = te.forwardRef(
   ({
     inputRef: n,
     style: t,
@@ -5682,74 +5691,74 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     items: s,
     onChange: i,
     value: l,
-    placeholder: o,
-    className: c,
+    placeholder: c,
+    className: o,
     border: a,
     name: d,
     error: u,
     onBlur: m,
     onFocus: h,
     container: x = document.body,
-    size: j = "medium",
-    transparent: f,
+    size: f = "medium",
+    transparent: j,
     helperText: p,
     errorText: _,
-    disabled: k
-  }, y) => {
-    const [v, M] = g(""), [V, W] = g({ x: 0, y: 0, width: 100 }), [z, w] = g(!1), P = !!(u || _);
-    T(() => {
-      M(pn(s, l ?? ""));
+    disabled: y
+  }, N) => {
+    const [C, S] = g(""), [T, P] = g({ x: 0, y: 0, width: 100 }), [B, w] = g(!1), W = !!(u || _);
+    V(() => {
+      S(pn(s, l ?? ""));
     }, [l, s]);
-    const D = b((S) => {
-      M(pn(s, S)), i && i(S), w(!1);
-    }, [s, i]), R = b((S) => typeof S == "string" ? { title: S, onClick: () => D(S) } : { title: S.title, onClick: () => D(S.value), icon: S.icon, disabled: S.disabled }, [D]), N = b((S) => {
-      if (k) return;
-      S.preventDefault();
-      let E = Ye(S.currentTarget), O = (E == null ? void 0 : E.left) ?? S.pageX, A = E != null && E.top ? E.top + E.height : S.pageY;
-      W({ x: O, y: A, width: (E == null ? void 0 : E.width) ?? 150 }), w(!0);
-    }, [s, R, k]), I = {
+    const O = k((M) => {
+      S(pn(s, M)), i && i(M), w(!1);
+    }, [s, i]), A = k((M) => typeof M == "string" ? { title: M, onClick: () => O(M) } : { title: M.title, onClick: () => O(M.value), icon: M.icon, disabled: M.disabled }, [O]), b = k((M) => {
+      if (y) return;
+      M.preventDefault();
+      let E = Ye(M.currentTarget), U = (E == null ? void 0 : E.left) ?? M.pageX, I = E != null && E.top ? E.top + E.height : M.pageY;
+      P({ x: U, y: I, width: (E == null ? void 0 : E.width) ?? 150 }), w(!0);
+    }, [s, A, y]), D = {
       small: "input-field__text-field_small",
       medium: "input-field__text-field_medium",
       large: "input-field__text-field_large"
     };
-    return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${c}`, children: [
-      /* @__PURE__ */ e.jsx("div", { ref: y, style: t, className: `
+    return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${o}`, children: [
+      /* @__PURE__ */ e.jsx("div", { ref: N, style: t, className: `
                 input-field 
                 input-field__text-field 
-                ${I[j]}
+                ${D[f]}
                 ${a ? "input-field_border" : ""} 
-                ${z ? "input-field_active" : ""} 
-                ${f ? "input-field_transparent" : ""} 
-                ${P ? "input-field_error" : ""} 
-                ${k ? "input-field_disabled" : ""}
-                `, children: /* @__PURE__ */ e.jsxs("div", { className: "input-field__input-container", onClick: N, children: [
+                ${B ? "input-field_active" : ""} 
+                ${j ? "input-field_transparent" : ""} 
+                ${W ? "input-field_error" : ""} 
+                ${y ? "input-field_disabled" : ""}
+                `, children: /* @__PURE__ */ e.jsxs("div", { className: "input-field__input-container", onClick: b, children: [
         /* @__PURE__ */ e.jsx(
           "input",
           {
             ref: n,
             required: !0,
-            disabled: k,
+            disabled: y,
             type: "text",
             className: `input-field__input-container__input ${u ? "input-field__input-container__input_error" : ""}`,
             name: d,
-            value: v,
+            value: C,
             onFocus: h,
             onBlur: m,
             readOnly: !0
           }
         ),
-        /* @__PURE__ */ e.jsx("label", { className: "input-field__input-container__label", children: o ? /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: o }) : null })
+        /* @__PURE__ */ e.jsx("label", { className: "input-field__input-container__label", children: c ? /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: c }) : null })
       ] }) }),
-      P && _ && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__error-text", children: _ }),
-      p && !P && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__helper-text", children: p }),
-      /* @__PURE__ */ e.jsx(Pn, { marginBottom: r === ee.MOBILE ? 80 : 0, width: V.width, screensize: r, x: V.x, y: V.y, onHide: () => w(!1), container: x, blocks: [{ items: s.map(R) }], visible: z })
+      W && _ && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__error-text", children: _ }),
+      p && !W && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__helper-text", children: p }),
+      /* @__PURE__ */ e.jsx(Pn, { marginBottom: r === ee.MOBILE ? 80 : 0, width: T.width, screensize: r, x: T.x, y: T.y, onHide: () => w(!1), container: x, blocks: [{ items: s.map(A) }], visible: B })
     ] });
   }
 );
 nt.displayName = "SelectField";
 const is = ({ icons: n, value: t, onChange: r, disabled: s, placeholder: i, container: l = document.getElementById("root") }) => {
-  const [o, c] = g(!1), a = n.find((u) => u.id === t), d = (u) => {
-    r == null || r(u), c(!1);
+  const [c, o] = g(!1), a = n.find((u) => u.id === t), d = (u) => {
+    r == null || r(u), o(!1);
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
@@ -5760,15 +5769,15 @@ const is = ({ icons: n, value: t, onChange: r, disabled: s, placeholder: i, cont
         value: a == null ? void 0 : a.name,
         readOnly: !0,
         disabled: s,
-        onClick: () => c(!0),
+        onClick: () => o(!0),
         placeholder: i
       }
     ),
-    o && /* @__PURE__ */ e.jsx(_e, { container: l, children: /* @__PURE__ */ e.jsx(
+    c && /* @__PURE__ */ e.jsx(_e, { container: l, children: /* @__PURE__ */ e.jsx(
       hr,
       {
         header: "Icons",
-        onHide: () => c(!1),
+        onHide: () => o(!1),
         onSuccess: d,
         items: n.map((u) => ({ icon: u.component, title: u.name, data: u.id }))
       }
@@ -5788,7 +5797,7 @@ const is = ({ icons: n, value: t, onChange: r, disabled: s, placeholder: i, cont
   LinkIcon: wt,
   UnLinkIcon: Nt,
   GearIcon: yt,
-  X: de,
+  X: ie,
   Trash: Nn,
   Pen: $n,
   Palette: wn,
@@ -5838,21 +5847,21 @@ const as = {
   },
   hideSnackbar: () => {
   }
-}, os = Pe(as), ri = ({ children: n }) => {
-  var o;
-  const [t, r] = g({ visible: !1, text: "" }), s = Z(null), i = b((c, a) => {
-    r({ visible: !0, text: c, option: a }), s.current && clearTimeout(s.current), a != null && a.closeButton || (s.current = setTimeout(() => l(), (a == null ? void 0 : a.delay) ?? 3e3));
-  }, []), l = b(() => {
+}, cs = Pe(as), ri = ({ children: n }) => {
+  var c;
+  const [t, r] = g({ visible: !1, text: "" }), s = Y(null), i = k((o, a) => {
+    r({ visible: !0, text: o, option: a }), s.current && clearTimeout(s.current), a != null && a.closeButton || (s.current = setTimeout(() => l(), (a == null ? void 0 : a.delay) ?? 3e3));
+  }, []), l = k(() => {
     s.current && (clearTimeout(s.current), s.current = null), r({ visible: !1, text: "" });
   }, []);
-  return /* @__PURE__ */ e.jsxs(os.Provider, { value: { showSnackbar: i, hideSnackbar: l }, children: [
+  return /* @__PURE__ */ e.jsxs(cs.Provider, { value: { showSnackbar: i, hideSnackbar: l }, children: [
     /* @__PURE__ */ e.jsx(
       ss,
       {
         ...t,
         option: {
           ...t.option,
-          onHide: (o = t.option) != null && o.closeButton ? l : void 0
+          onHide: (c = t.option) != null && c.closeButton ? l : void 0
           // гарантируем, что при нажатии на X скроется
         }
       }
@@ -5860,7 +5869,7 @@ const as = {
     n
   ] });
 }, rt = Pe({});
-function cs() {
+function os() {
   return Ce(rt);
 }
 function ds(n) {
@@ -5873,21 +5882,21 @@ function hs(n) {
   return typeof n == "boolean";
 }
 const fe = (n) => {
-  const { value: t, changeField: r, errors: s } = cs(), i = b((a) => {
+  const { value: t, changeField: r, errors: s } = os(), i = k((a) => {
     r && r(n, a);
-  }, [n]), l = b(() => {
+  }, [n]), l = k(() => {
     const a = t == null ? void 0 : t[n];
     return hs(a) ? !!a : us(a) ? Number(a) : ds(a) ? a ?? "" : "";
-  }, [t, n]), o = b(() => {
+  }, [t, n]), c = k(() => {
     r && r(n, "");
-  }, [n]), c = b(() => {
+  }, [n]), o = k(() => {
     if (s && Object.keys(s).includes(n))
       return s[n];
   }, [s, n]);
   return {
     value: l(),
-    clearHandler: o,
-    error: c(),
+    clearHandler: c,
+    error: o(),
     change: i
   };
 }, xs = (n) => {
@@ -5900,8 +5909,8 @@ const fe = (n) => {
   const { value: t, change: r, error: s } = fe(n.name);
   return /* @__PURE__ */ e.jsx(nt, { ...n, container: n.container ?? document.body, value: t, onChange: r, errorText: s, error: !!s });
 }, js = ({ placeholder: n, ref: t, style: r, readOnly: s, className: i, name: l }) => {
-  const { value: o, change: c } = fe(l), a = (d) => {
-    c && c(d.target.checked);
+  const { value: c, change: o } = fe(l), a = (d) => {
+    o && o(d.target.checked);
   };
   return /* @__PURE__ */ e.jsx("div", { className: `input-field form-switch ${i}`, style: r, children: /* @__PURE__ */ e.jsx(
     Yn,
@@ -5910,16 +5919,16 @@ const fe = (n) => {
       ref: t,
       placeholder: n,
       name: l,
-      checked: !!o,
+      checked: !!c,
       onChange: a
     }
   ) });
 }, ps = ({ placeholder: n, ref: t, style: r, readOnly: s, className: i, name: l }) => {
-  const { value: o, change: c } = fe(l), a = (u) => {
+  const { value: c, change: o } = fe(l), a = (u) => {
     if (u.length > 0)
-      return c && c(!0);
-    c && c(!1);
-  }, d = b(() => o ? [n ?? l] : [], [o, l, n]);
+      return o && o(!0);
+    o && o(!1);
+  }, d = k(() => c ? [n ?? l] : [], [c, l, n]);
   return /* @__PURE__ */ e.jsx(
     Zn,
     {
@@ -5974,24 +5983,24 @@ 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 = b((x) => {
+  function({ children: t, value: r, name: s, errors: i, onFinish: l, onChangeValue: c, ...o }, a) {
+    const [d, u] = g(r), m = k((x) => {
       x.preventDefault(), l == null || l(d);
-    }, [l, d]), h = b((x, j) => {
-      u((f) => ({
-        ...f,
-        [x]: j
-      })), o == null || o(x, j);
-    }, [o]);
+    }, [l, d]), h = k((x, f) => {
+      u((j) => ({
+        ...j,
+        [x]: f
+      })), c == null || c(x, f);
+    }, [c]);
     return ht(a, () => ({
       submit: () => l == null ? void 0 : l(d),
-      setFieldValue: (x, j) => {
-        u((f) => ({ ...f, [x]: j }));
+      setFieldValue: (x, f) => {
+        u((j) => ({ ...j, [x]: f }));
       },
       setValues: (x) => u(x),
       getValues: () => d,
       reset: () => u(r)
-    }), [l, d, r]), /* @__PURE__ */ e.jsx(rt.Provider, { value: { value: d, changeField: h, errors: i }, children: /* @__PURE__ */ e.jsx("form", { name: s, onSubmit: 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: m, noValidate: !0, ...o, children: t }) });
   }
 ), si = Object.assign(bs, {
   TextInput: _s,
@@ -6037,7 +6046,7 @@ export {
   At as ConditionerIcon2,
   Is as ContentBox,
   Vn as Copy,
-  cn as CopyButton,
+  on as CopyButton,
   Bt as Curtains,
   Xt as DangerButton,
   Zt as Dashboard,
@@ -6117,7 +6126,7 @@ export {
   Xs as Slider,
   ur as SmallWindowMenu,
   ss as Snackbar,
-  os as SneckbarContext,
+  cs as SneckbarContext,
   ri as SneckbarProvider,
   Yn as Switch,
   Ot as SwitchIcon,
@@ -6126,7 +6135,7 @@ export {
   Ss as Temp,
   Tn as TempHighIcon,
   Qn as TextArea,
-  ce as TextButton,
+  de as TextButton,
   Vs as TextDialog,
   Ve as TextField,
   Jr as TimeField,
@@ -6134,10 +6143,10 @@ export {
   Gt as ToolsIcon,
   An as Tooltip,
   Nn as Trash,
-  U as Typography,
+  X as Typography,
   Nt as UnLinkIcon,
   Mt as UserIcon,
-  de as X,
+  ie as X,
   $t as XUserIcon,
   Te as getContainerColor,
   Ye as getContainerData,