rc-lib-ui 1.2.21 → 1.2.23

package/dist/Dashboard/components/ListMemu/ListMenu.d.ts

@@ -7,6 +7,7 @@ import { RenderListProps } from './ui/RenderList';
 interface ItemListMenuCommonProps extends Pick<RenderIconProps, 'icon'>, Pick<ListTextProps, 'title'>, Pick<ListButtonProps, 'onClick'> {
     action?: ReactNode;
     sx?: SxProps<Theme>;
+    id?: string;
 }
 type OneVariantMenuList = {
     children?: Array<ItemListMenuCommonProps & {

package/dist/dashboard.js

@@ -1,19 +1,19 @@
-import { jsx as d, jsxs as f, Fragment as A } from "react/jsx-runtime";
-import { styled as p, ListItemButton as ci, Typography as di, ListItemIcon as hi, List as ai, ListItem as si, Collapse as fi, Box as J, AppBar as pi, Container as gi, Toolbar as ui, Drawer as xi, Divider as Z, IconButton as mi } from "@mui/material";
-import { useTheme as wi } from "@mui/material/styles";
-import R, { useState as B, useCallback as P, useRef as K, useEffect as Q, forwardRef as _, useMemo as li, Fragment as bi, useImperativeHandle as vi } from "react";
-import Si from "@mui/icons-material/ChevronLeft";
-import Ci from "@mui/icons-material/ChevronRight";
-import { U as Li, s as yi } from "./index-B7GqTJat.js";
-import { ExpandLess as Ii, ExpandMore as Wi } from "@mui/icons-material";
-import { T as Hi } from "./Tooltips-Q_C8jHNF.js";
-import { NavLink as ki } from "react-router-dom";
-import G from "classnames";
-const Di = p("main")(() => ({
+import { jsx as d, jsxs as s, Fragment as G } from "react/jsx-runtime";
+import { styled as g, ListItemButton as hi, Typography as di, ListItemIcon as si, List as ai, ListItem as fi, Collapse as pi, Box as J, AppBar as gi, Container as ui, Toolbar as xi, Drawer as mi, Divider as Z, IconButton as wi } from "@mui/material";
+import { useTheme as bi } from "@mui/material/styles";
+import N, { useState as O, useCallback as P, useRef as K, useEffect as Q, forwardRef as V, useMemo as li, Fragment as vi, useImperativeHandle as Si } from "react";
+import Ci from "@mui/icons-material/ChevronLeft";
+import Li from "@mui/icons-material/ChevronRight";
+import { U as yi, s as Ii } from "./index-B7GqTJat.js";
+import { ExpandLess as Wi, ExpandMore as Hi } from "@mui/icons-material";
+import { T as ki } from "./Tooltips-Q_C8jHNF.js";
+import { NavLink as Di } from "react-router-dom";
+import _ from "classnames";
+const Mi = g("main")(() => ({
   display: "flex",
   flexDirection: "column",
   flexGrow: 1
-})), Mi = p("div")(({ theme: i }) => ({
+})), Ti = g("div")(({ theme: i }) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
@@ -30,7 +30,7 @@ const Di = p("main")(() => ({
     easing: i.transitions.easing.sharp,
     duration: i.transitions.duration.enteringScreen
   })
-})), ii = (i) => typeof i == "number" ? i + "px" : i, Ti = (i, a = {}) => {
+})), ii = (i) => typeof i == "number" ? i + "px" : i, $i = (i, a = {}) => {
   const { newProp: l = "marginLeft", positionCorrect: e = "- 0px" } = a;
   let n = {};
   for (const [t, o] of Object.entries(i))
@@ -42,14 +42,14 @@ const Di = p("main")(() => ({
       n[l] = `calc(${r} ${e})`;
     }
   return n;
-}, $i = ({ render: i, defaultStatus: a = !1 }) => {
-  const [l, e] = B({ is: a, id: "" }), n = P(() => {
+}, Ri = ({ render: i, defaultStatus: a = !1 }) => {
+  const [l, e] = O({ is: a, id: "" }), n = P(() => {
     e((o) => ({ ...o, is: !o.is }));
   }, []), t = P((o) => {
     e((r) => ({ ...r, id: o }));
   }, []);
   return i({ ...l, setID: t, handleToggle: n });
-}, Ri = p(ci, {
+}, Bi = g(hi, {
   shouldForwardProp: (i) => !["minHeight"].includes(i)
 })(({ minHeight: i }) => ({
   minHeight: i,
@@ -58,15 +58,15 @@ const Di = p("main")(() => ({
   transition: "height .1s ease-in-out",
   overflow: "hidden"
   // ':hover': { backgroundColor: 'transparent' },
-})), j = { minHeight: 48, height: 0 }, U = ({ sx: i = {}, isWrapText: a, isOpen: l, ...e }) => {
-  const n = K(null), [t, o] = B(j);
+})), A = { minHeight: 48, height: 0 }, U = ({ sx: i = {}, isWrapText: a, isOpen: l, ...e }) => {
+  const n = K(null), [t, o] = O(A);
   return Q(() => {
     if (a && (n != null && n.current)) {
       const { scrollHeight: r, clientHeight: c } = n == null ? void 0 : n.current;
-      l ? (!t.height && o((x) => ({ ...x, height: c })), r !== c && o({ ...j, height: r + c })) : o({ ...j, height: j.minHeight });
+      l ? (!t.height && o((m) => ({ ...m, height: c })), r !== c && o({ ...A, height: r + c })) : o({ ...A, height: A.minHeight });
     }
   }, [l]), /* @__PURE__ */ d(
-    Ri,
+    Bi,
     {
       minHeight: t.minHeight,
       ref: n,
@@ -74,25 +74,25 @@ const Di = p("main")(() => ({
       ...e
     }
   );
-}, Bi = ({ unmount: i, isWrapText: a, title: l, sx: e = {} }) => {
-  const [n, t] = B(""), o = K(null);
+}, zi = ({ unmount: i, isWrapText: a, title: l, sx: e = {} }) => {
+  const [n, t] = O(""), o = K(null);
   return Q(() => {
     if (!i && o.current) {
       const r = o.current, c = setTimeout(() => {
         r != null && r.offsetWidth && (r == null ? void 0 : r.scrollWidth) > (r == null ? void 0 : r.offsetWidth) && typeof l == "string" && t(l), clearTimeout(c);
       }, 200);
     }
-  }, [l, i]), a ? !i && /* @__PURE__ */ d(di, { children: l, sx: { textWrap: "wrap", overflowWrap: "break-word", ...e } }) : !i && /* @__PURE__ */ d(zi, { ref: o, tooltipText: n, title: l, sx: e });
-}, E = R.memo(Bi), zi = _(({ tooltipText: i, title: a, sx: l }, e) => /* @__PURE__ */ d(Hi, { variant: "default", title: i, children: /* @__PURE__ */ d(di, { component: "div", ref: e, children: a, noWrap: !0, sx: { ...l, width: "100%" } }) })), Ni = _(({ className: i = "", ...a }, l) => /* @__PURE__ */ d(
-  ki,
+  }, [l, i]), a ? !i && /* @__PURE__ */ d(di, { children: l, sx: { textWrap: "wrap", overflowWrap: "break-word", ...e } }) : !i && /* @__PURE__ */ d(Ni, { ref: o, tooltipText: n, title: l, sx: e });
+}, E = N.memo(zi), Ni = V(({ tooltipText: i, title: a, sx: l }, e) => /* @__PURE__ */ d(ki, { variant: "default", title: i, children: /* @__PURE__ */ d(di, { component: "div", ref: e, children: a, noWrap: !0, sx: { ...l, width: "100%" } }) })), Oi = V(({ className: i = "", ...a }, l) => /* @__PURE__ */ d(
+  Di,
   {
     ref: l,
     className: ({ isActive: e }) => e ? i + " Mui-selected" : i,
     end: !0,
     ...a
   }
-)), ni = R.memo(Ni), X = ({ icon: i, sx: a }) => /* @__PURE__ */ d(
-  hi,
+)), ni = N.memo(Oi), X = ({ icon: i, sx: a }) => /* @__PURE__ */ d(
+  si,
   {
     sx: {
       minWidth: 40,
@@ -102,7 +102,7 @@ const Di = p("main")(() => ({
     },
     children: i
   }
-), Oi = p(ai, {
+), Fi = g(ai, {
   shouldForwardProp: (i) => !["styleList", "isScrollIndentation"].includes(i)
 })(({ theme: i, styleList: a = "variant1" }) => ({
   display: "flex",
@@ -152,7 +152,7 @@ const Di = p("main")(() => ({
   //     }
   //   },
   // }
-})), Y = p(si, {
+})), Y = g(fi, {
   shouldForwardProp: (i) => !["visual"].includes(i)
 })(({ theme: i, visual: a }) => ({
   ...a === "variant2" && {
@@ -169,112 +169,112 @@ const Di = p("main")(() => ({
       }
     }
   }
-})), q = ({ isIcon: i }) => ({ paddingRight: 1.2, ...!i && { paddingLeft: 1.2 } }), Fi = _(({ styleList: i = "variant1", isRight: a, columnMenu: l, isWrapText: e = !1, listMenu: n, isOpen: t, sx: o, className: r }, c) => {
-  const { minWidthColumn: x } = l, [y, v] = B(""), I = li(() => n.map(({ action: W, icon: g, title: z, sx: H = {}, onClick: S, children: m, to: k }, h) => {
-    const D = `${h}`, w = (s) => {
-      v(D), S && S(s);
+})), q = ({ isIcon: i }) => ({ paddingRight: 1.2, ...!i && { paddingLeft: 1.2 } }), ji = V(({ styleList: i = "variant1", isRight: a, columnMenu: l, isWrapText: e = !1, listMenu: n, isOpen: t, sx: o, className: r }, c) => {
+  const { minWidthColumn: m } = l, [I, S] = O(""), W = li(() => n.map(({ action: H, icon: u, title: F, sx: k = {}, onClick: C, children: w, to: D, id: h }, L) => {
+    const p = `${h || L}`, b = (x) => {
+      S(p), C && C(x);
     };
-    return m && Array.isArray(m) ? /* @__PURE__ */ d(bi, { children: /* @__PURE__ */ d(
-      $i,
+    return w && Array.isArray(w) ? /* @__PURE__ */ d(vi, { children: /* @__PURE__ */ d(
+      Ri,
       {
         defaultStatus: t,
-        render: (s) => /* @__PURE__ */ f(A, { children: [
-          /* @__PURE__ */ d(Y, { disablePadding: !0, sx: H, visual: i, children: /* @__PURE__ */ f(
+        render: (x) => /* @__PURE__ */ s(G, { children: [
+          /* @__PURE__ */ d(Y, { disablePadding: !0, sx: k, visual: i, children: /* @__PURE__ */ s(
             U,
             {
-              isOpen: s.is,
+              isOpen: x.is,
               isWrapText: e,
               onClick: (M) => {
-                s.handleToggle(), typeof S == "function" && S(M);
+                x.handleToggle(), typeof C == "function" && C(M);
               },
-              sx: { ...q({ isIcon: g }) },
+              sx: { ...q({ isIcon: u }) },
               children: [
-                g && /* @__PURE__ */ d(
+                u && /* @__PURE__ */ d(
                   X,
                   {
-                    icon: g,
-                    sx: x
+                    icon: u,
+                    sx: m
                   }
                 ),
                 /* @__PURE__ */ d(
                   E,
                   {
                     unmount: !t,
-                    title: z,
+                    title: F,
                     sx: { flexGrow: 1 },
                     isWrapText: e
                   }
                 ),
-                t && /* @__PURE__ */ f(A, { children: [
-                  W,
-                  s.is ? /* @__PURE__ */ d(Ii, {}) : /* @__PURE__ */ d(Wi, {})
+                t && /* @__PURE__ */ s(G, { children: [
+                  H,
+                  x.is ? /* @__PURE__ */ d(Wi, {}) : /* @__PURE__ */ d(Hi, {})
                 ] })
               ]
             }
           ) }),
-          /* @__PURE__ */ d(fi, { in: s.is && t, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ d(ai, { disablePadding: !0, children: m.map(({ action: M, icon: T, title: N, to: C, sx: O = {}, onClick: $ }, F) => {
-            const L = `${h}-${F}`, b = (u) => {
-              v(L), $ && $(u);
+          /* @__PURE__ */ d(pi, { in: x.is && t, timeout: "auto", unmountOnExit: !0, children: /* @__PURE__ */ d(ai, { disablePadding: !0, children: w.map(({ action: M, icon: y, title: T, to: $, sx: j = {}, id: R, onClick: B }, v) => {
+            const f = `${L}-${R || v}`, z = (ci) => {
+              S(f), B && B(ci);
             };
-            return /* @__PURE__ */ d(Y, { disablePadding: !0, sx: O, visual: i, children: /* @__PURE__ */ f(
+            return /* @__PURE__ */ d(Y, { disablePadding: !0, sx: j, visual: i, children: /* @__PURE__ */ s(
               U,
               {
-                sx: { paddingRight: 1.2, ...!T && { paddingLeft: 2.5 } },
+                sx: { paddingRight: 1.2, ...!y && { paddingLeft: 2.5 } },
                 isOpen: !0,
-                onClick: b,
+                onClick: z,
                 isWrapText: e,
-                ...C ? { to: C, component: ni } : { to: "", className: G({ "Mui-selected": y === L }) },
+                ...$ ? { to: $, component: ni } : { to: "", className: _({ "Mui-selected": I === f }) },
                 children: [
-                  T && /* @__PURE__ */ d(X, { icon: T, sx: { ...x, marginLeft: "8px !important" } }),
+                  y && /* @__PURE__ */ d(X, { icon: y, sx: { ...m, marginLeft: "8px !important" } }),
                   /* @__PURE__ */ d(
                     E,
                     {
                       unmount: !t,
-                      title: N,
+                      title: T,
                       isWrapText: e
                     }
                   ),
                   t && M
                 ]
               }
-            ) }, L);
+            ) }, f);
           }) }) })
         ] })
       }
-    ) }, h) : /* @__PURE__ */ d(Y, { disablePadding: !0, sx: H, visual: i, children: /* @__PURE__ */ f(
+    ) }, h || L) : /* @__PURE__ */ d(Y, { disablePadding: !0, sx: k, visual: i, children: /* @__PURE__ */ s(
       U,
       {
         isOpen: t,
-        onClick: w,
+        onClick: b,
         isWrapText: e,
-        ...k ? { to: k, component: ni } : { to: "", className: G({ "Mui-selected": y === D }) },
-        sx: { ...q({ isIcon: g }) },
+        ...D ? { to: D, component: ni } : { to: "", className: _({ "Mui-selected": I === p }) },
+        sx: { ...q({ isIcon: u }) },
         children: [
-          g && /* @__PURE__ */ d(X, { icon: g, sx: x }),
+          u && /* @__PURE__ */ d(X, { icon: u, sx: m }),
           /* @__PURE__ */ d(
             E,
             {
               unmount: !t,
-              title: z,
+              title: F,
               isWrapText: e
             }
           ),
-          t && W
+          t && H
         ]
       }
-    ) }, h);
-  }), [n, t, y, a, q]);
+    ) }, p);
+  }), [n, t, I, a, q]);
   return /* @__PURE__ */ d(
-    Oi,
+    Fi,
     {
       ref: c,
       styleList: i,
       sx: o,
       className: r,
-      children: I
+      children: W
     }
   );
-}), ji = R.memo(Fi), Ai = p(J, {
+}), Ai = N.memo(ji), Gi = g(J, {
   target: "MuiFooter-root",
   shouldForwardProp: (i) => ![""].includes(i)
 })(({}) => ({
@@ -283,7 +283,7 @@ const Di = p("main")(() => ({
   // bottom: 0,
   // right: 0,
   minHeight: 48
-})), Gi = ({
+})), _i = ({
   initWidth: i,
   isOpen: a,
   children: l,
@@ -293,8 +293,8 @@ const Di = p("main")(() => ({
   className: o,
   AfterComponent: r,
   sx: c
-}) => /* @__PURE__ */ f(
-  Vi,
+}) => /* @__PURE__ */ s(
+  Ui,
   {
     className: o,
     bgColor: t,
@@ -305,14 +305,14 @@ const Di = p("main")(() => ({
     isHeaderResize: n,
     sx: c,
     children: [
-      /* @__PURE__ */ d(gi, { maxWidth: "xl", children: /* @__PURE__ */ d(ui, { sx: { flexGrow: 1 }, disableGutters: !0, children: l }) }),
+      /* @__PURE__ */ d(ui, { maxWidth: "xl", children: /* @__PURE__ */ d(xi, { sx: { flexGrow: 1 }, disableGutters: !0, children: l }) }),
       r && r
     ]
   }
-), _i = R.memo(Gi), Vi = p(pi, {
+), Vi = N.memo(_i), Ui = g(gi, {
   shouldForwardProp: (i) => !["isOpen", "isRight", "initWidth", "bgColor", "isHeaderResize"].includes(i)
 })(({ theme: i, isOpen: a, isRight: l, initWidth: e = 250, bgColor: n = "primary", isHeaderResize: t }) => ({
-  backgroundColor: Li.colors.getColorPalette(i, n),
+  backgroundColor: yi.colors.getColorPalette(i, n),
   zIndex: i.zIndex.drawer + 1,
   color: "info.main",
   transition: i.transitions.create(["width", "margin"], {
@@ -350,7 +350,7 @@ const Di = p("main")(() => ({
   // [theme.breakpoints.up('sm')]: {
   //   width: `calc(${theme.spacing(8)} + 1px)`,
   // },
-}), Ui = p(xi, {
+}), Ei = g(mi, {
   shouldForwardProp: (i) => !["open", "isWrapText", "columnMenu", "isRight", "styleList"].includes(i)
 })(
   ({ theme: i, open: a, isRight: l, columnMenu: e }) => {
@@ -373,77 +373,77 @@ const Di = p("main")(() => ({
       }
     };
   }
-), oi = p("div")(({ theme: i }) => ({
+), oi = g("div")(({ theme: i }) => ({
   display: "flex",
   padding: i.spacing(0, 1),
   ...i.mixins.toolbar
 })), ei = (i) => {
   const { clientWidth: a, offsetWidth: l } = i;
   return l - a;
-}, Ei = _(({ Footer: i, listMenu: a, children: l, HeaderContent: e, statuses: n, itemsProps: t, classes: o, columnMenu: r, styleList: c, sx: x }, y) => {
-  var O, $, F, L;
-  const v = wi(), I = (r == null ? void 0 : r.position) === "right", W = !1, g = !0;
+}, Xi = V(({ Footer: i, listMenu: a, children: l, HeaderContent: e, statuses: n, itemsProps: t, classes: o, columnMenu: r, styleList: c, sx: m }, I) => {
+  var $, j, R, B;
+  const S = bi(), W = (r == null ? void 0 : r.position) === "right", H = !1, u = !0;
   //!!statuses?.isScrollIndentation
-  const z = (n == null ? void 0 : n.isHeaderDefault) === void 0 ? !0 : n == null ? void 0 : n.isHeaderDefault, H = (n == null ? void 0 : n.isHeader) === void 0 ? !0 : n == null ? void 0 : n.isHeader, S = (n == null ? void 0 : n.isMenu) === void 0 ? !0 : n == null ? void 0 : n.isMenu, m = (r == null ? void 0 : r.initWidth) || 250, k = li(() => r != null && r.minWidthColumn && Object.keys(r == null ? void 0 : r.minWidthColumn).length ? r == null ? void 0 : r.minWidthColumn : {
-    width: `calc(${v.spacing(7)} + 1px)`,
-    [v.breakpoints.up("sm")]: {
-      width: `calc(${v.spacing(8)} + 1px)`
+  const F = (n == null ? void 0 : n.isHeaderDefault) === void 0 ? !0 : n == null ? void 0 : n.isHeaderDefault, k = (n == null ? void 0 : n.isHeader) === void 0 ? !0 : n == null ? void 0 : n.isHeader, C = (n == null ? void 0 : n.isMenu) === void 0 ? !0 : n == null ? void 0 : n.isMenu, w = (r == null ? void 0 : r.initWidth) || 250, D = li(() => r != null && r.minWidthColumn && Object.keys(r == null ? void 0 : r.minWidthColumn).length ? r == null ? void 0 : r.minWidthColumn : {
+    width: `calc(${S.spacing(7)} + 1px)`,
+    [S.breakpoints.up("sm")]: {
+      width: `calc(${S.spacing(8)} + 1px)`
     }
-  }, [r == null ? void 0 : r.minWidthColumn]), [h, D] = B({
+  }, [r == null ? void 0 : r.minWidthColumn]), [h, L] = O({
     isOpen: !!(n != null && n.isDefaultOpen),
     widthCloseColumn: 0,
     widthScroll: 0
-  }), w = yi(h, D), s = K(null);
+  }), p = Ii(h, L), b = K(null);
   Q(() => {
-    if (s.current) {
-      const b = ei(s.current);
-      let u = !1;
-      b > 0 && (u = !0), w({ widthScroll: u ? b + 1 : 0 }), window.onresize = function() {
-        if (s.current) {
-          const V = ei(s.current);
-          u && !V && (u = !1, w({ widthScroll: 0 })), !u && V && (u = !0, w({ widthScroll: V + 1 }));
+    if (b.current) {
+      const v = ei(b.current);
+      let f = !1;
+      v > 0 && (f = !0), p({ widthScroll: f ? v + 1 : 0 }), window.onresize = function() {
+        if (b.current) {
+          const z = ei(b.current);
+          f && !z && (f = !1, p({ widthScroll: 0 })), !f && z && (f = !0, p({ widthScroll: z + 1 }));
         }
       };
     }
-  }, [g]);
-  const M = () => {
-    w({ isOpen: !0 });
-  }, T = () => {
-    w({ isOpen: !1 });
-  }, N = () => {
-    D((b) => ({ ...b, isOpen: !b.isOpen }));
-  }, C = {
+  }, [u]);
+  const x = () => {
+    p({ isOpen: !0 });
+  }, M = () => {
+    p({ isOpen: !1 });
+  }, y = () => {
+    L((v) => ({ ...v, isOpen: !v.isOpen }));
+  }, T = {
     isOpen: h.isOpen,
-    handleMenuOpen: M,
-    handleMenuClose: T,
-    handleMenuToggle: N
+    handleMenuOpen: x,
+    handleMenuClose: M,
+    handleMenuToggle: y
   };
-  return vi(y, () => C), /* @__PURE__ */ f(J, { className: G("Dashboard", o == null ? void 0 : o.dashboard), sx: { display: "flex", height: "inherit", ...x }, children: [
-    H ? z ? /* @__PURE__ */ d(
-      _i,
+  return Si(I, () => T), /* @__PURE__ */ s(J, { className: _("Dashboard", o == null ? void 0 : o.dashboard), sx: { display: "flex", height: "inherit", ...m }, children: [
+    k ? F ? /* @__PURE__ */ d(
+      Vi,
       {
-        initWidth: m,
+        initWidth: w,
         isOpen: h.isOpen,
-        bgColor: (O = t == null ? void 0 : t.MuiHeader) == null ? void 0 : O.bgColor,
-        isRight: I,
+        bgColor: ($ = t == null ? void 0 : t.MuiHeader) == null ? void 0 : $.bgColor,
+        isRight: W,
         isHeaderResize: n == null ? void 0 : n.isHeaderResize,
-        sx: ($ = t == null ? void 0 : t.MuiHeader) == null ? void 0 : $.sx,
+        sx: (j = t == null ? void 0 : t.MuiHeader) == null ? void 0 : j.sx,
         className: o == null ? void 0 : o.header,
-        AfterComponent: (F = t == null ? void 0 : t.MuiHeader) == null ? void 0 : F.AfterComponent,
-        children: typeof e == "function" ? e(C) : e
+        AfterComponent: (R = t == null ? void 0 : t.MuiHeader) == null ? void 0 : R.AfterComponent,
+        children: typeof e == "function" ? e(T) : e
       }
-    ) : typeof e == "function" ? e(C) : e : null,
-    S && /* @__PURE__ */ f(
-      Ui,
+    ) : typeof e == "function" ? e(T) : e : null,
+    C && /* @__PURE__ */ s(
+      Ei,
       {
         variant: "permanent",
         open: h.isOpen,
-        isRight: I,
-        isWrapText: W,
-        columnMenu: { initWidth: m, minWidthColumn: k },
+        isRight: W,
+        isWrapText: H,
+        columnMenu: { initWidth: w, minWidthColumn: D },
         styleList: c,
         children: [
-          (n == null ? void 0 : n.isMenuHeader) !== !1 && /* @__PURE__ */ f(A, { children: [
+          (n == null ? void 0 : n.isMenuHeader) !== !1 && /* @__PURE__ */ s(G, { children: [
             /* @__PURE__ */ d(oi, {}),
             /* @__PURE__ */ d(Z, {})
           ] }),
@@ -453,37 +453,37 @@ const Di = p("main")(() => ({
             flexGrow: 1,
             overflow: "hidden"
           }, children: /* @__PURE__ */ d(
-            ji,
+            Ai,
             {
-              ref: s,
-              isRight: I,
+              ref: b,
+              isRight: W,
               columnMenu: {
-                initWidth: m,
-                minWidthColumn: Ti(k, { newProp: "width", positionCorrect: `- ${h.widthScroll}px` })
+                initWidth: w,
+                minWidthColumn: $i(D, { newProp: "width", positionCorrect: `- ${h.widthScroll}px` })
               },
               listMenu: a,
               isOpen: h.isOpen,
-              sx: (L = t == null ? void 0 : t.MuiListMenu) == null ? void 0 : L.sx,
+              sx: (B = t == null ? void 0 : t.MuiListMenu) == null ? void 0 : B.sx,
               className: o == null ? void 0 : o.listMenu,
-              isWrapText: W,
+              isWrapText: H,
               styleList: c
             }
           ) }),
-          (n == null ? void 0 : n.isButtonCenterMenu) !== !1 && /* @__PURE__ */ d(Mi, { children: /* @__PURE__ */ d(mi, { onClick: N, sx: { pointerEvents: "auto" }, children: h.isOpen ? /* @__PURE__ */ d(Ci, {}) : /* @__PURE__ */ d(Si, {}) }) }),
-          i && /* @__PURE__ */ d(A, { children: /* @__PURE__ */ f(Ai, { children: [
+          (n == null ? void 0 : n.isButtonCenterMenu) !== !1 && /* @__PURE__ */ d(Ti, { children: /* @__PURE__ */ d(wi, { onClick: y, sx: { pointerEvents: "auto" }, children: h.isOpen ? /* @__PURE__ */ d(Li, {}) : /* @__PURE__ */ d(Ci, {}) }) }),
+          i && /* @__PURE__ */ d(G, { children: /* @__PURE__ */ s(Gi, { children: [
             /* @__PURE__ */ d(Z, {}),
             i
           ] }) })
         ]
       }
     ),
-    /* @__PURE__ */ f(Di, { className: G("Dashboard-main", o == null ? void 0 : o.main), children: [
-      H && /* @__PURE__ */ d(oi, {}),
+    /* @__PURE__ */ s(Mi, { className: _("Dashboard-main", o == null ? void 0 : o.main), children: [
+      k && /* @__PURE__ */ d(oi, {}),
       l
     ] })
   ] });
-}), on = R.memo(Ei);
+}), en = N.memo(Xi);
 export {
-  on as Dashboard,
-  _i as MuiHeader
+  en as Dashboard,
+  Vi as MuiHeader
 };

package/dist/hooks/useBoolStatus.d.ts

@@ -0,0 +1,2 @@
+export declare const useBoolStatus: () => readonly [boolean, () => void, () => void];
+export type BoolStatusPropsResult = ReturnType<typeof useBoolStatus>;

package/dist/preloaders.css

@@ -1 +1 @@
-._wrap_d943f_1{display:flex;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;right:0;left:0;z-index:100}._inner_d943f_13{position:relative;display:flex;justify-content:center;flex-direction:column}._loader_d943f_20{margin:0 auto;position:relative;top:0;bottom:0;width:100px;height:100px;-webkit-perspective:780px;perspective:780px}._item_d943f_31{position:absolute;width:100%;height:100%;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}._item_d943f_31._one_d943f_46{left:0%;top:0%;animation:_cssload-rotate-one_d943f_1 1.15s linear infinite;-o-animation:_cssload-rotate-one_d943f_1 1.15s linear infinite;-ms-animation:_cssload-rotate-one_d943f_1 1.15s linear infinite;-webkit-animation:_cssload-rotate-one_d943f_1 1.15s linear infinite;-moz-animation:_cssload-rotate-one_d943f_1 1.15s linear infinite;border-bottom:3px solid #5C5EDC}._item_d943f_31._two_d943f_56{right:0%;top:0%;animation:_cssload-rotate-two_d943f_1 1.15s linear infinite;-o-animation:_cssload-rotate-two_d943f_1 1.15s linear infinite;-ms-animation:_cssload-rotate-two_d943f_1 1.15s linear infinite;-webkit-animation:_cssload-rotate-two_d943f_1 1.15s linear infinite;-moz-animation:_cssload-rotate-two_d943f_1 1.15s linear infinite;border-right:3px solid rgba(76,70,101,.99)}._item_d943f_31._three_d943f_66{right:0%;bottom:0%;animation:_cssload-rotate-three_d943f_1 1.15s linear infinite;-o-animation:_cssload-rotate-three_d943f_1 1.15s linear infinite;-ms-animation:_cssload-rotate-three_d943f_1 1.15s linear infinite;-webkit-animation:_cssload-rotate-three_d943f_1 1.15s linear infinite;-moz-animation:_cssload-rotate-three_d943f_1 1.15s linear infinite;border-top:3px solid #e9908a}._text_d943f_77{padding:0;text-wrap:nowrap;z-index:106;text-align:center;margin:30px 0;animation:_textAnim_d943f_1 .5s linear infinite alternate}@keyframes _textAnim_d943f_1{0%{color:#d3d2d6fc}to{color:#a1a0a2fc}}@keyframes _cssload-rotate-one_d943f_1{0%{transform:rotateX(35deg) rotateY(-45deg) rotate(0)}to{transform:rotateX(35deg) rotateY(-45deg) rotate(360deg)}}@keyframes _cssload-rotate-two_d943f_1{0%{transform:rotateX(50deg) rotateY(10deg) rotate(0)}to{transform:rotateX(50deg) rotateY(10deg) rotate(360deg)}}@keyframes _cssload-rotate-three_d943f_1{0%{transform:rotateX(35deg) rotateY(55deg) rotate(0)}to{transform:rotateX(35deg) rotateY(55deg) rotate(360deg)}}._spinner-grow_n1rpq_1{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;background-color:currentColor;border-radius:50%;opacity:0;animation:.75s linear infinite _spinner-grow_n1rpq_1;z-index:100}._spinner-grow-sm_n1rpq_13{width:1rem;height:1rem}._positionCenterByParent_n1rpq_18{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}@keyframes _spinner-grow_n1rpq_1{0%{transform:scale(0)}50%{opacity:1;transform:none}}._wrap_en5cx_1{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:100}._spinner_en5cx_13{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:.75s linear infinite _SpinnerBorderAnim_en5cx_1}._spinnerSm_en5cx_24{width:1rem;height:1rem;border-width:.2em}._text_en5cx_30{margin-left:8px}@keyframes _SpinnerBorderAnim_en5cx_1{to{transform:rotate(360deg)}}._pl_nmy83_1{box-shadow:2em 0 2em #0003 inset,-2em 0 2em #ffffff1a inset;display:flex;justify-content:center;align-items:center;position:relative;letter-spacing:.1em;text-transform:uppercase;transform:rotateX(30deg) rotate(45deg);width:15em;height:15em}._pl_nmy83_1,._pl__dot_nmy83_13{border-radius:50%}._pl__dot_nmy83_13{animation-name:_shadow_nmy83_1;box-shadow:.1em .1em 0 .1em #000,.3em 0 .3em #00000080;top:calc(50% - .75em);left:calc(50% - .75em);width:1.5em;height:1.5em}._pl__dot_nmy83_13,._pl__dot_nmy83_13:before,._pl__dot_nmy83_13:after{animation-duration:2s;animation-iteration-count:infinite;position:absolute}._pl__dot_nmy83_13:before,._pl__dot_nmy83_13:after{content:"";display:block;left:0;width:inherit;transition:background-color .3s}._pl__dot_nmy83_13:before{animation-name:_pushInOut1_nmy83_1;background-color:#454954;border-radius:inherit;box-shadow:.05em 0 .1em #fff3 inset;height:inherit;z-index:1}._pl__dot_nmy83_13:after{animation-name:_pushInOut2_nmy83_1;background-color:#255ff4;border-radius:.75em;box-shadow:.1em .3em .2em #fff6 inset,0 -.4em .2em #2e3138 inset,0 -1em .25em #0000004d inset;bottom:0;clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%);height:3em;transform:rotate(-45deg);transform-origin:50% 2.25em}._pl__dot_nmy83_13:nth-child(1){transform:rotate(0) translate(5em) rotate(0);z-index:5}._pl__dot_nmy83_13:nth-child(1),._pl__dot_nmy83_13:nth-child(1):before,._pl__dot_nmy83_13:nth-child(1):after{animation-delay:0s}._pl__dot_nmy83_13:nth-child(2){transform:rotate(-30deg) translate(5em) rotate(30deg);z-index:4}._pl__dot_nmy83_13:nth-child(2),._pl__dot_nmy83_13:nth-child(2):before,._pl__dot_nmy83_13:nth-child(2):after{animation-delay:-.1666666667s}._pl__dot_nmy83_13:nth-child(3){transform:rotate(-60deg) translate(5em) rotate(60deg);z-index:3}._pl__dot_nmy83_13:nth-child(3),._pl__dot_nmy83_13:nth-child(3):before,._pl__dot_nmy83_13:nth-child(3):after{animation-delay:-.3333333333s}._pl__dot_nmy83_13:nth-child(4){transform:rotate(-90deg) translate(5em) rotate(90deg);z-index:2}._pl__dot_nmy83_13:nth-child(4),._pl__dot_nmy83_13:nth-child(4):before,._pl__dot_nmy83_13:nth-child(4):after{animation-delay:-.5s}._pl__dot_nmy83_13:nth-child(5){transform:rotate(-120deg) translate(5em) rotate(120deg);z-index:1}._pl__dot_nmy83_13:nth-child(5),._pl__dot_nmy83_13:nth-child(5):before,._pl__dot_nmy83_13:nth-child(5):after{animation-delay:-.6666666667s}._pl__dot_nmy83_13:nth-child(6){transform:rotate(-150deg) translate(5em) rotate(150deg);z-index:1}._pl__dot_nmy83_13:nth-child(6),._pl__dot_nmy83_13:nth-child(6):before,._pl__dot_nmy83_13:nth-child(6):after{animation-delay:-.8333333333s}._pl__dot_nmy83_13:nth-child(7){transform:rotate(-180deg) translate(5em) rotate(180deg);z-index:2}._pl__dot_nmy83_13:nth-child(7),._pl__dot_nmy83_13:nth-child(7):before,._pl__dot_nmy83_13:nth-child(7):after{animation-delay:-1s}._pl__dot_nmy83_13:nth-child(8){transform:rotate(-210deg) translate(5em) rotate(210deg);z-index:3}._pl__dot_nmy83_13:nth-child(8),._pl__dot_nmy83_13:nth-child(8):before,._pl__dot_nmy83_13:nth-child(8):after{animation-delay:-1.1666666667s}._pl__dot_nmy83_13:nth-child(9){transform:rotate(-240deg) translate(5em) rotate(240deg);z-index:4}._pl__dot_nmy83_13:nth-child(9),._pl__dot_nmy83_13:nth-child(9):before,._pl__dot_nmy83_13:nth-child(9):after{animation-delay:-1.3333333333s}._pl__dot_nmy83_13:nth-child(10){transform:rotate(-270deg) translate(5em) rotate(270deg);z-index:5}._pl__dot_nmy83_13:nth-child(10),._pl__dot_nmy83_13:nth-child(10):before,._pl__dot_nmy83_13:nth-child(10):after{animation-delay:-1.5s}._pl__dot_nmy83_13:nth-child(11){transform:rotate(-300deg) translate(5em) rotate(300deg);z-index:6}._pl__dot_nmy83_13:nth-child(11),._pl__dot_nmy83_13:nth-child(11):before,._pl__dot_nmy83_13:nth-child(11):after{animation-delay:-1.6666666667s}._pl__dot_nmy83_13:nth-child(12){transform:rotate(-330deg) translate(5em) rotate(330deg);z-index:6}._pl__dot_nmy83_13:nth-child(12),._pl__dot_nmy83_13:nth-child(12):before,._pl__dot_nmy83_13:nth-child(12):after{animation-delay:-1.8333333333s}._pl__text_nmy83_139{font-size:.75em;max-width:5rem;position:relative;text-shadow:0 0 .1em hsla(223,10%,90%,.5);transform:rotate(-45deg)}@keyframes _shadow_nmy83_1{0%{animation-timing-function:ease-in;box-shadow:.1em .1em 0 .1em #000,.3em 0 .3em #0000004d}25%{animation-timing-function:ease-out;box-shadow:.1em .1em 0 .1em #000,.8em 0 .8em #00000080}50%,to{box-shadow:.1em .1em 0 .1em #000,.3em 0 .3em #0000004d}}@keyframes _pushInOut1_nmy83_1{0%{animation-timing-function:ease-in;background-color:#454954;transform:translate(0)}25%{animation-timing-function:ease-out;background-color:#5583f6;transform:translate(-71%,-71%)}50%,to{background-color:#454954;transform:translate(0)}}@keyframes _pushInOut2_nmy83_1{0%{animation-timing-function:ease-in;background-color:#454954;clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%)}25%{animation-timing-function:ease-out;background-color:#255ff4;clip-path:polygon(0 25%,100% 25%,100% 100%,0 100%)}50%,to{background-color:#454954;clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%)}}._clockLoader_1rq2k_1{display:flex;justify-content:center;align-items:center;position:absolute;left:0;right:0;bottom:0;top:0;z-index:100}._item_1rq2k_13{width:4rem;height:4rem;border-radius:50%;border:3px solid #345;display:flex;justify-content:center;align-items:center;position:relative}._item_1rq2k_13:before,._item_1rq2k_13:after{content:"";position:absolute;width:.2rem;border-radius:10px;transform:translateY(-45%);transform-origin:50% 95%;animation:_spin_1rq2k_1 infinite linear}._item_1rq2k_13:before{height:1.6rem;animation-duration:2s;background-color:#345}._item_1rq2k_13:after{background-color:#345c;height:.8rem;animation-duration:15s}@keyframes _spin_1rq2k_1{to{transform:translateY(-45%) rotate(1turn)}}._wrap_1bgo9_1{position:absolute;left:0;right:0;top:0;bottom:0;display:grid;justify-content:center;align-items:center;z-index:100}._loader_1bgo9_14{width:73px;height:73px;margin:0 auto;position:relative;transform:rotate(45deg)}._cube_1bgo9_22{position:relative;transform:rotate(45deg);width:50%;height:50%;float:left;transform:scale(1.1)}._cube_1bgo9_22:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#34495e;animation:_cube-loader_1bgo9_1 2.76s infinite linear both;transform-origin:100% 100%}._two_1bgo9_43{transform:scale(1.1) rotate(90deg)}._two_1bgo9_43:before{animation-delay:.35s}._three_1bgo9_50{transform:scale(1.1) rotate(180deg)}._three_1bgo9_50:before{animation-delay:.69s}._four_1bgo9_57{transform:scale(1.1) rotate(270deg)}._four_1bgo9_57:before{animation-delay:1.04s}@keyframes _cube-loader_1bgo9_1{0%,10%{transform:perspective(136px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(136px) rotateX(0);opacity:1}90%,to{transform:perspective(136px) rotateY(180deg);opacity:0}}._wrap_17l3h_1{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;display:flex;justify-content:center;align-items:center;z-index:100}._inner_17l3h_14{width:200px;height:200px;position:relative;display:flex;justify-content:center;flex-direction:column}._loader_17l3h_23{margin:0 auto;position:relative;flex-shrink:0;order:1;width:inherit;height:inherit}._item_17l3h_32{width:100px;height:100px;position:absolute}._one_17l3h_38{background-color:#fa5667;top:0;left:0;animation:_oneAnim_17l3h_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}._two_17l3h_45{background-color:#7a45e5;top:0;right:0;animation:_twoAnim_17l3h_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}._three_17l3h_52{background-color:#1b91f7;bottom:0;right:0;animation:_threeAnim_17l3h_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}._four_17l3h_59{background-color:#fac24c;bottom:0;left:0;animation:_fourAnim_17l3h_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}._text_17l3h_66{padding:0;display:flex;justify-content:center;text-wrap:nowrap;z-index:106;text-align:center;margin:30px 0;animation:_textAnim_17l3h_1 .5s linear infinite alternate}@keyframes _textAnim_17l3h_1{0%{color:#d3d2d6fc}to{color:#a1a0a2fc}}@keyframes _oneAnim_17l3h_1{0%,to{transform:translate(0)}25%{transform:translateY(100px)}50%{transform:translate(100px,100px)}75%{transform:translate(100px)}}@keyframes _twoAnim_17l3h_1{0%,to{transform:translate(0)}25%{transform:translate(-100px)}50%{transform:translate(-100px,100px)}75%{transform:translateY(100px)}}@keyframes _threeAnim_17l3h_1{0%,to{transform:translate(0)}25%{transform:translateY(-100px)}50%{transform:translate(-100px,-100px)}75%{transform:translate(-100px)}}@keyframes _fourAnim_17l3h_1{0%,to{transform:translate(0)}25%{transform:translate(100px)}50%{transform:translate(100px,-100px)}75%{transform:translateY(-100px)}}._container_hrgp5_1{position:relative}._preloader_hrgp5_9{position:absolute}._fadeEnter_hrgp5_15{opacity:0;transform:scale(1.1)}._fadeExit_hrgp5_23,._fadeEnterActive_hrgp5_31{opacity:1;transform:scale(1)}._fadeExitActive_hrgp5_41{opacity:0;transform:scale(.9)}._fadeEnterActive_hrgp5_31,._fadeExitActive_hrgp5_41{transition:opacity .3s,transform .3s}
+._wrap_d943f_1{display:flex;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;right:0;left:0;z-index:100}._inner_d943f_13{position:relative;display:flex;justify-content:center;flex-direction:column}._loader_d943f_20{margin:0 auto;position:relative;top:0;bottom:0;width:100px;height:100px;-webkit-perspective:780px;perspective:780px}._item_d943f_31{position:absolute;width:100%;height:100%;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}._item_d943f_31._one_d943f_46{left:0%;top:0%;animation:_cssload-rotate-one_d943f_1 1.15s linear infinite;-o-animation:_cssload-rotate-one_d943f_1 1.15s linear infinite;-ms-animation:_cssload-rotate-one_d943f_1 1.15s linear infinite;-webkit-animation:_cssload-rotate-one_d943f_1 1.15s linear infinite;-moz-animation:_cssload-rotate-one_d943f_1 1.15s linear infinite;border-bottom:3px solid #5C5EDC}._item_d943f_31._two_d943f_56{right:0%;top:0%;animation:_cssload-rotate-two_d943f_1 1.15s linear infinite;-o-animation:_cssload-rotate-two_d943f_1 1.15s linear infinite;-ms-animation:_cssload-rotate-two_d943f_1 1.15s linear infinite;-webkit-animation:_cssload-rotate-two_d943f_1 1.15s linear infinite;-moz-animation:_cssload-rotate-two_d943f_1 1.15s linear infinite;border-right:3px solid rgba(76,70,101,.99)}._item_d943f_31._three_d943f_66{right:0%;bottom:0%;animation:_cssload-rotate-three_d943f_1 1.15s linear infinite;-o-animation:_cssload-rotate-three_d943f_1 1.15s linear infinite;-ms-animation:_cssload-rotate-three_d943f_1 1.15s linear infinite;-webkit-animation:_cssload-rotate-three_d943f_1 1.15s linear infinite;-moz-animation:_cssload-rotate-three_d943f_1 1.15s linear infinite;border-top:3px solid #e9908a}._text_d943f_77{padding:0;text-wrap:nowrap;z-index:106;text-align:center;margin:30px 0;animation:_textAnim_d943f_1 .5s linear infinite alternate}@keyframes _textAnim_d943f_1{0%{color:#d3d2d6fc}to{color:#a1a0a2fc}}@keyframes _cssload-rotate-one_d943f_1{0%{transform:rotateX(35deg) rotateY(-45deg) rotate(0)}to{transform:rotateX(35deg) rotateY(-45deg) rotate(360deg)}}@keyframes _cssload-rotate-two_d943f_1{0%{transform:rotateX(50deg) rotateY(10deg) rotate(0)}to{transform:rotateX(50deg) rotateY(10deg) rotate(360deg)}}@keyframes _cssload-rotate-three_d943f_1{0%{transform:rotateX(35deg) rotateY(55deg) rotate(0)}to{transform:rotateX(35deg) rotateY(55deg) rotate(360deg)}}._spinner-grow_n1rpq_1{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;background-color:currentColor;border-radius:50%;opacity:0;animation:.75s linear infinite _spinner-grow_n1rpq_1;z-index:100}._spinner-grow-sm_n1rpq_13{width:1rem;height:1rem}._positionCenterByParent_n1rpq_18{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}@keyframes _spinner-grow_n1rpq_1{0%{transform:scale(0)}50%{opacity:1;transform:none}}._wrap_en5cx_1{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:100}._spinner_en5cx_13{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:.75s linear infinite _SpinnerBorderAnim_en5cx_1}._spinnerSm_en5cx_24{width:1rem;height:1rem;border-width:.2em}._text_en5cx_30{margin-left:8px}@keyframes _SpinnerBorderAnim_en5cx_1{to{transform:rotate(360deg)}}._pl_nmy83_1{box-shadow:2em 0 2em #0003 inset,-2em 0 2em #ffffff1a inset;display:flex;justify-content:center;align-items:center;position:relative;letter-spacing:.1em;text-transform:uppercase;transform:rotateX(30deg) rotate(45deg);width:15em;height:15em}._pl_nmy83_1,._pl__dot_nmy83_13{border-radius:50%}._pl__dot_nmy83_13{animation-name:_shadow_nmy83_1;box-shadow:.1em .1em 0 .1em #000,.3em 0 .3em #00000080;top:calc(50% - .75em);left:calc(50% - .75em);width:1.5em;height:1.5em}._pl__dot_nmy83_13,._pl__dot_nmy83_13:before,._pl__dot_nmy83_13:after{animation-duration:2s;animation-iteration-count:infinite;position:absolute}._pl__dot_nmy83_13:before,._pl__dot_nmy83_13:after{content:"";display:block;left:0;width:inherit;transition:background-color .3s}._pl__dot_nmy83_13:before{animation-name:_pushInOut1_nmy83_1;background-color:#454954;border-radius:inherit;box-shadow:.05em 0 .1em #fff3 inset;height:inherit;z-index:1}._pl__dot_nmy83_13:after{animation-name:_pushInOut2_nmy83_1;background-color:#255ff4;border-radius:.75em;box-shadow:.1em .3em .2em #fff6 inset,0 -.4em .2em #2e3138 inset,0 -1em .25em #0000004d inset;bottom:0;clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%);height:3em;transform:rotate(-45deg);transform-origin:50% 2.25em}._pl__dot_nmy83_13:nth-child(1){transform:rotate(0) translate(5em) rotate(0);z-index:5}._pl__dot_nmy83_13:nth-child(1),._pl__dot_nmy83_13:nth-child(1):before,._pl__dot_nmy83_13:nth-child(1):after{animation-delay:0s}._pl__dot_nmy83_13:nth-child(2){transform:rotate(-30deg) translate(5em) rotate(30deg);z-index:4}._pl__dot_nmy83_13:nth-child(2),._pl__dot_nmy83_13:nth-child(2):before,._pl__dot_nmy83_13:nth-child(2):after{animation-delay:-.1666666667s}._pl__dot_nmy83_13:nth-child(3){transform:rotate(-60deg) translate(5em) rotate(60deg);z-index:3}._pl__dot_nmy83_13:nth-child(3),._pl__dot_nmy83_13:nth-child(3):before,._pl__dot_nmy83_13:nth-child(3):after{animation-delay:-.3333333333s}._pl__dot_nmy83_13:nth-child(4){transform:rotate(-90deg) translate(5em) rotate(90deg);z-index:2}._pl__dot_nmy83_13:nth-child(4),._pl__dot_nmy83_13:nth-child(4):before,._pl__dot_nmy83_13:nth-child(4):after{animation-delay:-.5s}._pl__dot_nmy83_13:nth-child(5){transform:rotate(-120deg) translate(5em) rotate(120deg);z-index:1}._pl__dot_nmy83_13:nth-child(5),._pl__dot_nmy83_13:nth-child(5):before,._pl__dot_nmy83_13:nth-child(5):after{animation-delay:-.6666666667s}._pl__dot_nmy83_13:nth-child(6){transform:rotate(-150deg) translate(5em) rotate(150deg);z-index:1}._pl__dot_nmy83_13:nth-child(6),._pl__dot_nmy83_13:nth-child(6):before,._pl__dot_nmy83_13:nth-child(6):after{animation-delay:-.8333333333s}._pl__dot_nmy83_13:nth-child(7){transform:rotate(-180deg) translate(5em) rotate(180deg);z-index:2}._pl__dot_nmy83_13:nth-child(7),._pl__dot_nmy83_13:nth-child(7):before,._pl__dot_nmy83_13:nth-child(7):after{animation-delay:-1s}._pl__dot_nmy83_13:nth-child(8){transform:rotate(-210deg) translate(5em) rotate(210deg);z-index:3}._pl__dot_nmy83_13:nth-child(8),._pl__dot_nmy83_13:nth-child(8):before,._pl__dot_nmy83_13:nth-child(8):after{animation-delay:-1.1666666667s}._pl__dot_nmy83_13:nth-child(9){transform:rotate(-240deg) translate(5em) rotate(240deg);z-index:4}._pl__dot_nmy83_13:nth-child(9),._pl__dot_nmy83_13:nth-child(9):before,._pl__dot_nmy83_13:nth-child(9):after{animation-delay:-1.3333333333s}._pl__dot_nmy83_13:nth-child(10){transform:rotate(-270deg) translate(5em) rotate(270deg);z-index:5}._pl__dot_nmy83_13:nth-child(10),._pl__dot_nmy83_13:nth-child(10):before,._pl__dot_nmy83_13:nth-child(10):after{animation-delay:-1.5s}._pl__dot_nmy83_13:nth-child(11){transform:rotate(-300deg) translate(5em) rotate(300deg);z-index:6}._pl__dot_nmy83_13:nth-child(11),._pl__dot_nmy83_13:nth-child(11):before,._pl__dot_nmy83_13:nth-child(11):after{animation-delay:-1.6666666667s}._pl__dot_nmy83_13:nth-child(12){transform:rotate(-330deg) translate(5em) rotate(330deg);z-index:6}._pl__dot_nmy83_13:nth-child(12),._pl__dot_nmy83_13:nth-child(12):before,._pl__dot_nmy83_13:nth-child(12):after{animation-delay:-1.8333333333s}._pl__text_nmy83_139{font-size:.75em;max-width:5rem;position:relative;text-shadow:0 0 .1em hsla(223,10%,90%,.5);transform:rotate(-45deg)}@keyframes _shadow_nmy83_1{0%{animation-timing-function:ease-in;box-shadow:.1em .1em 0 .1em #000,.3em 0 .3em #0000004d}25%{animation-timing-function:ease-out;box-shadow:.1em .1em 0 .1em #000,.8em 0 .8em #00000080}50%,to{box-shadow:.1em .1em 0 .1em #000,.3em 0 .3em #0000004d}}@keyframes _pushInOut1_nmy83_1{0%{animation-timing-function:ease-in;background-color:#454954;transform:translate(0)}25%{animation-timing-function:ease-out;background-color:#5583f6;transform:translate(-71%,-71%)}50%,to{background-color:#454954;transform:translate(0)}}@keyframes _pushInOut2_nmy83_1{0%{animation-timing-function:ease-in;background-color:#454954;clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%)}25%{animation-timing-function:ease-out;background-color:#255ff4;clip-path:polygon(0 25%,100% 25%,100% 100%,0 100%)}50%,to{background-color:#454954;clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%)}}._clockLoader_1rq2k_1{display:flex;justify-content:center;align-items:center;position:absolute;left:0;right:0;bottom:0;top:0;z-index:100}._item_1rq2k_13{width:4rem;height:4rem;border-radius:50%;border:3px solid #345;display:flex;justify-content:center;align-items:center;position:relative}._item_1rq2k_13:before,._item_1rq2k_13:after{content:"";position:absolute;width:.2rem;border-radius:10px;transform:translateY(-45%);transform-origin:50% 95%;animation:_spin_1rq2k_1 infinite linear}._item_1rq2k_13:before{height:1.6rem;animation-duration:2s;background-color:#345}._item_1rq2k_13:after{background-color:#345c;height:.8rem;animation-duration:15s}@keyframes _spin_1rq2k_1{to{transform:translateY(-45%) rotate(1turn)}}._wrap_1bgo9_1{position:absolute;left:0;right:0;top:0;bottom:0;display:grid;justify-content:center;align-items:center;z-index:100}._loader_1bgo9_14{width:73px;height:73px;margin:0 auto;position:relative;transform:rotate(45deg)}._cube_1bgo9_22{position:relative;transform:rotate(45deg);width:50%;height:50%;float:left;transform:scale(1.1)}._cube_1bgo9_22:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#34495e;animation:_cube-loader_1bgo9_1 2.76s infinite linear both;transform-origin:100% 100%}._two_1bgo9_43{transform:scale(1.1) rotate(90deg)}._two_1bgo9_43:before{animation-delay:.35s}._three_1bgo9_50{transform:scale(1.1) rotate(180deg)}._three_1bgo9_50:before{animation-delay:.69s}._four_1bgo9_57{transform:scale(1.1) rotate(270deg)}._four_1bgo9_57:before{animation-delay:1.04s}@keyframes _cube-loader_1bgo9_1{0%,10%{transform:perspective(136px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(136px) rotateX(0);opacity:1}90%,to{transform:perspective(136px) rotateY(180deg);opacity:0}}._wrap_17l3h_1{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;display:flex;justify-content:center;align-items:center;z-index:100}._inner_17l3h_14{width:200px;height:200px;position:relative;display:flex;justify-content:center;flex-direction:column}._loader_17l3h_23{margin:0 auto;position:relative;flex-shrink:0;order:1;width:inherit;height:inherit}._item_17l3h_32{width:100px;height:100px;position:absolute}._one_17l3h_38{background-color:#fa5667;top:0;left:0;animation:_oneAnim_17l3h_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}._two_17l3h_45{background-color:#7a45e5;top:0;right:0;animation:_twoAnim_17l3h_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}._three_17l3h_52{background-color:#1b91f7;bottom:0;right:0;animation:_threeAnim_17l3h_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}._four_17l3h_59{background-color:#fac24c;bottom:0;left:0;animation:_fourAnim_17l3h_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}._text_17l3h_66{padding:0;display:flex;justify-content:center;text-wrap:nowrap;z-index:106;text-align:center;margin:30px 0;animation:_textAnim_17l3h_1 .5s linear infinite alternate}@keyframes _textAnim_17l3h_1{0%{color:#d3d2d6fc}to{color:#a1a0a2fc}}@keyframes _oneAnim_17l3h_1{0%,to{transform:translate(0)}25%{transform:translateY(100px)}50%{transform:translate(100px,100px)}75%{transform:translate(100px)}}@keyframes _twoAnim_17l3h_1{0%,to{transform:translate(0)}25%{transform:translate(-100px)}50%{transform:translate(-100px,100px)}75%{transform:translateY(100px)}}@keyframes _threeAnim_17l3h_1{0%,to{transform:translate(0)}25%{transform:translateY(-100px)}50%{transform:translate(-100px,-100px)}75%{transform:translate(-100px)}}@keyframes _fourAnim_17l3h_1{0%,to{transform:translate(0)}25%{transform:translate(100px)}50%{transform:translate(100px,-100px)}75%{transform:translateY(-100px)}}._container_1yb5l_1{position:relative}._preloader_1yb5l_9{position:absolute}._fadeEnter_1yb5l_15{opacity:0}._fadeExit_1yb5l_23,._fadeEnterActive_1yb5l_31{opacity:1}._fadeExitActive_1yb5l_41{opacity:0}._fadeEnterActive_1yb5l_31,._fadeExitActive_1yb5l_41{transition:opacity .3s}._scaleEnter_1yb5l_113{transform:scale(1.1)}._scaleExit_1yb5l_119,._scaleEnterActive_1yb5l_125{transform:scale(1)}._scaleExitActive_1yb5l_131{transform:scale(.9)}._scaleEnterActive_1yb5l_125,._scaleExitActive_1yb5l_131{transition:transform .3s}