@archbase/admin 4.0.25 → 4.0.26

package/dist/index.js

@@ -1,18 +1,18 @@
-import { jsx as r, jsxs as R, Fragment as ke } from "react/jsx-runtime";
+import { jsx as r, jsxs as E, Fragment as xe } from "react/jsx-runtime";
 import * as QA from "react";
-import ve, { useState as pe, useRef as ee, useEffect as Ae, useMemo as ae, useContext as ge, useCallback as w, createContext as Pe, memo as KA, Fragment as FA, useLayoutEffect as mr, useImperativeHandle as yr, startTransition as AA, useReducer as vr, useSyncExternalStore as Cr } from "react";
+import Ce, { useState as fe, useRef as Ae, useEffect as re, useMemo as ie, useContext as be, useCallback as C, createContext as Pe, memo as KA, Fragment as FA, useLayoutEffect as mr, useImperativeHandle as yr, startTransition as AA, useReducer as vr, useSyncExternalStore as Cr } from "react";
 import { useArchbaseSecurityManager as wr } from "@archbase/security";
 import { useUncontrolled as oA, useMediaQuery as IA, useHotkeys as Sr, useDisclosure as kr, useFocusTrap as xr, useForceUpdate as Ir } from "@mantine/hooks";
-import { Flex as Ve, useMantineColorScheme as ne, Menu as oe, ActionIcon as Re, Group as xe, Tooltip as Ie, Button as Tr, ScrollArea as De, Badge as dA, Center as Ue, Image as Er, useMantineTheme as fe, px as ce, Burger as Rr, Box as B, Avatar as nA, Text as we, Stack as X, Skeleton as de, Paper as Pr, NavLink as TA, Kbd as GA, UnstyledButton as sA, Collapse as Lr, TextInput as VA, Indicator as Mr, Transition as Dr, Divider as lA, AppShell as Ke, Drawer as BA } from "@mantine/core";
+import { Flex as Ve, useMantineColorScheme as se, Menu as ne, ActionIcon as Re, Group as Ie, Tooltip as Te, Button as Tr, ScrollArea as De, Badge as dA, Center as Ue, Image as Er, useMantineTheme as ge, px as de, Burger as Rr, Box as B, Avatar as nA, Text as we, Stack as J, Skeleton as ue, Paper as Pr, NavLink as TA, Kbd as GA, UnstyledButton as sA, Collapse as Lr, TextInput as VA, Indicator as Mr, Transition as Dr, Divider as lA, AppShell as Ke, Drawer as BA } from "@mantine/core";
 import { IconSun as HA, IconMoonStars as UA, IconTerminal as Nr, IconSearch as Ye, IconAlertCircle as zr, IconDots as YA, IconChevronRight as uA, IconChevronDown as Or, IconX as qA, IconChevronLeft as $r, IconHome2 as Qr, IconDashboard as Kr, IconUsers as Fr, IconListSearch as jA, IconUserPlus as Gr, IconNews as Vr, IconFilePlus as Br, IconSettings as Hr } from "@tabler/icons-react";
-import { useArchbaseAppContext as hA, getI18nextInstance as te, useArchbaseTranslation as pA, archbaseI18next as Se, useArchbaseValidator as Ur, ARCHBASE_IOC_API_TYPE as Yr } from "@archbase/core";
+import { useArchbaseAppContext as hA, getI18nextInstance as oe, useArchbaseTranslation as pA, archbaseI18next as ke, useArchbaseValidator as Ur, ARCHBASE_IOC_API_TYPE as Yr } from "@archbase/core";
 import { BRFlag as Ge, USFlag as XA, ESFlag as aA, VEFlag as qr, UYFlag as jr, SVFlag as Xr, PYFlag as Jr, PEFlag as _r, PAFlag as Wr, NIFlag as Zr, MXFlag as et, HNFlag as At, GTFlag as rt, ECFlag as tt, DOFlag as ot, CUFlag as nt, CRFlag as st, COFlag as lt, CLFlag as at, BOFlag as it, ARFlag as ct } from "mantine-flagpack";
 import { spotlight as dt, Spotlight as Fe } from "@mantine/spotlight";
 import { useNavigate as Be, useLocation as He, matchPath as EA } from "react-router";
 import { useLocation as _e, useOutlet as ut, matchPath as ht, Route as $e, Routes as JA, useParams as _A, useSearchParams as WA, useNavigate as pt } from "react-router-dom";
 import { useMediaQuery as ft } from "usehooks-ts";
 import { useArchbaseNavigateParams as gt, useArchbaseVisible as bt, ArchbaseNotifications as mt, ArchbaseAvatarEdit as yt, ArchbaseEdit as rA } from "@archbase/components";
-import { SubMenu as vt, MenuItem as RA, menuClasses as Z, Sidebar as ZA, Menu as er, sidebarClasses as Ar } from "react-pro-sidebar";
+import { SubMenu as vt, MenuItem as RA, menuClasses as ee, Sidebar as ZA, Menu as er, sidebarClasses as Ar } from "react-pro-sidebar";
 import { createPortal as Ct } from "react-dom";
 import wt from "@rehooks/component-size";
 import { ArchbaseAdvancedTabs as St } from "@archbase/layout";
@@ -21,7 +21,7 @@ import { persist as xt } from "zustand/middleware";
 import { useArchbaseStore as It, useArchbaseRemoteServiceApi as Tt, useArchbaseRemoteDataSource as Et } from "@archbase/data";
 import { ArchbaseFormModalTemplate as Rt } from "@archbase/template";
 import { createStore as Pt } from "zustand/vanilla";
-const We = ve.createContext({}), Lt = ({
+const We = Ce.createContext({}), Lt = ({
   navigationData: e,
   user: t,
   owner: o,
@@ -33,22 +33,22 @@ const We = ve.createContext({}), Lt = ({
   onNavigationDataChange: d,
   initialSidebarCollapsed: i
 }) => {
-  const [u, c] = pe(i), [h, f] = pe(!1), [m, v] = pe(() => a === !0), [y, b] = pe(null), p = ee(!1), [S, x] = oA({
+  const [u, c] = fe(i), [h, f] = fe(!1), [b, v] = fe(() => a === !0), [m, g] = fe(null), p = Ae(!1), [w, x] = oA({
     value: d !== void 0 ? e : void 0,
     defaultValue: a ? [] : e,
     finalValue: [],
     onChange: d
   });
-  Ae(() => {
-  }, [S, a]);
-  const { securityManager: P } = wr({
+  re(() => {
+  }, [w, a]);
+  const { securityManager: R } = wr({
     resourceName: l?.navigationResourceName ? l.navigationResourceName : "ArchbaseAdvancedSidebar",
     resourceDescription: l?.navigationResourceDescription ? l.navigationResourceDescription : "archbase:Navegação",
     enableSecurity: a
   });
-  return Ae(() => {
+  return re(() => {
     p.current = !1;
-  }, [t?.id]), Ae(() => {
+  }, [t?.id]), re(() => {
     if (!a) {
       v(!1);
       return;
@@ -56,54 +56,54 @@ const We = ve.createContext({}), Lt = ({
     if (p.current)
       return;
     e.filter((z) => z.showInSidebar).forEach((z) => {
-      P.registerAction(z.label, z.label), z?.links?.forEach((L) => P.registerAction(`${z.label} -> ${L.label}`, `${z.label} -> ${L.label}`));
+      R.registerAction(z.label, z.label), z?.links?.forEach((P) => R.registerAction(`${z.label} -> ${P.label}`, `${z.label} -> ${P.label}`));
     });
-    const $ = () => {
+    const O = () => {
       p.current = !0;
-      const z = e.map((L) => ({
-        ...L,
-        disabled: !P.hasPermission(L.label),
-        links: L.links && L.links.map((I) => {
-          const M = P.hasPermission(`${L.label} -> ${I.label}`);
+      const z = e.map((P) => ({
+        ...P,
+        disabled: !R.hasPermission(P.label),
+        links: P.links && P.links.map((I) => {
+          const L = R.hasPermission(`${P.label} -> ${I.label}`);
           return {
             ...I,
-            disabled: !M
+            disabled: !L
           };
         })
       }));
-      x(z), v(!1), b(null);
-    }, G = !P.isLoading() && !P.isError();
-    if (P.isError()) {
+      x(z), v(!1), g(null);
+    }, G = !R.isLoading() && !R.isError();
+    if (R.isError()) {
       p.current = !0;
-      const z = P.getError() || "Erro ao carregar permissões de navegação";
-      b(z), v(!1), x(e);
+      const z = R.getError() || "Erro ao carregar permissões de navegação";
+      g(z), v(!1), x(e);
       return;
     }
     if (G) {
-      $();
+      O();
       return;
     }
-    v(!0), b(null);
-    let k = !1;
+    v(!0), g(null);
+    let S = !1;
     const T = setInterval(() => {
-      if (!k && P.isError()) {
+      if (!S && R.isError()) {
         clearInterval(T), p.current = !0;
-        const z = P.getError() || "Erro ao carregar permissões de navegação";
-        b(z), v(!1), x(e);
+        const z = R.getError() || "Erro ao carregar permissões de navegação";
+        g(z), v(!1), x(e);
       }
-    }, 100), N = setTimeout(() => {
-      k || (clearInterval(T), v((z) => z && (p.current = !0, console.warn("[ArchbaseAdminLayout] Timeout ao carregar permissões - carregando menu sem filtro de segurança"), x(e), !1)));
+    }, 100), D = setTimeout(() => {
+      S || (clearInterval(T), v((z) => z && (p.current = !0, console.warn("[ArchbaseAdminLayout] Timeout ao carregar permissões - carregando menu sem filtro de segurança"), x(e), !1)));
     }, 3e3);
-    return P.apply(() => {
-      k || (clearInterval(T), clearTimeout(N), $());
+    return R.apply(() => {
+      S || (clearInterval(T), clearTimeout(D), O());
     }), () => {
-      k = !0, clearInterval(T), clearTimeout(N);
+      S = !0, clearInterval(T), clearTimeout(D);
     };
-  }, [t?.id, a, e, P, x]), /* @__PURE__ */ r(
+  }, [t?.id, a, e, R, x]), /* @__PURE__ */ r(
     We.Provider,
     {
       value: {
-        navigationData: S,
+        navigationData: w,
         setNavigationData: x,
         user: t,
         owner: o,
@@ -114,20 +114,20 @@ const We = ve.createContext({}), Lt = ({
         hidden: h,
         setHidden: f,
         onNavigationDataChange: d,
-        isLoadingPermissions: m,
-        permissionsError: y
+        isLoadingPermissions: b,
+        permissionsError: m
       },
       children: s
     }
   );
 }, vn = ({ children: e }) => /* @__PURE__ */ r(Ve, { align: "center", direction: "row", wrap: "wrap", h: "100%", children: e }), Mt = () => {
-  const e = hA(), { colorScheme: t } = ne(), o = t === "dark", [A, n] = pe(te().language);
-  Ae(() => {
+  const e = hA(), { colorScheme: t } = se(), o = t === "dark", [A, n] = fe(oe().language);
+  re(() => {
     const d = (i) => {
       n(i);
     };
-    return te().on("languageChanged", d), () => {
-      te().off("languageChanged", d);
+    return oe().on("languageChanged", d), () => {
+      oe().off("languageChanged", d);
     };
   }, []);
   const s = (d) => {
@@ -185,7 +185,7 @@ const We = ve.createContext({}), Lt = ({
   }, a = () => {
     if (e.languages)
       return e.languages.filter((d) => d).map((d) => /* @__PURE__ */ r(
-        oe.Item,
+        ne.Item,
         {
           onClick: () => l(d.lang),
           leftSection: s(d.lang),
@@ -194,17 +194,17 @@ const We = ve.createContext({}), Lt = ({
         d.name
       ));
   }, l = (d) => {
-    te().changeLanguage(d);
+    oe().changeLanguage(d);
   };
-  return /* @__PURE__ */ R(oe, { shadow: "md", width: 200, position: "bottom-end", children: [
-    /* @__PURE__ */ r(oe.Target, { children: /* @__PURE__ */ r(Re, { variant: "transparent", color: o ? "white" : "blue", title: te().t("toggleLanguage"), children: s(A) }) }),
-    /* @__PURE__ */ r(oe.Dropdown, { children: a() })
+  return /* @__PURE__ */ E(ne, { shadow: "md", width: 200, position: "bottom-end", children: [
+    /* @__PURE__ */ r(ne.Target, { children: /* @__PURE__ */ r(Re, { variant: "transparent", color: o ? "white" : "blue", title: oe().t("toggleLanguage"), children: s(A) }) }),
+    /* @__PURE__ */ r(ne.Dropdown, { children: a() })
   ] });
 }, Dt = () => {
-  const e = hA(), { colorScheme: t } = ne(), { t: o, i18n: A } = pA(), n = (l) => l === "en" ? /* @__PURE__ */ r(XA, { size: 24 }) : l === "pt-BR" ? /* @__PURE__ */ r(Ge, { size: 24 }) : l === "es" ? /* @__PURE__ */ r(aA, { size: 24 }) : /* @__PURE__ */ r(Ge, { size: 24 }), s = () => {
+  const e = hA(), { colorScheme: t } = se(), { t: o, i18n: A } = pA(), n = (l) => l === "en" ? /* @__PURE__ */ r(XA, { size: 24 }) : l === "pt-BR" ? /* @__PURE__ */ r(Ge, { size: 24 }) : l === "es" ? /* @__PURE__ */ r(aA, { size: 24 }) : /* @__PURE__ */ r(Ge, { size: 24 }), s = () => {
     if (e.languages)
       return e.languages.filter((l) => l).map((l) => /* @__PURE__ */ r(
-        oe.Item,
+        ne.Item,
         {
           onClick: () => a(l.lang),
           leftSection: n(l.lang),
@@ -215,9 +215,9 @@ const We = ve.createContext({}), Lt = ({
   }, a = (l) => {
     A.changeLanguage(l);
   };
-  return /* @__PURE__ */ R(oe, { children: [
-    /* @__PURE__ */ r(oe.Target, { children: /* @__PURE__ */ R(
-      xe,
+  return /* @__PURE__ */ E(ne, { children: [
+    /* @__PURE__ */ r(ne.Target, { children: /* @__PURE__ */ E(
+      Ie,
       {
         w: "100%",
         justify: "flex-start",
@@ -226,21 +226,21 @@ const We = ve.createContext({}), Lt = ({
         variant: "transparent",
         fw: 400,
         gap: 4,
-        title: te().t("archbase:toggleLanguage"),
+        title: oe().t("archbase:toggleLanguage"),
         children: [
           n(A.language),
           `${e.languages.find((l) => l.lang === A.language)?.name ?? "Português"}`
         ]
       }
     ) }),
-    /* @__PURE__ */ r(oe.Dropdown, { children: s() })
+    /* @__PURE__ */ r(ne.Dropdown, { children: s() })
   ] });
 }, Nt = ({
   toggleColorScheme: e,
   sunColor: t = "white",
   moonColor: o = "blue"
 }) => {
-  const { t: A } = pA(), { colorScheme: n, toggleColorScheme: s } = ne(), a = () => {
+  const { t: A } = pA(), { colorScheme: n, toggleColorScheme: s } = se(), a = () => {
     e ? e() : s();
   }, l = n === "dark";
   return /* @__PURE__ */ r(
@@ -249,26 +249,26 @@ const We = ve.createContext({}), Lt = ({
       variant: "transparent",
       color: l ? t : o,
       onClick: () => a(),
-      title: te().t("archbase:toggleColorScheme"),
+      title: oe().t("archbase:toggleColorScheme"),
       children: l ? /* @__PURE__ */ r(HA, { size: "1.5rem" }) : /* @__PURE__ */ r(UA, { size: "1.5rem" })
     }
   );
-}, zt = (e) => /* @__PURE__ */ r(xe, { gap: "sm", children: e.children });
+}, zt = (e) => /* @__PURE__ */ r(Ie, { gap: "sm", children: e.children });
 function Ot({ category: e, label: t, color: o, description: A, image: n, onClick: s }) {
   return /* @__PURE__ */ r(
     Fe.Action,
     {
       onClick: s,
-      label: `${te().t(t || "")}`,
-      description: A ? te().t(A) : void 0,
-      leftSection: n ? /* @__PURE__ */ r(Ue, { children: /* @__PURE__ */ r(Er, { src: n, alt: te().t(t || ""), width: 24, height: 24 }) }) : void 0,
-      rightSection: e ? /* @__PURE__ */ r(dA, { color: o, size: "sm", children: te().t(e) }) : void 0
+      label: `${oe().t(t || "")}`,
+      description: A ? oe().t(A) : void 0,
+      leftSection: n ? /* @__PURE__ */ r(Ue, { children: /* @__PURE__ */ r(Er, { src: n, alt: oe().t(t || ""), width: 24, height: 24 }) }) : void 0,
+      rightSection: e ? /* @__PURE__ */ r(dA, { color: o, size: "sm", children: oe().t(e) }) : void 0
     },
     t
   );
 }
 const $t = ({ navigationData: e, color: t }) => {
-  const [o, A] = pe(""), n = Be(), { t: s } = pA(), a = ae(() => {
+  const [o, A] = fe(""), n = Be(), { t: s } = pA(), a = ie(() => {
     const d = new Array();
     return e.forEach((i) => {
       i.links ? i.links.forEach((u) => {
@@ -297,9 +297,9 @@ const $t = ({ navigationData: e, color: t }) => {
     const i = `${s(d.label || "")}`;
     return i && i.toLowerCase().includes(o.toLowerCase().trim());
   }).map((d) => /* @__PURE__ */ r(Ot, { ...d }, d.id));
-  return /* @__PURE__ */ r(ke, { children: a && a.length > 0 ? /* @__PURE__ */ R(ke, { children: [
-    /* @__PURE__ */ r(Ie, { withinPortal: !0, withArrow: !0, label: `${s("archbase:Comandos ⌘M")}`, children: /* @__PURE__ */ r(Tr, { color: t, leftSection: /* @__PURE__ */ r(Nr, { size: "24px" }), onClick: () => dt.open() }) }),
-    /* @__PURE__ */ R(
+  return /* @__PURE__ */ r(xe, { children: a && a.length > 0 ? /* @__PURE__ */ E(xe, { children: [
+    /* @__PURE__ */ r(Te, { withinPortal: !0, withArrow: !0, label: `${s("archbase:Comandos ⌘M")}`, children: /* @__PURE__ */ r(Tr, { color: t, leftSection: /* @__PURE__ */ r(Nr, { size: "24px" }), onClick: () => dt.open() }) }),
+    /* @__PURE__ */ E(
       Fe.Root,
       {
         shortcut: ["mod + M", "/"],
@@ -307,7 +307,7 @@ const $t = ({ navigationData: e, color: t }) => {
         query: o,
         children: [
           /* @__PURE__ */ r(Fe.Search, { placeholder: `${s("archbase:Localizar...")}`, leftSection: /* @__PURE__ */ r(Ye, { size: "1.2rem" }) }),
-          /* @__PURE__ */ r(De.Autosize, { mah: "calc(100vh - 200px)", type: "scroll", scrollbarSize: 8, children: /* @__PURE__ */ r(Fe.ActionsList, { children: l.length > 0 ? l : /* @__PURE__ */ r(Fe.Empty, { children: te().t("archbase:Nenhum resultado...") }) }) })
+          /* @__PURE__ */ r(De.Autosize, { mah: "calc(100vh - 200px)", type: "scroll", scrollbarSize: 8, children: /* @__PURE__ */ r(Fe.ActionsList, { children: l.length > 0 ? l : /* @__PURE__ */ r(Fe.Empty, { children: oe().t("archbase:Nenhum resultado...") }) }) })
         ]
       }
     )
@@ -327,63 +327,63 @@ const $t = ({ navigationData: e, color: t }) => {
   hideAutoHeaderActionsOnUserMenuBreakPoint: c,
   withDividerAfterUserMenuToggleColorScheme: h = !0,
   user: f,
-  navigationData: m = [],
+  navigationData: b = [],
   logo: v,
-  headerActions: y,
-  styleLogo: b,
+  headerActions: m,
+  styleLogo: g,
   showLanguageSelector: p = !1,
-  sideBarHiddenBreakPoint: S,
+  sideBarHiddenBreakPoint: w,
   headerLeftContent: x,
-  toggleColorScheme: P,
+  toggleColorScheme: R,
   logoLeftSection: Y,
-  logoRightSection: $,
+  logoRightSection: O,
   showBurger: G = !0,
-  showCommands: K = !0,
-  sunColor: k,
+  showCommands: F = !0,
+  sunColor: S,
   moonColor: T,
-  styles: N
+  styles: D
 }) => {
-  const z = fe(), { colorScheme: L, toggleColorScheme: I } = ne(), M = ge(We), q = IA(
-    `(max-width: ${S ? ce(S) : z.breakpoints.md})`
+  const z = ge(), { colorScheme: P, toggleColorScheme: I } = se(), L = be(We), j = IA(
+    `(max-width: ${w ? de(w) : z.breakpoints.md})`
   ), H = IA(
-    `(max-width: ${c ? ce(c) : z.breakpoints.md})`
+    `(max-width: ${c ? de(c) : z.breakpoints.md})`
   );
-  let J = !1, _ = !1;
-  return d && (i = !H, u = !H, t = H, o = H, a = H, h = H, p && (_ = !H, J = H)), /* @__PURE__ */ R(ke, { children: [
-    /* @__PURE__ */ R(Ve, { style: { width: 300, height: 50 }, align: "center", children: [
+  let _ = !1, W = !1;
+  return d && (i = !H, u = !H, t = H, o = H, a = H, h = H, p && (W = !H, _ = H)), /* @__PURE__ */ E(xe, { children: [
+    /* @__PURE__ */ E(Ve, { style: { width: 300, height: 50 }, align: "center", children: [
       Y,
       /* @__PURE__ */ r(
         "img",
         {
           style: {
             height: 50,
-            ...b
+            ...g
           },
           alt: "logo",
           src: v
         }
       ),
-      $
+      O
     ] }),
     G && /* @__PURE__ */ r(
       Rr,
       {
-        opened: M.hidden ? M.hidden : !1,
-        onClick: () => M.setHidden(!M.hidden),
+        opened: L.hidden ? L.hidden : !1,
+        onClick: () => L.setHidden(!L.hidden),
         size: "sm",
         color: z.colors.gray[7],
         mx: { base: "xs", xs: "lg", sm: "xl" },
-        display: q ? "" : "none"
+        display: j ? "" : "none"
       }
     ),
-    /* @__PURE__ */ r("div", { children: K && /* @__PURE__ */ r($t, { navigationData: m }) }),
+    /* @__PURE__ */ r("div", { children: F && /* @__PURE__ */ r($t, { navigationData: b }) }),
     /* @__PURE__ */ r(B, { style: { flex: 1 }, children: x }),
-    /* @__PURE__ */ R(zt, { children: [
-      i && y,
-      u && /* @__PURE__ */ r(Nt, { toggleColorScheme: P, sunColor: k, moonColor: T }),
-      _ && /* @__PURE__ */ r(Mt, {}),
-      /* @__PURE__ */ R(oe, { shadow: "md", width: 200, position: "bottom-end", styles: N?.menu, children: [
-        /* @__PURE__ */ r(oe.Target, { children: /* @__PURE__ */ R("div", { children: [
+    /* @__PURE__ */ E(zt, { children: [
+      i && m,
+      u && /* @__PURE__ */ r(Nt, { toggleColorScheme: R, sunColor: S, moonColor: T }),
+      W && /* @__PURE__ */ r(Mt, {}),
+      /* @__PURE__ */ E(ne, { shadow: "md", width: 200, position: "bottom-end", styles: D?.menu, children: [
+        /* @__PURE__ */ r(ne.Target, { children: /* @__PURE__ */ E("div", { children: [
           /* @__PURE__ */ r(
             nA,
             {
@@ -415,20 +415,20 @@ const $t = ({ navigationData: e, color: t }) => {
             }
           ) : null
         ] }) }),
-        /* @__PURE__ */ R(oe.Dropdown, { children: [
+        /* @__PURE__ */ E(ne.Dropdown, { children: [
           e,
-          o && /* @__PURE__ */ r(oe.Label, { children: `${te().t("archbase:Opções")}` }),
+          o && /* @__PURE__ */ r(ne.Label, { children: `${oe().t("archbase:Opções")}` }),
           a && l,
           t && /* @__PURE__ */ r(
-            oe.Item,
+            ne.Item,
             {
-              leftSection: L === "dark" ? /* @__PURE__ */ r(HA, { size: A }) : /* @__PURE__ */ r(UA, { size: A }),
-              onClick: P || I,
-              children: `${te().t("archbase:toggleColorScheme")}`
+              leftSection: P === "dark" ? /* @__PURE__ */ r(HA, { size: A }) : /* @__PURE__ */ r(UA, { size: A }),
+              onClick: R || I,
+              children: `${oe().t("archbase:toggleColorScheme")}`
             }
           ),
-          J && /* @__PURE__ */ r(Dt, {}),
-          h && /* @__PURE__ */ r(oe.Divider, {}),
+          _ && /* @__PURE__ */ r(Dt, {}),
+          h && /* @__PURE__ */ r(ne.Divider, {}),
           n && s
         ] })
       ] })
@@ -439,30 +439,30 @@ function PA(e, t, o, A, n, s, a, l, d, i) {
   const u = s ? e.colorScheme === "dark" ? e.colors[e.primaryColor][8] : e.colors[e.primaryColor][7] : void 0, c = s ? (e.colorScheme === "dark", e.colors[e.primaryColor][0]) : void 0, h = e.colorScheme === "dark" ? "#3e5e7e" : "#9fb6cf", f = "0.5";
   if (A.links) {
     if (!(A.disabled && A.hideDisabledItem))
-      return /* @__PURE__ */ r(Ie, { disabled: !t, label: Se.t(A.label), children: /* @__PURE__ */ r(
+      return /* @__PURE__ */ r(Te, { disabled: !t, label: ke.t(A.label), children: /* @__PURE__ */ r(
         vt,
         {
           rootStyles: {
             fontSize: "16px",
-            [`.${Z.button}`]: {
+            [`.${ee.button}`]: {
               "&:hover": {
-                [`.${Z.icon}`]: {
+                [`.${ee.icon}`]: {
                   color: "white"
                 },
-                [`.${Z.label}`]: {
+                [`.${ee.label}`]: {
                   color: "white"
                 }
               }
             },
-            [`.${Z.subMenuContent}`]: {
+            [`.${ee.subMenuContent}`]: {
               width: t && i
             },
-            [`.${Z.disabled}`]: {
+            [`.${ee.disabled}`]: {
               opacity: f,
-              [`.${Z.icon}`]: {
+              [`.${ee.icon}`]: {
                 color: h + " !important"
               },
-              [`.${Z.label}`]: {
+              [`.${ee.label}`]: {
                 color: h + " !important"
               }
             }
@@ -470,47 +470,47 @@ function PA(e, t, o, A, n, s, a, l, d, i) {
           id: A.label,
           icon: A.icon,
           defaultOpen: !A.disabled,
-          label: t ? "" : Se.t(A.label),
+          label: t ? "" : ke.t(A.label),
           disabled: A.disabled,
-          children: A.links && A.links.filter((m) => m.showInSidebar === !0 && (!m.disabled || !m.hideDisabledItem)).map((m, v) => /* @__PURE__ */ r(
+          children: A.links && A.links.filter((b) => b.showInSidebar === !0 && (!b.disabled || !b.hideDisabledItem)).map((b, v) => /* @__PURE__ */ r(
             RA,
             {
-              onClick: () => o(m),
+              onClick: () => o(b),
               rootStyles: {
-                [`.${Z.icon}`]: {
+                [`.${ee.icon}`]: {
                   background: u,
-                  color: l && m.link === a ? "white" : c
+                  color: l && b.link === a ? "white" : c
                 },
-                [`.${Z.label}`]: {
-                  color: l && m.link === a ? "white" : d
+                [`.${ee.label}`]: {
+                  color: l && b.link === a ? "white" : d
                 },
-                [`.${Z.button}`]: {
+                [`.${ee.button}`]: {
                   paddingLeft: "40px !important",
                   "&:hover": {
-                    [`.${Z.icon}`]: {
+                    [`.${ee.icon}`]: {
                       color: "white"
                     },
-                    [`.${Z.label}`]: {
+                    [`.${ee.label}`]: {
                       color: "white"
                     }
                   }
                 },
-                [`.${Z.disabled}`]: {
+                [`.${ee.disabled}`]: {
                   opacity: f,
-                  [`.${Z.icon}`]: {
+                  [`.${ee.icon}`]: {
                     background: (u || "") + " !important",
                     color: h + " !important"
                   },
-                  [`.${Z.label}`]: {
+                  [`.${ee.label}`]: {
                     color: h + " !important"
                   }
                 }
               },
-              id: m.label,
-              icon: m.icon,
-              disabled: typeof m.disabled == "function" ? m.disabled() : m.disabled,
-              active: l && m.link === a,
-              children: Se.t(m.label)
+              id: b.label,
+              icon: b.icon,
+              disabled: typeof b.disabled == "function" ? b.disabled() : b.disabled,
+              active: l && b.link === a,
+              children: ke.t(b.label)
             },
             v
           ))
@@ -518,35 +518,35 @@ function PA(e, t, o, A, n, s, a, l, d, i) {
         n
       ) });
   } else if (A.showInSidebar && (!A.disabled || !A.hideDisabledItem))
-    return /* @__PURE__ */ r(Ie, { disabled: !t, label: Se.t(A.label), children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ r(Te, { disabled: !t, label: ke.t(A.label), children: /* @__PURE__ */ r(
       RA,
       {
         rootStyles: {
           fontSize: "16px",
-          [`.${Z.button}`]: {
+          [`.${ee.button}`]: {
             "&:hover": {
-              [`.${Z.icon}`]: {
+              [`.${ee.icon}`]: {
                 color: "white"
               },
-              [`.${Z.label}`]: {
+              [`.${ee.label}`]: {
                 color: "white"
               }
             }
           },
-          [`.${Z.icon}`]: {
+          [`.${ee.icon}`]: {
             background: u,
             color: l && A.link === a ? "white" : c
           },
-          [`.${Z.label}`]: {
+          [`.${ee.label}`]: {
             color: l && A.link === a ? "white" : d
           },
-          [`.${Z.disabled}`]: {
+          [`.${ee.disabled}`]: {
             opacity: f,
-            [`.${Z.icon}`]: {
+            [`.${ee.icon}`]: {
               background: (u || "") + " !important",
               color: h + " !important"
             },
-            [`.${Z.label}`]: {
+            [`.${ee.label}`]: {
               color: h + " !important"
             }
           }
@@ -556,7 +556,7 @@ function PA(e, t, o, A, n, s, a, l, d, i) {
         onClick: () => o(A),
         icon: A.icon,
         active: l && A.link === a,
-        children: t ? "" : Se.t(A.label)
+        children: t ? "" : ke.t(A.label)
       },
       n
     ) });
@@ -598,7 +598,7 @@ const Kt = (e) => ({
     }
   }
 }), Ft = (e, t, o, A, n, s, a, l, d, i, u) => {
-  const c = Kt(), h = s ? {} : { padding: o ? `0 ${(n - A) / 2}px` : "0 20px" }, f = s ? {} : { display: "none" }, m = a ? e === "dark" ? t.colors[t.primaryColor][8] : t.colors[t.primaryColor][0] : void 0;
+  const c = Kt(), h = s ? {} : { padding: o ? `0 ${(n - A) / 2}px` : "0 20px" }, f = s ? {} : { display: "none" }, b = a ? e === "dark" ? t.colors[t.primaryColor][8] : t.colors[t.primaryColor][0] : void 0;
   return {
     root: {
       fontSize: "14px",
@@ -607,9 +607,9 @@ const Kt = (e) => ({
       color: t.white
     },
     icon: {
-      background: m,
+      background: b,
       color: u,
-      [`&.${Z.disabled}`]: {
+      [`&.${ee.disabled}`]: {
         color: c[e].menu.disabled.color
       }
     },
@@ -621,14 +621,14 @@ const Kt = (e) => ({
       backgroundColor: e === "dark" ? t.colors.dark[8] : t.colors[t.primaryColor][0]
     }),
     button: {
-      [`&.${Z.disabled}`]: {
+      [`&.${ee.disabled}`]: {
         color: c[e].menu.disabled.color
       },
       "&:hover": {
         backgroundColor: t.colors[t.primaryColor][6],
         color: t.white
       },
-      [`&.${Z.active}`]: {
+      [`&.${ee.active}`]: {
         backgroundColor: t.colors[t.primaryColor][6]
       },
       height: l,
@@ -644,7 +644,7 @@ const Kt = (e) => ({
   };
 };
 function Gt(e, t, o, A, n, s, a, l, d, i, u) {
-  return /* @__PURE__ */ R(
+  return /* @__PURE__ */ E(
     ZA,
     {
       ref: e,
@@ -656,16 +656,16 @@ function Gt(e, t, o, A, n, s, a, l, d, i, u) {
           overflowY: "hidden",
           left: 0,
           right: 0,
-          height: a ? "calc(100vh - 28px)" : `${ce(l)}px`
+          height: a ? "calc(100vh - 28px)" : `${de(l)}px`
         }
       },
       collapsed: t,
-      width: `${ce(o)}px`,
-      collapsedWidth: `${ce(A)}px`,
+      width: `${de(o)}px`,
+      collapsedWidth: `${de(A)}px`,
       children: [
-        d && /* @__PURE__ */ r(ke, { children: d }),
-        /* @__PURE__ */ r(De, { style: { overflowY: "auto", overflowX: "hidden", height: l }, children: /* @__PURE__ */ r(er, { rootStyles: { background: u }, menuItemStyles: n, closeOnClick: !0, children: s && /* @__PURE__ */ r(ke, { children: s }) }) }),
-        i && /* @__PURE__ */ r(ke, { children: i })
+        d && /* @__PURE__ */ r(xe, { children: d }),
+        /* @__PURE__ */ r(De, { style: { overflowY: "auto", overflowX: "hidden", height: l }, children: /* @__PURE__ */ r(er, { rootStyles: { background: u }, menuItemStyles: n, closeOnClick: !0, children: s && /* @__PURE__ */ r(xe, { children: s }) }) }),
+        i && /* @__PURE__ */ r(xe, { children: i })
       ]
     }
   );
@@ -675,9 +675,9 @@ function LA({
   collapsed: t = !1,
   backgroundColor: o
 }) {
-  const A = fe(), { colorScheme: n } = ne(), s = o ?? (n === "dark" ? A.colors.dark[7] : A.white);
+  const A = ge(), { colorScheme: n } = se(), s = o ?? (n === "dark" ? A.colors.dark[7] : A.white);
   return t ? /* @__PURE__ */ r(
-    X,
+    J,
     {
       gap: "sm",
       p: "xs",
@@ -688,7 +688,7 @@ function LA({
         height: "100%"
       },
       children: Array.from({ length: e }).map((a, l) => /* @__PURE__ */ r(
-        de,
+        ue,
         {
           height: 32,
           width: 32,
@@ -698,7 +698,7 @@ function LA({
       ))
     }
   ) : /* @__PURE__ */ r(
-    X,
+    J,
     {
       gap: "xs",
       p: "md",
@@ -708,9 +708,9 @@ function LA({
         width: "100%",
         height: "100%"
       },
-      children: Array.from({ length: e }).map((a, l) => /* @__PURE__ */ R(xe, { gap: "sm", wrap: "nowrap", children: [
+      children: Array.from({ length: e }).map((a, l) => /* @__PURE__ */ E(Ie, { gap: "sm", wrap: "nowrap", children: [
         /* @__PURE__ */ r(
-          de,
+          ue,
           {
             height: 24,
             width: 24,
@@ -718,7 +718,7 @@ function LA({
           }
         ),
         /* @__PURE__ */ r(
-          de,
+          ue,
           {
             height: 18,
             radius: "xl",
@@ -735,9 +735,9 @@ function Vt({
   height: o = "100%",
   backgroundColor: A
 }) {
-  const n = fe(), { colorScheme: s } = ne(), a = A ?? (s === "dark" ? n.colors.dark[6] : n.colors.gray[2]);
+  const n = ge(), { colorScheme: s } = se(), a = A ?? (s === "dark" ? n.colors.dark[6] : n.colors.gray[2]);
   return /* @__PURE__ */ r(
-    X,
+    J,
     {
       gap: "md",
       p: "xs",
@@ -747,9 +747,9 @@ function Vt({
         height: o,
         backgroundColor: a
       },
-      children: Array.from({ length: e }).map((l, d) => /* @__PURE__ */ R(X, { gap: 4, align: "center", children: [
+      children: Array.from({ length: e }).map((l, d) => /* @__PURE__ */ E(J, { gap: 4, align: "center", children: [
         /* @__PURE__ */ r(
-          de,
+          ue,
           {
             height: 48,
             width: 48,
@@ -758,7 +758,7 @@ function Vt({
           }
         ),
         /* @__PURE__ */ r(
-          de,
+          ue,
           {
             height: 10,
             width: 40,
@@ -774,8 +774,8 @@ function MA({
   backgroundColor: t,
   children: o
 }) {
-  const A = fe(), { colorScheme: n } = ne(), s = t ?? (n === "dark" ? A.colors.dark[7] : A.white), a = n === "dark" ? A.colors.red[4] : A.colors.red[6];
-  return o ? /* @__PURE__ */ r(ke, { children: o }) : /* @__PURE__ */ r(Ue, { p: "md", style: { backgroundColor: s, flex: 1, height: "100%" }, children: /* @__PURE__ */ R(X, { align: "center", gap: "xs", children: [
+  const A = ge(), { colorScheme: n } = se(), s = t ?? (n === "dark" ? A.colors.dark[7] : A.white), a = n === "dark" ? A.colors.red[4] : A.colors.red[6];
+  return o ? /* @__PURE__ */ r(xe, { children: o }) : /* @__PURE__ */ r(Ue, { p: "md", style: { backgroundColor: s, flex: 1, height: "100%" }, children: /* @__PURE__ */ E(J, { align: "center", gap: "xs", children: [
     /* @__PURE__ */ r(zr, { size: 32, color: a }),
     /* @__PURE__ */ r(we, { size: "sm", c: a, ta: "center", children: e })
   ] }) });
@@ -795,56 +795,56 @@ function Bt({
   groupLabelDarkColor: c,
   groupLabelLightColor: h,
   collapsed: f,
-  onMenuItemClick: m,
+  onMenuItemClick: b,
   onClickActionIcon: v,
-  withBorder: y = !1,
-  showGroupLabels: b = !0,
+  withBorder: m = !1,
+  showGroupLabels: g = !0,
   theme: p,
-  sidebarRef: S,
+  sidebarRef: w,
   defaultGroupIcon: x,
-  selectedGroupName: P,
+  selectedGroupName: R,
   sideBarHeaderContent: Y,
-  iconsWithBackground: $ = !1,
+  iconsWithBackground: O = !1,
   menuItemHeight: G = 40,
-  highlightActiveMenuItem: K = !0,
-  backgroundDarkColor: k,
+  highlightActiveMenuItem: F = !0,
+  backgroundDarkColor: S,
   backgroundLightColor: T,
-  textDarkColor: N,
+  textDarkColor: D,
   textLightColor: z,
-  iconDarkColor: L,
+  iconDarkColor: P,
   iconLightColor: I,
-  collapsedSubmenuWidth: M,
-  isLoading: q = !1,
+  collapsedSubmenuWidth: L,
+  isLoading: j = !1,
   loadingError: H,
-  loadingComponent: J,
-  errorComponent: _,
-  skeletonItemCount: ue = 8,
-  skeletonGroupCount: be = 3
+  loadingComponent: _,
+  errorComponent: W,
+  skeletonItemCount: he = 8,
+  skeletonGroupCount: me = 3
 }) {
-  const [se, j] = pe(""), g = hA(), C = He(), { colorScheme: D } = ne(), O = D === "dark" ? k ?? p.colors.dark[7] : T ?? p.white, Q = s || (D === "dark" ? p.colors[p.primaryColor][8] : p.colors[p.primaryColor][0]), V = D === "dark" ? N ?? "var(--mantine-color-text)" : z ?? "var(--mantine-color-text)", E = D === "dark" ? L ?? p.colors[p.primaryColor][0] : I ?? p.colors[p.primaryColor][7], F = ae(() => {
-    const he = /* @__PURE__ */ new Set();
-    return e.forEach((re) => {
-      if (re.showInSidebar && (!re.disabled || !re.hideDisabledItem)) {
+  const [le, q] = fe(""), V = hA(), k = He(), { colorScheme: y } = se(), $ = y === "dark" ? S ?? p.colors.dark[7] : T ?? p.white, M = s || (y === "dark" ? p.colors[p.primaryColor][8] : p.colors[p.primaryColor][0]), Q = y === "dark" ? D ?? "var(--mantine-color-text)" : z ?? "var(--mantine-color-text)", K = y === "dark" ? P ?? p.colors[p.primaryColor][0] : I ?? p.colors[p.primaryColor][7], N = ie(() => {
+    const pe = /* @__PURE__ */ new Set();
+    return e.forEach((te) => {
+      if (te.showInSidebar && (!te.disabled || !te.hideDisabledItem)) {
         let Me = !1;
-        re.group || (re.group = {
+        te.group || (te.group = {
           icon: x || /* @__PURE__ */ r(YA, { size: "2.2rem", color: "#63B1FB", stroke: 1 }),
           label: "Default",
           name: "Default",
           hint: "Default",
           indexOrder: 0
-        }), he.forEach((ye) => {
-          ye.name === re.group.name && (Me = !0);
-        }), Me || he.add({
-          name: re.group.name,
-          indexOrder: re.group.indexOrder,
+        }), pe.forEach((ve) => {
+          ve.name === te.group.name && (Me = !0);
+        }), Me || pe.add({
+          name: te.group.name,
+          indexOrder: te.group.indexOrder,
           component: /* @__PURE__ */ r(
-            Ie,
+            Te,
             {
-              content: re.group.hint,
-              label: re.group.label,
-              disabled: b,
-              children: /* @__PURE__ */ R(
-                X,
+              content: te.group.hint,
+              label: te.group.label,
+              disabled: g,
+              children: /* @__PURE__ */ E(
+                J,
                 {
                   gap: "2px",
                   style: {
@@ -858,83 +858,83 @@ function Bt({
                       Re,
                       {
                         size: "48px",
-                        variant: re.group.name === se ? "filled" : l ? "subtle" : "light",
-                        color: re.group.name === se ? Q : a,
+                        variant: te.group.name === le ? "filled" : l ? "subtle" : "light",
+                        color: te.group.name === le ? M : a,
                         onClick: () => {
-                          j((ye) => (v && v(ye, re.group.name), re.group.name === ye && !d ? "" : re.group.name));
+                          q((ve) => (v && v(ve, te.group.name), te.group.name === ve && !d ? "" : te.group.name));
                         },
-                        children: re.group.icon
+                        children: te.group.icon
                       }
                     ),
-                    b ? /* @__PURE__ */ r(
+                    g ? /* @__PURE__ */ r(
                       we,
                       {
                         size: "xs",
-                        c: D === "dark" ? c || p.colors[p.primaryColor][2] : h || p.colors[p.primaryColor][2],
-                        children: re.group.label
+                        c: y === "dark" ? c || p.colors[p.primaryColor][2] : h || p.colors[p.primaryColor][2],
+                        children: te.group.label
                       }
                     ) : !1
                   ]
                 }
               )
             },
-            re.group.name
+            te.group.name
           )
         });
       }
-    }), he.forEach((re) => {
-      const Me = e.filter((ye) => ye.showInSidebar === !0 && (!ye.disabled || !ye.hideDisabledItem) && ye.group && ye.group.name === re.name);
-      re.links = Me.map((ye, W) => PA(p, f, m, ye, W, $, C.pathname, K, V, M));
-    }), [...he].sort((re, Me) => re.indexOrder - Me.indexOrder);
-  }, [e, se, D, f, g.selectedCompany, K, C]), me = Ft(
-    D,
+    }), pe.forEach((te) => {
+      const Me = e.filter((ve) => ve.showInSidebar === !0 && (!ve.disabled || !ve.hideDisabledItem) && ve.group && ve.group.name === te.name);
+      te.links = Me.map((ve, Z) => PA(p, f, b, ve, Z, O, k.pathname, F, Q, L));
+    }), [...pe].sort((te, Me) => te.indexOrder - Me.indexOrder);
+  }, [e, le, y, f, V.selectedCompany, F, k]), X = Ft(
+    y,
     p,
     f,
     35,
-    Number(ce(n)),
-    F.length > 1,
-    $,
-    G,
+    Number(de(n)),
+    N.length > 1,
     O,
-    V,
-    E
-  ), Ce = f || se === "" ? "0px" : `calc(${o} - ${t})`, Te = l || (D === "dark" ? p.colors[p.primaryColor][6] : p.colors[p.primaryColor][7]), U = w(() => {
-    P && F.map((he) => he.name).includes(P) ? j(P) : F.length > 1 && j("Default");
+    G,
+    $,
+    Q,
+    K
+  ), ye = f || le === "" ? "0px" : `calc(${o} - ${t})`, Se = l || (y === "dark" ? p.colors[p.primaryColor][6] : p.colors[p.primaryColor][7]), U = C(() => {
+    R && N.map((pe) => pe.name).includes(R) ? q(R) : N.length > 1 && q("Default");
   }, []);
-  Ae(() => {
+  re(() => {
     U();
-  }, []), Ae(() => {
-    f ? j("") : se === "" && U();
+  }, []), re(() => {
+    f ? q("") : le === "" && U();
   }, [f]);
-  const le = () => H ? _ || /* @__PURE__ */ r(
+  const ae = () => H ? W || /* @__PURE__ */ r(
     MA,
     {
       message: H,
-      backgroundColor: O
+      backgroundColor: $
     }
-  ) : q ? J || /* @__PURE__ */ r(
+  ) : j ? _ || /* @__PURE__ */ r(
     LA,
     {
-      itemCount: ue,
+      itemCount: he,
       collapsed: f,
-      backgroundColor: O
+      backgroundColor: $
     }
-  ) : se !== "" ? /* @__PURE__ */ r(
+  ) : le !== "" ? /* @__PURE__ */ r(
     ZA,
     {
-      ref: S,
+      ref: w,
       rootStyles: {
         [`.${Ar.container}`]: {
-          background: O,
+          background: $,
           overflowX: "hidden",
           overflowY: "hidden",
           left: 0,
-          height: `${ce(A)}px`
+          height: `${de(A)}px`
         }
       },
-      style: { borderColor: D === "dark" ? "#000" : "#efefef" },
+      style: { borderColor: y === "dark" ? "#000" : "#efefef" },
       collapsed: f,
-      width: `${ce(Ce)}`,
+      width: `${de(ye)}`,
       collapsedWidth: "0px",
       children: /* @__PURE__ */ r(
         De,
@@ -943,77 +943,77 @@ function Bt({
             overflowY: "auto",
             overflowX: "hidden",
             height: "100%",
-            width: Ce
+            width: ye
           },
-          children: /* @__PURE__ */ r(er, { rootStyles: { background: O }, menuItemStyles: me, closeOnClick: !0, children: F.find((he) => he.name === se)?.links || null })
+          children: /* @__PURE__ */ r(er, { rootStyles: { background: $ }, menuItemStyles: X, closeOnClick: !0, children: N.find((pe) => pe.name === le)?.links || null })
         }
       )
     }
-  ) : null, Ee = () => q && F.length === 0 ? /* @__PURE__ */ r(
+  ) : null, Ee = () => j && N.length === 0 ? /* @__PURE__ */ r(
     Vt,
     {
-      groupCount: be,
+      groupCount: me,
       width: t,
       height: A
     }
-  ) : F.length !== 0 ? /* @__PURE__ */ r(
-    X,
+  ) : N.length !== 0 ? /* @__PURE__ */ r(
+    J,
     {
       gap: "4px",
       style: {
         height: A,
         width: t,
         padding: "4px",
-        backgroundColor: Te
+        backgroundColor: Se
       },
-      children: F.map((he) => /* @__PURE__ */ r(ve.Fragment, { children: he.component }, he.name))
+      children: N.map((pe) => /* @__PURE__ */ r(Ce.Fragment, { children: pe.component }, pe.name))
     }
-  ) : null, Le = () => H ? _ || /* @__PURE__ */ r(
+  ) : null, Le = () => H ? W || /* @__PURE__ */ r(
     MA,
     {
       message: H,
-      backgroundColor: O
+      backgroundColor: $
     }
-  ) : q ? J || /* @__PURE__ */ r(
+  ) : j ? _ || /* @__PURE__ */ r(
     LA,
     {
-      itemCount: ue,
+      itemCount: he,
       collapsed: f,
-      backgroundColor: O
+      backgroundColor: $
     }
   ) : e.map(
-    (he, Oe) => PA(p, f, m, he, Oe, $, C.pathname, K, V, M)
+    (pe, Oe) => PA(p, f, b, pe, Oe, O, k.pathname, F, Q, L)
   );
-  return /* @__PURE__ */ r(ke, { children: F.length == 1 ? Gt(
-    S,
+  return /* @__PURE__ */ r(xe, { children: N.length == 1 ? Gt(
+    w,
     f,
     o,
     n,
-    me,
+    X,
     Le(),
     d,
     A,
     Y,
     u,
-    O
-  ) : /* @__PURE__ */ R(Ve, { direction: "column", w: f ? n : o, children: [
+    $
+  ) : /* @__PURE__ */ E(Ve, { direction: "column", w: f ? n : o, children: [
     /* @__PURE__ */ r("div", { style: { height: "auto", width: "100%" }, children: Y }),
-    /* @__PURE__ */ R(Pr, { withBorder: y, h: A, w: "100%", display: "flex", children: [
+    /* @__PURE__ */ E(Pr, { withBorder: m, h: A, w: "100%", display: "flex", children: [
       Ee(),
-      le()
+      ae()
     ] }),
     /* @__PURE__ */ r("div", { style: { height: "auto", width: "100%" }, children: u })
   ] }) });
 }
 const fA = Pe(null);
 function gA() {
-  const e = ge(fA);
+  const e = be(fA);
   if (!e)
     throw new Error("useSidebar must be used within a SidebarProvider");
   return e;
 }
 function wn() {
-  return ge(fA);
+  return be(fA);
 }
 function bA({
   children: e,
@@ -1029,90 +1029,90 @@ function bA({
   highlightActiveItem: u = !0,
   onMenuItemClick: c
 }) {
-  const h = He(), f = Be(), [m, v] = oA({
+  const h = He(), f = Be(), [b, v] = oA({
     value: n,
     defaultValue: A,
     finalValue: !1,
     onChange: s
-  }), [y, b] = oA({
+  }), [m, g] = oA({
     value: l,
     defaultValue: a,
     finalValue: "",
     onChange: d
-  }), [p, S] = pe(""), [x, P] = pe(() => {
-    const L = /* @__PURE__ */ new Set();
-    return t.forEach((I, M) => {
-      I.initiallyOpened && I.links && I.links.length > 0 && L.add(`group-${M}`);
-    }), L;
-  }), Y = h.pathname, $ = w(() => {
-    v(!m);
-  }, [m, v]), G = w((L) => {
-    P((I) => {
-      const M = new Set(I);
-      return M.has(L) ? M.delete(L) : M.add(L), M;
+  }), [p, w] = fe(""), [x, R] = fe(() => {
+    const P = /* @__PURE__ */ new Set();
+    return t.forEach((I, L) => {
+      I.initiallyOpened && I.links && I.links.length > 0 && P.add(`group-${L}`);
+    }), P;
+  }), Y = h.pathname, O = C(() => {
+    v(!b);
+  }, [b, v]), G = C((P) => {
+    R((I) => {
+      const L = new Set(I);
+      return L.has(P) ? L.delete(P) : L.add(P), L;
     });
-  }, []), K = w((L) => {
-    P((I) => {
-      const M = new Set(I);
-      return M.add(L), M;
+  }, []), F = C((P) => {
+    R((I) => {
+      const L = new Set(I);
+      return L.add(P), L;
     });
-  }, []), k = w((L) => {
-    P((I) => {
-      const M = new Set(I);
-      return M.delete(L), M;
+  }, []), S = C((P) => {
+    R((I) => {
+      const L = new Set(I);
+      return L.delete(P), L;
     });
-  }, []), T = ae(() => {
+  }, []), T = ie(() => {
     if (!p.trim())
       return t;
-    const L = p.toLowerCase().trim(), I = (M) => M.reduce((q, H) => {
-      const J = H.label.toLowerCase().includes(L), _ = H.links ? I(H.links) : [];
-      return (J || _.length > 0) && q.push({
+    const P = p.toLowerCase().trim(), I = (L) => L.reduce((j, H) => {
+      const _ = H.label.toLowerCase().includes(P), W = H.links ? I(H.links) : [];
+      return (_ || W.length > 0) && j.push({
         ...H,
-        links: _.length > 0 ? _ : H.links,
+        links: W.length > 0 ? W : H.links,
         // Expandir automaticamente quando há match em subitens
-        initiallyOpened: _.length > 0 || J
-      }), q;
+        initiallyOpened: W.length > 0 || _
+      }), j;
     }, []);
     return I(t);
-  }, [t, p]), N = w(
-    (L) => {
-      c && c(L), L.link && (L.routeParams ? f(L.link, { state: L.routeParams }) : f(L.link)), L.redirect && f(L.redirect);
+  }, [t, p]), D = C(
+    (P) => {
+      c && c(P), P.link && (P.routeParams ? f(P.link, { state: P.routeParams }) : f(P.link)), P.redirect && f(P.redirect);
     },
     [f, c]
-  ), z = ae(
+  ), z = ie(
     () => ({
-      collapsed: m,
+      collapsed: b,
       setCollapsed: v,
-      toggleCollapsed: $,
-      activeGroup: y,
-      setActiveGroup: b,
+      toggleCollapsed: O,
+      activeGroup: m,
+      setActiveGroup: g,
       activeItemPath: Y,
-      navigateToItem: N,
+      navigateToItem: D,
       searchQuery: p,
-      setSearchQuery: S,
+      setSearchQuery: w,
       filteredItems: T,
       expandedGroups: x,
       toggleGroup: G,
-      expandGroup: K,
-      collapseGroup: k,
+      expandGroup: F,
+      collapseGroup: S,
       variant: o,
       showKeyboardShortcuts: i,
       highlightActiveItem: u
     }),
     [
-      m,
-      v,
-      $,
-      y,
       b,
+      v,
+      O,
+      m,
+      g,
       Y,
-      N,
+      D,
       p,
       T,
       x,
       G,
-      K,
-      k,
+      F,
+      S,
       o,
       i,
       u
@@ -1124,7 +1124,7 @@ function mA({
   navigationData: e,
   onMenuItemClick: t
 }) {
-  const o = He(), A = Be(), n = o.pathname, s = w(
+  const o = He(), A = Be(), n = o.pathname, s = C(
     (c) => {
       for (const h of c) {
         if (h.link === n)
@@ -1138,25 +1138,25 @@ function mA({
       return null;
     },
     [n]
-  ), a = ae(() => s(e), [s, e]), l = w(
+  ), a = ie(() => s(e), [s, e]), l = C(
     (c) => c.link === n,
     [n]
-  ), d = w(
+  ), d = C(
     (c) => c.link === n ? !0 : c.links ? c.links.some((h) => d(h)) : !1,
     [n]
-  ), i = ae(() => {
-    const c = [], h = (f, m) => {
+  ), i = ie(() => {
+    const c = [], h = (f, b) => {
       for (const v of f) {
-        const y = [...m, v];
+        const m = [...b, v];
         if (v.link === n)
-          return c.push(...y), !0;
-        if (v.links && h(v.links, y))
+          return c.push(...m), !0;
+        if (v.links && h(v.links, m))
           return !0;
       }
       return !1;
     };
     return h(e, []), c;
-  }, [e, n]), u = w(
+  }, [e, n]), u = C(
     (c) => {
       (typeof c.disabled == "function" ? c.disabled() : c.disabled) || (t && t(c), c.link && (c.routeParams ? A(c.link, { state: c.routeParams }) : A(c.link)), c.redirect && A(c.redirect));
     },
@@ -1175,17 +1175,17 @@ function Ht({
   navigationData: e,
   onSearch: t
 }) {
-  const [o, A] = pe(""), n = w((i) => i.reduce((u, c) => {
+  const [o, A] = fe(""), n = C((i) => i.reduce((u, c) => {
     let h = 1;
     return c.links && (h += n(c.links)), u + h;
-  }, 0), []), s = ae(() => {
+  }, 0), []), s = ie(() => {
     if (!o.trim())
       return e;
     const i = o.toLowerCase().trim(), u = (c) => c.reduce((h, f) => {
       if (!f.showInSidebar)
         return h;
-      const m = f.label.toLowerCase().includes(i), v = f.links ? u(f.links) : [];
-      return (m || v.length > 0) && h.push({
+      const b = f.label.toLowerCase().includes(i), v = f.links ? u(f.links) : [];
+      return (b || v.length > 0) && h.push({
         ...f,
         links: v.length > 0 ? v : f.links,
         // Expandir automaticamente grupos com match
@@ -1193,20 +1193,20 @@ function Ht({
       }), h;
     }, []);
     return u(e);
-  }, [e, o]), a = ae(() => o.trim() ? n(s) : n(e), [o, e, s, n]), l = w(
+  }, [e, o]), a = ie(() => o.trim() ? n(s) : n(e), [o, e, s, n]), l = C(
     (i) => {
       if (A(i), t) {
         const u = i.toLowerCase().trim();
         if (!u)
           t(i, e);
         else {
-          const c = (h) => h.reduce((f, m) => {
-            if (!m.showInSidebar)
+          const c = (h) => h.reduce((f, b) => {
+            if (!b.showInSidebar)
               return f;
-            const v = m.label.toLowerCase().includes(u), y = m.links ? c(m.links) : [];
-            return (v || y.length > 0) && f.push({
-              ...m,
-              links: y.length > 0 ? y : m.links,
+            const v = b.label.toLowerCase().includes(u), m = b.links ? c(b.links) : [];
+            return (v || m.length > 0) && f.push({
+              ...b,
+              links: m.length > 0 ? m : b.links,
               initiallyOpened: !0
             }), f;
           }, []);
@@ -1215,7 +1215,7 @@ function Ht({
       }
     },
     [e, t]
-  ), d = w(() => {
+  ), d = C(() => {
     l("");
   }, [l]);
   return {
@@ -1237,7 +1237,7 @@ function yA({
   onToggleSidebar: o,
   enabled: A = !0
 }) {
-  const n = ae(() => {
+  const n = ie(() => {
     const d = /* @__PURE__ */ new Map(), i = (u) => {
       u.forEach((c) => {
         const h = c;
@@ -1245,13 +1245,13 @@ function yA({
       });
     };
     return i(e), d;
-  }, [e]), s = w(
+  }, [e]), s = C(
     (d) => !!d.shortcut,
     []
-  ), a = w(
+  ), a = C(
     (d) => d.shortcut,
     []
-  ), l = ae(() => {
+  ), l = ie(() => {
     if (!A)
       return [];
     const d = [];
@@ -1282,19 +1282,19 @@ function ze({
   hoverColor: l,
   itemHeight: d = 40
 }) {
-  const i = fe(), { colorScheme: u } = ne(), c = e, [h, f] = pe(!1), m = s || "var(--mantine-color-text)", v = a || i.colors[i.primaryColor][6], y = l || i.colors[i.primaryColor][6], b = l ? `color-mix(in srgb, ${l} 80%, black)` : i.colors[i.primaryColor][8], p = h ? A ? b : y : A ? y : "transparent", S = h || A ? i.white : m, x = h || A ? i.white : v, P = typeof e.disabled == "function" ? e.disabled() : e.disabled;
-  if (P && e.hideDisabledItem || !e.showInSidebar)
+  const i = ge(), { colorScheme: u } = se(), c = e, [h, f] = fe(!1), b = s || "var(--mantine-color-text)", v = a || i.colors[i.primaryColor][6], m = l || i.colors[i.primaryColor][6], g = l ? `color-mix(in srgb, ${l} 80%, black)` : i.colors[i.primaryColor][8], p = h ? A ? g : m : A ? m : "transparent", w = h || A ? i.white : b, x = h || A ? i.white : v, R = typeof e.disabled == "function" ? e.disabled() : e.disabled;
+  if (R && e.hideDisabledItem || !e.showInSidebar)
     return null;
-  const Y = w(() => {
-    !P && n && n(e);
-  }, [P, n, e]), $ = Se.t(e.label), G = () => c.badge ? /* @__PURE__ */ r(dA, { size: "xs", color: c.badgeColor || "blue", variant: "filled", children: c.badge }) : null, K = () => c.shortcut ? /* @__PURE__ */ r(GA, { size: "xs", style: { marginLeft: "auto" }, children: c.shortcut }) : null;
+  const Y = C(() => {
+    !R && n && n(e);
+  }, [R, n, e]), O = ke.t(e.label), G = () => c.badge ? /* @__PURE__ */ r(dA, { size: "xs", color: c.badgeColor || "blue", variant: "filled", children: c.badge }) : null, F = () => c.shortcut ? /* @__PURE__ */ r(GA, { size: "xs", style: { marginLeft: "auto" }, children: c.shortcut }) : null;
   if (e.links && e.links.length > 0) {
-    const k = e.links.filter((T) => {
-      const N = typeof T.disabled == "function" ? T.disabled() : T.disabled;
-      return T.showInSidebar && (!N || !T.hideDisabledItem);
+    const S = e.links.filter((T) => {
+      const D = typeof T.disabled == "function" ? T.disabled() : T.disabled;
+      return T.showInSidebar && (!D || !T.hideDisabledItem);
     });
-    return k.length === 0 && P && e.hideDisabledItem ? null : o ? /* @__PURE__ */ R(
-      oe,
+    return S.length === 0 && R && e.hideDisabledItem ? null : o ? /* @__PURE__ */ E(
+      ne,
       {
         position: "right-start",
         withArrow: !0,
@@ -1303,8 +1303,8 @@ function ze({
         openDelay: 100,
         closeDelay: 200,
         children: [
-          /* @__PURE__ */ r(oe.Target, { children: /* @__PURE__ */ r(Ue, { style: { width: "100%", padding: "2px 0" }, children: /* @__PURE__ */ r(Ie, { label: $, position: "right", withArrow: !0, children: /* @__PURE__ */ R(
-            X,
+          /* @__PURE__ */ r(ne.Target, { children: /* @__PURE__ */ r(Ue, { style: { width: "100%", padding: "2px 0" }, children: /* @__PURE__ */ r(Te, { label: O, position: "right", withArrow: !0, children: /* @__PURE__ */ E(
+            J,
             {
               gap: 1,
               align: "center",
@@ -1337,25 +1337,25 @@ function ze({
                       textOverflow: "ellipsis",
                       whiteSpace: "nowrap"
                     },
-                    children: $
+                    children: O
                   }
                 )
               ]
             }
           ) }) }) }),
-          /* @__PURE__ */ R(oe.Dropdown, { children: [
-            /* @__PURE__ */ r(oe.Label, { children: $ }),
-            k.map((T, N) => {
+          /* @__PURE__ */ E(ne.Dropdown, { children: [
+            /* @__PURE__ */ r(ne.Label, { children: O }),
+            S.map((T, D) => {
               const z = typeof T.disabled == "function" ? T.disabled() : T.disabled;
               return /* @__PURE__ */ r(
-                oe.Item,
+                ne.Item,
                 {
                   leftSection: T.icon,
                   disabled: z,
                   onClick: () => n?.(T),
-                  children: Se.t(T.label)
+                  children: ke.t(T.label)
                 },
-                N
+                D
               );
             })
           ] })
@@ -1364,9 +1364,9 @@ function ze({
     ) : /* @__PURE__ */ r(
       TA,
       {
-        label: $,
+        label: O,
         leftSection: /* @__PURE__ */ r(B, { style: { color: x }, children: e.icon }),
-        rightSection: /* @__PURE__ */ R(B, { style: { display: "flex", alignItems: "center", gap: 4, color: S }, children: [
+        rightSection: /* @__PURE__ */ E(B, { style: { display: "flex", alignItems: "center", gap: 4, color: w }, children: [
           G(),
           /* @__PURE__ */ r(
             uA,
@@ -1380,7 +1380,7 @@ function ze({
         ] }),
         childrenOffset: 28,
         defaultOpened: e.initiallyOpened || A,
-        disabled: P,
+        disabled: R,
         onMouseEnter: () => f(!0),
         onMouseLeave: () => f(!1),
         style: {
@@ -1393,13 +1393,13 @@ function ze({
             borderRadius: 0
           },
           label: {
-            color: S
+            color: w
           },
           children: {
             paddingLeft: 0
           }
         },
-        children: k.map((T, N) => /* @__PURE__ */ r(
+        children: S.map((T, D) => /* @__PURE__ */ r(
           ze,
           {
             item: T,
@@ -1412,15 +1412,15 @@ function ze({
             hoverColor: l,
             itemHeight: d
           },
-          N
+          D
         ))
       }
     );
   }
   return o ? /* @__PURE__ */ r(
-    Ie,
+    Te,
     {
-      label: c.tooltip || $,
+      label: c.tooltip || O,
       position: "right",
       withArrow: !0,
       children: /* @__PURE__ */ r(
@@ -1428,20 +1428,20 @@ function ze({
         {
           style: {
             width: "100%",
-            cursor: P ? "not-allowed" : "pointer",
-            opacity: P ? 0.5 : 1,
-            backgroundColor: A ? y : "transparent",
+            cursor: R ? "not-allowed" : "pointer",
+            opacity: R ? 0.5 : 1,
+            backgroundColor: A ? m : "transparent",
             transition: "background-color 150ms ease",
             padding: "2px 0"
           },
           onClick: Y,
-          onMouseEnter: (k) => {
-            P || (k.currentTarget.style.backgroundColor = A ? b : y);
+          onMouseEnter: (S) => {
+            R || (S.currentTarget.style.backgroundColor = A ? g : m);
           },
-          onMouseLeave: (k) => {
-            k.currentTarget.style.backgroundColor = A ? y : "transparent";
+          onMouseLeave: (S) => {
+            S.currentTarget.style.backgroundColor = A ? m : "transparent";
           },
-          children: /* @__PURE__ */ R(X, { gap: 1, align: "center", children: [
+          children: /* @__PURE__ */ E(J, { gap: 1, align: "center", children: [
             /* @__PURE__ */ r(B, { style: { color: A ? i.white : v }, children: e.icon }),
             /* @__PURE__ */ r(
               we,
@@ -1456,7 +1456,7 @@ function ze({
                   textOverflow: "ellipsis",
                   whiteSpace: "nowrap"
                 },
-                children: $
+                children: O
               }
             )
           ] })
@@ -1466,14 +1466,14 @@ function ze({
   ) : /* @__PURE__ */ r(
     TA,
     {
-      label: $,
+      label: O,
       leftSection: /* @__PURE__ */ r(B, { style: { color: x }, children: e.icon }),
-      rightSection: /* @__PURE__ */ R(B, { style: { display: "flex", alignItems: "center", gap: 4, color: S }, children: [
+      rightSection: /* @__PURE__ */ E(B, { style: { display: "flex", alignItems: "center", gap: 4, color: w }, children: [
         G(),
-        K()
+        F()
       ] }),
       active: A,
-      disabled: P,
+      disabled: R,
       onClick: Y,
       onMouseEnter: () => f(!0),
       onMouseLeave: () => f(!1),
@@ -1488,7 +1488,7 @@ function ze({
           borderRadius: 0
         },
         label: {
-          color: S
+          color: w
         }
       }
     }
@@ -1503,10 +1503,10 @@ function Yt({
   onExpandedChange: s,
   groupId: a
 }) {
-  const l = fe(), { colorScheme: d } = ne(), [i, u] = pe(A), c = n !== void 0, h = c ? n : i, f = w(() => {
+  const l = ge(), { colorScheme: d } = se(), [i, u] = fe(A), c = n !== void 0, h = c ? n : i, f = C(() => {
     c ? s?.(!h) : u((p) => !p);
-  }, [c, h, s]), m = d === "dark" ? l.colors.dark[6] : l.colors.gray[1], v = d === "dark" ? l.colors.dark[5] : l.colors.gray[2], y = d === "dark" ? l.colors.gray[4] : l.colors.gray[7], b = d === "dark" ? l.colors[l.primaryColor][4] : l.colors[l.primaryColor][6];
-  return /* @__PURE__ */ R(B, { children: [
+  }, [c, h, s]), b = d === "dark" ? l.colors.dark[6] : l.colors.gray[1], v = d === "dark" ? l.colors.dark[5] : l.colors.gray[2], m = d === "dark" ? l.colors.gray[4] : l.colors.gray[7], g = d === "dark" ? l.colors[l.primaryColor][4] : l.colors[l.primaryColor][6];
+  return /* @__PURE__ */ E(B, { children: [
     /* @__PURE__ */ r(
       sA,
       {
@@ -1515,7 +1515,7 @@ function Yt({
         p: "xs",
         style: {
           borderRadius: l.radius.sm,
-          backgroundColor: m,
+          backgroundColor: b,
           transition: "background-color 150ms ease"
         },
         styles: {
@@ -1525,16 +1525,16 @@ function Yt({
             }
           }
         },
-        children: /* @__PURE__ */ R(xe, { justify: "space-between", wrap: "nowrap", children: [
-          /* @__PURE__ */ R(xe, { gap: "xs", wrap: "nowrap", children: [
-            t && /* @__PURE__ */ r(B, { style: { color: b }, children: t }),
-            /* @__PURE__ */ r(we, { size: "sm", fw: 600, c: y, children: Se.t(e) })
+        children: /* @__PURE__ */ E(Ie, { justify: "space-between", wrap: "nowrap", children: [
+          /* @__PURE__ */ E(Ie, { gap: "xs", wrap: "nowrap", children: [
+            t && /* @__PURE__ */ r(B, { style: { color: g }, children: t }),
+            /* @__PURE__ */ r(we, { size: "sm", fw: 600, c: m, children: ke.t(e) })
           ] }),
           /* @__PURE__ */ r(
             Or,
             {
               size: 16,
-              color: y,
+              color: m,
               style: {
                 transform: h ? "rotate(180deg)" : "rotate(0deg)",
                 transition: "transform 200ms ease"
@@ -1551,8 +1551,8 @@ function Sn({
   label: e,
   children: t
 }) {
-  const o = fe(), { colorScheme: A } = ne(), n = A === "dark" ? o.colors.gray[5] : o.colors.gray[6];
-  return /* @__PURE__ */ R(B, { children: [
+  const o = ge(), { colorScheme: A } = se(), n = A === "dark" ? o.colors.gray[5] : o.colors.gray[6];
+  return /* @__PURE__ */ E(B, { children: [
     /* @__PURE__ */ r(
       we,
       {
@@ -1563,7 +1563,7 @@ function Sn({
         px: "sm",
         py: "xs",
         style: { letterSpacing: "0.5px" },
-        children: Se.t(e)
+        children: ke.t(e)
       }
     ),
     t
@@ -1577,8 +1577,8 @@ function qt({
   activeColor: n,
   inactiveColor: s
 }) {
-  const a = fe(), { colorScheme: l } = ne(), d = l === "dark" ? a.colors[a.primaryColor][8] : a.colors[a.primaryColor][0], i = l === "dark" ? a.colors[a.primaryColor][6] : a.colors[a.primaryColor][7], u = a.colors[a.primaryColor][2], f = /* @__PURE__ */ R(
-    X,
+  const a = ge(), { colorScheme: l } = se(), d = l === "dark" ? a.colors[a.primaryColor][8] : a.colors[a.primaryColor][0], i = l === "dark" ? a.colors[a.primaryColor][6] : a.colors[a.primaryColor][7], u = a.colors[a.primaryColor][2], f = /* @__PURE__ */ E(
+    J,
     {
       gap: 2,
       align: "center",
@@ -1615,7 +1615,7 @@ function qt({
       ]
     }
   );
-  return A ? f : /* @__PURE__ */ r(Ie, { label: e.hint || e.label, position: "right", withArrow: !0, children: f });
+  return A ? f : /* @__PURE__ */ r(Te, { label: e.hint || e.label, position: "right", withArrow: !0, children: f });
 }
 function kn({
   placeholder: e = "Buscar...",
@@ -1624,12 +1624,12 @@ function kn({
   onClear: A,
   collapsed: n = !1
 }) {
-  const s = fe(), { colorScheme: a } = ne(), l = w(
+  const s = ge(), { colorScheme: a } = se(), l = C(
     (u) => {
       o?.(u.currentTarget.value);
     },
     [o]
-  ), d = w(() => {
+  ), d = C(() => {
     o?.(""), A?.();
   }, [o, A]), i = t && t.length > 0;
   return n ? /* @__PURE__ */ r(
@@ -1673,7 +1673,7 @@ function xn({
   onClick: A,
   collapsed: n = !1
 }) {
-  const s = fe(), { colorScheme: a } = ne(), l = a === "dark" ? s.colors.dark[5] : s.colors.gray[1], d = () => {
+  const s = ge(), { colorScheme: a } = se(), l = a === "dark" ? s.colors.dark[5] : s.colors.gray[1], d = () => {
     if (typeof o == "string")
       return /* @__PURE__ */ r(nA, { src: o, radius: "xl", size: n ? "sm" : "md" });
     if (o)
@@ -1681,7 +1681,7 @@ function xn({
     const i = e ? e.split(" ").map((u) => u[0]).slice(0, 2).join("").toUpperCase() : "?";
     return /* @__PURE__ */ r(nA, { radius: "xl", size: n ? "sm" : "md", color: s.primaryColor, children: i });
   };
-  return n ? /* @__PURE__ */ r(Ie, { label: e || "Perfil", position: "right", withArrow: !0, children: /* @__PURE__ */ r(
+  return n ? /* @__PURE__ */ r(Te, { label: e || "Perfil", position: "right", withArrow: !0, children: /* @__PURE__ */ r(
     sA,
     {
       onClick: A,
@@ -1719,9 +1719,9 @@ function xn({
           }
         }
       },
-      children: /* @__PURE__ */ R(xe, { wrap: "nowrap", children: [
+      children: /* @__PURE__ */ E(Ie, { wrap: "nowrap", children: [
         d(),
-        /* @__PURE__ */ R(B, { style: { flex: 1, overflow: "hidden" }, children: [
+        /* @__PURE__ */ E(B, { style: { flex: 1, overflow: "hidden" }, children: [
           e && /* @__PURE__ */ r(
             we,
             {
@@ -1794,13 +1794,13 @@ function vA({
   showGroups: n = !0,
   groupCount: s = 2
 }) {
-  const a = fe(), { colorScheme: l } = ne(), d = o || (l === "dark" ? a.colors.dark[7] : a.white);
+  const a = ge(), { colorScheme: l } = se(), d = o || (l === "dark" ? a.colors.dark[7] : a.white);
   if (t)
-    return /* @__PURE__ */ r(X, { gap: "sm", p: "xs", style: { backgroundColor: d }, children: Array.from({ length: e }).map((c, h) => /* @__PURE__ */ r(de, { circle: !0, height: 32, width: 32 }, h)) });
-  const i = (c, h = !1) => Array.from({ length: c }).map((f, m) => {
+    return /* @__PURE__ */ r(J, { gap: "sm", p: "xs", style: { backgroundColor: d }, children: Array.from({ length: e }).map((c, h) => /* @__PURE__ */ r(ue, { circle: !0, height: 32, width: 32 }, h)) });
+  const i = (c, h = !1) => Array.from({ length: c }).map((f, b) => {
     const v = 60 + Math.random() * 30;
-    return /* @__PURE__ */ R(
-      xe,
+    return /* @__PURE__ */ E(
+      Ie,
       {
         gap: "sm",
         p: "xs",
@@ -1809,22 +1809,22 @@ function vA({
           height: A
         },
         children: [
-          /* @__PURE__ */ r(de, { circle: !0, height: 24, width: 24 }),
-          /* @__PURE__ */ r(de, { height: 14, width: `${v}%`, radius: "sm" })
+          /* @__PURE__ */ r(ue, { circle: !0, height: 24, width: 24 }),
+          /* @__PURE__ */ r(ue, { height: 14, width: `${v}%`, radius: "sm" })
         ]
       },
-      m
+      b
     );
   });
   if (!n)
-    return /* @__PURE__ */ r(X, { gap: 2, p: "xs", style: { backgroundColor: d }, children: i(e) });
+    return /* @__PURE__ */ r(J, { gap: 2, p: "xs", style: { backgroundColor: d }, children: i(e) });
   const u = Math.ceil(e / s);
-  return /* @__PURE__ */ r(X, { gap: "md", p: "xs", style: { backgroundColor: d }, children: Array.from({ length: s }).map((c, h) => /* @__PURE__ */ R(B, { children: [
-    /* @__PURE__ */ R(xe, { gap: "sm", p: "xs", children: [
-      /* @__PURE__ */ r(de, { circle: !0, height: 20, width: 20 }),
-      /* @__PURE__ */ r(de, { height: 12, width: 80 + Math.random() * 40, radius: "sm" })
+  return /* @__PURE__ */ r(J, { gap: "md", p: "xs", style: { backgroundColor: d }, children: Array.from({ length: s }).map((c, h) => /* @__PURE__ */ E(B, { children: [
+    /* @__PURE__ */ E(Ie, { gap: "sm", p: "xs", children: [
+      /* @__PURE__ */ r(ue, { circle: !0, height: 20, width: 20 }),
+      /* @__PURE__ */ r(ue, { height: 12, width: 80 + Math.random() * 40, radius: "sm" })
     ] }),
-    /* @__PURE__ */ r(X, { gap: 2, mt: 4, children: i(
+    /* @__PURE__ */ r(J, { gap: 2, mt: 4, children: i(
       h === s - 1 ? e - h * u : u,
       !0
     ) })
@@ -1835,9 +1835,9 @@ function jt({
   width: t = 80,
   backgroundColor: o
 }) {
-  const A = fe(), { colorScheme: n } = ne(), s = o || (n === "dark" ? A.colors[A.primaryColor][8] : A.colors[A.primaryColor][6]);
+  const A = ge(), { colorScheme: n } = se(), s = o || (n === "dark" ? A.colors[A.primaryColor][8] : A.colors[A.primaryColor][6]);
   return /* @__PURE__ */ r(
-    X,
+    J,
     {
       gap: "sm",
       p: "xs",
@@ -1847,9 +1847,9 @@ function jt({
         backgroundColor: s,
         height: "100%"
       },
-      children: Array.from({ length: e }).map((a, l) => /* @__PURE__ */ R(X, { gap: 4, align: "center", children: [
-        /* @__PURE__ */ r(de, { circle: !0, height: 48, width: 48 }),
-        /* @__PURE__ */ r(de, { height: 10, width: 40, radius: "sm" })
+      children: Array.from({ length: e }).map((a, l) => /* @__PURE__ */ E(J, { gap: 4, align: "center", children: [
+        /* @__PURE__ */ r(ue, { circle: !0, height: 48, width: 48 }),
+        /* @__PURE__ */ r(ue, { height: 10, width: 40, radius: "sm" })
       ] }, l))
     }
   );
@@ -1857,22 +1857,22 @@ function jt({
 function En({
   collapsed: e = !1
 }) {
-  return e ? /* @__PURE__ */ r(B, { p: "xs", style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ r(de, { circle: !0, height: 32, width: 32 }) }) : /* @__PURE__ */ R(xe, { gap: "sm", p: "md", children: [
-    /* @__PURE__ */ r(de, { circle: !0, height: 40, width: 40 }),
-    /* @__PURE__ */ R(X, { gap: 4, style: { flex: 1 }, children: [
-      /* @__PURE__ */ r(de, { height: 14, width: "70%", radius: "sm" }),
-      /* @__PURE__ */ r(de, { height: 10, width: "50%", radius: "sm" })
+  return e ? /* @__PURE__ */ r(B, { p: "xs", style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ r(ue, { circle: !0, height: 32, width: 32 }) }) : /* @__PURE__ */ E(Ie, { gap: "sm", p: "md", children: [
+    /* @__PURE__ */ r(ue, { circle: !0, height: 40, width: 40 }),
+    /* @__PURE__ */ E(J, { gap: 4, style: { flex: 1 }, children: [
+      /* @__PURE__ */ r(ue, { height: 14, width: "70%", radius: "sm" }),
+      /* @__PURE__ */ r(ue, { height: 10, width: "50%", radius: "sm" })
     ] })
   ] });
 }
 function Rn({
   collapsed: e = !1
 }) {
-  return e ? /* @__PURE__ */ r(B, { p: "xs", style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ r(de, { circle: !0, height: 36, width: 36 }) }) : /* @__PURE__ */ R(xe, { gap: "sm", p: "sm", children: [
-    /* @__PURE__ */ r(de, { circle: !0, height: 36, width: 36 }),
-    /* @__PURE__ */ R(X, { gap: 4, style: { flex: 1 }, children: [
-      /* @__PURE__ */ r(de, { height: 12, width: "60%", radius: "sm" }),
-      /* @__PURE__ */ r(de, { height: 10, width: "80%", radius: "sm" })
+  return e ? /* @__PURE__ */ r(B, { p: "xs", style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ r(ue, { circle: !0, height: 36, width: 36 }) }) : /* @__PURE__ */ E(Ie, { gap: "sm", p: "sm", children: [
+    /* @__PURE__ */ r(ue, { circle: !0, height: 36, width: 36 }),
+    /* @__PURE__ */ E(J, { gap: 4, style: { flex: 1 }, children: [
+      /* @__PURE__ */ r(ue, { height: 12, width: "60%", radius: "sm" }),
+      /* @__PURE__ */ r(ue, { height: 10, width: "80%", radius: "sm" })
     ] })
   ] });
 }
@@ -1880,7 +1880,7 @@ function CA({
   message: e,
   backgroundColor: t
 }) {
-  const o = fe(), { colorScheme: A } = ne(), n = t || (A === "dark" ? o.colors.dark[7] : o.white), s = A === "dark" ? o.colors.red[4] : o.colors.red[6];
+  const o = ge(), { colorScheme: A } = se(), n = t || (A === "dark" ? o.colors.dark[7] : o.white), s = A === "dark" ? o.colors.red[4] : o.colors.red[6];
   return /* @__PURE__ */ r(
     B,
     {
@@ -1924,123 +1924,123 @@ function Xt({
   loadingError: c,
   loadingComponent: h,
   errorComponent: f,
-  skeletonItemCount: m = 8,
+  skeletonItemCount: b = 8,
   backgroundDarkColor: v,
-  backgroundLightColor: y,
-  textDarkColor: b,
+  backgroundLightColor: m,
+  textDarkColor: g,
   textLightColor: p,
-  iconDarkColor: S,
+  iconDarkColor: w,
   iconLightColor: x,
-  activeColor: P,
+  activeColor: R,
   withBorder: Y = !0,
-  withShadow: $ = !1,
+  withShadow: O = !1,
   highlightActiveItem: G = !0,
-  onMenuItemClick: K
+  onMenuItemClick: F
 }) {
-  const k = fe(), { colorScheme: T } = ne(), { collapsed: N, toggleCollapsed: z } = gA(), L = T === "dark" ? v ?? k.colors.dark[7] : y ?? k.white, I = T === "dark" ? b ?? k.colors.gray[3] : p ?? k.colors.gray[7], M = T === "dark" ? S ?? k.colors[k.primaryColor][4] : x ?? k.colors[k.primaryColor][6], q = P ? k.colors[P]?.[6] ?? k.colors[k.primaryColor][6] : k.colors[k.primaryColor][6], {
+  const S = ge(), { colorScheme: T } = se(), { collapsed: D, toggleCollapsed: z } = gA(), P = T === "dark" ? v ?? S.colors.dark[7] : m ?? S.white, I = T === "dark" ? g ?? S.colors.gray[3] : p ?? S.colors.gray[7], L = T === "dark" ? w ?? S.colors[S.primaryColor][4] : x ?? S.colors[S.primaryColor][6], j = R ? S.colors[R]?.[6] ?? S.colors[S.primaryColor][6] : S.colors[S.primaryColor][6], {
     query: H,
-    setQuery: J,
-    filteredItems: _,
-    isSearching: ue,
-    clearSearch: be
+    setQuery: _,
+    filteredItems: W,
+    isSearching: he,
+    clearSearch: me
   } = Ht({
     navigationData: e,
     onSearch: a
-  }), { navigateToItem: se, isItemActive: j, isItemOrChildActive: g } = mA({
+  }), { navigateToItem: le, isItemActive: q, isItemOrChildActive: V } = mA({
     navigationData: e,
-    onMenuItemClick: K
+    onMenuItemClick: F
   });
   yA({
     navigationData: e,
-    navigateToItem: se,
+    navigateToItem: le,
     onToggleSidebar: z,
     enabled: !0
   });
-  const C = N ? o : t, D = ae(() => {
-    const Q = /* @__PURE__ */ new Map(), V = [];
-    return _.forEach((E) => {
-      if (!(!E.showInSidebar || (typeof E.disabled == "function" ? E.disabled() : E.disabled) && E.hideDisabledItem))
-        if (E.category) {
-          const me = Q.get(E.category) || [];
-          me.push(E), Q.set(E.category, me);
+  const k = D ? o : t, y = ie(() => {
+    const M = /* @__PURE__ */ new Map(), Q = [];
+    return W.forEach((K) => {
+      if (!(!K.showInSidebar || (typeof K.disabled == "function" ? K.disabled() : K.disabled) && K.hideDisabledItem))
+        if (K.category) {
+          const X = M.get(K.category) || [];
+          X.push(K), M.set(K.category, X);
         } else
-          V.push(E);
-    }), { groups: Q, ungrouped: V };
-  }, [_]), O = () => {
+          Q.push(K);
+    }), { groups: M, ungrouped: Q };
+  }, [W]), $ = () => {
     if (c)
-      return f || /* @__PURE__ */ r(CA, { message: c, backgroundColor: L });
+      return f || /* @__PURE__ */ r(CA, { message: c, backgroundColor: P });
     if (u)
       return h || /* @__PURE__ */ r(
         vA,
         {
-          itemCount: m,
-          collapsed: N,
-          backgroundColor: L,
-          showGroups: !N
+          itemCount: b,
+          collapsed: D,
+          backgroundColor: P,
+          showGroups: !D
         }
       );
-    const Q = () => D.ungrouped.map((E, F) => /* @__PURE__ */ r(
+    const M = () => y.ungrouped.map((K, N) => /* @__PURE__ */ r(
       ze,
       {
-        item: E,
-        collapsed: N,
-        active: G && j(E),
-        onClick: se,
+        item: K,
+        collapsed: D,
+        active: G && q(K),
+        onClick: le,
         textColor: I,
-        iconColor: M,
-        hoverColor: q
+        iconColor: L,
+        hoverColor: j
       },
-      `item-${F}`
-    )), V = () => Array.from(D.groups.entries()).map(([F, me], Ce) => /* @__PURE__ */ r(
+      `item-${N}`
+    )), Q = () => Array.from(y.groups.entries()).map(([N, X], ye) => /* @__PURE__ */ r(
       Yt,
       {
-        label: F,
-        groupId: `group-${Ce}`,
+        label: N,
+        groupId: `group-${ye}`,
         defaultExpanded: !0,
-        children: me.map((Te, U) => /* @__PURE__ */ r(
+        children: X.map((Se, U) => /* @__PURE__ */ r(
           ze,
           {
-            item: Te,
-            collapsed: N,
-            active: G && j(Te),
-            onClick: se,
+            item: Se,
+            collapsed: D,
+            active: G && q(Se),
+            onClick: le,
             textColor: I,
-            iconColor: M
+            iconColor: L
           },
-          `group-${Ce}-item-${U}`
+          `group-${ye}-item-${U}`
         ))
       },
-      `group-${Ce}`
+      `group-${ye}`
     ));
-    return N ? /* @__PURE__ */ R(X, { gap: 4, children: [
-      D.ungrouped.map((E, F) => /* @__PURE__ */ r(
+    return D ? /* @__PURE__ */ E(J, { gap: 4, children: [
+      y.ungrouped.map((K, N) => /* @__PURE__ */ r(
         ze,
         {
-          item: E,
+          item: K,
           collapsed: !0,
-          active: G && j(E),
-          onClick: se,
+          active: G && q(K),
+          onClick: le,
           textColor: I,
-          iconColor: M
+          iconColor: L
         },
-        `item-${F}`
+        `item-${N}`
       )),
-      Array.from(D.groups.values()).flat().map((E, F) => /* @__PURE__ */ r(
+      Array.from(y.groups.values()).flat().map((K, N) => /* @__PURE__ */ r(
         ze,
         {
-          item: E,
+          item: K,
           collapsed: !0,
-          active: G && j(E),
-          onClick: se,
+          active: G && q(K),
+          onClick: le,
           textColor: I,
-          iconColor: M
+          iconColor: L
         },
-        `grouped-item-${F}`
+        `grouped-item-${N}`
       ))
-    ] }) : /* @__PURE__ */ R(X, { gap: "xs", children: [
-      D.ungrouped.length > 0 && /* @__PURE__ */ r(X, { gap: 2, children: Q() }),
-      D.groups.size > 0 && D.ungrouped.length > 0 && /* @__PURE__ */ r(lA, { my: "xs" }),
-      V()
+    ] }) : /* @__PURE__ */ E(J, { gap: "xs", children: [
+      y.ungrouped.length > 0 && /* @__PURE__ */ r(J, { gap: 2, children: M() }),
+      y.groups.size > 0 && y.ungrouped.length > 0 && /* @__PURE__ */ r(lA, { my: "xs" }),
+      Q()
     ] });
   };
   return /* @__PURE__ */ r(
@@ -2050,39 +2050,39 @@ function Xt({
       transition: "slide-right",
       duration: 200,
       timingFunction: "ease",
-      children: (Q) => /* @__PURE__ */ R(
+      children: (M) => /* @__PURE__ */ E(
         B,
         {
           style: {
-            ...Q,
-            width: ce(C),
-            height: typeof A == "number" ? ce(A) : A,
-            minHeight: typeof A == "number" ? ce(A) : A,
-            backgroundColor: L,
+            ...M,
+            width: de(k),
+            height: typeof A == "number" ? de(A) : A,
+            minHeight: typeof A == "number" ? de(A) : A,
+            backgroundColor: P,
             display: "flex",
             flexDirection: "column",
             overflow: "hidden",
             transition: "width 200ms ease",
-            borderRight: Y ? `1px solid ${T === "dark" ? k.colors.dark[5] : k.colors.gray[2]}` : void 0,
-            boxShadow: $ ? k.shadows.sm : void 0
+            borderRight: Y ? `1px solid ${T === "dark" ? S.colors.dark[5] : S.colors.gray[2]}` : void 0,
+            boxShadow: O ? S.shadows.sm : void 0
           },
           children: [
             l && /* @__PURE__ */ r(B, { style: { flexShrink: 0 }, children: l }),
-            n && !N && /* @__PURE__ */ r(B, { p: "sm", style: { flexShrink: 0 }, children: /* @__PURE__ */ r(
+            n && !D && /* @__PURE__ */ r(B, { p: "sm", style: { flexShrink: 0 }, children: /* @__PURE__ */ r(
               VA,
               {
                 placeholder: s,
                 leftSection: /* @__PURE__ */ r(Ye, { size: 16 }),
-                rightSection: ue ? /* @__PURE__ */ r(
+                rightSection: he ? /* @__PURE__ */ r(
                   qA,
                   {
                     size: 16,
                     style: { cursor: "pointer" },
-                    onClick: be
+                    onClick: me
                   }
                 ) : null,
                 value: H,
-                onChange: (V) => J(V.currentTarget.value),
+                onChange: (Q) => _(Q.currentTarget.value),
                 size: "sm"
               }
             ) }),
@@ -2093,7 +2093,7 @@ function Xt({
                 scrollbarSize: 6,
                 type: "hover",
                 offsetScrollbars: !0,
-                children: /* @__PURE__ */ r(B, { p: "xs", children: O() })
+                children: /* @__PURE__ */ r(B, { p: "xs", children: $() })
               }
             ),
             d && /* @__PURE__ */ r(
@@ -2102,8 +2102,8 @@ function Xt({
                 style: {
                   flexShrink: 0,
                   height: i,
-                  backgroundColor: L,
-                  borderTop: Y ? `1px solid ${T === "dark" ? k.colors.dark[5] : k.colors.gray[2]}` : void 0
+                  backgroundColor: P,
+                  borderTop: Y ? `1px solid ${T === "dark" ? S.colors.dark[5] : S.colors.gray[2]}` : void 0
                 },
                 children: d
               }
@@ -2146,18 +2146,18 @@ function _t({
   iconColor: A,
   activeColor: n
 }) {
-  fe();
-  const { colorScheme: s } = ne(), a = typeof e.disabled == "function" ? e.disabled() : e.disabled;
+  ge();
+  const { colorScheme: s } = se(), a = typeof e.disabled == "function" ? e.disabled() : e.disabled;
   if (a && e.hideDisabledItem || !e.showInSidebar)
     return null;
-  const l = Se.t(e.label);
+  const l = ke.t(e.label);
   if (e.links && e.links.length > 0) {
     const d = e.links.filter((i) => {
       const u = typeof i.disabled == "function" ? i.disabled() : i.disabled;
       return i.showInSidebar && (!u || !i.hideDisabledItem);
     });
-    return d.length === 0 ? null : /* @__PURE__ */ R(
-      oe,
+    return d.length === 0 ? null : /* @__PURE__ */ E(
+      ne,
       {
         position: "right-start",
         withArrow: !0,
@@ -2166,7 +2166,7 @@ function _t({
         openDelay: 100,
         closeDelay: 200,
         children: [
-          /* @__PURE__ */ r(oe.Target, { children: /* @__PURE__ */ r(Ie, { label: l, position: "right", withArrow: !0, children: /* @__PURE__ */ R(X, { gap: 1, align: "center", style: { cursor: "pointer" }, children: [
+          /* @__PURE__ */ r(ne.Target, { children: /* @__PURE__ */ r(Te, { label: l, position: "right", withArrow: !0, children: /* @__PURE__ */ E(J, { gap: 1, align: "center", style: { cursor: "pointer" }, children: [
             /* @__PURE__ */ r(
               Re,
               {
@@ -2197,17 +2197,17 @@ function _t({
               }
             )
           ] }) }) }),
-          /* @__PURE__ */ R(oe.Dropdown, { children: [
-            /* @__PURE__ */ r(oe.Label, { children: l }),
+          /* @__PURE__ */ E(ne.Dropdown, { children: [
+            /* @__PURE__ */ r(ne.Label, { children: l }),
             d.map((i, u) => {
               const c = typeof i.disabled == "function" ? i.disabled() : i.disabled;
               return /* @__PURE__ */ r(
-                oe.Item,
+                ne.Item,
                 {
                   leftSection: i.icon,
                   disabled: c,
                   onClick: () => o(i),
-                  children: Se.t(i.label)
+                  children: ke.t(i.label)
                 },
                 u
               );
@@ -2217,7 +2217,7 @@ function _t({
       }
     );
   }
-  return /* @__PURE__ */ r(Ie, { label: l, position: "right", withArrow: !0, children: /* @__PURE__ */ R(X, { gap: 1, align: "center", style: { cursor: "pointer" }, children: [
+  return /* @__PURE__ */ r(Te, { label: l, position: "right", withArrow: !0, children: /* @__PURE__ */ E(J, { gap: 1, align: "center", style: { cursor: "pointer" }, children: [
     /* @__PURE__ */ r(
       Re,
       {
@@ -2265,53 +2265,53 @@ function Wt({
   backgroundDarkColor: c,
   backgroundLightColor: h,
   iconDarkColor: f,
-  iconLightColor: m,
+  iconLightColor: b,
   activeColor: v,
-  withBorder: y = !0,
-  withShadow: b = !1,
+  withBorder: m = !0,
+  withShadow: g = !1,
   highlightActiveItem: p = !0,
-  onMenuItemClick: S
+  onMenuItemClick: w
 }) {
-  const x = fe(), { colorScheme: P } = ne(), { toggleCollapsed: Y } = gA(), $ = P === "dark" ? c ?? x.colors.dark[7] : h ?? x.white, G = P === "dark" ? f ?? x.colors[x.primaryColor][4] : m ?? x.colors[x.primaryColor][6], K = v ?? x.primaryColor, { navigateToItem: k, isItemActive: T, isItemOrChildActive: N } = mA({
+  const x = ge(), { colorScheme: R } = se(), { toggleCollapsed: Y } = gA(), O = R === "dark" ? c ?? x.colors.dark[7] : h ?? x.white, G = R === "dark" ? f ?? x.colors[x.primaryColor][4] : b ?? x.colors[x.primaryColor][6], F = v ?? x.primaryColor, { navigateToItem: S, isItemActive: T, isItemOrChildActive: D } = mA({
     navigationData: e,
-    onMenuItemClick: S
+    onMenuItemClick: w
   });
   yA({
     navigationData: e,
-    navigateToItem: k,
+    navigateToItem: S,
     onToggleSidebar: Y,
     enabled: !0
   });
-  const z = e.filter((M) => !(!M.showInSidebar || (typeof M.disabled == "function" ? M.disabled() : M.disabled) && M.hideDisabledItem)), L = () => l ? i || /* @__PURE__ */ r(CA, { message: l, backgroundColor: $ }) : a ? d || /* @__PURE__ */ r(
+  const z = e.filter((L) => !(!L.showInSidebar || (typeof L.disabled == "function" ? L.disabled() : L.disabled) && L.hideDisabledItem)), P = () => l ? i || /* @__PURE__ */ r(CA, { message: l, backgroundColor: O }) : a ? d || /* @__PURE__ */ r(
     vA,
     {
       itemCount: u,
       collapsed: !0,
-      backgroundColor: $
+      backgroundColor: O
     }
-  ) : /* @__PURE__ */ r(X, { gap: 8, align: "center", children: z.map((M, q) => /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ r(J, { gap: 8, align: "center", children: z.map((L, j) => /* @__PURE__ */ r(
     _t,
     {
-      item: M,
-      active: p && (T(M) || N(M)),
-      onClick: k,
+      item: L,
+      active: p && (T(L) || D(L)),
+      onClick: S,
       iconColor: G,
-      activeColor: K
+      activeColor: F
     },
-    q
-  )) }), I = P === "dark" ? x.colors.dark[5] : x.colors.gray[2];
-  return /* @__PURE__ */ R(
+    j
+  )) }), I = R === "dark" ? x.colors.dark[5] : x.colors.gray[2];
+  return /* @__PURE__ */ E(
     B,
     {
       style: {
-        width: ce(t),
-        height: ce(o),
-        backgroundColor: $,
+        width: de(t),
+        height: de(o),
+        backgroundColor: O,
         display: "flex",
         flexDirection: "column",
         overflow: "hidden",
-        boxShadow: b ? x.shadows.sm : void 0,
-        borderRight: y ? `1px solid ${I}` : void 0
+        boxShadow: g ? x.shadows.sm : void 0,
+        borderRight: m ? `1px solid ${I}` : void 0
       },
       children: [
         A && /* @__PURE__ */ r(
@@ -2333,10 +2333,10 @@ function Wt({
             style: { flex: 1 },
             scrollbarSize: 4,
             type: "hover",
-            children: /* @__PURE__ */ r(B, { p: "xs", children: L() })
+            children: /* @__PURE__ */ r(B, { p: "xs", children: P() })
           }
         ),
-        n && /* @__PURE__ */ R(ke, { children: [
+        n && /* @__PURE__ */ E(xe, { children: [
           /* @__PURE__ */ r(lA, {}),
           /* @__PURE__ */ r(
             B,
@@ -2396,71 +2396,71 @@ function eo({
   loadingError: c,
   loadingComponent: h,
   errorComponent: f,
-  skeletonItemCount: m = 8,
+  skeletonItemCount: b = 8,
   skeletonGroupCount: v = 3,
-  backgroundDarkColor: y,
-  backgroundLightColor: b,
+  backgroundDarkColor: m,
+  backgroundLightColor: g,
   textDarkColor: p,
-  textLightColor: S,
+  textLightColor: w,
   iconDarkColor: x,
-  iconLightColor: P,
+  iconLightColor: R,
   activeColor: Y,
-  groupBackgroundColor: $,
+  groupBackgroundColor: O,
   selectedGroupColor: G,
-  groupColor: K,
-  groupLabelDarkColor: k,
+  groupColor: F,
+  groupLabelDarkColor: S,
   groupLabelLightColor: T,
-  withBorder: N = !1,
+  withBorder: D = !1,
   highlightActiveItem: z = !0,
-  onMenuItemClick: L
+  onMenuItemClick: P
 }) {
-  const I = fe(), { colorScheme: M } = ne(), {
-    collapsed: q,
+  const I = ge(), { colorScheme: L } = se(), {
+    collapsed: j,
     toggleCollapsed: H,
-    activeGroup: J,
-    setActiveGroup: _
-  } = gA(), ue = M === "dark" ? y ?? I.colors.dark[7] : b ?? I.white, be = M === "dark" ? p ?? I.colors.gray[3] : S ?? I.colors.gray[7], se = M === "dark" ? x ?? I.colors[I.primaryColor][4] : P ?? I.colors[I.primaryColor][6], j = Y ? I.colors[Y]?.[6] ?? I.colors[I.primaryColor][6] : I.colors[I.primaryColor][6], g = $ || (M === "dark" ? I.colors[I.primaryColor][6] : I.colors[I.primaryColor][7]), C = G || (M === "dark" ? I.colors[I.primaryColor][8] : I.colors[I.primaryColor][0]), { navigateToItem: D, isItemActive: O } = mA({
+    activeGroup: _,
+    setActiveGroup: W
+  } = gA(), he = L === "dark" ? m ?? I.colors.dark[7] : g ?? I.white, me = L === "dark" ? p ?? I.colors.gray[3] : w ?? I.colors.gray[7], le = L === "dark" ? x ?? I.colors[I.primaryColor][4] : R ?? I.colors[I.primaryColor][6], q = Y ? I.colors[Y]?.[6] ?? I.colors[I.primaryColor][6] : I.colors[I.primaryColor][6], V = O || (L === "dark" ? I.colors[I.primaryColor][6] : I.colors[I.primaryColor][7]), k = G || (L === "dark" ? I.colors[I.primaryColor][8] : I.colors[I.primaryColor][0]), { navigateToItem: y, isItemActive: $ } = mA({
     navigationData: e,
-    onMenuItemClick: L
+    onMenuItemClick: P
   });
   yA({
     navigationData: e,
-    navigateToItem: D,
+    navigateToItem: y,
     onToggleSidebar: H,
     enabled: !0
   });
-  const Q = ae(() => {
+  const M = ie(() => {
     const U = /* @__PURE__ */ new Map();
-    return e.forEach((le) => {
-      if (!le.showInSidebar || (typeof le.disabled == "function" ? le.disabled() : le.disabled) && le.hideDisabledItem)
+    return e.forEach((ae) => {
+      if (!ae.showInSidebar || (typeof ae.disabled == "function" ? ae.disabled() : ae.disabled) && ae.hideDisabledItem)
         return;
-      const Le = le.group ?? {
+      const Le = ae.group ?? {
         icon: s ?? /* @__PURE__ */ r(YA, { size: "2.2rem", stroke: 1 }),
         label: "Default",
         name: "Default",
         hint: "Default",
         indexOrder: 0
-      }, he = U.get(Le.name);
-      he ? he.items.push(le) : U.set(Le.name, {
+      }, pe = U.get(Le.name);
+      pe ? pe.items.push(ae) : U.set(Le.name, {
         group: Le,
-        items: [le]
+        items: [ae]
       });
-    }), Array.from(U.values()).sort((le, Ee) => le.group.indexOrder - Ee.group.indexOrder);
+    }), Array.from(U.values()).sort((ae, Ee) => ae.group.indexOrder - Ee.group.indexOrder);
   }, [e, s]);
-  Ae(() => {
-    !J && Q.length > 0 && _(Q[0].group.name);
-  }, [J, Q, _]);
-  const V = ae(() => Q.find((le) => le.group.name === J)?.items ?? [], [Q, J]), E = w((U) => {
-    q ? (H(), _(U)) : J === U ? H() : _(U);
-  }, [q, J, H, _]), F = q ? 0 : Number(ce(t)) - Number(ce(n)), me = () => u && Q.length === 0 ? /* @__PURE__ */ r(
+  re(() => {
+    !_ && M.length > 0 && W(M[0].group.name);
+  }, [_, M, W]);
+  const Q = ie(() => M.find((ae) => ae.group.name === _)?.items ?? [], [M, _]), K = C((U) => {
+    j ? (H(), W(U)) : _ === U ? H() : W(U);
+  }, [j, _, H, W]), N = j ? 0 : Number(de(t)) - Number(de(n)), X = () => u && M.length === 0 ? /* @__PURE__ */ r(
     jt,
     {
       groupCount: v,
       width: n,
-      backgroundColor: g
+      backgroundColor: V
     }
-  ) : Q.length <= 1 ? null : /* @__PURE__ */ r(
-    X,
+  ) : M.length <= 1 ? null : /* @__PURE__ */ r(
+    J,
     {
       gap: 4,
       p: 4,
@@ -2468,44 +2468,44 @@ function eo({
       style: {
         width: n,
         height: "100%",
-        backgroundColor: g,
+        backgroundColor: V,
         flexShrink: 0
       },
-      children: Q.map((U) => /* @__PURE__ */ r(
+      children: M.map((U) => /* @__PURE__ */ r(
         qt,
         {
           group: U.group,
-          active: U.group.name === J,
-          onClick: () => E(U.group.name),
+          active: U.group.name === _,
+          onClick: () => K(U.group.name),
           showLabel: a,
-          activeColor: C,
-          inactiveColor: K
+          activeColor: k,
+          inactiveColor: F
         },
         U.group.name
       ))
     }
-  ), Ce = () => c ? f || /* @__PURE__ */ r(CA, { message: c, backgroundColor: ue }) : u ? h || /* @__PURE__ */ r(
+  ), ye = () => c ? f || /* @__PURE__ */ r(CA, { message: c, backgroundColor: he }) : u ? h || /* @__PURE__ */ r(
     vA,
     {
-      itemCount: m,
+      itemCount: b,
       collapsed: !1,
-      backgroundColor: ue,
+      backgroundColor: he,
       showGroups: !1
     }
-  ) : /* @__PURE__ */ r(X, { gap: 2, children: V.map((U, le) => /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ r(J, { gap: 2, children: Q.map((U, ae) => /* @__PURE__ */ r(
     ze,
     {
       item: U,
       collapsed: !1,
-      active: z && O(U),
-      onClick: D,
-      textColor: be,
-      iconColor: se,
-      hoverColor: j
+      active: z && $(U),
+      onClick: y,
+      textColor: me,
+      iconColor: le,
+      hoverColor: q
     },
-    le
-  )) }), Te = M === "dark" ? I.colors.dark[5] : I.colors.gray[2];
-  return Q.length <= 1 ? /* @__PURE__ */ R(Ve, { direction: "column", w: q ? o : t, h: "100%", style: { backgroundColor: ue }, children: [
+    ae
+  )) }), Se = L === "dark" ? I.colors.dark[5] : I.colors.gray[2];
+  return M.length <= 1 ? /* @__PURE__ */ E(Ve, { direction: "column", w: j ? o : t, h: "100%", style: { backgroundColor: he }, children: [
     l && /* @__PURE__ */ r(B, { style: { width: "100%", flexShrink: 0 }, children: l }),
     /* @__PURE__ */ r(
       B,
@@ -2513,31 +2513,31 @@ function eo({
         style: {
           flex: 1,
           width: "100%",
-          backgroundColor: ue,
+          backgroundColor: he,
           display: "flex",
           flexDirection: "column",
           overflow: "hidden",
-          borderRight: N ? `1px solid ${Te}` : void 0
+          borderRight: D ? `1px solid ${Se}` : void 0
         },
-        children: /* @__PURE__ */ r(De, { style: { flex: 1 }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ r(B, { p: "xs", children: q ? /* @__PURE__ */ r(X, { gap: 8, align: "center", children: e.filter((U) => U.showInSidebar ? !((typeof U.disabled == "function" ? U.disabled() : U.disabled) && U.hideDisabledItem) : !1).map((U, le) => /* @__PURE__ */ r(
+        children: /* @__PURE__ */ r(De, { style: { flex: 1 }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ r(B, { p: "xs", children: j ? /* @__PURE__ */ r(J, { gap: 8, align: "center", children: e.filter((U) => U.showInSidebar ? !((typeof U.disabled == "function" ? U.disabled() : U.disabled) && U.hideDisabledItem) : !1).map((U, ae) => /* @__PURE__ */ r(
           ze,
           {
             item: U,
             collapsed: !0,
-            active: z && O(U),
-            onClick: D,
-            textColor: be,
-            iconColor: se,
-            hoverColor: j
+            active: z && $(U),
+            onClick: y,
+            textColor: me,
+            iconColor: le,
+            hoverColor: q
           },
-          le
-        )) }) : Ce() }) })
+          ae
+        )) }) : ye() }) })
       }
     ),
-    d && /* @__PURE__ */ r(B, { style: { width: "100%", backgroundColor: ue, flexShrink: 0 }, children: d })
-  ] }) : /* @__PURE__ */ R(Ve, { direction: "column", w: q ? n : t, h: "100%", style: { backgroundColor: ue }, children: [
+    d && /* @__PURE__ */ r(B, { style: { width: "100%", backgroundColor: he, flexShrink: 0 }, children: d })
+  ] }) : /* @__PURE__ */ E(Ve, { direction: "column", w: j ? n : t, h: "100%", style: { backgroundColor: he }, children: [
     l && /* @__PURE__ */ r(B, { style: { width: "100%", flexShrink: 0 }, children: l }),
-    /* @__PURE__ */ R(
+    /* @__PURE__ */ E(
       B,
       {
         style: {
@@ -2545,28 +2545,28 @@ function eo({
           width: "100%",
           display: "flex",
           overflow: "hidden",
-          borderRight: N ? `1px solid ${Te}` : void 0
+          borderRight: D ? `1px solid ${Se}` : void 0
         },
         children: [
-          me(),
+          X(),
           /* @__PURE__ */ r(
             B,
             {
               style: {
-                width: q ? 0 : F,
+                width: j ? 0 : N,
                 height: "100%",
-                backgroundColor: ue,
+                backgroundColor: he,
                 overflow: "hidden",
                 transition: "width 200ms ease",
-                borderLeft: Q.length > 1 ? `1px solid ${M === "dark" ? I.colors.dark[5] : I.colors.gray[2]}` : void 0
+                borderLeft: M.length > 1 ? `1px solid ${L === "dark" ? I.colors.dark[5] : I.colors.gray[2]}` : void 0
               },
-              children: !q && J && /* @__PURE__ */ r(De, { style: { height: "100%" }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ r(B, { p: "xs", children: Ce() }) })
+              children: !j && _ && /* @__PURE__ */ r(De, { style: { height: "100%" }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ r(B, { p: "xs", children: ye() }) })
             }
           )
         ]
       }
     ),
-    d && /* @__PURE__ */ r(B, { style: { width: "100%", backgroundColor: ue, flexShrink: 0 }, children: d })
+    d && /* @__PURE__ */ r(B, { style: { width: "100%", backgroundColor: he, flexShrink: 0 }, children: d })
   ] });
 }
 function Ao(e) {
@@ -2645,7 +2645,7 @@ function tA(e) {
 }
 var nr = Pe({ active: !1, refresh: () => {
 }, destroy: () => Promise.resolve(), destroyAll: () => Promise.resolve(), destroyOther: () => Promise.resolve(), getCacheNodes: () => [] }), to = KA(function(e) {
-  let { children: t, active: o, refresh: A, destroy: n, destroyAll: s, destroyOther: a, getCacheNodes: l } = e, d = ae(() => ({ active: o, refresh: A, destroy: n, destroyAll: s, destroyOther: a, getCacheNodes: l }), [o, A, n, s, a, l]);
+  let { children: t, active: o, refresh: A, destroy: n, destroyAll: s, destroyOther: a, getCacheNodes: l } = e, d = ie(() => ({ active: o, refresh: A, destroy: n, destroyAll: s, destroyOther: a, getCacheNodes: l }), [o, A, n, s, a, l]);
   return r(nr.Provider, { value: d, children: t });
 }), oo = to, sr = QA.Activity, no = sr ?? QA.Fragment, so = !!sr, lr = "keepalive-cache-div";
 function ar(e) {
@@ -2670,14 +2670,14 @@ function lo(e, t, o) {
   return o ? NA(o, e) : t ? !NA(t, e) : !0;
 }
 var ao = KA(function(e) {
-  let { errorElement: t = FA, cacheNodeClassName: o, children: A, cacheKey: n, exclude: s, include: a, enableActivity: l } = e, { active: d, renderCount: i, destroy: u, transition: c, viewTransition: h, duration: f, containerDivRef: m } = e, v = ee(!1);
+  let { errorElement: t = FA, cacheNodeClassName: o, children: A, cacheKey: n, exclude: s, include: a, enableActivity: l } = e, { active: d, renderCount: i, destroy: u, transition: c, viewTransition: h, duration: f, containerDivRef: b } = e, v = Ae(!1);
   v.current = v.current || d;
-  let y = ae(() => {
-    let b = document.createElement("div");
-    return or(b).set("data-cache-key", n).set("style", "height: 100%").set("data-render-count", i.toString()), b.className = lr + (o ? ` ${o}` : ""), b;
+  let m = ie(() => {
+    let g = document.createElement("div");
+    return or(g).set("data-cache-key", n).set("style", "height: 100%").set("data-render-count", i.toString()), g.className = lr + (o ? ` ${o}` : ""), g;
   }, [i, o]);
-  return Ae(() => {
-    let b = lo(n, s, a), p = m.current;
+  return re(() => {
+    let g = lo(n, s, a), p = b.current;
     if (!p) {
       console.warn("keepalive: cache container not found");
       return;
@@ -2685,90 +2685,90 @@ var ao = KA(function(e) {
     if (c)
       (async () => {
         if (d) {
-          let S = OA(p, n);
-          if (await DA(f - 40), cA(S), p.contains(y))
+          let w = OA(p, n);
+          if (await DA(f - 40), cA(w), p.contains(m))
             return;
-          zA(p, y);
+          zA(p, m);
         } else
-          b || (await DA(f), u(n));
+          g || (await DA(f), u(n));
       })();
     else if (d) {
-      let S = () => {
+      let w = () => {
         let x = OA(p, n);
-        cA(x), !p.contains(y) && zA(p, y);
+        cA(x), !p.contains(m) && zA(p, m);
       };
-      h && document.startViewTransition ? document.startViewTransition(S) : S();
+      h && document.startViewTransition ? document.startViewTransition(w) : w();
     } else
-      b || u(n);
-  }, [d, m, n, s, a]), v.current ? Ct(r(t, { children: so && l ? R(no, { mode: d ? "visible" : "hidden", children: [" ", A] }) : A }), y, n) : null;
+      g || u(n);
+  }, [d, b, n, s, a]), v.current ? Ct(r(t, { children: so && l ? E(no, { mode: d ? "visible" : "hidden", children: [" ", A] }) : A }), m, n) : null;
 }, (e, t) => e.active === t.active && e.renderCount === t.renderCount && e.children === t.children && e.exclude === t.exclude && e.include === t.include), io = ao, co = (e) => {
   typeof AA < "u" && qe(AA) ? AA(e) : e();
 }, uo = co;
 function ir() {
-  return ee(null);
+  return Ae(null);
 }
 function ho(e) {
-  let { activeCacheKey: t, max: o = 10, exclude: A, include: n, onBeforeActive: s, customContainerRef: a, cacheNodeClassName: l = "cache-component", containerClassName: d = "keep-alive-render", errorElement: i, transition: u = !1, viewTransition: c = !1, duration: h = 200, children: f, aliveRef: m, maxAliveTime: v = 0, enableActivity: y = !1 } = e, b = a || ee(null), [p, S] = pe([]);
+  let { activeCacheKey: t, max: o = 10, exclude: A, include: n, onBeforeActive: s, customContainerRef: a, cacheNodeClassName: l = "cache-component", containerClassName: d = "keep-alive-render", errorElement: i, transition: u = !1, viewTransition: c = !1, duration: h = 200, children: f, aliveRef: b, maxAliveTime: v = 0, enableActivity: m = !1 } = e, g = a || Ae(null), [p, w] = fe([]);
   mr(() => {
     wA(t) || uo(() => {
-      S((K) => {
-        let k = Date.now();
-        if (K.find((T) => T.cacheKey === t))
-          return K.map((T) => {
+      w((F) => {
+        let S = Date.now();
+        if (F.find((T) => T.cacheKey === t))
+          return F.map((T) => {
             if (T.cacheKey === t) {
-              let N = !1;
+              let D = !1;
               if (qe(s) && s(t), v) {
                 let z = T.lastActiveTime;
                 if (iA(v)) {
-                  let L = v.find((I) => tr(I.match) ? I.match.test(t) : I.match === t);
-                  L && (N = L && z + L.expire * 1e3 < k);
+                  let P = v.find((I) => tr(I.match) ? I.match.test(t) : I.match === t);
+                  P && (D = P && z + P.expire * 1e3 < S);
                 } else
-                  N = z + v * 1e3 < k;
+                  D = z + v * 1e3 < S;
               }
-              return { ...T, ele: f, lastActiveTime: k, renderCount: N ? T.renderCount + 1 : T.renderCount };
+              return { ...T, ele: f, lastActiveTime: S, renderCount: D ? T.renderCount + 1 : T.renderCount };
             }
             return T;
           });
-        if (qe(s) && s(t), K.length > o) {
-          let T = K.reduce((N, z) => N.lastActiveTime < z.lastActiveTime ? N : z);
-          K.splice(K.indexOf(T), 1);
+        if (qe(s) && s(t), F.length > o) {
+          let T = F.reduce((D, z) => D.lastActiveTime < z.lastActiveTime ? D : z);
+          F.splice(F.indexOf(T), 1);
         }
-        return [...K, { cacheKey: t, lastActiveTime: k, ele: f, renderCount: 0 }];
+        return [...F, { cacheKey: t, lastActiveTime: S, ele: f, renderCount: 0 }];
       });
     });
   }, [t, f]);
-  let x = w((K) => {
-    S((k) => {
-      let T = K || t;
-      return k.map((N) => N.cacheKey === T ? { ...N, renderCount: N.renderCount + 1 } : N);
+  let x = C((F) => {
+    w((S) => {
+      let T = F || t;
+      return S.map((D) => D.cacheKey === T ? { ...D, renderCount: D.renderCount + 1 } : D);
     });
-  }, [S, t]), P = w((K) => {
-    let k = K || t, T = iA(k) ? k : [k];
-    return new Promise((N) => {
+  }, [w, t]), R = C((F) => {
+    let S = F || t, T = iA(S) ? S : [S];
+    return new Promise((D) => {
       tA(() => {
-        S((z) => [...z.filter((L) => !T.includes(L.cacheKey))]), N();
+        w((z) => [...z.filter((P) => !T.includes(P.cacheKey))]), D();
       });
     });
-  }, [S, t]), Y = w(() => new Promise((K) => {
+  }, [w, t]), Y = C(() => new Promise((F) => {
     tA(() => {
-      S([]), K();
+      w([]), F();
     });
-  }), [S]), $ = w((K) => {
-    let k = K || t;
+  }), [w]), O = C((F) => {
+    let S = F || t;
     return new Promise((T) => {
       tA(() => {
-        S((N) => [...N.filter((z) => z.cacheKey === k)]), T();
+        w((D) => [...D.filter((z) => z.cacheKey === S)]), T();
       });
     });
-  }, [t, S]), G = w(() => p, [p]);
-  return yr(m, () => ({ refresh: x, destroy: P, destroyAll: Y, destroyOther: $, getCacheNodes: G })), R(FA, { children: [r("div", { ref: b, className: d, style: { height: "100%" } }), p.map((K) => {
-    let { cacheKey: k, ele: T, renderCount: N } = K;
-    return r(oo, { active: t === k, refresh: x, destroy: P, destroyAll: Y, destroyOther: $, getCacheNodes: G, children: r(io, { destroy: P, include: n, exclude: A, transition: u, viewTransition: c, duration: h, renderCount: N, containerDivRef: b, errorElement: i, active: t === k, cacheNodeClassName: l, cacheKey: k, enableActivity: y, children: T }) }, `${k}-${N}`);
+  }, [t, w]), G = C(() => p, [p]);
+  return yr(b, () => ({ refresh: x, destroy: R, destroyAll: Y, destroyOther: O, getCacheNodes: G })), E(FA, { children: [r("div", { ref: g, className: d, style: { height: "100%" } }), p.map((F) => {
+    let { cacheKey: S, ele: T, renderCount: D } = F;
+    return r(oo, { active: t === S, refresh: x, destroy: R, destroyAll: Y, destroyOther: O, getCacheNodes: G, children: r(io, { destroy: R, include: n, exclude: A, transition: u, viewTransition: c, duration: h, renderCount: D, containerDivRef: g, errorElement: i, active: t === S, cacheNodeClassName: l, cacheKey: S, enableActivity: m, children: T }) }, `${S}-${D}`);
   })] });
 }
-var po = ho, fo = () => ge(nr), cr = fo;
+var po = ho, fo = () => be(nr), cr = fo;
 function go(e, t, o = !1, A) {
-  let { active: n } = cr(), s = ee(!1);
+  let { active: n } = cr(), s = Ae(!1);
   A(() => {
     if (!n)
       return;
@@ -2783,20 +2783,20 @@ function go(e, t, o = !1, A) {
   }, [n, ...t]);
 }
 var bo = go, mo = (e, t, o = !1) => {
-  bo(e, t, o, Ae);
+  bo(e, t, o, re);
 }, yo = mo;
 const dr = Pe({
   isVisible: !0
-}), Pn = () => ge(dr), SA = Pe({ params: {} }), Ln = () => ge(SA).params, Mn = () => {
-  const e = _A(), o = ge(SA).params;
-  return ae(() => {
+}), Pn = () => be(dr), SA = Pe({ params: {} }), Ln = () => be(SA).params, Mn = () => {
+  const e = _A(), o = be(SA).params;
+  return ie(() => {
     if (!e)
       return !1;
     const n = Object.keys(e);
     return n.length === 0 ? !1 : n.some((s) => e[s] !== void 0);
   }, [e]) ? e : o;
-}, je = Pe(null), vo = () => ge(je), Co = ({ children: e }) => {
-  const t = ir(), o = ae(() => ({
+}, je = Pe(null), vo = () => be(je), Co = ({ children: e }) => {
+  const t = ir(), o = ie(() => ({
     requestUnregister: (A) => {
       t.current?.destroy(A);
     },
@@ -2813,21 +2813,21 @@ const dr = Pe({
   }), [t]);
   return /* @__PURE__ */ r(je.Provider, { value: o, children: /* @__PURE__ */ r(ur.Provider, { value: t, children: e }) });
 }, ur = Pe(null), Xe = (e) => null, wo = (e) => e.includes(":"), So = (e, t) => wo(e) ? t : e, ko = ({ children: e }) => {
-  const { active: t } = cr(), o = _A(), A = ee(o), [n, s] = pe(o);
+  const { active: t } = cr(), o = _A(), A = Ae(o), [n, s] = fe(o);
   return A.current = o, yo(() => {
     s(A.current), requestAnimationFrame(() => {
       window.dispatchEvent(new Event("resize"));
     });
-  }, []), Ae(() => {
+  }, []), re(() => {
     t && s(A.current);
   }, [t]), /* @__PURE__ */ r(dr.Provider, { value: { isVisible: t }, children: /* @__PURE__ */ r(SA.Provider, { value: { params: n }, children: e }) });
-}, xo = "__nokeep__:", hr = ve.memo(({ keepAlivePaths: e, maxKeepAliveTabs: t, aliveRef: o }) => {
-  const A = _e(), n = ut(), s = ae(() => {
+}, xo = "__nokeep__:", hr = Ce.memo(({ keepAlivePaths: e, maxKeepAliveTabs: t, aliveRef: o }) => {
+  const A = _e(), n = ut(), s = ie(() => {
     const l = e.find(
       (d) => ht({ path: d, end: !0 }, A.pathname)
     );
     return l ? So(l, A.pathname) : xo + A.pathname;
-  }, [e, A.pathname]), a = ae(() => [/^__nokeep__:/], []);
+  }, [e, A.pathname]), a = ie(() => [/^__nokeep__:/], []);
   return /* @__PURE__ */ r(
     po,
     {
@@ -2841,40 +2841,40 @@ const dr = Pe({
 });
 hr.displayName = "KeepAliveLayout";
 const Io = ({ children: e, maxKeepAliveTabs: t = 10, ...o }) => {
-  const A = ir(), s = ge(ur) || A, a = ee(null), l = ee(""), { keepAlivePaths: d, routeElements: i } = ae(() => {
-    const f = ve.Children.toArray(e), m = f.map((p) => {
-      if (ve.isValidElement(p)) {
-        const S = p.props?.path || "", x = p.type === Xe;
-        return `${S}:${x}`;
+  const A = ir(), s = be(ur) || A, a = Ae(null), l = Ae(""), { keepAlivePaths: d, routeElements: i } = ie(() => {
+    const f = Ce.Children.toArray(e), b = f.map((p) => {
+      if (Ce.isValidElement(p)) {
+        const w = p.props?.path || "", x = p.type === Xe;
+        return `${w}:${x}`;
       }
       return "";
     }).join("|");
-    if (a.current && l.current === m)
+    if (a.current && l.current === b)
       return a.current;
-    l.current = m;
-    const v = [], y = [];
+    l.current = b;
+    const v = [], m = [];
     f.forEach((p) => {
-      if (ve.isValidElement(p))
+      if (Ce.isValidElement(p))
         if (p.type === Xe) {
-          const S = p.props;
-          S.path && v.push(S.path);
-          const x = S.component, P = typeof x == "function" ? ve.createElement(x) : x;
-          y.push(
+          const w = p.props;
+          w.path && v.push(w.path);
+          const x = w.component, R = typeof x == "function" ? Ce.createElement(x) : x;
+          m.push(
             /* @__PURE__ */ r(
               $e,
               {
-                path: S.path,
-                element: /* @__PURE__ */ r(ko, { children: P })
+                path: w.path,
+                element: /* @__PURE__ */ r(ko, { children: R })
               },
-              S.path || p.key
+              w.path || p.key
             )
           );
         } else
-          y.push(p);
+          m.push(p);
     });
-    const b = { keepAlivePaths: v, routeElements: y };
-    return a.current = b, b;
-  }, [e]), u = ge(je), c = ae(() => ({
+    const g = { keepAlivePaths: v, routeElements: m };
+    return a.current = g, g;
+  }, [e]), u = be(je), c = ie(() => ({
     requestUnregister: (f) => {
       s.current?.destroy(f);
     },
@@ -2903,17 +2903,17 @@ const Io = ({ children: e, maxKeepAliveTabs: t = 10, ...o }) => {
   done: () => {
   },
   isNavigating: !1
-}), fr = () => ge(pr), To = 150;
+}), fr = () => be(pr), To = 150;
 function Eo({ children: e }) {
-  const [t, o] = pe(!1), A = ee(null), n = ee(0), s = w(() => {
+  const [t, o] = fe(!1), A = Ae(null), n = Ae(0), s = C(() => {
     A.current && clearTimeout(A.current), n.current = Date.now(), o(!0);
-  }, []), a = w(() => {
+  }, []), a = C(() => {
     const l = Date.now() - n.current, d = Math.max(0, To - l);
     A.current = setTimeout(() => {
       o(!1);
     }, d);
   }, []);
-  return /* @__PURE__ */ R(pr.Provider, { value: { start: s, done: a, isNavigating: t }, children: [
+  return /* @__PURE__ */ E(pr.Provider, { value: { start: s, done: a, isNavigating: t }, children: [
     /* @__PURE__ */ r("div", { className: "archbase-nav-progress", "data-active": t, children: /* @__PURE__ */ r("div", { className: "archbase-nav-progress-bar" }) }),
     e
   ] });
@@ -2957,170 +2957,170 @@ function Po({
   sidebarDefaultGroupIcon: c,
   sideBarHeaderHeight: h,
   sideBarHeaderContent: f,
-  selectedGroupColor: m = "#132441",
+  selectedGroupColor: b = "#132441",
   groupColor: v = "white",
-  backgroundGroupColor: y = "#132441",
-  groupLabelDarkColor: b = "white",
+  backgroundGroupColor: m = "#132441",
+  groupLabelDarkColor: g = "white",
   groupLabelLightColor: p = "white",
-  headerColor: S,
+  headerColor: w,
   footerHeight: x,
-  iconsWithBackground: P,
+  iconsWithBackground: R,
   menuItemHeight: Y,
-  showSideBar: $ = !0,
+  showSideBar: O = !0,
   showHeader: G = !0,
-  headerStyle: K = {},
-  highlightActiveMenuItem: k = !0,
+  headerStyle: F = {},
+  highlightActiveMenuItem: S = !0,
   customRenderSidebar: T,
-  showCollapsedButton: N = !0,
+  showCollapsedButton: D = !0,
   sideBarBackgroundDarkColor: z,
-  sideBarBackgroundLightColor: L,
+  sideBarBackgroundLightColor: P,
   sideBarTextDarkColor: I,
-  sideBarTextLightColor: M,
-  sideBarIconDarkColor: q,
+  sideBarTextLightColor: L,
+  sideBarIconDarkColor: j,
   sideBarIconLightColor: H,
-  sideBarCollapsedSubmenuWidth: J,
-  sidebarActiveColor: _,
-  maxKeepAliveTabs: ue = 10,
-  sidebarVariant: be = "legacy",
-  sidebarShowSearch: se = !1
+  sideBarCollapsedSubmenuWidth: _,
+  sidebarActiveColor: W,
+  maxKeepAliveTabs: he = 10,
+  sidebarVariant: me = "legacy",
+  sidebarShowSearch: le = !1
 }) {
-  const j = fe(), g = ge(We), { colorScheme: C } = ne(), D = gt(), [O, Q] = bt(), V = ft(
-    `(max-width: ${s ? ce(s) : j.breakpoints.md})`
-  ), E = (W) => {
-    W.link && (W.routeParams ? D(W.link, {}, W.routeParams) : D(W.link));
-  }, F = (W, ie) => {
-    W == ie && g.collapsed && g.setCollapsed(!1), g.setCollapsed(W == ie);
-  }, me = () => {
-    let W = 0, ie = 0;
-    return h && (W = Number(ce(h))), a && (ie = Number(ce(a))), `calc(100vh - var(--app-shell-header-offset, 0px) - ${W + ie}px)`;
-  }, Ce = () => {
-    let W = 0, ie = 0;
-    return h && (W = Number(ce(h))), a && (ie = Number(ce(a))), `calc(100vh - 28px - ${W + ie}px)`;
-  }, Te = ae(() => {
-    const W = [];
-    return g.navigationData.forEach((ie, Qe) => {
-      ie.links ? ie.links.forEach((Ne, xA) => {
-        Ne.keepAlive === !1 ? W.push(/* @__PURE__ */ r($e, { path: Ne.link, element: Ne.component }, `${Ne.link}_${xA}`)) : W.push(
+  const q = ge(), V = be(We), { colorScheme: k } = se(), y = gt(), [$, M] = bt(), Q = ft(
+    `(max-width: ${s ? de(s) : q.breakpoints.md})`
+  ), K = (Z) => {
+    Z.link && (Z.routeParams ? y(Z.link, {}, Z.routeParams) : y(Z.link));
+  }, N = (Z, ce) => {
+    Z == ce && V.collapsed && V.setCollapsed(!1), V.setCollapsed(Z == ce);
+  }, X = () => {
+    let Z = 0, ce = 0;
+    return h && (Z = Number(de(h))), a && (ce = Number(de(a))), `calc(100vh - var(--app-shell-header-offset, 0px) - ${Z + ce}px)`;
+  }, ye = () => {
+    let Z = 0, ce = 0;
+    return h && (Z = Number(de(h))), a && (ce = Number(de(a))), `calc(100vh - 28px - ${Z + ce}px)`;
+  }, Se = ie(() => {
+    const Z = [];
+    return V.navigationData.forEach((ce, Qe) => {
+      ce.links ? ce.links.forEach((Ne, xA) => {
+        Ne.keepAlive === !1 ? Z.push(/* @__PURE__ */ r($e, { path: Ne.link, element: Ne.component }, `${Ne.link}_${xA}`)) : Z.push(
           /* @__PURE__ */ r(Xe, { path: Ne.link, component: Ne.component }, `${Ne.link}_${xA}`)
         );
-      }) : ie.keepAlive === !1 ? W.push(
-        /* @__PURE__ */ r($e, { path: ie.link, element: ie.component }, `${ie.link}_${Qe}`)
-      ) : W.push(
-        /* @__PURE__ */ r(Xe, { path: ie.link, component: ie.component }, `${ie.link}_${Qe}`)
+      }) : ce.keepAlive === !1 ? Z.push(
+        /* @__PURE__ */ r($e, { path: ce.link, element: ce.component }, `${ce.link}_${Qe}`)
+      ) : Z.push(
+        /* @__PURE__ */ r(Xe, { path: ce.link, component: ce.component }, `${ce.link}_${Qe}`)
       );
-    }), W;
-  }, [g.navigationData, g.collapsed]), U = w(() => {
-    g.setCollapsed(!g.collapsed);
-  }, [g.setCollapsed, g.collapsed]), le = w(() => {
-    g.setHidden(!g.hidden);
-  }, [g.setHidden, g.hidden]);
-  Ae(() => {
-    i && i(g.hidden);
-  }, [g.hidden, le]), Ae(() => {
-    d && d(g.collapsed);
-  }, [g.collapsed, d]);
-  const Ee = be === "minimal" || g.collapsed ? n : A, Le = (W, ie = !1) => T ? T({ width: A, height: W, isHidden: V }) : be === "legacy" ? /* @__PURE__ */ r(
+    }), Z;
+  }, [V.navigationData, V.collapsed]), U = C(() => {
+    V.setCollapsed(!V.collapsed);
+  }, [V.setCollapsed, V.collapsed]), ae = C(() => {
+    V.setHidden(!V.hidden);
+  }, [V.setHidden, V.hidden]);
+  re(() => {
+    i && i(V.hidden);
+  }, [V.hidden, ae]), re(() => {
+    d && d(V.collapsed);
+  }, [V.collapsed, d]);
+  const Ee = me === "minimal" || V.collapsed ? n : A, Le = (Z, ce = !1) => T ? T({ width: A, height: Z, isHidden: Q }) : me === "legacy" ? /* @__PURE__ */ r(
     Bt,
     {
-      navigationData: g.navigationData,
-      sidebarHeight: W,
+      navigationData: V.navigationData,
+      sidebarHeight: Z,
       sidebarGroupWidth: n,
       sidebarCollapsedWidth: n,
-      selectedGroupColor: m,
+      selectedGroupColor: b,
       groupColor: v,
-      backgroundGroupColor: y,
-      groupLabelDarkColor: b,
+      backgroundGroupColor: m,
+      groupLabelDarkColor: g,
       groupLabelLightColor: p,
       showGroupLabels: !1,
-      collapsed: ie ? !1 : g.collapsed,
+      collapsed: ce ? !1 : V.collapsed,
       sidebarWidth: A,
-      isHidden: V,
-      onMenuItemClick: E,
-      onClickActionIcon: F,
+      isHidden: Q,
+      onMenuItemClick: K,
+      onClickActionIcon: N,
       sideBarFooterHeight: a,
       sideBarFooterContent: l,
       sideBarHeaderContent: f,
-      theme: j,
-      sidebarRef: O,
+      theme: q,
+      sidebarRef: $,
       defaultGroupIcon: c,
       selectedGroupName: u,
-      iconsWithBackground: P,
+      iconsWithBackground: R,
       menuItemHeight: Y,
-      highlightActiveMenuItem: k,
+      highlightActiveMenuItem: S,
       backgroundDarkColor: z,
-      backgroundLightColor: L,
+      backgroundLightColor: P,
       textDarkColor: I,
-      textLightColor: M,
-      iconDarkColor: q,
+      textLightColor: L,
+      iconDarkColor: j,
       iconLightColor: H,
-      collapsedSubmenuWidth: J,
-      isLoading: g.isLoadingPermissions,
-      loadingError: g.permissionsError
+      collapsedSubmenuWidth: _,
+      isLoading: V.isLoadingPermissions,
+      loadingError: V.permissionsError
     }
   ) : /* @__PURE__ */ r(
     ro,
     {
-      navigationData: g.navigationData,
-      variant: be,
+      navigationData: V.navigationData,
+      variant: me,
       width: Ee,
       collapsedWidth: n,
-      height: W,
+      height: Z,
       groupColumnWidth: n,
-      collapsed: ie ? !1 : g.collapsed,
-      onCollapsedChange: (Qe) => g.setCollapsed(Qe),
+      collapsed: ce ? !1 : V.collapsed,
+      onCollapsedChange: (Qe) => V.setCollapsed(Qe),
       activeGroup: u,
       onActiveGroupChange: (Qe) => {
       },
       defaultGroupIcon: c,
       showGroupLabels: !1,
-      onMenuItemClick: E,
-      showSearch: se,
+      onMenuItemClick: K,
+      showSearch: le,
       header: f,
       footer: l,
       footerHeight: a,
-      isLoading: g.isLoadingPermissions,
-      loadingError: g.permissionsError,
-      theme: j,
-      highlightActiveItem: k,
+      isLoading: V.isLoadingPermissions,
+      loadingError: V.permissionsError,
+      theme: q,
+      highlightActiveItem: S,
       backgroundDarkColor: z,
-      backgroundLightColor: L,
+      backgroundLightColor: P,
       textDarkColor: I,
-      textLightColor: M,
-      iconDarkColor: q,
+      textLightColor: L,
+      iconDarkColor: j,
       iconLightColor: H,
-      groupBackgroundColor: y,
-      selectedGroupColor: m,
+      groupBackgroundColor: m,
+      selectedGroupColor: b,
       groupColor: v,
-      groupLabelDarkColor: b,
+      groupLabelDarkColor: g,
       groupLabelLightColor: p,
-      activeColor: _,
+      activeColor: W,
       withBorder: !1,
-      sidebarRef: O
+      sidebarRef: $
     }
-  ), he = C === "dark" ? z ?? j.colors.dark[7] : L ?? j.white, Oe = be === "legacy", re = Oe ? void 0 : {
+  ), pe = k === "dark" ? z ?? q.colors.dark[7] : P ?? q.white, Oe = me === "legacy", te = Oe ? void 0 : {
     width: { base: Ee },
     breakpoint: "sm",
-    collapsed: { mobile: V || !$, desktop: V || !$ }
+    collapsed: { mobile: Q || !O, desktop: Q || !O }
   }, Me = Oe ? {
     main: {
-      background: C === "dark" ? j.colors.dark[8] : j.colors.gray[0],
+      background: k === "dark" ? q.colors.dark[8] : q.colors.gray[0],
       overflow: "hidden"
     }
   } : {
     main: {
-      background: C === "dark" ? j.colors.dark[8] : j.colors.gray[0],
+      background: k === "dark" ? q.colors.dark[8] : q.colors.gray[0],
       overflow: "hidden"
     },
     navbar: {
-      background: he,
+      background: pe,
       border: "none"
     }
-  }, ye = Oe ? {
+  }, ve = Oe ? {
     height: "calc(100vh - var(--app-shell-header-offset, 0px) - var(--app-shell-footer-offset, 0px) - var(--app-shell-padding) - 1rem)",
-    width: `calc(100vw - var(--app-shell-padding) - calc(${V ? "0px" : Ee} + 1rem))`,
+    width: `calc(100vw - var(--app-shell-padding) - calc(${Q ? "0px" : Ee} + 1rem))`,
     marginTop: "0.5rem",
-    marginLeft: `calc(${V ? "0px" : Ee} + 0.5rem)`,
-    border: `1px solid ${C === "dark" ? j.colors.dark[4] : "#e4e9ef"}`,
+    marginLeft: `calc(${Q ? "0px" : Ee} + 0.5rem)`,
+    border: `1px solid ${k === "dark" ? q.colors.dark[4] : "#e4e9ef"}`,
     borderRadius: "4px",
     overflow: "hidden"
   } : {
@@ -3129,15 +3129,15 @@ function Po({
     marginTop: "0.5rem",
     marginLeft: "0.5rem",
     marginRight: "0.5rem",
-    border: `1px solid ${C === "dark" ? j.colors.dark[4] : "#e4e9ef"}`,
+    border: `1px solid ${k === "dark" ? q.colors.dark[4] : "#e4e9ef"}`,
     borderRadius: "4px",
     overflow: "hidden"
   };
-  return /* @__PURE__ */ r(Eo, { children: /* @__PURE__ */ R(
+  return /* @__PURE__ */ r(Eo, { children: /* @__PURE__ */ E(
     Ke,
     {
       header: { height: "60px", collapsed: !G },
-      navbar: re,
+      navbar: te,
       footer: { height: x || "0px" },
       styles: Me,
       children: [
@@ -3145,42 +3145,42 @@ function Po({
           Ke.Header,
           {
             p: "xs",
-            color: S,
+            color: w,
             display: "flex",
             style: {
               backgroundColor: "var(--mantine-primary-color-8)",
               alignItems: "center",
               borderBottom: "none",
-              ...K
+              ...F
             },
             children: t
           }
         ),
-        !V && $ && /* @__PURE__ */ r(Ke.Navbar, { children: Le(me(), !1) }),
-        /* @__PURE__ */ R(Ke.Main, { bg: C === "dark" ? j.colors.dark[8] : j.colors.gray[0], children: [
-          !V && N && Ro(
-            C,
-            j,
-            g,
+        !Q && O && /* @__PURE__ */ r(Ke.Navbar, { children: Le(X(), !1) }),
+        /* @__PURE__ */ E(Ke.Main, { bg: k === "dark" ? q.colors.dark[8] : q.colors.gray[0], children: [
+          !Q && D && Ro(
+            k,
+            q,
+            V,
             A,
             n,
             U
           ),
-          /* @__PURE__ */ r(Co, { children: /* @__PURE__ */ R("div", { style: ye, children: [
+          /* @__PURE__ */ r(Co, { children: /* @__PURE__ */ E("div", { style: ve, children: [
             e,
-            /* @__PURE__ */ r(Lo, { maxKeepAliveTabs: ue, routes: Te })
+            /* @__PURE__ */ r(Lo, { maxKeepAliveTabs: he, routes: Se })
           ] }) }),
-          $ && /* @__PURE__ */ r(
+          O && /* @__PURE__ */ r(
             BA,
             {
-              opened: g.hidden || !1,
-              onClose: le,
+              opened: V.hidden || !1,
+              onClose: ae,
               size: A,
               padding: 0,
               styles: {
                 header: { minHeight: "10px" }
               },
-              children: Le(Ce(), !0)
+              children: Le(ye(), !0)
             }
           )
         ] }),
@@ -3196,7 +3196,7 @@ function Lo({ maxKeepAliveTabs: e, routes: t }) {
     height: "calc(100% - 48px)",
     opacity: o ? 0.6 : 1,
     transition: "opacity 0.15s ease-out"
-  }, children: /* @__PURE__ */ R(Io, { maxKeepAliveTabs: e, children: [
+  }, children: /* @__PURE__ */ E(Io, { maxKeepAliveTabs: e, children: [
     ...t
   ] }) });
 }
@@ -3215,41 +3215,41 @@ function Dn({
   sideBarFooterHeight: c,
   sideBarFooterContent: h,
   onCollapsedSideBar: f,
-  onHiddenSidebar: m,
+  onHiddenSidebar: b,
   sidebarDefaultGroupIcon: v,
-  sidebarSelectedGroupName: y,
-  sideBarHeaderHeight: b,
+  sidebarSelectedGroupName: m,
+  sideBarHeaderHeight: g,
   sideBarHeaderContent: p,
-  selectedGroupColor: S = "#132441",
+  selectedGroupColor: w = "#132441",
   groupColor: x = "white",
-  backgroundGroupColor: P = "#132441",
+  backgroundGroupColor: R = "#132441",
   groupLabelDarkColor: Y = "white",
-  groupLabelLightColor: $ = "white",
+  groupLabelLightColor: O = "white",
   headerColor: G,
-  footerHeight: K,
-  iconsWithBackground: k,
+  footerHeight: F,
+  iconsWithBackground: S,
   menuItemHeight: T,
-  showSideBar: N,
+  showSideBar: D,
   showHeader: z,
-  headerStyle: L,
+  headerStyle: P,
   highlightActiveMenuItem: I,
-  enableSecurity: M = !1,
-  securityOptions: q,
+  enableSecurity: L = !1,
+  securityOptions: j,
   customRenderSidebar: H,
-  onNavigationDataChange: J,
-  showCollapsedButton: _,
-  initialSidebarCollapsed: ue = !1,
-  sideBarBackgroundDarkColor: be,
-  sideBarBackgroundLightColor: se,
-  sideBarTextDarkColor: j,
-  sideBarTextLightColor: g,
-  sideBarIconDarkColor: C,
-  sideBarIconLightColor: D,
-  sideBarCollapsedSubmenuWidth: O,
-  sidebarActiveColor: Q,
-  maxKeepAliveTabs: V = 10,
-  sidebarVariant: E = "legacy",
-  sidebarShowSearch: F = !1
+  onNavigationDataChange: _,
+  showCollapsedButton: W,
+  initialSidebarCollapsed: he = !1,
+  sideBarBackgroundDarkColor: me,
+  sideBarBackgroundLightColor: le,
+  sideBarTextDarkColor: q,
+  sideBarTextLightColor: V,
+  sideBarIconDarkColor: k,
+  sideBarIconLightColor: y,
+  sideBarCollapsedSubmenuWidth: $,
+  sidebarActiveColor: M,
+  maxKeepAliveTabs: Q = 10,
+  sidebarVariant: K = "legacy",
+  sidebarShowSearch: N = !1
 }) {
   return /* @__PURE__ */ r(
     Lt,
@@ -3259,10 +3259,10 @@ function Dn({
       user: o,
       owner: a,
       company: l,
-      enableSecurity: M,
-      securityOptions: q,
-      onNavigationDataChange: J,
-      initialSidebarCollapsed: ue,
+      enableSecurity: L,
+      securityOptions: j,
+      onNavigationDataChange: _,
+      initialSidebarCollapsed: he,
       children: /* @__PURE__ */ r(
         Po,
         {
@@ -3275,41 +3275,41 @@ function Dn({
           sideBarWidth: d,
           sideBarCollapsedWidth: i,
           sideBarHiddenBreakPoint: u,
-          sideBarHeaderHeight: b,
+          sideBarHeaderHeight: g,
           sideBarHeaderContent: p,
           sideBarFooterHeight: c,
           sideBarFooterContent: h,
-          selectedGroupColor: S,
+          selectedGroupColor: w,
           groupColor: x,
-          backgroundGroupColor: P,
+          backgroundGroupColor: R,
           groupLabelDarkColor: Y,
-          groupLabelLightColor: $,
+          groupLabelLightColor: O,
           onCollapsedSideBar: f,
-          onHiddenSidebar: m,
+          onHiddenSidebar: b,
           sidebarDefaultGroupIcon: v,
-          sidebarSelectedGroupName: y,
+          sidebarSelectedGroupName: m,
           headerColor: G,
-          footerHeight: K,
-          iconsWithBackground: k,
+          footerHeight: F,
+          iconsWithBackground: S,
           menuItemHeight: T,
-          showSideBar: N,
+          showSideBar: D,
           showHeader: z,
-          headerStyle: L,
+          headerStyle: P,
           highlightActiveMenuItem: I,
-          enableSecurity: M,
+          enableSecurity: L,
           customRenderSidebar: H,
-          showCollapsedButton: _,
-          sideBarBackgroundDarkColor: be,
-          sideBarBackgroundLightColor: se,
-          sideBarTextDarkColor: j,
-          sideBarTextLightColor: g,
-          sideBarIconDarkColor: C,
-          sideBarIconLightColor: D,
-          sideBarCollapsedSubmenuWidth: O,
-          sidebarActiveColor: Q,
-          maxKeepAliveTabs: V,
-          sidebarVariant: E,
-          sidebarShowSearch: F,
+          showCollapsedButton: W,
+          sideBarBackgroundDarkColor: me,
+          sideBarBackgroundLightColor: le,
+          sideBarTextDarkColor: q,
+          sideBarTextLightColor: V,
+          sideBarIconDarkColor: k,
+          sideBarIconLightColor: y,
+          sideBarCollapsedSubmenuWidth: $,
+          sidebarActiveColor: M,
+          maxKeepAliveTabs: Q,
+          sidebarVariant: K,
+          sidebarShowSearch: N,
           children: A
         }
       )
@@ -3339,24 +3339,24 @@ const gr = Pe({
         return s;
     }
   }, [A, n] = vr(o, t);
-  return ve.useEffect(() => {
+  return Ce.useEffect(() => {
     let s = null;
     return A.userCloseLinkRequest && !A.linkClosed && (s = setTimeout(() => {
       n({ type: "CLOSE_ALLOWED", link: A.userCloseLinkRequest });
-    }, 100)), () => {
+    }, 0)), () => {
       s && clearTimeout(s);
     };
   }, [A.userCloseLinkRequest, A.linkClosed, n]), /* @__PURE__ */ r(gr.Provider, { value: { state: A, dispatch: n }, children: e });
 }, br = () => {
-  const e = ge(gr);
+  const e = be(gr);
   if (!e)
     throw new Error("useArchbaseNavigationContext deve ser usado dentro de um ArchbaseNavigationProvider");
   return e;
 }, zn = (e, t) => {
-  const o = br(), { state: A, dispatch: n } = o, s = w((d) => {
+  const o = br(), { state: A, dispatch: n } = o, s = C((d) => {
     n({ type: "CLOSE_ALLOWED", link: e, payload: d });
-  }, [n, e]), a = ee(t);
-  a.current = t, Ae(() => {
+  }, [n, e]), a = Ae(t);
+  a.current = t, re(() => {
     A && A.userCloseLinkRequest && A.userCloseLinkRequest === e && a.current();
   }, [A, e]);
   const l = A.isClosing && A.userCloseLinkRequest === e;
@@ -3424,199 +3424,200 @@ function On({
   activeTabId: A,
   openedTabs: n = []
 }) {
-  const [s, a] = ve.useTransition(), l = Be(), { colorScheme: d } = ne(), [i, u] = pe(n), [c, h] = pe(A), f = ee(void 0), m = He(), v = ee([]);
+  const [s, a] = Ce.useTransition(), l = Be(), { colorScheme: d } = se(), [i, u] = fe(n), [c, h] = fe(A), f = Ae(void 0), b = He(), v = Ae([]);
   wt(v);
-  const y = br(), { state: b, dispatch: p } = y, S = ge(We), x = vo(), { start: P, done: Y } = fr(), $ = Je((g) => g.clearSnapshot), G = Je((g) => g.removeTab), K = ee(t), k = ee(o);
-  Ae(() => {
-    K.current = t, k.current = o;
+  const m = br(), { state: g, dispatch: p } = m, w = be(We), x = vo(), { start: R, done: Y } = fr(), O = Je((k) => k.clearSnapshot), G = Je((k) => k.removeTab), F = Ae(t), S = Ae(o);
+  re(() => {
+    F.current = t, S.current = o;
   });
-  const T = ee(c);
-  Ae(() => {
+  const T = Ae(c);
+  re(() => {
     f.current = T.current, T.current = c;
   }, [c]);
-  const N = ee(!1), z = w((g, C) => {
-    P(), x ? x.destroy(g) : console.error("[ArchbaseAdminTabContainer] keepAliveCache context not available. Tab cache cleanup will not occur. This may cause memory leaks."), $(g), G(g);
-    const D = i.findIndex((F) => F.path === g);
-    let O = C?.redirectUrl;
-    !O && D >= 0 && (O = i[D].redirect);
-    const Q = i.filter((F) => F.id !== g);
-    let V = null;
-    if (f.current && f.current !== g) {
-      const F = Q.find((me) => me.id === f.current);
-      F && (V = F.id);
+  const D = Ae(!1), z = C((k, y) => {
+    R(), x ? x.destroy(k) : console.error("[ArchbaseAdminTabContainer] keepAliveCache context not available. Tab cache cleanup will not occur. This may cause memory leaks."), O(k), G(k);
+    const $ = i.findIndex((X) => X.path === k);
+    let M = y?.redirectUrl;
+    !M && $ >= 0 && (M = i[$].redirect);
+    const Q = i.filter((X) => X.id !== k);
+    let K = null;
+    if (f.current && f.current !== k) {
+      const X = Q.find((ye) => ye.id === f.current);
+      X && (K = X.id);
     }
-    if (!V) {
-      let F = -1;
-      Q.forEach((me, Ce) => me.id === c && (F = Ce)), Q.length > 0 && Q[F] ? V = Q[F].id : Q.length > 0 && (V = Q[Q.length - 1].id);
+    if (!K) {
+      let X = -1;
+      Q.forEach((ye, Se) => ye.id === c && (X = Se)), Q.length > 0 && Q[X] ? K = Q[X].id : Q.length > 0 && (K = Q[Q.length - 1].id);
     }
-    const E = Q.map((F) => ({
-      ...F,
-      active: V === F.id
+    const N = Q.map((X) => ({
+      ...X,
+      active: K === X.id
     }));
-    if (u(E), V && V != null)
-      h(V), l(O || V);
+    if (u(N), K && K != null)
+      h(K), l(M || K);
     else {
-      if (h(void 0), !S.navigationRootLink) {
+      if (h(void 0), !w.navigationRootLink) {
         console.error("[ArchbaseAdminTabContainer] navigationRootLink is not configured. Cannot navigate to root.");
         return;
       }
-      l(S.navigationRootLink);
+      l(w.navigationRootLink);
     }
     p({ type: "DONE", link: "" }), Y();
-  }, [i, c, l, S.navigationRootLink, p, x, P, Y, $, G]);
-  Ae(() => {
-    b?.linkClosed && z(b?.linkClosed, b?.payload);
-  }, [b?.linkClosed, b?.payload, z]);
-  const L = (g) => {
-    const C = {
+  }, [i, c, l, w.navigationRootLink, p, x, R, Y, O, G]);
+  re(() => {
+    g?.linkClosed && z(g?.linkClosed, g?.payload);
+  }, [g?.linkClosed, g?.payload, z]);
+  const P = (k) => {
+    const y = {
       item: void 0,
       title: void 0,
-      link: g,
+      link: k,
       redirect: void 0,
       customTitle: void 0
     };
-    return e.forEach((D) => {
-      if (D.links)
-        D.links.forEach((O) => {
-          EA({ path: O.link || "" }, location.pathname) && (C.item = O, C.title = `${te().t(O.label)}`, C.redirect = O.redirect, C.customTitle = O.customTitle);
+    return e.forEach(($) => {
+      if ($.links)
+        $.links.forEach((M) => {
+          EA({ path: M.link || "" }, location.pathname) && (y.item = M, y.title = `${oe().t(M.label)}`, y.redirect = M.redirect, y.customTitle = M.customTitle);
         });
-      else if (D.link && !C.item) {
-        const O = EA({ path: D.link }, location.pathname);
-        O && (O.params && Object.keys(O.params).length > 0 ? C.title = `${O.params[Object.keys(O.params)[0]]}` : C.title = `${te().t(D.label)}`, C.item = D, C.redirect = D.redirect, C.customTitle = D.customTitle);
+      else if ($.link && !y.item) {
+        const M = EA({ path: $.link }, location.pathname);
+        M && (M.params && Object.keys(M.params).length > 0 ? y.title = `${M.params[Object.keys(M.params)[0]]}` : y.title = `${oe().t($.label)}`, y.item = $, y.redirect = $.redirect, y.customTitle = $.customTitle);
       }
-    }), C.customTitle && (C.customTitle = C.customTitle.replace("$title", C.title)), C;
+    }), y.customTitle && (y.customTitle = y.customTitle.replace("$title", y.title)), y;
   };
-  Ae(() => {
-    u(n), N.current = !0;
+  re(() => {
+    u(n), D.current = !0;
   }, [JSON.stringify(n)]);
-  const I = ee(i), M = ee(c);
-  Ae(() => {
-    if (N.current) {
-      N.current = !1, I.current = i, M.current = c;
+  const I = Ae(i), L = Ae(c);
+  re(() => {
+    if (D.current) {
+      D.current = !1, I.current = i, L.current = c;
       return;
     }
-    const g = JSON.stringify(I.current) !== JSON.stringify(i), C = M.current !== c;
-    if (g || C) {
-      const D = setTimeout(() => {
-        K.current?.(i), k.current?.(c);
+    const k = JSON.stringify(I.current) !== JSON.stringify(i), y = L.current !== c;
+    if (k || y) {
+      const $ = setTimeout(() => {
+        F.current?.(i), S.current?.(c);
       }, 0);
-      return I.current = i, M.current = c, () => clearTimeout(D);
+      return I.current = i, L.current = c, () => clearTimeout($);
     }
   }, [i, c]);
-  const q = ee("");
-  Ae(() => {
-    if (q.current === m.pathname)
+  const j = Ae("");
+  re(() => {
+    if (j.current === b.pathname)
       return;
-    q.current = m.pathname;
-    const g = L(m.pathname);
-    if (g && g.item) {
-      const C = i.findIndex((D) => D.path === g.link);
-      if (C !== -1) {
-        if (i[C].title !== g.title) {
-          const D = [...i];
-          D[C] = { ...D[C], title: g.title }, u(D);
+    j.current = b.pathname;
+    const k = P(b.pathname);
+    if (k && k.item) {
+      const y = i.findIndex(($) => $.path === k.link);
+      if (y !== -1) {
+        if (i[y].title !== k.title) {
+          const $ = [...i];
+          $[y] = { ...$[y], title: k.title }, u($);
         }
-        h(i[C].id);
+        h(i[y].id);
       } else {
-        const D = {
-          id: `${g.link}`,
-          title: `${g.title}`,
-          path: `${g.link}`,
+        const $ = {
+          id: `${k.link}`,
+          title: `${k.title}`,
+          path: `${k.link}`,
           active: !0,
-          content: g.item.component,
-          iconClass: g.item.icon,
+          content: k.item.component,
+          iconClass: k.item.icon,
           closeButton: !0,
-          redirect: g.redirect,
-          customTitle: g.customTitle
-        }, O = [...i.map((Q) => ({ ...Q, active: !1 })), D];
-        u(O), h(D.id);
+          redirect: k.redirect,
+          customTitle: k.customTitle
+        }, M = [...i.map((Q) => ({ ...Q, active: !1 })), $];
+        u(M), h($.id);
       }
     }
-  }, [m.pathname]);
-  const H = (g) => {
-    const C = i.filter((D) => D.id === g);
-    C && C.length > 0 && m.pathname !== C[0].path && (P(), l(C[0].path)), a(() => {
-      h(g), Y();
+  }, [b.pathname]);
+  const H = (k) => {
+    const y = i.filter(($) => $.id === k);
+    y && y.length > 0 && b.pathname !== y[0].path && (R(), l(y[0].path)), a(() => {
+      h(k), Y();
     });
-  }, J = (g) => {
+  }, _ = (k) => {
     try {
-      p({ type: "USER_CLOSE_REQUEST", link: g });
-    } catch (C) {
-      console.error("[TabContainer] Dispatch failed:", C);
+      R(), p({ type: "USER_CLOSE_REQUEST", link: k });
+    } catch (y) {
+      console.error("[TabContainer] Dispatch failed:", y), Y();
     }
-  }, _ = w(() => {
-    if (x?.destroyAll(), i.forEach((g) => {
-      $(g.id), G(g.id);
-    }), u([]), h(void 0), !S.navigationRootLink) {
+  }, W = C(() => {
+    if (x?.destroyAll(), i.forEach((k) => {
+      O(k.id), G(k.id);
+    }), u([]), h(void 0), !w.navigationRootLink) {
       console.error("[ArchbaseAdminTabContainer] navigationRootLink is not configured. Cannot navigate to root.");
       return;
     }
-    l(S.navigationRootLink);
-  }, [l, S.navigationRootLink, x, i, $, G]), ue = w((g) => {
-    const C = i.findIndex((E) => E.id === g);
-    if (C <= 0)
+    l(w.navigationRootLink);
+  }, [l, w.navigationRootLink, x, i, O, G]), he = C((k) => {
+    const y = i.findIndex((N) => N.id === k);
+    if (y <= 0)
       return;
-    i.slice(0, C).forEach((E) => {
-      x?.destroy(E.path), $(E.id), G(E.id);
+    i.slice(0, y).forEach((N) => {
+      x?.destroy(N.path), O(N.id), G(N.id);
     });
-    const O = i.slice(C), Q = O.find((E) => E.id === c)?.id || O[0]?.id, V = O.map((E) => ({
-      ...E,
-      active: E.id === Q
+    const M = i.slice(y), Q = M.find((N) => N.id === c)?.id || M[0]?.id, K = M.map((N) => ({
+      ...N,
+      active: N.id === Q
     }));
-    if (u(V), Q) {
+    if (u(K), Q) {
       h(Q);
-      const E = V.find((F) => F.id === Q);
-      E && m.pathname !== E.path && l(E.path);
+      const N = K.find((X) => X.id === Q);
+      N && b.pathname !== N.path && l(N.path);
     }
-  }, [i, c, l, m.pathname, x, $, G]), be = w((g) => {
-    const C = i.findIndex((E) => E.id === g);
-    if (C === -1 || C >= i.length - 1)
+  }, [i, c, l, b.pathname, x, O, G]), me = C((k) => {
+    const y = i.findIndex((N) => N.id === k);
+    if (y === -1 || y >= i.length - 1)
       return;
-    i.slice(C + 1).forEach((E) => {
-      x?.destroy(E.path), $(E.id), G(E.id);
+    i.slice(y + 1).forEach((N) => {
+      x?.destroy(N.path), O(N.id), G(N.id);
     });
-    const O = i.slice(0, C + 1), Q = O.find((E) => E.id === c)?.id || O[O.length - 1]?.id, V = O.map((E) => ({
-      ...E,
-      active: E.id === Q
+    const M = i.slice(0, y + 1), Q = M.find((N) => N.id === c)?.id || M[M.length - 1]?.id, K = M.map((N) => ({
+      ...N,
+      active: N.id === Q
     }));
-    if (u(V), Q) {
+    if (u(K), Q) {
       h(Q);
-      const E = V.find((F) => F.id === Q);
-      E && m.pathname !== E.path && l(E.path);
+      const N = K.find((X) => X.id === Q);
+      N && b.pathname !== N.path && l(N.path);
     }
-  }, [i, c, l, m.pathname, x, $, G]), se = w((g) => {
-    const C = i.find((O) => O.id === g);
-    if (!C)
+  }, [i, c, l, b.pathname, x, O, G]), le = C((k) => {
+    const y = i.find((M) => M.id === k);
+    if (!y)
       return;
-    x?.destroyOther(C.path), i.forEach((O) => {
-      O.id !== g && ($(O.id), G(O.id));
+    x?.destroyOther(y.path), i.forEach((M) => {
+      M.id !== k && (O(M.id), G(M.id));
     });
-    const D = [{ ...C, active: !0 }];
-    u(D), h(g), m.pathname !== C.path && l(C.path);
-  }, [i, l, m.pathname, x, $, G]);
+    const $ = [{ ...y, active: !0 }];
+    u($), h(k), b.pathname !== y.path && l(y.path);
+  }, [i, l, b.pathname, x, O, G]), q = g?.isClosing ? g?.userCloseLinkRequest : void 0;
   return /* @__PURE__ */ r("div", { ref: v, children: /* @__PURE__ */ r(
     St,
     {
       buttonCloseOnlyActiveTab: !0,
-      onClick: (g) => H(g),
-      onTabClose: (g) => J(g),
-      onTabChange: (g) => null,
-      onCloseAllTabs: _,
-      onCloseLeftTabs: ue,
-      onCloseRightTabs: be,
-      onCloseOtherTabs: se,
-      currentTabs: ((g) => g.map((C) => ({
-        key: C.id,
-        favicon: C.iconClass,
-        title: C.title,
-        customTitle: C.customTitle
+      onClick: (k) => H(k),
+      onTabClose: (k) => _(k),
+      onTabChange: (k) => null,
+      onCloseAllTabs: W,
+      onCloseLeftTabs: he,
+      onCloseRightTabs: me,
+      onCloseOtherTabs: le,
+      currentTabs: ((k) => k.map((y) => ({
+        key: y.id,
+        favicon: y.iconClass,
+        title: y.title,
+        customTitle: y.customTitle,
+        closing: q === y.id
       })))(i),
       activeTab: c,
       dark: d === "dark"
     }
   ) });
 }
-const Mo = () => ve.createElement("div", null, "Home View"), Do = () => ve.createElement("div", null, "Pedido Form"), No = () => ve.createElement("div", null, "Pedido View"), zo = () => ve.createElement("div", null, "Pessoa Form"), Oo = () => ve.createElement("div", null, "Pessoa View"), $o = {
+const Mo = () => Ce.createElement("div", null, "Home View"), Do = () => Ce.createElement("div", null, "Pedido Form"), No = () => Ce.createElement("div", null, "Pedido View"), zo = () => Ce.createElement("div", null, "Pessoa Form"), Oo = () => Ce.createElement("div", null, "Pessoa View"), $o = {
   label: "Dashboard",
   icon: /* @__PURE__ */ r(Kr, {}),
   link: "/dashboard",
@@ -3700,7 +3701,7 @@ const Mo = () => ve.createElement("div", null, "Home View"), Do = () => ve.creat
 ];
 function Qn({ children: e, title: t = "", size: o = "440px", drawerKey: A, styles: n }) {
   const [s, { open: a, close: l }] = kr(!1), [d] = WA(), i = pt(), u = _e();
-  return Ae(() => {
+  return re(() => {
     d.get("drawer") === A && a();
   }, [d]), /* @__PURE__ */ r(
     BA,
@@ -3734,7 +3735,7 @@ function Yo(e) {
 }
 function Kn({ drawerKey: e }) {
   const { openDrawer: t } = Yo(e);
-  return Ae(() => {
+  return re(() => {
     t();
   }, []), null;
 }
@@ -3747,44 +3748,44 @@ const qo = {
   avatarImageQuality: 1
 };
 function Fn({ opened: e, handleClose: t, userId: o, updateUser: A, options: n }) {
-  const s = xr(), a = Ir(), l = Ur(), d = It(`myProfile${o}Store`), i = Tt(Yr.User), u = { ...qo, ...n ?? {} }, { dataSource: c, isLoading: h, error: f, isError: m, clearError: v } = Et({
+  const s = xr(), a = Ir(), l = Ur(), d = It(`myProfile${o}Store`), i = Tt(Yr.User), u = { ...qo, ...n ?? {} }, { dataSource: c, isLoading: h, error: f, isError: b, clearError: v } = Et({
     name: `dsUser${o}`,
-    label: `${te().t("archbase:My Profile")}`,
+    label: `${oe().t("archbase:My Profile")}`,
     service: i,
     store: d,
     pageSize: 50,
     loadOnStart: !0,
     validator: l,
     id: o,
-    onLoadComplete: (b) => {
-      b.isBrowsing() && b.edit(), a();
+    onLoadComplete: (g) => {
+      g.isBrowsing() && g.edit(), a();
     },
-    onDestroy: (b) => {
+    onDestroy: (g) => {
     },
-    onError: (b, p) => {
-      const S = b instanceof Error ? b.message : typeof b == "string" ? b : JSON.stringify(b);
-      mt.showError(te().t("archbase:WARNING"), S, p);
+    onError: (g, p) => {
+      const w = g instanceof Error ? g.message : typeof g == "string" ? g : JSON.stringify(g);
+      mt.showError(oe().t("archbase:WARNING"), w, p);
     }
   });
-  Ae(() => {
+  re(() => {
     e && c && c.isBrowsing() && c.edit();
   }, [c, e]);
-  const y = (b) => {
-    b && (console.log(b), A(b.name, b.avatar));
+  const m = (g) => {
+    g && (console.log(g), A(g.name, g.avatar));
   };
   return /* @__PURE__ */ r(
     Rt,
     {
-      title: te().t("archbase:My Profile"),
+      title: oe().t("archbase:My Profile"),
       size: 800,
       height: "500px",
       opened: e,
       dataSource: c,
       onClickOk: t,
       onClickCancel: t,
-      onAfterSave: y,
-      children: /* @__PURE__ */ r(De, { style: { height: "440px" }, ref: s, children: /* @__PURE__ */ R(X, { children: [
-        /* @__PURE__ */ r(X, { align: "center", children: /* @__PURE__ */ r(
+      onAfterSave: m,
+      children: /* @__PURE__ */ r(De, { style: { height: "440px" }, ref: s, children: /* @__PURE__ */ E(J, { children: [
+        /* @__PURE__ */ r(J, { align: "center", children: /* @__PURE__ */ r(
           yt,
           {
             dataSource: c,
@@ -3798,8 +3799,8 @@ function Fn({ opened: e, handleClose: t, userId: o, updateUser: A, options: n })
         /* @__PURE__ */ r(
           rA,
           {
-            label: `${te().t("archbase:Nome completo")}`,
-            placeholder: `${te().t("archbase:Informe o nome completo do usuário")}`,
+            label: `${oe().t("archbase:Nome completo")}`,
+            placeholder: `${oe().t("archbase:Informe o nome completo do usuário")}`,
             dataSource: c,
             dataField: "name",
             required: !0
@@ -3808,8 +3809,8 @@ function Fn({ opened: e, handleClose: t, userId: o, updateUser: A, options: n })
         u.showNickname && /* @__PURE__ */ r(
           rA,
           {
-            label: `${te().t("archbase:Apelido")}`,
-            placeholder: `${te().t("archbase:Apelido")}`,
+            label: `${oe().t("archbase:Apelido")}`,
+            placeholder: `${oe().t("archbase:Apelido")}`,
             dataSource: c,
             dataField: "nickname",
             required: u.requiredNickname
@@ -3818,8 +3819,8 @@ function Fn({ opened: e, handleClose: t, userId: o, updateUser: A, options: n })
         /* @__PURE__ */ r(
           rA,
           {
-            label: `${te().t("archbase:Descrição do usuário")}`,
-            placeholder: `${te().t("archbase:Informe a descrição do usuário")}`,
+            label: `${oe().t("archbase:Descrição do usuário")}`,
+            placeholder: `${oe().t("archbase:Informe a descrição do usuário")}`,
             dataSource: c,
             dataField: "description",
             required: !0
@@ -3931,12 +3932,12 @@ const Gn = rr((e) => ({
   tabId: e,
   children: t
 }) => {
-  const { getSnapshot: o, saveSnapshot: A } = Je(), n = ee(void 0);
+  const { getSnapshot: o, saveSnapshot: A } = Je(), n = Ae(void 0);
   if (!n.current) {
     const s = o(e);
     n.current = jo(s);
   }
-  return Ae(() => () => {
+  return re(() => () => {
     if (n.current) {
       const s = n.current.getState();
       A(e, s.serialize());
@@ -3944,27 +3945,27 @@ const Gn = rr((e) => ({
   }, [e, A]), /* @__PURE__ */ r(Ze.Provider, { value: n.current ?? null, children: t });
 };
 function Vn(e) {
-  const t = ge(Ze);
+  const t = be(Ze);
   if (!t)
     throw new Error("useTabStore must be used within TabStoreProvider");
   return kt(t, e);
 }
 function Bn() {
-  const e = ge(Ze);
+  const e = be(Ze);
   if (!e)
     throw new Error("useTabStoreApi must be used within TabStoreProvider");
   return e;
 }
 function kA() {
-  return ge(Ze);
+  return be(Ze);
 }
 function eA(e, t) {
-  const o = kA(), A = ee({ resolved: !1, value: void 0 });
+  const o = kA(), A = Ae({ resolved: !1, value: void 0 });
   A.current.resolved || (A.current = {
     resolved: !0,
     value: typeof t == "function" ? t() : t
   });
-  const n = A.current.value, [s, a] = pe(n), l = Cr(
+  const n = A.current.value, [s, a] = fe(n), l = Cr(
     // subscribe
     (u) => o ? o.subscribe(u) : () => {
     },
@@ -3976,7 +3977,7 @@ function eA(e, t) {
     // getServerSnapshot
     () => {
     }
-  ), d = o ? l !== void 0 ? l : n : s, i = w((u) => {
+  ), d = o ? l !== void 0 ? l : n : s, i = C((u) => {
     if (!o) {
       a(u);
       return;
@@ -4005,19 +4006,19 @@ function Un(e, t) {
   const o = { ...Jo, ...t }, [A, n] = eA(
     `grid_${e}`,
     o
-  ), s = w((p) => {
-    n((S) => ({ ...S, ...p }));
-  }, [n]), a = w((p) => s({ page: p }), [s]), l = w((p) => s({ pageSize: p, page: 0 }), [s]), d = w((p) => s({ sortModel: p }), [s]), i = w((p) => s({ filterModel: p, page: 0 }), [s]), u = w((p) => s({ selectedRowIds: p }), [s]), c = w((p) => {
-    n((S) => ({
-      ...S,
-      selectedRowIds: S.selectedRowIds.includes(p) ? S.selectedRowIds.filter((x) => x !== p) : [...S.selectedRowIds, p]
+  ), s = C((p) => {
+    n((w) => ({ ...w, ...p }));
+  }, [n]), a = C((p) => s({ page: p }), [s]), l = C((p) => s({ pageSize: p, page: 0 }), [s]), d = C((p) => s({ sortModel: p }), [s]), i = C((p) => s({ filterModel: p, page: 0 }), [s]), u = C((p) => s({ selectedRowIds: p }), [s]), c = C((p) => {
+    n((w) => ({
+      ...w,
+      selectedRowIds: w.selectedRowIds.includes(p) ? w.selectedRowIds.filter((x) => x !== p) : [...w.selectedRowIds, p]
     }));
-  }, [n]), h = w((p) => s({ selectedRowIds: p }), [s]), f = w(() => s({ selectedRowIds: [] }), [s]), m = w((p) => {
-    n((S) => ({
-      ...S,
-      expandedRowIds: S.expandedRowIds.includes(p) ? S.expandedRowIds.filter((x) => x !== p) : [...S.expandedRowIds, p]
+  }, [n]), h = C((p) => s({ selectedRowIds: p }), [s]), f = C(() => s({ selectedRowIds: [] }), [s]), b = C((p) => {
+    n((w) => ({
+      ...w,
+      expandedRowIds: w.expandedRowIds.includes(p) ? w.expandedRowIds.filter((x) => x !== p) : [...w.expandedRowIds, p]
     }));
-  }, [n]), v = w(() => n(o), [n, o]), y = w((p) => A.selectedRowIds.includes(p), [A.selectedRowIds]), b = w((p) => A.expandedRowIds.includes(p), [A.expandedRowIds]);
+  }, [n]), v = C(() => n(o), [n, o]), m = C((p) => A.selectedRowIds.includes(p), [A.selectedRowIds]), g = C((p) => A.expandedRowIds.includes(p), [A.expandedRowIds]);
   return {
     /** Estado completo do grid */
     state: A,
@@ -4036,14 +4037,14 @@ function Un(e, t) {
     toggleRowSelection: c,
     selectAllRows: h,
     clearSelection: f,
-    isRowSelected: y,
+    isRowSelected: m,
     /** Quantidade de linhas selecionadas */
     selectedCount: A.selectedRowIds.length,
     /** Se tem alguma linha selecionada */
     hasSelection: A.selectedRowIds.length > 0,
     // Expansao (master-detail)
-    toggleRowExpansion: m,
-    isRowExpanded: b
+    toggleRowExpansion: b,
+    isRowExpanded: g
   };
 }
 const $A = {
@@ -4055,37 +4056,37 @@ function Yn(e, t = []) {
   const [o, A] = eA(
     `tree_${e}`,
     { ...$A, expandedNodeIds: t }
-  ), n = w((y) => {
-    A((b) => ({
-      ...b,
-      expandedNodeIds: b.expandedNodeIds.includes(y) ? b.expandedNodeIds.filter((p) => p !== y) : [...b.expandedNodeIds, y]
+  ), n = C((m) => {
+    A((g) => ({
+      ...g,
+      expandedNodeIds: g.expandedNodeIds.includes(m) ? g.expandedNodeIds.filter((p) => p !== m) : [...g.expandedNodeIds, m]
     }));
-  }, [A]), s = w((y) => {
-    A((b) => ({
-      ...b,
-      expandedNodeIds: b.expandedNodeIds.includes(y) ? b.expandedNodeIds : [...b.expandedNodeIds, y]
+  }, [A]), s = C((m) => {
+    A((g) => ({
+      ...g,
+      expandedNodeIds: g.expandedNodeIds.includes(m) ? g.expandedNodeIds : [...g.expandedNodeIds, m]
     }));
-  }, [A]), a = w((y) => {
-    A((b) => ({
-      ...b,
-      expandedNodeIds: b.expandedNodeIds.filter((p) => p !== y)
+  }, [A]), a = C((m) => {
+    A((g) => ({
+      ...g,
+      expandedNodeIds: g.expandedNodeIds.filter((p) => p !== m)
     }));
-  }, [A]), l = w((y) => {
-    A((b) => ({ ...b, expandedNodeIds: y }));
-  }, [A]), d = w(() => {
-    A((y) => ({ ...y, expandedNodeIds: [] }));
-  }, [A]), i = w((y) => {
-    A((b) => ({ ...b, selectedNodeIds: y }));
-  }, [A]), u = w((y) => {
-    A((b) => ({
-      ...b,
-      selectedNodeIds: b.selectedNodeIds.includes(y) ? b.selectedNodeIds.filter((p) => p !== y) : [...b.selectedNodeIds, y]
+  }, [A]), l = C((m) => {
+    A((g) => ({ ...g, expandedNodeIds: m }));
+  }, [A]), d = C(() => {
+    A((m) => ({ ...m, expandedNodeIds: [] }));
+  }, [A]), i = C((m) => {
+    A((g) => ({ ...g, selectedNodeIds: m }));
+  }, [A]), u = C((m) => {
+    A((g) => ({
+      ...g,
+      selectedNodeIds: g.selectedNodeIds.includes(m) ? g.selectedNodeIds.filter((p) => p !== m) : [...g.selectedNodeIds, m]
     }));
-  }, [A]), c = w(() => {
-    A((y) => ({ ...y, selectedNodeIds: [] }));
-  }, [A]), h = w((y) => {
-    A((b) => ({ ...b, focusedNodeId: y }));
-  }, [A]), f = w((y) => o.expandedNodeIds.includes(y), [o.expandedNodeIds]), m = w((y) => o.selectedNodeIds.includes(y), [o.selectedNodeIds]), v = w(() => {
+  }, [A]), c = C(() => {
+    A((m) => ({ ...m, selectedNodeIds: [] }));
+  }, [A]), h = C((m) => {
+    A((g) => ({ ...g, focusedNodeId: m }));
+  }, [A]), f = C((m) => o.expandedNodeIds.includes(m), [o.expandedNodeIds]), b = C((m) => o.selectedNodeIds.includes(m), [o.selectedNodeIds]), v = C(() => {
     A({ ...$A, expandedNodeIds: t });
   }, [A, t]);
   return {
@@ -4102,7 +4103,7 @@ function Yn(e, t = []) {
     setSelected: i,
     toggleSelected: u,
     clearSelection: c,
-    isSelected: m,
+    isSelected: b,
     selectedCount: o.selectedNodeIds.length,
     hasSelection: o.selectedNodeIds.length > 0,
     // Foco
@@ -4114,13 +4115,13 @@ function qn(e, t = [], o = !0) {
   const [A, n] = eA(
     `accordion_${e}`,
     t
-  ), s = w((c) => {
+  ), s = C((c) => {
     n((h) => h.includes(c) ? h.filter((f) => f !== c) : o ? [...h, c] : [c]);
-  }, [n, o]), a = w((c) => {
+  }, [n, o]), a = C((c) => {
     n((h) => h.includes(c) ? h : o ? [...h, c] : [c]);
-  }, [n, o]), l = w((c) => {
+  }, [n, o]), l = C((c) => {
     n((h) => h.filter((f) => f !== c));
-  }, [n]), d = w(() => n([]), [n]), i = w((c) => A.includes(c), [A]), u = w((c) => {
+  }, [n]), d = C(() => n([]), [n]), i = C((c) => A.includes(c), [A]), u = C((c) => {
     n(c === null ? [] : typeof c == "string" ? [c] : c);
   }, [n]);
   return {
@@ -4139,14 +4140,14 @@ function qn(e, t = [], o = !0) {
 }
 function jn(e, t = {}) {
   const { debounceMs: o = 100 } = t, A = kA();
-  Ae(() => {
+  re(() => {
     if (!A || !e.current)
       return;
     const n = A.getState().scrollY;
     n > 0 && requestAnimationFrame(() => {
       e.current && (e.current.scrollTop = n);
     });
-  }, []), Ae(() => {
+  }, []), re(() => {
     if (!A || !e.current)
       return;
     const n = e.current;
@@ -4162,8 +4163,8 @@ function jn(e, t = {}) {
   }, [A, e, o]);
 }
 function Xn(e) {
-  const t = _e(), o = Je((l) => l.activeTabId), A = t.pathname + t.search, n = o === A, s = ee(n), a = ee(!0);
-  return Ae(() => {
+  const t = _e(), o = Je((l) => l.activeTabId), A = t.pathname + t.search, n = o === A, s = Ae(n), a = Ae(!0);
+  return re(() => {
     if (a.current) {
       a.current = !1, s.current = n;
       return;
@@ -4172,11 +4173,11 @@ function Xn(e) {
   }, [n, e]), n;
 }
 function Jn(e) {
-  const t = kA(), o = `drawer_${e}_open`, A = `drawer_${e}_data`, n = ee(!1), s = ee(null), a = t ? t.getState().customState[o] ?? !1 : n.current, l = t ? t.getState().customState[A] ?? null : s.current, d = w((c) => {
+  const t = kA(), o = `drawer_${e}_open`, A = `drawer_${e}_data`, n = Ae(!1), s = Ae(null), a = t ? t.getState().customState[o] ?? !1 : n.current, l = t ? t.getState().customState[A] ?? null : s.current, d = C((c) => {
     t ? (c !== void 0 && t.getState().setCustomState(A, c), t.getState().setCustomState(o, !0)) : (c !== void 0 && (s.current = c), n.current = !0);
-  }, [t, o, A]), i = w(() => {
+  }, [t, o, A]), i = C(() => {
     t ? t.getState().setCustomState(o, !1) : n.current = !1;
-  }, [t, o]), u = w(() => {
+  }, [t, o]), u = C(() => {
     t ? (t.getState().setCustomState(o, !1), t.getState().clearCustomState(A)) : (n.current = !1, s.current = null);
   }, [t, o, A]);
   return {
@@ -4193,9 +4194,9 @@ const _n = ({
   getTabId: o = (A, n) => A + n
 }) => {
   const A = _e(), n = o(A.pathname, A.search);
-  return /* @__PURE__ */ r(Xo, { tabId: n, children: /* @__PURE__ */ R(JA, { children: [
+  return /* @__PURE__ */ r(Xo, { tabId: n, children: /* @__PURE__ */ E(JA, { children: [
     e.map(({ path: s, element: a }) => /* @__PURE__ */ r($e, { path: s, element: a }, s)),
-    t && /* @__PURE__ */ r($e, { path: "*", element: /* @__PURE__ */ r(ke, { children: t }) })
+    t && /* @__PURE__ */ r($e, { path: "*", element: /* @__PURE__ */ r(xe, { children: t }) })
   ] }) }, n);
 };
 export {