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

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

@@ -1,4 +1,4 @@
-import te, { useEffect as V, useState as g, useRef as Y, useCallback as k, createContext as Pe, useContext as Ce, useMemo as oe, forwardRef as ve, useLayoutEffect as dt, useId as Be, memo as ut, useImperativeHandle as ht } from "react";
+import te, { useEffect as V, useState as b, useRef as Y, useCallback as y, createContext as Pe, useContext as Ce, useMemo as oe, forwardRef as ve, useLayoutEffect as dt, useId as Be, memo as ut, useImperativeHandle as ht } from "react";
 import xt from "react-dom";
 import { NavLink as Qe } from "react-router-dom";
 import './index.css';var Je = { exports: {} }, Se = {};
@@ -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 _:
+        case p:
           return "Fragment";
-        case y:
+        case N:
           return "Profiler";
-        case p:
+        case C:
           return "StrictMode";
         case T:
           return "Suspense";
@@ -71,9 +71,9 @@ function ft() {
         ), v.$$typeof) {
           case j:
             return "Portal";
-          case C:
+          case _:
             return v.displayName || "Context";
-          case N:
+          case g:
             return (v._context.displayName || "Context") + ".Consumer";
           case S:
             var L = v.render;
@@ -110,7 +110,7 @@ function ft() {
       }
     }
     function s(v) {
-      if (v === _) return "<>";
+      if (v === p) return "<>";
       if (typeof v == "object" && v !== null && v.$$typeof === w)
         return "<...>";
       try {
@@ -128,7 +128,7 @@ function ft() {
       return Error("react-stack-top-frame");
     }
     function a(v) {
-      if (b.call(v, "key")) {
+      if (k.call(v, "key")) {
         var L = Object.getOwnPropertyDescriptor(v, "key").get;
         if (L && L.isReactWarning) return !1;
       }
@@ -198,7 +198,7 @@ function ft() {
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
         else m(J);
-      if (b.call(L, "key")) {
+      if (k.call(L, "key")) {
         J = n(v);
         var le = Object.keys(L).filter(function(Z) {
           return Z !== "key";
@@ -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"), _ = 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() {
+    var x = te, f = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), N = Symbol.for("react.profiler"), g = Symbol.for("react.consumer"), _ = 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, k = 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 = _, Me.jsx = function(v, L, R) {
+    Me.Fragment = p, Me.jsx = function(v, L, R) {
       var q = 1e4 > A.recentlyCreatedOwnerStacks++;
       return u(
         v,
@@ -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), a = Y(null), o = k(() => {
+  const [r, s] = b(!1), [i, l] = b(!0), a = Y(null), o = y(() => {
     s(!0), setTimeout(() => {
       t.onHide(), s(!1), l(!0);
     }, 200);
@@ -359,7 +359,7 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
   }, [t.visible]), V(() => {
     !t.visible && !i && o();
   }, [t.visible, o, i]);
-  const c = k((h) => {
+  const c = y((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(), a.current && (a.current.style.height = `${window.innerHeight - h.clientY + 20 - n}px`);
@@ -387,7 +387,7 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
     mobileSize: n.mobileSize ?? ge.mobileSize
   };
   t.bigSize <= 100 && (console.error("useScreenSize: invalid option"), t.bigSize = ge.bigSize), t.mobileSize <= 100 && (console.error("useScreenSize: invalid option"), t.mobileSize = ge.mobileSize), t.mobileSize >= t.bigSize && (console.error("useScreenSize: invalid option"), t.mobileSize = ge.mobileSize, t.bigSize = ge.bigSize);
-  const [r, s] = g(ee.STANDART), i = k(() => {
+  const [r, s] = b(ee.STANDART), i = y(() => {
     window.innerWidth < t.mobileSize ? s(ee.MOBILE) : window.innerWidth < t.bigSize ? s(ee.STANDART) : s(ee.BIG_SCREEN);
   }, [window.innerWidth]);
   return V(() => {
@@ -440,16 +440,16 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
     shadow: u = 0,
     ...m
   }, h) => {
-    const x = k(
+    const x = y(
       (j) => {
         o || (l == null || l(j), !d && f(j));
       },
       [l, o]
     ), f = (j) => {
-      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);
+      const p = j.currentTarget, C = document.createElement("span"), N = Math.max(p.clientWidth, p.clientHeight), g = N / 2;
+      C.style.width = C.style.height = `${N}px`, C.style.left = `${j.clientX - p.getBoundingClientRect().left - g}px`, C.style.top = `${j.clientY - p.getBoundingClientRect().top - g}px`, C.classList.add("iconbutton-ripple");
+      const _ = p.getElementsByClassName("iconbutton-ripple")[0];
+      _ && _.remove(), p.appendChild(C);
     };
     return /* @__PURE__ */ e.jsx(
       "button",
@@ -1901,11 +1901,11 @@ const Nn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
   customActions: u,
   btns: m
 }) => {
-  const h = k(() => {
+  const h = y(() => {
     l == null || l(), o == null || o();
-  }, [l, o]), x = k(() => {
+  }, [l, o]), x = y(() => {
     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: [
+  }, [a, o]), f = y(() => 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,
@@ -1933,7 +1933,7 @@ 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 [a, o] = g(null);
+  const [a, o] = b(null);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(ye, { styleType: i ?? "filled", ...l, onClick: o }),
     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) }) })
@@ -1947,7 +1947,7 @@ const Nn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
   disabled: l,
   ...a
 }) => {
-  const [o, c] = g(!1), d = k(async (h) => {
+  const [o, c] = b(!1), d = y(async (h) => {
     if (!l) {
       try {
         await navigator.clipboard.writeText(n), c(!0), setTimeout(() => c(!1), r);
@@ -1984,7 +1984,7 @@ const Nn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
 };
 var Ae = /* @__PURE__ */ ((n) => (n[n.OPEN = 0] = "OPEN", n[n.HIDING = 1] = "HIDING", n[n.CLOSE = 2] = "CLOSE", n))(Ae || {});
 const Kt = ({ valueDisplayDuration: n = 2e3 }) => {
-  const [t, r] = g(
+  const [t, r] = b(
     2
     /* CLOSE */
   ), s = Y(null), i = Y(null), l = () => {
@@ -2249,7 +2249,7 @@ const In = {
   })
 };
 function er(n, t = !1) {
-  const [r, s] = g({ ...In, ...n }), [i, l] = g(t), a = k(
+  const [r, s] = b({ ...In, ...n }), [i, l] = b(t), a = y(
     (c, d) => {
       const u = Qt[c];
       if (!u) return;
@@ -2307,13 +2307,13 @@ const nr = {
   }
 };
 function rr(n = "light") {
-  const [t, r] = g(
+  const [t, r] = b(
     Xe
-  ), [s, i] = g(n), { colors: l, setColor: a, setReverse: o } = er(t[s].colors, t[s].reverse), c = k(
+  ), [s, i] = b(n), { colors: l, setColor: a, setReverse: o } = er(t[s].colors, t[s].reverse), c = y(
     (x) => {
       const f = t[x].colors;
-      f && (Object.entries(f).forEach(([j, _]) => {
-        a(j, _);
+      f && (Object.entries(f).forEach(([j, p]) => {
+        a(j, p);
       }), o(t[x].reverse ?? !1), i(x));
     },
     [t, a]
@@ -2321,28 +2321,28 @@ function rr(n = "light") {
   V(() => {
     c(s);
   }, [s, c]);
-  const d = k(
+  const d = y(
     (x, f, j) => {
-      r((_) => ({
-        ..._,
+      r((p) => ({
+        ...p,
         [x]: {
-          colors: { ..._[x].colors, [f]: j },
-          reverse: _[x].reverse
+          colors: { ...p[x].colors, [f]: j },
+          reverse: p[x].reverse
         }
       }));
     },
     []
-  ), u = k((x, f = "light", j) => {
-    r((_) => ({
-      ..._,
-      [x]: { colors: _[f].colors, reverse: j === void 0 ? _[f].reverse : j }
+  ), u = y((x, f = "light", j) => {
+    r((p) => ({
+      ...p,
+      [x]: { colors: p[f].colors, reverse: j === void 0 ? p[f].reverse : j }
     }));
-  }, []), m = k((x) => {
+  }, []), m = y((x) => {
     r((f) => {
       const j = { ...f };
       return delete j[x], j;
     }), s === x && i("light");
-  }, [s]), h = k(
+  }, [s]), h = y(
     (x) => {
       Xe[x] && r((f) => ({
         ...f,
@@ -2393,31 +2393,31 @@ const $e = () => {
   className: f = "",
   ...j
 }) => {
-  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";
+  const p = Y(null), C = Y(null), [N, g] = b(o ?? s), [_, S] = b("200px"), { colors: T } = Ce(sn), { showPopup: P, popupState: B } = Kt({ valueDisplayDuration: m }), w = n ?? T.Primary_color ?? "#0000ff";
   V(() => {
     var E;
-    if (c === "vertical" && ((E = p.current) != null && E.parentElement)) {
+    if (c === "vertical" && ((E = C.current) != null && E.parentElement)) {
       const U = () => {
         var G, v;
-        const H = (v = (G = p.current) == null ? void 0 : G.parentElement) == null ? void 0 : v.clientHeight;
+        const H = (v = (G = C.current) == null ? void 0 : G.parentElement) == null ? void 0 : v.clientHeight;
         H && S(`${H}px`);
       };
       U();
       const I = new ResizeObserver(U);
-      return p.current.parentElement && I.observe(p.current.parentElement), () => I.disconnect();
+      return C.current.parentElement && I.observe(C.current.parentElement), () => I.disconnect();
     }
   }, [c]), V(() => {
-    o !== void 0 && (N(o), W());
+    o !== void 0 && (g(o), W());
   }, [o]);
-  const W = k(() => {
+  const W = y(() => {
     u && P();
   }, [P]), O = (E) => {
     const U = parseFloat(E.target.value);
-    N(U), W(), r == null || r(E);
+    g(U), W(), r == null || r(E);
   }, A = oe(
-    () => i !== s ? (y - s) / (i - s) * 100 : 0,
-    [y, s, i]
-  ), b = oe(() => ({
+    () => i !== s ? (N - s) / (i - s) * 100 : 0,
+    [N, s, i]
+  ), k = oe(() => ({
     ...j.style,
     [c === "vertical" ? "height" : "width"]: `${A}%`,
     background: d === "point" ? "transperent" : d === "static-color" ? w : Dn(A / 100, w, x)
@@ -2427,7 +2427,7 @@ const $e = () => {
     "--point-opacity": d === "point" ? "1" : "0",
     "--truck-color": w,
     width: dn,
-    height: C,
+    height: _,
     ...j.style
   } : {
     "--range-width": a,
@@ -2437,42 +2437,42 @@ const $e = () => {
     width: "100%",
     height: dn,
     ...j.style
-  }, [c, C, j.style, a, d, w]), M = oe(() => c === "vertical" ? {
-    width: C
+  }, [c, _, j.style, a, d, w]), M = oe(() => c === "vertical" ? {
+    width: _
   } : {
     width: "100%"
-  }, [c, C]);
+  }, [c, _]);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: p,
+      ref: C,
       className: `range-wrapper ${c} ${f}`,
       style: D,
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "track", style: { background: t }, children: [
-          /* @__PURE__ */ e.jsx("div", { className: "active-track", style: b }),
-          /* @__PURE__ */ e.jsx(An, { text: Math.round(y).toString(), state: B, className: "value-popup" })
+          /* @__PURE__ */ e.jsx("div", { className: "active-track", style: k }),
+          /* @__PURE__ */ e.jsx(An, { text: Math.round(N).toString(), state: B, className: "value-popup" })
         ] }),
         /* @__PURE__ */ e.jsx(
           "input",
           {
-            ref: _,
+            ref: p,
             type: "range",
             min: s,
             style: M,
             max: i,
             step: l,
-            value: y,
+            value: N,
             onChange: O,
             onFocus: j.onFocus,
             onBlur: j.onBlur,
             className: "slider-input",
             "aria-orientation": c,
-            "aria-valuenow": y,
+            "aria-valuenow": N,
             "aria-valuemin": s,
             "aria-valuemax": i,
             "aria-label": h,
-            "aria-valuetext": `${y} из ${i}`,
+            "aria-valuetext": `${N} из ${i}`,
             ...j
           }
         )
@@ -2496,18 +2496,18 @@ const $e = () => {
   showBase: x = !0,
   showIndicator: f = !0,
   showPoint: j = !1,
-  rounding: _ = !0,
-  showValue: p = !0,
-  style: y,
-  children: N,
-  className: C,
+  rounding: p = !0,
+  showValue: C = !0,
+  style: N,
+  children: g,
+  className: _,
   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 - 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);
+  const T = Y(null), P = Y(!1), B = d * 2, w = d * 2, W = Math.min(B, w), O = B / 2, A = w / 2, k = 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] = b(r);
   V(() => {
     r !== void 0 && G(r);
   }, [r]);
-  const v = k(() => {
+  const v = y(() => {
     switch (a) {
       case "semicircle":
         return 180;
@@ -2516,37 +2516,37 @@ const $e = () => {
       default:
         return 360;
     }
-  }, [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(
+  }, [a]), L = y(() => a === "semicircle" ? [k * Math.PI, k * Math.PI] : a === "brokenCircle" ? [k * Math.PI * 1.25, k * Math.PI * 1.5] : [k * Math.PI, k * Math.PI * 2], [a, k]), R = oe(
     () => t !== n ? (H - n) / (t - n) * 100 : 0,
     [H, n, t]
-  ), q = k(() => {
+  ), q = y(() => {
     if (!T.current) return;
     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 = c.toString(), K.style.strokeLinecap = _ ? "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 = p ? "round" : "", K.style.strokeDashoffset = Z.toString(), K.style.strokeDasharray = `${he}, ${k * 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 = c.toString(), K.style.strokeLinecap = _ ? "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 = p ? "round" : "", K.style.strokeDashoffset = Z.toString(), K.style.strokeDasharray = `${je}, ${k * 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 = 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}`;
+        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, ${k * Math.PI * 2}`;
       }
     }
-  }, [H, L, t, n, b, c, u, U, I, x, D, M, _, R, S]), Q = (Z) => {
+  }, [H, L, t, n, k, c, u, U, I, x, D, M, p, R, S]), Q = (Z) => {
     P.current = !0, document.addEventListener("mousemove", ne), document.addEventListener("mouseup", J), le(Z);
   }, ne = (Z) => {
     Z.preventDefault(), P.current && le(Z);
   }, J = () => {
     P.current = !1, document.removeEventListener("mousemove", ne), document.removeEventListener("mouseup", J);
-  }, le = k((Z) => {
+  }, le = y((Z) => {
     if (!T.current) return;
     const he = v(), je = T.current.getBoundingClientRect(), K = je.left + je.width / 2, xe = je.top + je.height / 2, st = Z.clientX, it = Z.clientY, lt = xe - it, at = K - st;
     let ae = Math.atan2(lt, at) * (180 / Math.PI);
@@ -2562,7 +2562,7 @@ const $e = () => {
   const z = {
     "--stroke-width": `${c}px`
   };
-  return /* @__PURE__ */ e.jsxs("div", { style: { width: B, height: w, ...y }, className: "range-circule-wrapper", onFocus: i, onBlur: l, children: [
+  return /* @__PURE__ */ e.jsxs("div", { style: { width: B, height: w, ...N }, className: "range-circule-wrapper", onFocus: i, onBlur: l, children: [
     /* @__PURE__ */ e.jsxs(
       "svg",
       {
@@ -2578,7 +2578,7 @@ const $e = () => {
               fill: "none",
               cx: O,
               cy: A,
-              r: b
+              r: k
             }
           ),
           D && /* @__PURE__ */ e.jsx(
@@ -2588,7 +2588,7 @@ const $e = () => {
               fill: "none",
               cx: O,
               cy: A,
-              r: b
+              r: k
             }
           ),
           M && /* @__PURE__ */ e.jsx(
@@ -2598,13 +2598,13 @@ const $e = () => {
               fill: "none",
               cx: O,
               cy: A,
-              r: b
+              r: k
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx("div", { className: `range-circule-children ${C}`, style: z, children: N ?? (p && /* @__PURE__ */ e.jsx(An, { className: "", text: Math.floor(H).toString() })) })
+    /* @__PURE__ */ e.jsx("div", { className: `range-circule-children ${_}`, style: z, children: g ?? (C && /* @__PURE__ */ e.jsx(An, { className: "", text: Math.floor(H).toString() })) })
   ] });
 }, ir = ve(
   ({
@@ -2662,7 +2662,7 @@ const se = ({ style: n, short: t, text: r }) => r ? /* @__PURE__ */ e.jsxs("div"
   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 a = Y(null), [o, c] = g({ left: "0px", top: "0px" }), [d, u] = g(!1);
+  const a = Y(null), [o, c] = b({ left: "0px", top: "0px" }), [d, u] = b(!1);
   function m(h) {
     for (let x of h)
       if (x.icon)
@@ -2685,7 +2685,7 @@ const se = ({ style: n, short: t, text: r }) => r ? /* @__PURE__ */ e.jsxs("div"
     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 [a, o] = g(!1), c = k(() => {
+  const [a, o] = b(!1), c = y(() => {
     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: [
@@ -2707,7 +2707,7 @@ function zn({ block: n, smallDisplay: t, onHide: r, globalClick: s, autoHide: i
   return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((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 = () => {
+  const t = Y(null), [r, s] = b({ left: "0px", top: "0px" }), i = () => {
     n.onHide && n.onHide();
   };
   return dt(() => {
@@ -2736,7 +2736,7 @@ const or = 100, dr = (n) => {
     /* @__PURE__ */ e.jsx(zn, { block: r, smallDisplay: !0, autoHide: n.autoHide, onHide: n.onHide })
   ] }, s)) }) });
 }, Pn = (n) => n.screensize === ee.MOBILE ? /* @__PURE__ */ e.jsx(_e, { container: n.container, children: /* @__PURE__ */ e.jsx(ur, { ...n }) }) : /* @__PURE__ */ e.jsx(_e, { container: n.container, children: /* @__PURE__ */ e.jsx(dr, { ...n }) }), Fs = 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 = () => {
+  const [o, c] = b(!1), [d, u] = b(void 0), { screen: m } = Ce(we), h = () => {
     c(!1), u(void 0);
   }, x = (j) => {
     j.stopPropagation(), c(!0), u({ x: j.clientX, y: j.clientY }), i == null || i(j);
@@ -2894,15 +2894,15 @@ const Zn = ve(
     variant: c = "primary",
     ...d
   }, u) => {
-    const [m, h] = g([]);
+    const [m, h] = b([]);
     V(() => {
       h(x(t));
     }, [t]);
-    const x = (j) => j === void 0 ? [] : Array.isArray(j) ? j : [j], f = (j, _) => {
+    const x = (j) => j === void 0 ? [] : Array.isArray(j) ? j : [j], f = (j, p) => {
       if (i) return;
       j.preventDefault();
-      let p;
-      r ? p = m.includes(_) ? m.filter((y) => y !== _) : [...m, _] : p = m.includes(_) ? [] : [_], h(p), l == null || l(p, j);
+      let C;
+      r ? C = m.includes(p) ? m.filter((N) => N !== p) : [...m, p] : C = m.includes(p) ? [] : [p], h(C), l == null || l(C, j);
     };
     return /* @__PURE__ */ e.jsx(
       "div",
@@ -2920,7 +2920,7 @@ const Zn = ve(
             "aria-label": j,
             disabled: i,
             className: `segmented-button__item ${m.includes(j) ? "segmented-button__item--active" : ""}`,
-            onClick: (_) => f(_, j),
+            onClick: (p) => f(p, 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 }),
@@ -2985,11 +2985,11 @@ function hr({
   defaultValue: c,
   style: d
 }) {
-  const [u, m] = g(c), h = k(() => {
+  const [u, m] = b(c), h = y(() => {
     u !== void 0 && (n == null || n(u), m(void 0), !i && (s == null || s()));
-  }, [u, n, i, s]), x = k(() => {
+  }, [u, n, i, s]), x = y(() => {
     s == null || s();
-  }, [s]), f = k((j) => {
+  }, [s]), f = y((j) => {
     m(j);
   }, []);
   return /* @__PURE__ */ e.jsxs(
@@ -3017,7 +3017,7 @@ function hr({
             scroll: !0,
             maxHeight: "300px",
             "aria-label": "Варианты выбора",
-            children: t.map((j, _) => /* @__PURE__ */ e.jsx(
+            children: t.map((j, p) => /* @__PURE__ */ e.jsx(
               "label",
               {
                 "aria-disabled": j.disabled,
@@ -3042,7 +3042,7 @@ function hr({
                   }
                 )
               },
-              `${l}_${_}`
+              `${l}_${p}`
             ))
           }
         ),
@@ -3088,11 +3088,11 @@ const Ve = te.forwardRef(
     placeholder: x,
     className: f,
     validEmptyValue: j,
-    onFocus: _,
-    onBlur: p,
-    error: y,
-    max: N,
-    min: C,
+    onFocus: p,
+    onBlur: C,
+    error: N,
+    max: g,
+    min: _,
     autoFocus: S,
     disabled: T,
     size: P = "medium",
@@ -3100,17 +3100,17 @@ const Ve = te.forwardRef(
     errorText: w,
     onKeyDown: W
   }, O) => {
-    const A = Y(null), [b, D] = g(!1), [M, E] = g(!1), [U, I] = g(!!h), H = Be(), G = () => {
+    const A = Y(null), [k, D] = b(!1), [M, E] = b(!1), [U, I] = b(!!h), H = Be(), G = () => {
       if (!A.current) return;
       const Q = A.current.querySelector("input");
       Q == null || Q.focus();
     }, v = (Q) => {
-      _ == null || _(Q), E(!0);
+      p == null || p(Q), E(!0);
     }, L = (Q) => {
-      p == null || p(Q), E(!1), I(!!Q.target.value);
-    }, R = k(
-      (Q, ne) => D(!!(y || Q && (!ne || ne === ""))),
-      [y]
+      C == null || C(Q), E(!1), I(!!Q.target.value);
+    }, R = y(
+      (Q, ne) => D(!!(N || Q && (!ne || ne === ""))),
+      [N]
     );
     V(() => {
       R(j, h), I(!!h);
@@ -3133,7 +3133,7 @@ const Ve = te.forwardRef(
           ${o ? "input-field_border" : ""} 
           ${M ? "input-field_active" : ""} 
           ${i ? "input-field_transparent" : ""} 
-          ${b ? "input-field_error" : ""} 
+          ${k ? "input-field_error" : ""} 
           ${T ? "input-field_disabled" : ""}
         `,
           onClick: G,
@@ -3144,8 +3144,8 @@ const Ve = te.forwardRef(
                 "input",
                 {
                   ref: t,
-                  max: N,
-                  min: C,
+                  max: g,
+                  min: _,
                   id: H,
                   readOnly: l,
                   disabled: T,
@@ -3153,7 +3153,7 @@ const Ve = te.forwardRef(
                   type: a ? "password" : s,
                   className: `
               input-field__input-container__input 
-              ${b ? "input-field__input-container__input_error" : ""}
+              ${k ? "input-field__input-container__input_error" : ""}
               `,
                   name: m,
                   value: h,
@@ -3163,8 +3163,8 @@ const Ve = te.forwardRef(
                   onBlur: L,
                   onKeyDown: W,
                   autoFocus: S,
-                  "aria-invalid": b,
-                  "aria-describedby": b ? `${m}-error` : void 0
+                  "aria-invalid": k,
+                  "aria-describedby": k ? `${m}-error` : void 0
                 }
               ),
               x && /* @__PURE__ */ e.jsx(
@@ -3186,8 +3186,8 @@ const Ve = te.forwardRef(
           ]
         }
       ),
-      b && w && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__error-text", children: w }),
-      B && !b && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__helper-text", children: B })
+      k && w && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__error-text", children: w }),
+      B && !k && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__helper-text", children: B })
     ] });
   }
 );
@@ -3207,43 +3207,43 @@ const Vs = ({
   cancelText: m = "Отмена",
   validate: h
 }) => {
-  const [x, f] = g(d), [j, _] = g(!0);
+  const [x, f] = b(d), [j, p] = b(!0);
   V(() => {
     if (h)
-      _(h(x));
+      p(h(x));
     else if (a === "number") {
-      const C = Number(x);
-      _(!isNaN(C) && C >= o && C <= c);
+      const _ = Number(x);
+      p(!isNaN(_) && _ >= o && _ <= c);
     } else
-      _(!0);
+      p(!0);
   }, [x, h, a, o, c]);
-  const p = k(() => {
+  const C = y(() => {
     j && (s == null || s(x), i == null || i());
-  }, [x, j, s, i]), y = k(() => {
+  }, [x, j, s, i]), N = y(() => {
     i == null || i();
-  }, [i]), N = (C) => {
+  }, [i]), g = (_) => {
     if (a === "number") {
-      if (C === "") {
+      if (_ === "") {
         f("");
         return;
       }
-      const S = Number(C);
-      isNaN(S) || (S < o && (C = String(o)), S > c && (C = String(c)), f(C));
+      const S = Number(_);
+      isNaN(S) || (S < o && (_ = String(o)), S > c && (_ = String(c)), f(_));
     } else
-      f(C);
+      f(_);
   };
   return /* @__PURE__ */ e.jsxs(
     Ee,
     {
       style: n,
       header: r,
-      onHide: y,
+      onHide: N,
       action: /* @__PURE__ */ e.jsxs("div", { children: [
-        /* @__PURE__ */ e.jsx(de, { onClick: y, children: m }),
+        /* @__PURE__ */ e.jsx(de, { onClick: N, children: m }),
         /* @__PURE__ */ e.jsx(
           de,
           {
-            onClick: p,
+            onClick: C,
             disabled: !j || a === "number" && x === "",
             children: u
           }
@@ -3261,7 +3261,7 @@ const Vs = ({
               border: !0,
               placeholder: l,
               value: x,
-              onChange: N,
+              onChange: g,
               error: !j
             }
           ),
@@ -3326,7 +3326,7 @@ const Vs = ({
         ] }),
         /* @__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) })
+          h && /* @__PURE__ */ e.jsx(ze, { btns: h.filter((C) => !C.hide && !C.success) })
         ] })
       ]
     }
@@ -3363,9 +3363,9 @@ const Vs = ({
     loading: x = !1,
     style: f,
     elevation: j = 6,
-    ..._
-  }, p) => {
-    const { screen: y } = Ce(we), N = u ?? y, C = `elevation-${Math.min(24, Math.max(0, j))}`, S = (B) => {
+    ...p
+  }, C) => {
+    const { screen: N } = Ce(we), g = u ?? N, _ = `elevation-${Math.min(24, Math.max(0, j))}`, S = (B) => {
       T(B) && (d == null || d(B), P(B));
     }, T = (B) => {
       const w = B.target;
@@ -3373,17 +3373,17 @@ const Vs = ({
     }, P = (B) => {
       const w = B.currentTarget, W = w.querySelector(".card-ripple-container");
       if (!W) return;
-      const O = w.getBoundingClientRect(), A = Math.max(O.width, O.height), b = B.clientX - O.left - A / 2, D = B.clientY - O.top - A / 2, M = document.createElement("span");
-      M.className = "card-ripple", M.style.width = M.style.height = `${A}px`, M.style.left = `${b}px`, M.style.top = `${D}px`, W.appendChild(M), setTimeout(() => M.remove(), 600);
+      const O = w.getBoundingClientRect(), A = Math.max(O.width, O.height), k = B.clientX - O.left - A / 2, D = B.clientY - O.top - A / 2, M = document.createElement("span");
+      M.className = "card-ripple", M.style.width = M.style.height = `${A}px`, M.style.left = `${k}px`, M.style.top = `${D}px`, W.appendChild(M), setTimeout(() => M.remove(), 600);
     };
     return /* @__PURE__ */ e.jsxs(
       "div",
       {
-        ref: p,
+        ref: C,
         style: f,
-        className: `${n} card card--${h} ${C} ${x ? "card--loading" : ""}`,
+        className: `${n} card card--${h} ${_} ${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: [
@@ -3397,7 +3397,7 @@ const Vs = ({
                 {
                   type: "title",
                   weight: "bold",
-                  screensize: N,
+                  screensize: g,
                   className: "card-title",
                   children: i
                 }
@@ -3409,7 +3409,7 @@ const Vs = ({
               {
                 type: "title-2",
                 weight: "bold",
-                screensize: N,
+                screensize: g,
                 className: "card-subhead",
                 children: l
               }
@@ -3418,7 +3418,7 @@ const Vs = ({
               X,
               {
                 type: "body",
-                screensize: N,
+                screensize: g,
                 className: "card-text",
                 children: a
               }
@@ -3434,18 +3434,18 @@ 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: 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) => {
+  const [o, c] = b(!1), [d, u] = b(null), [m, h] = b({ x: 0, y: 0 }), x = (p) => {
+    p.button == 1 && (c(!1), u(null), document.body.style.cursor = "auto");
+  }, f = (p) => {
+    p.button == 1 && a && (u({ x: p.clientX, y: p.clientY }), c(!0), document.body.style.cursor = "move");
+  }, j = y((p) => {
+    o && (h((C) => {
       if (!d)
-        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: _.clientX, y: _.clientY }));
+        return C;
+      const N = p.clientX - d.x, g = p.clientY - d.y;
+      let _ = C.x + N, S = C.y + g;
+      return { x: _, y: S };
+    }), u({ x: p.clientX, y: p.clientY }));
   }, [o, d]);
   return V(() => {
     l && h({ ...l });
@@ -3464,12 +3464,12 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
 }) => {
   const u = te.useCallback((x, f) => {
     const j = Array.from({ length: x }, () => []);
-    return f.forEach((_) => {
-      if (_.indexCol >= j.length) {
-        console.error(`Invalid column index. indexCol = ${_.indexCol}, column count = ${x}`);
+    return f.forEach((p) => {
+      if (p.indexCol >= j.length) {
+        console.error(`Invalid column index. indexCol = ${p.indexCol}, column count = ${x}`);
         return;
       }
-      j[_.indexCol].push(_.node);
+      j[p.indexCol].push(p.node);
     }), j;
   }, []), m = te.useMemo(() => u(l, a), [u, l, a]), h = te.useCallback((x, f) => {
     o == null || o(x, f);
@@ -3492,7 +3492,7 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
           onClick: (j) => h(f, j),
           className: `${c} alex-evo-sh-ui-kit-column-layout-coll`,
           "data-testid": `column-${f}`,
-          children: x.map((j, _) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: j }, `item-${f}-${_}`))
+          children: x.map((j, p) => /* @__PURE__ */ e.jsx("div", { className: "alex-evo-sh-ui-kit-column-layout-item", children: j }, `item-${f}-${p}`))
         },
         `column-${f}`
       ))
@@ -3509,19 +3509,19 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   action: o,
   onVisibilityChange: c
 }) => {
-  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), c == null || c(N);
+  const [d, u] = b(l ? a : !0), m = Y(null), h = (p) => {
+    if (!p) return;
+    const C = Ye(p);
+    if (C)
+      return C.height + fr;
+  }, x = (p) => {
+    const C = h(p);
+    return C ? Math.min(C * jr, 1) : 0.4;
+  }, f = (p) => {
+    const C = p.target;
+    if (!(C.closest(".action-btn") || C.classList.contains("action-btn")) && l) {
+      const g = !d;
+      u(g), c == null || c(g);
     }
   };
   V(() => {
@@ -3546,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: (_) => {
-              l && (_.key === "Enter" || _.key === " ") && (_.preventDefault(), f(_));
+            onKeyDown: (p) => {
+              l && (p.key === "Enter" || p.key === " ") && (p.preventDefault(), f(p));
             },
             children: [
               /* @__PURE__ */ e.jsx(X, { type: "title", children: t }),
@@ -3559,8 +3559,8 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
                   "aria-label": o.ariaLabel || "Action",
                   role: "button",
                   tabIndex: 0,
-                  onKeyDown: (_) => {
-                    (_.key === "Enter" || _.key === " ") && (_.preventDefault(), o.onClick());
+                  onKeyDown: (p) => {
+                    (p.key === "Enter" || p.key === " ") && (p.preventDefault(), o.onClick());
                   },
                   children: o.icon
                 }
@@ -3606,27 +3606,27 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   itemMaxWith: a,
   itemWith: o = "400px"
 }) => {
-  const c = Y(null), [d, u] = g([]), m = Y(null), h = Y(null), x = k(() => {
+  const c = Y(null), [d, u] = b([]), m = Y(null), h = Y(null), x = y(() => {
     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(() => {
+    const C = l ?? o, N = a ?? o;
+    c.current.style.gridTemplateColumns = `repeat(auto-fill, minmax(${C}, ${N}))`, c.current.style.gridAutoRows = "1px";
+  }, [s, i, l, a, o]), f = y(() => {
     if (c.current) {
-      const p = c.current.querySelectorAll(".adaptiv-grid-item");
-      u(Array.from(p));
+      const C = c.current.querySelectorAll(".adaptiv-grid-item");
+      u(Array.from(C));
     }
-  }, []), j = k(() => {
+  }, []), j = y(() => {
     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");
+    const C = window.getComputedStyle(c.current), N = parseInt(C.getPropertyValue("grid-row-gap")) || 0, g = parseInt(C.getPropertyValue("grid-auto-rows")) || 1;
+    d.forEach((_) => {
+      const S = _.querySelector(".adaptiv-grid-item-container");
       if (S) {
-        const T = S.getBoundingClientRect().height, P = Math.ceil((T + y) / (N + y));
-        C.style.gridRowEnd = `span ${P}`;
+        const T = S.getBoundingClientRect().height, P = Math.ceil((T + N) / (g + N));
+        _.style.gridRowEnd = `span ${P}`;
       }
     });
-  }, [d]), _ = k(() => {
+  }, [d]), p = y(() => {
     h.current !== null && cancelAnimationFrame(h.current), h.current = requestAnimationFrame(() => {
       j(), h.current = null;
     });
@@ -3634,12 +3634,12 @@ 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(() => _());
-    const p = m.current;
-    return d.forEach((y) => p.observe(y)), _(), () => {
-      p.disconnect(), h.current !== null && cancelAnimationFrame(h.current);
+    m.current && m.current.disconnect(), m.current = new ResizeObserver(() => p());
+    const C = m.current;
+    return d.forEach((N) => C.observe(N)), p(), () => {
+      C.disconnect(), h.current !== null && cancelAnimationFrame(h.current);
     };
-  }, [d, _]), /* @__PURE__ */ e.jsx(
+  }, [d, p]), /* @__PURE__ */ e.jsx(
     "div",
     {
       style: { minWidth: n },
@@ -3679,62 +3679,64 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   activeTabClassName: s = "active",
   onTabClick: i,
   activeTabIndex: l,
-  tabContainerClassName: a = ""
+  tabContainerClassName: a = "",
+  className: o,
+  style: c
 }) => {
-  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: p === "left" ? -y : y,
+  const [d, u] = b(0), m = l !== void 0 ? l : d, h = Y(null), x = Y(null), [f, j] = b(!1), p = (g) => {
+    if (h.current) {
+      const _ = t || h.current.offsetWidth / 2;
+      h.current.scrollBy({
+        left: g === "left" ? -_ : _,
         behavior: "smooth"
       });
     }
   };
   V(() => {
-    const p = () => {
-      u.current && x(
-        u.current.scrollWidth > u.current.clientWidth
+    const g = () => {
+      h.current && j(
+        h.current.scrollWidth > h.current.clientWidth
       );
     };
-    return p(), window.addEventListener("resize", p), () => window.removeEventListener("resize", p);
+    return g(), window.addEventListener("resize", g), () => window.removeEventListener("resize", g);
   }, []), V(() => {
-    if (u.current && m.current) {
-      const p = u.current.children[d];
-      p && (m.current.style.width = `${p.offsetWidth}px`, m.current.style.transform = `translateX(${p.offsetLeft}px)`);
+    if (h.current && x.current) {
+      const g = h.current.children[m];
+      g && (x.current.style.width = `${g.offsetWidth}px`, x.current.style.transform = `translateX(${g.offsetLeft}px)`);
     }
-  }, [d]);
-  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);
+  }, [m]);
+  const C = (g) => {
+    g.key === "ArrowRight" ? N((m + 1) % n.length) : g.key === "ArrowLeft" && N((m - 1 + n.length) % n.length);
+  }, N = (g) => {
+    l === void 0 && u(g), i && i(g);
   };
-  return /* @__PURE__ */ e.jsxs("div", { className: "alex-evo-ui-kit-tabs-container", children: [
+  return /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-ui-kit-tabs-container ${o ?? ""}`, style: 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: "◀" }),
+      f && /* @__PURE__ */ e.jsx("button", { onClick: () => p("left"), className: "alex-evo-ui-kit-scroll-button", children: "◀" }),
       /* @__PURE__ */ e.jsxs(
         "div",
         {
           className: "alex-evo-ui-kit-tabs-header",
-          ref: u,
-          onKeyDown: j,
+          ref: h,
+          onKeyDown: C,
           tabIndex: 0,
           children: [
-            n.map((p, y) => /* @__PURE__ */ e.jsx(
+            n.map((g, _) => /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: `alex-evo-ui-kit-tab ${r} ${d === y ? s : ""}`,
-                onClick: () => _(y),
-                children: p.label
+                className: `alex-evo-ui-kit-tab ${r} ${m === _ ? s : ""}`,
+                onClick: () => N(_),
+                children: g.label
               },
-              p.label
+              g.label
             )),
-            /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-indicator", ref: m })
+            /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-indicator", ref: x })
           ]
         }
       ),
-      h && /* @__PURE__ */ e.jsx("button", { onClick: () => f("right"), className: "alex-evo-ui-kit-scroll-button", children: "▶" })
+      f && /* @__PURE__ */ e.jsx("button", { onClick: () => p("right"), className: "alex-evo-ui-kit-scroll-button", children: "▶" })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-tab-content", children: n[d].content })
+    /* @__PURE__ */ e.jsx("div", { className: "alex-evo-ui-kit-tab-content", children: n[m].content })
   ] });
 }, _r = ve(({
   children: n,
@@ -3760,8 +3762,8 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   };
   c && (f.display = "flex", f.flexDirection = "column", d > 0 && (f.gap = d)), V(() => {
     if (!x.current || !u) return;
-    const _ = new IntersectionObserver(u);
-    return _.observe(x.current), () => _.disconnect();
+    const p = new IntersectionObserver(u);
+    return p.observe(x.current), () => p.disconnect();
   }, [u]);
   const j = [
     "list-container",
@@ -3789,9 +3791,9 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   noTransformTransition: h,
   ...x
 }, f) => {
-  const j = (p) => {
-    !d && !p.target.closest(".control-container") && (a == null || a(p));
-  }, _ = [
+  const j = (C) => {
+    !d && !C.target.closest(".control-container") && (a == null || a(C));
+  }, p = [
     "list-item-container",
     c,
     `container_shadow-hover-${m}`,
@@ -3800,15 +3802,15 @@ const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
     u ? "list-item-container_active" : "",
     h ? "no-transform-transition" : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e.jsxs("li", { ref: f, className: _, onClick: j, "aria-disabled": d, ...x, children: [
+  return /* @__PURE__ */ e.jsxs("li", { ref: f, className: p, onClick: j, "aria-disabled": d, ...x, children: [
     (n || l) && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__icon-container", children: n || l && /* @__PURE__ */ e.jsx(X, { type: "body", children: l }) }),
     (s || r || i) && /* @__PURE__ */ e.jsxs("div", { className: "list-item-container__text-container", children: [
       s && /* @__PURE__ */ e.jsx("div", { className: "list-item-container__text-container__header", children: /* @__PURE__ */ e.jsx(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: (p) => {
-      p.stopPropagation();
+    t && /* @__PURE__ */ e.jsx("div", { onClick: (C) => {
+      C.stopPropagation();
     }, className: "list-item-container__control-container", children: t })
   ] });
 });
@@ -3854,7 +3856,7 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
   index: o,
   maxH: c
 }) => {
-  const d = k(
+  const d = y(
     (u) => {
       u.target.closest(".no-click") || a == null || a(t, o);
     },
@@ -3991,7 +3993,7 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-drawer__text navigation-item-drawer__text_color_surface-variant", children: r })
 ] }), wr = ({ item: n, onHide: t }) => {
   if (n.type !== "submenu") return null;
-  const [r, s] = g(n.open ?? !1);
+  const [r, s] = b(n.open ?? !1);
   return /* @__PURE__ */ e.jsxs("div", { className: `navigation-sub-menu ${r ? "navigation-sub-menu__open" : ""}`, children: [
     /* @__PURE__ */ e.jsx(
       Re,
@@ -4179,11 +4181,11 @@ const Vr = [
   width: o = 310,
   height: c = "auto"
 }) => {
-  const d = Y(null), u = Y(null), m = Y(null), h = Y(null), [x, f] = g(Tr(t)), [j, _] = g(!1), [p, y] = g(
+  const d = Y(null), u = Y(null), m = Y(null), h = Y(null), [x, f] = b(Tr(t)), [j, p] = b(!1), [C, N] = b(
     `#${ke(Le(x))}`
-  ), N = oe(() => Le(x), [x]), C = oe(() => `#${ke(N)}`, [N]), S = oe(
-    () => p[0] !== "#" ? `#${p}` : p,
-    [p]
+  ), g = oe(() => Le(x), [x]), _ = oe(() => `#${ke(g)}`, [g]), S = oe(
+    () => C[0] !== "#" ? `#${C}` : C,
+    [C]
   );
   V(() => {
     !m.current || !d.current || !u.current || !h.current || T(
@@ -4195,65 +4197,65 @@ const Vr = [
     );
   }, [x]), V(() => {
     if (!m.current || !h.current) return;
-    const b = m.current.getContext("2d");
-    b && (Mr(
-      b,
+    const k = m.current.getContext("2d");
+    k && (Mr(
+      k,
       m.current,
       `#${ke(Le(x.h, 1, 1))}`
     ), Lr(
       m.current,
-      b,
+      k,
       h.current,
       (D, M) => {
         f((E) => {
           const U = { ...E, s: D / 100, v: M / 100 };
-          return y(ke(Le(U))), U;
+          return N(ke(Le(U))), U;
         });
       }
     ));
   }, [x.h]), V(() => {
     if (!d.current || !u.current) return;
-    const b = d.current.getContext("2d");
-    b && (Rr(b, d.current), Er(b, d.current, u.current, (D) => {
+    const k = d.current.getContext("2d");
+    k && (Rr(k, d.current), Er(k, d.current, u.current, (D) => {
       f((M) => {
         const E = { ...M, h: D / 360 };
-        return y(ke(Le(E))), E;
+        return N(ke(Le(E))), E;
       });
     }));
   }, []), V(() => {
-    if (p.length === 4 || p.length === 7)
+    if (C.length === 4 || C.length === 7)
       try {
-        f(De(Ne(p)));
+        f(De(Ne(C)));
       } catch {
         console.warn("Invalid HEX color");
       }
-  }, [p]);
-  const T = (b, D, M, E, U) => {
+  }, [C]);
+  const T = (k, 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;
+      const I = k.getBoundingClientRect(), H = M.getBoundingClientRect(), G = Math.round(U.s * I.width), v = Math.round((1 - U.v) * I.height), L = (360 - U.h * 360) / 360 * H.height;
       Kn(D, G, v), qn(E, L);
     } catch (I) {
       console.error("Error updating cursor positions", I);
     }
-  }, P = (b) => {
+  }, P = (k) => {
     try {
-      f(De(Ne(b))), y(b);
+      f(De(Ne(k))), N(k);
     } catch {
       console.warn("Invalid color format");
     }
-  }, B = 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) => {
+  }, B = y(() => {
+    s == null || s([...a, _]);
+  }, [s, a, _]), w = y(() => {
+    r == null || r(_), i && (n == null || n());
+  }, [r, _]), W = y(
+    (k, D) => {
       const M = Math.min(255, Math.max(0, D));
-      f(De({ ...N, [b]: M })), y(ke({ ...N, [b]: M }));
+      f(De({ ...g, [k]: M })), N(ke({ ...g, [k]: M }));
     },
-    [N]
-  ), O = k((b) => {
-    y(b);
-  }, []), A = k(() => {
+    [g]
+  ), O = y((k) => {
+    N(k);
+  }, []), A = y(() => {
     l && (r == null || r(l), i && (n == null || n()), P(l));
   }, [l, r, P]);
   return /* @__PURE__ */ e.jsxs(
@@ -4265,13 +4267,13 @@ const Vr = [
       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(
+          /* @__PURE__ */ e.jsx("div", { className: "swatches default-swatches", children: Vr.map((k, D) => /* @__PURE__ */ e.jsx(
             "button",
             {
-              onClick: () => P(b),
+              onClick: () => P(k),
               className: "swatch",
-              style: { backgroundColor: b },
-              "aria-label": `Color ${b}`
+              style: { backgroundColor: k },
+              "aria-label": `Color ${k}`
             },
             D
           )) }),
@@ -4324,9 +4326,9 @@ const Vr = [
           ] })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "panel-row", style: { padding: 0 }, children: [
-          /* @__PURE__ */ e.jsx("div", { className: `field-group value-fields rgb-fields ${j ? "" : "active"}`, children: ["r", "g", "b"].map((b) => /* @__PURE__ */ e.jsxs("div", { className: "field-group", children: [
+          /* @__PURE__ */ e.jsx("div", { className: `field-group value-fields rgb-fields ${j ? "" : "active"}`, children: ["r", "g", "b"].map((k) => /* @__PURE__ */ e.jsxs("div", { className: "field-group", children: [
             /* @__PURE__ */ e.jsxs("label", { className: "field-label", children: [
-              b.toUpperCase(),
+              k.toUpperCase(),
               ":"
             ] }),
             /* @__PURE__ */ e.jsx(
@@ -4335,13 +4337,13 @@ const Vr = [
                 type: "number",
                 max: "255",
                 min: "0",
-                value: N[b],
-                onChange: (D) => W(b, Number(D.target.value)),
+                value: g[k],
+                onChange: (D) => W(k, Number(D.target.value)),
                 className: "field-input rgb-input",
-                "aria-label": `${b.toUpperCase()} value`
+                "aria-label": `${k.toUpperCase()} value`
               }
             )
-          ] }, b)) }),
+          ] }, k)) }),
           /* @__PURE__ */ e.jsxs("div", { className: `field-group value-fields hex-field ${j ? "active" : ""}`, children: [
             /* @__PURE__ */ e.jsx("label", { className: "field-label", children: "Hex:" }),
             /* @__PURE__ */ e.jsx(
@@ -4350,7 +4352,7 @@ const Vr = [
                 type: "text",
                 className: "field-input",
                 value: S,
-                onChange: (b) => O(b.target.value),
+                onChange: (k) => O(k.target.value),
                 "aria-label": "HEX color value"
               }
             )
@@ -4359,7 +4361,7 @@ const Vr = [
             "button",
             {
               className: "button-color-picker mode-toggle",
-              onClick: () => _((b) => !b),
+              onClick: () => p((k) => !k),
               "aria-label": `Switch to ${j ? "RGB" : "HEX"} mode`,
               children: "Mode"
             }
@@ -4367,13 +4369,13 @@ const Vr = [
         ] }),
         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: a.map((b, D) => /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx("div", { id: "user-swatches", className: "swatches custom-swatches", children: a.map((k, D) => /* @__PURE__ */ e.jsx(
             "button",
             {
-              onClick: () => P(b),
+              onClick: () => P(k),
               className: "swatch",
-              style: { backgroundColor: b },
-              "aria-label": `User color ${b}`
+              style: { backgroundColor: k },
+              "aria-label": `User color ${k}`
             },
             D
           )) })
@@ -4389,7 +4391,7 @@ const Vr = [
                 /* @__PURE__ */ e.jsx(
                   "span",
                   {
-                    style: { backgroundColor: C },
+                    style: { backgroundColor: _ },
                     className: "color-indicator"
                   }
                 ),
@@ -4431,20 +4433,20 @@ const Vr = [
   defaultColor: c,
   placeholder: d
 }) => {
-  const [u, m] = g(!1), [h, x] = g(s);
+  const [u, m] = b(!1), [h, x] = b(s);
   V(() => {
     s !== void 0 && x(s);
   }, [s]);
-  const f = k(() => {
+  const f = y(() => {
     m(!0);
-  }, []), j = k(
-    (y) => {
-      x(y), t == null || t(y), m(!1);
+  }, []), j = y(
+    (N) => {
+      x(N), t == null || t(N), m(!1);
     },
     [t]
-  ), _ = k(() => {
+  ), p = y(() => {
     m(!1);
-  }, []), p = [
+  }, []), C = [
     "input-field",
     "color-field",
     n ? "input-field_border" : "",
@@ -4452,7 +4454,7 @@ const Vr = [
     i
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs("div", { className: p, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: C, children: [
       /* @__PURE__ */ e.jsxs("div", { className: "color-indicator-field", children: [
         /* @__PURE__ */ e.jsx(
           "div",
@@ -4484,7 +4486,7 @@ const Vr = [
         onAddColor: o,
         onChange: j,
         beginColor: h,
-        onHide: _
+        onHide: p
       }
     ) })
   ] });
@@ -4502,31 +4504,31 @@ 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, a] = g(me[(/* @__PURE__ */ new Date()).getMonth()]), [o, c] = g((/* @__PURE__ */ new Date()).getFullYear()), [d, u] = g({
+  const [r] = b(me[(/* @__PURE__ */ new Date()).getMonth()]), [s] = b((/* @__PURE__ */ new Date()).getFullYear()), [i] = b((/* @__PURE__ */ new Date()).getDate()), [l, a] = b(me[(/* @__PURE__ */ new Date()).getMonth()]), [o, c] = b((/* @__PURE__ */ new Date()).getFullYear()), [d, u] = b({
     day: (/* @__PURE__ */ new Date()).getDate(),
     type: "NOW_MONTH"
     /* NOW_MONTH */
-  }), [m, h] = g(
+  }), [m, h] = b(
     "DAYS"
     /* DAYS */
-  ), 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;
-  }, _ = (C) => {
+  ), x = (_, S) => new Date(_, S + 1, 0).getDate(), f = (_, S, T) => new Date(_, S, T).getDay(), j = (_, S) => {
+    let T = Array(x(_, S)).fill(0).map((W, O) => ({ type: "NOW_MONTH", day: O + 1 })), P = f(_, S, x(_, S)), B = Array(7 - P).fill(0).map((W, O) => ({ type: "NEXT_MONTH", day: O + 1 }));
+    return T = Array(f(_, S, 0)).fill(0).map((W, O) => ({ type: "PREV_MONTH", day: x(S ? _ : _ - 1, S ? S - 1 : 11) - O })).reverse().concat(T).concat(B), T;
+  }, p = (_) => {
     h(
       "DAYS"
       /* DAYS */
-    ), c(C);
-  }, p = (C) => {
+    ), c(_);
+  }, C = (_) => {
     h(
       "DAYS"
       /* DAYS */
-    ), a(C);
-  }, y = (C) => {
-    u(C);
-  }, N = k(() => {
-    let C = /* @__PURE__ */ new Date();
-    C.setFullYear(o), d.type === "NEXT_MONTH" ? l === me[11] ? (C.setMonth(0), C.setFullYear(o + 1)) : C.setMonth(me.indexOf(l) + 1) : d.type === "PREV_MONTH" ? l === me[0] ? (C.setMonth(11), C.setFullYear(o - 1)) : C.setMonth(me.indexOf(l) - 1) : C.setMonth(me.indexOf(l)), C.setDate(d.day), n && n(C.getFullYear(), C.getMonth(), C.getDate()), t && t();
+    ), a(_);
+  }, N = (_) => {
+    u(_);
+  }, g = y(() => {
+    let _ = /* @__PURE__ */ new Date();
+    _.setFullYear(o), d.type === "NEXT_MONTH" ? l === me[11] ? (_.setMonth(0), _.setFullYear(o + 1)) : _.setMonth(me.indexOf(l) + 1) : d.type === "PREV_MONTH" ? l === me[0] ? (_.setMonth(11), _.setFullYear(o - 1)) : _.setMonth(me.indexOf(l) - 1) : _.setMonth(me.indexOf(l)), _.setDate(d.day), n && n(_.getFullYear(), _.getMonth(), _.getDate()), t && t();
   }, [l, o, n, t, d]);
   return /* @__PURE__ */ e.jsxs(Ze, { className: "calendar-body-container", style: { maxWidth: "328px" }, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-select-container", children: [
@@ -4547,12 +4549,12 @@ 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: () => 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: () => _(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 })
+    m === "MONTHS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-months-container", children: me.map((_, S) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-months-item", onClick: () => C(_), children: [
+      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: l === _ ? /* @__PURE__ */ e.jsx(pe, {}) : null }),
+      /* @__PURE__ */ e.jsx("div", { className: "content", children: _ })
+    ] }, S)) }) : m === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: Dr().map((_, S) => /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-year-item", onClick: () => p(_), children: [
+      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: o === _ ? /* @__PURE__ */ e.jsx(pe, {}) : null }),
+      /* @__PURE__ */ e.jsx("div", { className: "content", children: _ })
     ] }, S)) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-dayofweek-container", children: [
         /* @__PURE__ */ e.jsx("span", { children: "M" }),
@@ -4563,11 +4565,11 @@ const Vr = [
         /* @__PURE__ */ e.jsx("span", { children: "S" }),
         /* @__PURE__ */ e.jsx("span", { children: "S" })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: j(o, me.indexOf(l)).map((C, S) => /* @__PURE__ */ e.jsx("div", { className: `day ${C.type !== "NOW_MONTH" ? "other" : ""} ${i === C.day && o === s && l === r ? "now" : ""} ${C.day === d.day && C.type === d.type ? "select" : ""}`, onClick: () => y(C), children: C.day }, S)) })
+      /* @__PURE__ */ e.jsx("div", { className: "calendar-body-days-container", children: j(o, me.indexOf(l)).map((_, S) => /* @__PURE__ */ e.jsx("div", { className: `day ${_.type !== "NOW_MONTH" ? "other" : ""} ${i === _.day && o === s && l === r ? "now" : ""} ${_.day === d.day && _.type === d.type ? "select" : ""}`, onClick: () => N(_), children: _.day }, S)) })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-action-container", children: [
       /* @__PURE__ */ e.jsx(de, { className: "little m-0", onClick: t, children: "Cancel" }),
-      /* @__PURE__ */ e.jsx(de, { className: "little m-0", onClick: N, children: "OK" })
+      /* @__PURE__ */ e.jsx(de, { className: "little m-0", onClick: g, children: "OK" })
     ] })
   ] });
 }, Hr = ({
@@ -4588,26 +4590,26 @@ 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 = () => {
-    N(!0);
+  const [p, C] = b(s ?? ""), [N, g] = b(!1), [_, S] = b(!1), [T, P] = b(!!s), B = Be(), w = l || o, W = () => {
+    g(!0);
   }, O = (I) => {
     let H = String(I + 1);
     return H.length < 2 && (H = "0" + H), H;
   }, A = (I) => {
     let H = String(I);
     return H.length < 2 && (H = "0" + H), H;
-  }, b = (I) => {
+  }, k = (I) => {
     x == null || x(I), S(!0);
   }, D = (I) => {
     h == null || h(I), S(!1), P(!!I.target.value);
-  }, M = k(() => {
-    p(""), f == null || f(), t == null || t("");
+  }, M = y(() => {
+    C(""), f == null || f(), t == null || t("");
   }, [f, t]);
   V(() => {
     P(!!s);
   }, [s]);
-  const E = k((I, H, G) => {
-    p(`${I}-${O(H)}-${A(G)}`), t && t(`${I}-${O(H)}-${A(G)}`);
+  const E = y((I, H, G) => {
+    C(`${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",
@@ -4619,7 +4621,7 @@ const Vr = [
           input-field__date-field 
           ${U[d]}
           ${n ? "input-field_border" : ""} 
-          ${C ? "input-field_active" : ""} 
+          ${_ ? "input-field_active" : ""} 
           ${w ? "input-field_error" : ""} 
           ${u ? "input-field_disabled" : ""}
         `, children: [
@@ -4633,9 +4635,9 @@ const Vr = [
             type: "date",
             role: "textbox",
             name: r,
-            value: _,
+            value: p,
             onBlur: D,
-            onFocus: b,
+            onFocus: k,
             readOnly: !0,
             id: B,
             ...j
@@ -4652,12 +4654,12 @@ const Vr = [
           }
         )
       ] }),
-      f && _ && !u && /* @__PURE__ */ e.jsx("div", { className: `
+      f && p && !u && /* @__PURE__ */ e.jsx("div", { className: `
             input-field__icon-container 
             input-field__icon-container_clear-btn
             `, onClick: M, children: /* @__PURE__ */ e.jsx(ie, { "aria-label": "Clear input" }) })
     ] }),
-    y ? /* @__PURE__ */ e.jsx(_e, { container: a, children: /* @__PURE__ */ e.jsx(Ir, { onChange: E, onHide: () => N(!1) }) }) : null,
+    N ? /* @__PURE__ */ e.jsx(_e, { container: a, children: /* @__PURE__ */ e.jsx(Ir, { onChange: E, onHide: () => g(!1) }) }) : null,
     w && o && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__error-text", children: o }),
     c && !w && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__helper-text", children: c })
   ] });
@@ -4676,16 +4678,16 @@ const Vr = [
   dayLabels: s = zr
   // Дефолтные значения
 }) => {
-  const [i, l] = g(t ?? []);
+  const [i, l] = b(t ?? []);
   V(() => {
     t && l(t);
   }, [t]);
-  const a = k((c) => (d) => {
+  const a = y((c) => (d) => {
     l((u) => {
       const m = d.target.checked ? [...u, c] : u.filter((h) => h !== c);
       return n == null || n(m), m;
     });
-  }, [n]), o = k((c) => i.includes(c), [i]);
+  }, [n]), o = y((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",
@@ -4718,22 +4720,22 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
   errorText: x,
   helperText: f
 }) => {
-  const [j, _] = g([]), [p, y] = g(""), [N, C] = g(null);
+  const [j, p] = b([]), [C, N] = b(""), [g, _] = b(null);
   V(() => {
-    _(Wr(t, a));
+    p(Wr(t, a));
   }, [t, a]);
   const S = (w) => {
-    y(w);
+    N(w);
   }, T = (w) => {
     w.key === "Enter" && (w.preventDefault(), P());
-  }, P = k(() => {
-    if (p.trim() === "" || j.includes(p.trim()))
+  }, P = y(() => {
+    if (C.trim() === "" || j.includes(C.trim()))
       return;
-    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, C.trim()];
+    p(w), r == null || r(jn(w, a)), N(""), _(w.length - 1);
+  }, [j, C, r, a]), B = (w) => {
     const W = j.filter((O, A) => A !== w);
-    _(W), r == null || r(jn(W, a)), C(w > 0 ? w - 1 : null);
+    p(W), r == null || r(jn(W, a)), _(w > 0 ? w - 1 : null);
   };
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -4747,7 +4749,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
           {
             onChange: S,
             onKeyDown: T,
-            value: p,
+            value: C,
             border: s,
             placeholder: i,
             error: h,
@@ -4778,10 +4780,10 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
                       onDelete: () => B(W),
                       disabled: o,
                       "aria-label": `Элемент: ${w}`,
-                      "aria-selected": N === W,
+                      "aria-selected": g === W,
                       role: "option",
                       tabIndex: 0,
-                      onFocus: () => C(W)
+                      onFocus: () => _(W)
                     },
                     `${w}-${W}`
                   ))
@@ -4792,7 +4794,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
                 {
                   onClick: P,
                   className: "more-text-btn",
-                  disabled: o || !p.trim(),
+                  disabled: o || !C.trim(),
                   "aria-label": `${l} элемент`,
                   children: l
                 }
@@ -4821,47 +4823,47 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
   onFocus: x,
   onBlur: f,
   error: j,
-  max: _,
-  min: p,
-  size: y = "medium",
-  disabled: N,
-  step: C = 1,
+  max: p,
+  min: C,
+  size: N = "medium",
+  disabled: g,
+  step: _ = 1,
   helperText: S,
   errorText: T,
   ariaLabel: P,
   ariaLabelledby: B,
   ariaDescribedby: w
 }, W) => {
-  const O = Y(null), A = Y(null), b = Y(null), D = Y(null), [M, E] = g(!1), [U, I] = g(d ?? 0), H = k((z, Z) => E(!!(j || z && (!Z || Z === ""))), [j]), G = () => {
+  const O = Y(null), A = Y(null), k = Y(null), D = Y(null), [M, E] = b(!1), [U, I] = b(d ?? 0), H = y((z, Z) => E(!!(j || z && (!Z || Z === ""))), [j]), G = () => {
     if (!D.current)
       return;
     const z = D.current.querySelector("input");
     z && z.focus();
-  }, v = k((z, Z) => {
-    o && (b.current && (clearTimeout(b.current), b.current = null), b.current = setTimeout(() => {
-      b.current && (clearTimeout(b.current), b.current = null), o(z, Z);
+  }, v = y((z, Z) => {
+    o && (k.current && (clearTimeout(k.current), k.current = null), k.current = setTimeout(() => {
+      k.current && (clearTimeout(k.current), k.current = null), o(z, Z);
     }, 100));
-  }, [o]), L = k(() => {
+  }, [o]), L = y(() => {
     I((z) => {
-      let Z = z ? z + C : C;
-      return typeof _ == "number" && Z > _ && (Z = _), v(Z, c), Z;
+      let Z = z ? z + _ : _;
+      return typeof p == "number" && Z > p && (Z = p), v(Z, c), Z;
     });
-  }, [v, c, _, C]), R = k(() => {
+  }, [v, c, p, _]), R = y(() => {
     I((z) => {
-      let Z = z ? z - C : -C;
-      return typeof p == "number" && Z < p && (Z = p), v(Z, c), Z;
+      let Z = z ? z - _ : -_;
+      return typeof C == "number" && Z < C && (Z = C), v(Z, c), Z;
     });
-  }, [v, c, p, C]), q = k((z) => {
+  }, [v, c, C, _]), q = y((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 p == "number" && Z < p && (Z = p), typeof _ == "number" && Z > _ && (Z = _), I(Number(z.target.value)), v(Z, c);
-  }, [c, v, U, _, p]), Q = k(() => {
+    typeof C == "number" && Z < C && (Z = C), typeof p == "number" && Z > p && (Z = p), I(Number(z.target.value)), v(Z, c);
+  }, [c, v, U, p, C]), Q = y(() => {
     O.current && clearTimeout(O.current), A.current && clearInterval(A.current), document.removeEventListener("mouseup", Q);
-  }, []), ne = k((z) => {
+  }, []), ne = y((z) => {
     z === "p" ? L() : z === "m" && R(), O.current && clearTimeout(O.current), A.current && clearInterval(A.current), document.addEventListener("mouseup", Q), O.current = setTimeout(() => {
       A.current = setInterval(() => {
         z === "p" ? L() : z === "m" && R();
@@ -4873,7 +4875,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
   V(() => {
     H(h, d);
   }, [d, h, H]), V(() => {
-    d !== void 0 && !b.current && I(d);
+    d !== void 0 && !k.current && I(d);
   }, [d]);
   const le = {
     small: "input-field__number-field_small",
@@ -4889,13 +4891,13 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
         className: `
             input-field 
             input-field__number-field
-            ${le[y]}
+            ${le[N]}
             ${i ? "input-field_border" : ""} 
             ${r ? "input-field_transparent" : ""} 
             ${M ? "input-field_error" : ""} 
-            ${N ? "input-field_disabled" : ""}
+            ${g ? "input-field_disabled" : ""}
         `,
-        "aria-disabled": N,
+        "aria-disabled": g,
         "aria-invalid": M,
         children: [
           a ? /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container", onClick: G, "aria-hidden": "true", children: a }) : null,
@@ -4904,9 +4906,9 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
               "input",
               {
                 ref: n,
-                max: _,
-                step: C,
-                min: p,
+                max: p,
+                step: _,
+                min: C,
                 readOnly: s,
                 required: !0,
                 type: "number",
@@ -4921,7 +4923,7 @@ const Wr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), jn =
                 "aria-describedby": w,
                 "aria-required": "true",
                 "aria-invalid": M,
-                disabled: N
+                disabled: g
               }
             ),
             /* @__PURE__ */ e.jsx("label", { className: "input-field__input-container__label", children: u ? /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: u }) : null }),
@@ -5006,15 +5008,15 @@ const Qn = te.forwardRef(
     validEmptyValue: x,
     onFocus: f,
     onBlur: j,
-    error: _,
-    autoFocus: p,
-    disabled: y,
-    helperText: N,
-    errorText: C,
+    error: p,
+    autoFocus: C,
+    disabled: N,
+    helperText: g,
+    errorText: _,
     rows: S = 3,
     onKeyDown: T
   }, P) => {
-    const B = Y(null), [w, W] = g(!1), [O, A] = g(!1), [b, D] = g(!!u), M = Be(), E = () => {
+    const B = Y(null), [w, W] = b(!1), [O, A] = b(!1), [k, D] = b(!!u), M = Be(), E = () => {
       var v;
       const G = (v = B.current) == null ? void 0 : v.querySelector("textarea");
       G == null || G.focus();
@@ -5022,9 +5024,9 @@ const Qn = te.forwardRef(
       f == null || f(G), A(!0);
     }, I = (G) => {
       j == null || j(G), A(!1), D(!!G.target.value);
-    }, H = k(
-      (G, v) => W(!!(_ || G && (!v || v === ""))),
-      [_]
+    }, H = y(
+      (G, v) => W(!!(p || G && (!v || v === ""))),
+      [p]
     );
     return V(() => {
       H(x, u), D(!!u);
@@ -5041,7 +5043,7 @@ const Qn = te.forwardRef(
             ${O ? "input-field_active" : ""} 
             ${s ? "input-field_transparent" : ""} 
             ${w ? "input-field_error" : ""} 
-            ${y ? "input-field_disabled" : ""}
+            ${N ? "input-field_disabled" : ""}
           `,
           onClick: E,
           children: [
@@ -5053,7 +5055,7 @@ const Qn = te.forwardRef(
                   ref: t,
                   id: M,
                   readOnly: i,
-                  disabled: y,
+                  disabled: N,
                   required: !0,
                   rows: S,
                   name: d,
@@ -5064,7 +5066,7 @@ const Qn = te.forwardRef(
                   onFocus: U,
                   onBlur: I,
                   onKeyDown: T,
-                  autoFocus: p,
+                  autoFocus: C,
                   "aria-invalid": w,
                   "aria-describedby": w ? `${d}-error` : void 0
                 }
@@ -5074,27 +5076,27 @@ const Qn = te.forwardRef(
                 {
                   htmlFor: M,
                   onClick: E,
-                  className: `input-field__input-container__label input-field__text-area__label ${b ? "input-field__input-container__label_filled" : ""}`,
+                  className: `input-field__input-container__label input-field__text-area__label ${k ? "input-field__input-container__label_filled" : ""}`,
                   children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: m })
                 }
               )
             ] }),
-            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" }) })
+            a && u && !N && /* @__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" }) })
           ]
         }
       ),
-      w && C && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__error-text", children: C }),
-      N && !w && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__helper-text", children: N })
+      w && _ && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__error-text", children: _ }),
+      g && !w && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__helper-text", children: g })
     ] });
   }
 );
 Qn.displayName = "TextArea";
 const Zr = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: i, onCancel: l, onOK: a }) => {
-  const [o, c] = g(!1), d = k((h) => {
+  const [o, c] = b(!1), d = y((h) => {
     n(h), c(!0);
-  }, [n]), u = k((h) => {
+  }, [n]), u = y((h) => {
     t(h), c(!1);
-  }, [t]), m = k(() => {
+  }, [t]), m = y(() => {
     c(!1), l();
   }, []);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -5198,11 +5200,11 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
     ] })
   ] });
 }, Kr = (n) => {
-  const [t, r] = g(n.minutes ?? 0), [s, i] = g(n.hours ?? 0), [l, a] = g(!0), o = () => {
+  const [t, r] = b(n.minutes ?? 0), [s, i] = b(n.hours ?? 0), [l, a] = b(!0), o = () => {
     n.onHide && n.onHide(), r(0), i(0);
-  }, c = k((u) => {
+  }, c = y((u) => {
     r(u), n.onChange && n.onChange(s, u), n.onHide && n.onHide();
-  }, [s]), d = k(() => {
+  }, [s]), d = y(() => {
     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: 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 }) });
@@ -5227,31 +5229,31 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
   ariaLabelledby: x,
   placeholder: f,
   onBlur: j,
-  onFocus: _,
-  onClear: p,
-  style: y,
-  ...N
+  onFocus: p,
+  onClear: C,
+  style: N,
+  ...g
 }) => {
-  const [C, S] = g(s), [T, P] = g(!1), [B, w] = g(!1), [W, O] = g(!!s), A = Be(), b = a || !!d;
+  const [_, S] = b(s), [T, P] = b(!1), [B, w] = b(!1), [W, O] = b(!!s), A = Be(), k = a || !!d;
   V(() => {
     S(s);
   }, [s]);
-  const D = k(() => b || l && !C ? "error" : "", [C, b, l]), M = (R, q) => {
+  const D = y(() => k || l && !_ ? "error" : "", [_, k, l]), M = (R, q) => {
     const Q = String(R).padStart(2, "0"), ne = String(q).padStart(2, "0"), J = `${Q}:${ne}`;
     S(J), t == null || t(J);
   }, E = () => {
     c || P(!0);
   }, U = (R) => {
-    _ == null || _(R), w(!0);
+    p == null || p(R), w(!0);
   }, I = (R) => {
     j == null || j(R), w(!1), O(!!R.target.value);
-  }, H = k(() => {
-    S(""), p == null || p(), t == null || t("");
-  }, [p, t]);
+  }, H = y(() => {
+    S(""), C == null || C(), t == null || t("");
+  }, [C, t]);
   V(() => {
     O(!!s);
   }, [s]);
-  const G = C && parseInt(C.split(":")[0]) || 0, v = C && parseInt(C.split(":")[1]) || 0, L = oe(() => b && d ? /* @__PURE__ */ e.jsx(
+  const G = _ && parseInt(_.split(":")[0]) || 0, v = _ && parseInt(_.split(":")[1]) || 0, L = oe(() => k && d ? /* @__PURE__ */ e.jsx(
     X,
     {
       type: "small",
@@ -5260,7 +5262,7 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
       id: `${r}-error`,
       children: d
     }
-  ) : u && !b ? /* @__PURE__ */ e.jsx(
+  ) : u && !k ? /* @__PURE__ */ e.jsx(
     X,
     {
       type: "small",
@@ -5268,7 +5270,7 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
       id: `${r}-helper`,
       children: u
     }
-  ) : null, [b, d, u, r]);
+  ) : null, [k, d, u, r]);
   return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${i}`, children: [
     /* @__PURE__ */ e.jsxs(
       "div",
@@ -5279,11 +5281,11 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
           ${qr[h]}
           ${n ? "input-field_border" : ""} 
           ${B ? "input-field_active" : ""} 
-          ${b ? "input-field_error" : ""} 
+          ${k ? "input-field_error" : ""} 
           ${c ? "input-field_disabled" : ""}
           `,
         "aria-disabled": c,
-        style: y,
+        style: N,
         children: [
           /* @__PURE__ */ e.jsx(
             "div",
@@ -5301,18 +5303,18 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
             /* @__PURE__ */ e.jsx(
               "input",
               {
-                ...N,
+                ...g,
                 type: "time",
                 className: `input-field__input-container__input ${D()}`,
                 name: r,
-                value: C,
+                value: _,
                 readOnly: !0,
                 onBlur: I,
                 onFocus: U,
                 disabled: c,
                 "aria-labelledby": x,
-                "aria-invalid": b,
-                "aria-describedby": b && d ? `${r}-error` : u ? `${r}-helper` : void 0
+                "aria-invalid": k,
+                "aria-describedby": k && d ? `${r}-error` : u ? `${r}-helper` : void 0
               }
             ),
             f && /* @__PURE__ */ e.jsx(
@@ -5327,7 +5329,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" })
           ] }),
-          p && C && !c && /* @__PURE__ */ e.jsx("div", { className: `
+          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" }) })
@@ -5350,7 +5352,7 @@ 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), a = Y(null), o = Y(null);
+  const [r, s] = b(0), [i, l] = b(!1), a = Y(null), o = Y(null);
   V(() => {
     t.value ? s(t.value) : s(0);
   }, [t.value]);
@@ -5363,9 +5365,9 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
         return Qr(h, x, f, 0, f - x) * (j.width - 20) / (f - x);
     }
     return 0;
-  }, u = k((h) => {
+  }, u = y((h) => {
     l(!0), t.onFocus && t.onFocus(h);
-  }, [t.onFocus]), m = k((h) => {
+  }, [t.onFocus]), m = y((h) => {
     l(!1), t.onBlur && t.onBlur(h);
   }, [t.onBlur]);
   return /* @__PURE__ */ e.jsx("div", { className: `range ${t.disabled ? "disabled" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "field", style: t.style, children: [
@@ -5384,24 +5386,24 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
   t ? /* @__PURE__ */ e.jsx("p", { children: t }) : null,
   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]), _ = k(() => {
+  const [o, c] = b(""), [d, u] = b(""), [m, h] = b(!1), [x, f] = b(!0), j = y((g, _) => {
+    s({ ...r, [_]: g });
+  }, [s, r]), p = y(() => {
     u(""), c(""), h(!1);
-  }, []), p = k(() => {
-    let N = d;
+  }, []), C = y(() => {
+    let g = d;
     try {
-      a || (N = JSON.parse(N));
+      a || (g = JSON.parse(g));
     } catch {
     }
-    _(), s({ ...r, [o]: N });
-  }, [r, s, o, d, _]), y = k((N) => {
-    let C = { ...r };
-    delete C[N], s(C);
+    p(), s({ ...r, [o]: g });
+  }, [r, s, o, d, p]), N = y((g) => {
+    let _ = { ...r };
+    delete _[g], s(_);
   }, [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: () => f((N) => !N), className: "json-element json-object-name json-object-header", children: [
+      /* @__PURE__ */ e.jsxs("span", { onClick: () => f((g) => !g), className: "json-element json-object-name json-object-header", children: [
         t,
         ":",
         "{",
@@ -5410,14 +5412,14 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
       n ? null : /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: () => h(!0), children: /* @__PURE__ */ e.jsx(rn, {}) })
     ] }),
     x ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r ? Object.keys(r).map(
-      (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)
+      (g, _) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: () => N(g), onChange: (S) => j(S, g), name: g, data: r[g] }) }, _)
     ) : 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) => 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: o.length || 10, placeholder: "key", onChange: (g) => c(g.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: p, children: "save" }),
-      /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-cancel json-base-data-btn", onClick: _, children: "cancel" })
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: d.length || 10, placeholder: "value", onChange: (g) => u(g.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: C, children: "save" }),
+      /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-cancel json-base-data-btn", onClick: p, children: "cancel" })
     ] }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "json-line", children: [
       "}",
@@ -5425,24 +5427,24 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
     ] })
   ] }) });
 }, 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] = p, s(N);
-  }, [s, r]), f = k(() => {
+  const [o, c] = b(""), [d, u] = b(!1), [m, h] = b(!0), x = y((C, N) => {
+    const g = r.slice();
+    g[N] = C, s(g);
+  }, [s, r]), f = y(() => {
     c(""), u(!1);
-  }, []), j = k(() => {
-    let p = o;
+  }, []), j = y(() => {
+    let C = o;
     try {
-      a || (p = JSON.parse(p));
+      a || (C = JSON.parse(C));
     } catch {
     }
-    f(), s([...r, p]);
-  }, [r, s, o, f]), _ = k((p) => {
-    s(r.filter((y, N) => N !== p));
+    f(), s([...r, C]);
+  }, [r, s, o, f]), p = y((C) => {
+    s(r.filter((N, g) => g !== C));
   }, [r, s]);
   return /* @__PURE__ */ e.jsx("div", { className: `json-card-container ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "json-line json-object-header", children: [
-      /* @__PURE__ */ e.jsxs("span", { className: "json-object-name json-object-header", onClick: () => h((p) => !p), children: [
+      /* @__PURE__ */ e.jsxs("span", { className: "json-object-name json-object-header", onClick: () => h((C) => !C), children: [
         t,
         ":",
         "[",
@@ -5450,9 +5452,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((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,
+    m ? /* @__PURE__ */ e.jsx("div", { className: "json-object-content", children: r && r.map((C, N) => /* @__PURE__ */ e.jsx("div", { className: "json-line", children: /* @__PURE__ */ e.jsx(ln, { readonly: n, onDelete: () => p(N), onChange: (g) => x(g, N), name: String(N), data: C }) }, N)) }) : 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: (p) => c(p.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: (C) => c(C.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,
@@ -5462,7 +5464,7 @@ const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
     ] })
   ] }) });
 }, ts = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i }) => {
-  const l = k((a) => {
+  const l = y((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: [
@@ -5476,11 +5478,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: 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) => {
+  const [o, c] = b(r || void 0), [d, u] = b(""), m = y((f) => {
     n || (c(f), s && s(f));
-  }, [s]), h = k(() => {
+  }, [s]), h = y(() => {
     n || (c(void 0), i && i());
-  }, [i]), x = k(() => {
+  }, [i]), x = y(() => {
     if (n)
       return;
     let f = d;
@@ -5501,16 +5503,16 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     /* @__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 a = Y(null), [o, c] = g(""), [d, u] = g(!1), m = () => {
+  const a = Y(null), [o, c] = b(""), [d, u] = b(!1), m = () => {
     a.current && (a.current.focus(), u(!0));
   }, h = () => {
     a.current && (a.current.focus(), a.current.value = ""), c(""), u(!0), i && r("");
   }, x = () => {
     h(), a.current && (a.current.blur(), u(!1));
-  }, f = (_) => {
-    c(_.target.value), i && r(_.target.value);
-  }, j = (_) => {
-    _.code === "Enter" && r(o);
+  }, f = (p) => {
+    c(p.target.value), i && r(p.target.value);
+  }, j = (p) => {
+    p.code === "Enter" && r(o);
   };
   return /* @__PURE__ */ e.jsx("div", { className: `search-container ${l ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
     d ? /* @__PURE__ */ e.jsx("span", { onClick: x, children: /* @__PURE__ */ e.jsx(nn, {}) }) : n ? /* @__PURE__ */ e.jsx("span", { onClick: n.onClick, children: n.icon }) : t || null,
@@ -5567,18 +5569,18 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
   onChangeFilter: l,
   border: a = !1
 }) => {
-  const o = Y(null), [c, d] = g(""), [u, m] = g(!1), [h, x] = g(null), f = () => {
+  const o = Y(null), [c, d] = b(""), [u, m] = b(!1), [h, x] = b(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));
-  }, p = (C) => {
-    d(C.target.value), r && n(C.target.value);
-  }, y = (C) => {
-    C.code === "Enter" && n(c);
-  }, N = (C) => {
-    const S = C.currentTarget.getBoundingClientRect();
+  }, C = (_) => {
+    d(_.target.value), r && n(_.target.value);
+  }, N = (_) => {
+    _.code === "Enter" && n(c);
+  }, g = (_) => {
+    const S = _.currentTarget.getBoundingClientRect();
     x({
       x: S.left,
       y: S.bottom
@@ -5587,14 +5589,14 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("div", { className: `search-container ${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: p, children: /* @__PURE__ */ e.jsx(nn, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: g, children: /* @__PURE__ */ e.jsx(On, {}) }),
+      /* @__PURE__ */ e.jsx("input", { placeholder: t, type: "text", ref: o, onChange: C, onKeyDown: N, 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, a] = g(!1);
+  const [s, i] = b(n), [l, a] = b(!1);
   V(() => {
     n ? (i(!0), setTimeout(() => a(!0), 10)) : (a(!1), setTimeout(() => i(!1), 300));
   }, [n]);
@@ -5630,19 +5632,19 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
   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", _ = {
+  const u = Y(null), m = Y(null), [h, x] = b(!1), f = n === "heading" || n === "title" || n === "title-2", j = f ? "h3" : "span", p = {
     fontSize: bn(n, t),
     fontWeight: kn(n, r),
     lineHeight: yn(n, s, t),
     ...a
-  }, p = f ? "typography-heading" : "typography-text", y = k(() => {
+  }, C = f ? "typography-heading" : "typography-text", N = y(() => {
     if (!u.current || !m.current) return;
-    const N = u.current.clientWidth, C = m.current.scrollWidth;
-    x(N < C);
+    const g = u.current.clientWidth, _ = m.current.scrollWidth;
+    x(g < _);
   }, [l]);
-  return V(() => (y(), window.addEventListener("resize", y), () => {
-    window.removeEventListener("resize", y);
-  }), [y]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  return V(() => (N(), window.addEventListener("resize", N), () => {
+    window.removeEventListener("resize", N);
+  }), [N]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
       "div",
       {
@@ -5654,8 +5656,8 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
           j,
           {
             ...d,
-            style: _,
-            className: `${p} ${i}`,
+            style: p,
+            className: `${C} ${i}`,
             children: h ? `| ${l} | ${l}` : l
           }
         )
@@ -5670,9 +5672,9 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
           visibility: "hidden",
           height: "auto",
           whiteSpace: "nowrap",
-          ..._
+          ...p
         },
-        className: `${p} ${i}`,
+        className: `${C} ${i}`,
         children: l
       }
     )
@@ -5703,28 +5705,28 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     container: x = document.body,
     size: f = "medium",
     transparent: j,
-    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 || p);
+    helperText: p,
+    errorText: C,
+    disabled: N
+  }, g) => {
+    const [_, S] = b(""), [T, P] = b({ x: 0, y: 0, width: 100 }), [B, w] = b(!1), W = !!(u || C);
     V(() => {
       S(pn(s, l ?? ""));
     }, [l, s]);
-    const O = k((M) => {
+    const O = y((M) => {
       S(pn(s, M)), i && i(M), w(!1);
-    }, [s, i]), A = k((M) => typeof M == "string" ? { title: M, onClick: () => O(M) } : { title: M.title, onClick: () => O(M.value), icon: M.icon, disabled: M.disabled }, [O]), b = k((M) => {
-      if (y) return;
+    }, [s, i]), A = y((M) => typeof M == "string" ? { title: M, onClick: () => O(M) } : { title: M.title, onClick: () => O(M.value), icon: M.icon, disabled: M.disabled }, [O]), k = y((M) => {
+      if (N) return;
       M.preventDefault();
       let E = Ye(M.currentTarget), U = (E == null ? void 0 : E.left) ?? M.pageX, I = E != null && E.top ? E.top + E.height : M.pageY;
       P({ x: U, y: I, width: (E == null ? void 0 : E.width) ?? 150 }), w(!0);
-    }, [s, A, y]), D = {
+    }, [s, A, N]), D = {
       small: "input-field__text-field_small",
       medium: "input-field__text-field_medium",
       large: "input-field__text-field_large"
     };
     return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${o}`, children: [
-      /* @__PURE__ */ e.jsx("div", { ref: N, style: t, className: `
+      /* @__PURE__ */ e.jsx("div", { ref: g, style: t, className: `
                 input-field 
                 input-field__text-field 
                 ${D[f]}
@@ -5732,18 +5734,18 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
                 ${B ? "input-field_active" : ""} 
                 ${j ? "input-field_transparent" : ""} 
                 ${W ? "input-field_error" : ""} 
-                ${y ? "input-field_disabled" : ""}
-                `, children: /* @__PURE__ */ e.jsxs("div", { className: "input-field__input-container", onClick: b, children: [
+                ${N ? "input-field_disabled" : ""}
+                `, children: /* @__PURE__ */ e.jsxs("div", { className: "input-field__input-container", onClick: k, children: [
         /* @__PURE__ */ e.jsx(
           "input",
           {
             ref: n,
             required: !0,
-            disabled: y,
+            disabled: N,
             type: "text",
             className: `input-field__input-container__input ${u ? "input-field__input-container__input_error" : ""}`,
             name: d,
-            value: C,
+            value: _,
             onFocus: h,
             onBlur: m,
             readOnly: !0
@@ -5751,15 +5753,15 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
         ),
         /* @__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 && 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: _ }),
+      W && C && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__error-text", children: C }),
+      p && !W && /* @__PURE__ */ e.jsx(X, { type: "small", className: "input-field-container__helper-text", children: p }),
       /* @__PURE__ */ e.jsx(Pn, { marginBottom: r === ee.MOBILE ? 80 : 0, width: T.width, screensize: r, x: T.x, y: T.y, onHide: () => w(!1), container: x, blocks: [{ items: s.map(A) }], visible: B })
     ] });
   }
 );
 nt.displayName = "SelectField";
 const is = ({ icons: n, value: t, onChange: r, disabled: s, placeholder: i, container: l = document.getElementById("root") }) => {
-  const [a, o] = g(!1), c = n.find((u) => u.id === t), d = (u) => {
+  const [a, o] = b(!1), c = n.find((u) => u.id === t), d = (u) => {
     r == null || r(u), o(!1);
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -5851,9 +5853,9 @@ const as = {
   }
 }, cs = Pe(as), ri = ({ children: n }) => {
   var a;
-  const [t, r] = g({ visible: !1, text: "" }), s = Y(null), i = k((o, c) => {
+  const [t, r] = b({ visible: !1, text: "" }), s = Y(null), i = y((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(() => {
+  }, []), l = y(() => {
     s.current && (clearTimeout(s.current), s.current = null), r({ visible: !1, text: "" });
   }, []);
   return /* @__PURE__ */ e.jsxs(cs.Provider, { value: { showSnackbar: i, hideSnackbar: l }, children: [
@@ -5884,14 +5886,14 @@ function hs(n) {
   return typeof n == "boolean";
 }
 const fe = (n) => {
-  const { value: t, changeField: r, errors: s } = os(), i = k((c) => {
+  const { value: t, changeField: r, errors: s } = os(), i = y((c) => {
     r && r(n, c);
-  }, [n]), l = k(() => {
+  }, [n]), l = y(() => {
     const c = t == null ? void 0 : t[n];
     return hs(c) ? !!c : us(c) ? Number(c) : ds(c) ? c ?? "" : "";
-  }, [t, n]), a = k(() => {
+  }, [t, n]), a = y(() => {
     r && r(n, "");
-  }, [n]), o = k(() => {
+  }, [n]), o = y(() => {
     if (s && Object.keys(s).includes(n))
       return s[n];
   }, [s, n]);
@@ -5930,7 +5932,7 @@ const fe = (n) => {
     if (u.length > 0)
       return o && o(!0);
     o && o(!1);
-  }, d = k(() => a ? [n ?? l] : [], [a, l, n]);
+  }, d = y(() => a ? [n ?? l] : [], [a, l, n]);
   return /* @__PURE__ */ e.jsx(
     Zn,
     {
@@ -5986,9 +5988,9 @@ const fe = (n) => {
   );
 }, bs = ve(
   function({ children: t, value: r, name: s, errors: i, onFinish: l, onChangeValue: a, ...o }, c) {
-    const [d, u] = g(r), m = k((x) => {
+    const [d, u] = b(r), m = y((x) => {
       x.preventDefault(), l == null || l(d);
-    }, [l, d]), h = k((x, f) => {
+    }, [l, d]), h = y((x, f) => {
       u((j) => ({
         ...j,
         [x]: f