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

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

@@ -17,8 +17,8 @@ function mt() {
   an = 1;
   var n = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
   function r(s, i, l) {
-    var c = null;
-    if (l !== void 0 && (c = "" + l), i.key !== void 0 && (c = "" + i.key), "key" in i) {
+    var a = null;
+    if (l !== void 0 && (a = "" + l), i.key !== void 0 && (a = "" + i.key), "key" in i) {
       l = {};
       for (var o in i)
         o !== "key" && (l[o] = i[o]);
@@ -26,7 +26,7 @@ function mt() {
     return i = l.ref, {
       $$typeof: n,
       type: s,
-      key: c,
+      key: a,
       ref: i !== void 0 ? i : null,
       props: l
     };
@@ -52,11 +52,11 @@ function ft() {
         return v.$$typeof === O ? null : v.displayName || v.name || null;
       if (typeof v == "string") return v;
       switch (v) {
-        case p:
+        case _:
           return "Fragment";
         case y:
           return "Profiler";
-        case _:
+        case p:
           return "StrictMode";
         case T:
           return "Suspense";
@@ -110,7 +110,7 @@ function ft() {
       }
     }
     function s(v) {
-      if (v === p) return "<>";
+      if (v === _) return "<>";
       if (typeof v == "object" && v !== null && v.$$typeof === w)
         return "<...>";
       try {
@@ -127,7 +127,7 @@ function ft() {
     function l() {
       return Error("react-stack-top-frame");
     }
-    function c(v) {
+    function a(v) {
       if (b.call(v, "key")) {
         var L = Object.getOwnPropertyDescriptor(v, "key").get;
         if (L && L.isReactWarning) return !1;
@@ -146,7 +146,7 @@ function ft() {
         configurable: !0
       });
     }
-    function a() {
+    function c() {
       var v = n(this.type);
       return U[v] || (U[v] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
@@ -162,7 +162,7 @@ function ft() {
         _owner: q
       }, (J !== void 0 ? J : null) !== null ? Object.defineProperty(v, "ref", {
         enumerable: !1,
-        get: a
+        get: c
       }) : Object.defineProperty(v, "ref", { enumerable: !1, value: null }), v._store = {}, Object.defineProperty(v._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -216,7 +216,7 @@ React keys must be passed directly to JSX without using spread:
           J
         ), G[J + q] = !0);
       }
-      if (J = null, R !== void 0 && (r(R), J = "" + R), c(L) && (r(L.key), J = "" + L.key), "key" in L) {
+      if (J = null, R !== void 0 && (r(R), J = "" + R), a(L) && (r(L.key), J = "" + L.key), "key" in L) {
         R = {};
         for (var z in L)
           z !== "key" && (R[z] = L[z]);
@@ -239,7 +239,7 @@ React keys must be passed directly to JSX without using spread:
     function h(v) {
       return typeof v == "object" && v !== null && v.$$typeof === f;
     }
-    var x = te, f = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), C = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), P = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), W = Symbol.for("react.activity"), O = Symbol.for("react.client.reference"), A = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, b = Object.prototype.hasOwnProperty, D = Array.isArray, M = console.createTask ? console.createTask : function() {
+    var x = te, f = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), C = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), P = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), W = Symbol.for("react.activity"), O = Symbol.for("react.client.reference"), A = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, b = Object.prototype.hasOwnProperty, D = Array.isArray, M = console.createTask ? console.createTask : function() {
       return null;
     };
     x = {
@@ -251,7 +251,7 @@ React keys must be passed directly to JSX without using spread:
       x,
       l
     )(), H = M(s(l)), G = {};
-    Me.Fragment = p, Me.jsx = function(v, L, R) {
+    Me.Fragment = _, Me.jsx = function(v, L, R) {
       var q = 1e4 > A.recentlyCreatedOwnerStacks++;
       return u(
         v,
@@ -305,8 +305,8 @@ const _n = (n) => /* @__PURE__ */ e.jsx(
     t.onClick && t.onClick(i);
     let l = document.createElement("span");
     l.classList.add("btn-overlay");
-    let c = i.pageX - i.currentTarget.offsetLeft, o = i.pageY - i.currentTarget.offsetTop;
-    l.style.left = c + "px", l.style.top = o + "px", i.currentTarget.appendChild(l), setTimeout(() => {
+    let a = i.pageX - i.currentTarget.offsetLeft, o = i.pageY - i.currentTarget.offsetTop;
+    l.style.left = a + "px", l.style.top = o + "px", i.currentTarget.appendChild(l), setTimeout(() => {
       l.remove();
     }, 500);
   }, s = {
@@ -349,7 +349,7 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
     }
   );
 }, vn = ({ bottom: n = 0, ...t }) => {
-  const [r, s] = g(!1), [i, l] = g(!0), c = Y(null), o = k(() => {
+  const [r, s] = g(!1), [i, l] = g(!0), a = Y(null), o = k(() => {
     s(!0), setTimeout(() => {
       t.onHide(), s(!1), l(!0);
     }, 200);
@@ -359,10 +359,10 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
   }, [t.visible]), V(() => {
     !t.visible && !i && o();
   }, [t.visible, o, i]);
-  const a = k((h) => {
-    window.innerHeight - h.changedTouches[0].clientY <= 150 && o(), c.current && (c.current.style.height = `${window.innerHeight - h.changedTouches[0].clientY + 20 - n}px`);
+  const c = k((h) => {
+    window.innerHeight - h.changedTouches[0].clientY <= 150 && o(), a.current && (a.current.style.height = `${window.innerHeight - h.changedTouches[0].clientY + 20 - n}px`);
   }, [o]), d = (h) => {
-    window.innerHeight - h.clientY + 20 <= 150 && o(), c.current && (c.current.style.height = `${window.innerHeight - h.clientY + 20 - n}px`);
+    window.innerHeight - h.clientY + 20 <= 150 && o(), a.current && (a.current.style.height = `${window.innerHeight - h.clientY + 20 - n}px`);
   }, u = () => {
     document.body.removeEventListener("mousemove", d), document.body.removeEventListener("mouseup", u);
   }, m = () => {
@@ -370,8 +370,8 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
   };
   return V(() => () => {
     document.body.removeEventListener("mousemove", d), document.body.removeEventListener("mouseup", u);
-  }), i && !r || !t.children ? null : /* @__PURE__ */ e.jsx(We, { onHide: o, children: /* @__PURE__ */ e.jsxs("div", { ref: c, style: { paddingBottom: n }, className: `bottom-sheets ${r ? "bottom-sheets_hide" : "bottom-sheets_show"}`, children: [
-    /* @__PURE__ */ e.jsx("div", { role: "presentation", "data-testid": "bottom-sheet-handle", className: "bottom-sheets__handle", onMouseDown: m, onTouchMove: a, children: /* @__PURE__ */ e.jsx("span", {}) }),
+  }), i && !r || !t.children ? null : /* @__PURE__ */ e.jsx(We, { onHide: o, children: /* @__PURE__ */ e.jsxs("div", { ref: a, style: { paddingBottom: n }, className: `bottom-sheets ${r ? "bottom-sheets_hide" : "bottom-sheets_show"}`, children: [
+    /* @__PURE__ */ e.jsx("div", { role: "presentation", "data-testid": "bottom-sheet-handle", className: "bottom-sheets__handle", onMouseDown: m, onTouchMove: c, children: /* @__PURE__ */ e.jsx("span", {}) }),
     /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets__content", children: t.children })
   ] }) });
 }, gn = {
@@ -407,10 +407,10 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
   density: s = "normal",
   children: i,
   style: l,
-  className: c = "",
+  className: a = "",
   ...o
 }) => {
-  const a = Ce(we), d = a ? a.screen : t, u = n === "heading" || n === "title" || n === "title-2", m = u ? "h3" : "span", h = {
+  const c = Ce(we), d = c ? c.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),
@@ -421,7 +421,7 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
     {
       ...o,
       style: h,
-      className: `${x} ${c}`,
+      className: `${x} ${a}`,
       children: i
     }
   );
@@ -433,9 +433,9 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
     transparent: s = !1,
     size: i = "medium",
     onClick: l,
-    onContextMenu: c,
+    onContextMenu: a,
     disabled: o = !1,
-    style: a,
+    style: c,
     rippleDisabled: d = !1,
     shadow: u = 0,
     ...m
@@ -446,10 +446,10 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
       },
       [l, o]
     ), f = (j) => {
-      const p = j.currentTarget, _ = document.createElement("span"), y = Math.max(p.clientWidth, p.clientHeight), N = y / 2;
-      _.style.width = _.style.height = `${y}px`, _.style.left = `${j.clientX - p.getBoundingClientRect().left - N}px`, _.style.top = `${j.clientY - p.getBoundingClientRect().top - N}px`, _.classList.add("iconbutton-ripple");
-      const C = p.getElementsByClassName("iconbutton-ripple")[0];
-      C && C.remove(), p.appendChild(_);
+      const _ = j.currentTarget, p = document.createElement("span"), y = Math.max(_.clientWidth, _.clientHeight), N = y / 2;
+      p.style.width = p.style.height = `${y}px`, p.style.left = `${j.clientX - _.getBoundingClientRect().left - N}px`, p.style.top = `${j.clientY - _.getBoundingClientRect().top - N}px`, p.classList.add("iconbutton-ripple");
+      const C = _.getElementsByClassName("iconbutton-ripple")[0];
+      C && C.remove(), _.appendChild(p);
     };
     return /* @__PURE__ */ e.jsx(
       "button",
@@ -457,11 +457,11 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
         ref: h,
         style: {
           backgroundColor: s ? "transparent" : void 0,
-          ...a
+          ...c
         },
         className: `iconbutton iconbutton--${i} ${t} container_shadow-hover-${u}`,
         onClick: x,
-        onContextMenu: c,
+        onContextMenu: a,
         disabled: o,
         "aria-disabled": o,
         ...m,
@@ -471,7 +471,7 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
   }
 );
 ue.displayName = "IconButton";
-const $ = te.forwardRef(({ className: n, onClick: t, children: r, dpi: s = "24", size: i, primaryColor: l, secondaryColor: c, tertiaryColor: o, baseColor: a, ...d }, u) => /* @__PURE__ */ e.jsx(
+const $ = te.forwardRef(({ className: n, onClick: t, children: r, dpi: s = "24", size: i, primaryColor: l, secondaryColor: a, tertiaryColor: o, baseColor: c, ...d }, u) => /* @__PURE__ */ e.jsx(
   "svg",
   {
     role: d.role,
@@ -1786,47 +1786,48 @@ const Nn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
   action: s,
   onHide: i,
   style: l,
-  clearStyle: c = !1,
-  disableBackplate: o,
-  marginBottom: a,
-  maxWidth: d = "560px",
-  showCloseButton: u = !1,
-  ariaLabel: m
+  styleContent: a,
+  clearStyle: o = !1,
+  disableBackplate: c,
+  marginBottom: d,
+  maxWidth: u = "560px",
+  showCloseButton: m = !1,
+  ariaLabel: h
 }) => {
-  const h = () => {
+  const x = () => {
     i && i();
-  }, x = {
+  }, f = {
     ...l,
-    marginBottom: a,
-    maxWidth: typeof d == "number" ? `${d}px` : d
+    marginBottom: d,
+    maxWidth: typeof u == "number" ? `${u}px` : u
   };
   return /* @__PURE__ */ e.jsx(
     We,
     {
-      onHide: h,
-      disableBackplate: o,
+      onHide: x,
+      disableBackplate: c,
       children: /* @__PURE__ */ e.jsxs(
         "div",
         {
-          style: x,
-          className: `${c ? "" : "dialog-template__container dialog-template_base dialog-template_color_surface-container"} dialog-template ${n}`,
+          style: f,
+          className: `${o ? "" : "dialog-template__container dialog-template_base dialog-template_color_surface-container"} dialog-template ${n}`,
           role: "dialog",
           "aria-modal": "true",
-          "aria-label": m || r,
+          "aria-label": h || r,
           children: [
             r && /* @__PURE__ */ e.jsxs("div", { className: "dialog-template__container__header dialog-template__container__header_color_surface-container", children: [
               /* @__PURE__ */ e.jsx(X, { type: "heading", children: r }),
-              u && /* @__PURE__ */ e.jsx(
+              m && /* @__PURE__ */ e.jsx(
                 ue,
                 {
                   className: "dialog-template__container__header__button dialog-template__container__header__button_color_surface-container",
-                  onClick: h,
+                  onClick: x,
                   "aria-label": "Close dialog",
                   icon: /* @__PURE__ */ e.jsx(ie, {})
                 }
               )
             ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "dialog-template__container__content", children: t }),
+            /* @__PURE__ */ e.jsx("div", { className: "dialog-template__container__content", style: a, children: t }),
             s && /* @__PURE__ */ e.jsx("div", { className: "dialog-template__container__action", children: s })
           ]
         }
@@ -1893,9 +1894,9 @@ const Nn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
   actionText: s,
   cancelText: i = "Отмена",
   onSuccess: l,
-  onCancel: c,
+  onCancel: a,
   onHide: o,
-  children: a,
+  children: c,
   disableDefaultButtons: d = !1,
   customActions: u,
   btns: m
@@ -1903,8 +1904,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
   const h = k(() => {
     l == null || l(), o == null || o();
   }, [l, o]), x = k(() => {
-    c == null || c(), o == null || o();
-  }, [c, o]), f = k(() => u || (d ? null : m ? /* @__PURE__ */ e.jsx(ze, { onHide: x, onSuccess: h, btns: m }) : /* @__PURE__ */ e.jsx(ze, { onHide: x, onSuccess: h, btns: [
+    a == null || a(), o == null || o();
+  }, [a, o]), f = k(() => u || (d ? null : m ? /* @__PURE__ */ e.jsx(ze, { onHide: x, onSuccess: h, btns: m }) : /* @__PURE__ */ e.jsx(ze, { onHide: x, onSuccess: h, btns: [
     {
       text: i,
       hide: !0,
@@ -1924,7 +1925,7 @@ const Nn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
       action: f(),
       children: [
         t && /* @__PURE__ */ e.jsx(X, { type: "body", children: t }),
-        a
+        c
       ]
     }
   );
@@ -1932,10 +1933,10 @@ const Nn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
   n,
   t
 ) : /* @__PURE__ */ e.jsx("p", { children: "container not found" }), Xt = ({ container: n, text: t, header: r, onClick: s, styleType: i, ...l }) => {
-  const [c, o] = g(null);
+  const [a, o] = g(null);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(ye, { styleType: i ?? "filled", ...l, onClick: o }),
-    c !== null && /* @__PURE__ */ e.jsx(_e, { container: n, children: /* @__PURE__ */ e.jsx(Ut, { header: r, text: t, onSuccess: () => s == null ? void 0 : s(c), onHide: () => o(null) }) })
+    a !== null && /* @__PURE__ */ e.jsx(_e, { container: n, children: /* @__PURE__ */ e.jsx(Ut, { header: r, text: t, onSuccess: () => s == null ? void 0 : s(a), onHide: () => o(null) }) })
   ] });
 }, on = ({
   text: n,
@@ -1944,12 +1945,12 @@ const Nn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
   className: s = "",
   onClick: i,
   disabled: l,
-  ...c
+  ...a
 }) => {
-  const [o, a] = g(!1), d = k(async (h) => {
+  const [o, c] = g(!1), d = k(async (h) => {
     if (!l) {
       try {
-        await navigator.clipboard.writeText(n), a(!0), setTimeout(() => a(!1), r);
+        await navigator.clipboard.writeText(n), c(!0), setTimeout(() => c(!1), r);
       } catch (x) {
         console.error("Не удалось скопировать текст", x);
       }
@@ -1965,7 +1966,7 @@ const Nn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
         disabled: l,
         "aria-label": `${m} ${n}`,
         className: s,
-        ...c
+        ...a
       }
     ),
     /* @__PURE__ */ e.jsx(X, { type: "body", "aria-live": "polite", children: m })
@@ -1977,7 +1978,7 @@ const Nn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
       disabled: l,
       "aria-label": `${m} ${n}`,
       className: s,
-      ...c
+      ...a
     }
   );
 };
@@ -1996,7 +1997,7 @@ const Kt = ({ valueDisplayDuration: n = 2e3 }) => {
         /* CLOSE */
       );
     }, 500);
-  }, c = () => {
+  }, a = () => {
     r(
       0
       /* OPEN */
@@ -2007,7 +2008,7 @@ const Kt = ({ valueDisplayDuration: n = 2e3 }) => {
   return V(() => () => {
     s.current && window.clearTimeout(s.current), i.current && window.clearTimeout(i.current);
   }, []), {
-    showPopup: c,
+    showPopup: a,
     popupState: t,
     hidePopup: l
   };
@@ -2035,25 +2036,25 @@ function Ls(n, t, r) {
   return s != 0 && (s == 1 ? t = 0 : s < 0.5 ? t = t * r / (s * 2) : t = t * r / (2 - s * 2)), { h: n, s: t, l: s };
 }
 function Le(n, t, r) {
-  var s, i, l, c, o, a, d, u;
-  switch (arguments.length === 1 && (t = n.s, r = n.v, n = n.h), c = Math.floor(n * 6), o = n * 6 - c, a = r * (1 - t), d = r * (1 - o * t), u = r * (1 - (1 - o) * t), c % 6) {
+  var s, i, l, a, o, c, d, u;
+  switch (arguments.length === 1 && (t = n.s, r = n.v, n = n.h), a = Math.floor(n * 6), o = n * 6 - a, c = r * (1 - t), d = r * (1 - o * t), u = r * (1 - (1 - o) * t), a % 6) {
     case 0:
-      s = r, i = u, l = a;
+      s = r, i = u, l = c;
       break;
     case 1:
-      s = d, i = r, l = a;
+      s = d, i = r, l = c;
       break;
     case 2:
-      s = a, i = r, l = u;
+      s = c, i = r, l = u;
       break;
     case 3:
-      s = a, i = d, l = r;
+      s = c, i = d, l = r;
       break;
     case 4:
-      s = u, i = a, l = r;
+      s = u, i = c, l = r;
       break;
     case 5:
-      s = r, i = a, l = d;
+      s = r, i = c, l = d;
       break;
   }
   return {
@@ -2071,31 +2072,31 @@ function ke(n, t = !1) {
 }
 function De(n, t, r) {
   arguments.length === 1 && (t = n.g, r = n.b, n = n.r);
-  var s = Math.max(n, t, r), i = Math.min(n, t, r), l = s - i, c, o = s === 0 ? 0 : l / s, a = s / 255;
+  var s = Math.max(n, t, r), i = Math.min(n, t, r), l = s - i, a, o = s === 0 ? 0 : l / s, c = s / 255;
   switch (s) {
     case i:
-      c = 0;
+      a = 0;
       break;
     case n:
-      c = t - r + l * (t < r ? 6 : 0), c /= 6 * l;
+      a = t - r + l * (t < r ? 6 : 0), a /= 6 * l;
       break;
     case t:
-      c = r - n + l * 2, c /= 6 * l;
+      a = r - n + l * 2, a /= 6 * l;
       break;
     case r:
-      c = n - t + l * 4, c /= 6 * l;
+      a = n - t + l * 4, a /= 6 * l;
       break;
   }
   return {
-    h: c,
+    h: a,
     s: o,
-    v: a
+    v: c
   };
 }
 function Ne(n) {
   var t = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
-  n = n.replace(t, function(s, i, l, c) {
-    return i + i + l + l + c + c;
+  n = n.replace(t, function(s, i, l, a) {
+    return i + i + l + l + a + a;
   });
   var r = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);
   return r ? {
@@ -2113,23 +2114,23 @@ const qt = Ne, Jt = (n) => {
 function Dn(n, t, r) {
   if (n === 0) return r ?? "#e0e0e0";
   if (n === 1) return t;
-  const s = r ? Ne(r) : null, i = (s == null ? void 0 : s.r) ?? 224, l = (s == null ? void 0 : s.g) ?? 224, c = (s == null ? void 0 : s.b) ?? 224, o = parseInt(t.substring(1, 3), 16), a = parseInt(t.substring(3, 5), 16), d = parseInt(t.substring(5, 7), 16), u = Math.round(i + n * (o - i)), m = Math.round(l + n * (a - l)), h = Math.round(c + n * (d - c));
+  const s = r ? Ne(r) : null, i = (s == null ? void 0 : s.r) ?? 224, l = (s == null ? void 0 : s.g) ?? 224, a = (s == null ? void 0 : s.b) ?? 224, o = parseInt(t.substring(1, 3), 16), c = parseInt(t.substring(3, 5), 16), d = parseInt(t.substring(5, 7), 16), u = Math.round(i + n * (o - i)), m = Math.round(l + n * (c - l)), h = Math.round(a + n * (d - a));
   return `rgb(${u}, ${m}, ${h})`;
 }
 const ce = (n, t, r = "", s) => {
-  let i, l, c, o, a, d, u, m = Math.round, h = typeof r == "string";
-  if (typeof n != "number" || n < -1 || n > 1 || typeof t != "string" || t[0] != "r" && t[0] != "#" || r && !h || (u = t.length > 9, u = h ? typeof r == "string" && r.length > 9 ? !0 : r == "c" ? !u : !1 : u, a = ce.pSBCr(t), o = n < 0, d = r && typeof r == "string" && r != "c" ? ce.pSBCr(r) : o ? { r: 0, g: 0, b: 0, a: -1 } : { r: 255, g: 255, b: 255, a: -1 }, n = o ? n * -1 : n, o = 1 - n, !a || !d)) return null;
-  s ? (i = m(o * (a.r ?? 0) + n * (d.r ?? 0)), l = m(o * (a.g ?? 0) + n * (d.g ?? 0)), c = m(o * (a.b ?? 0) + n * (d.b ?? 0))) : (i = m((o * (a.r ?? 0) ** 2 + n * (d.r ?? 0) ** 2) ** 0.5), l = m((o * (a.g ?? 0) ** 2 + n * (d.g ?? 0) ** 2) ** 0.5), c = m((o * (a.b ?? 0) ** 2 + n * (d.b ?? 0) ** 2) ** 0.5));
-  let x = a.a ?? 1;
-  return d = d.a ?? 1, a = x >= 0 || d >= 0, x = x >= 0 || d >= 0 ? x < 0 ? d : d < 0 ? x : x * o + d * n : 0, u ? "rgb" + (a ? "a(" : "(") + i + "," + l + "," + c + (a ? "," + m(x * 1e3) / 1e3 : "") + ")" : "#" + (4294967296 + i * 16777216 + l * 65536 + c * 256 + (a ? m(x * 255) : 0)).toString(16).slice(1, a ? void 0 : -2);
+  let i, l, a, o, c, 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, c = ce.pSBCr(t), o = n < 0, d = r && typeof r == "string" && r != "c" ? ce.pSBCr(r) : o ? { r: 0, g: 0, b: 0, a: -1 } : { r: 255, g: 255, b: 255, a: -1 }, n = o ? n * -1 : n, o = 1 - n, !c || !d)) return null;
+  s ? (i = m(o * (c.r ?? 0) + n * (d.r ?? 0)), l = m(o * (c.g ?? 0) + n * (d.g ?? 0)), a = m(o * (c.b ?? 0) + n * (d.b ?? 0))) : (i = m((o * (c.r ?? 0) ** 2 + n * (d.r ?? 0) ** 2) ** 0.5), l = m((o * (c.g ?? 0) ** 2 + n * (d.g ?? 0) ** 2) ** 0.5), a = m((o * (c.b ?? 0) ** 2 + n * (d.b ?? 0) ** 2) ** 0.5));
+  let x = c.a ?? 1;
+  return d = d.a ?? 1, c = x >= 0 || d >= 0, x = x >= 0 || d >= 0 ? x < 0 ? d : d < 0 ? x : x * o + d * n : 0, u ? "rgb" + (c ? "a(" : "(") + i + "," + l + "," + a + (c ? "," + m(x * 1e3) / 1e3 : "") + ")" : "#" + (4294967296 + i * 16777216 + l * 65536 + a * 256 + (c ? m(x * 255) : 0)).toString(16).slice(1, c ? void 0 : -2);
 };
 ce.pSBCr = (n) => {
   const t = parseInt;
   let r = n.length, s = {};
   if (r > 9) {
-    const i = n.split(","), [l, c, o, a] = i;
+    const i = n.split(","), [l, a, o, c] = i;
     if (r = i.length, r < 3 || r > 4) return null;
-    s.r = t(l[3] == "a" ? l.slice(5) : l.slice(4)), s.g = t(c), s.b = t(o), s.a = a ? parseFloat(a) : -1;
+    s.r = t(l[3] == "a" ? l.slice(5) : l.slice(4)), s.g = t(a), s.b = t(o), s.a = c ? parseFloat(c) : -1;
   } else {
     if (r == 8 || r == 6 || r < 4) return null;
     r < 6 && (n = "#" + n[1] + n[1] + n[2] + n[2] + n[3] + n[3] + (r > 4 ? n[4] + n[4] : ""));
@@ -2230,7 +2231,7 @@ const In = {
     };
   },
   Surface_container_color: (n, t) => {
-    const r = ce(t ? -0.2 : 0.2, n) ?? n, s = ce(t ? -0.4 : 0.4, n) ?? n, i = ce(t ? 0.2 : -0.2, n) ?? n, l = ce(t ? 0.4 : -0.4, n) ?? n, c = ce(t ? -0.5 : 0.5, n) ?? n;
+    const r = ce(t ? -0.2 : 0.2, n) ?? n, s = ce(t ? -0.4 : 0.4, n) ?? n, i = ce(t ? 0.2 : -0.2, n) ?? n, l = ce(t ? 0.4 : -0.4, n) ?? n, a = ce(t ? -0.5 : 0.5, n) ?? n;
     return {
       Surface_container_color: n,
       On_surface_color: re(n),
@@ -2238,7 +2239,7 @@ const In = {
       Surface_container_lowest_color: s,
       Surface_container_high_color: i,
       Surface_container_highest_color: l,
-      Surface_container_hover_color: c,
+      Surface_container_hover_color: a,
       On_surface_variant_color: ce(t ? -0.6 : 0.4, re(n)) ?? re(n)
     };
   },
@@ -2248,9 +2249,9 @@ const In = {
   })
 };
 function er(n, t = !1) {
-  const [r, s] = g({ ...In, ...n }), [i, l] = g(t), c = k(
-    (a, d) => {
-      const u = Qt[a];
+  const [r, s] = g({ ...In, ...n }), [i, l] = g(t), a = k(
+    (c, d) => {
+      const u = Qt[c];
       if (!u) return;
       const m = u(d, i);
       s((h) => ({ ...h, ...m })), Object.entries(m).forEach(([h, x]) => {
@@ -2261,8 +2262,8 @@ function er(n, t = !1) {
   );
   return {
     colors: r,
-    setColor: c,
-    setReverse: (a) => l(a)
+    setColor: a,
+    setReverse: (c) => l(c)
   };
 }
 const nr = {
@@ -2308,33 +2309,33 @@ const nr = {
 function rr(n = "light") {
   const [t, r] = g(
     Xe
-  ), [s, i] = g(n), { colors: l, setColor: c, setReverse: o } = er(t[s].colors, t[s].reverse), a = k(
+  ), [s, i] = g(n), { colors: l, setColor: a, setReverse: o } = er(t[s].colors, t[s].reverse), c = k(
     (x) => {
       const f = t[x].colors;
-      f && (Object.entries(f).forEach(([j, p]) => {
-        c(j, p);
+      f && (Object.entries(f).forEach(([j, _]) => {
+        a(j, _);
       }), o(t[x].reverse ?? !1), i(x));
     },
-    [t, c]
+    [t, a]
   );
   V(() => {
-    a(s);
-  }, [s, a]);
+    c(s);
+  }, [s, c]);
   const d = k(
     (x, f, j) => {
-      r((p) => ({
-        ...p,
+      r((_) => ({
+        ..._,
         [x]: {
-          colors: { ...p[x].colors, [f]: j },
-          reverse: p[x].reverse
+          colors: { ..._[x].colors, [f]: j },
+          reverse: _[x].reverse
         }
       }));
     },
     []
   ), u = k((x, f = "light", j) => {
-    r((p) => ({
-      ...p,
-      [x]: { colors: p[f].colors, reverse: j === void 0 ? p[f].reverse : j }
+    r((_) => ({
+      ..._,
+      [x]: { colors: _[f].colors, reverse: j === void 0 ? _[f].reverse : j }
     }));
   }, []), m = k((x) => {
     r((f) => {
@@ -2354,7 +2355,7 @@ function rr(n = "light") {
     colors: l,
     themes: t,
     activeTheme: s,
-    setActiveTheme: a,
+    setActiveTheme: c,
     updateThemeColor: d,
     createTheme: u,
     deleteTheme: m,
@@ -2381,9 +2382,9 @@ const $e = () => {
   min: s = 0,
   max: i = 100,
   step: l = 1,
-  strokeWidth: c = "40px",
+  strokeWidth: a = "40px",
   value: o,
-  orientation: a = "horizontal",
+  orientation: c = "horizontal",
   styleTrack: d = "base",
   showValue: u = !0,
   valueDisplayDuration: m = 2e3,
@@ -2392,20 +2393,20 @@ const $e = () => {
   className: f = "",
   ...j
 }) => {
-  const p = Y(null), _ = Y(null), [y, N] = g(o ?? s), [C, S] = g("200px"), { colors: T } = Ce(sn), { showPopup: P, popupState: B } = Kt({ valueDisplayDuration: m }), w = n ?? T.Primary_color ?? "#0000ff";
+  const _ = Y(null), p = Y(null), [y, N] = g(o ?? s), [C, S] = g("200px"), { colors: T } = Ce(sn), { showPopup: P, popupState: B } = Kt({ valueDisplayDuration: m }), w = n ?? T.Primary_color ?? "#0000ff";
   V(() => {
     var E;
-    if (a === "vertical" && ((E = _.current) != null && E.parentElement)) {
+    if (c === "vertical" && ((E = p.current) != null && E.parentElement)) {
       const U = () => {
         var G, v;
-        const H = (v = (G = _.current) == null ? void 0 : G.parentElement) == null ? void 0 : v.clientHeight;
+        const H = (v = (G = p.current) == null ? void 0 : G.parentElement) == null ? void 0 : v.clientHeight;
         H && S(`${H}px`);
       };
       U();
       const I = new ResizeObserver(U);
-      return _.current.parentElement && I.observe(_.current.parentElement), () => I.disconnect();
+      return p.current.parentElement && I.observe(p.current.parentElement), () => I.disconnect();
     }
-  }, [a]), V(() => {
+  }, [c]), V(() => {
     o !== void 0 && (N(o), W());
   }, [o]);
   const W = k(() => {
@@ -2418,34 +2419,34 @@ const $e = () => {
     [y, s, i]
   ), b = oe(() => ({
     ...j.style,
-    [a === "vertical" ? "height" : "width"]: `${A}%`,
+    [c === "vertical" ? "height" : "width"]: `${A}%`,
     background: d === "point" ? "transperent" : d === "static-color" ? w : Dn(A / 100, w, x)
-  }), [A, w, j.style, a, d]), D = oe(() => a === "vertical" ? {
-    "--range-width": c,
-    "--point-width": d === "point" ? c : "6px",
+  }), [A, w, j.style, c, d]), D = oe(() => c === "vertical" ? {
+    "--range-width": a,
+    "--point-width": d === "point" ? a : "6px",
     "--point-opacity": d === "point" ? "1" : "0",
     "--truck-color": w,
     width: dn,
     height: C,
     ...j.style
   } : {
-    "--range-width": c,
-    "--point-width": d === "point" ? c : "6px",
+    "--range-width": a,
+    "--point-width": d === "point" ? a : "6px",
     "--point-opacity": d === "point" ? "1" : "0",
     "--truck-color": w,
     width: "100%",
     height: dn,
     ...j.style
-  }, [a, C, j.style, c, d, w]), M = oe(() => a === "vertical" ? {
+  }, [c, C, j.style, a, d, w]), M = oe(() => c === "vertical" ? {
     width: C
   } : {
     width: "100%"
-  }, [a, C]);
+  }, [c, C]);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: _,
-      className: `range-wrapper ${a} ${f}`,
+      ref: p,
+      className: `range-wrapper ${c} ${f}`,
       style: D,
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "track", style: { background: t }, children: [
@@ -2455,7 +2456,7 @@ const $e = () => {
         /* @__PURE__ */ e.jsx(
           "input",
           {
-            ref: p,
+            ref: _,
             type: "range",
             min: s,
             style: M,
@@ -2466,7 +2467,7 @@ const $e = () => {
             onFocus: j.onFocus,
             onBlur: j.onBlur,
             className: "slider-input",
-            "aria-orientation": a,
+            "aria-orientation": c,
             "aria-valuenow": y,
             "aria-valuemin": s,
             "aria-valuemax": i,
@@ -2485,9 +2486,9 @@ const $e = () => {
   onChange: s,
   onFocus: i,
   onBlur: l,
-  styleRange: c = "circle",
+  styleRange: a = "circle",
   styleTrack: o = "base",
-  strokeWidth: a = 20,
+  strokeWidth: c = 20,
   radius: d = 100,
   colorBg: u = "var(--Surface-container-color)",
   colorRange: m,
@@ -2495,19 +2496,19 @@ const $e = () => {
   showBase: x = !0,
   showIndicator: f = !0,
   showPoint: j = !1,
-  rounding: p = !0,
-  showValue: _ = !0,
+  rounding: _ = !0,
+  showValue: p = !0,
   style: y,
   children: N,
   className: C,
   startColor: S
 }) => {
-  const T = Y(null), P = Y(!1), B = d * 2, w = d * 2, W = Math.min(B, w), O = B / 2, A = w / 2, b = W / 2 - a / 2, D = o === "point" ? !1 : f, M = o === "point" ? !0 : j, { colors: E } = Ce(sn), U = m ?? E.Primary_color ?? "#0000ff", I = h ?? E.Primary_color ?? "#0000ff", [H, G] = g(r);
+  const T = Y(null), P = Y(!1), B = d * 2, w = d * 2, W = Math.min(B, w), O = B / 2, A = w / 2, b = W / 2 - c / 2, D = o === "point" ? !1 : f, M = o === "point" ? !0 : j, { colors: E } = Ce(sn), U = m ?? E.Primary_color ?? "#0000ff", I = h ?? E.Primary_color ?? "#0000ff", [H, G] = g(r);
   V(() => {
     r !== void 0 && G(r);
   }, [r]);
   const v = k(() => {
-    switch (c) {
+    switch (a) {
       case "semicircle":
         return 180;
       case "brokenCircle":
@@ -2515,7 +2516,7 @@ const $e = () => {
       default:
         return 360;
     }
-  }, [c]), L = k(() => c === "semicircle" ? [b * Math.PI, b * Math.PI] : c === "brokenCircle" ? [b * Math.PI * 1.25, b * Math.PI * 1.5] : [b * Math.PI, b * Math.PI * 2], [c, b]), R = oe(
+  }, [a]), L = k(() => a === "semicircle" ? [b * Math.PI, b * Math.PI] : a === "brokenCircle" ? [b * Math.PI * 1.25, b * Math.PI * 1.5] : [b * Math.PI, b * Math.PI * 2], [a, b]), R = oe(
     () => t !== n ? (H - n) / (t - n) * 100 : 0,
     [H, n, t]
   ), q = k(() => {
@@ -2523,23 +2524,23 @@ const $e = () => {
     const [Z, he] = L(), je = (H - n) * he / (t - n);
     if (x) {
       const K = T.current.querySelector('[data-el="base"]');
-      K && (K.style.stroke = u, K.style.strokeWidth = a.toString(), K.style.strokeLinecap = p ? "round" : "", K.style.strokeDashoffset = Z.toString(), K.style.strokeDasharray = `${he}, ${b * Math.PI * 2 - he}`);
+      K && (K.style.stroke = u, K.style.strokeWidth = c.toString(), K.style.strokeLinecap = _ ? "round" : "", K.style.strokeDashoffset = Z.toString(), K.style.strokeDasharray = `${he}, ${b * Math.PI * 2 - he}`);
     }
     if (D) {
       const K = T.current.querySelector('[data-el="indicator"]');
       if (K) {
         const xe = parseFloat(K.dataset.percentage ?? "");
-        xe !== null && (xe < R - 2 || xe > R + 2) ? K.style.transition = ".3s" : K.style.transition = P.current ? "none" : ".3s", K.dataset.percentage = R.toString(), K.style.stroke = o === "static-color" ? U : Dn(R / 100, U, S), K.style.strokeWidth = a.toString(), K.style.strokeLinecap = p ? "round" : "", K.style.strokeDashoffset = Z.toString(), K.style.strokeDasharray = `${je}, ${b * Math.PI * 2 - je}`;
+        xe !== null && (xe < R - 2 || xe > R + 2) ? K.style.transition = ".3s" : K.style.transition = P.current ? "none" : ".3s", K.dataset.percentage = R.toString(), K.style.stroke = o === "static-color" ? U : Dn(R / 100, U, S), K.style.strokeWidth = c.toString(), K.style.strokeLinecap = _ ? "round" : "", K.style.strokeDashoffset = Z.toString(), K.style.strokeDasharray = `${je}, ${b * Math.PI * 2 - je}`;
       }
     }
     if (M) {
       const K = T.current.querySelector('[data-el="point"]');
       if (K) {
         const xe = parseFloat(K.dataset.percentage ?? "");
-        xe !== null && (xe < R - 2 || xe > R + 2) ? K.style.transition = ".3s" : K.style.transition = P.current ? "none" : ".3s", K.dataset.percentage = R.toString(), K.style.stroke = I, K.style.strokeWidth = a.toString(), K.style.strokeLinecap = "round", H === t && c === "semicircle" ? K.style.strokeDashoffset = "0" : K.style.strokeDashoffset = (Z - je).toString(), K.style.strokeDasharray = `0, ${b * Math.PI * 2}`;
+        xe !== null && (xe < R - 2 || xe > R + 2) ? K.style.transition = ".3s" : K.style.transition = P.current ? "none" : ".3s", K.dataset.percentage = R.toString(), K.style.stroke = I, K.style.strokeWidth = c.toString(), K.style.strokeLinecap = "round", H === t && a === "semicircle" ? K.style.strokeDashoffset = "0" : K.style.strokeDashoffset = (Z - je).toString(), K.style.strokeDasharray = `0, ${b * Math.PI * 2}`;
       }
     }
-  }, [H, L, t, n, b, a, u, U, I, x, D, M, p, R, S]), Q = (Z) => {
+  }, [H, L, t, n, b, c, u, U, I, x, D, M, _, R, S]), Q = (Z) => {
     P.current = !0, document.addEventListener("mousemove", ne), document.addEventListener("mouseup", J), le(Z);
   }, ne = (Z) => {
     Z.preventDefault(), P.current && le(Z);
@@ -2559,7 +2560,7 @@ const $e = () => {
     document.removeEventListener("mousemove", ne), document.removeEventListener("mouseup", J);
   }, []);
   const z = {
-    "--stroke-width": `${a}px`
+    "--stroke-width": `${c}px`
   };
   return /* @__PURE__ */ e.jsxs("div", { style: { width: B, height: w, ...y }, className: "range-circule-wrapper", onFocus: i, onBlur: l, children: [
     /* @__PURE__ */ e.jsxs(
@@ -2603,7 +2604,7 @@ const $e = () => {
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx("div", { className: `range-circule-children ${C}`, style: z, children: N ?? (_ && /* @__PURE__ */ e.jsx(An, { className: "", text: Math.floor(H).toString() })) })
+    /* @__PURE__ */ e.jsx("div", { className: `range-circule-children ${C}`, style: z, children: N ?? (p && /* @__PURE__ */ e.jsx(An, { className: "", text: Math.floor(H).toString() })) })
   ] });
 }, ir = ve(
   ({
@@ -2613,20 +2614,20 @@ const $e = () => {
     position: s = "bottom-right",
     variant: i = "primary",
     className: l = "",
-    ...c
+    ...a
   }, o) => {
-    const a = !!t;
+    const c = !!t;
     return /* @__PURE__ */ e.jsxs(
       "button",
       {
         ref: o,
         type: "button",
-        className: `fab ${a ? "fab--extended" : ""} fab--${r} fab--${i} ${s !== "none" ? `fab--${s}` : ""} ${l}`,
-        "aria-label": a ? void 0 : c["aria-label"] || "Floating action button",
-        ...c,
+        className: `fab ${c ? "fab--extended" : ""} fab--${r} fab--${i} ${s !== "none" ? `fab--${s}` : ""} ${l}`,
+        "aria-label": c ? void 0 : a["aria-label"] || "Floating action button",
+        ...a,
         children: [
           n && /* @__PURE__ */ e.jsx("span", { className: "fab__icon", children: n }),
-          a && /* @__PURE__ */ e.jsx("span", { className: "fab__text", children: t })
+          c && /* @__PURE__ */ e.jsx("span", { className: "fab__text", children: t })
         ]
       }
     );
@@ -2658,10 +2659,10 @@ const se = ({ style: n, short: t, text: r }) => r ? /* @__PURE__ */ e.jsxs("div"
 }, Hn = (n, t, r, s) => {
   let i = { x: n, y: t };
   if (!r) return i;
-  const l = window.getComputedStyle(r), c = parseFloat(l.getPropertyValue("height")), o = parseFloat(l.getPropertyValue("width")), a = t + c - document.documentElement.clientHeight, d = n + o - document.documentElement.clientWidth;
-  return a > 0 && (i.y = i.y - a - ((s == null ? void 0 : s.marginBottom) ?? 0)), d > 0 && (i.x = i.x - d - ((s == null ? void 0 : s.marginRight) ?? 0)), i;
+  const l = window.getComputedStyle(r), a = parseFloat(l.getPropertyValue("height")), o = parseFloat(l.getPropertyValue("width")), c = t + a - document.documentElement.clientHeight, d = n + o - document.documentElement.clientWidth;
+  return c > 0 && (i.y = i.y - c - ((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 c = Y(null), [o, a] = g({ left: "0px", top: "0px" }), [d, u] = g(!1);
+  const a = Y(null), [o, c] = g({ left: "0px", top: "0px" }), [d, u] = g(!1);
   function m(h) {
     for (let x of h)
       if (x.icon)
@@ -2669,41 +2670,41 @@ const se = ({ style: n, short: t, text: r }) => r ? /* @__PURE__ */ e.jsxs("div"
     return !1;
   }
   return V(() => {
-    if (!c.current)
+    if (!a.current)
       return;
-    let h = Ye(c.current.parentElement);
+    let h = Ye(a.current.parentElement);
     if (!h)
       return;
-    let x = Hn(h.left + h.width, h.top, c.current, { marginRight: h.width });
-    a({
+    let x = Hn(h.left + h.width, h.top, a.current, { marginRight: h.width });
+    c({
       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: c, className: `menu-block menu-block_color_surface-container-highest ${r ? "" : "menu-block_sub"}`, style: { ...o, ...d ? {} : { display: "none" } }, children: n.map((h, x) => /* @__PURE__ */ e.jsx(lr, { onHide: l, autoHide: i, item: h, isIcon: m(n), globalClick: s }, x)) }),
+    /* @__PURE__ */ e.jsx("div", { ref: a, className: `menu-block menu-block_color_surface-container-highest ${r ? "" : "menu-block_sub"}`, style: { ...o, ...d ? {} : { display: "none" } }, children: n.map((h, x) => /* @__PURE__ */ e.jsx(lr, { onHide: l, autoHide: i, item: h, isIcon: m(n), globalClick: s }, x)) }),
     r ? null : /* @__PURE__ */ e.jsx("div", { style: { zIndex: 4 }, className: "menu-block-backplate", onClick: t })
   ] });
 }, cr = ({ onHide: n, autoHide: t, globalClick: r, item: s, isIcon: i, smallDisplay: l }) => {
-  const [c, o] = g(!1), a = k(() => {
+  const [a, o] = g(!1), c = k(() => {
     s.subItems ? o((d) => !d) : (s.onClick && s.onClick(), r && r(), t && n && n());
   }, [s.onClick]);
   return /* @__PURE__ */ e.jsxs("div", { className: `menu-item ${s.disabled ? "menu-item_disabled" : ""}`, children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "menu-item__info", onClick: a, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "menu-item__info", onClick: c, children: [
       i ? /* @__PURE__ */ e.jsx("div", { className: "menu-item__info__icon", children: s.icon }) : null,
       /* @__PURE__ */ e.jsx("div", { className: "menu-item__info__text", children: s.title }),
-      /* @__PURE__ */ e.jsx("div", { className: "menu-item__info__status ", children: s.subItems ? /* @__PURE__ */ e.jsx("span", { className: `menu-item__info__status__arrow ${c ? "menu-item__info__status__arrow_active" : ""}` }) : s.activated ? /* @__PURE__ */ e.jsx(pe, {}) : /* @__PURE__ */ e.jsx("span", { className: "menu-item__info__status__none" }) })
+      /* @__PURE__ */ e.jsx("div", { className: "menu-item__info__status ", children: s.subItems ? /* @__PURE__ */ e.jsx("span", { className: `menu-item__info__status__arrow ${a ? "menu-item__info__status__arrow_active" : ""}` }) : s.activated ? /* @__PURE__ */ e.jsx(pe, {}) : /* @__PURE__ */ e.jsx("span", { className: "menu-item__info__status__none" }) })
     ] }),
-    c && s.subItems ? /* @__PURE__ */ e.jsx(ar, { autoHide: t, items: s.subItems, onGlobalHide: n, onHide: () => o(!1), smallDisplay: l }) : null
+    a && s.subItems ? /* @__PURE__ */ e.jsx(ar, { autoHide: t, items: s.subItems, onGlobalHide: n, onHide: () => o(!1), smallDisplay: l }) : null
   ] });
 };
 function zn({ block: n, smallDisplay: t, onHide: r, globalClick: s, autoHide: i }) {
-  function l(c) {
-    for (let o of c.items)
+  function l(a) {
+    for (let o of a.items)
       if (o.icon)
         return !0;
     return !1;
   }
-  return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((c, o) => /* @__PURE__ */ e.jsx(cr, { globalClick: s, autoHide: i, onHide: r, item: c, isIcon: l(n), smallDisplay: t }, o)) });
+  return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((a, o) => /* @__PURE__ */ e.jsx(cr, { globalClick: s, autoHide: i, onHide: r, item: a, isIcon: l(n), smallDisplay: t }, o)) });
 }
 const or = 100, dr = (n) => {
   const t = Y(null), [r, s] = g({ left: "0px", top: "0px" }), i = () => {
@@ -2721,10 +2722,10 @@ const or = 100, dr = (n) => {
       ref: t,
       className: "base-menu base-menu_color_surface-container-high",
       style: { ...r, width: n.width, maxWidth: n.width ? "100%" : void 0 },
-      children: n.blocks.map((l, c) => /* @__PURE__ */ e.jsxs(te.Fragment, { children: [
-        c !== 0 ? /* @__PURE__ */ e.jsx(se, {}) : null,
+      children: n.blocks.map((l, a) => /* @__PURE__ */ e.jsxs(te.Fragment, { children: [
+        a !== 0 ? /* @__PURE__ */ e.jsx(se, {}) : null,
         /* @__PURE__ */ e.jsx(zn, { block: l, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: i })
-      ] }, c))
+      ] }, a))
     }
   ) }) : null;
 }, ur = (n) => {
@@ -2734,17 +2735,17 @@ const or = 100, dr = (n) => {
     s !== 0 ? /* @__PURE__ */ e.jsx(se, {}) : null,
     /* @__PURE__ */ e.jsx(zn, { block: r, smallDisplay: !0, autoHide: n.autoHide, onHide: n.onHide })
   ] }, s)) }) });
-}, Pn = (n) => n.screensize === ee.MOBILE ? /* @__PURE__ */ e.jsx(_e, { container: n.container, children: /* @__PURE__ */ e.jsx(ur, { ...n }) }) : /* @__PURE__ */ e.jsx(_e, { container: n.container, children: /* @__PURE__ */ e.jsx(dr, { ...n }) }), Fs = te.forwardRef(({ screensize: n, autoHide: t, blocks: r, container: s, onClick: i, ...l }, c) => {
-  const [o, a] = g(!1), [d, u] = g(void 0), { screen: m } = Ce(we), h = () => {
-    a(!1), u(void 0);
+}, Pn = (n) => n.screensize === ee.MOBILE ? /* @__PURE__ */ e.jsx(_e, { container: n.container, children: /* @__PURE__ */ e.jsx(ur, { ...n }) }) : /* @__PURE__ */ e.jsx(_e, { container: n.container, children: /* @__PURE__ */ e.jsx(dr, { ...n }) }), Fs = te.forwardRef(({ screensize: n, autoHide: t, blocks: r, container: s, onClick: i, ...l }, a) => {
+  const [o, c] = g(!1), [d, u] = g(void 0), { screen: m } = Ce(we), h = () => {
+    c(!1), u(void 0);
   }, x = (j) => {
-    j.stopPropagation(), a(!0), u({ x: j.clientX, y: j.clientY }), i == null || i(j);
+    j.stopPropagation(), c(!0), u({ x: j.clientX, y: j.clientY }), i == null || i(j);
   }, f = n ?? m;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       ue,
       {
-        ref: c,
+        ref: a,
         onClick: x,
         ...l
       }
@@ -2772,15 +2773,15 @@ const or = 100, dr = (n) => {
     readOnly: s,
     disabled: i,
     checkIcon: l = /* @__PURE__ */ e.jsx(pe, { baseColor: "var(--On-primary-color)" }),
-    size: c = "medium",
+    size: a = "medium",
     className: o,
-    ...a
+    ...c
   }, d) => /* @__PURE__ */ e.jsxs(
     "label",
     {
       className: [
         "checkbox-container",
-        `checkbox--${c}`,
+        `checkbox--${a}`,
         i ? "checkbox--disabled" : "",
         o
       ].filter(Boolean).join(" "),
@@ -2797,7 +2798,7 @@ const or = 100, dr = (n) => {
             readOnly: s,
             disabled: i,
             "aria-checked": t,
-            ...a
+            ...c
           }
         ),
         /* @__PURE__ */ e.jsx("span", { className: "checkbox-box", children: /* @__PURE__ */ e.jsx("span", { className: "checkbox-icon-container", children: /* @__PURE__ */ e.jsx("span", { className: "checkbox-check-icon", children: l }) }) })
@@ -2807,16 +2808,16 @@ const or = 100, dr = (n) => {
 );
 Bn.displayName = "Checkbox";
 const Wn = te.forwardRef(
-  ({ text: n, onDelete: t, big: r, onClick: s, screenSize: i, className: l, disabled: c, ...o }, a) => {
+  ({ text: n, onDelete: t, big: r, onClick: s, screenSize: i, className: l, disabled: a, ...o }, c) => {
     const d = (m) => {
       m.stopPropagation(), t == null || t(m);
-    }, u = c ? void 0 : s;
+    }, u = a ? void 0 : s;
     return /* @__PURE__ */ e.jsxs(
       "div",
       {
         ...o,
-        ref: a,
-        className: `chips ${r ? "chips--big" : ""} ${c ? "disabled" : ""} ${s ? "chips--clickable" : ""} ${l || ""}`,
+        ref: c,
+        className: `chips ${r ? "chips--big" : ""} ${a ? "disabled" : ""} ${s ? "chips--clickable" : ""} ${l || ""}`,
         onClick: u,
         role: o.role ?? s ? "button" : void 0,
         tabIndex: o.tabIndex ?? s ? 0 : void 0,
@@ -2829,7 +2830,7 @@ const Wn = te.forwardRef(
               className: "chips__delete",
               onClick: d,
               "aria-label": `Remove ${n}`,
-              disabled: c,
+              disabled: a,
               type: "button",
               children: /* @__PURE__ */ e.jsx(ie, {})
             }
@@ -2848,15 +2849,15 @@ const Gn = ve(
     onChange: s,
     readOnly: i,
     checked: l,
-    defaultChecked: c,
+    defaultChecked: a,
     label: o,
-    size: a = "medium",
+    size: c = "medium",
     variant: d = "primary",
     showLabel: u = !0,
     className: m,
     ...h
   }, x) => {
-    const f = t !== void 0 ? t === r : l !== void 0 ? l : c;
+    const f = t !== void 0 ? t === r : l !== void 0 ? l : a;
     return /* @__PURE__ */ e.jsxs("label", { className: `radio-button-container ${m || ""}`, children: [
       /* @__PURE__ */ e.jsx(
         "input",
@@ -2874,7 +2875,7 @@ const Gn = ve(
           ...h
         }
       ),
-      /* @__PURE__ */ e.jsx("span", { className: `radio-button-ui radio-button-ui--${a} radio-button-ui--${d}` }),
+      /* @__PURE__ */ e.jsx("span", { className: `radio-button-ui radio-button-ui--${c} radio-button-ui--${d}` }),
       u && o && /* @__PURE__ */ e.jsx("span", { className: "radio-button-label", children: o })
     ] });
   }
@@ -2888,26 +2889,26 @@ const Zn = ve(
     name: s,
     readOnly: i = !1,
     onChange: l,
-    className: c = "",
+    className: a = "",
     size: o = "medium",
-    variant: a = "primary",
+    variant: c = "primary",
     ...d
   }, u) => {
     const [m, h] = g([]);
     V(() => {
       h(x(t));
     }, [t]);
-    const x = (j) => j === void 0 ? [] : Array.isArray(j) ? j : [j], f = (j, p) => {
+    const x = (j) => j === void 0 ? [] : Array.isArray(j) ? j : [j], f = (j, _) => {
       if (i) return;
       j.preventDefault();
-      let _;
-      r ? _ = m.includes(p) ? m.filter((y) => y !== p) : [...m, p] : _ = m.includes(p) ? [] : [p], h(_), l == null || l(_, j);
+      let p;
+      r ? p = m.includes(_) ? m.filter((y) => y !== _) : [...m, _] : p = m.includes(_) ? [] : [_], h(p), l == null || l(p, j);
     };
     return /* @__PURE__ */ e.jsx(
       "div",
       {
         ref: u,
-        className: `segmented-button segmented-button--${o} segmented-button--${a} ${c}`,
+        className: `segmented-button segmented-button--${o} segmented-button--${c} ${a}`,
         role: "group",
         ...d,
         children: n.map((j) => /* @__PURE__ */ e.jsxs(
@@ -2919,7 +2920,7 @@ const Zn = ve(
             "aria-label": j,
             disabled: i,
             className: `segmented-button__item ${m.includes(j) ? "segmented-button__item--active" : ""}`,
-            onClick: (p) => f(p, j),
+            onClick: (_) => f(_, j),
             children: [
               m.includes(j) && /* @__PURE__ */ e.jsx("span", { className: "segmented-button__icon", children: /* @__PURE__ */ e.jsx(pe, {}) }),
               /* @__PURE__ */ e.jsx("span", { className: "segmented-button__text", children: j }),
@@ -2951,9 +2952,9 @@ const Yn = ve(
     showLabel: s = !1,
     labelOn: i = "On",
     labelOff: l = "Off",
-    checked: c,
+    checked: a,
     onChange: o,
-    ...a
+    ...c
   }, d) => /* @__PURE__ */ e.jsxs("label", { className: `switch-container ${r}`, children: [
     /* @__PURE__ */ e.jsx(
       "input",
@@ -2961,14 +2962,14 @@ const Yn = ve(
         ref: d,
         type: "checkbox",
         role: "switch",
-        "aria-checked": c,
-        checked: c,
+        "aria-checked": a,
+        checked: a,
         onChange: o,
         className: `switch-input switch--${n} switch--${t}`,
-        ...a
+        ...c
       }
     ),
-    s && /* @__PURE__ */ e.jsx("span", { className: "switch-label", children: c ? i : l })
+    s && /* @__PURE__ */ e.jsx("span", { className: "switch-label", children: a ? i : l })
   ] })
 );
 Yn.displayName = "Switch";
@@ -2979,12 +2980,12 @@ function hr({
   onHide: s,
   noHide: i = !1,
   name: l = "selection_dialog",
-  confirmText: c = "Выбрать",
+  confirmText: a = "Выбрать",
   cancelText: o = "Отмена",
-  defaultValue: a,
+  defaultValue: c,
   style: d
 }) {
-  const [u, m] = g(a), h = k(() => {
+  const [u, m] = g(c), h = k(() => {
     u !== void 0 && (n == null || n(u), m(void 0), !i && (s == null || s()));
   }, [u, n, i, s]), x = k(() => {
     s == null || s();
@@ -3003,7 +3004,7 @@ function hr({
           onHide: x,
           onSuccess: h,
           disabled: u === void 0,
-          confirmText: c,
+          confirmText: a,
           cancelText: o
         }
       ),
@@ -3016,7 +3017,7 @@ function hr({
             scroll: !0,
             maxHeight: "300px",
             "aria-label": "Варианты выбора",
-            children: t.map((j, p) => /* @__PURE__ */ e.jsx(
+            children: t.map((j, _) => /* @__PURE__ */ e.jsx(
               "label",
               {
                 "aria-disabled": j.disabled,
@@ -3041,7 +3042,7 @@ function hr({
                   }
                 )
               },
-              `${l}_${p}`
+              `${l}_${_}`
             ))
           }
         ),
@@ -3077,9 +3078,9 @@ const Ve = te.forwardRef(
     type: s = "text",
     transparent: i,
     readOnly: l,
-    password: c,
+    password: a,
     border: o,
-    onClear: a,
+    onClear: c,
     icon: d,
     onChange: u,
     name: m,
@@ -3087,8 +3088,8 @@ const Ve = te.forwardRef(
     placeholder: x,
     className: f,
     validEmptyValue: j,
-    onFocus: p,
-    onBlur: _,
+    onFocus: _,
+    onBlur: p,
     error: y,
     max: N,
     min: C,
@@ -3104,9 +3105,9 @@ const Ve = te.forwardRef(
       const Q = A.current.querySelector("input");
       Q == null || Q.focus();
     }, v = (Q) => {
-      p == null || p(Q), E(!0);
+      _ == null || _(Q), E(!0);
     }, L = (Q) => {
-      _ == null || _(Q), E(!1), I(!!Q.target.value);
+      p == null || p(Q), E(!1), I(!!Q.target.value);
     }, R = k(
       (Q, ne) => D(!!(y || Q && (!ne || ne === ""))),
       [y]
@@ -3149,7 +3150,7 @@ const Ve = te.forwardRef(
                   readOnly: l,
                   disabled: T,
                   required: !0,
-                  type: c ? "password" : s,
+                  type: a ? "password" : s,
                   className: `
               input-field__input-container__input 
               ${b ? "input-field__input-container__input_error" : ""}
@@ -3178,10 +3179,10 @@ const Ve = te.forwardRef(
                 }
               )
             ] }),
-            a && h && !T && /* @__PURE__ */ e.jsx("div", { className: `
+            c && h && !T && /* @__PURE__ */ e.jsx("div", { className: `
           input-field__icon-container 
           input-field__icon-container_clear-btn
-          `, onClick: a, children: /* @__PURE__ */ e.jsx(ie, { "aria-label": "Clear input" }) })
+          `, onClick: c, children: /* @__PURE__ */ e.jsx(ie, { "aria-label": "Clear input" }) })
           ]
         }
       ),
@@ -3198,36 +3199,36 @@ const Vs = ({
   onSuccess: s,
   onHide: i,
   placeholder: l,
-  type: c = "text",
+  type: a = "text",
   min: o = 0,
-  max: a = 100,
+  max: c = 100,
   defaultValue: d = "",
   confirmText: u = "OK",
   cancelText: m = "Отмена",
   validate: h
 }) => {
-  const [x, f] = g(d), [j, p] = g(!0);
+  const [x, f] = g(d), [j, _] = g(!0);
   V(() => {
     if (h)
-      p(h(x));
-    else if (c === "number") {
+      _(h(x));
+    else if (a === "number") {
       const C = Number(x);
-      p(!isNaN(C) && C >= o && C <= a);
+      _(!isNaN(C) && C >= o && C <= c);
     } else
-      p(!0);
-  }, [x, h, c, o, a]);
-  const _ = k(() => {
+      _(!0);
+  }, [x, h, a, o, c]);
+  const p = k(() => {
     j && (s == null || s(x), i == null || i());
   }, [x, j, s, i]), y = k(() => {
     i == null || i();
   }, [i]), N = (C) => {
-    if (c === "number") {
+    if (a === "number") {
       if (C === "") {
         f("");
         return;
       }
       const S = Number(C);
-      isNaN(S) || (S < o && (C = String(o)), S > a && (C = String(a)), f(C));
+      isNaN(S) || (S < o && (C = String(o)), S > c && (C = String(c)), f(C));
     } else
       f(C);
   };
@@ -3242,8 +3243,8 @@ const Vs = ({
         /* @__PURE__ */ e.jsx(
           de,
           {
-            onClick: _,
-            disabled: !j || c === "number" && x === "",
+            onClick: p,
+            disabled: !j || a === "number" && x === "",
             children: u
           }
         )
@@ -3254,9 +3255,9 @@ const Vs = ({
           /* @__PURE__ */ e.jsx(
             Ve,
             {
-              type: c,
+              type: a,
               min: o,
-              max: a,
+              max: c,
               border: !0,
               placeholder: l,
               value: x,
@@ -3264,11 +3265,11 @@ const Vs = ({
               error: !j
             }
           ),
-          !j && c === "number" && /* @__PURE__ */ e.jsxs(X, { type: "body", children: [
+          !j && a === "number" && /* @__PURE__ */ e.jsxs(X, { type: "body", children: [
             "Введите число от ",
             o,
             " до ",
-            a
+            c
           ] })
         ] })
       ]
@@ -3276,71 +3277,72 @@ const Vs = ({
   );
 }, Ts = ({
   style: n,
-  className: t = "",
-  header: r,
-  children: s,
-  onSave: i,
-  onHide: l,
-  marginBottom: c = 0,
-  disableBackplate: o,
-  saveText: a,
-  cancelText: d,
-  forceFullScreen: u,
-  btns: m
+  styleContent: t,
+  className: r = "",
+  header: s,
+  children: i,
+  onSave: l,
+  onHide: a,
+  marginBottom: o = 0,
+  disableBackplate: c,
+  saveText: d,
+  cancelText: u,
+  forceFullScreen: m,
+  btns: h
 }) => {
-  const { screen: h } = Ce(we);
+  const { screen: x } = Ce(we);
   Cn(!0, document.body);
-  const x = () => {
+  const f = () => {
+    a == null || a();
+  }, j = () => {
     l == null || l();
-  }, f = () => {
-    i == null || i();
   };
-  return u || h === ee.MOBILE ? /* @__PURE__ */ e.jsxs(
+  return m || x === ee.MOBILE ? /* @__PURE__ */ e.jsxs(
     "div",
     {
       style: {
         ...n,
-        height: `calc(100vh - ${c}px)`,
-        paddingBottom: `${c}px`
+        height: `calc(100vh - ${o}px)`,
+        paddingBottom: `${o}px`
       },
       className: `
         full-screen-dialog 
         full-screen-dialog__container 
         full-screen-dialog__container_color_surface-container 
-        ${t}`,
+        ${r}`,
       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(
+          /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog__container__header__button", children: a && /* @__PURE__ */ e.jsx(
             ue,
             {
               transparent: !0,
-              onClick: x,
+              onClick: f,
               icon: /* @__PURE__ */ e.jsx(ie, {}),
               "aria-label": "Закрыть"
             }
           ) }),
-          /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog__container__header__text", children: r }),
-          /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog__container__header__save", children: i && /* @__PURE__ */ e.jsx("button", { onClick: f, className: "full-screen-dialog__container__header__save__button", children: /* @__PURE__ */ e.jsx(X, { type: "body", weight: "bold", children: a || "Сохранить" }) }) })
+          /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog__container__header__text", children: s }),
+          /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog__container__header__save", children: l && /* @__PURE__ */ e.jsx("button", { onClick: j, className: "full-screen-dialog__container__header__save__button", children: /* @__PURE__ */ e.jsx(X, { type: "body", weight: "bold", children: d || "Сохранить" }) }) })
         ] }),
-        /* @__PURE__ */ e.jsxs("div", { className: "full-screen-dialog__content", children: [
-          s,
-          m && /* @__PURE__ */ e.jsx(ze, { btns: m.filter((p) => !p.hide && !p.success) })
+        /* @__PURE__ */ e.jsxs("div", { className: "full-screen-dialog__content", style: t, children: [
+          i,
+          h && /* @__PURE__ */ e.jsx(ze, { btns: h.filter((p) => !p.hide && !p.success) })
         ] })
       ]
     }
   ) : /* @__PURE__ */ e.jsx(
     Ze,
     {
-      disableBackplate: o,
+      disableBackplate: c,
       style: n,
-      header: r,
-      className: `full-screen-dialog ${t}`,
-      onHide: x,
-      action: m === void 0 ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        l && /* @__PURE__ */ e.jsx(ye, { styleType: "outline", onClick: x, children: d ?? "Отмена" }),
-        l && /* @__PURE__ */ e.jsx(ye, { onClick: f, children: a ?? "Сохранить" })
-      ] }) : /* @__PURE__ */ e.jsx(ze, { btns: m, onHide: l, onSuccess: i }),
-      children: s
+      header: s,
+      className: `full-screen-dialog ${r}`,
+      onHide: f,
+      action: h === void 0 ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        a && /* @__PURE__ */ e.jsx(ye, { styleType: "outline", onClick: f, children: u ?? "Отмена" }),
+        a && /* @__PURE__ */ e.jsx(ye, { onClick: j, children: d ?? "Сохранить" })
+      ] }) : /* @__PURE__ */ e.jsx(ze, { btns: h, onHide: a, onSuccess: l }),
+      children: i
     }
   );
 }, mr = ve(
@@ -3351,9 +3353,9 @@ const Vs = ({
     alt: s,
     header: i,
     subhead: l,
-    text: c,
+    text: a,
     children: o,
-    iconButtonCell: a,
+    iconButtonCell: c,
     onClick: d,
     screenSize: u,
     rootApp: m = "#root",
@@ -3361,8 +3363,8 @@ const Vs = ({
     loading: x = !1,
     style: f,
     elevation: j = 6,
-    ...p
-  }, _) => {
+    ..._
+  }, p) => {
     const { screen: y } = Ce(we), N = u ?? y, C = `elevation-${Math.min(24, Math.max(0, j))}`, S = (B) => {
       T(B) && (d == null || d(B), P(B));
     }, T = (B) => {
@@ -3377,11 +3379,11 @@ const Vs = ({
     return /* @__PURE__ */ e.jsxs(
       "div",
       {
-        ref: _,
+        ref: p,
         style: f,
         className: `${n} card card--${h} ${C} ${x ? "card--loading" : ""}`,
         onClick: S,
-        ...p,
+        ..._,
         children: [
           /* @__PURE__ */ e.jsx("div", { className: "card-ripple-container" }),
           r && /* @__PURE__ */ e.jsxs("div", { className: "card-image-container", children: [
@@ -3389,7 +3391,7 @@ const Vs = ({
             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: [
+            (i || c) && /* @__PURE__ */ e.jsxs("div", { className: "card-header", children: [
               i && /* @__PURE__ */ e.jsx(
                 X,
                 {
@@ -3400,7 +3402,7 @@ const Vs = ({
                   children: i
                 }
               ),
-              a && /* @__PURE__ */ e.jsx("div", { className: "card-icon-button", children: a })
+              c && /* @__PURE__ */ e.jsx("div", { className: "card-icon-button", children: c })
             ] }),
             l && /* @__PURE__ */ e.jsx(
               X,
@@ -3412,13 +3414,13 @@ const Vs = ({
                 children: l
               }
             ),
-            c && /* @__PURE__ */ e.jsx(
+            a && /* @__PURE__ */ e.jsx(
               X,
               {
                 type: "body",
                 screensize: N,
                 className: "card-text",
-                children: c
+                children: a
               }
             ),
             o && /* @__PURE__ */ e.jsx("div", { className: "card-children", children: o }),
@@ -3431,19 +3433,19 @@ const Vs = ({
   }
 );
 mr.displayName = "Card";
-const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { className: `base-action-card ${t ?? ""}`, children: n }), As = ({ children: n, className: t, id: r, height: s, width: i, pozMove: l, draggable: c = !0 }) => {
-  const [o, a] = g(!1), [d, u] = g(null), [m, h] = g({ x: 0, y: 0 }), x = (p) => {
-    p.button == 1 && (a(!1), u(null), document.body.style.cursor = "auto");
-  }, f = (p) => {
-    p.button == 1 && c && (u({ x: p.clientX, y: p.clientY }), a(!0), document.body.style.cursor = "move");
-  }, j = k((p) => {
-    o && (h((_) => {
+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: a = !0 }) => {
+  const [o, c] = g(!1), [d, u] = g(null), [m, h] = g({ x: 0, y: 0 }), x = (_) => {
+    _.button == 1 && (c(!1), u(null), document.body.style.cursor = "auto");
+  }, f = (_) => {
+    _.button == 1 && a && (u({ x: _.clientX, y: _.clientY }), c(!0), document.body.style.cursor = "move");
+  }, j = k((_) => {
+    o && (h((p) => {
       if (!d)
-        return _;
-      const y = p.clientX - d.x, N = p.clientY - d.y;
-      let C = _.x + y, S = _.y + N;
+        return p;
+      const y = _.clientX - d.x, N = _.clientY - d.y;
+      let C = p.x + y, S = p.y + N;
       return { x: C, y: S };
-    }), u({ x: p.clientX, y: p.clientY }));
+    }), u({ x: _.clientX, y: _.clientY }));
   }, [o, d]);
   return V(() => {
     l && h({ ...l });
@@ -3455,21 +3457,21 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   className: s,
   style: i,
   countColumn: l,
-  items: c,
+  items: a,
   onClickColl: o,
-  classNameColumn: a,
+  classNameColumn: c,
   minColumnWidth: d = "auto"
 }) => {
   const u = te.useCallback((x, f) => {
     const j = Array.from({ length: x }, () => []);
-    return f.forEach((p) => {
-      if (p.indexCol >= j.length) {
-        console.error(`Invalid column index. indexCol = ${p.indexCol}, column count = ${x}`);
+    return f.forEach((_) => {
+      if (_.indexCol >= j.length) {
+        console.error(`Invalid column index. indexCol = ${_.indexCol}, column count = ${x}`);
         return;
       }
-      j[p.indexCol].push(p.node);
+      j[_.indexCol].push(_.node);
     }), j;
-  }, []), m = te.useMemo(() => u(l, c), [u, l, c]), h = te.useCallback((x, f) => {
+  }, []), m = te.useMemo(() => u(l, a), [u, l, a]), h = te.useCallback((x, f) => {
     o == null || o(x, f);
   }, [o]);
   return /* @__PURE__ */ e.jsx(
@@ -3488,9 +3490,9 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
         "div",
         {
           onClick: (j) => h(f, j),
-          className: `${a} alex-evo-sh-ui-kit-column-layout-coll`,
+          className: `${c} alex-evo-sh-ui-kit-column-layout-coll`,
           "data-testid": `column-${f}`,
-          children: x.map((j, p) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: j }, `item-${f}-${p}`))
+          children: x.map((j, _) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: j }, `item-${f}-${_}`))
         },
         `column-${f}`
       ))
@@ -3503,28 +3505,28 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   style: s,
   border: i = !1,
   collapsible: l = !1,
-  defaultVisible: c = !1,
+  defaultVisible: a = !1,
   action: o,
-  onVisibilityChange: a
+  onVisibilityChange: c
 }) => {
-  const [d, u] = g(l ? c : !0), m = Y(null), h = (p) => {
-    if (!p) return;
-    const _ = Ye(p);
-    if (_)
-      return _.height + fr;
-  }, x = (p) => {
-    const _ = h(p);
-    return _ ? Math.min(_ * jr, 1) : 0.4;
-  }, f = (p) => {
-    const _ = p.target;
-    if (!(_.closest(".action-btn") || _.classList.contains("action-btn")) && l) {
+  const [d, u] = g(l ? a : !0), m = Y(null), h = (_) => {
+    if (!_) return;
+    const p = Ye(_);
+    if (p)
+      return p.height + fr;
+  }, x = (_) => {
+    const p = h(_);
+    return p ? Math.min(p * jr, 1) : 0.4;
+  }, f = (_) => {
+    const p = _.target;
+    if (!(p.closest(".action-btn") || p.classList.contains("action-btn")) && l) {
       const N = !d;
-      u(N), a == null || a(N);
+      u(N), c == null || c(N);
     }
   };
   V(() => {
-    !l && !d && (u(!0), a == null || a(!0));
-  }, [l, d, a]);
+    !l && !d && (u(!0), c == null || c(!0));
+  }, [l, d, c]);
   const j = oe(
     () => x(m.current),
     [m.current]
@@ -3544,8 +3546,8 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
             role: l ? "button" : void 0,
             "aria-label": l ? `${t} - click to ${d ? "collapse" : "expand"}` : t,
             tabIndex: l ? 0 : void 0,
-            onKeyDown: (p) => {
-              l && (p.key === "Enter" || p.key === " ") && (p.preventDefault(), f(p));
+            onKeyDown: (_) => {
+              l && (_.key === "Enter" || _.key === " ") && (_.preventDefault(), f(_));
             },
             children: [
               /* @__PURE__ */ e.jsx(X, { type: "title", children: t }),
@@ -3557,8 +3559,8 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
                   "aria-label": o.ariaLabel || "Action",
                   role: "button",
                   tabIndex: 0,
-                  onKeyDown: (p) => {
-                    (p.key === "Enter" || p.key === " ") && (p.preventDefault(), o.onClick());
+                  onKeyDown: (_) => {
+                    (_.key === "Enter" || _.key === " ") && (_.preventDefault(), o.onClick());
                   },
                   children: o.icon
                 }
@@ -3601,22 +3603,22 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   gridRowGap: s = "10px",
   gridColumnGap: i = "5px",
   itemMinWith: l,
-  itemMaxWith: c,
+  itemMaxWith: a,
   itemWith: o = "400px"
 }) => {
-  const a = Y(null), [d, u] = g([]), m = Y(null), h = Y(null), x = k(() => {
-    if (!a.current) return;
-    a.current.style.display = "grid", a.current.style.gridRowGap = s, a.current.style.gridColumnGap = i;
-    const _ = l ?? o, y = c ?? o;
-    a.current.style.gridTemplateColumns = `repeat(auto-fill, minmax(${_}, ${y}))`, a.current.style.gridAutoRows = "1px";
-  }, [s, i, l, c, o]), f = k(() => {
-    if (a.current) {
-      const _ = a.current.querySelectorAll(".adaptiv-grid-item");
-      u(Array.from(_));
+  const c = Y(null), [d, u] = g([]), m = Y(null), h = Y(null), x = k(() => {
+    if (!c.current) return;
+    c.current.style.display = "grid", c.current.style.gridRowGap = s, c.current.style.gridColumnGap = i;
+    const p = l ?? o, y = a ?? o;
+    c.current.style.gridTemplateColumns = `repeat(auto-fill, minmax(${p}, ${y}))`, c.current.style.gridAutoRows = "1px";
+  }, [s, i, l, a, o]), f = k(() => {
+    if (c.current) {
+      const p = c.current.querySelectorAll(".adaptiv-grid-item");
+      u(Array.from(p));
     }
   }, []), j = k(() => {
-    if (!a.current) return;
-    const _ = window.getComputedStyle(a.current), y = parseInt(_.getPropertyValue("grid-row-gap")) || 0, N = parseInt(_.getPropertyValue("grid-auto-rows")) || 1;
+    if (!c.current) return;
+    const p = window.getComputedStyle(c.current), y = parseInt(p.getPropertyValue("grid-row-gap")) || 0, N = parseInt(p.getPropertyValue("grid-auto-rows")) || 1;
     d.forEach((C) => {
       const S = C.querySelector(".adaptiv-grid-item-container");
       if (S) {
@@ -3624,7 +3626,7 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
         C.style.gridRowEnd = `span ${P}`;
       }
     });
-  }, [d]), p = k(() => {
+  }, [d]), _ = k(() => {
     h.current !== null && cancelAnimationFrame(h.current), h.current = requestAnimationFrame(() => {
       j(), h.current = null;
     });
@@ -3632,16 +3634,16 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   return V(() => {
     x(), f();
   }, [x, f, t]), V(() => {
-    m.current && m.current.disconnect(), m.current = new ResizeObserver(() => p());
-    const _ = m.current;
-    return d.forEach((y) => _.observe(y)), p(), () => {
-      _.disconnect(), h.current !== null && cancelAnimationFrame(h.current);
+    m.current && m.current.disconnect(), m.current = new ResizeObserver(() => _());
+    const p = m.current;
+    return d.forEach((y) => p.observe(y)), _(), () => {
+      p.disconnect(), h.current !== null && cancelAnimationFrame(h.current);
     };
-  }, [d, p]), /* @__PURE__ */ e.jsx(
+  }, [d, _]), /* @__PURE__ */ e.jsx(
     "div",
     {
       style: { minWidth: n },
-      ref: a,
+      ref: c,
       className: `adaptiv-grid-layout ${r}`,
       children: t
     }
@@ -3653,10 +3655,10 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   shadow: s = 1,
   padded: i = !0,
   borderRadius: l = 12,
-  onClick: c,
+  onClick: a,
   onContextMenu: o
 }) => {
-  const a = `container_shadow-${s}`;
+  const c = `container_shadow-${s}`;
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -3664,9 +3666,9 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
         borderRadius: `${l}px`,
         ...r
       },
-      onClick: c,
+      onClick: a,
       onContextMenu: o,
-      className: `alex-evo-sh-ui-kit-panel ${a} ${i ? "padded" : ""} ${t}`,
+      className: `alex-evo-sh-ui-kit-panel ${c} ${i ? "padded" : ""} ${t}`,
       children: n
     }
   );
@@ -3677,37 +3679,37 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   activeTabClassName: s = "active",
   onTabClick: i,
   activeTabIndex: l,
-  tabContainerClassName: c = ""
+  tabContainerClassName: a = ""
 }) => {
-  const [o, a] = g(0), d = l !== void 0 ? l : o, u = Y(null), m = Y(null), [h, x] = g(!1), f = (_) => {
+  const [o, c] = g(0), d = l !== void 0 ? l : o, u = Y(null), m = Y(null), [h, x] = g(!1), f = (p) => {
     if (u.current) {
       const y = t || u.current.offsetWidth / 2;
       u.current.scrollBy({
-        left: _ === "left" ? -y : y,
+        left: p === "left" ? -y : y,
         behavior: "smooth"
       });
     }
   };
   V(() => {
-    const _ = () => {
+    const p = () => {
       u.current && x(
         u.current.scrollWidth > u.current.clientWidth
       );
     };
-    return _(), window.addEventListener("resize", _), () => window.removeEventListener("resize", _);
+    return p(), window.addEventListener("resize", p), () => window.removeEventListener("resize", p);
   }, []), V(() => {
     if (u.current && m.current) {
-      const _ = u.current.children[d];
-      _ && (m.current.style.width = `${_.offsetWidth}px`, m.current.style.transform = `translateX(${_.offsetLeft}px)`);
+      const p = u.current.children[d];
+      p && (m.current.style.width = `${p.offsetWidth}px`, m.current.style.transform = `translateX(${p.offsetLeft}px)`);
     }
   }, [d]);
-  const j = (_) => {
-    _.key === "ArrowRight" ? p((d + 1) % n.length) : _.key === "ArrowLeft" && p((d - 1 + n.length) % n.length);
-  }, p = (_) => {
-    l === void 0 && a(_), i && i(_);
+  const j = (p) => {
+    p.key === "ArrowRight" ? _((d + 1) % n.length) : p.key === "ArrowLeft" && _((d - 1 + n.length) % n.length);
+  }, _ = (p) => {
+    l === void 0 && c(p), i && i(p);
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "alex-evo-ui-kit-tabs-container", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-ui-kit-tabs-scroll-buttons ${c}`, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-ui-kit-tabs-scroll-buttons ${a}`, children: [
       h && /* @__PURE__ */ e.jsx("button", { onClick: () => f("left"), className: "alex-evo-ui-kit-scroll-button", children: "◀" }),
       /* @__PURE__ */ e.jsxs(
         "div",
@@ -3717,14 +3719,14 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
           onKeyDown: j,
           tabIndex: 0,
           children: [
-            n.map((_, y) => /* @__PURE__ */ e.jsx(
+            n.map((p, y) => /* @__PURE__ */ e.jsx(
               "div",
               {
                 className: `alex-evo-ui-kit-tab ${r} ${d === y ? s : ""}`,
-                onClick: () => p(y),
-                children: _.label
+                onClick: () => _(y),
+                children: p.label
               },
-              _.label
+              p.label
             )),
             /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-indicator", ref: m })
           ]
@@ -3741,9 +3743,9 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   scroll: s,
   transparent: i,
   width: l,
-  padding: c,
+  padding: a,
   margin: o,
-  flex: a,
+  flex: c,
   gap: d = 0,
   onObserv: u,
   ...m
@@ -3753,13 +3755,13 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
     maxHeight: r,
     backgroundColor: i ? "transparent" : void 0,
     width: l,
-    padding: c,
+    padding: a,
     margin: o
   };
-  a && (f.display = "flex", f.flexDirection = "column", d > 0 && (f.gap = d)), V(() => {
+  c && (f.display = "flex", f.flexDirection = "column", d > 0 && (f.gap = d)), V(() => {
     if (!x.current || !u) return;
-    const p = new IntersectionObserver(u);
-    return p.observe(x.current), () => p.disconnect();
+    const _ = new IntersectionObserver(u);
+    return _.observe(x.current), () => _.disconnect();
   }, [u]);
   const j = [
     "list-container",
@@ -3778,35 +3780,35 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   header: s,
   description: i,
   value: l,
-  onClick: c,
+  onClick: a,
   hovered: o = !0,
-  className: a = "",
+  className: c = "",
   disabled: d = !1,
   active: u = !1,
   shadow: m = 0,
   noTransformTransition: h,
   ...x
 }, f) => {
-  const j = (_) => {
-    !d && !_.target.closest(".control-container") && (c == null || c(_));
-  }, p = [
+  const j = (p) => {
+    !d && !p.target.closest(".control-container") && (a == null || a(p));
+  }, _ = [
     "list-item-container",
-    a,
+    c,
     `container_shadow-hover-${m}`,
     o && !d ? "list-item-container_hovered" : "",
     d ? "list-item-container_disabled" : "",
     u ? "list-item-container_active" : "",
     h ? "no-transform-transition" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("li", { ref: f, className: p, onClick: j, "aria-disabled": d, ...x, children: [
+  return /* @__PURE__ */ e.jsxs("li", { ref: f, className: _, onClick: j, "aria-disabled": d, ...x, children: [
     (n || l) && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__icon-container", children: n || l && /* @__PURE__ */ e.jsx(X, { type: "body", children: l }) }),
     (s || r || i) && /* @__PURE__ */ e.jsxs("div", { className: "list-item-container__text-container", children: [
       s && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__text-container__header", children: /* @__PURE__ */ e.jsx(X, { type: "title", children: s }) }),
       r && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__text-container__text", children: /* @__PURE__ */ e.jsx(X, { type: "small", children: r }) }),
       i && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__text-container__description", children: /* @__PURE__ */ e.jsx(X, { type: "small", color: "variant", children: i }) })
     ] }),
-    t && /* @__PURE__ */ e.jsx("div", { onClick: (_) => {
-      _.stopPropagation();
+    t && /* @__PURE__ */ e.jsx("div", { onClick: (p) => {
+      p.stopPropagation();
     }, className: "list-item-container__control-container", children: t })
   ] });
 });
@@ -3830,8 +3832,8 @@ function gr(n) {
     return t[0];
 }
 const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
-  const l = n[t.field], c = Un(l);
-  return /* @__PURE__ */ e.jsx("td", { style: { backgroundColor: c.length > 0 && c[0].backgroundColor ? c[0].backgroundColor : s, height: i }, children: t.template ? t.template(c, n) : c.map((o, a) => /* @__PURE__ */ e.jsx(
+  const l = n[t.field], a = Un(l);
+  return /* @__PURE__ */ e.jsx("td", { style: { backgroundColor: a.length > 0 && a[0].backgroundColor ? a[0].backgroundColor : s, height: i }, children: t.template ? t.template(a, n) : a.map((o, c) => /* @__PURE__ */ e.jsx(
     "p",
     {
       style: { color: o.color ?? r },
@@ -3839,7 +3841,7 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
       onClick: o.onClick,
       children: o.content
     },
-    a
+    c
   )) });
 }, kr = ({
   actions: n,
@@ -3848,21 +3850,21 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
   onContextMenu: s,
   onDelete: i,
   onEdit: l,
-  onClickRow: c,
+  onClickRow: a,
   index: o,
-  maxH: a
+  maxH: c
 }) => {
   const d = k(
     (u) => {
-      u.target.closest(".no-click") || c == null || c(t, o);
+      u.target.closest(".no-click") || a == null || a(t, o);
     },
-    [o, c, t]
+    [o, a, t]
   );
   return /* @__PURE__ */ e.jsxs("tr", { className: "table-row", onClick: d, children: [
     r.map((u, m) => /* @__PURE__ */ e.jsx(
       br,
       {
-        H: a == null ? void 0 : a[m],
+        H: c == null ? void 0 : c[m],
         color: u.color,
         backgroundColor: u.backgroundColor,
         column: u,
@@ -3906,13 +3908,13 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
   onContextMenu: s,
   onEdit: i,
   actions: l,
-  shadow: c = 2,
+  shadow: a = 2,
   onClickRow: o
 }) => {
-  const a = oe(
+  const c = oe(
     () => t ?? vr(n),
     [n, t]
-  ), d = a.length + (l ? 1 : 0) + (r || s || i ? 1 : 0), u = (h) => h ? (Array.isArray(h) ? h : [h]).map((f, j) => typeof f == "string" || typeof f == "number" ? /* @__PURE__ */ e.jsx("span", { children: f }, j) : /* @__PURE__ */ e.jsx(
+  ), d = c.length + (l ? 1 : 0) + (r || s || i ? 1 : 0), u = (h) => h ? (Array.isArray(h) ? h : [h]).map((f, j) => typeof f == "string" || typeof f == "number" ? /* @__PURE__ */ e.jsx("span", { children: f }, j) : /* @__PURE__ */ e.jsx(
     "span",
     {
       style: { color: f.color },
@@ -3920,10 +3922,10 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
       children: f.content
     },
     j
-  )) : null, m = `container_shadow-${c}`;
+  )) : null, m = `container_shadow-${a}`;
   return /* @__PURE__ */ e.jsx("div", { className: `table-container mt-3 ${o ? "clicked" : ""} ${m}`, children: /* @__PURE__ */ e.jsxs("table", { children: [
     /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
-      a.map((h) => /* @__PURE__ */ e.jsx("th", { className: "min-width", children: h.title }, h.field)),
+      c.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" })
     ] }) }),
@@ -3938,7 +3940,7 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
           onClickRow: o,
           actions: l,
           index: x,
-          columns: a,
+          columns: c,
           item: h,
           onDelete: r,
           onContextMenu: s,
@@ -4026,10 +4028,10 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
       ) : null
     ) })
   ] });
-}, Zs = ({ visible: n, firstBtn: t, mainBtn: r, onHide: s, otherBtn: i, backBtn: l, openAlways: c }) => {
-  const o = (a, d) => a.type === "button" ? /* @__PURE__ */ e.jsx(Re, { active: a.active, onClick: a.onClick, title: a.text, icon: a.icon }, d) : a.type === "link" ? /* @__PURE__ */ e.jsx(Xn, { onClick: () => s(), title: a.text, icon: a.icon, to: a.to }, d) : a.type === "submenu" ? /* @__PURE__ */ e.jsx(wr, { item: a, onHide: s }, d) : null;
+}, Zs = ({ visible: n, firstBtn: t, mainBtn: r, onHide: s, otherBtn: i, backBtn: l, openAlways: a }) => {
+  const o = (c, d) => c.type === "button" ? /* @__PURE__ */ e.jsx(Re, { active: c.active, onClick: c.onClick, title: c.text, icon: c.icon }, d) : c.type === "link" ? /* @__PURE__ */ e.jsx(Xn, { onClick: () => s(), title: c.text, icon: c.icon, to: c.to }, d) : c.type === "submenu" ? /* @__PURE__ */ e.jsx(wr, { item: c, onHide: s }, d) : null;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs("div", { className: `navigation-drawer ${n || c ? "navigation-drawer_show" : "navigation-drawer_hide"}`, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: `navigation-drawer ${n || a ? "navigation-drawer_show" : "navigation-drawer_hide"}`, children: [
       t ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsxs("div", { className: "navigation-drawer__block", children: [
           /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block__header" }),
@@ -4049,7 +4051,7 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
       /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__divider", children: /* @__PURE__ */ e.jsx(se, {}) }),
       l ? /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block", children: /* @__PURE__ */ e.jsx(Re, { active: l.active, onClick: l.onClick, title: l.text, icon: l.icon }) }) : null
     ] }),
-    n && !c ? /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer-backplate", style: { zIndex: 1100 }, onClick: () => s() }) : null
+    n && !a ? /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer-backplate", style: { zIndex: 1100 }, onClick: () => s() }) : null
   ] });
 }, Sr = ({ icon: n, title: t, to: r }) => /* @__PURE__ */ e.jsxs(Qe, { to: r, className: "navigation-item navigation-item-rail", children: [
   /* @__PURE__ */ e.jsx("div", { className: `
@@ -4104,13 +4106,13 @@ function hn(n, t, r, s) {
   const i = t.getBoundingClientRect();
   let l = n.clientY - i.top;
   l > i.height && (l = i.height), l < 0 && (l = 0);
-  let c = n.clientX - i.left;
-  c > i.width && (c = i.width), c < 0 && (c = 0);
-  const o = l / i.height, a = c / i.width, d = 100 - 100 * o, u = 100 * a;
-  s(Math.round(u), Math.round(d)), Kn(r, c, l);
+  let a = n.clientX - i.left;
+  a > i.width && (a = i.width), a < 0 && (a = 0);
+  const o = l / i.height, c = a / i.width, d = 100 - 100 * o, u = 100 * c;
+  s(Math.round(u), Math.round(d)), Kn(r, a, l);
 }
 function $r(n, t, r, s) {
-  const i = (c) => hn(c, t, r, s);
+  const i = (a) => hn(a, t, r, s);
   hn(n, t, r, s), r.classList.add("dragging"), window.addEventListener("mousemove", i), window.addEventListener("mouseup", l);
   function l() {
     r.classList.remove("dragging"), window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", l);
@@ -4138,7 +4140,7 @@ function xn(n, t, r, s) {
   s(o), qn(r, l);
 }
 function Fr(n, t, r, s) {
-  const i = (c) => xn(c, r, t, s);
+  const i = (a) => xn(a, r, t, s);
   xn(n, r, t, s), t.classList.add("dragging"), window.addEventListener("mousemove", i), window.addEventListener("mouseup", l);
   function l() {
     t.classList.remove("dragging"), window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", l);
@@ -4173,15 +4175,15 @@ const Vr = [
   onAddColor: s,
   autoHide: i,
   defaultColor: l,
-  userColors: c = [],
+  userColors: a = [],
   width: o = 310,
-  height: a = "auto"
+  height: c = "auto"
 }) => {
-  const d = Y(null), u = Y(null), m = Y(null), h = Y(null), [x, f] = g(Tr(t)), [j, p] = g(!1), [_, y] = g(
+  const d = Y(null), u = Y(null), m = Y(null), h = Y(null), [x, f] = g(Tr(t)), [j, _] = g(!1), [p, y] = g(
     `#${ke(Le(x))}`
   ), N = oe(() => Le(x), [x]), C = oe(() => `#${ke(N)}`, [N]), S = oe(
-    () => _[0] !== "#" ? `#${_}` : _,
-    [_]
+    () => p[0] !== "#" ? `#${p}` : p,
+    [p]
   );
   V(() => {
     !m.current || !d.current || !u.current || !h.current || T(
@@ -4219,13 +4221,13 @@ const Vr = [
       });
     }));
   }, []), V(() => {
-    if (_.length === 4 || _.length === 7)
+    if (p.length === 4 || p.length === 7)
       try {
-        f(De(Ne(_)));
+        f(De(Ne(p)));
       } catch {
         console.warn("Invalid HEX color");
       }
-  }, [_]);
+  }, [p]);
   const T = (b, D, M, E, U) => {
     try {
       const I = b.getBoundingClientRect(), H = M.getBoundingClientRect(), G = Math.round(U.s * I.width), v = Math.round((1 - U.v) * I.height), L = (360 - U.h * 360) / 360 * H.height;
@@ -4240,8 +4242,8 @@ const Vr = [
       console.warn("Invalid color format");
     }
   }, B = k(() => {
-    s == null || s([...c, C]);
-  }, [s, c, C]), w = k(() => {
+    s == null || s([...a, C]);
+  }, [s, a, C]), w = k(() => {
     r == null || r(C), i && (n == null || n());
   }, [r, C]), W = k(
     (b, D) => {
@@ -4260,7 +4262,7 @@ const Vr = [
       className: "color-picker-panel",
       onHide: n,
       clearStyle: !0,
-      style: { width: o, height: a },
+      style: { width: o, height: c },
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "panel-row", style: { padding: 0 }, children: [
           /* @__PURE__ */ e.jsx("div", { className: "swatches default-swatches", children: Vr.map((b, D) => /* @__PURE__ */ e.jsx(
@@ -4357,15 +4359,15 @@ const Vr = [
             "button",
             {
               className: "button-color-picker mode-toggle",
-              onClick: () => p((b) => !b),
+              onClick: () => _((b) => !b),
               "aria-label": `Switch to ${j ? "RGB" : "HEX"} mode`,
               children: "Mode"
             }
           )
         ] }),
-        c.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "panel-row", style: { padding: 0 }, children: [
+        a.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "panel-row", style: { padding: 0 }, children: [
           /* @__PURE__ */ e.jsx("h2", { className: "panel-header", children: "User Colors" }),
-          /* @__PURE__ */ e.jsx("div", { id: "user-swatches", className: "swatches custom-swatches", children: c.map((b, D) => /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx("div", { id: "user-swatches", className: "swatches custom-swatches", children: a.map((b, D) => /* @__PURE__ */ e.jsx(
             "button",
             {
               onClick: () => P(b),
@@ -4424,9 +4426,9 @@ const Vr = [
   value: s = "#f00",
   className: i = "",
   transparent: l = !1,
-  userColors: c = [],
+  userColors: a = [],
   onAddColor: o,
-  defaultColor: a,
+  defaultColor: c,
   placeholder: d
 }) => {
   const [u, m] = g(!1), [h, x] = g(s);
@@ -4440,9 +4442,9 @@ const Vr = [
       x(y), t == null || t(y), m(!1);
     },
     [t]
-  ), p = k(() => {
+  ), _ = k(() => {
     m(!1);
-  }, []), _ = [
+  }, []), p = [
     "input-field",
     "color-field",
     n ? "input-field_border" : "",
@@ -4450,7 +4452,7 @@ const Vr = [
     i
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs("div", { className: _, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: p, children: [
       /* @__PURE__ */ e.jsxs("div", { className: "color-indicator-field", children: [
         /* @__PURE__ */ e.jsx(
           "div",
@@ -4477,12 +4479,12 @@ const Vr = [
     u && /* @__PURE__ */ e.jsx(_e, { container: r, children: /* @__PURE__ */ e.jsx(
       Or,
       {
-        defaultColor: a,
-        userColors: c,
+        defaultColor: c,
+        userColors: a,
         onAddColor: o,
         onChange: j,
         beginColor: h,
-        onHide: p
+        onHide: _
       }
     ) })
   ] });
@@ -4500,7 +4502,7 @@ const Vr = [
   "November",
   "December"
 ], Dr = () => Array(Ar - fn).fill(0).map((n, t) => fn + t), Ir = ({ onChange: n, onHide: t }) => {
-  const [r] = g(me[(/* @__PURE__ */ new Date()).getMonth()]), [s] = g((/* @__PURE__ */ new Date()).getFullYear()), [i] = g((/* @__PURE__ */ new Date()).getDate()), [l, c] = g(me[(/* @__PURE__ */ new Date()).getMonth()]), [o, 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, a] = g(me[(/* @__PURE__ */ new Date()).getMonth()]), [o, c] = g((/* @__PURE__ */ new Date()).getFullYear()), [d, u] = g({
     day: (/* @__PURE__ */ new Date()).getDate(),
     type: "NOW_MONTH"
     /* NOW_MONTH */
@@ -4510,16 +4512,16 @@ const Vr = [
   ), x = (C, S) => new Date(C, S + 1, 0).getDate(), f = (C, S, T) => new Date(C, S, T).getDay(), j = (C, S) => {
     let T = Array(x(C, S)).fill(0).map((W, O) => ({ type: "NOW_MONTH", day: O + 1 })), P = f(C, S, x(C, S)), B = Array(7 - P).fill(0).map((W, O) => ({ type: "NEXT_MONTH", day: O + 1 }));
     return T = Array(f(C, S, 0)).fill(0).map((W, O) => ({ type: "PREV_MONTH", day: x(S ? C : C - 1, S ? S - 1 : 11) - O })).reverse().concat(T).concat(B), T;
-  }, p = (C) => {
+  }, _ = (C) => {
     h(
       "DAYS"
       /* DAYS */
-    ), a(C);
-  }, _ = (C) => {
+    ), c(C);
+  }, p = (C) => {
     h(
       "DAYS"
       /* DAYS */
-    ), c(C);
+    ), a(C);
   }, y = (C) => {
     u(C);
   }, N = k(() => {
@@ -4545,10 +4547,10 @@ const Vr = [
         /* @__PURE__ */ e.jsx(Ie, {})
       ] }) })
     ] }),
-    m === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: me.map((C, S) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => _(C), children: [
+    m === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: me.map((C, S) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => p(C), children: [
       /* @__PURE__ */ e.jsx("div", { className: "status-container", children: l === C ? /* @__PURE__ */ e.jsx(pe, {}) : null }),
       /* @__PURE__ */ e.jsx("div", { className: "content", children: C })
-    ] }, S)) }) : m === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: Dr().map((C, S) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => p(C), children: [
+    ] }, S)) }) : m === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: Dr().map((C, S) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => _(C), children: [
       /* @__PURE__ */ e.jsx("div", { className: "status-container", children: o === C ? /* @__PURE__ */ e.jsx(pe, {}) : null }),
       /* @__PURE__ */ e.jsx("div", { className: "content", children: C })
     ] }, S)) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -4575,9 +4577,9 @@ const Vr = [
   value: s,
   className: i,
   error: l,
-  container: c,
+  container: a,
   errorText: o,
-  helperText: a,
+  helperText: c,
   size: d = "medium",
   disabled: u,
   placeholder: m,
@@ -4586,7 +4588,7 @@ const Vr = [
   onClear: f,
   ...j
 }) => {
-  const [p, _] = g(s ?? ""), [y, N] = g(!1), [C, S] = g(!1), [T, P] = g(!!s), B = Be(), w = l || o, W = () => {
+  const [_, p] = g(s ?? ""), [y, N] = g(!1), [C, S] = g(!1), [T, P] = g(!!s), B = Be(), w = l || o, W = () => {
     N(!0);
   }, O = (I) => {
     let H = String(I + 1);
@@ -4599,13 +4601,13 @@ const Vr = [
   }, D = (I) => {
     h == null || h(I), S(!1), P(!!I.target.value);
   }, M = k(() => {
-    _(""), f == null || f(), t == null || t("");
+    p(""), f == null || f(), t == null || t("");
   }, [f, t]);
   V(() => {
     P(!!s);
   }, [s]);
   const E = k((I, H, G) => {
-    _(`${I}-${O(H)}-${A(G)}`), t && t(`${I}-${O(H)}-${A(G)}`);
+    p(`${I}-${O(H)}-${A(G)}`), t && t(`${I}-${O(H)}-${A(G)}`);
   }, [t]), U = {
     small: "input-field__date-field_small",
     medium: "input-field__date-field_medium",
@@ -4631,7 +4633,7 @@ const Vr = [
             type: "date",
             role: "textbox",
             name: r,
-            value: p,
+            value: _,
             onBlur: D,
             onFocus: b,
             readOnly: !0,
@@ -4650,14 +4652,14 @@ const Vr = [
           }
         )
       ] }),
-      f && p && !u && /* @__PURE__ */ e.jsx("div", { className: `
+      f && _ && !u && /* @__PURE__ */ e.jsx("div", { className: `
             input-field__icon-container 
             input-field__icon-container_clear-btn
             `, onClick: M, children: /* @__PURE__ */ e.jsx(ie, { "aria-label": "Clear input" }) })
     ] }),
-    y ? /* @__PURE__ */ e.jsx(_e, { container: c, children: /* @__PURE__ */ e.jsx(Ir, { onChange: E, onHide: () => N(!1) }) }) : null,
+    y ? /* @__PURE__ */ e.jsx(_e, { container: a, children: /* @__PURE__ */ e.jsx(Ir, { onChange: E, onHide: () => N(!1) }) }) : null,
     w && o && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__error-text", children: o }),
-    a && !w && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__helper-text", children: a })
+    c && !w && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__helper-text", children: c })
   ] });
 }, zr = {
   Mon: "Mon",
@@ -4678,25 +4680,25 @@ const Vr = [
   V(() => {
     t && l(t);
   }, [t]);
-  const c = k((a) => (d) => {
+  const a = k((c) => (d) => {
     l((u) => {
-      const m = d.target.checked ? [...u, a] : u.filter((h) => h !== a);
+      const m = d.target.checked ? [...u, c] : u.filter((h) => h !== c);
       return n == null || n(m), m;
     });
-  }, [n]), o = k((a) => i.includes(a), [i]);
-  return /* @__PURE__ */ e.jsx("div", { className: `days-week-field-container ${r}`, children: Pr.map((a) => /* @__PURE__ */ e.jsxs("label", { className: "day-of-week-label", children: [
+  }, [n]), o = k((c) => i.includes(c), [i]);
+  return /* @__PURE__ */ e.jsx("div", { className: `days-week-field-container ${r}`, children: Pr.map((c) => /* @__PURE__ */ e.jsxs("label", { className: "day-of-week-label", children: [
     /* @__PURE__ */ e.jsx(
       "input",
       {
         type: "checkbox",
-        onChange: c(a),
-        checked: o(a),
-        "aria-label": s[a] || a
+        onChange: a(c),
+        checked: o(c),
+        "aria-label": s[c] || c
       }
     ),
-    /* @__PURE__ */ e.jsx("span", { children: s[a] || a }),
+    /* @__PURE__ */ e.jsx("span", { children: s[c] || c }),
     " "
-  ] }, a)) });
+  ] }, c)) });
 });
 Br.displayName = "DayOfWeekField";
 const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn = (n, t = ",") => n.join(t), Gr = ({
@@ -4706,9 +4708,9 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
   border: s = !1,
   placeholder: i = "Добавить значение",
   addButtonLabel: l = "Добавить",
-  separator: c = ",",
+  separator: a = ",",
   disabled: o = !1,
-  className: a,
+  className: c,
   ariaLabel: d = "Добавление нового элемента",
   chipsAriaLabel: u = "Список элементов",
   id: m,
@@ -4716,27 +4718,27 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
   errorText: x,
   helperText: f
 }) => {
-  const [j, p] = g([]), [_, y] = g(""), [N, C] = g(null);
+  const [j, _] = g([]), [p, y] = g(""), [N, C] = g(null);
   V(() => {
-    p(Wr(t, c));
-  }, [t, c]);
+    _(Wr(t, a));
+  }, [t, a]);
   const S = (w) => {
     y(w);
   }, T = (w) => {
     w.key === "Enter" && (w.preventDefault(), P());
   }, P = k(() => {
-    if (_.trim() === "" || j.includes(_.trim()))
+    if (p.trim() === "" || j.includes(p.trim()))
       return;
-    const w = [...j, _.trim()];
-    p(w), r == null || r(jn(w, c)), y(""), C(w.length - 1);
-  }, [j, _, r, c]), B = (w) => {
+    const w = [...j, p.trim()];
+    _(w), r == null || r(jn(w, a)), y(""), C(w.length - 1);
+  }, [j, p, r, a]), B = (w) => {
     const W = j.filter((O, A) => A !== w);
-    p(W), r == null || r(jn(W, c)), C(w > 0 ? w - 1 : null);
+    _(W), r == null || r(jn(W, a)), C(w > 0 ? w - 1 : null);
   };
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: `more-text ${a ?? ""}`,
+      className: `more-text ${c ?? ""}`,
       style: { minWidth: n },
       id: m,
       children: [
@@ -4745,7 +4747,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
           {
             onChange: S,
             onKeyDown: T,
-            value: _,
+            value: p,
             border: s,
             placeholder: i,
             error: h,
@@ -4790,7 +4792,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
                 {
                   onClick: P,
                   className: "more-text-btn",
-                  disabled: o || !_.trim(),
+                  disabled: o || !p.trim(),
                   "aria-label": `${l} элемент`,
                   children: l
                 }
@@ -4809,9 +4811,9 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
   readOnly: s,
   border: i,
   onClear: l,
-  icon: c,
+  icon: a,
   onChange: o,
-  name: a,
+  name: c,
   value: d,
   placeholder: u,
   className: m,
@@ -4819,8 +4821,8 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
   onFocus: x,
   onBlur: f,
   error: j,
-  max: p,
-  min: _,
+  max: _,
+  min: p,
   size: y = "medium",
   disabled: N,
   step: C = 1,
@@ -4842,22 +4844,22 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
   }, [o]), L = k(() => {
     I((z) => {
       let Z = z ? z + C : C;
-      return typeof p == "number" && Z > p && (Z = p), v(Z, a), Z;
+      return typeof _ == "number" && Z > _ && (Z = _), v(Z, c), Z;
     });
-  }, [v, a, p, C]), R = k(() => {
+  }, [v, c, _, C]), R = k(() => {
     I((z) => {
       let Z = z ? z - C : -C;
-      return typeof _ == "number" && Z < _ && (Z = _), v(Z, a), Z;
+      return typeof p == "number" && Z < p && (Z = p), v(Z, c), Z;
     });
-  }, [v, a, _, C]), q = k((z) => {
+  }, [v, c, p, C]), q = k((z) => {
     if (z.target.value === "") {
       I("");
       return;
     }
     z.target.value.length > 1 && z.target.value[0] === "0" && ![",", "."].includes(z.target.value[1]) && (z.target.value = z.target.value.slice(1));
     let Z = Number(z.target.value);
-    typeof _ == "number" && Z < _ && (Z = _), typeof p == "number" && Z > p && (Z = p), I(Number(z.target.value)), v(Z, a);
-  }, [a, v, U, p, _]), Q = k(() => {
+    typeof p == "number" && Z < p && (Z = p), typeof _ == "number" && Z > _ && (Z = _), I(Number(z.target.value)), v(Z, c);
+  }, [c, v, U, _, p]), Q = k(() => {
     O.current && clearTimeout(O.current), A.current && clearInterval(A.current), document.removeEventListener("mouseup", Q);
   }, []), ne = k((z) => {
     z === "p" ? L() : z === "m" && R(), O.current && clearTimeout(O.current), A.current && clearInterval(A.current), document.addEventListener("mouseup", Q), O.current = setTimeout(() => {
@@ -4896,20 +4898,20 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
         "aria-disabled": N,
         "aria-invalid": M,
         children: [
-          c ? /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container", onClick: G, "aria-hidden": "true", children: c }) : null,
+          a ? /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container", onClick: G, "aria-hidden": "true", children: a }) : null,
           /* @__PURE__ */ e.jsxs("div", { ref: D, className: "input-field__input-container", onClick: G, children: [
             /* @__PURE__ */ e.jsx(
               "input",
               {
                 ref: n,
-                max: p,
+                max: _,
                 step: C,
-                min: _,
+                min: p,
                 readOnly: s,
                 required: !0,
                 type: "number",
                 className: `input-field__input-container__input ${M ? "input-field__input-container__input_error" : ""}`,
-                name: a,
+                name: c,
                 value: U,
                 onChange: q,
                 onFocus: x,
@@ -4994,9 +4996,9 @@ const Qn = te.forwardRef(
     transparent: s,
     readOnly: i,
     border: l,
-    onClear: c,
+    onClear: a,
     icon: o,
-    onChange: a,
+    onChange: c,
     name: d,
     value: u,
     placeholder: m,
@@ -5004,8 +5006,8 @@ const Qn = te.forwardRef(
     validEmptyValue: x,
     onFocus: f,
     onBlur: j,
-    error: p,
-    autoFocus: _,
+    error: _,
+    autoFocus: p,
     disabled: y,
     helperText: N,
     errorText: C,
@@ -5021,8 +5023,8 @@ const Qn = te.forwardRef(
     }, I = (G) => {
       j == null || j(G), A(!1), D(!!G.target.value);
     }, H = k(
-      (G, v) => W(!!(p || G && (!v || v === ""))),
-      [p]
+      (G, v) => W(!!(_ || G && (!v || v === ""))),
+      [_]
     );
     return V(() => {
       H(x, u), D(!!u);
@@ -5058,11 +5060,11 @@ const Qn = te.forwardRef(
                   value: u,
                   className: `input-field__input-container__input input-field__text-area__input-container__textarea ${w ? "input-field__input-container__input_error" : ""}`,
                   onClick: n,
-                  onChange: (G) => a == null ? void 0 : a(G.target.value, G.target.name, G),
+                  onChange: (G) => c == null ? void 0 : c(G.target.value, G.target.name, G),
                   onFocus: U,
                   onBlur: I,
                   onKeyDown: T,
-                  autoFocus: _,
+                  autoFocus: p,
                   "aria-invalid": w,
                   "aria-describedby": w ? `${d}-error` : void 0
                 }
@@ -5077,7 +5079,7 @@ const Qn = te.forwardRef(
                 }
               )
             ] }),
-            c && u && !y && /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container input-field__icon-container__clear-btn", onClick: c, children: /* @__PURE__ */ e.jsx(ie, { "aria-label": "Clear textarea" }) })
+            a && u && !y && /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container input-field__icon-container__clear-btn", onClick: a, children: /* @__PURE__ */ e.jsx(ie, { "aria-label": "Clear textarea" }) })
           ]
         }
       ),
@@ -5087,13 +5089,13 @@ const Qn = te.forwardRef(
   }
 );
 Qn.displayName = "TextArea";
-const Zr = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: i, onCancel: l, onOK: c }) => {
-  const [o, a] = g(!1), d = k((h) => {
-    n(h), a(!0);
+const Zr = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: i, onCancel: l, onOK: a }) => {
+  const [o, c] = g(!1), d = k((h) => {
+    n(h), c(!0);
   }, [n]), u = k((h) => {
-    t(h), a(!1);
+    t(h), c(!1);
   }, [t]), m = k(() => {
-    a(!1), l();
+    c(!1), l();
   }, []);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("div", { className: "time-type", children: /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "Select time" }) }),
@@ -5112,7 +5114,7 @@ const Zr = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: i, o
     /* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
       /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => r(), children: /* @__PURE__ */ e.jsx(Rn, {}) }),
       /* @__PURE__ */ e.jsx(de, { className: "little", onClick: m, children: "Cancel" }),
-      /* @__PURE__ */ e.jsx(de, { className: "little", onClick: c, children: "OK" })
+      /* @__PURE__ */ e.jsx(de, { className: "little", onClick: a, children: "OK" })
     ] })
   ] });
 };
@@ -5168,11 +5170,11 @@ function Ur({ setMinutes: n }) {
     /* @__PURE__ */ e.jsx("span", { className: "center" })
   ] });
 }
-const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, onCancel: l, onOK: c }) => {
+const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, onCancel: l, onOK: a }) => {
   const o = (d) => {
     let u = Number(d.target.value);
     u < 0 && (u = 0), u > 23 && (u = 23), n(u);
-  }, a = (d) => {
+  }, c = (d) => {
     let u = Number(d.target.value);
     u < 0 && (u = 0), u > 59 && (u = 59), t(u);
   };
@@ -5185,25 +5187,25 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "time-separator", children: ":" }),
       /* @__PURE__ */ e.jsxs("div", { className: "time-input minutes", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { type: "number", value: s, min: 0, max: 59, onChange: a }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "input-container", children: /* @__PURE__ */ e.jsx("input", { type: "number", value: s, min: 0, max: 59, onChange: c }) }),
         /* @__PURE__ */ e.jsx("span", { className: "text-sm", children: "Minute" })
       ] })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
       /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => r(), children: /* @__PURE__ */ e.jsx(en, {}) }),
       /* @__PURE__ */ e.jsx(de, { className: "little", onClick: l, children: "Cancel" }),
-      /* @__PURE__ */ e.jsx(de, { className: "little", onClick: c, children: "OK" })
+      /* @__PURE__ */ e.jsx(de, { className: "little", onClick: a, children: "OK" })
     ] })
   ] });
 }, Kr = (n) => {
-  const [t, r] = g(n.minutes ?? 0), [s, i] = g(n.hours ?? 0), [l, c] = g(!0), o = () => {
+  const [t, r] = g(n.minutes ?? 0), [s, i] = g(n.hours ?? 0), [l, a] = g(!0), o = () => {
     n.onHide && n.onHide(), r(0), i(0);
-  }, a = k((u) => {
+  }, c = k((u) => {
     r(u), n.onChange && n.onChange(s, u), n.onHide && n.onHide();
   }, [s]), d = k(() => {
     n.onChange && n.onChange(s, t), n.onHide && n.onHide();
   }, [s, t]);
-  return l ? /* @__PURE__ */ e.jsx(Ee, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Zr, { setMinutes: a, setHours: i, minutes: t, hours: s, switchMode: () => c(!1), onCancel: o, onOK: d }) }) : /* @__PURE__ */ e.jsx(Ee, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Xr, { setMinutes: r, setHours: i, minutes: t, hours: s, switchMode: () => c(!0), onCancel: o, onOK: d }) });
+  return l ? /* @__PURE__ */ e.jsx(Ee, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Zr, { setMinutes: c, setHours: i, minutes: t, hours: s, switchMode: () => a(!1), onCancel: o, onOK: d }) }) : /* @__PURE__ */ e.jsx(Ee, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Xr, { setMinutes: r, setHours: i, minutes: t, hours: s, switchMode: () => a(!0), onCancel: o, onOK: d }) });
 }, qr = {
   small: "input-field__time-field_small",
   medium: "input-field__time-field_medium",
@@ -5215,9 +5217,9 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
   value: s = "",
   className: i = "",
   validEmptyValue: l,
-  error: c,
+  error: a,
   container: o,
-  disabled: a = !1,
+  disabled: c = !1,
   errorText: d,
   helperText: u,
   ariaLabel: m,
@@ -5225,12 +5227,12 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
   ariaLabelledby: x,
   placeholder: f,
   onBlur: j,
-  onFocus: p,
-  onClear: _,
+  onFocus: _,
+  onClear: p,
   style: y,
   ...N
 }) => {
-  const [C, S] = g(s), [T, P] = g(!1), [B, w] = g(!1), [W, O] = g(!!s), A = Be(), b = c || !!d;
+  const [C, S] = g(s), [T, P] = g(!1), [B, w] = g(!1), [W, O] = g(!!s), A = Be(), b = a || !!d;
   V(() => {
     S(s);
   }, [s]);
@@ -5238,14 +5240,14 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
     const Q = String(R).padStart(2, "0"), ne = String(q).padStart(2, "0"), J = `${Q}:${ne}`;
     S(J), t == null || t(J);
   }, E = () => {
-    a || P(!0);
+    c || P(!0);
   }, U = (R) => {
-    p == null || p(R), w(!0);
+    _ == null || _(R), w(!0);
   }, I = (R) => {
     j == null || j(R), w(!1), O(!!R.target.value);
   }, H = k(() => {
-    S(""), _ == null || _(), t == null || t("");
-  }, [_, t]);
+    S(""), p == null || p(), t == null || t("");
+  }, [p, t]);
   V(() => {
     O(!!s);
   }, [s]);
@@ -5278,9 +5280,9 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
           ${n ? "input-field_border" : ""} 
           ${B ? "input-field_active" : ""} 
           ${b ? "input-field_error" : ""} 
-          ${a ? "input-field_disabled" : ""}
+          ${c ? "input-field_disabled" : ""}
           `,
-        "aria-disabled": a,
+        "aria-disabled": c,
         style: y,
         children: [
           /* @__PURE__ */ e.jsx(
@@ -5290,7 +5292,7 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
               onClick: E,
               "aria-label": "Открыть пикер времени",
               role: "button",
-              tabIndex: a ? -1 : 0,
+              tabIndex: c ? -1 : 0,
               onKeyDown: (R) => R.key === "Enter" && E(),
               children: /* @__PURE__ */ e.jsx(en, {})
             }
@@ -5307,7 +5309,7 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
                 readOnly: !0,
                 onBlur: I,
                 onFocus: U,
-                disabled: a,
+                disabled: c,
                 "aria-labelledby": x,
                 "aria-invalid": b,
                 "aria-describedby": b && d ? `${r}-error` : u ? `${r}-helper` : void 0
@@ -5325,7 +5327,7 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
             ),
             /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__text-field-line" })
           ] }),
-          _ && C && !a && /* @__PURE__ */ e.jsx("div", { className: `
+          p && C && !c && /* @__PURE__ */ e.jsx("div", { className: `
             input-field__icon-container 
             input-field__icon-container_clear-btn
             `, onClick: H, children: /* @__PURE__ */ e.jsx(ie, { "aria-label": "Clear input" }) })
@@ -5348,14 +5350,14 @@ 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), c = Y(null), o = Y(null);
+  const [r, s] = g(0), [i, l] = g(!1), a = Y(null), o = Y(null);
   V(() => {
     t.value ? s(t.value) : s(0);
   }, [t.value]);
-  const a = (h) => {
+  const c = (h) => {
     s(Number(h.target.value)), t.onChange && t.onChange(h);
   }, d = (h, x, f) => {
-    if (c.current && o.current) {
+    if (a.current && o.current) {
       let j = Ye(o.current);
       if (j)
         return Qr(h, x, f, 0, f - x) * (j.width - 20) / (f - x);
@@ -5369,31 +5371,31 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
   return /* @__PURE__ */ e.jsx("div", { className: `range ${t.disabled ? "disabled" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "field", style: t.style, children: [
     t.showMinMax ? /* @__PURE__ */ e.jsx("div", { className: "value left", children: t.min ?? Ke }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "field-range-container", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "slider-value", ref: c, style: { width: d(r, t.min ?? Ke, t.max ?? qe) }, children: /* @__PURE__ */ e.jsx("div", { className: "slider-tooltip", style: { display: i ? "block" : "none" }, children: n && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx("div", { className: "slider-value", ref: a, style: { width: d(r, t.min ?? Ke, t.max ?? qe) }, children: /* @__PURE__ */ e.jsx("div", { className: "slider-tooltip", style: { display: i ? "block" : "none" }, children: n && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx("span", { className: "slider-tooltip-container" }),
         /* @__PURE__ */ e.jsx("span", { className: "slider-tooltip-value", children: r })
       ] }) }) }),
-      /* @__PURE__ */ e.jsx("input", { disabled: t.disabled, onMouseUp: t.onMouseUp, ref: o, step: t.step, type: "range", min: t.min ?? Ke, max: t.max ?? qe, onChange: a, value: r, onFocus: u, onBlur: m })
+      /* @__PURE__ */ e.jsx("input", { disabled: t.disabled, onMouseUp: t.onMouseUp, ref: o, step: t.step, type: "range", min: t.min ?? Ke, max: t.max ?? qe, onChange: c, value: r, onFocus: u, onBlur: m })
     ] }),
     t.showMinMax ? /* @__PURE__ */ e.jsx("div", { className: "value right", children: t.max ?? qe }) : null
   ] }) });
-}, Ks = ({ className: n, text: t, title: r, hexColor: s, hexBackground: i, style: l, btn: c }) => /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-sh-ui-kit-empty-page ${n ?? ""}`, style: { background: Jt(i), color: s, ...l }, children: [
+}, Ks = ({ className: n, text: t, title: r, hexColor: s, hexBackground: i, style: l, btn: a }) => /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-sh-ui-kit-empty-page ${n ?? ""}`, style: { background: Jt(i), color: s, ...l }, children: [
   /* @__PURE__ */ e.jsx("h2", { children: r }),
   t ? /* @__PURE__ */ e.jsx("p", { children: t }) : null,
-  c ? /* @__PURE__ */ e.jsx(ye, { styleType: c.styleType ?? "filled", style: c.style, className: c.className, onClick: c.onClick, children: c.text }) : null
-] }), es = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent: l, onlyStringValue: c }) => {
-  const [o, a] = g(""), [d, u] = g(""), [m, h] = g(!1), [x, f] = g(!0), j = k((N, C) => {
+  a ? /* @__PURE__ */ e.jsx(ye, { styleType: a.styleType ?? "filled", style: a.style, className: a.className, onClick: a.onClick, children: a.text }) : null
+] }), es = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent: l, onlyStringValue: a }) => {
+  const [o, c] = g(""), [d, u] = g(""), [m, h] = g(!1), [x, f] = g(!0), j = k((N, C) => {
     s({ ...r, [C]: N });
-  }, [s, r]), p = k(() => {
-    u(""), a(""), h(!1);
-  }, []), _ = k(() => {
+  }, [s, r]), _ = k(() => {
+    u(""), c(""), h(!1);
+  }, []), p = k(() => {
     let N = d;
     try {
-      c || (N = JSON.parse(N));
+      a || (N = JSON.parse(N));
     } catch {
     }
-    p(), s({ ...r, [o]: N });
-  }, [r, s, o, d, p]), y = k((N) => {
+    _(), s({ ...r, [o]: N });
+  }, [r, s, o, d, _]), y = k((N) => {
     let C = { ...r };
     delete C[N], s(C);
   }, [r, s]);
@@ -5411,36 +5413,36 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
       (N, C) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: () => y(N), onChange: (S) => j(S, N), name: N, data: r[N] }) }, C)
     ) : null }) : null,
     m && !n ? /* @__PURE__ */ e.jsxs("div", { className: "json-object-content", children: [
-      /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: o.length || 10, placeholder: "key", onChange: (N) => a(N.target.value), className: "json-base-data-input", type: "text", value: o }) }),
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: o.length || 10, placeholder: "key", onChange: (N) => c(N.target.value), className: "json-base-data-input", type: "text", value: o }) }),
       ":",
       /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: d.length || 10, placeholder: "value", onChange: (N) => u(N.target.value), className: "json-base-data-input", type: "text", value: d }) }),
-      /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: _, children: "save" }),
-      /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-cancel json-base-data-btn", onClick: p, children: "cancel" })
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: p, children: "save" }),
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-cancel json-base-data-btn", onClick: _, children: "cancel" })
     ] }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "json-line", children: [
       "}",
       !n && !l ? /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: i, children: /* @__PURE__ */ e.jsx(Ge, {}) }) : null
     ] })
   ] }) });
-}, ns = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent: l, onlyStringValue: c }) => {
-  const [o, a] = g(""), [d, u] = g(!1), [m, h] = g(!0), x = k((_, y) => {
+}, ns = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent: l, onlyStringValue: a }) => {
+  const [o, c] = g(""), [d, u] = g(!1), [m, h] = g(!0), x = k((p, y) => {
     const N = r.slice();
-    N[y] = _, s(N);
+    N[y] = p, s(N);
   }, [s, r]), f = k(() => {
-    a(""), u(!1);
+    c(""), u(!1);
   }, []), j = k(() => {
-    let _ = o;
+    let p = o;
     try {
-      c || (_ = JSON.parse(_));
+      a || (p = JSON.parse(p));
     } catch {
     }
-    f(), s([...r, _]);
-  }, [r, s, o, f]), p = k((_) => {
-    s(r.filter((y, N) => N !== _));
+    f(), s([...r, p]);
+  }, [r, s, o, f]), _ = k((p) => {
+    s(r.filter((y, N) => N !== p));
   }, [r, s]);
   return /* @__PURE__ */ e.jsx("div", { className: `json-card-container ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "json-line json-object-header", children: [
-      /* @__PURE__ */ e.jsxs("span", { className: "json-object-name json-object-header", onClick: () => h((_) => !_), children: [
+      /* @__PURE__ */ e.jsxs("span", { className: "json-object-name json-object-header", onClick: () => h((p) => !p), children: [
         t,
         ":",
         "[",
@@ -5448,9 +5450,9 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
       ] }),
       n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: () => u(!0), children: /* @__PURE__ */ e.jsx(rn, {}) })
     ] }),
-    m ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r && r.map((_, y) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: () => p(y), onChange: (N) => x(N, y), name: String(y), data: _ }) }, y)) }) : null,
+    m ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r && r.map((p, y) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: () => _(y), onChange: (N) => x(N, y), name: String(y), data: p }) }, y)) }) : null,
     d ? /* @__PURE__ */ e.jsxs("div", { className: "json-object-content", children: [
-      /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: o.length || 10, placeholder: "value", onChange: (_) => a(_.target.value), className: "json-base-data-input", type: "text", value: o }) }),
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: o.length || 10, placeholder: "value", onChange: (p) => c(p.target.value), className: "json-base-data-input", type: "text", value: o }) }),
       /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: j, children: "save" }),
       /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-cancel json-base-data-btn", onClick: f, children: "cancel" })
     ] }) : null,
@@ -5460,8 +5462,8 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
     ] })
   ] }) });
 }, ts = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i }) => {
-  const l = k((c) => {
-    s(c.target.value);
+  const l = k((a) => {
+    s(a.target.value);
   }, [s]);
   return /* @__PURE__ */ e.jsx("div", { className: `json-card-container ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("div", { className: "json-line", children: [
     /* @__PURE__ */ e.jsx("span", { className: "json-object-name", children: t }),
@@ -5473,11 +5475,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: c }) => typeof r == "boolean" || typeof r == "number" || typeof r == "string" ? /* @__PURE__ */ e.jsx(ts, { readonly: n, onDelete: i, onChange: s, data: r, name: t }) : r ? Array.isArray(r) ? /* @__PURE__ */ e.jsx(ns, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: l === "ARRAY", onlyStringValue: c }) : /* @__PURE__ */ e.jsx(es, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: l === "OBJECT", onlyStringValue: c }) : null, qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: l = et.NONE, onlyStringValue: c }) => {
-  const [o, a] = g(r || void 0), [d, u] = g(""), m = k((f) => {
-    n || (a(f), s && s(f));
+const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: l, onlyStringValue: a }) => 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: a }) : /* @__PURE__ */ e.jsx(es, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: l === "OBJECT", onlyStringValue: a }) : null, qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: l = et.NONE, onlyStringValue: a }) => {
+  const [o, c] = g(r || void 0), [d, u] = g(""), m = k((f) => {
+    n || (c(f), s && s(f));
   }, [s]), h = k(() => {
-    n || (a(void 0), i && i());
+    n || (c(void 0), i && i());
   }, [i]), x = k(() => {
     if (n)
       return;
@@ -5486,33 +5488,33 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
       f = JSON.parse(f);
     } catch {
     }
-    a(f), s && s(f);
+    c(f), s && s(f);
   }, [s, d]);
   return V(() => {
-    a(r);
+    c(r);
   }, [r]), !o && n ? /* @__PURE__ */ e.jsx("div", { className: `json-object-content ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: "value" }) }) : o ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(on, { transparent: !0, text: JSON.stringify(r) }),
-    /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: h, onChange: m, data: o, baseType: l, name: t, onlyStringValue: c })
+    /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: h, onChange: m, data: o, baseType: l, name: t, onlyStringValue: a })
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: `json-object-content ${n ? "" : "changeable"}`, children: [
     /* @__PURE__ */ e.jsx(on, { transparent: !0, text: JSON.stringify(r) }),
     /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: d.length || 10, placeholder: "value", onChange: (f) => u(f.target.value), className: "alex-evo-sh-ui-kit-json json-base-data-input", type: "text", value: d }) }),
     /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: x, children: "save" })
   ] });
 }, Js = ({ btn: n, btnComponent: t, onSearch: r, placeholder: s, autoChenge: i, border: l = !1 }) => {
-  const c = Y(null), [o, a] = g(""), [d, u] = g(!1), m = () => {
-    c.current && (c.current.focus(), u(!0));
+  const a = Y(null), [o, c] = g(""), [d, u] = g(!1), m = () => {
+    a.current && (a.current.focus(), u(!0));
   }, h = () => {
-    c.current && (c.current.focus(), c.current.value = ""), a(""), u(!0), i && r("");
+    a.current && (a.current.focus(), a.current.value = ""), c(""), u(!0), i && r("");
   }, x = () => {
-    h(), c.current && (c.current.blur(), u(!1));
-  }, f = (p) => {
-    a(p.target.value), i && r(p.target.value);
-  }, j = (p) => {
-    p.code === "Enter" && r(o);
+    h(), a.current && (a.current.blur(), u(!1));
+  }, f = (_) => {
+    c(_.target.value), i && r(_.target.value);
+  }, j = (_) => {
+    _.code === "Enter" && r(o);
   };
   return /* @__PURE__ */ e.jsx("div", { className: `search-container ${l ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
     d ? /* @__PURE__ */ e.jsx("span", { onClick: x, children: /* @__PURE__ */ e.jsx(nn, {}) }) : n ? /* @__PURE__ */ e.jsx("span", { onClick: n.onClick, children: n.icon }) : t || null,
-    /* @__PURE__ */ e.jsx("input", { placeholder: s, type: "text", ref: c, onChange: f, onKeyDown: j, value: o, onFocus: () => u(!0) }),
+    /* @__PURE__ */ e.jsx("input", { placeholder: s, type: "text", ref: a, onChange: f, onKeyDown: j, value: o, onFocus: () => u(!0) }),
     d ? /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(ie, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: m, children: /* @__PURE__ */ e.jsx(tn, {}) })
   ] }) });
 }, rs = ({
@@ -5523,10 +5525,10 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
   onClose: i,
   point: l = { x: 50, y: 50 }
 }) => {
-  const c = Y(null);
+  const a = Y(null);
   if (V(() => {
     const d = (u) => {
-      s && c.current && !c.current.contains(u.target) && i();
+      s && a.current && !a.current.contains(u.target) && i();
     };
     return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
   }, [s, i]), !s) return null;
@@ -5536,12 +5538,12 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
       ...t,
       [d]: h
     });
-  }, a = {
+  }, c = {
     top: `${l.y}px`,
     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: c, children: n.map(({ name: d, options: u }, m) => /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: 16 }, children: [
+  return /* @__PURE__ */ e.jsx(We, { onHide: i, children: /* @__PURE__ */ e.jsx(pr, { className: "multi-filter", style: c, children: /* @__PURE__ */ e.jsx("div", { ref: a, 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(X, { type: "title-2", weight: "bold", children: d }),
     /* @__PURE__ */ e.jsx("div", { className: "filter-block", children: u.map((h) => /* @__PURE__ */ e.jsxs("label", { className: "filter-field", children: [
@@ -5563,18 +5565,18 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
   filters: s,
   selectedFilters: i,
   onChangeFilter: l,
-  border: c = !1
+  border: a = !1
 }) => {
-  const o = Y(null), [a, d] = g(""), [u, m] = g(!1), [h, x] = g(null), f = () => {
+  const o = Y(null), [c, d] = g(""), [u, m] = g(!1), [h, x] = g(null), f = () => {
     o.current && (o.current.focus(), m(!0));
   }, j = () => {
     o.current && (o.current.focus(), o.current.value = ""), d(""), m(!0), r && n("");
-  }, p = () => {
+  }, _ = () => {
     j(), o.current && (o.current.blur(), m(!1));
-  }, _ = (C) => {
+  }, p = (C) => {
     d(C.target.value), r && n(C.target.value);
   }, y = (C) => {
-    C.code === "Enter" && n(a);
+    C.code === "Enter" && n(c);
   }, N = (C) => {
     const S = C.currentTarget.getBoundingClientRect();
     x({
@@ -5584,21 +5586,21 @@ 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 ${c ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
-      u ? /* @__PURE__ */ e.jsx("span", { onClick: p, children: /* @__PURE__ */ e.jsx(nn, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: N, children: /* @__PURE__ */ e.jsx(On, {}) }),
-      /* @__PURE__ */ e.jsx("input", { placeholder: t, type: "text", ref: o, onChange: _, onKeyDown: y, value: a, onFocus: () => m(!0) }),
+    /* @__PURE__ */ e.jsx("div", { className: `search-container ${a ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
+      u ? /* @__PURE__ */ e.jsx("span", { onClick: _, children: /* @__PURE__ */ e.jsx(nn, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: N, children: /* @__PURE__ */ e.jsx(On, {}) }),
+      /* @__PURE__ */ e.jsx("input", { placeholder: t, type: "text", ref: o, onChange: p, onKeyDown: y, value: c, onFocus: () => m(!0) }),
       u ? /* @__PURE__ */ e.jsx("span", { onClick: j, children: /* @__PURE__ */ e.jsx(ie, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: f, children: /* @__PURE__ */ e.jsx(tn, {}) })
     ] }) }),
     /* @__PURE__ */ e.jsx(_e, { container: document.body, children: /* @__PURE__ */ e.jsx(rs, { point: h ?? void 0, onClose: () => x(null), isOpen: !!h, filters: s, selectedFilters: i, onChange: l }) })
   ] });
 }, ss = ({ visible: n, text: t, option: r }) => {
-  const [s, i] = g(n), [l, c] = g(!1);
+  const [s, i] = g(n), [l, a] = g(!1);
   V(() => {
-    n ? (i(!0), setTimeout(() => c(!0), 10)) : (c(!1), setTimeout(() => i(!1), 300));
+    n ? (i(!0), setTimeout(() => a(!0), 10)) : (a(!1), setTimeout(() => i(!1), 300));
   }, [n]);
   const o = () => {
-    var a;
-    return (a = r == null ? void 0 : r.onHide) == null ? void 0 : a.call(r);
+    var c;
+    return (c = r == null ? void 0 : r.onHide) == null ? void 0 : c.call(r);
   };
   return s ? /* @__PURE__ */ e.jsxs(
     "div",
@@ -5623,17 +5625,17 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
   density: s = "normal",
   className: i = "",
   text: l,
-  style: c,
+  style: a,
   onClick: o,
-  onContextMenu: a,
+  onContextMenu: c,
   ...d
 }) => {
-  const u = Y(null), m = Y(null), [h, x] = g(!1), f = n === "heading" || n === "title" || n === "title-2", j = f ? "h3" : "span", p = {
+  const u = Y(null), m = Y(null), [h, x] = g(!1), f = n === "heading" || n === "title" || n === "title-2", j = f ? "h3" : "span", _ = {
     fontSize: bn(n, t),
     fontWeight: kn(n, r),
     lineHeight: yn(n, s, t),
-    ...c
-  }, _ = f ? "typography-heading" : "typography-text", y = k(() => {
+    ...a
+  }, p = f ? "typography-heading" : "typography-text", y = k(() => {
     if (!u.current || !m.current) return;
     const N = u.current.clientWidth, C = m.current.scrollWidth;
     x(N < C);
@@ -5646,14 +5648,14 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
       {
         ref: u,
         onClick: o,
-        onContextMenu: a,
+        onContextMenu: c,
         className: `runing-text ${h ? "runing" : ""}`,
         children: /* @__PURE__ */ e.jsx(
           j,
           {
             ...d,
-            style: p,
-            className: `${_} ${i}`,
+            style: _,
+            className: `${p} ${i}`,
             children: h ? `| ${l} | ${l}` : l
           }
         )
@@ -5668,9 +5670,9 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
           visibility: "hidden",
           height: "auto",
           whiteSpace: "nowrap",
-          ...p
+          ..._
         },
-        className: `${_} ${i}`,
+        className: `${p} ${i}`,
         children: l
       }
     )
@@ -5691,9 +5693,9 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     items: s,
     onChange: i,
     value: l,
-    placeholder: c,
+    placeholder: a,
     className: o,
-    border: a,
+    border: c,
     name: d,
     error: u,
     onBlur: m,
@@ -5701,11 +5703,11 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     container: x = document.body,
     size: f = "medium",
     transparent: j,
-    helperText: p,
-    errorText: _,
+    helperText: _,
+    errorText: p,
     disabled: y
   }, N) => {
-    const [C, S] = g(""), [T, P] = g({ x: 0, y: 0, width: 100 }), [B, w] = g(!1), W = !!(u || _);
+    const [C, S] = g(""), [T, P] = g({ x: 0, y: 0, width: 100 }), [B, w] = g(!1), W = !!(u || p);
     V(() => {
       S(pn(s, l ?? ""));
     }, [l, s]);
@@ -5726,7 +5728,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
                 input-field 
                 input-field__text-field 
                 ${D[f]}
-                ${a ? "input-field_border" : ""} 
+                ${c ? "input-field_border" : ""} 
                 ${B ? "input-field_active" : ""} 
                 ${j ? "input-field_transparent" : ""} 
                 ${W ? "input-field_error" : ""} 
@@ -5747,17 +5749,17 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
             readOnly: !0
           }
         ),
-        /* @__PURE__ */ e.jsx("label", { className: "input-field__input-container__label", children: c ? /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: c }) : null })
+        /* @__PURE__ */ e.jsx("label", { className: "input-field__input-container__label", children: a ? /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: a }) : null })
       ] }) }),
-      W && _ && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__error-text", children: _ }),
-      p && !W && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__helper-text", children: p }),
+      W && p && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__error-text", children: p }),
+      _ && !W && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__helper-text", children: _ }),
       /* @__PURE__ */ e.jsx(Pn, { marginBottom: r === ee.MOBILE ? 80 : 0, width: T.width, screensize: r, x: T.x, y: T.y, onHide: () => w(!1), container: x, blocks: [{ items: s.map(A) }], visible: B })
     ] });
   }
 );
 nt.displayName = "SelectField";
 const is = ({ icons: n, value: t, onChange: r, disabled: s, placeholder: i, container: l = document.getElementById("root") }) => {
-  const [c, o] = g(!1), a = n.find((u) => u.id === t), d = (u) => {
+  const [a, o] = g(!1), c = n.find((u) => u.id === t), d = (u) => {
     r == null || r(u), o(!1);
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -5765,15 +5767,15 @@ const is = ({ icons: n, value: t, onChange: r, disabled: s, placeholder: i, cont
       Ve,
       {
         border: !0,
-        icon: (a == null ? void 0 : a.component) ?? void 0,
-        value: a == null ? void 0 : a.name,
+        icon: (c == null ? void 0 : c.component) ?? void 0,
+        value: c == null ? void 0 : c.name,
         readOnly: !0,
         disabled: s,
         onClick: () => o(!0),
         placeholder: i
       }
     ),
-    c && /* @__PURE__ */ e.jsx(_e, { container: l, children: /* @__PURE__ */ e.jsx(
+    a && /* @__PURE__ */ e.jsx(_e, { container: l, children: /* @__PURE__ */ e.jsx(
       hr,
       {
         header: "Icons",
@@ -5848,9 +5850,9 @@ const as = {
   hideSnackbar: () => {
   }
 }, cs = Pe(as), ri = ({ children: n }) => {
-  var c;
-  const [t, r] = g({ visible: !1, text: "" }), s = Y(null), i = k((o, a) => {
-    r({ visible: !0, text: o, option: a }), s.current && clearTimeout(s.current), a != null && a.closeButton || (s.current = setTimeout(() => l(), (a == null ? void 0 : a.delay) ?? 3e3));
+  var a;
+  const [t, r] = g({ visible: !1, text: "" }), s = Y(null), i = k((o, c) => {
+    r({ visible: !0, text: o, option: c }), s.current && clearTimeout(s.current), c != null && c.closeButton || (s.current = setTimeout(() => l(), (c == null ? void 0 : c.delay) ?? 3e3));
   }, []), l = k(() => {
     s.current && (clearTimeout(s.current), s.current = null), r({ visible: !1, text: "" });
   }, []);
@@ -5861,7 +5863,7 @@ const as = {
         ...t,
         option: {
           ...t.option,
-          onHide: (c = t.option) != null && c.closeButton ? l : void 0
+          onHide: (a = t.option) != null && a.closeButton ? l : void 0
           // гарантируем, что при нажатии на X скроется
         }
       }
@@ -5882,12 +5884,12 @@ function hs(n) {
   return typeof n == "boolean";
 }
 const fe = (n) => {
-  const { value: t, changeField: r, errors: s } = os(), i = k((a) => {
-    r && r(n, a);
+  const { value: t, changeField: r, errors: s } = os(), i = k((c) => {
+    r && r(n, c);
   }, [n]), l = k(() => {
-    const a = t == null ? void 0 : t[n];
-    return hs(a) ? !!a : us(a) ? Number(a) : ds(a) ? a ?? "" : "";
-  }, [t, n]), c = k(() => {
+    const c = t == null ? void 0 : t[n];
+    return hs(c) ? !!c : us(c) ? Number(c) : ds(c) ? c ?? "" : "";
+  }, [t, n]), a = k(() => {
     r && r(n, "");
   }, [n]), o = k(() => {
     if (s && Object.keys(s).includes(n))
@@ -5895,7 +5897,7 @@ const fe = (n) => {
   }, [s, n]);
   return {
     value: l(),
-    clearHandler: c,
+    clearHandler: a,
     error: o(),
     change: i
   };
@@ -5909,7 +5911,7 @@ const fe = (n) => {
   const { value: t, change: r, error: s } = fe(n.name);
   return /* @__PURE__ */ e.jsx(nt, { ...n, container: n.container ?? document.body, value: t, onChange: r, errorText: s, error: !!s });
 }, js = ({ placeholder: n, ref: t, style: r, readOnly: s, className: i, name: l }) => {
-  const { value: c, change: o } = fe(l), a = (d) => {
+  const { value: a, change: o } = fe(l), c = (d) => {
     o && o(d.target.checked);
   };
   return /* @__PURE__ */ e.jsx("div", { className: `input-field form-switch ${i}`, style: r, children: /* @__PURE__ */ e.jsx(
@@ -5919,16 +5921,16 @@ const fe = (n) => {
       ref: t,
       placeholder: n,
       name: l,
-      checked: !!c,
-      onChange: a
+      checked: !!a,
+      onChange: c
     }
   ) });
 }, ps = ({ placeholder: n, ref: t, style: r, readOnly: s, className: i, name: l }) => {
-  const { value: c, change: o } = fe(l), a = (u) => {
+  const { value: a, change: o } = fe(l), c = (u) => {
     if (u.length > 0)
       return o && o(!0);
     o && o(!1);
-  }, d = k(() => c ? [n ?? l] : [], [c, l, n]);
+  }, d = k(() => a ? [n ?? l] : [], [a, l, n]);
   return /* @__PURE__ */ e.jsx(
     Zn,
     {
@@ -5939,7 +5941,7 @@ const fe = (n) => {
       value: d(),
       multiple: !0,
       items: [n ?? l],
-      onChange: a
+      onChange: c
     }
   );
 }, _s = (n) => {
@@ -5983,16 +5985,16 @@ const fe = (n) => {
     }
   );
 }, bs = ve(
-  function({ children: t, value: r, name: s, errors: i, onFinish: l, onChangeValue: c, ...o }, a) {
+  function({ children: t, value: r, name: s, errors: i, onFinish: l, onChangeValue: a, ...o }, c) {
     const [d, u] = g(r), m = k((x) => {
       x.preventDefault(), l == null || l(d);
     }, [l, d]), h = k((x, f) => {
       u((j) => ({
         ...j,
         [x]: f
-      })), c == null || c(x, f);
-    }, [c]);
-    return ht(a, () => ({
+      })), a == null || a(x, f);
+    }, [a]);
+    return ht(c, () => ({
       submit: () => l == null ? void 0 : l(d),
       setFieldValue: (x, f) => {
         u((j) => ({ ...j, [x]: f }));