@archbase/admin 4.12.0 → 4.13.1

package/dist/index.js

@@ -1,19 +1,19 @@
 import { jsx as r, jsxs as R, Fragment as Pe } from "react/jsx-runtime";
 import * as HA from "react";
-import xe, { useState as ge, useRef as Z, useEffect as oe, useMemo as ce, useContext as ye, useCallback as C, createContext as Ne, memo as YA, Fragment as qA, useLayoutEffect as Er, useImperativeHandle as Rr, startTransition as nA, useReducer as Pr, useSyncExternalStore as Lr } from "react";
-import { useArchbaseSecurityManager as Mr } from "@archbase/security";
-import { useUncontrolled as aA, useMediaQuery as DA, useHotkeys as Dr, useDisclosure as Nr, useFocusTrap as zr, useForceUpdate as Or } from "@mantine/hooks";
-import { Flex as Ye, useMantineColorScheme as de, Menu as ie, ActionIcon as De, Group as Le, Tooltip as Me, Button as $r, ScrollArea as ze, Badge as pA, Center as Je, Image as Qr, useMantineTheme as me, px as fe, Burger as Kr, Box as H, Avatar as iA, Text as Te, Stack as _, Skeleton as pe, Paper as Fr, NavLink as NA, Kbd as jA, UnstyledButton as cA, Collapse as Vr, TextInput as XA, Indicator as Gr, Transition as Br, Divider as dA, AppShell as Be, Drawer as JA } from "@mantine/core";
+import xe, { useState as ge, useRef as Ae, useEffect as oe, useMemo as ce, useContext as ye, useCallback as w, createContext as Ne, memo as YA, Fragment as qA, useLayoutEffect as Er, useImperativeHandle as Rr, startTransition as nA, useReducer as Pr, useSyncExternalStore as Lr } from "react";
+import { useArchbaseSecurityManager as Dr } from "@archbase/security";
+import { useUncontrolled as aA, useMediaQuery as MA, useHotkeys as Mr, useDisclosure as Nr, useFocusTrap as zr, useForceUpdate as Or } from "@mantine/hooks";
+import { Flex as Ye, useMantineColorScheme as de, Menu as ie, ActionIcon as Me, Group as Le, Tooltip as De, Button as $r, ScrollArea as ze, Badge as fA, Center as Je, Image as Qr, useMantineTheme as me, px as pe, Burger as Kr, Box as q, Avatar as iA, Text as Te, Stack as W, Skeleton as fe, Paper as Fr, NavLink as NA, Kbd as jA, UnstyledButton as cA, Collapse as Vr, TextInput as XA, Indicator as Gr, Transition as Br, Divider as dA, AppShell as Be, Drawer as JA } from "@mantine/core";
 import { IconSun as _A, IconMoonStars as WA, IconTerminal as Ur, IconSearch as _e, IconAlertCircle as Hr, IconDots as ZA, IconChevronRight as gA, IconChevronDown as Yr, IconX as er, IconChevronLeft as qr, IconHome2 as jr, IconDashboard as Xr, IconUsers as Jr, IconListSearch as Ar, IconUserPlus as _r, IconNews as Wr, IconFilePlus as Zr, IconSettings as et } from "@tabler/icons-react";
 import { useArchbaseAppContext as bA, getI18nextInstance as ne, useArchbaseTranslation as mA, archbaseI18next as Re, useArchbaseValidator as At, ARCHBASE_IOC_API_TYPE as rt } from "@archbase/core";
-import { BRFlag as He, USFlag as rr, ESFlag as uA, VEFlag as tt, UYFlag as ot, SVFlag as nt, PYFlag as st, PEFlag as lt, PAFlag as at, NIFlag as it, MXFlag as ct, HNFlag as dt, GTFlag as ut, ECFlag as ht, DOFlag as ft, CUFlag as pt, CRFlag as gt, COFlag as bt, CLFlag as mt, BOFlag as yt, ARFlag as vt } from "mantine-flagpack";
+import { BRFlag as He, USFlag as rr, ESFlag as uA, VEFlag as tt, UYFlag as ot, SVFlag as nt, PYFlag as st, PEFlag as lt, PAFlag as at, NIFlag as it, MXFlag as ct, HNFlag as dt, GTFlag as ut, ECFlag as ht, DOFlag as pt, CUFlag as ft, CRFlag as gt, COFlag as bt, CLFlag as mt, BOFlag as yt, ARFlag as vt } from "mantine-flagpack";
 import { spotlight as Ct, Spotlight as Ue } from "@mantine/spotlight";
 import { useNavigate as qe, useLocation as je, matchPath as zA } from "react-router";
 import { useLocation as Xe, useOutlet as wt, matchPath as St, Route as Ke, Routes as tr, useParams as or, useNavigationType as kt, UNSAFE_LocationContext as xt, useSearchParams as nr, useNavigate as It } from "react-router-dom";
 import { useMediaQuery as Tt } from "usehooks-ts";
 import { useArchbaseNavigateParams as Et, useArchbaseVisible as Rt, ArchbaseNotifications as Pt, ArchbaseAvatarEdit as Lt, ArchbaseEdit as sA } from "@archbase/components";
-import { SubMenu as Mt, MenuItem as OA, menuClasses as te, Sidebar as sr, Menu as lr, sidebarClasses as ar } from "react-pro-sidebar";
-import { createPortal as Dt } from "react-dom";
+import { SubMenu as Dt, MenuItem as OA, menuClasses as te, Sidebar as sr, Menu as lr, sidebarClasses as ar } from "react-pro-sidebar";
+import { createPortal as Mt } from "react-dom";
 import Nt from "@rehooks/component-size";
 import { ArchbaseAdvancedTabs as zt } from "@archbase/layout";
 import { create as ir, useStore as Ot } from "zustand";
@@ -31,96 +31,110 @@ const rA = xe.createContext({}), Bt = ({
   enableSecurity: a,
   securityOptions: l,
   onNavigationDataChange: i,
-  initialSidebarCollapsed: h
+  initialSidebarCollapsed: h,
+  securityFailMode: c = "closed"
 }) => {
-  const [c, d] = ge(h), [u, p] = ge(!1), [v, b] = ge(() => a === !0), [m, g] = ge(null), f = Z(!1), [x, I] = aA({
+  const [d, u] = ge(h), [p, y] = ge(!1), [m, g] = ge(() => a === !0), [b, f] = ge(null), x = Ae(!1), [E, M] = aA({
     value: i !== void 0 ? A : void 0,
     defaultValue: a ? [] : A,
     finalValue: [],
     onChange: i
   });
   oe(() => {
-  }, [x, a]);
-  const { securityManager: L } = Mr({
+  }, [E, a]);
+  const { securityManager: V } = Dr({
     resourceName: l?.navigationResourceName ? l.navigationResourceName : "ArchbaseAdvancedSidebar",
     resourceDescription: l?.navigationResourceDescription ? l.navigationResourceDescription : "archbase:Navegação",
     enableSecurity: a
   });
   return oe(() => {
-    f.current = !1;
+    x.current = !1;
   }, [t?.id]), oe(() => {
     if (!a) {
-      b(!1);
+      g(!1);
       return;
     }
-    if (f.current)
+    if (x.current)
       return;
-    A.filter((P) => P.showInSidebar).forEach((P) => {
-      L.registerAction(P.label, P.label), P?.links?.forEach((y) => L.registerAction(`${P.label} -> ${y.label}`, `${P.label} -> ${y.label}`));
+    A.filter((L) => L.showInSidebar).forEach((L) => {
+      V.registerAction(L.label, L.label), L?.links?.forEach((C) => V.registerAction(`${L.label} -> ${C.label}`, `${L.label} -> ${C.label}`));
     });
-    const V = () => {
-      f.current = !0;
-      const P = A.map((y) => ({
-        ...y,
-        disabled: !L.hasPermission(y.label),
-        links: y.links && y.links.map((F) => {
-          const T = L.hasPermission(`${y.label} -> ${F.label}`);
+    const Y = () => {
+      if (c === "open") {
+        M(A);
+        return;
+      }
+      M(
+        A.map((L) => ({
+          ...L,
+          disabled: !0,
+          links: L.links && L.links.map((C) => ({ ...C, disabled: !0 }))
+        }))
+      );
+    }, P = () => {
+      x.current = !0;
+      const L = A.map((C) => ({
+        ...C,
+        disabled: !V.hasPermission(C.label),
+        links: C.links && C.links.map((_) => {
+          const H = V.hasPermission(`${C.label} -> ${_.label}`);
           return {
-            ...F,
-            disabled: !T
+            ..._,
+            disabled: !H
           };
         })
       }));
-      I(P), b(!1), g(null);
-    }, Y = !L.isLoading() && !L.isError();
-    if (L.isError()) {
-      f.current = !0;
-      const P = L.getError() || "Erro ao carregar permissões de navegação";
-      g(P), b(!1), I(A);
+      M(L), g(!1), f(null);
+    }, F = !V.isLoading() && !V.isError();
+    if (V.isError()) {
+      x.current = !0;
+      const L = V.getError() || "Erro ao carregar permissões de navegação";
+      f(L), g(!1), Y();
       return;
     }
-    if (Y) {
-      V();
+    if (F) {
+      P();
       return;
     }
-    b(!0), g(null);
-    let O = !1;
-    const D = setInterval(() => {
-      if (!O && L.isError()) {
-        clearInterval(D), f.current = !0;
-        const P = L.getError() || "Erro ao carregar permissões de navegação";
-        g(P), b(!1), I(A);
+    g(!0), f(null);
+    let Q = !1;
+    const O = setInterval(() => {
+      if (!Q && V.isError()) {
+        clearInterval(O), x.current = !0;
+        const L = V.getError() || "Erro ao carregar permissões de navegação";
+        f(L), g(!1), Y();
       }
-    }, 100), K = setTimeout(() => {
-      O || (clearInterval(D), b((P) => P && (f.current = !0, console.warn("[ArchbaseAdminLayout] Timeout ao carregar permissões - carregando menu sem filtro de segurança"), I(A), !1)));
+    }, 100), v = setTimeout(() => {
+      Q || (clearInterval(O), console.warn("[ArchbaseAdminLayout] Timeout ao carregar permissões - aguardando a resposta com o menu fechado"), Y(), g(!1));
     }, 3e3);
-    return L.apply(() => {
-      O || (clearInterval(D), clearTimeout(K), V());
+    return V.apply(() => {
+      Q || (clearInterval(O), clearTimeout(v), P());
+    }).catch(() => {
     }), () => {
-      O = !0, clearInterval(D), clearTimeout(K);
+      Q = !0, clearInterval(O), clearTimeout(v);
     };
-  }, [t?.id, a, A, L, I]), /* @__PURE__ */ r(
+  }, [t?.id, a, A, V, M, c]), /* @__PURE__ */ r(
     rA.Provider,
     {
       value: {
-        navigationData: x,
-        setNavigationData: I,
+        navigationData: E,
+        setNavigationData: M,
         user: t,
         owner: o,
         company: e,
         navigationRootLink: n,
-        collapsed: c,
-        setCollapsed: d,
-        hidden: u,
-        setHidden: p,
+        collapsed: d,
+        setCollapsed: u,
+        hidden: p,
+        setHidden: y,
         onNavigationDataChange: i,
-        isLoadingPermissions: v,
-        permissionsError: m
+        isLoadingPermissions: m,
+        permissionsError: b
       },
       children: s
     }
   );
-}, Dn = ({ children: A }) => /* @__PURE__ */ r(Ye, { align: "center", direction: "row", wrap: "wrap", h: "100%", children: A }), Ut = () => {
+}, Mn = ({ children: A }) => /* @__PURE__ */ r(Ye, { align: "center", direction: "row", wrap: "wrap", h: "100%", children: A }), Ut = () => {
   const A = bA(), { colorScheme: t } = de(), o = t === "dark", [e, n] = ge(ne().language);
   oe(() => {
     const i = (h) => {
@@ -153,9 +167,9 @@ const rA = xe.createContext({}), Bt = ({
         case "es-CR":
           return /* @__PURE__ */ r(gt, { size: 24 });
         case "es-CU":
-          return /* @__PURE__ */ r(pt, { size: 24 });
-        case "es-DO":
           return /* @__PURE__ */ r(ft, { size: 24 });
+        case "es-DO":
+          return /* @__PURE__ */ r(pt, { size: 24 });
         case "es-EC":
           return /* @__PURE__ */ r(ht, { size: 24 });
         case "es-GT":
@@ -197,7 +211,7 @@ const rA = xe.createContext({}), Bt = ({
     ne().changeLanguage(i);
   };
   return /* @__PURE__ */ R(ie, { shadow: "md", width: 200, position: "bottom-end", children: [
-    /* @__PURE__ */ r(ie.Target, { children: /* @__PURE__ */ r(De, { variant: "transparent", color: o ? "white" : "blue", title: ne().t("toggleLanguage"), children: s(e) }) }),
+    /* @__PURE__ */ r(ie.Target, { children: /* @__PURE__ */ r(Me, { variant: "transparent", color: o ? "white" : "blue", title: ne().t("toggleLanguage"), children: s(e) }) }),
     /* @__PURE__ */ r(ie.Dropdown, { children: a() })
   ] });
 }, Ht = () => {
@@ -244,7 +258,7 @@ const rA = xe.createContext({}), Bt = ({
     A ? A() : s();
   }, l = n === "dark";
   return /* @__PURE__ */ r(
-    De,
+    Me,
     {
       variant: "transparent",
       color: l ? t : o,
@@ -262,7 +276,7 @@ function jt({ category: A, label: t, color: o, description: e, image: n, onClick
       label: `${ne().t(t || "")}`,
       description: e ? ne().t(e) : void 0,
       leftSection: n ? /* @__PURE__ */ r(Je, { children: /* @__PURE__ */ r(Qr, { src: n, alt: ne().t(t || ""), width: 24, height: 24 }) }) : void 0,
-      rightSection: A ? /* @__PURE__ */ r(pA, { color: o, size: "sm", children: ne().t(A) }) : void 0
+      rightSection: A ? /* @__PURE__ */ r(fA, { color: o, size: "sm", children: ne().t(A) }) : void 0
     },
     t
   );
@@ -298,7 +312,7 @@ const Xt = ({ navigationData: A, color: t }) => {
     return h && h.toLowerCase().includes(o.toLowerCase().trim());
   }).map((i) => /* @__PURE__ */ r(jt, { ...i }, i.id));
   return /* @__PURE__ */ r(Pe, { children: a && a.length > 0 ? /* @__PURE__ */ R(Pe, { children: [
-    /* @__PURE__ */ r(Me, { withinPortal: !0, withArrow: !0, label: `${s("archbase:Comandos ⌘M")}`, children: /* @__PURE__ */ r($r, { color: t, leftSection: /* @__PURE__ */ r(Ur, { size: "24px" }), onClick: () => Ct.open() }) }),
+    /* @__PURE__ */ r(De, { withinPortal: !0, withArrow: !0, label: `${s("archbase:Comandos ⌘M")}`, children: /* @__PURE__ */ r($r, { color: t, leftSection: /* @__PURE__ */ r(Ur, { size: "24px" }), onClick: () => Ct.open() }) }),
     /* @__PURE__ */ R(
       Ue.Root,
       {
@@ -327,62 +341,62 @@ const Xt = ({ navigationData: A, color: t }) => {
   hideAutoHeaderActionsOnUserMenuBreakPoint: d,
   withDividerAfterUserMenuToggleColorScheme: u = !0,
   user: p,
-  navigationData: v = [],
-  logo: b,
-  headerActions: m,
-  styleLogo: g,
+  navigationData: y = [],
+  logo: m,
+  headerActions: g,
+  styleLogo: b,
   showLanguageSelector: f = !1,
   sideBarHiddenBreakPoint: x,
-  headerLeftContent: I,
-  toggleColorScheme: L,
-  logoLeftSection: J,
-  logoRightSection: V,
+  headerLeftContent: E,
+  toggleColorScheme: M,
+  logoLeftSection: V,
+  logoRightSection: U,
   showBurger: Y = !0,
-  showCommands: M = !0,
-  sunColor: O,
-  moonColor: D,
-  styles: K
+  showCommands: P = !0,
+  sunColor: F,
+  moonColor: z,
+  styles: Q
 }) => {
-  const P = me(), { colorScheme: y, toggleColorScheme: F } = de(), T = ye(rA), ee = DA(
-    `(max-width: ${x ? fe(x) : P.breakpoints.md})`
-  ), U = DA(
-    `(max-width: ${d ? fe(d) : P.breakpoints.md})`
+  const O = me(), { colorScheme: v, toggleColorScheme: L } = de(), C = ye(rA), _ = MA(
+    `(max-width: ${x ? pe(x) : O.breakpoints.md})`
+  ), H = MA(
+    `(max-width: ${d ? pe(d) : O.breakpoints.md})`
   );
-  let k = !1, G = !1;
-  return i && (h = !U, c = !U, t = U, o = U, a = U, u = U, f && (G = !U, k = U)), /* @__PURE__ */ R(Pe, { children: [
+  let I = !1, G = !1;
+  return i && (h = !H, c = !H, t = H, o = H, a = H, u = H, f && (G = !H, I = H)), /* @__PURE__ */ R(Pe, { children: [
     /* @__PURE__ */ R(Ye, { style: { width: 300, height: 50 }, align: "center", children: [
-      J,
+      V,
       /* @__PURE__ */ r(
         "img",
         {
           style: {
             height: 50,
-            ...g
+            ...b
           },
           alt: "logo",
-          src: b
+          src: m
         }
       ),
-      V
+      U
     ] }),
     Y && /* @__PURE__ */ r(
       Kr,
       {
-        opened: T.hidden ? T.hidden : !1,
-        onClick: () => T.setHidden(!T.hidden),
+        opened: C.hidden ? C.hidden : !1,
+        onClick: () => C.setHidden(!C.hidden),
         size: "sm",
-        color: P.colors.gray[7],
+        color: O.colors.gray[7],
         mx: { base: "xs", xs: "lg", sm: "xl" },
-        display: ee ? "" : "none"
+        display: _ ? "" : "none"
       }
     ),
-    /* @__PURE__ */ r("div", { children: M && /* @__PURE__ */ r(Xt, { navigationData: v }) }),
-    /* @__PURE__ */ r(H, { style: { flex: 1 }, children: I }),
+    /* @__PURE__ */ r("div", { children: P && /* @__PURE__ */ r(Xt, { navigationData: y }) }),
+    /* @__PURE__ */ r(q, { style: { flex: 1 }, children: E }),
     /* @__PURE__ */ R(qt, { children: [
-      h && m,
-      c && /* @__PURE__ */ r(Yt, { toggleColorScheme: L, sunColor: O, moonColor: D }),
+      h && g,
+      c && /* @__PURE__ */ r(Yt, { toggleColorScheme: M, sunColor: F, moonColor: z }),
       G && /* @__PURE__ */ r(Ut, {}),
-      /* @__PURE__ */ R(ie, { shadow: "md", width: 200, position: "bottom-end", styles: K?.menu, children: [
+      /* @__PURE__ */ R(ie, { shadow: "md", width: 200, position: "bottom-end", styles: Q?.menu, children: [
         /* @__PURE__ */ r(ie.Target, { children: /* @__PURE__ */ R("div", { children: [
           /* @__PURE__ */ r(
             iA,
@@ -422,12 +436,12 @@ const Xt = ({ navigationData: A, color: t }) => {
           t && /* @__PURE__ */ r(
             ie.Item,
             {
-              leftSection: y === "dark" ? /* @__PURE__ */ r(_A, { size: e }) : /* @__PURE__ */ r(WA, { size: e }),
-              onClick: L || F,
+              leftSection: v === "dark" ? /* @__PURE__ */ r(_A, { size: e }) : /* @__PURE__ */ r(WA, { size: e }),
+              onClick: M || L,
               children: `${ne().t("archbase:toggleColorScheme")}`
             }
           ),
-          k && /* @__PURE__ */ r(Ht, {}),
+          I && /* @__PURE__ */ r(Ht, {}),
           u && /* @__PURE__ */ r(ie.Divider, {}),
           n && s
         ] })
@@ -439,8 +453,8 @@ function $A(A, t, o, e, n, s, a, l, i, h) {
   const c = s ? A.colorScheme === "dark" ? A.colors[A.primaryColor][8] : A.colors[A.primaryColor][7] : void 0, d = s ? (A.colorScheme === "dark", A.colors[A.primaryColor][0]) : void 0, u = A.colorScheme === "dark" ? "#3e5e7e" : "#9fb6cf", p = "0.5";
   if (e.links) {
     if (!(e.disabled && e.hideDisabledItem))
-      return /* @__PURE__ */ r(Me, { disabled: !t, label: Re.t(e.label), children: /* @__PURE__ */ r(
-        Mt,
+      return /* @__PURE__ */ r(De, { disabled: !t, label: Re.t(e.label), children: /* @__PURE__ */ r(
+        Dt,
         {
           rootStyles: {
             fontSize: "16px",
@@ -472,17 +486,17 @@ function $A(A, t, o, e, n, s, a, l, i, h) {
           defaultOpen: !e.disabled,
           label: t ? "" : Re.t(e.label),
           disabled: e.disabled,
-          children: e.links && e.links.filter((v) => v.showInSidebar === !0 && (!v.disabled || !v.hideDisabledItem)).map((v, b) => /* @__PURE__ */ r(
+          children: e.links && e.links.filter((y) => y.showInSidebar === !0 && (!y.disabled || !y.hideDisabledItem)).map((y, m) => /* @__PURE__ */ r(
             OA,
             {
-              onClick: () => o(v),
+              onClick: () => o(y),
               rootStyles: {
                 [`.${te.icon}`]: {
                   background: c,
-                  color: l && v.link === a ? "white" : d
+                  color: l && y.link === a ? "white" : d
                 },
                 [`.${te.label}`]: {
-                  color: l && v.link === a ? "white" : i
+                  color: l && y.link === a ? "white" : i
                 },
                 [`.${te.button}`]: {
                   paddingLeft: "40px !important",
@@ -506,19 +520,19 @@ function $A(A, t, o, e, n, s, a, l, i, h) {
                   }
                 }
               },
-              id: v.label,
-              icon: v.icon,
-              disabled: typeof v.disabled == "function" ? v.disabled() : v.disabled,
-              active: l && v.link === a,
-              children: Re.t(v.label)
+              id: y.label,
+              icon: y.icon,
+              disabled: typeof y.disabled == "function" ? y.disabled() : y.disabled,
+              active: l && y.link === a,
+              children: Re.t(y.label)
             },
-            b
+            m
           ))
         },
         n
       ) });
   } else if (e.showInSidebar && (!e.disabled || !e.hideDisabledItem))
-    return /* @__PURE__ */ r(Me, { disabled: !t, label: Re.t(e.label), children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ r(De, { disabled: !t, label: Re.t(e.label), children: /* @__PURE__ */ r(
       OA,
       {
         rootStyles: {
@@ -598,7 +612,7 @@ const _t = (A) => ({
     }
   }
 }), Wt = (A, t, o, e, n, s, a, l, i, h, c) => {
-  const d = _t(), u = s ? {} : { padding: o ? `0 ${(n - e) / 2}px` : "0 20px" }, p = s ? {} : { display: "none" }, v = a ? A === "dark" ? t.colors[t.primaryColor][8] : t.colors[t.primaryColor][0] : void 0;
+  const d = _t(), u = s ? {} : { padding: o ? `0 ${(n - e) / 2}px` : "0 20px" }, p = s ? {} : { display: "none" }, y = a ? A === "dark" ? t.colors[t.primaryColor][8] : t.colors[t.primaryColor][0] : void 0;
   return {
     root: {
       fontSize: "14px",
@@ -607,7 +621,7 @@ const _t = (A) => ({
       color: t.white
     },
     icon: {
-      background: v,
+      background: y,
       color: c,
       [`&.${te.disabled}`]: {
         color: d[A].menu.disabled.color
@@ -634,8 +648,8 @@ const _t = (A) => ({
       height: l,
       ...u
     },
-    label: ({ open: b }) => ({
-      fontWeight: b ? 600 : void 0,
+    label: ({ open: m }) => ({
+      fontWeight: m ? 600 : void 0,
       color: h,
       "&:hover": {
         color: t.white
@@ -656,12 +670,12 @@ function Zt(A, t, o, e, n, s, a, l, i, h, c) {
           overflowY: "hidden",
           left: 0,
           right: 0,
-          height: a ? "calc(100vh - 28px)" : `${fe(l)}px`
+          height: a ? "calc(100vh - 28px)" : `${pe(l)}px`
         }
       },
       collapsed: t,
-      width: `${fe(o)}px`,
-      collapsedWidth: `${fe(e)}px`,
+      width: `${pe(o)}px`,
+      collapsedWidth: `${pe(e)}px`,
       children: [
         i && /* @__PURE__ */ r(Pe, { children: i }),
         /* @__PURE__ */ r(ze, { style: { overflowY: "auto", overflowX: "hidden", height: l }, children: /* @__PURE__ */ r(lr, { rootStyles: { background: c }, menuItemStyles: n, closeOnClick: !0, children: s && /* @__PURE__ */ r(Pe, { children: s }) }) }),
@@ -677,7 +691,7 @@ function QA({
 }) {
   const e = me(), { colorScheme: n } = de(), s = o ?? (n === "dark" ? e.colors.dark[7] : e.white);
   return t ? /* @__PURE__ */ r(
-    _,
+    W,
     {
       gap: "sm",
       p: "xs",
@@ -688,7 +702,7 @@ function QA({
         height: "100%"
       },
       children: Array.from({ length: A }).map((a, l) => /* @__PURE__ */ r(
-        pe,
+        fe,
         {
           height: 32,
           width: 32,
@@ -698,7 +712,7 @@ function QA({
       ))
     }
   ) : /* @__PURE__ */ r(
-    _,
+    W,
     {
       gap: "xs",
       p: "md",
@@ -710,7 +724,7 @@ function QA({
       },
       children: Array.from({ length: A }).map((a, l) => /* @__PURE__ */ R(Le, { gap: "sm", wrap: "nowrap", children: [
         /* @__PURE__ */ r(
-          pe,
+          fe,
           {
             height: 24,
             width: 24,
@@ -718,7 +732,7 @@ function QA({
           }
         ),
         /* @__PURE__ */ r(
-          pe,
+          fe,
           {
             height: 18,
             radius: "xl",
@@ -737,7 +751,7 @@ function eo({
 }) {
   const n = me(), { colorScheme: s } = de(), a = e ?? (s === "dark" ? n.colors.dark[6] : n.colors.gray[2]);
   return /* @__PURE__ */ r(
-    _,
+    W,
     {
       gap: "md",
       p: "xs",
@@ -747,9 +761,9 @@ function eo({
         height: o,
         backgroundColor: a
       },
-      children: Array.from({ length: A }).map((l, i) => /* @__PURE__ */ R(_, { gap: 4, align: "center", children: [
+      children: Array.from({ length: A }).map((l, i) => /* @__PURE__ */ R(W, { gap: 4, align: "center", children: [
         /* @__PURE__ */ r(
-          pe,
+          fe,
           {
             height: 48,
             width: 48,
@@ -758,7 +772,7 @@ function eo({
           }
         ),
         /* @__PURE__ */ r(
-          pe,
+          fe,
           {
             height: 10,
             width: 40,
@@ -775,7 +789,7 @@ function KA({
   children: o
 }) {
   const e = me(), { colorScheme: n } = de(), s = t ?? (n === "dark" ? e.colors.dark[7] : e.white), a = n === "dark" ? e.colors.red[4] : e.colors.red[6];
-  return o ? /* @__PURE__ */ r(Pe, { children: o }) : /* @__PURE__ */ r(Je, { p: "md", style: { backgroundColor: s, flex: 1, height: "100%" }, children: /* @__PURE__ */ R(_, { align: "center", gap: "xs", children: [
+  return o ? /* @__PURE__ */ r(Pe, { children: o }) : /* @__PURE__ */ r(Je, { p: "md", style: { backgroundColor: s, flex: 1, height: "100%" }, children: /* @__PURE__ */ R(W, { align: "center", gap: "xs", children: [
     /* @__PURE__ */ r(Hr, { size: 32, color: a }),
     /* @__PURE__ */ r(Te, { size: "sm", c: a, ta: "center", children: A })
   ] }) });
@@ -795,56 +809,56 @@ function Ao({
   groupLabelDarkColor: d,
   groupLabelLightColor: u,
   collapsed: p,
-  onMenuItemClick: v,
-  onClickActionIcon: b,
-  withBorder: m = !1,
-  showGroupLabels: g = !0,
+  onMenuItemClick: y,
+  onClickActionIcon: m,
+  withBorder: g = !1,
+  showGroupLabels: b = !0,
   theme: f,
   sidebarRef: x,
-  defaultGroupIcon: I,
-  selectedGroupName: L,
-  sideBarHeaderContent: J,
-  iconsWithBackground: V = !1,
+  defaultGroupIcon: E,
+  selectedGroupName: M,
+  sideBarHeaderContent: V,
+  iconsWithBackground: U = !1,
   menuItemHeight: Y = 40,
-  highlightActiveMenuItem: M = !0,
-  backgroundDarkColor: O,
-  backgroundLightColor: D,
-  textDarkColor: K,
-  textLightColor: P,
-  iconDarkColor: y,
-  iconLightColor: F,
-  collapsedSubmenuWidth: T,
-  isLoading: ee = !1,
-  loadingError: U,
-  loadingComponent: k,
+  highlightActiveMenuItem: P = !0,
+  backgroundDarkColor: F,
+  backgroundLightColor: z,
+  textDarkColor: Q,
+  textLightColor: O,
+  iconDarkColor: v,
+  iconLightColor: L,
+  collapsedSubmenuWidth: C,
+  isLoading: _ = !1,
+  loadingError: H,
+  loadingComponent: I,
   errorComponent: G,
-  skeletonItemCount: Ae = 8,
+  skeletonItemCount: re = 8,
   skeletonGroupCount: Ce = 3
 }) {
-  const [se, be] = ge(""), we = bA(), Se = je(), { colorScheme: w } = de(), S = w === "dark" ? O ?? f.colors.dark[7] : D ?? f.white, $ = s || (w === "dark" ? f.colors[f.primaryColor][8] : f.colors[f.primaryColor][0]), N = w === "dark" ? K ?? "var(--mantine-color-text)" : P ?? "var(--mantine-color-text)", B = w === "dark" ? y ?? f.colors[f.primaryColor][0] : F ?? f.colors[f.primaryColor][7], E = ce(() => {
-    const re = /* @__PURE__ */ new Set();
-    return A.forEach((X) => {
-      if (X.showInSidebar && (!X.disabled || !X.hideDisabledItem)) {
+  const [se, be] = ge(""), we = bA(), Se = je(), { colorScheme: S } = de(), k = S === "dark" ? F ?? f.colors.dark[7] : z ?? f.white, $ = s || (S === "dark" ? f.colors[f.primaryColor][8] : f.colors[f.primaryColor][0]), D = S === "dark" ? Q ?? "var(--mantine-color-text)" : O ?? "var(--mantine-color-text)", B = S === "dark" ? v ?? f.colors[f.primaryColor][0] : L ?? f.colors[f.primaryColor][7], T = ce(() => {
+    const ee = /* @__PURE__ */ new Set();
+    return A.forEach((J) => {
+      if (J.showInSidebar && (!J.disabled || !J.hideDisabledItem)) {
         let ke = !1;
-        X.group || (X.group = {
-          icon: I || /* @__PURE__ */ r(ZA, { size: "2.2rem", color: "#63B1FB", stroke: 1 }),
+        J.group || (J.group = {
+          icon: E || /* @__PURE__ */ r(ZA, { size: "2.2rem", color: "#63B1FB", stroke: 1 }),
           label: "Default",
           name: "Default",
           hint: "Default",
           indexOrder: 0
-        }), re.forEach((Q) => {
-          Q.name === X.group.name && (ke = !0);
-        }), ke || re.add({
-          name: X.group.name,
-          indexOrder: X.group.indexOrder,
+        }), ee.forEach((K) => {
+          K.name === J.group.name && (ke = !0);
+        }), ke || ee.add({
+          name: J.group.name,
+          indexOrder: J.group.indexOrder,
           component: /* @__PURE__ */ r(
-            Me,
+            De,
             {
-              content: X.group.hint,
-              label: X.group.label,
-              disabled: g,
+              content: J.group.hint,
+              label: J.group.label,
+              disabled: b,
               children: /* @__PURE__ */ R(
-                _,
+                W,
                 {
                   gap: "2px",
                   style: {
@@ -855,69 +869,69 @@ function Ao({
                   },
                   children: [
                     /* @__PURE__ */ r(
-                      De,
+                      Me,
                       {
                         size: "48px",
-                        variant: X.group.name === se ? "filled" : l ? "subtle" : "light",
-                        color: X.group.name === se ? $ : a,
+                        variant: J.group.name === se ? "filled" : l ? "subtle" : "light",
+                        color: J.group.name === se ? $ : a,
                         onClick: () => {
-                          be((Q) => (b && b(Q, X.group.name), X.group.name === Q && !i ? "" : X.group.name));
+                          be((K) => (m && m(K, J.group.name), J.group.name === K && !i ? "" : J.group.name));
                         },
-                        children: X.group.icon
+                        children: J.group.icon
                       }
                     ),
-                    g ? /* @__PURE__ */ r(
+                    b ? /* @__PURE__ */ r(
                       Te,
                       {
                         size: "xs",
-                        c: w === "dark" ? d || f.colors[f.primaryColor][2] : u || f.colors[f.primaryColor][2],
-                        children: X.group.label
+                        c: S === "dark" ? d || f.colors[f.primaryColor][2] : u || f.colors[f.primaryColor][2],
+                        children: J.group.label
                       }
                     ) : !1
                   ]
                 }
               )
             },
-            X.group.name
+            J.group.name
           )
         });
       }
-    }), re.forEach((X) => {
-      const ke = A.filter((Q) => Q.showInSidebar === !0 && (!Q.disabled || !Q.hideDisabledItem) && Q.group && Q.group.name === X.name);
-      X.links = ke.map((Q, le) => $A(f, p, v, Q, le, V, Se.pathname, M, N, T));
-    }), [...re].sort((X, ke) => X.indexOrder - ke.indexOrder);
-  }, [A, se, w, p, we.selectedCompany, M, Se]), z = Wt(
-    w,
+    }), ee.forEach((J) => {
+      const ke = A.filter((K) => K.showInSidebar === !0 && (!K.disabled || !K.hideDisabledItem) && K.group && K.group.name === J.name);
+      J.links = ke.map((K, le) => $A(f, p, y, K, le, U, Se.pathname, P, D, C));
+    }), [...ee].sort((J, ke) => J.indexOrder - ke.indexOrder);
+  }, [A, se, S, p, we.selectedCompany, P, Se]), N = Wt(
+    S,
     f,
     p,
     35,
-    Number(fe(n)),
-    E.length > 1,
-    V,
+    Number(pe(n)),
+    T.length > 1,
+    U,
     Y,
-    S,
-    N,
+    k,
+    D,
     B
-  ), j = p || se === "" ? "0px" : `calc(${o} - ${t})`, he = l || (w === "dark" ? f.colors[f.primaryColor][6] : f.colors[f.primaryColor][7]), Ie = C(() => {
-    L && E.map((re) => re.name).includes(L) ? be(L) : E.length > 1 && be("Default");
+  ), X = p || se === "" ? "0px" : `calc(${o} - ${t})`, he = l || (S === "dark" ? f.colors[f.primaryColor][6] : f.colors[f.primaryColor][7]), Ie = w(() => {
+    M && T.map((ee) => ee.name).includes(M) ? be(M) : T.length > 1 && be("Default");
   }, []);
   oe(() => {
     Ie();
   }, []), oe(() => {
     p ? be("") : se === "" && Ie();
   }, [p]);
-  const q = () => U ? G || /* @__PURE__ */ r(
+  const j = () => H ? G || /* @__PURE__ */ r(
     KA,
     {
-      message: U,
-      backgroundColor: S
+      message: H,
+      backgroundColor: k
     }
-  ) : ee ? k || /* @__PURE__ */ r(
+  ) : _ ? I || /* @__PURE__ */ r(
     QA,
     {
-      itemCount: Ae,
+      itemCount: re,
       collapsed: p,
-      backgroundColor: S
+      backgroundColor: k
     }
   ) : se !== "" ? /* @__PURE__ */ r(
     sr,
@@ -925,16 +939,16 @@ function Ao({
       ref: x,
       rootStyles: {
         [`.${ar.container}`]: {
-          background: S,
+          background: k,
           overflowX: "hidden",
           overflowY: "hidden",
           left: 0,
-          height: `${fe(e)}px`
+          height: `${pe(e)}px`
         }
       },
-      style: { borderColor: w === "dark" ? "#000" : "#efefef" },
+      style: { borderColor: S === "dark" ? "#000" : "#efefef" },
       collapsed: p,
-      width: `${fe(j)}`,
+      width: `${pe(X)}`,
       collapsedWidth: "0px",
       children: /* @__PURE__ */ r(
         ze,
@@ -943,21 +957,21 @@ function Ao({
             overflowY: "auto",
             overflowX: "hidden",
             height: "100%",
-            width: j
+            width: X
           },
-          children: /* @__PURE__ */ r(lr, { rootStyles: { background: S }, menuItemStyles: z, closeOnClick: !0, children: E.find((re) => re.name === se)?.links || null })
+          children: /* @__PURE__ */ r(lr, { rootStyles: { background: k }, menuItemStyles: N, closeOnClick: !0, children: T.find((ee) => ee.name === se)?.links || null })
         }
       )
     }
-  ) : null, ve = () => ee && E.length === 0 ? /* @__PURE__ */ r(
+  ) : null, ve = () => _ && T.length === 0 ? /* @__PURE__ */ r(
     eo,
     {
       groupCount: Ce,
       width: t,
       height: e
     }
-  ) : E.length !== 0 ? /* @__PURE__ */ r(
-    _,
+  ) : T.length !== 0 ? /* @__PURE__ */ r(
+    W,
     {
       gap: "4px",
       style: {
@@ -966,41 +980,41 @@ function Ao({
         padding: "4px",
         backgroundColor: he
       },
-      children: E.map((re) => /* @__PURE__ */ r(xe.Fragment, { children: re.component }, re.name))
+      children: T.map((ee) => /* @__PURE__ */ r(xe.Fragment, { children: ee.component }, ee.name))
     }
-  ) : null, W = () => U ? G || /* @__PURE__ */ r(
+  ) : null, Z = () => H ? G || /* @__PURE__ */ r(
     KA,
     {
-      message: U,
-      backgroundColor: S
+      message: H,
+      backgroundColor: k
     }
-  ) : ee ? k || /* @__PURE__ */ r(
+  ) : _ ? I || /* @__PURE__ */ r(
     QA,
     {
-      itemCount: Ae,
+      itemCount: re,
       collapsed: p,
-      backgroundColor: S
+      backgroundColor: k
     }
   ) : A.map(
-    (re, Ee) => $A(f, p, v, re, Ee, V, Se.pathname, M, N, T)
+    (ee, Ee) => $A(f, p, y, ee, Ee, U, Se.pathname, P, D, C)
   );
-  return /* @__PURE__ */ r(Pe, { children: E.length == 1 ? Zt(
+  return /* @__PURE__ */ r(Pe, { children: T.length == 1 ? Zt(
     x,
     p,
     o,
     n,
-    z,
-    W(),
+    N,
+    Z(),
     i,
     e,
-    J,
+    V,
     c,
-    S
+    k
   ) : /* @__PURE__ */ R(Ye, { direction: "column", w: p ? n : o, children: [
-    /* @__PURE__ */ r("div", { style: { height: "auto", width: "100%" }, children: J }),
-    /* @__PURE__ */ R(Fr, { withBorder: m, h: e, w: "100%", display: "flex", children: [
+    /* @__PURE__ */ r("div", { style: { height: "auto", width: "100%" }, children: V }),
+    /* @__PURE__ */ R(Fr, { withBorder: g, h: e, w: "100%", display: "flex", children: [
       ve(),
-      q()
+      j()
     ] }),
     /* @__PURE__ */ r("div", { style: { height: "auto", width: "100%" }, children: c })
   ] }) });
@@ -1029,102 +1043,102 @@ function CA({
   highlightActiveItem: c = !0,
   onMenuItemClick: d
 }) {
-  const u = je(), p = qe(), [v, b] = aA({
+  const u = je(), p = qe(), [y, m] = aA({
     value: n,
     defaultValue: e,
     finalValue: !1,
     onChange: s
-  }), [m, g] = aA({
+  }), [g, b] = aA({
     value: l,
     defaultValue: a,
     finalValue: "",
     onChange: i
-  }), [f, x] = ge(""), [I, L] = ge(() => {
-    const y = /* @__PURE__ */ new Set();
-    return t.forEach((F, T) => {
-      F.initiallyOpened && F.links && F.links.length > 0 && y.add(`group-${T}`);
-    }), y;
-  }), J = u.pathname, V = C(() => {
-    b(!v);
-  }, [v, b]), Y = C((y) => {
-    L((F) => {
-      const T = new Set(F);
-      return T.has(y) ? T.delete(y) : T.add(y), T;
+  }), [f, x] = ge(""), [E, M] = ge(() => {
+    const v = /* @__PURE__ */ new Set();
+    return t.forEach((L, C) => {
+      L.initiallyOpened && L.links && L.links.length > 0 && v.add(`group-${C}`);
+    }), v;
+  }), V = u.pathname, U = w(() => {
+    m(!y);
+  }, [y, m]), Y = w((v) => {
+    M((L) => {
+      const C = new Set(L);
+      return C.has(v) ? C.delete(v) : C.add(v), C;
     });
-  }, []), M = C((y) => {
-    L((F) => {
-      const T = new Set(F);
-      return T.add(y), T;
+  }, []), P = w((v) => {
+    M((L) => {
+      const C = new Set(L);
+      return C.add(v), C;
     });
-  }, []), O = C((y) => {
-    L((F) => {
-      const T = new Set(F);
-      return T.delete(y), T;
+  }, []), F = w((v) => {
+    M((L) => {
+      const C = new Set(L);
+      return C.delete(v), C;
     });
-  }, []), D = ce(() => {
+  }, []), z = ce(() => {
     if (!f.trim())
       return t;
-    const y = f.toLowerCase().trim(), F = (T) => T.reduce((ee, U) => {
-      const k = U.label.toLowerCase().includes(y), G = U.links ? F(U.links) : [];
-      return (k || G.length > 0) && ee.push({
-        ...U,
-        links: G.length > 0 ? G : U.links,
+    const v = f.toLowerCase().trim(), L = (C) => C.reduce((_, H) => {
+      const I = H.label.toLowerCase().includes(v), G = H.links ? L(H.links) : [];
+      return (I || G.length > 0) && _.push({
+        ...H,
+        links: G.length > 0 ? G : H.links,
         // Expandir automaticamente quando há match em subitens
-        initiallyOpened: G.length > 0 || k
-      }), ee;
+        initiallyOpened: G.length > 0 || I
+      }), _;
     }, []);
-    return F(t);
-  }, [t, f]), K = C(
-    (y) => {
-      d && d(y), y.link && (y.routeParams ? p(y.link, { state: y.routeParams }) : p(y.link)), y.redirect && p(y.redirect);
+    return L(t);
+  }, [t, f]), Q = w(
+    (v) => {
+      d && d(v), v.link && (v.routeParams ? p(v.link, { state: v.routeParams }) : p(v.link)), v.redirect && p(v.redirect);
     },
     [p, d]
-  ), P = ce(
+  ), O = ce(
     () => ({
-      collapsed: v,
-      setCollapsed: b,
-      toggleCollapsed: V,
-      activeGroup: m,
-      setActiveGroup: g,
-      activeItemPath: J,
-      navigateToItem: K,
+      collapsed: y,
+      setCollapsed: m,
+      toggleCollapsed: U,
+      activeGroup: g,
+      setActiveGroup: b,
+      activeItemPath: V,
+      navigateToItem: Q,
       searchQuery: f,
       setSearchQuery: x,
-      filteredItems: D,
-      expandedGroups: I,
+      filteredItems: z,
+      expandedGroups: E,
       toggleGroup: Y,
-      expandGroup: M,
-      collapseGroup: O,
+      expandGroup: P,
+      collapseGroup: F,
       variant: o,
       showKeyboardShortcuts: h,
       highlightActiveItem: c
     }),
     [
-      v,
-      b,
-      V,
+      y,
       m,
+      U,
       g,
-      J,
-      K,
+      b,
+      V,
+      Q,
       f,
-      D,
-      I,
+      z,
+      E,
       Y,
-      M,
-      O,
+      P,
+      F,
       o,
       h,
       c
     ]
   );
-  return /* @__PURE__ */ r(yA.Provider, { value: P, children: A });
+  return /* @__PURE__ */ r(yA.Provider, { value: O, children: A });
 }
 function wA({
   navigationData: A,
   onMenuItemClick: t
 }) {
-  const o = je(), e = qe(), n = o.pathname, s = C(
+  const o = je(), e = qe(), n = o.pathname, s = w(
     (d) => {
       for (const u of d) {
         if (u.link === n)
@@ -1138,25 +1152,25 @@ function wA({
       return null;
     },
     [n]
-  ), a = ce(() => s(A), [s, A]), l = C(
+  ), a = ce(() => s(A), [s, A]), l = w(
     (d) => d.link === n,
     [n]
-  ), i = C(
+  ), i = w(
     (d) => d.link === n ? !0 : d.links ? d.links.some((u) => i(u)) : !1,
     [n]
   ), h = ce(() => {
-    const d = [], u = (p, v) => {
-      for (const b of p) {
-        const m = [...v, b];
-        if (b.link === n)
-          return d.push(...m), !0;
-        if (b.links && u(b.links, m))
+    const d = [], u = (p, y) => {
+      for (const m of p) {
+        const g = [...y, m];
+        if (m.link === n)
+          return d.push(...g), !0;
+        if (m.links && u(m.links, g))
           return !0;
       }
       return !1;
     };
     return u(A, []), d;
-  }, [A, n]), c = C(
+  }, [A, n]), c = w(
     (d) => {
       (typeof d.disabled == "function" ? d.disabled() : d.disabled) || (t && t(d), d.link && (d.routeParams ? e(d.link, { state: d.routeParams }) : e(d.link)), d.redirect && e(d.redirect));
     },
@@ -1175,7 +1189,7 @@ function ro({
   navigationData: A,
   onSearch: t
 }) {
-  const [o, e] = ge(""), n = C((h) => h.reduce((c, d) => {
+  const [o, e] = ge(""), n = w((h) => h.reduce((c, d) => {
     let u = 1;
     return d.links && (u += n(d.links)), c + u;
   }, 0), []), s = ce(() => {
@@ -1184,29 +1198,29 @@ function ro({
     const h = o.toLowerCase().trim(), c = (d) => d.reduce((u, p) => {
       if (!p.showInSidebar)
         return u;
-      const v = p.label.toLowerCase().includes(h), b = p.links ? c(p.links) : [];
-      return (v || b.length > 0) && u.push({
+      const y = p.label.toLowerCase().includes(h), m = p.links ? c(p.links) : [];
+      return (y || m.length > 0) && u.push({
         ...p,
-        links: b.length > 0 ? b : p.links,
+        links: m.length > 0 ? m : p.links,
         // Expandir automaticamente grupos com match
         initiallyOpened: !0
       }), u;
     }, []);
     return c(A);
-  }, [A, o]), a = ce(() => o.trim() ? n(s) : n(A), [o, A, s, n]), l = C(
+  }, [A, o]), a = ce(() => o.trim() ? n(s) : n(A), [o, A, s, n]), l = w(
     (h) => {
       if (e(h), t) {
         const c = h.toLowerCase().trim();
         if (!c)
           t(h, A);
         else {
-          const d = (u) => u.reduce((p, v) => {
-            if (!v.showInSidebar)
+          const d = (u) => u.reduce((p, y) => {
+            if (!y.showInSidebar)
               return p;
-            const b = v.label.toLowerCase().includes(c), m = v.links ? d(v.links) : [];
-            return (b || m.length > 0) && p.push({
-              ...v,
-              links: m.length > 0 ? m : v.links,
+            const m = y.label.toLowerCase().includes(c), g = y.links ? d(y.links) : [];
+            return (m || g.length > 0) && p.push({
+              ...y,
+              links: g.length > 0 ? g : y.links,
               initiallyOpened: !0
             }), p;
           }, []);
@@ -1215,7 +1229,7 @@ function ro({
       }
     },
     [A, t]
-  ), i = C(() => {
+  ), i = w(() => {
     l("");
   }, [l]);
   return {
@@ -1245,10 +1259,10 @@ function SA({
       });
     };
     return h(A), i;
-  }, [A]), s = C(
+  }, [A]), s = w(
     (i) => !!i.shortcut,
     []
-  ), a = C(
+  ), a = w(
     (i) => i.shortcut,
     []
   ), l = ce(() => {
@@ -1265,7 +1279,7 @@ function SA({
       ]);
     }), i;
   }, [e, n, t, o]);
-  return Dr(l), {
+  return Mr(l), {
     shortcuts: n,
     hasShortcut: s,
     getShortcut: a
@@ -1286,20 +1300,20 @@ function $e({
   activeBackground: d,
   isActive: u
 }) {
-  const p = me(), { colorScheme: v } = de(), b = A, [m, g] = ge(!1), f = s || "var(--mantine-color-text)", x = a || p.colors[p.primaryColor][6], I = l || p.colors[p.primaryColor][6], L = l ? `color-mix(in srgb, ${l} 80%, black)` : p.colors[p.primaryColor][8], J = m ? e ? L : I : e ? I : "transparent", V = m || e ? p.white : f, Y = m || e ? p.white : x, O = e && !m && !!d ? { background: d, backgroundColor: void 0 } : { background: void 0, backgroundColor: J }, D = typeof A.disabled == "function" ? A.disabled() : A.disabled;
-  if (D && A.hideDisabledItem || !A.showInSidebar)
+  const p = me(), { colorScheme: y } = de(), m = A, [g, b] = ge(!1), f = s || "var(--mantine-color-text)", x = a || p.colors[p.primaryColor][6], E = l || p.colors[p.primaryColor][6], M = l ? `color-mix(in srgb, ${l} 80%, black)` : p.colors[p.primaryColor][8], V = g ? e ? M : E : e ? E : "transparent", U = g || e ? p.white : f, Y = g || e ? p.white : x, F = e && !g && !!d ? { background: d, backgroundColor: void 0 } : { background: void 0, backgroundColor: V }, z = typeof A.disabled == "function" ? A.disabled() : A.disabled;
+  if (z && A.hideDisabledItem || !A.showInSidebar)
     return null;
-  const K = C(() => {
-    !D && n && n(A);
-  }, [D, n, A]), P = Re.t(A.label), y = () => b.badge ? /* @__PURE__ */ r(pA, { size: "xs", color: b.badgeColor || "blue", variant: "filled", children: b.badge }) : null, F = () => b.shortcut ? /* @__PURE__ */ r(jA, { size: "xs", style: { marginLeft: "auto" }, children: b.shortcut }) : null;
+  const Q = w(() => {
+    !z && n && n(A);
+  }, [z, n, A]), O = Re.t(A.label), v = () => m.badge ? /* @__PURE__ */ r(fA, { size: "xs", color: m.badgeColor || "blue", variant: "filled", children: m.badge }) : null, L = () => m.shortcut ? /* @__PURE__ */ r(jA, { size: "xs", style: { marginLeft: "auto" }, children: m.shortcut }) : null;
   if (A.links && A.links.length > 0) {
-    const T = A.links.filter((k) => {
-      const G = typeof k.disabled == "function" ? k.disabled() : k.disabled;
-      return k.showInSidebar && (!G || !k.hideDisabledItem);
+    const C = A.links.filter((I) => {
+      const G = typeof I.disabled == "function" ? I.disabled() : I.disabled;
+      return I.showInSidebar && (!G || !I.hideDisabledItem);
     });
-    if (T.length === 0 && D && A.hideDisabledItem)
+    if (C.length === 0 && z && A.hideDisabledItem)
       return null;
-    const ee = (k) => u ? u(k) : e, U = (k) => k.some((G) => ee(G) || (G.links ? U(G.links) : !1));
+    const _ = (I) => u ? u(I) : e, H = (I) => I.some((G) => _(G) || (G.links ? H(G.links) : !1));
     return o ? /* @__PURE__ */ R(
       ie,
       {
@@ -1310,8 +1324,8 @@ function $e({
         openDelay: 100,
         closeDelay: 200,
         children: [
-          /* @__PURE__ */ r(ie.Target, { children: /* @__PURE__ */ r(Je, { style: { width: "100%", padding: "2px 0" }, children: /* @__PURE__ */ r(Me, { label: P, position: "right", withArrow: !0, children: /* @__PURE__ */ R(
-            _,
+          /* @__PURE__ */ r(ie.Target, { children: /* @__PURE__ */ r(Je, { style: { width: "100%", padding: "2px 0" }, children: /* @__PURE__ */ r(De, { label: O, position: "right", withArrow: !0, children: /* @__PURE__ */ R(
+            W,
             {
               gap: 1,
               align: "center",
@@ -1320,7 +1334,7 @@ function $e({
               },
               children: [
                 /* @__PURE__ */ r(
-                  H,
+                  q,
                   {
                     style: {
                       color: x,
@@ -1344,23 +1358,23 @@ function $e({
                       textOverflow: "ellipsis",
                       whiteSpace: "nowrap"
                     },
-                    children: P
+                    children: O
                   }
                 )
               ]
             }
           ) }) }) }),
           /* @__PURE__ */ R(ie.Dropdown, { children: [
-            /* @__PURE__ */ r(ie.Label, { children: P }),
-            T.map((k, G) => {
-              const Ae = typeof k.disabled == "function" ? k.disabled() : k.disabled;
+            /* @__PURE__ */ r(ie.Label, { children: O }),
+            C.map((I, G) => {
+              const re = typeof I.disabled == "function" ? I.disabled() : I.disabled;
               return /* @__PURE__ */ r(
                 ie.Item,
                 {
-                  leftSection: k.icon,
-                  disabled: Ae,
-                  onClick: () => n?.(k),
-                  children: Re.t(k.label)
+                  leftSection: I.icon,
+                  disabled: re,
+                  onClick: () => n?.(I),
+                  children: Re.t(I.label)
                 },
                 G
               );
@@ -1371,10 +1385,10 @@ function $e({
     ) : /* @__PURE__ */ r(
       NA,
       {
-        label: P,
-        leftSection: /* @__PURE__ */ r(H, { style: { color: Y }, children: A.icon }),
-        rightSection: /* @__PURE__ */ R(H, { style: { display: "flex", alignItems: "center", gap: 4, color: V }, children: [
-          y(),
+        label: O,
+        leftSection: /* @__PURE__ */ r(q, { style: { color: Y }, children: A.icon }),
+        rightSection: /* @__PURE__ */ R(q, { style: { display: "flex", alignItems: "center", gap: 4, color: U }, children: [
+          v(),
           /* @__PURE__ */ r(
             gA,
             {
@@ -1386,15 +1400,15 @@ function $e({
           )
         ] }),
         childrenOffset: 28,
-        defaultOpened: A.initiallyOpened || e || U(T),
-        disabled: D,
-        onMouseEnter: () => g(!0),
-        onMouseLeave: () => g(!1),
+        defaultOpened: A.initiallyOpened || e || H(C),
+        disabled: z,
+        onMouseEnter: () => b(!0),
+        onMouseLeave: () => b(!1),
         style: {
           height: i,
           marginInline: c,
           width: c ? "auto" : void 0,
-          ...O,
+          ...F,
           transition: "background 150ms ease, background-color 150ms ease"
         },
         styles: {
@@ -1402,19 +1416,19 @@ function $e({
             borderRadius: h
           },
           label: {
-            color: V
+            color: U
           },
           children: {
             paddingLeft: 0
           }
         },
-        children: T.map((k, G) => /* @__PURE__ */ r(
+        children: C.map((I, G) => /* @__PURE__ */ r(
           $e,
           {
-            item: k,
+            item: I,
             depth: t + 1,
             collapsed: o,
-            active: ee(k),
+            active: _(I),
             onClick: n,
             textColor: s,
             iconColor: a,
@@ -1431,9 +1445,9 @@ function $e({
     );
   }
   return o ? /* @__PURE__ */ r(
-    Me,
+    De,
     {
-      label: b.tooltip || P,
+      label: m.tooltip || O,
       position: "right",
       withArrow: !0,
       children: /* @__PURE__ */ r(
@@ -1443,26 +1457,26 @@ function $e({
             width: c ? "auto" : "100%",
             marginInline: c,
             borderRadius: h,
-            cursor: D ? "not-allowed" : "pointer",
-            opacity: D ? 0.5 : 1,
+            cursor: z ? "not-allowed" : "pointer",
+            opacity: z ? 0.5 : 1,
             // Gradiente (activeBackground) via shorthand; senão a cor sólida.
-            ...e && d ? { background: d } : { backgroundColor: e ? I : "transparent" },
+            ...e && d ? { background: d } : { backgroundColor: e ? E : "transparent" },
             transition: "background 150ms ease, background-color 150ms ease",
             padding: "2px 0"
           },
-          onClick: K,
-          onMouseEnter: (T) => {
-            if (!D) {
+          onClick: Q,
+          onMouseEnter: (C) => {
+            if (!z) {
               if (e && d)
                 return;
-              T.currentTarget.style.backgroundColor = e ? L : I;
+              C.currentTarget.style.backgroundColor = e ? M : E;
             }
           },
-          onMouseLeave: (T) => {
-            e && d || (T.currentTarget.style.backgroundColor = e ? I : "transparent");
+          onMouseLeave: (C) => {
+            e && d || (C.currentTarget.style.backgroundColor = e ? E : "transparent");
           },
-          children: /* @__PURE__ */ R(_, { gap: 1, align: "center", children: [
-            /* @__PURE__ */ r(H, { style: { color: e ? p.white : x }, children: A.icon }),
+          children: /* @__PURE__ */ R(W, { gap: 1, align: "center", children: [
+            /* @__PURE__ */ r(q, { style: { color: e ? p.white : x }, children: A.icon }),
             /* @__PURE__ */ r(
               Te,
               {
@@ -1476,7 +1490,7 @@ function $e({
                   textOverflow: "ellipsis",
                   whiteSpace: "nowrap"
                 },
-                children: P
+                children: O
               }
             )
           ] })
@@ -1486,23 +1500,23 @@ function $e({
   ) : /* @__PURE__ */ r(
     NA,
     {
-      label: P,
-      leftSection: /* @__PURE__ */ r(H, { style: { color: Y }, children: A.icon }),
-      rightSection: /* @__PURE__ */ R(H, { style: { display: "flex", alignItems: "center", gap: 4, color: V }, children: [
-        y(),
-        F()
+      label: O,
+      leftSection: /* @__PURE__ */ r(q, { style: { color: Y }, children: A.icon }),
+      rightSection: /* @__PURE__ */ R(q, { style: { display: "flex", alignItems: "center", gap: 4, color: U }, children: [
+        v(),
+        L()
       ] }),
       active: e,
-      disabled: D,
-      onClick: K,
-      onMouseEnter: () => g(!0),
-      onMouseLeave: () => g(!1),
+      disabled: z,
+      onClick: Q,
+      onMouseEnter: () => b(!0),
+      onMouseLeave: () => b(!1),
       style: {
         height: i,
         paddingLeft: t > 0 ? t * 16 + 12 : void 0,
         marginInline: c,
         width: c ? "auto" : void 0,
-        ...O,
+        ...F,
         transition: "background 150ms ease, background-color 150ms ease"
       },
       styles: {
@@ -1510,7 +1524,7 @@ function $e({
           borderRadius: h
         },
         label: {
-          color: V
+          color: U
         }
       }
     }
@@ -1525,10 +1539,10 @@ function oo({
   onExpandedChange: s,
   groupId: a
 }) {
-  const l = me(), { colorScheme: i } = de(), [h, c] = ge(e), d = n !== void 0, u = d ? n : h, p = C(() => {
+  const l = me(), { colorScheme: i } = de(), [h, c] = ge(e), d = n !== void 0, u = d ? n : h, p = w(() => {
     d ? s?.(!u) : c((f) => !f);
-  }, [d, u, s]), v = i === "dark" ? l.colors.dark[6] : l.colors.gray[1], b = i === "dark" ? l.colors.dark[5] : l.colors.gray[2], m = i === "dark" ? l.colors.gray[4] : l.colors.gray[7], g = i === "dark" ? l.colors[l.primaryColor][4] : l.colors[l.primaryColor][6];
-  return /* @__PURE__ */ R(H, { children: [
+  }, [d, u, s]), y = i === "dark" ? l.colors.dark[6] : l.colors.gray[1], m = i === "dark" ? l.colors.dark[5] : l.colors.gray[2], g = i === "dark" ? l.colors.gray[4] : l.colors.gray[7], b = i === "dark" ? l.colors[l.primaryColor][4] : l.colors[l.primaryColor][6];
+  return /* @__PURE__ */ R(q, { children: [
     /* @__PURE__ */ r(
       cA,
       {
@@ -1537,26 +1551,26 @@ function oo({
         p: "xs",
         style: {
           borderRadius: l.radius.sm,
-          backgroundColor: v,
+          backgroundColor: y,
           transition: "background-color 150ms ease"
         },
         styles: {
           root: {
             "&:hover": {
-              backgroundColor: b
+              backgroundColor: m
             }
           }
         },
         children: /* @__PURE__ */ R(Le, { justify: "space-between", wrap: "nowrap", children: [
           /* @__PURE__ */ R(Le, { gap: "xs", wrap: "nowrap", children: [
-            t && /* @__PURE__ */ r(H, { style: { color: g }, children: t }),
-            /* @__PURE__ */ r(Te, { size: "sm", fw: 600, c: m, children: Re.t(A) })
+            t && /* @__PURE__ */ r(q, { style: { color: b }, children: t }),
+            /* @__PURE__ */ r(Te, { size: "sm", fw: 600, c: g, children: Re.t(A) })
           ] }),
           /* @__PURE__ */ r(
             Yr,
             {
               size: 16,
-              color: m,
+              color: g,
               style: {
                 transform: u ? "rotate(180deg)" : "rotate(0deg)",
                 transition: "transform 200ms ease"
@@ -1566,7 +1580,7 @@ function oo({
         ] })
       }
     ),
-    /* @__PURE__ */ r(Vr, { expanded: u, children: /* @__PURE__ */ r(H, { mt: 4, children: o }) })
+    /* @__PURE__ */ r(Vr, { expanded: u, children: /* @__PURE__ */ r(q, { mt: 4, children: o }) })
   ] });
 }
 function On({
@@ -1574,7 +1588,7 @@ function On({
   children: t
 }) {
   const o = me(), { colorScheme: e } = de(), n = e === "dark" ? o.colors.gray[5] : o.colors.gray[6];
-  return /* @__PURE__ */ R(H, { children: [
+  return /* @__PURE__ */ R(q, { children: [
     /* @__PURE__ */ r(
       Te,
       {
@@ -1600,7 +1614,7 @@ function no({
   inactiveColor: s
 }) {
   const a = me(), { colorScheme: l } = de(), i = l === "dark" ? a.colors[a.primaryColor][8] : a.colors[a.primaryColor][0], h = l === "dark" ? a.colors[a.primaryColor][6] : a.colors[a.primaryColor][7], c = a.colors[a.primaryColor][2], p = /* @__PURE__ */ R(
-    _,
+    W,
     {
       gap: 2,
       align: "center",
@@ -1608,7 +1622,7 @@ function no({
       style: { textAlign: "center" },
       children: [
         /* @__PURE__ */ r(
-          De,
+          Me,
           {
             size: 48,
             variant: t ? "filled" : "subtle",
@@ -1637,7 +1651,7 @@ function no({
       ]
     }
   );
-  return e ? p : /* @__PURE__ */ r(Me, { label: A.hint || A.label, position: "right", withArrow: !0, children: p });
+  return e ? p : /* @__PURE__ */ r(De, { label: A.hint || A.label, position: "right", withArrow: !0, children: p });
 }
 function $n({
   placeholder: A = "Buscar...",
@@ -1646,16 +1660,16 @@ function $n({
   onClear: e,
   collapsed: n = !1
 }) {
-  const s = me(), { colorScheme: a } = de(), l = C(
+  const s = me(), { colorScheme: a } = de(), l = w(
     (c) => {
       o?.(c.currentTarget.value);
     },
     [o]
-  ), i = C(() => {
+  ), i = w(() => {
     o?.(""), e?.();
   }, [o, e]), h = t && t.length > 0;
   return n ? /* @__PURE__ */ r(
-    De,
+    Me,
     {
       variant: "subtle",
       size: "lg",
@@ -1668,7 +1682,7 @@ function $n({
       placeholder: A,
       leftSection: /* @__PURE__ */ r(_e, { size: 16 }),
       rightSection: h ? /* @__PURE__ */ r(
-        De,
+        Me,
         {
           variant: "subtle",
           size: "sm",
@@ -1703,7 +1717,7 @@ function Qn({
     const h = A ? A.split(" ").map((c) => c[0]).slice(0, 2).join("").toUpperCase() : "?";
     return /* @__PURE__ */ r(iA, { radius: "xl", size: n ? "sm" : "md", color: s.primaryColor, children: h });
   };
-  return n ? /* @__PURE__ */ r(Me, { label: A || "Perfil", position: "right", withArrow: !0, children: /* @__PURE__ */ r(
+  return n ? /* @__PURE__ */ r(De, { label: A || "Perfil", position: "right", withArrow: !0, children: /* @__PURE__ */ r(
     cA,
     {
       onClick: e,
@@ -1743,7 +1757,7 @@ function Qn({
       },
       children: /* @__PURE__ */ R(Le, { wrap: "nowrap", children: [
         i(),
-        /* @__PURE__ */ R(H, { style: { flex: 1, overflow: "hidden" }, children: [
+        /* @__PURE__ */ R(q, { style: { flex: 1, overflow: "hidden" }, children: [
           A && /* @__PURE__ */ r(
             Te,
             {
@@ -1788,7 +1802,7 @@ function Kn({
   size: o = "xs"
 }) {
   const e = typeof A == "number" && A > 99 ? "99+" : A;
-  return /* @__PURE__ */ r(pA, { size: o, color: t, variant: "filled", children: e });
+  return /* @__PURE__ */ r(fA, { size: o, color: t, variant: "filled", children: e });
 }
 function Fn({
   children: A,
@@ -1818,9 +1832,9 @@ function kA({
 }) {
   const a = me(), { colorScheme: l } = de(), i = o || (l === "dark" ? a.colors.dark[7] : a.white);
   if (t)
-    return /* @__PURE__ */ r(_, { gap: "sm", p: "xs", style: { backgroundColor: i }, children: Array.from({ length: A }).map((d, u) => /* @__PURE__ */ r(pe, { circle: !0, height: 32, width: 32 }, u)) });
-  const h = (d, u = !1) => Array.from({ length: d }).map((p, v) => {
-    const b = 60 + Math.random() * 30;
+    return /* @__PURE__ */ r(W, { gap: "sm", p: "xs", style: { backgroundColor: i }, children: Array.from({ length: A }).map((d, u) => /* @__PURE__ */ r(fe, { circle: !0, height: 32, width: 32 }, u)) });
+  const h = (d, u = !1) => Array.from({ length: d }).map((p, y) => {
+    const m = 60 + Math.random() * 30;
     return /* @__PURE__ */ R(
       Le,
       {
@@ -1831,22 +1845,22 @@ function kA({
           height: e
         },
         children: [
-          /* @__PURE__ */ r(pe, { circle: !0, height: 24, width: 24 }),
-          /* @__PURE__ */ r(pe, { height: 14, width: `${b}%`, radius: "sm" })
+          /* @__PURE__ */ r(fe, { circle: !0, height: 24, width: 24 }),
+          /* @__PURE__ */ r(fe, { height: 14, width: `${m}%`, radius: "sm" })
         ]
       },
-      v
+      y
     );
   });
   if (!n)
-    return /* @__PURE__ */ r(_, { gap: 2, p: "xs", style: { backgroundColor: i }, children: h(A) });
+    return /* @__PURE__ */ r(W, { gap: 2, p: "xs", style: { backgroundColor: i }, children: h(A) });
   const c = Math.ceil(A / s);
-  return /* @__PURE__ */ r(_, { gap: "md", p: "xs", style: { backgroundColor: i }, children: Array.from({ length: s }).map((d, u) => /* @__PURE__ */ R(H, { children: [
+  return /* @__PURE__ */ r(W, { gap: "md", p: "xs", style: { backgroundColor: i }, children: Array.from({ length: s }).map((d, u) => /* @__PURE__ */ R(q, { children: [
     /* @__PURE__ */ R(Le, { gap: "sm", p: "xs", children: [
-      /* @__PURE__ */ r(pe, { circle: !0, height: 20, width: 20 }),
-      /* @__PURE__ */ r(pe, { height: 12, width: 80 + Math.random() * 40, radius: "sm" })
+      /* @__PURE__ */ r(fe, { circle: !0, height: 20, width: 20 }),
+      /* @__PURE__ */ r(fe, { height: 12, width: 80 + Math.random() * 40, radius: "sm" })
     ] }),
-    /* @__PURE__ */ r(_, { gap: 2, mt: 4, children: h(
+    /* @__PURE__ */ r(W, { gap: 2, mt: 4, children: h(
       u === s - 1 ? A - u * c : c,
       !0
     ) })
@@ -1859,7 +1873,7 @@ function so({
 }) {
   const e = me(), { colorScheme: n } = de(), s = o || (n === "dark" ? e.colors[e.primaryColor][8] : e.colors[e.primaryColor][6]);
   return /* @__PURE__ */ r(
-    _,
+    W,
     {
       gap: "sm",
       p: "xs",
@@ -1869,9 +1883,9 @@ function so({
         backgroundColor: s,
         height: "100%"
       },
-      children: Array.from({ length: A }).map((a, l) => /* @__PURE__ */ R(_, { gap: 4, align: "center", children: [
-        /* @__PURE__ */ r(pe, { circle: !0, height: 48, width: 48 }),
-        /* @__PURE__ */ r(pe, { height: 10, width: 40, radius: "sm" })
+      children: Array.from({ length: A }).map((a, l) => /* @__PURE__ */ R(W, { gap: 4, align: "center", children: [
+        /* @__PURE__ */ r(fe, { circle: !0, height: 48, width: 48 }),
+        /* @__PURE__ */ r(fe, { height: 10, width: 40, radius: "sm" })
       ] }, l))
     }
   );
@@ -1879,22 +1893,22 @@ function so({
 function Vn({
   collapsed: A = !1
 }) {
-  return A ? /* @__PURE__ */ r(H, { p: "xs", style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ r(pe, { circle: !0, height: 32, width: 32 }) }) : /* @__PURE__ */ R(Le, { gap: "sm", p: "md", children: [
-    /* @__PURE__ */ r(pe, { circle: !0, height: 40, width: 40 }),
-    /* @__PURE__ */ R(_, { gap: 4, style: { flex: 1 }, children: [
-      /* @__PURE__ */ r(pe, { height: 14, width: "70%", radius: "sm" }),
-      /* @__PURE__ */ r(pe, { height: 10, width: "50%", radius: "sm" })
+  return A ? /* @__PURE__ */ r(q, { p: "xs", style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ r(fe, { circle: !0, height: 32, width: 32 }) }) : /* @__PURE__ */ R(Le, { gap: "sm", p: "md", children: [
+    /* @__PURE__ */ r(fe, { circle: !0, height: 40, width: 40 }),
+    /* @__PURE__ */ R(W, { gap: 4, style: { flex: 1 }, children: [
+      /* @__PURE__ */ r(fe, { height: 14, width: "70%", radius: "sm" }),
+      /* @__PURE__ */ r(fe, { height: 10, width: "50%", radius: "sm" })
     ] })
   ] });
 }
 function Gn({
   collapsed: A = !1
 }) {
-  return A ? /* @__PURE__ */ r(H, { p: "xs", style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ r(pe, { circle: !0, height: 36, width: 36 }) }) : /* @__PURE__ */ R(Le, { gap: "sm", p: "sm", children: [
-    /* @__PURE__ */ r(pe, { circle: !0, height: 36, width: 36 }),
-    /* @__PURE__ */ R(_, { gap: 4, style: { flex: 1 }, children: [
-      /* @__PURE__ */ r(pe, { height: 12, width: "60%", radius: "sm" }),
-      /* @__PURE__ */ r(pe, { height: 10, width: "80%", radius: "sm" })
+  return A ? /* @__PURE__ */ r(q, { p: "xs", style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ r(fe, { circle: !0, height: 36, width: 36 }) }) : /* @__PURE__ */ R(Le, { gap: "sm", p: "sm", children: [
+    /* @__PURE__ */ r(fe, { circle: !0, height: 36, width: 36 }),
+    /* @__PURE__ */ R(W, { gap: 4, style: { flex: 1 }, children: [
+      /* @__PURE__ */ r(fe, { height: 12, width: "60%", radius: "sm" }),
+      /* @__PURE__ */ r(fe, { height: 10, width: "80%", radius: "sm" })
     ] })
   ] });
 }
@@ -1904,7 +1918,7 @@ function xA({
 }) {
   const o = me(), { colorScheme: e } = de(), n = t || (e === "dark" ? o.colors.dark[7] : o.white), s = e === "dark" ? o.colors.red[4] : o.colors.red[6];
   return /* @__PURE__ */ r(
-    H,
+    q,
     {
       p: "md",
       style: {
@@ -1915,7 +1929,7 @@ function xA({
         height: "100%"
       },
       children: /* @__PURE__ */ r(
-        H,
+        q,
         {
           p: "md",
           style: {
@@ -1946,140 +1960,140 @@ function lo({
   loadingError: d,
   loadingComponent: u,
   errorComponent: p,
-  skeletonItemCount: v = 8,
-  backgroundDarkColor: b,
-  backgroundLightColor: m,
-  backgroundImage: g,
+  skeletonItemCount: y = 8,
+  backgroundDarkColor: m,
+  backgroundLightColor: g,
+  backgroundImage: b,
   textDarkColor: f,
   textLightColor: x,
-  iconDarkColor: I,
-  iconLightColor: L,
-  activeColor: J,
-  withBorder: V = !0,
+  iconDarkColor: E,
+  iconLightColor: M,
+  activeColor: V,
+  withBorder: U = !0,
   withShadow: Y = !1,
-  highlightActiveItem: M = !0,
-  onMenuItemClick: O,
-  itemBorderRadius: D,
-  itemHorizontalGap: K,
-  itemActiveBackground: P
+  highlightActiveItem: P = !0,
+  onMenuItemClick: F,
+  itemBorderRadius: z,
+  itemHorizontalGap: Q,
+  itemActiveBackground: O
 }) {
-  const y = me(), { colorScheme: F } = de(), { collapsed: T, toggleCollapsed: ee } = vA(), U = F === "dark" ? b ?? y.colors.dark[7] : m ?? y.white, k = F === "dark" ? f ?? y.colors.gray[3] : x ?? y.colors.gray[7], G = F === "dark" ? I ?? y.colors[y.primaryColor][4] : L ?? y.colors[y.primaryColor][6], Ae = J ? y.colors[J]?.[6] ?? y.colors[y.primaryColor][6] : y.colors[y.primaryColor][6], Ce = g ? { background: g } : { backgroundColor: U }, se = g ? "transparent" : U, {
+  const v = me(), { colorScheme: L } = de(), { collapsed: C, toggleCollapsed: _ } = vA(), H = L === "dark" ? m ?? v.colors.dark[7] : g ?? v.white, I = L === "dark" ? f ?? v.colors.gray[3] : x ?? v.colors.gray[7], G = L === "dark" ? E ?? v.colors[v.primaryColor][4] : M ?? v.colors[v.primaryColor][6], re = V ? v.colors[V]?.[6] ?? v.colors[v.primaryColor][6] : v.colors[v.primaryColor][6], Ce = b ? { background: b } : { backgroundColor: H }, se = b ? "transparent" : H, {
     query: be,
     setQuery: we,
     filteredItems: Se,
-    isSearching: w,
-    clearSearch: S
+    isSearching: S,
+    clearSearch: k
   } = ro({
     navigationData: A,
     onSearch: a
-  }), { navigateToItem: $, isItemActive: N, isItemOrChildActive: B } = wA({
+  }), { navigateToItem: $, isItemActive: D, isItemOrChildActive: B } = wA({
     navigationData: A,
-    onMenuItemClick: O
-  }), E = C(
-    (q) => !!M && N(q),
-    [M, N]
-  ), z = {
-    itemBorderRadius: D,
-    itemHorizontalGap: K,
-    activeBackground: P,
-    isActive: E
+    onMenuItemClick: F
+  }), T = w(
+    (j) => !!P && D(j),
+    [P, D]
+  ), N = {
+    itemBorderRadius: z,
+    itemHorizontalGap: Q,
+    activeBackground: O,
+    isActive: T
   };
   SA({
     navigationData: A,
     navigateToItem: $,
-    onToggleSidebar: ee,
+    onToggleSidebar: _,
     enabled: !0
   });
-  const j = T ? o : t, he = ce(() => {
-    const q = /* @__PURE__ */ new Map(), ve = [];
-    return Se.forEach((W) => {
-      if (!(!W.showInSidebar || (typeof W.disabled == "function" ? W.disabled() : W.disabled) && W.hideDisabledItem))
-        if (W.category) {
-          const Ee = q.get(W.category) || [];
-          Ee.push(W), q.set(W.category, Ee);
+  const X = C ? o : t, he = ce(() => {
+    const j = /* @__PURE__ */ new Map(), ve = [];
+    return Se.forEach((Z) => {
+      if (!(!Z.showInSidebar || (typeof Z.disabled == "function" ? Z.disabled() : Z.disabled) && Z.hideDisabledItem))
+        if (Z.category) {
+          const Ee = j.get(Z.category) || [];
+          Ee.push(Z), j.set(Z.category, Ee);
         } else
-          ve.push(W);
-    }), { groups: q, ungrouped: ve };
+          ve.push(Z);
+    }), { groups: j, ungrouped: ve };
   }, [Se]), Ie = () => {
     if (d)
-      return p || /* @__PURE__ */ r(xA, { message: d, backgroundColor: U });
+      return p || /* @__PURE__ */ r(xA, { message: d, backgroundColor: H });
     if (c)
       return u || /* @__PURE__ */ r(
         kA,
         {
-          itemCount: v,
-          collapsed: T,
-          backgroundColor: U,
-          showGroups: !T
+          itemCount: y,
+          collapsed: C,
+          backgroundColor: H,
+          showGroups: !C
         }
       );
-    const q = () => he.ungrouped.map((W, re) => /* @__PURE__ */ r(
+    const j = () => he.ungrouped.map((Z, ee) => /* @__PURE__ */ r(
       $e,
       {
-        item: W,
-        collapsed: T,
-        active: M && N(W),
+        item: Z,
+        collapsed: C,
+        active: P && D(Z),
         onClick: $,
-        textColor: k,
+        textColor: I,
         iconColor: G,
-        hoverColor: Ae,
-        ...z
+        hoverColor: re,
+        ...N
       },
-      `item-${re}`
-    )), ve = () => Array.from(he.groups.entries()).map(([re, Ee], X) => /* @__PURE__ */ r(
+      `item-${ee}`
+    )), ve = () => Array.from(he.groups.entries()).map(([ee, Ee], J) => /* @__PURE__ */ r(
       oo,
       {
-        label: re,
-        groupId: `group-${X}`,
+        label: ee,
+        groupId: `group-${J}`,
         defaultExpanded: !0,
-        children: Ee.map((ke, Q) => /* @__PURE__ */ r(
+        children: Ee.map((ke, K) => /* @__PURE__ */ r(
           $e,
           {
             item: ke,
-            collapsed: T,
-            active: M && N(ke),
+            collapsed: C,
+            active: P && D(ke),
             onClick: $,
-            textColor: k,
+            textColor: I,
             iconColor: G,
-            hoverColor: Ae,
-            ...z
+            hoverColor: re,
+            ...N
           },
-          `group-${X}-item-${Q}`
+          `group-${J}-item-${K}`
         ))
       },
-      `group-${X}`
+      `group-${J}`
     ));
-    return T ? /* @__PURE__ */ R(_, { gap: 4, children: [
-      he.ungrouped.map((W, re) => /* @__PURE__ */ r(
+    return C ? /* @__PURE__ */ R(W, { gap: 4, children: [
+      he.ungrouped.map((Z, ee) => /* @__PURE__ */ r(
         $e,
         {
-          item: W,
+          item: Z,
           collapsed: !0,
-          active: M && N(W),
+          active: P && D(Z),
           onClick: $,
-          textColor: k,
+          textColor: I,
           iconColor: G,
-          hoverColor: Ae,
-          ...z
+          hoverColor: re,
+          ...N
         },
-        `item-${re}`
+        `item-${ee}`
       )),
-      Array.from(he.groups.values()).flat().map((W, re) => /* @__PURE__ */ r(
+      Array.from(he.groups.values()).flat().map((Z, ee) => /* @__PURE__ */ r(
         $e,
         {
-          item: W,
+          item: Z,
           collapsed: !0,
-          active: M && N(W),
+          active: P && D(Z),
           onClick: $,
-          textColor: k,
+          textColor: I,
           iconColor: G,
-          hoverColor: Ae,
-          ...z
+          hoverColor: re,
+          ...N
         },
-        `grouped-item-${re}`
+        `grouped-item-${ee}`
       ))
-    ] }) : /* @__PURE__ */ R(_, { gap: "xs", children: [
-      he.ungrouped.length > 0 && /* @__PURE__ */ r(_, { gap: 2, children: q() }),
+    ] }) : /* @__PURE__ */ R(W, { gap: "xs", children: [
+      he.ungrouped.length > 0 && /* @__PURE__ */ r(W, { gap: 2, children: j() }),
       he.groups.size > 0 && he.ungrouped.length > 0 && /* @__PURE__ */ r(dA, { my: "xs" }),
       ve()
     ] });
@@ -2091,35 +2105,35 @@ function lo({
       transition: "slide-right",
       duration: 200,
       timingFunction: "ease",
-      children: (q) => /* @__PURE__ */ R(
-        H,
+      children: (j) => /* @__PURE__ */ R(
+        q,
         {
           style: {
-            ...q,
-            width: fe(j),
-            height: typeof e == "number" ? fe(e) : e,
-            minHeight: typeof e == "number" ? fe(e) : e,
+            ...j,
+            width: pe(X),
+            height: typeof e == "number" ? pe(e) : e,
+            minHeight: typeof e == "number" ? pe(e) : e,
             ...Ce,
             display: "flex",
             flexDirection: "column",
             overflow: "hidden",
             transition: "width 200ms ease",
-            borderRight: V ? `1px solid ${F === "dark" ? y.colors.dark[5] : y.colors.gray[2]}` : void 0,
-            boxShadow: Y ? y.shadows.sm : void 0
+            borderRight: U ? `1px solid ${L === "dark" ? v.colors.dark[5] : v.colors.gray[2]}` : void 0,
+            boxShadow: Y ? v.shadows.sm : void 0
           },
           children: [
-            l && /* @__PURE__ */ r(H, { style: { flexShrink: 0 }, children: l }),
-            n && !T && /* @__PURE__ */ r(H, { p: "sm", style: { flexShrink: 0 }, children: /* @__PURE__ */ r(
+            l && /* @__PURE__ */ r(q, { style: { flexShrink: 0 }, children: l }),
+            n && !C && /* @__PURE__ */ r(q, { p: "sm", style: { flexShrink: 0 }, children: /* @__PURE__ */ r(
               XA,
               {
                 placeholder: s,
                 leftSection: /* @__PURE__ */ r(_e, { size: 16 }),
-                rightSection: w ? /* @__PURE__ */ r(
+                rightSection: S ? /* @__PURE__ */ r(
                   er,
                   {
                     size: 16,
                     style: { cursor: "pointer" },
-                    onClick: S
+                    onClick: k
                   }
                 ) : null,
                 value: be,
@@ -2134,17 +2148,17 @@ function lo({
                 scrollbarSize: 6,
                 type: "hover",
                 offsetScrollbars: !0,
-                children: /* @__PURE__ */ r(H, { p: "xs", children: Ie() })
+                children: /* @__PURE__ */ r(q, { p: "xs", children: Ie() })
               }
             ),
             i && /* @__PURE__ */ r(
-              H,
+              q,
               {
                 style: {
                   flexShrink: 0,
                   height: h,
                   backgroundColor: se,
-                  borderTop: V ? `1px solid ${F === "dark" ? y.colors.dark[5] : y.colors.gray[2]}` : void 0
+                  borderTop: U ? `1px solid ${L === "dark" ? v.colors.dark[5] : v.colors.gray[2]}` : void 0
                 },
                 children: i
               }
@@ -2207,9 +2221,9 @@ function io({
         openDelay: 100,
         closeDelay: 200,
         children: [
-          /* @__PURE__ */ r(ie.Target, { children: /* @__PURE__ */ r(Me, { label: l, position: "right", withArrow: !0, children: /* @__PURE__ */ R(_, { gap: 1, align: "center", style: { cursor: "pointer" }, children: [
+          /* @__PURE__ */ r(ie.Target, { children: /* @__PURE__ */ r(De, { label: l, position: "right", withArrow: !0, children: /* @__PURE__ */ R(W, { gap: 1, align: "center", style: { cursor: "pointer" }, children: [
             /* @__PURE__ */ r(
-              De,
+              Me,
               {
                 size: "xl",
                 variant: t ? "filled" : "subtle",
@@ -2218,7 +2232,7 @@ function io({
                 style: {
                   opacity: a ? 0.5 : 1
                 },
-                children: /* @__PURE__ */ r(H, { style: { color: t ? "white" : e }, children: A.icon })
+                children: /* @__PURE__ */ r(q, { style: { color: t ? "white" : e }, children: A.icon })
               }
             ),
             /* @__PURE__ */ r(
@@ -2258,9 +2272,9 @@ function io({
       }
     );
   }
-  return /* @__PURE__ */ r(Me, { label: l, position: "right", withArrow: !0, children: /* @__PURE__ */ R(_, { gap: 1, align: "center", style: { cursor: "pointer" }, children: [
+  return /* @__PURE__ */ r(De, { label: l, position: "right", withArrow: !0, children: /* @__PURE__ */ R(W, { gap: 1, align: "center", style: { cursor: "pointer" }, children: [
     /* @__PURE__ */ r(
-      De,
+      Me,
       {
         size: "xl",
         variant: t ? "filled" : "subtle",
@@ -2270,7 +2284,7 @@ function io({
         style: {
           opacity: a ? 0.5 : 1
         },
-        children: /* @__PURE__ */ r(H, { style: { color: t ? "white" : e }, children: A.icon })
+        children: /* @__PURE__ */ r(q, { style: { color: t ? "white" : e }, children: A.icon })
       }
     ),
     /* @__PURE__ */ r(
@@ -2306,63 +2320,63 @@ function co({
   backgroundDarkColor: d,
   backgroundLightColor: u,
   iconDarkColor: p,
-  iconLightColor: v,
-  activeColor: b,
-  withBorder: m = !0,
-  withShadow: g = !1,
+  iconLightColor: y,
+  activeColor: m,
+  withBorder: g = !0,
+  withShadow: b = !1,
   highlightActiveItem: f = !0,
   onMenuItemClick: x
 }) {
-  const I = me(), { colorScheme: L } = de(), { toggleCollapsed: J } = vA(), V = L === "dark" ? d ?? I.colors.dark[7] : u ?? I.white, Y = L === "dark" ? p ?? I.colors[I.primaryColor][4] : v ?? I.colors[I.primaryColor][6], M = b ?? I.primaryColor, { navigateToItem: O, isItemActive: D, isItemOrChildActive: K } = wA({
+  const E = me(), { colorScheme: M } = de(), { toggleCollapsed: V } = vA(), U = M === "dark" ? d ?? E.colors.dark[7] : u ?? E.white, Y = M === "dark" ? p ?? E.colors[E.primaryColor][4] : y ?? E.colors[E.primaryColor][6], P = m ?? E.primaryColor, { navigateToItem: F, isItemActive: z, isItemOrChildActive: Q } = wA({
     navigationData: A,
     onMenuItemClick: x
   });
   SA({
     navigationData: A,
-    navigateToItem: O,
-    onToggleSidebar: J,
+    navigateToItem: F,
+    onToggleSidebar: V,
     enabled: !0
   });
-  const P = A.filter((T) => !(!T.showInSidebar || (typeof T.disabled == "function" ? T.disabled() : T.disabled) && T.hideDisabledItem)), y = () => l ? h || /* @__PURE__ */ r(xA, { message: l, backgroundColor: V }) : a ? i || /* @__PURE__ */ r(
+  const O = A.filter((C) => !(!C.showInSidebar || (typeof C.disabled == "function" ? C.disabled() : C.disabled) && C.hideDisabledItem)), v = () => l ? h || /* @__PURE__ */ r(xA, { message: l, backgroundColor: U }) : a ? i || /* @__PURE__ */ r(
     kA,
     {
       itemCount: c,
       collapsed: !0,
-      backgroundColor: V
+      backgroundColor: U
     }
-  ) : /* @__PURE__ */ r(_, { gap: 8, align: "center", children: P.map((T, ee) => /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ r(W, { gap: 8, align: "center", children: O.map((C, _) => /* @__PURE__ */ r(
     io,
     {
-      item: T,
-      active: f && (D(T) || K(T)),
-      onClick: O,
+      item: C,
+      active: f && (z(C) || Q(C)),
+      onClick: F,
       iconColor: Y,
-      activeColor: M
+      activeColor: P
     },
-    ee
-  )) }), F = L === "dark" ? I.colors.dark[5] : I.colors.gray[2];
+    _
+  )) }), L = M === "dark" ? E.colors.dark[5] : E.colors.gray[2];
   return /* @__PURE__ */ R(
-    H,
+    q,
     {
       style: {
-        width: fe(t),
-        height: fe(o),
-        backgroundColor: V,
+        width: pe(t),
+        height: pe(o),
+        backgroundColor: U,
         display: "flex",
         flexDirection: "column",
         overflow: "hidden",
-        boxShadow: g ? I.shadows.sm : void 0,
-        borderRight: m ? `1px solid ${F}` : void 0
+        boxShadow: b ? E.shadows.sm : void 0,
+        borderRight: g ? `1px solid ${L}` : void 0
       },
       children: [
         e && /* @__PURE__ */ r(
-          H,
+          q,
           {
             style: {
               flexShrink: 0,
               display: "flex",
               justifyContent: "center",
-              padding: I.spacing.xs
+              padding: E.spacing.xs
             },
             children: e
           }
@@ -2374,20 +2388,20 @@ function co({
             style: { flex: 1 },
             scrollbarSize: 4,
             type: "hover",
-            children: /* @__PURE__ */ r(H, { p: "xs", children: y() })
+            children: /* @__PURE__ */ r(q, { p: "xs", children: v() })
           }
         ),
         n && /* @__PURE__ */ R(Pe, { children: [
           /* @__PURE__ */ r(dA, {}),
           /* @__PURE__ */ r(
-            H,
+            q,
             {
               style: {
                 flexShrink: 0,
                 height: s,
                 display: "flex",
                 justifyContent: "center",
-                padding: I.spacing.xs
+                padding: E.spacing.xs
               },
               children: n
             }
@@ -2437,53 +2451,53 @@ function ho({
   loadingError: d,
   loadingComponent: u,
   errorComponent: p,
-  skeletonItemCount: v = 8,
-  skeletonGroupCount: b = 3,
-  backgroundDarkColor: m,
-  backgroundLightColor: g,
+  skeletonItemCount: y = 8,
+  skeletonGroupCount: m = 3,
+  backgroundDarkColor: g,
+  backgroundLightColor: b,
   backgroundImage: f,
   textDarkColor: x,
-  textLightColor: I,
-  iconDarkColor: L,
-  iconLightColor: J,
-  activeColor: V,
+  textLightColor: E,
+  iconDarkColor: M,
+  iconLightColor: V,
+  activeColor: U,
   groupBackgroundColor: Y,
-  selectedGroupColor: M,
-  groupColor: O,
-  groupLabelDarkColor: D,
-  groupLabelLightColor: K,
-  withBorder: P = !1,
-  highlightActiveItem: y = !0,
-  onMenuItemClick: F,
-  itemBorderRadius: T,
-  itemHorizontalGap: ee,
-  itemActiveBackground: U
+  selectedGroupColor: P,
+  groupColor: F,
+  groupLabelDarkColor: z,
+  groupLabelLightColor: Q,
+  withBorder: O = !1,
+  highlightActiveItem: v = !0,
+  onMenuItemClick: L,
+  itemBorderRadius: C,
+  itemHorizontalGap: _,
+  itemActiveBackground: H
 }) {
-  const k = me(), { colorScheme: G } = de(), {
-    collapsed: Ae,
+  const I = me(), { colorScheme: G } = de(), {
+    collapsed: re,
     toggleCollapsed: Ce,
     activeGroup: se,
     setActiveGroup: be
-  } = vA(), we = G === "dark" ? m ?? k.colors.dark[7] : g ?? k.white, Se = f ? { background: f } : { backgroundColor: we }, w = f ? "transparent" : we, S = G === "dark" ? x ?? k.colors.gray[3] : I ?? k.colors.gray[7], $ = G === "dark" ? L ?? k.colors[k.primaryColor][4] : J ?? k.colors[k.primaryColor][6], N = V ? k.colors[V]?.[6] ?? k.colors[k.primaryColor][6] : k.colors[k.primaryColor][6], B = Y || (G === "dark" ? k.colors[k.primaryColor][6] : k.colors[k.primaryColor][7]), E = M || (G === "dark" ? k.colors[k.primaryColor][8] : k.colors[k.primaryColor][0]), { navigateToItem: z, isItemActive: j } = wA({
+  } = vA(), we = G === "dark" ? g ?? I.colors.dark[7] : b ?? I.white, Se = f ? { background: f } : { backgroundColor: we }, S = f ? "transparent" : we, k = G === "dark" ? x ?? I.colors.gray[3] : E ?? I.colors.gray[7], $ = G === "dark" ? M ?? I.colors[I.primaryColor][4] : V ?? I.colors[I.primaryColor][6], D = U ? I.colors[U]?.[6] ?? I.colors[I.primaryColor][6] : I.colors[I.primaryColor][6], B = Y || (G === "dark" ? I.colors[I.primaryColor][6] : I.colors[I.primaryColor][7]), T = P || (G === "dark" ? I.colors[I.primaryColor][8] : I.colors[I.primaryColor][0]), { navigateToItem: N, isItemActive: X } = wA({
     navigationData: A,
-    onMenuItemClick: F
-  }), he = C(
-    (Q) => !!y && j(Q),
-    [y, j]
+    onMenuItemClick: L
+  }), he = w(
+    (K) => !!v && X(K),
+    [v, X]
   ), Ie = {
-    itemBorderRadius: T,
-    itemHorizontalGap: ee,
-    activeBackground: U,
+    itemBorderRadius: C,
+    itemHorizontalGap: _,
+    activeBackground: H,
     isActive: he
   };
   SA({
     navigationData: A,
-    navigateToItem: z,
+    navigateToItem: N,
     onToggleSidebar: Ce,
     enabled: !0
   });
-  const q = ce(() => {
-    const Q = /* @__PURE__ */ new Map();
+  const j = ce(() => {
+    const K = /* @__PURE__ */ new Map();
     return A.forEach((le) => {
       if (!le.showInSidebar || (typeof le.disabled == "function" ? le.disabled() : le.disabled) && le.hideDisabledItem)
         return;
@@ -2493,27 +2507,27 @@ function ho({
         name: "Default",
         hint: "Default",
         indexOrder: 0
-      }, Qe = Q.get(Ve.name);
-      Qe ? Qe.items.push(le) : Q.set(Ve.name, {
+      }, Qe = K.get(Ve.name);
+      Qe ? Qe.items.push(le) : K.set(Ve.name, {
         group: Ve,
         items: [le]
       });
-    }), Array.from(Q.values()).sort((le, Fe) => le.group.indexOrder - Fe.group.indexOrder);
+    }), Array.from(K.values()).sort((le, Fe) => le.group.indexOrder - Fe.group.indexOrder);
   }, [A, s]);
   oe(() => {
-    !se && q.length > 0 && be(q[0].group.name);
-  }, [se, q, be]);
-  const ve = ce(() => q.find((le) => le.group.name === se)?.items ?? [], [q, se]), W = C((Q) => {
-    Ae ? (Ce(), be(Q)) : se === Q ? Ce() : be(Q);
-  }, [Ae, se, Ce, be]), re = Ae ? 0 : Number(fe(t)) - Number(fe(n)), Ee = () => c && q.length === 0 ? /* @__PURE__ */ r(
+    !se && j.length > 0 && be(j[0].group.name);
+  }, [se, j, be]);
+  const ve = ce(() => j.find((le) => le.group.name === se)?.items ?? [], [j, se]), Z = w((K) => {
+    re ? (Ce(), be(K)) : se === K ? Ce() : be(K);
+  }, [re, se, Ce, be]), ee = re ? 0 : Number(pe(t)) - Number(pe(n)), Ee = () => c && j.length === 0 ? /* @__PURE__ */ r(
     so,
     {
-      groupCount: b,
+      groupCount: m,
       width: n,
       backgroundColor: B
     }
-  ) : q.length <= 1 ? null : /* @__PURE__ */ r(
-    _,
+  ) : j.length <= 1 ? null : /* @__PURE__ */ r(
+    W,
     {
       gap: 4,
       p: 4,
@@ -2524,107 +2538,107 @@ function ho({
         backgroundColor: B,
         flexShrink: 0
       },
-      children: q.map((Q) => /* @__PURE__ */ r(
+      children: j.map((K) => /* @__PURE__ */ r(
         no,
         {
-          group: Q.group,
-          active: Q.group.name === se,
-          onClick: () => W(Q.group.name),
+          group: K.group,
+          active: K.group.name === se,
+          onClick: () => Z(K.group.name),
           showLabel: a,
-          activeColor: E,
-          inactiveColor: O
+          activeColor: T,
+          inactiveColor: F
         },
-        Q.group.name
+        K.group.name
       ))
     }
-  ), X = () => d ? p || /* @__PURE__ */ r(xA, { message: d, backgroundColor: we }) : c ? u || /* @__PURE__ */ r(
+  ), J = () => d ? p || /* @__PURE__ */ r(xA, { message: d, backgroundColor: we }) : c ? u || /* @__PURE__ */ r(
     kA,
     {
-      itemCount: v,
+      itemCount: y,
       collapsed: !1,
       backgroundColor: we,
       showGroups: !1
     }
-  ) : /* @__PURE__ */ r(_, { gap: 2, children: ve.map((Q, le) => /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ r(W, { gap: 2, children: ve.map((K, le) => /* @__PURE__ */ r(
     $e,
     {
-      item: Q,
+      item: K,
       collapsed: !1,
-      active: y && j(Q),
-      onClick: z,
-      textColor: S,
+      active: v && X(K),
+      onClick: N,
+      textColor: k,
       iconColor: $,
-      hoverColor: N,
+      hoverColor: D,
       ...Ie
     },
     le
-  )) }), ke = G === "dark" ? k.colors.dark[5] : k.colors.gray[2];
-  return q.length <= 1 ? /* @__PURE__ */ R(Ye, { direction: "column", w: Ae ? o : t, h: "100%", style: Se, children: [
-    l && /* @__PURE__ */ r(H, { style: { width: "100%", flexShrink: 0 }, children: l }),
+  )) }), ke = G === "dark" ? I.colors.dark[5] : I.colors.gray[2];
+  return j.length <= 1 ? /* @__PURE__ */ R(Ye, { direction: "column", w: re ? o : t, h: "100%", style: Se, children: [
+    l && /* @__PURE__ */ r(q, { style: { width: "100%", flexShrink: 0 }, children: l }),
     /* @__PURE__ */ r(
-      H,
+      q,
       {
         style: {
           flex: 1,
           width: "100%",
-          backgroundColor: w,
+          backgroundColor: S,
           display: "flex",
           flexDirection: "column",
           overflow: "hidden",
-          borderRight: P ? `1px solid ${ke}` : void 0
+          borderRight: O ? `1px solid ${ke}` : void 0
         },
-        children: /* @__PURE__ */ r(ze, { style: { flex: 1 }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ r(H, { p: "xs", children: Ae ? /* @__PURE__ */ r(_, { gap: 8, align: "center", children: A.filter((Q) => Q.showInSidebar ? !((typeof Q.disabled == "function" ? Q.disabled() : Q.disabled) && Q.hideDisabledItem) : !1).map((Q, le) => /* @__PURE__ */ r(
+        children: /* @__PURE__ */ r(ze, { style: { flex: 1 }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ r(q, { p: "xs", children: re ? /* @__PURE__ */ r(W, { gap: 8, align: "center", children: A.filter((K) => K.showInSidebar ? !((typeof K.disabled == "function" ? K.disabled() : K.disabled) && K.hideDisabledItem) : !1).map((K, le) => /* @__PURE__ */ r(
           $e,
           {
-            item: Q,
+            item: K,
             collapsed: !0,
-            active: y && j(Q),
-            onClick: z,
-            textColor: S,
+            active: v && X(K),
+            onClick: N,
+            textColor: k,
             iconColor: $,
-            hoverColor: N,
+            hoverColor: D,
             ...Ie
           },
           le
-        )) }) : X() }) })
+        )) }) : J() }) })
       }
     ),
-    i && /* @__PURE__ */ r(H, { style: { width: "100%", backgroundColor: w, flexShrink: 0 }, children: i })
-  ] }) : /* @__PURE__ */ R(Ye, { direction: "column", w: Ae ? n : t, h: "100%", style: Se, children: [
-    l && /* @__PURE__ */ r(H, { style: { width: "100%", flexShrink: 0 }, children: l }),
+    i && /* @__PURE__ */ r(q, { style: { width: "100%", backgroundColor: S, flexShrink: 0 }, children: i })
+  ] }) : /* @__PURE__ */ R(Ye, { direction: "column", w: re ? n : t, h: "100%", style: Se, children: [
+    l && /* @__PURE__ */ r(q, { style: { width: "100%", flexShrink: 0 }, children: l }),
     /* @__PURE__ */ R(
-      H,
+      q,
       {
         style: {
           flex: 1,
           width: "100%",
           display: "flex",
           overflow: "hidden",
-          borderRight: P ? `1px solid ${ke}` : void 0
+          borderRight: O ? `1px solid ${ke}` : void 0
         },
         children: [
           Ee(),
           /* @__PURE__ */ r(
-            H,
+            q,
             {
               style: {
-                width: Ae ? 0 : re,
+                width: re ? 0 : ee,
                 height: "100%",
-                backgroundColor: w,
+                backgroundColor: S,
                 overflow: "hidden",
                 transition: "width 200ms ease",
-                borderLeft: q.length > 1 ? `1px solid ${G === "dark" ? k.colors.dark[5] : k.colors.gray[2]}` : void 0
+                borderLeft: j.length > 1 ? `1px solid ${G === "dark" ? I.colors.dark[5] : I.colors.gray[2]}` : void 0
               },
-              children: !Ae && se && /* @__PURE__ */ r(ze, { style: { height: "100%" }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ r(H, { p: "xs", children: X() }) })
+              children: !re && se && /* @__PURE__ */ r(ze, { style: { height: "100%" }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ r(q, { p: "xs", children: J() }) })
             }
           )
         ]
       }
     ),
-    i && /* @__PURE__ */ r(H, { style: { width: "100%", backgroundColor: w, flexShrink: 0 }, children: i })
+    i && /* @__PURE__ */ r(q, { style: { width: "100%", backgroundColor: S, flexShrink: 0 }, children: i })
   ] });
 }
-function fo(A) {
+function po(A) {
   const {
     navigationData: t,
     collapsed: o,
@@ -2655,7 +2669,7 @@ function fo(A) {
     }
   );
 }
-function po({
+function fo({
   variant: A = "standard",
   ...t
 }) {
@@ -2663,7 +2677,7 @@ function po({
     case "minimal":
       return /* @__PURE__ */ r(uo, { ...t });
     case "rail":
-      return /* @__PURE__ */ r(fo, { ...t });
+      return /* @__PURE__ */ r(po, { ...t });
     case "standard":
     default:
       return /* @__PURE__ */ r(ao, { ...t });
@@ -2702,21 +2716,21 @@ var ur = Ne({ active: !1, refresh: () => {
 }, destroy: () => Promise.resolve(), destroyAll: () => Promise.resolve(), destroyOther: () => Promise.resolve(), getCacheNodes: () => [] }), go = YA(function(A) {
   let { children: t, active: o, refresh: e, destroy: n, destroyAll: s, destroyOther: a, getCacheNodes: l } = A, i = ce(() => ({ active: o, refresh: e, destroy: n, destroyAll: s, destroyOther: a, getCacheNodes: l }), [o, e, n, s, a, l]);
   return r(ur.Provider, { value: i, children: t });
-}), bo = go, hr = HA.Activity, mo = hr ?? HA.Fragment, yo = !!hr, fr = "keepalive-cache-div";
-function pr(A) {
+}), bo = go, hr = HA.Activity, mo = hr ?? HA.Fragment, yo = !!hr, pr = "keepalive-cache-div";
+function fr(A) {
   return A ? Array.from(A.children) : [];
 }
-function fA(A) {
+function pA(A) {
   A.forEach((t) => {
-    t.classList.contains(fr) && t.remove();
+    t.classList.contains(pr) && t.remove();
   });
 }
 function GA(A, t) {
-  let o = pr(A);
-  fA(o), A.appendChild(t), t.classList.remove("inactive"), t.classList.add("active");
+  let o = fr(A);
+  pA(o), A.appendChild(t), t.classList.remove("inactive"), t.classList.add("active");
 }
 function BA(A, t) {
-  let o = pr(A).filter((e) => e.classList.contains("active") && e.getAttribute("data-cache-key") !== t);
+  let o = fr(A).filter((e) => e.classList.contains("active") && e.getAttribute("data-cache-key") !== t);
   return o.forEach((e) => {
     e.classList.remove("active"), e.classList.add("inactive");
   }), o;
@@ -2725,14 +2739,14 @@ function vo(A, t, o) {
   return o ? VA(o, A) : t ? !VA(t, A) : !0;
 }
 var Co = YA(function(A) {
-  let { errorElement: t = qA, cacheNodeClassName: o, children: e, cacheKey: n, exclude: s, include: a, enableActivity: l } = A, { active: i, renderCount: h, destroy: c, transition: d, viewTransition: u, duration: p, containerDivRef: v } = A, b = Z(!1);
-  b.current = b.current || i;
-  let m = ce(() => {
-    let g = document.createElement("div");
-    return dr(g).set("data-cache-key", n).set("style", "height: 100%").set("data-render-count", h.toString()), g.className = fr + (o ? ` ${o}` : ""), g;
+  let { errorElement: t = qA, cacheNodeClassName: o, children: e, cacheKey: n, exclude: s, include: a, enableActivity: l } = A, { active: i, renderCount: h, destroy: c, transition: d, viewTransition: u, duration: p, containerDivRef: y } = A, m = Ae(!1);
+  m.current = m.current || i;
+  let g = ce(() => {
+    let b = document.createElement("div");
+    return dr(b).set("data-cache-key", n).set("style", "height: 100%").set("data-render-count", h.toString()), b.className = pr + (o ? ` ${o}` : ""), b;
   }, [h, o]);
   return oe(() => {
-    let g = vo(n, s, a), f = v.current;
+    let b = vo(n, s, a), f = y.current;
     if (!f) {
       console.warn("keepalive: cache container not found");
       return;
@@ -2741,89 +2755,89 @@ var Co = YA(function(A) {
       (async () => {
         if (i) {
           let x = BA(f, n);
-          if (await FA(p - 40), fA(x), f.contains(m))
+          if (await FA(p - 40), pA(x), f.contains(g))
             return;
-          GA(f, m);
+          GA(f, g);
         } else
-          g || (await FA(p), c(n));
+          b || (await FA(p), c(n));
       })();
     else if (i) {
       let x = () => {
-        let I = BA(f, n);
-        fA(I), !f.contains(m) && GA(f, m);
+        let E = BA(f, n);
+        pA(E), !f.contains(g) && GA(f, g);
       };
       u && document.startViewTransition ? document.startViewTransition(x) : x();
     } else
-      g || c(n);
-  }, [i, v, n, s, a]), b.current ? Dt(r(t, { children: yo && l ? R(mo, { mode: i ? "visible" : "hidden", children: [" ", e] }) : e }), m, n) : null;
+      b || c(n);
+  }, [i, y, n, s, a]), m.current ? Mt(r(t, { children: yo && l ? R(mo, { mode: i ? "visible" : "hidden", children: [" ", e] }) : e }), g, n) : null;
 }, (A, t) => A.active === t.active && A.renderCount === t.renderCount && A.children === t.children && A.exclude === t.exclude && A.include === t.include), wo = Co, So = (A) => {
   typeof nA < "u" && We(nA) ? nA(A) : A();
 }, ko = So;
 function gr() {
-  return Z(null);
+  return Ae(null);
 }
 function xo(A) {
-  let { activeCacheKey: t, max: o = 10, exclude: e, include: n, onBeforeActive: s, customContainerRef: a, cacheNodeClassName: l = "cache-component", containerClassName: i = "keep-alive-render", errorElement: h, transition: c = !1, viewTransition: d = !1, duration: u = 200, children: p, aliveRef: v, maxAliveTime: b = 0, enableActivity: m = !1 } = A, g = a || Z(null), [f, x] = ge([]);
+  let { activeCacheKey: t, max: o = 10, exclude: e, include: n, onBeforeActive: s, customContainerRef: a, cacheNodeClassName: l = "cache-component", containerClassName: i = "keep-alive-render", errorElement: h, transition: c = !1, viewTransition: d = !1, duration: u = 200, children: p, aliveRef: y, maxAliveTime: m = 0, enableActivity: g = !1 } = A, b = a || Ae(null), [f, x] = ge([]);
   Er(() => {
     IA(t) || ko(() => {
-      x((M) => {
-        let O = Date.now();
-        if (M.find((D) => D.cacheKey === t))
-          return M.map((D) => {
-            if (D.cacheKey === t) {
-              let K = !1;
-              if (We(s) && s(t), b) {
-                let P = D.lastActiveTime;
-                if (hA(b)) {
-                  let y = b.find((F) => cr(F.match) ? F.match.test(t) : F.match === t);
-                  y && (K = y && P + y.expire * 1e3 < O);
+      x((P) => {
+        let F = Date.now();
+        if (P.find((z) => z.cacheKey === t))
+          return P.map((z) => {
+            if (z.cacheKey === t) {
+              let Q = !1;
+              if (We(s) && s(t), m) {
+                let O = z.lastActiveTime;
+                if (hA(m)) {
+                  let v = m.find((L) => cr(L.match) ? L.match.test(t) : L.match === t);
+                  v && (Q = v && O + v.expire * 1e3 < F);
                 } else
-                  K = P + b * 1e3 < O;
+                  Q = O + m * 1e3 < F;
               }
-              return { ...D, ele: p, lastActiveTime: O, renderCount: K ? D.renderCount + 1 : D.renderCount };
+              return { ...z, ele: p, lastActiveTime: F, renderCount: Q ? z.renderCount + 1 : z.renderCount };
             }
-            return D;
+            return z;
           });
-        if (We(s) && s(t), M.length > o) {
-          let D = M.reduce((K, P) => K.lastActiveTime < P.lastActiveTime ? K : P);
-          M.splice(M.indexOf(D), 1);
+        if (We(s) && s(t), P.length > o) {
+          let z = P.reduce((Q, O) => Q.lastActiveTime < O.lastActiveTime ? Q : O);
+          P.splice(P.indexOf(z), 1);
         }
-        return [...M, { cacheKey: t, lastActiveTime: O, ele: p, renderCount: 0 }];
+        return [...P, { cacheKey: t, lastActiveTime: F, ele: p, renderCount: 0 }];
       });
     });
   }, [t, p]);
-  let I = C((M) => {
-    x((O) => {
-      let D = M || t;
-      return O.map((K) => K.cacheKey === D ? { ...K, renderCount: K.renderCount + 1 } : K);
+  let E = w((P) => {
+    x((F) => {
+      let z = P || t;
+      return F.map((Q) => Q.cacheKey === z ? { ...Q, renderCount: Q.renderCount + 1 } : Q);
     });
-  }, [x, t]), L = C((M) => {
-    let O = M || t, D = hA(O) ? O : [O];
-    return new Promise((K) => {
+  }, [x, t]), M = w((P) => {
+    let F = P || t, z = hA(F) ? F : [F];
+    return new Promise((Q) => {
       lA(() => {
-        x((P) => [...P.filter((y) => !D.includes(y.cacheKey))]), K();
+        x((O) => [...O.filter((v) => !z.includes(v.cacheKey))]), Q();
       });
     });
-  }, [x, t]), J = C(() => new Promise((M) => {
+  }, [x, t]), V = w(() => new Promise((P) => {
     lA(() => {
-      x([]), M();
+      x([]), P();
     });
-  }), [x]), V = C((M) => {
-    let O = M || t;
-    return new Promise((D) => {
+  }), [x]), U = w((P) => {
+    let F = P || t;
+    return new Promise((z) => {
       lA(() => {
-        x((K) => [...K.filter((P) => P.cacheKey === O)]), D();
+        x((Q) => [...Q.filter((O) => O.cacheKey === F)]), z();
       });
     });
-  }, [t, x]), Y = C(() => f, [f]);
-  return Rr(v, () => ({ refresh: I, destroy: L, destroyAll: J, destroyOther: V, getCacheNodes: Y })), R(qA, { children: [r("div", { ref: g, className: i, style: { height: "100%" } }), f.map((M) => {
-    let { cacheKey: O, ele: D, renderCount: K } = M;
-    return r(bo, { active: t === O, refresh: I, destroy: L, destroyAll: J, destroyOther: V, getCacheNodes: Y, children: r(wo, { destroy: L, include: n, exclude: e, transition: c, viewTransition: d, duration: u, renderCount: K, containerDivRef: g, errorElement: h, active: t === O, cacheNodeClassName: l, cacheKey: O, enableActivity: m, children: D }) }, `${O}-${K}`);
+  }, [t, x]), Y = w(() => f, [f]);
+  return Rr(y, () => ({ refresh: E, destroy: M, destroyAll: V, destroyOther: U, getCacheNodes: Y })), R(qA, { children: [r("div", { ref: b, className: i, style: { height: "100%" } }), f.map((P) => {
+    let { cacheKey: F, ele: z, renderCount: Q } = P;
+    return r(bo, { active: t === F, refresh: E, destroy: M, destroyAll: V, destroyOther: U, getCacheNodes: Y, children: r(wo, { destroy: M, include: n, exclude: e, transition: c, viewTransition: d, duration: u, renderCount: Q, containerDivRef: b, errorElement: h, active: t === F, cacheNodeClassName: l, cacheKey: F, enableActivity: g, children: z }) }, `${F}-${Q}`);
   })] });
 }
 var Io = xo, To = () => ye(ur), br = To;
 function Eo(A, t, o = !1, e) {
-  let { active: n } = br(), s = Z(!1);
+  let { active: n } = br(), s = Ae(!1);
   e(() => {
     if (!n)
       return;
@@ -2852,7 +2866,7 @@ const mr = Ne({
     const n = Object.keys(A);
     return n.length === 0 ? !1 : n.some((s) => A[s] !== void 0);
   }, [A]) ? A : o;
-}, Ze = Ne(null), Mo = () => ye(Ze), Do = ({ children: A }) => {
+}, Ze = Ne(null), Do = () => ye(Ze), Mo = ({ children: A }) => {
   const t = gr(), o = ce(() => ({
     requestUnregister: (e) => {
       t.current?.destroy(e);
@@ -2870,20 +2884,20 @@ const mr = Ne({
   }), [t]);
   return /* @__PURE__ */ r(Ze.Provider, { value: o, children: /* @__PURE__ */ r(yr.Provider, { value: t, children: A }) });
 }, yr = Ne(null), eA = (A) => null, No = (A) => A.includes(":"), zo = (A, t) => No(A) ? t : A, Oo = ({ children: A }) => {
-  const { active: t } = br(), o = or(), e = Xe(), n = kt(), s = Z(o), [a, l] = ge(o);
+  const { active: t } = br(), o = or(), e = Xe(), n = kt(), s = Ae(o), [a, l] = ge(o);
   s.current = o;
-  const i = Z({ location: e, navigationType: n });
+  const i = Ae({ location: e, navigationType: n });
   t && (i.current = { location: e, navigationType: n });
   const h = ce(
     () => t ? { location: e, navigationType: n } : i.current,
     [t, e, n]
-  ), [c, d] = ge(0), u = Z(t);
+  ), [c, d] = ge(0), u = Ae(t);
   Lo(() => {
     l(s.current), requestAnimationFrame(() => {
       window.dispatchEvent(new Event("resize"));
     });
   }, []), oe(() => {
-    t && (l(s.current), u.current || d((v) => v + 1)), u.current = t;
+    t && (l(s.current), u.current || d((y) => y + 1)), u.current = t;
   }, [t]);
   const p = ce(
     () => ({ isVisible: t, wasRestored: c > 0, restoreCount: c }),
@@ -2910,39 +2924,39 @@ const mr = Ne({
 });
 vr.displayName = "KeepAliveLayout";
 const Qo = ({ children: A, maxKeepAliveTabs: t = 10, ...o }) => {
-  const e = gr(), s = ye(yr) || e, a = Z(null), l = Z(""), { keepAlivePaths: i, routeElements: h } = ce(() => {
-    const p = xe.Children.toArray(A), v = p.map((f) => {
+  const e = gr(), s = ye(yr) || e, a = Ae(null), l = Ae(""), { keepAlivePaths: i, routeElements: h } = ce(() => {
+    const p = xe.Children.toArray(A), y = p.map((f) => {
       if (xe.isValidElement(f)) {
-        const x = f.props?.path || "", I = f.type === eA;
-        return `${x}:${I}`;
+        const x = f.props?.path || "", E = f.type === eA;
+        return `${x}:${E}`;
       }
       return "";
     }).join("|");
-    if (a.current && l.current === v)
+    if (a.current && l.current === y)
       return a.current;
-    l.current = v;
-    const b = [], m = [];
+    l.current = y;
+    const m = [], g = [];
     p.forEach((f) => {
       if (xe.isValidElement(f))
         if (f.type === eA) {
           const x = f.props;
-          x.path && b.push(x.path);
-          const I = x.component, L = typeof I == "function" ? xe.createElement(I) : I;
-          m.push(
+          x.path && m.push(x.path);
+          const E = x.component, M = typeof E == "function" ? xe.createElement(E) : E;
+          g.push(
             /* @__PURE__ */ r(
               Ke,
               {
                 path: x.path,
-                element: /* @__PURE__ */ r(Oo, { children: L })
+                element: /* @__PURE__ */ r(Oo, { children: M })
               },
               x.path || f.key
             )
           );
         } else
-          m.push(f);
+          g.push(f);
     });
-    const g = { keepAlivePaths: b, routeElements: m };
-    return a.current = g, g;
+    const b = { keepAlivePaths: m, routeElements: g };
+    return a.current = b, b;
   }, [A]), c = ye(Ze), d = ce(() => ({
     requestUnregister: (p) => {
       s.current?.destroy(p);
@@ -2974,9 +2988,9 @@ const Qo = ({ children: A, maxKeepAliveTabs: t = 10, ...o }) => {
   isNavigating: !1
 }), wr = () => ye(Cr), Ko = 150;
 function Fo({ children: A }) {
-  const [t, o] = ge(!1), e = Z(null), n = Z(0), s = C(() => {
+  const [t, o] = ge(!1), e = Ae(null), n = Ae(0), s = w(() => {
     e.current && clearTimeout(e.current), n.current = Date.now(), o(!0);
-  }, []), a = C(() => {
+  }, []), a = w(() => {
     const l = Date.now() - n.current, i = Math.max(0, Ko - l);
     e.current = setTimeout(() => {
       o(!1);
@@ -2998,7 +3012,7 @@ function Vo(A, t, o, e, n, s) {
         zIndex: "101"
       },
       children: /* @__PURE__ */ r(
-        De,
+        Me,
         {
           bg: t.colors[t.primaryColor][4],
           color: t.colors[t.primaryColor][6],
@@ -3026,58 +3040,58 @@ function Go({
   sidebarDefaultGroupIcon: d,
   sideBarHeaderHeight: u,
   sideBarHeaderContent: p,
-  selectedGroupColor: v = "#132441",
-  groupColor: b = "white",
-  backgroundGroupColor: m = "#132441",
-  groupLabelDarkColor: g = "white",
+  selectedGroupColor: y = "#132441",
+  groupColor: m = "white",
+  backgroundGroupColor: g = "#132441",
+  groupLabelDarkColor: b = "white",
   groupLabelLightColor: f = "white",
   headerColor: x,
-  footerHeight: I,
-  iconsWithBackground: L,
-  menuItemHeight: J,
-  showSideBar: V = !0,
+  footerHeight: E,
+  iconsWithBackground: M,
+  menuItemHeight: V,
+  showSideBar: U = !0,
   showHeader: Y = !0,
-  headerStyle: M = {},
-  highlightActiveMenuItem: O = !0,
-  customRenderSidebar: D,
-  showCollapsedButton: K = !0,
-  sideBarBackgroundDarkColor: P,
-  sideBarBackgroundLightColor: y,
-  sideBarTextDarkColor: F,
-  sideBarTextLightColor: T,
-  sideBarIconDarkColor: ee,
-  sideBarIconLightColor: U,
-  sideBarBackgroundImage: k,
+  headerStyle: P = {},
+  highlightActiveMenuItem: F = !0,
+  customRenderSidebar: z,
+  showCollapsedButton: Q = !0,
+  sideBarBackgroundDarkColor: O,
+  sideBarBackgroundLightColor: v,
+  sideBarTextDarkColor: L,
+  sideBarTextLightColor: C,
+  sideBarIconDarkColor: _,
+  sideBarIconLightColor: H,
+  sideBarBackgroundImage: I,
   mainBackground: G,
-  mainBorderRadius: Ae,
+  mainBorderRadius: re,
   mainBorderColor: Ce,
   sideBarItemBorderRadius: se,
   sideBarItemHorizontalGap: be,
   sideBarItemActiveBackground: we,
   sideBarCollapsedSubmenuWidth: Se,
-  sidebarActiveColor: w,
-  maxKeepAliveTabs: S = 10,
+  sidebarActiveColor: S,
+  maxKeepAliveTabs: k = 10,
   sidebarVariant: $ = "legacy",
-  sidebarShowSearch: N = !1
+  sidebarShowSearch: D = !1
 }) {
-  const B = me(), E = ye(rA), { colorScheme: z } = de(), j = Et(), [he, Ie] = Rt(), q = Tt(
-    `(max-width: ${s ? fe(s) : B.breakpoints.md})`
+  const B = me(), T = ye(rA), { colorScheme: N } = de(), X = Et(), [he, Ie] = Rt(), j = Tt(
+    `(max-width: ${s ? pe(s) : B.breakpoints.md})`
   ), ve = (ae) => {
-    ae.link && (ae.routeParams ? j(ae.link, {}, ae.routeParams) : j(ae.link));
-  }, W = (ae, ue) => {
-    ae == ue && E.collapsed && E.setCollapsed(!1), E.setCollapsed(ae == ue);
-  }, re = () => {
+    ae.link && (ae.routeParams ? X(ae.link, {}, ae.routeParams) : X(ae.link));
+  }, Z = (ae, ue) => {
+    ae == ue && T.collapsed && T.setCollapsed(!1), T.setCollapsed(ae == ue);
+  }, ee = () => {
     let ae = 0, ue = 0;
-    return u && (ae = Number(fe(u))), a && (ue = Number(fe(a))), `calc(100vh - var(--app-shell-header-offset, 0px) - ${ae + ue}px)`;
+    return u && (ae = Number(pe(u))), a && (ue = Number(pe(a))), `calc(100vh - var(--app-shell-header-offset, 0px) - ${ae + ue}px)`;
   }, Ee = () => {
     let ae = 0, ue = 0;
-    return u && (ae = Number(fe(u))), a && (ue = Number(fe(a))), `calc(100vh - 28px - ${ae + ue}px)`;
-  }, X = ce(() => {
+    return u && (ae = Number(pe(u))), a && (ue = Number(pe(a))), `calc(100vh - 28px - ${ae + ue}px)`;
+  }, J = ce(() => {
     const ae = [];
-    return E.navigationData.forEach((ue, Ge) => {
-      ue.links ? ue.links.forEach((Oe, MA) => {
-        Oe.keepAlive === !1 ? ae.push(/* @__PURE__ */ r(Ke, { path: Oe.link, element: Oe.component }, `${Oe.link}_${MA}`)) : ae.push(
-          /* @__PURE__ */ r(eA, { path: Oe.link, component: Oe.component }, `${Oe.link}_${MA}`)
+    return T.navigationData.forEach((ue, Ge) => {
+      ue.links ? ue.links.forEach((Oe, DA) => {
+        Oe.keepAlive === !1 ? ae.push(/* @__PURE__ */ r(Ke, { path: Oe.link, element: Oe.component }, `${Oe.link}_${DA}`)) : ae.push(
+          /* @__PURE__ */ r(eA, { path: Oe.link, component: Oe.component }, `${Oe.link}_${DA}`)
         );
       }) : ue.keepAlive === !1 ? ae.push(
         /* @__PURE__ */ r(Ke, { path: ue.link, element: ue.component }, `${ue.link}_${Ge}`)
@@ -3085,34 +3099,34 @@ function Go({
         /* @__PURE__ */ r(eA, { path: ue.link, component: ue.component }, `${ue.link}_${Ge}`)
       );
     }), ae;
-  }, [E.navigationData, E.collapsed]), ke = C(() => {
-    E.setCollapsed(!E.collapsed);
-  }, [E.setCollapsed, E.collapsed]), Q = C(() => {
-    E.setHidden(!E.hidden);
-  }, [E.setHidden, E.hidden]);
+  }, [T.navigationData, T.collapsed]), ke = w(() => {
+    T.setCollapsed(!T.collapsed);
+  }, [T.setCollapsed, T.collapsed]), K = w(() => {
+    T.setHidden(!T.hidden);
+  }, [T.setHidden, T.hidden]);
   oe(() => {
-    h && h(E.hidden);
-  }, [E.hidden, Q]), oe(() => {
-    i && i(E.collapsed);
-  }, [E.collapsed, i]);
-  const le = $ === "minimal" || E.collapsed ? n : e, Fe = (ae, ue = !1) => D ? D({ width: e, height: ae, isHidden: q }) : $ === "legacy" ? /* @__PURE__ */ r(
+    h && h(T.hidden);
+  }, [T.hidden, K]), oe(() => {
+    i && i(T.collapsed);
+  }, [T.collapsed, i]);
+  const le = $ === "minimal" || T.collapsed ? n : e, Fe = (ae, ue = !1) => z ? z({ width: e, height: ae, isHidden: j }) : $ === "legacy" ? /* @__PURE__ */ r(
     Ao,
     {
-      navigationData: E.navigationData,
+      navigationData: T.navigationData,
       sidebarHeight: ae,
       sidebarGroupWidth: n,
       sidebarCollapsedWidth: n,
-      selectedGroupColor: v,
-      groupColor: b,
-      backgroundGroupColor: m,
-      groupLabelDarkColor: g,
+      selectedGroupColor: y,
+      groupColor: m,
+      backgroundGroupColor: g,
+      groupLabelDarkColor: b,
       groupLabelLightColor: f,
       showGroupLabels: !1,
-      collapsed: ue ? !1 : E.collapsed,
+      collapsed: ue ? !1 : T.collapsed,
       sidebarWidth: e,
-      isHidden: q,
+      isHidden: j,
       onMenuItemClick: ve,
-      onClickActionIcon: W,
+      onClickActionIcon: Z,
       sideBarFooterHeight: a,
       sideBarFooterContent: l,
       sideBarHeaderContent: p,
@@ -3120,68 +3134,68 @@ function Go({
       sidebarRef: he,
       defaultGroupIcon: d,
       selectedGroupName: c,
-      iconsWithBackground: L,
-      menuItemHeight: J,
-      highlightActiveMenuItem: O,
-      backgroundDarkColor: P,
-      backgroundLightColor: y,
-      textDarkColor: F,
-      textLightColor: T,
-      iconDarkColor: ee,
-      iconLightColor: U,
+      iconsWithBackground: M,
+      menuItemHeight: V,
+      highlightActiveMenuItem: F,
+      backgroundDarkColor: O,
+      backgroundLightColor: v,
+      textDarkColor: L,
+      textLightColor: C,
+      iconDarkColor: _,
+      iconLightColor: H,
       collapsedSubmenuWidth: Se,
-      isLoading: E.isLoadingPermissions,
-      loadingError: E.permissionsError
+      isLoading: T.isLoadingPermissions,
+      loadingError: T.permissionsError
     }
   ) : /* @__PURE__ */ r(
-    po,
+    fo,
     {
-      navigationData: E.navigationData,
+      navigationData: T.navigationData,
       variant: $,
       width: le,
       collapsedWidth: n,
       height: ae,
       groupColumnWidth: n,
-      collapsed: ue ? !1 : E.collapsed,
-      onCollapsedChange: (Ge) => E.setCollapsed(Ge),
+      collapsed: ue ? !1 : T.collapsed,
+      onCollapsedChange: (Ge) => T.setCollapsed(Ge),
       activeGroup: c,
       onActiveGroupChange: (Ge) => {
       },
       defaultGroupIcon: d,
       showGroupLabels: !1,
       onMenuItemClick: ve,
-      showSearch: N,
+      showSearch: D,
       header: p,
       footer: l,
       footerHeight: a,
-      isLoading: E.isLoadingPermissions,
-      loadingError: E.permissionsError,
+      isLoading: T.isLoadingPermissions,
+      loadingError: T.permissionsError,
       theme: B,
-      highlightActiveItem: O,
-      backgroundDarkColor: P,
-      backgroundLightColor: y,
-      backgroundImage: k,
-      textDarkColor: F,
-      textLightColor: T,
-      iconDarkColor: ee,
-      iconLightColor: U,
-      groupBackgroundColor: m,
-      selectedGroupColor: v,
-      groupColor: b,
-      groupLabelDarkColor: g,
+      highlightActiveItem: F,
+      backgroundDarkColor: O,
+      backgroundLightColor: v,
+      backgroundImage: I,
+      textDarkColor: L,
+      textLightColor: C,
+      iconDarkColor: _,
+      iconLightColor: H,
+      groupBackgroundColor: g,
+      selectedGroupColor: y,
+      groupColor: m,
+      groupLabelDarkColor: b,
       groupLabelLightColor: f,
-      activeColor: w,
+      activeColor: S,
       itemBorderRadius: se,
       itemHorizontalGap: be,
       itemActiveBackground: we,
       withBorder: !1,
       sidebarRef: he
     }
-  ), Ve = z === "dark" ? P ?? B.colors.dark[7] : y ?? B.white, Qe = $ === "legacy", xr = Qe ? void 0 : {
+  ), Ve = N === "dark" ? O ?? B.colors.dark[7] : v ?? B.white, Qe = $ === "legacy", xr = Qe ? void 0 : {
     width: { base: le },
     breakpoint: "sm",
-    collapsed: { mobile: q || !V, desktop: q || !V }
-  }, RA = G ?? (z === "dark" ? B.colors.dark[8] : B.colors.gray[0]), Ir = Qe ? {
+    collapsed: { mobile: j || !U, desktop: j || !U }
+  }, RA = G ?? (N === "dark" ? B.colors.dark[8] : B.colors.gray[0]), Ir = Qe ? {
     main: {
       background: RA,
       overflow: "hidden"
@@ -3192,14 +3206,14 @@ function Go({
       overflow: "hidden"
     },
     navbar: {
-      background: k ?? Ve,
+      background: I ?? Ve,
       border: "none"
     }
-  }, PA = typeof Ae == "number" ? `${Ae}px` : Ae ?? "4px", LA = Ce ?? (z === "dark" ? B.colors.dark[4] : "#e4e9ef"), Tr = Qe ? {
+  }, PA = typeof re == "number" ? `${re}px` : re ?? "4px", LA = Ce ?? (N === "dark" ? B.colors.dark[4] : "#e4e9ef"), Tr = Qe ? {
     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(${q ? "0px" : le} + 1rem))`,
+    width: `calc(100vw - var(--app-shell-padding) - calc(${j ? "0px" : le} + 1rem))`,
     marginTop: "0.5rem",
-    marginLeft: `calc(${q ? "0px" : le} + 0.5rem)`,
+    marginLeft: `calc(${j ? "0px" : le} + 0.5rem)`,
     border: `1px solid ${LA}`,
     borderRadius: PA,
     overflow: "hidden"
@@ -3218,7 +3232,7 @@ function Go({
     {
       header: { height: "60px", collapsed: !Y },
       navbar: xr,
-      footer: { height: I || "0px" },
+      footer: { height: E || "0px" },
       styles: Ir,
       children: [
         /* @__PURE__ */ r(
@@ -3231,30 +3245,30 @@ function Go({
               backgroundColor: "var(--mantine-primary-color-8)",
               alignItems: "center",
               borderBottom: "none",
-              ...M
+              ...P
             },
             children: t
           }
         ),
-        !q && V && /* @__PURE__ */ r(Be.Navbar, { children: Fe(re(), !1) }),
+        !j && U && /* @__PURE__ */ r(Be.Navbar, { children: Fe(ee(), !1) }),
         /* @__PURE__ */ R(Be.Main, { children: [
-          !q && K && Vo(
-            z,
+          !j && Q && Vo(
+            N,
             B,
-            E,
+            T,
             e,
             n,
             ke
           ),
-          /* @__PURE__ */ r(Do, { children: /* @__PURE__ */ R("div", { style: Tr, children: [
+          /* @__PURE__ */ r(Mo, { children: /* @__PURE__ */ R("div", { style: Tr, children: [
             A,
-            /* @__PURE__ */ r(Bo, { maxKeepAliveTabs: S, routes: X })
+            /* @__PURE__ */ r(Bo, { maxKeepAliveTabs: k, routes: J })
           ] }) }),
-          V && /* @__PURE__ */ r(
+          U && /* @__PURE__ */ r(
             JA,
             {
-              opened: E.hidden || !1,
-              onClose: Q,
+              opened: T.hidden || !1,
+              onClose: K,
               size: e,
               padding: 0,
               styles: {
@@ -3295,48 +3309,49 @@ function Yn({
   sideBarFooterHeight: d,
   sideBarFooterContent: u,
   onCollapsedSideBar: p,
-  onHiddenSidebar: v,
-  sidebarDefaultGroupIcon: b,
-  sidebarSelectedGroupName: m,
-  sideBarHeaderHeight: g,
+  onHiddenSidebar: y,
+  sidebarDefaultGroupIcon: m,
+  sidebarSelectedGroupName: g,
+  sideBarHeaderHeight: b,
   sideBarHeaderContent: f,
   selectedGroupColor: x = "#132441",
-  groupColor: I = "white",
-  backgroundGroupColor: L = "#132441",
-  groupLabelDarkColor: J = "white",
-  groupLabelLightColor: V = "white",
+  groupColor: E = "white",
+  backgroundGroupColor: M = "#132441",
+  groupLabelDarkColor: V = "white",
+  groupLabelLightColor: U = "white",
   headerColor: Y,
-  footerHeight: M,
-  iconsWithBackground: O,
-  menuItemHeight: D,
-  showSideBar: K,
-  showHeader: P,
-  headerStyle: y,
-  highlightActiveMenuItem: F,
-  enableSecurity: T = !1,
-  securityOptions: ee,
-  customRenderSidebar: U,
-  onNavigationDataChange: k,
-  showCollapsedButton: G,
-  initialSidebarCollapsed: Ae = !1,
-  sideBarBackgroundDarkColor: Ce,
-  sideBarBackgroundLightColor: se,
-  sideBarTextDarkColor: be,
-  sideBarTextLightColor: we,
-  sideBarIconDarkColor: Se,
-  sideBarIconLightColor: w,
-  sideBarBackgroundImage: S,
-  mainBackground: $,
-  mainBorderRadius: N,
-  mainBorderColor: B,
-  sideBarItemBorderRadius: E,
-  sideBarItemHorizontalGap: z,
-  sideBarItemActiveBackground: j,
-  sideBarCollapsedSubmenuWidth: he,
-  sidebarActiveColor: Ie,
-  maxKeepAliveTabs: q = 10,
-  sidebarVariant: ve = "legacy",
-  sidebarShowSearch: W = !1
+  footerHeight: P,
+  iconsWithBackground: F,
+  menuItemHeight: z,
+  showSideBar: Q,
+  showHeader: O,
+  headerStyle: v,
+  highlightActiveMenuItem: L,
+  enableSecurity: C = !1,
+  securityOptions: _,
+  securityFailMode: H,
+  customRenderSidebar: I,
+  onNavigationDataChange: G,
+  showCollapsedButton: re,
+  initialSidebarCollapsed: Ce = !1,
+  sideBarBackgroundDarkColor: se,
+  sideBarBackgroundLightColor: be,
+  sideBarTextDarkColor: we,
+  sideBarTextLightColor: Se,
+  sideBarIconDarkColor: S,
+  sideBarIconLightColor: k,
+  sideBarBackgroundImage: $,
+  mainBackground: D,
+  mainBorderRadius: B,
+  mainBorderColor: T,
+  sideBarItemBorderRadius: N,
+  sideBarItemHorizontalGap: X,
+  sideBarItemActiveBackground: he,
+  sideBarCollapsedSubmenuWidth: Ie,
+  sidebarActiveColor: j,
+  maxKeepAliveTabs: ve = 10,
+  sidebarVariant: Z = "legacy",
+  sidebarShowSearch: ee = !1
 }) {
   return /* @__PURE__ */ r(
     Bt,
@@ -3346,10 +3361,11 @@ function Yn({
       user: o,
       owner: a,
       company: l,
-      enableSecurity: T,
-      securityOptions: ee,
-      onNavigationDataChange: k,
-      initialSidebarCollapsed: Ae,
+      enableSecurity: C,
+      securityOptions: _,
+      securityFailMode: H,
+      onNavigationDataChange: G,
+      initialSidebarCollapsed: Ce,
       children: /* @__PURE__ */ r(
         Go,
         {
@@ -3362,48 +3378,48 @@ function Yn({
           sideBarWidth: i,
           sideBarCollapsedWidth: h,
           sideBarHiddenBreakPoint: c,
-          sideBarHeaderHeight: g,
+          sideBarHeaderHeight: b,
           sideBarHeaderContent: f,
           sideBarFooterHeight: d,
           sideBarFooterContent: u,
           selectedGroupColor: x,
-          groupColor: I,
-          backgroundGroupColor: L,
-          groupLabelDarkColor: J,
-          groupLabelLightColor: V,
+          groupColor: E,
+          backgroundGroupColor: M,
+          groupLabelDarkColor: V,
+          groupLabelLightColor: U,
           onCollapsedSideBar: p,
-          onHiddenSidebar: v,
-          sidebarDefaultGroupIcon: b,
-          sidebarSelectedGroupName: m,
+          onHiddenSidebar: y,
+          sidebarDefaultGroupIcon: m,
+          sidebarSelectedGroupName: g,
           headerColor: Y,
-          footerHeight: M,
-          iconsWithBackground: O,
-          menuItemHeight: D,
-          showSideBar: K,
-          showHeader: P,
-          headerStyle: y,
-          highlightActiveMenuItem: F,
-          enableSecurity: T,
-          customRenderSidebar: U,
-          showCollapsedButton: G,
-          sideBarBackgroundDarkColor: Ce,
-          sideBarBackgroundLightColor: se,
-          sideBarTextDarkColor: be,
-          sideBarTextLightColor: we,
-          sideBarIconDarkColor: Se,
-          sideBarIconLightColor: w,
-          sideBarBackgroundImage: S,
-          mainBackground: $,
-          mainBorderRadius: N,
-          mainBorderColor: B,
-          sideBarItemBorderRadius: E,
-          sideBarItemHorizontalGap: z,
-          sideBarItemActiveBackground: j,
-          sideBarCollapsedSubmenuWidth: he,
-          sidebarActiveColor: Ie,
-          maxKeepAliveTabs: q,
-          sidebarVariant: ve,
-          sidebarShowSearch: W,
+          footerHeight: P,
+          iconsWithBackground: F,
+          menuItemHeight: z,
+          showSideBar: Q,
+          showHeader: O,
+          headerStyle: v,
+          highlightActiveMenuItem: L,
+          enableSecurity: C,
+          customRenderSidebar: I,
+          showCollapsedButton: re,
+          sideBarBackgroundDarkColor: se,
+          sideBarBackgroundLightColor: be,
+          sideBarTextDarkColor: we,
+          sideBarTextLightColor: Se,
+          sideBarIconDarkColor: S,
+          sideBarIconLightColor: k,
+          sideBarBackgroundImage: $,
+          mainBackground: D,
+          mainBorderRadius: B,
+          mainBorderColor: T,
+          sideBarItemBorderRadius: N,
+          sideBarItemHorizontalGap: X,
+          sideBarItemActiveBackground: he,
+          sideBarCollapsedSubmenuWidth: Ie,
+          sidebarActiveColor: j,
+          maxKeepAliveTabs: ve,
+          sidebarVariant: Z,
+          sidebarShowSearch: ee,
           children: e
         }
       )
@@ -3447,9 +3463,9 @@ const Sr = Ne({
     throw new Error("useArchbaseNavigationContext deve ser usado dentro de um ArchbaseNavigationProvider");
   return A;
 }, jn = (A, t) => {
-  const o = kr(), { state: e, dispatch: n } = o, s = C((i) => {
+  const o = kr(), { state: e, dispatch: n } = o, s = w((i) => {
     n({ type: "CLOSE_ALLOWED", link: A, payload: i });
-  }, [n, A]), a = Z(t);
+  }, [n, A]), a = Ae(t);
   a.current = t, oe(() => {
     e && e.userCloseLinkRequest && e.userCloseLinkRequest === A && a.current();
   }, [e, A]);
@@ -3519,193 +3535,193 @@ function Xn({
   openedTabs: n = [],
   colors: s
 }) {
-  const [a, l] = xe.useTransition(), i = qe(), { colorScheme: h } = de(), [c, d] = ge(n), [u, p] = ge(e), v = Z(void 0), b = je(), m = Z([]);
-  Nt(m);
-  const g = kr(), { state: f, dispatch: x } = g, I = ye(rA), L = Mo(), { start: J, done: V } = wr(), Y = AA((w) => w.clearSnapshot), M = AA((w) => w.removeTab), O = Z(t), D = Z(o);
+  const [a, l] = xe.useTransition(), i = qe(), { colorScheme: h } = de(), [c, d] = ge(n), [u, p] = ge(e), y = Ae(void 0), m = je(), g = Ae([]);
+  Nt(g);
+  const b = kr(), { state: f, dispatch: x } = b, E = ye(rA), M = Do(), { start: V, done: U } = wr(), Y = AA((S) => S.clearSnapshot), P = AA((S) => S.removeTab), F = Ae(t), z = Ae(o);
   oe(() => {
-    O.current = t, D.current = o;
+    F.current = t, z.current = o;
   });
-  const K = Z(u);
+  const Q = Ae(u);
   oe(() => {
-    v.current = K.current, K.current = u;
+    y.current = Q.current, Q.current = u;
   }, [u]);
-  const P = Z(!1), y = C((w, S) => {
-    J(), L ? L.destroy(w) : console.error("[ArchbaseAdminTabContainer] keepAliveCache context not available. Tab cache cleanup will not occur. This may cause memory leaks."), Y(w), M(w);
-    const $ = c.findIndex((j) => j.path === w);
-    let N = S?.redirectUrl;
-    !N && $ >= 0 && (N = c[$].redirect);
-    const B = c.filter((j) => j.id !== w);
-    let E = null;
-    if (v.current && v.current !== w) {
-      const j = B.find((he) => he.id === v.current);
-      j && (E = j.id);
+  const O = Ae(!1), v = w((S, k) => {
+    V(), M ? M.destroy(S) : console.error("[ArchbaseAdminTabContainer] keepAliveCache context not available. Tab cache cleanup will not occur. This may cause memory leaks."), Y(S), P(S);
+    const $ = c.findIndex((X) => X.path === S);
+    let D = k?.redirectUrl;
+    !D && $ >= 0 && (D = c[$].redirect);
+    const B = c.filter((X) => X.id !== S);
+    let T = null;
+    if (y.current && y.current !== S) {
+      const X = B.find((he) => he.id === y.current);
+      X && (T = X.id);
     }
-    if (!E) {
-      let j = -1;
-      B.forEach((he, Ie) => he.id === u && (j = Ie)), B.length > 0 && B[j] ? E = B[j].id : B.length > 0 && (E = B[B.length - 1].id);
+    if (!T) {
+      let X = -1;
+      B.forEach((he, Ie) => he.id === u && (X = Ie)), B.length > 0 && B[X] ? T = B[X].id : B.length > 0 && (T = B[B.length - 1].id);
     }
-    const z = B.map((j) => ({
-      ...j,
-      active: E === j.id
+    const N = B.map((X) => ({
+      ...X,
+      active: T === X.id
     }));
-    if (d(z), E && E != null)
-      p(E), i(N || E);
+    if (d(N), T && T != null)
+      p(T), i(D || T);
     else {
-      if (p(void 0), !I.navigationRootLink) {
+      if (p(void 0), !E.navigationRootLink) {
         console.error("[ArchbaseAdminTabContainer] navigationRootLink is not configured. Cannot navigate to root.");
         return;
       }
-      i(I.navigationRootLink);
+      i(E.navigationRootLink);
     }
-    x({ type: "DONE", link: "" }), V();
-  }, [c, u, i, I.navigationRootLink, x, L, J, V, Y, M]);
+    x({ type: "DONE", link: "" }), U();
+  }, [c, u, i, E.navigationRootLink, x, M, V, U, Y, P]);
   oe(() => {
-    f?.linkClosed && y(f?.linkClosed, f?.payload);
-  }, [f?.linkClosed, f?.payload, y]);
-  const F = (w) => {
-    const S = {
+    f?.linkClosed && v(f?.linkClosed, f?.payload);
+  }, [f?.linkClosed, f?.payload, v]);
+  const L = (S) => {
+    const k = {
       item: void 0,
       title: void 0,
-      link: w,
+      link: S,
       redirect: void 0,
       customTitle: void 0
     };
     return A.forEach(($) => {
       if ($.links)
-        $.links.forEach((N) => {
-          zA({ path: N.link || "" }, location.pathname) && (S.item = N, S.title = `${ne().t(N.label)}`, S.redirect = N.redirect, S.customTitle = N.customTitle);
+        $.links.forEach((D) => {
+          zA({ path: D.link || "" }, location.pathname) && (k.item = D, k.title = `${ne().t(D.label)}`, k.redirect = D.redirect, k.customTitle = D.customTitle);
         });
-      else if ($.link && !S.item) {
-        const N = zA({ path: $.link }, location.pathname);
-        N && (N.params && Object.keys(N.params).length > 0 ? S.title = `${N.params[Object.keys(N.params)[0]]}` : S.title = `${ne().t($.label)}`, S.item = $, S.redirect = $.redirect, S.customTitle = $.customTitle);
+      else if ($.link && !k.item) {
+        const D = zA({ path: $.link }, location.pathname);
+        D && (D.params && Object.keys(D.params).length > 0 ? k.title = `${D.params[Object.keys(D.params)[0]]}` : k.title = `${ne().t($.label)}`, k.item = $, k.redirect = $.redirect, k.customTitle = $.customTitle);
       }
-    }), S.customTitle && (S.customTitle = S.customTitle.replace("$title", S.title)), S;
+    }), k.customTitle && (k.customTitle = k.customTitle.replace("$title", k.title)), k;
   };
   oe(() => {
-    d(n), P.current = !0;
+    d(n), O.current = !0;
   }, [JSON.stringify(n)]);
-  const T = Z(c), ee = Z(u);
+  const C = Ae(c), _ = Ae(u);
   oe(() => {
-    if (P.current) {
-      P.current = !1, T.current = c, ee.current = u;
+    if (O.current) {
+      O.current = !1, C.current = c, _.current = u;
       return;
     }
-    const w = JSON.stringify(T.current) !== JSON.stringify(c), S = ee.current !== u;
-    if (w || S) {
+    const S = JSON.stringify(C.current) !== JSON.stringify(c), k = _.current !== u;
+    if (S || k) {
       const $ = setTimeout(() => {
-        O.current?.(c), D.current?.(u);
+        F.current?.(c), z.current?.(u);
       }, 0);
-      return T.current = c, ee.current = u, () => clearTimeout($);
+      return C.current = c, _.current = u, () => clearTimeout($);
     }
   }, [c, u]);
-  const U = Z("");
+  const H = Ae("");
   oe(() => {
-    if (U.current === b.pathname)
+    if (H.current === m.pathname)
       return;
-    U.current = b.pathname;
-    const w = F(b.pathname);
-    if (w && w.item) {
-      const S = c.findIndex(($) => $.path === w.link);
-      if (S !== -1) {
-        if (c[S].title !== w.title) {
+    H.current = m.pathname;
+    const S = L(m.pathname);
+    if (S && S.item) {
+      const k = c.findIndex(($) => $.path === S.link);
+      if (k !== -1) {
+        if (c[k].title !== S.title) {
           const $ = [...c];
-          $[S] = { ...$[S], title: w.title }, d($);
+          $[k] = { ...$[k], title: S.title }, d($);
         }
-        p(c[S].id);
+        p(c[k].id);
       } else {
         const $ = {
-          id: `${w.link}`,
-          title: `${w.title}`,
-          path: `${w.link}`,
+          id: `${S.link}`,
+          title: `${S.title}`,
+          path: `${S.link}`,
           active: !0,
-          content: w.item.component,
-          iconClass: w.item.icon,
+          content: S.item.component,
+          iconClass: S.item.icon,
           closeButton: !0,
-          redirect: w.redirect,
-          customTitle: w.customTitle
-        }, N = [...c.map((B) => ({ ...B, active: !1 })), $];
-        d(N), p($.id);
+          redirect: S.redirect,
+          customTitle: S.customTitle
+        }, D = [...c.map((B) => ({ ...B, active: !1 })), $];
+        d(D), p($.id);
       }
     }
-  }, [b.pathname]);
-  const k = (w) => {
-    const S = c.filter(($) => $.id === w);
-    S && S.length > 0 && b.pathname !== S[0].path && (J(), i(S[0].path)), l(() => {
-      p(w), V();
+  }, [m.pathname]);
+  const I = (S) => {
+    const k = c.filter(($) => $.id === S);
+    k && k.length > 0 && m.pathname !== k[0].path && (V(), i(k[0].path)), l(() => {
+      p(S), U();
     });
-  }, G = (w) => {
+  }, G = (S) => {
     try {
-      J(), x({ type: "USER_CLOSE_REQUEST", link: w });
-    } catch (S) {
-      console.error("[TabContainer] Dispatch failed:", S), V();
+      V(), x({ type: "USER_CLOSE_REQUEST", link: S });
+    } catch (k) {
+      console.error("[TabContainer] Dispatch failed:", k), U();
     }
-  }, Ae = C(() => {
-    if (L?.destroyAll(), c.forEach((w) => {
-      Y(w.id), M(w.id);
-    }), d([]), p(void 0), !I.navigationRootLink) {
+  }, re = w(() => {
+    if (M?.destroyAll(), c.forEach((S) => {
+      Y(S.id), P(S.id);
+    }), d([]), p(void 0), !E.navigationRootLink) {
       console.error("[ArchbaseAdminTabContainer] navigationRootLink is not configured. Cannot navigate to root.");
       return;
     }
-    i(I.navigationRootLink);
-  }, [i, I.navigationRootLink, L, c, Y, M]), Ce = C((w) => {
-    const S = c.findIndex((z) => z.id === w);
-    if (S <= 0)
+    i(E.navigationRootLink);
+  }, [i, E.navigationRootLink, M, c, Y, P]), Ce = w((S) => {
+    const k = c.findIndex((N) => N.id === S);
+    if (k <= 0)
       return;
-    c.slice(0, S).forEach((z) => {
-      L?.destroy(z.path), Y(z.id), M(z.id);
+    c.slice(0, k).forEach((N) => {
+      M?.destroy(N.path), Y(N.id), P(N.id);
     });
-    const N = c.slice(S), B = N.find((z) => z.id === u)?.id || N[0]?.id, E = N.map((z) => ({
-      ...z,
-      active: z.id === B
+    const D = c.slice(k), B = D.find((N) => N.id === u)?.id || D[0]?.id, T = D.map((N) => ({
+      ...N,
+      active: N.id === B
     }));
-    if (d(E), B) {
+    if (d(T), B) {
       p(B);
-      const z = E.find((j) => j.id === B);
-      z && b.pathname !== z.path && i(z.path);
+      const N = T.find((X) => X.id === B);
+      N && m.pathname !== N.path && i(N.path);
     }
-  }, [c, u, i, b.pathname, L, Y, M]), se = C((w) => {
-    const S = c.findIndex((z) => z.id === w);
-    if (S === -1 || S >= c.length - 1)
+  }, [c, u, i, m.pathname, M, Y, P]), se = w((S) => {
+    const k = c.findIndex((N) => N.id === S);
+    if (k === -1 || k >= c.length - 1)
       return;
-    c.slice(S + 1).forEach((z) => {
-      L?.destroy(z.path), Y(z.id), M(z.id);
+    c.slice(k + 1).forEach((N) => {
+      M?.destroy(N.path), Y(N.id), P(N.id);
     });
-    const N = c.slice(0, S + 1), B = N.find((z) => z.id === u)?.id || N[N.length - 1]?.id, E = N.map((z) => ({
-      ...z,
-      active: z.id === B
+    const D = c.slice(0, k + 1), B = D.find((N) => N.id === u)?.id || D[D.length - 1]?.id, T = D.map((N) => ({
+      ...N,
+      active: N.id === B
     }));
-    if (d(E), B) {
+    if (d(T), B) {
       p(B);
-      const z = E.find((j) => j.id === B);
-      z && b.pathname !== z.path && i(z.path);
+      const N = T.find((X) => X.id === B);
+      N && m.pathname !== N.path && i(N.path);
     }
-  }, [c, u, i, b.pathname, L, Y, M]), be = C((w) => {
-    const S = c.find((N) => N.id === w);
-    if (!S)
+  }, [c, u, i, m.pathname, M, Y, P]), be = w((S) => {
+    const k = c.find((D) => D.id === S);
+    if (!k)
       return;
-    L?.destroyOther(S.path), c.forEach((N) => {
-      N.id !== w && (Y(N.id), M(N.id));
+    M?.destroyOther(k.path), c.forEach((D) => {
+      D.id !== S && (Y(D.id), P(D.id));
     });
-    const $ = [{ ...S, active: !0 }];
-    d($), p(w), b.pathname !== S.path && i(S.path);
-  }, [c, i, b.pathname, L, Y, M]), we = f?.isClosing ? f?.userCloseLinkRequest : void 0;
-  return /* @__PURE__ */ r("div", { ref: m, children: /* @__PURE__ */ r(
+    const $ = [{ ...k, active: !0 }];
+    d($), p(S), m.pathname !== k.path && i(k.path);
+  }, [c, i, m.pathname, M, Y, P]), we = f?.isClosing ? f?.userCloseLinkRequest : void 0;
+  return /* @__PURE__ */ r("div", { ref: g, children: /* @__PURE__ */ r(
     zt,
     {
       buttonCloseOnlyActiveTab: !0,
-      onClick: (w) => k(w),
-      onTabClose: (w) => G(w),
-      onTabChange: (w) => null,
-      onCloseAllTabs: Ae,
+      onClick: (S) => I(S),
+      onTabClose: (S) => G(S),
+      onTabChange: (S) => null,
+      onCloseAllTabs: re,
       onCloseLeftTabs: Ce,
       onCloseRightTabs: se,
       onCloseOtherTabs: be,
-      currentTabs: ((w) => w.map((S) => ({
-        key: S.id,
-        favicon: S.iconClass,
-        title: S.title,
-        customTitle: S.customTitle,
-        closing: we === S.id
+      currentTabs: ((S) => S.map((k) => ({
+        key: k.id,
+        favicon: k.iconClass,
+        title: k.title,
+        customTitle: k.customTitle,
+        closing: we === k.id
       })))(c),
       activeTab: u,
       colors: s,
@@ -3845,7 +3861,7 @@ const nn = {
   avatarMaxOutputSizePx: 512
 };
 function Zn({ opened: A, handleClose: t, userId: o, updateUser: e, options: n }) {
-  const s = zr(), a = Or(), l = At(), i = Qt(`myProfile${o}Store`), h = Kt(rt.User), c = { ...nn, ...n ?? {} }, { dataSource: d, isLoading: u, error: p, isError: v, clearError: b } = Ft({
+  const s = zr(), a = Or(), l = At(), i = Qt(`myProfile${o}Store`), h = Kt(rt.User), c = { ...nn, ...n ?? {} }, { dataSource: d, isLoading: u, error: p, isError: y, clearError: m } = Ft({
     name: `dsUser${o}`,
     label: `${ne().t("archbase:My Profile")}`,
     service: h,
@@ -3854,21 +3870,21 @@ function Zn({ opened: A, handleClose: t, userId: o, updateUser: e, options: n })
     loadOnStart: !0,
     validator: l,
     id: o,
-    onLoadComplete: (g) => {
-      g.isBrowsing() && g.edit(), a();
+    onLoadComplete: (b) => {
+      b.isBrowsing() && b.edit(), a();
     },
-    onDestroy: (g) => {
+    onDestroy: (b) => {
     },
-    onError: (g, f) => {
-      const x = g instanceof Error ? g.message : typeof g == "string" ? g : JSON.stringify(g);
+    onError: (b, f) => {
+      const x = b instanceof Error ? b.message : typeof b == "string" ? b : JSON.stringify(b);
       Pt.showError(ne().t("archbase:WARNING"), x, f);
     }
   });
   oe(() => {
     A && d && d.isBrowsing() && d.edit();
   }, [d, A]);
-  const m = (g) => {
-    g && (console.log(g), e(g.name, g.avatar));
+  const g = (b) => {
+    b && (console.log(b), e(b.name, b.avatar));
   };
   return /* @__PURE__ */ r(
     Vt,
@@ -3880,9 +3896,9 @@ function Zn({ opened: A, handleClose: t, userId: o, updateUser: e, options: n })
       dataSource: d,
       onClickOk: t,
       onClickCancel: t,
-      onAfterSave: m,
-      children: /* @__PURE__ */ r(ze, { style: { height: "440px" }, ref: s, children: /* @__PURE__ */ R(_, { children: [
-        /* @__PURE__ */ r(_, { align: "center", children: /* @__PURE__ */ r(
+      onAfterSave: g,
+      children: /* @__PURE__ */ r(ze, { style: { height: "440px" }, ref: s, children: /* @__PURE__ */ R(W, { children: [
+        /* @__PURE__ */ r(W, { align: "center", children: /* @__PURE__ */ r(
           Lt,
           {
             dataSource: d,
@@ -4030,7 +4046,7 @@ const es = ir((A) => ({
   tabId: A,
   children: t
 }) => {
-  const { getSnapshot: o, saveSnapshot: e } = AA(), n = Z(void 0);
+  const { getSnapshot: o, saveSnapshot: e } = AA(), n = Ae(void 0);
   if (!n.current) {
     const s = o(A);
     n.current = sn(s);
@@ -4058,7 +4074,7 @@ function EA() {
   return ye(tA);
 }
 function oA(A, t) {
-  const o = EA(), e = Z({ resolved: !1, value: void 0 });
+  const o = EA(), e = Ae({ resolved: !1, value: void 0 });
   e.current.resolved || (e.current = {
     resolved: !0,
     value: typeof t == "function" ? t() : t
@@ -4075,7 +4091,7 @@ function oA(A, t) {
     // getServerSnapshot
     () => {
     }
-  ), i = o ? l !== void 0 ? l : n : s, h = C((c) => {
+  ), i = o ? l !== void 0 ? l : n : s, h = w((c) => {
     if (!o) {
       a(c);
       return;
@@ -4104,26 +4120,26 @@ function os(A, t) {
   const o = { ...an, ...t }, [e, n] = oA(
     `grid_${A}`,
     o
-  ), s = C((f) => {
+  ), s = w((f) => {
     n((x) => ({ ...x, ...f }));
-  }, [n]), a = C((f) => s({ page: f }), [s]), l = C((f) => s({ pageSize: f, page: 0 }), [s]), i = C((f) => s({ sortModel: f }), [s]), h = C((f) => s({ filterModel: f, page: 0 }), [s]), c = C((f) => s({ selectedRowIds: f }), [s]), d = C((f) => {
+  }, [n]), a = w((f) => s({ page: f }), [s]), l = w((f) => s({ pageSize: f, page: 0 }), [s]), i = w((f) => s({ sortModel: f }), [s]), h = w((f) => s({ filterModel: f, page: 0 }), [s]), c = w((f) => s({ selectedRowIds: f }), [s]), d = w((f) => {
     n((x) => ({
       ...x,
-      selectedRowIds: x.selectedRowIds.includes(f) ? x.selectedRowIds.filter((I) => I !== f) : [...x.selectedRowIds, f]
+      selectedRowIds: x.selectedRowIds.includes(f) ? x.selectedRowIds.filter((E) => E !== f) : [...x.selectedRowIds, f]
     }));
-  }, [n]), u = C((f) => s({ selectedRowIds: f }), [s]), p = C(() => s({ selectedRowIds: [] }), [s]), v = C((f) => {
+  }, [n]), u = w((f) => s({ selectedRowIds: f }), [s]), p = w(() => s({ selectedRowIds: [] }), [s]), y = w((f) => {
     n((x) => ({
       ...x,
-      expandedRowIds: x.expandedRowIds.includes(f) ? x.expandedRowIds.filter((I) => I !== f) : [...x.expandedRowIds, f]
+      expandedRowIds: x.expandedRowIds.includes(f) ? x.expandedRowIds.filter((E) => E !== f) : [...x.expandedRowIds, f]
     }));
-  }, [n]), b = C(() => n(o), [n, o]), m = C((f) => e.selectedRowIds.includes(f), [e.selectedRowIds]), g = C((f) => e.expandedRowIds.includes(f), [e.expandedRowIds]);
+  }, [n]), m = w(() => n(o), [n, o]), g = w((f) => e.selectedRowIds.includes(f), [e.selectedRowIds]), b = w((f) => e.expandedRowIds.includes(f), [e.expandedRowIds]);
   return {
     /** Estado completo do grid */
     state: e,
     /** Atualizar multiplos campos */
     update: s,
     /** Resetar para estado inicial */
-    reset: b,
+    reset: m,
     // Paginacao
     setPage: a,
     setPageSize: l,
@@ -4135,14 +4151,14 @@ function os(A, t) {
     toggleRowSelection: d,
     selectAllRows: u,
     clearSelection: p,
-    isRowSelected: m,
+    isRowSelected: g,
     /** Quantidade de linhas selecionadas */
     selectedCount: e.selectedRowIds.length,
     /** Se tem alguma linha selecionada */
     hasSelection: e.selectedRowIds.length > 0,
     // Expansao (master-detail)
-    toggleRowExpansion: v,
-    isRowExpanded: g
+    toggleRowExpansion: y,
+    isRowExpanded: b
   };
 }
 const UA = {
@@ -4154,42 +4170,42 @@ function ns(A, t = []) {
   const [o, e] = oA(
     `tree_${A}`,
     { ...UA, expandedNodeIds: t }
-  ), n = C((m) => {
-    e((g) => ({
-      ...g,
-      expandedNodeIds: g.expandedNodeIds.includes(m) ? g.expandedNodeIds.filter((f) => f !== m) : [...g.expandedNodeIds, m]
+  ), n = w((g) => {
+    e((b) => ({
+      ...b,
+      expandedNodeIds: b.expandedNodeIds.includes(g) ? b.expandedNodeIds.filter((f) => f !== g) : [...b.expandedNodeIds, g]
     }));
-  }, [e]), s = C((m) => {
-    e((g) => ({
-      ...g,
-      expandedNodeIds: g.expandedNodeIds.includes(m) ? g.expandedNodeIds : [...g.expandedNodeIds, m]
+  }, [e]), s = w((g) => {
+    e((b) => ({
+      ...b,
+      expandedNodeIds: b.expandedNodeIds.includes(g) ? b.expandedNodeIds : [...b.expandedNodeIds, g]
     }));
-  }, [e]), a = C((m) => {
-    e((g) => ({
-      ...g,
-      expandedNodeIds: g.expandedNodeIds.filter((f) => f !== m)
+  }, [e]), a = w((g) => {
+    e((b) => ({
+      ...b,
+      expandedNodeIds: b.expandedNodeIds.filter((f) => f !== g)
     }));
-  }, [e]), l = C((m) => {
-    e((g) => ({ ...g, expandedNodeIds: m }));
-  }, [e]), i = C(() => {
-    e((m) => ({ ...m, expandedNodeIds: [] }));
-  }, [e]), h = C((m) => {
-    e((g) => ({ ...g, selectedNodeIds: m }));
-  }, [e]), c = C((m) => {
-    e((g) => ({
-      ...g,
-      selectedNodeIds: g.selectedNodeIds.includes(m) ? g.selectedNodeIds.filter((f) => f !== m) : [...g.selectedNodeIds, m]
+  }, [e]), l = w((g) => {
+    e((b) => ({ ...b, expandedNodeIds: g }));
+  }, [e]), i = w(() => {
+    e((g) => ({ ...g, expandedNodeIds: [] }));
+  }, [e]), h = w((g) => {
+    e((b) => ({ ...b, selectedNodeIds: g }));
+  }, [e]), c = w((g) => {
+    e((b) => ({
+      ...b,
+      selectedNodeIds: b.selectedNodeIds.includes(g) ? b.selectedNodeIds.filter((f) => f !== g) : [...b.selectedNodeIds, g]
     }));
-  }, [e]), d = C(() => {
-    e((m) => ({ ...m, selectedNodeIds: [] }));
-  }, [e]), u = C((m) => {
-    e((g) => ({ ...g, focusedNodeId: m }));
-  }, [e]), p = C((m) => o.expandedNodeIds.includes(m), [o.expandedNodeIds]), v = C((m) => o.selectedNodeIds.includes(m), [o.selectedNodeIds]), b = C(() => {
+  }, [e]), d = w(() => {
+    e((g) => ({ ...g, selectedNodeIds: [] }));
+  }, [e]), u = w((g) => {
+    e((b) => ({ ...b, focusedNodeId: g }));
+  }, [e]), p = w((g) => o.expandedNodeIds.includes(g), [o.expandedNodeIds]), y = w((g) => o.selectedNodeIds.includes(g), [o.selectedNodeIds]), m = w(() => {
     e({ ...UA, expandedNodeIds: t });
   }, [e, t]);
   return {
     state: o,
-    reset: b,
+    reset: m,
     // Expansao
     toggleExpanded: n,
     expand: s,
@@ -4201,7 +4217,7 @@ function ns(A, t = []) {
     setSelected: h,
     toggleSelected: c,
     clearSelection: d,
-    isSelected: v,
+    isSelected: y,
     selectedCount: o.selectedNodeIds.length,
     hasSelection: o.selectedNodeIds.length > 0,
     // Foco
@@ -4213,13 +4229,13 @@ function ss(A, t = [], o = !0) {
   const [e, n] = oA(
     `accordion_${A}`,
     t
-  ), s = C((d) => {
+  ), s = w((d) => {
     n((u) => u.includes(d) ? u.filter((p) => p !== d) : o ? [...u, d] : [d]);
-  }, [n, o]), a = C((d) => {
+  }, [n, o]), a = w((d) => {
     n((u) => u.includes(d) ? u : o ? [...u, d] : [d]);
-  }, [n, o]), l = C((d) => {
+  }, [n, o]), l = w((d) => {
     n((u) => u.filter((p) => p !== d));
-  }, [n]), i = C(() => n([]), [n]), h = C((d) => e.includes(d), [e]), c = C((d) => {
+  }, [n]), i = w(() => n([]), [n]), h = w((d) => e.includes(d), [e]), c = w((d) => {
     n(d === null ? [] : typeof d == "string" ? [d] : d);
   }, [n]);
   return {
@@ -4261,7 +4277,7 @@ function ls(A, t = {}) {
   }, [e, A, o]);
 }
 function as(A) {
-  const t = Xe(), o = AA((l) => l.activeTabId), e = t.pathname + t.search, n = o === e, s = Z(n), a = Z(!0);
+  const t = Xe(), o = AA((l) => l.activeTabId), e = t.pathname + t.search, n = o === e, s = Ae(n), a = Ae(!0);
   return oe(() => {
     if (a.current) {
       a.current = !1, s.current = n;
@@ -4271,11 +4287,11 @@ function as(A) {
   }, [n, A]), n;
 }
 function is(A) {
-  const t = EA(), o = `drawer_${A}_open`, e = `drawer_${A}_data`, n = Z(!1), s = Z(null), a = t ? t.getState().customState[o] ?? !1 : n.current, l = t ? t.getState().customState[e] ?? null : s.current, i = C((d) => {
+  const t = EA(), o = `drawer_${A}_open`, e = `drawer_${A}_data`, n = Ae(!1), s = Ae(null), a = t ? t.getState().customState[o] ?? !1 : n.current, l = t ? t.getState().customState[e] ?? null : s.current, i = w((d) => {
     t ? (d !== void 0 && t.getState().setCustomState(e, d), t.getState().setCustomState(o, !0)) : (d !== void 0 && (s.current = d), n.current = !0);
-  }, [t, o, e]), h = C(() => {
+  }, [t, o, e]), h = w(() => {
     t ? t.getState().setCustomState(o, !1) : n.current = !1;
-  }, [t, o]), c = C(() => {
+  }, [t, o]), c = w(() => {
     t ? (t.getState().setCustomState(o, !1), t.getState().clearCustomState(e)) : (n.current = !1, s.current = null);
   }, [t, o, e]);
   return {
@@ -4299,7 +4315,7 @@ const cs = ({
 };
 export {
   rA as ArchbaseAdminLayoutContext,
-  Dn as ArchbaseAdminLayoutFooter,
+  Mn as ArchbaseAdminLayoutFooter,
   Nn as ArchbaseAdminLayoutHeader,
   Bt as ArchbaseAdminLayoutProvider,
   Yn as ArchbaseAdminMainLayout,
@@ -4312,19 +4328,19 @@ export {
   Wn as ArchbaseDrawerTrigger,
   qt as ArchbaseHeaderNavAction,
   eA as ArchbaseKeepAliveRoute,
-  po as ArchbaseMantineSidebar,
+  fo as ArchbaseMantineSidebar,
   Zn as ArchbaseMyProfileModal,
   Sr as ArchbaseNavigationContext,
   qn as ArchbaseNavigationProvider,
   cs as ArchbaseStatefulRoutes,
   Xt as CommandPaletteButton,
-  Do as KeepAliveCacheProvider,
+  Mo as KeepAliveCacheProvider,
   xA as MantineSidebarErrorMessage,
   so as MantineSidebarGroupsSkeleton,
   kA as MantineSidebarMenuSkeleton,
   uo as MinimalSidebar,
   Fo as NavigationProgressProvider,
-  fo as RailSidebar,
+  po as RailSidebar,
   Kn as SidebarBadge,
   KA as SidebarErrorMessage,
   oo as SidebarGroup,
@@ -4358,7 +4374,7 @@ export {
   ts as useArchbaseStateNamed,
   as as useArchbaseTabActive,
   ns as useArchbaseTreeState,
-  Mo as useKeepAliveCache,
+  Do as useKeepAliveCache,
   Bn as useKeepAliveVisibility,
   wr as useNavigationProgress,
   Hn as useParams,