alex-evo-sh-ui-kit 1.1.102 → 1.1.104

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

@@ -1,4 +1,4 @@
-import te, { useEffect as V, useState as b, useRef as Y, useCallback as y, createContext as Be, forwardRef as fe, useContext as ve, useMemo as oe, useLayoutEffect as ct, useId as We, memo as ot, useImperativeHandle as dt } from "react";
+import te, { useEffect as V, useState as b, useRef as Y, useCallback as k, createContext as Be, forwardRef as fe, useContext as je, useMemo as oe, useLayoutEffect as ct, useId as We, memo as ot, useImperativeHandle as dt } from "react";
 import ut from "react-dom";
 import { NavLink as en } from "react-router-dom";
 import './index.css';var Qe = { exports: {} }, Se = {};
@@ -128,7 +128,7 @@ function xt() {
       return Error("react-stack-top-frame");
     }
     function a(C) {
-      if (k.call(C, "key")) {
+      if (y.call(C, "key")) {
         var L = Object.getOwnPropertyDescriptor(C, "key").get;
         if (L && L.isReactWarning) return !1;
       }
@@ -198,7 +198,7 @@ function xt() {
               "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 (k.call(L, "key")) {
+      if (y.call(L, "key")) {
         J = n(C);
         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(C) {
       return typeof C == "object" && C !== null && C.$$typeof === f;
     }
-    var x = te, f = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), v = 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() {
+    var x = te, f = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), v = 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, y = Object.prototype.hasOwnProperty, D = Array.isArray, M = console.createTask ? console.createTask : function() {
       return null;
     };
     x = {
@@ -315,7 +315,7 @@ const Cn = (n) => /* @__PURE__ */ e.jsx(
     large: "btn--large"
   };
   return /* @__PURE__ */ e.jsx("button", { ...t, className: (t.className ?? "") + " btn " + s[n], onClick: r, children: /* @__PURE__ */ e.jsx("span", { children: t.children }) });
-}, ye = ({ styleType: n = "base", ...t }) => n === "outline" ? /* @__PURE__ */ e.jsx(Cn, { ...t }) : n === "text" ? /* @__PURE__ */ e.jsx(de, { ...t }) : n === "filledTotal" ? /* @__PURE__ */ e.jsx(mt, { ...t }) : n === "filled" ? /* @__PURE__ */ e.jsx(ft, { ...t }) : /* @__PURE__ */ e.jsx(Fe, { ...t }), vn = (n, t) => {
+}, Ne = ({ styleType: n = "base", ...t }) => n === "outline" ? /* @__PURE__ */ e.jsx(Cn, { ...t }) : n === "text" ? /* @__PURE__ */ e.jsx(de, { ...t }) : n === "filledTotal" ? /* @__PURE__ */ e.jsx(mt, { ...t }) : n === "filled" ? /* @__PURE__ */ e.jsx(ft, { ...t }) : /* @__PURE__ */ e.jsx(Fe, { ...t }), vn = (n, t) => {
   V(() => {
     if (n) {
       const r = window.innerWidth - document.documentElement.clientWidth;
@@ -349,7 +349,7 @@ const Ge = ({ children: n, onHide: t, disableBackplate: r }) => {
     }
   );
 }, gn = ({ bottom: n = 0, ...t }) => {
-  const [r, s] = b(!1), [i, l] = b(!0), a = Y(null), o = y(() => {
+  const [r, s] = b(!1), [i, l] = b(!0), a = Y(null), o = k(() => {
     s(!0), setTimeout(() => {
       t.onHide(), s(!1), l(!0);
     }, 200);
@@ -359,7 +359,7 @@ const Ge = ({ children: n, onHide: t, disableBackplate: r }) => {
   }, [t.visible]), V(() => {
     !t.visible && !i && o();
   }, [t.visible, o, i]);
-  const c = y((h) => {
+  const c = k((h) => {
     window.innerHeight - h.changedTouches[0].clientY <= 150 && o(), a.current && (a.current.style.height = `${window.innerHeight - h.changedTouches[0].clientY + 20 - n}px`);
   }, [o]), d = (h) => {
     window.innerHeight - h.clientY + 20 <= 150 && o(), a.current && (a.current.style.height = `${window.innerHeight - h.clientY + 20 - n}px`);
@@ -378,16 +378,16 @@ const Ge = ({ children: n, onHide: t, disableBackplate: r }) => {
   [ee.MOBILE]: "small-screen",
   [ee.STANDART]: "standart-screen",
   [ee.BIG_SCREEN]: "big-screen"
-}, jt = (n, t = ee.STANDART) => `var(--${n}-${bn[t]})`, pt = (n, t = "standart") => `var(--${n}-${t})`, _t = (n, t = "normal", r = ee.STANDART) => `var(--${n}-heights-${bn[r]}-${t})`, ge = {
+}, jt = (n, t = ee.STANDART) => `var(--${n}-${bn[t]})`, pt = (n, t = "standart") => `var(--${n}-${t})`, _t = (n, t = "normal", r = ee.STANDART) => `var(--${n}-heights-${bn[r]}-${t})`, be = {
   mobileSize: 720,
   bigSize: 1400
 }, Ct = (n = {}) => {
   const t = {
-    bigSize: n.bigSize ?? ge.bigSize,
-    mobileSize: n.mobileSize ?? ge.mobileSize
+    bigSize: n.bigSize ?? be.bigSize,
+    mobileSize: n.mobileSize ?? be.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] = b(ee.STANDART), i = y(() => {
+  t.bigSize <= 100 && (console.error("useScreenSize: invalid option"), t.bigSize = be.bigSize), t.mobileSize <= 100 && (console.error("useScreenSize: invalid option"), t.mobileSize = be.mobileSize), t.mobileSize >= t.bigSize && (console.error("useScreenSize: invalid option"), t.mobileSize = be.mobileSize, t.bigSize = be.bigSize);
+  const [r, s] = b(ee.STANDART), i = k(() => {
     window.innerWidth < t.mobileSize ? s(ee.MOBILE) : window.innerWidth < t.bigSize ? s(ee.STANDART) : s(ee.BIG_SCREEN);
   }, [window.innerWidth]);
   return V(() => {
@@ -397,9 +397,9 @@ const Ge = ({ children: n, onHide: t, disableBackplate: r }) => {
   }), [i]), { screen: r };
 }, vt = {
   screen: ee.STANDART
-}, we = Be(vt), Ss = ({ children: n, option: t }) => {
+}, ge = Be(vt), Ss = ({ children: n, option: t }) => {
   const r = Ct(t);
-  return /* @__PURE__ */ e.jsx(we.Provider, { value: r, children: n });
+  return /* @__PURE__ */ e.jsx(ge.Provider, { value: r, children: n });
 }, K = fe(({
   type: n,
   screensize: t = ee.STANDART,
@@ -410,7 +410,7 @@ const Ge = ({ children: n, onHide: t, disableBackplate: r }) => {
   className: a = "",
   ...o
 }, c) => {
-  const d = ve(we), u = d ? d.screen : t, m = n === "heading" || n === "title" || n === "title-2", h = m ? "h3" : "span", x = {
+  const d = je(ge), u = d ? d.screen : t, m = n === "heading" || n === "title" || n === "title-2", h = m ? "h3" : "span", x = {
     fontSize: jt(n, u),
     fontWeight: pt(n, r),
     lineHeight: _t(n, s, u),
@@ -441,7 +441,7 @@ const Ge = ({ children: n, onHide: t, disableBackplate: r }) => {
     shadow: u = 0,
     ...m
   }, h) => {
-    const x = y(
+    const x = k(
       (j) => {
         o || (l == null || l(j), !d && f(j));
       },
@@ -497,7 +497,7 @@ const kn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
   /* @__PURE__ */ e.jsx("rect", { id: "Rectangle", fillRule: "nonzero", x: "0", y: "0", width: "24", height: "24" }),
   /* @__PURE__ */ e.jsx("line", { x1: "16.9999", y1: "7", x2: "7.00001", y2: "16.9999", id: "Path", stroke: "var(--On-surface-color)", strokeWidth: "2", strokeLinecap: "round" }),
   /* @__PURE__ */ e.jsx("line", { x1: "7.00006", y1: "7", x2: "17", y2: "16.9999", id: "Path", stroke: "var(--On-surface-color)", strokeWidth: "2", strokeLinecap: "round" })
-] }) }) }), _e = (n) => {
+] }) }) }), Ce = (n) => {
   const t = F(n);
   return /* @__PURE__ */ e.jsx($, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: "none", d: "M4 12.6111L8.92308 17.5L20 6.5", stroke: t.primaryColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 }, He = (n) => {
@@ -1841,7 +1841,7 @@ const kn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
   forceModal: r = !1,
   ...s
 }) => {
-  const { screen: i } = ve(we);
+  const { screen: i } = je(ge);
   vn(!0, document.body);
   const l = () => {
     var o;
@@ -1879,7 +1879,7 @@ const kn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
   },
   s.text
 ) : /* @__PURE__ */ e.jsx(
-  ye,
+  Ne,
   {
     style: s.style,
     styleType: s.styleType,
@@ -1902,11 +1902,11 @@ const kn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
   customActions: u,
   btns: m
 }) => {
-  const h = y(() => {
+  const h = k(() => {
     l == null || l(), o == null || o();
-  }, [l, o]), x = y(() => {
+  }, [l, o]), x = k(() => {
     a == null || a(), o == null || o();
-  }, [a, o]), f = y(() => u || (d ? null : m ? /* @__PURE__ */ e.jsx(Pe, { onHide: x, onSuccess: h, btns: m }) : /* @__PURE__ */ e.jsx(Pe, { onHide: x, onSuccess: h, btns: [
+  }, [a, o]), f = k(() => u || (d ? null : m ? /* @__PURE__ */ e.jsx(Pe, { onHide: x, onSuccess: h, btns: m }) : /* @__PURE__ */ e.jsx(Pe, { onHide: x, onSuccess: h, btns: [
     {
       text: i,
       hide: !0,
@@ -1930,14 +1930,14 @@ const kn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
       ]
     }
   );
-}, Ce = ({ children: n, container: t = document.body }) => t ? ut.createPortal(
+}, ve = ({ children: n, container: t = document.body }) => t ? ut.createPortal(
   n,
   t
 ) : /* @__PURE__ */ e.jsx("p", { children: "container not found" }), Kt = ({ container: n, text: t, header: r, onClick: s, styleType: i, ...l }) => {
   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(Ce, { container: n, children: /* @__PURE__ */ e.jsx(Xt, { header: r, text: t, onSuccess: () => s == null ? void 0 : s(a), onHide: () => o(null) }) })
+    /* @__PURE__ */ e.jsx(Ne, { styleType: i ?? "filled", ...l, onClick: o }),
+    a !== null && /* @__PURE__ */ e.jsx(ve, { container: n, children: /* @__PURE__ */ e.jsx(Xt, { header: r, text: t, onSuccess: () => s == null ? void 0 : s(a), onHide: () => o(null) }) })
   ] });
 }, dn = ({
   text: n,
@@ -1948,7 +1948,7 @@ const kn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
   disabled: l,
   ...a
 }) => {
-  const [o, c] = b(!1), d = y(async (h) => {
+  const [o, c] = b(!1), d = k(async (h) => {
     if (!l) {
       try {
         await navigator.clipboard.writeText(n), c(!0), setTimeout(() => c(!1), r);
@@ -1957,7 +1957,7 @@ const kn = (n) => /* @__PURE__ */ e.jsx($, { ...n, className: `${n.className} ic
       }
       i == null || i(h);
     }
-  }, [n, l, r, i]), u = o ? /* @__PURE__ */ e.jsx(_e, { "aria-hidden": "true" }) : /* @__PURE__ */ e.jsx(En, { "aria-hidden": "true" }), m = o ? "Скопировано!" : "Копировать";
+  }, [n, l, r, i]), u = o ? /* @__PURE__ */ e.jsx(Ce, { "aria-hidden": "true" }) : /* @__PURE__ */ e.jsx(En, { "aria-hidden": "true" }), m = o ? "Скопировано!" : "Копировать";
   return t ? /* @__PURE__ */ e.jsxs("div", { className: "copy-button", children: [
     /* @__PURE__ */ e.jsx(
       ue,
@@ -2064,12 +2064,12 @@ function Le(n, t, r) {
     b: Math.round(l * 255)
   };
 }
-function be(n) {
+function ke(n) {
   let t = n.toString(16);
   return t.length === 1 && (t = "0" + t), t;
 }
-function ke(n, t = !1) {
-  return t ? "#" + be(n.r) + be(n.g) + be(n.b) : be(n.r) + be(n.g) + be(n.b);
+function ye(n, t = !1) {
+  return t ? "#" + ke(n.r) + ke(n.g) + ke(n.b) : ke(n.r) + ke(n.g) + ke(n.b);
 }
 function Ie(n, t, r) {
   arguments.length === 1 && (t = n.g, r = n.b, n = n.r);
@@ -2094,7 +2094,7 @@ function Ie(n, t, r) {
     v: c
   };
 }
-function Ne(n) {
+function we(n) {
   var t = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
   n = n.replace(t, function(s, i, l, a) {
     return i + i + l + l + a + a;
@@ -2106,7 +2106,7 @@ function Ne(n) {
     b: parseInt(r[3], 16)
   } : null;
 }
-const Jt = Ne, Qt = (n) => {
+const Jt = we, Qt = (n) => {
   if (!n)
     return "linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))";
   const t = Jt(n);
@@ -2115,7 +2115,7 @@ const Jt = Ne, Qt = (n) => {
 function On(n, t, r) {
   if (n === 0) return r ?? "#e0e0e0";
   if (n === 1) return t;
-  const s = r ? Ne(r) : null, i = (s == null ? void 0 : s.r) ?? 224, l = (s == null ? void 0 : s.g) ?? 224, a = (s == null ? void 0 : s.b) ?? 224, o = parseInt(t.substring(1, 3), 16), c = parseInt(t.substring(3, 5), 16), d = parseInt(t.substring(5, 7), 16), u = Math.round(i + n * (o - i)), m = Math.round(l + n * (c - l)), h = Math.round(a + n * (d - a));
+  const s = r ? we(r) : null, i = (s == null ? void 0 : s.r) ?? 224, l = (s == null ? void 0 : s.g) ?? 224, a = (s == null ? void 0 : s.b) ?? 224, o = parseInt(t.substring(1, 3), 16), c = parseInt(t.substring(3, 5), 16), d = parseInt(t.substring(5, 7), 16), u = Math.round(i + n * (o - i)), m = Math.round(l + n * (c - l)), h = Math.round(a + n * (d - a));
   return `rgb(${u}, ${m}, ${h})`;
 }
 const ce = (n, t, r = "", s) => {
@@ -2141,7 +2141,7 @@ ce.pSBCr = (n) => {
   return s;
 };
 function re(n) {
-  const t = Ne(n);
+  const t = we(n);
   return t ? t.r * 0.299 + t.g * 0.589 + t.b * 0.114 > 186 ? "#000000" : "#FFFFFF" : "#fff";
 }
 function Te(n, t = !1) {
@@ -2250,7 +2250,7 @@ const An = {
   })
 };
 function nr(n, t = !1) {
-  const [r, s] = b({ ...An, ...n }), [i, l] = b(t), a = y(
+  const [r, s] = b({ ...An, ...n }), [i, l] = b(t), a = k(
     (c, d) => {
       const u = er[c];
       if (!u) return;
@@ -2310,7 +2310,7 @@ const tr = {
 function sr(n = "light") {
   const [t, r] = b(
     Ke
-  ), [s, i] = b(n), { colors: l, setColor: a, setReverse: o } = nr(t[s].colors, t[s].reverse), c = y(
+  ), [s, i] = b(n), { colors: l, setColor: a, setReverse: o } = nr(t[s].colors, t[s].reverse), c = k(
     (x) => {
       const f = t[x].colors;
       f && (Object.entries(f).forEach(([j, p]) => {
@@ -2322,7 +2322,7 @@ function sr(n = "light") {
   V(() => {
     c(s);
   }, [s, c]);
-  const d = y(
+  const d = k(
     (x, f, j) => {
       r((p) => ({
         ...p,
@@ -2333,17 +2333,17 @@ function sr(n = "light") {
       }));
     },
     []
-  ), u = y((x, f = "light", j) => {
+  ), u = k((x, f = "light", j) => {
     r((p) => ({
       ...p,
       [x]: { colors: p[f].colors, reverse: j === void 0 ? p[f].reverse : j }
     }));
-  }, []), m = y((x) => {
+  }, []), m = k((x) => {
     r((f) => {
       const j = { ...f };
       return delete j[x], j;
     }), s === x && i("light");
-  }, [s]), h = y(
+  }, [s]), h = k(
     (x) => {
       Ke[x] && r((f) => ({
         ...f,
@@ -2394,7 +2394,7 @@ const $e = () => {
   className: f = "",
   ...j
 }) => {
-  const p = Y(null), v = Y(null), [N, g] = b(o ?? s), [_, S] = b("200px"), { colors: T } = ve(ln), { showPopup: P, popupState: B } = qt({ valueDisplayDuration: m }), w = n ?? T.Primary_color ?? "#0000ff";
+  const p = Y(null), v = Y(null), [N, g] = b(o ?? s), [_, S] = b("200px"), { colors: T } = je(ln), { showPopup: P, popupState: B } = qt({ valueDisplayDuration: m }), w = n ?? T.Primary_color ?? "#0000ff";
   V(() => {
     var E;
     if (c === "vertical" && ((E = v.current) != null && E.parentElement)) {
@@ -2410,7 +2410,7 @@ const $e = () => {
   }, [c]), V(() => {
     o !== void 0 && (g(o), W());
   }, [o]);
-  const W = y(() => {
+  const W = k(() => {
     u && P();
   }, [P]), O = (E) => {
     const U = parseFloat(E.target.value);
@@ -2418,7 +2418,7 @@ const $e = () => {
   }, A = oe(
     () => i !== s ? (N - s) / (i - s) * 100 : 0,
     [N, s, i]
-  ), k = oe(() => ({
+  ), y = oe(() => ({
     ...j.style,
     [c === "vertical" ? "height" : "width"]: `${A}%`,
     background: d === "point" ? "transperent" : d === "static-color" ? w : On(A / 100, w, x)
@@ -2451,7 +2451,7 @@ const $e = () => {
       style: D,
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "track", style: { background: t }, children: [
-          /* @__PURE__ */ e.jsx("div", { className: "active-track", style: k }),
+          /* @__PURE__ */ e.jsx("div", { className: "active-track", style: y }),
           /* @__PURE__ */ e.jsx(Tn, { text: Math.round(N).toString(), state: B, className: "value-popup" })
         ] }),
         /* @__PURE__ */ e.jsx(
@@ -2504,11 +2504,11 @@ const $e = () => {
   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, k = W / 2 - c / 2, D = o === "point" ? !1 : f, M = o === "point" ? !0 : j, { colors: E } = ve(ln), U = m ?? E.Primary_color ?? "#0000ff", I = h ?? E.Primary_color ?? "#0000ff", [H, G] = b(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, y = W / 2 - c / 2, D = o === "point" ? !1 : f, M = o === "point" ? !0 : j, { colors: E } = je(ln), U = m ?? E.Primary_color ?? "#0000ff", I = h ?? E.Primary_color ?? "#0000ff", [H, G] = b(r);
   V(() => {
     r !== void 0 && G(r);
   }, [r]);
-  const C = y(() => {
+  const C = k(() => {
     switch (a) {
       case "semicircle":
         return 180;
@@ -2517,39 +2517,39 @@ const $e = () => {
       default:
         return 360;
     }
-  }, [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(
+  }, [a]), L = k(() => a === "semicircle" ? [y * Math.PI, y * Math.PI] : a === "brokenCircle" ? [y * Math.PI * 1.25, y * Math.PI * 1.5] : [y * Math.PI, y * Math.PI * 2], [a, y]), R = oe(
     () => t !== n ? (H - n) / (t - n) * 100 : 0,
     [H, n, t]
-  ), q = y(() => {
+  ), q = k(() => {
     if (!T.current) return;
-    const [Z, he] = L(), pe = (H - n) * he / (t - n);
+    const [Z, he] = L(), _e = (H - n) * he / (t - n);
     if (x) {
       const X = T.current.querySelector('[data-el="base"]');
-      X && (X.style.stroke = u, X.style.strokeWidth = c.toString(), X.style.strokeLinecap = p ? "round" : "", X.style.strokeDashoffset = Z.toString(), X.style.strokeDasharray = `${he}, ${k * Math.PI * 2 - he}`);
+      X && (X.style.stroke = u, X.style.strokeWidth = c.toString(), X.style.strokeLinecap = p ? "round" : "", X.style.strokeDashoffset = Z.toString(), X.style.strokeDasharray = `${he}, ${y * Math.PI * 2 - he}`);
     }
     if (D) {
       const X = T.current.querySelector('[data-el="indicator"]');
       if (X) {
         const xe = parseFloat(X.dataset.percentage ?? "");
-        xe !== null && (xe < R - 2 || xe > R + 2) ? X.style.transition = ".3s" : X.style.transition = P.current ? "none" : ".3s", X.dataset.percentage = R.toString(), X.style.stroke = o === "static-color" ? U : On(R / 100, U, S), X.style.strokeWidth = c.toString(), X.style.strokeLinecap = p ? "round" : "", X.style.strokeDashoffset = Z.toString(), X.style.strokeDasharray = `${pe}, ${k * Math.PI * 2 - pe}`;
+        xe !== null && (xe < R - 2 || xe > R + 2) ? X.style.transition = ".3s" : X.style.transition = P.current ? "none" : ".3s", X.dataset.percentage = R.toString(), X.style.stroke = o === "static-color" ? U : On(R / 100, U, S), X.style.strokeWidth = c.toString(), X.style.strokeLinecap = p ? "round" : "", X.style.strokeDashoffset = Z.toString(), X.style.strokeDasharray = `${_e}, ${y * Math.PI * 2 - _e}`;
       }
     }
     if (M) {
       const X = T.current.querySelector('[data-el="point"]');
       if (X) {
         const xe = parseFloat(X.dataset.percentage ?? "");
-        xe !== null && (xe < R - 2 || xe > R + 2) ? X.style.transition = ".3s" : X.style.transition = P.current ? "none" : ".3s", X.dataset.percentage = R.toString(), X.style.stroke = I, X.style.strokeWidth = c.toString(), X.style.strokeLinecap = "round", H === t && a === "semicircle" ? X.style.strokeDashoffset = "0" : X.style.strokeDashoffset = (Z - pe).toString(), X.style.strokeDasharray = `0, ${k * Math.PI * 2}`;
+        xe !== null && (xe < R - 2 || xe > R + 2) ? X.style.transition = ".3s" : X.style.transition = P.current ? "none" : ".3s", X.dataset.percentage = R.toString(), X.style.stroke = I, X.style.strokeWidth = c.toString(), X.style.strokeLinecap = "round", H === t && a === "semicircle" ? X.style.strokeDashoffset = "0" : X.style.strokeDashoffset = (Z - _e).toString(), X.style.strokeDasharray = `0, ${y * Math.PI * 2}`;
       }
     }
-  }, [H, L, t, n, k, c, u, U, I, x, D, M, p, R, S]), Q = (Z) => {
+  }, [H, L, t, n, y, 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 = y((Z) => {
+  }, le = k((Z) => {
     if (!T.current) return;
-    const he = C(), pe = T.current.getBoundingClientRect(), X = pe.left + pe.width / 2, xe = pe.top + pe.height / 2, tt = Z.clientX, rt = Z.clientY, st = xe - rt, it = X - tt;
+    const he = C(), _e = T.current.getBoundingClientRect(), X = _e.left + _e.width / 2, xe = _e.top + _e.height / 2, tt = Z.clientX, rt = Z.clientY, st = xe - rt, it = X - tt;
     let ae = Math.atan2(st, it) * (180 / Math.PI);
     he === 270 && (ae += 45), ae < 0 && (ae = 360 + ae), ae < 0 && (ae = 0), ae > he && H > (t - n) / 2 ? ae = he : ae > he && (ae = 0);
     const lt = he, at = t - n, Xe = Math.round(ae * at / lt + n);
@@ -2579,7 +2579,7 @@ const $e = () => {
               fill: "none",
               cx: O,
               cy: A,
-              r: k
+              r: y
             }
           ),
           D && /* @__PURE__ */ e.jsx(
@@ -2589,7 +2589,7 @@ const $e = () => {
               fill: "none",
               cx: O,
               cy: A,
-              r: k
+              r: y
             }
           ),
           M && /* @__PURE__ */ e.jsx(
@@ -2599,7 +2599,7 @@ const $e = () => {
               fill: "none",
               cx: O,
               cy: A,
-              r: k
+              r: y
             }
           )
         ]
@@ -2646,7 +2646,7 @@ const se = ({ style: n, short: t, text: r }) => r ? /* @__PURE__ */ e.jsxs("div"
   return /* @__PURE__ */ e.jsxs("div", { className: `menu-item menu-item__info ${n.disabled ? "menu-item_disabled" : ""}`, onClick: l, children: [
     t ? /* @__PURE__ */ e.jsx("div", { className: "menu-icon-container", children: n.icon }) : null,
     /* @__PURE__ */ e.jsx("div", { className: "menu-text-container", children: n.title }),
-    /* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: n.activated ? /* @__PURE__ */ e.jsx(_e, {}) : null })
+    /* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: n.activated ? /* @__PURE__ */ e.jsx(Ce, {}) : null })
   ] });
 }, Ue = (n) => {
   if (!n) return;
@@ -2686,14 +2686,14 @@ 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 })
   ] });
 }, or = ({ onHide: n, autoHide: t, globalClick: r, item: s, isIcon: i, smallDisplay: l }) => {
-  const [a, o] = b(!1), c = y(() => {
+  const [a, o] = b(!1), c = k(() => {
     s.subItems ? o((d) => !d) : (s.onClick && s.onClick(), r && r(), t && n && n());
   }, [s.onClick]);
   return /* @__PURE__ */ e.jsxs("div", { className: `menu-item ${s.disabled ? "menu-item_disabled" : ""}`, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "menu-item__info", onClick: c, children: [
       i ? /* @__PURE__ */ e.jsx("div", { className: "menu-item__info__icon", children: s.icon }) : null,
       /* @__PURE__ */ e.jsx("div", { className: "menu-item__info__text", children: s.title }),
-      /* @__PURE__ */ e.jsx("div", { className: "menu-item__info__status ", children: s.subItems ? /* @__PURE__ */ e.jsx("span", { className: `menu-item__info__status__arrow ${a ? "menu-item__info__status__arrow_active" : ""}` }) : s.activated ? /* @__PURE__ */ e.jsx(_e, {}) : /* @__PURE__ */ e.jsx("span", { className: "menu-item__info__status__none" }) })
+      /* @__PURE__ */ e.jsx("div", { className: "menu-item__info__status ", children: s.subItems ? /* @__PURE__ */ e.jsx("span", { className: `menu-item__info__status__arrow ${a ? "menu-item__info__status__arrow_active" : ""}` }) : s.activated ? /* @__PURE__ */ e.jsx(Ce, {}) : /* @__PURE__ */ e.jsx("span", { className: "menu-item__info__status__none" }) })
     ] }),
     a && s.subItems ? /* @__PURE__ */ e.jsx(cr, { autoHide: t, items: s.subItems, onGlobalHide: n, onHide: () => o(!1), smallDisplay: l }) : null
   ] });
@@ -2736,8 +2736,8 @@ const dr = 100, ur = (n) => {
     s !== 0 ? /* @__PURE__ */ e.jsx(se, {}) : null,
     /* @__PURE__ */ e.jsx(In, { block: r, smallDisplay: !0, autoHide: n.autoHide, onHide: n.onHide })
   ] }, s)) }) });
-}, Hn = (n) => n.screensize === ee.MOBILE ? /* @__PURE__ */ e.jsx(Ce, { container: n.container, children: /* @__PURE__ */ e.jsx(hr, { ...n }) }) : /* @__PURE__ */ e.jsx(Ce, { container: n.container, children: /* @__PURE__ */ e.jsx(ur, { ...n }) }), Vs = te.forwardRef(({ screensize: n, autoHide: t, blocks: r, container: s, onClick: i, ...l }, a) => {
-  const [o, c] = b(!1), [d, u] = b(void 0), { screen: m } = ve(we), h = () => {
+}, Hn = (n) => n.screensize === ee.MOBILE ? /* @__PURE__ */ e.jsx(ve, { container: n.container, children: /* @__PURE__ */ e.jsx(hr, { ...n }) }) : /* @__PURE__ */ e.jsx(ve, { container: n.container, children: /* @__PURE__ */ e.jsx(ur, { ...n }) }), Vs = te.forwardRef(({ screensize: n, autoHide: t, blocks: r, container: s, onClick: i, ...l }, a) => {
+  const [o, c] = b(!1), [d, u] = b(void 0), { screen: m } = je(ge), h = () => {
     c(!1), u(void 0);
   }, x = (j) => {
     j.stopPropagation(), c(!0), u({ x: j.clientX, y: j.clientY }), i == null || i(j);
@@ -2773,7 +2773,7 @@ const dr = 100, ur = (n) => {
     onChange: r,
     readOnly: s,
     disabled: i,
-    checkIcon: l = /* @__PURE__ */ e.jsx(_e, { baseColor: "var(--On-primary-color)" }),
+    checkIcon: l = /* @__PURE__ */ e.jsx(Ce, { baseColor: "var(--On-primary-color)" }),
     size: a = "medium",
     className: o,
     ...c
@@ -2923,7 +2923,7 @@ const Wn = fe(
             className: `segmented-button__item ${m.includes(j) ? "segmented-button__item--active" : ""}`,
             onClick: (p) => f(p, j),
             children: [
-              m.includes(j) && /* @__PURE__ */ e.jsx("span", { className: "segmented-button__icon", children: /* @__PURE__ */ e.jsx(_e, {}) }),
+              m.includes(j) && /* @__PURE__ */ e.jsx("span", { className: "segmented-button__icon", children: /* @__PURE__ */ e.jsx(Ce, {}) }),
               /* @__PURE__ */ e.jsx("span", { className: "segmented-button__text", children: j }),
               /* @__PURE__ */ e.jsx(
                 "input",
@@ -2986,11 +2986,11 @@ function xr({
   defaultValue: c,
   style: d
 }) {
-  const [u, m] = b(c), h = y(() => {
+  const [u, m] = b(c), h = k(() => {
     u !== void 0 && (n == null || n(u), m(void 0), !i && (s == null || s()));
-  }, [u, n, i, s]), x = y(() => {
+  }, [u, n, i, s]), x = k(() => {
     s == null || s();
-  }, [s]), f = y((j) => {
+  }, [s]), f = k((j) => {
     m(j);
   }, []);
   return /* @__PURE__ */ e.jsxs(
@@ -3101,7 +3101,7 @@ const Ve = te.forwardRef(
     errorText: w,
     onKeyDown: W
   }, O) => {
-    const A = Y(null), [k, D] = b(!1), [M, E] = b(!1), [U, I] = b(!!h), H = We(), G = () => {
+    const A = Y(null), [y, D] = b(!1), [M, E] = b(!1), [U, I] = b(!!h), H = We(), G = () => {
       if (!A.current) return;
       const Q = A.current.querySelector("input");
       Q == null || Q.focus();
@@ -3109,7 +3109,7 @@ const Ve = te.forwardRef(
       p == null || p(Q), E(!0);
     }, L = (Q) => {
       v == null || v(Q), E(!1), I(!!Q.target.value);
-    }, R = y(
+    }, R = k(
       (Q, ne) => D(!!(N || Q && (!ne || ne === ""))),
       [N]
     );
@@ -3134,7 +3134,7 @@ const Ve = te.forwardRef(
           ${o ? "input-field_border" : ""} 
           ${M ? "input-field_active" : ""} 
           ${i ? "input-field_transparent" : ""} 
-          ${k ? "input-field_error" : ""} 
+          ${y ? "input-field_error" : ""} 
           ${T ? "input-field_disabled" : ""}
         `,
           onClick: G,
@@ -3154,7 +3154,7 @@ const Ve = te.forwardRef(
                   type: a ? "password" : s,
                   className: `
               input-field__input-container__input 
-              ${k ? "input-field__input-container__input_error" : ""}
+              ${y ? "input-field__input-container__input_error" : ""}
               `,
                   name: m,
                   value: h,
@@ -3164,8 +3164,8 @@ const Ve = te.forwardRef(
                   onBlur: L,
                   onKeyDown: W,
                   autoFocus: S,
-                  "aria-invalid": k,
-                  "aria-describedby": k ? `${m}-error` : void 0
+                  "aria-invalid": y,
+                  "aria-describedby": y ? `${m}-error` : void 0
                 }
               ),
               x && /* @__PURE__ */ e.jsx(
@@ -3187,8 +3187,8 @@ const Ve = te.forwardRef(
           ]
         }
       ),
-      k && w && /* @__PURE__ */ e.jsx(K, { type: "small", className: "input-field-container__error-text", children: w }),
-      B && !k && /* @__PURE__ */ e.jsx(K, { type: "small", className: "input-field-container__helper-text", children: B })
+      y && w && /* @__PURE__ */ e.jsx(K, { type: "small", className: "input-field-container__error-text", children: w }),
+      B && !y && /* @__PURE__ */ e.jsx(K, { type: "small", className: "input-field-container__helper-text", children: B })
     ] });
   }
 );
@@ -3218,9 +3218,9 @@ const Ts = ({
     } else
       p(!0);
   }, [x, h, a, o, c]);
-  const v = y(() => {
+  const v = k(() => {
     j && (s == null || s(x), i == null || i());
-  }, [x, j, s, i]), N = y(() => {
+  }, [x, j, s, i]), N = k(() => {
     i == null || i();
   }, [i]), g = (_) => {
     if (a === "number") {
@@ -3289,16 +3289,17 @@ const Ts = ({
   saveText: d,
   cancelText: u,
   forceFullScreen: m,
-  btns: h
+  maxWidth: h,
+  btns: x
 }) => {
-  const { screen: x } = ve(we);
+  const { screen: f } = je(ge);
   vn(!0, document.body);
-  const f = () => {
+  const j = k(() => {
     a == null || a();
-  }, j = () => {
+  }, [a]), p = k(() => {
     l == null || l();
-  };
-  return m || x === ee.MOBILE ? /* @__PURE__ */ e.jsxs(
+  }, [l]);
+  return m || f === ee.MOBILE ? /* @__PURE__ */ e.jsxs(
     "div",
     {
       style: {
@@ -3317,32 +3318,33 @@ const Ts = ({
             ue,
             {
               transparent: !0,
-              onClick: f,
+              onClick: j,
               icon: /* @__PURE__ */ e.jsx(ie, {}),
               "aria-label": "Закрыть"
             }
           ) }),
           /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog__container__header__text", children: s }),
-          /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog__container__header__save", children: l && /* @__PURE__ */ e.jsx("button", { onClick: j, className: "full-screen-dialog__container__header__save__button", children: /* @__PURE__ */ e.jsx(K, { type: "body", weight: "bold", children: d || "Сохранить" }) }) })
+          /* @__PURE__ */ e.jsx("div", { className: "full-screen-dialog__container__header__save", children: l && /* @__PURE__ */ e.jsx("button", { onClick: p, className: "full-screen-dialog__container__header__save__button", children: /* @__PURE__ */ e.jsx(K, { type: "body", weight: "bold", children: d || "Сохранить" }) }) })
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "full-screen-dialog__content", style: t, children: [
           i,
-          h && /* @__PURE__ */ e.jsx(Pe, { btns: h.filter((v) => !v.hide && !v.success) })
+          x && /* @__PURE__ */ e.jsx(Pe, { btns: x.filter((N) => !N.hide && !N.success) })
         ] })
       ]
     }
   ) : /* @__PURE__ */ e.jsx(
     Ye,
     {
+      maxWidth: h,
       disableBackplate: c,
       style: n,
       header: s,
       className: `full-screen-dialog ${r}`,
-      onHide: f,
-      action: h === void 0 ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        a && /* @__PURE__ */ e.jsx(ye, { styleType: "outline", onClick: f, children: u ?? "Отмена" }),
-        a && /* @__PURE__ */ e.jsx(ye, { onClick: j, children: d ?? "Сохранить" })
-      ] }) : /* @__PURE__ */ e.jsx(Pe, { btns: h, onHide: a, onSuccess: l }),
+      onHide: j,
+      action: x === void 0 ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        a && /* @__PURE__ */ e.jsx(Ne, { styleType: "outline", onClick: j, children: u ?? "Отмена" }),
+        a && /* @__PURE__ */ e.jsx(Ne, { onClick: p, children: d ?? "Сохранить" })
+      ] }) : /* @__PURE__ */ e.jsx(Pe, { btns: x, onHide: a, onSuccess: l }),
       children: i
     }
   );
@@ -3366,7 +3368,7 @@ const Ts = ({
     elevation: j = 6,
     ...p
   }, v) => {
-    const { screen: N } = ve(we), g = u ?? N, _ = `elevation-${Math.min(24, Math.max(0, j))}`, S = (B) => {
+    const { screen: N } = je(ge), 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;
@@ -3374,8 +3376,8 @@ const Ts = ({
     }, 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), 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);
+      const O = w.getBoundingClientRect(), A = Math.max(O.width, O.height), y = 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 = `${y}px`, M.style.top = `${D}px`, W.appendChild(M), setTimeout(() => M.remove(), 600);
     };
     return /* @__PURE__ */ e.jsxs(
       "div",
@@ -3439,7 +3441,7 @@ const As = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
     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) => {
+  }, j = k((p) => {
     o && (h((v) => {
       if (!d)
         return v;
@@ -3607,17 +3609,17 @@ const As = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   itemMaxWith: a,
   itemWith: o = "400px"
 }) => {
-  const c = Y(null), [d, u] = b([]), m = Y(null), h = Y(null), x = y(() => {
+  const c = Y(null), [d, u] = b([]), m = Y(null), h = Y(null), x = k(() => {
     if (!c.current) return;
     c.current.style.display = "grid", c.current.style.gridRowGap = s, c.current.style.gridColumnGap = i;
     const v = l ?? o, N = a ?? o;
     c.current.style.gridTemplateColumns = `repeat(auto-fill, minmax(${v}, ${N}))`, c.current.style.gridAutoRows = "1px";
-  }, [s, i, l, a, o]), f = y(() => {
+  }, [s, i, l, a, o]), f = k(() => {
     if (c.current) {
       const v = c.current.querySelectorAll(".adaptiv-grid-item");
       u(Array.from(v));
     }
-  }, []), j = y(() => {
+  }, []), j = k(() => {
     if (!c.current) return;
     const v = window.getComputedStyle(c.current), N = parseInt(v.getPropertyValue("grid-row-gap")) || 0, g = parseInt(v.getPropertyValue("grid-auto-rows")) || 1;
     d.forEach((_) => {
@@ -3627,7 +3629,7 @@ const As = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
         _.style.gridRowEnd = `span ${P}`;
       }
     });
-  }, [d]), p = y(() => {
+  }, [d]), p = k(() => {
     h.current !== null && cancelAnimationFrame(h.current), h.current = requestAnimationFrame(() => {
       j(), h.current = null;
     });
@@ -3751,7 +3753,7 @@ const As = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   onContextMenu: c,
   ...d
 }) => {
-  const u = Y(null), m = Y(null), [h, x] = b(!1), f = y(() => {
+  const u = Y(null), m = Y(null), [h, x] = b(!1), f = k(() => {
     if (!u.current || !m.current) return;
     const j = u.current.clientWidth, p = m.current.scrollWidth;
     x(j < p);
@@ -3920,7 +3922,7 @@ const kr = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
   index: o,
   maxH: c
 }) => {
-  const d = y(
+  const d = k(
     (u) => {
       u.target.closest(".no-click") || a == null || a(t, o);
     },
@@ -4095,9 +4097,13 @@ const kr = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
     ) })
   ] });
 }, Ys = ({ visible: n, firstBtn: t, mainBtn: r, onHide: s, otherBtn: i, backBtn: l, openAlways: a }) => {
-  const o = (c, d) => c.type === "button" ? /* @__PURE__ */ e.jsx(Re, { active: c.active, onClick: c.onClick, title: c.text, icon: c.icon }, d) : c.type === "link" ? /* @__PURE__ */ e.jsx(Yn, { onClick: () => s(), title: c.text, icon: c.icon, to: c.to }, d) : c.type === "submenu" ? /* @__PURE__ */ e.jsx(Sr, { item: c, onHide: s }, d) : null;
+  const { screen: o } = je(ge), c = (d, u) => d.type === "button" ? /* @__PURE__ */ e.jsx(Re, { active: d.active, onClick: d.onClick, title: d.text, icon: d.icon }, u) : d.type === "link" ? /* @__PURE__ */ e.jsx(Yn, { onClick: () => s(), title: d.text, icon: d.icon, to: d.to }, u) : d.type === "submenu" ? /* @__PURE__ */ e.jsx(Sr, { item: d, onHide: s }, u) : null;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsxs("div", { className: `navigation-drawer ${n || a ? "navigation-drawer_show" : "navigation-drawer_hide"}`, children: [
+    /* @__PURE__ */ e.jsxs("div", { className: `
+			navigation-drawer 
+			${n || a ? "navigation-drawer_show" : "navigation-drawer_hide"} 
+			${o === ee.BIG_SCREEN ? "navigation-drawer_z500" : "navigation-drawer_z1200"}
+		`, children: [
       t ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsxs("div", { className: "navigation-drawer__block", children: [
           /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block__header" }),
@@ -4107,12 +4113,12 @@ const kr = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
       ] }) : null,
       /* @__PURE__ */ e.jsxs("div", { className: "navigation-drawer__block", children: [
         /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block__header" }),
-        /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block__content", children: r && r.map(o) })
+        /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block__content", children: r && r.map(c) })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__divider", children: /* @__PURE__ */ e.jsx(se, {}) }),
       /* @__PURE__ */ e.jsxs("div", { className: "navigation-drawer__block", children: [
         /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block__header" }),
-        /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block__content", children: i && i.map(o) })
+        /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block__content", children: i && i.map(c) })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__divider", children: /* @__PURE__ */ e.jsx(se, {}) }),
       l ? /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer__block", children: /* @__PURE__ */ e.jsx(Re, { active: l.active, onClick: l.onClick, title: l.text, icon: l.icon }) }) : null
@@ -4230,7 +4236,7 @@ const Tr = [
   "#E64AA9"
 ], fn = { h: 0, s: 1, v: 0.5 }, Or = (n) => {
   try {
-    return n ? Ie(Ne(n)) : fn;
+    return n ? Ie(we(n)) : fn;
   } catch {
     return fn;
   }
@@ -4246,8 +4252,8 @@ const Tr = [
   height: c = "auto"
 }) => {
   const d = Y(null), u = Y(null), m = Y(null), h = Y(null), [x, f] = b(Or(t)), [j, p] = b(!1), [v, N] = b(
-    `#${ke(Le(x))}`
-  ), g = oe(() => Le(x), [x]), _ = oe(() => `#${ke(g)}`, [g]), S = oe(
+    `#${ye(Le(x))}`
+  ), g = oe(() => Le(x), [x]), _ = oe(() => `#${ye(g)}`, [g]), S = oe(
     () => v[0] !== "#" ? `#${v}` : v,
     [v]
   );
@@ -4261,65 +4267,65 @@ const Tr = [
     );
   }, [x]), V(() => {
     if (!m.current || !h.current) return;
-    const k = m.current.getContext("2d");
-    k && (Lr(
-      k,
+    const y = m.current.getContext("2d");
+    y && (Lr(
+      y,
       m.current,
-      `#${ke(Le(x.h, 1, 1))}`
+      `#${ye(Le(x.h, 1, 1))}`
     ), $r(
       m.current,
-      k,
+      y,
       h.current,
       (D, M) => {
         f((E) => {
           const U = { ...E, s: D / 100, v: M / 100 };
-          return N(ke(Le(U))), U;
+          return N(ye(Le(U))), U;
         });
       }
     ));
   }, [x.h]), V(() => {
     if (!d.current || !u.current) return;
-    const k = d.current.getContext("2d");
-    k && (Er(k, d.current), Fr(k, d.current, u.current, (D) => {
+    const y = d.current.getContext("2d");
+    y && (Er(y, d.current), Fr(y, d.current, u.current, (D) => {
       f((M) => {
         const E = { ...M, h: D / 360 };
-        return N(ke(Le(E))), E;
+        return N(ye(Le(E))), E;
       });
     }));
   }, []), V(() => {
     if (v.length === 4 || v.length === 7)
       try {
-        f(Ie(Ne(v)));
+        f(Ie(we(v)));
       } catch {
         console.warn("Invalid HEX color");
       }
   }, [v]);
-  const T = (k, D, M, E, U) => {
+  const T = (y, D, M, E, U) => {
     try {
-      const I = k.getBoundingClientRect(), H = M.getBoundingClientRect(), G = Math.round(U.s * I.width), C = Math.round((1 - U.v) * I.height), L = (360 - U.h * 360) / 360 * H.height;
+      const I = y.getBoundingClientRect(), H = M.getBoundingClientRect(), G = Math.round(U.s * I.width), C = Math.round((1 - U.v) * I.height), L = (360 - U.h * 360) / 360 * H.height;
       Un(D, G, C), Xn(E, L);
     } catch (I) {
       console.error("Error updating cursor positions", I);
     }
-  }, P = (k) => {
+  }, P = (y) => {
     try {
-      f(Ie(Ne(k))), N(k);
+      f(Ie(we(y))), N(y);
     } catch {
       console.warn("Invalid color format");
     }
-  }, B = y(() => {
+  }, B = k(() => {
     s == null || s([...a, _]);
-  }, [s, a, _]), w = y(() => {
+  }, [s, a, _]), w = k(() => {
     r == null || r(_), i && (n == null || n());
-  }, [r, _]), W = y(
-    (k, D) => {
+  }, [r, _]), W = k(
+    (y, D) => {
       const M = Math.min(255, Math.max(0, D));
-      f(Ie({ ...g, [k]: M })), N(ke({ ...g, [k]: M }));
+      f(Ie({ ...g, [y]: M })), N(ye({ ...g, [y]: M }));
     },
     [g]
-  ), O = y((k) => {
-    N(k);
-  }, []), A = y(() => {
+  ), O = k((y) => {
+    N(y);
+  }, []), A = k(() => {
     l && (r == null || r(l), i && (n == null || n()), P(l));
   }, [l, r, P]);
   return /* @__PURE__ */ e.jsxs(
@@ -4331,13 +4337,13 @@ const Tr = [
       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: Tr.map((k, D) => /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx("div", { className: "swatches default-swatches", children: Tr.map((y, D) => /* @__PURE__ */ e.jsx(
             "button",
             {
-              onClick: () => P(k),
+              onClick: () => P(y),
               className: "swatch",
-              style: { backgroundColor: k },
-              "aria-label": `Color ${k}`
+              style: { backgroundColor: y },
+              "aria-label": `Color ${y}`
             },
             D
           )) }),
@@ -4390,9 +4396,9 @@ const Tr = [
           ] })
         ] }),
         /* @__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((k) => /* @__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((y) => /* @__PURE__ */ e.jsxs("div", { className: "field-group", children: [
             /* @__PURE__ */ e.jsxs("label", { className: "field-label", children: [
-              k.toUpperCase(),
+              y.toUpperCase(),
               ":"
             ] }),
             /* @__PURE__ */ e.jsx(
@@ -4401,13 +4407,13 @@ const Tr = [
                 type: "number",
                 max: "255",
                 min: "0",
-                value: g[k],
-                onChange: (D) => W(k, Number(D.target.value)),
+                value: g[y],
+                onChange: (D) => W(y, Number(D.target.value)),
                 className: "field-input rgb-input",
-                "aria-label": `${k.toUpperCase()} value`
+                "aria-label": `${y.toUpperCase()} value`
               }
             )
-          ] }, k)) }),
+          ] }, y)) }),
           /* @__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(
@@ -4416,7 +4422,7 @@ const Tr = [
                 type: "text",
                 className: "field-input",
                 value: S,
-                onChange: (k) => O(k.target.value),
+                onChange: (y) => O(y.target.value),
                 "aria-label": "HEX color value"
               }
             )
@@ -4425,7 +4431,7 @@ const Tr = [
             "button",
             {
               className: "button-color-picker mode-toggle",
-              onClick: () => p((k) => !k),
+              onClick: () => p((y) => !y),
               "aria-label": `Switch to ${j ? "RGB" : "HEX"} mode`,
               children: "Mode"
             }
@@ -4433,13 +4439,13 @@ const Tr = [
         ] }),
         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((k, D) => /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx("div", { id: "user-swatches", className: "swatches custom-swatches", children: a.map((y, D) => /* @__PURE__ */ e.jsx(
             "button",
             {
-              onClick: () => P(k),
+              onClick: () => P(y),
               className: "swatch",
-              style: { backgroundColor: k },
-              "aria-label": `User color ${k}`
+              style: { backgroundColor: y },
+              "aria-label": `User color ${y}`
             },
             D
           )) })
@@ -4501,14 +4507,14 @@ const Tr = [
   V(() => {
     s !== void 0 && x(s);
   }, [s]);
-  const f = y(() => {
+  const f = k(() => {
     m(!0);
-  }, []), j = y(
+  }, []), j = k(
     (N) => {
       x(N), t == null || t(N), m(!1);
     },
     [t]
-  ), p = y(() => {
+  ), p = k(() => {
     m(!1);
   }, []), v = [
     "input-field",
@@ -4542,7 +4548,7 @@ const Tr = [
         }
       )
     ] }),
-    u && /* @__PURE__ */ e.jsx(Ce, { container: r, children: /* @__PURE__ */ e.jsx(
+    u && /* @__PURE__ */ e.jsx(ve, { container: r, children: /* @__PURE__ */ e.jsx(
       Ar,
       {
         defaultColor: c,
@@ -4590,7 +4596,7 @@ const Tr = [
     ), a(_);
   }, N = (_) => {
     u(_);
-  }, g = y(() => {
+  }, g = k(() => {
     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]);
@@ -4614,10 +4620,10 @@ const Tr = [
       ] }) })
     ] }),
     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: () => v(_), children: [
-      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: l === _ ? /* @__PURE__ */ e.jsx(_e, {}) : null }),
+      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: l === _ ? /* @__PURE__ */ e.jsx(Ce, {}) : null }),
       /* @__PURE__ */ e.jsx("div", { className: "content", children: _ })
     ] }, S)) }) : m === "YEARS" ? /* @__PURE__ */ e.jsx("div", { className: "calendar-body-years-container", children: Ir().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(_e, {}) : null }),
+      /* @__PURE__ */ e.jsx("div", { className: "status-container", children: o === _ ? /* @__PURE__ */ e.jsx(Ce, {}) : 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: [
@@ -4662,17 +4668,17 @@ const Tr = [
   }, A = (I) => {
     let H = String(I);
     return H.length < 2 && (H = "0" + H), H;
-  }, k = (I) => {
+  }, y = (I) => {
     x == null || x(I), S(!0);
   }, D = (I) => {
     h == null || h(I), S(!1), P(!!I.target.value);
-  }, M = y(() => {
+  }, M = k(() => {
     v(""), f == null || f(), t == null || t("");
   }, [f, t]);
   V(() => {
     P(!!s);
   }, [s]);
-  const E = y((I, H, G) => {
+  const E = k((I, H, G) => {
     v(`${I}-${O(H)}-${A(G)}`), t && t(`${I}-${O(H)}-${A(G)}`);
   }, [t]), U = {
     small: "input-field__date-field_small",
@@ -4701,7 +4707,7 @@ const Tr = [
             name: r,
             value: p,
             onBlur: D,
-            onFocus: k,
+            onFocus: y,
             readOnly: !0,
             id: B,
             ...j
@@ -4723,7 +4729,7 @@ const Tr = [
             input-field__icon-container_clear-btn
             `, onClick: M, children: /* @__PURE__ */ e.jsx(ie, { "aria-label": "Clear input" }) })
     ] }),
-    N ? /* @__PURE__ */ e.jsx(Ce, { container: a, children: /* @__PURE__ */ e.jsx(Hr, { onChange: E, onHide: () => g(!1) }) }) : null,
+    N ? /* @__PURE__ */ e.jsx(ve, { container: a, children: /* @__PURE__ */ e.jsx(Hr, { onChange: E, onHide: () => g(!1) }) }) : null,
     w && o && /* @__PURE__ */ e.jsx(K, { type: "small", className: "input-field-container__error-text", children: o }),
     c && !w && /* @__PURE__ */ e.jsx(K, { type: "small", className: "input-field-container__helper-text", children: c })
   ] });
@@ -4746,12 +4752,12 @@ const Tr = [
   V(() => {
     t && l(t);
   }, [t]);
-  const a = y((c) => (d) => {
+  const a = k((c) => (d) => {
     l((u) => {
       const m = d.target.checked ? [...u, c] : u.filter((h) => h !== c);
       return n == null || n(m), m;
     });
-  }, [n]), o = y((c) => i.includes(c), [i]);
+  }, [n]), o = k((c) => i.includes(c), [i]);
   return /* @__PURE__ */ e.jsx("div", { className: `days-week-field-container ${r}`, children: Br.map((c) => /* @__PURE__ */ e.jsxs("label", { className: "day-of-week-label", children: [
     /* @__PURE__ */ e.jsx(
       "input",
@@ -4792,7 +4798,7 @@ const Gr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), pn =
     N(w);
   }, T = (w) => {
     w.key === "Enter" && (w.preventDefault(), P());
-  }, P = y(() => {
+  }, P = k(() => {
     if (v.trim() === "" || j.includes(v.trim()))
       return;
     const w = [...j, v.trim()];
@@ -4854,7 +4860,7 @@ const Gr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), pn =
                 }
               ),
               /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-                ye,
+                Ne,
                 {
                   onClick: P,
                   className: "more-text-btn",
@@ -4898,26 +4904,26 @@ const Gr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), pn =
   ariaLabelledby: B,
   ariaDescribedby: w
 }, W) => {
-  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 = () => {
+  const O = Y(null), A = Y(null), y = Y(null), D = Y(null), [M, E] = b(!1), [U, I] = b(d ?? 0), H = k((z, Z) => E(!!(j || z && (!Z || Z === ""))), [j]), G = () => {
     if (!D.current)
       return;
     const z = D.current.querySelector("input");
     z && z.focus();
-  }, C = 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);
+  }, C = k((z, Z) => {
+    o && (y.current && (clearTimeout(y.current), y.current = null), y.current = setTimeout(() => {
+      y.current && (clearTimeout(y.current), y.current = null), o(z, Z);
     }, 100));
-  }, [o]), L = y(() => {
+  }, [o]), L = k(() => {
     I((z) => {
       let Z = z ? z + _ : _;
       return typeof p == "number" && Z > p && (Z = p), C(Z, c), Z;
     });
-  }, [C, c, p, _]), R = y(() => {
+  }, [C, c, p, _]), R = k(() => {
     I((z) => {
       let Z = z ? z - _ : -_;
       return typeof v == "number" && Z < v && (Z = v), C(Z, c), Z;
     });
-  }, [C, c, v, _]), q = y((z) => {
+  }, [C, c, v, _]), q = k((z) => {
     if (z.target.value === "") {
       I("");
       return;
@@ -4925,9 +4931,9 @@ const Gr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), pn =
     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 v == "number" && Z < v && (Z = v), typeof p == "number" && Z > p && (Z = p), I(Number(z.target.value)), C(Z, c);
-  }, [c, C, U, p, v]), Q = y(() => {
+  }, [c, C, U, p, v]), Q = k(() => {
     O.current && clearTimeout(O.current), A.current && clearInterval(A.current), document.removeEventListener("mouseup", Q);
-  }, []), ne = y((z) => {
+  }, []), ne = k((z) => {
     z === "p" ? L() : z === "m" && R(), O.current && clearTimeout(O.current), A.current && clearInterval(A.current), document.addEventListener("mouseup", Q), O.current = setTimeout(() => {
       A.current = setInterval(() => {
         z === "p" ? L() : z === "m" && R();
@@ -4939,7 +4945,7 @@ const Gr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), pn =
   V(() => {
     H(h, d);
   }, [d, h, H]), V(() => {
-    d !== void 0 && !k.current && I(d);
+    d !== void 0 && !y.current && I(d);
   }, [d]);
   const le = {
     small: "input-field__number-field_small",
@@ -5080,7 +5086,7 @@ const qn = te.forwardRef(
     rows: S = 3,
     onKeyDown: T
   }, P) => {
-    const B = Y(null), [w, W] = b(!1), [O, A] = b(!1), [k, D] = b(!!u), M = We(), E = () => {
+    const B = Y(null), [w, W] = b(!1), [O, A] = b(!1), [y, D] = b(!!u), M = We(), E = () => {
       var C;
       const G = (C = B.current) == null ? void 0 : C.querySelector("textarea");
       G == null || G.focus();
@@ -5088,7 +5094,7 @@ const qn = te.forwardRef(
       f == null || f(G), A(!0);
     }, I = (G) => {
       j == null || j(G), A(!1), D(!!G.target.value);
-    }, H = y(
+    }, H = k(
       (G, C) => W(!!(p || G && (!C || C === ""))),
       [p]
     );
@@ -5140,7 +5146,7 @@ const qn = te.forwardRef(
                 {
                   htmlFor: M,
                   onClick: E,
-                  className: `input-field__input-container__label input-field__text-area__label ${k ? "input-field__input-container__label_filled" : ""}`,
+                  className: `input-field__input-container__label input-field__text-area__label ${y ? "input-field__input-container__label_filled" : ""}`,
                   children: /* @__PURE__ */ e.jsx("span", { className: "input-field__input-container__label__span", children: m })
                 }
               )
@@ -5156,11 +5162,11 @@ const qn = te.forwardRef(
 );
 qn.displayName = "TextArea";
 const Yr = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: i, onCancel: l, onOK: a }) => {
-  const [o, c] = b(!1), d = y((h) => {
+  const [o, c] = b(!1), d = k((h) => {
     n(h), c(!0);
-  }, [n]), u = y((h) => {
+  }, [n]), u = k((h) => {
     t(h), c(!1);
-  }, [t]), m = y(() => {
+  }, [t]), m = k(() => {
     c(!1), l();
   }, []);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -5266,9 +5272,9 @@ const Kr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
 }, qr = (n) => {
   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 = y((u) => {
+  }, c = k((u) => {
     r(u), n.onChange && n.onChange(s, u), n.onHide && n.onHide();
-  }, [s]), d = y(() => {
+  }, [s]), d = k(() => {
     n.onChange && n.onChange(s, t), n.onHide && n.onHide();
   }, [s, t]);
   return l ? /* @__PURE__ */ e.jsx(Ee, { className: "enter-time-container", children: /* @__PURE__ */ e.jsx(Yr, { 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(Kr, { setMinutes: r, setHours: i, minutes: t, hours: s, switchMode: () => a(!0), onCancel: o, onOK: d }) });
@@ -5298,11 +5304,11 @@ const Kr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
   style: N,
   ...g
 }) => {
-  const [_, S] = b(s), [T, P] = b(!1), [B, w] = b(!1), [W, O] = b(!!s), A = We(), k = a || !!d;
+  const [_, S] = b(s), [T, P] = b(!1), [B, w] = b(!1), [W, O] = b(!!s), A = We(), y = a || !!d;
   V(() => {
     S(s);
   }, [s]);
-  const D = y(() => k || l && !_ ? "error" : "", [_, k, l]), M = (R, q) => {
+  const D = k(() => y || l && !_ ? "error" : "", [_, y, 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 = () => {
@@ -5311,13 +5317,13 @@ const Kr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
     p == null || p(R), w(!0);
   }, I = (R) => {
     j == null || j(R), w(!1), O(!!R.target.value);
-  }, H = y(() => {
+  }, H = k(() => {
     S(""), v == null || v(), t == null || t("");
   }, [v, t]);
   V(() => {
     O(!!s);
   }, [s]);
-  const G = _ && parseInt(_.split(":")[0]) || 0, C = _ && parseInt(_.split(":")[1]) || 0, L = oe(() => k && d ? /* @__PURE__ */ e.jsx(
+  const G = _ && parseInt(_.split(":")[0]) || 0, C = _ && parseInt(_.split(":")[1]) || 0, L = oe(() => y && d ? /* @__PURE__ */ e.jsx(
     K,
     {
       type: "small",
@@ -5326,7 +5332,7 @@ const Kr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
       id: `${r}-error`,
       children: d
     }
-  ) : u && !k ? /* @__PURE__ */ e.jsx(
+  ) : u && !y ? /* @__PURE__ */ e.jsx(
     K,
     {
       type: "small",
@@ -5334,7 +5340,7 @@ const Kr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
       id: `${r}-helper`,
       children: u
     }
-  ) : null, [k, d, u, r]);
+  ) : null, [y, d, u, r]);
   return /* @__PURE__ */ e.jsxs("div", { className: `input-field-container ${i}`, children: [
     /* @__PURE__ */ e.jsxs(
       "div",
@@ -5345,7 +5351,7 @@ const Kr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
           ${Jr[h]}
           ${n ? "input-field_border" : ""} 
           ${B ? "input-field_active" : ""} 
-          ${k ? "input-field_error" : ""} 
+          ${y ? "input-field_error" : ""} 
           ${c ? "input-field_disabled" : ""}
           `,
         "aria-disabled": c,
@@ -5377,8 +5383,8 @@ const Kr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
                 onFocus: U,
                 disabled: c,
                 "aria-labelledby": x,
-                "aria-invalid": k,
-                "aria-describedby": k && d ? `${r}-error` : u ? `${r}-helper` : void 0
+                "aria-invalid": y,
+                "aria-describedby": y && d ? `${r}-error` : u ? `${r}-helper` : void 0
               }
             ),
             f && /* @__PURE__ */ e.jsx(
@@ -5401,7 +5407,7 @@ const Kr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
       }
     ),
     L,
-    T && /* @__PURE__ */ e.jsx(Ce, { container: o, children: /* @__PURE__ */ e.jsx(
+    T && /* @__PURE__ */ e.jsx(ve, { container: o, children: /* @__PURE__ */ e.jsx(
       qr,
       {
         onHide: () => P(!1),
@@ -5429,9 +5435,9 @@ const qe = 0, Je = 100, Ks = ({ showValue: n = !0, ...t }) => {
         return es(h, x, f, 0, f - x) * (j.width - 20) / (f - x);
     }
     return 0;
-  }, u = y((h) => {
+  }, u = k((h) => {
     l(!0), t.onFocus && t.onFocus(h);
-  }, [t.onFocus]), m = y((h) => {
+  }, [t.onFocus]), m = k((h) => {
     l(!1), t.onBlur && t.onBlur(h);
   }, [t.onBlur]);
   return /* @__PURE__ */ e.jsx("div", { className: `range ${t.disabled ? "disabled" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "field", style: t.style, children: [
@@ -5448,20 +5454,20 @@ const qe = 0, Je = 100, Ks = ({ showValue: n = !0, ...t }) => {
 }, qs = ({ className: n, text: t, title: r, hexColor: s, hexBackground: i, style: l, btn: a }) => /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-sh-ui-kit-empty-page ${n ?? ""}`, style: { background: Qt(i), color: s, ...l }, children: [
   /* @__PURE__ */ e.jsx("h2", { children: r }),
   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
+  a ? /* @__PURE__ */ e.jsx(Ne, { styleType: a.styleType ?? "filled", style: a.style, className: a.className, onClick: a.onClick, children: a.text }) : null
 ] }), ns = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent: l, onlyStringValue: a }) => {
-  const [o, c] = b(""), [d, u] = b(""), [m, h] = b(!1), [x, f] = b(!0), j = y((g, _) => {
+  const [o, c] = b(""), [d, u] = b(""), [m, h] = b(!1), [x, f] = b(!0), j = k((g, _) => {
     s({ ...r, [_]: g });
-  }, [s, r]), p = y(() => {
+  }, [s, r]), p = k(() => {
     u(""), c(""), h(!1);
-  }, []), v = y(() => {
+  }, []), v = k(() => {
     let g = d;
     try {
       a || (g = JSON.parse(g));
     } catch {
     }
     p(), s({ ...r, [o]: g });
-  }, [r, s, o, d, p]), N = y((g) => {
+  }, [r, s, o, d, p]), N = k((g) => {
     let _ = { ...r };
     delete _[g], s(_);
   }, [r, s]);
@@ -5491,19 +5497,19 @@ const qe = 0, Je = 100, Ks = ({ showValue: n = !0, ...t }) => {
     ] })
   ] }) });
 }, ts = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent: l, onlyStringValue: a }) => {
-  const [o, c] = b(""), [d, u] = b(!1), [m, h] = b(!0), x = y((v, N) => {
+  const [o, c] = b(""), [d, u] = b(!1), [m, h] = b(!0), x = k((v, N) => {
     const g = r.slice();
     g[N] = v, s(g);
-  }, [s, r]), f = y(() => {
+  }, [s, r]), f = k(() => {
     c(""), u(!1);
-  }, []), j = y(() => {
+  }, []), j = k(() => {
     let v = o;
     try {
       a || (v = JSON.parse(v));
     } catch {
     }
     f(), s([...r, v]);
-  }, [r, s, o, f]), p = y((v) => {
+  }, [r, s, o, f]), p = k((v) => {
     s(r.filter((N, g) => g !== v));
   }, [r, s]);
   return /* @__PURE__ */ e.jsx("div", { className: `json-card-container ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsxs("div", { children: [
@@ -5528,7 +5534,7 @@ const qe = 0, Je = 100, Ks = ({ showValue: n = !0, ...t }) => {
     ] })
   ] }) });
 }, rs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i }) => {
-  const l = y((a) => {
+  const l = k((a) => {
     s(a.target.value);
   }, [s]);
   return /* @__PURE__ */ e.jsx("div", { className: `json-card-container ${n ? "" : "changeable"}`, children: /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs("div", { className: "json-line", children: [
@@ -5542,11 +5548,11 @@ const qe = 0, Je = 100, Ks = ({ showValue: n = !0, ...t }) => {
 };
 var Jn = /* @__PURE__ */ ((n) => (n.NONE = "NONE", n.ARRAY = "ARRAY", n.OBJECT = "OBJECT", n))(Jn || {});
 const an = ({ 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(rs, { readonly: n, onDelete: i, onChange: s, data: r, name: t }) : r ? Array.isArray(r) ? /* @__PURE__ */ e.jsx(ts, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: l === "ARRAY", onlyStringValue: a }) : /* @__PURE__ */ e.jsx(ns, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: l === "OBJECT", onlyStringValue: a }) : null, Js = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: l = Jn.NONE, onlyStringValue: a }) => {
-  const [o, c] = b(r || void 0), [d, u] = b(""), m = y((f) => {
+  const [o, c] = b(r || void 0), [d, u] = b(""), m = k((f) => {
     n || (c(f), s && s(f));
-  }, [s]), h = y(() => {
+  }, [s]), h = k(() => {
     n || (c(void 0), i && i());
-  }, [i]), x = y(() => {
+  }, [i]), x = k(() => {
     if (n)
       return;
     let f = d;
@@ -5657,7 +5663,7 @@ const an = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
       /* @__PURE__ */ e.jsx("input", { placeholder: t, type: "text", ref: o, onChange: v, 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(rn, {}) })
     ] }) }),
-    /* @__PURE__ */ e.jsx(Ce, { container: document.body, children: /* @__PURE__ */ e.jsx(ss, { point: h ?? void 0, onClose: () => x(null), isOpen: !!h, filters: s, selectedFilters: i, onChange: l }) })
+    /* @__PURE__ */ e.jsx(ve, { container: document.body, children: /* @__PURE__ */ e.jsx(ss, { point: h ?? void 0, onClose: () => x(null), isOpen: !!h, filters: s, selectedFilters: i, onChange: l }) })
   ] });
 }, is = ({ visible: n, text: t, option: r }) => {
   const [s, i] = b(n), [l, a] = b(!1);
@@ -5718,9 +5724,9 @@ const an = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     V(() => {
       S(_n(s, l ?? ""));
     }, [l, s]);
-    const O = y((M) => {
+    const O = k((M) => {
       S(_n(s, M)), i && i(M), w(!1);
-    }, [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) => {
+    }, [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]), y = k((M) => {
       if (N) return;
       M.preventDefault();
       let E = Ue(M.currentTarget), U = (E == null ? void 0 : E.left) ?? M.pageX, I = E != null && E.top ? E.top + E.height : M.pageY;
@@ -5740,7 +5746,7 @@ const an = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
                 ${j ? "input-field_transparent" : ""} 
                 ${W ? "input-field_error" : ""} 
                 ${N ? "input-field_disabled" : ""}
-                `, children: /* @__PURE__ */ e.jsxs("div", { className: "input-field__input-container", onClick: k, children: [
+                `, children: /* @__PURE__ */ e.jsxs("div", { className: "input-field__input-container", onClick: y, children: [
         /* @__PURE__ */ e.jsx(
           "input",
           {
@@ -5782,7 +5788,7 @@ const ls = ({ icons: n, value: t, onChange: r, disabled: s, placeholder: i, cont
         placeholder: i
       }
     ),
-    a && /* @__PURE__ */ e.jsx(Ce, { container: l, children: /* @__PURE__ */ e.jsx(
+    a && /* @__PURE__ */ e.jsx(ve, { container: l, children: /* @__PURE__ */ e.jsx(
       xr,
       {
         header: "Icons",
@@ -5816,7 +5822,7 @@ const ls = ({ icons: n, value: t, onChange: r, disabled: s, placeholder: i, cont
   MoreVertical: wn,
   CircleMinus: Ze,
   Calendar: Nn,
-  Check: _e,
+  Check: Ce,
   ChevronDown: He,
   CirclePlus: sn,
   Clock: nn,
@@ -5858,9 +5864,9 @@ const cs = {
   }
 }, os = Be(cs), ri = ({ children: n }) => {
   var a;
-  const [t, r] = b({ visible: !1, text: "" }), s = Y(null), i = y((o, c) => {
+  const [t, r] = b({ visible: !1, text: "" }), s = Y(null), i = k((o, c) => {
     r({ visible: !0, text: o, option: c }), s.current && clearTimeout(s.current), c != null && c.closeButton || (s.current = setTimeout(() => l(), (c == null ? void 0 : c.delay) ?? 3e3));
-  }, []), l = y(() => {
+  }, []), l = k(() => {
     s.current && (clearTimeout(s.current), s.current = null), r({ visible: !1, text: "" });
   }, []);
   return /* @__PURE__ */ e.jsxs(os.Provider, { value: { showSnackbar: i, hideSnackbar: l }, children: [
@@ -5879,7 +5885,7 @@ const cs = {
   ] });
 }, nt = Be({});
 function ds() {
-  return ve(nt);
+  return je(nt);
 }
 function us(n) {
   return typeof n == "string";
@@ -5890,15 +5896,15 @@ function hs(n) {
 function xs(n) {
   return typeof n == "boolean";
 }
-const je = (n) => {
-  const { value: t, changeField: r, errors: s } = ds(), i = y((c) => {
+const pe = (n) => {
+  const { value: t, changeField: r, errors: s } = ds(), i = k((c) => {
     r && r(n, c);
-  }, [n]), l = y(() => {
+  }, [n]), l = k(() => {
     const c = t == null ? void 0 : t[n];
     return xs(c) ? !!c : hs(c) ? Number(c) : us(c) ? c ?? "" : "";
-  }, [t, n]), a = y(() => {
+  }, [t, n]), a = k(() => {
     r && r(n, "");
-  }, [n]), o = y(() => {
+  }, [n]), o = k(() => {
     if (s && Object.keys(s).includes(n))
       return s[n];
   }, [s, n]);
@@ -5909,16 +5915,16 @@ const je = (n) => {
     change: i
   };
 }, ms = (n) => {
-  const { value: t, change: r, error: s } = je(n.name);
+  const { value: t, change: r, error: s } = pe(n.name);
   return /* @__PURE__ */ e.jsx(Zr, { ...n, onChange: r, value: String(t), errorText: s, error: !!s });
 }, fs = (n) => {
-  const { value: t, change: r, error: s } = je(n.name);
+  const { value: t, change: r, error: s } = pe(n.name);
   return /* @__PURE__ */ e.jsx(Kn, { ...n, value: Number(t), onChange: r, errorText: s, error: !!s });
 }, js = (n) => {
-  const { value: t, change: r, error: s } = je(n.name);
+  const { value: t, change: r, error: s } = pe(n.name);
   return /* @__PURE__ */ e.jsx(Qn, { ...n, container: n.container ?? document.body, value: t, onChange: r, errorText: s, error: !!s });
 }, ps = ({ placeholder: n, ref: t, style: r, readOnly: s, className: i, name: l }) => {
-  const { value: a, change: o } = je(l), c = (d) => {
+  const { value: a, change: o } = pe(l), c = (d) => {
     o && o(d.target.checked);
   };
   return /* @__PURE__ */ e.jsx("div", { className: `input-field form-switch ${i}`, style: r, children: /* @__PURE__ */ e.jsx(
@@ -5933,11 +5939,11 @@ const je = (n) => {
     }
   ) });
 }, _s = ({ placeholder: n, ref: t, style: r, readOnly: s, className: i, name: l }) => {
-  const { value: a, change: o } = je(l), c = (u) => {
+  const { value: a, change: o } = pe(l), c = (u) => {
     if (u.length > 0)
       return o && o(!0);
     o && o(!1);
-  }, d = y(() => a ? [n ?? l] : [], [a, l, n]);
+  }, d = k(() => a ? [n ?? l] : [], [a, l, n]);
   return /* @__PURE__ */ e.jsx(
     Wn,
     {
@@ -5952,7 +5958,7 @@ const je = (n) => {
     }
   );
 }, Cs = (n) => {
-  const { error: t, value: r, change: s, clearHandler: i } = je(n.name);
+  const { error: t, value: r, change: s, clearHandler: i } = pe(n.name);
   return /* @__PURE__ */ e.jsx(
     Ve,
     {
@@ -5965,10 +5971,10 @@ const je = (n) => {
     }
   );
 }, vs = (n) => {
-  const { error: t, value: r, change: s, clearHandler: i } = je(n.name);
+  const { error: t, value: r, change: s, clearHandler: i } = pe(n.name);
   return /* @__PURE__ */ e.jsx(qn, { ...n, onChange: s, onClear: n.clear ? i : void 0, value: String(r), error: !!t, errorText: t });
 }, gs = (n) => {
-  const { error: t, value: r, change: s } = je(n.name);
+  const { error: t, value: r, change: s } = pe(n.name);
   return /* @__PURE__ */ e.jsx(
     zr,
     {
@@ -5980,7 +5986,7 @@ const je = (n) => {
     }
   );
 }, bs = (n) => {
-  const { error: t, value: r, change: s } = je(n.name);
+  const { error: t, value: r, change: s } = pe(n.name);
   return /* @__PURE__ */ e.jsx(
     Qr,
     {
@@ -5993,9 +5999,9 @@ const je = (n) => {
   );
 }, ks = fe(
   function({ children: t, value: r, name: s, errors: i, onFinish: l, onChangeValue: a, ...o }, c) {
-    const [d, u] = b(r), m = y((x) => {
+    const [d, u] = b(r), m = k((x) => {
       x.preventDefault(), l == null || l(d);
-    }, [l, d]), h = y((x, f) => {
+    }, [l, d]), h = k((x, f) => {
       u((j) => ({
         ...j,
         [x]: f
@@ -6036,10 +6042,10 @@ export {
   Ee as BasicTemplateDialog,
   Ds as BigContainer,
   gn as BottomSheetsUi,
-  ye as Button,
+  Ne as Button,
   Nn as Calendar,
   fr as Card,
-  _e as Check,
+  Ce as Check,
   zn as Checkbox,
   He as ChevronDown,
   Pn as Chips,
@@ -6073,7 +6079,7 @@ export {
   Ps as GridLayout,
   zs as GridLayoutItem,
   Ft as Group,
-  Ne as HEXtoRGB,
+  we as HEXtoRGB,
   Ls as HSLtoHSV,
   $s as HSVtoHSL,
   Le as HSVtoRGB,
@@ -6094,7 +6100,7 @@ export {
   Rn as Minus,
   $t as MinusUserIcon,
   Ye as ModalDialogTemplate,
-  Ce as ModalPortal,
+  ve as ModalPortal,
   Ge as ModalTemplate,
   ze as MoreHorizontal,
   Zr as MoreText,
@@ -6130,7 +6136,7 @@ export {
   zt as Sensor2,
   Pt as Sensor3,
   Bt as SensorWarning,
-  we as SizeContext,
+  ge as SizeContext,
   Ss as SizeProvider,
   Ks as Slider,
   hr as SmallWindowMenu,