alex-evo-sh-ui-kit 1.1.84 → 1.1.85

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

@@ -397,7 +397,7 @@ const We = ({ children: n, onHide: t, disableBackplate: r }) => {
   }), [i]), { screen: r };
 }, _t = {
   screen: ee.STANDART
-}, we = Pe(_t), Ns = ({ children: n, option: t }) => {
+}, we = Pe(_t), ws = ({ children: n, option: t }) => {
   const r = Ct(t);
   return /* @__PURE__ */ e.jsx(we.Provider, { value: r, children: n });
 }, U = ({
@@ -1464,7 +1464,7 @@ const Nn = (n) => /* @__PURE__ */ e.jsx(R, { ...n, className: `${n.className} ic
       }
     )
   ] });
-}, ws = Tn, It = (n) => {
+}, Ss = Tn, It = (n) => {
   const { primaryColor: t } = F(n);
   return /* @__PURE__ */ e.jsx(R, { ...n, children: /* @__PURE__ */ e.jsxs("g", { children: [
     /* @__PURE__ */ e.jsx(
@@ -2019,7 +2019,7 @@ const Kt = ({ valueDisplayDuration: n = 2e3 }) => {
     children: t
   }
 );
-function Ss(n, t, r) {
+function Ms(n, t, r) {
   arguments.length === 1 && (t = n.s, r = n.l, n = n.h);
   var s = n, i, l;
   return r *= 2, t *= r <= 1 ? r : 2 - r, l = (r + t) / 2, i = 2 * t / (r + t), {
@@ -2028,7 +2028,7 @@ function Ss(n, t, r) {
     v: l
   };
 }
-function Ms(n, t, r) {
+function Ls(n, t, r) {
   arguments.length === 1 && (t = n.s, r = n.v, n = n.h);
   var s = (2 - t) * r / 2;
   return s != 0 && (s == 1 ? t = 0 : s < 0.5 ? t = t * r / (s * 2) : t = t * r / (2 - s * 2)), { h: n, s: t, l: s };
@@ -2370,10 +2370,10 @@ const $e = () => {
   createTheme: $e,
   deleteTheme: $e,
   resetTheme: $e
-}, sn = Pe(sr), Ls = ({ children: n }) => {
+}, sn = Pe(sr), $s = ({ children: n }) => {
   const t = rr();
   return /* @__PURE__ */ e.jsx(sn.Provider, { value: t, children: n });
-}, dn = "var(--range-width)", $s = ({
+}, dn = "var(--range-width)", Rs = ({
   colorRange: n,
   colorBg: t = "var(--Surface-container-color)",
   onChange: r,
@@ -2477,7 +2477,7 @@ const $e = () => {
       ]
     }
   );
-}, Rs = ({
+}, Es = ({
   min: n = 0,
   max: t = 100,
   value: r = 0,
@@ -2733,7 +2733,7 @@ const cr = 100, dr = (n) => {
     s !== 0 ? /* @__PURE__ */ e.jsx(se, {}) : null,
     /* @__PURE__ */ e.jsx(zn, { block: r, smallDisplay: !0, autoHide: n.autoHide, onHide: n.onHide })
   ] }, s)) }) });
-}, Pn = (n) => n.screensize === ee.MOBILE ? /* @__PURE__ */ e.jsx(Ce, { container: n.container, children: /* @__PURE__ */ e.jsx(ur, { ...n }) }) : /* @__PURE__ */ e.jsx(Ce, { container: n.container, children: /* @__PURE__ */ e.jsx(dr, { ...n }) }), Es = ne.forwardRef(({ screensize: n, autoHide: t, blocks: r, container: s, onClick: i, ...l }, o) => {
+}, Pn = (n) => n.screensize === ee.MOBILE ? /* @__PURE__ */ e.jsx(Ce, { container: n.container, children: /* @__PURE__ */ e.jsx(ur, { ...n }) }) : /* @__PURE__ */ e.jsx(Ce, { container: n.container, children: /* @__PURE__ */ e.jsx(dr, { ...n }) }), Vs = ne.forwardRef(({ screensize: n, autoHide: t, blocks: r, container: s, onClick: i, ...l }, o) => {
   const [c, a] = g(!1), [d, u] = g(void 0), { screen: m } = _e(we), h = () => {
     a(!1), u(void 0);
   }, x = (j) => {
@@ -3190,7 +3190,7 @@ const Fe = ne.forwardRef(
   }
 );
 Fe.displayName = "TextField";
-const Vs = ({
+const Fs = ({
   styleContainer: n,
   text: t,
   header: r,
@@ -3273,7 +3273,7 @@ const Vs = ({
       ]
     }
   );
-}, Fs = ({
+}, Ts = ({
   style: n,
   className: t = "",
   header: r,
@@ -3430,7 +3430,7 @@ const Vs = ({
   }
 );
 xr.displayName = "Card";
-const Ts = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { className: `base-action-card ${t ?? ""}`, children: n }), Os = ({ children: n, className: t, id: r, height: s, width: i, pozMove: l, draggable: o = !0 }) => {
+const Os = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { className: `base-action-card ${t ?? ""}`, children: n }), As = ({ children: n, className: t, id: r, height: s, width: i, pozMove: l, draggable: o = !0 }) => {
   const [c, a] = g(!1), [d, u] = g(null), [m, h] = g({ x: 0, y: 0 }), x = (f) => {
     f.button == 1 && (a(!1), u(null), document.body.style.cursor = "auto");
   }, C = (f) => {
@@ -3447,7 +3447,7 @@ const Ts = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
   return O(() => {
     l && h({ ...l });
   }, [l]), /* @__PURE__ */ e.jsx("div", { id: r, style: { height: s, width: i }, className: `big-container ${t}`, onMouseDown: C, onMouseUp: x, onMouseMove: j, children: /* @__PURE__ */ e.jsx("div", { className: "big-container-content", style: { left: m.x, top: m.y }, children: n }) });
-}, As = ({
+}, Ds = ({
   onClick: n,
   onContextMenu: t,
   gap: r,
@@ -3495,7 +3495,7 @@ const Ts = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
       ))
     }
   );
-}, fr = 10, jr = 2e-3, Ds = ({
+}, fr = 10, jr = 2e-3, Is = ({
   children: n,
   label: t,
   className: r = "",
@@ -3586,14 +3586,14 @@ const Ts = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
       ]
     }
   );
-}, Is = ({ children: n, colSpan: t = 1 }) => /* @__PURE__ */ e.jsx(
+}, Hs = ({ children: n, colSpan: t = 1 }) => /* @__PURE__ */ e.jsx(
   "div",
   {
     className: "adaptiv-grid-item",
     style: { gridColumnEnd: `span ${t}` },
     children: /* @__PURE__ */ e.jsx("div", { className: "adaptiv-grid-item-container", children: n })
   }
-), Hs = ({
+), zs = ({
   minWith: n,
   children: t,
   className: r = "",
@@ -3669,7 +3669,7 @@ const Ts = ({ children: n, className: t }) => /* @__PURE__ */ e.jsx("div", { cla
       children: n
     }
   );
-}, zs = ({ className: n, children: t, height: r }) => /* @__PURE__ */ e.jsx("div", { className: `scroll-container ${n}`, style: { height: r }, children: t }), Ps = ({
+}, Ps = ({ className: n, children: t, height: r }) => /* @__PURE__ */ e.jsx("div", { className: `scroll-container ${n}`, style: { height: r }, children: t }), Bs = ({
   tabs: n,
   scrollAmount: t = 150,
   tabClassName: r = "",
@@ -3884,7 +3884,7 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
       )
     ] }) })
   ] });
-}, Bs = ({
+}, Ws = ({
   data: n,
   columns: t,
   onDelete: r,
@@ -3948,7 +3948,7 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
 			navigation-item-bar__icon_color_active-secondary-container
 			`, children: t }),
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-bar__text navigation-item-bar__text_color_surface-variant", children: r })
-] }), Ws = ({ btns: n }) => /* @__PURE__ */ e.jsx("div", { className: "navigation-bar", children: /* @__PURE__ */ e.jsx("div", { className: "navigation-bar__content", children: n.map((t, r) => t.type === "button" ? /* @__PURE__ */ e.jsx(Nr, { icon: t.icon, onClick: t.onClick, title: t.text }, r) : t.type === "link" ? /* @__PURE__ */ e.jsx(yr, { icon: t.icon, to: t.to, title: t.text }, r) : null) }) }), Xn = ({ onClick: n, icon: t, title: r, to: s }) => /* @__PURE__ */ e.jsxs(Qe, { onClick: n, to: s, className: `
+] }), Gs = ({ btns: n }) => /* @__PURE__ */ e.jsx("div", { className: "navigation-bar", children: /* @__PURE__ */ e.jsx("div", { className: "navigation-bar__content", children: n.map((t, r) => t.type === "button" ? /* @__PURE__ */ e.jsx(Nr, { icon: t.icon, onClick: t.onClick, title: t.text }, r) : t.type === "link" ? /* @__PURE__ */ e.jsx(yr, { icon: t.icon, to: t.to, title: t.text }, r) : null) }) }), Xn = ({ onClick: n, icon: t, title: r, to: s }) => /* @__PURE__ */ e.jsxs(Qe, { onClick: n, to: s, className: `
 			navigation-item
 			navigation-item-drawer 
 			navigation-item-drawer_hover-color_surface-container-highest 
@@ -4010,7 +4010,7 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
       ) : null
     ) })
   ] });
-}, Gs = ({ visible: n, firstBtn: t, mainBtn: r, onHide: s, otherBtn: i, backBtn: l, openAlways: o }) => {
+}, Zs = ({ visible: n, firstBtn: t, mainBtn: r, onHide: s, otherBtn: i, backBtn: l, openAlways: o }) => {
   const c = (a, d) => a.type === "button" ? /* @__PURE__ */ e.jsx(Re, { active: a.active, onClick: a.onClick, title: a.text, icon: a.icon }, d) : a.type === "link" ? /* @__PURE__ */ e.jsx(Xn, { onClick: () => s(), title: a.text, icon: a.icon, to: a.to }, d) : a.type === "submenu" ? /* @__PURE__ */ e.jsx(wr, { item: a, onHide: s }, d) : null;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: `navigation-drawer ${n || o ? "navigation-drawer_show" : "navigation-drawer_hide"}`, children: [
@@ -4051,7 +4051,7 @@ const br = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
 			navigation-item-rail__icon_color_active-secondary-container
 			`, children: t }),
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-rail__text navigation-item-rail__text_color_surface-variant", children: r })
-] }), Zs = ({ onToggleMenu: n, firstBtn: t, mainBtn: r, backBtn: s }) => /* @__PURE__ */ e.jsx("div", { className: "navigation-rail", children: /* @__PURE__ */ e.jsx("div", { className: "navigation-rail__block", children: /* @__PURE__ */ e.jsxs("div", { className: "navigation-rail__block__content", children: [
+] }), Ys = ({ onToggleMenu: n, firstBtn: t, mainBtn: r, backBtn: s }) => /* @__PURE__ */ e.jsx("div", { className: "navigation-rail", children: /* @__PURE__ */ e.jsx("div", { className: "navigation-rail__block", children: /* @__PURE__ */ e.jsxs("div", { className: "navigation-rail__block__content", children: [
   n ? /* @__PURE__ */ e.jsx(Oe, { icon: /* @__PURE__ */ e.jsx(Ln, { className: "navigation-rail__block__content__icon navigation-rail__block__content__icon_color_surface-variant" }), onClick: n }) : null,
   t ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(se, {}),
@@ -4401,7 +4401,7 @@ const Fr = [
       ]
     }
   );
-}, Ys = ({
+}, Us = ({
   border: n = !1,
   onChange: t,
   container: r,
@@ -5317,7 +5317,7 @@ const Xr = ({ setHours: n, setMinutes: t, switchMode: r, minutes: s, hours: i, o
 function Qr(n, t, r, s, i) {
   return s + (i - s) * ((n - t) / (r - t));
 }
-const Ke = 0, qe = 100, Us = ({ showValue: n = !0, ...t }) => {
+const Ke = 0, qe = 100, Xs = ({ showValue: n = !0, ...t }) => {
   const [r, s] = g(0), [i, l] = g(!1), o = Z(null), c = Z(null);
   O(() => {
     t.value ? s(t.value) : s(0);
@@ -5347,7 +5347,7 @@ const Ke = 0, qe = 100, Us = ({ showValue: n = !0, ...t }) => {
     ] }),
     t.showMinMax ? /* @__PURE__ */ e.jsx("div", { className: "value right", children: t.max ?? qe }) : null
   ] }) });
-}, Xs = ({ className: n, text: t, title: r, hexColor: s, hexBackground: i, style: l, btn: o }) => /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-sh-ui-kit-empty-page ${n ?? ""}`, style: { background: Jt(i), color: s, ...l }, children: [
+}, Ks = ({ className: n, text: t, title: r, hexColor: s, hexBackground: i, style: l, btn: o }) => /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-sh-ui-kit-empty-page ${n ?? ""}`, style: { background: Jt(i), color: s, ...l }, children: [
   /* @__PURE__ */ e.jsx("h2", { children: r }),
   t ? /* @__PURE__ */ e.jsx("p", { children: t }) : null,
   o ? /* @__PURE__ */ e.jsx(ye, { styleType: o.styleType ?? "filled", style: o.style, className: o.className, onClick: o.onClick, children: o.text }) : null
@@ -5443,7 +5443,7 @@ const Ke = 0, qe = 100, Us = ({ showValue: n = !0, ...t }) => {
   ] }) }) });
 };
 var et = /* @__PURE__ */ ((n) => (n.NONE = "NONE", n.ARRAY = "ARRAY", n.OBJECT = "OBJECT", n))(et || {});
-const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: l, onlyStringValue: o }) => typeof r == "boolean" || typeof r == "number" || typeof r == "string" ? /* @__PURE__ */ e.jsx(ts, { readonly: n, onDelete: i, onChange: s, data: r, name: t }) : r ? Array.isArray(r) ? /* @__PURE__ */ e.jsx(ns, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: l === "ARRAY", onlyStringValue: o }) : /* @__PURE__ */ e.jsx(es, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: l === "OBJECT", onlyStringValue: o }) : null, Ks = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: l = et.NONE, onlyStringValue: o }) => {
+const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: l, onlyStringValue: o }) => typeof r == "boolean" || typeof r == "number" || typeof r == "string" ? /* @__PURE__ */ e.jsx(ts, { readonly: n, onDelete: i, onChange: s, data: r, name: t }) : r ? Array.isArray(r) ? /* @__PURE__ */ e.jsx(ns, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: l === "ARRAY", onlyStringValue: o }) : /* @__PURE__ */ e.jsx(es, { readonly: n, onDelete: i, onChange: s, data: r, name: t, initComponent: l === "OBJECT", onlyStringValue: o }) : null, qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType: l = et.NONE, onlyStringValue: o }) => {
   const [c, a] = g(r || void 0), [d, u] = g(""), m = k((C) => {
     n || (a(C), s && s(C));
   }, [s]), h = k(() => {
@@ -5468,7 +5468,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
     /* @__PURE__ */ e.jsx("span", { className: "json-base-data border", children: /* @__PURE__ */ e.jsx("input", { size: d.length || 10, placeholder: "value", onChange: (C) => u(C.target.value), className: "alex-evo-sh-ui-kit-json json-base-data-input", type: "text", value: d }) }),
     /* @__PURE__ */ e.jsx("span", { className: "json-base-data-btn-save json-base-data-btn", onClick: x, children: "save" })
   ] });
-}, qs = ({ btn: n, btnComponent: t, onSearch: r, placeholder: s, autoChenge: i, border: l = !1 }) => {
+}, Js = ({ btn: n, btnComponent: t, onSearch: r, placeholder: s, autoChenge: i, border: l = !1 }) => {
   const o = Z(null), [c, a] = g(""), [d, u] = g(!1), m = () => {
     o.current && (o.current.focus(), u(!0));
   }, h = () => {
@@ -5526,7 +5526,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
       /* @__PURE__ */ e.jsx(U, { type: "body", children: h })
     ] })) })
   ] }, d)) }) }) });
-}, Js = ({
+}, Qs = ({
   onSearch: n,
   placeholder: t,
   autoChenge: r,
@@ -5586,7 +5586,7 @@ const ln = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, baseType:
       ]
     }
   ) : null;
-}, Qs = ({
+}, e1 = ({
   type: n,
   screensize: t = ee.STANDART,
   weight: r = "standart",
@@ -5807,8 +5807,8 @@ const is = ({ icons: n, value: t, onChange: r, disabled: s, placeholder: i, cont
   id: n,
   name: n.charAt(0).toUpperCase() + n.slice(1),
   component: /* @__PURE__ */ e.jsx(t, {})
-})), e1 = (n) => /* @__PURE__ */ e.jsx(is, { icons: ls, ...n });
-function n1(n) {
+})), n1 = (n) => /* @__PURE__ */ e.jsx(is, { icons: ls, ...n });
+function t1(n) {
   if (n)
     return tt[n] ?? void 0;
 }
@@ -5817,7 +5817,7 @@ const as = {
   },
   hideSnackbar: () => {
   }
-}, os = Pe(as), t1 = ({ children: n }) => {
+}, os = Pe(as), r1 = ({ children: n }) => {
   var o;
   const [t, r] = g({ visible: !1, text: "" }), s = Z(null), i = k((c, a) => {
     r({ visible: !0, text: c, option: a }), s.current && clearTimeout(s.current), a != null && a.closeButton || (s.current = setTimeout(() => l(), (a == null ? void 0 : a.delay) ?? 3e3));
@@ -5839,21 +5839,24 @@ const as = {
     n
   ] });
 }, rt = Pe({});
-function cs(n) {
-  return typeof n == "string";
+function cs() {
+  return _e(rt);
 }
 function ds(n) {
-  return typeof n == "number";
+  return typeof n == "string";
 }
 function us(n) {
+  return typeof n == "number";
+}
+function hs(n) {
   return typeof n == "boolean";
 }
 const fe = (n) => {
-  const { value: t, changeField: r, errors: s } = _e(rt), i = k((a) => {
+  const { value: t, changeField: r, errors: s } = cs(), i = k((a) => {
     r && r(n, a);
   }, [n]), l = k(() => {
     const a = t == null ? void 0 : t[n];
-    return us(a) ? !!a : ds(a) ? Number(a) : cs(a) ? a ?? "" : "";
+    return hs(a) ? !!a : us(a) ? Number(a) : ds(a) ? a ?? "" : "";
   }, [t, n]), o = k(() => {
     r && r(n, "");
   }, [n]), c = k(() => {
@@ -5866,16 +5869,16 @@ const fe = (n) => {
     error: c(),
     change: i
   };
-}, hs = (n) => {
+}, ms = (n) => {
   const { value: t, change: r, error: s } = fe(n.name);
   return /* @__PURE__ */ e.jsx(Gr, { ...n, onChange: r, value: String(t), errorText: s, error: !!s });
-}, ms = (n) => {
+}, xs = (n) => {
   const { value: t, change: r, error: s } = fe(n.name);
   return /* @__PURE__ */ e.jsx(Jn, { ...n, value: Number(t), onChange: r, errorText: s, error: !!s });
-}, xs = (n) => {
+}, fs = (n) => {
   const { value: t, change: r, error: s } = fe(n.name);
   return /* @__PURE__ */ e.jsx(nt, { ...n, container: n.container ?? document.body, value: t, onChange: r, errorText: s, error: !!s });
-}, fs = ({ placeholder: n, ref: t, style: r, readOnly: s, className: i, name: l }) => {
+}, js = ({ placeholder: n, ref: t, style: r, readOnly: s, className: i, name: l }) => {
   const { value: o, change: c } = fe(l), a = (d) => {
     c && c(d.target.checked);
   };
@@ -5890,7 +5893,7 @@ const fe = (n) => {
       onChange: a
     }
   ) });
-}, js = ({ placeholder: n, ref: t, style: r, readOnly: s, className: i, name: l }) => {
+}, ps = ({ placeholder: n, ref: t, style: r, readOnly: s, className: i, name: l }) => {
   const { value: o, change: c } = fe(l), a = (u) => {
     if (u.length > 0)
       return c && c(!0);
@@ -5909,7 +5912,7 @@ const fe = (n) => {
       onChange: a
     }
   );
-}, ps = (n) => {
+}, Cs = (n) => {
   const { error: t, value: r, change: s, clearHandler: i } = fe(n.name);
   return /* @__PURE__ */ e.jsx(
     Fe,
@@ -5922,10 +5925,10 @@ const fe = (n) => {
       onClear: i
     }
   );
-}, Cs = (n) => {
+}, _s = (n) => {
   const { error: t, value: r, change: s, clearHandler: i } = fe(n.name);
   return /* @__PURE__ */ e.jsx(Qn, { ...n, onChange: s, onClear: n.clear ? i : void 0, value: String(r), error: !!t, errorText: t });
-}, _s = (n) => {
+}, vs = (n) => {
   const { error: t, value: r, change: s } = fe(n.name);
   return /* @__PURE__ */ e.jsx(
     Hr,
@@ -5937,7 +5940,7 @@ const fe = (n) => {
       errorText: t
     }
   );
-}, vs = (n) => {
+}, gs = (n) => {
   const { error: t, value: r, change: s } = fe(n.name);
   return /* @__PURE__ */ e.jsx(
     Jr,
@@ -5949,7 +5952,7 @@ const fe = (n) => {
       errorText: t
     }
   );
-}, gs = ve(
+}, bs = ve(
   function({ children: t, value: r, name: s, errors: i, onFinish: l, ...o }, c) {
     const [a, d] = g(r ?? {}), u = k((h) => {
       h.preventDefault(), l == null || l(a);
@@ -5969,16 +5972,16 @@ const fe = (n) => {
       reset: () => d(r ?? {})
     }), [l, a, r]), /* @__PURE__ */ e.jsx(rt.Provider, { value: { value: a, changeField: m, errors: i }, children: /* @__PURE__ */ e.jsx("form", { name: s, onSubmit: u, noValidate: !0, ...o, children: t }) });
   }
-), r1 = Object.assign(gs, {
-  TextInput: ps,
-  NumberInput: ms,
-  SelectInput: xs,
-  SwitchField: fs,
-  SwitchButtonField: js,
-  MoreTextField: hs,
-  TextArea: Cs,
-  DateField: _s,
-  TimeField: vs
+), s1 = Object.assign(bs, {
+  TextInput: Cs,
+  NumberInput: xs,
+  SelectInput: fs,
+  SwitchField: js,
+  SwitchButtonField: ps,
+  MoreTextField: ms,
+  TextArea: _s,
+  DateField: vs,
+  TimeField: gs
 });
 export {
   St as AddUserIcon,
@@ -5986,13 +5989,13 @@ export {
   nn as ArrowLeft,
   vt as ArrowRight,
   gt as ArrowUp,
-  Ts as BaseActionCard,
+  Os as BaseActionCard,
   Ve as BaseButton,
   Ut as BaseDialog,
   dr as BaseMenu,
   et as BaseType,
   Ee as BasicTemplateDialog,
-  Os as BigContainer,
+  As as BigContainer,
   vn as BottomSheetsUi,
   ye as Button,
   Sn as Calendar,
@@ -6001,17 +6004,17 @@ export {
   Bn as Checkbox,
   Ie as ChevronDown,
   Wn as Chips,
-  Rs as CircleInput,
+  Es as CircleInput,
   Ge as CircleMinus,
   rn as CirclePlus,
   en as Clock,
   sn as ColorContext,
-  Ys as ColorField,
-  Ls as ColorProvider,
-  As as ColumnLayout,
+  Us as ColorField,
+  $s as ColorProvider,
+  Ds as ColumnLayout,
   Dt as ConditionerIcon,
   At as ConditionerIcon2,
-  Ds as ContentBox,
+  Is as ContentBox,
   Fn as Copy,
   cn as CopyButton,
   Bt as Curtains,
@@ -6020,27 +6023,27 @@ export {
   Hr as DateField,
   Br as DayOfWeekField,
   se as Divider,
-  Xs as EmptyPage,
+  Ks as EmptyPage,
   ir as FAB,
   pt as FilledButton,
   jt as FilledTotalButton,
   On as FilterIcon,
-  r1 as Form,
-  Fs as FullScreenTemplateDialog,
+  s1 as Form,
+  Ts as FullScreenTemplateDialog,
   yt as GearIcon,
-  Hs as GridLayout,
-  Is as GridLayoutItem,
+  zs as GridLayout,
+  Hs as GridLayoutItem,
   Et as Group,
   Ne as HEXtoRGB,
-  Ss as HSLtoHSV,
-  Ms as HSVtoHSL,
+  Ms as HSLtoHSV,
+  Ls as HSVtoHSL,
   Le as HSVtoRGB,
   bt as Home,
   de as IconButton,
-  Es as IconButtonMenu,
+  Vs as IconButtonMenu,
   is as IconSelectField,
-  e1 as IconsSelect,
-  Ks as JsonContainer,
+  n1 as IconsSelect,
+  qs as JsonContainer,
   Rn as Keyboard,
   Tt as LampIcon,
   wt as LinkIcon,
@@ -6058,9 +6061,9 @@ export {
   Gr as MoreText,
   Mn as MoreVertical,
   rs as MultiFilter,
-  Ws as NavigationBar,
-  Gs as NavigationDrawer,
-  Zs as NavigationRail,
+  Gs as NavigationBar,
+  Zs as NavigationDrawer,
+  Ys as NavigationRail,
   Jn as NumberField,
   Rt as OkUserIcon,
   Cn as OutlineButton,
@@ -6073,13 +6076,13 @@ export {
   Ae as PopupState,
   De as RGBtoHSV,
   Gn as RadioButton,
-  $s as Range,
+  Rs as Range,
   Ft as Room,
-  Qs as RunningLine,
+  e1 as RunningLine,
   ee as ScreenSize,
-  zs as ScrollContainer,
-  qs as Search,
-  Js as SearchAndFilter,
+  Ps as ScrollContainer,
+  Js as Search,
+  Qs as SearchAndFilter,
   Zn as SegmentedButton,
   nt as SelectField,
   hr as SelectionDialog,
@@ -6088,21 +6091,21 @@ export {
   zt as Sensor3,
   Pt as SensorWarning,
   we as SizeContext,
-  Ns as SizeProvider,
-  Us as Slider,
+  ws as SizeProvider,
+  Xs as Slider,
   ur as SmallWindowMenu,
   ss as Snackbar,
   os as SneckbarContext,
-  t1 as SneckbarProvider,
+  r1 as SneckbarProvider,
   Yn as Switch,
   Ot as SwitchIcon,
-  Bs as Table,
-  Ps as Tabs,
-  ws as Temp,
+  Ws as Table,
+  Bs as Tabs,
+  Ss as Temp,
   Tn as TempHighIcon,
   Qn as TextArea,
   ce as TextButton,
-  Vs as TextDialog,
+  Fs as TextDialog,
   Fe as TextField,
   Jr as TimeField,
   Kr as TimePicker,
@@ -6116,7 +6119,7 @@ export {
   $t as XUserIcon,
   Te as getContainerColor,
   Ye as getContainerData,
-  n1 as getIcons,
+  t1 as getIcons,
   Hn as getModalWindowCord,
   re as getTextColor,
   qt as hexToRgb,

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

@@ -318,7 +318,7 @@ React keys must be passed directly to JSX without using spread:
             0.209-0.6504 0.209-0.211 0-0.4057-0.0739-0.5781-0.1973v-3.4395c0-1.108 
             -0.892-2-2-2h-3.3418c-0.1412-0.1812-0.2305-0.3868-0.2305-0.6133 0-0.2378 
             0.0974-0.4878 0.252-0.6992a2.5486 2.1008 0 0 0 0.8691-1.5762A2.5486 
-            2.1008 0 0 0 12 6.01172Z`})})})]})},Ee=({className:n="",children:t,header:r,action:o,onHide:a,style:i,clearStyle:l=!1,disableBackplate:d,marginBottom:s,maxWidth:u="560px",showCloseButton:_=!1,ariaLabel:p})=>{const h=()=>{a&&a()},m={...i,marginBottom:s,maxWidth:typeof u=="number"?`${u}px`:u};return e.jsx(Se,{onHide:h,disableBackplate:d,children:e.jsxs("div",{style:m,className:`${l?"":"dialog-template__container dialog-template_base dialog-template_color_surface-container"} dialog-template ${n}`,role:"dialog","aria-modal":"true","aria-label":p||r,children:[r&&e.jsxs("div",{className:"dialog-template__container__header dialog-template__container__header_color_surface-container",children:[e.jsx(G,{type:"heading",children:r}),_&&e.jsx(re,{className:"dialog-template__container__header__button dialog-template__container__header__button_color_surface-container",onClick:h,"aria-label":"Close dialog",icon:e.jsx(oe,{})})]}),e.jsx("div",{className:"dialog-template__container__content",children:t}),o&&e.jsx("div",{className:"dialog-template__container__action",children:o})]})})},xe=({marginBottom:n=80,forceBottomSheet:t=!1,forceModal:r=!1,...o})=>{const{screen:a}=c.useContext(be);Ue(!0,document.body);const i=()=>{var d;(d=o.onHide)==null||d.call(o)};return t||!r&&a===Q.MOBILE?e.jsx(Xe,{bottom:n,onHide:i,visible:!0,children:e.jsxs("div",{style:o.style,className:`dialog-bottom ${o.className||""}`,children:[o.header&&e.jsx("div",{className:"dialog-bottom__header",children:e.jsx(G,{type:"heading",children:o.header})}),e.jsx("div",{className:"dialog-bottom__content dialog-bottom__content_color_text-surface-color",children:e.jsx("div",{className:"dialog-bottom__content__scroll",children:o.children})}),o.action&&e.jsx("div",{className:"dialog-bottom__action",children:o.action})]})}):e.jsx(Ee,{...o,onHide:i})},Be=({btns:n,onHide:t,onSuccess:r})=>e.jsx(e.Fragment,{children:n.map(o=>o.danger?e.jsx(_t,{text:o.danger.text,header:o.danger.header,style:{backgroundColor:"var(--Error-color)",...o.style},onClick:o.success?r:o.hide?t:o.onClick,disabled:o.disabled,children:o.text},o.text):e.jsx(me,{style:o.style,styleType:o.styleType,onClick:o.success?r:o.hide?t:o.onClick,disabled:o.disabled,children:o.text},o.text))}),ut=({styleContainer:n,text:t,header:r,actionText:o,cancelText:a="Отмена",onSuccess:i,onCancel:l,onHide:d,children:s,disableDefaultButtons:u=!1,customActions:_,btns:p})=>{const h=c.useCallback(()=>{i==null||i(),d==null||d()},[i,d]),m=c.useCallback(()=>{l==null||l(),d==null||d()},[l,d]),x=c.useCallback(()=>_||(u?null:p?e.jsx(Be,{onHide:m,onSuccess:h,btns:p}):e.jsx(Be,{onHide:m,onSuccess:h,btns:[{text:a,hide:!0,styleType:"outline"},{text:o??"OK",success:!0}]})),[_,u,m,h,o,a]);return e.jsxs(xe,{style:n,header:r,onHide:m,action:x(),children:[t&&e.jsx(G,{type:"body",children:t}),s]})},le=({children:n,container:t=document.body})=>t?Rt.createPortal(n,t):e.jsx("p",{children:"container not found"}),_t=({container:n,text:t,header:r,onClick:o,styleType:a,...i})=>{const[l,d]=c.useState(null);return e.jsxs(e.Fragment,{children:[e.jsx(me,{styleType:a??"filled",...i,onClick:d}),l!==null&&e.jsx(le,{container:n,children:e.jsx(ut,{header:r,text:t,onSuccess:()=>o==null?void 0:o(l),onHide:()=>d(null)})})]})},ln=({text:n,supportText:t=!0,copiedTimeout:r=2e3,className:o="",onClick:a,disabled:i,...l})=>{const[d,s]=c.useState(!1),u=c.useCallback(async h=>{if(!i){try{await navigator.clipboard.writeText(n),s(!0),setTimeout(()=>s(!1),r)}catch(m){console.error("Не удалось скопировать текст",m)}a==null||a(h)}},[n,i,r,a]),_=d?e.jsx(se,{"aria-hidden":"true"}):e.jsx(an,{"aria-hidden":"true"}),p=d?"Скопировано!":"Копировать";return t?e.jsxs("div",{className:"copy-button",children:[e.jsx(re,{icon:_,onClick:u,disabled:i,"aria-label":`${p} ${n}`,className:o,...l}),e.jsx(G,{type:"body","aria-live":"polite",children:p})]}):e.jsx(re,{icon:_,onClick:u,disabled:i,"aria-label":`${p} ${n}`,className:o,...l})};var ze=(n=>(n[n.OPEN=0]="OPEN",n[n.HIDING=1]="HIDING",n[n.CLOSE=2]="CLOSE",n))(ze||{});const ht=({valueDisplayDuration:n=2e3})=>{const[t,r]=c.useState(2),o=c.useRef(null),a=c.useRef(null),i=()=>{r(1),a.current=window.setTimeout(()=>{r(2)},500)},l=()=>{r(0),o.current&&window.clearTimeout(o.current),a.current&&window.clearTimeout(a.current),n&&(o.current=window.setTimeout(()=>{i()},n))};return c.useEffect(()=>()=>{o.current&&window.clearTimeout(o.current),a.current&&window.clearTimeout(a.current)},[]),{showPopup:l,popupState:t,hidePopup:i}},dn=({className:n="",text:t,state:r=ze.OPEN})=>r===ze.CLOSE?null:e.jsx("div",{className:`alex-evo-sh-ui-kit-tooltip value-popup ${n} ${r===ze.HIDING?"hiding":""}`,"aria-live":"polite","aria-atomic":"true",children:t});function ar(n,t,r){arguments.length===1&&(t=n.s,r=n.l,n=n.h);var o=n,a,i;return r*=2,t*=r<=1?r:2-r,i=(r+t)/2,a=2*t/(r+t),{h:o,s:a,v:i}}function ir(n,t,r){arguments.length===1&&(t=n.s,r=n.v,n=n.h);var o=(2-t)*r/2;return o!=0&&(o==1?t=0:o<.5?t=t*r/(o*2):t=t*r/(2-o*2)),{h:n,s:t,l:o}}function ke(n,t,r){var o,a,i,l,d,s,u,_;switch(arguments.length===1&&(t=n.s,r=n.v,n=n.h),l=Math.floor(n*6),d=n*6-l,s=r*(1-t),u=r*(1-d*t),_=r*(1-(1-d)*t),l%6){case 0:o=r,a=_,i=s;break;case 1:o=u,a=r,i=s;break;case 2:o=s,a=r,i=_;break;case 3:o=s,a=u,i=r;break;case 4:o=_,a=s,i=r;break;case 5:o=r,a=s,i=u;break}return{r:Math.round(o*255),g:Math.round(a*255),b:Math.round(i*255)}}function ye(n){let t=n.toString(16);return t.length===1&&(t="0"+t),t}function je(n,t=!1){return t?"#"+ye(n.r)+ye(n.g)+ye(n.b):ye(n.r)+ye(n.g)+ye(n.b)}function Fe(n,t,r){arguments.length===1&&(t=n.g,r=n.b,n=n.r);var o=Math.max(n,t,r),a=Math.min(n,t,r),i=o-a,l,d=o===0?0:i/o,s=o/255;switch(o){case a:l=0;break;case n:l=t-r+i*(t<r?6:0),l/=6*i;break;case t:l=r-n+i*2,l/=6*i;break;case r:l=n-t+i*4,l/=6*i;break}return{h:l,s:d,v:s}}function fe(n){var t=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;n=n.replace(t,function(o,a,i,l){return a+a+i+i+l+l});var r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);return r?{r:parseInt(r[1],16),g:parseInt(r[2],16),b:parseInt(r[3],16)}:null}const pt=fe,cr=n=>{if(!n)return"linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))";const t=pt(n);return t?`linear-gradient(135deg, rgba(${t.r}, ${t.g}, ${t.b}, 0.1), rgba(${t.r}, ${t.g}, ${t.b}, 0))`:"linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))"};function mt(n,t,r){if(n===0)return r??"#e0e0e0";if(n===1)return t;const o=r?fe(r):null,a=(o==null?void 0:o.r)??224,i=(o==null?void 0:o.g)??224,l=(o==null?void 0:o.b)??224,d=parseInt(t.substring(1,3),16),s=parseInt(t.substring(3,5),16),u=parseInt(t.substring(5,7),16),_=Math.round(a+n*(d-a)),p=Math.round(i+n*(s-i)),h=Math.round(l+n*(u-l));return`rgb(${_}, ${p}, ${h})`}const ae=(n,t,r="",o)=>{let a,i,l,d,s,u,_,p=Math.round,h=typeof r=="string";if(typeof n!="number"||n<-1||n>1||typeof t!="string"||t[0]!="r"&&t[0]!="#"||r&&!h||(_=t.length>9,_=h?typeof r=="string"&&r.length>9?!0:r=="c"?!_:!1:_,s=ae.pSBCr(t),d=n<0,u=r&&typeof r=="string"&&r!="c"?ae.pSBCr(r):d?{r:0,g:0,b:0,a:-1}:{r:255,g:255,b:255,a:-1},n=d?n*-1:n,d=1-n,!s||!u))return null;o?(a=p(d*(s.r??0)+n*(u.r??0)),i=p(d*(s.g??0)+n*(u.g??0)),l=p(d*(s.b??0)+n*(u.b??0))):(a=p((d*(s.r??0)**2+n*(u.r??0)**2)**.5),i=p((d*(s.g??0)**2+n*(u.g??0)**2)**.5),l=p((d*(s.b??0)**2+n*(u.b??0)**2)**.5));let m=s.a??1;return u=u.a??1,s=m>=0||u>=0,m=m>=0||u>=0?m<0?u:u<0?m:m*d+u*n:0,_?"rgb"+(s?"a(":"(")+a+","+i+","+l+(s?","+p(m*1e3)/1e3:"")+")":"#"+(4294967296+a*16777216+i*65536+l*256+(s?p(m*255):0)).toString(16).slice(1,s?void 0:-2)};ae.pSBCr=n=>{const t=parseInt;let r=n.length,o={};if(r>9){const a=n.split(","),[i,l,d,s]=a;if(r=a.length,r<3||r>4)return null;o.r=t(i[3]=="a"?i.slice(5):i.slice(4)),o.g=t(l),o.b=t(d),o.a=s?parseFloat(s):-1}else{if(r==8||r==6||r<4)return null;r<6&&(n="#"+n[1]+n[1]+n[2]+n[2]+n[3]+n[3]+(r>4?n[4]+n[4]:""));let a=t(n.slice(1),16);r==9||r==5?(o.r=a>>24&255,o.g=a>>16&255,o.b=a>>8&255,o.a=Math.round((a&255)/.255)/1e3):(o.r=a>>16,o.g=a>>8&255,o.b=a&255,o.a=-1)}return o};function R(n){const t=fe(n);return t?t.r*.299+t.g*.589+t.b*.114>186?"#000000":"#FFFFFF":"#fff"}function $e(n,t=!1){return ae(t?-.6:.3,n)??n}const bt={Primary_color:"#6750A4",Secondary_color:"#8c5a9c",Tertiary_color:"#7D5260",Background_color:"#FFFBFE",Surface_container_color:"#FFFBFE",Error_color:"#B3261E",Outline_color:"#79747E",Shadow_color:"#000000",On_primary_color:"#FFFFFF",On_secondary_color:"#FFFFFF",On_tertiary_color:"#FFFFFF",On_background_color:"#1C1B1F",Primary_container_color:"#EADDFF",Secondary_container_color:"#E8DEF8",Tertiary_container_color:"#FFD8E4",Error_container_color:"#F9DEDC",On_primary_container_color:"#21005D",On_secondary_container_color:"#1D192B",On_tertiary_container_color:"#31111D",On_error_container_color:"#410E0B",On_error_color:"#FFFFFF",Surface_container_lowest_color:"#FFFFFF",Surface_container_low_color:"#F7F2FA",Surface_container_high_color:"#D0BCFF",Surface_container_highest_color:"#4F378B",On_surface_color:"#1C1B1F",On_surface_variant_color:"#49454F",Surface_container_hover_color:"#F2E7FE",Outline_variant_color:"#CAC4D0"},sr={Primary_color:(n,t)=>{const r=$e(n,t);return{Primary_color:n,On_primary_color:R(n),Primary_container_color:r,On_primary_container_color:R(r)}},Secondary_color:(n,t)=>{const r=$e(n,t);return{Secondary_color:n,On_secondary_color:R(n),Secondary_container_color:r,On_secondary_container_color:R(r)}},Tertiary_color:(n,t)=>{const r=$e(n,t);return{Tertiary_color:n,On_tertiary_color:R(n),Tertiary_container_color:r,On_tertiary_container_color:R(r)}},Background_color:(n,t)=>({Background_color:n,On_background_color:R(n)}),Error_color:(n,t)=>{const r=$e(n,t);return{Error_color:n,On_error_color:R(n),Error_container_color:r,On_error_container_color:R(r)}},Surface_container_color:(n,t)=>{const r=ae(t?-.2:.2,n)??n,o=ae(t?-.4:.4,n)??n,a=ae(t?.2:-.2,n)??n,i=ae(t?.4:-.4,n)??n,l=ae(t?-.5:.5,n)??n;return{Surface_container_color:n,On_surface_color:R(n),Surface_container_low_color:r,Surface_container_lowest_color:o,Surface_container_high_color:a,Surface_container_highest_color:i,Surface_container_hover_color:l,On_surface_variant_color:ae(t?-.6:.4,R(n))??R(n)}},Outline_color:(n,t)=>({Outline_color:n,Outline_variant_color:ae(t?.1:-.1,n)??n})};function ft(n,t=!1){const[r,o]=c.useState({...bt,...n}),[a,i]=c.useState(t),l=c.useCallback((s,u)=>{const _=sr[s];if(!_)return;const p=_(u,a);o(h=>({...h,...p})),Object.entries(p).forEach(([h,m])=>{document.body.style.setProperty(`--${h.replace(/_/g,"-")}`,m)})},[a]);return{colors:r,setColor:l,setReverse:s=>i(s)}}const un={light:{colors:{Primary_color:"#6750A4",Secondary_color:"#8c5a9c",Tertiary_color:"#7D5260",Background_color:"#FFFBFE",Surface_container_color:"#FFFBFE",Error_color:"#B3261E",Outline_color:"#79747E",Shadow_color:"#000000"}},dark:{reverse:!0,colors:{Primary_color:"#D0BCFF",Secondary_color:"#dbb0e8",Tertiary_color:"#EFB8C8",Background_color:"#1C1B1F",Surface_container_color:"#1C1B1F",Error_color:"#F2B8B5",Outline_color:"#938F99",Shadow_color:"#000000"}}};function vt(n="light"){const[t,r]=c.useState(un),[o,a]=c.useState(n),{colors:i,setColor:l,setReverse:d}=ft(t[o].colors,t[o].reverse),s=c.useCallback(m=>{const x=t[m].colors;x&&(Object.entries(x).forEach(([v,f])=>{l(v,f)}),d(t[m].reverse??!1),a(m))},[t,l]);c.useEffect(()=>{s(o)},[o,s]);const u=c.useCallback((m,x,v)=>{r(f=>({...f,[m]:{colors:{...f[m].colors,[x]:v},reverse:f[m].reverse}}))},[]),_=c.useCallback((m,x="light",v)=>{r(f=>({...f,[m]:{colors:f[x].colors,reverse:v===void 0?f[x].reverse:v}}))},[]),p=c.useCallback(m=>{r(x=>{const v={...x};return delete v[m],v}),o===m&&a("light")},[o]),h=c.useCallback(m=>{un[m]&&r(x=>({...x,[m]:{...un[m]}}))},[]);return{colors:i,themes:t,activeTheme:o,setActiveTheme:s,updateThemeColor:u,createTheme:_,deleteTheme:p,resetTheme:h}}const Te=()=>{},lr={colors:bt,themes:{},activeTheme:"",setActiveTheme:Te,updateThemeColor:Te,createTheme:Te,deleteTheme:Te,resetTheme:Te},He=c.createContext(lr),dr=({children:n})=>{const t=vt();return e.jsx(He.Provider,{value:t,children:n})},gt="var(--range-width)",ur=({colorRange:n,colorBg:t="var(--Surface-container-color)",onChange:r,min:o=0,max:a=100,step:i=1,strokeWidth:l="40px",value:d,orientation:s="horizontal",styleTrack:u="base",showValue:_=!0,valueDisplayDuration:p=2e3,ariaLabel:h="Регулятор значения",startColor:m,className:x="",...v})=>{const f=c.useRef(null),k=c.useRef(null),[j,C]=c.useState(d??o),[y,M]=c.useState("200px"),{colors:$}=c.useContext(He),{showPopup:H,popupState:V}=ht({valueDisplayDuration:p}),N=n??$.Primary_color??"#0000ff";c.useEffect(()=>{var L;if(s==="vertical"&&((L=k.current)!=null&&L.parentElement)){const T=()=>{var Z,g;const q=(g=(Z=k.current)==null?void 0:Z.parentElement)==null?void 0:g.clientHeight;q&&M(`${q}px`)};T();const Y=new ResizeObserver(T);return k.current.parentElement&&Y.observe(k.current.parentElement),()=>Y.disconnect()}},[s]),c.useEffect(()=>{d!==void 0&&(C(d),A())},[d]);const A=c.useCallback(()=>{_&&H()},[H]),P=L=>{const T=parseFloat(L.target.value);C(T),A(),r==null||r(L)},z=c.useMemo(()=>a!==o?(j-o)/(a-o)*100:0,[j,o,a]),w=c.useMemo(()=>({...v.style,[s==="vertical"?"height":"width"]:`${z}%`,background:u==="point"?"transperent":u==="static-color"?N:mt(z/100,N,m)}),[z,N,v.style,s,u]),I=c.useMemo(()=>s==="vertical"?{"--range-width":l,"--point-width":u==="point"?l:"6px","--point-opacity":u==="point"?"1":"0","--truck-color":N,width:gt,height:y,...v.style}:{"--range-width":l,"--point-width":u==="point"?l:"6px","--point-opacity":u==="point"?"1":"0","--truck-color":N,width:"100%",height:gt,...v.style},[s,y,v.style,l,u,N]),S=c.useMemo(()=>s==="vertical"?{width:y}:{width:"100%"},[s,y]);return e.jsxs("div",{ref:k,className:`range-wrapper ${s} ${x}`,style:I,children:[e.jsxs("div",{className:"track",style:{background:t},children:[e.jsx("div",{className:"active-track",style:w}),e.jsx(dn,{text:Math.round(j).toString(),state:V,className:"value-popup"})]}),e.jsx("input",{ref:f,type:"range",min:o,style:S,max:a,step:i,value:j,onChange:P,onFocus:v.onFocus,onBlur:v.onBlur,className:"slider-input","aria-orientation":s,"aria-valuenow":j,"aria-valuemin":o,"aria-valuemax":a,"aria-label":h,"aria-valuetext":`${j} из ${a}`,...v})]})},_r=({min:n=0,max:t=100,value:r=0,onChange:o,onFocus:a,onBlur:i,styleRange:l="circle",styleTrack:d="base",strokeWidth:s=20,radius:u=100,colorBg:_="var(--Surface-container-color)",colorRange:p,pointColor:h,showBase:m=!0,showIndicator:x=!0,showPoint:v=!1,rounding:f=!0,showValue:k=!0,style:j,children:C,className:y,startColor:M})=>{const $=c.useRef(null),H=c.useRef(!1),V=u*2,N=u*2,A=Math.min(V,N),P=V/2,z=N/2,w=A/2-s/2,I=d==="point"?!1:x,S=d==="point"?!0:v,{colors:L}=c.useContext(He),T=p??L.Primary_color??"#0000ff",Y=h??L.Primary_color??"#0000ff",[q,Z]=c.useState(r);c.useEffect(()=>{r!==void 0&&Z(r)},[r]);const g=c.useCallback(()=>{switch(l){case"semicircle":return 180;case"brokenCircle":return 270;default:return 360}},[l]),O=c.useCallback(()=>l==="semicircle"?[w*Math.PI,w*Math.PI]:l==="brokenCircle"?[w*Math.PI*1.25,w*Math.PI*1.5]:[w*Math.PI,w*Math.PI*2],[l,w]),D=c.useMemo(()=>t!==n?(q-n)/(t-n)*100:0,[q,n,t]),X=c.useCallback(()=>{if(!$.current)return;const[W,_e]=O(),pe=(q-n)*_e/(t-n);if(m){const U=$.current.querySelector('[data-el="base"]');U&&(U.style.stroke=_,U.style.strokeWidth=s.toString(),U.style.strokeLinecap=f?"round":"",U.style.strokeDashoffset=W.toString(),U.style.strokeDasharray=`${_e}, ${w*Math.PI*2-_e}`)}if(I){const U=$.current.querySelector('[data-el="indicator"]');if(U){const he=parseFloat(U.dataset.percentage??"");he!==null&&(he<D-2||he>D+2)?U.style.transition=".3s":U.style.transition=H.current?"none":".3s",U.dataset.percentage=D.toString(),U.style.stroke=d==="static-color"?T:mt(D/100,T,M),U.style.strokeWidth=s.toString(),U.style.strokeLinecap=f?"round":"",U.style.strokeDashoffset=W.toString(),U.style.strokeDasharray=`${pe}, ${w*Math.PI*2-pe}`}}if(S){const U=$.current.querySelector('[data-el="point"]');if(U){const he=parseFloat(U.dataset.percentage??"");he!==null&&(he<D-2||he>D+2)?U.style.transition=".3s":U.style.transition=H.current?"none":".3s",U.dataset.percentage=D.toString(),U.style.stroke=Y,U.style.strokeWidth=s.toString(),U.style.strokeLinecap="round",q===t&&l==="semicircle"?U.style.strokeDashoffset="0":U.style.strokeDashoffset=(W-pe).toString(),U.style.strokeDasharray=`0, ${w*Math.PI*2}`}}},[q,O,t,n,w,s,_,T,Y,m,I,S,f,D,M]),K=W=>{H.current=!0,document.addEventListener("mousemove",ne),document.addEventListener("mouseup",J),ie(W)},ne=W=>{W.preventDefault(),H.current&&ie(W)},J=()=>{H.current=!1,document.removeEventListener("mousemove",ne),document.removeEventListener("mouseup",J)},ie=c.useCallback(W=>{if(!$.current)return;const _e=g(),pe=$.current.getBoundingClientRect(),U=pe.left+pe.width/2,he=pe.top+pe.height/2,Io=W.clientX,Do=W.clientY,Ao=he-Do,Bo=U-Io;let ce=Math.atan2(Ao,Bo)*(180/Math.PI);_e===270&&(ce+=45),ce<0&&(ce=360+ce),ce<0&&(ce=0),ce>_e&&q>(t-n)/2?ce=_e:ce>_e&&(ce=0);const Ho=_e,Wo=t-n,Nn=Math.round(ce*Wo/Ho+n);Z(Nn),Nn!==r&&o&&o(Nn)},[g,o,t,n,P,z,q]);c.useEffect(()=>{X()},[X]),c.useEffect(()=>()=>{document.removeEventListener("mousemove",ne),document.removeEventListener("mouseup",J)},[]);const B={"--stroke-width":`${s}px`};return e.jsxs("div",{style:{width:V,height:N,...j},className:"range-circule-wrapper",onFocus:a,onBlur:i,children:[e.jsxs("svg",{ref:$,width:"100%",height:"100%",onMouseDown:K,children:[m&&e.jsx("circle",{"data-el":"base",fill:"none",cx:P,cy:z,r:w}),I&&e.jsx("circle",{"data-el":"indicator",fill:"none",cx:P,cy:z,r:w}),S&&e.jsx("circle",{"data-el":"point",fill:"none",cx:P,cy:z,r:w})]}),e.jsx("div",{className:`range-circule-children ${y}`,style:B,children:C??(k&&e.jsx(dn,{className:"",text:Math.floor(q).toString()}))})]})},xt=c.forwardRef(({icon:n,children:t,size:r="medium",position:o="bottom-right",variant:a="primary",className:i="",...l},d)=>{const s=!!t;return e.jsxs("button",{ref:d,type:"button",className:`fab ${s?"fab--extended":""} fab--${r} fab--${a} ${o!=="none"?`fab--${o}`:""} ${i}`,"aria-label":s?void 0:l["aria-label"]||"Floating action button",...l,children:[n&&e.jsx("span",{className:"fab__icon",children:n}),s&&e.jsx("span",{className:"fab__text",children:t})]})});xt.displayName="FAB";const ee=({style:n,short:t,text:r})=>r?e.jsxs("div",{style:n,className:`divider-and-text ${t?"short":""}`,children:[e.jsx("div",{className:`divider ${t?"short":""}`}),r,e.jsx("div",{className:`divider ${t?"short":""}`})]}):e.jsx("div",{style:n,className:`divider ${t?"short":""}`}),hr=({item:n,isIcon:t,globalClick:r,autoHide:o,onHide:a})=>{const i=()=>{n.onClick&&n.onClick(),r&&r(),o&&(a==null||a())};return e.jsxs("div",{className:`menu-item menu-item__info ${n.disabled?"menu-item_disabled":""}`,onClick:i,children:[t?e.jsx("div",{className:"menu-icon-container",children:n.icon}):null,e.jsx("div",{className:"menu-text-container",children:n.title}),e.jsx("div",{className:"menu-status-container",children:n.activated?e.jsx(se,{}):null})]})},Ve=n=>{if(!n)return;const t=window.getComputedStyle(n),r=n.getBoundingClientRect();return{height:parseFloat(t.getPropertyValue("height")),width:parseFloat(t.getPropertyValue("width")),left:r.left,top:r.top}},_n=(n,t,r,o)=>{let a={x:n,y:t};if(!r)return a;const i=window.getComputedStyle(r),l=parseFloat(i.getPropertyValue("height")),d=parseFloat(i.getPropertyValue("width")),s=t+l-document.documentElement.clientHeight,u=n+d-document.documentElement.clientWidth;return s>0&&(a.y=a.y-s-((o==null?void 0:o.marginBottom)??0)),u>0&&(a.x=a.x-u-((o==null?void 0:o.marginRight)??0)),a},pr=({items:n,onHide:t,smallDisplay:r,globalClick:o,autoHide:a,onGlobalHide:i})=>{const l=c.useRef(null),[d,s]=c.useState({left:"0px",top:"0px"}),[u,_]=c.useState(!1);function p(h){for(let m of h)if(m.icon)return!0;return!1}return c.useEffect(()=>{if(!l.current)return;let h=Ve(l.current.parentElement);if(!h)return;let m=_n(h.left+h.width,h.top,l.current,{marginRight:h.width});s({left:m.x-h.left+"px",top:m.y-h.top+"px"}),_(!0)},[]),e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:l,className:`menu-block menu-block_color_surface-container-highest ${r?"":"menu-block_sub"}`,style:{...d,...u?{}:{display:"none"}},children:n.map((h,m)=>e.jsx(hr,{onHide:i,autoHide:a,item:h,isIcon:p(n),globalClick:o},m))}),r?null:e.jsx("div",{style:{zIndex:4},className:"menu-block-backplate",onClick:t})]})},mr=({onHide:n,autoHide:t,globalClick:r,item:o,isIcon:a,smallDisplay:i})=>{const[l,d]=c.useState(!1),s=c.useCallback(()=>{o.subItems?d(u=>!u):(o.onClick&&o.onClick(),r&&r(),t&&n&&n())},[o.onClick]);return e.jsxs("div",{className:`menu-item ${o.disabled?"menu-item_disabled":""}`,children:[e.jsxs("div",{className:"menu-item__info",onClick:s,children:[a?e.jsx("div",{className:"menu-item__info__icon",children:o.icon}):null,e.jsx("div",{className:"menu-item__info__text",children:o.title}),e.jsx("div",{className:"menu-item__info__status ",children:o.subItems?e.jsx("span",{className:`menu-item__info__status__arrow ${l?"menu-item__info__status__arrow_active":""}`}):o.activated?e.jsx(se,{}):e.jsx("span",{className:"menu-item__info__status__none"})})]}),l&&o.subItems?e.jsx(pr,{autoHide:t,items:o.subItems,onGlobalHide:n,onHide:()=>d(!1),smallDisplay:i}):null]})};function kt({block:n,smallDisplay:t,onHide:r,globalClick:o,autoHide:a}){function i(l){for(let d of l.items)if(d.icon)return!0;return!1}return e.jsx("div",{className:"menu-block",children:n.items.map((l,d)=>e.jsx(mr,{globalClick:o,autoHide:a,onHide:r,item:l,isIcon:i(n),smallDisplay:t},d))})}const br=100,yt=n=>{const t=c.useRef(null),[r,o]=c.useState({left:"0px",top:"0px"}),a=()=>{n.onHide&&n.onHide()};return c.useLayoutEffect(()=>{let i=_n(n.x,n.y,t.current,{marginBottom:br});o({left:i.x+"px",top:i.y+"px"})},[n.x,n.y]),n.visible?e.jsx(Se,{onHide:a,children:e.jsx("div",{ref:t,className:"base-menu base-menu_color_surface-container-high",style:{...r,width:n.width,maxWidth:n.width?"100%":void 0},children:n.blocks.map((i,l)=>e.jsxs(c.Fragment,{children:[l!==0?e.jsx(ee,{}):null,e.jsx(kt,{block:i,smallDisplay:!1,globalClick:n.onClick,autoHide:n.autoHide,onHide:a})]},l))})}):null},jt=n=>{const t=()=>{};return e.jsx(Xe,{onHide:n.onHide||t,visible:n.visible,bottom:n.marginBottom,children:e.jsx("div",{className:"small-window-menu",children:n.blocks.map((r,o)=>e.jsxs(c.Fragment,{children:[o!==0?e.jsx(ee,{}):null,e.jsx(kt,{block:r,smallDisplay:!0,autoHide:n.autoHide,onHide:n.onHide})]},o))})})},hn=n=>n.screensize===Q.MOBILE?e.jsx(le,{container:n.container,children:e.jsx(jt,{...n})}):e.jsx(le,{container:n.container,children:e.jsx(yt,{...n})}),fr=c.forwardRef(({screensize:n,autoHide:t,blocks:r,container:o,onClick:a,...i},l)=>{const[d,s]=c.useState(!1),[u,_]=c.useState(void 0),{screen:p}=c.useContext(be),h=()=>{s(!1),_(void 0)},m=v=>{v.stopPropagation(),s(!0),_({x:v.clientX,y:v.clientY}),a==null||a(v)},x=n??p;return e.jsxs(e.Fragment,{children:[e.jsx(re,{ref:l,onClick:m,...i}),e.jsx(hn,{marginBottom:x===Q.MOBILE?80:0,onHide:h,autoHide:t,screensize:n,visible:d,x:(u==null?void 0:u.x)??0,y:(u==null?void 0:u.y)??0,blocks:r,container:o})]})}),pn=c.forwardRef(({name:n,checked:t,onChange:r,readOnly:o,disabled:a,checkIcon:i=e.jsx(se,{baseColor:"var(--On-primary-color)"}),size:l="medium",className:d,...s},u)=>e.jsxs("label",{className:["checkbox-container",`checkbox--${l}`,a?"checkbox--disabled":"",d].filter(Boolean).join(" "),children:[e.jsx("input",{ref:u,className:"checkbox-input",name:n,type:"checkbox",checked:t,onChange:r,readOnly:o,disabled:a,"aria-checked":t,...s}),e.jsx("span",{className:"checkbox-box",children:e.jsx("span",{className:"checkbox-icon-container",children:e.jsx("span",{className:"checkbox-check-icon",children:i})})})]}));pn.displayName="Checkbox";const mn=c.forwardRef(({text:n,onDelete:t,big:r,onClick:o,screenSize:a,className:i,disabled:l,...d},s)=>{const u=p=>{p.stopPropagation(),t==null||t(p)},_=l?void 0:o;return e.jsxs("div",{...d,ref:s,className:`chips ${r?"chips--big":""} ${l?"disabled":""} ${o?"chips--clickable":""} ${i||""}`,onClick:_,role:d.role??o?"button":void 0,tabIndex:d.tabIndex??o?0:void 0,"aria-label":d["aria-label"]??o?n:void 0,children:[e.jsx(G,{type:"body",screensize:a,children:n}),t&&e.jsx("button",{className:"chips__delete",onClick:u,"aria-label":`Remove ${n}`,disabled:l,type:"button",children:e.jsx(oe,{})})]})});mn.displayName="Chips";const bn=c.forwardRef(({name:n,currentValue:t,value:r,onChange:o,readOnly:a,checked:i,defaultChecked:l,label:d,size:s="medium",variant:u="primary",showLabel:_=!0,className:p,...h},m)=>{const x=t!==void 0?t===r:i!==void 0?i:l;return e.jsxs("label",{className:`radio-button-container ${p||""}`,children:[e.jsx("input",{ref:m,className:"radio-button",name:n,type:"radio",checked:x,value:r,onChange:o,readOnly:a,"aria-checked":x,"aria-label":d||h["aria-label"],...h}),e.jsx("span",{className:`radio-button-ui radio-button-ui--${s} radio-button-ui--${u}`}),_&&d&&e.jsx("span",{className:"radio-button-label",children:d})]})});bn.displayName="RadioButton";const fn=c.forwardRef(({items:n,value:t,multiple:r=!1,name:o,readOnly:a=!1,onChange:i,className:l="",size:d="medium",variant:s="primary",...u},_)=>{const[p,h]=c.useState([]);c.useEffect(()=>{h(m(t))},[t]);const m=v=>v===void 0?[]:Array.isArray(v)?v:[v],x=(v,f)=>{if(a)return;v.preventDefault();let k;r?k=p.includes(f)?p.filter(j=>j!==f):[...p,f]:k=p.includes(f)?[]:[f],h(k),i==null||i(k,v)};return e.jsx("div",{ref:_,className:`segmented-button segmented-button--${d} segmented-button--${s} ${l}`,role:"group",...u,children:n.map(v=>e.jsxs("button",{type:"button",role:"radio","aria-checked":p.includes(v),"aria-label":v,disabled:a,className:`segmented-button__item ${p.includes(v)?"segmented-button__item--active":""}`,onClick:f=>x(f,v),children:[p.includes(v)&&e.jsx("span",{className:"segmented-button__icon",children:e.jsx(se,{})}),e.jsx("span",{className:"segmented-button__text",children:v}),e.jsx("input",{type:r?"checkbox":"radio",name:o,value:v,checked:p.includes(v),readOnly:!0,className:"segmented-button__input"})]},v))})});fn.displayName="SegmentedButton";const vn=c.forwardRef(({size:n="medium",variant:t="primary",className:r="",showLabel:o=!1,labelOn:a="On",labelOff:i="Off",checked:l,onChange:d,...s},u)=>e.jsxs("label",{className:`switch-container ${r}`,children:[e.jsx("input",{ref:u,type:"checkbox",role:"switch","aria-checked":l,checked:l,onChange:d,className:`switch-input switch--${n} switch--${t}`,...s}),o&&e.jsx("span",{className:"switch-label",children:l?a:i})]}));vn.displayName="Switch";function Ct({onSuccess:n,items:t,header:r,onHide:o,noHide:a=!1,name:i="selection_dialog",confirmText:l="Выбрать",cancelText:d="Отмена",defaultValue:s,style:u}){const[_,p]=c.useState(s),h=c.useCallback(()=>{_!==void 0&&(n==null||n(_),p(void 0),!a&&(o==null||o()))},[_,n,a,o]),m=c.useCallback(()=>{o==null||o()},[o]),x=c.useCallback(v=>{p(v)},[]);return e.jsxs(xe,{header:r,style:u,onHide:m,action:e.jsx(vr,{onHide:m,onSuccess:h,disabled:_===void 0,confirmText:l,cancelText:d}),children:[e.jsx(ee,{style:{padding:0}}),e.jsx(St,{transparent:!0,scroll:!0,maxHeight:"300px","aria-label":"Варианты выбора",children:t.map((v,f)=>e.jsx("label",{"aria-disabled":v.disabled,children:e.jsx(Mt,{hovered:!v.disabled,header:v.title,icon:v.icon,description:v.description,onClick:v.disabled?void 0:()=>x(v.data),control:e.jsx(bn,{onClick:v.disabled?void 0:()=>x(v.data),name:i,checked:v.data===_,disabled:v.disabled,"aria-label":`Выбрать ${v.title}`})})},`${i}_${f}`))}),e.jsx(ee,{style:{padding:0}})]})}function vr({onSuccess:n,onHide:t,disabled:r=!1,confirmText:o="OK",cancelText:a="Отмена"}){return e.jsxs("div",{children:[t&&e.jsx(Ye,{onClick:t,children:a}),e.jsx(te,{onClick:n,disabled:r,children:o})]})}const Ce=c.forwardRef(({onClick:n,inputRef:t,styleContainer:r,type:o="text",transparent:a,readOnly:i,password:l,border:d,onClear:s,icon:u,onChange:_,name:p,value:h,placeholder:m,className:x,validEmptyValue:v,onFocus:f,onBlur:k,error:j,max:C,min:y,autoFocus:M,disabled:$,size:H="medium",helperText:V,errorText:N,onKeyDown:A},P)=>{const z=c.useRef(null),[w,I]=c.useState(!1),[S,L]=c.useState(!1),[T,Y]=c.useState(!!h),q=c.useId(),Z=()=>{if(!z.current)return;const K=z.current.querySelector("input");K==null||K.focus()},g=K=>{f==null||f(K),L(!0)},O=K=>{k==null||k(K),L(!1),Y(!!K.target.value)},D=c.useCallback((K,ne)=>I(!!(j||K&&(!ne||ne===""))),[j]);c.useEffect(()=>{D(v,h),Y(!!h)},[h,v,D]);const X={small:"input-field__text-field_small",medium:"input-field__text-field_medium",large:"input-field__text-field_large"};return e.jsxs("div",{className:`input-field-container ${x||""}`,children:[e.jsxs("div",{ref:P,style:r,className:`
+            2.1008 0 0 0 12 6.01172Z`})})})]})},Ee=({className:n="",children:t,header:r,action:o,onHide:a,style:i,clearStyle:l=!1,disableBackplate:d,marginBottom:s,maxWidth:u="560px",showCloseButton:_=!1,ariaLabel:p})=>{const h=()=>{a&&a()},m={...i,marginBottom:s,maxWidth:typeof u=="number"?`${u}px`:u};return e.jsx(Se,{onHide:h,disableBackplate:d,children:e.jsxs("div",{style:m,className:`${l?"":"dialog-template__container dialog-template_base dialog-template_color_surface-container"} dialog-template ${n}`,role:"dialog","aria-modal":"true","aria-label":p||r,children:[r&&e.jsxs("div",{className:"dialog-template__container__header dialog-template__container__header_color_surface-container",children:[e.jsx(G,{type:"heading",children:r}),_&&e.jsx(re,{className:"dialog-template__container__header__button dialog-template__container__header__button_color_surface-container",onClick:h,"aria-label":"Close dialog",icon:e.jsx(oe,{})})]}),e.jsx("div",{className:"dialog-template__container__content",children:t}),o&&e.jsx("div",{className:"dialog-template__container__action",children:o})]})})},xe=({marginBottom:n=80,forceBottomSheet:t=!1,forceModal:r=!1,...o})=>{const{screen:a}=c.useContext(be);Ue(!0,document.body);const i=()=>{var d;(d=o.onHide)==null||d.call(o)};return t||!r&&a===Q.MOBILE?e.jsx(Xe,{bottom:n,onHide:i,visible:!0,children:e.jsxs("div",{style:o.style,className:`dialog-bottom ${o.className||""}`,children:[o.header&&e.jsx("div",{className:"dialog-bottom__header",children:e.jsx(G,{type:"heading",children:o.header})}),e.jsx("div",{className:"dialog-bottom__content dialog-bottom__content_color_text-surface-color",children:e.jsx("div",{className:"dialog-bottom__content__scroll",children:o.children})}),o.action&&e.jsx("div",{className:"dialog-bottom__action",children:o.action})]})}):e.jsx(Ee,{...o,onHide:i})},Be=({btns:n,onHide:t,onSuccess:r})=>e.jsx(e.Fragment,{children:n.map(o=>o.danger?e.jsx(_t,{text:o.danger.text,header:o.danger.header,style:{backgroundColor:"var(--Error-color)",...o.style},onClick:o.success?r:o.hide?t:o.onClick,disabled:o.disabled,children:o.text},o.text):e.jsx(me,{style:o.style,styleType:o.styleType,onClick:o.success?r:o.hide?t:o.onClick,disabled:o.disabled,children:o.text},o.text))}),ut=({styleContainer:n,text:t,header:r,actionText:o,cancelText:a="Отмена",onSuccess:i,onCancel:l,onHide:d,children:s,disableDefaultButtons:u=!1,customActions:_,btns:p})=>{const h=c.useCallback(()=>{i==null||i(),d==null||d()},[i,d]),m=c.useCallback(()=>{l==null||l(),d==null||d()},[l,d]),x=c.useCallback(()=>_||(u?null:p?e.jsx(Be,{onHide:m,onSuccess:h,btns:p}):e.jsx(Be,{onHide:m,onSuccess:h,btns:[{text:a,hide:!0,styleType:"outline"},{text:o??"OK",success:!0}]})),[_,u,m,h,o,a]);return e.jsxs(xe,{style:n,header:r,onHide:m,action:x(),children:[t&&e.jsx(G,{type:"body",children:t}),s]})},le=({children:n,container:t=document.body})=>t?Rt.createPortal(n,t):e.jsx("p",{children:"container not found"}),_t=({container:n,text:t,header:r,onClick:o,styleType:a,...i})=>{const[l,d]=c.useState(null);return e.jsxs(e.Fragment,{children:[e.jsx(me,{styleType:a??"filled",...i,onClick:d}),l!==null&&e.jsx(le,{container:n,children:e.jsx(ut,{header:r,text:t,onSuccess:()=>o==null?void 0:o(l),onHide:()=>d(null)})})]})},ln=({text:n,supportText:t=!0,copiedTimeout:r=2e3,className:o="",onClick:a,disabled:i,...l})=>{const[d,s]=c.useState(!1),u=c.useCallback(async h=>{if(!i){try{await navigator.clipboard.writeText(n),s(!0),setTimeout(()=>s(!1),r)}catch(m){console.error("Не удалось скопировать текст",m)}a==null||a(h)}},[n,i,r,a]),_=d?e.jsx(se,{"aria-hidden":"true"}):e.jsx(an,{"aria-hidden":"true"}),p=d?"Скопировано!":"Копировать";return t?e.jsxs("div",{className:"copy-button",children:[e.jsx(re,{icon:_,onClick:u,disabled:i,"aria-label":`${p} ${n}`,className:o,...l}),e.jsx(G,{type:"body","aria-live":"polite",children:p})]}):e.jsx(re,{icon:_,onClick:u,disabled:i,"aria-label":`${p} ${n}`,className:o,...l})};var ze=(n=>(n[n.OPEN=0]="OPEN",n[n.HIDING=1]="HIDING",n[n.CLOSE=2]="CLOSE",n))(ze||{});const ht=({valueDisplayDuration:n=2e3})=>{const[t,r]=c.useState(2),o=c.useRef(null),a=c.useRef(null),i=()=>{r(1),a.current=window.setTimeout(()=>{r(2)},500)},l=()=>{r(0),o.current&&window.clearTimeout(o.current),a.current&&window.clearTimeout(a.current),n&&(o.current=window.setTimeout(()=>{i()},n))};return c.useEffect(()=>()=>{o.current&&window.clearTimeout(o.current),a.current&&window.clearTimeout(a.current)},[]),{showPopup:l,popupState:t,hidePopup:i}},dn=({className:n="",text:t,state:r=ze.OPEN})=>r===ze.CLOSE?null:e.jsx("div",{className:`alex-evo-sh-ui-kit-tooltip value-popup ${n} ${r===ze.HIDING?"hiding":""}`,"aria-live":"polite","aria-atomic":"true",children:t});function ar(n,t,r){arguments.length===1&&(t=n.s,r=n.l,n=n.h);var o=n,a,i;return r*=2,t*=r<=1?r:2-r,i=(r+t)/2,a=2*t/(r+t),{h:o,s:a,v:i}}function ir(n,t,r){arguments.length===1&&(t=n.s,r=n.v,n=n.h);var o=(2-t)*r/2;return o!=0&&(o==1?t=0:o<.5?t=t*r/(o*2):t=t*r/(2-o*2)),{h:n,s:t,l:o}}function ke(n,t,r){var o,a,i,l,d,s,u,_;switch(arguments.length===1&&(t=n.s,r=n.v,n=n.h),l=Math.floor(n*6),d=n*6-l,s=r*(1-t),u=r*(1-d*t),_=r*(1-(1-d)*t),l%6){case 0:o=r,a=_,i=s;break;case 1:o=u,a=r,i=s;break;case 2:o=s,a=r,i=_;break;case 3:o=s,a=u,i=r;break;case 4:o=_,a=s,i=r;break;case 5:o=r,a=s,i=u;break}return{r:Math.round(o*255),g:Math.round(a*255),b:Math.round(i*255)}}function ye(n){let t=n.toString(16);return t.length===1&&(t="0"+t),t}function je(n,t=!1){return t?"#"+ye(n.r)+ye(n.g)+ye(n.b):ye(n.r)+ye(n.g)+ye(n.b)}function Fe(n,t,r){arguments.length===1&&(t=n.g,r=n.b,n=n.r);var o=Math.max(n,t,r),a=Math.min(n,t,r),i=o-a,l,d=o===0?0:i/o,s=o/255;switch(o){case a:l=0;break;case n:l=t-r+i*(t<r?6:0),l/=6*i;break;case t:l=r-n+i*2,l/=6*i;break;case r:l=n-t+i*4,l/=6*i;break}return{h:l,s:d,v:s}}function fe(n){var t=/^#?([a-f\d])([a-f\d])([a-f\d])$/i;n=n.replace(t,function(o,a,i,l){return a+a+i+i+l+l});var r=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);return r?{r:parseInt(r[1],16),g:parseInt(r[2],16),b:parseInt(r[3],16)}:null}const pt=fe,cr=n=>{if(!n)return"linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))";const t=pt(n);return t?`linear-gradient(135deg, rgba(${t.r}, ${t.g}, ${t.b}, 0.1), rgba(${t.r}, ${t.g}, ${t.b}, 0))`:"linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))"};function mt(n,t,r){if(n===0)return r??"#e0e0e0";if(n===1)return t;const o=r?fe(r):null,a=(o==null?void 0:o.r)??224,i=(o==null?void 0:o.g)??224,l=(o==null?void 0:o.b)??224,d=parseInt(t.substring(1,3),16),s=parseInt(t.substring(3,5),16),u=parseInt(t.substring(5,7),16),_=Math.round(a+n*(d-a)),p=Math.round(i+n*(s-i)),h=Math.round(l+n*(u-l));return`rgb(${_}, ${p}, ${h})`}const ae=(n,t,r="",o)=>{let a,i,l,d,s,u,_,p=Math.round,h=typeof r=="string";if(typeof n!="number"||n<-1||n>1||typeof t!="string"||t[0]!="r"&&t[0]!="#"||r&&!h||(_=t.length>9,_=h?typeof r=="string"&&r.length>9?!0:r=="c"?!_:!1:_,s=ae.pSBCr(t),d=n<0,u=r&&typeof r=="string"&&r!="c"?ae.pSBCr(r):d?{r:0,g:0,b:0,a:-1}:{r:255,g:255,b:255,a:-1},n=d?n*-1:n,d=1-n,!s||!u))return null;o?(a=p(d*(s.r??0)+n*(u.r??0)),i=p(d*(s.g??0)+n*(u.g??0)),l=p(d*(s.b??0)+n*(u.b??0))):(a=p((d*(s.r??0)**2+n*(u.r??0)**2)**.5),i=p((d*(s.g??0)**2+n*(u.g??0)**2)**.5),l=p((d*(s.b??0)**2+n*(u.b??0)**2)**.5));let m=s.a??1;return u=u.a??1,s=m>=0||u>=0,m=m>=0||u>=0?m<0?u:u<0?m:m*d+u*n:0,_?"rgb"+(s?"a(":"(")+a+","+i+","+l+(s?","+p(m*1e3)/1e3:"")+")":"#"+(4294967296+a*16777216+i*65536+l*256+(s?p(m*255):0)).toString(16).slice(1,s?void 0:-2)};ae.pSBCr=n=>{const t=parseInt;let r=n.length,o={};if(r>9){const a=n.split(","),[i,l,d,s]=a;if(r=a.length,r<3||r>4)return null;o.r=t(i[3]=="a"?i.slice(5):i.slice(4)),o.g=t(l),o.b=t(d),o.a=s?parseFloat(s):-1}else{if(r==8||r==6||r<4)return null;r<6&&(n="#"+n[1]+n[1]+n[2]+n[2]+n[3]+n[3]+(r>4?n[4]+n[4]:""));let a=t(n.slice(1),16);r==9||r==5?(o.r=a>>24&255,o.g=a>>16&255,o.b=a>>8&255,o.a=Math.round((a&255)/.255)/1e3):(o.r=a>>16,o.g=a>>8&255,o.b=a&255,o.a=-1)}return o};function R(n){const t=fe(n);return t?t.r*.299+t.g*.589+t.b*.114>186?"#000000":"#FFFFFF":"#fff"}function $e(n,t=!1){return ae(t?-.6:.3,n)??n}const bt={Primary_color:"#6750A4",Secondary_color:"#8c5a9c",Tertiary_color:"#7D5260",Background_color:"#FFFBFE",Surface_container_color:"#FFFBFE",Error_color:"#B3261E",Outline_color:"#79747E",Shadow_color:"#000000",On_primary_color:"#FFFFFF",On_secondary_color:"#FFFFFF",On_tertiary_color:"#FFFFFF",On_background_color:"#1C1B1F",Primary_container_color:"#EADDFF",Secondary_container_color:"#E8DEF8",Tertiary_container_color:"#FFD8E4",Error_container_color:"#F9DEDC",On_primary_container_color:"#21005D",On_secondary_container_color:"#1D192B",On_tertiary_container_color:"#31111D",On_error_container_color:"#410E0B",On_error_color:"#FFFFFF",Surface_container_lowest_color:"#FFFFFF",Surface_container_low_color:"#F7F2FA",Surface_container_high_color:"#D0BCFF",Surface_container_highest_color:"#4F378B",On_surface_color:"#1C1B1F",On_surface_variant_color:"#49454F",Surface_container_hover_color:"#F2E7FE",Outline_variant_color:"#CAC4D0"},sr={Primary_color:(n,t)=>{const r=$e(n,t);return{Primary_color:n,On_primary_color:R(n),Primary_container_color:r,On_primary_container_color:R(r)}},Secondary_color:(n,t)=>{const r=$e(n,t);return{Secondary_color:n,On_secondary_color:R(n),Secondary_container_color:r,On_secondary_container_color:R(r)}},Tertiary_color:(n,t)=>{const r=$e(n,t);return{Tertiary_color:n,On_tertiary_color:R(n),Tertiary_container_color:r,On_tertiary_container_color:R(r)}},Background_color:(n,t)=>({Background_color:n,On_background_color:R(n)}),Error_color:(n,t)=>{const r=$e(n,t);return{Error_color:n,On_error_color:R(n),Error_container_color:r,On_error_container_color:R(r)}},Surface_container_color:(n,t)=>{const r=ae(t?-.2:.2,n)??n,o=ae(t?-.4:.4,n)??n,a=ae(t?.2:-.2,n)??n,i=ae(t?.4:-.4,n)??n,l=ae(t?-.5:.5,n)??n;return{Surface_container_color:n,On_surface_color:R(n),Surface_container_low_color:r,Surface_container_lowest_color:o,Surface_container_high_color:a,Surface_container_highest_color:i,Surface_container_hover_color:l,On_surface_variant_color:ae(t?-.6:.4,R(n))??R(n)}},Outline_color:(n,t)=>({Outline_color:n,Outline_variant_color:ae(t?.1:-.1,n)??n})};function ft(n,t=!1){const[r,o]=c.useState({...bt,...n}),[a,i]=c.useState(t),l=c.useCallback((s,u)=>{const _=sr[s];if(!_)return;const p=_(u,a);o(h=>({...h,...p})),Object.entries(p).forEach(([h,m])=>{document.body.style.setProperty(`--${h.replace(/_/g,"-")}`,m)})},[a]);return{colors:r,setColor:l,setReverse:s=>i(s)}}const un={light:{colors:{Primary_color:"#6750A4",Secondary_color:"#8c5a9c",Tertiary_color:"#7D5260",Background_color:"#FFFBFE",Surface_container_color:"#FFFBFE",Error_color:"#B3261E",Outline_color:"#79747E",Shadow_color:"#000000"}},dark:{reverse:!0,colors:{Primary_color:"#D0BCFF",Secondary_color:"#dbb0e8",Tertiary_color:"#EFB8C8",Background_color:"#1C1B1F",Surface_container_color:"#1C1B1F",Error_color:"#F2B8B5",Outline_color:"#938F99",Shadow_color:"#000000"}}};function vt(n="light"){const[t,r]=c.useState(un),[o,a]=c.useState(n),{colors:i,setColor:l,setReverse:d}=ft(t[o].colors,t[o].reverse),s=c.useCallback(m=>{const x=t[m].colors;x&&(Object.entries(x).forEach(([v,f])=>{l(v,f)}),d(t[m].reverse??!1),a(m))},[t,l]);c.useEffect(()=>{s(o)},[o,s]);const u=c.useCallback((m,x,v)=>{r(f=>({...f,[m]:{colors:{...f[m].colors,[x]:v},reverse:f[m].reverse}}))},[]),_=c.useCallback((m,x="light",v)=>{r(f=>({...f,[m]:{colors:f[x].colors,reverse:v===void 0?f[x].reverse:v}}))},[]),p=c.useCallback(m=>{r(x=>{const v={...x};return delete v[m],v}),o===m&&a("light")},[o]),h=c.useCallback(m=>{un[m]&&r(x=>({...x,[m]:{...un[m]}}))},[]);return{colors:i,themes:t,activeTheme:o,setActiveTheme:s,updateThemeColor:u,createTheme:_,deleteTheme:p,resetTheme:h}}const Te=()=>{},lr={colors:bt,themes:{},activeTheme:"",setActiveTheme:Te,updateThemeColor:Te,createTheme:Te,deleteTheme:Te,resetTheme:Te},He=c.createContext(lr),dr=({children:n})=>{const t=vt();return e.jsx(He.Provider,{value:t,children:n})},gt="var(--range-width)",ur=({colorRange:n,colorBg:t="var(--Surface-container-color)",onChange:r,min:o=0,max:a=100,step:i=1,strokeWidth:l="40px",value:d,orientation:s="horizontal",styleTrack:u="base",showValue:_=!0,valueDisplayDuration:p=2e3,ariaLabel:h="Регулятор значения",startColor:m,className:x="",...v})=>{const f=c.useRef(null),k=c.useRef(null),[j,C]=c.useState(d??o),[y,M]=c.useState("200px"),{colors:$}=c.useContext(He),{showPopup:H,popupState:V}=ht({valueDisplayDuration:p}),N=n??$.Primary_color??"#0000ff";c.useEffect(()=>{var L;if(s==="vertical"&&((L=k.current)!=null&&L.parentElement)){const T=()=>{var Z,g;const q=(g=(Z=k.current)==null?void 0:Z.parentElement)==null?void 0:g.clientHeight;q&&M(`${q}px`)};T();const Y=new ResizeObserver(T);return k.current.parentElement&&Y.observe(k.current.parentElement),()=>Y.disconnect()}},[s]),c.useEffect(()=>{d!==void 0&&(C(d),A())},[d]);const A=c.useCallback(()=>{_&&H()},[H]),P=L=>{const T=parseFloat(L.target.value);C(T),A(),r==null||r(L)},z=c.useMemo(()=>a!==o?(j-o)/(a-o)*100:0,[j,o,a]),w=c.useMemo(()=>({...v.style,[s==="vertical"?"height":"width"]:`${z}%`,background:u==="point"?"transperent":u==="static-color"?N:mt(z/100,N,m)}),[z,N,v.style,s,u]),I=c.useMemo(()=>s==="vertical"?{"--range-width":l,"--point-width":u==="point"?l:"6px","--point-opacity":u==="point"?"1":"0","--truck-color":N,width:gt,height:y,...v.style}:{"--range-width":l,"--point-width":u==="point"?l:"6px","--point-opacity":u==="point"?"1":"0","--truck-color":N,width:"100%",height:gt,...v.style},[s,y,v.style,l,u,N]),S=c.useMemo(()=>s==="vertical"?{width:y}:{width:"100%"},[s,y]);return e.jsxs("div",{ref:k,className:`range-wrapper ${s} ${x}`,style:I,children:[e.jsxs("div",{className:"track",style:{background:t},children:[e.jsx("div",{className:"active-track",style:w}),e.jsx(dn,{text:Math.round(j).toString(),state:V,className:"value-popup"})]}),e.jsx("input",{ref:f,type:"range",min:o,style:S,max:a,step:i,value:j,onChange:P,onFocus:v.onFocus,onBlur:v.onBlur,className:"slider-input","aria-orientation":s,"aria-valuenow":j,"aria-valuemin":o,"aria-valuemax":a,"aria-label":h,"aria-valuetext":`${j} из ${a}`,...v})]})},_r=({min:n=0,max:t=100,value:r=0,onChange:o,onFocus:a,onBlur:i,styleRange:l="circle",styleTrack:d="base",strokeWidth:s=20,radius:u=100,colorBg:_="var(--Surface-container-color)",colorRange:p,pointColor:h,showBase:m=!0,showIndicator:x=!0,showPoint:v=!1,rounding:f=!0,showValue:k=!0,style:j,children:C,className:y,startColor:M})=>{const $=c.useRef(null),H=c.useRef(!1),V=u*2,N=u*2,A=Math.min(V,N),P=V/2,z=N/2,w=A/2-s/2,I=d==="point"?!1:x,S=d==="point"?!0:v,{colors:L}=c.useContext(He),T=p??L.Primary_color??"#0000ff",Y=h??L.Primary_color??"#0000ff",[q,Z]=c.useState(r);c.useEffect(()=>{r!==void 0&&Z(r)},[r]);const g=c.useCallback(()=>{switch(l){case"semicircle":return 180;case"brokenCircle":return 270;default:return 360}},[l]),O=c.useCallback(()=>l==="semicircle"?[w*Math.PI,w*Math.PI]:l==="brokenCircle"?[w*Math.PI*1.25,w*Math.PI*1.5]:[w*Math.PI,w*Math.PI*2],[l,w]),D=c.useMemo(()=>t!==n?(q-n)/(t-n)*100:0,[q,n,t]),X=c.useCallback(()=>{if(!$.current)return;const[W,_e]=O(),pe=(q-n)*_e/(t-n);if(m){const U=$.current.querySelector('[data-el="base"]');U&&(U.style.stroke=_,U.style.strokeWidth=s.toString(),U.style.strokeLinecap=f?"round":"",U.style.strokeDashoffset=W.toString(),U.style.strokeDasharray=`${_e}, ${w*Math.PI*2-_e}`)}if(I){const U=$.current.querySelector('[data-el="indicator"]');if(U){const he=parseFloat(U.dataset.percentage??"");he!==null&&(he<D-2||he>D+2)?U.style.transition=".3s":U.style.transition=H.current?"none":".3s",U.dataset.percentage=D.toString(),U.style.stroke=d==="static-color"?T:mt(D/100,T,M),U.style.strokeWidth=s.toString(),U.style.strokeLinecap=f?"round":"",U.style.strokeDashoffset=W.toString(),U.style.strokeDasharray=`${pe}, ${w*Math.PI*2-pe}`}}if(S){const U=$.current.querySelector('[data-el="point"]');if(U){const he=parseFloat(U.dataset.percentage??"");he!==null&&(he<D-2||he>D+2)?U.style.transition=".3s":U.style.transition=H.current?"none":".3s",U.dataset.percentage=D.toString(),U.style.stroke=Y,U.style.strokeWidth=s.toString(),U.style.strokeLinecap="round",q===t&&l==="semicircle"?U.style.strokeDashoffset="0":U.style.strokeDashoffset=(W-pe).toString(),U.style.strokeDasharray=`0, ${w*Math.PI*2}`}}},[q,O,t,n,w,s,_,T,Y,m,I,S,f,D,M]),K=W=>{H.current=!0,document.addEventListener("mousemove",ne),document.addEventListener("mouseup",J),ie(W)},ne=W=>{W.preventDefault(),H.current&&ie(W)},J=()=>{H.current=!1,document.removeEventListener("mousemove",ne),document.removeEventListener("mouseup",J)},ie=c.useCallback(W=>{if(!$.current)return;const _e=g(),pe=$.current.getBoundingClientRect(),U=pe.left+pe.width/2,he=pe.top+pe.height/2,Do=W.clientX,Ao=W.clientY,Bo=he-Ao,Ho=U-Do;let ce=Math.atan2(Bo,Ho)*(180/Math.PI);_e===270&&(ce+=45),ce<0&&(ce=360+ce),ce<0&&(ce=0),ce>_e&&q>(t-n)/2?ce=_e:ce>_e&&(ce=0);const Wo=_e,Go=t-n,Nn=Math.round(ce*Go/Wo+n);Z(Nn),Nn!==r&&o&&o(Nn)},[g,o,t,n,P,z,q]);c.useEffect(()=>{X()},[X]),c.useEffect(()=>()=>{document.removeEventListener("mousemove",ne),document.removeEventListener("mouseup",J)},[]);const B={"--stroke-width":`${s}px`};return e.jsxs("div",{style:{width:V,height:N,...j},className:"range-circule-wrapper",onFocus:a,onBlur:i,children:[e.jsxs("svg",{ref:$,width:"100%",height:"100%",onMouseDown:K,children:[m&&e.jsx("circle",{"data-el":"base",fill:"none",cx:P,cy:z,r:w}),I&&e.jsx("circle",{"data-el":"indicator",fill:"none",cx:P,cy:z,r:w}),S&&e.jsx("circle",{"data-el":"point",fill:"none",cx:P,cy:z,r:w})]}),e.jsx("div",{className:`range-circule-children ${y}`,style:B,children:C??(k&&e.jsx(dn,{className:"",text:Math.floor(q).toString()}))})]})},xt=c.forwardRef(({icon:n,children:t,size:r="medium",position:o="bottom-right",variant:a="primary",className:i="",...l},d)=>{const s=!!t;return e.jsxs("button",{ref:d,type:"button",className:`fab ${s?"fab--extended":""} fab--${r} fab--${a} ${o!=="none"?`fab--${o}`:""} ${i}`,"aria-label":s?void 0:l["aria-label"]||"Floating action button",...l,children:[n&&e.jsx("span",{className:"fab__icon",children:n}),s&&e.jsx("span",{className:"fab__text",children:t})]})});xt.displayName="FAB";const ee=({style:n,short:t,text:r})=>r?e.jsxs("div",{style:n,className:`divider-and-text ${t?"short":""}`,children:[e.jsx("div",{className:`divider ${t?"short":""}`}),r,e.jsx("div",{className:`divider ${t?"short":""}`})]}):e.jsx("div",{style:n,className:`divider ${t?"short":""}`}),hr=({item:n,isIcon:t,globalClick:r,autoHide:o,onHide:a})=>{const i=()=>{n.onClick&&n.onClick(),r&&r(),o&&(a==null||a())};return e.jsxs("div",{className:`menu-item menu-item__info ${n.disabled?"menu-item_disabled":""}`,onClick:i,children:[t?e.jsx("div",{className:"menu-icon-container",children:n.icon}):null,e.jsx("div",{className:"menu-text-container",children:n.title}),e.jsx("div",{className:"menu-status-container",children:n.activated?e.jsx(se,{}):null})]})},Ve=n=>{if(!n)return;const t=window.getComputedStyle(n),r=n.getBoundingClientRect();return{height:parseFloat(t.getPropertyValue("height")),width:parseFloat(t.getPropertyValue("width")),left:r.left,top:r.top}},_n=(n,t,r,o)=>{let a={x:n,y:t};if(!r)return a;const i=window.getComputedStyle(r),l=parseFloat(i.getPropertyValue("height")),d=parseFloat(i.getPropertyValue("width")),s=t+l-document.documentElement.clientHeight,u=n+d-document.documentElement.clientWidth;return s>0&&(a.y=a.y-s-((o==null?void 0:o.marginBottom)??0)),u>0&&(a.x=a.x-u-((o==null?void 0:o.marginRight)??0)),a},pr=({items:n,onHide:t,smallDisplay:r,globalClick:o,autoHide:a,onGlobalHide:i})=>{const l=c.useRef(null),[d,s]=c.useState({left:"0px",top:"0px"}),[u,_]=c.useState(!1);function p(h){for(let m of h)if(m.icon)return!0;return!1}return c.useEffect(()=>{if(!l.current)return;let h=Ve(l.current.parentElement);if(!h)return;let m=_n(h.left+h.width,h.top,l.current,{marginRight:h.width});s({left:m.x-h.left+"px",top:m.y-h.top+"px"}),_(!0)},[]),e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:l,className:`menu-block menu-block_color_surface-container-highest ${r?"":"menu-block_sub"}`,style:{...d,...u?{}:{display:"none"}},children:n.map((h,m)=>e.jsx(hr,{onHide:i,autoHide:a,item:h,isIcon:p(n),globalClick:o},m))}),r?null:e.jsx("div",{style:{zIndex:4},className:"menu-block-backplate",onClick:t})]})},mr=({onHide:n,autoHide:t,globalClick:r,item:o,isIcon:a,smallDisplay:i})=>{const[l,d]=c.useState(!1),s=c.useCallback(()=>{o.subItems?d(u=>!u):(o.onClick&&o.onClick(),r&&r(),t&&n&&n())},[o.onClick]);return e.jsxs("div",{className:`menu-item ${o.disabled?"menu-item_disabled":""}`,children:[e.jsxs("div",{className:"menu-item__info",onClick:s,children:[a?e.jsx("div",{className:"menu-item__info__icon",children:o.icon}):null,e.jsx("div",{className:"menu-item__info__text",children:o.title}),e.jsx("div",{className:"menu-item__info__status ",children:o.subItems?e.jsx("span",{className:`menu-item__info__status__arrow ${l?"menu-item__info__status__arrow_active":""}`}):o.activated?e.jsx(se,{}):e.jsx("span",{className:"menu-item__info__status__none"})})]}),l&&o.subItems?e.jsx(pr,{autoHide:t,items:o.subItems,onGlobalHide:n,onHide:()=>d(!1),smallDisplay:i}):null]})};function kt({block:n,smallDisplay:t,onHide:r,globalClick:o,autoHide:a}){function i(l){for(let d of l.items)if(d.icon)return!0;return!1}return e.jsx("div",{className:"menu-block",children:n.items.map((l,d)=>e.jsx(mr,{globalClick:o,autoHide:a,onHide:r,item:l,isIcon:i(n),smallDisplay:t},d))})}const br=100,yt=n=>{const t=c.useRef(null),[r,o]=c.useState({left:"0px",top:"0px"}),a=()=>{n.onHide&&n.onHide()};return c.useLayoutEffect(()=>{let i=_n(n.x,n.y,t.current,{marginBottom:br});o({left:i.x+"px",top:i.y+"px"})},[n.x,n.y]),n.visible?e.jsx(Se,{onHide:a,children:e.jsx("div",{ref:t,className:"base-menu base-menu_color_surface-container-high",style:{...r,width:n.width,maxWidth:n.width?"100%":void 0},children:n.blocks.map((i,l)=>e.jsxs(c.Fragment,{children:[l!==0?e.jsx(ee,{}):null,e.jsx(kt,{block:i,smallDisplay:!1,globalClick:n.onClick,autoHide:n.autoHide,onHide:a})]},l))})}):null},jt=n=>{const t=()=>{};return e.jsx(Xe,{onHide:n.onHide||t,visible:n.visible,bottom:n.marginBottom,children:e.jsx("div",{className:"small-window-menu",children:n.blocks.map((r,o)=>e.jsxs(c.Fragment,{children:[o!==0?e.jsx(ee,{}):null,e.jsx(kt,{block:r,smallDisplay:!0,autoHide:n.autoHide,onHide:n.onHide})]},o))})})},hn=n=>n.screensize===Q.MOBILE?e.jsx(le,{container:n.container,children:e.jsx(jt,{...n})}):e.jsx(le,{container:n.container,children:e.jsx(yt,{...n})}),fr=c.forwardRef(({screensize:n,autoHide:t,blocks:r,container:o,onClick:a,...i},l)=>{const[d,s]=c.useState(!1),[u,_]=c.useState(void 0),{screen:p}=c.useContext(be),h=()=>{s(!1),_(void 0)},m=v=>{v.stopPropagation(),s(!0),_({x:v.clientX,y:v.clientY}),a==null||a(v)},x=n??p;return e.jsxs(e.Fragment,{children:[e.jsx(re,{ref:l,onClick:m,...i}),e.jsx(hn,{marginBottom:x===Q.MOBILE?80:0,onHide:h,autoHide:t,screensize:n,visible:d,x:(u==null?void 0:u.x)??0,y:(u==null?void 0:u.y)??0,blocks:r,container:o})]})}),pn=c.forwardRef(({name:n,checked:t,onChange:r,readOnly:o,disabled:a,checkIcon:i=e.jsx(se,{baseColor:"var(--On-primary-color)"}),size:l="medium",className:d,...s},u)=>e.jsxs("label",{className:["checkbox-container",`checkbox--${l}`,a?"checkbox--disabled":"",d].filter(Boolean).join(" "),children:[e.jsx("input",{ref:u,className:"checkbox-input",name:n,type:"checkbox",checked:t,onChange:r,readOnly:o,disabled:a,"aria-checked":t,...s}),e.jsx("span",{className:"checkbox-box",children:e.jsx("span",{className:"checkbox-icon-container",children:e.jsx("span",{className:"checkbox-check-icon",children:i})})})]}));pn.displayName="Checkbox";const mn=c.forwardRef(({text:n,onDelete:t,big:r,onClick:o,screenSize:a,className:i,disabled:l,...d},s)=>{const u=p=>{p.stopPropagation(),t==null||t(p)},_=l?void 0:o;return e.jsxs("div",{...d,ref:s,className:`chips ${r?"chips--big":""} ${l?"disabled":""} ${o?"chips--clickable":""} ${i||""}`,onClick:_,role:d.role??o?"button":void 0,tabIndex:d.tabIndex??o?0:void 0,"aria-label":d["aria-label"]??o?n:void 0,children:[e.jsx(G,{type:"body",screensize:a,children:n}),t&&e.jsx("button",{className:"chips__delete",onClick:u,"aria-label":`Remove ${n}`,disabled:l,type:"button",children:e.jsx(oe,{})})]})});mn.displayName="Chips";const bn=c.forwardRef(({name:n,currentValue:t,value:r,onChange:o,readOnly:a,checked:i,defaultChecked:l,label:d,size:s="medium",variant:u="primary",showLabel:_=!0,className:p,...h},m)=>{const x=t!==void 0?t===r:i!==void 0?i:l;return e.jsxs("label",{className:`radio-button-container ${p||""}`,children:[e.jsx("input",{ref:m,className:"radio-button",name:n,type:"radio",checked:x,value:r,onChange:o,readOnly:a,"aria-checked":x,"aria-label":d||h["aria-label"],...h}),e.jsx("span",{className:`radio-button-ui radio-button-ui--${s} radio-button-ui--${u}`}),_&&d&&e.jsx("span",{className:"radio-button-label",children:d})]})});bn.displayName="RadioButton";const fn=c.forwardRef(({items:n,value:t,multiple:r=!1,name:o,readOnly:a=!1,onChange:i,className:l="",size:d="medium",variant:s="primary",...u},_)=>{const[p,h]=c.useState([]);c.useEffect(()=>{h(m(t))},[t]);const m=v=>v===void 0?[]:Array.isArray(v)?v:[v],x=(v,f)=>{if(a)return;v.preventDefault();let k;r?k=p.includes(f)?p.filter(j=>j!==f):[...p,f]:k=p.includes(f)?[]:[f],h(k),i==null||i(k,v)};return e.jsx("div",{ref:_,className:`segmented-button segmented-button--${d} segmented-button--${s} ${l}`,role:"group",...u,children:n.map(v=>e.jsxs("button",{type:"button",role:"radio","aria-checked":p.includes(v),"aria-label":v,disabled:a,className:`segmented-button__item ${p.includes(v)?"segmented-button__item--active":""}`,onClick:f=>x(f,v),children:[p.includes(v)&&e.jsx("span",{className:"segmented-button__icon",children:e.jsx(se,{})}),e.jsx("span",{className:"segmented-button__text",children:v}),e.jsx("input",{type:r?"checkbox":"radio",name:o,value:v,checked:p.includes(v),readOnly:!0,className:"segmented-button__input"})]},v))})});fn.displayName="SegmentedButton";const vn=c.forwardRef(({size:n="medium",variant:t="primary",className:r="",showLabel:o=!1,labelOn:a="On",labelOff:i="Off",checked:l,onChange:d,...s},u)=>e.jsxs("label",{className:`switch-container ${r}`,children:[e.jsx("input",{ref:u,type:"checkbox",role:"switch","aria-checked":l,checked:l,onChange:d,className:`switch-input switch--${n} switch--${t}`,...s}),o&&e.jsx("span",{className:"switch-label",children:l?a:i})]}));vn.displayName="Switch";function Ct({onSuccess:n,items:t,header:r,onHide:o,noHide:a=!1,name:i="selection_dialog",confirmText:l="Выбрать",cancelText:d="Отмена",defaultValue:s,style:u}){const[_,p]=c.useState(s),h=c.useCallback(()=>{_!==void 0&&(n==null||n(_),p(void 0),!a&&(o==null||o()))},[_,n,a,o]),m=c.useCallback(()=>{o==null||o()},[o]),x=c.useCallback(v=>{p(v)},[]);return e.jsxs(xe,{header:r,style:u,onHide:m,action:e.jsx(vr,{onHide:m,onSuccess:h,disabled:_===void 0,confirmText:l,cancelText:d}),children:[e.jsx(ee,{style:{padding:0}}),e.jsx(St,{transparent:!0,scroll:!0,maxHeight:"300px","aria-label":"Варианты выбора",children:t.map((v,f)=>e.jsx("label",{"aria-disabled":v.disabled,children:e.jsx(Mt,{hovered:!v.disabled,header:v.title,icon:v.icon,description:v.description,onClick:v.disabled?void 0:()=>x(v.data),control:e.jsx(bn,{onClick:v.disabled?void 0:()=>x(v.data),name:i,checked:v.data===_,disabled:v.disabled,"aria-label":`Выбрать ${v.title}`})})},`${i}_${f}`))}),e.jsx(ee,{style:{padding:0}})]})}function vr({onSuccess:n,onHide:t,disabled:r=!1,confirmText:o="OK",cancelText:a="Отмена"}){return e.jsxs("div",{children:[t&&e.jsx(Ye,{onClick:t,children:a}),e.jsx(te,{onClick:n,disabled:r,children:o})]})}const Ce=c.forwardRef(({onClick:n,inputRef:t,styleContainer:r,type:o="text",transparent:a,readOnly:i,password:l,border:d,onClear:s,icon:u,onChange:_,name:p,value:h,placeholder:m,className:x,validEmptyValue:v,onFocus:f,onBlur:k,error:j,max:C,min:y,autoFocus:M,disabled:$,size:H="medium",helperText:V,errorText:N,onKeyDown:A},P)=>{const z=c.useRef(null),[w,I]=c.useState(!1),[S,L]=c.useState(!1),[T,Y]=c.useState(!!h),q=c.useId(),Z=()=>{if(!z.current)return;const K=z.current.querySelector("input");K==null||K.focus()},g=K=>{f==null||f(K),L(!0)},O=K=>{k==null||k(K),L(!1),Y(!!K.target.value)},D=c.useCallback((K,ne)=>I(!!(j||K&&(!ne||ne===""))),[j]);c.useEffect(()=>{D(v,h),Y(!!h)},[h,v,D]);const X={small:"input-field__text-field_small",medium:"input-field__text-field_medium",large:"input-field__text-field_large"};return e.jsxs("div",{className:`input-field-container ${x||""}`,children:[e.jsxs("div",{ref:P,style:r,className:`
           input-field 
           input-field__text-field 
           ${X[H]}
@@ -423,4 +423,4 @@ React keys must be passed directly to JSX without using spread:
                 ${v?"input-field_transparent":""} 
                 ${A?"input-field_error":""} 
                 ${j?"input-field_disabled":""}
-                `,children:e.jsxs("div",{className:"input-field__input-container",onClick:w,children:[e.jsx("input",{ref:n,required:!0,disabled:j,type:"text",className:`input-field__input-container__input ${_?"input-field__input-container__input_error":""}`,name:u,value:y,onFocus:h,onBlur:p,readOnly:!0}),e.jsx("label",{className:"input-field__input-container__label",children:l?e.jsx("span",{className:"input-field__input-container__label__span",children:l}):null})]})}),A&&k&&e.jsx(G,{type:"small",className:"input-field-container__error-text",children:k}),f&&!A&&e.jsx(G,{type:"small",className:"input-field-container__helper-text",children:f}),e.jsx(hn,{marginBottom:r===Q.MOBILE?80:0,width:$.width,screensize:r,x:$.x,y:$.y,onHide:()=>N(!1),container:m,blocks:[{items:o.map(z)}],visible:V})]})});wn.displayName="SelectField";const qt=({icons:n,value:t,onChange:r,disabled:o,placeholder:a,container:i=document.getElementById("root")})=>{const[l,d]=c.useState(!1),s=n.find(_=>_.id===t),u=_=>{r==null||r(_),d(!1)};return e.jsxs(e.Fragment,{children:[e.jsx(Ce,{border:!0,icon:(s==null?void 0:s.component)??void 0,value:s==null?void 0:s.name,readOnly:!0,disabled:o,onClick:()=>d(!0),placeholder:a}),l&&e.jsx(le,{container:i,children:e.jsx(Ct,{header:"Icons",onHide:()=>d(!1),onSuccess:u,items:n.map(_=>({icon:_.component,title:_.name,data:_.id}))})})]})},Kt={Dashboard:lt,Copy:an,LogoutIcon:Kn,Room:Jn,Group:qn,OkUserIcon:Xn,XUserIcon:Un,MinusUserIcon:Yn,AddUserIcon:Gn,UserIcon:Zn,LinkIcon:Wn,UnLinkIcon:Hn,GearIcon:Bn,X:oe,Trash:qe,Pen:nn,Palette:Ke,Home:Dn,MoreHorizontal:Le,MenuIcon:Re,MoreVertical:Qe,CircleMinus:Oe,Calendar:Je,Check:se,ChevronDown:Me,CirclePlus:Ae,Clock:Ie,ArrowLeft:De,ArrowRight:Pn,ArrowUp:In,Keyboard:tn,Search:en,Plus:rn,Minus:on,Plug:An,LampIcon:Qn,SwitchIcon:Rn,ConditionerIcon:nt,ConditionerIcon2:et,TempHighIcon:cn,Sensor:tt,Sensor2:rt,Sensor3:ot,SensorWarning:at,Curtains:it,FilterIcon:sn,Play:ct,ToolsIcon:st,Addons:dt},go=Object.entries(Kt).map(([n,t])=>({id:n,name:n.charAt(0).toUpperCase()+n.slice(1),component:e.jsx(t,{})})),xo=n=>e.jsx(qt,{icons:go,...n});function ko(n){if(n)return Kt[n]??void 0}const yo={showSnackbar:n=>{},hideSnackbar:()=>{}},Jt=c.createContext(yo),jo=({children:n})=>{var l;const[t,r]=c.useState({visible:!1,text:""}),o=c.useRef(null),a=c.useCallback((d,s)=>{r({visible:!0,text:d,option:s}),o.current&&clearTimeout(o.current),s!=null&&s.closeButton||(o.current=setTimeout(()=>i(),(s==null?void 0:s.delay)??3e3))},[]),i=c.useCallback(()=>{o.current&&(clearTimeout(o.current),o.current=null),r({visible:!1,text:""})},[]);return e.jsxs(Jt.Provider,{value:{showSnackbar:a,hideSnackbar:i},children:[e.jsx(Ut,{...t,option:{...t.option,onHide:(l=t.option)!=null&&l.closeButton?i:void 0}}),n]})},Qt=c.createContext({});function Co(n){return typeof n=="string"}function wo(n){return typeof n=="number"}function No(n){return typeof n=="boolean"}const ue=n=>{const{value:t,changeField:r,errors:o}=c.useContext(Qt),a=c.useCallback(s=>{r&&r(n,s)},[n]),i=c.useCallback(()=>{const s=t==null?void 0:t[n];return No(s)?!!s:wo(s)?Number(s):Co(s)?s??"":""},[t,n]),l=c.useCallback(()=>{r&&r(n,"")},[n]),d=c.useCallback(()=>{if(o&&Object.keys(o).includes(n))return o[n]},[o,n]);return{value:i(),clearHandler:l,error:d(),change:a}},So=n=>{const{value:t,change:r,error:o}=ue(n.name);return e.jsx(Ht,{...n,onChange:r,value:String(t),errorText:o,error:!!o})},Mo=n=>{const{value:t,change:r,error:o}=ue(n.name);return e.jsx(gn,{...n,value:Number(t),onChange:r,errorText:o,error:!!o})},Lo=n=>{const{value:t,change:r,error:o}=ue(n.name);return e.jsx(wn,{...n,container:n.container??document.body,value:t,onChange:r,errorText:o,error:!!o})},Oo=({placeholder:n,ref:t,style:r,readOnly:o,className:a,name:i})=>{const{value:l,change:d}=ue(i),s=u=>{d&&d(u.target.checked)};return e.jsx("div",{className:`input-field form-switch ${a}`,style:r,children:e.jsx(vn,{readOnly:o,ref:t,placeholder:n,name:i,checked:!!l,onChange:s})})},Eo=({placeholder:n,ref:t,style:r,readOnly:o,className:a,name:i})=>{const{value:l,change:d}=ue(i),s=_=>{if(_.length>0)return d&&d(!0);d&&d(!1)},u=c.useCallback(()=>l?[n??i]:[],[l,i,n]);return e.jsx(fn,{className:a,style:r,ref:t,readOnly:o,value:u(),multiple:!0,items:[n??i],onChange:s})},zo=n=>{const{error:t,value:r,change:o,clearHandler:a}=ue(n.name);return e.jsx(Ce,{...n,error:!!t,onChange:o,value:String(r),errorText:t,onClear:a})},Fo=n=>{const{error:t,value:r,change:o,clearHandler:a}=ue(n.name);return e.jsx(xn,{...n,onChange:o,onClear:n.clear?a:void 0,value:String(r),error:!!t,errorText:t})},$o=n=>{const{error:t,value:r,change:o}=ue(n.name);return e.jsx(Dt,{...n,error:!!t,onChange:o,value:String(r),errorText:t})},To=n=>{const{error:t,value:r,change:o}=ue(n.name);return e.jsx(Gt,{...n,error:!!t,onChange:o,value:String(r),errorText:t})},Vo=c.forwardRef(function({children:t,value:r,name:o,errors:a,onFinish:i,...l},d){const[s,u]=c.useState(r??{}),_=c.useCallback(h=>{h.preventDefault(),i==null||i(s)},[i,s]),p=c.useCallback((h,m)=>{u(x=>({...x,[h]:m}))},[]);return c.useImperativeHandle(d,()=>({submit:()=>i==null?void 0:i(s),setFieldValue:(h,m)=>{u(x=>({...x,[h]:m}))},setValues:h=>u(h),getValues:()=>s,reset:()=>u(r??{})}),[i,s,r]),e.jsx(Qt.Provider,{value:{value:s,changeField:p,errors:a},children:e.jsx("form",{name:o,onSubmit:_,noValidate:!0,...l,children:t})})}),Po=Object.assign(Vo,{TextInput:zo,NumberInput:Mo,SelectInput:Lo,SwitchField:Oo,SwitchButtonField:Eo,MoreTextField:So,TextArea:Fo,DateField:$o,TimeField:To});b.AddUserIcon=Gn,b.Addons=dt,b.ArrowLeft=De,b.ArrowRight=Pn,b.ArrowUp=In,b.BaseActionCard=kr,b.BaseButton=ve,b.BaseDialog=ut,b.BaseMenu=yt,b.BaseType=jn,b.BasicTemplateDialog=xe,b.BigContainer=yr,b.BottomSheetsUi=Xe,b.Button=me,b.Calendar=Je,b.Card=wt,b.Check=se,b.Checkbox=pn,b.ChevronDown=Me,b.Chips=mn,b.CircleInput=_r,b.CircleMinus=Oe,b.CirclePlus=Ae,b.Clock=Ie,b.ColorContext=He,b.ColorField=Qr,b.ColorProvider=dr,b.ColumnLayout=jr,b.ConditionerIcon=nt,b.ConditionerIcon2=et,b.ContentBox=Nr,b.Copy=an,b.CopyButton=ln,b.Curtains=it,b.DangerButton=_t,b.Dashboard=lt,b.DateField=Dt,b.DayOfWeekField=At,b.Divider=ee,b.EmptyPage=uo,b.FAB=xt,b.FilledButton=En,b.FilledTotalButton=On,b.FilterIcon=sn,b.Form=Po,b.FullScreenTemplateDialog=xr,b.GearIcon=Bn,b.GridLayout=Mr,b.GridLayoutItem=Sr,b.Group=qn,b.HEXtoRGB=fe,b.HSLtoHSV=ar,b.HSVtoHSL=ir,b.HSVtoRGB=ke,b.Home=Dn,b.IconButton=re,b.IconButtonMenu=fr,b.IconSelectField=qt,b.IconsSelect=xo,b.JsonContainer=mo,b.Keyboard=tn,b.LampIcon=Qn,b.LinkIcon=Wn,b.ListContainer=St,b.ListItem=Mt,b.LogoutIcon=Kn,b.Menu=hn,b.MenuIcon=Re,b.Minus=on,b.MinusUserIcon=Yn,b.ModalDialogTemplate=Ee,b.ModalPortal=le,b.ModalTemplate=Se,b.MoreHorizontal=Le,b.MoreText=Ht,b.MoreVertical=Qe,b.MultiFilter=Yt,b.NavigationBar=Ir,b.NavigationDrawer=Ar,b.NavigationRail=Hr,b.NumberField=gn,b.OkUserIcon=Xn,b.OutlineButton=Ye,b.Palette=Ke,b.Panel=Nt,b.Pen=nn,b.Play=ct,b.Plug=An,b.Plus=rn,b.PopupState=ze,b.RGBtoHSV=Fe,b.RadioButton=bn,b.Range=ur,b.Room=Jn,b.RunningLine=vo,b.ScreenSize=Q,b.ScrollContainer=Lr,b.Search=bo,b.SearchAndFilter=fo,b.SegmentedButton=fn,b.SelectField=wn,b.SelectionDialog=Ct,b.Sensor=tt,b.Sensor2=rt,b.Sensor3=ot,b.SensorWarning=at,b.SizeContext=be,b.SizeProvider=rr,b.Slider=lo,b.SmallWindowMenu=jt,b.Snackbar=Ut,b.SneckbarContext=Jt,b.SneckbarProvider=jo,b.Switch=vn,b.SwitchIcon=Rn,b.Table=Tr,b.Tabs=Or,b.Temp=or,b.TempHighIcon=cn,b.TextArea=xn,b.TextButton=te,b.TextDialog=gr,b.TextField=Ce,b.TimeField=Gt,b.TimePicker=Wt,b.ToolsIcon=st,b.Tooltip=dn,b.Trash=qe,b.Typography=G,b.UnLinkIcon=Hn,b.UserIcon=Zn,b.X=oe,b.XUserIcon=Un,b.getContainerColor=$e,b.getContainerData=Ve,b.getIcons=ko,b.getModalWindowCord=_n,b.getTextColor=R,b.hexToRgb=pt,b.map=Zt,b.useColors=ft,b.usePopup=ht,b.useScreenSize=Vn,b.useScrollLock=Ue,b.useThemes=vt,b.СalendarPickers=It,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});
+                `,children:e.jsxs("div",{className:"input-field__input-container",onClick:w,children:[e.jsx("input",{ref:n,required:!0,disabled:j,type:"text",className:`input-field__input-container__input ${_?"input-field__input-container__input_error":""}`,name:u,value:y,onFocus:h,onBlur:p,readOnly:!0}),e.jsx("label",{className:"input-field__input-container__label",children:l?e.jsx("span",{className:"input-field__input-container__label__span",children:l}):null})]})}),A&&k&&e.jsx(G,{type:"small",className:"input-field-container__error-text",children:k}),f&&!A&&e.jsx(G,{type:"small",className:"input-field-container__helper-text",children:f}),e.jsx(hn,{marginBottom:r===Q.MOBILE?80:0,width:$.width,screensize:r,x:$.x,y:$.y,onHide:()=>N(!1),container:m,blocks:[{items:o.map(z)}],visible:V})]})});wn.displayName="SelectField";const qt=({icons:n,value:t,onChange:r,disabled:o,placeholder:a,container:i=document.getElementById("root")})=>{const[l,d]=c.useState(!1),s=n.find(_=>_.id===t),u=_=>{r==null||r(_),d(!1)};return e.jsxs(e.Fragment,{children:[e.jsx(Ce,{border:!0,icon:(s==null?void 0:s.component)??void 0,value:s==null?void 0:s.name,readOnly:!0,disabled:o,onClick:()=>d(!0),placeholder:a}),l&&e.jsx(le,{container:i,children:e.jsx(Ct,{header:"Icons",onHide:()=>d(!1),onSuccess:u,items:n.map(_=>({icon:_.component,title:_.name,data:_.id}))})})]})},Kt={Dashboard:lt,Copy:an,LogoutIcon:Kn,Room:Jn,Group:qn,OkUserIcon:Xn,XUserIcon:Un,MinusUserIcon:Yn,AddUserIcon:Gn,UserIcon:Zn,LinkIcon:Wn,UnLinkIcon:Hn,GearIcon:Bn,X:oe,Trash:qe,Pen:nn,Palette:Ke,Home:Dn,MoreHorizontal:Le,MenuIcon:Re,MoreVertical:Qe,CircleMinus:Oe,Calendar:Je,Check:se,ChevronDown:Me,CirclePlus:Ae,Clock:Ie,ArrowLeft:De,ArrowRight:Pn,ArrowUp:In,Keyboard:tn,Search:en,Plus:rn,Minus:on,Plug:An,LampIcon:Qn,SwitchIcon:Rn,ConditionerIcon:nt,ConditionerIcon2:et,TempHighIcon:cn,Sensor:tt,Sensor2:rt,Sensor3:ot,SensorWarning:at,Curtains:it,FilterIcon:sn,Play:ct,ToolsIcon:st,Addons:dt},go=Object.entries(Kt).map(([n,t])=>({id:n,name:n.charAt(0).toUpperCase()+n.slice(1),component:e.jsx(t,{})})),xo=n=>e.jsx(qt,{icons:go,...n});function ko(n){if(n)return Kt[n]??void 0}const yo={showSnackbar:n=>{},hideSnackbar:()=>{}},Jt=c.createContext(yo),jo=({children:n})=>{var l;const[t,r]=c.useState({visible:!1,text:""}),o=c.useRef(null),a=c.useCallback((d,s)=>{r({visible:!0,text:d,option:s}),o.current&&clearTimeout(o.current),s!=null&&s.closeButton||(o.current=setTimeout(()=>i(),(s==null?void 0:s.delay)??3e3))},[]),i=c.useCallback(()=>{o.current&&(clearTimeout(o.current),o.current=null),r({visible:!1,text:""})},[]);return e.jsxs(Jt.Provider,{value:{showSnackbar:a,hideSnackbar:i},children:[e.jsx(Ut,{...t,option:{...t.option,onHide:(l=t.option)!=null&&l.closeButton?i:void 0}}),n]})},Qt=c.createContext({});function Co(){return c.useContext(Qt)}function wo(n){return typeof n=="string"}function No(n){return typeof n=="number"}function So(n){return typeof n=="boolean"}const ue=n=>{const{value:t,changeField:r,errors:o}=Co(),a=c.useCallback(s=>{r&&r(n,s)},[n]),i=c.useCallback(()=>{const s=t==null?void 0:t[n];return So(s)?!!s:No(s)?Number(s):wo(s)?s??"":""},[t,n]),l=c.useCallback(()=>{r&&r(n,"")},[n]),d=c.useCallback(()=>{if(o&&Object.keys(o).includes(n))return o[n]},[o,n]);return{value:i(),clearHandler:l,error:d(),change:a}},Mo=n=>{const{value:t,change:r,error:o}=ue(n.name);return e.jsx(Ht,{...n,onChange:r,value:String(t),errorText:o,error:!!o})},Lo=n=>{const{value:t,change:r,error:o}=ue(n.name);return e.jsx(gn,{...n,value:Number(t),onChange:r,errorText:o,error:!!o})},Oo=n=>{const{value:t,change:r,error:o}=ue(n.name);return e.jsx(wn,{...n,container:n.container??document.body,value:t,onChange:r,errorText:o,error:!!o})},Eo=({placeholder:n,ref:t,style:r,readOnly:o,className:a,name:i})=>{const{value:l,change:d}=ue(i),s=u=>{d&&d(u.target.checked)};return e.jsx("div",{className:`input-field form-switch ${a}`,style:r,children:e.jsx(vn,{readOnly:o,ref:t,placeholder:n,name:i,checked:!!l,onChange:s})})},zo=({placeholder:n,ref:t,style:r,readOnly:o,className:a,name:i})=>{const{value:l,change:d}=ue(i),s=_=>{if(_.length>0)return d&&d(!0);d&&d(!1)},u=c.useCallback(()=>l?[n??i]:[],[l,i,n]);return e.jsx(fn,{className:a,style:r,ref:t,readOnly:o,value:u(),multiple:!0,items:[n??i],onChange:s})},Fo=n=>{const{error:t,value:r,change:o,clearHandler:a}=ue(n.name);return e.jsx(Ce,{...n,error:!!t,onChange:o,value:String(r),errorText:t,onClear:a})},$o=n=>{const{error:t,value:r,change:o,clearHandler:a}=ue(n.name);return e.jsx(xn,{...n,onChange:o,onClear:n.clear?a:void 0,value:String(r),error:!!t,errorText:t})},To=n=>{const{error:t,value:r,change:o}=ue(n.name);return e.jsx(Dt,{...n,error:!!t,onChange:o,value:String(r),errorText:t})},Vo=n=>{const{error:t,value:r,change:o}=ue(n.name);return e.jsx(Gt,{...n,error:!!t,onChange:o,value:String(r),errorText:t})},Po=c.forwardRef(function({children:t,value:r,name:o,errors:a,onFinish:i,...l},d){const[s,u]=c.useState(r??{}),_=c.useCallback(h=>{h.preventDefault(),i==null||i(s)},[i,s]),p=c.useCallback((h,m)=>{u(x=>({...x,[h]:m}))},[]);return c.useImperativeHandle(d,()=>({submit:()=>i==null?void 0:i(s),setFieldValue:(h,m)=>{u(x=>({...x,[h]:m}))},setValues:h=>u(h),getValues:()=>s,reset:()=>u(r??{})}),[i,s,r]),e.jsx(Qt.Provider,{value:{value:s,changeField:p,errors:a},children:e.jsx("form",{name:o,onSubmit:_,noValidate:!0,...l,children:t})})}),Io=Object.assign(Po,{TextInput:Fo,NumberInput:Lo,SelectInput:Oo,SwitchField:Eo,SwitchButtonField:zo,MoreTextField:Mo,TextArea:$o,DateField:To,TimeField:Vo});b.AddUserIcon=Gn,b.Addons=dt,b.ArrowLeft=De,b.ArrowRight=Pn,b.ArrowUp=In,b.BaseActionCard=kr,b.BaseButton=ve,b.BaseDialog=ut,b.BaseMenu=yt,b.BaseType=jn,b.BasicTemplateDialog=xe,b.BigContainer=yr,b.BottomSheetsUi=Xe,b.Button=me,b.Calendar=Je,b.Card=wt,b.Check=se,b.Checkbox=pn,b.ChevronDown=Me,b.Chips=mn,b.CircleInput=_r,b.CircleMinus=Oe,b.CirclePlus=Ae,b.Clock=Ie,b.ColorContext=He,b.ColorField=Qr,b.ColorProvider=dr,b.ColumnLayout=jr,b.ConditionerIcon=nt,b.ConditionerIcon2=et,b.ContentBox=Nr,b.Copy=an,b.CopyButton=ln,b.Curtains=it,b.DangerButton=_t,b.Dashboard=lt,b.DateField=Dt,b.DayOfWeekField=At,b.Divider=ee,b.EmptyPage=uo,b.FAB=xt,b.FilledButton=En,b.FilledTotalButton=On,b.FilterIcon=sn,b.Form=Io,b.FullScreenTemplateDialog=xr,b.GearIcon=Bn,b.GridLayout=Mr,b.GridLayoutItem=Sr,b.Group=qn,b.HEXtoRGB=fe,b.HSLtoHSV=ar,b.HSVtoHSL=ir,b.HSVtoRGB=ke,b.Home=Dn,b.IconButton=re,b.IconButtonMenu=fr,b.IconSelectField=qt,b.IconsSelect=xo,b.JsonContainer=mo,b.Keyboard=tn,b.LampIcon=Qn,b.LinkIcon=Wn,b.ListContainer=St,b.ListItem=Mt,b.LogoutIcon=Kn,b.Menu=hn,b.MenuIcon=Re,b.Minus=on,b.MinusUserIcon=Yn,b.ModalDialogTemplate=Ee,b.ModalPortal=le,b.ModalTemplate=Se,b.MoreHorizontal=Le,b.MoreText=Ht,b.MoreVertical=Qe,b.MultiFilter=Yt,b.NavigationBar=Ir,b.NavigationDrawer=Ar,b.NavigationRail=Hr,b.NumberField=gn,b.OkUserIcon=Xn,b.OutlineButton=Ye,b.Palette=Ke,b.Panel=Nt,b.Pen=nn,b.Play=ct,b.Plug=An,b.Plus=rn,b.PopupState=ze,b.RGBtoHSV=Fe,b.RadioButton=bn,b.Range=ur,b.Room=Jn,b.RunningLine=vo,b.ScreenSize=Q,b.ScrollContainer=Lr,b.Search=bo,b.SearchAndFilter=fo,b.SegmentedButton=fn,b.SelectField=wn,b.SelectionDialog=Ct,b.Sensor=tt,b.Sensor2=rt,b.Sensor3=ot,b.SensorWarning=at,b.SizeContext=be,b.SizeProvider=rr,b.Slider=lo,b.SmallWindowMenu=jt,b.Snackbar=Ut,b.SneckbarContext=Jt,b.SneckbarProvider=jo,b.Switch=vn,b.SwitchIcon=Rn,b.Table=Tr,b.Tabs=Or,b.Temp=or,b.TempHighIcon=cn,b.TextArea=xn,b.TextButton=te,b.TextDialog=gr,b.TextField=Ce,b.TimeField=Gt,b.TimePicker=Wt,b.ToolsIcon=st,b.Tooltip=dn,b.Trash=qe,b.Typography=G,b.UnLinkIcon=Hn,b.UserIcon=Zn,b.X=oe,b.XUserIcon=Un,b.getContainerColor=$e,b.getContainerData=Ve,b.getIcons=ko,b.getModalWindowCord=_n,b.getTextColor=R,b.hexToRgb=pt,b.map=Zt,b.useColors=ft,b.usePopup=ht,b.useScreenSize=Vn,b.useScrollLock=Ue,b.useThemes=vt,b.СalendarPickers=It,Object.defineProperty(b,Symbol.toStringTag,{value:"Module"})});

package/dist/lib/ui/input/Form/Form.d.ts

@@ -1,22 +1,23 @@
 import { FormHTMLAttributes } from 'react';
 
-export interface FormProps<T extends Record<string, unknown>> extends FormHTMLAttributes<HTMLFormElement> {
+export interface FormProps<T> extends FormHTMLAttributes<HTMLFormElement> {
     children: React.ReactNode;
-    onFinish?: (data: {
-        [x: string]: unknown;
-    }) => void;
-    value?: T;
+    onFinish?: (data: Partial<T>) => void;
+    value?: Partial<T>;
     name?: string;
-    errors?: Record<string, string>;
+    errors?: Partial<Record<keyof T, string>>;
 }
-export interface FormRef {
+export interface FormRef<T> {
     submit: () => void;
-    setFieldValue: (name: string, value: unknown) => void;
-    setValues: (values: Record<string, unknown>) => void;
-    getValues: () => Record<string, unknown>;
+    setFieldValue: (name: keyof T, value: T[keyof T]) => void;
+    setValues: (values: Partial<T>) => void;
+    getValues: () => Partial<T>;
     reset: () => void;
 }
-export declare const Form: import('react').ForwardRefExoticComponent<FormProps<Record<string, unknown>> & import('react').RefAttributes<FormRef>> & {
+export type FormComponent = <T>(props: FormProps<T> & {
+    ref?: React.Ref<FormRef<T>>;
+}) => React.ReactNode | null;
+export declare const Form: FormComponent & {
     TextInput: (props: import('./inputs/formTextInput').TextFieldPropsForm) => import("react/jsx-runtime").JSX.Element;
     NumberInput: (props: import('./inputs/formNumberInput').TextFieldProps) => import("react/jsx-runtime").JSX.Element;
     SelectInput: (props: import('./inputs/formSelectInput').ISelectFieldPropsForm) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/ui/input/Form/FormContext.d.ts

@@ -1,10 +1,9 @@
-export interface IContext<T> {
-    value?: T;
-    changeField?: (name: string, data: unknown) => void;
-    errors?: {
-        [key: string]: string;
-    };
+type AnyObject = unknown;
+export interface IContext<T extends AnyObject> {
+    value?: Partial<T>;
+    changeField?: (name: keyof T, data: T[keyof T]) => void;
+    errors?: Partial<Record<string, string>>;
 }
-export declare const formContext: import('react').Context<IContext<{
-    [x: string]: unknown;
-}>>;
+export declare const formContext: import('react').Context<IContext<unknown>>;
+export declare function useFormContext<T>(): IContext<T>;
+export {};

package/package.json

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