alex-evo-sh-ui-kit 1.1.103 → 1.1.105

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 k, 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 = {};
@@ -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;
@@ -378,15 +378,15 @@ 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);
+  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]);
@@ -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),
@@ -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,
@@ -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,
@@ -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) {
@@ -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)) {
@@ -2504,7 +2504,7 @@ 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, y = 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]);
@@ -2522,7 +2522,7 @@ const $e = () => {
     [H, n, t]
   ), 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}, ${y * Math.PI * 2 - he}`);
@@ -2531,14 +2531,14 @@ const $e = () => {
       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}, ${y * 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, ${y * 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, y, c, u, U, I, x, D, M, p, R, S]), Q = (Z) => {
@@ -2549,7 +2549,7 @@ const $e = () => {
     P.current = !1, document.removeEventListener("mousemove", ne), document.removeEventListener("mouseup", J);
   }, 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);
@@ -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;
@@ -2693,7 +2693,7 @@ const se = ({ style: n, short: t, text: r }) => r ? /* @__PURE__ */ e.jsxs("div"
     /* @__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",
@@ -3292,7 +3292,7 @@ const Ts = ({
   maxWidth: h,
   btns: x
 }) => {
-  const { screen: f } = ve(we);
+  const { screen: f } = je(ge);
   vn(!0, document.body);
   const j = k(() => {
     a == null || a();
@@ -3342,8 +3342,8 @@ const Ts = ({
       className: `full-screen-dialog ${r}`,
       onHide: j,
       action: x === void 0 ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        a && /* @__PURE__ */ e.jsx(ye, { styleType: "outline", onClick: j, children: u ?? "Отмена" }),
-        a && /* @__PURE__ */ e.jsx(ye, { onClick: p, children: d ?? "Сохранить" })
+        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
     }
@@ -3368,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;
@@ -4097,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" }),
@@ -4109,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
@@ -4232,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;
   }
@@ -4248,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]
   );
@@ -4267,7 +4271,7 @@ const Tr = [
     y && (Lr(
       y,
       m.current,
-      `#${ke(Le(x.h, 1, 1))}`
+      `#${ye(Le(x.h, 1, 1))}`
     ), $r(
       m.current,
       y,
@@ -4275,7 +4279,7 @@ const Tr = [
       (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;
         });
       }
     ));
@@ -4285,13 +4289,13 @@ const Tr = [
     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");
       }
@@ -4305,7 +4309,7 @@ const Tr = [
     }
   }, P = (y) => {
     try {
-      f(Ie(Ne(y))), N(y);
+      f(Ie(we(y))), N(y);
     } catch {
       console.warn("Invalid color format");
     }
@@ -4316,7 +4320,7 @@ const Tr = [
   }, [r, _]), W = k(
     (y, D) => {
       const M = Math.min(255, Math.max(0, D));
-      f(Ie({ ...g, [y]: M })), N(ke({ ...g, [y]: M }));
+      f(Ie({ ...g, [y]: M })), N(ye({ ...g, [y]: M }));
     },
     [g]
   ), O = k((y) => {
@@ -4544,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,
@@ -4616,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: [
@@ -4725,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 })
   ] });
@@ -4843,6 +4847,7 @@ const Gr = (n, t = ",") => n === "" ? [] : n.split(t).map((r) => r.trim()), pn =
                     Pn,
                     {
                       text: w,
+                      className: "chips-container_chip",
                       onDelete: () => B(W),
                       disabled: o,
                       "aria-label": `Элемент: ${w}`,
@@ -4856,7 +4861,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",
@@ -5403,7 +5408,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),
@@ -5450,7 +5455,7 @@ 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 = k((g, _) => {
     s({ ...r, [_]: g });
@@ -5659,7 +5664,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);
@@ -5784,7 +5789,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",
@@ -5818,7 +5823,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,
@@ -5881,7 +5886,7 @@ const cs = {
   ] });
 }, nt = Be({});
 function ds() {
-  return ve(nt);
+  return je(nt);
 }
 function us(n) {
   return typeof n == "string";
@@ -5892,7 +5897,7 @@ function hs(n) {
 function xs(n) {
   return typeof n == "boolean";
 }
-const je = (n) => {
+const pe = (n) => {
   const { value: t, changeField: r, errors: s } = ds(), i = k((c) => {
     r && r(n, c);
   }, [n]), l = k(() => {
@@ -5911,16 +5916,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(
@@ -5935,7 +5940,7 @@ 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);
@@ -5954,7 +5959,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,
     {
@@ -5967,10 +5972,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,
     {
@@ -5982,7 +5987,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,
     {
@@ -6038,10 +6043,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,
@@ -6075,7 +6080,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,
@@ -6096,7 +6101,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,
@@ -6132,7 +6137,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,