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

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

@@ -1,4 +1,4 @@
-import ne, { useEffect as O, useState as g, useRef as Z, useCallback as k, createContext as Pe, useContext as _e, useMemo as oe, forwardRef as ve, useLayoutEffect as dt, useId as Be, memo as ut, useImperativeHandle as ht } from "react";
+import ne, { useEffect as O, useState as g, useRef as Z, useCallback as k, createContext as Pe, useContext as Ce, useMemo as oe, forwardRef as ve, useLayoutEffect as dt, useId as Be, memo as ut, useImperativeHandle as ht } from "react";
 import mt from "react-dom";
 import { NavLink as Qe } from "react-router-dom";
 import './index.css';var Je = { exports: {} }, Se = {};
@@ -46,12 +46,12 @@ var Me = {};
 var on;
 function ft() {
   return on || (on = 1, process.env.NODE_ENV !== "production" && function() {
-    function n(C) {
-      if (C == null) return null;
-      if (typeof C == "function")
-        return C.$$typeof === D ? null : C.displayName || C.name || null;
-      if (typeof C == "string") return C;
-      switch (C) {
+    function n(p) {
+      if (p == null) return null;
+      if (typeof p == "function")
+        return p.$$typeof === D ? null : p.displayName || p.name || null;
+      if (typeof p == "string") return p;
+      switch (p) {
         case j:
           return "Fragment";
         case b:
@@ -65,127 +65,127 @@ function ft() {
         case z:
           return "Activity";
       }
-      if (typeof C == "object")
-        switch (typeof C.tag == "number" && console.error(
+      if (typeof p == "object")
+        switch (typeof p.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), C.$$typeof) {
+        ), p.$$typeof) {
           case f:
             return "Portal";
           case v:
-            return C.displayName || "Context";
+            return p.displayName || "Context";
           case y:
-            return (C._context.displayName || "Context") + ".Consumer";
+            return (p._context.displayName || "Context") + ".Consumer";
           case M:
-            var $ = C.render;
-            return C = C.displayName, C || (C = $.displayName || $.name || "", C = C !== "" ? "ForwardRef(" + C + ")" : "ForwardRef"), C;
+            var $ = p.render;
+            return p = p.displayName, p || (p = $.displayName || $.name || "", p = p !== "" ? "ForwardRef(" + p + ")" : "ForwardRef"), p;
           case A:
-            return $ = C.displayName || null, $ !== null ? $ : n(C.type) || "Memo";
+            return $ = p.displayName || null, $ !== null ? $ : n(p.type) || "Memo";
           case w:
-            $ = C._payload, C = C._init;
+            $ = p._payload, p = p._init;
             try {
-              return n(C($));
+              return n(p($));
             } catch {
             }
         }
       return null;
     }
-    function t(C) {
-      return "" + C;
+    function t(p) {
+      return "" + p;
     }
-    function r(C) {
+    function r(p) {
       try {
-        t(C);
+        t(p);
         var $ = !1;
       } catch {
         $ = !0;
       }
       if ($) {
         $ = console;
-        var H = $.error, K = typeof Symbol == "function" && Symbol.toStringTag && C[Symbol.toStringTag] || C.constructor.name || "Object";
+        var H = $.error, K = typeof Symbol == "function" && Symbol.toStringTag && p[Symbol.toStringTag] || p.constructor.name || "Object";
         return H.call(
           $,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           K
-        ), t(C);
+        ), t(p);
       }
     }
-    function s(C) {
-      if (C === j) return "<>";
-      if (typeof C == "object" && C !== null && C.$$typeof === w)
+    function s(p) {
+      if (p === j) return "<>";
+      if (typeof p == "object" && p !== null && p.$$typeof === w)
         return "<...>";
       try {
-        var $ = n(C);
+        var $ = n(p);
         return $ ? "<" + $ + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function i() {
-      var C = E.A;
-      return C === null ? null : C.getOwner();
+      var p = E.A;
+      return p === null ? null : p.getOwner();
     }
     function l() {
       return Error("react-stack-top-frame");
     }
-    function o(C) {
-      if (N.call(C, "key")) {
-        var $ = Object.getOwnPropertyDescriptor(C, "key").get;
+    function o(p) {
+      if (N.call(p, "key")) {
+        var $ = Object.getOwnPropertyDescriptor(p, "key").get;
         if ($ && $.isReactWarning) return !1;
       }
-      return C.key !== void 0;
+      return p.key !== void 0;
     }
-    function c(C, $) {
+    function c(p, $) {
       function H() {
         L || (L = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           $
         ));
       }
-      H.isReactWarning = !0, Object.defineProperty(C, "key", {
+      H.isReactWarning = !0, Object.defineProperty(p, "key", {
         get: H,
         configurable: !0
       });
     }
     function a() {
-      var C = n(this.type);
-      return T[C] || (T[C] = !0, console.error(
+      var p = n(this.type);
+      return T[p] || (T[p] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), C = this.props.ref, C !== void 0 ? C : null;
+      )), p = this.props.ref, p !== void 0 ? p : null;
     }
-    function d(C, $, H, K, J, te) {
+    function d(p, $, H, K, J, te) {
       var Q = H.ref;
-      return C = {
-        $$typeof: p,
-        type: C,
+      return p = {
+        $$typeof: C,
+        type: p,
         key: $,
         props: H,
         _owner: K
-      }, (Q !== void 0 ? Q : null) !== null ? Object.defineProperty(C, "ref", {
+      }, (Q !== void 0 ? Q : null) !== null ? Object.defineProperty(p, "ref", {
         enumerable: !1,
         get: a
-      }) : Object.defineProperty(C, "ref", { enumerable: !1, value: null }), C._store = {}, Object.defineProperty(C._store, "validated", {
+      }) : Object.defineProperty(p, "ref", { enumerable: !1, value: null }), p._store = {}, Object.defineProperty(p._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(C, "_debugInfo", {
+      }), Object.defineProperty(p, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(C, "_debugStack", {
+      }), Object.defineProperty(p, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: J
-      }), Object.defineProperty(C, "_debugTask", {
+      }), Object.defineProperty(p, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: te
-      }), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
+      }), Object.freeze && (Object.freeze(p.props), Object.freeze(p)), p;
     }
-    function u(C, $, H, K, J, te) {
+    function u(p, $, H, K, J, te) {
       var Q = $.children;
       if (Q !== void 0)
         if (K)
@@ -199,7 +199,7 @@ function ft() {
             );
         else m(Q);
       if (N.call($, "key")) {
-        Q = n(C);
+        Q = n(p);
         var ie = Object.keys($).filter(function(W) {
           return W !== "key";
         });
@@ -223,9 +223,9 @@ React keys must be passed directly to JSX without using spread:
       } else H = $;
       return Q && c(
         H,
-        typeof C == "function" ? C.displayName || C.name || "Unknown" : C
+        typeof p == "function" ? p.displayName || p.name || "Unknown" : p
       ), d(
-        C,
+        p,
         Q,
         H,
         i(),
@@ -233,50 +233,50 @@ React keys must be passed directly to JSX without using spread:
         te
       );
     }
-    function m(C) {
-      h(C) ? C._store && (C._store.validated = 1) : typeof C == "object" && C !== null && C.$$typeof === w && (C._payload.status === "fulfilled" ? h(C._payload.value) && C._payload.value._store && (C._payload.value._store.validated = 1) : C._store && (C._store.validated = 1));
+    function m(p) {
+      h(p) ? p._store && (p._store.validated = 1) : typeof p == "object" && p !== null && p.$$typeof === w && (p._payload.status === "fulfilled" ? h(p._payload.value) && p._payload.value._store && (p._payload.value._store.validated = 1) : p._store && (p._store.validated = 1));
     }
-    function h(C) {
-      return typeof C == "object" && C !== null && C.$$typeof === p;
+    function h(p) {
+      return typeof p == "object" && p !== null && p.$$typeof === C;
     }
-    var x = ne, p = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), j = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), v = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), z = Symbol.for("react.activity"), D = Symbol.for("react.client.reference"), E = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, I = Array.isArray, S = console.createTask ? console.createTask : function() {
+    var x = ne, C = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), j = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), v = Symbol.for("react.context"), M = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), A = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), z = Symbol.for("react.activity"), D = Symbol.for("react.client.reference"), E = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, N = Object.prototype.hasOwnProperty, I = Array.isArray, S = console.createTask ? console.createTask : function() {
       return null;
     };
     x = {
-      react_stack_bottom_frame: function(C) {
-        return C();
+      react_stack_bottom_frame: function(p) {
+        return p();
       }
     };
     var L, T = {}, Y = x.react_stack_bottom_frame.bind(
       x,
       l
     )(), q = S(s(l)), G = {};
-    Me.Fragment = j, Me.jsx = function(C, $, H) {
+    Me.Fragment = j, Me.jsx = function(p, $, H) {
       var K = 1e4 > E.recentlyCreatedOwnerStacks++;
       return u(
-        C,
+        p,
         $,
         H,
         !1,
         K ? Error("react-stack-top-frame") : Y,
-        K ? S(s(C)) : q
+        K ? S(s(p)) : q
       );
-    }, Me.jsxs = function(C, $, H) {
+    }, Me.jsxs = function(p, $, H) {
       var K = 1e4 > E.recentlyCreatedOwnerStacks++;
       return u(
-        C,
+        p,
         $,
         H,
         !0,
         K ? Error("react-stack-top-frame") : Y,
-        K ? S(s(C)) : q
+        K ? S(s(p)) : q
       );
     };
   }()), Me;
 }
 process.env.NODE_ENV === "production" ? Je.exports = xt() : Je.exports = ft();
 var e = Je.exports;
-const Cn = (n) => /* @__PURE__ */ e.jsx(
+const _n = (n) => /* @__PURE__ */ e.jsx(
   Fe,
   {
     ...n,
@@ -315,7 +315,7 @@ const Cn = (n) => /* @__PURE__ */ e.jsx(
     large: "btn--large"
   };
   return /* @__PURE__ */ e.jsx("button", { ...t, className: (t.className ?? "") + " btn " + s[n], onClick: r, children: /* @__PURE__ */ e.jsx("span", { children: t.children }) });
-}, ye = ({ styleType: n = "base", ...t }) => n === "outline" ? /* @__PURE__ */ e.jsx(Cn, { ...t }) : n === "text" ? /* @__PURE__ */ e.jsx(ce, { ...t }) : n === "filledTotal" ? /* @__PURE__ */ e.jsx(jt, { ...t }) : n === "filled" ? /* @__PURE__ */ e.jsx(pt, { ...t }) : /* @__PURE__ */ e.jsx(Fe, { ...t }), _n = (n, t) => {
+}, ye = ({ styleType: n = "base", ...t }) => n === "outline" ? /* @__PURE__ */ e.jsx(_n, { ...t }) : n === "text" ? /* @__PURE__ */ e.jsx(ce, { ...t }) : n === "filledTotal" ? /* @__PURE__ */ e.jsx(jt, { ...t }) : n === "filled" ? /* @__PURE__ */ e.jsx(pt, { ...t }) : /* @__PURE__ */ e.jsx(Fe, { ...t }), Cn = (n, t) => {
   O(() => {
     if (n) {
       const r = window.innerWidth - document.documentElement.clientWidth;
@@ -381,7 +381,7 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
 }, bn = (n, t = ee.STANDART) => `var(--${n}-${gn[t]})`, kn = (n, t = "standart") => `var(--${n}-${t})`, yn = (n, t = "normal", r = ee.STANDART) => `var(--${n}-heights-${gn[r]}-${t})`, ge = {
   mobileSize: 720,
   bigSize: 1400
-}, Ct = (n = {}) => {
+}, _t = (n = {}) => {
   const t = {
     bigSize: n.bigSize ?? ge.bigSize,
     mobileSize: n.mobileSize ?? ge.mobileSize
@@ -395,10 +395,10 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
   }, [i]), O(() => (window.addEventListener("resize", i), () => {
     window.removeEventListener("resize", i);
   }), [i]), { screen: r };
-}, _t = {
+}, Ct = {
   screen: ee.STANDART
-}, we = Pe(_t), ws = ({ children: n, option: t }) => {
-  const r = Ct(t);
+}, we = Pe(Ct), ws = ({ children: n, option: t }) => {
+  const r = _t(t);
   return /* @__PURE__ */ e.jsx(we.Provider, { value: r, children: n });
 }, U = ({
   type: n,
@@ -410,7 +410,7 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
   className: o = "",
   ...c
 }) => {
-  const a = _e(we), d = a ? a.screen : t, u = n === "heading" || n === "title" || n === "title-2", m = u ? "h3" : "span", h = {
+  const a = Ce(we), d = a ? a.screen : t, u = n === "heading" || n === "title" || n === "title-2", m = u ? "h3" : "span", h = {
     fontSize: bn(n, d),
     fontWeight: kn(n, r),
     lineHeight: yn(n, s, d),
@@ -437,33 +437,34 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
     disabled: c = !1,
     style: a,
     rippleDisabled: d = !1,
-    ...u
-  }, m) => {
-    const h = k(
-      (p) => {
-        c || (l == null || l(p), !d && x(p));
+    shadow: u = 0,
+    ...m
+  }, h) => {
+    const x = k(
+      (f) => {
+        c || (l == null || l(f), !d && C(f));
       },
       [l, c]
-    ), x = (p) => {
-      const f = p.currentTarget, j = document.createElement("span"), _ = Math.max(f.clientWidth, f.clientHeight), b = _ / 2;
-      j.style.width = j.style.height = `${_}px`, j.style.left = `${p.clientX - f.getBoundingClientRect().left - b}px`, j.style.top = `${p.clientY - f.getBoundingClientRect().top - b}px`, j.classList.add("iconbutton-ripple");
-      const y = f.getElementsByClassName("iconbutton-ripple")[0];
-      y && y.remove(), f.appendChild(j);
+    ), C = (f) => {
+      const j = f.currentTarget, _ = document.createElement("span"), b = Math.max(j.clientWidth, j.clientHeight), y = b / 2;
+      _.style.width = _.style.height = `${b}px`, _.style.left = `${f.clientX - j.getBoundingClientRect().left - y}px`, _.style.top = `${f.clientY - j.getBoundingClientRect().top - y}px`, _.classList.add("iconbutton-ripple");
+      const v = j.getElementsByClassName("iconbutton-ripple")[0];
+      v && v.remove(), j.appendChild(_);
     };
     return /* @__PURE__ */ e.jsx(
       "button",
       {
-        ref: m,
+        ref: h,
         style: {
           backgroundColor: s ? "transparent" : void 0,
           ...a
         },
-        className: `iconbutton iconbutton--${i} ${t}`,
-        onClick: h,
+        className: `iconbutton iconbutton--${i} ${t} container_shadow-hover-${u}`,
+        onClick: x,
         onContextMenu: o,
         disabled: c,
         "aria-disabled": c,
-        ...u,
+        ...m,
         children: /* @__PURE__ */ e.jsx("div", { className: `iconbutton-container ${r}`, children: n })
       }
     );
@@ -1838,8 +1839,8 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
   forceModal: r = !1,
   ...s
 }) => {
-  const { screen: i } = _e(we);
-  _n(!0, document.body);
+  const { screen: i } = Ce(we);
+  Cn(!0, document.body);
   const l = () => {
     var c;
     (c = s.onHide) == null || c.call(s);
@@ -1903,7 +1904,7 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
     l == null || l(), c == null || c();
   }, [l, c]), x = k(() => {
     o == null || o(), c == null || c();
-  }, [o, c]), p = k(() => u || (d ? null : m ? /* @__PURE__ */ e.jsx(ze, { onHide: x, onSuccess: h, btns: m }) : /* @__PURE__ */ e.jsx(ze, { onHide: x, onSuccess: h, btns: [
+  }, [o, c]), C = 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,
@@ -1920,21 +1921,21 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
       style: n,
       header: r,
       onHide: x,
-      action: p(),
+      action: C(),
       children: [
         t && /* @__PURE__ */ e.jsx(U, { type: "body", children: t }),
         a
       ]
     }
   );
-}, Ce = ({ children: n, container: t = document.body }) => t ? mt.createPortal(
+}, _e = ({ children: n, container: t = document.body }) => t ? mt.createPortal(
   n,
   t
 ) : /* @__PURE__ */ e.jsx("p", { children: "container not found" }), Xt = ({ container: n, text: t, header: r, onClick: s, styleType: i, ...l }) => {
   const [o, c] = g(null);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(ye, { styleType: i ?? "filled", ...l, onClick: c }),
-    o !== null && /* @__PURE__ */ e.jsx(Ce, { container: n, children: /* @__PURE__ */ e.jsx(Ut, { header: r, text: t, onSuccess: () => s == null ? void 0 : s(o), onHide: () => c(null) }) })
+    o !== null && /* @__PURE__ */ e.jsx(_e, { container: n, children: /* @__PURE__ */ e.jsx(Ut, { header: r, text: t, onSuccess: () => s == null ? void 0 : s(o), onHide: () => c(null) }) })
   ] });
 }, cn = ({
   text: n,
@@ -2309,8 +2310,8 @@ function rr(n = "light") {
     Xe
   ), [s, i] = g(n), { colors: l, setColor: o, setReverse: c } = er(t[s].colors, t[s].reverse), a = k(
     (x) => {
-      const p = t[x].colors;
-      p && (Object.entries(p).forEach(([f, j]) => {
+      const C = t[x].colors;
+      C && (Object.entries(C).forEach(([f, j]) => {
         o(f, j);
       }), c(t[x].reverse ?? !1), i(x));
     },
@@ -2320,30 +2321,30 @@ function rr(n = "light") {
     a(s);
   }, [s, a]);
   const d = k(
-    (x, p, f) => {
+    (x, C, f) => {
       r((j) => ({
         ...j,
         [x]: {
-          colors: { ...j[x].colors, [p]: f },
+          colors: { ...j[x].colors, [C]: f },
           reverse: j[x].reverse
         }
       }));
     },
     []
-  ), u = k((x, p = "light", f) => {
+  ), u = k((x, C = "light", f) => {
     r((j) => ({
       ...j,
-      [x]: { colors: j[p].colors, reverse: f === void 0 ? j[p].reverse : f }
+      [x]: { colors: j[C].colors, reverse: f === void 0 ? j[C].reverse : f }
     }));
   }, []), m = k((x) => {
-    r((p) => {
-      const f = { ...p };
+    r((C) => {
+      const f = { ...C };
       return delete f[x], f;
     }), s === x && i("light");
   }, [s]), h = k(
     (x) => {
-      Xe[x] && r((p) => ({
-        ...p,
+      Xe[x] && r((C) => ({
+        ...C,
         [x]: { ...Xe[x] }
       }));
     },
@@ -2388,16 +2389,16 @@ const $e = () => {
   valueDisplayDuration: m = 2e3,
   ariaLabel: h = "Регулятор значения",
   startColor: x,
-  className: p = "",
+  className: C = "",
   ...f
 }) => {
-  const j = Z(null), _ = Z(null), [b, y] = g(c ?? s), [v, M] = g("200px"), { colors: F } = _e(sn), { showPopup: B, popupState: A } = Kt({ valueDisplayDuration: m }), w = n ?? F.Primary_color ?? "#0000ff";
+  const j = Z(null), _ = Z(null), [b, y] = g(c ?? s), [v, M] = g("200px"), { colors: F } = Ce(sn), { showPopup: B, popupState: A } = Kt({ valueDisplayDuration: m }), w = n ?? F.Primary_color ?? "#0000ff";
   O(() => {
     var L;
     if (a === "vertical" && ((L = _.current) != null && L.parentElement)) {
       const T = () => {
-        var G, C;
-        const q = (C = (G = _.current) == null ? void 0 : G.parentElement) == null ? void 0 : C.clientHeight;
+        var G, p;
+        const q = (p = (G = _.current) == null ? void 0 : G.parentElement) == null ? void 0 : p.clientHeight;
         q && M(`${q}px`);
       };
       T();
@@ -2444,7 +2445,7 @@ const $e = () => {
     "div",
     {
       ref: _,
-      className: `range-wrapper ${a} ${p}`,
+      className: `range-wrapper ${a} ${C}`,
       style: I,
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "track", style: { background: t }, children: [
@@ -2492,7 +2493,7 @@ const $e = () => {
   colorRange: m,
   pointColor: h,
   showBase: x = !0,
-  showIndicator: p = !0,
+  showIndicator: C = !0,
   showPoint: f = !1,
   rounding: j = !0,
   showValue: _ = !0,
@@ -2501,11 +2502,11 @@ const $e = () => {
   className: v,
   startColor: M
 }) => {
-  const F = Z(null), B = Z(!1), A = d * 2, w = d * 2, z = Math.min(A, w), D = A / 2, E = w / 2, N = z / 2 - a / 2, I = c === "point" ? !1 : p, S = c === "point" ? !0 : f, { colors: L } = _e(sn), T = m ?? L.Primary_color ?? "#0000ff", Y = h ?? L.Primary_color ?? "#0000ff", [q, G] = g(r);
+  const F = Z(null), B = Z(!1), A = d * 2, w = d * 2, z = Math.min(A, w), D = A / 2, E = w / 2, N = z / 2 - a / 2, I = c === "point" ? !1 : C, S = c === "point" ? !0 : f, { colors: L } = Ce(sn), T = m ?? L.Primary_color ?? "#0000ff", Y = h ?? L.Primary_color ?? "#0000ff", [q, G] = g(r);
   O(() => {
     r !== void 0 && G(r);
   }, [r]);
-  const C = k(() => {
+  const p = k(() => {
     switch (o) {
       case "semicircle":
         return 180;
@@ -2546,12 +2547,12 @@ const $e = () => {
     B.current = !1, document.removeEventListener("mousemove", te), document.removeEventListener("mouseup", Q);
   }, ie = k((W) => {
     if (!F.current) return;
-    const he = C(), je = F.current.getBoundingClientRect(), X = je.left + je.width / 2, me = je.top + je.height / 2, st = W.clientX, it = W.clientY, lt = me - it, at = X - st;
+    const he = p(), je = F.current.getBoundingClientRect(), X = je.left + je.width / 2, me = je.top + je.height / 2, st = W.clientX, it = W.clientY, lt = me - it, at = X - st;
     let le = Math.atan2(lt, at) * (180 / Math.PI);
     he === 270 && (le += 45), le < 0 && (le = 360 + le), le < 0 && (le = 0), le > he && q > (t - n) / 2 ? le = he : le > he && (le = 0);
     const ot = he, ct = t - n, Ue = Math.round(le * ct / ot + n);
     G(Ue), Ue !== r && s && s(Ue);
-  }, [C, s, t, n, D, E, q]);
+  }, [p, s, t, n, D, E, q]);
   O(() => {
     K();
   }, [K]), O(() => () => {
@@ -2733,12 +2734,12 @@ const cr = 100, dr = (n) => {
     s !== 0 ? /* @__PURE__ */ e.jsx(se, {}) : null,
     /* @__PURE__ */ e.jsx(zn, { block: r, smallDisplay: !0, autoHide: n.autoHide, onHide: n.onHide })
   ] }, s)) }) });
-}, Pn = (n) => n.screensize === ee.MOBILE ? /* @__PURE__ */ e.jsx(Ce, { container: n.container, children: /* @__PURE__ */ e.jsx(ur, { ...n }) }) : /* @__PURE__ */ e.jsx(Ce, { container: n.container, children: /* @__PURE__ */ e.jsx(dr, { ...n }) }), Fs = ne.forwardRef(({ screensize: n, autoHide: t, blocks: r, container: s, onClick: i, ...l }, o) => {
-  const [c, a] = g(!1), [d, u] = g(void 0), { screen: m } = _e(we), h = () => {
+}, Pn = (n) => n.screensize === ee.MOBILE ? /* @__PURE__ */ e.jsx(_e, { container: n.container, children: /* @__PURE__ */ e.jsx(ur, { ...n }) }) : /* @__PURE__ */ e.jsx(_e, { container: n.container, children: /* @__PURE__ */ e.jsx(dr, { ...n }) }), Fs = ne.forwardRef(({ screensize: n, autoHide: t, blocks: r, container: s, onClick: i, ...l }, o) => {
+  const [c, a] = g(!1), [d, u] = g(void 0), { screen: m } = Ce(we), h = () => {
     a(!1), u(void 0);
   }, x = (f) => {
     f.stopPropagation(), a(!0), u({ x: f.clientX, y: f.clientY }), i == null || i(f);
-  }, p = n ?? m;
+  }, C = n ?? m;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       de,
@@ -2751,7 +2752,7 @@ const cr = 100, dr = (n) => {
     /* @__PURE__ */ e.jsx(
       Pn,
       {
-        marginBottom: p === ee.MOBILE ? 80 : 0,
+        marginBottom: C === ee.MOBILE ? 80 : 0,
         onHide: h,
         autoHide: t,
         screensize: n,
@@ -2855,7 +2856,7 @@ const Gn = ve(
     className: m,
     ...h
   }, x) => {
-    const p = t !== void 0 ? t === r : l !== void 0 ? l : o;
+    const C = t !== void 0 ? t === r : l !== void 0 ? l : o;
     return /* @__PURE__ */ e.jsxs("label", { className: `radio-button-container ${m || ""}`, children: [
       /* @__PURE__ */ e.jsx(
         "input",
@@ -2864,11 +2865,11 @@ const Gn = ve(
           className: "radio-button",
           name: n,
           type: "radio",
-          checked: p,
+          checked: C,
           value: r,
           onChange: s,
           readOnly: i,
-          "aria-checked": p,
+          "aria-checked": C,
           "aria-label": c || h["aria-label"],
           ...h
         }
@@ -2896,7 +2897,7 @@ const Zn = ve(
     O(() => {
       h(x(t));
     }, [t]);
-    const x = (f) => f === void 0 ? [] : Array.isArray(f) ? f : [f], p = (f, j) => {
+    const x = (f) => f === void 0 ? [] : Array.isArray(f) ? f : [f], C = (f, j) => {
       if (i) return;
       f.preventDefault();
       let _;
@@ -2918,7 +2919,7 @@ const Zn = ve(
             "aria-label": f,
             disabled: i,
             className: `segmented-button__item ${m.includes(f) ? "segmented-button__item--active" : ""}`,
-            onClick: (j) => p(j, f),
+            onClick: (j) => C(j, f),
             children: [
               m.includes(f) && /* @__PURE__ */ e.jsx("span", { className: "segmented-button__icon", children: /* @__PURE__ */ e.jsx(pe, {}) }),
               /* @__PURE__ */ e.jsx("span", { className: "segmented-button__text", children: f }),
@@ -2987,7 +2988,7 @@ function hr({
     u !== void 0 && (n == null || n(u), m(void 0), !i && (s == null || s()));
   }, [u, n, i, s]), x = k(() => {
     s == null || s();
-  }, [s]), p = k((f) => {
+  }, [s]), C = k((f) => {
     m(f);
   }, []);
   return /* @__PURE__ */ e.jsxs(
@@ -3009,7 +3010,7 @@ function hr({
       children: [
         /* @__PURE__ */ e.jsx(se, { style: { padding: 0 } }),
         /* @__PURE__ */ e.jsx(
-          Cr,
+          _r,
           {
             transparent: !0,
             scroll: !0,
@@ -3020,17 +3021,17 @@ function hr({
               {
                 "aria-disabled": f.disabled,
                 children: /* @__PURE__ */ e.jsx(
-                  _r,
+                  Cr,
                   {
                     hovered: !f.disabled,
                     header: f.title,
                     icon: f.icon,
                     description: f.description,
-                    onClick: f.disabled ? void 0 : () => p(f.data),
+                    onClick: f.disabled ? void 0 : () => C(f.data),
                     control: /* @__PURE__ */ e.jsx(
                       Gn,
                       {
-                        onClick: f.disabled ? void 0 : () => p(f.data),
+                        onClick: f.disabled ? void 0 : () => C(f.data),
                         name: l,
                         checked: f.data === u,
                         disabled: f.disabled,
@@ -3057,7 +3058,7 @@ function mr({
   cancelText: i = "Отмена"
 }) {
   return /* @__PURE__ */ e.jsxs("div", { children: [
-    t && /* @__PURE__ */ e.jsx(Cn, { onClick: t, children: i }),
+    t && /* @__PURE__ */ e.jsx(_n, { onClick: t, children: i }),
     /* @__PURE__ */ e.jsx(
       ce,
       {
@@ -3084,7 +3085,7 @@ const Ve = ne.forwardRef(
     name: m,
     value: h,
     placeholder: x,
-    className: p,
+    className: C,
     validEmptyValue: f,
     onFocus: j,
     onBlur: _,
@@ -3102,7 +3103,7 @@ const Ve = ne.forwardRef(
       if (!E.current) return;
       const J = E.current.querySelector("input");
       J == null || J.focus();
-    }, C = (J) => {
+    }, p = (J) => {
       j == null || j(J), L(!0);
     }, $ = (J) => {
       _ == null || _(J), L(!1), Y(!!J.target.value);
@@ -3118,7 +3119,7 @@ const Ve = ne.forwardRef(
       medium: "input-field__text-field_medium",
       large: "input-field__text-field_large"
     };
-    return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${p || ""}`, children: [
+    return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${C || ""}`, children: [
       /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -3157,7 +3158,7 @@ const Ve = ne.forwardRef(
                   value: h,
                   onClick: n,
                   onChange: (J) => u == null ? void 0 : u(J.target.value, J.target.name, J),
-                  onFocus: C,
+                  onFocus: p,
                   onBlur: $,
                   onKeyDown: z,
                   autoFocus: M,
@@ -3205,7 +3206,7 @@ const Vs = ({
   cancelText: m = "Отмена",
   validate: h
 }) => {
-  const [x, p] = g(d), [f, j] = g(!0);
+  const [x, C] = g(d), [f, j] = g(!0);
   O(() => {
     if (h)
       j(h(x));
@@ -3222,13 +3223,13 @@ const Vs = ({
   }, [i]), y = (v) => {
     if (o === "number") {
       if (v === "") {
-        p("");
+        C("");
         return;
       }
       const M = Number(v);
-      isNaN(M) || (M < c && (v = String(c)), M > a && (v = String(a)), p(v));
+      isNaN(M) || (M < c && (v = String(c)), M > a && (v = String(a)), C(v));
     } else
-      p(v);
+      C(v);
   };
   return /* @__PURE__ */ e.jsxs(
     Ee,
@@ -3287,11 +3288,11 @@ const Vs = ({
   forceFullScreen: u,
   btns: m
 }) => {
-  const { screen: h } = _e(we);
-  _n(!0, document.body);
+  const { screen: h } = Ce(we);
+  Cn(!0, document.body);
   const x = () => {
     l == null || l();
-  }, p = () => {
+  }, C = () => {
     i == null || i();
   };
   return u || h === ee.MOBILE ? /* @__PURE__ */ e.jsxs(
@@ -3319,7 +3320,7 @@ const Vs = ({
             }
           ) }),
           /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog__container__header__text", children: r }),
-          /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog__container__header__save", children: i && /* @__PURE__ */ e.jsx("button", { onClick: p, className: "full-screen-dialog__container__header__save__button", children: /* @__PURE__ */ e.jsx(U, { type: "body", weight: "bold", children: a || "Сохранить" }) }) })
+          /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog__container__header__save", children: i && /* @__PURE__ */ e.jsx("button", { onClick: C, className: "full-screen-dialog__container__header__save__button", children: /* @__PURE__ */ e.jsx(U, { type: "body", weight: "bold", children: a || "Сохранить" }) }) })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "full-screen-dialog__content", children: [
           s,
@@ -3337,7 +3338,7 @@ const Vs = ({
       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: p, children: a ?? "Сохранить" })
+        l && /* @__PURE__ */ e.jsx(ye, { onClick: C, children: a ?? "Сохранить" })
       ] }) : /* @__PURE__ */ e.jsx(ze, { btns: m, onHide: l, onSuccess: i }),
       children: s
     }
@@ -3358,11 +3359,11 @@ const Vs = ({
     rootApp: m = "#root",
     variant: h = "elevated",
     loading: x = !1,
-    style: p,
+    style: C,
     elevation: f = 6,
     ...j
   }, _) => {
-    const { screen: b } = _e(we), y = u ?? b, v = `elevation-${Math.min(24, Math.max(0, f))}`, M = (A) => {
+    const { screen: b } = Ce(we), y = u ?? b, v = `elevation-${Math.min(24, Math.max(0, f))}`, M = (A) => {
       F(A) && (d == null || d(A), B(A));
     }, F = (A) => {
       const w = A.target;
@@ -3377,7 +3378,7 @@ const Vs = ({
       "div",
       {
         ref: _,
-        style: p,
+        style: C,
         className: `${n} card card--${h} ${v} ${x ? "card--loading" : ""}`,
         onClick: M,
         ...j,
@@ -3433,7 +3434,7 @@ xr.displayName = "Card";
 const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { className: `base-action-card ${t ?? ""}`, children: n }), As = ({ children: n, className: t, id: r, height: s, width: i, pozMove: l, draggable: o = !0 }) => {
   const [c, a] = g(!1), [d, u] = g(null), [m, h] = g({ x: 0, y: 0 }), x = (j) => {
     j.button == 1 && (a(!1), u(null), document.body.style.cursor = "auto");
-  }, p = (j) => {
+  }, C = (j) => {
     j.button == 1 && o && (u({ x: j.clientX, y: j.clientY }), a(!0), document.body.style.cursor = "move");
   }, f = k((j) => {
     c && (h((_) => {
@@ -3446,7 +3447,7 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   }, [c, d]);
   return O(() => {
     l && h({ ...l });
-  }, [l]), /* @__PURE__ */ e.jsx("div", { id: r, style: { height: s, width: i }, className: `big-container ${t}`, onMouseDown: p, onMouseUp: x, onMouseMove: f, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: m.x, top: m.y }, children: n }) });
+  }, [l]), /* @__PURE__ */ e.jsx("div", { id: r, style: { height: s, width: i }, className: `big-container ${t}`, onMouseDown: C, onMouseUp: x, onMouseMove: f, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: m.x, top: m.y }, children: n }) });
 }, Ds = ({
   onClick: n,
   onContextMenu: t,
@@ -3459,17 +3460,17 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   classNameColumn: a,
   minColumnWidth: d = "auto"
 }) => {
-  const u = ne.useCallback((x, p) => {
+  const u = ne.useCallback((x, C) => {
     const f = Array.from({ length: x }, () => []);
-    return p.forEach((j) => {
+    return C.forEach((j) => {
       if (j.indexCol >= f.length) {
         console.error(`Invalid column index. indexCol = ${j.indexCol}, column count = ${x}`);
         return;
       }
       f[j.indexCol].push(j.node);
     }), f;
-  }, []), m = ne.useMemo(() => u(l, o), [u, l, o]), h = ne.useCallback((x, p) => {
-    c == null || c(x, p);
+  }, []), m = ne.useMemo(() => u(l, o), [u, l, o]), h = ne.useCallback((x, C) => {
+    c == null || c(x, C);
   }, [c]);
   return /* @__PURE__ */ e.jsx(
     "div",
@@ -3483,15 +3484,15 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
       },
       className: `${s} alex-evo-sh-ui-kit-column-layout`,
       "data-testid": "column-layout-container",
-      children: m.map((x, p) => /* @__PURE__ */ e.jsx(
+      children: m.map((x, C) => /* @__PURE__ */ e.jsx(
         "div",
         {
-          onClick: (f) => h(p, f),
+          onClick: (f) => h(C, f),
           className: `${a} alex-evo-sh-ui-kit-column-layout-coll`,
-          "data-testid": `column-${p}`,
-          children: x.map((f, j) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: f }, `item-${p}-${j}`))
+          "data-testid": `column-${C}`,
+          children: x.map((f, j) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: f }, `item-${C}-${j}`))
         },
-        `column-${p}`
+        `column-${C}`
       ))
     }
   );
@@ -3514,7 +3515,7 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   }, x = (j) => {
     const _ = h(j);
     return _ ? Math.min(_ * jr, 1) : 0.4;
-  }, p = (j) => {
+  }, C = (j) => {
     const _ = j.target;
     if (!(_.closest(".action-btn") || _.classList.contains("action-btn")) && l) {
       const y = !d;
@@ -3539,12 +3540,12 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
           "div",
           {
             className: "content-box-label",
-            onClick: p,
+            onClick: C,
             role: l ? "button" : void 0,
             "aria-label": l ? `${t} - click to ${d ? "collapse" : "expand"}` : t,
             tabIndex: l ? 0 : void 0,
             onKeyDown: (j) => {
-              l && (j.key === "Enter" || j.key === " ") && (j.preventDefault(), p(j));
+              l && (j.key === "Enter" || j.key === " ") && (j.preventDefault(), C(j));
             },
             children: [
               /* @__PURE__ */ e.jsx(U, { type: "title", children: t }),
@@ -3608,7 +3609,7 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
     a.current.style.display = "grid", a.current.style.gridRowGap = s, a.current.style.gridColumnGap = i;
     const _ = l ?? c, b = o ?? c;
     a.current.style.gridTemplateColumns = `repeat(auto-fill, minmax(${_}, ${b}))`, a.current.style.gridAutoRows = "1px";
-  }, [s, i, l, o, c]), p = k(() => {
+  }, [s, i, l, o, c]), C = k(() => {
     if (a.current) {
       const _ = a.current.querySelectorAll(".adaptiv-grid-item");
       u(Array.from(_));
@@ -3629,8 +3630,8 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
     });
   }, [f]);
   return O(() => {
-    x(), p();
-  }, [x, p, t]), O(() => {
+    x(), C();
+  }, [x, C, t]), O(() => {
     m.current && m.current.disconnect(), m.current = new ResizeObserver(() => j());
     const _ = m.current;
     return d.forEach((b) => _.observe(b)), j(), () => {
@@ -3649,13 +3650,13 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   children: n,
   className: t = "",
   style: r,
-  elevation: s = 1,
+  shadow: s = 1,
   padded: i = !0,
   borderRadius: l = 12,
   onClick: o,
   onContextMenu: c
 }) => {
-  const a = `elevation-${Math.min(24, Math.max(0, s))}`;
+  const a = `container_shadow-${s}`;
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -3678,7 +3679,7 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   activeTabIndex: l,
   tabContainerClassName: o = ""
 }) => {
-  const [c, a] = g(0), d = l !== void 0 ? l : c, u = Z(null), m = Z(null), [h, x] = g(!1), p = (_) => {
+  const [c, a] = g(0), d = l !== void 0 ? l : c, u = Z(null), m = Z(null), [h, x] = g(!1), C = (_) => {
     if (u.current) {
       const b = t || u.current.offsetWidth / 2;
       u.current.scrollBy({
@@ -3707,7 +3708,7 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "alex-evo-ui-kit-tabs-container", children: [
     /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-ui-kit-tabs-scroll-buttons ${o}`, children: [
-      h && /* @__PURE__ */ e.jsx("button", { onClick: () => p("left"), className: "alex-evo-ui-kit-scroll-button", children: "◀" }),
+      h && /* @__PURE__ */ e.jsx("button", { onClick: () => C("left"), className: "alex-evo-ui-kit-scroll-button", children: "◀" }),
       /* @__PURE__ */ e.jsxs(
         "div",
         {
@@ -3729,11 +3730,11 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
           ]
         }
       ),
-      h && /* @__PURE__ */ e.jsx("button", { onClick: () => p("right"), className: "alex-evo-ui-kit-scroll-button", children: "▶" })
+      h && /* @__PURE__ */ e.jsx("button", { onClick: () => C("right"), className: "alex-evo-ui-kit-scroll-button", children: "▶" })
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-tab-content", children: n[d].content })
   ] });
-}, Cr = ve(({
+}, _r = ve(({
   children: n,
   className: t = "",
   maxHeight: r,
@@ -3742,23 +3743,27 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   width: l,
   padding: o,
   margin: c,
-  ...a
-}, d) => {
-  const u = {
+  flex: a,
+  gap: d = 0,
+  ...u
+}, m) => {
+  const h = {
     overflowY: r ? s ? "scroll" : "hidden" : void 0,
     maxHeight: r,
     backgroundColor: i ? "transparent" : void 0,
     width: l,
     padding: o,
     margin: c
-  }, m = [
+  };
+  a && (h.display = "flex", h.flexDirection = "column", d > 0 && (h.gap = d));
+  const x = [
     "list-container",
     t,
     s ? "list-container_scroll" : "",
     i ? "list-container_transparent" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsx("ul", { ref: d, style: u, className: m, ...a, children: n });
-}), _r = ve(({
+  return /* @__PURE__ */ e.jsx("ul", { ref: m, style: h, className: x, ...u, children: n });
+}), Cr = ve(({
   icon: n,
   control: t,
   text: r,
@@ -3773,20 +3778,20 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   shadow: m = 0,
   ...h
 }, x) => {
-  const p = (j) => {
+  const C = (j) => {
     !d && !j.target.closest(".control-container") && (o == null || o(j));
   }, f = [
     "list-item-container",
     a,
-    `list-item-container_shadow-${m}`,
+    `container_shadow-hover-${m}`,
     c && !d ? "list-item-container_hovered" : "",
     d ? "list-item-container_disabled" : "",
     u ? "list-item-container_active" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("li", { ref: x, className: f, onClick: p, "aria-disabled": d, ...h, children: [
+  return /* @__PURE__ */ e.jsxs("li", { ref: x, className: f, onClick: C, "aria-disabled": d, ...h, children: [
     (n || l) && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__icon-container", children: n || l && /* @__PURE__ */ e.jsx(U, { type: "body", children: l }) }),
     (s || r || i) && /* @__PURE__ */ e.jsxs("div", { className: "list-item-container__text-container", children: [
-      s && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__text-container__header", children: /* @__PURE__ */ e.jsx(U, { type: "body", children: s }) }),
+      s && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__text-container__header", children: /* @__PURE__ */ e.jsx(U, { type: "title", children: s }) }),
       r && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__text-container__text", children: /* @__PURE__ */ e.jsx(U, { type: "small", children: r }) }),
       i && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__text-container__description", children: /* @__PURE__ */ e.jsx(U, { type: "small", color: "variant", children: i }) })
     ] }),
@@ -4161,7 +4166,7 @@ const Vr = [
   width: c = 310,
   height: a = "auto"
 }) => {
-  const d = Z(null), u = Z(null), m = Z(null), h = Z(null), [x, p] = g(Tr(t)), [f, j] = g(!1), [_, b] = g(
+  const d = Z(null), u = Z(null), m = Z(null), h = Z(null), [x, C] = g(Tr(t)), [f, j] = g(!1), [_, b] = g(
     `#${ke(Le(x))}`
   ), y = oe(() => Le(x), [x]), v = oe(() => `#${ke(y)}`, [y]), M = oe(
     () => _[0] !== "#" ? `#${_}` : _,
@@ -4187,7 +4192,7 @@ const Vr = [
       N,
       h.current,
       (I, S) => {
-        p((L) => {
+        C((L) => {
           const T = { ...L, s: I / 100, v: S / 100 };
           return b(ke(Le(T))), T;
         });
@@ -4197,7 +4202,7 @@ const Vr = [
     if (!d.current || !u.current) return;
     const N = d.current.getContext("2d");
     N && (Rr(N, d.current), Er(N, d.current, u.current, (I) => {
-      p((S) => {
+      C((S) => {
         const L = { ...S, h: I / 360 };
         return b(ke(Le(L))), L;
       });
@@ -4205,21 +4210,21 @@ const Vr = [
   }, []), O(() => {
     if (_.length === 4 || _.length === 7)
       try {
-        p(De(Ne(_)));
+        C(De(Ne(_)));
       } catch {
         console.warn("Invalid HEX color");
       }
   }, [_]);
   const F = (N, I, S, L, T) => {
     try {
-      const Y = N.getBoundingClientRect(), q = S.getBoundingClientRect(), G = Math.round(T.s * Y.width), C = Math.round((1 - T.v) * Y.height), $ = (360 - T.h * 360) / 360 * q.height;
-      Kn(I, G, C), qn(L, $);
+      const Y = N.getBoundingClientRect(), q = S.getBoundingClientRect(), G = Math.round(T.s * Y.width), p = Math.round((1 - T.v) * Y.height), $ = (360 - T.h * 360) / 360 * q.height;
+      Kn(I, G, p), qn(L, $);
     } catch (Y) {
       console.error("Error updating cursor positions", Y);
     }
   }, B = (N) => {
     try {
-      p(De(Ne(N))), b(N);
+      C(De(Ne(N))), b(N);
     } catch {
       console.warn("Invalid color format");
     }
@@ -4230,7 +4235,7 @@ const Vr = [
   }, [r, v]), z = k(
     (N, I) => {
       const S = Math.min(255, Math.max(0, I));
-      p(De({ ...y, [N]: S })), b(ke({ ...y, [N]: S }));
+      C(De({ ...y, [N]: S })), b(ke({ ...y, [N]: S }));
     },
     [y]
   ), D = k((N) => {
@@ -4417,7 +4422,7 @@ const Vr = [
   O(() => {
     s !== void 0 && x(s);
   }, [s]);
-  const p = k(() => {
+  const C = k(() => {
     m(!0);
   }, []), f = k(
     (b) => {
@@ -4441,24 +4446,24 @@ const Vr = [
           {
             className: "color-circle",
             style: { backgroundColor: h },
-            onClick: p,
+            onClick: C,
             "aria-label": "Current color"
           }
         ),
-        /* @__PURE__ */ e.jsx("div", { className: "color-indicator-field", onClick: p, children: /* @__PURE__ */ e.jsx(U, { type: "body", children: h }) })
+        /* @__PURE__ */ e.jsx("div", { className: "color-indicator-field", onClick: C, children: /* @__PURE__ */ e.jsx(U, { type: "body", children: h }) })
       ] }),
-      d && /* @__PURE__ */ e.jsx("div", { className: "color-field-label", onClick: p, children: /* @__PURE__ */ e.jsx(U, { type: "body", className: "data color-field-placeholder", children: d }) }),
+      d && /* @__PURE__ */ e.jsx("div", { className: "color-field-label", onClick: C, children: /* @__PURE__ */ e.jsx(U, { type: "body", className: "data color-field-placeholder", children: d }) }),
       /* @__PURE__ */ e.jsx(
         "div",
         {
           className: "color-icon-container icon-container",
-          onClick: p,
+          onClick: C,
           "aria-label": "Open color picker",
           children: /* @__PURE__ */ e.jsx(wn, {})
         }
       )
     ] }),
-    u && /* @__PURE__ */ e.jsx(Ce, { container: r, children: /* @__PURE__ */ e.jsx(
+    u && /* @__PURE__ */ e.jsx(_e, { container: r, children: /* @__PURE__ */ e.jsx(
       Or,
       {
         defaultColor: a,
@@ -4491,9 +4496,9 @@ const Vr = [
   }), [m, h] = g(
     "DAYS"
     /* DAYS */
-  ), x = (v, M) => new Date(v, M + 1, 0).getDate(), p = (v, M, F) => new Date(v, M, F).getDay(), f = (v, M) => {
-    let F = Array(x(v, M)).fill(0).map((z, D) => ({ type: "NOW_MONTH", day: D + 1 })), B = p(v, M, x(v, M)), A = Array(7 - B).fill(0).map((z, D) => ({ type: "NEXT_MONTH", day: D + 1 }));
-    return F = Array(p(v, M, 0)).fill(0).map((z, D) => ({ type: "PREV_MONTH", day: x(M ? v : v - 1, M ? M - 1 : 11) - D })).reverse().concat(F).concat(A), F;
+  ), x = (v, M) => new Date(v, M + 1, 0).getDate(), C = (v, M, F) => new Date(v, M, F).getDay(), f = (v, M) => {
+    let F = Array(x(v, M)).fill(0).map((z, D) => ({ type: "NOW_MONTH", day: D + 1 })), B = C(v, M, x(v, M)), A = Array(7 - B).fill(0).map((z, D) => ({ type: "NEXT_MONTH", day: D + 1 }));
+    return F = Array(C(v, M, 0)).fill(0).map((z, D) => ({ type: "PREV_MONTH", day: x(M ? v : v - 1, M ? M - 1 : 11) - D })).reverse().concat(F).concat(A), F;
   }, j = (v) => {
     h(
       "DAYS"
@@ -4567,7 +4572,7 @@ const Vr = [
   placeholder: m,
   onBlur: h,
   onFocus: x,
-  ...p
+  ...C
 }) => {
   const [f, j] = g(s ?? ""), [_, b] = g(!1), [y, v] = g(!1), [M, F] = g(!!s), B = Be(), A = l || c, w = () => {
     b(!0);
@@ -4617,7 +4622,7 @@ const Vr = [
             onFocus: E,
             readOnly: !0,
             id: B,
-            ...p
+            ...C
           }
         ),
         m && /* @__PURE__ */ e.jsx(
@@ -4632,7 +4637,7 @@ const Vr = [
         )
       ] })
     ] }),
-    _ ? /* @__PURE__ */ e.jsx(Ce, { container: o, children: /* @__PURE__ */ e.jsx(Ir, { onChange: I, onHide: () => b(!1) }) }) : null,
+    _ ? /* @__PURE__ */ e.jsx(_e, { container: o, children: /* @__PURE__ */ e.jsx(Ir, { onChange: I, onHide: () => b(!1) }) }) : null,
     A && c && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__error-text", children: c }),
     a && !A && /* @__PURE__ */ e.jsx(U, { type: "small", className: "input-field-container__helper-text", children: a })
   ] });
@@ -4691,7 +4696,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
   id: m,
   error: h,
   errorText: x,
-  helperText: p
+  helperText: C
 }) => {
   const [f, j] = g([]), [_, b] = g(""), [y, v] = g(null);
   O(() => {
@@ -4727,7 +4732,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
             placeholder: i,
             error: h,
             errorText: x,
-            helperText: p,
+            helperText: C,
             disabled: c,
             "aria-label": d,
             "aria-describedby": m ? `${m}-help` : void 0
@@ -4794,7 +4799,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
   className: m,
   validEmptyValue: h,
   onFocus: x,
-  onBlur: p,
+  onBlur: C,
   error: f,
   max: j,
   min: _,
@@ -4812,29 +4817,29 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
       return;
     const P = I.current.querySelector("input");
     P && P.focus();
-  }, C = k((P, W) => {
+  }, p = k((P, W) => {
     c && (N.current && (clearTimeout(N.current), N.current = null), N.current = setTimeout(() => {
       N.current && (clearTimeout(N.current), N.current = null), c(P, W);
     }, 100));
   }, [c]), $ = k(() => {
     Y((P) => {
       let W = P ? P + v : v;
-      return typeof j == "number" && W > j && (W = j), C(W, a), W;
+      return typeof j == "number" && W > j && (W = j), p(W, a), W;
     });
-  }, [C, a, j, v]), H = k(() => {
+  }, [p, a, j, v]), H = k(() => {
     Y((P) => {
       let W = P ? P - v : -v;
-      return typeof _ == "number" && W < _ && (W = _), C(W, a), W;
+      return typeof _ == "number" && W < _ && (W = _), p(W, a), W;
     });
-  }, [C, a, _, v]), K = k((P) => {
+  }, [p, a, _, v]), K = k((P) => {
     if (P.target.value === "") {
       Y("");
       return;
     }
     P.target.value.length > 1 && P.target.value[0] === "0" && ![",", "."].includes(P.target.value[1]) && (P.target.value = P.target.value.slice(1));
     let W = Number(P.target.value);
-    typeof _ == "number" && W < _ && (W = _), typeof j == "number" && W > j && (W = j), Y(Number(P.target.value)), C(W, a);
-  }, [a, C, T, j, _]), J = k(() => {
+    typeof _ == "number" && W < _ && (W = _), typeof j == "number" && W > j && (W = j), Y(Number(P.target.value)), p(W, a);
+  }, [a, p, T, j, _]), J = k(() => {
     D.current && clearTimeout(D.current), E.current && clearInterval(E.current), document.removeEventListener("mouseup", J);
   }, []), te = k((P) => {
     P === "p" ? $() : P === "m" && H(), D.current && clearTimeout(D.current), E.current && clearInterval(E.current), document.addEventListener("mouseup", J), D.current = setTimeout(() => {
@@ -4843,7 +4848,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
       }, 100);
     }, 500);
   }, [$, H]), Q = (P) => {
-    T === "" && (Y(0), c == null || c(0)), p == null || p(P);
+    T === "" && (Y(0), c == null || c(0)), C == null || C(P);
   };
   O(() => {
     q(h, d);
@@ -4979,7 +4984,7 @@ const Qn = ne.forwardRef(
     placeholder: m,
     className: h,
     validEmptyValue: x,
-    onFocus: p,
+    onFocus: C,
     onBlur: f,
     error: j,
     autoFocus: _,
@@ -4990,15 +4995,15 @@ const Qn = ne.forwardRef(
     onKeyDown: F
   }, B) => {
     const A = Z(null), [w, z] = g(!1), [D, E] = g(!1), [N, I] = g(!!u), S = Be(), L = () => {
-      var C;
-      const G = (C = A.current) == null ? void 0 : C.querySelector("textarea");
+      var p;
+      const G = (p = A.current) == null ? void 0 : p.querySelector("textarea");
       G == null || G.focus();
     }, T = (G) => {
-      p == null || p(G), E(!0);
+      C == null || C(G), E(!0);
     }, Y = (G) => {
       f == null || f(G), E(!1), I(!!G.target.value);
     }, q = k(
-      (G, C) => z(!!(j || G && (!C || C === ""))),
+      (G, p) => z(!!(j || G && (!p || p === ""))),
       [j]
     );
     return O(() => {
@@ -5200,7 +5205,7 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
   ariaLabel: m,
   size: h = "medium",
   ariaLabelledby: x,
-  placeholder: p,
+  placeholder: C,
   onBlur: f,
   onFocus: j,
   style: _,
@@ -5210,15 +5215,15 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
   O(() => {
     v(s);
   }, [s]);
-  const N = k(() => E || l && !y ? "error" : "", [y, E, l]), I = (C, $) => {
-    const H = String(C).padStart(2, "0"), K = String($).padStart(2, "0"), J = `${H}:${K}`;
+  const N = k(() => E || l && !y ? "error" : "", [y, E, l]), I = (p, $) => {
+    const H = String(p).padStart(2, "0"), K = String($).padStart(2, "0"), J = `${H}:${K}`;
     v(J), t == null || t(J);
   }, S = () => {
     a || F(!0);
-  }, L = (C) => {
-    j == null || j(C), A(!0);
-  }, T = (C) => {
-    f == null || f(C), A(!1), z(!!C.target.value);
+  }, L = (p) => {
+    j == null || j(p), A(!0);
+  }, T = (p) => {
+    f == null || f(p), A(!1), z(!!p.target.value);
   };
   O(() => {
     z(!!s);
@@ -5265,7 +5270,7 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
               "aria-label": "Открыть пикер времени",
               role: "button",
               tabIndex: a ? -1 : 0,
-              onKeyDown: (C) => C.key === "Enter" && S(),
+              onKeyDown: (p) => p.key === "Enter" && S(),
               children: /* @__PURE__ */ e.jsx(en, {})
             }
           ),
@@ -5287,14 +5292,14 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
                 "aria-describedby": E && d ? `${r}-error` : u ? `${r}-helper` : void 0
               }
             ),
-            p && /* @__PURE__ */ e.jsx(
+            C && /* @__PURE__ */ e.jsx(
               "label",
               {
                 htmlFor: D,
                 className: `input-field__input-container__label 
               ${w ? "input-field__input-container__label_filled" : ""}
               `,
-                children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: p })
+                children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: C })
               }
             ),
             /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__text-field-line" })
@@ -5303,7 +5308,7 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
       }
     ),
     G,
-    M && /* @__PURE__ */ e.jsx(Ce, { container: c, children: /* @__PURE__ */ e.jsx(
+    M && /* @__PURE__ */ e.jsx(_e, { container: c, children: /* @__PURE__ */ e.jsx(
       Kr,
       {
         onHide: () => F(!1),
@@ -5324,11 +5329,11 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
   }, [t.value]);
   const a = (h) => {
     s(Number(h.target.value)), t.onChange && t.onChange(h);
-  }, d = (h, x, p) => {
+  }, d = (h, x, C) => {
     if (o.current && c.current) {
       let f = Ye(c.current);
       if (f)
-        return Qr(h, x, p, 0, p - x) * (f.width - 20) / (p - x);
+        return Qr(h, x, C, 0, C - x) * (f.width - 20) / (C - x);
     }
     return 0;
   }, u = k((h) => {
@@ -5352,7 +5357,7 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
   t ? /* @__PURE__ */ e.jsx("p", { children: t }) : null,
   o ? /* @__PURE__ */ e.jsx(ye, { styleType: o.styleType ?? "filled", style: o.style, className: o.className, onClick: o.onClick, children: o.text }) : null
 ] }), es = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent: l, onlyStringValue: o }) => {
-  const [c, a] = g(""), [d, u] = g(""), [m, h] = g(!1), [x, p] = g(!0), f = k((y, v) => {
+  const [c, a] = g(""), [d, u] = g(""), [m, h] = g(!1), [x, C] = g(!0), f = k((y, v) => {
     s({ ...r, [v]: y });
   }, [s, r]), j = k(() => {
     u(""), a(""), h(!1);
@@ -5369,7 +5374,7 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
   }, [r, s]);
   return /* @__PURE__ */ e.jsx("div", { className: `json-card-container ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "json-line json-object-header", children: [
-      /* @__PURE__ */ e.jsxs("span", { onClick: () => p((y) => !y), className: "json-element json-object-name json-object-header", children: [
+      /* @__PURE__ */ e.jsxs("span", { onClick: () => C((y) => !y), className: "json-element json-object-name json-object-header", children: [
         t,
         ":",
         "{",
@@ -5396,7 +5401,7 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
   const [c, a] = g(""), [d, u] = g(!1), [m, h] = g(!0), x = k((_, b) => {
     const y = r.slice();
     y[b] = _, s(y);
-  }, [s, r]), p = k(() => {
+  }, [s, r]), C = k(() => {
     a(""), u(!1);
   }, []), f = k(() => {
     let _ = c;
@@ -5404,8 +5409,8 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
       o || (_ = JSON.parse(_));
     } catch {
     }
-    p(), s([...r, _]);
-  }, [r, s, c, p]), j = k((_) => {
+    C(), s([...r, _]);
+  }, [r, s, c, C]), j = k((_) => {
     s(r.filter((b, y) => y !== _));
   }, [r, s]);
   return /* @__PURE__ */ e.jsx("div", { className: `json-card-container ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsxs("div", { children: [
@@ -5422,7 +5427,7 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
     d ? /* @__PURE__ */ e.jsxs("div", { className: "json-object-content", children: [
       /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: c.length || 10, placeholder: "value", onChange: (_) => a(_.target.value), className: "json-base-data-input", type: "text", value: c }) }),
       /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: f, children: "save" }),
-      /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-cancel json-base-data-btn", onClick: p, children: "cancel" })
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-cancel json-base-data-btn", onClick: C, children: "cancel" })
     ] }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "json-line", children: [
       "]",
@@ -5444,19 +5449,19 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
 };
 var et = /* @__PURE__ */ ((n) => (n.NONE = "NONE", n.ARRAY = "ARRAY", n.OBJECT = "OBJECT", n))(et || {});
 const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: l, onlyStringValue: o }) => typeof r == "boolean" || typeof r == "number" || typeof r == "string" ? /* @__PURE__ */ e.jsx(ts, { readonly: n, onDelete: i, onChange: s, data: r, name: t }) : r ? Array.isArray(r) ? /* @__PURE__ */ e.jsx(ns, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: l === "ARRAY", onlyStringValue: o }) : /* @__PURE__ */ e.jsx(es, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: l === "OBJECT", onlyStringValue: o }) : null, qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: l = et.NONE, onlyStringValue: o }) => {
-  const [c, a] = g(r || void 0), [d, u] = g(""), m = k((p) => {
-    n || (a(p), s && s(p));
+  const [c, a] = g(r || void 0), [d, u] = g(""), m = k((C) => {
+    n || (a(C), s && s(C));
   }, [s]), h = k(() => {
     n || (a(void 0), i && i());
   }, [i]), x = k(() => {
     if (n)
       return;
-    let p = d;
+    let C = d;
     try {
-      p = JSON.parse(p);
+      C = JSON.parse(C);
     } catch {
     }
-    a(p), s && s(p);
+    a(C), s && s(C);
   }, [s, d]);
   return O(() => {
     a(r);
@@ -5465,7 +5470,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: h, onChange: m, data: c, baseType: l, name: t, onlyStringValue: o })
   ] }) : /* @__PURE__ */ e.jsxs("div", { className: `json-object-content ${n ? "" : "changeable"}`, children: [
     /* @__PURE__ */ e.jsx(cn, { transparent: !0, text: JSON.stringify(r) }),
-    /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: d.length || 10, placeholder: "value", onChange: (p) => u(p.target.value), className: "alex-evo-sh-ui-kit-json json-base-data-input", type: "text", value: d }) }),
+    /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: d.length || 10, placeholder: "value", onChange: (C) => u(C.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 }) => {
@@ -5475,14 +5480,14 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     o.current && (o.current.focus(), o.current.value = ""), a(""), u(!0), i && r("");
   }, x = () => {
     h(), o.current && (o.current.blur(), u(!1));
-  }, p = (j) => {
+  }, C = (j) => {
     a(j.target.value), i && r(j.target.value);
   }, f = (j) => {
     j.code === "Enter" && r(c);
   };
   return /* @__PURE__ */ e.jsx("div", { className: `search-container ${l ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
     d ? /* @__PURE__ */ e.jsx("span", { onClick: x, children: /* @__PURE__ */ e.jsx(nn, {}) }) : n ? /* @__PURE__ */ e.jsx("span", { onClick: n.onClick, children: n.icon }) : t || null,
-    /* @__PURE__ */ e.jsx("input", { placeholder: s, type: "text", ref: o, onChange: p, onKeyDown: f, value: c, onFocus: () => u(!0) }),
+    /* @__PURE__ */ e.jsx("input", { placeholder: s, type: "text", ref: o, onChange: C, onKeyDown: f, value: c, onFocus: () => u(!0) }),
     d ? /* @__PURE__ */ e.jsx("span", { onClick: h, children: /* @__PURE__ */ e.jsx(ue, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: m, children: /* @__PURE__ */ e.jsx(tn, {}) })
   ] }) });
 }, rs = ({
@@ -5535,7 +5540,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
   onChangeFilter: l,
   border: o = !1
 }) => {
-  const c = Z(null), [a, d] = g(""), [u, m] = g(!1), [h, x] = g(null), p = () => {
+  const c = Z(null), [a, d] = g(""), [u, m] = g(!1), [h, x] = g(null), C = () => {
     c.current && (c.current.focus(), m(!0));
   }, f = () => {
     c.current && (c.current.focus(), c.current.value = ""), d(""), m(!0), r && n("");
@@ -5557,9 +5562,9 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     /* @__PURE__ */ e.jsx("div", { className: `search-container ${o ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
       u ? /* @__PURE__ */ e.jsx("span", { onClick: j, children: /* @__PURE__ */ e.jsx(nn, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: y, children: /* @__PURE__ */ e.jsx(On, {}) }),
       /* @__PURE__ */ e.jsx("input", { placeholder: t, type: "text", ref: c, onChange: _, onKeyDown: b, value: a, onFocus: () => m(!0) }),
-      u ? /* @__PURE__ */ e.jsx("span", { onClick: f, children: /* @__PURE__ */ e.jsx(ue, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: p, children: /* @__PURE__ */ e.jsx(tn, {}) })
+      u ? /* @__PURE__ */ e.jsx("span", { onClick: f, children: /* @__PURE__ */ e.jsx(ue, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: C, children: /* @__PURE__ */ e.jsx(tn, {}) })
     ] }) }),
-    /* @__PURE__ */ e.jsx(Ce, { container: document.body, children: /* @__PURE__ */ e.jsx(rs, { point: h ?? void 0, onClose: () => x(null), isOpen: !!h, filters: s, selectedFilters: i, onChange: l }) })
+    /* @__PURE__ */ e.jsx(_e, { container: document.body, children: /* @__PURE__ */ e.jsx(rs, { point: h ?? void 0, onClose: () => x(null), isOpen: !!h, filters: s, selectedFilters: i, onChange: l }) })
   ] });
 }, ss = ({ visible: n, text: t, option: r }) => {
   const [s, i] = g(n), [l, o] = g(!1);
@@ -5586,7 +5591,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
       ]
     }
   ) : null;
-}, e1 = ({
+}, ei = ({
   type: n,
   screensize: t = ee.STANDART,
   weight: r = "standart",
@@ -5598,12 +5603,12 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
   onContextMenu: a,
   ...d
 }) => {
-  const u = Z(null), m = Z(null), [h, x] = g(!1), p = n === "heading" || n === "title" || n === "title-2", f = p ? "h3" : "span", j = {
+  const u = Z(null), m = Z(null), [h, x] = g(!1), C = n === "heading" || n === "title" || n === "title-2", f = C ? "h3" : "span", j = {
     fontSize: bn(n, t),
     fontWeight: kn(n, r),
     lineHeight: yn(n, s, t),
     ...o
-  }, _ = p ? "typography-heading" : "typography-text", b = k(() => {
+  }, _ = C ? "typography-heading" : "typography-text", b = k(() => {
     if (!u.current || !m.current) return;
     const y = u.current.clientWidth, v = m.current.scrollWidth;
     x(y < v);
@@ -5669,7 +5674,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     onBlur: m,
     onFocus: h,
     container: x = document.body,
-    size: p = "medium",
+    size: C = "medium",
     transparent: f,
     helperText: j,
     errorText: _,
@@ -5695,7 +5700,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
       /* @__PURE__ */ e.jsx("div", { ref: y, style: t, className: `
                 input-field 
                 input-field__text-field 
-                ${I[p]}
+                ${I[C]}
                 ${a ? "input-field_border" : ""} 
                 ${A ? "input-field_active" : ""} 
                 ${f ? "input-field_transparent" : ""} 
@@ -5743,7 +5748,7 @@ const is = ({ icons: n, value: t, onChange: r, disabled: s, placeholder: i, cont
         placeholder: i
       }
     ),
-    o && /* @__PURE__ */ e.jsx(Ce, { container: l, children: /* @__PURE__ */ e.jsx(
+    o && /* @__PURE__ */ e.jsx(_e, { container: l, children: /* @__PURE__ */ e.jsx(
       hr,
       {
         header: "Icons",
@@ -5807,8 +5812,8 @@ const is = ({ icons: n, value: t, onChange: r, disabled: s, placeholder: i, cont
   id: n,
   name: n.charAt(0).toUpperCase() + n.slice(1),
   component: /* @__PURE__ */ e.jsx(t, {})
-})), n1 = (n) => /* @__PURE__ */ e.jsx(is, { icons: ls, ...n });
-function t1(n) {
+})), ni = (n) => /* @__PURE__ */ e.jsx(is, { icons: ls, ...n });
+function ti(n) {
   if (n)
     return tt[n] ?? void 0;
 }
@@ -5817,7 +5822,7 @@ const as = {
   },
   hideSnackbar: () => {
   }
-}, os = Pe(as), r1 = ({ children: n }) => {
+}, os = Pe(as), ri = ({ children: n }) => {
   var o;
   const [t, r] = g({ visible: !1, text: "" }), s = Z(null), i = k((c, a) => {
     r({ visible: !0, text: c, option: a }), s.current && clearTimeout(s.current), a != null && a.closeButton || (s.current = setTimeout(() => l(), (a == null ? void 0 : a.delay) ?? 3e3));
@@ -5840,7 +5845,7 @@ const as = {
   ] });
 }, rt = Pe({});
 function cs() {
-  return _e(rt);
+  return Ce(rt);
 }
 function ds(n) {
   return typeof n == "string";
@@ -5912,7 +5917,7 @@ const fe = (n) => {
       onChange: a
     }
   );
-}, Cs = (n) => {
+}, _s = (n) => {
   const { error: t, value: r, change: s, clearHandler: i } = fe(n.name);
   return /* @__PURE__ */ e.jsx(
     Ve,
@@ -5925,7 +5930,7 @@ const fe = (n) => {
       onClear: i
     }
   );
-}, _s = (n) => {
+}, Cs = (n) => {
   const { error: t, value: r, change: s, clearHandler: i } = fe(n.name);
   return /* @__PURE__ */ e.jsx(Qn, { ...n, onChange: s, onClear: n.clear ? i : void 0, value: String(r), error: !!t, errorText: t });
 }, vs = (n) => {
@@ -5956,30 +5961,30 @@ const fe = (n) => {
   function({ children: t, value: r, name: s, errors: i, onFinish: l, onChangeValue: o, ...c }, a) {
     const [d, u] = g(r), m = k((x) => {
       x.preventDefault(), l == null || l(d);
-    }, [l, d]), h = k((x, p) => {
+    }, [l, d]), h = k((x, C) => {
       u((f) => ({
         ...f,
-        [x]: p
-      })), o == null || o(x, p);
+        [x]: C
+      })), o == null || o(x, C);
     }, [o]);
     return ht(a, () => ({
       submit: () => l == null ? void 0 : l(d),
-      setFieldValue: (x, p) => {
-        u((f) => ({ ...f, [x]: p }));
+      setFieldValue: (x, C) => {
+        u((f) => ({ ...f, [x]: C }));
       },
       setValues: (x) => u(x),
       getValues: () => d,
       reset: () => u(r)
     }), [l, d, r]), /* @__PURE__ */ e.jsx(rt.Provider, { value: { value: d, changeField: h, errors: i }, children: /* @__PURE__ */ e.jsx("form", { name: s, onSubmit: m, noValidate: !0, ...c, children: t }) });
   }
-), s1 = Object.assign(bs, {
-  TextInput: Cs,
+), si = Object.assign(bs, {
+  TextInput: _s,
   NumberInput: xs,
   SelectInput: fs,
   SwitchField: js,
   SwitchButtonField: ps,
   MoreTextField: ms,
-  TextArea: _s,
+  TextArea: Cs,
   DateField: vs,
   TimeField: gs
 });
@@ -6028,7 +6033,7 @@ export {
   pt as FilledButton,
   jt as FilledTotalButton,
   On as FilterIcon,
-  s1 as Form,
+  si as Form,
   Ts as FullScreenTemplateDialog,
   yt as GearIcon,
   zs as GridLayout,
@@ -6042,20 +6047,20 @@ export {
   de as IconButton,
   Fs as IconButtonMenu,
   is as IconSelectField,
-  n1 as IconsSelect,
+  ni as IconsSelect,
   qs as JsonContainer,
   Rn as Keyboard,
   Tt as LampIcon,
   wt as LinkIcon,
-  Cr as ListContainer,
-  _r as ListItem,
+  _r as ListContainer,
+  Cr as ListItem,
   Ft as LogoutIcon,
   Pn as Menu,
   Ln as MenuIcon,
   Fn as Minus,
   Lt as MinusUserIcon,
   Ze as ModalDialogTemplate,
-  Ce as ModalPortal,
+  _e as ModalPortal,
   We as ModalTemplate,
   He as MoreHorizontal,
   Gr as MoreText,
@@ -6066,7 +6071,7 @@ export {
   Ys as NavigationRail,
   Jn as NumberField,
   Rt as OkUserIcon,
-  Cn as OutlineButton,
+  _n as OutlineButton,
   wn as Palette,
   pr as Panel,
   $n as Pen,
@@ -6078,7 +6083,7 @@ export {
   Gn as RadioButton,
   Rs as Range,
   Vt as Room,
-  e1 as RunningLine,
+  ei as RunningLine,
   ee as ScreenSize,
   Ps as ScrollContainer,
   Js as Search,
@@ -6096,7 +6101,7 @@ export {
   ur as SmallWindowMenu,
   ss as Snackbar,
   os as SneckbarContext,
-  r1 as SneckbarProvider,
+  ri as SneckbarProvider,
   Yn as Switch,
   Ot as SwitchIcon,
   Ws as Table,
@@ -6119,15 +6124,15 @@ export {
   $t as XUserIcon,
   Te as getContainerColor,
   Ye as getContainerData,
-  t1 as getIcons,
+  ti as getIcons,
   Hn as getModalWindowCord,
   re as getTextColor,
   qt as hexToRgb,
   Qr as map,
   er as useColors,
   Kt as usePopup,
-  Ct as useScreenSize,
-  _n as useScrollLock,
+  _t as useScreenSize,
+  Cn as useScrollLock,
   rr as useThemes,
   Ir as СalendarPickers
 };