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

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 ve, 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 = {
@@ -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`);
@@ -387,7 +387,7 @@ const Ge = ({ children: n, onHide: t, disableBackplate: r }) => {
     mobileSize: n.mobileSize ?? ge.mobileSize
   };
   t.bigSize <= 100 && (console.error("useScreenSize: invalid option"), t.bigSize = ge.bigSize), t.mobileSize <= 100 && (console.error("useScreenSize: invalid option"), t.mobileSize = ge.mobileSize), t.mobileSize >= t.bigSize && (console.error("useScreenSize: invalid option"), t.mobileSize = ge.mobileSize, t.bigSize = ge.bigSize);
-  const [r, s] = b(ee.STANDART), i = y(() => {
+  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(() => {
@@ -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));
       },
@@ -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,
@@ -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);
@@ -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,
@@ -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 } = ve(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,37 +2517,37 @@ 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);
     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 = `${pe}, ${y * Math.PI * 2 - pe}`;
       }
     }
     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 - pe).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;
     let ae = Math.atan2(st, it) * (180 / Math.PI);
@@ -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
             }
           )
         ]
@@ -2686,7 +2686,7 @@ const se = ({ style: n, short: t, text: r }) => r ? /* @__PURE__ */ e.jsxs("div"
     r ? null : /* @__PURE__ */ e.jsx("div", { style: { zIndex: 4 }, className: "menu-block-backplate", onClick: t })
   ] });
 }, 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: [
@@ -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 } = ve(we);
   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(ye, { styleType: "outline", onClick: j, children: u ?? "Отмена" }),
+        a && /* @__PURE__ */ e.jsx(ye, { onClick: p, children: d ?? "Сохранить" })
+      ] }) : /* @__PURE__ */ e.jsx(Pe, { btns: x, onHide: a, onSuccess: l }),
       children: i
     }
   );
@@ -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);
     },
@@ -4261,14 +4263,14 @@ 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))}`
     ), $r(
       m.current,
-      k,
+      y,
       h.current,
       (D, M) => {
         f((E) => {
@@ -4279,8 +4281,8 @@ const Tr = [
     ));
   }, [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;
@@ -4294,32 +4296,32 @@ const Tr = [
         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(Ne(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(ke({ ...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 +4333,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 +4392,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 +4403,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 +4418,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 +4427,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 +4435,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 +4503,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",
@@ -4590,7 +4592,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]);
@@ -4662,17 +4664,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 +4703,7 @@ const Tr = [
             name: r,
             value: p,
             onBlur: D,
-            onFocus: k,
+            onFocus: y,
             readOnly: !0,
             id: B,
             ...j
@@ -4746,12 +4748,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 +4794,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()];
@@ -4898,26 +4900,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 +4927,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 +4941,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 +5082,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 +5090,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 +5142,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 +5158,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 +5268,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 +5300,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 +5313,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 +5328,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 +5336,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 +5347,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 +5379,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(
@@ -5429,9 +5431,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: [
@@ -5450,18 +5452,18 @@ const qe = 0, Je = 100, Ks = ({ showValue: n = !0, ...t }) => {
   t ? /* @__PURE__ */ e.jsx("p", { children: t }) : null,
   a ? /* @__PURE__ */ e.jsx(ye, { styleType: a.styleType ?? "filled", style: a.style, className: a.className, onClick: a.onClick, children: a.text }) : null
 ] }), 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 +5493,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 +5530,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 +5544,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;
@@ -5718,9 +5720,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 +5742,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",
           {
@@ -5858,9 +5860,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: [
@@ -5891,14 +5893,14 @@ function xs(n) {
   return typeof n == "boolean";
 }
 const je = (n) => {
-  const { value: t, changeField: r, errors: s } = ds(), i = y((c) => {
+  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]);
@@ -5937,7 +5939,7 @@ const je = (n) => {
     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,
     {
@@ -5993,9 +5995,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

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

@@ -335,11 +335,11 @@ React keys must be passed directly to JSX without using spread:
             `,children:e.jsx("span",{className:"input-field__input-container__label__span",children:p})})]}),l&&_&&!$&&e.jsx("div",{className:`
           input-field__icon-container 
           input-field__icon-container_clear-btn
-          `,onClick:l,children:e.jsx(ee,{"aria-label":"Clear input"})})]}),j&&N&&e.jsx(U,{type:"small",className:"input-field-container__error-text",children:N}),H&&!j&&e.jsx(U,{type:"small",className:"input-field-container__helper-text",children:H})]})});je.displayName="TextField";const wo=({styleContainer:n,text:t,header:o,onSuccess:r,onHide:a,placeholder:i,type:c="text",min:d=0,max:l=100,defaultValue:u="",confirmText:h="OK",cancelText:m="Отмена",validate:_})=>{const[p,b]=s.useState(u),[v,x]=s.useState(!0);s.useEffect(()=>{if(_)x(_(p));else if(c==="number"){const g=Number(p);x(!isNaN(g)&&g>=d&&g<=l)}else x(!0)},[p,_,c,d,l]);const k=s.useCallback(()=>{v&&(r==null||r(p),a==null||a())},[p,v,r,a]),C=s.useCallback(()=>{a==null||a()},[a]),y=g=>{if(c==="number"){if(g===""){b("");return}const S=Number(g);isNaN(S)||(S<d&&(g=String(d)),S>l&&(g=String(l)),b(g))}else b(g)};return e.jsxs(ge,{style:n,header:o,onHide:C,action:e.jsxs("div",{children:[e.jsx(oe,{onClick:C,children:m}),e.jsx(oe,{onClick:k,disabled:!v||c==="number"&&p==="",children:h})]}),children:[t&&e.jsx(U,{type:"body",children:t}),e.jsxs("div",{children:[e.jsx(je,{type:c,min:d,max:l,border:!0,placeholder:i,value:p,onChange:y,error:!v}),!v&&c==="number"&&e.jsxs(U,{type:"body",children:["Введите число от ",d," до ",l]})]})]})},ko=({style:n,styleContent:t,className:o="",header:r,children:a,onSave:i,onHide:c,marginBottom:d=0,disableBackplate:l,saveText:u,cancelText:h,forceFullScreen:m,btns:_})=>{const{screen:p}=s.useContext(be);qe(!0,document.body);const b=()=>{c==null||c()},v=()=>{i==null||i()};return m||p===Q.MOBILE?e.jsxs("div",{style:{...n,height:`calc(100vh - ${d}px)`,paddingBottom:`${d}px`},className:`
+          `,onClick:l,children:e.jsx(ee,{"aria-label":"Clear input"})})]}),j&&N&&e.jsx(U,{type:"small",className:"input-field-container__error-text",children:N}),H&&!j&&e.jsx(U,{type:"small",className:"input-field-container__helper-text",children:H})]})});je.displayName="TextField";const wo=({styleContainer:n,text:t,header:o,onSuccess:r,onHide:a,placeholder:i,type:c="text",min:d=0,max:l=100,defaultValue:u="",confirmText:h="OK",cancelText:m="Отмена",validate:_})=>{const[p,b]=s.useState(u),[v,x]=s.useState(!0);s.useEffect(()=>{if(_)x(_(p));else if(c==="number"){const g=Number(p);x(!isNaN(g)&&g>=d&&g<=l)}else x(!0)},[p,_,c,d,l]);const k=s.useCallback(()=>{v&&(r==null||r(p),a==null||a())},[p,v,r,a]),C=s.useCallback(()=>{a==null||a()},[a]),y=g=>{if(c==="number"){if(g===""){b("");return}const S=Number(g);isNaN(S)||(S<d&&(g=String(d)),S>l&&(g=String(l)),b(g))}else b(g)};return e.jsxs(ge,{style:n,header:o,onHide:C,action:e.jsxs("div",{children:[e.jsx(oe,{onClick:C,children:m}),e.jsx(oe,{onClick:k,disabled:!v||c==="number"&&p==="",children:h})]}),children:[t&&e.jsx(U,{type:"body",children:t}),e.jsxs("div",{children:[e.jsx(je,{type:c,min:d,max:l,border:!0,placeholder:i,value:p,onChange:y,error:!v}),!v&&c==="number"&&e.jsxs(U,{type:"body",children:["Введите число от ",d," до ",l]})]})]})},ko=({style:n,styleContent:t,className:o="",header:r,children:a,onSave:i,onHide:c,marginBottom:d=0,disableBackplate:l,saveText:u,cancelText:h,forceFullScreen:m,maxWidth:_,btns:p})=>{const{screen:b}=s.useContext(be);qe(!0,document.body);const v=s.useCallback(()=>{c==null||c()},[c]),x=s.useCallback(()=>{i==null||i()},[i]);return m||b===Q.MOBILE?e.jsxs("div",{style:{...n,height:`calc(100vh - ${d}px)`,paddingBottom:`${d}px`},className:`
         full-screen-dialog 
         full-screen-dialog__container 
         full-screen-dialog__container_color_surface-container 
-        ${o}`,children:[e.jsxs("div",{className:"full-screen-dialog__container__header",children:[e.jsx("div",{className:"full-screen-dialog__container__header__button",children:c&&e.jsx(re,{transparent:!0,onClick:b,icon:e.jsx(ee,{}),"aria-label":"Закрыть"})}),e.jsx("div",{className:"full-screen-dialog__container__header__text",children:r}),e.jsx("div",{className:"full-screen-dialog__container__header__save",children:i&&e.jsx("button",{onClick:v,className:"full-screen-dialog__container__header__save__button",children:e.jsx(U,{type:"body",weight:"bold",children:u||"Сохранить"})})})]}),e.jsxs("div",{className:"full-screen-dialog__content",style:t,children:[a,_&&e.jsx(Ye,{btns:_.filter(k=>!k.hide&&!k.success)})]})]}):e.jsx(Ee,{disableBackplate:l,style:n,header:r,className:`full-screen-dialog ${o}`,onHide:b,action:_===void 0?e.jsxs(e.Fragment,{children:[c&&e.jsx(me,{styleType:"outline",onClick:b,children:h??"Отмена"}),c&&e.jsx(me,{onClick:v,children:u??"Сохранить"})]}):e.jsx(Ye,{btns:_,onHide:c,onSuccess:i}),children:a})},yt=s.forwardRef(({className:n="",action:t,imgSrc:o,alt:r,header:a,subhead:i,text:c,children:d,iconButtonCell:l,onClick:u,screenSize:h,rootApp:m="#root",variant:_="elevated",loading:p=!1,style:b,elevation:v=6,...x},k)=>{const{screen:C}=s.useContext(be),y=h??C,g=`elevation-${Math.min(24,Math.max(0,v))}`,S=H=>{$(H)&&(u==null||u(H),B(H))},$=H=>{const N=H.target;return!N.closest(".action-container")&&!N.closest(".card-icon-button")&&!N.closest(".card-child-container")&&!N.closest(".card-children")&&!!N.closest(m)},B=H=>{const N=H.currentTarget,Y=N.querySelector(".card-ripple-container");if(!Y)return;const T=N.getBoundingClientRect(),V=Math.max(T.width,T.height),j=H.clientX-T.left-V/2,P=H.clientY-T.top-V/2,M=document.createElement("span");M.className="card-ripple",M.style.width=M.style.height=`${V}px`,M.style.left=`${j}px`,M.style.top=`${P}px`,Y.appendChild(M),setTimeout(()=>M.remove(),600)};return e.jsxs("div",{ref:k,style:b,className:`${n} card card--${_} ${g} ${p?"card--loading":""}`,onClick:S,...x,children:[e.jsx("div",{className:"card-ripple-container"}),o&&e.jsxs("div",{className:"card-image-container",children:[e.jsx("img",{src:o,alt:r,loading:"lazy"}),p&&e.jsx("div",{className:"card-image-overlay"})]}),e.jsxs("div",{className:"card-content",children:[(a||l)&&e.jsxs("div",{className:"card-header",children:[a&&e.jsx(U,{type:"title",weight:"bold",screensize:y,className:"card-title",children:a}),l&&e.jsx("div",{className:"card-icon-button",children:l})]}),i&&e.jsx(U,{type:"title-2",weight:"bold",screensize:y,className:"card-subhead",children:i}),c&&e.jsx(U,{type:"body",screensize:y,className:"card-text",children:c}),d&&e.jsx("div",{className:"card-children",children:d}),t&&e.jsx("div",{className:"card-actions",children:t})]}),p&&e.jsx("div",{className:"card-loading-indicator"})]})});yt.displayName="Card";const yo=({children:n,className:t})=>e.jsx("div",{className:`base-action-card ${t??""}`,children:n}),jo=({children:n,className:t,id:o,height:r,width:a,pozMove:i,draggable:c=!0})=>{const[d,l]=s.useState(!1),[u,h]=s.useState(null),[m,_]=s.useState({x:0,y:0}),p=x=>{x.button==1&&(l(!1),h(null),document.body.style.cursor="auto")},b=x=>{x.button==1&&c&&(h({x:x.clientX,y:x.clientY}),l(!0),document.body.style.cursor="move")},v=s.useCallback(x=>{d&&(_(k=>{if(!u)return k;const C=x.clientX-u.x,y=x.clientY-u.y;let g=k.x+C,S=k.y+y;return{x:g,y:S}}),h({x:x.clientX,y:x.clientY}))},[d,u]);return s.useEffect(()=>{i&&_({...i})},[i]),e.jsx("div",{id:o,style:{height:r,width:a},className:`big-container ${t}`,onMouseDown:b,onMouseUp:p,onMouseMove:v,children:e.jsx("div",{className:"big-container-content",style:{left:m.x,top:m.y},children:n})})},Co=({onClick:n,onContextMenu:t,gap:o,className:r,style:a,countColumn:i,items:c,onClickColl:d,classNameColumn:l,minColumnWidth:u="auto"})=>{const h=s.useCallback((p,b)=>{const v=Array.from({length:p},()=>[]);return b.forEach(x=>{if(x.indexCol>=v.length){console.error(`Invalid column index. indexCol = ${x.indexCol}, column count = ${p}`);return}v[x.indexCol].push(x.node)}),v},[]),m=s.useMemo(()=>h(i,c),[h,i,c]),_=s.useCallback((p,b)=>{d==null||d(p,b)},[d]);return e.jsx("div",{onClick:n,onContextMenu:t,style:{...a,gap:o!==void 0?`${o}px`:"5px",gridTemplateColumns:`repeat(${i}, minmax(${u}, 1fr))`},className:`${r} alex-evo-sh-ui-kit-column-layout`,"data-testid":"column-layout-container",children:m.map((p,b)=>e.jsx("div",{onClick:v=>_(b,v),className:`${l} alex-evo-sh-ui-kit-column-layout-coll`,"data-testid":`column-${b}`,children:p.map((v,x)=>e.jsx("div",{className:"alex-evo-sh-ui-kit-column-layout-item",children:v},`item-${b}-${x}`))},`column-${b}`))})},No=10,So=.002,Mo=({children:n,label:t,className:o="",style:r,border:a=!1,collapsible:i=!1,defaultVisible:c=!1,action:d,onVisibilityChange:l})=>{const[u,h]=s.useState(i?c:!0),m=s.useRef(null),_=x=>{if(!x)return;const k=Ve(x);if(k)return k.height+No},p=x=>{const k=_(x);return k?Math.min(k*So,1):.4},b=x=>{const k=x.target;if(!(k.closest(".action-btn")||k.classList.contains("action-btn"))&&i){const y=!u;h(y),l==null||l(y)}};s.useEffect(()=>{!i&&!u&&(h(!0),l==null||l(!0))},[i,u,l]);const v=s.useMemo(()=>p(m.current),[m.current]);return e.jsxs("div",{style:r,className:`content-box ${a?"border":""} ${u?"active":""} ${o}`,"aria-expanded":i?u:void 0,children:[e.jsxs("div",{className:"content-box-label",onClick:b,role:i?"button":void 0,"aria-label":i?`${t} - click to ${u?"collapse":"expand"}`:t,tabIndex:i?0:void 0,onKeyDown:x=>{i&&(x.key==="Enter"||x.key===" ")&&(x.preventDefault(),b(x))},children:[e.jsx(U,{type:"title",children:t}),e.jsx("div",{className:"content-box-action-container",children:d?e.jsx("div",{className:"content-box-status-container action-btn",onClick:d.onClick,"aria-label":d.ariaLabel||"Action",role:"button",tabIndex:0,onKeyDown:x=>{(x.key==="Enter"||x.key===" ")&&(x.preventDefault(),d.onClick())},children:d.icon}):i?e.jsx("div",{className:"content-box-status-container",children:e.jsx("span",{className:`content-box-status ${u?"active":""}`,"aria-hidden":"true"})}):null})]}),e.jsx("div",{className:"content-box-container-curtain",style:{transition:`${v}s ease-in-out`,height:u?"auto":"0px"},"aria-hidden":!u,children:e.jsx("div",{className:"content-box-container",ref:m,children:n})})]})},Lo=({children:n,colSpan:t=1})=>e.jsx("div",{className:"adaptiv-grid-item",style:{gridColumnEnd:`span ${t}`},children:e.jsx("div",{className:"adaptiv-grid-item-container",children:n})}),Oo=({minWith:n,children:t,className:o="",gridRowGap:r="10px",gridColumnGap:a="5px",itemMinWith:i,itemMaxWith:c,itemWith:d="400px"})=>{const l=s.useRef(null),[u,h]=s.useState([]),m=s.useRef(null),_=s.useRef(null),p=s.useCallback(()=>{if(!l.current)return;l.current.style.display="grid",l.current.style.gridRowGap=r,l.current.style.gridColumnGap=a;const k=i??d,C=c??d;l.current.style.gridTemplateColumns=`repeat(auto-fill, minmax(${k}, ${C}))`,l.current.style.gridAutoRows="1px"},[r,a,i,c,d]),b=s.useCallback(()=>{if(l.current){const k=l.current.querySelectorAll(".adaptiv-grid-item");h(Array.from(k))}},[]),v=s.useCallback(()=>{if(!l.current)return;const k=window.getComputedStyle(l.current),C=parseInt(k.getPropertyValue("grid-row-gap"))||0,y=parseInt(k.getPropertyValue("grid-auto-rows"))||1;u.forEach(g=>{const S=g.querySelector(".adaptiv-grid-item-container");if(S){const $=S.getBoundingClientRect().height,B=Math.ceil(($+C)/(y+C));g.style.gridRowEnd=`span ${B}`}})},[u]),x=s.useCallback(()=>{_.current!==null&&cancelAnimationFrame(_.current),_.current=requestAnimationFrame(()=>{v(),_.current=null})},[v]);return s.useEffect(()=>{p(),b()},[p,b,t]),s.useEffect(()=>{m.current&&m.current.disconnect(),m.current=new ResizeObserver(()=>x());const k=m.current;return u.forEach(C=>k.observe(C)),x(),()=>{k.disconnect(),_.current!==null&&cancelAnimationFrame(_.current)}},[u,x]),e.jsx("div",{style:{minWidth:n},ref:l,className:`adaptiv-grid-layout ${o}`,children:t})},jt=({children:n,className:t="",style:o,shadow:r=1,padded:a=!0,borderRadius:i=12,onClick:c,onContextMenu:d})=>{const l=`container_shadow-${r}`;return e.jsx("div",{style:{borderRadius:`${i}px`,...o},onClick:c,onContextMenu:d,className:`alex-evo-sh-ui-kit-panel ${l} ${a?"padded":""} ${t}`,children:n})},Eo=({className:n,children:t,height:o})=>e.jsx("div",{className:`scroll-container ${n}`,style:{height:o},children:t}),zo=({tabs:n,scrollAmount:t=150,tabClassName:o="",activeTabClassName:r="active",onTabClick:a,activeTabIndex:i,tabContainerClassName:c="",className:d,style:l})=>{const[u,h]=s.useState(0),m=i!==void 0?i:u,_=s.useRef(null),p=s.useRef(null),[b,v]=s.useState(!1),x=y=>{if(_.current){const g=t||_.current.offsetWidth/2;_.current.scrollBy({left:y==="left"?-g:g,behavior:"smooth"})}};s.useEffect(()=>{const y=()=>{_.current&&v(_.current.scrollWidth>_.current.clientWidth)};return y(),window.addEventListener("resize",y),()=>window.removeEventListener("resize",y)},[]),s.useEffect(()=>{if(_.current&&p.current){const y=_.current.children[m];y&&(p.current.style.width=`${y.offsetWidth}px`,p.current.style.transform=`translateX(${y.offsetLeft}px)`)}},[m]);const k=y=>{y.key==="ArrowRight"?C((m+1)%n.length):y.key==="ArrowLeft"&&C((m-1+n.length)%n.length)},C=y=>{i===void 0&&h(y),a&&a(y)};return e.jsxs("div",{className:`alex-evo-ui-kit-tabs-container ${d??""}`,style:l,children:[e.jsxs("div",{className:`alex-evo-ui-kit-tabs-scroll-buttons ${c}`,children:[b&&e.jsx("button",{onClick:()=>x("left"),className:"alex-evo-ui-kit-scroll-button",children:"◀"}),e.jsxs("div",{className:"alex-evo-ui-kit-tabs-header",ref:_,onKeyDown:k,tabIndex:0,children:[n.map((y,g)=>e.jsx("div",{className:`alex-evo-ui-kit-tab ${o} ${m===g?r:""}`,onClick:()=>C(g),children:y.label},y.label)),e.jsx("div",{className:"alex-evo-ui-kit-indicator",ref:p})]}),b&&e.jsx("button",{onClick:()=>x("right"),className:"alex-evo-ui-kit-scroll-button",children:"▶"})]}),e.jsx("div",{className:"alex-evo-ui-kit-tab-content",children:n[m].content})]})},Pe=({type:n,screensize:t=Q.STANDART,weight:o="standart",density:r="normal",className:a="",text:i,style:c,onClick:d,onContextMenu:l,...u})=>{const h=s.useRef(null),m=s.useRef(null),[_,p]=s.useState(!1),b=s.useCallback(()=>{if(!h.current||!m.current)return;const v=h.current.clientWidth,x=m.current.scrollWidth;p(v<x)},[i]);return s.useEffect(()=>{var x;b(),window.addEventListener("resize",b);let v=null;return(x=h.current)!=null&&x.parentElement&&(v=new ResizeObserver(()=>{b()}),v.observe(h.current.parentElement)),()=>{window.removeEventListener("resize",b),v&&v.disconnect()}},[b]),e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:h,onClick:d,onContextMenu:l,className:`runing-text ${_?"runing":""}`,children:e.jsx(U,{...u,type:n,className:`${a}`,children:_?`| ${i} | ${i}`:i})}),e.jsx(U,{ref:m,...u,type:n,style:{...u.style,position:"absolute",visibility:"hidden",height:"auto",whiteSpace:"nowrap"},className:a,children:i})]})},Ct=s.forwardRef(({children:n,className:t="",maxHeight:o,scroll:r,transparent:a,width:i,padding:c,margin:d,flex:l,gap:u=0,onObserv:h,...m},_)=>{const p=s.useRef(null),b={overflowY:o?r?"scroll":"hidden":void 0,maxHeight:o,backgroundColor:a?"transparent":void 0,width:i,padding:c,margin:d};l&&(b.display="flex",b.flexDirection="column",u>0&&(b.gap=u)),s.useEffect(()=>{if(!p.current||!h)return;const x=new IntersectionObserver(h);return x.observe(p.current),()=>x.disconnect()},[h]);const v=["list-container",t,r?"list-container_scroll":"",a?"list-container_transparent":""].filter(Boolean).join(" ");return e.jsxs("ul",{ref:_,style:b,className:v,...m,children:[n,e.jsx("div",{ref:p})]})}),Nt=s.forwardRef(({icon:n,control:t,text:o,header:r,description:a,value:i,onClick:c,hovered:d=!0,className:l="",disabled:u=!1,active:h=!1,shadow:m=0,noTransformTransition:_,...p},b)=>{const v=k=>{!u&&!k.target.closest(".control-container")&&(c==null||c(k))},x=["list-item-container",l,`container_shadow-hover-${m}`,d&&!u?"list-item-container_hovered":"",u?"list-item-container_disabled":"",h?"list-item-container_active":"",_?"no-transform-transition":""].filter(Boolean).join(" ");return e.jsxs("li",{ref:b,className:x,onClick:v,"aria-disabled":u,...p,children:[(n||i)&&e.jsx("div",{className:"list-item-container__icon-container",children:n||i&&e.jsx(Pe,{type:"body",text:i})}),(r||o||a)&&e.jsxs("div",{className:"list-item-container__text-container",children:[r&&e.jsx("div",{className:"list-item-container__text-container__header",children:e.jsx(Pe,{type:"title",text:r})}),o&&e.jsx("div",{className:"list-item-container__text-container__text",children:e.jsx(Pe,{type:"small",text:o})}),a&&e.jsx("div",{className:"list-item-container__text-container__description",children:e.jsx(Pe,{type:"small",color:"variant",text:a})})]}),t&&e.jsx("div",{onClick:k=>{k.stopPropagation()},className:"list-item-container__control-container",children:t})]})});function Fo(n){if(!n.length)return[];const t=new Set,o=[];for(const r of n)for(const a in r)t.has(a)||(t.add(a),o.push({title:a,field:a}));return o}function St(n){return typeof n=="number"||typeof n=="string"?{content:n}:n}function Mt(n){return n?Array.isArray(n)?n.map(St):[St(n)]:[]}function $o(n){const t=Mt(n);if(t.length>0)return t[0]}const To=({data:n,column:t,color:o,backgroundColor:r,H:a})=>{const i=n[t.field],c=Mt(i);return e.jsx("td",{style:{backgroundColor:c.length>0&&c[0].backgroundColor?c[0].backgroundColor:r,height:a},children:t.template?t.template(c,n):c.map((d,l)=>e.jsx("p",{style:{color:d.color??o},className:d.onClick?"no-click":"",onClick:d.onClick,children:d.content},l))})},Vo=({actions:n,item:t,columns:o,onContextMenu:r,onDelete:a,onEdit:i,onClickRow:c,index:d,maxH:l})=>{const u=s.useCallback(h=>{h.target.closest(".no-click")||c==null||c(t,d)},[d,c,t]);return e.jsxs("tr",{className:"table-row",onClick:u,children:[o.map((h,m)=>e.jsx(To,{H:l==null?void 0:l[m],color:h.color,backgroundColor:h.backgroundColor,column:h,data:t},h.field)),n&&e.jsx("td",{className:"w-[180px] no-click",children:e.jsx("div",{className:"table-edit-button",children:n.map((h,m)=>e.jsx(re,{transparent:!0,icon:h.icon,onClick:_=>h.onClick(_,t,d)},m))})}),(r||a||i)&&e.jsx("td",{className:"w-[180px] table-edit-button no-click",children:e.jsxs("div",{className:"table-edit-button",children:[i&&e.jsx(re,{transparent:!0,icon:e.jsx(tn,{}),onClick:()=>i(t,d)}),a&&e.jsx(re,{transparent:!0,icon:e.jsx(Je,{className:"text-red-500"}),onClick:()=>a(t,d)}),r&&e.jsx(re,{transparent:!0,icon:e.jsx(en,{}),onClick:h=>r(h,t,d)})]})})]})},Po=({data:n,columns:t,onDelete:o,onContextMenu:r,onEdit:a,actions:i,shadow:c=2,onClickRow:d})=>{const l=s.useMemo(()=>t??Fo(n),[n,t]),u=l.length+(i?1:0)+(o||r||a?1:0),h=_=>_?(Array.isArray(_)?_:[_]).map((b,v)=>typeof b=="string"||typeof b=="number"?e.jsx("span",{children:b},v):e.jsx("span",{style:{color:b.color},onClick:b.onClick,children:b.content},v)):null,m=`container_shadow-${c}`;return e.jsx("div",{className:`table-container mt-3 ${d?"clicked":""} ${m}`,children:e.jsxs("table",{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[l.map(_=>e.jsx("th",{className:"min-width",children:_.title},_.field)),i&&e.jsx("th",{className:"table-actions-header",children:"actions"}),(o||r||a)&&e.jsx("th",{className:"table-actions-header"})]})}),e.jsx("tbody",{children:n.map((_,p)=>{if("__all__"in _){const b=$o(_.__all__);return e.jsx("tr",{className:"table-all-row",children:e.jsx("td",{colSpan:u,style:{backgroundColor:b==null?void 0:b.backgroundColor,color:b==null?void 0:b.color},children:h(b)})},`all-${p}`)}return e.jsx(Vo,{onClickRow:d,actions:i,index:p,columns:l,item:_,onDelete:o,onContextMenu:r,onEdit:a},p)})})]})})},Io=({icon:n,title:t,to:o})=>e.jsxs(Ze.NavLink,{to:o,className:"navigation-item navigation-item-bar",children:[e.jsx("div",{className:`
+        ${o}`,children:[e.jsxs("div",{className:"full-screen-dialog__container__header",children:[e.jsx("div",{className:"full-screen-dialog__container__header__button",children:c&&e.jsx(re,{transparent:!0,onClick:v,icon:e.jsx(ee,{}),"aria-label":"Закрыть"})}),e.jsx("div",{className:"full-screen-dialog__container__header__text",children:r}),e.jsx("div",{className:"full-screen-dialog__container__header__save",children:i&&e.jsx("button",{onClick:x,className:"full-screen-dialog__container__header__save__button",children:e.jsx(U,{type:"body",weight:"bold",children:u||"Сохранить"})})})]}),e.jsxs("div",{className:"full-screen-dialog__content",style:t,children:[a,p&&e.jsx(Ye,{btns:p.filter(C=>!C.hide&&!C.success)})]})]}):e.jsx(Ee,{maxWidth:_,disableBackplate:l,style:n,header:r,className:`full-screen-dialog ${o}`,onHide:v,action:p===void 0?e.jsxs(e.Fragment,{children:[c&&e.jsx(me,{styleType:"outline",onClick:v,children:h??"Отмена"}),c&&e.jsx(me,{onClick:x,children:u??"Сохранить"})]}):e.jsx(Ye,{btns:p,onHide:c,onSuccess:i}),children:a})},yt=s.forwardRef(({className:n="",action:t,imgSrc:o,alt:r,header:a,subhead:i,text:c,children:d,iconButtonCell:l,onClick:u,screenSize:h,rootApp:m="#root",variant:_="elevated",loading:p=!1,style:b,elevation:v=6,...x},k)=>{const{screen:C}=s.useContext(be),y=h??C,g=`elevation-${Math.min(24,Math.max(0,v))}`,S=H=>{$(H)&&(u==null||u(H),B(H))},$=H=>{const N=H.target;return!N.closest(".action-container")&&!N.closest(".card-icon-button")&&!N.closest(".card-child-container")&&!N.closest(".card-children")&&!!N.closest(m)},B=H=>{const N=H.currentTarget,Y=N.querySelector(".card-ripple-container");if(!Y)return;const T=N.getBoundingClientRect(),V=Math.max(T.width,T.height),j=H.clientX-T.left-V/2,P=H.clientY-T.top-V/2,M=document.createElement("span");M.className="card-ripple",M.style.width=M.style.height=`${V}px`,M.style.left=`${j}px`,M.style.top=`${P}px`,Y.appendChild(M),setTimeout(()=>M.remove(),600)};return e.jsxs("div",{ref:k,style:b,className:`${n} card card--${_} ${g} ${p?"card--loading":""}`,onClick:S,...x,children:[e.jsx("div",{className:"card-ripple-container"}),o&&e.jsxs("div",{className:"card-image-container",children:[e.jsx("img",{src:o,alt:r,loading:"lazy"}),p&&e.jsx("div",{className:"card-image-overlay"})]}),e.jsxs("div",{className:"card-content",children:[(a||l)&&e.jsxs("div",{className:"card-header",children:[a&&e.jsx(U,{type:"title",weight:"bold",screensize:y,className:"card-title",children:a}),l&&e.jsx("div",{className:"card-icon-button",children:l})]}),i&&e.jsx(U,{type:"title-2",weight:"bold",screensize:y,className:"card-subhead",children:i}),c&&e.jsx(U,{type:"body",screensize:y,className:"card-text",children:c}),d&&e.jsx("div",{className:"card-children",children:d}),t&&e.jsx("div",{className:"card-actions",children:t})]}),p&&e.jsx("div",{className:"card-loading-indicator"})]})});yt.displayName="Card";const yo=({children:n,className:t})=>e.jsx("div",{className:`base-action-card ${t??""}`,children:n}),jo=({children:n,className:t,id:o,height:r,width:a,pozMove:i,draggable:c=!0})=>{const[d,l]=s.useState(!1),[u,h]=s.useState(null),[m,_]=s.useState({x:0,y:0}),p=x=>{x.button==1&&(l(!1),h(null),document.body.style.cursor="auto")},b=x=>{x.button==1&&c&&(h({x:x.clientX,y:x.clientY}),l(!0),document.body.style.cursor="move")},v=s.useCallback(x=>{d&&(_(k=>{if(!u)return k;const C=x.clientX-u.x,y=x.clientY-u.y;let g=k.x+C,S=k.y+y;return{x:g,y:S}}),h({x:x.clientX,y:x.clientY}))},[d,u]);return s.useEffect(()=>{i&&_({...i})},[i]),e.jsx("div",{id:o,style:{height:r,width:a},className:`big-container ${t}`,onMouseDown:b,onMouseUp:p,onMouseMove:v,children:e.jsx("div",{className:"big-container-content",style:{left:m.x,top:m.y},children:n})})},Co=({onClick:n,onContextMenu:t,gap:o,className:r,style:a,countColumn:i,items:c,onClickColl:d,classNameColumn:l,minColumnWidth:u="auto"})=>{const h=s.useCallback((p,b)=>{const v=Array.from({length:p},()=>[]);return b.forEach(x=>{if(x.indexCol>=v.length){console.error(`Invalid column index. indexCol = ${x.indexCol}, column count = ${p}`);return}v[x.indexCol].push(x.node)}),v},[]),m=s.useMemo(()=>h(i,c),[h,i,c]),_=s.useCallback((p,b)=>{d==null||d(p,b)},[d]);return e.jsx("div",{onClick:n,onContextMenu:t,style:{...a,gap:o!==void 0?`${o}px`:"5px",gridTemplateColumns:`repeat(${i}, minmax(${u}, 1fr))`},className:`${r} alex-evo-sh-ui-kit-column-layout`,"data-testid":"column-layout-container",children:m.map((p,b)=>e.jsx("div",{onClick:v=>_(b,v),className:`${l} alex-evo-sh-ui-kit-column-layout-coll`,"data-testid":`column-${b}`,children:p.map((v,x)=>e.jsx("div",{className:"alex-evo-sh-ui-kit-column-layout-item",children:v},`item-${b}-${x}`))},`column-${b}`))})},No=10,So=.002,Mo=({children:n,label:t,className:o="",style:r,border:a=!1,collapsible:i=!1,defaultVisible:c=!1,action:d,onVisibilityChange:l})=>{const[u,h]=s.useState(i?c:!0),m=s.useRef(null),_=x=>{if(!x)return;const k=Ve(x);if(k)return k.height+No},p=x=>{const k=_(x);return k?Math.min(k*So,1):.4},b=x=>{const k=x.target;if(!(k.closest(".action-btn")||k.classList.contains("action-btn"))&&i){const y=!u;h(y),l==null||l(y)}};s.useEffect(()=>{!i&&!u&&(h(!0),l==null||l(!0))},[i,u,l]);const v=s.useMemo(()=>p(m.current),[m.current]);return e.jsxs("div",{style:r,className:`content-box ${a?"border":""} ${u?"active":""} ${o}`,"aria-expanded":i?u:void 0,children:[e.jsxs("div",{className:"content-box-label",onClick:b,role:i?"button":void 0,"aria-label":i?`${t} - click to ${u?"collapse":"expand"}`:t,tabIndex:i?0:void 0,onKeyDown:x=>{i&&(x.key==="Enter"||x.key===" ")&&(x.preventDefault(),b(x))},children:[e.jsx(U,{type:"title",children:t}),e.jsx("div",{className:"content-box-action-container",children:d?e.jsx("div",{className:"content-box-status-container action-btn",onClick:d.onClick,"aria-label":d.ariaLabel||"Action",role:"button",tabIndex:0,onKeyDown:x=>{(x.key==="Enter"||x.key===" ")&&(x.preventDefault(),d.onClick())},children:d.icon}):i?e.jsx("div",{className:"content-box-status-container",children:e.jsx("span",{className:`content-box-status ${u?"active":""}`,"aria-hidden":"true"})}):null})]}),e.jsx("div",{className:"content-box-container-curtain",style:{transition:`${v}s ease-in-out`,height:u?"auto":"0px"},"aria-hidden":!u,children:e.jsx("div",{className:"content-box-container",ref:m,children:n})})]})},Lo=({children:n,colSpan:t=1})=>e.jsx("div",{className:"adaptiv-grid-item",style:{gridColumnEnd:`span ${t}`},children:e.jsx("div",{className:"adaptiv-grid-item-container",children:n})}),Oo=({minWith:n,children:t,className:o="",gridRowGap:r="10px",gridColumnGap:a="5px",itemMinWith:i,itemMaxWith:c,itemWith:d="400px"})=>{const l=s.useRef(null),[u,h]=s.useState([]),m=s.useRef(null),_=s.useRef(null),p=s.useCallback(()=>{if(!l.current)return;l.current.style.display="grid",l.current.style.gridRowGap=r,l.current.style.gridColumnGap=a;const k=i??d,C=c??d;l.current.style.gridTemplateColumns=`repeat(auto-fill, minmax(${k}, ${C}))`,l.current.style.gridAutoRows="1px"},[r,a,i,c,d]),b=s.useCallback(()=>{if(l.current){const k=l.current.querySelectorAll(".adaptiv-grid-item");h(Array.from(k))}},[]),v=s.useCallback(()=>{if(!l.current)return;const k=window.getComputedStyle(l.current),C=parseInt(k.getPropertyValue("grid-row-gap"))||0,y=parseInt(k.getPropertyValue("grid-auto-rows"))||1;u.forEach(g=>{const S=g.querySelector(".adaptiv-grid-item-container");if(S){const $=S.getBoundingClientRect().height,B=Math.ceil(($+C)/(y+C));g.style.gridRowEnd=`span ${B}`}})},[u]),x=s.useCallback(()=>{_.current!==null&&cancelAnimationFrame(_.current),_.current=requestAnimationFrame(()=>{v(),_.current=null})},[v]);return s.useEffect(()=>{p(),b()},[p,b,t]),s.useEffect(()=>{m.current&&m.current.disconnect(),m.current=new ResizeObserver(()=>x());const k=m.current;return u.forEach(C=>k.observe(C)),x(),()=>{k.disconnect(),_.current!==null&&cancelAnimationFrame(_.current)}},[u,x]),e.jsx("div",{style:{minWidth:n},ref:l,className:`adaptiv-grid-layout ${o}`,children:t})},jt=({children:n,className:t="",style:o,shadow:r=1,padded:a=!0,borderRadius:i=12,onClick:c,onContextMenu:d})=>{const l=`container_shadow-${r}`;return e.jsx("div",{style:{borderRadius:`${i}px`,...o},onClick:c,onContextMenu:d,className:`alex-evo-sh-ui-kit-panel ${l} ${a?"padded":""} ${t}`,children:n})},Eo=({className:n,children:t,height:o})=>e.jsx("div",{className:`scroll-container ${n}`,style:{height:o},children:t}),zo=({tabs:n,scrollAmount:t=150,tabClassName:o="",activeTabClassName:r="active",onTabClick:a,activeTabIndex:i,tabContainerClassName:c="",className:d,style:l})=>{const[u,h]=s.useState(0),m=i!==void 0?i:u,_=s.useRef(null),p=s.useRef(null),[b,v]=s.useState(!1),x=y=>{if(_.current){const g=t||_.current.offsetWidth/2;_.current.scrollBy({left:y==="left"?-g:g,behavior:"smooth"})}};s.useEffect(()=>{const y=()=>{_.current&&v(_.current.scrollWidth>_.current.clientWidth)};return y(),window.addEventListener("resize",y),()=>window.removeEventListener("resize",y)},[]),s.useEffect(()=>{if(_.current&&p.current){const y=_.current.children[m];y&&(p.current.style.width=`${y.offsetWidth}px`,p.current.style.transform=`translateX(${y.offsetLeft}px)`)}},[m]);const k=y=>{y.key==="ArrowRight"?C((m+1)%n.length):y.key==="ArrowLeft"&&C((m-1+n.length)%n.length)},C=y=>{i===void 0&&h(y),a&&a(y)};return e.jsxs("div",{className:`alex-evo-ui-kit-tabs-container ${d??""}`,style:l,children:[e.jsxs("div",{className:`alex-evo-ui-kit-tabs-scroll-buttons ${c}`,children:[b&&e.jsx("button",{onClick:()=>x("left"),className:"alex-evo-ui-kit-scroll-button",children:"◀"}),e.jsxs("div",{className:"alex-evo-ui-kit-tabs-header",ref:_,onKeyDown:k,tabIndex:0,children:[n.map((y,g)=>e.jsx("div",{className:`alex-evo-ui-kit-tab ${o} ${m===g?r:""}`,onClick:()=>C(g),children:y.label},y.label)),e.jsx("div",{className:"alex-evo-ui-kit-indicator",ref:p})]}),b&&e.jsx("button",{onClick:()=>x("right"),className:"alex-evo-ui-kit-scroll-button",children:"▶"})]}),e.jsx("div",{className:"alex-evo-ui-kit-tab-content",children:n[m].content})]})},Pe=({type:n,screensize:t=Q.STANDART,weight:o="standart",density:r="normal",className:a="",text:i,style:c,onClick:d,onContextMenu:l,...u})=>{const h=s.useRef(null),m=s.useRef(null),[_,p]=s.useState(!1),b=s.useCallback(()=>{if(!h.current||!m.current)return;const v=h.current.clientWidth,x=m.current.scrollWidth;p(v<x)},[i]);return s.useEffect(()=>{var x;b(),window.addEventListener("resize",b);let v=null;return(x=h.current)!=null&&x.parentElement&&(v=new ResizeObserver(()=>{b()}),v.observe(h.current.parentElement)),()=>{window.removeEventListener("resize",b),v&&v.disconnect()}},[b]),e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:h,onClick:d,onContextMenu:l,className:`runing-text ${_?"runing":""}`,children:e.jsx(U,{...u,type:n,className:`${a}`,children:_?`| ${i} | ${i}`:i})}),e.jsx(U,{ref:m,...u,type:n,style:{...u.style,position:"absolute",visibility:"hidden",height:"auto",whiteSpace:"nowrap"},className:a,children:i})]})},Ct=s.forwardRef(({children:n,className:t="",maxHeight:o,scroll:r,transparent:a,width:i,padding:c,margin:d,flex:l,gap:u=0,onObserv:h,...m},_)=>{const p=s.useRef(null),b={overflowY:o?r?"scroll":"hidden":void 0,maxHeight:o,backgroundColor:a?"transparent":void 0,width:i,padding:c,margin:d};l&&(b.display="flex",b.flexDirection="column",u>0&&(b.gap=u)),s.useEffect(()=>{if(!p.current||!h)return;const x=new IntersectionObserver(h);return x.observe(p.current),()=>x.disconnect()},[h]);const v=["list-container",t,r?"list-container_scroll":"",a?"list-container_transparent":""].filter(Boolean).join(" ");return e.jsxs("ul",{ref:_,style:b,className:v,...m,children:[n,e.jsx("div",{ref:p})]})}),Nt=s.forwardRef(({icon:n,control:t,text:o,header:r,description:a,value:i,onClick:c,hovered:d=!0,className:l="",disabled:u=!1,active:h=!1,shadow:m=0,noTransformTransition:_,...p},b)=>{const v=k=>{!u&&!k.target.closest(".control-container")&&(c==null||c(k))},x=["list-item-container",l,`container_shadow-hover-${m}`,d&&!u?"list-item-container_hovered":"",u?"list-item-container_disabled":"",h?"list-item-container_active":"",_?"no-transform-transition":""].filter(Boolean).join(" ");return e.jsxs("li",{ref:b,className:x,onClick:v,"aria-disabled":u,...p,children:[(n||i)&&e.jsx("div",{className:"list-item-container__icon-container",children:n||i&&e.jsx(Pe,{type:"body",text:i})}),(r||o||a)&&e.jsxs("div",{className:"list-item-container__text-container",children:[r&&e.jsx("div",{className:"list-item-container__text-container__header",children:e.jsx(Pe,{type:"title",text:r})}),o&&e.jsx("div",{className:"list-item-container__text-container__text",children:e.jsx(Pe,{type:"small",text:o})}),a&&e.jsx("div",{className:"list-item-container__text-container__description",children:e.jsx(Pe,{type:"small",color:"variant",text:a})})]}),t&&e.jsx("div",{onClick:k=>{k.stopPropagation()},className:"list-item-container__control-container",children:t})]})});function Fo(n){if(!n.length)return[];const t=new Set,o=[];for(const r of n)for(const a in r)t.has(a)||(t.add(a),o.push({title:a,field:a}));return o}function St(n){return typeof n=="number"||typeof n=="string"?{content:n}:n}function Mt(n){return n?Array.isArray(n)?n.map(St):[St(n)]:[]}function $o(n){const t=Mt(n);if(t.length>0)return t[0]}const To=({data:n,column:t,color:o,backgroundColor:r,H:a})=>{const i=n[t.field],c=Mt(i);return e.jsx("td",{style:{backgroundColor:c.length>0&&c[0].backgroundColor?c[0].backgroundColor:r,height:a},children:t.template?t.template(c,n):c.map((d,l)=>e.jsx("p",{style:{color:d.color??o},className:d.onClick?"no-click":"",onClick:d.onClick,children:d.content},l))})},Vo=({actions:n,item:t,columns:o,onContextMenu:r,onDelete:a,onEdit:i,onClickRow:c,index:d,maxH:l})=>{const u=s.useCallback(h=>{h.target.closest(".no-click")||c==null||c(t,d)},[d,c,t]);return e.jsxs("tr",{className:"table-row",onClick:u,children:[o.map((h,m)=>e.jsx(To,{H:l==null?void 0:l[m],color:h.color,backgroundColor:h.backgroundColor,column:h,data:t},h.field)),n&&e.jsx("td",{className:"w-[180px] no-click",children:e.jsx("div",{className:"table-edit-button",children:n.map((h,m)=>e.jsx(re,{transparent:!0,icon:h.icon,onClick:_=>h.onClick(_,t,d)},m))})}),(r||a||i)&&e.jsx("td",{className:"w-[180px] table-edit-button no-click",children:e.jsxs("div",{className:"table-edit-button",children:[i&&e.jsx(re,{transparent:!0,icon:e.jsx(tn,{}),onClick:()=>i(t,d)}),a&&e.jsx(re,{transparent:!0,icon:e.jsx(Je,{className:"text-red-500"}),onClick:()=>a(t,d)}),r&&e.jsx(re,{transparent:!0,icon:e.jsx(en,{}),onClick:h=>r(h,t,d)})]})})]})},Po=({data:n,columns:t,onDelete:o,onContextMenu:r,onEdit:a,actions:i,shadow:c=2,onClickRow:d})=>{const l=s.useMemo(()=>t??Fo(n),[n,t]),u=l.length+(i?1:0)+(o||r||a?1:0),h=_=>_?(Array.isArray(_)?_:[_]).map((b,v)=>typeof b=="string"||typeof b=="number"?e.jsx("span",{children:b},v):e.jsx("span",{style:{color:b.color},onClick:b.onClick,children:b.content},v)):null,m=`container_shadow-${c}`;return e.jsx("div",{className:`table-container mt-3 ${d?"clicked":""} ${m}`,children:e.jsxs("table",{children:[e.jsx("thead",{children:e.jsxs("tr",{children:[l.map(_=>e.jsx("th",{className:"min-width",children:_.title},_.field)),i&&e.jsx("th",{className:"table-actions-header",children:"actions"}),(o||r||a)&&e.jsx("th",{className:"table-actions-header"})]})}),e.jsx("tbody",{children:n.map((_,p)=>{if("__all__"in _){const b=$o(_.__all__);return e.jsx("tr",{className:"table-all-row",children:e.jsx("td",{colSpan:u,style:{backgroundColor:b==null?void 0:b.backgroundColor,color:b==null?void 0:b.color},children:h(b)})},`all-${p}`)}return e.jsx(Vo,{onClickRow:d,actions:i,index:p,columns:l,item:_,onDelete:o,onContextMenu:r,onEdit:a},p)})})]})})},Io=({icon:n,title:t,to:o})=>e.jsxs(Ze.NavLink,{to:o,className:"navigation-item navigation-item-bar",children:[e.jsx("div",{className:`
 			navigation-item-bar__icon 
 			navigation-item-bar__icon_color_surface-variant 
 			navigation-item-bar__icon_hover-color_surface-container-highest 

package/dist/lib/ui/Dialog/TemplateDialog/FullScreenTemplateDialog.d.ts

@@ -24,6 +24,8 @@ export interface FullScreenDialogProps {
     cancelText?: string;
     forceFullScreen?: boolean;
     btns?: DialogButtonType[];
+    /** Maximum width of the dialog */
+    maxWidth?: number | string;
 }
 /**
  * Адаптивный диалог, который переключается между модальным и полноэкранным режимом
@@ -38,4 +40,4 @@ export interface FullScreenDialogProps {
  *   <FormFields />
  * </FullScreenTemplateDialog>
  */
-export declare const FullScreenTemplateDialog: ({ style, styleContent, className, header, children, onSave, onHide, marginBottom, disableBackplate, saveText, cancelText, forceFullScreen, btns }: FullScreenDialogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FullScreenTemplateDialog: ({ style, styleContent, className, header, children, onSave, onHide, marginBottom, disableBackplate, saveText, cancelText, forceFullScreen, maxWidth, btns }: FullScreenDialogProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "alex-evo-sh-ui-kit",
-  "version": "1.1.102",
+  "version": "1.1.103",
   "type": "module",
   "homepage": "https://alex-evo-2266.github.io/alex-evo-sh-ui-kit/",
   "scripts": {