npm - alex-evo-sh-ui-kit - Versions diffs - 1.1.77 → 1.1.78 - Mend

alex-evo-sh-ui-kit 1.1.77 → 1.1.78

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/alex-evo-sh-ui-kit.es.js +500 -501
package/dist/alex-evo-sh-ui-kit.umd.js +32 -32
package/dist/index.css +1 -1
package/dist/lib/index.d.ts +2 -1
package/package.json +1 -1

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

@@ -1,4 +1,4 @@
-import ce, { useCallback as N, useState as k, useEffect as I, createContext as un, useContext as $e, useRef as U, useMemo as ge, forwardRef as Re, useLayoutEffect as cr, useId as tt, memo as dr, useImperativeHandle as ur } from "react";
+import ce, { useEffect as I, useState as k, useRef as U, useCallback as N, createContext as un, useContext as $e, useMemo as ge, forwardRef as Re, useLayoutEffect as cr, useId as tt, memo as dr, useImperativeHandle as ur } from "react";
 import hr from "react-dom";
 import { NavLink as Sn } from "react-router-dom";
 import './index.css';var wn = { exports: {} }, Ye = {};
@@ -682,7 +682,118 @@ const rt = (n) => /* @__PURE__ */ e.jsx(
     large: "btn--large"
   };
   return /* @__PURE__ */ e.jsx("button", { ...t, className: (t.className ?? "") + " btn " + s[n], onClick: r, children: /* @__PURE__ */ e.jsx("span", { children: t.children }) });
-}, We = ({ styleType: n = "base", ...t }) => n === "outline" ? /* @__PURE__ */ e.jsx(rt, { ...t }) : n === "text" ? /* @__PURE__ */ e.jsx(be, { ...t }) : n === "filledTotal" ? /* @__PURE__ */ e.jsx(mr, { ...t }) : n === "filled" ? /* @__PURE__ */ e.jsx(jr, { ...t }) : /* @__PURE__ */ e.jsx(Qe, { ...t });
+}, We = ({ styleType: n = "base", ...t }) => n === "outline" ? /* @__PURE__ */ e.jsx(rt, { ...t }) : n === "text" ? /* @__PURE__ */ e.jsx(be, { ...t }) : n === "filledTotal" ? /* @__PURE__ */ e.jsx(mr, { ...t }) : n === "filled" ? /* @__PURE__ */ e.jsx(jr, { ...t }) : /* @__PURE__ */ e.jsx(Qe, { ...t }), st = (n, t) => {
+  I(() => {
+    if (n) {
+      const r = window.innerWidth - document.documentElement.clientWidth;
+      t.style.overflow = "hidden", t.style.paddingRight = `${r}px`;
+    } else
+      t.style.overflow = "", t.style.paddingRight = "";
+    return () => {
+      t.style.overflow = "", t.style.paddingRight = "";
+    };
+  }, [n]);
+};
+var ae = /* @__PURE__ */ ((n) => (n.MOBILE = "MOBILE", n.STANDART = "STANDART", n.BIG_SCREEN = "BIG_SCREEN", n))(ae || {});
+const hn = ({ children: n, onHide: t, disableBackplate: r }) => {
+  function s(i) {
+    i.stopPropagation(), t && t();
+  }
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: `modal-template ${r ? "modal-template_z_0" : ""}`,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            onClick: s,
+            className: `modal-template__backplate ${r ? "modal-template__backplate_disable" : ""}`
+          }
+        ),
+        n
+      ]
+    }
+  );
+}, it = ({ bottom: n = 0, ...t }) => {
+  const [r, s] = k(!1), [i, o] = k(!0), l = U(null), c = N(() => {
+    s(!0), setTimeout(() => {
+      t.onHide(), s(!1), o(!0);
+    }, 200);
+  }, [t.onHide]);
+  I(() => {
+    t.visible && o(!1);
+  }, [t.visible]), I(() => {
+    !t.visible && !i && c();
+  }, [t.visible, c, i]);
+  const a = N((f) => {
+    window.innerHeight - f.changedTouches[0].clientY <= 150 && c(), l.current && (l.current.style.height = `${window.innerHeight - f.changedTouches[0].clientY + 20 - n}px`);
+  }, [c]), d = (f) => {
+    window.innerHeight - f.clientY + 20 <= 150 && c(), l.current && (l.current.style.height = `${window.innerHeight - f.clientY + 20 - n}px`);
+  }, u = () => {
+    document.body.removeEventListener("mousemove", d), document.body.removeEventListener("mouseup", u);
+  }, x = () => {
+    document.body.addEventListener("mousemove", d), document.body.addEventListener("mouseup", u);
+  };
+  return I(() => () => {
+    document.body.removeEventListener("mousemove", d), document.body.removeEventListener("mouseup", u);
+  }), i && !r || !t.children ? null : /* @__PURE__ */ e.jsx(hn, { onHide: c, children: /* @__PURE__ */ e.jsxs("div", { ref: l, style: { paddingBottom: n }, className: `bottom-sheets ${r ? "bottom-sheets_hide" : "bottom-sheets_show"}`, children: [
+    /* @__PURE__ */ e.jsx("div", { role: "presentation", "data-testid": "bottom-sheet-handle", className: "bottom-sheets__handle", onMouseDown: x, onTouchMove: a, children: /* @__PURE__ */ e.jsx("span", {}) }),
+    /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets__content", children: t.children })
+  ] }) });
+};
+const ot = {
+  [ae.MOBILE]: "small-screen",
+  [ae.STANDART]: "standart-screen",
+  [ae.BIG_SCREEN]: "big-screen"
+}, at = (n, t = ae.STANDART) => `var(--${n}-${ot[t]})`, lt = (n, t = "standart") => `var(--${n}-${t})`, ct = (n, t = "normal", r = ae.STANDART) => `var(--${n}-heights-${ot[r]}-${t})`, Pe = {
+  mobileSize: 720,
+  bigSize: 1400
+}, pr = (n = {}) => {
+  const t = {
+    bigSize: n.bigSize ?? Pe.bigSize,
+    mobileSize: n.mobileSize ?? Pe.mobileSize
+  };
+  t.bigSize <= 100 && (console.error("useScreenSize: invalid option"), t.bigSize = Pe.bigSize), t.mobileSize <= 100 && (console.error("useScreenSize: invalid option"), t.mobileSize = Pe.mobileSize), t.mobileSize >= t.bigSize && (console.error("useScreenSize: invalid option"), t.mobileSize = Pe.mobileSize, t.bigSize = Pe.bigSize);
+  const [r, s] = k(ae.STANDART), i = N(() => {
+    window.innerWidth < t.mobileSize ? s(ae.MOBILE) : window.innerWidth < t.bigSize ? s(ae.STANDART) : s(ae.BIG_SCREEN);
+  }, [window.innerWidth]);
+  return I(() => {
+    i();
+  }, [i]), I(() => (window.addEventListener("resize", i), () => {
+    window.removeEventListener("resize", i);
+  }), [i]), { screen: r };
+}, Cr = {
+  screen: ae.STANDART
+}, Ge = un(Cr), bi = ({ children: n, option: t }) => {
+  const r = pr(t);
+  return /* @__PURE__ */ e.jsx(Ge.Provider, { value: r, children: n });
+}, K = ({
+  type: n,
+  screensize: t = ae.STANDART,
+  weight: r = "standart",
+  density: s = "normal",
+  children: i,
+  style: o,
+  className: l = "",
+  ...c
+}) => {
+  const a = $e(Ge), d = a ? a.screen : t, u = n === "heading" || n === "title" || n === "title-2", x = u ? "h3" : "span", f = {
+    fontSize: at(n, d),
+    fontWeight: lt(n, r),
+    lineHeight: ct(n, s, d),
+    ...o
+  }, m = u ? "typography-heading" : "typography-text";
+  return /* @__PURE__ */ e.jsx(
+    x,
+    {
+      ...c,
+      style: f,
+      className: `${m} ${l}`,
+      children: i
+    }
+  );
+};
 const ye = ce.forwardRef(
   ({
     icon: n,
@@ -749,7 +860,7 @@ function T(n) {
     tertiaryColor: n.tertiaryColor ?? n.baseColor ?? "var(--icon-tertiary)"
   };
 }
-const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} icon-trash`, children: /* @__PURE__ */ e.jsx("path", { stroke: "var(--Error-color)", fill: "none", d: "M18 6L17.1991 18.0129C17.129 19.065 17.0939 19.5911 16.8667 19.99C16.6666 20.3412 16.3648 20.6235 16.0011 20.7998C15.588 21 15.0607 21 14.0062 21H9.99377C8.93927 21 8.41202 21 7.99889 20.7998C7.63517 20.6235 7.33339 20.3412 7.13332 19.99C6.90607 19.5911 6.871 19.065 6.80086 18.0129L6 6M4 6H20M16 6L15.7294 5.18807C15.4671 4.40125 15.3359 4.00784 15.0927 3.71698C14.8779 3.46013 14.6021 3.26132 14.2905 3.13878C13.9376 3 13.523 3 12.6936 3H11.3064C10.477 3 10.0624 3 9.70951 3.13878C9.39792 3.26132 9.12208 3.46013 8.90729 3.71698C8.66405 4.00784 8.53292 4.40125 8.27064 5.18807L8 6", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), ke = (n) => /* @__PURE__ */ e.jsx(E, { ...n, children: /* @__PURE__ */ e.jsx("g", { id: "Page-1", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ e.jsxs("g", { id: "Close", children: [
+const dt = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} icon-trash`, children: /* @__PURE__ */ e.jsx("path", { stroke: "var(--Error-color)", fill: "none", d: "M18 6L17.1991 18.0129C17.129 19.065 17.0939 19.5911 16.8667 19.99C16.6666 20.3412 16.3648 20.6235 16.0011 20.7998C15.588 21 15.0607 21 14.0062 21H9.99377C8.93927 21 8.41202 21 7.99889 20.7998C7.63517 20.6235 7.33339 20.3412 7.13332 19.99C6.90607 19.5911 6.871 19.065 6.80086 18.0129L6 6M4 6H20M16 6L15.7294 5.18807C15.4671 4.40125 15.3359 4.00784 15.0927 3.71698C14.8779 3.46013 14.6021 3.26132 14.2905 3.13878C13.9376 3 13.523 3 12.6936 3H11.3064C10.477 3 10.0624 3 9.70951 3.13878C9.39792 3.26132 9.12208 3.46013 8.90729 3.71698C8.66405 4.00784 8.53292 4.40125 8.27064 5.18807L8 6", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), ke = (n) => /* @__PURE__ */ e.jsx(E, { ...n, children: /* @__PURE__ */ e.jsx("g", { id: "Page-1", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd", children: /* @__PURE__ */ e.jsxs("g", { id: "Close", children: [
   /* @__PURE__ */ e.jsx("rect", { id: "Rectangle", fillRule: "nonzero", x: "0", y: "0", width: "24", height: "24" }),
   /* @__PURE__ */ e.jsx("line", { x1: "16.9999", y1: "7", x2: "7.00001", y2: "16.9999", id: "Path", stroke: "var(--On-surface-color)", strokeWidth: "2", strokeLinecap: "round" }),
   /* @__PURE__ */ e.jsx("line", { x1: "7.00006", y1: "7", x2: "17", y2: "16.9999", id: "Path", stroke: "var(--On-surface-color)", strokeWidth: "2", strokeLinecap: "round" })
@@ -767,7 +878,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       " "
     ] })
   ] });
-}, it = (n) => {
+}, ut = (n) => {
   const t = T(n);
   return /* @__PURE__ */ e.jsx(E, { ...n, dpi: "512", children: /* @__PURE__ */ e.jsxs("g", { style: { width: "100%" }, children: [
     /* @__PURE__ */ e.jsx("path", { fill: t.primaryColor, d: `M133.977,245.743c4.662,1.718,9.756,2.564,15.006,2.315c7.873-0.355,15.159-3.118,21.05-7.512
@@ -823,7 +934,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
                 c3.6,0,7.214-0.081,10.848-0.255c31.087-1.438,60.913-8.926,88.644-22.258c26.736-12.846,50.478-30.598,70.567-52.762
                 C466.998,391.463,488.499,332.501,486.476,270.708z` })
   ] }) });
-}, ot = (n) => {
+}, ht = (n) => {
   const t = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, children: [
     /* @__PURE__ */ e.jsx("path", { stroke: t.primaryColor, fill: "none", d: "M2 12C2 8.22876 2 6.34315 3.17157 5.17157C4.34315 4 6.22876 4 10 4H14C17.7712 4 19.6569 4 20.8284 5.17157C22 6.34315 22 8.22876 22 12V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V12Z", strokeWidth: "1.5" }),
@@ -843,10 +954,10 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
 ] }), cn = (n) => {
   const t = T(n);
   return /* @__PURE__ */ e.jsx(E, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: t.primaryColor, fillRule: "evenodd", clipRule: "evenodd", d: "M5 13.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5zm14 0a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5zM13.75 12a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0z" }) });
-}, at = (n) => {
+}, ft = (n) => {
   const t = T(n);
   return /* @__PURE__ */ e.jsx(E, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: t.primaryColor, fillRule: "evenodd", clipRule: "evenodd", d: "M12 6.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5zm0 14a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5zM13.75 12a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0z" }) });
-}, lt = (n) => {
+}, xt = (n) => {
   const t = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, dpi: "52", children: [
     /* @__PURE__ */ e.jsx("path", { fill: t.primaryColor, d: "M50,12.5H2a2,2,0,0,1,0-4H50a2,2,0,0,1,0,4Z" }),
@@ -864,7 +975,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       " "
     ] })
   ] });
-}, pr = (n) => {
+}, _r = (n) => {
   const t = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, dpi: "24", children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
@@ -875,7 +986,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       " "
     ] })
   ] });
-}, Cr = (n) => {
+}, vr = (n) => {
   const t = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, dpi: "24", children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
@@ -889,7 +1000,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
 }, $n = (n) => /* @__PURE__ */ e.jsxs(E, { ...n, children: [
   /* @__PURE__ */ e.jsx("path", { fill: "none", stroke: "var(--On-surface-color)", fillRule: "evenodd", clipRule: "evenodd", d: "M5.5 11.1455C5.49956 8.21437 7.56975 5.69108 10.4445 5.11883C13.3193 4.54659 16.198 6.08477 17.32 8.79267C18.4421 11.5006 17.495 14.624 15.058 16.2528C12.621 17.8815 9.37287 17.562 7.3 15.4895C6.14763 14.3376 5.50014 12.775 5.5 11.1455Z", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
   /* @__PURE__ */ e.jsx("path", { fill: "none", d: "M15.989 15.4905L19.5 19.0015", stroke: "var(--On-surface-color)", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
-] }), _r = (n) => {
+] }), gr = (n) => {
   const { primaryColor: t, secondaryColor: r } = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { stroke: "none", strokeWidth: "0" }),
@@ -962,16 +1073,16 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       )
     ] })
   ] });
-}, Rn = (n) => /* @__PURE__ */ e.jsx(E, { ...n, children: /* @__PURE__ */ e.jsx("path", { stroke: "var(--On-surface-color)", fill: "none", d: "M8 12H16M12 8V16M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), hn = (n) => {
+}, Rn = (n) => /* @__PURE__ */ e.jsx(E, { ...n, children: /* @__PURE__ */ e.jsx("path", { stroke: "var(--On-surface-color)", fill: "none", d: "M8 12H16M12 8V16M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), fn = (n) => {
   const t = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, children: [
     /* @__PURE__ */ e.jsx("path", { fill: "none", d: "M16 12L12 12L8 12", stroke: t.primaryColor, strokeWidth: "2", strokeLinecap: "round" }),
     /* @__PURE__ */ e.jsx("circle", { fill: "none", cx: "12", cy: "12", r: "10", stroke: t.primaryColor, strokeWidth: "2" })
   ] });
-}, ct = (n) => {
+}, mt = (n) => {
   const t = T(n);
   return /* @__PURE__ */ e.jsx(E, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: "none", stroke: t.primaryColor, d: "M15.4998 5.49994L18.3282 8.32837M3 20.9997L3.04745 20.6675C3.21536 19.4922 3.29932 18.9045 3.49029 18.3558C3.65975 17.8689 3.89124 17.4059 4.17906 16.9783C4.50341 16.4963 4.92319 16.0765 5.76274 15.237L17.4107 3.58896C18.1918 2.80791 19.4581 2.80791 20.2392 3.58896C21.0202 4.37001 21.0202 5.63634 20.2392 6.41739L8.37744 18.2791C7.61579 19.0408 7.23497 19.4216 6.8012 19.7244C6.41618 19.9932 6.00093 20.2159 5.56398 20.3879C5.07171 20.5817 4.54375 20.6882 3.48793 20.9012L3 20.9997Z", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
-}, dt = (n) => {
+}, jt = (n) => {
   const t = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, children: [
     /* @__PURE__ */ e.jsx("path", { fill: t.primaryColor, d: "M7 9C7 9.55229 6.55229 10 6 10C5.44772 10 5 9.55229 5 9C5 8.44772 5.44772 8 6 8C6.55229 8 7 8.44772 7 9Z" }),
@@ -986,16 +1097,16 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
     /* @__PURE__ */ e.jsx("path", { fill: t.primaryColor, d: "M19 12C19 12.5523 18.5523 13 18 13C17.4477 13 17 12.5523 17 12C17 11.4477 17.4477 11 18 11C18.5523 11 19 11.4477 19 12Z" }),
     /* @__PURE__ */ e.jsx("path", { fill: t.primaryColor, fillRule: "evenodd", clipRule: "evenodd", d: "M7.94513 4.25H16.0549C17.4225 4.24998 18.5248 4.24996 19.3918 4.36652C20.2919 4.48754 21.0497 4.74643 21.6517 5.34835C22.2536 5.95027 22.5125 6.70814 22.6335 7.60825C22.75 8.47522 22.75 9.57754 22.75 10.9451V13.0549C22.75 14.4225 22.75 15.5248 22.6335 16.3918C22.5125 17.2919 22.2536 18.0497 21.6517 18.6517C21.0497 19.2536 20.2919 19.5125 19.3918 19.6335C18.5248 19.75 17.4225 19.75 16.0549 19.75H7.94513C6.57754 19.75 5.47522 19.75 4.60825 19.6335C3.70814 19.5125 2.95027 19.2536 2.34835 18.6517C1.74643 18.0497 1.48754 17.2919 1.36652 16.3918C1.24996 15.5248 1.24998 14.4225 1.25 13.0549V10.9451C1.24998 9.57754 1.24996 8.47522 1.36652 7.60825C1.48754 6.70814 1.74643 5.95027 2.34835 5.34835C2.95027 4.74643 3.70814 4.48754 4.60825 4.36652C5.47522 4.24996 6.57754 4.24998 7.94513 4.25ZM4.80812 5.85315C4.07435 5.9518 3.68577 6.13225 3.40901 6.40901C3.13225 6.68577 2.9518 7.07435 2.85315 7.80812C2.75159 8.56347 2.75 9.56458 2.75 11V13C2.75 14.4354 2.75159 15.4365 2.85315 16.1919C2.9518 16.9257 3.13225 17.3142 3.40901 17.591C3.68577 17.8678 4.07435 18.0482 4.80812 18.1469C5.56347 18.2484 6.56458 18.25 8 18.25H16C17.4354 18.25 18.4365 18.2484 19.1919 18.1469C19.9257 18.0482 20.3142 17.8678 20.591 17.591C20.8678 17.3142 21.0482 16.9257 21.1469 16.1919C21.2484 15.4365 21.25 14.4354 21.25 13V11C21.25 9.56459 21.2484 8.56347 21.1469 7.80812C21.0482 7.07435 20.8678 6.68577 20.591 6.40901C20.3142 6.13225 19.9257 5.9518 19.1919 5.85315C18.4365 5.75159 17.4354 5.75 16 5.75H8C6.56458 5.75 5.56347 5.75159 4.80812 5.85315ZM6.25 16C6.25 15.5858 6.58579 15.25 7 15.25H17C17.4142 15.25 17.75 15.5858 17.75 16C17.75 16.4142 17.4142 16.75 17 16.75H7C6.58579 16.75 6.25 16.4142 6.25 16Z" })
   ] });
-}, ut = (n) => {
+}, pt = (n) => {
   const t = T(n);
   return /* @__PURE__ */ e.jsx(E, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: "none", d: "M6 12H18M12 6V18", stroke: t.primaryColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
-}, ht = (n) => {
+}, Ct = (n) => {
   const t = T(n);
   return /* @__PURE__ */ e.jsx(E, { ...n, children: /* @__PURE__ */ e.jsx("path", { d: "M6 12L18 12", fill: "none", stroke: t.primaryColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
-}, vr = (n) => {
+}, br = (n) => {
   const t = T(n);
   return /* @__PURE__ */ e.jsx(E, { ...n, children: /* @__PURE__ */ e.jsx("path", { fill: "none", d: "M17 9V12C17 14.7614 14.7614 17 12 17M7 9V12C7 14.7614 9.23858 17 12 17M12 17V21M8 3V6M16 3V6M5 9H19", stroke: t.primaryColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
-}, gr = (n) => {
+}, yr = (n) => {
   const { primaryColor: t } = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
@@ -1043,7 +1154,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       )
     ] })
   ] });
-}, br = (n) => {
+}, kr = (n) => {
   const { primaryColor: t } = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
@@ -1076,7 +1187,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       }
     ) })
   ] });
-}, yr = (n) => {
+}, Nr = (n) => {
   const { primaryColor: t } = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
@@ -1087,7 +1198,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       " "
     ] })
   ] });
-}, kr = (n) => {
+}, wr = (n) => {
   const { primaryColor: t, secondaryColor: r } = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
@@ -1145,7 +1256,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       )
     ] })
   ] });
-}, Nr = (n) => {
+}, Sr = (n) => {
   const { primaryColor: t, secondaryColor: r } = T(n);
   return /* @__PURE__ */ e.jsx(E, { ...n, children: /* @__PURE__ */ e.jsxs("g", { id: "SVGRepo_iconCarrier", children: [
     /* @__PURE__ */ e.jsx(
@@ -1180,7 +1291,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       }
     )
   ] }) });
-}, wr = (n) => {
+}, Mr = (n) => {
   const { primaryColor: t, secondaryColor: r } = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
@@ -1232,7 +1343,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       )
     ] })
   ] });
-}, Sr = (n) => {
+}, Lr = (n) => {
   const { primaryColor: t, secondaryColor: r } = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
@@ -1296,7 +1407,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       )
     ] })
   ] });
-}, Mr = (n) => {
+}, $r = (n) => {
   const { primaryColor: t, secondaryColor: r } = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
@@ -1352,7 +1463,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       )
     ] })
   ] });
-}, Lr = (n) => {
+}, Rr = (n) => {
   const { primaryColor: t, secondaryColor: r } = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
@@ -1422,7 +1533,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       )
     ] })
   ] });
-}, $r = (n) => {
+}, Er = (n) => {
   const { primaryColor: t } = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
@@ -1469,7 +1580,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       )
     ] })
   ] });
-}, Rr = (n) => {
+}, Fr = (n) => {
   const { primaryColor: t } = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, dpi: "124", children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
@@ -1508,7 +1619,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       }
     ) }) })
   ] });
-}, ft = (n) => {
+}, _t = (n) => {
   const { primaryColor: t, secondaryColor: r } = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
@@ -1546,7 +1657,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       )
     ] }) }) })
   ] });
-}, Er = (n) => {
+}, Vr = (n) => {
   const { primaryColor: t, secondaryColor: r } = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { strokeWidth: "0" }),
@@ -1581,7 +1692,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       )
     ] })
   ] });
-}, Fr = (n) => {
+}, Tr = (n) => {
   const { primaryColor: t, secondaryColor: r } = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, viewBox: "0 0 512 512", children: [
     /* @__PURE__ */ e.jsx(
@@ -1613,7 +1724,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       }
     )
   ] });
-}, Vr = (n) => {
+}, Or = (n) => {
   const { primaryColor: t, secondaryColor: r } = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, viewBox: "0 0 24 24", children: [
     /* @__PURE__ */ e.jsx(
@@ -1663,7 +1774,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       }
     )
   ] });
-}, Tr = (n) => {
+}, Dr = (n) => {
   const { primaryColor: t, secondaryColor: r } = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, viewBox: "0 0 24 24", children: [
     /* @__PURE__ */ e.jsx(
@@ -1704,7 +1815,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       }
     )
   ] });
-}, xt = (n) => {
+}, vt = (n) => {
   const { primaryColor: t } = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, viewBox: "0 0 24 24", children: [
     /* @__PURE__ */ e.jsx(
@@ -1722,7 +1833,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       }
     )
   ] });
-}, bi = xt, Or = (n) => {
+}, yi = vt, Ir = (n) => {
   const { primaryColor: t } = T(n);
   return /* @__PURE__ */ e.jsx(E, { ...n, children: /* @__PURE__ */ e.jsxs("g", { children: [
     /* @__PURE__ */ e.jsx(
@@ -1748,7 +1859,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       }
     )
   ] }) });
-}, Dr = (n) => {
+}, Ar = (n) => {
   const { primaryColor: t } = T(n);
   return /* @__PURE__ */ e.jsx(E, { ...n, children: /* @__PURE__ */ e.jsxs("g", { children: [
     /* @__PURE__ */ e.jsx(
@@ -1784,7 +1895,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       }
     )
   ] }) });
-}, Ir = (n) => {
+}, Pr = (n) => {
   const { primaryColor: t } = T(n);
   return /* @__PURE__ */ e.jsx(E, { ...n, children: /* @__PURE__ */ e.jsxs("g", { children: [
     /* @__PURE__ */ e.jsx(
@@ -1819,7 +1930,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       }
     )
   ] }) });
-}, Ar = (n) => {
+}, Br = (n) => {
   const { primaryColor: t } = T(n);
   return /* @__PURE__ */ e.jsx(E, { ...n, children: /* @__PURE__ */ e.jsxs("g", { children: [
     /* @__PURE__ */ e.jsx(
@@ -1867,7 +1978,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       }
     )
   ] }) });
-}, Pr = (n) => {
+}, Hr = (n) => {
   const { primaryColor: t } = T(n);
   return /* @__PURE__ */ e.jsx(E, { ...n, viewBox: "0 0 512 512", fill: "none", children: /* @__PURE__ */ e.jsxs("g", { fill: t, children: [
     /* @__PURE__ */ e.jsx("rect", { y: "233.666", width: "68.805", height: "32" }),
@@ -1890,7 +2001,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       }
     )
   ] }) });
-}, mt = (n) => {
+}, gt = (n) => {
   const { primaryColor: t } = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, viewBox: "0 0 24 24", fill: "none", children: [
     /* @__PURE__ */ e.jsx(
@@ -1917,7 +2028,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       }
     )
   ] });
-}, Br = (n) => {
+}, Wr = (n) => {
   const { primaryColor: t } = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, dpi: "24", children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
@@ -1932,7 +2043,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       }
     ) })
   ] });
-}, Hr = (n) => {
+}, zr = (n) => {
   const t = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, dpi: "72", viewBox: "0 -8 72 72", children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
@@ -1961,7 +2072,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       )
     ] })
   ] });
-}, Wr = (n) => {
+}, Gr = (n) => {
   const { primaryColor: t, secondaryColor: r } = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
@@ -2009,7 +2120,7 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       )
     ] })
   ] });
-}, zr = (n) => {
+}, Zr = (n) => {
   const { primaryColor: t } = T(n);
   return /* @__PURE__ */ e.jsxs(E, { ...n, dpi: "30", children: [
     /* @__PURE__ */ e.jsx("g", { id: "SVGRepo_bgCarrier", strokeWidth: "0" }),
@@ -2036,59 +2147,162 @@ const st = (n) => /* @__PURE__ */ e.jsx(E, { ...n, className: `${n.className} ic
       }
     ) }) })
   ] });
+}, xn = ({
+  className: n = "",
+  children: t,
+  header: r,
+  action: s,
+  onHide: i,
+  style: o,
+  clearStyle: l = !1,
+  disableBackplate: c,
+  marginBottom: a,
+  maxWidth: d = "560px",
+  showCloseButton: u = !1,
+  ariaLabel: x
+}) => {
+  const f = () => {
+    i && i();
+  }, m = {
+    ...o,
+    marginBottom: a,
+    maxWidth: typeof d == "number" ? `${d}px` : d
+  };
+  return /* @__PURE__ */ e.jsx(
+    hn,
+    {
+      onHide: f,
+      disableBackplate: c,
+      children: /* @__PURE__ */ 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": x || r,
+          children: [
+            r && /* @__PURE__ */ e.jsxs("div", { className: "dialog-template__container__header dialog-template__container__header_color_surface-container", children: [
+              /* @__PURE__ */ e.jsx(K, { type: "heading", children: r }),
+              u && /* @__PURE__ */ e.jsx(
+                ye,
+                {
+                  className: "dialog-template__container__header__button dialog-template__container__header__button_color_surface-container",
+                  onClick: f,
+                  "aria-label": "Close dialog",
+                  icon: /* @__PURE__ */ e.jsx(ke, {})
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e.jsx("div", { className: "dialog-template__container__content", children: t }),
+            s && /* @__PURE__ */ e.jsx("div", { className: "dialog-template__container__action", children: s })
+          ]
+        }
+      )
+    }
+  );
 };
-var ae = /* @__PURE__ */ ((n) => (n.MOBILE = "MOBILE", n.STANDART = "STANDART", n.BIG_SCREEN = "BIG_SCREEN", n))(ae || {});
-const jt = {
-  [ae.MOBILE]: "small-screen",
-  [ae.STANDART]: "standart-screen",
-  [ae.BIG_SCREEN]: "big-screen"
-}, pt = (n, t = ae.STANDART) => `var(--${n}-${jt[t]})`, Ct = (n, t = "standart") => `var(--${n}-${t})`, _t = (n, t = "normal", r = ae.STANDART) => `var(--${n}-heights-${jt[r]}-${t})`, Pe = {
-  mobileSize: 720,
-  bigSize: 1400
-}, Gr = (n = {}) => {
-  const t = {
-    bigSize: n.bigSize ?? Pe.bigSize,
-    mobileSize: n.mobileSize ?? Pe.mobileSize
+const qe = ({
+  marginBottom: n = 80,
+  forceBottomSheet: t = !1,
+  forceModal: r = !1,
+  ...s
+}) => {
+  const { screen: i } = $e(Ge);
+  st(!0, document.body);
+  const o = () => {
+    var c;
+    (c = s.onHide) == null || c.call(s);
   };
-  t.bigSize <= 100 && (console.error("useScreenSize: invalid option"), t.bigSize = Pe.bigSize), t.mobileSize <= 100 && (console.error("useScreenSize: invalid option"), t.mobileSize = Pe.mobileSize), t.mobileSize >= t.bigSize && (console.error("useScreenSize: invalid option"), t.mobileSize = Pe.mobileSize, t.bigSize = Pe.bigSize);
-  const [r, s] = k(ae.STANDART), i = N(() => {
-    window.innerWidth < t.mobileSize ? s(ae.MOBILE) : window.innerWidth < t.bigSize ? s(ae.STANDART) : s(ae.BIG_SCREEN);
-  }, [window.innerWidth]);
-  return I(() => {
-    i();
-  }, [i]), I(() => (window.addEventListener("resize", i), () => {
-    window.removeEventListener("resize", i);
-  }), [i]), { screen: r };
-}, Zr = {
-  screen: ae.STANDART
-}, Ge = un(Zr), yi = ({ children: n, option: t }) => {
-  const r = Gr(t);
-  return /* @__PURE__ */ e.jsx(Ge.Provider, { value: r, children: n });
-}, K = ({
-  type: n,
-  screensize: t = ae.STANDART,
-  weight: r = "standart",
-  density: s = "normal",
-  children: i,
-  style: o,
-  className: l = "",
-  ...c
+  return t || !r && i === ae.MOBILE ? /* @__PURE__ */ e.jsx(
+    it,
+    {
+      bottom: n,
+      onHide: o,
+      visible: !0,
+      children: /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          style: s.style,
+          className: `dialog-bottom ${s.className || ""}`,
+          children: [
+            s.header && /* @__PURE__ */ e.jsx("div", { className: "dialog-bottom__header", children: /* @__PURE__ */ e.jsx(K, { type: "heading", children: s.header }) }),
+            /* @__PURE__ */ e.jsx("div", { className: "dialog-bottom__content dialog-bottom__content_color_text-surface-color", children: /* @__PURE__ */ e.jsx("div", { className: "dialog-bottom__content__scroll", children: s.children }) }),
+            s.action && /* @__PURE__ */ e.jsx("div", { className: "dialog-bottom__action", children: s.action })
+          ]
+        }
+      )
+    }
+  ) : /* @__PURE__ */ e.jsx(xn, { ...s, onHide: o });
+}, dn = ({ btns: n, onHide: t, onSuccess: r }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: n.map((s) => s.danger ? /* @__PURE__ */ e.jsx(
+  Ur,
+  {
+    text: s.danger.text,
+    header: s.danger.header,
+    style: { backgroundColor: "var(--Error-color)", ...s.style },
+    onClick: s.success ? r : s.hide ? t : s.onClick,
+    disabled: s.disabled,
+    children: s.text
+  },
+  s.text
+) : /* @__PURE__ */ e.jsx(
+  We,
+  {
+    style: s.style,
+    styleType: s.styleType,
+    onClick: s.success ? r : s.hide ? t : s.onClick,
+    disabled: s.disabled,
+    children: s.text
+  },
+  s.text
+)) }), Yr = ({
+  styleContainer: n,
+  text: t,
+  header: r,
+  actionText: s,
+  cancelText: i = "Отмена",
+  onSuccess: o,
+  onCancel: l,
+  onHide: c,
+  children: a,
+  disableDefaultButtons: d = !1,
+  customActions: u,
+  btns: x
 }) => {
-  const a = $e(Ge), d = a ? a.screen : t, u = n === "heading" || n === "title" || n === "title-2", x = u ? "h3" : "span", f = {
-    fontSize: pt(n, d),
-    fontWeight: Ct(n, r),
-    lineHeight: _t(n, s, d),
-    ...o
-  }, m = u ? "typography-heading" : "typography-text";
-  return /* @__PURE__ */ e.jsx(
-    x,
+  const f = N(() => {
+    o == null || o(), c == null || c();
+  }, [o, c]), m = N(() => {
+    l == null || l(), c == null || c();
+  }, [l, c]), _ = N(() => u || (d ? null : x ? /* @__PURE__ */ e.jsx(dn, { onHide: m, onSuccess: f, btns: x }) : /* @__PURE__ */ e.jsx(dn, { onHide: m, onSuccess: f, btns: [
     {
-      ...c,
-      style: f,
-      className: `${m} ${l}`,
-      children: i
+      text: i,
+      hide: !0,
+      styleType: "outline"
+    },
+    {
+      text: s ?? "OK",
+      success: !0
+    }
+  ] })), [u, d, m, f, s, i]);
+  return /* @__PURE__ */ e.jsxs(
+    qe,
+    {
+      style: n,
+      header: r,
+      onHide: m,
+      action: _(),
+      children: [
+        t && /* @__PURE__ */ e.jsx(K, { type: "body", children: t }),
+        a
+      ]
     }
   );
+}, Ur = ({ text: n, header: t, onClick: r, styleType: s, ...i }) => {
+  const [o, l] = k(!1);
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(We, { styleType: s ?? "filled", ...i, onClick: () => l(!0) }),
+    o && /* @__PURE__ */ e.jsx(Yr, { header: t, text: n, onHide: () => l(!1) })
+  ] });
 };
 const Yn = ({
   text: n,
@@ -2108,7 +2322,7 @@ const Yn = ({
       }
       i == null || i(f);
     }
-  }, [n, o, r, i]), u = c ? /* @__PURE__ */ e.jsx(Le, { "aria-hidden": "true" }) : /* @__PURE__ */ e.jsx(ft, { "aria-hidden": "true" }), x = c ? "Скопировано!" : "Копировать";
+  }, [n, o, r, i]), u = c ? /* @__PURE__ */ e.jsx(Le, { "aria-hidden": "true" }) : /* @__PURE__ */ e.jsx(_t, { "aria-hidden": "true" }), x = c ? "Скопировано!" : "Копировать";
   return t ? /* @__PURE__ */ e.jsxs("div", { className: "copy-button", children: [
     /* @__PURE__ */ e.jsx(
       ye,
@@ -2135,7 +2349,7 @@ const Yn = ({
   );
 };
 var on = /* @__PURE__ */ ((n) => (n[n.OPEN = 0] = "OPEN", n[n.HIDING = 1] = "HIDING", n[n.CLOSE = 2] = "CLOSE", n))(on || {});
-const Yr = ({ valueDisplayDuration: n = 2e3 }) => {
+const Kr = ({ valueDisplayDuration: n = 2e3 }) => {
   const [t, r] = k(
     2
     /* CLOSE */
@@ -2165,7 +2379,7 @@ const Yr = ({ valueDisplayDuration: n = 2e3 }) => {
     hidePopup: o
   };
 };
-const vt = ({ className: n = "", text: t, state: r = on.OPEN }) => r === on.CLOSE ? null : /* @__PURE__ */ e.jsx(
+const bt = ({ className: n = "", text: t, state: r = on.OPEN }) => r === on.CLOSE ? null : /* @__PURE__ */ e.jsx(
   "div",
   {
     className: `alex-evo-sh-ui-kit-tooltip value-popup ${n} ${r === on.HIDING ? "hiding" : ""}`,
@@ -2258,13 +2472,13 @@ function ze(n) {
     b: parseInt(r[3], 16)
   } : null;
 }
-const Ur = ze, Kr = (n) => {
+const Xr = ze, Jr = (n) => {
   if (!n)
     return "linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))";
-  const t = Ur(n);
+  const t = Xr(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 gt(n, t, r) {
+function yt(n, t, r) {
   if (n === 0)
     return r ?? "#e0e0e0";
   if (n === 1)
@@ -2304,7 +2518,7 @@ function me(n) {
 function rn(n, t = !1) {
   return ve(t ? -0.6 : 0.3, n) ?? n;
 }
-const bt = {
+const kt = {
   // BaseColor
   Primary_color: "#6750A4",
   // фиолетовый акцент
@@ -2347,7 +2561,7 @@ const bt = {
   Surface_container_hover_color: "#F2E7FE",
   // Outline
   Outline_variant_color: "#CAC4D0"
-}, Xr = {
+}, qr = {
   Primary_color: (n, t) => {
     const r = rn(n, t);
     return {
@@ -2406,10 +2620,10 @@ const bt = {
     Outline_variant_color: ve(t ? 0.1 : -0.1, n) ?? n
   })
 };
-function Jr(n, t = !1) {
-  const [r, s] = k({ ...bt, ...n }), [i, o] = k(t), l = N(
+function Qr(n, t = !1) {
+  const [r, s] = k({ ...kt, ...n }), [i, o] = k(t), l = N(
     (a, d) => {
-      const u = Xr[a];
+      const u = qr[a];
       if (!u)
         return;
       const x = u(d, i);
@@ -2425,7 +2639,7 @@ function Jr(n, t = !1) {
     setReverse: (a) => o(a)
   };
 }
-const qr = {
+const es = {
   Primary_color: "#6750A4",
   // фиолетовый акцент
   Secondary_color: "#8c5a9c",
@@ -2441,7 +2655,7 @@ const qr = {
   // серый
   Shadow_color: "#000000"
   // чёрный (для теней)
-}, Qr = {
+}, ns = {
   Primary_color: "#D0BCFF",
   // светло-фиолетовый
   Secondary_color: "#dbb0e8",
@@ -2458,17 +2672,17 @@ const qr = {
   Shadow_color: "#000000"
 }, yn = {
   light: {
-    colors: qr
+    colors: es
   },
   dark: {
     reverse: !0,
-    colors: Qr
+    colors: ns
   }
 };
-function es(n = "light") {
+function ts(n = "light") {
   const [t, r] = k(
     yn
-  ), [s, i] = k(n), { colors: o, setColor: l, setReverse: c } = Jr(t[s].colors, t[s].reverse), a = N(
+  ), [s, i] = k(n), { colors: o, setColor: l, setReverse: c } = Qr(t[s].colors, t[s].reverse), a = N(
     (m) => {
       const _ = t[m].colors;
       _ && (Object.entries(_).forEach(([j, p]) => {
@@ -2522,8 +2736,8 @@ function es(n = "light") {
   };
 }
 const Xe = () => {
-}, ns = {
-  colors: bt,
+}, rs = {
+  colors: kt,
   themes: {},
   activeTheme: "",
   setActiveTheme: Xe,
@@ -2531,8 +2745,8 @@ const Xe = () => {
   createTheme: Xe,
   deleteTheme: Xe,
   resetTheme: Xe
-}, En = un(ns), wi = ({ children: n }) => {
-  const t = es();
+}, En = un(rs), wi = ({ children: n }) => {
+  const t = ts();
   return /* @__PURE__ */ e.jsx(En.Provider, { value: t, children: n });
 }, Un = "var(--range-width)", Si = ({
   colorRange: n,
@@ -2552,7 +2766,7 @@ const Xe = () => {
   className: _ = "",
   ...j
 }) => {
-  const p = U(null), C = U(null), [g, w] = k(c ?? s), [v, M] = k("200px"), { colors: R } = $e(En), { showPopup: A, popupState: z } = Yr({ valueDisplayDuration: x }), L = n ?? R.Primary_color ?? "#0000ff";
+  const p = U(null), C = U(null), [g, w] = k(c ?? s), [v, M] = k("200px"), { colors: R } = $e(En), { showPopup: A, popupState: z } = Kr({ valueDisplayDuration: x }), L = n ?? R.Primary_color ?? "#0000ff";
   I(() => {
     var O;
     if (a === "vertical" && ((O = C.current) != null && O.parentElement)) {
@@ -2579,7 +2793,7 @@ const Xe = () => {
   ), y = ge(() => ({
     ...j.style,
     [a === "vertical" ? "height" : "width"]: `${H}%`,
-    background: d === "point" ? "transperent" : d === "static-color" ? L : gt(H / 100, L, m)
+    background: d === "point" ? "transperent" : d === "static-color" ? L : yt(H / 100, L, m)
   }), [H, L, j.style, a, d]), F = ge(() => a === "vertical" ? {
     "--range-width": l,
     "--point-width": d === "point" ? l : "6px",
@@ -2610,7 +2824,7 @@ const Xe = () => {
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "track", style: { background: t }, children: [
           /* @__PURE__ */ e.jsx("div", { className: "active-track", style: y }),
-          /* @__PURE__ */ e.jsx(vt, { text: Math.round(g).toString(), state: z, className: "value-popup" })
+          /* @__PURE__ */ e.jsx(bt, { text: Math.round(g).toString(), state: z, className: "value-popup" })
         ] }),
         /* @__PURE__ */ e.jsx(
           "input",
@@ -2690,7 +2904,7 @@ const Xe = () => {
       const Y = R.current.querySelector('[data-el="indicator"]');
       if (Y) {
         const _e = parseFloat(Y.dataset.percentage ?? "");
-        _e !== null && (_e < oe - 2 || _e > oe + 2) ? Y.style.transition = ".3s" : Y.style.transition = A.current ? "none" : ".3s", Y.dataset.percentage = oe.toString(), Y.style.stroke = c === "static-color" ? q : gt(oe / 100, q, M), Y.style.strokeWidth = a.toString(), Y.style.strokeLinecap = p ? "round" : "", Y.style.strokeDashoffset = W.toString(), Y.style.strokeDasharray = `${Ce}, ${y * Math.PI * 2 - Ce}`;
+        _e !== null && (_e < oe - 2 || _e > oe + 2) ? Y.style.transition = ".3s" : Y.style.transition = A.current ? "none" : ".3s", Y.dataset.percentage = oe.toString(), Y.style.stroke = c === "static-color" ? q : yt(oe / 100, q, M), Y.style.strokeWidth = a.toString(), Y.style.strokeLinecap = p ? "round" : "", Y.style.strokeDashoffset = W.toString(), Y.style.strokeDasharray = `${Ce}, ${y * Math.PI * 2 - Ce}`;
       }
     }
     if ($) {
@@ -2765,10 +2979,10 @@ const Xe = () => {
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx("div", { className: `range-circule-children ${v}`, style: D, children: w ?? (C && /* @__PURE__ */ e.jsx(vt, { className: "", text: Math.floor(ne).toString() })) })
+    /* @__PURE__ */ e.jsx("div", { className: `range-circule-children ${v}`, style: D, children: w ?? (C && /* @__PURE__ */ e.jsx(bt, { className: "", text: Math.floor(ne).toString() })) })
   ] });
 };
-const ts = Re(
+const ss = Re(
   ({
     icon: n,
     children: t,
@@ -2795,7 +3009,7 @@ const ts = Re(
     );
   }
 );
-ts.displayName = "FAB";
+ss.displayName = "FAB";
 const Oe = ({ children: n, container: t = document.body }) => t ? hr.createPortal(
   n,
   t
@@ -2805,7 +3019,7 @@ const je = ({ style: n, short: t, text: r }) => r ? /* @__PURE__ */ e.jsxs("div"
   r,
   /* @__PURE__ */ e.jsx("div", { className: `divider ${t ? "short" : ""}` })
 ] }) : /* @__PURE__ */ e.jsx("div", { style: n, className: `divider ${t ? "short" : ""}` });
-const rs = ({ item: n, isIcon: t, globalClick: r, autoHide: s, onHide: i }) => {
+const is = ({ item: n, isIcon: t, globalClick: r, autoHide: s, onHide: i }) => {
   const o = () => {
     n.onClick && n.onClick(), r && r(), s && (i == null || i());
   };
@@ -2814,7 +3028,7 @@ const rs = ({ item: n, isIcon: t, globalClick: r, autoHide: s, onHide: i }) => {
     /* @__PURE__ */ e.jsx("div", { className: "menu-text-container", children: n.title }),
     /* @__PURE__ */ e.jsx("div", { className: "menu-status-container", children: n.activated ? /* @__PURE__ */ e.jsx(Le, {}) : null })
   ] });
-}, fn = (n) => {
+}, mn = (n) => {
   if (!n)
     return;
   const t = window.getComputedStyle(n), r = n.getBoundingClientRect();
@@ -2824,14 +3038,14 @@ const rs = ({ item: n, isIcon: t, globalClick: r, autoHide: s, onHide: i }) => {
     left: r.left,
     top: r.top
   };
-}, yt = (n, t, r, s) => {
+}, Nt = (n, t, r, s) => {
   let i = { x: n, y: t };
   if (!r)
     return i;
   const o = window.getComputedStyle(r), l = parseFloat(o.getPropertyValue("height")), c = parseFloat(o.getPropertyValue("width")), a = t + l - document.documentElement.clientHeight, d = n + c - document.documentElement.clientWidth;
   return a > 0 && (i.y = i.y - a - ((s == null ? void 0 : s.marginBottom) ?? 0)), d > 0 && (i.x = i.x - d - ((s == null ? void 0 : s.marginRight) ?? 0)), i;
 };
-const ss = ({ items: n, onHide: t, smallDisplay: r, globalClick: s, autoHide: i, onGlobalHide: o }) => {
+const os = ({ items: n, onHide: t, smallDisplay: r, globalClick: s, autoHide: i, onGlobalHide: o }) => {
   const l = U(null), [c, a] = k({ left: "0px", top: "0px" }), [d, u] = k(!1);
   function x(f) {
     for (let m of f)
@@ -2842,19 +3056,19 @@ const ss = ({ items: n, onHide: t, smallDisplay: r, globalClick: s, autoHide: i,
   return I(() => {
     if (!l.current)
       return;
-    let f = fn(l.current.parentElement);
+    let f = mn(l.current.parentElement);
     if (!f)
       return;
-    let m = yt(f.left + f.width, f.top, l.current, { marginRight: f.width });
+    let m = Nt(f.left + f.width, f.top, l.current, { marginRight: f.width });
     a({
       left: m.x - f.left + "px",
       top: m.y - f.top + "px"
     }), u(!0);
   }, []), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { ref: l, className: `menu-block menu-block_color_surface-container-highest ${r ? "" : "menu-block_sub"}`, style: { ...c, ...d ? {} : { display: "none" } }, children: n.map((f, m) => /* @__PURE__ */ e.jsx(rs, { onHide: o, autoHide: i, item: f, isIcon: x(n), globalClick: s }, m)) }),
+    /* @__PURE__ */ e.jsx("div", { ref: l, className: `menu-block menu-block_color_surface-container-highest ${r ? "" : "menu-block_sub"}`, style: { ...c, ...d ? {} : { display: "none" } }, children: n.map((f, m) => /* @__PURE__ */ e.jsx(is, { onHide: o, autoHide: i, item: f, isIcon: x(n), globalClick: s }, m)) }),
     r ? null : /* @__PURE__ */ e.jsx("div", { style: { zIndex: 4 }, className: "menu-block-backplate", onClick: t })
   ] });
-}, is = ({ onHide: n, autoHide: t, globalClick: r, item: s, isIcon: i, smallDisplay: o }) => {
+}, as = ({ onHide: n, autoHide: t, globalClick: r, item: s, isIcon: i, smallDisplay: o }) => {
   const [l, c] = k(!1), a = N(() => {
     s.subItems ? c((d) => !d) : (s.onClick && s.onClick(), r && r(), t && n && n());
   }, [s.onClick]);
@@ -2864,50 +3078,29 @@ const ss = ({ items: n, onHide: t, smallDisplay: r, globalClick: s, autoHide: i,
       /* @__PURE__ */ e.jsx("div", { className: "menu-item__info__text", children: s.title }),
       /* @__PURE__ */ e.jsx("div", { className: "menu-item__info__status ", children: s.subItems ? /* @__PURE__ */ e.jsx("span", { className: `menu-item__info__status__arrow ${l ? "menu-item__info__status__arrow_active" : ""}` }) : s.activated ? /* @__PURE__ */ e.jsx(Le, {}) : /* @__PURE__ */ e.jsx("span", { className: "menu-item__info__status__none" }) })
     ] }),
-    l && s.subItems ? /* @__PURE__ */ e.jsx(ss, { autoHide: t, items: s.subItems, onGlobalHide: n, onHide: () => c(!1), smallDisplay: o }) : null
+    l && s.subItems ? /* @__PURE__ */ e.jsx(os, { autoHide: t, items: s.subItems, onGlobalHide: n, onHide: () => c(!1), smallDisplay: o }) : null
   ] });
 };
-function kt({ block: n, smallDisplay: t, onHide: r, globalClick: s, autoHide: i }) {
+function wt({ block: n, smallDisplay: t, onHide: r, globalClick: s, autoHide: i }) {
   function o(l) {
     for (let c of l.items)
       if (c.icon)
         return !0;
     return !1;
   }
-  return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((l, c) => /* @__PURE__ */ e.jsx(is, { globalClick: s, autoHide: i, onHide: r, item: l, isIcon: o(n), smallDisplay: t }, c)) });
+  return /* @__PURE__ */ e.jsx("div", { className: "menu-block", children: n.items.map((l, c) => /* @__PURE__ */ e.jsx(as, { globalClick: s, autoHide: i, onHide: r, item: l, isIcon: o(n), smallDisplay: t }, c)) });
 }
-const xn = ({ children: n, onHide: t, disableBackplate: r }) => {
-  function s(i) {
-    i.stopPropagation(), t && t();
-  }
-  return /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: `modal-template ${r ? "modal-template_z_0" : ""}`,
-      children: [
-        /* @__PURE__ */ e.jsx(
-          "div",
-          {
-            onClick: s,
-            className: `modal-template__backplate ${r ? "modal-template__backplate_disable" : ""}`
-          }
-        ),
-        n
-      ]
-    }
-  );
-};
-const os = 100, as = (n) => {
+const ls = 100, cs = (n) => {
   const t = U(null), [r, s] = k({ left: "0px", top: "0px" }), i = () => {
     n.onHide && n.onHide();
   };
   return cr(() => {
-    let o = yt(n.x, n.y, t.current, { marginBottom: os });
+    let o = Nt(n.x, n.y, t.current, { marginBottom: ls });
     s({
       left: o.x + "px",
       top: o.y + "px"
     });
-  }, [n.x, n.y]), n.visible ? /* @__PURE__ */ e.jsx(xn, { onHide: i, children: /* @__PURE__ */ e.jsx(
+  }, [n.x, n.y]), n.visible ? /* @__PURE__ */ e.jsx(hn, { onHide: i, children: /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: t,
@@ -2915,19 +3108,19 @@ const os = 100, as = (n) => {
       style: { ...r, width: n.width, maxWidth: n.width ? "100%" : void 0 },
       children: n.blocks.map((o, l) => /* @__PURE__ */ e.jsxs(ce.Fragment, { children: [
         l !== 0 ? /* @__PURE__ */ e.jsx(je, {}) : null,
-        /* @__PURE__ */ e.jsx(kt, { block: o, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: i })
+        /* @__PURE__ */ e.jsx(wt, { block: o, smallDisplay: !1, globalClick: n.onClick, autoHide: n.autoHide, onHide: i })
       ] }, l))
     }
   ) }) : null;
 };
-const ls = (n) => {
+const ds = (n) => {
   const t = () => {
   };
-  return /* @__PURE__ */ e.jsx(Rt, { onHide: n.onHide || t, visible: n.visible, bottom: n.marginBottom, children: /* @__PURE__ */ e.jsx("div", { className: "small-window-menu", children: n.blocks.map((r, s) => /* @__PURE__ */ e.jsxs(ce.Fragment, { children: [
+  return /* @__PURE__ */ e.jsx(it, { onHide: n.onHide || t, visible: n.visible, bottom: n.marginBottom, children: /* @__PURE__ */ e.jsx("div", { className: "small-window-menu", children: n.blocks.map((r, s) => /* @__PURE__ */ e.jsxs(ce.Fragment, { children: [
     s !== 0 ? /* @__PURE__ */ e.jsx(je, {}) : null,
-    /* @__PURE__ */ e.jsx(kt, { block: r, smallDisplay: !0, autoHide: n.autoHide, onHide: n.onHide })
+    /* @__PURE__ */ e.jsx(wt, { block: r, smallDisplay: !0, autoHide: n.autoHide, onHide: n.onHide })
   ] }, s)) }) });
-}, Nt = (n) => n.screensize === ae.MOBILE ? /* @__PURE__ */ e.jsx(Oe, { container: n.container, children: /* @__PURE__ */ e.jsx(ls, { ...n }) }) : /* @__PURE__ */ e.jsx(Oe, { container: n.container, children: /* @__PURE__ */ e.jsx(as, { ...n }) }), Li = ce.forwardRef(({ screensize: n, autoHide: t, blocks: r, container: s, onClick: i, ...o }, l) => {
+}, St = (n) => n.screensize === ae.MOBILE ? /* @__PURE__ */ e.jsx(Oe, { container: n.container, children: /* @__PURE__ */ e.jsx(ds, { ...n }) }) : /* @__PURE__ */ e.jsx(Oe, { container: n.container, children: /* @__PURE__ */ e.jsx(cs, { ...n }) }), Li = ce.forwardRef(({ screensize: n, autoHide: t, blocks: r, container: s, onClick: i, ...o }, l) => {
   const [c, a] = k(!1), [d, u] = k(void 0), { screen: x } = $e(Ge), f = () => {
     a(!1), u(void 0);
   }, m = (j) => {
@@ -2943,7 +3136,7 @@ const ls = (n) => {
       }
     ),
     /* @__PURE__ */ e.jsx(
-      Nt,
+      St,
       {
         marginBottom: _ === ae.MOBILE ? 80 : 0,
         onHide: f,
@@ -2958,7 +3151,7 @@ const ls = (n) => {
     )
   ] });
 });
-const wt = ce.forwardRef(
+const Mt = ce.forwardRef(
   ({
     name: n,
     checked: t,
@@ -2999,8 +3192,8 @@ const wt = ce.forwardRef(
     }
   )
 );
-wt.displayName = "Checkbox";
-const St = ce.forwardRef(
+Mt.displayName = "Checkbox";
+const Lt = ce.forwardRef(
   ({ text: n, onDelete: t, big: r, onClick: s, screenSize: i, className: o, disabled: l, ...c }, a) => {
     const d = (x) => {
       x.stopPropagation(), t == null || t(x);
@@ -3033,8 +3226,8 @@ const St = ce.forwardRef(
     );
   }
 );
-St.displayName = "Chips";
-const Mt = Re(
+Lt.displayName = "Chips";
+const $t = Re(
   ({
     name: n,
     currentValue: t,
@@ -3073,8 +3266,8 @@ const Mt = Re(
     ] });
   }
 );
-Mt.displayName = "RadioButton";
-const Lt = Re(
+$t.displayName = "RadioButton";
+const Rt = Re(
   ({
     items: n,
     value: t,
@@ -3137,8 +3330,8 @@ const Lt = Re(
     );
   }
 );
-Lt.displayName = "SegmentedButton";
-const $t = Re(
+Rt.displayName = "SegmentedButton";
+const Et = Re(
   ({
     size: n = "medium",
     variant: t = "primary",
@@ -3166,202 +3359,7 @@ const $t = Re(
     s && /* @__PURE__ */ e.jsx("span", { className: "switch-label", children: l ? i : o })
   ] })
 );
-$t.displayName = "Switch";
-const Rt = ({ bottom: n = 0, ...t }) => {
-  const [r, s] = k(!1), [i, o] = k(!0), l = U(null), c = N(() => {
-    s(!0), setTimeout(() => {
-      t.onHide(), s(!1), o(!0);
-    }, 200);
-  }, [t.onHide]);
-  I(() => {
-    t.visible && o(!1);
-  }, [t.visible]), I(() => {
-    !t.visible && !i && c();
-  }, [t.visible, c, i]);
-  const a = N((f) => {
-    window.innerHeight - f.changedTouches[0].clientY <= 150 && c(), l.current && (l.current.style.height = `${window.innerHeight - f.changedTouches[0].clientY + 20 - n}px`);
-  }, [c]), d = (f) => {
-    window.innerHeight - f.clientY + 20 <= 150 && c(), l.current && (l.current.style.height = `${window.innerHeight - f.clientY + 20 - n}px`);
-  }, u = () => {
-    document.body.removeEventListener("mousemove", d), document.body.removeEventListener("mouseup", u);
-  }, x = () => {
-    document.body.addEventListener("mousemove", d), document.body.addEventListener("mouseup", u);
-  };
-  return I(() => () => {
-    document.body.removeEventListener("mousemove", d), document.body.removeEventListener("mouseup", u);
-  }), i && !r || !t.children ? null : /* @__PURE__ */ e.jsx(xn, { onHide: c, children: /* @__PURE__ */ e.jsxs("div", { ref: l, style: { paddingBottom: n }, className: `bottom-sheets ${r ? "bottom-sheets_hide" : "bottom-sheets_show"}`, children: [
-    /* @__PURE__ */ e.jsx("div", { role: "presentation", "data-testid": "bottom-sheet-handle", className: "bottom-sheets__handle", onMouseDown: x, onTouchMove: a, children: /* @__PURE__ */ e.jsx("span", {}) }),
-    /* @__PURE__ */ e.jsx("div", { className: "bottom-sheets__content", children: t.children })
-  ] }) });
-}, Et = (n, t) => {
-  I(() => {
-    if (n) {
-      const r = window.innerWidth - document.documentElement.clientWidth;
-      t.style.overflow = "hidden", t.style.paddingRight = `${r}px`;
-    } else
-      t.style.overflow = "", t.style.paddingRight = "";
-    return () => {
-      t.style.overflow = "", t.style.paddingRight = "";
-    };
-  }, [n]);
-};
-const mn = ({
-  className: n = "",
-  children: t,
-  header: r,
-  action: s,
-  onHide: i,
-  style: o,
-  clearStyle: l = !1,
-  disableBackplate: c,
-  marginBottom: a,
-  maxWidth: d = "560px",
-  showCloseButton: u = !1,
-  ariaLabel: x
-}) => {
-  const f = () => {
-    i && i();
-  }, m = {
-    ...o,
-    marginBottom: a,
-    maxWidth: typeof d == "number" ? `${d}px` : d
-  };
-  return /* @__PURE__ */ e.jsx(
-    xn,
-    {
-      onHide: f,
-      disableBackplate: c,
-      children: /* @__PURE__ */ 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": x || r,
-          children: [
-            r && /* @__PURE__ */ e.jsxs("div", { className: "dialog-template__container__header dialog-template__container__header_color_surface-container", children: [
-              /* @__PURE__ */ e.jsx(K, { type: "heading", children: r }),
-              u && /* @__PURE__ */ e.jsx(
-                ye,
-                {
-                  className: "dialog-template__container__header__button dialog-template__container__header__button_color_surface-container",
-                  onClick: f,
-                  "aria-label": "Close dialog",
-                  icon: /* @__PURE__ */ e.jsx(ke, {})
-                }
-              )
-            ] }),
-            /* @__PURE__ */ e.jsx("div", { className: "dialog-template__container__content", children: t }),
-            s && /* @__PURE__ */ e.jsx("div", { className: "dialog-template__container__action", children: s })
-          ]
-        }
-      )
-    }
-  );
-};
-const qe = ({
-  marginBottom: n = 80,
-  forceBottomSheet: t = !1,
-  forceModal: r = !1,
-  ...s
-}) => {
-  const { screen: i } = $e(Ge);
-  Et(!0, document.body);
-  const o = () => {
-    var c;
-    (c = s.onHide) == null || c.call(s);
-  };
-  return t || !r && i === ae.MOBILE ? /* @__PURE__ */ e.jsx(
-    Rt,
-    {
-      bottom: n,
-      onHide: o,
-      visible: !0,
-      children: /* @__PURE__ */ e.jsxs(
-        "div",
-        {
-          style: s.style,
-          className: `dialog-bottom ${s.className || ""}`,
-          children: [
-            s.header && /* @__PURE__ */ e.jsx("div", { className: "dialog-bottom__header", children: /* @__PURE__ */ e.jsx(K, { type: "heading", children: s.header }) }),
-            /* @__PURE__ */ e.jsx("div", { className: "dialog-bottom__content dialog-bottom__content_color_text-surface-color", children: /* @__PURE__ */ e.jsx("div", { className: "dialog-bottom__content__scroll", children: s.children }) }),
-            s.action && /* @__PURE__ */ e.jsx("div", { className: "dialog-bottom__action", children: s.action })
-          ]
-        }
-      )
-    }
-  ) : /* @__PURE__ */ e.jsx(mn, { ...s, onHide: o });
-}, cs = ({ text: n, header: t, onClick: r, styleType: s, ...i }) => {
-  const [o, l] = k(!1);
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(We, { styleType: s ?? "filled", ...i, onClick: () => l(!0) }),
-    o && /* @__PURE__ */ e.jsx(ds, { header: t, text: n, onHide: () => l(!1) })
-  ] });
-}, dn = ({ btns: n, onHide: t, onSuccess: r }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: n.map((s) => s.danger ? /* @__PURE__ */ e.jsx(
-  cs,
-  {
-    text: s.danger.text,
-    header: s.danger.header,
-    style: { backgroundColor: "var(--Error-color)", ...s.style },
-    onClick: s.success ? r : s.hide ? t : s.onClick,
-    disabled: s.disabled,
-    children: s.text
-  },
-  s.text
-) : /* @__PURE__ */ e.jsx(
-  We,
-  {
-    style: s.style,
-    styleType: s.styleType,
-    onClick: s.success ? r : s.hide ? t : s.onClick,
-    disabled: s.disabled,
-    children: s.text
-  },
-  s.text
-)) }), ds = ({
-  styleContainer: n,
-  text: t,
-  header: r,
-  actionText: s,
-  cancelText: i = "Отмена",
-  onSuccess: o,
-  onCancel: l,
-  onHide: c,
-  children: a,
-  disableDefaultButtons: d = !1,
-  customActions: u,
-  btns: x
-}) => {
-  const f = N(() => {
-    o == null || o(), c == null || c();
-  }, [o, c]), m = N(() => {
-    l == null || l(), c == null || c();
-  }, [l, c]), _ = N(() => u || (d ? null : x ? /* @__PURE__ */ e.jsx(dn, { onHide: m, onSuccess: f, btns: x }) : /* @__PURE__ */ e.jsx(dn, { onHide: m, onSuccess: f, btns: [
-    {
-      text: i,
-      hide: !0,
-      styleType: "outline"
-    },
-    {
-      text: s ?? "OK",
-      success: !0
-    }
-  ] })), [u, d, m, f, s, i]);
-  return /* @__PURE__ */ e.jsxs(
-    qe,
-    {
-      style: n,
-      header: r,
-      onHide: m,
-      action: _(),
-      children: [
-        t && /* @__PURE__ */ e.jsx(K, { type: "body", children: t }),
-        a
-      ]
-    }
-  );
-};
+Et.displayName = "Switch";
 function us({
   onSuccess: n,
   items: t,
@@ -3419,7 +3417,7 @@ function us({
                     description: j.description,
                     onClick: j.disabled ? void 0 : () => _(j.data),
                     control: /* @__PURE__ */ e.jsx(
-                      Mt,
+                      $t,
                       {
                         onClick: j.disabled ? void 0 : () => _(j.data),
                         name: o,
@@ -3681,7 +3679,7 @@ const Ri = ({
   btns: x
 }) => {
   const { screen: f } = $e(Ge);
-  Et(!0, document.body);
+  st(!0, document.body);
   const m = () => {
     o == null || o();
   }, _ = () => {
@@ -3721,7 +3719,7 @@ const Ri = ({
       ]
     }
   ) : /* @__PURE__ */ e.jsx(
-    mn,
+    xn,
     {
       disableBackplate: c,
       style: n,
@@ -3907,7 +3905,7 @@ const xs = 10, ms = 2e-3, Ti = ({
   const [d, u] = k(o ? l : !0), x = U(null), f = (p) => {
     if (!p)
       return;
-    const C = fn(p);
+    const C = mn(p);
     if (C)
       return C.height + xs;
   }, m = (p) => {
@@ -4272,12 +4270,12 @@ const gs = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
       x
     )) }) }),
     (s || i || o) && /* @__PURE__ */ e.jsx("td", { className: "w-[180px] table-edit-button no-click", children: /* @__PURE__ */ e.jsxs("div", { className: "table-edit-button", children: [
-      o && /* @__PURE__ */ e.jsx(ye, { transparent: !0, icon: /* @__PURE__ */ e.jsx(ct, {}), onClick: () => o(t, c) }),
+      o && /* @__PURE__ */ e.jsx(ye, { transparent: !0, icon: /* @__PURE__ */ e.jsx(mt, {}), onClick: () => o(t, c) }),
       i && /* @__PURE__ */ e.jsx(
         ye,
         {
           transparent: !0,
-          icon: /* @__PURE__ */ e.jsx(st, { className: "text-red-500" }),
+          icon: /* @__PURE__ */ e.jsx(dt, { className: "text-red-500" }),
           onClick: () => i(t, c)
         }
       ),
@@ -4285,7 +4283,7 @@ const gs = ({ data: n, column: t, color: r, backgroundColor: s, H: i }) => {
         ye,
         {
           transparent: !0,
-          icon: /* @__PURE__ */ e.jsx(at, {}),
+          icon: /* @__PURE__ */ e.jsx(ft, {}),
           onClick: (u) => s(u, t, c)
         }
       )
@@ -4464,7 +4462,7 @@ const ws = ({ icon: n, title: t, to: r }) => /* @__PURE__ */ e.jsxs(Sn, { to: r,
 			`, children: t }),
   /* @__PURE__ */ e.jsx("div", { className: "navigation-item-rail__text navigation-item-rail__text_color_surface-variant", children: r })
 ] }), Wi = ({ 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(sn, { icon: /* @__PURE__ */ e.jsx(lt, { className: "navigation-rail__block__content__icon navigation-rail__block__content__icon_color_surface-variant" }), onClick: n }) : null,
+  n ? /* @__PURE__ */ e.jsx(sn, { icon: /* @__PURE__ */ e.jsx(xt, { 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(je, {}),
     /* @__PURE__ */ e.jsx(sn, { active: t.active, title: t.text, icon: t.icon ?? /* @__PURE__ */ e.jsx(cn, {}), onClick: (i) => {
@@ -4656,7 +4654,7 @@ const Fs = [
     o && (r == null || r(o), i && (n == null || n()), A(o));
   }, [o, r, A]);
   return /* @__PURE__ */ e.jsxs(
-    mn,
+    xn,
     {
       className: "color-picker-panel",
       onHide: n,
@@ -4871,7 +4869,7 @@ const Fs = [
           className: "color-icon-container icon-container",
           onClick: _,
           "aria-label": "Open color picker",
-          children: /* @__PURE__ */ e.jsx(it, {})
+          children: /* @__PURE__ */ e.jsx(ut, {})
         }
       )
     ] }),
@@ -4928,7 +4926,7 @@ const Os = 2050, Qn = 1900, Se = [
     let v = /* @__PURE__ */ new Date();
     v.setFullYear(c), d.type === "NEXT_MONTH" ? o === Se[11] ? (v.setMonth(0), v.setFullYear(c + 1)) : v.setMonth(Se.indexOf(o) + 1) : d.type === "PREV_MONTH" ? o === Se[0] ? (v.setMonth(11), v.setFullYear(c - 1)) : v.setMonth(Se.indexOf(o) - 1) : v.setMonth(Se.indexOf(o)), v.setDate(d.day), n && n(v.getFullYear(), v.getMonth(), v.getDate()), t && t();
   }, [o, c, n, t, d]);
-  return /* @__PURE__ */ e.jsxs(mn, { className: "calendar-body-container", style: { maxWidth: "328px" }, children: [
+  return /* @__PURE__ */ e.jsxs(xn, { className: "calendar-body-container", style: { maxWidth: "328px" }, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "calendar-body-select-container", children: [
       /* @__PURE__ */ e.jsx("div", { className: "month", children: /* @__PURE__ */ e.jsxs("span", { className: x === "MONTHS" ? "active" : "", onClick: () => f(
         "MONTHS"
@@ -5007,7 +5005,7 @@ const Os = 2050, Qn = 1900, Se = [
           ${j ? "input-field_error" : ""}
           ${u ? "input-field_disabled" : ""}
         `, children: [
-      /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container", onClick: p, children: /* @__PURE__ */ e.jsx(ot, {}) }),
+      /* @__PURE__ */ e.jsx("div", { className: "input-field__icon-container", onClick: p, children: /* @__PURE__ */ e.jsx(ht, {}) }),
       /* @__PURE__ */ e.jsx("div", { className: "input-field__input-container", onClick: p, children: /* @__PURE__ */ e.jsx(
         "input",
         {
@@ -5138,7 +5136,7 @@ const zs = ({
                   "aria-label": u,
                   "aria-multiselectable": "false",
                   children: j.map((L, P) => /* @__PURE__ */ e.jsx(
-                    St,
+                    Lt,
                     {
                       text: L,
                       onDelete: () => z(P),
@@ -5314,7 +5312,7 @@ const Dt = ce.forwardRef(({
                 "aria-label": "Decrease value",
                 tabIndex: 0,
                 onKeyDown: (D) => D.key === "Enter" && oe(),
-                children: /* @__PURE__ */ e.jsx(ht, {})
+                children: /* @__PURE__ */ e.jsx(Ct, {})
               }
             ),
             /* @__PURE__ */ e.jsx(
@@ -5326,7 +5324,7 @@ const Dt = ce.forwardRef(({
                 "aria-label": "Increase value",
                 tabIndex: 0,
                 onKeyDown: (D) => D.key === "Enter" && ue(),
-                children: /* @__PURE__ */ e.jsx(ut, {})
+                children: /* @__PURE__ */ e.jsx(pt, {})
               }
             )
           ] })
@@ -5479,7 +5477,7 @@ const Gs = ({ setHours: n, setMinutes: t, switchMode: r, hours: s, minutes: i, o
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "clock-input-container", children: c ? /* @__PURE__ */ e.jsx(Ys, { setMinutes: u }) : /* @__PURE__ */ e.jsx(Zs, { setHours: d }) }),
     /* @__PURE__ */ e.jsxs("div", { className: "enter-time-action", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => r(), children: /* @__PURE__ */ e.jsx(dt, {}) }),
+      /* @__PURE__ */ e.jsx("div", { className: "enter-time-icon", onClick: () => r(), children: /* @__PURE__ */ e.jsx(jt, {}) }),
       /* @__PURE__ */ e.jsx(be, { className: "little", onClick: x, children: "Cancel" }),
       /* @__PURE__ */ e.jsx(be, { className: "little", onClick: l, children: "OK" })
     ] })
@@ -5692,7 +5690,7 @@ const kn = 0, Nn = 100, Zi = ({ showValue: n = !0, ...t }) => {
     s(Number(f.target.value)), t.onChange && t.onChange(f);
   }, d = (f, m, _) => {
     if (l.current && c.current) {
-      let j = fn(c.current);
+      let j = mn(c.current);
       if (j)
         return Js(f, m, _, 0, _ - m) * (j.width - 20) / (_ - m);
     }
@@ -5714,7 +5712,7 @@ const kn = 0, Nn = 100, Zi = ({ showValue: n = !0, ...t }) => {
     t.showMinMax ? /* @__PURE__ */ e.jsx("div", { className: "value right", children: t.max ?? Nn }) : null
   ] }) });
 };
-const Yi = ({ className: n, text: t, title: r, hexColor: s, hexBackground: i, style: o, btn: l }) => /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-sh-ui-kit-empty-page ${n ?? ""}`, style: { background: Kr(i), color: s, ...o }, children: [
+const Yi = ({ className: n, text: t, title: r, hexColor: s, hexBackground: i, style: o, btn: l }) => /* @__PURE__ */ e.jsxs("div", { className: `alex-evo-sh-ui-kit-empty-page ${n ?? ""}`, style: { background: Jr(i), color: s, ...o }, children: [
   /* @__PURE__ */ e.jsx("h2", { children: r }),
   t ? /* @__PURE__ */ e.jsx("p", { children: t }) : null,
   l ? /* @__PURE__ */ e.jsx(We, { styleType: l.styleType ?? "filled", style: l.style, className: l.className, onClick: l.onClick, children: l.text }) : null
@@ -5757,7 +5755,7 @@ const qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initCompo
     ] }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "json-line", children: [
       "}",
-      !n && !o ? /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: i, children: /* @__PURE__ */ e.jsx(hn, {}) }) : null
+      !n && !o ? /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: i, children: /* @__PURE__ */ e.jsx(fn, {}) }) : null
     ] })
   ] }) });
 }, Qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initComponent: o, onlyStringValue: l }) => {
@@ -5794,7 +5792,7 @@ const qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initCompo
     ] }) : null,
     /* @__PURE__ */ e.jsxs("div", { className: "json-line", children: [
       "]",
-      !n && !o ? /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: i, children: /* @__PURE__ */ e.jsx(hn, {}) }) : null
+      !n && !o ? /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: i, children: /* @__PURE__ */ e.jsx(fn, {}) }) : null
     ] })
   ] }) });
 }, ei = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i }) => {
@@ -5806,7 +5804,7 @@ const qs = ({ readonly: n, name: t, data: r, onChange: s, onDelete: i, initCompo
     ":",
     n ? /* @__PURE__ */ e.jsx("span", { className: "json-base-data", children: String(r) }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx("span", { className: "json-base-data", children: /* @__PURE__ */ e.jsx("input", { size: (r == null ? void 0 : r.toString().length) || 10, onChange: o, className: "json-base-data-input", type: "text", value: r !== void 0 ? String(r) : "" }) }),
-      /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: i, children: /* @__PURE__ */ e.jsx(hn, {}) })
+      /* @__PURE__ */ e.jsx("span", { className: "json-element json-btn", onClick: i, children: /* @__PURE__ */ e.jsx(fn, {}) })
     ] })
   ] }) }) });
 };
@@ -5882,12 +5880,12 @@ const ni = ({
     left: `${o.x}px`,
     zIndex: 1e3
   };
-  return /* @__PURE__ */ e.jsx(xn, { onHide: i, children: /* @__PURE__ */ e.jsx(js, { className: "multi-filter", style: a, children: /* @__PURE__ */ e.jsx("div", { ref: l, children: n.map(({ name: d, options: u }, x) => /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: 16 }, children: [
+  return /* @__PURE__ */ e.jsx(hn, { onHide: i, children: /* @__PURE__ */ e.jsx(js, { className: "multi-filter", style: a, children: /* @__PURE__ */ e.jsx("div", { ref: l, children: n.map(({ name: d, options: u }, x) => /* @__PURE__ */ e.jsxs("div", { style: { marginBottom: 16 }, children: [
     x !== 0 && /* @__PURE__ */ e.jsx(je, {}),
     /* @__PURE__ */ e.jsx(K, { type: "title-2", weight: "bold", children: d }),
     /* @__PURE__ */ e.jsx("div", { className: "filter-block", children: u.map((f) => /* @__PURE__ */ e.jsxs("label", { className: "filter-field", children: [
       /* @__PURE__ */ e.jsx(
-        wt,
+        Mt,
         {
           name: d,
           checked: (t[d] || []).includes(f),
@@ -5926,7 +5924,7 @@ const ni = ({
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx("div", { className: `search-container ${l ? "border" : ""}`, children: /* @__PURE__ */ e.jsxs("div", { className: "search-field", children: [
-      u ? /* @__PURE__ */ e.jsx("span", { onClick: p, children: /* @__PURE__ */ e.jsx(Ln, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: w, children: /* @__PURE__ */ e.jsx(mt, {}) }),
+      u ? /* @__PURE__ */ e.jsx("span", { onClick: p, children: /* @__PURE__ */ e.jsx(Ln, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: w, children: /* @__PURE__ */ e.jsx(gt, {}) }),
       /* @__PURE__ */ e.jsx("input", { placeholder: t, type: "text", ref: c, onChange: C, onKeyDown: g, value: a, onFocus: () => x(!0) }),
       u ? /* @__PURE__ */ e.jsx("span", { onClick: j, children: /* @__PURE__ */ e.jsx(ke, {}) }) : /* @__PURE__ */ e.jsx("span", { onClick: _, children: /* @__PURE__ */ e.jsx($n, {}) })
     ] }) }),
@@ -5972,9 +5970,9 @@ const Ji = ({
   ...d
 }) => {
   const u = U(null), x = U(null), [f, m] = k(!1), _ = n === "heading" || n === "title" || n === "title-2", j = _ ? "h3" : "span", p = {
-    fontSize: pt(n, t),
-    fontWeight: Ct(n, r),
-    lineHeight: _t(n, s, t),
+    fontSize: at(n, t),
+    fontWeight: lt(n, r),
+    lineHeight: ct(n, s, t),
     ...l
   }, C = _ ? "typography-heading" : "typography-text", g = N(() => {
     if (!u.current || !x.current)
@@ -6060,7 +6058,7 @@ const nt = (n, t) => {
       if (g)
         return;
       $.preventDefault();
-      let O = fn($.currentTarget), q = (O == null ? void 0 : O.left) ?? $.pageX, Q = O != null && O.top ? O.top + O.height : $.pageY;
+      let O = mn($.currentTarget), q = (O == null ? void 0 : O.left) ?? $.pageX, Q = O != null && O.top ? O.top + O.height : $.pageY;
       A({ x: q, y: Q, width: (O == null ? void 0 : O.width) ?? 150 }), L(!0);
     }, [s, H, g]), F = {
       small: "input-field__text-field_small",
@@ -6097,7 +6095,7 @@ const nt = (n, t) => {
       ] }) }),
       P && C && /* @__PURE__ */ e.jsx(K, { type: "small", className: "input-field-container__error-text", children: C }),
       p && !P && /* @__PURE__ */ e.jsx(K, { type: "small", className: "input-field-container__helper-text", children: p }),
-      /* @__PURE__ */ e.jsx(Nt, { marginBottom: r === ae.MOBILE ? 80 : 0, width: R.width, screensize: r, x: R.x, y: R.y, onHide: () => L(!1), container: m, blocks: [{ items: s.map(H) }], visible: z })
+      /* @__PURE__ */ e.jsx(St, { marginBottom: r === ae.MOBILE ? 80 : 0, width: R.width, screensize: r, x: R.x, y: R.y, onHide: () => L(!1), container: m, blocks: [{ items: s.map(H) }], visible: z })
     ] });
   }
 );
@@ -6130,55 +6128,55 @@ const ri = ({ icons: n, value: t, onChange: r, disabled: s, placeholder: i, cont
     ) })
   ] });
 }, Bt = {
-  Dashboard: Wr,
-  Copy: ft,
-  LogoutIcon: $r,
-  Room: Rr,
-  Group: Lr,
-  OkUserIcon: Mr,
-  XUserIcon: Sr,
-  MinusUserIcon: wr,
-  AddUserIcon: kr,
-  UserIcon: Nr,
-  LinkIcon: yr,
-  UnLinkIcon: br,
-  GearIcon: gr,
+  Dashboard: Gr,
+  Copy: _t,
+  LogoutIcon: Er,
+  Room: Fr,
+  Group: Rr,
+  OkUserIcon: $r,
+  XUserIcon: Lr,
+  MinusUserIcon: Mr,
+  AddUserIcon: wr,
+  UserIcon: Sr,
+  LinkIcon: Nr,
+  UnLinkIcon: kr,
+  GearIcon: yr,
   X: ke,
-  Trash: st,
-  Pen: ct,
-  Palette: it,
-  Home: _r,
+  Trash: dt,
+  Pen: mt,
+  Palette: ut,
+  Home: gr,
   MoreHorizontal: cn,
-  MenuIcon: lt,
-  MoreVertical: at,
-  CircleMinus: hn,
-  Calendar: ot,
+  MenuIcon: xt,
+  MoreVertical: ft,
+  CircleMinus: fn,
+  Calendar: ht,
   Check: Le,
   ChevronDown: ln,
   CirclePlus: Rn,
   Clock: Mn,
   ArrowLeft: Ln,
-  ArrowRight: pr,
-  ArrowUp: Cr,
-  Keyboard: dt,
+  ArrowRight: _r,
+  ArrowUp: vr,
+  Keyboard: jt,
   Search: $n,
-  Plus: ut,
-  Minus: ht,
-  Plug: vr,
-  LampIcon: Er,
-  SwitchIcon: Fr,
-  ConditionerIcon: Tr,
-  ConditionerIcon2: Vr,
-  TempHighIcon: xt,
-  Sensor: Or,
-  Sensor2: Dr,
-  Sensor3: Ir,
-  SensorWarning: Ar,
-  Curtains: Pr,
-  FilterIcon: mt,
-  Play: Br,
-  ToolsIcon: Hr,
-  Addons: zr
+  Plus: pt,
+  Minus: Ct,
+  Plug: br,
+  LampIcon: Vr,
+  SwitchIcon: Tr,
+  ConditionerIcon: Dr,
+  ConditionerIcon2: Or,
+  TempHighIcon: vt,
+  Sensor: Ir,
+  Sensor2: Ar,
+  Sensor3: Pr,
+  SensorWarning: Br,
+  Curtains: Hr,
+  FilterIcon: gt,
+  Play: Wr,
+  ToolsIcon: zr,
+  Addons: Zr
 }, si = Object.entries(Bt).map(([n, t]) => ({
   id: n,
   name: n.charAt(0).toUpperCase() + n.slice(1),
@@ -6257,7 +6255,7 @@ const Ee = (n) => {
     c && c(d.target.checked);
   };
   return /* @__PURE__ */ e.jsx("div", { className: `input-field form-switch ${i}`, style: r, children: /* @__PURE__ */ e.jsx(
-    $t,
+    Et,
     {
       readOnly: s,
       ref: t,
@@ -6274,7 +6272,7 @@ const Ee = (n) => {
     c && c(!1);
   }, d = N(() => l ? [n ?? o] : [], [l, o, n]);
   return /* @__PURE__ */ e.jsx(
-    Lt,
+    Rt,
     {
       className: i,
       style: r,
@@ -6346,149 +6344,150 @@ const ji = (n) => {
   DateField: pi
 });
 export {
-  kr as AddUserIcon,
-  zr as Addons,
+  wr as AddUserIcon,
+  Zr as Addons,
   Ln as ArrowLeft,
-  pr as ArrowRight,
-  Cr as ArrowUp,
+  _r as ArrowRight,
+  vr as ArrowUp,
   Ei as BaseActionCard,
   Qe as BaseButton,
-  ds as BaseDialog,
-  as as BaseMenu,
+  Yr as BaseDialog,
+  cs as BaseMenu,
   At as BaseType,
   qe as BasicTemplateDialog,
   Fi as BigContainer,
-  Rt as BottomSheetsUi,
+  it as BottomSheetsUi,
   We as Button,
-  ot as Calendar,
+  ht as Calendar,
   fs as Card,
   Le as Check,
-  wt as Checkbox,
+  Mt as Checkbox,
   ln as ChevronDown,
-  St as Chips,
+  Lt as Chips,
   Mi as CircleInput,
-  hn as CircleMinus,
+  fn as CircleMinus,
   Rn as CirclePlus,
   Mn as Clock,
   En as ColorContext,
   zi as ColorField,
   wi as ColorProvider,
   Vi as ColumnLayout,
-  Tr as ConditionerIcon,
-  Vr as ConditionerIcon2,
+  Dr as ConditionerIcon,
+  Or as ConditionerIcon2,
   Ti as ContentBox,
-  ft as Copy,
+  _t as Copy,
   Yn as CopyButton,
-  Pr as Curtains,
-  Wr as Dashboard,
+  Hr as Curtains,
+  Ur as DangerButton,
+  Gr as Dashboard,
   As as DateField,
   Hs as DayOfWeekField,
   je as Divider,
   Yi as EmptyPage,
-  ts as FAB,
+  ss as FAB,
   jr as FilledButton,
   mr as FilledTotalButton,
-  mt as FilterIcon,
+  gt as FilterIcon,
   n1 as Form,
   Ri as FullScreenTemplateDialog,
-  gr as GearIcon,
+  yr as GearIcon,
   Di as GridLayout,
   Oi as GridLayoutItem,
-  Lr as Group,
+  Rr as Group,
   ze as HEXtoRGB,
   ki as HSLtoHSV,
   Ni as HSVtoHSL,
   Ke as HSVtoRGB,
-  _r as Home,
+  gr as Home,
   ye as IconButton,
   Li as IconButtonMenu,
   ri as IconSelectField,
   qi as IconsSelect,
   Ui as JsonContainer,
-  dt as Keyboard,
-  Er as LampIcon,
-  yr as LinkIcon,
+  jt as Keyboard,
+  Vr as LampIcon,
+  Nr as LinkIcon,
   ps as ListContainer,
   Cs as ListItem,
-  $r as LogoutIcon,
-  Nt as Menu,
-  lt as MenuIcon,
-  ht as Minus,
-  wr as MinusUserIcon,
-  mn as ModalDialogTemplate,
+  Er as LogoutIcon,
+  St as Menu,
+  xt as MenuIcon,
+  Ct as Minus,
+  Mr as MinusUserIcon,
+  xn as ModalDialogTemplate,
   Oe as ModalPortal,
-  xn as ModalTemplate,
+  hn as ModalTemplate,
   cn as MoreHorizontal,
   zs as MoreText,
-  at as MoreVertical,
+  ft as MoreVertical,
   ni as MultiFilter,
   Bi as NavigationBar,
   Hi as NavigationDrawer,
   Wi as NavigationRail,
   Dt as NumberField,
-  Mr as OkUserIcon,
+  $r as OkUserIcon,
   rt as OutlineButton,
-  it as Palette,
+  ut as Palette,
   js as Panel,
-  ct as Pen,
-  Br as Play,
-  vr as Plug,
-  ut as Plus,
+  mt as Pen,
+  Wr as Play,
+  br as Plug,
+  pt as Plus,
   on as PopupState,
   an as RGBtoHSV,
-  Mt as RadioButton,
+  $t as RadioButton,
   Si as Range,
-  Rr as Room,
+  Fr as Room,
   Ji as RunningLine,
   ae as ScreenSize,
   Ii as ScrollContainer,
   Ki as Search,
   Xi as SearchAndFilter,
-  Lt as SegmentedButton,
+  Rt as SegmentedButton,
   Pt as SelectField,
   us as SelectionDialog,
-  Or as Sensor,
-  Dr as Sensor2,
-  Ir as Sensor3,
-  Ar as SensorWarning,
+  Ir as Sensor,
+  Ar as Sensor2,
+  Pr as Sensor3,
+  Br as SensorWarning,
   Ge as SizeContext,
-  yi as SizeProvider,
+  bi as SizeProvider,
   Zi as Slider,
-  ls as SmallWindowMenu,
+  ds as SmallWindowMenu,
   ti as Snackbar,
   oi as SneckbarContext,
   e1 as SneckbarProvider,
-  $t as Switch,
-  Fr as SwitchIcon,
+  Et as Switch,
+  Tr as SwitchIcon,
   Pi as Table,
   Ai as Tabs,
-  bi as Temp,
-  xt as TempHighIcon,
+  yi as Temp,
+  vt as TempHighIcon,
   It as TextArea,
   be as TextButton,
   $i as TextDialog,
   en as TextField,
   Gi as TimeField,
   Ks as TimePicker,
-  Hr as ToolsIcon,
-  vt as Tooltip,
-  st as Trash,
+  zr as ToolsIcon,
+  bt as Tooltip,
+  dt as Trash,
   K as Typography,
-  br as UnLinkIcon,
-  Nr as UserIcon,
+  kr as UnLinkIcon,
+  Sr as UserIcon,
   ke as X,
-  Sr as XUserIcon,
+  Lr as XUserIcon,
   rn as getContainerColor,
-  fn as getContainerData,
+  mn as getContainerData,
   Qi as getIcons,
-  yt as getModalWindowCord,
+  Nt as getModalWindowCord,
   me as getTextColor,
-  Ur as hexToRgb,
+  Xr as hexToRgb,
   Js as map,
-  Jr as useColors,
-  Yr as usePopup,
-  Gr as useScreenSize,
-  Et as useScrollLock,
-  es as useThemes,
+  Qr as useColors,
+  Kr as usePopup,
+  pr as useScreenSize,
+  st as useScrollLock,
+  ts as useThemes,
   Is as СalendarPickers
 };