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

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

@@ -1,5 +1,5 @@
-import ne, { useEffect as O, useState as g, useRef as G, useCallback as k, createContext as Pe, useContext as Ce, useMemo as oe, forwardRef as ve, useLayoutEffect as dt, useId as Be, memo as ut, useImperativeHandle as ht } from "react";
-import mt from "react-dom";
+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 xt from "react-dom";
 import { NavLink as Qe } from "react-router-dom";
 import './index.css';var Je = { exports: {} }, Se = {};
 /**
@@ -12,7 +12,7 @@ import './index.css';var Je = { exports: {} }, Se = {};
  * LICENSE file in the root directory of this source tree.
  */
 var an;
-function xt() {
+function mt() {
   if (an) return Se;
   an = 1;
   var n = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
@@ -54,15 +54,15 @@ function ft() {
       switch (C) {
         case p:
           return "Fragment";
-        case b:
+        case k:
           return "Profiler";
         case _:
           return "StrictMode";
-        case F:
+        case V:
           return "Suspense";
-        case B:
+        case W:
           return "SuspenseList";
-        case z:
+        case P:
           return "Activity";
       }
       if (typeof C == "object")
@@ -76,14 +76,14 @@ function ft() {
           case y:
             return (C._context.displayName || "Context") + ".Consumer";
           case M:
-            var $ = C.render;
-            return C = C.displayName, C || (C = $.displayName || $.name || "", C = C !== "" ? "ForwardRef(" + C + ")" : "ForwardRef"), C;
-          case A:
-            return $ = C.displayName || null, $ !== null ? $ : n(C.type) || "Memo";
+            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 w:
-            $ = C._payload, C = C._init;
+            L = C._payload, C = C._init;
             try {
-              return n(C($));
+              return n(C(L));
             } catch {
             }
         }
@@ -95,17 +95,17 @@ function ft() {
     function r(C) {
       try {
         t(C);
-        var $ = !1;
+        var L = !1;
       } catch {
-        $ = !0;
+        L = !0;
       }
-      if ($) {
-        $ = console;
-        var H = $.error, K = typeof Symbol == "function" && Symbol.toStringTag && C[Symbol.toStringTag] || C.constructor.name || "Object";
+      if (L) {
+        L = console;
+        var H = L.error, q = typeof Symbol == "function" && Symbol.toStringTag && C[Symbol.toStringTag] || C.constructor.name || "Object";
         return H.call(
-          $,
+          L,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          K
+          q
         ), t(C);
       }
     }
@@ -114,14 +114,14 @@ function ft() {
       if (typeof C == "object" && C !== null && C.$$typeof === w)
         return "<...>";
       try {
-        var $ = n(C);
-        return $ ? "<" + $ + ">" : "<...>";
+        var L = n(C);
+        return L ? "<" + L + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function i() {
-      var C = E.A;
+      var C = R.A;
       return C === null ? null : C.getOwner();
     }
     function l() {
@@ -129,16 +129,16 @@ function ft() {
     }
     function o(C) {
       if (N.call(C, "key")) {
-        var $ = Object.getOwnPropertyDescriptor(C, "key").get;
-        if ($ && $.isReactWarning) return !1;
+        var L = Object.getOwnPropertyDescriptor(C, "key").get;
+        if (L && L.isReactWarning) return !1;
       }
       return C.key !== void 0;
     }
-    function c(C, $) {
+    function c(C, L) {
       function H() {
-        L || (L = !0, console.error(
+        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", {
@@ -148,18 +148,18 @@ function ft() {
     }
     function a() {
       var C = n(this.type);
-      return T[C] || (T[C] = !0, console.error(
+      return O[C] || (O[C] = !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;
     }
-    function d(C, $, H, K, J, te) {
+    function d(C, L, H, q, J, te) {
       var Q = H.ref;
       return C = {
         $$typeof: j,
         type: C,
-        key: $,
+        key: L,
         props: H,
-        _owner: K
+        _owner: q
       }, (Q !== void 0 ? Q : null) !== null ? Object.defineProperty(C, "ref", {
         enumerable: !1,
         get: a
@@ -185,42 +185,42 @@ function ft() {
         value: te
       }), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
     }
-    function u(C, $, H, K, J, te) {
-      var Q = $.children;
+    function u(C, L, H, q, J, te) {
+      var Q = L.children;
       if (Q !== void 0)
-        if (K)
+        if (q)
           if (I(Q)) {
-            for (K = 0; K < Q.length; K++)
-              x(Q[K]);
+            for (q = 0; q < Q.length; q++)
+              m(Q[q]);
             Object.freeze && Object.freeze(Q);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else x(Q);
-      if (N.call($, "key")) {
+        else m(Q);
+      if (N.call(L, "key")) {
         Q = n(C);
-        var ie = Object.keys($).filter(function(W) {
-          return W !== "key";
+        var ie = Object.keys(L).filter(function(G) {
+          return G !== "key";
         });
-        K = 0 < ie.length ? "{key: someKey, " + ie.join(": ..., ") + ": ...}" : "{key: someKey}", Z[Q + K] || (ie = 0 < ie.length ? "{" + ie.join(": ..., ") + ": ...}" : "{}", console.error(
+        q = 0 < ie.length ? "{key: someKey, " + ie.join(": ..., ") + ": ...}" : "{key: someKey}", Y[Q + q] || (ie = 0 < ie.length ? "{" + ie.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          K,
+          q,
           Q,
           ie,
           Q
-        ), Z[Q + K] = !0);
+        ), Y[Q + q] = !0);
       }
-      if (Q = null, H !== void 0 && (r(H), Q = "" + H), o($) && (r($.key), Q = "" + $.key), "key" in $) {
+      if (Q = null, H !== void 0 && (r(H), Q = "" + H), o(L) && (r(L.key), Q = "" + L.key), "key" in L) {
         H = {};
-        for (var P in $)
-          P !== "key" && (H[P] = $[P]);
-      } else 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
@@ -233,48 +233,48 @@ React keys must be passed directly to JSX without using spread:
         te
       );
     }
-    function x(C) {
+    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 h(C) {
       return typeof C == "object" && C !== null && C.$$typeof === j;
     }
-    var m = ne, j = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), v = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), z = Symbol.for("react.activity"), D = Symbol.for("react.client.reference"), E = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, I = Array.isArray, S = console.createTask ? console.createTask : function() {
+    var x = ne, j = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), _ = 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() {
       return null;
     };
-    m = {
+    x = {
       react_stack_bottom_frame: function(C) {
         return C();
       }
     };
-    var L, T = {}, Y = m.react_stack_bottom_frame.bind(
-      m,
+    var E, O = {}, A = x.react_stack_bottom_frame.bind(
+      x,
       l
-    )(), q = S(s(l)), Z = {};
-    Me.Fragment = p, Me.jsx = function(C, $, H) {
-      var K = 1e4 > E.recentlyCreatedOwnerStacks++;
+    )(), K = S(s(l)), Y = {};
+    Me.Fragment = p, Me.jsx = function(C, L, H) {
+      var q = 1e4 > R.recentlyCreatedOwnerStacks++;
       return u(
         C,
-        $,
+        L,
         H,
         !1,
-        K ? Error("react-stack-top-frame") : Y,
-        K ? S(s(C)) : q
+        q ? Error("react-stack-top-frame") : A,
+        q ? S(s(C)) : K
       );
-    }, Me.jsxs = function(C, $, H) {
-      var K = 1e4 > E.recentlyCreatedOwnerStacks++;
+    }, Me.jsxs = function(C, L, H) {
+      var q = 1e4 > R.recentlyCreatedOwnerStacks++;
       return u(
         C,
-        $,
+        L,
         H,
         !0,
-        K ? Error("react-stack-top-frame") : Y,
-        K ? S(s(C)) : q
+        q ? Error("react-stack-top-frame") : A,
+        q ? S(s(C)) : K
       );
     };
   }()), Me;
 }
-process.env.NODE_ENV === "production" ? Je.exports = xt() : Je.exports = ft();
+process.env.NODE_ENV === "production" ? Je.exports = mt() : Je.exports = ft();
 var e = Je.exports;
 const _n = (n) => /* @__PURE__ */ e.jsx(
   Fe,
@@ -316,7 +316,7 @@ const _n = (n) => /* @__PURE__ */ e.jsx(
   };
   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) => {
-  O(() => {
+  T(() => {
     if (n) {
       const r = window.innerWidth - document.documentElement.clientWidth;
       t.style.overflow = "hidden", t.style.paddingRight = `${r}px`;
@@ -349,29 +349,29 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
     }
   );
 }, vn = ({ bottom: n = 0, ...t }) => {
-  const [r, s] = g(!1), [i, l] = g(!0), o = G(null), c = k(() => {
+  const [r, s] = g(!1), [i, l] = g(!0), o = Z(null), c = b(() => {
     s(!0), setTimeout(() => {
       t.onHide(), s(!1), l(!0);
     }, 200);
   }, [t.onHide]);
-  O(() => {
+  T(() => {
     t.visible && l(!1);
-  }, [t.visible]), O(() => {
+  }, [t.visible]), T(() => {
     !t.visible && !i && c();
   }, [t.visible, c, i]);
-  const a = k((h) => {
+  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`);
   }, u = () => {
     document.body.removeEventListener("mousemove", d), document.body.removeEventListener("mouseup", u);
-  }, x = () => {
+  }, m = () => {
     document.body.addEventListener("mousemove", d), document.body.addEventListener("mouseup", u);
   };
-  return O(() => () => {
+  return T(() => () => {
     document.body.removeEventListener("mousemove", d), document.body.removeEventListener("mouseup", u);
   }), i && !r || !t.children ? null : /* @__PURE__ */ e.jsx(We, { onHide: c, children: /* @__PURE__ */ e.jsxs("div", { ref: o, style: { paddingBottom: n }, className: `bottom-sheets ${r ? "bottom-sheets_hide" : "bottom-sheets_show"}`, children: [
-    /* @__PURE__ */ e.jsx("div", { role: "presentation", "data-testid": "bottom-sheet-handle", className: "bottom-sheets__handle", onMouseDown: x, onTouchMove: a, children: /* @__PURE__ */ e.jsx("span", {}) }),
+    /* @__PURE__ */ e.jsx("div", { role: "presentation", "data-testid": "bottom-sheet-handle", className: "bottom-sheets__handle", onMouseDown: m, onTouchMove: a, children: /* @__PURE__ */ e.jsx("span", {}) }),
     /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets__content", children: t.children })
   ] }) });
 }, gn = {
@@ -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 = k(() => {
+  const [r, s] = g(ee.STANDART), i = b(() => {
     window.innerWidth < t.mobileSize ? s(ee.MOBILE) : window.innerWidth < t.bigSize ? s(ee.STANDART) : s(ee.BIG_SCREEN);
   }, [window.innerWidth]);
-  return O(() => {
+  return T(() => {
     i();
-  }, [i]), O(() => (window.addEventListener("resize", i), () => {
+  }, [i]), T(() => (window.addEventListener("resize", i), () => {
     window.removeEventListener("resize", i);
   }), [i]), { screen: r };
 }, Ct = {
@@ -410,22 +410,22 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
   className: o = "",
   ...c
 }) => {
-  const a = Ce(we), d = a ? a.screen : t, u = n === "heading" || n === "title" || n === "title-2", x = u ? "h3" : "span", h = {
+  const a = Ce(we), d = a ? a.screen : t, u = n === "heading" || n === "title" || n === "title-2", m = u ? "h3" : "span", h = {
     fontSize: bn(n, d),
     fontWeight: kn(n, r),
     lineHeight: yn(n, s, d),
     ...l
-  }, m = u ? "typography-heading" : "typography-text";
+  }, x = u ? "typography-heading" : "typography-text";
   return /* @__PURE__ */ e.jsx(
-    x,
+    m,
     {
       ...c,
       style: h,
-      className: `${m} ${o}`,
+      className: `${x} ${o}`,
       children: i
     }
   );
-}, de = ne.forwardRef(
+}, ue = ne.forwardRef(
   ({
     icon: n,
     className: t = "",
@@ -438,16 +438,16 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
     style: a,
     rippleDisabled: d = !1,
     shadow: u = 0,
-    ...x
+    ...m
   }, h) => {
-    const m = k(
+    const x = b(
       (f) => {
         c || (l == null || l(f), !d && j(f));
       },
       [l, c]
     ), j = (f) => {
-      const p = f.currentTarget, _ = document.createElement("span"), b = Math.max(p.clientWidth, p.clientHeight), y = b / 2;
-      _.style.width = _.style.height = `${b}px`, _.style.left = `${f.clientX - p.getBoundingClientRect().left - y}px`, _.style.top = `${f.clientY - p.getBoundingClientRect().top - y}px`, _.classList.add("iconbutton-ripple");
+      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(_);
     };
@@ -460,18 +460,18 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
           ...a
         },
         className: `iconbutton iconbutton--${i} ${t} container_shadow-hover-${u}`,
-        onClick: m,
+        onClick: x,
         onContextMenu: o,
         disabled: c,
         "aria-disabled": c,
-        ...x,
+        ...m,
         children: /* @__PURE__ */ e.jsx("div", { className: `iconbutton-container ${r}`, children: n })
       }
     );
   }
 );
-de.displayName = "IconButton";
-const R = 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(
+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(
   "svg",
   {
     role: d.role,
@@ -485,23 +485,23 @@ const R = ne.forwardRef(({ className: n, onClick: t, children: r, dpi: s = "24",
     children: r
   }
 ));
-function V(n) {
+function F(n) {
   return {
     primaryColor: n.primaryColor ?? n.baseColor ?? "var(--icon-primary)",
     secondaryColor: n.secondaryColor ?? n.baseColor ?? "var(--icon-secondary)",
     tertiaryColor: n.tertiaryColor ?? n.baseColor ?? "var(--icon-tertiary)"
   };
 }
-const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...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" }) }), ue = (n) => /* @__PURE__ */ e.jsx(R, { ...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" }) }), 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: [
   /* @__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" })
 ] }) }) }), pe = (n) => {
-  const t = V(n);
-  return /* @__PURE__ */ e.jsx(R, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: "none", d: "M4 12.6111L8.92308 17.5L20 6.5", stroke: t.primaryColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+  const t = F(n);
+  return /* @__PURE__ */ e.jsx($, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: "none", d: "M4 12.6111L8.92308 17.5L20 6.5", stroke: t.primaryColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }, Ie = (n) => {
-  const t = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, children: [
+  const t = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e.jsxs("g", { id: "SVGRepo_iconCarrier", children: [
@@ -511,8 +511,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     ] })
   ] });
 }, wn = (n) => {
-  const t = V(n);
-  return /* @__PURE__ */ e.jsx(R, { ...n, dpi: "512", children: /* @__PURE__ */ e.jsxs("g", { style: { width: "100%" }, children: [
+  const t = F(n);
+  return /* @__PURE__ */ e.jsx($, { ...n, dpi: "512", children: /* @__PURE__ */ e.jsxs("g", { style: { width: "100%" }, children: [
     /* @__PURE__ */ e.jsx("path", { fill: t.primaryColor, d: `M133.977,245.743c4.662,1.718,9.756,2.564,15.006,2.315c7.873-0.355,15.159-3.118,21.05-7.512
                 c5.9-4.4,10.456-10.425,13.043-17.428c1.73-4.668,2.564-9.759,2.319-15.007c-0.355-7.873-3.119-15.162-7.513-21.05
                 c-4.398-5.894-10.432-10.457-17.431-13.052c-4.662-1.718-9.757-2.558-15-2.315c-7.877,0.361-15.162,3.118-21.056,7.513
@@ -567,8 +567,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
                 C466.998,391.463,488.499,332.501,486.476,270.708z` })
   ] }) });
 }, Sn = (n) => {
-  const t = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, children: [
+  const t = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, children: [
     /* @__PURE__ */ e.jsx("path", { stroke: t.primaryColor, fill: "none", d: "M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V12Z", strokeWidth: "1.5" }),
     /* @__PURE__ */ e.jsx("path", { fill: "none", d: "M7 4V2.5", stroke: t.primaryColor, strokeWidth: "1.5", strokeLinecap: "round" }),
     /* @__PURE__ */ e.jsx("path", { fill: "none", d: "M17 4V2.5", stroke: t.primaryColor, strokeWidth: "1.5", strokeLinecap: "round" }),
@@ -580,25 +580,25 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     /* @__PURE__ */ e.jsx("path", { d: "M8 17C8 17.5523 7.55228 18 7 18C6.44772 18 6 17.5523 6 17C6 16.4477 6.44772 16 7 16C7.55228 16 8 16.4477 8 17Z", fill: t.primaryColor }),
     /* @__PURE__ */ e.jsx("path", { d: "M8 13C8 13.5523 7.55228 14 7 14C6.44772 14 6 13.5523 6 13C6 12.4477 6.44772 12 7 12C7.55228 12 8 12.4477 8 13Z", fill: t.primaryColor })
   ] });
-}, en = (n) => /* @__PURE__ */ e.jsxs(R, { ...n, children: [
+}, en = (n) => /* @__PURE__ */ e.jsxs($, { ...n, children: [
   /* @__PURE__ */ e.jsx("circle", { stroke: "var(--On-surface-color)", fill: "none", cx: "12", cy: "12", r: "10", strokeWidth: "1.5" }),
   /* @__PURE__ */ e.jsx("path", { stroke: "var(--On-surface-color)", fill: "none", d: "M12 8V12L14.5 14.5", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
 ] }), He = (n) => {
-  const t = V(n);
-  return /* @__PURE__ */ e.jsx(R, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: t.primaryColor, fillRule: "evenodd", clipRule: "evenodd", d: "M5 13.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5zm14 0a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5zM13.75 12a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0z" }) });
+  const t = F(n);
+  return /* @__PURE__ */ e.jsx($, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: t.primaryColor, fillRule: "evenodd", clipRule: "evenodd", d: "M5 13.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5zm14 0a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5zM13.75 12a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0z" }) });
 }, Mn = (n) => {
-  const t = V(n);
-  return /* @__PURE__ */ e.jsx(R, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: t.primaryColor, fillRule: "evenodd", clipRule: "evenodd", d: "M12 6.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5zm0 14a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5zM13.75 12a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0z" }) });
+  const t = F(n);
+  return /* @__PURE__ */ e.jsx($, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: t.primaryColor, fillRule: "evenodd", clipRule: "evenodd", d: "M12 6.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5zm0 14a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5zM13.75 12a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0z" }) });
 }, Ln = (n) => {
-  const t = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, dpi: "52", children: [
+  const t = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, dpi: "52", children: [
     /* @__PURE__ */ e.jsx("path", { fill: t.primaryColor, d: "M50,12.5H2a2,2,0,0,1,0-4H50a2,2,0,0,1,0,4Z" }),
     /* @__PURE__ */ e.jsx("path", { fill: t.primaryColor, d: "M50,28H2a2,2,0,0,1,0-4H50a2,2,0,0,1,0,4Z" }),
     /* @__PURE__ */ e.jsx("path", { fill: t.primaryColor, d: "M50,43.5H2a2,2,0,0,1,0-4H50a2,2,0,0,1,0,4Z" })
   ] });
 }, nn = (n) => {
-  const t = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, dpi: "24", children: [
+  const t = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, dpi: "24", children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e.jsxs("g", { id: "SVGRepo_iconCarrier", children: [
@@ -608,8 +608,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     ] })
   ] });
 }, vt = (n) => {
-  const t = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, dpi: "24", children: [
+  const t = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, dpi: "24", children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e.jsxs("g", { id: "SVGRepo_iconCarrier", children: [
@@ -619,8 +619,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     ] })
   ] });
 }, gt = (n) => {
-  const t = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, dpi: "24", children: [
+  const t = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, dpi: "24", children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e.jsxs("g", { id: "SVGRepo_iconCarrier", children: [
@@ -629,12 +629,12 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
       " "
     ] })
   ] });
-}, tn = (n) => /* @__PURE__ */ e.jsxs(R, { ...n, children: [
+}, tn = (n) => /* @__PURE__ */ e.jsxs($, { ...n, children: [
   /* @__PURE__ */ e.jsx("path", { fill: "none", stroke: "var(--On-surface-color)", fillRule: "evenodd", clipRule: "evenodd", d: "M5.5 11.1455C5.49956 8.21437 7.56975 5.69108 10.4445 5.11883C13.3193 4.54659 16.198 6.08477 17.32 8.79267C18.4421 11.5006 17.495 14.624 15.058 16.2528C12.621 17.8815 9.37287 17.562 7.3 15.4895C6.14763 14.3376 5.50014 12.775 5.5 11.1455Z", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
   /* @__PURE__ */ e.jsx("path", { fill: "none", d: "M15.989 15.4905L19.5 19.0015", stroke: "var(--On-surface-color)", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
 ] }), bt = (n) => {
-  const { primaryColor: t, secondaryColor: r } = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, children: [
+  const { primaryColor: t, secondaryColor: r } = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { stroke: "none", strokeWidth: "0" }),
     /* @__PURE__ */ e.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e.jsxs("g", { children: [
@@ -705,18 +705,18 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
       )
     ] })
   ] });
-}, rn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, children: /* @__PURE__ */ e.jsx("path", { stroke: "var(--On-surface-color)", fill: "none", d: "M8 12H16M12 8V16M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), Ge = (n) => {
-  const t = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, children: [
+}, rn = (n) => /* @__PURE__ */ e.jsx($, { ...n, children: /* @__PURE__ */ e.jsx("path", { stroke: "var(--On-surface-color)", fill: "none", d: "M8 12H16M12 8V16M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), Ge = (n) => {
+  const t = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, children: [
     /* @__PURE__ */ e.jsx("path", { fill: "none", d: "M16 12L12 12L8 12", stroke: t.primaryColor, strokeWidth: "2", strokeLinecap: "round" }),
     /* @__PURE__ */ e.jsx("circle", { fill: "none", cx: "12", cy: "12", r: "10", stroke: t.primaryColor, strokeWidth: "2" })
   ] });
 }, $n = (n) => {
-  const t = V(n);
-  return /* @__PURE__ */ e.jsx(R, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: "none", stroke: t.primaryColor, d: "M15.4998 5.49994L18.3282 8.32837M3 20.9997L3.04745 20.6675C3.21536 19.4922 3.29932 18.9045 3.49029 18.3558C3.65975 17.8689 3.89124 17.4059 4.17906 16.9783C4.50341 16.4963 4.92319 16.0765 5.76274 15.237L17.4107 3.58896C18.1918 2.80791 19.4581 2.80791 20.2392 3.58896C21.0202 4.37001 21.0202 5.63634 20.2392 6.41739L8.37744 18.2791C7.61579 19.0408 7.23497 19.4216 6.8012 19.7244C6.41618 19.9932 6.00093 20.2159 5.56398 20.3879C5.07171 20.5817 4.54375 20.6882 3.48793 20.9012L3 20.9997Z", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+  const t = F(n);
+  return /* @__PURE__ */ e.jsx($, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: "none", stroke: t.primaryColor, d: "M15.4998 5.49994L18.3282 8.32837M3 20.9997L3.04745 20.6675C3.21536 19.4922 3.29932 18.9045 3.49029 18.3558C3.65975 17.8689 3.89124 17.4059 4.17906 16.9783C4.50341 16.4963 4.92319 16.0765 5.76274 15.237L17.4107 3.58896C18.1918 2.80791 19.4581 2.80791 20.2392 3.58896C21.0202 4.37001 21.0202 5.63634 20.2392 6.41739L8.37744 18.2791C7.61579 19.0408 7.23497 19.4216 6.8012 19.7244C6.41618 19.9932 6.00093 20.2159 5.56398 20.3879C5.07171 20.5817 4.54375 20.6882 3.48793 20.9012L3 20.9997Z", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }, Rn = (n) => {
-  const t = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, children: [
+  const t = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, children: [
     /* @__PURE__ */ e.jsx("path", { fill: t.primaryColor, d: "M7 9C7 9.55229 6.55229 10 6 10C5.44772 10 5 9.55229 5 9C5 8.44772 5.44772 8 6 8C6.55229 8 7 8.44772 7 9Z" }),
     /* @__PURE__ */ e.jsx("path", { fill: t.primaryColor, d: "M7 12C7 12.5523 6.55229 13 6 13C5.44772 13 5 12.5523 5 12C5 11.4477 5.44772 11 6 11C6.55229 11 7 11.4477 7 12Z" }),
     /* @__PURE__ */ e.jsx("path", { fill: t.primaryColor, d: "M10 12C10 12.5523 9.55229 13 9 13C8.44772 13 8 12.5523 8 12C8 11.4477 8.44772 11 9 11C9.55229 11 10 11.4477 10 12Z" }),
@@ -730,17 +730,17 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     /* @__PURE__ */ e.jsx("path", { fill: t.primaryColor, fillRule: "evenodd", clipRule: "evenodd", d: "M7.94513 4.25H16.0549C17.4225 4.24998 18.5248 4.24996 19.3918 4.36652C20.2919 4.48754 21.0497 4.74643 21.6517 5.34835C22.2536 5.95027 22.5125 6.70814 22.6335 7.60825C22.75 8.47522 22.75 9.57754 22.75 10.9451V13.0549C22.75 14.4225 22.75 15.5248 22.6335 16.3918C22.5125 17.2919 22.2536 18.0497 21.6517 18.6517C21.0497 19.2536 20.2919 19.5125 19.3918 19.6335C18.5248 19.75 17.4225 19.75 16.0549 19.75H7.94513C6.57754 19.75 5.47522 19.75 4.60825 19.6335C3.70814 19.5125 2.95027 19.2536 2.34835 18.6517C1.74643 18.0497 1.48754 17.2919 1.36652 16.3918C1.24996 15.5248 1.24998 14.4225 1.25 13.0549V10.9451C1.24998 9.57754 1.24996 8.47522 1.36652 7.60825C1.48754 6.70814 1.74643 5.95027 2.34835 5.34835C2.95027 4.74643 3.70814 4.48754 4.60825 4.36652C5.47522 4.24996 6.57754 4.24998 7.94513 4.25ZM4.80812 5.85315C4.07435 5.9518 3.68577 6.13225 3.40901 6.40901C3.13225 6.68577 2.9518 7.07435 2.85315 7.80812C2.75159 8.56347 2.75 9.56458 2.75 11V13C2.75 14.4354 2.75159 15.4365 2.85315 16.1919C2.9518 16.9257 3.13225 17.3142 3.40901 17.591C3.68577 17.8678 4.07435 18.0482 4.80812 18.1469C5.56347 18.2484 6.56458 18.25 8 18.25H16C17.4354 18.25 18.4365 18.2484 19.1919 18.1469C19.9257 18.0482 20.3142 17.8678 20.591 17.591C20.8678 17.3142 21.0482 16.9257 21.1469 16.1919C21.2484 15.4365 21.25 14.4354 21.25 13V11C21.25 9.56459 21.2484 8.56347 21.1469 7.80812C21.0482 7.07435 20.8678 6.68577 20.591 6.40901C20.3142 6.13225 19.9257 5.9518 19.1919 5.85315C18.4365 5.75159 17.4354 5.75 16 5.75H8C6.56458 5.75 5.56347 5.75159 4.80812 5.85315ZM6.25 16C6.25 15.5858 6.58579 15.25 7 15.25H17C17.4142 15.25 17.75 15.5858 17.75 16C17.75 16.4142 17.4142 16.75 17 16.75H7C6.58579 16.75 6.25 16.4142 6.25 16Z" })
   ] });
 }, En = (n) => {
-  const t = V(n);
-  return /* @__PURE__ */ e.jsx(R, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: "none", d: "M6 12H18M12 6V18", stroke: t.primaryColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+  const t = F(n);
+  return /* @__PURE__ */ e.jsx($, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: "none", d: "M6 12H18M12 6V18", stroke: t.primaryColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }, Fn = (n) => {
-  const t = V(n);
-  return /* @__PURE__ */ e.jsx(R, { ...n, children: /* @__PURE__ */ e.jsx("path", { d: "M6 12L18 12", fill: "none", stroke: t.primaryColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+  const t = F(n);
+  return /* @__PURE__ */ e.jsx($, { ...n, children: /* @__PURE__ */ e.jsx("path", { d: "M6 12L18 12", fill: "none", stroke: t.primaryColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }, kt = (n) => {
-  const t = V(n);
-  return /* @__PURE__ */ e.jsx(R, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: "none", d: "M17 9V12C17 14.7614 14.7614 17 12 17M7 9V12C7 14.7614 9.23858 17 12 17M12 17V21M8 3V6M16 3V6M5 9H19", stroke: t.primaryColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+  const t = F(n);
+  return /* @__PURE__ */ e.jsx($, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: "none", d: "M17 9V12C17 14.7614 14.7614 17 12 17M7 9V12C7 14.7614 9.23858 17 12 17M12 17V21M8 3V6M16 3V6M5 9H19", stroke: t.primaryColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }, yt = (n) => {
-  const { primaryColor: t } = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, children: [
+  const { primaryColor: t } = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e.jsxs("g", { id: "SVGRepo_iconCarrier", children: [
@@ -787,8 +787,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     ] })
   ] });
 }, Nt = (n) => {
-  const { primaryColor: t } = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, children: [
+  const { primaryColor: t } = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
     /* @__PURE__ */ e.jsx(
       "g",
@@ -820,8 +820,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     ) })
   ] });
 }, wt = (n) => {
-  const { primaryColor: t } = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, children: [
+  const { primaryColor: t } = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e.jsxs("g", { id: "SVGRepo_iconCarrier", children: [
@@ -831,8 +831,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     ] })
   ] });
 }, St = (n) => {
-  const { primaryColor: t, secondaryColor: r } = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, children: [
+  const { primaryColor: t, secondaryColor: r } = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e.jsxs("g", { id: "SVGRepo_iconCarrier", children: [
@@ -889,8 +889,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     ] })
   ] });
 }, Mt = (n) => {
-  const { primaryColor: t, secondaryColor: r } = V(n);
-  return /* @__PURE__ */ e.jsx(R, { ...n, children: /* @__PURE__ */ e.jsxs("g", { id: "SVGRepo_iconCarrier", children: [
+  const { primaryColor: t, secondaryColor: r } = F(n);
+  return /* @__PURE__ */ e.jsx($, { ...n, children: /* @__PURE__ */ e.jsxs("g", { id: "SVGRepo_iconCarrier", children: [
     /* @__PURE__ */ e.jsx(
       "path",
       {
@@ -924,8 +924,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     )
   ] }) });
 }, Lt = (n) => {
-  const { primaryColor: t, secondaryColor: r } = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, children: [
+  const { primaryColor: t, secondaryColor: r } = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e.jsxs("g", { id: "SVGRepo_iconCarrier", children: [
@@ -976,8 +976,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     ] })
   ] });
 }, $t = (n) => {
-  const { primaryColor: t, secondaryColor: r } = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, children: [
+  const { primaryColor: t, secondaryColor: r } = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e.jsxs("g", { id: "SVGRepo_iconCarrier", children: [
@@ -1040,8 +1040,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     ] })
   ] });
 }, Rt = (n) => {
-  const { primaryColor: t, secondaryColor: r } = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, children: [
+  const { primaryColor: t, secondaryColor: r } = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e.jsxs("g", { id: "SVGRepo_iconCarrier", children: [
@@ -1096,8 +1096,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     ] })
   ] });
 }, Et = (n) => {
-  const { primaryColor: t, secondaryColor: r } = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, children: [
+  const { primaryColor: t, secondaryColor: r } = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e.jsxs("g", { id: "SVGRepo_iconCarrier", children: [
@@ -1166,8 +1166,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     ] })
   ] });
 }, Ft = (n) => {
-  const { primaryColor: t } = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, children: [
+  const { primaryColor: t } = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
     /* @__PURE__ */ e.jsx(
       "g",
@@ -1213,8 +1213,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     ] })
   ] });
 }, Vt = (n) => {
-  const { primaryColor: t } = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, dpi: "124", children: [
+  const { primaryColor: t } = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, dpi: "124", children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_iconCarrier", children: /* @__PURE__ */ e.jsx("g", { children: /* @__PURE__ */ e.jsx(
@@ -1252,8 +1252,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     ) }) })
   ] });
 }, Vn = (n) => {
-  const { primaryColor: t, secondaryColor: r } = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, children: [
+  const { primaryColor: t, secondaryColor: r } = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_iconCarrier", children: /* @__PURE__ */ e.jsx("g", { id: "style=stroke", children: /* @__PURE__ */ e.jsxs("g", { id: "copy", children: [
@@ -1290,8 +1290,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     ] }) }) })
   ] });
 }, Tt = (n) => {
-  const { primaryColor: t, secondaryColor: r } = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, children: [
+  const { primaryColor: t, secondaryColor: r } = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { strokeWidth: "0" }),
     /* @__PURE__ */ e.jsx("g", { strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e.jsxs("g", { children: [
@@ -1325,8 +1325,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     ] })
   ] });
 }, Ot = (n) => {
-  const { primaryColor: t, secondaryColor: r } = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, viewBox: "0 0 512 512", children: [
+  const { primaryColor: t, secondaryColor: r } = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, viewBox: "0 0 512 512", children: [
     /* @__PURE__ */ e.jsx(
       "path",
       {
@@ -1357,8 +1357,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     )
   ] });
 }, At = (n) => {
-  const { primaryColor: t, secondaryColor: r } = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, viewBox: "0 0 24 24", children: [
+  const { primaryColor: t, secondaryColor: r } = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, viewBox: "0 0 24 24", children: [
     /* @__PURE__ */ e.jsx(
       "path",
       {
@@ -1407,8 +1407,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     )
   ] });
 }, Dt = (n) => {
-  const { primaryColor: t, secondaryColor: r } = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, viewBox: "0 0 24 24", children: [
+  const { primaryColor: t, secondaryColor: r } = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, viewBox: "0 0 24 24", children: [
     /* @__PURE__ */ e.jsx(
       "path",
       {
@@ -1448,8 +1448,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     )
   ] });
 }, Tn = (n) => {
-  const { primaryColor: t } = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, viewBox: "0 0 24 24", children: [
+  const { primaryColor: t } = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, viewBox: "0 0 24 24", children: [
     /* @__PURE__ */ e.jsx(
       "path",
       {
@@ -1466,8 +1466,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     )
   ] });
 }, Ss = Tn, It = (n) => {
-  const { primaryColor: t } = V(n);
-  return /* @__PURE__ */ e.jsx(R, { ...n, children: /* @__PURE__ */ e.jsxs("g", { children: [
+  const { primaryColor: t } = F(n);
+  return /* @__PURE__ */ e.jsx($, { ...n, children: /* @__PURE__ */ e.jsxs("g", { children: [
     /* @__PURE__ */ e.jsx(
       "path",
       {
@@ -1492,8 +1492,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     )
   ] }) });
 }, Ht = (n) => {
-  const { primaryColor: t } = V(n);
-  return /* @__PURE__ */ e.jsx(R, { ...n, children: /* @__PURE__ */ e.jsxs("g", { children: [
+  const { primaryColor: t } = F(n);
+  return /* @__PURE__ */ e.jsx($, { ...n, children: /* @__PURE__ */ e.jsxs("g", { children: [
     /* @__PURE__ */ e.jsx(
       "path",
       {
@@ -1528,8 +1528,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     )
   ] }) });
 }, zt = (n) => {
-  const { primaryColor: t } = V(n);
-  return /* @__PURE__ */ e.jsx(R, { ...n, children: /* @__PURE__ */ e.jsxs("g", { children: [
+  const { primaryColor: t } = F(n);
+  return /* @__PURE__ */ e.jsx($, { ...n, children: /* @__PURE__ */ e.jsxs("g", { children: [
     /* @__PURE__ */ e.jsx(
       "path",
       {
@@ -1563,8 +1563,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     )
   ] }) });
 }, Pt = (n) => {
-  const { primaryColor: t } = V(n);
-  return /* @__PURE__ */ e.jsx(R, { ...n, children: /* @__PURE__ */ e.jsxs("g", { children: [
+  const { primaryColor: t } = F(n);
+  return /* @__PURE__ */ e.jsx($, { ...n, children: /* @__PURE__ */ e.jsxs("g", { children: [
     /* @__PURE__ */ e.jsx(
       "path",
       {
@@ -1611,8 +1611,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     )
   ] }) });
 }, Bt = (n) => {
-  const { primaryColor: t } = V(n);
-  return /* @__PURE__ */ e.jsx(R, { ...n, viewBox: "0 0 512 512", fill: "none", children: /* @__PURE__ */ e.jsxs("g", { fill: t, children: [
+  const { primaryColor: t } = F(n);
+  return /* @__PURE__ */ e.jsx($, { ...n, viewBox: "0 0 512 512", fill: "none", children: /* @__PURE__ */ e.jsxs("g", { fill: t, children: [
     /* @__PURE__ */ e.jsx("rect", { y: "233.666", width: "68.805", height: "32" }),
     /* @__PURE__ */ e.jsx("path", { d: `M378.438,6.556c0,0,2.328,10.203,6.258,26.297h-257.39c3.93-16.094,6.258-26.297,6.258-26.297H0v213.992
                     h68.805c16.633-31.969,36.039-100.102,49.242-150.953H242v333.039H117.617L64.758,278.915H0v217.883c0,0,24.282,19.453,68.805,0
@@ -1634,8 +1634,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     )
   ] }) });
 }, On = (n) => {
-  const { primaryColor: t } = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, viewBox: "0 0 24 24", fill: "none", children: [
+  const { primaryColor: t } = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, viewBox: "0 0 24 24", fill: "none", children: [
     /* @__PURE__ */ e.jsx(
       "path",
       {
@@ -1661,8 +1661,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     )
   ] });
 }, Wt = (n) => {
-  const { primaryColor: t } = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, dpi: "24", children: [
+  const { primaryColor: t } = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, dpi: "24", children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_iconCarrier", children: /* @__PURE__ */ e.jsx(
@@ -1676,8 +1676,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     ) })
   ] });
 }, Gt = (n) => {
-  const t = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, dpi: "72", viewBox: "0 -8 72 72", children: [
+  const t = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, dpi: "72", viewBox: "0 -8 72 72", children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e.jsxs("g", { id: "SVGRepo_iconCarrier", children: [
@@ -1705,8 +1705,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     ] })
   ] });
 }, Zt = (n) => {
-  const { primaryColor: t, secondaryColor: r } = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, children: [
+  const { primaryColor: t, secondaryColor: r } = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e.jsxs("g", { id: "SVGRepo_iconCarrier", children: [
@@ -1753,8 +1753,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     ] })
   ] });
 }, Yt = (n) => {
-  const { primaryColor: t } = V(n);
-  return /* @__PURE__ */ e.jsxs(R, { ...n, dpi: "30", children: [
+  const { primaryColor: t } = F(n);
+  return /* @__PURE__ */ e.jsxs($, { ...n, dpi: "30", children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_tracerCarrier", strokeLinecap: "round", strokeLinejoin: "round" }),
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_iconCarrier", children: /* @__PURE__ */ e.jsx("g", { transform: "translate(-4,-8) scale(1.4)", children: /* @__PURE__ */ e.jsx(
@@ -1791,11 +1791,11 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
   marginBottom: a,
   maxWidth: d = "560px",
   showCloseButton: u = !1,
-  ariaLabel: x
+  ariaLabel: m
 }) => {
   const h = () => {
     i && i();
-  }, m = {
+  }, x = {
     ...l,
     marginBottom: a,
     maxWidth: typeof d == "number" ? `${d}px` : d
@@ -1808,21 +1808,21 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
       children: /* @__PURE__ */ e.jsxs(
         "div",
         {
-          style: m,
+          style: x,
           className: `${o ? "" : "dialog-template__container dialog-template_base dialog-template_color_surface-container"} dialog-template ${n}`,
           role: "dialog",
           "aria-modal": "true",
-          "aria-label": x || r,
+          "aria-label": m || r,
           children: [
             r && /* @__PURE__ */ e.jsxs("div", { className: "dialog-template__container__header dialog-template__container__header_color_surface-container", children: [
               /* @__PURE__ */ e.jsx(U, { type: "heading", children: r }),
               u && /* @__PURE__ */ e.jsx(
-                de,
+                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(ue, {})
+                  icon: /* @__PURE__ */ e.jsx(de, {})
                 }
               )
             ] }),
@@ -1898,13 +1898,13 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
   children: a,
   disableDefaultButtons: d = !1,
   customActions: u,
-  btns: x
+  btns: m
 }) => {
-  const h = k(() => {
+  const h = b(() => {
     l == null || l(), c == null || c();
-  }, [l, c]), m = k(() => {
+  }, [l, c]), x = b(() => {
     o == null || o(), c == null || c();
-  }, [o, c]), j = k(() => u || (d ? null : x ? /* @__PURE__ */ e.jsx(ze, { onHide: m, onSuccess: h, btns: x }) : /* @__PURE__ */ e.jsx(ze, { onHide: m, onSuccess: h, btns: [
+  }, [o, c]), j = b(() => u || (d ? null : m ? /* @__PURE__ */ e.jsx(ze, { onHide: x, onSuccess: h, btns: m }) : /* @__PURE__ */ e.jsx(ze, { onHide: x, onSuccess: h, btns: [
     {
       text: i,
       hide: !0,
@@ -1914,13 +1914,13 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
       text: s ?? "OK",
       success: !0
     }
-  ] })), [u, d, m, h, s, i]);
+  ] })), [u, d, x, h, s, i]);
   return /* @__PURE__ */ e.jsxs(
     Ee,
     {
       style: n,
       header: r,
-      onHide: m,
+      onHide: x,
       action: j(),
       children: [
         t && /* @__PURE__ */ e.jsx(U, { type: "body", children: t }),
@@ -1928,7 +1928,7 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
       ]
     }
   );
-}, _e = ({ children: n, container: t = document.body }) => t ? mt.createPortal(
+}, _e = ({ children: n, container: t = document.body }) => t ? xt.createPortal(
   n,
   t
 ) : /* @__PURE__ */ e.jsx("p", { children: "container not found" }), Xt = ({ container: n, text: t, header: r, onClick: s, styleType: i, ...l }) => {
@@ -1946,36 +1946,36 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
   disabled: l,
   ...o
 }) => {
-  const [c, a] = g(!1), d = k(async (h) => {
+  const [c, a] = g(!1), d = b(async (h) => {
     if (!l) {
       try {
         await navigator.clipboard.writeText(n), a(!0), setTimeout(() => a(!1), r);
-      } catch (m) {
-        console.error("Не удалось скопировать текст", m);
+      } catch (x) {
+        console.error("Не удалось скопировать текст", x);
       }
       i == null || i(h);
     }
-  }, [n, l, r, i]), u = c ? /* @__PURE__ */ e.jsx(pe, { "aria-hidden": "true" }) : /* @__PURE__ */ e.jsx(Vn, { "aria-hidden": "true" }), x = c ? "Скопировано!" : "Копировать";
+  }, [n, l, r, i]), u = c ? /* @__PURE__ */ e.jsx(pe, { "aria-hidden": "true" }) : /* @__PURE__ */ e.jsx(Vn, { "aria-hidden": "true" }), m = c ? "Скопировано!" : "Копировать";
   return t ? /* @__PURE__ */ e.jsxs("div", { className: "copy-button", children: [
     /* @__PURE__ */ e.jsx(
-      de,
+      ue,
       {
         icon: u,
         onClick: d,
         disabled: l,
-        "aria-label": `${x} ${n}`,
+        "aria-label": `${m} ${n}`,
         className: s,
         ...o
       }
     ),
-    /* @__PURE__ */ e.jsx(U, { type: "body", "aria-live": "polite", children: x })
+    /* @__PURE__ */ e.jsx(U, { type: "body", "aria-live": "polite", children: m })
   ] }) : /* @__PURE__ */ e.jsx(
-    de,
+    ue,
     {
       icon: u,
       onClick: d,
       disabled: l,
-      "aria-label": `${x} ${n}`,
+      "aria-label": `${m} ${n}`,
       className: s,
       ...o
     }
@@ -1986,7 +1986,7 @@ const Kt = ({ valueDisplayDuration: n = 2e3 }) => {
   const [t, r] = g(
     2
     /* CLOSE */
-  ), s = G(null), i = G(null), l = () => {
+  ), s = Z(null), i = Z(null), l = () => {
     r(
       1
       /* HIDING */
@@ -2004,7 +2004,7 @@ const Kt = ({ valueDisplayDuration: n = 2e3 }) => {
       l();
     }, n));
   };
-  return O(() => () => {
+  return T(() => () => {
     s.current && window.clearTimeout(s.current), i.current && window.clearTimeout(i.current);
   }, []), {
     showPopup: o,
@@ -2113,15 +2113,15 @@ const qt = Ne, Jt = (n) => {
 function Dn(n, t, r) {
   if (n === 0) return r ?? "#e0e0e0";
   if (n === 1) return t;
-  const s = r ? Ne(r) : null, i = (s == null ? void 0 : s.r) ?? 224, l = (s == null ? void 0 : s.g) ?? 224, o = (s == null ? void 0 : s.b) ?? 224, c = parseInt(t.substring(1, 3), 16), a = parseInt(t.substring(3, 5), 16), d = parseInt(t.substring(5, 7), 16), u = Math.round(i + n * (c - i)), x = Math.round(l + n * (a - l)), h = Math.round(o + n * (d - o));
-  return `rgb(${u}, ${x}, ${h})`;
+  const s = r ? Ne(r) : null, i = (s == null ? void 0 : s.r) ?? 224, l = (s == null ? void 0 : s.g) ?? 224, o = (s == null ? void 0 : s.b) ?? 224, c = parseInt(t.substring(1, 3), 16), a = parseInt(t.substring(3, 5), 16), d = parseInt(t.substring(5, 7), 16), u = Math.round(i + n * (c - i)), m = Math.round(l + n * (a - l)), h = Math.round(o + n * (d - o));
+  return `rgb(${u}, ${m}, ${h})`;
 }
 const ae = (n, t, r = "", s) => {
-  let i, l, o, c, a, d, u, x = Math.round, h = typeof r == "string";
+  let i, l, o, c, a, d, u, m = Math.round, h = typeof r == "string";
   if (typeof n != "number" || n < -1 || n > 1 || typeof t != "string" || t[0] != "r" && t[0] != "#" || r && !h || (u = t.length > 9, u = h ? typeof r == "string" && r.length > 9 ? !0 : r == "c" ? !u : !1 : u, a = ae.pSBCr(t), c = n < 0, d = r && typeof r == "string" && r != "c" ? ae.pSBCr(r) : c ? { r: 0, g: 0, b: 0, a: -1 } : { r: 255, g: 255, b: 255, a: -1 }, n = c ? n * -1 : n, c = 1 - n, !a || !d)) return null;
-  s ? (i = x(c * (a.r ?? 0) + n * (d.r ?? 0)), l = x(c * (a.g ?? 0) + n * (d.g ?? 0)), o = x(c * (a.b ?? 0) + n * (d.b ?? 0))) : (i = x((c * (a.r ?? 0) ** 2 + n * (d.r ?? 0) ** 2) ** 0.5), l = x((c * (a.g ?? 0) ** 2 + n * (d.g ?? 0) ** 2) ** 0.5), o = x((c * (a.b ?? 0) ** 2 + n * (d.b ?? 0) ** 2) ** 0.5));
-  let m = a.a ?? 1;
-  return d = d.a ?? 1, a = m >= 0 || d >= 0, m = m >= 0 || d >= 0 ? m < 0 ? d : d < 0 ? m : m * c + d * n : 0, u ? "rgb" + (a ? "a(" : "(") + i + "," + l + "," + o + (a ? "," + x(m * 1e3) / 1e3 : "") + ")" : "#" + (4294967296 + i * 16777216 + l * 65536 + o * 256 + (a ? x(m * 255) : 0)).toString(16).slice(1, a ? void 0 : -2);
+  s ? (i = m(c * (a.r ?? 0) + n * (d.r ?? 0)), l = m(c * (a.g ?? 0) + n * (d.g ?? 0)), o = m(c * (a.b ?? 0) + n * (d.b ?? 0))) : (i = m((c * (a.r ?? 0) ** 2 + n * (d.r ?? 0) ** 2) ** 0.5), l = m((c * (a.g ?? 0) ** 2 + n * (d.g ?? 0) ** 2) ** 0.5), o = m((c * (a.b ?? 0) ** 2 + n * (d.b ?? 0) ** 2) ** 0.5));
+  let x = a.a ?? 1;
+  return d = d.a ?? 1, a = x >= 0 || d >= 0, x = x >= 0 || d >= 0 ? x < 0 ? d : d < 0 ? x : x * c + d * n : 0, u ? "rgb" + (a ? "a(" : "(") + i + "," + l + "," + o + (a ? "," + m(x * 1e3) / 1e3 : "") + ")" : "#" + (4294967296 + i * 16777216 + l * 65536 + o * 256 + (a ? m(x * 255) : 0)).toString(16).slice(1, a ? void 0 : -2);
 };
 ae.pSBCr = (n) => {
   const t = parseInt;
@@ -2248,13 +2248,13 @@ const In = {
   })
 };
 function er(n, t = !1) {
-  const [r, s] = g({ ...In, ...n }), [i, l] = g(t), o = k(
+  const [r, s] = g({ ...In, ...n }), [i, l] = g(t), o = b(
     (a, d) => {
       const u = Qt[a];
       if (!u) return;
-      const x = u(d, i);
-      s((h) => ({ ...h, ...x })), Object.entries(x).forEach(([h, m]) => {
-        document.body.style.setProperty(`--${h.replace(/_/g, "-")}`, m);
+      const m = u(d, i);
+      s((h) => ({ ...h, ...m })), Object.entries(m).forEach(([h, x]) => {
+        document.body.style.setProperty(`--${h.replace(/_/g, "-")}`, x);
       });
     },
     [i]
@@ -2308,44 +2308,44 @@ 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 = k(
-    (m) => {
-      const j = t[m].colors;
+  ), [s, i] = g(n), { colors: l, setColor: o, setReverse: c } = er(t[s].colors, t[s].reverse), a = b(
+    (x) => {
+      const j = t[x].colors;
       j && (Object.entries(j).forEach(([f, p]) => {
         o(f, p);
-      }), c(t[m].reverse ?? !1), i(m));
+      }), c(t[x].reverse ?? !1), i(x));
     },
     [t, o]
   );
-  O(() => {
+  T(() => {
     a(s);
   }, [s, a]);
-  const d = k(
-    (m, j, f) => {
+  const d = b(
+    (x, j, f) => {
       r((p) => ({
         ...p,
-        [m]: {
-          colors: { ...p[m].colors, [j]: f },
-          reverse: p[m].reverse
+        [x]: {
+          colors: { ...p[x].colors, [j]: f },
+          reverse: p[x].reverse
         }
       }));
     },
     []
-  ), u = k((m, j = "light", f) => {
+  ), u = b((x, j = "light", f) => {
     r((p) => ({
       ...p,
-      [m]: { colors: p[j].colors, reverse: f === void 0 ? p[j].reverse : f }
+      [x]: { colors: p[j].colors, reverse: f === void 0 ? p[j].reverse : f }
     }));
-  }, []), x = k((m) => {
+  }, []), m = b((x) => {
     r((j) => {
       const f = { ...j };
-      return delete f[m], f;
-    }), s === m && i("light");
-  }, [s]), h = k(
-    (m) => {
-      Xe[m] && r((j) => ({
+      return delete f[x], f;
+    }), s === x && i("light");
+  }, [s]), h = b(
+    (x) => {
+      Xe[x] && r((j) => ({
         ...j,
-        [m]: { ...Xe[m] }
+        [x]: { ...Xe[x] }
       }));
     },
     []
@@ -2357,7 +2357,7 @@ function rr(n = "light") {
     setActiveTheme: a,
     updateThemeColor: d,
     createTheme: u,
-    deleteTheme: x,
+    deleteTheme: m,
     resetTheme: h
   };
 }
@@ -2386,41 +2386,41 @@ const $e = () => {
   orientation: a = "horizontal",
   styleTrack: d = "base",
   showValue: u = !0,
-  valueDisplayDuration: x = 2e3,
+  valueDisplayDuration: m = 2e3,
   ariaLabel: h = "Регулятор значения",
-  startColor: m,
+  startColor: x,
   className: j = "",
   ...f
 }) => {
-  const p = G(null), _ = G(null), [b, y] = g(c ?? s), [v, M] = g("200px"), { colors: F } = Ce(sn), { showPopup: B, popupState: A } = Kt({ valueDisplayDuration: x }), w = n ?? F.Primary_color ?? "#0000ff";
-  O(() => {
-    var L;
-    if (a === "vertical" && ((L = _.current) != null && L.parentElement)) {
-      const T = () => {
-        var Z, C;
-        const q = (C = (Z = _.current) == null ? void 0 : Z.parentElement) == null ? void 0 : C.clientHeight;
-        q && M(`${q}px`);
+  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(() => {
+    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`);
       };
-      T();
-      const Y = new ResizeObserver(T);
-      return _.current.parentElement && Y.observe(_.current.parentElement), () => Y.disconnect();
+      O();
+      const A = new ResizeObserver(O);
+      return _.current.parentElement && A.observe(_.current.parentElement), () => A.disconnect();
     }
-  }, [a]), O(() => {
-    c !== void 0 && (y(c), z());
+  }, [a]), T(() => {
+    c !== void 0 && (y(c), P());
   }, [c]);
-  const z = k(() => {
-    u && B();
-  }, [B]), D = (L) => {
-    const T = parseFloat(L.target.value);
-    y(T), z(), r == null || r(L);
-  }, E = oe(
-    () => i !== s ? (b - s) / (i - s) * 100 : 0,
-    [b, s, i]
+  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"]: `${E}%`,
-    background: d === "point" ? "transperent" : d === "static-color" ? w : Dn(E / 100, w, m)
-  }), [E, w, f.style, a, d]), I = oe(() => a === "vertical" ? {
+    [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",
     "--point-opacity": d === "point" ? "1" : "0",
@@ -2450,7 +2450,7 @@ const $e = () => {
       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(b).toString(), state: A, className: "value-popup" })
+          /* @__PURE__ */ e.jsx(An, { text: Math.round(k).toString(), state: z, className: "value-popup" })
         ] }),
         /* @__PURE__ */ e.jsx(
           "input",
@@ -2461,17 +2461,17 @@ const $e = () => {
             style: S,
             max: i,
             step: l,
-            value: b,
+            value: k,
             onChange: D,
             onFocus: f.onFocus,
             onBlur: f.onBlur,
             className: "slider-input",
             "aria-orientation": a,
-            "aria-valuenow": b,
+            "aria-valuenow": k,
             "aria-valuemin": s,
             "aria-valuemax": i,
             "aria-label": h,
-            "aria-valuetext": `${b} из ${i}`,
+            "aria-valuetext": `${k} из ${i}`,
             ...f
           }
         )
@@ -2490,23 +2490,23 @@ const $e = () => {
   strokeWidth: a = 20,
   radius: d = 100,
   colorBg: u = "var(--Surface-container-color)",
-  colorRange: x,
+  colorRange: m,
   pointColor: h,
-  showBase: m = !0,
+  showBase: x = !0,
   showIndicator: j = !0,
   showPoint: f = !1,
   rounding: p = !0,
   showValue: _ = !0,
-  style: b,
+  style: k,
   children: y,
   className: v,
   startColor: M
 }) => {
-  const F = G(null), B = G(!1), A = d * 2, w = d * 2, z = Math.min(A, w), D = A / 2, E = w / 2, N = z / 2 - a / 2, I = c === "point" ? !1 : j, S = c === "point" ? !0 : f, { colors: L } = Ce(sn), T = x ?? L.Primary_color ?? "#0000ff", Y = h ?? L.Primary_color ?? "#0000ff", [q, Z] = g(r);
-  O(() => {
-    r !== void 0 && Z(r);
+  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);
   }, [r]);
-  const C = k(() => {
+  const C = b(() => {
     switch (o) {
       case "semicircle":
         return 180;
@@ -2515,68 +2515,68 @@ const $e = () => {
       default:
         return 360;
     }
-  }, [o]), $ = k(() => 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 ? (q - n) / (t - n) * 100 : 0,
-    [q, n, t]
-  ), K = k(() => {
-    if (!F.current) return;
-    const [W, he] = $(), je = (q - n) * he / (t - n);
-    if (m) {
-      const X = F.current.querySelector('[data-el="base"]');
-      X && (X.style.stroke = u, X.style.strokeWidth = a.toString(), X.style.strokeLinecap = p ? "round" : "", X.style.strokeDashoffset = W.toString(), X.style.strokeDasharray = `${he}, ${N * Math.PI * 2 - he}`);
+  }, [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);
+    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}`);
     }
     if (I) {
-      const X = F.current.querySelector('[data-el="indicator"]');
+      const X = V.current.querySelector('[data-el="indicator"]');
       if (X) {
-        const me = parseFloat(X.dataset.percentage ?? "");
-        me !== null && (me < H - 2 || me > H + 2) ? X.style.transition = ".3s" : X.style.transition = B.current ? "none" : ".3s", X.dataset.percentage = H.toString(), X.style.stroke = c === "static-color" ? T : Dn(H / 100, T, M), X.style.strokeWidth = a.toString(), X.style.strokeLinecap = p ? "round" : "", X.style.strokeDashoffset = W.toString(), X.style.strokeDasharray = `${je}, ${N * Math.PI * 2 - je}`;
+        const xe = parseFloat(X.dataset.percentage ?? "");
+        xe !== null && (xe < H - 2 || xe > H + 2) ? X.style.transition = ".3s" : X.style.transition = 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 (S) {
-      const X = F.current.querySelector('[data-el="point"]');
+      const X = V.current.querySelector('[data-el="point"]');
       if (X) {
-        const me = parseFloat(X.dataset.percentage ?? "");
-        me !== null && (me < H - 2 || me > H + 2) ? X.style.transition = ".3s" : X.style.transition = B.current ? "none" : ".3s", X.dataset.percentage = H.toString(), X.style.stroke = Y, X.style.strokeWidth = a.toString(), X.style.strokeLinecap = "round", q === t && o === "semicircle" ? X.style.strokeDashoffset = "0" : X.style.strokeDashoffset = (W - je).toString(), X.style.strokeDasharray = `0, ${N * Math.PI * 2}`;
+        const xe = parseFloat(X.dataset.percentage ?? "");
+        xe !== null && (xe < H - 2 || xe > H + 2) ? X.style.transition = ".3s" : X.style.transition = 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}`;
       }
     }
-  }, [q, $, t, n, N, a, u, T, Y, m, I, S, p, H, M]), J = (W) => {
-    B.current = !0, document.addEventListener("mousemove", te), document.addEventListener("mouseup", Q), ie(W);
-  }, te = (W) => {
-    W.preventDefault(), B.current && ie(W);
+  }, [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 = () => {
-    B.current = !1, document.removeEventListener("mousemove", te), document.removeEventListener("mouseup", Q);
-  }, ie = k((W) => {
-    if (!F.current) return;
-    const he = C(), je = F.current.getBoundingClientRect(), X = je.left + je.width / 2, me = je.top + je.height / 2, st = W.clientX, it = W.clientY, lt = me - it, at = X - st;
+    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 && q > (t - n) / 2 ? le = he : le > he && (le = 0);
+    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);
-    Z(Ue), Ue !== r && s && s(Ue);
-  }, [C, s, t, n, D, E, q]);
-  O(() => {
-    K();
-  }, [K]), O(() => () => {
+    Y(Ue), Ue !== r && s && s(Ue);
+  }, [C, s, t, n, D, R, K]);
+  T(() => {
+    q();
+  }, [q]), T(() => () => {
     document.removeEventListener("mousemove", te), document.removeEventListener("mouseup", Q);
   }, []);
-  const P = {
+  const B = {
     "--stroke-width": `${a}px`
   };
-  return /* @__PURE__ */ e.jsxs("div", { style: { width: A, height: w, ...b }, className: "range-circule-wrapper", onFocus: i, onBlur: l, children: [
+  return /* @__PURE__ */ e.jsxs("div", { style: { width: z, height: w, ...k }, className: "range-circule-wrapper", onFocus: i, onBlur: l, children: [
     /* @__PURE__ */ e.jsxs(
       "svg",
       {
-        ref: F,
+        ref: V,
         width: "100%",
         height: "100%",
         onMouseDown: J,
         children: [
-          m && /* @__PURE__ */ e.jsx(
+          x && /* @__PURE__ */ e.jsx(
             "circle",
             {
               "data-el": "base",
               fill: "none",
               cx: D,
-              cy: E,
+              cy: R,
               r: N
             }
           ),
@@ -2586,7 +2586,7 @@ const $e = () => {
               "data-el": "indicator",
               fill: "none",
               cx: D,
-              cy: E,
+              cy: R,
               r: N
             }
           ),
@@ -2596,14 +2596,14 @@ const $e = () => {
               "data-el": "point",
               fill: "none",
               cx: D,
-              cy: E,
+              cy: R,
               r: N
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx("div", { className: `range-circule-children ${v}`, style: P, children: y ?? (_ && /* @__PURE__ */ e.jsx(An, { className: "", text: Math.floor(q).toString() })) })
+    /* @__PURE__ */ e.jsx("div", { className: `range-circule-children ${v}`, style: B, children: y ?? (_ && /* @__PURE__ */ e.jsx(An, { className: "", text: Math.floor(K).toString() })) })
   ] });
 }, ir = ve(
   ({
@@ -2661,30 +2661,30 @@ const se = ({ style: n, short: t, text: r }) => r ? /* @__PURE__ */ e.jsxs("div"
   const l = window.getComputedStyle(r), o = parseFloat(l.getPropertyValue("height")), c = parseFloat(l.getPropertyValue("width")), a = t + o - document.documentElement.clientHeight, d = n + c - document.documentElement.clientWidth;
   return a > 0 && (i.y = i.y - a - ((s == null ? void 0 : s.marginBottom) ?? 0)), d > 0 && (i.x = i.x - d - ((s == null ? void 0 : s.marginRight) ?? 0)), i;
 }, ar = ({ items: n, onHide: t, smallDisplay: r, globalClick: s, autoHide: i, onGlobalHide: l }) => {
-  const o = G(null), [c, a] = g({ left: "0px", top: "0px" }), [d, u] = g(!1);
-  function x(h) {
-    for (let m of h)
-      if (m.icon)
+  const o = Z(null), [c, a] = g({ left: "0px", top: "0px" }), [d, u] = g(!1);
+  function m(h) {
+    for (let x of h)
+      if (x.icon)
         return !0;
     return !1;
   }
-  return O(() => {
+  return T(() => {
     if (!o.current)
       return;
     let h = Ye(o.current.parentElement);
     if (!h)
       return;
-    let m = Hn(h.left + h.width, h.top, o.current, { marginRight: h.width });
+    let x = Hn(h.left + h.width, h.top, o.current, { marginRight: h.width });
     a({
-      left: m.x - h.left + "px",
-      top: m.y - h.top + "px"
+      left: x.x - h.left + "px",
+      top: x.y - h.top + "px"
     }), u(!0);
   }, []), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { ref: o, className: `menu-block menu-block_color_surface-container-highest ${r ? "" : "menu-block_sub"}`, style: { ...c, ...d ? {} : { display: "none" } }, children: n.map((h, m) => /* @__PURE__ */ e.jsx(lr, { onHide: l, autoHide: i, item: h, isIcon: x(n), globalClick: s }, m)) }),
+    /* @__PURE__ */ e.jsx("div", { ref: o, className: `menu-block menu-block_color_surface-container-highest ${r ? "" : "menu-block_sub"}`, style: { ...c, ...d ? {} : { display: "none" } }, children: n.map((h, x) => /* @__PURE__ */ e.jsx(lr, { onHide: l, autoHide: i, item: h, isIcon: m(n), globalClick: s }, x)) }),
     r ? null : /* @__PURE__ */ e.jsx("div", { style: { zIndex: 4 }, className: "menu-block-backplate", onClick: t })
   ] });
 }, or = ({ onHide: n, autoHide: t, globalClick: r, item: s, isIcon: i, smallDisplay: l }) => {
-  const [o, c] = g(!1), a = k(() => {
+  const [o, c] = g(!1), a = b(() => {
     s.subItems ? c((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: [
@@ -2706,7 +2706,7 @@ function zn({ block: n, smallDisplay: t, onHide: r, globalClick: s, autoHide: i
   return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((o, c) => /* @__PURE__ */ e.jsx(or, { globalClick: s, autoHide: i, onHide: r, item: o, isIcon: l(n), smallDisplay: t }, c)) });
 }
 const cr = 100, dr = (n) => {
-  const t = G(null), [r, s] = g({ left: "0px", top: "0px" }), i = () => {
+  const t = Z(null), [r, s] = g({ left: "0px", top: "0px" }), i = () => {
     n.onHide && n.onHide();
   };
   return dt(() => {
@@ -2735,17 +2735,17 @@ const cr = 100, dr = (n) => {
     /* @__PURE__ */ e.jsx(zn, { block: r, smallDisplay: !0, autoHide: n.autoHide, onHide: n.onHide })
   ] }, s)) }) });
 }, Pn = (n) => n.screensize === ee.MOBILE ? /* @__PURE__ */ e.jsx(_e, { container: n.container, children: /* @__PURE__ */ e.jsx(ur, { ...n }) }) : /* @__PURE__ */ e.jsx(_e, { container: n.container, children: /* @__PURE__ */ e.jsx(dr, { ...n }) }), Fs = ne.forwardRef(({ screensize: n, autoHide: t, blocks: r, container: s, onClick: i, ...l }, o) => {
-  const [c, a] = g(!1), [d, u] = g(void 0), { screen: x } = Ce(we), h = () => {
+  const [c, a] = g(!1), [d, u] = g(void 0), { screen: m } = Ce(we), h = () => {
     a(!1), u(void 0);
-  }, m = (f) => {
+  }, x = (f) => {
     f.stopPropagation(), a(!0), u({ x: f.clientX, y: f.clientY }), i == null || i(f);
-  }, j = n ?? x;
+  }, j = n ?? m;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
-      de,
+      ue,
       {
         ref: o,
-        onClick: m,
+        onClick: x,
         ...l
       }
     ),
@@ -2808,8 +2808,8 @@ const cr = 100, dr = (n) => {
 Bn.displayName = "Checkbox";
 const Wn = ne.forwardRef(
   ({ text: n, onDelete: t, big: r, onClick: s, screenSize: i, className: l, disabled: o, ...c }, a) => {
-    const d = (x) => {
-      x.stopPropagation(), t == null || t(x);
+    const d = (m) => {
+      m.stopPropagation(), t == null || t(m);
     }, u = o ? void 0 : s;
     return /* @__PURE__ */ e.jsxs(
       "div",
@@ -2831,7 +2831,7 @@ const Wn = ne.forwardRef(
               "aria-label": `Remove ${n}`,
               disabled: o,
               type: "button",
-              children: /* @__PURE__ */ e.jsx(ue, {})
+              children: /* @__PURE__ */ e.jsx(de, {})
             }
           )
         ]
@@ -2853,15 +2853,15 @@ const Gn = ve(
     size: a = "medium",
     variant: d = "primary",
     showLabel: u = !0,
-    className: x,
+    className: m,
     ...h
-  }, m) => {
+  }, x) => {
     const j = t !== void 0 ? t === r : l !== void 0 ? l : o;
-    return /* @__PURE__ */ e.jsxs("label", { className: `radio-button-container ${x || ""}`, children: [
+    return /* @__PURE__ */ e.jsxs("label", { className: `radio-button-container ${m || ""}`, children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
-          ref: m,
+          ref: x,
           className: "radio-button",
           name: n,
           type: "radio",
@@ -2893,15 +2893,15 @@ const Zn = ve(
     variant: a = "primary",
     ...d
   }, u) => {
-    const [x, h] = g([]);
-    O(() => {
-      h(m(t));
+    const [m, h] = g([]);
+    T(() => {
+      h(x(t));
     }, [t]);
-    const m = (f) => f === void 0 ? [] : Array.isArray(f) ? f : [f], j = (f, p) => {
+    const x = (f) => f === void 0 ? [] : Array.isArray(f) ? f : [f], j = (f, p) => {
       if (i) return;
       f.preventDefault();
       let _;
-      r ? _ = x.includes(p) ? x.filter((b) => b !== p) : [...x, p] : _ = x.includes(p) ? [] : [p], h(_), l == null || l(_, f);
+      r ? _ = m.includes(p) ? m.filter((k) => k !== p) : [...m, p] : _ = m.includes(p) ? [] : [p], h(_), l == null || l(_, f);
     };
     return /* @__PURE__ */ e.jsx(
       "div",
@@ -2915,13 +2915,13 @@ const Zn = ve(
           {
             type: "button",
             role: "radio",
-            "aria-checked": x.includes(f),
+            "aria-checked": m.includes(f),
             "aria-label": f,
             disabled: i,
-            className: `segmented-button__item ${x.includes(f) ? "segmented-button__item--active" : ""}`,
+            className: `segmented-button__item ${m.includes(f) ? "segmented-button__item--active" : ""}`,
             onClick: (p) => j(p, f),
             children: [
-              x.includes(f) && /* @__PURE__ */ e.jsx("span", { className: "segmented-button__icon", children: /* @__PURE__ */ e.jsx(pe, {}) }),
+              m.includes(f) && /* @__PURE__ */ e.jsx("span", { className: "segmented-button__icon", children: /* @__PURE__ */ e.jsx(pe, {}) }),
               /* @__PURE__ */ e.jsx("span", { className: "segmented-button__text", children: f }),
               /* @__PURE__ */ e.jsx(
                 "input",
@@ -2929,7 +2929,7 @@ const Zn = ve(
                   type: r ? "checkbox" : "radio",
                   name: s,
                   value: f,
-                  checked: x.includes(f),
+                  checked: m.includes(f),
                   readOnly: !0,
                   className: "segmented-button__input"
                 }
@@ -2984,23 +2984,23 @@ function hr({
   defaultValue: a,
   style: d
 }) {
-  const [u, x] = g(a), h = k(() => {
-    u !== void 0 && (n == null || n(u), x(void 0), !i && (s == null || s()));
-  }, [u, n, i, s]), m = k(() => {
+  const [u, m] = g(a), h = b(() => {
+    u !== void 0 && (n == null || n(u), m(void 0), !i && (s == null || s()));
+  }, [u, n, i, s]), x = b(() => {
     s == null || s();
-  }, [s]), j = k((f) => {
-    x(f);
+  }, [s]), j = b((f) => {
+    m(f);
   }, []);
   return /* @__PURE__ */ e.jsxs(
     Ee,
     {
       header: r,
       style: d,
-      onHide: m,
+      onHide: x,
       action: /* @__PURE__ */ e.jsx(
-        mr,
+        xr,
         {
-          onHide: m,
+          onHide: x,
           onSuccess: h,
           disabled: u === void 0,
           confirmText: o,
@@ -3050,7 +3050,7 @@ function hr({
     }
   );
 }
-function mr({
+function xr({
   onSuccess: n,
   onHide: t,
   disabled: r = !1,
@@ -3082,39 +3082,39 @@ const Ve = ne.forwardRef(
     onClear: a,
     icon: d,
     onChange: u,
-    name: x,
+    name: m,
     value: h,
-    placeholder: m,
+    placeholder: x,
     className: j,
     validEmptyValue: f,
     onFocus: p,
     onBlur: _,
-    error: b,
+    error: k,
     max: y,
     min: v,
     autoFocus: M,
-    disabled: F,
-    size: B = "medium",
-    helperText: A,
+    disabled: V,
+    size: W = "medium",
+    helperText: z,
     errorText: w,
-    onKeyDown: z
+    onKeyDown: P
   }, D) => {
-    const E = G(null), [N, I] = g(!1), [S, L] = g(!1), [T, Y] = g(!!h), q = Be(), Z = () => {
-      if (!E.current) return;
-      const J = E.current.querySelector("input");
+    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), L(!0);
-    }, $ = (J) => {
-      _ == null || _(J), L(!1), Y(!!J.target.value);
-    }, H = k(
-      (J, te) => I(!!(b || J && (!te || te === ""))),
-      [b]
+      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]
     );
-    O(() => {
-      H(f, h), Y(!!h);
+    T(() => {
+      H(f, h), A(!!h);
     }, [h, f, H]);
-    const K = {
+    const q = {
       small: "input-field__text-field_small",
       medium: "input-field__text-field_medium",
       large: "input-field__text-field_large"
@@ -3128,65 +3128,65 @@ const Ve = ne.forwardRef(
           className: `
           input-field 
           input-field__text-field 
-          ${K[B]}
+          ${q[W]}
           ${c ? "input-field_border" : ""} 
           ${S ? "input-field_active" : ""} 
           ${i ? "input-field_transparent" : ""} 
           ${N ? "input-field_error" : ""} 
-          ${F ? "input-field_disabled" : ""}
+          ${V ? "input-field_disabled" : ""}
         `,
-          onClick: Z,
+          onClick: Y,
           children: [
             d && /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container", "aria-hidden": "true", children: d }),
-            /* @__PURE__ */ e.jsxs("div", { className: "input-field__input-container", ref: E, children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "input-field__input-container", ref: R, children: [
               /* @__PURE__ */ e.jsx(
                 "input",
                 {
                   ref: t,
                   max: y,
                   min: v,
-                  id: q,
+                  id: K,
                   readOnly: l,
-                  disabled: F,
+                  disabled: V,
                   required: !0,
                   type: o ? "password" : s,
                   className: `
               input-field__input-container__input 
               ${N ? "input-field__input-container__input_error" : ""}
               `,
-                  name: x,
+                  name: m,
                   value: h,
                   onClick: n,
                   onChange: (J) => u == null ? void 0 : u(J.target.value, J.target.name, J),
                   onFocus: C,
-                  onBlur: $,
-                  onKeyDown: z,
+                  onBlur: L,
+                  onKeyDown: P,
                   autoFocus: M,
                   "aria-invalid": N,
-                  "aria-describedby": N ? `${x}-error` : void 0
+                  "aria-describedby": N ? `${m}-error` : void 0
                 }
               ),
-              m && /* @__PURE__ */ e.jsx(
+              x && /* @__PURE__ */ e.jsx(
                 "label",
                 {
-                  htmlFor: q,
-                  onClick: Z,
+                  htmlFor: K,
+                  onClick: Y,
                   className: `input-field__input-container__label 
-              ${T ? "input-field__input-container__label_filled" : ""}
+              ${O ? "input-field__input-container__label_filled" : ""}
             `,
-                  children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: m })
+                  children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: x })
                 }
               )
             ] }),
-            a && h && !F && /* @__PURE__ */ e.jsx("div", { className: `
+            a && h && !V && /* @__PURE__ */ e.jsx("div", { className: `
           input-field__icon-container 
           input-field__icon-container_clear-btn
-          `, onClick: a, children: /* @__PURE__ */ e.jsx(ue, { "aria-label": "Clear input" }) })
+          `, onClick: a, children: /* @__PURE__ */ e.jsx(de, { "aria-label": "Clear input" }) })
           ]
         }
       ),
       N && w && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__error-text", children: w }),
-      A && !N && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__helper-text", children: A })
+      z && !N && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__helper-text", children: z })
     ] });
   }
 );
@@ -3203,22 +3203,22 @@ const Vs = ({
   max: a = 100,
   defaultValue: d = "",
   confirmText: u = "OK",
-  cancelText: x = "Отмена",
+  cancelText: m = "Отмена",
   validate: h
 }) => {
-  const [m, j] = g(d), [f, p] = g(!0);
-  O(() => {
+  const [x, j] = g(d), [f, p] = g(!0);
+  T(() => {
     if (h)
-      p(h(m));
+      p(h(x));
     else if (o === "number") {
-      const v = Number(m);
+      const v = Number(x);
       p(!isNaN(v) && v >= c && v <= a);
     } else
       p(!0);
-  }, [m, h, o, c, a]);
-  const _ = k(() => {
-    f && (s == null || s(m), i == null || i());
-  }, [m, f, s, i]), b = k(() => {
+  }, [x, h, o, c, a]);
+  const _ = b(() => {
+    f && (s == null || s(x), i == null || i());
+  }, [x, f, s, i]), k = b(() => {
     i == null || i();
   }, [i]), y = (v) => {
     if (o === "number") {
@@ -3236,14 +3236,14 @@ const Vs = ({
     {
       style: n,
       header: r,
-      onHide: b,
+      onHide: k,
       action: /* @__PURE__ */ e.jsxs("div", { children: [
-        /* @__PURE__ */ e.jsx(ce, { onClick: b, children: x }),
+        /* @__PURE__ */ e.jsx(ce, { onClick: k, children: m }),
         /* @__PURE__ */ e.jsx(
           ce,
           {
             onClick: _,
-            disabled: !f || o === "number" && m === "",
+            disabled: !f || o === "number" && x === "",
             children: u
           }
         )
@@ -3259,7 +3259,7 @@ const Vs = ({
               max: a,
               border: !0,
               placeholder: l,
-              value: m,
+              value: x,
               onChange: y,
               error: !f
             }
@@ -3286,11 +3286,11 @@ const Vs = ({
   saveText: a,
   cancelText: d,
   forceFullScreen: u,
-  btns: x
+  btns: m
 }) => {
   const { screen: h } = Ce(we);
   Cn(!0, document.body);
-  const m = () => {
+  const x = () => {
     l == null || l();
   }, j = () => {
     i == null || i();
@@ -3311,11 +3311,11 @@ const Vs = ({
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "full-screen-dialog__container__header", children: [
           /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog__container__header__button", children: l && /* @__PURE__ */ e.jsx(
-            de,
+            ue,
             {
               transparent: !0,
-              onClick: m,
-              icon: /* @__PURE__ */ e.jsx(ue, {}),
+              onClick: x,
+              icon: /* @__PURE__ */ e.jsx(de, {}),
               "aria-label": "Закрыть"
             }
           ) }),
@@ -3324,7 +3324,7 @@ const Vs = ({
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "full-screen-dialog__content", children: [
           s,
-          x && /* @__PURE__ */ e.jsx(ze, { btns: x.filter((p) => !p.hide && !p.success) })
+          m && /* @__PURE__ */ e.jsx(ze, { btns: m.filter((p) => !p.hide && !p.success) })
         ] })
       ]
     }
@@ -3335,15 +3335,15 @@ const Vs = ({
       style: n,
       header: r,
       className: `full-screen-dialog ${t}`,
-      onHide: m,
-      action: x === void 0 ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        l && /* @__PURE__ */ e.jsx(ye, { styleType: "outline", onClick: m, children: d ?? "Отмена" }),
+      onHide: x,
+      action: m === void 0 ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        l && /* @__PURE__ */ e.jsx(ye, { styleType: "outline", onClick: x, children: d ?? "Отмена" }),
         l && /* @__PURE__ */ e.jsx(ye, { onClick: j, children: a ?? "Сохранить" })
-      ] }) : /* @__PURE__ */ e.jsx(ze, { btns: x, onHide: l, onSuccess: i }),
+      ] }) : /* @__PURE__ */ e.jsx(ze, { btns: m, onHide: l, onSuccess: i }),
       children: s
     }
   );
-}, xr = ve(
+}, mr = ve(
   ({
     className: n = "",
     action: t,
@@ -3356,37 +3356,37 @@ const Vs = ({
     iconButtonCell: a,
     onClick: d,
     screenSize: u,
-    rootApp: x = "#root",
+    rootApp: m = "#root",
     variant: h = "elevated",
-    loading: m = !1,
+    loading: x = !1,
     style: j,
     elevation: f = 6,
     ...p
   }, _) => {
-    const { screen: b } = Ce(we), y = u ?? b, v = `elevation-${Math.min(24, Math.max(0, f))}`, M = (A) => {
-      F(A) && (d == null || d(A), B(A));
-    }, F = (A) => {
-      const w = A.target;
-      return !w.closest(".action-container") && !w.closest(".card-icon-button") && !w.closest(".card-child-container") && !w.closest(".card-children") && !!w.closest(x);
-    }, B = (A) => {
-      const w = A.currentTarget, z = w.querySelector(".card-ripple-container");
-      if (!z) return;
-      const D = w.getBoundingClientRect(), E = Math.max(D.width, D.height), N = A.clientX - D.left - E / 2, I = A.clientY - D.top - E / 2, S = document.createElement("span");
-      S.className = "card-ripple", S.style.width = S.style.height = `${E}px`, S.style.left = `${N}px`, S.style.top = `${I}px`, z.appendChild(S), setTimeout(() => S.remove(), 600);
+    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;
+      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);
     };
     return /* @__PURE__ */ e.jsxs(
       "div",
       {
         ref: _,
         style: j,
-        className: `${n} card card--${h} ${v} ${m ? "card--loading" : ""}`,
+        className: `${n} card card--${h} ${v} ${x ? "card--loading" : ""}`,
         onClick: M,
         ...p,
         children: [
           /* @__PURE__ */ e.jsx("div", { className: "card-ripple-container" }),
           r && /* @__PURE__ */ e.jsxs("div", { className: "card-image-container", children: [
             /* @__PURE__ */ e.jsx("img", { src: r, alt: s, loading: "lazy" }),
-            m && /* @__PURE__ */ e.jsx("div", { className: "card-image-overlay" })
+            x && /* @__PURE__ */ e.jsx("div", { className: "card-image-overlay" })
           ] }),
           /* @__PURE__ */ e.jsxs("div", { className: "card-content", children: [
             (i || a) && /* @__PURE__ */ e.jsxs("div", { className: "card-header", children: [
@@ -3424,30 +3424,30 @@ const Vs = ({
             c && /* @__PURE__ */ e.jsx("div", { className: "card-children", children: c }),
             t && /* @__PURE__ */ e.jsx("div", { className: "card-actions", children: t })
           ] }),
-          m && /* @__PURE__ */ e.jsx("div", { className: "card-loading-indicator" })
+          x && /* @__PURE__ */ e.jsx("div", { className: "card-loading-indicator" })
         ]
       }
     );
   }
 );
-xr.displayName = "Card";
+mr.displayName = "Card";
 const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { className: `base-action-card ${t ?? ""}`, children: n }), As = ({ children: n, className: t, id: r, height: s, width: i, pozMove: l, draggable: o = !0 }) => {
-  const [c, a] = g(!1), [d, u] = g(null), [x, h] = g({ x: 0, y: 0 }), m = (p) => {
+  const [c, a] = g(!1), [d, u] = g(null), [m, h] = g({ x: 0, y: 0 }), x = (p) => {
     p.button == 1 && (a(!1), u(null), document.body.style.cursor = "auto");
   }, j = (p) => {
     p.button == 1 && o && (u({ x: p.clientX, y: p.clientY }), a(!0), document.body.style.cursor = "move");
-  }, f = k((p) => {
+  }, f = b((p) => {
     c && (h((_) => {
       if (!d)
         return _;
-      const b = p.clientX - d.x, y = p.clientY - d.y;
-      let v = _.x + b, M = _.y + y;
+      const k = p.clientX - d.x, y = p.clientY - d.y;
+      let v = _.x + k, M = _.y + y;
       return { x: v, y: M };
     }), u({ x: p.clientX, y: p.clientY }));
   }, [c, d]);
-  return O(() => {
+  return T(() => {
     l && h({ ...l });
-  }, [l]), /* @__PURE__ */ e.jsx("div", { id: r, style: { height: s, width: i }, className: `big-container ${t}`, onMouseDown: j, onMouseUp: m, onMouseMove: f, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: x.x, top: x.y }, children: n }) });
+  }, [l]), /* @__PURE__ */ e.jsx("div", { id: r, style: { height: s, width: i }, className: `big-container ${t}`, onMouseDown: j, onMouseUp: x, onMouseMove: f, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: m.x, top: m.y }, children: n }) });
 }, Ds = ({
   onClick: n,
   onContextMenu: t,
@@ -3460,17 +3460,17 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   classNameColumn: a,
   minColumnWidth: d = "auto"
 }) => {
-  const u = ne.useCallback((m, j) => {
-    const f = Array.from({ length: m }, () => []);
+  const u = ne.useCallback((x, j) => {
+    const f = Array.from({ length: x }, () => []);
     return j.forEach((p) => {
       if (p.indexCol >= f.length) {
-        console.error(`Invalid column index. indexCol = ${p.indexCol}, column count = ${m}`);
+        console.error(`Invalid column index. indexCol = ${p.indexCol}, column count = ${x}`);
         return;
       }
       f[p.indexCol].push(p.node);
     }), f;
-  }, []), x = ne.useMemo(() => u(l, o), [u, l, o]), h = ne.useCallback((m, j) => {
-    c == null || c(m, j);
+  }, []), m = ne.useMemo(() => u(l, o), [u, l, o]), h = ne.useCallback((x, j) => {
+    c == null || c(x, j);
   }, [c]);
   return /* @__PURE__ */ e.jsx(
     "div",
@@ -3484,13 +3484,13 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
       },
       className: `${s} alex-evo-sh-ui-kit-column-layout`,
       "data-testid": "column-layout-container",
-      children: x.map((m, j) => /* @__PURE__ */ e.jsx(
+      children: m.map((x, j) => /* @__PURE__ */ e.jsx(
         "div",
         {
           onClick: (f) => h(j, f),
           className: `${a} alex-evo-sh-ui-kit-column-layout-coll`,
           "data-testid": `column-${j}`,
-          children: m.map((f, p) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: f }, `item-${j}-${p}`))
+          children: x.map((f, p) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: f }, `item-${j}-${p}`))
         },
         `column-${j}`
       ))
@@ -3507,12 +3507,12 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   action: c,
   onVisibilityChange: a
 }) => {
-  const [d, u] = g(l ? o : !0), x = G(null), h = (p) => {
+  const [d, u] = g(l ? o : !0), m = Z(null), h = (p) => {
     if (!p) return;
     const _ = Ye(p);
     if (_)
       return _.height + fr;
-  }, m = (p) => {
+  }, x = (p) => {
     const _ = h(p);
     return _ ? Math.min(_ * jr, 1) : 0.4;
   }, j = (p) => {
@@ -3522,12 +3522,12 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
       u(y), a == null || a(y);
     }
   };
-  O(() => {
+  T(() => {
     !l && !d && (u(!0), a == null || a(!0));
   }, [l, d, a]);
   const f = oe(
-    () => m(x.current),
-    [x.current]
+    () => x(m.current),
+    [m.current]
   );
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -3581,7 +3581,7 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
               height: d ? "auto" : "0px"
             },
             "aria-hidden": !d,
-            children: /* @__PURE__ */ e.jsx("div", { className: "content-box-container", ref: x, children: n })
+            children: /* @__PURE__ */ e.jsx("div", { className: "content-box-container", ref: m, children: n })
           }
         )
       ]
@@ -3604,37 +3604,37 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   itemMaxWith: o,
   itemWith: c = "400px"
 }) => {
-  const a = G(null), [d, u] = g([]), x = G(null), h = G(null), m = k(() => {
+  const a = Z(null), [d, u] = g([]), m = Z(null), h = Z(null), x = b(() => {
     if (!a.current) return;
     a.current.style.display = "grid", a.current.style.gridRowGap = s, a.current.style.gridColumnGap = i;
-    const _ = l ?? c, b = o ?? c;
-    a.current.style.gridTemplateColumns = `repeat(auto-fill, minmax(${_}, ${b}))`, a.current.style.gridAutoRows = "1px";
-  }, [s, i, l, o, c]), j = k(() => {
+    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(() => {
     if (a.current) {
       const _ = a.current.querySelectorAll(".adaptiv-grid-item");
       u(Array.from(_));
     }
-  }, []), f = k(() => {
+  }, []), f = b(() => {
     if (!a.current) return;
-    const _ = window.getComputedStyle(a.current), b = parseInt(_.getPropertyValue("grid-row-gap")) || 0, y = parseInt(_.getPropertyValue("grid-auto-rows")) || 1;
+    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 F = M.getBoundingClientRect().height, B = Math.ceil((F + b) / (y + b));
-        v.style.gridRowEnd = `span ${B}`;
+        const V = M.getBoundingClientRect().height, W = Math.ceil((V + k) / (y + k));
+        v.style.gridRowEnd = `span ${W}`;
       }
     });
-  }, [d]), p = k(() => {
+  }, [d]), p = b(() => {
     h.current !== null && cancelAnimationFrame(h.current), h.current = requestAnimationFrame(() => {
       f(), h.current = null;
     });
   }, [f]);
-  return O(() => {
-    m(), j();
-  }, [m, j, t]), O(() => {
-    x.current && x.current.disconnect(), x.current = new ResizeObserver(() => p());
-    const _ = x.current;
-    return d.forEach((b) => _.observe(b)), p(), () => {
+  return T(() => {
+    x(), j();
+  }, [x, j, t]), T(() => {
+    m.current && m.current.disconnect(), m.current = new ResizeObserver(() => p());
+    const _ = m.current;
+    return d.forEach((k) => _.observe(k)), p(), () => {
       _.disconnect(), h.current !== null && cancelAnimationFrame(h.current);
     };
   }, [d, p]), /* @__PURE__ */ e.jsx(
@@ -3679,26 +3679,26 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   activeTabIndex: l,
   tabContainerClassName: o = ""
 }) => {
-  const [c, a] = g(0), d = l !== void 0 ? l : c, u = G(null), x = G(null), [h, m] = g(!1), j = (_) => {
+  const [c, a] = g(0), d = l !== void 0 ? l : c, u = Z(null), m = Z(null), [h, x] = g(!1), j = (_) => {
     if (u.current) {
-      const b = t || u.current.offsetWidth / 2;
+      const k = t || u.current.offsetWidth / 2;
       u.current.scrollBy({
-        left: _ === "left" ? -b : b,
+        left: _ === "left" ? -k : k,
         behavior: "smooth"
       });
     }
   };
-  O(() => {
+  T(() => {
     const _ = () => {
-      u.current && m(
+      u.current && x(
         u.current.scrollWidth > u.current.clientWidth
       );
     };
     return _(), window.addEventListener("resize", _), () => window.removeEventListener("resize", _);
-  }, []), O(() => {
-    if (u.current && x.current) {
+  }, []), T(() => {
+    if (u.current && m.current) {
       const _ = u.current.children[d];
-      _ && (x.current.style.width = `${_.offsetWidth}px`, x.current.style.transform = `translateX(${_.offsetLeft}px)`);
+      _ && (m.current.style.width = `${_.offsetWidth}px`, m.current.style.transform = `translateX(${_.offsetLeft}px)`);
     }
   }, [d]);
   const f = (_) => {
@@ -3717,16 +3717,16 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
           onKeyDown: f,
           tabIndex: 0,
           children: [
-            n.map((_, b) => /* @__PURE__ */ e.jsx(
+            n.map((_, k) => /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: `alex-evo-ui-kit-tab ${r} ${d === b ? s : ""}`,
-                onClick: () => p(b),
+                className: `alex-evo-ui-kit-tab ${r} ${d === k ? s : ""}`,
+                onClick: () => p(k),
                 children: _.label
               },
               _.label
             )),
-            /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-indicator", ref: x })
+            /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-indicator", ref: m })
           ]
         }
       ),
@@ -3746,9 +3746,9 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   flex: a,
   gap: d = 0,
   onObserv: u,
-  ...x
+  ...m
 }, h) => {
-  const m = G(null), j = {
+  const x = Z(null), j = {
     overflowY: r ? s ? "scroll" : "hidden" : void 0,
     maxHeight: r,
     backgroundColor: i ? "transparent" : void 0,
@@ -3756,10 +3756,10 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
     padding: o,
     margin: c
   };
-  a && (j.display = "flex", j.flexDirection = "column", d > 0 && (j.gap = d)), O(() => {
-    if (!m.current || !u) return;
+  a && (j.display = "flex", j.flexDirection = "column", d > 0 && (j.gap = d)), T(() => {
+    if (!x.current || !u) return;
     const p = new IntersectionObserver(u);
-    return p.observe(m.current), () => p.disconnect();
+    return p.observe(x.current), () => p.disconnect();
   }, [u]);
   const f = [
     "list-container",
@@ -3767,9 +3767,9 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
     s ? "list-container_scroll" : "",
     i ? "list-container_transparent" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("ul", { ref: h, style: j, className: f, ...x, children: [
+  return /* @__PURE__ */ e.jsxs("ul", { ref: h, style: j, className: f, ...m, children: [
     n,
-    /* @__PURE__ */ e.jsx("div", { ref: m })
+    /* @__PURE__ */ e.jsx("div", { ref: x })
   ] });
 }), Cr = ve(({
   icon: n,
@@ -3783,22 +3783,22 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   className: a = "",
   disabled: d = !1,
   active: u = !1,
-  shadow: x = 0,
+  shadow: m = 0,
   noTransformTransition: h,
-  ...m
+  ...x
 }, j) => {
   const f = (_) => {
     !d && !_.target.closest(".control-container") && (o == null || o(_));
   }, p = [
     "list-item-container",
     a,
-    `container_shadow-hover-${x}`,
+    `container_shadow-hover-${m}`,
     c && !d ? "list-item-container_hovered" : "",
     d ? "list-item-container_disabled" : "",
     u ? "list-item-container_active" : "",
     h ? "no-transform-transition" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("li", { ref: j, className: p, onClick: f, "aria-disabled": d, ...m, children: [
+  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 }) }),
     (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 }) }),
@@ -3852,17 +3852,17 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
   index: c,
   maxH: a
 }) => {
-  const d = k(
+  const d = b(
     (u) => {
       u.target.closest(".no-click") || o == null || o(t, c);
     },
     [c, o, t]
   );
   return /* @__PURE__ */ e.jsxs("tr", { className: "table-row", onClick: d, children: [
-    r.map((u, x) => /* @__PURE__ */ e.jsx(
+    r.map((u, m) => /* @__PURE__ */ e.jsx(
       br,
       {
-        H: a == null ? void 0 : a[x],
+        H: a == null ? void 0 : a[m],
         color: u.color,
         backgroundColor: u.backgroundColor,
         column: u,
@@ -3870,19 +3870,19 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
       },
       u.field
     )),
-    n && /* @__PURE__ */ e.jsx("td", { className: "w-[180px] no-click", children: /* @__PURE__ */ e.jsx("div", { className: "table-edit-button", children: n.map((u, x) => /* @__PURE__ */ e.jsx(
-      de,
+    n && /* @__PURE__ */ e.jsx("td", { className: "w-[180px] no-click", children: /* @__PURE__ */ e.jsx("div", { className: "table-edit-button", children: n.map((u, m) => /* @__PURE__ */ e.jsx(
+      ue,
       {
         transparent: !0,
         icon: u.icon,
         onClick: (h) => u.onClick(h, t, c)
       },
-      x
+      m
     )) }) }),
     (s || i || l) && /* @__PURE__ */ e.jsx("td", { className: "w-[180px] table-edit-button no-click", children: /* @__PURE__ */ e.jsxs("div", { className: "table-edit-button", children: [
-      l && /* @__PURE__ */ e.jsx(de, { transparent: !0, icon: /* @__PURE__ */ e.jsx($n, {}), onClick: () => l(t, c) }),
+      l && /* @__PURE__ */ e.jsx(ue, { transparent: !0, icon: /* @__PURE__ */ e.jsx($n, {}), onClick: () => l(t, c) }),
       i && /* @__PURE__ */ e.jsx(
-        de,
+        ue,
         {
           transparent: !0,
           icon: /* @__PURE__ */ e.jsx(Nn, { className: "text-red-500" }),
@@ -3890,7 +3890,7 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
         }
       ),
       s && /* @__PURE__ */ e.jsx(
-        de,
+        ue,
         {
           transparent: !0,
           icon: /* @__PURE__ */ e.jsx(Mn, {}),
@@ -3920,31 +3920,31 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
       children: j.content
     },
     f
-  )) : null, x = `container_shadow-${o}`;
-  return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${c ? "clicked" : ""} ${x}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
+  )) : null, m = `container_shadow-${o}`;
+  return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${c ? "clicked" : ""} ${m}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
     /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
       a.map((h) => /* @__PURE__ */ e.jsx("th", { className: "min-width", children: h.title }, h.field)),
       l && /* @__PURE__ */ e.jsx("th", { className: "table-actions-header", children: "actions" }),
       (r || s || i) && /* @__PURE__ */ e.jsx("th", { className: "table-actions-header" })
     ] }) }),
-    /* @__PURE__ */ e.jsx("tbody", { children: n.map((h, m) => {
+    /* @__PURE__ */ e.jsx("tbody", { children: n.map((h, x) => {
       if ("__all__" in h) {
         const 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-${m}`);
+        return /* @__PURE__ */ e.jsx("tr", { className: "table-all-row", children: /* @__PURE__ */ e.jsx("td", { colSpan: d, style: { backgroundColor: j == null ? void 0 : j.backgroundColor, color: j == null ? void 0 : j.color }, children: u(j) }) }, `all-${x}`);
       }
       return /* @__PURE__ */ e.jsx(
         kr,
         {
           onClickRow: c,
           actions: l,
-          index: m,
+          index: x,
           columns: a,
           item: h,
           onDelete: r,
           onContextMenu: s,
           onEdit: i
         },
-        m
+        x
       );
     }) })
   ] }) });
@@ -4129,7 +4129,7 @@ function Er(n, t, r, s) {
     Fr(i, r, t, s);
   });
 }
-function mn(n, t, r, s) {
+function xn(n, t, r, s) {
   if (n.preventDefault(), !t) return;
   const i = t.getBoundingClientRect();
   let l = n.clientY - i.top;
@@ -4138,8 +4138,8 @@ function mn(n, t, r, s) {
   s(c), qn(r, l);
 }
 function Fr(n, t, r, s) {
-  const i = (o) => mn(o, r, t, s);
-  mn(n, r, t, s), t.classList.add("dragging"), window.addEventListener("mousemove", i), window.addEventListener("mouseup", l);
+  const i = (o) => xn(o, r, t, s);
+  xn(n, r, t, s), t.classList.add("dragging"), window.addEventListener("mousemove", i), window.addEventListener("mouseup", l);
   function l() {
     t.classList.remove("dragging"), window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", l);
   }
@@ -4160,11 +4160,11 @@ const Vr = [
   "#D27AEE",
   "#5BA8C4",
   "#E64AA9"
-], xn = { h: 0, s: 1, v: 0.5 }, Tr = (n) => {
+], mn = { h: 0, s: 1, v: 0.5 }, Tr = (n) => {
   try {
-    return n ? De(Ne(n)) : xn;
+    return n ? De(Ne(n)) : mn;
   } catch {
-    return xn;
+    return mn;
   }
 }, Or = ({
   onHide: n,
@@ -4177,48 +4177,48 @@ const Vr = [
   width: c = 310,
   height: a = "auto"
 }) => {
-  const d = G(null), u = G(null), x = G(null), h = G(null), [m, j] = g(Tr(t)), [f, p] = g(!1), [_, b] = g(
-    `#${ke(Le(m))}`
-  ), y = oe(() => Le(m), [m]), v = oe(() => `#${ke(y)}`, [y]), M = oe(
+  const d = Z(null), u = Z(null), m = Z(null), h = Z(null), [x, j] = g(Tr(t)), [f, p] = g(!1), [_, k] = g(
+    `#${ke(Le(x))}`
+  ), y = oe(() => Le(x), [x]), v = oe(() => `#${ke(y)}`, [y]), M = oe(
     () => _[0] !== "#" ? `#${_}` : _,
     [_]
   );
-  O(() => {
-    !x.current || !d.current || !u.current || !h.current || F(
-      x.current,
+  T(() => {
+    !m.current || !d.current || !u.current || !h.current || V(
+      m.current,
       h.current,
       d.current,
       u.current,
-      m
+      x
     );
-  }, [m]), O(() => {
-    if (!x.current || !h.current) return;
-    const N = x.current.getContext("2d");
+  }, [x]), T(() => {
+    if (!m.current || !h.current) return;
+    const N = m.current.getContext("2d");
     N && (Mr(
       N,
-      x.current,
-      `#${ke(Le(m.h, 1, 1))}`
+      m.current,
+      `#${ke(Le(x.h, 1, 1))}`
     ), Lr(
-      x.current,
+      m.current,
       N,
       h.current,
       (I, S) => {
-        j((L) => {
-          const T = { ...L, s: I / 100, v: S / 100 };
-          return b(ke(Le(T))), T;
+        j((E) => {
+          const O = { ...E, s: I / 100, v: S / 100 };
+          return k(ke(Le(O))), O;
         });
       }
     ));
-  }, [m.h]), O(() => {
+  }, [x.h]), T(() => {
     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 L = { ...S, h: I / 360 };
-        return b(ke(Le(L))), L;
+        const E = { ...S, h: I / 360 };
+        return k(ke(Le(E))), E;
       });
     }));
-  }, []), O(() => {
+  }, []), T(() => {
     if (_.length === 4 || _.length === 7)
       try {
         j(De(Ne(_)));
@@ -4226,34 +4226,34 @@ const Vr = [
         console.warn("Invalid HEX color");
       }
   }, [_]);
-  const F = (N, I, S, L, T) => {
+  const V = (N, I, S, E, O) => {
     try {
-      const Y = N.getBoundingClientRect(), q = S.getBoundingClientRect(), Z = Math.round(T.s * Y.width), C = Math.round((1 - T.v) * Y.height), $ = (360 - T.h * 360) / 360 * q.height;
-      Kn(I, Z, C), qn(L, $);
-    } catch (Y) {
-      console.error("Error updating cursor positions", Y);
+      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);
     }
-  }, B = (N) => {
+  }, W = (N) => {
     try {
-      j(De(Ne(N))), b(N);
+      j(De(Ne(N))), k(N);
     } catch {
       console.warn("Invalid color format");
     }
-  }, A = k(() => {
+  }, z = b(() => {
     s == null || s([...o, v]);
-  }, [s, o, v]), w = k(() => {
+  }, [s, o, v]), w = b(() => {
     r == null || r(v), i && (n == null || n());
-  }, [r, v]), z = k(
+  }, [r, v]), P = b(
     (N, I) => {
       const S = Math.min(255, Math.max(0, I));
-      j(De({ ...y, [N]: S })), b(ke({ ...y, [N]: S }));
+      j(De({ ...y, [N]: S })), k(ke({ ...y, [N]: S }));
     },
     [y]
-  ), D = k((N) => {
-    b(N);
-  }, []), E = k(() => {
-    l && (r == null || r(l), i && (n == null || n()), B(l));
-  }, [l, r, B]);
+  ), D = b((N) => {
+    k(N);
+  }, []), R = b(() => {
+    l && (r == null || r(l), i && (n == null || n()), W(l));
+  }, [l, r, W]);
   return /* @__PURE__ */ e.jsxs(
     Ze,
     {
@@ -4266,7 +4266,7 @@ const Vr = [
           /* @__PURE__ */ e.jsx("div", { className: "swatches default-swatches", children: Vr.map((N, I) => /* @__PURE__ */ e.jsx(
             "button",
             {
-              onClick: () => B(N),
+              onClick: () => W(N),
               className: "swatch",
               style: { backgroundColor: N },
               "aria-label": `Color ${N}`
@@ -4296,7 +4296,7 @@ const Vr = [
             /* @__PURE__ */ e.jsx(
               "canvas",
               {
-                ref: x,
+                ref: m,
                 className: "spectrum-canvas spectrum-canvas-color-picker",
                 "aria-label": "Color spectrum"
               }
@@ -4334,7 +4334,7 @@ const Vr = [
                 max: "255",
                 min: "0",
                 value: y[N],
-                onChange: (I) => z(N, Number(I.target.value)),
+                onChange: (I) => P(N, Number(I.target.value)),
                 className: "field-input rgb-input",
                 "aria-label": `${N.toUpperCase()} value`
               }
@@ -4368,7 +4368,7 @@ const Vr = [
           /* @__PURE__ */ e.jsx("div", { id: "user-swatches", className: "swatches custom-swatches", children: o.map((N, I) => /* @__PURE__ */ e.jsx(
             "button",
             {
-              onClick: () => B(N),
+              onClick: () => W(N),
               className: "swatch",
               style: { backgroundColor: N },
               "aria-label": `User color ${N}`
@@ -4380,7 +4380,7 @@ const Vr = [
           /* @__PURE__ */ e.jsxs(
             "button",
             {
-              onClick: A,
+              onClick: z,
               className: "button-color-picker add-swatch",
               "aria-label": "Add current color to swatches",
               children: [
@@ -4398,7 +4398,7 @@ const Vr = [
           l && /* @__PURE__ */ e.jsxs(
             "button",
             {
-              onClick: E,
+              onClick: R,
               className: "button-color-picker add-swatch",
               "aria-label": "Set default color",
               children: [
@@ -4429,19 +4429,19 @@ const Vr = [
   defaultColor: a,
   placeholder: d
 }) => {
-  const [u, x] = g(!1), [h, m] = g(s);
-  O(() => {
-    s !== void 0 && m(s);
+  const [u, m] = g(!1), [h, x] = g(s);
+  T(() => {
+    s !== void 0 && x(s);
   }, [s]);
-  const j = k(() => {
-    x(!0);
-  }, []), f = k(
-    (b) => {
-      m(b), t == null || t(b), x(!1);
+  const j = b(() => {
+    m(!0);
+  }, []), f = b(
+    (k) => {
+      x(k), t == null || t(k), m(!1);
     },
     [t]
-  ), p = k(() => {
-    x(!1);
+  ), p = b(() => {
+    m(!1);
   }, []), _ = [
     "input-field",
     "color-field",
@@ -4486,7 +4486,7 @@ const Vr = [
       }
     ) })
   ] });
-}, Ar = 2050, fn = 1900, xe = [
+}, Ar = 2050, fn = 1900, me = [
   "January",
   "February",
   "March",
@@ -4500,16 +4500,16 @@ const Vr = [
   "November",
   "December"
 ], Dr = () => Array(Ar - fn).fill(0).map((n, t) => fn + t), Ir = ({ onChange: n, onHide: t }) => {
-  const [r] = g(xe[(/* @__PURE__ */ new Date()).getMonth()]), [s] = g((/* @__PURE__ */ new Date()).getFullYear()), [i] = g((/* @__PURE__ */ new Date()).getDate()), [l, o] = g(xe[(/* @__PURE__ */ new Date()).getMonth()]), [c, a] = g((/* @__PURE__ */ new Date()).getFullYear()), [d, u] = g({
+  const [r] = g(me[(/* @__PURE__ */ new Date()).getMonth()]), [s] = g((/* @__PURE__ */ new Date()).getFullYear()), [i] = g((/* @__PURE__ */ new Date()).getDate()), [l, o] = g(me[(/* @__PURE__ */ new Date()).getMonth()]), [c, a] = g((/* @__PURE__ */ new Date()).getFullYear()), [d, u] = g({
     day: (/* @__PURE__ */ new Date()).getDate(),
     type: "NOW_MONTH"
     /* NOW_MONTH */
-  }), [x, h] = g(
+  }), [m, h] = g(
     "DAYS"
     /* DAYS */
-  ), m = (v, M) => new Date(v, M + 1, 0).getDate(), j = (v, M, F) => new Date(v, M, F).getDay(), f = (v, M) => {
-    let F = Array(m(v, M)).fill(0).map((z, D) => ({ type: "NOW_MONTH", day: D + 1 })), B = j(v, M, m(v, M)), A = Array(7 - B).fill(0).map((z, D) => ({ type: "NEXT_MONTH", day: D + 1 }));
-    return F = Array(j(v, M, 0)).fill(0).map((z, D) => ({ type: "PREV_MONTH", day: m(M ? v : v - 1, M ? M - 1 : 11) - D })).reverse().concat(F).concat(A), F;
+  ), 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) => {
     h(
       "DAYS"
@@ -4520,15 +4520,15 @@ const Vr = [
       "DAYS"
       /* DAYS */
     ), o(v);
-  }, b = (v) => {
+  }, k = (v) => {
     u(v);
-  }, y = k(() => {
+  }, y = b(() => {
     let v = /* @__PURE__ */ new Date();
-    v.setFullYear(c), d.type === "NEXT_MONTH" ? l === xe[11] ? (v.setMonth(0), v.setFullYear(c + 1)) : v.setMonth(xe.indexOf(l) + 1) : d.type === "PREV_MONTH" ? l === xe[0] ? (v.setMonth(11), v.setFullYear(c - 1)) : v.setMonth(xe.indexOf(l) - 1) : v.setMonth(xe.indexOf(l)), v.setDate(d.day), n && n(v.getFullYear(), v.getMonth(), v.getDate()), t && t();
+    v.setFullYear(c), d.type === "NEXT_MONTH" ? l === me[11] ? (v.setMonth(0), v.setFullYear(c + 1)) : v.setMonth(me.indexOf(l) + 1) : d.type === "PREV_MONTH" ? l === me[0] ? (v.setMonth(11), v.setFullYear(c - 1)) : v.setMonth(me.indexOf(l) - 1) : v.setMonth(me.indexOf(l)), v.setDate(d.day), n && n(v.getFullYear(), v.getMonth(), v.getDate()), t && t();
   }, [l, c, n, t, d]);
   return /* @__PURE__ */ e.jsxs(Ze, { className: "calendar-body-container", style: { maxWidth: "328px" }, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-select-container", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "month", children: /* @__PURE__ */ e.jsxs("span", { className: x === "MONTHS" ? "active" : "", onClick: () => h(
+      /* @__PURE__ */ e.jsx("div", { className: "month", children: /* @__PURE__ */ e.jsxs("span", { className: m === "MONTHS" ? "active" : "", onClick: () => h(
         "MONTHS"
         /* MONTHS */
       ), children: [
@@ -4536,7 +4536,7 @@ const Vr = [
         " ",
         /* @__PURE__ */ e.jsx(Ie, {})
       ] }) }),
-      /* @__PURE__ */ e.jsx("div", { className: "years", children: /* @__PURE__ */ e.jsxs("span", { className: x === "YEARS" ? "active" : "", onClick: () => h(
+      /* @__PURE__ */ e.jsx("div", { className: "years", children: /* @__PURE__ */ e.jsxs("span", { className: m === "YEARS" ? "active" : "", onClick: () => h(
         "YEARS"
         /* YEARS */
       ), children: [
@@ -4545,10 +4545,10 @@ const Vr = [
         /* @__PURE__ */ e.jsx(Ie, {})
       ] }) })
     ] }),
-    x === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: xe.map((v, M) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => _(v), children: [
+    m === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: me.map((v, M) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => _(v), children: [
       /* @__PURE__ */ e.jsx("div", { className: "status-container", children: l === v ? /* @__PURE__ */ e.jsx(pe, {}) : null }),
       /* @__PURE__ */ e.jsx("div", { className: "content", children: v })
-    ] }, M)) }) : x === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: Dr().map((v, M) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => p(v), children: [
+    ] }, M)) }) : m === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: Dr().map((v, M) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => p(v), children: [
       /* @__PURE__ */ e.jsx("div", { className: "status-container", children: c === v ? /* @__PURE__ */ e.jsx(pe, {}) : null }),
       /* @__PURE__ */ e.jsx("div", { className: "content", children: v })
     ] }, M)) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -4561,7 +4561,7 @@ const Vr = [
         /* @__PURE__ */ e.jsx("span", { children: "S" }),
         /* @__PURE__ */ e.jsx("span", { children: "S" })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: f(c, xe.indexOf(l)).map((v, M) => /* @__PURE__ */ e.jsx("div", { className: `day ${v.type !== "NOW_MONTH" ? "other" : ""} ${i === v.day && c === s && l === r ? "now" : ""} ${v.day === d.day && v.type === d.type ? "select" : ""}`, onClick: () => b(v), children: v.day }, M)) })
+      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: f(c, me.indexOf(l)).map((v, M) => /* @__PURE__ */ e.jsx("div", { className: `day ${v.type !== "NOW_MONTH" ? "other" : ""} ${i === v.day && c === s && l === r ? "now" : ""} ${v.day === d.day && v.type === d.type ? "select" : ""}`, onClick: () => k(v), children: v.day }, M)) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-action-container", children: [
       /* @__PURE__ */ e.jsx(ce, { className: "little m-0", onClick: t, children: "Cancel" }),
@@ -4580,30 +4580,31 @@ const Vr = [
   helperText: a,
   size: d = "medium",
   disabled: u,
-  placeholder: x,
+  placeholder: m,
   onBlur: h,
-  onFocus: m,
-  ...j
+  onFocus: x,
+  onClear: j,
+  ...f
 }) => {
-  const [f, p] = g(s ?? ""), [_, b] = g(!1), [y, v] = g(!1), [M, F] = g(!!s), B = Be(), A = l || c, w = () => {
-    b(!0);
-  }, z = (L) => {
-    let T = String(L + 1);
-    return T.length < 2 && (T = "0" + T), T;
-  }, D = (L) => {
-    let T = String(L);
-    return T.length < 2 && (T = "0" + T), T;
-  }, E = (L) => {
-    m == null || m(L), v(!0);
-  }, N = (L) => {
-    h == null || h(L), v(!1), F(!!L.target.value);
+  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);
   };
-  O(() => {
-    F(!!s);
+  T(() => {
+    W(!!s);
   }, [s]);
-  const I = k((L, T, Y) => {
-    p(`${L}-${z(T)}-${D(Y)}`), t && t(`${L}-${z(T)}-${D(Y)}`);
-  }, [t]), S = {
+  const S = b((O, A, K) => {
+    _(`${O}-${D(A)}-${R(K)}`), t && t(`${O}-${D(A)}-${R(K)}`);
+  }, [t]), E = {
     small: "input-field__date-field_small",
     medium: "input-field__date-field_medium",
     large: "input-field__date-field_large"
@@ -4612,14 +4613,14 @@ const Vr = [
     /* @__PURE__ */ e.jsxs("div", { className: `
           input-field 
           input-field__date-field 
-          ${S[d]}
+          ${E[d]}
           ${n ? "input-field_border" : ""} 
-          ${y ? "input-field_active" : ""} 
-          ${A ? "input-field_error" : ""} 
+          ${v ? "input-field_active" : ""} 
+          ${w ? "input-field_error" : ""} 
           ${u ? "input-field_disabled" : ""}
         `, 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("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(
           "input",
           {
@@ -4628,29 +4629,33 @@ const Vr = [
             type: "date",
             role: "textbox",
             name: r,
-            value: f,
-            onBlur: N,
-            onFocus: E,
+            value: p,
+            onBlur: I,
+            onFocus: N,
             readOnly: !0,
-            id: B,
-            ...j
+            id: z,
+            ...f
           }
         ),
-        x && /* @__PURE__ */ e.jsx(
+        m && /* @__PURE__ */ e.jsx(
           "label",
           {
-            htmlFor: B,
+            htmlFor: z,
             className: `input-field__input-container__label 
-                    ${M ? "input-field__input-container__label_filled" : ""}
+                    ${V ? "input-field__input-container__label_filled" : ""}
                     `,
-            children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: x })
+            children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: m })
           }
         )
-      ] })
+      ] }),
+      j && s && !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" }) })
     ] }),
-    _ ? /* @__PURE__ */ e.jsx(_e, { container: o, children: /* @__PURE__ */ e.jsx(Ir, { onChange: I, onHide: () => b(!1) }) }) : null,
-    A && c && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__error-text", children: c }),
-    a && !A && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__helper-text", children: a })
+    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 })
   ] });
 }, zr = {
   Mon: "Mon",
@@ -4668,15 +4673,15 @@ const Vr = [
   // Дефолтные значения
 }) => {
   const [i, l] = g(t ?? []);
-  O(() => {
+  T(() => {
     t && l(t);
   }, [t]);
-  const o = k((a) => (d) => {
+  const o = b((a) => (d) => {
     l((u) => {
-      const x = d.target.checked ? [...u, a] : u.filter((h) => h !== a);
-      return n == null || n(x), x;
+      const m = d.target.checked ? [...u, a] : u.filter((h) => h !== a);
+      return n == null || n(m), m;
     });
-  }, [n]), c = k((a) => i.includes(a), [i]);
+  }, [n]), c = b((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",
@@ -4704,49 +4709,49 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
   className: a,
   ariaLabel: d = "Добавление нового элемента",
   chipsAriaLabel: u = "Список элементов",
-  id: x,
+  id: m,
   error: h,
-  errorText: m,
+  errorText: x,
   helperText: j
 }) => {
-  const [f, p] = g([]), [_, b] = g(""), [y, v] = g(null);
-  O(() => {
+  const [f, p] = g([]), [_, k] = g(""), [y, v] = g(null);
+  T(() => {
     p(Wr(t, o));
   }, [t, o]);
   const M = (w) => {
-    b(w);
-  }, F = (w) => {
-    w.key === "Enter" && (w.preventDefault(), B());
-  }, B = k(() => {
+    k(w);
+  }, V = (w) => {
+    w.key === "Enter" && (w.preventDefault(), W());
+  }, W = b(() => {
     if (_.trim() === "" || f.includes(_.trim()))
       return;
     const w = [...f, _.trim()];
-    p(w), r == null || r(jn(w, o)), b(""), v(w.length - 1);
-  }, [f, _, r, o]), A = (w) => {
-    const z = f.filter((D, E) => E !== w);
-    p(z), r == null || r(jn(z, o)), v(w > 0 ? w - 1 : null);
+    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);
   };
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `more-text ${a ?? ""}`,
       style: { minWidth: n },
-      id: x,
+      id: m,
       children: [
         /* @__PURE__ */ e.jsx("div", { className: "add-value", children: /* @__PURE__ */ e.jsx(
           Ve,
           {
             onChange: M,
-            onKeyDown: F,
+            onKeyDown: V,
             value: _,
             border: s,
             placeholder: i,
             error: h,
-            errorText: m,
+            errorText: x,
             helperText: j,
             disabled: c,
             "aria-label": d,
-            "aria-describedby": x ? `${x}-help` : void 0
+            "aria-describedby": m ? `${m}-help` : void 0
           }
         ) }),
         /* @__PURE__ */ e.jsxs(
@@ -4762,26 +4767,26 @@ 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, z) => /* @__PURE__ */ e.jsx(
+                  children: f.map((w, P) => /* @__PURE__ */ e.jsx(
                     Wn,
                     {
                       text: w,
-                      onDelete: () => A(z),
+                      onDelete: () => z(P),
                       disabled: c,
                       "aria-label": `Элемент: ${w}`,
-                      "aria-selected": y === z,
+                      "aria-selected": y === P,
                       role: "option",
                       tabIndex: 0,
-                      onFocus: () => v(z)
+                      onFocus: () => v(P)
                     },
-                    `${w}-${z}`
+                    `${w}-${P}`
                   ))
                 }
               ),
               /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
                 ye,
                 {
-                  onClick: B,
+                  onClick: W,
                   className: "more-text-btn",
                   disabled: c || !_.trim(),
                   "aria-label": `${l} элемент`,
@@ -4791,7 +4796,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
             ]
           }
         ),
-        x && /* @__PURE__ */ e.jsx("div", { id: `${x}-help`, className: "sr-only", children: 'Добавляйте элементы, вводя текст и нажимая Enter или кнопку "Добавить"' })
+        m && /* @__PURE__ */ e.jsx("div", { id: `${m}-help`, className: "sr-only", children: 'Добавляйте элементы, вводя текст и нажимая Enter или кнопку "Добавить"' })
       ]
     }
   );
@@ -4807,80 +4812,80 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
   name: a,
   value: d,
   placeholder: u,
-  className: x,
+  className: m,
   validEmptyValue: h,
-  onFocus: m,
+  onFocus: x,
   onBlur: j,
   error: f,
   max: p,
   min: _,
-  size: b = "medium",
+  size: k = "medium",
   disabled: y,
   step: v = 1,
   helperText: M,
-  errorText: F,
-  ariaLabel: B,
-  ariaLabelledby: A,
+  errorText: V,
+  ariaLabel: W,
+  ariaLabelledby: z,
   ariaDescribedby: w
-}, z) => {
-  const D = G(null), E = G(null), N = G(null), I = G(null), [S, L] = g(!1), [T, Y] = g(d ?? 0), q = k((P, W) => L(!!(f || P && (!W || W === ""))), [f]), Z = () => {
+}, 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)
       return;
-    const P = I.current.querySelector("input");
-    P && P.focus();
-  }, C = k((P, W) => {
+    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(P, W);
+      N.current && (clearTimeout(N.current), N.current = null), c(B, G);
     }, 100));
-  }, [c]), $ = k(() => {
-    Y((P) => {
-      let W = P ? P + v : v;
-      return typeof p == "number" && W > p && (W = p), C(W, a), W;
+  }, [c]), L = b(() => {
+    A((B) => {
+      let G = B ? B + v : v;
+      return typeof p == "number" && G > p && (G = p), C(G, a), G;
     });
-  }, [C, a, p, v]), H = k(() => {
-    Y((P) => {
-      let W = P ? P - v : -v;
-      return typeof _ == "number" && W < _ && (W = _), C(W, a), W;
+  }, [C, a, p, v]), H = b(() => {
+    A((B) => {
+      let G = B ? B - v : -v;
+      return typeof _ == "number" && G < _ && (G = _), C(G, a), G;
     });
-  }, [C, a, _, v]), K = k((P) => {
-    if (P.target.value === "") {
-      Y("");
+  }, [C, a, _, v]), q = b((B) => {
+    if (B.target.value === "") {
+      A("");
       return;
     }
-    P.target.value.length > 1 && P.target.value[0] === "0" && ![",", "."].includes(P.target.value[1]) && (P.target.value = P.target.value.slice(1));
-    let W = Number(P.target.value);
-    typeof _ == "number" && W < _ && (W = _), typeof p == "number" && W > p && (W = p), Y(Number(P.target.value)), C(W, a);
-  }, [a, C, T, p, _]), J = k(() => {
-    D.current && clearTimeout(D.current), E.current && clearInterval(E.current), document.removeEventListener("mouseup", J);
-  }, []), te = k((P) => {
-    P === "p" ? $() : P === "m" && H(), D.current && clearTimeout(D.current), E.current && clearInterval(E.current), document.addEventListener("mouseup", J), D.current = setTimeout(() => {
-      E.current = setInterval(() => {
-        P === "p" ? $() : P === "m" && H();
+    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();
       }, 100);
     }, 500);
-  }, [$, H]), Q = (P) => {
-    T === "" && (Y(0), c == null || c(0)), j == null || j(P);
+  }, [L, H]), Q = (B) => {
+    O === "" && (A(0), c == null || c(0)), j == null || j(B);
   };
-  O(() => {
-    q(h, d);
-  }, [d, h, q]), O(() => {
-    d !== void 0 && !N.current && Y(d);
+  T(() => {
+    K(h, d);
+  }, [d, h, K]), T(() => {
+    d !== void 0 && !N.current && A(d);
   }, [d]);
   const ie = {
     small: "input-field__number-field_small",
     medium: "input-field__number-field_medium",
     large: "input-field__number-field_large"
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${x}`, children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${m}`, children: [
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        ref: z,
+        ref: P,
         style: t,
         className: `
             input-field 
             input-field__number-field
-            ${ie[b]}
+            ${ie[k]}
             ${i ? "input-field_border" : ""} 
             ${r ? "input-field_transparent" : ""} 
             ${S ? "input-field_error" : ""} 
@@ -4889,8 +4894,8 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
         "aria-disabled": y,
         "aria-invalid": S,
         children: [
-          o ? /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container", onClick: Z, "aria-hidden": "true", children: o }) : null,
-          /* @__PURE__ */ e.jsxs("div", { ref: I, className: "input-field__input-container", onClick: Z, 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: [
             /* @__PURE__ */ e.jsx(
               "input",
               {
@@ -4903,12 +4908,12 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
                 type: "number",
                 className: `input-field__input-container__input ${S ? "input-field__input-container__input_error" : ""}`,
                 name: a,
-                value: T,
-                onChange: K,
-                onFocus: m,
+                value: O,
+                onChange: q,
+                onFocus: x,
                 onBlur: Q,
-                "aria-label": B,
-                "aria-labelledby": A,
+                "aria-label": W,
+                "aria-labelledby": z,
                 "aria-describedby": w,
                 "aria-required": "true",
                 "aria-invalid": S,
@@ -4919,13 +4924,13 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
             /* @__PURE__ */ e.jsx("span", { className: "text-field-line" })
           ] }),
           l ? /* @__PURE__ */ e.jsx("div", { className: "clear-container", children: /* @__PURE__ */ e.jsx(
-            ue,
+            de,
             {
               onClick: l,
               role: "button",
               "aria-label": "Clear input",
               tabIndex: 0,
-              onKeyDown: (P) => P.key === "Enter" && l()
+              onKeyDown: (B) => B.key === "Enter" && l()
             }
           ) }) : null,
           /* @__PURE__ */ e.jsxs("div", { className: "input-field__number-field__button-block", children: [
@@ -4937,7 +4942,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
                 role: "button",
                 "aria-label": "Decrease value",
                 tabIndex: 0,
-                onKeyDown: (P) => P.key === "Enter" && H(),
+                onKeyDown: (B) => B.key === "Enter" && H(),
                 children: /* @__PURE__ */ e.jsx(Fn, {})
               }
             ),
@@ -4949,7 +4954,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
                 role: "button",
                 "aria-label": "Increase value",
                 tabIndex: 0,
-                onKeyDown: (P) => P.key === "Enter" && $(),
+                onKeyDown: (B) => B.key === "Enter" && L(),
                 children: /* @__PURE__ */ e.jsx(En, {})
               }
             )
@@ -4957,14 +4962,14 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
         ]
       }
     ),
-    S && F && /* @__PURE__ */ e.jsx(
+    S && V && /* @__PURE__ */ e.jsx(
       U,
       {
         type: "small",
         className: "input-field-container__error-text",
         id: w,
         role: "alert",
-        children: F
+        children: V
       }
     ),
     M && !S && /* @__PURE__ */ e.jsx(
@@ -4992,38 +4997,38 @@ const Qn = ne.forwardRef(
     onChange: a,
     name: d,
     value: u,
-    placeholder: x,
+    placeholder: m,
     className: h,
-    validEmptyValue: m,
+    validEmptyValue: x,
     onFocus: j,
     onBlur: f,
     error: p,
     autoFocus: _,
-    disabled: b,
+    disabled: k,
     helperText: y,
     errorText: v,
     rows: M = 3,
-    onKeyDown: F
-  }, B) => {
-    const A = G(null), [w, z] = g(!1), [D, E] = g(!1), [N, I] = g(!!u), S = Be(), L = () => {
+    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 Z = (C = A.current) == null ? void 0 : C.querySelector("textarea");
-      Z == null || Z.focus();
-    }, T = (Z) => {
-      j == null || j(Z), E(!0);
-    }, Y = (Z) => {
-      f == null || f(Z), E(!1), I(!!Z.target.value);
-    }, q = k(
-      (Z, C) => z(!!(p || Z && (!C || 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 === ""))),
       [p]
     );
-    return O(() => {
-      q(m, u), I(!!u);
-    }, [u, m, q]), /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${h || ""}`, children: [
+    return T(() => {
+      K(x, u), I(!!u);
+    }, [u, x, K]), /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${h || ""}`, children: [
       /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: B,
+          ref: W,
           style: r,
           className: `
             input-field__text-area 
@@ -5032,45 +5037,45 @@ const Qn = ne.forwardRef(
             ${D ? "input-field_active" : ""} 
             ${s ? "input-field_transparent" : ""} 
             ${w ? "input-field_error" : ""} 
-            ${b ? "input-field_disabled" : ""}
+            ${k ? "input-field_disabled" : ""}
           `,
-          onClick: L,
+          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: A, children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "input-field__input-container input-field__text-area__input-container", ref: z, children: [
               /* @__PURE__ */ e.jsx(
                 "textarea",
                 {
                   ref: t,
                   id: S,
                   readOnly: i,
-                  disabled: b,
+                  disabled: k,
                   required: !0,
                   rows: M,
                   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: (Z) => a == null ? void 0 : a(Z.target.value, Z.target.name, Z),
-                  onFocus: T,
-                  onBlur: Y,
-                  onKeyDown: F,
+                  onChange: (Y) => a == null ? void 0 : a(Y.target.value, Y.target.name, Y),
+                  onFocus: O,
+                  onBlur: A,
+                  onKeyDown: V,
                   autoFocus: _,
                   "aria-invalid": w,
                   "aria-describedby": w ? `${d}-error` : void 0
                 }
               ),
-              x && /* @__PURE__ */ e.jsx(
+              m && /* @__PURE__ */ e.jsx(
                 "label",
                 {
                   htmlFor: S,
-                  onClick: L,
+                  onClick: E,
                   className: `input-field__input-container__label input-field__text-area__label ${N ? "input-field__input-container__label_filled" : ""}`,
-                  children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: x })
+                  children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: m })
                 }
               )
             ] }),
-            o && u && !b && /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container input-field__icon-container__clear-btn", onClick: o, children: /* @__PURE__ */ e.jsx(ue, { "aria-label": "Clear textarea" }) })
+            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" }) })
           ]
         }
       ),
@@ -5081,11 +5086,11 @@ const Qn = ne.forwardRef(
 );
 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 = k((h) => {
+  const [c, a] = g(!1), d = b((h) => {
     n(h), a(!0);
-  }, [n]), u = k((h) => {
+  }, [n]), u = b((h) => {
     t(h), a(!1);
-  }, [t]), x = k(() => {
+  }, [t]), m = b(() => {
     a(!1), l();
   }, []);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -5104,7 +5109,7 @@ const Zr = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: i, o
     /* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: c ? /* @__PURE__ */ e.jsx(Ur, { setMinutes: u }) : /* @__PURE__ */ e.jsx(Yr, { setHours: d }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
       /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => r(), children: /* @__PURE__ */ e.jsx(Rn, {}) }),
-      /* @__PURE__ */ e.jsx(ce, { className: "little", onClick: x, children: "Cancel" }),
+      /* @__PURE__ */ e.jsx(ce, { className: "little", onClick: m, children: "Cancel" }),
       /* @__PURE__ */ e.jsx(ce, { className: "little", onClick: o, children: "OK" })
     ] })
   ] });
@@ -5191,9 +5196,9 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
 }, Kr = (n) => {
   const [t, r] = g(n.minutes ?? 0), [s, i] = g(n.hours ?? 0), [l, o] = g(!0), c = () => {
     n.onHide && n.onHide(), r(0), i(0);
-  }, a = k((u) => {
+  }, a = b((u) => {
     r(u), n.onChange && n.onChange(s, u), n.onHide && n.onHide();
-  }, [s]), d = k(() => {
+  }, [s]), d = b(() => {
     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 }) });
@@ -5213,33 +5218,33 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
   disabled: a = !1,
   errorText: d,
   helperText: u,
-  ariaLabel: x,
+  ariaLabel: m,
   size: h = "medium",
-  ariaLabelledby: m,
+  ariaLabelledby: x,
   placeholder: j,
   onBlur: f,
   onFocus: p,
   style: _,
-  ...b
+  ...k
 }) => {
-  const [y, v] = g(s), [M, F] = g(!1), [B, A] = g(!1), [w, z] = g(!!s), D = Be(), E = o || !!d;
-  O(() => {
+  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);
   }, [s]);
-  const N = k(() => E || l && !y ? "error" : "", [y, E, l]), I = (C, $) => {
-    const H = String(C).padStart(2, "0"), K = String($).padStart(2, "0"), J = `${H}:${K}`;
+  const N = 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 || F(!0);
-  }, L = (C) => {
-    p == null || p(C), A(!0);
-  }, T = (C) => {
-    f == null || f(C), A(!1), z(!!C.target.value);
+    a || V(!0);
+  }, E = (C) => {
+    p == null || p(C), z(!0);
+  }, O = (C) => {
+    f == null || f(C), z(!1), P(!!C.target.value);
   };
-  O(() => {
-    z(!!s);
+  T(() => {
+    P(!!s);
   }, [s]);
-  const Y = y && parseInt(y.split(":")[0]) || 0, q = y && parseInt(y.split(":")[1]) || 0, Z = oe(() => E && d ? /* @__PURE__ */ e.jsx(
+  const A = y && parseInt(y.split(":")[0]) || 0, K = y && parseInt(y.split(":")[1]) || 0, Y = oe(() => R && d ? /* @__PURE__ */ e.jsx(
     U,
     {
       type: "small",
@@ -5248,7 +5253,7 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
       id: `${r}-error`,
       children: d
     }
-  ) : u && !E ? /* @__PURE__ */ e.jsx(
+  ) : u && !R ? /* @__PURE__ */ e.jsx(
     U,
     {
       type: "small",
@@ -5256,7 +5261,7 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
       id: `${r}-helper`,
       children: u
     }
-  ) : null, [E, d, u, r]);
+  ) : null, [R, d, u, r]);
   return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${i}`, children: [
     /* @__PURE__ */ e.jsxs(
       "div",
@@ -5266,8 +5271,8 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
           input-field__time-field 
           ${qr[h]}
           ${n ? "input-field_border" : ""} 
-          ${B ? "input-field_active" : ""} 
-          ${E ? "input-field_error" : ""} 
+          ${W ? "input-field_active" : ""} 
+          ${R ? "input-field_error" : ""} 
           ${a ? "input-field_disabled" : ""}
           `,
         "aria-disabled": a,
@@ -5285,22 +5290,22 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
               children: /* @__PURE__ */ e.jsx(en, {})
             }
           ),
-          /* @__PURE__ */ e.jsxs("div", { "aria-label": x, className: "input-field__input-container", onClick: S, children: [
+          /* @__PURE__ */ e.jsxs("div", { "aria-label": m, className: "input-field__input-container", onClick: S, children: [
             /* @__PURE__ */ e.jsx(
               "input",
               {
-                ...b,
+                ...k,
                 type: "time",
                 className: `input-field__input-container__input ${N()}`,
                 name: r,
                 value: y,
                 readOnly: !0,
-                onBlur: T,
-                onFocus: L,
+                onBlur: O,
+                onFocus: E,
                 disabled: a,
-                "aria-labelledby": m,
-                "aria-invalid": E,
-                "aria-describedby": E && d ? `${r}-error` : u ? `${r}-helper` : void 0
+                "aria-labelledby": x,
+                "aria-invalid": R,
+                "aria-describedby": R && d ? `${r}-error` : u ? `${r}-helper` : void 0
               }
             ),
             j && /* @__PURE__ */ e.jsx(
@@ -5318,14 +5323,14 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
         ]
       }
     ),
-    Z,
+    Y,
     M && /* @__PURE__ */ e.jsx(_e, { container: c, children: /* @__PURE__ */ e.jsx(
       Kr,
       {
-        onHide: () => F(!1),
+        onHide: () => V(!1),
         onChange: I,
-        hours: Y,
-        minutes: q
+        hours: A,
+        minutes: K
       }
     ) })
   ] });
@@ -5334,22 +5339,22 @@ function Qr(n, t, r, s, i) {
   return s + (i - s) * ((n - t) / (r - t));
 }
 const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
-  const [r, s] = g(0), [i, l] = g(!1), o = G(null), c = G(null);
-  O(() => {
+  const [r, s] = g(0), [i, l] = g(!1), o = Z(null), c = Z(null);
+  T(() => {
     t.value ? s(t.value) : s(0);
   }, [t.value]);
   const a = (h) => {
     s(Number(h.target.value)), t.onChange && t.onChange(h);
-  }, d = (h, m, j) => {
+  }, d = (h, x, j) => {
     if (o.current && c.current) {
       let f = Ye(c.current);
       if (f)
-        return Qr(h, m, j, 0, j - m) * (f.width - 20) / (j - m);
+        return Qr(h, x, j, 0, j - x) * (f.width - 20) / (j - x);
     }
     return 0;
-  }, u = k((h) => {
+  }, u = b((h) => {
     l(!0), t.onFocus && t.onFocus(h);
-  }, [t.onFocus]), x = k((h) => {
+  }, [t.onFocus]), m = b((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: [
@@ -5359,7 +5364,7 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
         /* @__PURE__ */ e.jsx("span", { className: "slider-tooltip-container" }),
         /* @__PURE__ */ e.jsx("span", { className: "slider-tooltip-value", children: r })
       ] }) }) }),
-      /* @__PURE__ */ e.jsx("input", { disabled: t.disabled, onMouseUp: t.onMouseUp, ref: c, step: t.step, type: "range", min: t.min ?? Ke, max: t.max ?? qe, onChange: a, value: r, onFocus: u, onBlur: x })
+      /* @__PURE__ */ e.jsx("input", { disabled: t.disabled, onMouseUp: t.onMouseUp, ref: c, step: t.step, type: "range", min: t.min ?? Ke, max: t.max ?? qe, onChange: a, value: r, onFocus: u, onBlur: m })
     ] }),
     t.showMinMax ? /* @__PURE__ */ e.jsx("div", { className: "value right", children: t.max ?? qe }) : null
   ] }) });
@@ -5368,18 +5373,18 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
   t ? /* @__PURE__ */ e.jsx("p", { children: t }) : null,
   o ? /* @__PURE__ */ e.jsx(ye, { styleType: o.styleType ?? "filled", style: o.style, className: o.className, onClick: o.onClick, children: o.text }) : null
 ] }), es = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent: l, onlyStringValue: o }) => {
-  const [c, a] = g(""), [d, u] = g(""), [x, h] = g(!1), [m, j] = g(!0), f = k((y, v) => {
+  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 = k(() => {
+  }, [s, r]), p = b(() => {
     u(""), a(""), h(!1);
-  }, []), _ = k(() => {
+  }, []), _ = b(() => {
     let y = d;
     try {
       o || (y = JSON.parse(y));
     } catch {
     }
     p(), s({ ...r, [c]: y });
-  }, [r, s, c, d, p]), b = k((y) => {
+  }, [r, s, c, d, p]), k = b((y) => {
     let v = { ...r };
     delete v[y], s(v);
   }, [r, s]);
@@ -5389,14 +5394,14 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
         t,
         ":",
         "{",
-        m ? null : /* @__PURE__ */ e.jsx("span", { children: "..." })
+        x ? null : /* @__PURE__ */ e.jsx("span", { children: "..." })
       ] }),
       n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: () => h(!0), children: /* @__PURE__ */ e.jsx(rn, {}) })
     ] }),
-    m ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r ? Object.keys(r).map(
-      (y, v) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: () => b(y), onChange: (M) => f(M, y), name: y, data: r[y] }) }, v)
+    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)
     ) : null }) : null,
-    x && !n ? /* @__PURE__ */ e.jsxs("div", { className: "json-object-content", children: [
+    m && !n ? /* @__PURE__ */ e.jsxs("div", { className: "json-object-content", children: [
       /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: c.length || 10, placeholder: "key", onChange: (y) => a(y.target.value), className: "json-base-data-input", type: "text", value: c }) }),
       ":",
       /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: d.length || 10, placeholder: "value", onChange: (y) => u(y.target.value), className: "json-base-data-input", type: "text", value: d }) }),
@@ -5409,20 +5414,20 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
     ] })
   ] }) });
 }, ns = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent: l, onlyStringValue: o }) => {
-  const [c, a] = g(""), [d, u] = g(!1), [x, h] = g(!0), m = k((_, b) => {
+  const [c, a] = g(""), [d, u] = g(!1), [m, h] = g(!0), x = b((_, k) => {
     const y = r.slice();
-    y[b] = _, s(y);
-  }, [s, r]), j = k(() => {
+    y[k] = _, s(y);
+  }, [s, r]), j = b(() => {
     a(""), u(!1);
-  }, []), f = k(() => {
+  }, []), f = b(() => {
     let _ = c;
     try {
       o || (_ = JSON.parse(_));
     } catch {
     }
     j(), s([...r, _]);
-  }, [r, s, c, j]), p = k((_) => {
-    s(r.filter((b, y) => y !== _));
+  }, [r, s, c, j]), p = b((_) => {
+    s(r.filter((k, y) => y !== _));
   }, [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: [
@@ -5430,11 +5435,11 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
         t,
         ":",
         "[",
-        x ? null : /* @__PURE__ */ e.jsx("span", { children: "..." })
+        m ? null : /* @__PURE__ */ e.jsx("span", { children: "..." })
       ] }),
       n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: () => u(!0), children: /* @__PURE__ */ e.jsx(rn, {}) })
     ] }),
-    x ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r && r.map((_, b) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: () => p(b), onChange: (y) => m(y, b), name: String(b), data: _ }) }, b)) }) : null,
+    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,
     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" }),
@@ -5446,7 +5451,7 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
     ] })
   ] }) });
 }, ts = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i }) => {
-  const l = k((o) => {
+  const l = b((o) => {
     s(o.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: [
@@ -5460,11 +5465,11 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
 };
 var et = /* @__PURE__ */ ((n) => (n.NONE = "NONE", n.ARRAY = "ARRAY", n.OBJECT = "OBJECT", n))(et || {});
 const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: l, onlyStringValue: o }) => typeof r == "boolean" || typeof r == "number" || typeof r == "string" ? /* @__PURE__ */ e.jsx(ts, { readonly: n, onDelete: i, onChange: s, data: r, name: t }) : r ? Array.isArray(r) ? /* @__PURE__ */ e.jsx(ns, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: l === "ARRAY", onlyStringValue: o }) : /* @__PURE__ */ e.jsx(es, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: l === "OBJECT", onlyStringValue: o }) : null, qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: l = et.NONE, onlyStringValue: o }) => {
-  const [c, a] = g(r || void 0), [d, u] = g(""), x = k((j) => {
+  const [c, a] = g(r || void 0), [d, u] = g(""), m = b((j) => {
     n || (a(j), s && s(j));
-  }, [s]), h = k(() => {
+  }, [s]), h = b(() => {
     n || (a(void 0), i && i());
-  }, [i]), m = k(() => {
+  }, [i]), x = b(() => {
     if (n)
       return;
     let j = d;
@@ -5474,22 +5479,22 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     }
     a(j), s && s(j);
   }, [s, d]);
-  return O(() => {
+  return T(() => {
     a(r);
   }, [r]), !c && n ? /* @__PURE__ */ e.jsx("div", { className: `json-object-content ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: "value" }) }) : c ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(cn, { transparent: !0, text: JSON.stringify(r) }),
-    /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: h, onChange: x, data: c, baseType: l, name: t, onlyStringValue: o })
+    /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: h, onChange: m, data: c, baseType: l, name: t, onlyStringValue: o })
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: `json-object-content ${n ? "" : "changeable"}`, children: [
     /* @__PURE__ */ e.jsx(cn, { transparent: !0, text: JSON.stringify(r) }),
     /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: d.length || 10, placeholder: "value", onChange: (j) => u(j.target.value), className: "alex-evo-sh-ui-kit-json json-base-data-input", type: "text", value: d }) }),
-    /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: m, children: "save" })
+    /* @__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 = G(null), [c, a] = g(""), [d, u] = g(!1), x = () => {
+  const o = Z(null), [c, a] = g(""), [d, u] = g(!1), m = () => {
     o.current && (o.current.focus(), u(!0));
   }, h = () => {
     o.current && (o.current.focus(), o.current.value = ""), a(""), u(!0), i && r("");
-  }, m = () => {
+  }, x = () => {
     h(), o.current && (o.current.blur(), u(!1));
   }, j = (p) => {
     a(p.target.value), i && r(p.target.value);
@@ -5497,9 +5502,9 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     p.code === "Enter" && r(c);
   };
   return /* @__PURE__ */ e.jsx("div", { className: `search-container ${l ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
-    d ? /* @__PURE__ */ e.jsx("span", { onClick: m, children: /* @__PURE__ */ e.jsx(nn, {}) }) : n ? /* @__PURE__ */ e.jsx("span", { onClick: n.onClick, children: n.icon }) : t || null,
+    d ? /* @__PURE__ */ e.jsx("span", { onClick: x, children: /* @__PURE__ */ e.jsx(nn, {}) }) : n ? /* @__PURE__ */ e.jsx("span", { onClick: n.onClick, children: n.icon }) : t || null,
     /* @__PURE__ */ e.jsx("input", { placeholder: s, type: "text", ref: o, onChange: j, onKeyDown: f, value: c, onFocus: () => u(!0) }),
-    d ? /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(ue, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: x, children: /* @__PURE__ */ e.jsx(tn, {}) })
+    d ? /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(de, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: m, children: /* @__PURE__ */ e.jsx(tn, {}) })
   ] }) });
 }, rs = ({
   filters: n,
@@ -5509,15 +5514,15 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
   onClose: i,
   point: l = { x: 50, y: 50 }
 }) => {
-  const o = G(null);
-  if (O(() => {
+  const o = Z(null);
+  if (T(() => {
     const d = (u) => {
       s && o.current && !o.current.contains(u.target) && i();
     };
     return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
   }, [s, i]), !s) return null;
   const c = (d, u) => {
-    const x = t[d] || [], h = x.includes(u) ? x.filter((m) => m !== u) : [...x, u];
+    const m = t[d] || [], h = m.includes(u) ? m.filter((x) => x !== u) : [...m, u];
     r({
       ...t,
       [d]: h
@@ -5527,8 +5532,8 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     left: `${l.x}px`,
     zIndex: 1e3
   };
-  return /* @__PURE__ */ e.jsx(We, { onHide: i, children: /* @__PURE__ */ e.jsx(pr, { className: "multi-filter", style: a, children: /* @__PURE__ */ e.jsx("div", { ref: o, children: n.map(({ name: d, options: u }, x) => /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: 16 }, children: [
-    x !== 0 && /* @__PURE__ */ e.jsx(se, {}),
+  return /* @__PURE__ */ e.jsx(We, { onHide: i, children: /* @__PURE__ */ e.jsx(pr, { className: "multi-filter", style: a, children: /* @__PURE__ */ e.jsx("div", { ref: o, children: n.map(({ name: d, options: u }, m) => /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: 16 }, children: [
+    m !== 0 && /* @__PURE__ */ e.jsx(se, {}),
     /* @__PURE__ */ e.jsx(U, { type: "title-2", weight: "bold", children: d }),
     /* @__PURE__ */ e.jsx("div", { className: "filter-block", children: u.map((h) => /* @__PURE__ */ e.jsxs("label", { className: "filter-field", children: [
       /* @__PURE__ */ e.jsx(
@@ -5551,19 +5556,19 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
   onChangeFilter: l,
   border: o = !1
 }) => {
-  const c = G(null), [a, d] = g(""), [u, x] = g(!1), [h, m] = g(null), j = () => {
-    c.current && (c.current.focus(), x(!0));
+  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(""), x(!0), r && n("");
+    c.current && (c.current.focus(), c.current.value = ""), d(""), m(!0), r && n("");
   }, p = () => {
-    f(), c.current && (c.current.blur(), x(!1));
+    f(), c.current && (c.current.blur(), m(!1));
   }, _ = (v) => {
     d(v.target.value), r && n(v.target.value);
-  }, b = (v) => {
+  }, k = (v) => {
     v.code === "Enter" && n(a);
   }, y = (v) => {
     const M = v.currentTarget.getBoundingClientRect();
-    m({
+    x({
       x: M.left,
       y: M.bottom
       // ниже элемента
@@ -5572,14 +5577,14 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("div", { className: `search-container ${o ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
       u ? /* @__PURE__ */ e.jsx("span", { onClick: 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: b, value: a, onFocus: () => x(!0) }),
-      u ? /* @__PURE__ */ e.jsx("span", { onClick: f, children: /* @__PURE__ */ e.jsx(ue, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: j, children: /* @__PURE__ */ e.jsx(tn, {}) })
+      /* @__PURE__ */ e.jsx("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(_e, { container: document.body, children: /* @__PURE__ */ e.jsx(rs, { point: h ?? void 0, onClose: () => m(null), isOpen: !!h, filters: s, selectedFilters: i, onChange: l }) })
+    /* @__PURE__ */ e.jsx(_e, { container: document.body, children: /* @__PURE__ */ e.jsx(rs, { point: h ?? void 0, onClose: () => x(null), isOpen: !!h, filters: s, selectedFilters: i, onChange: l }) })
   ] });
 }, ss = ({ visible: n, text: t, option: r }) => {
   const [s, i] = g(n), [l, o] = g(!1);
-  O(() => {
+  T(() => {
     n ? (i(!0), setTimeout(() => o(!0), 10)) : (o(!1), setTimeout(() => i(!1), 300));
   }, [n]);
   const c = () => {
@@ -5598,7 +5603,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
           /* @__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.closeButton) && /* @__PURE__ */ e.jsx("div", { className: "snackbar-close", children: /* @__PURE__ */ e.jsx("span", { onClick: c, children: /* @__PURE__ */ e.jsx(ue, {}) }) })
+        (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, {}) }) })
       ]
     }
   ) : null;
@@ -5614,19 +5619,19 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
   onContextMenu: a,
   ...d
 }) => {
-  const u = G(null), x = G(null), [h, m] = g(!1), j = n === "heading" || n === "title" || n === "title-2", f = j ? "h3" : "span", p = {
+  const u = Z(null), m = Z(null), [h, x] = g(!1), j = n === "heading" || n === "title" || n === "title-2", f = j ? "h3" : "span", p = {
     fontSize: bn(n, t),
     fontWeight: kn(n, r),
     lineHeight: yn(n, s, t),
     ...o
-  }, _ = j ? "typography-heading" : "typography-text", b = k(() => {
-    if (!u.current || !x.current) return;
-    const y = u.current.clientWidth, v = x.current.scrollWidth;
-    m(y < v);
+  }, _ = j ? "typography-heading" : "typography-text", k = b(() => {
+    if (!u.current || !m.current) return;
+    const y = u.current.clientWidth, v = m.current.scrollWidth;
+    x(y < v);
   }, [l]);
-  return O(() => (b(), window.addEventListener("resize", b), () => {
-    window.removeEventListener("resize", b);
-  }), [b]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  return T(() => (k(), window.addEventListener("resize", k), () => {
+    window.removeEventListener("resize", k);
+  }), [k]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       "div",
       {
@@ -5648,7 +5653,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        ref: x,
+        ref: m,
         style: {
           position: "absolute",
           visibility: "hidden",
@@ -5682,27 +5687,27 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     border: a,
     name: d,
     error: u,
-    onBlur: x,
+    onBlur: m,
     onFocus: h,
-    container: m = document.body,
+    container: x = document.body,
     size: j = "medium",
     transparent: f,
     helperText: p,
     errorText: _,
-    disabled: b
+    disabled: k
   }, y) => {
-    const [v, M] = g(""), [F, B] = g({ x: 0, y: 0, width: 100 }), [A, w] = g(!1), z = !!(u || _);
-    O(() => {
+    const [v, M] = g(""), [V, W] = g({ x: 0, y: 0, width: 100 }), [z, w] = g(!1), P = !!(u || _);
+    T(() => {
       M(pn(s, l ?? ""));
     }, [l, s]);
-    const D = k((S) => {
+    const D = b((S) => {
       M(pn(s, S)), i && i(S), w(!1);
-    }, [s, i]), E = k((S) => typeof S == "string" ? { title: S, onClick: () => D(S) } : { title: S.title, onClick: () => D(S.value), icon: S.icon, disabled: S.disabled }, [D]), N = k((S) => {
-      if (b) return;
+    }, [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 L = Ye(S.currentTarget), T = (L == null ? void 0 : L.left) ?? S.pageX, Y = L != null && L.top ? L.top + L.height : S.pageY;
-      B({ x: T, y: Y, width: (L == null ? void 0 : L.width) ?? 150 }), w(!0);
-    }, [s, E, b]), I = {
+      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 = {
       small: "input-field__text-field_small",
       medium: "input-field__text-field_medium",
       large: "input-field__text-field_large"
@@ -5713,31 +5718,31 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
                 input-field__text-field 
                 ${I[j]}
                 ${a ? "input-field_border" : ""} 
-                ${A ? "input-field_active" : ""} 
+                ${z ? "input-field_active" : ""} 
                 ${f ? "input-field_transparent" : ""} 
-                ${z ? "input-field_error" : ""} 
-                ${b ? "input-field_disabled" : ""}
+                ${P ? "input-field_error" : ""} 
+                ${k ? "input-field_disabled" : ""}
                 `, children: /* @__PURE__ */ e.jsxs("div", { className: "input-field__input-container", onClick: N, children: [
         /* @__PURE__ */ e.jsx(
           "input",
           {
             ref: n,
             required: !0,
-            disabled: b,
+            disabled: k,
             type: "text",
             className: `input-field__input-container__input ${u ? "input-field__input-container__input_error" : ""}`,
             name: d,
             value: v,
             onFocus: h,
-            onBlur: x,
+            onBlur: m,
             readOnly: !0
           }
         ),
         /* @__PURE__ */ e.jsx("label", { className: "input-field__input-container__label", children: o ? /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: o }) : null })
       ] }) }),
-      z && _ && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__error-text", children: _ }),
-      p && !z && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__helper-text", children: p }),
-      /* @__PURE__ */ e.jsx(Pn, { marginBottom: r === ee.MOBILE ? 80 : 0, width: F.width, screensize: r, x: F.x, y: F.y, onHide: () => w(!1), container: m, blocks: [{ items: s.map(E) }], visible: A })
+      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 })
     ] });
   }
 );
@@ -5783,7 +5788,7 @@ const is = ({ icons: n, value: t, onChange: r, disabled: s, placeholder: i, cont
   LinkIcon: wt,
   UnLinkIcon: Nt,
   GearIcon: yt,
-  X: ue,
+  X: de,
   Trash: Nn,
   Pen: $n,
   Palette: wn,
@@ -5835,9 +5840,9 @@ const as = {
   }
 }, os = Pe(as), ri = ({ children: n }) => {
   var o;
-  const [t, r] = g({ visible: !1, text: "" }), s = G(null), i = k((c, a) => {
+  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 = k(() => {
+  }, []), l = b(() => {
     s.current && (clearTimeout(s.current), s.current = null), r({ visible: !1, text: "" });
   }, []);
   return /* @__PURE__ */ e.jsxs(os.Provider, { value: { showSnackbar: i, hideSnackbar: l }, children: [
@@ -5868,14 +5873,14 @@ function hs(n) {
   return typeof n == "boolean";
 }
 const fe = (n) => {
-  const { value: t, changeField: r, errors: s } = cs(), i = k((a) => {
+  const { value: t, changeField: r, errors: s } = cs(), i = b((a) => {
     r && r(n, a);
-  }, [n]), l = k(() => {
+  }, [n]), l = b(() => {
     const a = t == null ? void 0 : t[n];
     return hs(a) ? !!a : us(a) ? Number(a) : ds(a) ? a ?? "" : "";
-  }, [t, n]), o = k(() => {
+  }, [t, n]), o = b(() => {
     r && r(n, "");
-  }, [n]), c = k(() => {
+  }, [n]), c = b(() => {
     if (s && Object.keys(s).includes(n))
       return s[n];
   }, [s, n]);
@@ -5885,10 +5890,10 @@ const fe = (n) => {
     error: c(),
     change: i
   };
-}, ms = (n) => {
+}, xs = (n) => {
   const { value: t, change: r, error: s } = fe(n.name);
   return /* @__PURE__ */ e.jsx(Gr, { ...n, onChange: r, value: String(t), errorText: s, error: !!s });
-}, xs = (n) => {
+}, ms = (n) => {
   const { value: t, change: r, error: s } = fe(n.name);
   return /* @__PURE__ */ e.jsx(Jn, { ...n, value: Number(t), onChange: r, errorText: s, error: !!s });
 }, fs = (n) => {
@@ -5914,7 +5919,7 @@ const fe = (n) => {
     if (u.length > 0)
       return c && c(!0);
     c && c(!1);
-  }, d = k(() => o ? [n ?? l] : [], [o, l, n]);
+  }, d = b(() => o ? [n ?? l] : [], [o, l, n]);
   return /* @__PURE__ */ e.jsx(
     Zn,
     {
@@ -5970,31 +5975,31 @@ const fe = (n) => {
   );
 }, bs = ve(
   function({ children: t, value: r, name: s, errors: i, onFinish: l, onChangeValue: o, ...c }, a) {
-    const [d, u] = g(r), x = k((m) => {
-      m.preventDefault(), l == null || l(d);
-    }, [l, d]), h = k((m, j) => {
+    const [d, u] = g(r), m = b((x) => {
+      x.preventDefault(), l == null || l(d);
+    }, [l, d]), h = b((x, j) => {
       u((f) => ({
         ...f,
-        [m]: j
-      })), o == null || o(m, j);
+        [x]: j
+      })), o == null || o(x, j);
     }, [o]);
     return ht(a, () => ({
       submit: () => l == null ? void 0 : l(d),
-      setFieldValue: (m, j) => {
-        u((f) => ({ ...f, [m]: j }));
+      setFieldValue: (x, j) => {
+        u((f) => ({ ...f, [x]: j }));
       },
-      setValues: (m) => u(m),
+      setValues: (x) => u(x),
       getValues: () => d,
       reset: () => u(r)
-    }), [l, d, r]), /* @__PURE__ */ e.jsx(rt.Provider, { value: { value: d, changeField: h, errors: i }, children: /* @__PURE__ */ e.jsx("form", { name: s, onSubmit: x, noValidate: !0, ...c, children: t }) });
+    }), [l, d, r]), /* @__PURE__ */ e.jsx(rt.Provider, { value: { value: d, changeField: h, errors: i }, children: /* @__PURE__ */ e.jsx("form", { name: s, onSubmit: m, noValidate: !0, ...c, children: t }) });
   }
 ), si = Object.assign(bs, {
   TextInput: _s,
-  NumberInput: xs,
+  NumberInput: ms,
   SelectInput: fs,
   SwitchField: js,
   SwitchButtonField: ps,
-  MoreTextField: ms,
+  MoreTextField: xs,
   TextArea: Cs,
   DateField: vs,
   TimeField: gs
@@ -6015,7 +6020,7 @@ export {
   vn as BottomSheetsUi,
   ye as Button,
   Sn as Calendar,
-  xr as Card,
+  mr as Card,
   pe as Check,
   Bn as Checkbox,
   Ie as ChevronDown,
@@ -6055,7 +6060,7 @@ export {
   Ls as HSVtoHSL,
   Le as HSVtoRGB,
   bt as Home,
-  de as IconButton,
+  ue as IconButton,
   Fs as IconButtonMenu,
   is as IconSelectField,
   ni as IconsSelect,
@@ -6132,7 +6137,7 @@ export {
   U as Typography,
   Nt as UnLinkIcon,
   Mt as UserIcon,
-  ue as X,
+  de as X,
   $t as XUserIcon,
   Te as getContainerColor,
   Ye as getContainerData,