@archbase/admin 4.0.43 → 4.0.44

package/dist/index.js

@@ -1,17 +1,17 @@
-import { jsx as r, jsxs as E, Fragment as Re } from "react/jsx-runtime";
+import { jsx as r, jsxs as R, Fragment as Pe } from "react/jsx-runtime";
 import * as GA from "react";
-import ke, { useState as be, useRef as Z, useEffect as te, useMemo as ae, useContext as Ce, useCallback as S, createContext as De, memo as BA, Fragment as UA, useLayoutEffect as kr, useImperativeHandle as xr, startTransition as oA, useReducer as Ir, useSyncExternalStore as Tr } from "react";
+import Se, { useState as ge, useRef as _, useEffect as te, useMemo as ce, useContext as ve, useCallback as w, createContext as Ne, memo as BA, Fragment as UA, useLayoutEffect as kr, useImperativeHandle as xr, startTransition as nA, useReducer as Ir, useSyncExternalStore as Tr } from "react";
 import { useArchbaseSecurityManager as Er } from "@archbase/security";
-import { useUncontrolled as lA, useMediaQuery as PA, useHotkeys as Rr, useDisclosure as Pr, useFocusTrap as Lr, useForceUpdate as Mr } from "@mantine/hooks";
-import { Flex as Ue, useMantineColorScheme as ie, Menu as le, ActionIcon as Me, Group as Pe, Tooltip as Le, Button as Dr, ScrollArea as Ne, Badge as fA, Center as Xe, Image as Nr, useMantineTheme as ye, px as fe, Burger as zr, Box as G, Avatar as aA, Text as Ie, Stack as W, Skeleton as pe, Paper as Or, NavLink as LA, Kbd as HA, UnstyledButton as iA, Collapse as $r, TextInput as YA, Indicator as Qr, Transition as Kr, Divider as cA, AppShell as Ve, Drawer as qA } from "@mantine/core";
-import { IconSun as jA, IconMoonStars as XA, IconTerminal as Fr, IconSearch as Je, IconAlertCircle as Vr, IconDots as JA, IconChevronRight as pA, IconChevronDown as Gr, IconX as _A, IconChevronLeft as Br, IconHome2 as Ur, IconDashboard as Hr, IconUsers as Yr, IconListSearch as WA, IconUserPlus as qr, IconNews as jr, IconFilePlus as Xr, IconSettings as Jr } from "@tabler/icons-react";
-import { useArchbaseAppContext as gA, getI18nextInstance as oe, useArchbaseTranslation as bA, archbaseI18next as Ee, useArchbaseValidator as _r, ARCHBASE_IOC_API_TYPE as Wr } from "@archbase/core";
-import { BRFlag as Be, USFlag as ZA, ESFlag as dA, VEFlag as Zr, UYFlag as et, SVFlag as At, PYFlag as rt, PEFlag as tt, PAFlag as ot, NIFlag as nt, MXFlag as st, HNFlag as lt, GTFlag as at, ECFlag as it, DOFlag as ct, CUFlag as dt, CRFlag as ut, COFlag as ht, CLFlag as ft, BOFlag as pt, ARFlag as gt } from "mantine-flagpack";
-import { spotlight as bt, Spotlight as Ge } from "@mantine/spotlight";
-import { useNavigate as He, useLocation as Ye, matchPath as MA } from "react-router";
-import { useLocation as qe, useOutlet as mt, matchPath as yt, Route as Ke, Routes as er, useParams as Ar, useNavigationType as vt, UNSAFE_LocationContext as Ct, useSearchParams as rr, useNavigate as wt } from "react-router-dom";
+import { useUncontrolled as aA, useMediaQuery as PA, useHotkeys as Rr, useDisclosure as Pr, useFocusTrap as Lr, useForceUpdate as Mr } from "@mantine/hooks";
+import { Flex as Ye, useMantineColorScheme as de, Menu as ie, ActionIcon as De, Group as Le, Tooltip as Me, Button as Dr, ScrollArea as ze, Badge as pA, Center as Je, Image as Nr, useMantineTheme as me, px as fe, Burger as zr, Box as B, Avatar as iA, Text as Te, Stack as J, Skeleton as pe, Paper as Or, NavLink as LA, Kbd as HA, UnstyledButton as cA, Collapse as $r, TextInput as YA, Indicator as Qr, Transition as Kr, Divider as dA, AppShell as Be, Drawer as qA } from "@mantine/core";
+import { IconSun as jA, IconMoonStars as XA, IconTerminal as Fr, IconSearch as _e, IconAlertCircle as Vr, IconDots as JA, IconChevronRight as gA, IconChevronDown as Gr, IconX as _A, IconChevronLeft as Br, IconHome2 as Ur, IconDashboard as Hr, IconUsers as Yr, IconListSearch as WA, IconUserPlus as qr, IconNews as jr, IconFilePlus as Xr, IconSettings as Jr } from "@tabler/icons-react";
+import { useArchbaseAppContext as bA, getI18nextInstance as oe, useArchbaseTranslation as mA, archbaseI18next as Re, useArchbaseValidator as _r, ARCHBASE_IOC_API_TYPE as Wr } from "@archbase/core";
+import { BRFlag as He, USFlag as ZA, ESFlag as uA, VEFlag as Zr, UYFlag as et, SVFlag as At, PYFlag as rt, PEFlag as tt, PAFlag as ot, NIFlag as nt, MXFlag as st, HNFlag as lt, GTFlag as at, ECFlag as it, DOFlag as ct, CUFlag as dt, CRFlag as ut, COFlag as ht, CLFlag as ft, BOFlag as pt, ARFlag as gt } from "mantine-flagpack";
+import { spotlight as bt, Spotlight as Ue } from "@mantine/spotlight";
+import { useNavigate as qe, useLocation as je, matchPath as MA } from "react-router";
+import { useLocation as Xe, useOutlet as mt, matchPath as yt, Route as Ke, Routes as er, useParams as Ar, useNavigationType as vt, UNSAFE_LocationContext as Ct, useSearchParams as rr, useNavigate as wt } from "react-router-dom";
 import { useMediaQuery as St } from "usehooks-ts";
-import { useArchbaseNavigateParams as kt, useArchbaseVisible as xt, ArchbaseNotifications as It, ArchbaseAvatarEdit as Tt, ArchbaseEdit as nA } from "@archbase/components";
+import { useArchbaseNavigateParams as kt, useArchbaseVisible as xt, ArchbaseNotifications as It, ArchbaseAvatarEdit as Tt, ArchbaseEdit as sA } from "@archbase/components";
 import { SubMenu as Et, MenuItem as DA, menuClasses as re, Sidebar as tr, Menu as or, sidebarClasses as nr } from "react-pro-sidebar";
 import { createPortal as Rt } from "react-dom";
 import Pt from "@rehooks/component-size";
@@ -21,7 +21,7 @@ import { persist as Dt } from "zustand/middleware";
 import { useArchbaseStore as Nt, useArchbaseRemoteServiceApi as zt, useArchbaseRemoteDataSource as Ot } from "@archbase/data";
 import { ArchbaseFormModalTemplate as $t } from "@archbase/template";
 import { createStore as Qt } from "zustand/vanilla";
-const AA = ke.createContext({}), Kt = ({
+const rA = Se.createContext({}), Kt = ({
   navigationData: A,
   user: t,
   owner: o,
@@ -33,14 +33,14 @@ const AA = ke.createContext({}), Kt = ({
   onNavigationDataChange: d,
   initialSidebarCollapsed: c
 }) => {
-  const [u, i] = be(c), [h, p] = be(!1), [b, C] = be(() => a === !0), [m, g] = be(null), f = Z(!1), [w, I] = lA({
+  const [u, i] = ge(c), [h, p] = ge(!1), [b, C] = ge(() => a === !0), [m, g] = ge(null), f = _(!1), [S, k] = aA({
     value: d !== void 0 ? A : void 0,
     defaultValue: a ? [] : A,
     finalValue: [],
     onChange: d
   });
   te(() => {
-  }, [w, a]);
+  }, [S, a]);
   const { securityManager: D } = Er({
     resourceName: l?.navigationResourceName ? l.navigationResourceName : "ArchbaseAdvancedSidebar",
     resourceDescription: l?.navigationResourceDescription ? l.navigationResourceDescription : "archbase:Navegação",
@@ -55,56 +55,56 @@ const AA = ke.createContext({}), Kt = ({
     }
     if (f.current)
       return;
-    A.filter((L) => L.showInSidebar).forEach((L) => {
-      D.registerAction(L.label, L.label), L?.links?.forEach((v) => D.registerAction(`${L.label} -> ${v.label}`, `${L.label} -> ${v.label}`));
+    A.filter((P) => P.showInSidebar).forEach((P) => {
+      D.registerAction(P.label, P.label), P?.links?.forEach((y) => D.registerAction(`${P.label} -> ${y.label}`, `${P.label} -> ${y.label}`));
     });
-    const F = () => {
+    const z = () => {
       f.current = !0;
-      const L = A.map((v) => ({
-        ...v,
-        disabled: !D.hasPermission(v.label),
-        links: v.links && v.links.map((M) => {
-          const k = D.hasPermission(`${v.label} -> ${M.label}`);
+      const P = A.map((y) => ({
+        ...y,
+        disabled: !D.hasPermission(y.label),
+        links: y.links && y.links.map((V) => {
+          const E = D.hasPermission(`${y.label} -> ${V.label}`);
           return {
-            ...M,
-            disabled: !k
+            ...V,
+            disabled: !E
           };
         })
       }));
-      I(L), C(!1), g(null);
+      k(P), C(!1), g(null);
     }, U = !D.isLoading() && !D.isError();
     if (D.isError()) {
       f.current = !0;
-      const L = D.getError() || "Erro ao carregar permissões de navegação";
-      g(L), C(!1), I(A);
+      const P = D.getError() || "Erro ao carregar permissões de navegação";
+      g(P), C(!1), k(A);
       return;
     }
     if (U) {
-      F();
+      z();
       return;
     }
     C(!0), g(null);
-    let P = !1;
-    const K = setInterval(() => {
-      if (!P && D.isError()) {
-        clearInterval(K), f.current = !0;
-        const L = D.getError() || "Erro ao carregar permissões de navegação";
-        g(L), C(!1), I(A);
+    let $ = !1;
+    const M = setInterval(() => {
+      if (!$ && D.isError()) {
+        clearInterval(M), f.current = !0;
+        const P = D.getError() || "Erro ao carregar permissões de navegação";
+        g(P), C(!1), k(A);
       }
-    }, 100), N = setTimeout(() => {
-      P || (clearInterval(K), C((L) => L && (f.current = !0, console.warn("[ArchbaseAdminLayout] Timeout ao carregar permissões - carregando menu sem filtro de segurança"), I(A), !1)));
+    }, 100), F = setTimeout(() => {
+      $ || (clearInterval(M), C((P) => P && (f.current = !0, console.warn("[ArchbaseAdminLayout] Timeout ao carregar permissões - carregando menu sem filtro de segurança"), k(A), !1)));
     }, 3e3);
     return D.apply(() => {
-      P || (clearInterval(K), clearTimeout(N), F());
+      $ || (clearInterval(M), clearTimeout(F), z());
     }), () => {
-      P = !0, clearInterval(K), clearTimeout(N);
+      $ = !0, clearInterval(M), clearTimeout(F);
     };
-  }, [t?.id, a, A, D, I]), /* @__PURE__ */ r(
-    AA.Provider,
+  }, [t?.id, a, A, D, k]), /* @__PURE__ */ r(
+    rA.Provider,
     {
       value: {
-        navigationData: w,
-        setNavigationData: I,
+        navigationData: S,
+        setNavigationData: k,
         user: t,
         owner: o,
         company: e,
@@ -120,8 +120,8 @@ const AA = ke.createContext({}), Kt = ({
       children: s
     }
   );
-}, Rn = ({ children: A }) => /* @__PURE__ */ r(Ue, { align: "center", direction: "row", wrap: "wrap", h: "100%", children: A }), Ft = () => {
-  const A = gA(), { colorScheme: t } = ie(), o = t === "dark", [e, n] = be(oe().language);
+}, Rn = ({ children: A }) => /* @__PURE__ */ r(Ye, { align: "center", direction: "row", wrap: "wrap", h: "100%", children: A }), Ft = () => {
+  const A = bA(), { colorScheme: t } = de(), o = t === "dark", [e, n] = ge(oe().language);
   te(() => {
     const d = (c) => {
       n(c);
@@ -132,16 +132,16 @@ const AA = ke.createContext({}), Kt = ({
   }, []);
   const s = (d) => {
     if (!d)
-      return /* @__PURE__ */ r(Be, { size: 24 });
+      return /* @__PURE__ */ r(He, { size: 24 });
     if (d === "en" || d === "en-US")
       return /* @__PURE__ */ r(ZA, { size: 24 });
     if (d === "pt-BR")
-      return /* @__PURE__ */ r(Be, { size: 24 });
+      return /* @__PURE__ */ r(He, { size: 24 });
     if (d.includes("es"))
       switch (navigator.language || navigator.languages[0]) {
         case "es":
         case "es-ES":
-          return /* @__PURE__ */ r(dA, { size: 24 });
+          return /* @__PURE__ */ r(uA, { size: 24 });
         case "es-AR":
           return /* @__PURE__ */ r(gt, { size: 24 });
         case "es-BO":
@@ -179,13 +179,13 @@ const AA = ke.createContext({}), Kt = ({
         case "es-VE":
           return /* @__PURE__ */ r(Zr, { size: 24 });
         default:
-          return /* @__PURE__ */ r(dA, { size: 24 });
+          return /* @__PURE__ */ r(uA, { size: 24 });
       }
-    return /* @__PURE__ */ r(Be, { size: 24 });
+    return /* @__PURE__ */ r(He, { size: 24 });
   }, a = () => {
     if (A.languages)
       return A.languages.filter((d) => d).map((d) => /* @__PURE__ */ r(
-        le.Item,
+        ie.Item,
         {
           onClick: () => l(d.lang),
           leftSection: s(d.lang),
@@ -196,15 +196,15 @@ const AA = ke.createContext({}), Kt = ({
   }, l = (d) => {
     oe().changeLanguage(d);
   };
-  return /* @__PURE__ */ E(le, { shadow: "md", width: 200, position: "bottom-end", children: [
-    /* @__PURE__ */ r(le.Target, { children: /* @__PURE__ */ r(Me, { variant: "transparent", color: o ? "white" : "blue", title: oe().t("toggleLanguage"), children: s(e) }) }),
-    /* @__PURE__ */ r(le.Dropdown, { children: a() })
+  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: oe().t("toggleLanguage"), children: s(e) }) }),
+    /* @__PURE__ */ r(ie.Dropdown, { children: a() })
   ] });
 }, Vt = () => {
-  const A = gA(), { colorScheme: t } = ie(), { t: o, i18n: e } = bA(), n = (l) => l === "en" ? /* @__PURE__ */ r(ZA, { size: 24 }) : l === "pt-BR" ? /* @__PURE__ */ r(Be, { size: 24 }) : l === "es" ? /* @__PURE__ */ r(dA, { size: 24 }) : /* @__PURE__ */ r(Be, { size: 24 }), s = () => {
+  const A = bA(), { colorScheme: t } = de(), { t: o, i18n: e } = mA(), n = (l) => l === "en" ? /* @__PURE__ */ r(ZA, { size: 24 }) : l === "pt-BR" ? /* @__PURE__ */ r(He, { size: 24 }) : l === "es" ? /* @__PURE__ */ r(uA, { size: 24 }) : /* @__PURE__ */ r(He, { size: 24 }), s = () => {
     if (A.languages)
       return A.languages.filter((l) => l).map((l) => /* @__PURE__ */ r(
-        le.Item,
+        ie.Item,
         {
           onClick: () => a(l.lang),
           leftSection: n(l.lang),
@@ -215,9 +215,9 @@ const AA = ke.createContext({}), Kt = ({
   }, a = (l) => {
     e.changeLanguage(l);
   };
-  return /* @__PURE__ */ E(le, { children: [
-    /* @__PURE__ */ r(le.Target, { children: /* @__PURE__ */ E(
-      Pe,
+  return /* @__PURE__ */ R(ie, { children: [
+    /* @__PURE__ */ r(ie.Target, { children: /* @__PURE__ */ R(
+      Le,
       {
         w: "100%",
         justify: "flex-start",
@@ -233,18 +233,18 @@ const AA = ke.createContext({}), Kt = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ r(le.Dropdown, { children: s() })
+    /* @__PURE__ */ r(ie.Dropdown, { children: s() })
   ] });
 }, Gt = ({
   toggleColorScheme: A,
   sunColor: t = "white",
   moonColor: o = "blue"
 }) => {
-  const { t: e } = bA(), { colorScheme: n, toggleColorScheme: s } = ie(), a = () => {
+  const { t: e } = mA(), { colorScheme: n, toggleColorScheme: s } = de(), a = () => {
     A ? A() : s();
   }, l = n === "dark";
   return /* @__PURE__ */ r(
-    Me,
+    De,
     {
       variant: "transparent",
       color: l ? t : o,
@@ -253,22 +253,22 @@ const AA = ke.createContext({}), Kt = ({
       children: l ? /* @__PURE__ */ r(jA, { size: "1.5rem" }) : /* @__PURE__ */ r(XA, { size: "1.5rem" })
     }
   );
-}, Bt = (A) => /* @__PURE__ */ r(Pe, { gap: "sm", children: A.children });
+}, Bt = (A) => /* @__PURE__ */ r(Le, { gap: "sm", children: A.children });
 function Ut({ category: A, label: t, color: o, description: e, image: n, onClick: s }) {
   return /* @__PURE__ */ r(
-    Ge.Action,
+    Ue.Action,
     {
       onClick: s,
       label: `${oe().t(t || "")}`,
       description: e ? oe().t(e) : void 0,
-      leftSection: n ? /* @__PURE__ */ r(Xe, { children: /* @__PURE__ */ r(Nr, { src: n, alt: oe().t(t || ""), width: 24, height: 24 }) }) : void 0,
-      rightSection: A ? /* @__PURE__ */ r(fA, { color: o, size: "sm", children: oe().t(A) }) : void 0
+      leftSection: n ? /* @__PURE__ */ r(Je, { children: /* @__PURE__ */ r(Nr, { src: n, alt: oe().t(t || ""), width: 24, height: 24 }) }) : void 0,
+      rightSection: A ? /* @__PURE__ */ r(pA, { color: o, size: "sm", children: oe().t(A) }) : void 0
     },
     t
   );
 }
 const Ht = ({ navigationData: A, color: t }) => {
-  const [o, e] = be(""), n = He(), { t: s } = bA(), a = ae(() => {
+  const [o, e] = ge(""), n = qe(), { t: s } = mA(), a = ce(() => {
     const d = new Array();
     return A.forEach((c) => {
       c.links ? c.links.forEach((u) => {
@@ -297,17 +297,17 @@ const Ht = ({ navigationData: A, color: t }) => {
     const c = `${s(d.label || "")}`;
     return c && c.toLowerCase().includes(o.toLowerCase().trim());
   }).map((d) => /* @__PURE__ */ r(Ut, { ...d }, d.id));
-  return /* @__PURE__ */ r(Re, { children: a && a.length > 0 ? /* @__PURE__ */ E(Re, { children: [
-    /* @__PURE__ */ r(Le, { withinPortal: !0, withArrow: !0, label: `${s("archbase:Comandos ⌘M")}`, children: /* @__PURE__ */ r(Dr, { color: t, leftSection: /* @__PURE__ */ r(Fr, { size: "24px" }), onClick: () => bt.open() }) }),
-    /* @__PURE__ */ E(
-      Ge.Root,
+  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(Dr, { color: t, leftSection: /* @__PURE__ */ r(Fr, { size: "24px" }), onClick: () => bt.open() }) }),
+    /* @__PURE__ */ R(
+      Ue.Root,
       {
         shortcut: ["mod + M", "/"],
         onQueryChange: (d) => e(d),
         query: o,
         children: [
-          /* @__PURE__ */ r(Ge.Search, { placeholder: `${s("archbase:Localizar...")}`, leftSection: /* @__PURE__ */ r(Je, { size: "1.2rem" }) }),
-          /* @__PURE__ */ r(Ne.Autosize, { mah: "calc(100vh - 200px)", type: "scroll", scrollbarSize: 8, children: /* @__PURE__ */ r(Ge.ActionsList, { children: l.length > 0 ? l : /* @__PURE__ */ r(Ge.Empty, { children: oe().t("archbase:Nenhum resultado...") }) }) })
+          /* @__PURE__ */ r(Ue.Search, { placeholder: `${s("archbase:Localizar...")}`, leftSection: /* @__PURE__ */ r(_e, { size: "1.2rem" }) }),
+          /* @__PURE__ */ r(ze.Autosize, { mah: "calc(100vh - 200px)", type: "scroll", scrollbarSize: 8, children: /* @__PURE__ */ r(Ue.ActionsList, { children: l.length > 0 ? l : /* @__PURE__ */ r(Ue.Empty, { children: oe().t("archbase:Nenhum resultado...") }) }) })
         ]
       }
     )
@@ -332,26 +332,26 @@ const Ht = ({ navigationData: A, color: t }) => {
   headerActions: m,
   styleLogo: g,
   showLanguageSelector: f = !1,
-  sideBarHiddenBreakPoint: w,
-  headerLeftContent: I,
+  sideBarHiddenBreakPoint: S,
+  headerLeftContent: k,
   toggleColorScheme: D,
-  logoLeftSection: q,
-  logoRightSection: F,
+  logoLeftSection: j,
+  logoRightSection: z,
   showBurger: U = !0,
-  showCommands: $ = !0,
-  sunColor: P,
-  moonColor: K,
-  styles: N
+  showCommands: O = !0,
+  sunColor: $,
+  moonColor: M,
+  styles: F
 }) => {
-  const L = ye(), { colorScheme: v, toggleColorScheme: M } = ie(), k = Ce(AA), J = PA(
-    `(max-width: ${w ? fe(w) : L.breakpoints.md})`
-  ), B = PA(
-    `(max-width: ${i ? fe(i) : L.breakpoints.md})`
+  const P = me(), { colorScheme: y, toggleColorScheme: V } = de(), E = ve(rA), W = PA(
+    `(max-width: ${S ? fe(S) : P.breakpoints.md})`
+  ), H = PA(
+    `(max-width: ${i ? fe(i) : P.breakpoints.md})`
   );
-  let O = !1, X = !1;
-  return d && (c = !B, u = !B, t = B, o = B, a = B, h = B, f && (X = !B, O = B)), /* @__PURE__ */ E(Re, { children: [
-    /* @__PURE__ */ E(Ue, { style: { width: 300, height: 50 }, align: "center", children: [
-      q,
+  let I = !1, G = !1;
+  return d && (c = !H, u = !H, t = H, o = H, a = H, h = H, f && (G = !H, I = H)), /* @__PURE__ */ R(Pe, { children: [
+    /* @__PURE__ */ R(Ye, { style: { width: 300, height: 50 }, align: "center", children: [
+      j,
       /* @__PURE__ */ r(
         "img",
         {
@@ -363,29 +363,29 @@ const Ht = ({ navigationData: A, color: t }) => {
           src: C
         }
       ),
-      F
+      z
     ] }),
     U && /* @__PURE__ */ r(
       zr,
       {
-        opened: k.hidden ? k.hidden : !1,
-        onClick: () => k.setHidden(!k.hidden),
+        opened: E.hidden ? E.hidden : !1,
+        onClick: () => E.setHidden(!E.hidden),
         size: "sm",
-        color: L.colors.gray[7],
+        color: P.colors.gray[7],
         mx: { base: "xs", xs: "lg", sm: "xl" },
-        display: J ? "" : "none"
+        display: W ? "" : "none"
       }
     ),
-    /* @__PURE__ */ r("div", { children: $ && /* @__PURE__ */ r(Ht, { navigationData: b }) }),
-    /* @__PURE__ */ r(G, { style: { flex: 1 }, children: I }),
-    /* @__PURE__ */ E(Bt, { children: [
+    /* @__PURE__ */ r("div", { children: O && /* @__PURE__ */ r(Ht, { navigationData: b }) }),
+    /* @__PURE__ */ r(B, { style: { flex: 1 }, children: k }),
+    /* @__PURE__ */ R(Bt, { children: [
       c && m,
-      u && /* @__PURE__ */ r(Gt, { toggleColorScheme: D, sunColor: P, moonColor: K }),
-      X && /* @__PURE__ */ r(Ft, {}),
-      /* @__PURE__ */ E(le, { shadow: "md", width: 200, position: "bottom-end", styles: N?.menu, children: [
-        /* @__PURE__ */ r(le.Target, { children: /* @__PURE__ */ E("div", { children: [
+      u && /* @__PURE__ */ r(Gt, { toggleColorScheme: D, sunColor: $, moonColor: M }),
+      G && /* @__PURE__ */ r(Ft, {}),
+      /* @__PURE__ */ R(ie, { shadow: "md", width: 200, position: "bottom-end", styles: F?.menu, children: [
+        /* @__PURE__ */ r(ie.Target, { children: /* @__PURE__ */ R("div", { children: [
           /* @__PURE__ */ r(
-            aA,
+            iA,
             {
               style: { cursor: "pointer" },
               radius: "xl",
@@ -411,24 +411,24 @@ const Ht = ({ navigationData: A, color: t }) => {
                 borderRadius: 50,
                 backgroundColor: "green"
               },
-              children: /* @__PURE__ */ r(Ie, { size: "xs", c: "white", children: "A" })
+              children: /* @__PURE__ */ r(Te, { size: "xs", c: "white", children: "A" })
             }
           ) : null
         ] }) }),
-        /* @__PURE__ */ E(le.Dropdown, { children: [
+        /* @__PURE__ */ R(ie.Dropdown, { children: [
           A,
-          o && /* @__PURE__ */ r(le.Label, { children: `${oe().t("archbase:Opções")}` }),
+          o && /* @__PURE__ */ r(ie.Label, { children: `${oe().t("archbase:Opções")}` }),
           a && l,
           t && /* @__PURE__ */ r(
-            le.Item,
+            ie.Item,
             {
-              leftSection: v === "dark" ? /* @__PURE__ */ r(jA, { size: e }) : /* @__PURE__ */ r(XA, { size: e }),
-              onClick: D || M,
+              leftSection: y === "dark" ? /* @__PURE__ */ r(jA, { size: e }) : /* @__PURE__ */ r(XA, { size: e }),
+              onClick: D || V,
               children: `${oe().t("archbase:toggleColorScheme")}`
             }
           ),
-          O && /* @__PURE__ */ r(Vt, {}),
-          h && /* @__PURE__ */ r(le.Divider, {}),
+          I && /* @__PURE__ */ r(Vt, {}),
+          h && /* @__PURE__ */ r(ie.Divider, {}),
           n && s
         ] })
       ] })
@@ -439,7 +439,7 @@ function NA(A, t, o, e, n, s, a, l, d, c) {
   const u = s ? A.colorScheme === "dark" ? A.colors[A.primaryColor][8] : A.colors[A.primaryColor][7] : void 0, i = s ? (A.colorScheme === "dark", A.colors[A.primaryColor][0]) : void 0, h = A.colorScheme === "dark" ? "#3e5e7e" : "#9fb6cf", p = "0.5";
   if (e.links) {
     if (!(e.disabled && e.hideDisabledItem))
-      return /* @__PURE__ */ r(Le, { disabled: !t, label: Ee.t(e.label), children: /* @__PURE__ */ r(
+      return /* @__PURE__ */ r(Me, { disabled: !t, label: Re.t(e.label), children: /* @__PURE__ */ r(
         Et,
         {
           rootStyles: {
@@ -470,7 +470,7 @@ function NA(A, t, o, e, n, s, a, l, d, c) {
           id: e.label,
           icon: e.icon,
           defaultOpen: !e.disabled,
-          label: t ? "" : Ee.t(e.label),
+          label: t ? "" : Re.t(e.label),
           disabled: e.disabled,
           children: e.links && e.links.filter((b) => b.showInSidebar === !0 && (!b.disabled || !b.hideDisabledItem)).map((b, C) => /* @__PURE__ */ r(
             DA,
@@ -510,7 +510,7 @@ function NA(A, t, o, e, n, s, a, l, d, c) {
               icon: b.icon,
               disabled: typeof b.disabled == "function" ? b.disabled() : b.disabled,
               active: l && b.link === a,
-              children: Ee.t(b.label)
+              children: Re.t(b.label)
             },
             C
           ))
@@ -518,7 +518,7 @@ function NA(A, t, o, e, n, s, a, l, d, c) {
         n
       ) });
   } else if (e.showInSidebar && (!e.disabled || !e.hideDisabledItem))
-    return /* @__PURE__ */ r(Le, { disabled: !t, label: Ee.t(e.label), children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ r(Me, { disabled: !t, label: Re.t(e.label), children: /* @__PURE__ */ r(
       DA,
       {
         rootStyles: {
@@ -556,7 +556,7 @@ function NA(A, t, o, e, n, s, a, l, d, c) {
         onClick: () => o(e),
         icon: e.icon,
         active: l && e.link === a,
-        children: t ? "" : Ee.t(e.label)
+        children: t ? "" : Re.t(e.label)
       },
       n
     ) });
@@ -644,7 +644,7 @@ const qt = (A) => ({
   };
 };
 function Xt(A, t, o, e, n, s, a, l, d, c, u) {
-  return /* @__PURE__ */ E(
+  return /* @__PURE__ */ R(
     tr,
     {
       ref: A,
@@ -663,9 +663,9 @@ function Xt(A, t, o, e, n, s, a, l, d, c, u) {
       width: `${fe(o)}px`,
       collapsedWidth: `${fe(e)}px`,
       children: [
-        d && /* @__PURE__ */ r(Re, { children: d }),
-        /* @__PURE__ */ r(Ne, { style: { overflowY: "auto", overflowX: "hidden", height: l }, children: /* @__PURE__ */ r(or, { rootStyles: { background: u }, menuItemStyles: n, closeOnClick: !0, children: s && /* @__PURE__ */ r(Re, { children: s }) }) }),
-        c && /* @__PURE__ */ r(Re, { children: c })
+        d && /* @__PURE__ */ r(Pe, { children: d }),
+        /* @__PURE__ */ r(ze, { style: { overflowY: "auto", overflowX: "hidden", height: l }, children: /* @__PURE__ */ r(or, { rootStyles: { background: u }, menuItemStyles: n, closeOnClick: !0, children: s && /* @__PURE__ */ r(Pe, { children: s }) }) }),
+        c && /* @__PURE__ */ r(Pe, { children: c })
       ]
     }
   );
@@ -675,9 +675,9 @@ function zA({
   collapsed: t = !1,
   backgroundColor: o
 }) {
-  const e = ye(), { colorScheme: n } = ie(), s = o ?? (n === "dark" ? e.colors.dark[7] : e.white);
+  const e = me(), { colorScheme: n } = de(), s = o ?? (n === "dark" ? e.colors.dark[7] : e.white);
   return t ? /* @__PURE__ */ r(
-    W,
+    J,
     {
       gap: "sm",
       p: "xs",
@@ -698,7 +698,7 @@ function zA({
       ))
     }
   ) : /* @__PURE__ */ r(
-    W,
+    J,
     {
       gap: "xs",
       p: "md",
@@ -708,7 +708,7 @@ function zA({
         width: "100%",
         height: "100%"
       },
-      children: Array.from({ length: A }).map((a, l) => /* @__PURE__ */ E(Pe, { gap: "sm", wrap: "nowrap", children: [
+      children: Array.from({ length: A }).map((a, l) => /* @__PURE__ */ R(Le, { gap: "sm", wrap: "nowrap", children: [
         /* @__PURE__ */ r(
           pe,
           {
@@ -735,9 +735,9 @@ function Jt({
   height: o = "100%",
   backgroundColor: e
 }) {
-  const n = ye(), { colorScheme: s } = ie(), a = e ?? (s === "dark" ? n.colors.dark[6] : n.colors.gray[2]);
+  const n = me(), { colorScheme: s } = de(), a = e ?? (s === "dark" ? n.colors.dark[6] : n.colors.gray[2]);
   return /* @__PURE__ */ r(
-    W,
+    J,
     {
       gap: "md",
       p: "xs",
@@ -747,7 +747,7 @@ function Jt({
         height: o,
         backgroundColor: a
       },
-      children: Array.from({ length: A }).map((l, d) => /* @__PURE__ */ E(W, { gap: 4, align: "center", children: [
+      children: Array.from({ length: A }).map((l, d) => /* @__PURE__ */ R(J, { gap: 4, align: "center", children: [
         /* @__PURE__ */ r(
           pe,
           {
@@ -774,10 +774,10 @@ function OA({
   backgroundColor: t,
   children: o
 }) {
-  const e = ye(), { colorScheme: n } = ie(), 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(Re, { children: o }) : /* @__PURE__ */ r(Xe, { p: "md", style: { backgroundColor: s, flex: 1, height: "100%" }, children: /* @__PURE__ */ E(W, { align: "center", gap: "xs", children: [
+  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(J, { align: "center", gap: "xs", children: [
     /* @__PURE__ */ r(Vr, { size: 32, color: a }),
-    /* @__PURE__ */ r(Ie, { size: "sm", c: a, ta: "center", children: A })
+    /* @__PURE__ */ r(Te, { size: "sm", c: a, ta: "center", children: A })
   ] }) });
 }
 function _t({
@@ -800,51 +800,51 @@ function _t({
   withBorder: m = !1,
   showGroupLabels: g = !0,
   theme: f,
-  sidebarRef: w,
-  defaultGroupIcon: I,
+  sidebarRef: S,
+  defaultGroupIcon: k,
   selectedGroupName: D,
-  sideBarHeaderContent: q,
-  iconsWithBackground: F = !1,
+  sideBarHeaderContent: j,
+  iconsWithBackground: z = !1,
   menuItemHeight: U = 40,
-  highlightActiveMenuItem: $ = !0,
-  backgroundDarkColor: P,
-  backgroundLightColor: K,
-  textDarkColor: N,
-  textLightColor: L,
-  iconDarkColor: v,
-  iconLightColor: M,
-  collapsedSubmenuWidth: k,
-  isLoading: J = !1,
-  loadingError: B,
-  loadingComponent: O,
-  errorComponent: X,
-  skeletonItemCount: ce = 8,
-  skeletonGroupCount: ve = 3
+  highlightActiveMenuItem: O = !0,
+  backgroundDarkColor: $,
+  backgroundLightColor: M,
+  textDarkColor: F,
+  textLightColor: P,
+  iconDarkColor: y,
+  iconLightColor: V,
+  collapsedSubmenuWidth: E,
+  isLoading: W = !1,
+  loadingError: H,
+  loadingComponent: I,
+  errorComponent: G,
+  skeletonItemCount: ne = 8,
+  skeletonGroupCount: we = 3
 }) {
-  const [ne, me] = be(""), xe = gA(), T = Ye(), { colorScheme: y } = ie(), Q = y === "dark" ? P ?? f.colors.dark[7] : K ?? f.white, R = s || (y === "dark" ? f.colors[f.primaryColor][8] : f.colors[f.primaryColor][0]), x = y === "dark" ? N ?? "var(--mantine-color-text)" : L ?? "var(--mantine-color-text)", H = y === "dark" ? v ?? f.colors[f.primaryColor][0] : M ?? f.colors[f.primaryColor][7], z = ae(() => {
-    const de = /* @__PURE__ */ new Set();
-    return A.forEach((j) => {
-      if (j.showInSidebar && (!j.disabled || !j.hideDisabledItem)) {
-        let V = !1;
-        j.group || (j.group = {
-          icon: I || /* @__PURE__ */ r(JA, { size: "2.2rem", color: "#63B1FB", stroke: 1 }),
+  const [se, be] = ge(""), ke = bA(), T = je(), { colorScheme: v } = de(), Q = v === "dark" ? $ ?? f.colors.dark[7] : M ?? f.white, L = s || (v === "dark" ? f.colors[f.primaryColor][8] : f.colors[f.primaryColor][0]), x = v === "dark" ? F ?? "var(--mantine-color-text)" : P ?? "var(--mantine-color-text)", X = v === "dark" ? y ?? f.colors[f.primaryColor][0] : V ?? f.colors[f.primaryColor][7], N = ce(() => {
+    const Ae = /* @__PURE__ */ new Set();
+    return A.forEach((q) => {
+      if (q.showInSidebar && (!q.disabled || !q.hideDisabledItem)) {
+        let ye = !1;
+        q.group || (q.group = {
+          icon: k || /* @__PURE__ */ r(JA, { size: "2.2rem", color: "#63B1FB", stroke: 1 }),
           label: "Default",
           name: "Default",
           hint: "Default",
           indexOrder: 0
-        }), de.forEach((Y) => {
-          Y.name === j.group.name && (V = !0);
-        }), V || de.add({
-          name: j.group.name,
-          indexOrder: j.group.indexOrder,
+        }), Ae.forEach((K) => {
+          K.name === q.group.name && (ye = !0);
+        }), ye || Ae.add({
+          name: q.group.name,
+          indexOrder: q.group.indexOrder,
           component: /* @__PURE__ */ r(
-            Le,
+            Me,
             {
-              content: j.group.hint,
-              label: j.group.label,
+              content: q.group.hint,
+              label: q.group.label,
               disabled: g,
-              children: /* @__PURE__ */ E(
-                W,
+              children: /* @__PURE__ */ R(
+                J,
                 {
                   gap: "2px",
                   style: {
@@ -855,74 +855,74 @@ function _t({
                   },
                   children: [
                     /* @__PURE__ */ r(
-                      Me,
+                      De,
                       {
                         size: "48px",
-                        variant: j.group.name === ne ? "filled" : l ? "subtle" : "light",
-                        color: j.group.name === ne ? R : a,
+                        variant: q.group.name === se ? "filled" : l ? "subtle" : "light",
+                        color: q.group.name === se ? L : a,
                         onClick: () => {
-                          me((Y) => (C && C(Y, j.group.name), j.group.name === Y && !d ? "" : j.group.name));
+                          be((K) => (C && C(K, q.group.name), q.group.name === K && !d ? "" : q.group.name));
                         },
-                        children: j.group.icon
+                        children: q.group.icon
                       }
                     ),
                     g ? /* @__PURE__ */ r(
-                      Ie,
+                      Te,
                       {
                         size: "xs",
-                        c: y === "dark" ? i || f.colors[f.primaryColor][2] : h || f.colors[f.primaryColor][2],
-                        children: j.group.label
+                        c: v === "dark" ? i || f.colors[f.primaryColor][2] : h || f.colors[f.primaryColor][2],
+                        children: q.group.label
                       }
                     ) : !1
                   ]
                 }
               )
             },
-            j.group.name
+            q.group.name
           )
         });
       }
-    }), de.forEach((j) => {
-      const V = A.filter((Y) => Y.showInSidebar === !0 && (!Y.disabled || !Y.hideDisabledItem) && Y.group && Y.group.name === j.name);
-      j.links = V.map((Y, Qe) => NA(f, p, b, Y, Qe, F, T.pathname, $, x, k));
-    }), [...de].sort((j, V) => j.indexOrder - V.indexOrder);
-  }, [A, ne, y, p, xe.selectedCompany, $, T]), _ = jt(
-    y,
+    }), Ae.forEach((q) => {
+      const ye = A.filter((K) => K.showInSidebar === !0 && (!K.disabled || !K.hideDisabledItem) && K.group && K.group.name === q.name);
+      q.links = ye.map((K, ue) => NA(f, p, b, K, ue, z, T.pathname, O, x, E));
+    }), [...Ae].sort((q, ye) => q.indexOrder - ye.indexOrder);
+  }, [A, se, v, p, ke.selectedCompany, O, T]), Y = jt(
+    v,
     f,
     p,
     35,
     Number(fe(n)),
-    z.length > 1,
-    F,
+    N.length > 1,
+    z,
     U,
     Q,
     x,
-    H
-  ), ue = p || ne === "" ? "0px" : `calc(${o} - ${t})`, ge = l || (y === "dark" ? f.colors[f.primaryColor][6] : f.colors[f.primaryColor][7]), ee = S(() => {
-    D && z.map((de) => de.name).includes(D) ? me(D) : z.length > 1 && me("Default");
+    X
+  ), Ce = p || se === "" ? "0px" : `calc(${o} - ${t})`, le = l || (v === "dark" ? f.colors[f.primaryColor][6] : f.colors[f.primaryColor][7]), xe = w(() => {
+    D && N.map((Ae) => Ae.name).includes(D) ? be(D) : N.length > 1 && be("Default");
   }, []);
   te(() => {
-    ee();
+    xe();
   }, []), te(() => {
-    p ? me("") : ne === "" && ee();
+    p ? be("") : se === "" && xe();
   }, [p]);
-  const we = () => B ? X || /* @__PURE__ */ r(
+  const Z = () => H ? G || /* @__PURE__ */ r(
     OA,
     {
-      message: B,
+      message: H,
       backgroundColor: Q
     }
-  ) : J ? O || /* @__PURE__ */ r(
+  ) : W ? I || /* @__PURE__ */ r(
     zA,
     {
-      itemCount: ce,
+      itemCount: ne,
       collapsed: p,
       backgroundColor: Q
     }
-  ) : ne !== "" ? /* @__PURE__ */ r(
+  ) : se !== "" ? /* @__PURE__ */ r(
     tr,
     {
-      ref: w,
+      ref: S,
       rootStyles: {
         [`.${nr.container}`]: {
           background: Q,
@@ -932,90 +932,90 @@ function _t({
           height: `${fe(e)}px`
         }
       },
-      style: { borderColor: y === "dark" ? "#000" : "#efefef" },
+      style: { borderColor: v === "dark" ? "#000" : "#efefef" },
       collapsed: p,
-      width: `${fe(ue)}`,
+      width: `${fe(Ce)}`,
       collapsedWidth: "0px",
       children: /* @__PURE__ */ r(
-        Ne,
+        ze,
         {
           style: {
             overflowY: "auto",
             overflowX: "hidden",
             height: "100%",
-            width: ue
+            width: Ce
           },
-          children: /* @__PURE__ */ r(or, { rootStyles: { background: Q }, menuItemStyles: _, closeOnClick: !0, children: z.find((de) => de.name === ne)?.links || null })
+          children: /* @__PURE__ */ r(or, { rootStyles: { background: Q }, menuItemStyles: Y, closeOnClick: !0, children: N.find((Ae) => Ae.name === se)?.links || null })
         }
       )
     }
-  ) : null, Ae = () => J && z.length === 0 ? /* @__PURE__ */ r(
+  ) : null, Ie = () => W && N.length === 0 ? /* @__PURE__ */ r(
     Jt,
     {
-      groupCount: ve,
+      groupCount: we,
       width: t,
       height: e
     }
-  ) : z.length !== 0 ? /* @__PURE__ */ r(
-    W,
+  ) : N.length !== 0 ? /* @__PURE__ */ r(
+    J,
     {
       gap: "4px",
       style: {
         height: e,
         width: t,
         padding: "4px",
-        backgroundColor: ge
+        backgroundColor: le
       },
-      children: z.map((de) => /* @__PURE__ */ r(ke.Fragment, { children: de.component }, de.name))
+      children: N.map((Ae) => /* @__PURE__ */ r(Se.Fragment, { children: Ae.component }, Ae.name))
     }
-  ) : null, Se = () => B ? X || /* @__PURE__ */ r(
+  ) : null, ee = () => H ? G || /* @__PURE__ */ r(
     OA,
     {
-      message: B,
+      message: H,
       backgroundColor: Q
     }
-  ) : J ? O || /* @__PURE__ */ r(
+  ) : W ? I || /* @__PURE__ */ r(
     zA,
     {
-      itemCount: ce,
+      itemCount: ne,
       collapsed: p,
       backgroundColor: Q
     }
   ) : A.map(
-    (de, Te) => NA(f, p, b, de, Te, F, T.pathname, $, x, k)
+    (Ae, Ee) => NA(f, p, b, Ae, Ee, z, T.pathname, O, x, E)
   );
-  return /* @__PURE__ */ r(Re, { children: z.length == 1 ? Xt(
-    w,
+  return /* @__PURE__ */ r(Pe, { children: N.length == 1 ? Xt(
+    S,
     p,
     o,
     n,
-    _,
-    Se(),
+    Y,
+    ee(),
     d,
     e,
-    q,
+    j,
     u,
     Q
-  ) : /* @__PURE__ */ E(Ue, { direction: "column", w: p ? n : o, children: [
-    /* @__PURE__ */ r("div", { style: { height: "auto", width: "100%" }, children: q }),
-    /* @__PURE__ */ E(Or, { withBorder: m, h: e, w: "100%", display: "flex", children: [
-      Ae(),
-      we()
+  ) : /* @__PURE__ */ R(Ye, { direction: "column", w: p ? n : o, children: [
+    /* @__PURE__ */ r("div", { style: { height: "auto", width: "100%" }, children: j }),
+    /* @__PURE__ */ R(Or, { withBorder: m, h: e, w: "100%", display: "flex", children: [
+      Ie(),
+      Z()
     ] }),
     /* @__PURE__ */ r("div", { style: { height: "auto", width: "100%" }, children: u })
   ] }) });
 }
-const mA = De(null);
-function yA() {
-  const A = Ce(mA);
+const yA = Ne(null);
+function vA() {
+  const A = ve(yA);
   if (!A)
     throw new Error("useSidebar must be used within a SidebarProvider");
   return A;
 }
 function Ln() {
-  return Ce(mA);
+  return ve(yA);
 }
-function vA({
+function CA({
   children: A,
   navigationData: t,
   variant: o = "standard",
@@ -1029,72 +1029,72 @@ function vA({
   highlightActiveItem: u = !0,
   onMenuItemClick: i
 }) {
-  const h = Ye(), p = He(), [b, C] = lA({
+  const h = je(), p = qe(), [b, C] = aA({
     value: n,
     defaultValue: e,
     finalValue: !1,
     onChange: s
-  }), [m, g] = lA({
+  }), [m, g] = aA({
     value: l,
     defaultValue: a,
     finalValue: "",
     onChange: d
-  }), [f, w] = be(""), [I, D] = be(() => {
-    const v = /* @__PURE__ */ new Set();
-    return t.forEach((M, k) => {
-      M.initiallyOpened && M.links && M.links.length > 0 && v.add(`group-${k}`);
-    }), v;
-  }), q = h.pathname, F = S(() => {
+  }), [f, S] = ge(""), [k, D] = ge(() => {
+    const y = /* @__PURE__ */ new Set();
+    return t.forEach((V, E) => {
+      V.initiallyOpened && V.links && V.links.length > 0 && y.add(`group-${E}`);
+    }), y;
+  }), j = h.pathname, z = w(() => {
     C(!b);
-  }, [b, C]), U = S((v) => {
-    D((M) => {
-      const k = new Set(M);
-      return k.has(v) ? k.delete(v) : k.add(v), k;
+  }, [b, C]), U = w((y) => {
+    D((V) => {
+      const E = new Set(V);
+      return E.has(y) ? E.delete(y) : E.add(y), E;
     });
-  }, []), $ = S((v) => {
-    D((M) => {
-      const k = new Set(M);
-      return k.add(v), k;
+  }, []), O = w((y) => {
+    D((V) => {
+      const E = new Set(V);
+      return E.add(y), E;
     });
-  }, []), P = S((v) => {
-    D((M) => {
-      const k = new Set(M);
-      return k.delete(v), k;
+  }, []), $ = w((y) => {
+    D((V) => {
+      const E = new Set(V);
+      return E.delete(y), E;
     });
-  }, []), K = ae(() => {
+  }, []), M = ce(() => {
     if (!f.trim())
       return t;
-    const v = f.toLowerCase().trim(), M = (k) => k.reduce((J, B) => {
-      const O = B.label.toLowerCase().includes(v), X = B.links ? M(B.links) : [];
-      return (O || X.length > 0) && J.push({
-        ...B,
-        links: X.length > 0 ? X : B.links,
+    const y = f.toLowerCase().trim(), V = (E) => E.reduce((W, H) => {
+      const I = H.label.toLowerCase().includes(y), G = H.links ? V(H.links) : [];
+      return (I || G.length > 0) && W.push({
+        ...H,
+        links: G.length > 0 ? G : H.links,
         // Expandir automaticamente quando há match em subitens
-        initiallyOpened: X.length > 0 || O
-      }), J;
+        initiallyOpened: G.length > 0 || I
+      }), W;
     }, []);
-    return M(t);
-  }, [t, f]), N = S(
-    (v) => {
-      i && i(v), v.link && (v.routeParams ? p(v.link, { state: v.routeParams }) : p(v.link)), v.redirect && p(v.redirect);
+    return V(t);
+  }, [t, f]), F = w(
+    (y) => {
+      i && i(y), y.link && (y.routeParams ? p(y.link, { state: y.routeParams }) : p(y.link)), y.redirect && p(y.redirect);
     },
     [p, i]
-  ), L = ae(
+  ), P = ce(
     () => ({
       collapsed: b,
       setCollapsed: C,
-      toggleCollapsed: F,
+      toggleCollapsed: z,
       activeGroup: m,
       setActiveGroup: g,
-      activeItemPath: q,
-      navigateToItem: N,
+      activeItemPath: j,
+      navigateToItem: F,
       searchQuery: f,
-      setSearchQuery: w,
-      filteredItems: K,
-      expandedGroups: I,
+      setSearchQuery: S,
+      filteredItems: M,
+      expandedGroups: k,
       toggleGroup: U,
-      expandGroup: $,
-      collapseGroup: P,
+      expandGroup: O,
+      collapseGroup: $,
       variant: o,
       showKeyboardShortcuts: c,
       highlightActiveItem: u
@@ -1102,29 +1102,29 @@ function vA({
     [
       b,
       C,
-      F,
+      z,
       m,
       g,
-      q,
-      N,
+      j,
+      F,
       f,
-      K,
-      I,
+      M,
+      k,
       U,
+      O,
       $,
-      P,
       o,
       c,
       u
     ]
   );
-  return /* @__PURE__ */ r(mA.Provider, { value: L, children: A });
+  return /* @__PURE__ */ r(yA.Provider, { value: P, children: A });
 }
-function CA({
+function wA({
   navigationData: A,
   onMenuItemClick: t
 }) {
-  const o = Ye(), e = He(), n = o.pathname, s = S(
+  const o = je(), e = qe(), n = o.pathname, s = w(
     (i) => {
       for (const h of i) {
         if (h.link === n)
@@ -1138,13 +1138,13 @@ function CA({
       return null;
     },
     [n]
-  ), a = ae(() => s(A), [s, A]), l = S(
+  ), a = ce(() => s(A), [s, A]), l = w(
     (i) => i.link === n,
     [n]
-  ), d = S(
+  ), d = w(
     (i) => i.link === n ? !0 : i.links ? i.links.some((h) => d(h)) : !1,
     [n]
-  ), c = ae(() => {
+  ), c = ce(() => {
     const i = [], h = (p, b) => {
       for (const C of p) {
         const m = [...b, C];
@@ -1156,7 +1156,7 @@ function CA({
       return !1;
     };
     return h(A, []), i;
-  }, [A, n]), u = S(
+  }, [A, n]), u = w(
     (i) => {
       (typeof i.disabled == "function" ? i.disabled() : i.disabled) || (t && t(i), i.link && (i.routeParams ? e(i.link, { state: i.routeParams }) : e(i.link)), i.redirect && e(i.redirect));
     },
@@ -1175,10 +1175,10 @@ function Wt({
   navigationData: A,
   onSearch: t
 }) {
-  const [o, e] = be(""), n = S((c) => c.reduce((u, i) => {
+  const [o, e] = ge(""), n = w((c) => c.reduce((u, i) => {
     let h = 1;
     return i.links && (h += n(i.links)), u + h;
-  }, 0), []), s = ae(() => {
+  }, 0), []), s = ce(() => {
     if (!o.trim())
       return A;
     const c = o.toLowerCase().trim(), u = (i) => i.reduce((h, p) => {
@@ -1193,7 +1193,7 @@ function Wt({
       }), h;
     }, []);
     return u(A);
-  }, [A, o]), a = ae(() => o.trim() ? n(s) : n(A), [o, A, s, n]), l = S(
+  }, [A, o]), a = ce(() => o.trim() ? n(s) : n(A), [o, A, s, n]), l = w(
     (c) => {
       if (e(c), t) {
         const u = c.toLowerCase().trim();
@@ -1215,7 +1215,7 @@ function Wt({
       }
     },
     [A, t]
-  ), d = S(() => {
+  ), d = w(() => {
     l("");
   }, [l]);
   return {
@@ -1231,13 +1231,13 @@ function Wt({
 function Zt(A) {
   return A.toLowerCase().replace("ctrl+", "mod+").replace("cmd+", "mod+").replace("control+", "mod+");
 }
-function wA({
+function SA({
   navigationData: A,
   navigateToItem: t,
   onToggleSidebar: o,
   enabled: e = !0
 }) {
-  const n = ae(() => {
+  const n = ce(() => {
     const d = /* @__PURE__ */ new Map(), c = (u) => {
       u.forEach((i) => {
         const h = i;
@@ -1245,13 +1245,13 @@ function wA({
       });
     };
     return c(A), d;
-  }, [A]), s = S(
+  }, [A]), s = w(
     (d) => !!d.shortcut,
     []
-  ), a = S(
+  ), a = w(
     (d) => d.shortcut,
     []
-  ), l = ae(() => {
+  ), l = ce(() => {
     if (!e)
       return [];
     const d = [];
@@ -1283,21 +1283,25 @@ function $e({
   itemHeight: d = 40,
   itemBorderRadius: c = 0,
   itemHorizontalGap: u = 0,
-  activeBackground: i
+  activeBackground: i,
+  isActive: h
 }) {
-  const h = ye(), { colorScheme: p } = ie(), b = A, [C, m] = be(!1), g = s || "var(--mantine-color-text)", f = a || h.colors[h.primaryColor][6], w = l || h.colors[h.primaryColor][6], I = l ? `color-mix(in srgb, ${l} 80%, black)` : h.colors[h.primaryColor][8], D = C ? e ? I : w : e ? w : "transparent", q = C || e ? h.white : g, F = C || e ? h.white : f, $ = e && !C && !!i ? { background: i, backgroundColor: void 0 } : { background: void 0, backgroundColor: D }, P = typeof A.disabled == "function" ? A.disabled() : A.disabled;
-  if (P && A.hideDisabledItem || !A.showInSidebar)
+  const p = me(), { colorScheme: b } = de(), C = A, [m, g] = ge(!1), f = s || "var(--mantine-color-text)", S = a || p.colors[p.primaryColor][6], k = l || p.colors[p.primaryColor][6], D = l ? `color-mix(in srgb, ${l} 80%, black)` : p.colors[p.primaryColor][8], j = m ? e ? D : k : e ? k : "transparent", z = m || e ? p.white : f, U = m || e ? p.white : S, $ = e && !m && !!i ? { background: i, backgroundColor: void 0 } : { background: void 0, backgroundColor: j }, M = typeof A.disabled == "function" ? A.disabled() : A.disabled;
+  if (M && A.hideDisabledItem || !A.showInSidebar)
     return null;
-  const K = S(() => {
-    !P && n && n(A);
-  }, [P, n, A]), N = Ee.t(A.label), L = () => b.badge ? /* @__PURE__ */ r(fA, { size: "xs", color: b.badgeColor || "blue", variant: "filled", children: b.badge }) : null, v = () => b.shortcut ? /* @__PURE__ */ r(HA, { size: "xs", style: { marginLeft: "auto" }, children: b.shortcut }) : null;
+  const F = w(() => {
+    !M && n && n(A);
+  }, [M, n, A]), P = Re.t(A.label), y = () => C.badge ? /* @__PURE__ */ r(pA, { size: "xs", color: C.badgeColor || "blue", variant: "filled", children: C.badge }) : null, V = () => C.shortcut ? /* @__PURE__ */ r(HA, { size: "xs", style: { marginLeft: "auto" }, children: C.shortcut }) : null;
   if (A.links && A.links.length > 0) {
-    const M = A.links.filter((k) => {
-      const J = typeof k.disabled == "function" ? k.disabled() : k.disabled;
-      return k.showInSidebar && (!J || !k.hideDisabledItem);
+    const E = A.links.filter((I) => {
+      const G = typeof I.disabled == "function" ? I.disabled() : I.disabled;
+      return I.showInSidebar && (!G || !I.hideDisabledItem);
     });
-    return M.length === 0 && P && A.hideDisabledItem ? null : o ? /* @__PURE__ */ E(
-      le,
+    if (E.length === 0 && M && A.hideDisabledItem)
+      return null;
+    const W = (I) => h ? h(I) : e, H = (I) => I.some((G) => W(G) || (G.links ? H(G.links) : !1));
+    return o ? /* @__PURE__ */ R(
+      ie,
       {
         position: "right-start",
         withArrow: !0,
@@ -1306,8 +1310,8 @@ function $e({
         openDelay: 100,
         closeDelay: 200,
         children: [
-          /* @__PURE__ */ r(le.Target, { children: /* @__PURE__ */ r(Xe, { style: { width: "100%", padding: "2px 0" }, children: /* @__PURE__ */ r(Le, { label: N, position: "right", withArrow: !0, children: /* @__PURE__ */ E(
-            W,
+          /* @__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(
+            J,
             {
               gap: 1,
               align: "center",
@@ -1316,10 +1320,10 @@ function $e({
               },
               children: [
                 /* @__PURE__ */ r(
-                  G,
+                  B,
                   {
                     style: {
-                      color: f,
+                      color: S,
                       display: "flex",
                       alignItems: "center",
                       justifyContent: "center"
@@ -1328,37 +1332,37 @@ function $e({
                   }
                 ),
                 /* @__PURE__ */ r(
-                  Ie,
+                  Te,
                   {
                     size: "8px",
                     ta: "center",
                     style: {
-                      color: f,
+                      color: S,
                       lineHeight: 1,
                       maxWidth: 56,
                       overflow: "hidden",
                       textOverflow: "ellipsis",
                       whiteSpace: "nowrap"
                     },
-                    children: N
+                    children: P
                   }
                 )
               ]
             }
           ) }) }) }),
-          /* @__PURE__ */ E(le.Dropdown, { children: [
-            /* @__PURE__ */ r(le.Label, { children: N }),
-            M.map((k, J) => {
-              const B = typeof k.disabled == "function" ? k.disabled() : k.disabled;
+          /* @__PURE__ */ R(ie.Dropdown, { children: [
+            /* @__PURE__ */ r(ie.Label, { children: P }),
+            E.map((I, G) => {
+              const ne = typeof I.disabled == "function" ? I.disabled() : I.disabled;
               return /* @__PURE__ */ r(
-                le.Item,
+                ie.Item,
                 {
-                  leftSection: k.icon,
-                  disabled: B,
-                  onClick: () => n?.(k),
-                  children: Ee.t(k.label)
+                  leftSection: I.icon,
+                  disabled: ne,
+                  onClick: () => n?.(I),
+                  children: Re.t(I.label)
                 },
-                J
+                G
               );
             })
           ] })
@@ -1367,12 +1371,12 @@ function $e({
     ) : /* @__PURE__ */ r(
       LA,
       {
-        label: N,
-        leftSection: /* @__PURE__ */ r(G, { style: { color: F }, children: A.icon }),
-        rightSection: /* @__PURE__ */ E(G, { style: { display: "flex", alignItems: "center", gap: 4, color: q }, children: [
-          L(),
+        label: P,
+        leftSection: /* @__PURE__ */ r(B, { style: { color: U }, children: A.icon }),
+        rightSection: /* @__PURE__ */ R(B, { style: { display: "flex", alignItems: "center", gap: 4, color: z }, children: [
+          y(),
           /* @__PURE__ */ r(
-            pA,
+            gA,
             {
               size: 14,
               style: {
@@ -1382,10 +1386,10 @@ function $e({
           )
         ] }),
         childrenOffset: 28,
-        defaultOpened: A.initiallyOpened || e,
-        disabled: P,
-        onMouseEnter: () => m(!0),
-        onMouseLeave: () => m(!1),
+        defaultOpened: A.initiallyOpened || e || H(E),
+        disabled: M,
+        onMouseEnter: () => g(!0),
+        onMouseLeave: () => g(!1),
         style: {
           height: d,
           marginInline: u,
@@ -1398,19 +1402,19 @@ function $e({
             borderRadius: c
           },
           label: {
-            color: q
+            color: z
           },
           children: {
             paddingLeft: 0
           }
         },
-        children: M.map((k, J) => /* @__PURE__ */ r(
+        children: E.map((I, G) => /* @__PURE__ */ r(
           $e,
           {
-            item: k,
+            item: I,
             depth: t + 1,
             collapsed: o,
-            active: e,
+            active: W(I),
             onClick: n,
             textColor: s,
             iconColor: a,
@@ -1418,60 +1422,61 @@ function $e({
             itemHeight: d,
             itemBorderRadius: c,
             itemHorizontalGap: u,
-            activeBackground: i
+            activeBackground: i,
+            isActive: h
           },
-          J
+          G
         ))
       }
     );
   }
   return o ? /* @__PURE__ */ r(
-    Le,
+    Me,
     {
-      label: b.tooltip || N,
+      label: C.tooltip || P,
       position: "right",
       withArrow: !0,
       children: /* @__PURE__ */ r(
-        Xe,
+        Je,
         {
           style: {
             width: u ? "auto" : "100%",
             marginInline: u,
             borderRadius: c,
-            cursor: P ? "not-allowed" : "pointer",
-            opacity: P ? 0.5 : 1,
+            cursor: M ? "not-allowed" : "pointer",
+            opacity: M ? 0.5 : 1,
             // Gradiente (activeBackground) via shorthand; senão a cor sólida.
-            ...e && i ? { background: i } : { backgroundColor: e ? w : "transparent" },
+            ...e && i ? { background: i } : { backgroundColor: e ? k : "transparent" },
             transition: "background 150ms ease, background-color 150ms ease",
             padding: "2px 0"
           },
-          onClick: K,
-          onMouseEnter: (M) => {
-            if (!P) {
+          onClick: F,
+          onMouseEnter: (E) => {
+            if (!M) {
               if (e && i)
                 return;
-              M.currentTarget.style.backgroundColor = e ? I : w;
+              E.currentTarget.style.backgroundColor = e ? D : k;
             }
           },
-          onMouseLeave: (M) => {
-            e && i || (M.currentTarget.style.backgroundColor = e ? w : "transparent");
+          onMouseLeave: (E) => {
+            e && i || (E.currentTarget.style.backgroundColor = e ? k : "transparent");
           },
-          children: /* @__PURE__ */ E(W, { gap: 1, align: "center", children: [
-            /* @__PURE__ */ r(G, { style: { color: e ? h.white : f }, children: A.icon }),
+          children: /* @__PURE__ */ R(J, { gap: 1, align: "center", children: [
+            /* @__PURE__ */ r(B, { style: { color: e ? p.white : S }, children: A.icon }),
             /* @__PURE__ */ r(
-              Ie,
+              Te,
               {
                 size: "8px",
                 ta: "center",
                 style: {
-                  color: e ? h.white : f,
+                  color: e ? p.white : S,
                   lineHeight: 1,
                   maxWidth: 56,
                   overflow: "hidden",
                   textOverflow: "ellipsis",
                   whiteSpace: "nowrap"
                 },
-                children: N
+                children: P
               }
             )
           ] })
@@ -1481,17 +1486,17 @@ function $e({
   ) : /* @__PURE__ */ r(
     LA,
     {
-      label: N,
-      leftSection: /* @__PURE__ */ r(G, { style: { color: F }, children: A.icon }),
-      rightSection: /* @__PURE__ */ E(G, { style: { display: "flex", alignItems: "center", gap: 4, color: q }, children: [
-        L(),
-        v()
+      label: P,
+      leftSection: /* @__PURE__ */ r(B, { style: { color: U }, children: A.icon }),
+      rightSection: /* @__PURE__ */ R(B, { style: { display: "flex", alignItems: "center", gap: 4, color: z }, children: [
+        y(),
+        V()
       ] }),
       active: e,
-      disabled: P,
-      onClick: K,
-      onMouseEnter: () => m(!0),
-      onMouseLeave: () => m(!1),
+      disabled: M,
+      onClick: F,
+      onMouseEnter: () => g(!0),
+      onMouseLeave: () => g(!1),
       style: {
         height: d,
         paddingLeft: t > 0 ? t * 16 + 12 : void 0,
@@ -1505,7 +1510,7 @@ function $e({
           borderRadius: c
         },
         label: {
-          color: q
+          color: z
         }
       }
     }
@@ -1520,12 +1525,12 @@ function eo({
   onExpandedChange: s,
   groupId: a
 }) {
-  const l = ye(), { colorScheme: d } = ie(), [c, u] = be(e), i = n !== void 0, h = i ? n : c, p = S(() => {
+  const l = me(), { colorScheme: d } = de(), [c, u] = ge(e), i = n !== void 0, h = i ? n : c, p = w(() => {
     i ? s?.(!h) : u((f) => !f);
   }, [i, h, s]), b = d === "dark" ? l.colors.dark[6] : l.colors.gray[1], C = d === "dark" ? l.colors.dark[5] : l.colors.gray[2], m = d === "dark" ? l.colors.gray[4] : l.colors.gray[7], g = d === "dark" ? l.colors[l.primaryColor][4] : l.colors[l.primaryColor][6];
-  return /* @__PURE__ */ E(G, { children: [
+  return /* @__PURE__ */ R(B, { children: [
     /* @__PURE__ */ r(
-      iA,
+      cA,
       {
         onClick: p,
         w: "100%",
@@ -1542,10 +1547,10 @@ function eo({
             }
           }
         },
-        children: /* @__PURE__ */ E(Pe, { justify: "space-between", wrap: "nowrap", children: [
-          /* @__PURE__ */ E(Pe, { gap: "xs", wrap: "nowrap", children: [
-            t && /* @__PURE__ */ r(G, { style: { color: g }, children: t }),
-            /* @__PURE__ */ r(Ie, { size: "sm", fw: 600, c: m, children: Ee.t(A) })
+        children: /* @__PURE__ */ R(Le, { justify: "space-between", wrap: "nowrap", children: [
+          /* @__PURE__ */ R(Le, { gap: "xs", wrap: "nowrap", children: [
+            t && /* @__PURE__ */ r(B, { style: { color: g }, children: t }),
+            /* @__PURE__ */ r(Te, { size: "sm", fw: 600, c: m, children: Re.t(A) })
           ] }),
           /* @__PURE__ */ r(
             Gr,
@@ -1561,17 +1566,17 @@ function eo({
         ] })
       }
     ),
-    /* @__PURE__ */ r($r, { expanded: h, children: /* @__PURE__ */ r(G, { mt: 4, children: o }) })
+    /* @__PURE__ */ r($r, { expanded: h, children: /* @__PURE__ */ r(B, { mt: 4, children: o }) })
   ] });
 }
 function Mn({
   label: A,
   children: t
 }) {
-  const o = ye(), { colorScheme: e } = ie(), n = e === "dark" ? o.colors.gray[5] : o.colors.gray[6];
-  return /* @__PURE__ */ E(G, { children: [
+  const o = me(), { colorScheme: e } = de(), n = e === "dark" ? o.colors.gray[5] : o.colors.gray[6];
+  return /* @__PURE__ */ R(B, { children: [
     /* @__PURE__ */ r(
-      Ie,
+      Te,
       {
         size: "xs",
         fw: 700,
@@ -1580,7 +1585,7 @@ function Mn({
         px: "sm",
         py: "xs",
         style: { letterSpacing: "0.5px" },
-        children: Ee.t(A)
+        children: Re.t(A)
       }
     ),
     t
@@ -1594,8 +1599,8 @@ function Ao({
   activeColor: n,
   inactiveColor: s
 }) {
-  const a = ye(), { colorScheme: l } = ie(), d = l === "dark" ? a.colors[a.primaryColor][8] : a.colors[a.primaryColor][0], c = l === "dark" ? a.colors[a.primaryColor][6] : a.colors[a.primaryColor][7], u = a.colors[a.primaryColor][2], p = /* @__PURE__ */ E(
-    W,
+  const a = me(), { colorScheme: l } = de(), d = l === "dark" ? a.colors[a.primaryColor][8] : a.colors[a.primaryColor][0], c = l === "dark" ? a.colors[a.primaryColor][6] : a.colors[a.primaryColor][7], u = a.colors[a.primaryColor][2], p = /* @__PURE__ */ R(
+    J,
     {
       gap: 2,
       align: "center",
@@ -1603,7 +1608,7 @@ function Ao({
       style: { textAlign: "center" },
       children: [
         /* @__PURE__ */ r(
-          Me,
+          De,
           {
             size: 48,
             variant: t ? "filled" : "subtle",
@@ -1616,7 +1621,7 @@ function Ao({
           }
         ),
         e && /* @__PURE__ */ r(
-          Ie,
+          Te,
           {
             size: "xs",
             c: u,
@@ -1632,7 +1637,7 @@ function Ao({
       ]
     }
   );
-  return e ? p : /* @__PURE__ */ r(Le, { label: A.hint || A.label, position: "right", withArrow: !0, children: p });
+  return e ? p : /* @__PURE__ */ r(Me, { label: A.hint || A.label, position: "right", withArrow: !0, children: p });
 }
 function Dn({
   placeholder: A = "Buscar...",
@@ -1641,29 +1646,29 @@ function Dn({
   onClear: e,
   collapsed: n = !1
 }) {
-  const s = ye(), { colorScheme: a } = ie(), l = S(
+  const s = me(), { colorScheme: a } = de(), l = w(
     (u) => {
       o?.(u.currentTarget.value);
     },
     [o]
-  ), d = S(() => {
+  ), d = w(() => {
     o?.(""), e?.();
   }, [o, e]), c = t && t.length > 0;
   return n ? /* @__PURE__ */ r(
-    Me,
+    De,
     {
       variant: "subtle",
       size: "lg",
       color: a === "dark" ? "gray" : "dark",
-      children: /* @__PURE__ */ r(Je, { size: 18 })
+      children: /* @__PURE__ */ r(_e, { size: 18 })
     }
   ) : /* @__PURE__ */ r(
     YA,
     {
       placeholder: A,
-      leftSection: /* @__PURE__ */ r(Je, { size: 16 }),
+      leftSection: /* @__PURE__ */ r(_e, { size: 16 }),
       rightSection: c ? /* @__PURE__ */ r(
-        Me,
+        De,
         {
           variant: "subtle",
           size: "sm",
@@ -1690,16 +1695,16 @@ function Nn({
   onClick: e,
   collapsed: n = !1
 }) {
-  const s = ye(), { colorScheme: a } = ie(), l = a === "dark" ? s.colors.dark[5] : s.colors.gray[1], d = () => {
+  const s = me(), { colorScheme: a } = de(), l = a === "dark" ? s.colors.dark[5] : s.colors.gray[1], d = () => {
     if (typeof o == "string")
-      return /* @__PURE__ */ r(aA, { src: o, radius: "xl", size: n ? "sm" : "md" });
+      return /* @__PURE__ */ r(iA, { src: o, radius: "xl", size: n ? "sm" : "md" });
     if (o)
       return o;
     const c = A ? A.split(" ").map((u) => u[0]).slice(0, 2).join("").toUpperCase() : "?";
-    return /* @__PURE__ */ r(aA, { radius: "xl", size: n ? "sm" : "md", color: s.primaryColor, children: c });
+    return /* @__PURE__ */ r(iA, { radius: "xl", size: n ? "sm" : "md", color: s.primaryColor, children: c });
   };
-  return n ? /* @__PURE__ */ r(Le, { label: A || "Perfil", position: "right", withArrow: !0, children: /* @__PURE__ */ r(
-    iA,
+  return n ? /* @__PURE__ */ r(Me, { label: A || "Perfil", position: "right", withArrow: !0, children: /* @__PURE__ */ r(
+    cA,
     {
       onClick: e,
       p: "xs",
@@ -1720,7 +1725,7 @@ function Nn({
       children: d()
     }
   ) }) : /* @__PURE__ */ r(
-    iA,
+    cA,
     {
       onClick: e,
       p: "sm",
@@ -1736,11 +1741,11 @@ function Nn({
           }
         }
       },
-      children: /* @__PURE__ */ E(Pe, { wrap: "nowrap", children: [
+      children: /* @__PURE__ */ R(Le, { wrap: "nowrap", children: [
         d(),
-        /* @__PURE__ */ E(G, { style: { flex: 1, overflow: "hidden" }, children: [
+        /* @__PURE__ */ R(B, { style: { flex: 1, overflow: "hidden" }, children: [
           A && /* @__PURE__ */ r(
-            Ie,
+            Te,
             {
               size: "sm",
               fw: 500,
@@ -1753,7 +1758,7 @@ function Nn({
             }
           ),
           t && /* @__PURE__ */ r(
-            Ie,
+            Te,
             {
               size: "xs",
               c: "dimmed",
@@ -1767,7 +1772,7 @@ function Nn({
           )
         ] }),
         e && /* @__PURE__ */ r(
-          pA,
+          gA,
           {
             size: 16,
             color: a === "dark" ? s.colors.gray[5] : s.colors.gray[6]
@@ -1783,7 +1788,7 @@ function zn({
   size: o = "xs"
 }) {
   const e = typeof A == "number" && A > 99 ? "99+" : A;
-  return /* @__PURE__ */ r(fA, { size: o, color: t, variant: "filled", children: e });
+  return /* @__PURE__ */ r(pA, { size: o, color: t, variant: "filled", children: e });
 }
 function On({
   children: A,
@@ -1803,7 +1808,7 @@ function On({
     }
   );
 }
-function SA({
+function kA({
   itemCount: A = 8,
   collapsed: t = !1,
   backgroundColor: o,
@@ -1811,13 +1816,13 @@ function SA({
   showGroups: n = !0,
   groupCount: s = 2
 }) {
-  const a = ye(), { colorScheme: l } = ie(), d = o || (l === "dark" ? a.colors.dark[7] : a.white);
+  const a = me(), { colorScheme: l } = de(), d = o || (l === "dark" ? a.colors.dark[7] : a.white);
   if (t)
-    return /* @__PURE__ */ r(W, { gap: "sm", p: "xs", style: { backgroundColor: d }, children: Array.from({ length: A }).map((i, h) => /* @__PURE__ */ r(pe, { circle: !0, height: 32, width: 32 }, h)) });
+    return /* @__PURE__ */ r(J, { gap: "sm", p: "xs", style: { backgroundColor: d }, children: Array.from({ length: A }).map((i, h) => /* @__PURE__ */ r(pe, { circle: !0, height: 32, width: 32 }, h)) });
   const c = (i, h = !1) => Array.from({ length: i }).map((p, b) => {
     const C = 60 + Math.random() * 30;
-    return /* @__PURE__ */ E(
-      Pe,
+    return /* @__PURE__ */ R(
+      Le,
       {
         gap: "sm",
         p: "xs",
@@ -1834,14 +1839,14 @@ function SA({
     );
   });
   if (!n)
-    return /* @__PURE__ */ r(W, { gap: 2, p: "xs", style: { backgroundColor: d }, children: c(A) });
+    return /* @__PURE__ */ r(J, { gap: 2, p: "xs", style: { backgroundColor: d }, children: c(A) });
   const u = Math.ceil(A / s);
-  return /* @__PURE__ */ r(W, { gap: "md", p: "xs", style: { backgroundColor: d }, children: Array.from({ length: s }).map((i, h) => /* @__PURE__ */ E(G, { children: [
-    /* @__PURE__ */ E(Pe, { gap: "sm", p: "xs", children: [
+  return /* @__PURE__ */ r(J, { gap: "md", p: "xs", style: { backgroundColor: d }, children: Array.from({ length: s }).map((i, h) => /* @__PURE__ */ R(B, { 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(W, { gap: 2, mt: 4, children: c(
+    /* @__PURE__ */ r(J, { gap: 2, mt: 4, children: c(
       h === s - 1 ? A - h * u : u,
       !0
     ) })
@@ -1852,9 +1857,9 @@ function ro({
   width: t = 80,
   backgroundColor: o
 }) {
-  const e = ye(), { colorScheme: n } = ie(), s = o || (n === "dark" ? e.colors[e.primaryColor][8] : e.colors[e.primaryColor][6]);
+  const e = me(), { colorScheme: n } = de(), s = o || (n === "dark" ? e.colors[e.primaryColor][8] : e.colors[e.primaryColor][6]);
   return /* @__PURE__ */ r(
-    W,
+    J,
     {
       gap: "sm",
       p: "xs",
@@ -1864,7 +1869,7 @@ function ro({
         backgroundColor: s,
         height: "100%"
       },
-      children: Array.from({ length: A }).map((a, l) => /* @__PURE__ */ E(W, { gap: 4, align: "center", children: [
+      children: Array.from({ length: A }).map((a, l) => /* @__PURE__ */ R(J, { gap: 4, align: "center", children: [
         /* @__PURE__ */ r(pe, { circle: !0, height: 48, width: 48 }),
         /* @__PURE__ */ r(pe, { height: 10, width: 40, radius: "sm" })
       ] }, l))
@@ -1874,9 +1879,9 @@ function ro({
 function $n({
   collapsed: A = !1
 }) {
-  return A ? /* @__PURE__ */ r(G, { p: "xs", style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ r(pe, { circle: !0, height: 32, width: 32 }) }) : /* @__PURE__ */ E(Pe, { gap: "sm", p: "md", children: [
+  return A ? /* @__PURE__ */ r(B, { 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__ */ E(W, { gap: 4, style: { flex: 1 }, children: [
+    /* @__PURE__ */ R(J, { gap: 4, style: { flex: 1 }, children: [
       /* @__PURE__ */ r(pe, { height: 14, width: "70%", radius: "sm" }),
       /* @__PURE__ */ r(pe, { height: 10, width: "50%", radius: "sm" })
     ] })
@@ -1885,21 +1890,21 @@ function $n({
 function Qn({
   collapsed: A = !1
 }) {
-  return A ? /* @__PURE__ */ r(G, { p: "xs", style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ r(pe, { circle: !0, height: 36, width: 36 }) }) : /* @__PURE__ */ E(Pe, { gap: "sm", p: "sm", children: [
+  return A ? /* @__PURE__ */ r(B, { 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__ */ E(W, { gap: 4, style: { flex: 1 }, children: [
+    /* @__PURE__ */ R(J, { gap: 4, style: { flex: 1 }, children: [
       /* @__PURE__ */ r(pe, { height: 12, width: "60%", radius: "sm" }),
       /* @__PURE__ */ r(pe, { height: 10, width: "80%", radius: "sm" })
     ] })
   ] });
 }
-function kA({
+function xA({
   message: A,
   backgroundColor: t
 }) {
-  const o = ye(), { colorScheme: e } = ie(), n = t || (e === "dark" ? o.colors.dark[7] : o.white), s = e === "dark" ? o.colors.red[4] : o.colors.red[6];
+  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(
-    G,
+    B,
     {
       p: "md",
       style: {
@@ -1910,7 +1915,7 @@ function kA({
         height: "100%"
       },
       children: /* @__PURE__ */ r(
-        G,
+        B,
         {
           p: "md",
           style: {
@@ -1946,129 +1951,137 @@ function to({
   backgroundLightColor: m,
   backgroundImage: g,
   textDarkColor: f,
-  textLightColor: w,
-  iconDarkColor: I,
+  textLightColor: S,
+  iconDarkColor: k,
   iconLightColor: D,
-  activeColor: q,
-  withBorder: F = !0,
+  activeColor: j,
+  withBorder: z = !0,
   withShadow: U = !1,
-  highlightActiveItem: $ = !0,
-  onMenuItemClick: P,
-  itemBorderRadius: K,
-  itemHorizontalGap: N,
-  itemActiveBackground: L
+  highlightActiveItem: O = !0,
+  onMenuItemClick: $,
+  itemBorderRadius: M,
+  itemHorizontalGap: F,
+  itemActiveBackground: P
 }) {
-  const v = ye(), { colorScheme: M } = ie(), { collapsed: k, toggleCollapsed: J } = yA(), B = M === "dark" ? C ?? v.colors.dark[7] : m ?? v.white, O = M === "dark" ? f ?? v.colors.gray[3] : w ?? v.colors.gray[7], X = M === "dark" ? I ?? v.colors[v.primaryColor][4] : D ?? v.colors[v.primaryColor][6], ce = q ? v.colors[q]?.[6] ?? v.colors[v.primaryColor][6] : v.colors[v.primaryColor][6], ve = { itemBorderRadius: K, itemHorizontalGap: N, activeBackground: L }, ne = g ? { background: g } : { backgroundColor: B }, me = g ? "transparent" : B, {
-    query: xe,
-    setQuery: T,
-    filteredItems: y,
-    isSearching: Q,
-    clearSearch: R
+  const y = me(), { colorScheme: V } = de(), { collapsed: E, toggleCollapsed: W } = vA(), H = V === "dark" ? C ?? y.colors.dark[7] : m ?? y.white, I = V === "dark" ? f ?? y.colors.gray[3] : S ?? y.colors.gray[7], G = V === "dark" ? k ?? y.colors[y.primaryColor][4] : D ?? y.colors[y.primaryColor][6], ne = j ? y.colors[j]?.[6] ?? y.colors[y.primaryColor][6] : y.colors[y.primaryColor][6], we = g ? { background: g } : { backgroundColor: H }, se = g ? "transparent" : H, {
+    query: be,
+    setQuery: ke,
+    filteredItems: T,
+    isSearching: v,
+    clearSearch: Q
   } = Wt({
     navigationData: A,
     onSearch: a
-  }), { navigateToItem: x, isItemActive: H, isItemOrChildActive: z } = CA({
+  }), { navigateToItem: L, isItemActive: x, isItemOrChildActive: X } = wA({
     navigationData: A,
-    onMenuItemClick: P
-  });
-  wA({
+    onMenuItemClick: $
+  }), N = w(
+    (Z) => !!O && x(Z),
+    [O, x]
+  ), Y = {
+    itemBorderRadius: M,
+    itemHorizontalGap: F,
+    activeBackground: P,
+    isActive: N
+  };
+  SA({
     navigationData: A,
-    navigateToItem: x,
-    onToggleSidebar: J,
+    navigateToItem: L,
+    onToggleSidebar: W,
     enabled: !0
   });
-  const _ = k ? o : t, ue = ae(() => {
-    const ee = /* @__PURE__ */ new Map(), we = [];
-    return y.forEach((Ae) => {
-      if (!(!Ae.showInSidebar || (typeof Ae.disabled == "function" ? Ae.disabled() : Ae.disabled) && Ae.hideDisabledItem))
-        if (Ae.category) {
-          const de = ee.get(Ae.category) || [];
-          de.push(Ae), ee.set(Ae.category, de);
+  const Ce = E ? o : t, le = ce(() => {
+    const Z = /* @__PURE__ */ new Map(), Ie = [];
+    return T.forEach((ee) => {
+      if (!(!ee.showInSidebar || (typeof ee.disabled == "function" ? ee.disabled() : ee.disabled) && ee.hideDisabledItem))
+        if (ee.category) {
+          const Ee = Z.get(ee.category) || [];
+          Ee.push(ee), Z.set(ee.category, Ee);
         } else
-          we.push(Ae);
-    }), { groups: ee, ungrouped: we };
-  }, [y]), ge = () => {
+          Ie.push(ee);
+    }), { groups: Z, ungrouped: Ie };
+  }, [T]), xe = () => {
     if (i)
-      return p || /* @__PURE__ */ r(kA, { message: i, backgroundColor: B });
+      return p || /* @__PURE__ */ r(xA, { message: i, backgroundColor: H });
     if (u)
       return h || /* @__PURE__ */ r(
-        SA,
+        kA,
         {
           itemCount: b,
-          collapsed: k,
-          backgroundColor: B,
-          showGroups: !k
+          collapsed: E,
+          backgroundColor: H,
+          showGroups: !E
         }
       );
-    const ee = () => ue.ungrouped.map((Ae, Se) => /* @__PURE__ */ r(
+    const Z = () => le.ungrouped.map((ee, Ae) => /* @__PURE__ */ r(
       $e,
       {
-        item: Ae,
-        collapsed: k,
-        active: $ && H(Ae),
-        onClick: x,
-        textColor: O,
-        iconColor: X,
-        hoverColor: ce,
-        ...ve
+        item: ee,
+        collapsed: E,
+        active: O && x(ee),
+        onClick: L,
+        textColor: I,
+        iconColor: G,
+        hoverColor: ne,
+        ...Y
       },
-      `item-${Se}`
-    )), we = () => Array.from(ue.groups.entries()).map(([Se, de], Te) => /* @__PURE__ */ r(
+      `item-${Ae}`
+    )), Ie = () => Array.from(le.groups.entries()).map(([Ae, Ee], q) => /* @__PURE__ */ r(
       eo,
       {
-        label: Se,
-        groupId: `group-${Te}`,
+        label: Ae,
+        groupId: `group-${q}`,
         defaultExpanded: !0,
-        children: de.map((j, V) => /* @__PURE__ */ r(
+        children: Ee.map((ye, K) => /* @__PURE__ */ r(
           $e,
           {
-            item: j,
-            collapsed: k,
-            active: $ && H(j),
-            onClick: x,
-            textColor: O,
-            iconColor: X,
-            hoverColor: ce,
-            ...ve
+            item: ye,
+            collapsed: E,
+            active: O && x(ye),
+            onClick: L,
+            textColor: I,
+            iconColor: G,
+            hoverColor: ne,
+            ...Y
           },
-          `group-${Te}-item-${V}`
+          `group-${q}-item-${K}`
         ))
       },
-      `group-${Te}`
+      `group-${q}`
     ));
-    return k ? /* @__PURE__ */ E(W, { gap: 4, children: [
-      ue.ungrouped.map((Ae, Se) => /* @__PURE__ */ r(
+    return E ? /* @__PURE__ */ R(J, { gap: 4, children: [
+      le.ungrouped.map((ee, Ae) => /* @__PURE__ */ r(
         $e,
         {
-          item: Ae,
+          item: ee,
           collapsed: !0,
-          active: $ && H(Ae),
-          onClick: x,
-          textColor: O,
-          iconColor: X,
-          hoverColor: ce,
-          ...ve
+          active: O && x(ee),
+          onClick: L,
+          textColor: I,
+          iconColor: G,
+          hoverColor: ne,
+          ...Y
         },
-        `item-${Se}`
+        `item-${Ae}`
       )),
-      Array.from(ue.groups.values()).flat().map((Ae, Se) => /* @__PURE__ */ r(
+      Array.from(le.groups.values()).flat().map((ee, Ae) => /* @__PURE__ */ r(
         $e,
         {
-          item: Ae,
+          item: ee,
           collapsed: !0,
-          active: $ && H(Ae),
-          onClick: x,
-          textColor: O,
-          iconColor: X,
-          hoverColor: ce,
-          ...ve
+          active: O && x(ee),
+          onClick: L,
+          textColor: I,
+          iconColor: G,
+          hoverColor: ne,
+          ...Y
         },
-        `grouped-item-${Se}`
+        `grouped-item-${Ae}`
       ))
-    ] }) : /* @__PURE__ */ E(W, { gap: "xs", children: [
-      ue.ungrouped.length > 0 && /* @__PURE__ */ r(W, { gap: 2, children: ee() }),
-      ue.groups.size > 0 && ue.ungrouped.length > 0 && /* @__PURE__ */ r(cA, { my: "xs" }),
-      we()
+    ] }) : /* @__PURE__ */ R(J, { gap: "xs", children: [
+      le.ungrouped.length > 0 && /* @__PURE__ */ r(J, { gap: 2, children: Z() }),
+      le.groups.size > 0 && le.ungrouped.length > 0 && /* @__PURE__ */ r(dA, { my: "xs" }),
+      Ie()
     ] });
   };
   return /* @__PURE__ */ r(
@@ -2078,60 +2091,60 @@ function to({
       transition: "slide-right",
       duration: 200,
       timingFunction: "ease",
-      children: (ee) => /* @__PURE__ */ E(
-        G,
+      children: (Z) => /* @__PURE__ */ R(
+        B,
         {
           style: {
-            ...ee,
-            width: fe(_),
+            ...Z,
+            width: fe(Ce),
             height: typeof e == "number" ? fe(e) : e,
             minHeight: typeof e == "number" ? fe(e) : e,
-            ...ne,
+            ...we,
             display: "flex",
             flexDirection: "column",
             overflow: "hidden",
             transition: "width 200ms ease",
-            borderRight: F ? `1px solid ${M === "dark" ? v.colors.dark[5] : v.colors.gray[2]}` : void 0,
-            boxShadow: U ? v.shadows.sm : void 0
+            borderRight: z ? `1px solid ${V === "dark" ? y.colors.dark[5] : y.colors.gray[2]}` : void 0,
+            boxShadow: U ? y.shadows.sm : void 0
           },
           children: [
-            l && /* @__PURE__ */ r(G, { style: { flexShrink: 0 }, children: l }),
-            n && !k && /* @__PURE__ */ r(G, { p: "sm", style: { flexShrink: 0 }, children: /* @__PURE__ */ r(
+            l && /* @__PURE__ */ r(B, { style: { flexShrink: 0 }, children: l }),
+            n && !E && /* @__PURE__ */ r(B, { p: "sm", style: { flexShrink: 0 }, children: /* @__PURE__ */ r(
               YA,
               {
                 placeholder: s,
-                leftSection: /* @__PURE__ */ r(Je, { size: 16 }),
-                rightSection: Q ? /* @__PURE__ */ r(
+                leftSection: /* @__PURE__ */ r(_e, { size: 16 }),
+                rightSection: v ? /* @__PURE__ */ r(
                   _A,
                   {
                     size: 16,
                     style: { cursor: "pointer" },
-                    onClick: R
+                    onClick: Q
                   }
                 ) : null,
-                value: xe,
-                onChange: (we) => T(we.currentTarget.value),
+                value: be,
+                onChange: (Ie) => ke(Ie.currentTarget.value),
                 size: "sm"
               }
             ) }),
             /* @__PURE__ */ r(
-              Ne,
+              ze,
               {
                 style: { flex: 1 },
                 scrollbarSize: 6,
                 type: "hover",
                 offsetScrollbars: !0,
-                children: /* @__PURE__ */ r(G, { p: "xs", children: ge() })
+                children: /* @__PURE__ */ r(B, { p: "xs", children: xe() })
               }
             ),
             d && /* @__PURE__ */ r(
-              G,
+              B,
               {
                 style: {
                   flexShrink: 0,
                   height: c,
-                  backgroundColor: me,
-                  borderTop: F ? `1px solid ${M === "dark" ? v.colors.dark[5] : v.colors.gray[2]}` : void 0
+                  backgroundColor: se,
+                  borderTop: z ? `1px solid ${V === "dark" ? y.colors.dark[5] : y.colors.gray[2]}` : void 0
                 },
                 children: d
               }
@@ -2153,7 +2166,7 @@ function oo(A) {
     onMenuItemClick: l
   } = A;
   return /* @__PURE__ */ r(
-    vA,
+    CA,
     {
       navigationData: t,
       variant: "standard",
@@ -2174,18 +2187,18 @@ function no({
   iconColor: e,
   activeColor: n
 }) {
-  ye();
-  const { colorScheme: s } = ie(), a = typeof A.disabled == "function" ? A.disabled() : A.disabled;
+  me();
+  const { colorScheme: s } = de(), a = typeof A.disabled == "function" ? A.disabled() : A.disabled;
   if (a && A.hideDisabledItem || !A.showInSidebar)
     return null;
-  const l = Ee.t(A.label);
+  const l = Re.t(A.label);
   if (A.links && A.links.length > 0) {
     const d = A.links.filter((c) => {
       const u = typeof c.disabled == "function" ? c.disabled() : c.disabled;
       return c.showInSidebar && (!u || !c.hideDisabledItem);
     });
-    return d.length === 0 ? null : /* @__PURE__ */ E(
-      le,
+    return d.length === 0 ? null : /* @__PURE__ */ R(
+      ie,
       {
         position: "right-start",
         withArrow: !0,
@@ -2194,9 +2207,9 @@ function no({
         openDelay: 100,
         closeDelay: 200,
         children: [
-          /* @__PURE__ */ r(le.Target, { children: /* @__PURE__ */ r(Le, { label: l, position: "right", withArrow: !0, children: /* @__PURE__ */ E(W, { gap: 1, align: "center", style: { cursor: "pointer" }, children: [
+          /* @__PURE__ */ r(ie.Target, { children: /* @__PURE__ */ r(Me, { label: l, position: "right", withArrow: !0, children: /* @__PURE__ */ R(J, { gap: 1, align: "center", style: { cursor: "pointer" }, children: [
             /* @__PURE__ */ r(
-              Me,
+              De,
               {
                 size: "xl",
                 variant: t ? "filled" : "subtle",
@@ -2205,11 +2218,11 @@ function no({
                 style: {
                   opacity: a ? 0.5 : 1
                 },
-                children: /* @__PURE__ */ r(G, { style: { color: t ? "white" : e }, children: A.icon })
+                children: /* @__PURE__ */ r(B, { style: { color: t ? "white" : e }, children: A.icon })
               }
             ),
             /* @__PURE__ */ r(
-              Ie,
+              Te,
               {
                 size: "8px",
                 ta: "center",
@@ -2225,17 +2238,17 @@ function no({
               }
             )
           ] }) }) }),
-          /* @__PURE__ */ E(le.Dropdown, { children: [
-            /* @__PURE__ */ r(le.Label, { children: l }),
+          /* @__PURE__ */ R(ie.Dropdown, { children: [
+            /* @__PURE__ */ r(ie.Label, { children: l }),
             d.map((c, u) => {
               const i = typeof c.disabled == "function" ? c.disabled() : c.disabled;
               return /* @__PURE__ */ r(
-                le.Item,
+                ie.Item,
                 {
                   leftSection: c.icon,
                   disabled: i,
                   onClick: () => o(c),
-                  children: Ee.t(c.label)
+                  children: Re.t(c.label)
                 },
                 u
               );
@@ -2245,9 +2258,9 @@ function no({
       }
     );
   }
-  return /* @__PURE__ */ r(Le, { label: l, position: "right", withArrow: !0, children: /* @__PURE__ */ E(W, { gap: 1, align: "center", style: { cursor: "pointer" }, children: [
+  return /* @__PURE__ */ r(Me, { label: l, position: "right", withArrow: !0, children: /* @__PURE__ */ R(J, { gap: 1, align: "center", style: { cursor: "pointer" }, children: [
     /* @__PURE__ */ r(
-      Me,
+      De,
       {
         size: "xl",
         variant: t ? "filled" : "subtle",
@@ -2257,11 +2270,11 @@ function no({
         style: {
           opacity: a ? 0.5 : 1
         },
-        children: /* @__PURE__ */ r(G, { style: { color: t ? "white" : e }, children: A.icon })
+        children: /* @__PURE__ */ r(B, { style: { color: t ? "white" : e }, children: A.icon })
       }
     ),
     /* @__PURE__ */ r(
-      Ie,
+      Te,
       {
         size: "8px",
         ta: "center",
@@ -2298,83 +2311,83 @@ function so({
   withBorder: m = !0,
   withShadow: g = !1,
   highlightActiveItem: f = !0,
-  onMenuItemClick: w
+  onMenuItemClick: S
 }) {
-  const I = ye(), { colorScheme: D } = ie(), { toggleCollapsed: q } = yA(), F = D === "dark" ? i ?? I.colors.dark[7] : h ?? I.white, U = D === "dark" ? p ?? I.colors[I.primaryColor][4] : b ?? I.colors[I.primaryColor][6], $ = C ?? I.primaryColor, { navigateToItem: P, isItemActive: K, isItemOrChildActive: N } = CA({
+  const k = me(), { colorScheme: D } = de(), { toggleCollapsed: j } = vA(), z = D === "dark" ? i ?? k.colors.dark[7] : h ?? k.white, U = D === "dark" ? p ?? k.colors[k.primaryColor][4] : b ?? k.colors[k.primaryColor][6], O = C ?? k.primaryColor, { navigateToItem: $, isItemActive: M, isItemOrChildActive: F } = wA({
     navigationData: A,
-    onMenuItemClick: w
+    onMenuItemClick: S
   });
-  wA({
+  SA({
     navigationData: A,
-    navigateToItem: P,
-    onToggleSidebar: q,
+    navigateToItem: $,
+    onToggleSidebar: j,
     enabled: !0
   });
-  const L = A.filter((k) => !(!k.showInSidebar || (typeof k.disabled == "function" ? k.disabled() : k.disabled) && k.hideDisabledItem)), v = () => l ? c || /* @__PURE__ */ r(kA, { message: l, backgroundColor: F }) : a ? d || /* @__PURE__ */ r(
-    SA,
+  const P = A.filter((E) => !(!E.showInSidebar || (typeof E.disabled == "function" ? E.disabled() : E.disabled) && E.hideDisabledItem)), y = () => l ? c || /* @__PURE__ */ r(xA, { message: l, backgroundColor: z }) : a ? d || /* @__PURE__ */ r(
+    kA,
     {
       itemCount: u,
       collapsed: !0,
-      backgroundColor: F
+      backgroundColor: z
     }
-  ) : /* @__PURE__ */ r(W, { gap: 8, align: "center", children: L.map((k, J) => /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ r(J, { gap: 8, align: "center", children: P.map((E, W) => /* @__PURE__ */ r(
     no,
     {
-      item: k,
-      active: f && (K(k) || N(k)),
-      onClick: P,
+      item: E,
+      active: f && (M(E) || F(E)),
+      onClick: $,
       iconColor: U,
-      activeColor: $
+      activeColor: O
     },
-    J
-  )) }), M = D === "dark" ? I.colors.dark[5] : I.colors.gray[2];
-  return /* @__PURE__ */ E(
-    G,
+    W
+  )) }), V = D === "dark" ? k.colors.dark[5] : k.colors.gray[2];
+  return /* @__PURE__ */ R(
+    B,
     {
       style: {
         width: fe(t),
         height: fe(o),
-        backgroundColor: F,
+        backgroundColor: z,
         display: "flex",
         flexDirection: "column",
         overflow: "hidden",
-        boxShadow: g ? I.shadows.sm : void 0,
-        borderRight: m ? `1px solid ${M}` : void 0
+        boxShadow: g ? k.shadows.sm : void 0,
+        borderRight: m ? `1px solid ${V}` : void 0
       },
       children: [
         e && /* @__PURE__ */ r(
-          G,
+          B,
           {
             style: {
               flexShrink: 0,
               display: "flex",
               justifyContent: "center",
-              padding: I.spacing.xs
+              padding: k.spacing.xs
             },
             children: e
           }
         ),
-        e && /* @__PURE__ */ r(cA, {}),
+        e && /* @__PURE__ */ r(dA, {}),
         /* @__PURE__ */ r(
-          Ne,
+          ze,
           {
             style: { flex: 1 },
             scrollbarSize: 4,
             type: "hover",
-            children: /* @__PURE__ */ r(G, { p: "xs", children: v() })
+            children: /* @__PURE__ */ r(B, { p: "xs", children: y() })
           }
         ),
-        n && /* @__PURE__ */ E(Re, { children: [
-          /* @__PURE__ */ r(cA, {}),
+        n && /* @__PURE__ */ R(Pe, { children: [
+          /* @__PURE__ */ r(dA, {}),
           /* @__PURE__ */ r(
-            G,
+            B,
             {
               style: {
                 flexShrink: 0,
                 height: s,
                 display: "flex",
                 justifyContent: "center",
-                padding: I.spacing.xs
+                padding: k.spacing.xs
               },
               children: n
             }
@@ -2395,7 +2408,7 @@ function lo(A) {
     onMenuItemClick: l
   } = A;
   return /* @__PURE__ */ r(
-    vA,
+    CA,
     {
       navigationData: t,
       variant: "minimal",
@@ -2429,70 +2442,78 @@ function ao({
   backgroundDarkColor: m,
   backgroundLightColor: g,
   backgroundImage: f,
-  textDarkColor: w,
-  textLightColor: I,
+  textDarkColor: S,
+  textLightColor: k,
   iconDarkColor: D,
-  iconLightColor: q,
-  activeColor: F,
+  iconLightColor: j,
+  activeColor: z,
   groupBackgroundColor: U,
-  selectedGroupColor: $,
-  groupColor: P,
-  groupLabelDarkColor: K,
-  groupLabelLightColor: N,
-  withBorder: L = !1,
-  highlightActiveItem: v = !0,
-  onMenuItemClick: M,
-  itemBorderRadius: k,
-  itemHorizontalGap: J,
-  itemActiveBackground: B
+  selectedGroupColor: O,
+  groupColor: $,
+  groupLabelDarkColor: M,
+  groupLabelLightColor: F,
+  withBorder: P = !1,
+  highlightActiveItem: y = !0,
+  onMenuItemClick: V,
+  itemBorderRadius: E,
+  itemHorizontalGap: W,
+  itemActiveBackground: H
 }) {
-  const O = ye(), { colorScheme: X } = ie(), {
-    collapsed: ce,
-    toggleCollapsed: ve,
-    activeGroup: ne,
-    setActiveGroup: me
-  } = yA(), xe = X === "dark" ? m ?? O.colors.dark[7] : g ?? O.white, T = f ? { background: f } : { backgroundColor: xe }, y = f ? "transparent" : xe, Q = X === "dark" ? w ?? O.colors.gray[3] : I ?? O.colors.gray[7], R = X === "dark" ? D ?? O.colors[O.primaryColor][4] : q ?? O.colors[O.primaryColor][6], x = F ? O.colors[F]?.[6] ?? O.colors[O.primaryColor][6] : O.colors[O.primaryColor][6], H = { itemBorderRadius: k, itemHorizontalGap: J, activeBackground: B }, z = U || (X === "dark" ? O.colors[O.primaryColor][6] : O.colors[O.primaryColor][7]), _ = $ || (X === "dark" ? O.colors[O.primaryColor][8] : O.colors[O.primaryColor][0]), { navigateToItem: ue, isItemActive: ge } = CA({
+  const I = me(), { colorScheme: G } = de(), {
+    collapsed: ne,
+    toggleCollapsed: we,
+    activeGroup: se,
+    setActiveGroup: be
+  } = vA(), ke = G === "dark" ? m ?? I.colors.dark[7] : g ?? I.white, T = f ? { background: f } : { backgroundColor: ke }, v = f ? "transparent" : ke, Q = G === "dark" ? S ?? I.colors.gray[3] : k ?? I.colors.gray[7], L = G === "dark" ? D ?? I.colors[I.primaryColor][4] : j ?? I.colors[I.primaryColor][6], x = z ? I.colors[z]?.[6] ?? I.colors[I.primaryColor][6] : I.colors[I.primaryColor][6], X = U || (G === "dark" ? I.colors[I.primaryColor][6] : I.colors[I.primaryColor][7]), N = O || (G === "dark" ? I.colors[I.primaryColor][8] : I.colors[I.primaryColor][0]), { navigateToItem: Y, isItemActive: Ce } = wA({
     navigationData: A,
-    onMenuItemClick: M
-  });
-  wA({
+    onMenuItemClick: V
+  }), le = w(
+    (K) => !!y && Ce(K),
+    [y, Ce]
+  ), xe = {
+    itemBorderRadius: E,
+    itemHorizontalGap: W,
+    activeBackground: H,
+    isActive: le
+  };
+  SA({
     navigationData: A,
-    navigateToItem: ue,
-    onToggleSidebar: ve,
+    navigateToItem: Y,
+    onToggleSidebar: we,
     enabled: !0
   });
-  const ee = ae(() => {
-    const V = /* @__PURE__ */ new Map();
-    return A.forEach((Y) => {
-      if (!Y.showInSidebar || (typeof Y.disabled == "function" ? Y.disabled() : Y.disabled) && Y.hideDisabledItem)
+  const Z = ce(() => {
+    const K = /* @__PURE__ */ new Map();
+    return A.forEach((ue) => {
+      if (!ue.showInSidebar || (typeof ue.disabled == "function" ? ue.disabled() : ue.disabled) && ue.hideDisabledItem)
         return;
-      const ze = Y.group ?? {
+      const Fe = ue.group ?? {
         icon: s ?? /* @__PURE__ */ r(JA, { size: "2.2rem", stroke: 1 }),
         label: "Default",
         name: "Default",
         hint: "Default",
         indexOrder: 0
-      }, je = V.get(ze.name);
-      je ? je.items.push(Y) : V.set(ze.name, {
-        group: ze,
-        items: [Y]
+      }, Ve = K.get(Fe.name);
+      Ve ? Ve.items.push(ue) : K.set(Fe.name, {
+        group: Fe,
+        items: [ue]
       });
-    }), Array.from(V.values()).sort((Y, Qe) => Y.group.indexOrder - Qe.group.indexOrder);
+    }), Array.from(K.values()).sort((ue, Qe) => ue.group.indexOrder - Qe.group.indexOrder);
   }, [A, s]);
   te(() => {
-    !ne && ee.length > 0 && me(ee[0].group.name);
-  }, [ne, ee, me]);
-  const we = ae(() => ee.find((Y) => Y.group.name === ne)?.items ?? [], [ee, ne]), Ae = S((V) => {
-    ce ? (ve(), me(V)) : ne === V ? ve() : me(V);
-  }, [ce, ne, ve, me]), Se = ce ? 0 : Number(fe(t)) - Number(fe(n)), de = () => u && ee.length === 0 ? /* @__PURE__ */ r(
+    !se && Z.length > 0 && be(Z[0].group.name);
+  }, [se, Z, be]);
+  const Ie = ce(() => Z.find((ue) => ue.group.name === se)?.items ?? [], [Z, se]), ee = w((K) => {
+    ne ? (we(), be(K)) : se === K ? we() : be(K);
+  }, [ne, se, we, be]), Ae = ne ? 0 : Number(fe(t)) - Number(fe(n)), Ee = () => u && Z.length === 0 ? /* @__PURE__ */ r(
     ro,
     {
       groupCount: C,
       width: n,
-      backgroundColor: z
+      backgroundColor: X
     }
-  ) : ee.length <= 1 ? null : /* @__PURE__ */ r(
-    W,
+  ) : Z.length <= 1 ? null : /* @__PURE__ */ r(
+    J,
     {
       gap: 4,
       p: 4,
@@ -2500,107 +2521,107 @@ function ao({
       style: {
         width: n,
         height: "100%",
-        backgroundColor: z,
+        backgroundColor: X,
         flexShrink: 0
       },
-      children: ee.map((V) => /* @__PURE__ */ r(
+      children: Z.map((K) => /* @__PURE__ */ r(
         Ao,
         {
-          group: V.group,
-          active: V.group.name === ne,
-          onClick: () => Ae(V.group.name),
+          group: K.group,
+          active: K.group.name === se,
+          onClick: () => ee(K.group.name),
           showLabel: a,
-          activeColor: _,
-          inactiveColor: P
+          activeColor: N,
+          inactiveColor: $
         },
-        V.group.name
+        K.group.name
       ))
     }
-  ), Te = () => i ? p || /* @__PURE__ */ r(kA, { message: i, backgroundColor: xe }) : u ? h || /* @__PURE__ */ r(
-    SA,
+  ), q = () => i ? p || /* @__PURE__ */ r(xA, { message: i, backgroundColor: ke }) : u ? h || /* @__PURE__ */ r(
+    kA,
     {
       itemCount: b,
       collapsed: !1,
-      backgroundColor: xe,
+      backgroundColor: ke,
       showGroups: !1
     }
-  ) : /* @__PURE__ */ r(W, { gap: 2, children: we.map((V, Y) => /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ r(J, { gap: 2, children: Ie.map((K, ue) => /* @__PURE__ */ r(
     $e,
     {
-      item: V,
+      item: K,
       collapsed: !1,
-      active: v && ge(V),
-      onClick: ue,
+      active: y && Ce(K),
+      onClick: Y,
       textColor: Q,
-      iconColor: R,
+      iconColor: L,
       hoverColor: x,
-      ...H
+      ...xe
     },
-    Y
-  )) }), j = X === "dark" ? O.colors.dark[5] : O.colors.gray[2];
-  return ee.length <= 1 ? /* @__PURE__ */ E(Ue, { direction: "column", w: ce ? o : t, h: "100%", style: T, children: [
-    l && /* @__PURE__ */ r(G, { style: { width: "100%", flexShrink: 0 }, children: l }),
+    ue
+  )) }), ye = G === "dark" ? I.colors.dark[5] : I.colors.gray[2];
+  return Z.length <= 1 ? /* @__PURE__ */ R(Ye, { direction: "column", w: ne ? o : t, h: "100%", style: T, children: [
+    l && /* @__PURE__ */ r(B, { style: { width: "100%", flexShrink: 0 }, children: l }),
     /* @__PURE__ */ r(
-      G,
+      B,
       {
         style: {
           flex: 1,
           width: "100%",
-          backgroundColor: y,
+          backgroundColor: v,
           display: "flex",
           flexDirection: "column",
           overflow: "hidden",
-          borderRight: L ? `1px solid ${j}` : void 0
+          borderRight: P ? `1px solid ${ye}` : void 0
         },
-        children: /* @__PURE__ */ r(Ne, { style: { flex: 1 }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ r(G, { p: "xs", children: ce ? /* @__PURE__ */ r(W, { gap: 8, align: "center", children: A.filter((V) => V.showInSidebar ? !((typeof V.disabled == "function" ? V.disabled() : V.disabled) && V.hideDisabledItem) : !1).map((V, Y) => /* @__PURE__ */ r(
+        children: /* @__PURE__ */ r(ze, { style: { flex: 1 }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ r(B, { p: "xs", children: ne ? /* @__PURE__ */ r(J, { gap: 8, align: "center", children: A.filter((K) => K.showInSidebar ? !((typeof K.disabled == "function" ? K.disabled() : K.disabled) && K.hideDisabledItem) : !1).map((K, ue) => /* @__PURE__ */ r(
           $e,
           {
-            item: V,
+            item: K,
             collapsed: !0,
-            active: v && ge(V),
-            onClick: ue,
+            active: y && Ce(K),
+            onClick: Y,
             textColor: Q,
-            iconColor: R,
+            iconColor: L,
             hoverColor: x,
-            ...H
+            ...xe
           },
-          Y
-        )) }) : Te() }) })
+          ue
+        )) }) : q() }) })
       }
     ),
-    d && /* @__PURE__ */ r(G, { style: { width: "100%", backgroundColor: y, flexShrink: 0 }, children: d })
-  ] }) : /* @__PURE__ */ E(Ue, { direction: "column", w: ce ? n : t, h: "100%", style: T, children: [
-    l && /* @__PURE__ */ r(G, { style: { width: "100%", flexShrink: 0 }, children: l }),
-    /* @__PURE__ */ E(
-      G,
+    d && /* @__PURE__ */ r(B, { style: { width: "100%", backgroundColor: v, flexShrink: 0 }, children: d })
+  ] }) : /* @__PURE__ */ R(Ye, { direction: "column", w: ne ? n : t, h: "100%", style: T, children: [
+    l && /* @__PURE__ */ r(B, { style: { width: "100%", flexShrink: 0 }, children: l }),
+    /* @__PURE__ */ R(
+      B,
       {
         style: {
           flex: 1,
           width: "100%",
           display: "flex",
           overflow: "hidden",
-          borderRight: L ? `1px solid ${j}` : void 0
+          borderRight: P ? `1px solid ${ye}` : void 0
         },
         children: [
-          de(),
+          Ee(),
           /* @__PURE__ */ r(
-            G,
+            B,
             {
               style: {
-                width: ce ? 0 : Se,
+                width: ne ? 0 : Ae,
                 height: "100%",
-                backgroundColor: y,
+                backgroundColor: v,
                 overflow: "hidden",
                 transition: "width 200ms ease",
-                borderLeft: ee.length > 1 ? `1px solid ${X === "dark" ? O.colors.dark[5] : O.colors.gray[2]}` : void 0
+                borderLeft: Z.length > 1 ? `1px solid ${G === "dark" ? I.colors.dark[5] : I.colors.gray[2]}` : void 0
               },
-              children: !ce && ne && /* @__PURE__ */ r(Ne, { style: { height: "100%" }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ r(G, { p: "xs", children: Te() }) })
+              children: !ne && se && /* @__PURE__ */ r(ze, { style: { height: "100%" }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ r(B, { p: "xs", children: q() }) })
             }
           )
         ]
       }
     ),
-    d && /* @__PURE__ */ r(G, { style: { width: "100%", backgroundColor: y, flexShrink: 0 }, children: d })
+    d && /* @__PURE__ */ r(B, { style: { width: "100%", backgroundColor: v, flexShrink: 0 }, children: d })
   ] });
 }
 function io(A) {
@@ -2617,7 +2638,7 @@ function io(A) {
     onMenuItemClick: u
   } = A;
   return /* @__PURE__ */ r(
-    vA,
+    CA,
     {
       navigationData: t,
       variant: "rail",
@@ -2648,16 +2669,16 @@ function co({
       return /* @__PURE__ */ r(oo, { ...t });
   }
 }
-function xA(A) {
+function IA(A) {
   return A == null;
 }
 function lr(A) {
   return Object.prototype.toString.call(A) === "[object RegExp]";
 }
-function uA(A) {
+function hA(A) {
   return Array.isArray(A);
 }
-function _e(A) {
+function We(A) {
   return typeof A == "function";
 }
 function ar(A) {
@@ -2667,32 +2688,32 @@ function $A(A = 100) {
   let t;
   return new Promise((o, e) => {
     t = setTimeout(() => {
-      o(), xA(t) || clearTimeout(t);
+      o(), IA(t) || clearTimeout(t);
     }, A);
   });
 }
 function QA(A, t) {
-  return (uA(A) ? A : xA(A) ? [] : [A]).some((o) => lr(o) ? o.test(t) : t === o);
+  return (hA(A) ? A : IA(A) ? [] : [A]).some((o) => lr(o) ? o.test(t) : t === o);
 }
-function sA(A) {
+function lA(A) {
   setTimeout(A, 0);
 }
-var ir = De({ active: !1, refresh: () => {
+var ir = Ne({ active: !1, refresh: () => {
 }, destroy: () => Promise.resolve(), destroyAll: () => Promise.resolve(), destroyOther: () => Promise.resolve(), getCacheNodes: () => [] }), uo = BA(function(A) {
-  let { children: t, active: o, refresh: e, destroy: n, destroyAll: s, destroyOther: a, getCacheNodes: l } = A, d = ae(() => ({ active: o, refresh: e, destroy: n, destroyAll: s, destroyOther: a, getCacheNodes: l }), [o, e, n, s, a, l]);
+  let { children: t, active: o, refresh: e, destroy: n, destroyAll: s, destroyOther: a, getCacheNodes: l } = A, d = ce(() => ({ active: o, refresh: e, destroy: n, destroyAll: s, destroyOther: a, getCacheNodes: l }), [o, e, n, s, a, l]);
   return r(ir.Provider, { value: d, children: t });
 }), ho = uo, cr = GA.Activity, fo = cr ?? GA.Fragment, po = !!cr, dr = "keepalive-cache-div";
 function ur(A) {
   return A ? Array.from(A.children) : [];
 }
-function hA(A) {
+function fA(A) {
   A.forEach((t) => {
     t.classList.contains(dr) && t.remove();
   });
 }
 function KA(A, t) {
   let o = ur(A);
-  hA(o), A.appendChild(t), t.classList.remove("inactive"), t.classList.add("active");
+  fA(o), A.appendChild(t), t.classList.remove("inactive"), t.classList.add("active");
 }
 function FA(A, t) {
   let o = ur(A).filter((e) => e.classList.contains("active") && e.getAttribute("data-cache-key") !== t);
@@ -2704,9 +2725,9 @@ function go(A, t, o) {
   return o ? QA(o, A) : t ? !QA(t, A) : !0;
 }
 var bo = BA(function(A) {
-  let { errorElement: t = UA, cacheNodeClassName: o, children: e, cacheKey: n, exclude: s, include: a, enableActivity: l } = A, { active: d, renderCount: c, destroy: u, transition: i, viewTransition: h, duration: p, containerDivRef: b } = A, C = Z(!1);
+  let { errorElement: t = UA, cacheNodeClassName: o, children: e, cacheKey: n, exclude: s, include: a, enableActivity: l } = A, { active: d, renderCount: c, destroy: u, transition: i, viewTransition: h, duration: p, containerDivRef: b } = A, C = _(!1);
   C.current = C.current || d;
-  let m = ae(() => {
+  let m = ce(() => {
     let g = document.createElement("div");
     return ar(g).set("data-cache-key", n).set("style", "height: 100%").set("data-render-count", c.toString()), g.className = dr + (o ? ` ${o}` : ""), g;
   }, [c, o]);
@@ -2719,90 +2740,90 @@ var bo = BA(function(A) {
     if (i)
       (async () => {
         if (d) {
-          let w = FA(f, n);
-          if (await $A(p - 40), hA(w), f.contains(m))
+          let S = FA(f, n);
+          if (await $A(p - 40), fA(S), f.contains(m))
             return;
           KA(f, m);
         } else
           g || (await $A(p), u(n));
       })();
     else if (d) {
-      let w = () => {
-        let I = FA(f, n);
-        hA(I), !f.contains(m) && KA(f, m);
+      let S = () => {
+        let k = FA(f, n);
+        fA(k), !f.contains(m) && KA(f, m);
       };
-      h && document.startViewTransition ? document.startViewTransition(w) : w();
+      h && document.startViewTransition ? document.startViewTransition(S) : S();
     } else
       g || u(n);
-  }, [d, b, n, s, a]), C.current ? Rt(r(t, { children: po && l ? E(fo, { mode: d ? "visible" : "hidden", children: [" ", e] }) : e }), m, n) : null;
+  }, [d, b, n, s, a]), C.current ? Rt(r(t, { children: po && l ? R(fo, { mode: d ? "visible" : "hidden", children: [" ", e] }) : e }), m, n) : null;
 }, (A, t) => A.active === t.active && A.renderCount === t.renderCount && A.children === t.children && A.exclude === t.exclude && A.include === t.include), mo = bo, yo = (A) => {
-  typeof oA < "u" && _e(oA) ? oA(A) : A();
+  typeof nA < "u" && We(nA) ? nA(A) : A();
 }, vo = yo;
 function hr() {
-  return Z(null);
+  return _(null);
 }
 function Co(A) {
-  let { activeCacheKey: t, max: o = 10, exclude: e, include: n, onBeforeActive: s, customContainerRef: a, cacheNodeClassName: l = "cache-component", containerClassName: d = "keep-alive-render", errorElement: c, transition: u = !1, viewTransition: i = !1, duration: h = 200, children: p, aliveRef: b, maxAliveTime: C = 0, enableActivity: m = !1 } = A, g = a || Z(null), [f, w] = be([]);
+  let { activeCacheKey: t, max: o = 10, exclude: e, include: n, onBeforeActive: s, customContainerRef: a, cacheNodeClassName: l = "cache-component", containerClassName: d = "keep-alive-render", errorElement: c, transition: u = !1, viewTransition: i = !1, duration: h = 200, children: p, aliveRef: b, maxAliveTime: C = 0, enableActivity: m = !1 } = A, g = a || _(null), [f, S] = ge([]);
   kr(() => {
-    xA(t) || vo(() => {
-      w(($) => {
-        let P = Date.now();
-        if ($.find((K) => K.cacheKey === t))
-          return $.map((K) => {
-            if (K.cacheKey === t) {
-              let N = !1;
-              if (_e(s) && s(t), C) {
-                let L = K.lastActiveTime;
-                if (uA(C)) {
-                  let v = C.find((M) => lr(M.match) ? M.match.test(t) : M.match === t);
-                  v && (N = v && L + v.expire * 1e3 < P);
+    IA(t) || vo(() => {
+      S((O) => {
+        let $ = Date.now();
+        if (O.find((M) => M.cacheKey === t))
+          return O.map((M) => {
+            if (M.cacheKey === t) {
+              let F = !1;
+              if (We(s) && s(t), C) {
+                let P = M.lastActiveTime;
+                if (hA(C)) {
+                  let y = C.find((V) => lr(V.match) ? V.match.test(t) : V.match === t);
+                  y && (F = y && P + y.expire * 1e3 < $);
                 } else
-                  N = L + C * 1e3 < P;
+                  F = P + C * 1e3 < $;
               }
-              return { ...K, ele: p, lastActiveTime: P, renderCount: N ? K.renderCount + 1 : K.renderCount };
+              return { ...M, ele: p, lastActiveTime: $, renderCount: F ? M.renderCount + 1 : M.renderCount };
             }
-            return K;
+            return M;
           });
-        if (_e(s) && s(t), $.length > o) {
-          let K = $.reduce((N, L) => N.lastActiveTime < L.lastActiveTime ? N : L);
-          $.splice($.indexOf(K), 1);
+        if (We(s) && s(t), O.length > o) {
+          let M = O.reduce((F, P) => F.lastActiveTime < P.lastActiveTime ? F : P);
+          O.splice(O.indexOf(M), 1);
         }
-        return [...$, { cacheKey: t, lastActiveTime: P, ele: p, renderCount: 0 }];
+        return [...O, { cacheKey: t, lastActiveTime: $, ele: p, renderCount: 0 }];
       });
     });
   }, [t, p]);
-  let I = S(($) => {
-    w((P) => {
-      let K = $ || t;
-      return P.map((N) => N.cacheKey === K ? { ...N, renderCount: N.renderCount + 1 } : N);
+  let k = w((O) => {
+    S(($) => {
+      let M = O || t;
+      return $.map((F) => F.cacheKey === M ? { ...F, renderCount: F.renderCount + 1 } : F);
     });
-  }, [w, t]), D = S(($) => {
-    let P = $ || t, K = uA(P) ? P : [P];
-    return new Promise((N) => {
-      sA(() => {
-        w((L) => [...L.filter((v) => !K.includes(v.cacheKey))]), N();
+  }, [S, t]), D = w((O) => {
+    let $ = O || t, M = hA($) ? $ : [$];
+    return new Promise((F) => {
+      lA(() => {
+        S((P) => [...P.filter((y) => !M.includes(y.cacheKey))]), F();
       });
     });
-  }, [w, t]), q = S(() => new Promise(($) => {
-    sA(() => {
-      w([]), $();
+  }, [S, t]), j = w(() => new Promise((O) => {
+    lA(() => {
+      S([]), O();
     });
-  }), [w]), F = S(($) => {
-    let P = $ || t;
-    return new Promise((K) => {
-      sA(() => {
-        w((N) => [...N.filter((L) => L.cacheKey === P)]), K();
+  }), [S]), z = w((O) => {
+    let $ = O || t;
+    return new Promise((M) => {
+      lA(() => {
+        S((F) => [...F.filter((P) => P.cacheKey === $)]), M();
       });
     });
-  }, [t, w]), U = S(() => f, [f]);
-  return xr(b, () => ({ refresh: I, destroy: D, destroyAll: q, destroyOther: F, getCacheNodes: U })), E(UA, { children: [r("div", { ref: g, className: d, style: { height: "100%" } }), f.map(($) => {
-    let { cacheKey: P, ele: K, renderCount: N } = $;
-    return r(ho, { active: t === P, refresh: I, destroy: D, destroyAll: q, destroyOther: F, getCacheNodes: U, children: r(mo, { destroy: D, include: n, exclude: e, transition: u, viewTransition: i, duration: h, renderCount: N, containerDivRef: g, errorElement: c, active: t === P, cacheNodeClassName: l, cacheKey: P, enableActivity: m, children: K }) }, `${P}-${N}`);
+  }, [t, S]), U = w(() => f, [f]);
+  return xr(b, () => ({ refresh: k, destroy: D, destroyAll: j, destroyOther: z, getCacheNodes: U })), R(UA, { children: [r("div", { ref: g, className: d, style: { height: "100%" } }), f.map((O) => {
+    let { cacheKey: $, ele: M, renderCount: F } = O;
+    return r(ho, { active: t === $, refresh: k, destroy: D, destroyAll: j, destroyOther: z, getCacheNodes: U, children: r(mo, { destroy: D, include: n, exclude: e, transition: u, viewTransition: i, duration: h, renderCount: F, containerDivRef: g, errorElement: c, active: t === $, cacheNodeClassName: l, cacheKey: $, enableActivity: m, children: M }) }, `${$}-${F}`);
   })] });
 }
-var wo = Co, So = () => Ce(ir), fr = So;
+var wo = Co, So = () => ve(ir), fr = So;
 function ko(A, t, o = !1, e) {
-  let { active: n } = fr(), s = Z(!1);
+  let { active: n } = fr(), s = _(!1);
   e(() => {
     if (!n)
       return;
@@ -2812,27 +2833,27 @@ function ko(A, t, o = !1, e) {
     }
     let a = A();
     return () => {
-      _e(a) && a();
+      We(a) && a();
     };
   }, [n, ...t]);
 }
 var xo = ko, Io = (A, t, o = !1) => {
   xo(A, t, o, te);
 }, To = Io;
-const pr = De({
+const pr = Ne({
   isVisible: !0,
   wasRestored: !1,
   restoreCount: 0
-}), Kn = () => Ce(pr), IA = De({ params: {} }), Fn = () => Ce(IA).params, Vn = () => {
-  const A = Ar(), o = Ce(IA).params;
-  return ae(() => {
+}), Kn = () => ve(pr), TA = Ne({ params: {} }), Fn = () => ve(TA).params, Vn = () => {
+  const A = Ar(), o = ve(TA).params;
+  return ce(() => {
     if (!A)
       return !1;
     const n = Object.keys(A);
     return n.length === 0 ? !1 : n.some((s) => A[s] !== void 0);
   }, [A]) ? A : o;
-}, We = De(null), Eo = () => Ce(We), Ro = ({ children: A }) => {
-  const t = hr(), o = ae(() => ({
+}, Ze = Ne(null), Eo = () => ve(Ze), Ro = ({ children: A }) => {
+  const t = hr(), o = ce(() => ({
     requestUnregister: (e) => {
       t.current?.destroy(e);
     },
@@ -2847,16 +2868,16 @@ const pr = De({
     },
     getCacheNodes: () => t.current?.getCacheNodes() || []
   }), [t]);
-  return /* @__PURE__ */ r(We.Provider, { value: o, children: /* @__PURE__ */ r(gr.Provider, { value: t, children: A }) });
-}, gr = De(null), Ze = (A) => null, Po = (A) => A.includes(":"), Lo = (A, t) => Po(A) ? t : A, Mo = ({ children: A }) => {
-  const { active: t } = fr(), o = Ar(), e = qe(), n = vt(), s = Z(o), [a, l] = be(o);
+  return /* @__PURE__ */ r(Ze.Provider, { value: o, children: /* @__PURE__ */ r(gr.Provider, { value: t, children: A }) });
+}, gr = Ne(null), eA = (A) => null, Po = (A) => A.includes(":"), Lo = (A, t) => Po(A) ? t : A, Mo = ({ children: A }) => {
+  const { active: t } = fr(), o = Ar(), e = Xe(), n = vt(), s = _(o), [a, l] = ge(o);
   s.current = o;
-  const d = Z({ location: e, navigationType: n });
+  const d = _({ location: e, navigationType: n });
   t && (d.current = { location: e, navigationType: n });
-  const c = ae(
+  const c = ce(
     () => t ? { location: e, navigationType: n } : d.current,
     [t, e, n]
-  ), [u, i] = be(0), h = Z(t);
+  ), [u, i] = ge(0), h = _(t);
   To(() => {
     l(s.current), requestAnimationFrame(() => {
       window.dispatchEvent(new Event("resize"));
@@ -2864,18 +2885,18 @@ const pr = De({
   }, []), te(() => {
     t && (l(s.current), h.current || i((b) => b + 1)), h.current = t;
   }, [t]);
-  const p = ae(
+  const p = ce(
     () => ({ isVisible: t, wasRestored: u > 0, restoreCount: u }),
     [t, u]
   );
-  return /* @__PURE__ */ r(Ct.Provider, { value: c, children: /* @__PURE__ */ r(pr.Provider, { value: p, children: /* @__PURE__ */ r(IA.Provider, { value: { params: a }, children: A }) }) });
-}, Do = "__nokeep__:", br = ke.memo(({ keepAlivePaths: A, maxKeepAliveTabs: t, aliveRef: o }) => {
-  const e = qe(), n = mt(), s = ae(() => {
+  return /* @__PURE__ */ r(Ct.Provider, { value: c, children: /* @__PURE__ */ r(pr.Provider, { value: p, children: /* @__PURE__ */ r(TA.Provider, { value: { params: a }, children: A }) }) });
+}, Do = "__nokeep__:", br = Se.memo(({ keepAlivePaths: A, maxKeepAliveTabs: t, aliveRef: o }) => {
+  const e = Xe(), n = mt(), s = ce(() => {
     const l = A.find(
       (d) => yt({ path: d, end: !0 }, e.pathname)
     );
     return l ? Lo(l, e.pathname) : Do + e.pathname;
-  }, [A, e.pathname]), a = ae(() => [/^__nokeep__:/], []);
+  }, [A, e.pathname]), a = ce(() => [/^__nokeep__:/], []);
   return /* @__PURE__ */ r(
     wo,
     {
@@ -2889,11 +2910,11 @@ const pr = De({
 });
 br.displayName = "KeepAliveLayout";
 const No = ({ children: A, maxKeepAliveTabs: t = 10, ...o }) => {
-  const e = hr(), s = Ce(gr) || e, a = Z(null), l = Z(""), { keepAlivePaths: d, routeElements: c } = ae(() => {
-    const p = ke.Children.toArray(A), b = p.map((f) => {
-      if (ke.isValidElement(f)) {
-        const w = f.props?.path || "", I = f.type === Ze;
-        return `${w}:${I}`;
+  const e = hr(), s = ve(gr) || e, a = _(null), l = _(""), { keepAlivePaths: d, routeElements: c } = ce(() => {
+    const p = Se.Children.toArray(A), b = p.map((f) => {
+      if (Se.isValidElement(f)) {
+        const S = f.props?.path || "", k = f.type === eA;
+        return `${S}:${k}`;
       }
       return "";
     }).join("|");
@@ -2902,19 +2923,19 @@ const No = ({ children: A, maxKeepAliveTabs: t = 10, ...o }) => {
     l.current = b;
     const C = [], m = [];
     p.forEach((f) => {
-      if (ke.isValidElement(f))
-        if (f.type === Ze) {
-          const w = f.props;
-          w.path && C.push(w.path);
-          const I = w.component, D = typeof I == "function" ? ke.createElement(I) : I;
+      if (Se.isValidElement(f))
+        if (f.type === eA) {
+          const S = f.props;
+          S.path && C.push(S.path);
+          const k = S.component, D = typeof k == "function" ? Se.createElement(k) : k;
           m.push(
             /* @__PURE__ */ r(
               Ke,
               {
-                path: w.path,
+                path: S.path,
                 element: /* @__PURE__ */ r(Mo, { children: D })
               },
-              w.path || f.key
+              S.path || f.key
             )
           );
         } else
@@ -2922,7 +2943,7 @@ const No = ({ children: A, maxKeepAliveTabs: t = 10, ...o }) => {
     });
     const g = { keepAlivePaths: C, routeElements: m };
     return a.current = g, g;
-  }, [A]), u = Ce(We), i = ae(() => ({
+  }, [A]), u = ve(Ze), i = ce(() => ({
     requestUnregister: (p) => {
       s.current?.destroy(p);
     },
@@ -2944,24 +2965,24 @@ const No = ({ children: A, maxKeepAliveTabs: t = 10, ...o }) => {
       aliveRef: s
     }
   ), children: c }) });
-  return u ? h : /* @__PURE__ */ r(We.Provider, { value: i, children: h });
-}, mr = De({
+  return u ? h : /* @__PURE__ */ r(Ze.Provider, { value: i, children: h });
+}, mr = Ne({
   start: () => {
   },
   done: () => {
   },
   isNavigating: !1
-}), yr = () => Ce(mr), zo = 150;
+}), yr = () => ve(mr), zo = 150;
 function Oo({ children: A }) {
-  const [t, o] = be(!1), e = Z(null), n = Z(0), s = S(() => {
+  const [t, o] = ge(!1), e = _(null), n = _(0), s = w(() => {
     e.current && clearTimeout(e.current), n.current = Date.now(), o(!0);
-  }, []), a = S(() => {
+  }, []), a = w(() => {
     const l = Date.now() - n.current, d = Math.max(0, zo - l);
     e.current = setTimeout(() => {
       o(!1);
     }, d);
   }, []);
-  return /* @__PURE__ */ E(mr.Provider, { value: { start: s, done: a, isNavigating: t }, children: [
+  return /* @__PURE__ */ R(mr.Provider, { value: { start: s, done: a, isNavigating: t }, children: [
     /* @__PURE__ */ r("div", { className: "archbase-nav-progress", "data-active": t, children: /* @__PURE__ */ r("div", { className: "archbase-nav-progress-bar" }) }),
     A
   ] });
@@ -2977,14 +2998,14 @@ function $o(A, t, o, e, n, s) {
         zIndex: "101"
       },
       children: /* @__PURE__ */ r(
-        Me,
+        De,
         {
           bg: t.colors[t.primaryColor][4],
           color: t.colors[t.primaryColor][6],
           variant: "filled",
           radius: "xl",
           onClick: s,
-          children: o.collapsed ? /* @__PURE__ */ r(pA, {}) : /* @__PURE__ */ r(Br, {})
+          children: o.collapsed ? /* @__PURE__ */ r(gA, {}) : /* @__PURE__ */ r(Br, {})
         }
       )
     }
@@ -3010,73 +3031,73 @@ function Qo({
   backgroundGroupColor: m = "#132441",
   groupLabelDarkColor: g = "white",
   groupLabelLightColor: f = "white",
-  headerColor: w,
-  footerHeight: I,
+  headerColor: S,
+  footerHeight: k,
   iconsWithBackground: D,
-  menuItemHeight: q,
-  showSideBar: F = !0,
+  menuItemHeight: j,
+  showSideBar: z = !0,
   showHeader: U = !0,
-  headerStyle: $ = {},
-  highlightActiveMenuItem: P = !0,
-  customRenderSidebar: K,
-  showCollapsedButton: N = !0,
-  sideBarBackgroundDarkColor: L,
-  sideBarBackgroundLightColor: v,
-  sideBarTextDarkColor: M,
-  sideBarTextLightColor: k,
-  sideBarIconDarkColor: J,
-  sideBarIconLightColor: B,
-  sideBarBackgroundImage: O,
-  mainBackground: X,
-  sideBarItemBorderRadius: ce,
-  sideBarItemHorizontalGap: ve,
-  sideBarItemActiveBackground: ne,
-  sideBarCollapsedSubmenuWidth: me,
-  sidebarActiveColor: xe,
+  headerStyle: O = {},
+  highlightActiveMenuItem: $ = !0,
+  customRenderSidebar: M,
+  showCollapsedButton: F = !0,
+  sideBarBackgroundDarkColor: P,
+  sideBarBackgroundLightColor: y,
+  sideBarTextDarkColor: V,
+  sideBarTextLightColor: E,
+  sideBarIconDarkColor: W,
+  sideBarIconLightColor: H,
+  sideBarBackgroundImage: I,
+  mainBackground: G,
+  sideBarItemBorderRadius: ne,
+  sideBarItemHorizontalGap: we,
+  sideBarItemActiveBackground: se,
+  sideBarCollapsedSubmenuWidth: be,
+  sidebarActiveColor: ke,
   maxKeepAliveTabs: T = 10,
-  sidebarVariant: y = "legacy",
+  sidebarVariant: v = "legacy",
   sidebarShowSearch: Q = !1
 }) {
-  const R = ye(), x = Ce(AA), { colorScheme: H } = ie(), z = kt(), [_, ue] = xt(), ge = St(
-    `(max-width: ${s ? fe(s) : R.breakpoints.md})`
-  ), ee = (se) => {
-    se.link && (se.routeParams ? z(se.link, {}, se.routeParams) : z(se.link));
-  }, we = (se, he) => {
-    se == he && x.collapsed && x.setCollapsed(!1), x.setCollapsed(se == he);
-  }, Ae = () => {
-    let se = 0, he = 0;
-    return h && (se = Number(fe(h))), a && (he = Number(fe(a))), `calc(100vh - var(--app-shell-header-offset, 0px) - ${se + he}px)`;
-  }, Se = () => {
-    let se = 0, he = 0;
-    return h && (se = Number(fe(h))), a && (he = Number(fe(a))), `calc(100vh - 28px - ${se + he}px)`;
-  }, de = ae(() => {
-    const se = [];
-    return x.navigationData.forEach((he, Fe) => {
+  const L = me(), x = ve(rA), { colorScheme: X } = de(), N = kt(), [Y, Ce] = xt(), le = St(
+    `(max-width: ${s ? fe(s) : L.breakpoints.md})`
+  ), xe = (ae) => {
+    ae.link && (ae.routeParams ? N(ae.link, {}, ae.routeParams) : N(ae.link));
+  }, Z = (ae, he) => {
+    ae == he && x.collapsed && x.setCollapsed(!1), x.setCollapsed(ae == he);
+  }, Ie = () => {
+    let ae = 0, he = 0;
+    return h && (ae = Number(fe(h))), a && (he = Number(fe(a))), `calc(100vh - var(--app-shell-header-offset, 0px) - ${ae + he}px)`;
+  }, ee = () => {
+    let ae = 0, he = 0;
+    return h && (ae = Number(fe(h))), a && (he = Number(fe(a))), `calc(100vh - 28px - ${ae + he}px)`;
+  }, Ae = ce(() => {
+    const ae = [];
+    return x.navigationData.forEach((he, Ge) => {
       he.links ? he.links.forEach((Oe, RA) => {
-        Oe.keepAlive === !1 ? se.push(/* @__PURE__ */ r(Ke, { path: Oe.link, element: Oe.component }, `${Oe.link}_${RA}`)) : se.push(
-          /* @__PURE__ */ r(Ze, { path: Oe.link, component: Oe.component }, `${Oe.link}_${RA}`)
+        Oe.keepAlive === !1 ? ae.push(/* @__PURE__ */ r(Ke, { path: Oe.link, element: Oe.component }, `${Oe.link}_${RA}`)) : ae.push(
+          /* @__PURE__ */ r(eA, { path: Oe.link, component: Oe.component }, `${Oe.link}_${RA}`)
         );
-      }) : he.keepAlive === !1 ? se.push(
-        /* @__PURE__ */ r(Ke, { path: he.link, element: he.component }, `${he.link}_${Fe}`)
-      ) : se.push(
-        /* @__PURE__ */ r(Ze, { path: he.link, component: he.component }, `${he.link}_${Fe}`)
+      }) : he.keepAlive === !1 ? ae.push(
+        /* @__PURE__ */ r(Ke, { path: he.link, element: he.component }, `${he.link}_${Ge}`)
+      ) : ae.push(
+        /* @__PURE__ */ r(eA, { path: he.link, component: he.component }, `${he.link}_${Ge}`)
       );
-    }), se;
-  }, [x.navigationData, x.collapsed]), Te = S(() => {
+    }), ae;
+  }, [x.navigationData, x.collapsed]), Ee = w(() => {
     x.setCollapsed(!x.collapsed);
-  }, [x.setCollapsed, x.collapsed]), j = S(() => {
+  }, [x.setCollapsed, x.collapsed]), q = w(() => {
     x.setHidden(!x.hidden);
   }, [x.setHidden, x.hidden]);
   te(() => {
     c && c(x.hidden);
-  }, [x.hidden, j]), te(() => {
+  }, [x.hidden, q]), te(() => {
     d && d(x.collapsed);
   }, [x.collapsed, d]);
-  const V = y === "minimal" || x.collapsed ? n : e, Y = (se, he = !1) => K ? K({ width: e, height: se, isHidden: ge }) : y === "legacy" ? /* @__PURE__ */ r(
+  const ye = v === "minimal" || x.collapsed ? n : e, K = (ae, he = !1) => M ? M({ width: e, height: ae, isHidden: le }) : v === "legacy" ? /* @__PURE__ */ r(
     _t,
     {
       navigationData: x.navigationData,
-      sidebarHeight: se,
+      sidebarHeight: ae,
       sidebarGroupWidth: n,
       sidebarCollapsedWidth: n,
       selectedGroupColor: b,
@@ -3087,26 +3108,26 @@ function Qo({
       showGroupLabels: !1,
       collapsed: he ? !1 : x.collapsed,
       sidebarWidth: e,
-      isHidden: ge,
-      onMenuItemClick: ee,
-      onClickActionIcon: we,
+      isHidden: le,
+      onMenuItemClick: xe,
+      onClickActionIcon: Z,
       sideBarFooterHeight: a,
       sideBarFooterContent: l,
       sideBarHeaderContent: p,
-      theme: R,
-      sidebarRef: _,
+      theme: L,
+      sidebarRef: Y,
       defaultGroupIcon: i,
       selectedGroupName: u,
       iconsWithBackground: D,
-      menuItemHeight: q,
-      highlightActiveMenuItem: P,
-      backgroundDarkColor: L,
-      backgroundLightColor: v,
-      textDarkColor: M,
-      textLightColor: k,
-      iconDarkColor: J,
-      iconLightColor: B,
-      collapsedSubmenuWidth: me,
+      menuItemHeight: j,
+      highlightActiveMenuItem: $,
+      backgroundDarkColor: P,
+      backgroundLightColor: y,
+      textDarkColor: V,
+      textLightColor: E,
+      iconDarkColor: W,
+      iconLightColor: H,
+      collapsedSubmenuWidth: be,
       isLoading: x.isLoadingPermissions,
       loadingError: x.permissionsError
     }
@@ -3114,70 +3135,70 @@ function Qo({
     co,
     {
       navigationData: x.navigationData,
-      variant: y,
-      width: V,
+      variant: v,
+      width: ye,
       collapsedWidth: n,
-      height: se,
+      height: ae,
       groupColumnWidth: n,
       collapsed: he ? !1 : x.collapsed,
-      onCollapsedChange: (Fe) => x.setCollapsed(Fe),
+      onCollapsedChange: (Ge) => x.setCollapsed(Ge),
       activeGroup: u,
-      onActiveGroupChange: (Fe) => {
+      onActiveGroupChange: (Ge) => {
       },
       defaultGroupIcon: i,
       showGroupLabels: !1,
-      onMenuItemClick: ee,
+      onMenuItemClick: xe,
       showSearch: Q,
       header: p,
       footer: l,
       footerHeight: a,
       isLoading: x.isLoadingPermissions,
       loadingError: x.permissionsError,
-      theme: R,
-      highlightActiveItem: P,
-      backgroundDarkColor: L,
-      backgroundLightColor: v,
-      backgroundImage: O,
-      textDarkColor: M,
-      textLightColor: k,
-      iconDarkColor: J,
-      iconLightColor: B,
+      theme: L,
+      highlightActiveItem: $,
+      backgroundDarkColor: P,
+      backgroundLightColor: y,
+      backgroundImage: I,
+      textDarkColor: V,
+      textLightColor: E,
+      iconDarkColor: W,
+      iconLightColor: H,
       groupBackgroundColor: m,
       selectedGroupColor: b,
       groupColor: C,
       groupLabelDarkColor: g,
       groupLabelLightColor: f,
-      activeColor: xe,
-      itemBorderRadius: ce,
-      itemHorizontalGap: ve,
-      itemActiveBackground: ne,
+      activeColor: ke,
+      itemBorderRadius: ne,
+      itemHorizontalGap: we,
+      itemActiveBackground: se,
       withBorder: !1,
-      sidebarRef: _
+      sidebarRef: Y
     }
-  ), Qe = H === "dark" ? L ?? R.colors.dark[7] : v ?? R.white, ze = y === "legacy", je = ze ? void 0 : {
-    width: { base: V },
+  ), ue = X === "dark" ? P ?? L.colors.dark[7] : y ?? L.white, Qe = v === "legacy", Fe = Qe ? void 0 : {
+    width: { base: ye },
     breakpoint: "sm",
-    collapsed: { mobile: ge || !F, desktop: ge || !F }
-  }, EA = X ?? (H === "dark" ? R.colors.dark[8] : R.colors.gray[0]), wr = ze ? {
+    collapsed: { mobile: le || !z, desktop: le || !z }
+  }, Ve = G ?? (X === "dark" ? L.colors.dark[8] : L.colors.gray[0]), wr = Qe ? {
     main: {
-      background: EA,
+      background: Ve,
       overflow: "hidden"
     }
   } : {
     main: {
-      background: EA,
+      background: Ve,
       overflow: "hidden"
     },
     navbar: {
-      background: O ?? Qe,
+      background: I ?? ue,
       border: "none"
     }
-  }, Sr = ze ? {
+  }, Sr = 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(${ge ? "0px" : V} + 1rem))`,
+    width: `calc(100vw - var(--app-shell-padding) - calc(${le ? "0px" : ye} + 1rem))`,
     marginTop: "0.5rem",
-    marginLeft: `calc(${ge ? "0px" : V} + 0.5rem)`,
-    border: `1px solid ${H === "dark" ? R.colors.dark[4] : "#e4e9ef"}`,
+    marginLeft: `calc(${le ? "0px" : ye} + 0.5rem)`,
+    border: `1px solid ${X === "dark" ? L.colors.dark[4] : "#e4e9ef"}`,
     borderRadius: "4px",
     overflow: "hidden"
   } : {
@@ -3186,62 +3207,62 @@ function Qo({
     marginTop: "0.5rem",
     marginLeft: "0.5rem",
     marginRight: "0.5rem",
-    border: `1px solid ${H === "dark" ? R.colors.dark[4] : "#e4e9ef"}`,
+    border: `1px solid ${X === "dark" ? L.colors.dark[4] : "#e4e9ef"}`,
     borderRadius: "4px",
     overflow: "hidden"
   };
-  return /* @__PURE__ */ r(Oo, { children: /* @__PURE__ */ E(
-    Ve,
+  return /* @__PURE__ */ r(Oo, { children: /* @__PURE__ */ R(
+    Be,
     {
       header: { height: "60px", collapsed: !U },
-      navbar: je,
-      footer: { height: I || "0px" },
+      navbar: Fe,
+      footer: { height: k || "0px" },
       styles: wr,
       children: [
         /* @__PURE__ */ r(
-          Ve.Header,
+          Be.Header,
           {
             p: "xs",
-            color: w,
+            color: S,
             display: "flex",
             style: {
               backgroundColor: "var(--mantine-primary-color-8)",
               alignItems: "center",
               borderBottom: "none",
-              ...$
+              ...O
             },
             children: t
           }
         ),
-        !ge && F && /* @__PURE__ */ r(Ve.Navbar, { children: Y(Ae(), !1) }),
-        /* @__PURE__ */ E(Ve.Main, { bg: H === "dark" ? R.colors.dark[8] : R.colors.gray[0], children: [
-          !ge && N && $o(
-            H,
-            R,
+        !le && z && /* @__PURE__ */ r(Be.Navbar, { children: K(Ie(), !1) }),
+        /* @__PURE__ */ R(Be.Main, { children: [
+          !le && F && $o(
+            X,
+            L,
             x,
             e,
             n,
-            Te
+            Ee
           ),
-          /* @__PURE__ */ r(Ro, { children: /* @__PURE__ */ E("div", { style: Sr, children: [
+          /* @__PURE__ */ r(Ro, { children: /* @__PURE__ */ R("div", { style: Sr, children: [
             A,
-            /* @__PURE__ */ r(Ko, { maxKeepAliveTabs: T, routes: de })
+            /* @__PURE__ */ r(Ko, { maxKeepAliveTabs: T, routes: Ae })
           ] }) }),
-          F && /* @__PURE__ */ r(
+          z && /* @__PURE__ */ r(
             qA,
             {
               opened: x.hidden || !1,
-              onClose: j,
+              onClose: q,
               size: e,
               padding: 0,
               styles: {
                 header: { minHeight: "10px" }
               },
-              children: Y(Se(), !0)
+              children: K(ee(), !0)
             }
           )
         ] }),
-        /* @__PURE__ */ r(Ve.Footer, { children: o })
+        /* @__PURE__ */ r(Be.Footer, { children: o })
       ]
     }
   ) });
@@ -3253,7 +3274,7 @@ function Ko({ maxKeepAliveTabs: A, routes: t }) {
     height: "calc(100% - 48px)",
     opacity: o ? 0.6 : 1,
     transition: "opacity 0.15s ease-out"
-  }, children: /* @__PURE__ */ E(No, { maxKeepAliveTabs: A, children: [
+  }, children: /* @__PURE__ */ R(No, { maxKeepAliveTabs: A, children: [
     ...t
   ] }) });
 }
@@ -3277,41 +3298,41 @@ function Gn({
   sidebarSelectedGroupName: m,
   sideBarHeaderHeight: g,
   sideBarHeaderContent: f,
-  selectedGroupColor: w = "#132441",
-  groupColor: I = "white",
+  selectedGroupColor: S = "#132441",
+  groupColor: k = "white",
   backgroundGroupColor: D = "#132441",
-  groupLabelDarkColor: q = "white",
-  groupLabelLightColor: F = "white",
+  groupLabelDarkColor: j = "white",
+  groupLabelLightColor: z = "white",
   headerColor: U,
-  footerHeight: $,
-  iconsWithBackground: P,
-  menuItemHeight: K,
-  showSideBar: N,
-  showHeader: L,
-  headerStyle: v,
-  highlightActiveMenuItem: M,
-  enableSecurity: k = !1,
-  securityOptions: J,
-  customRenderSidebar: B,
-  onNavigationDataChange: O,
-  showCollapsedButton: X,
-  initialSidebarCollapsed: ce = !1,
-  sideBarBackgroundDarkColor: ve,
-  sideBarBackgroundLightColor: ne,
-  sideBarTextDarkColor: me,
-  sideBarTextLightColor: xe,
+  footerHeight: O,
+  iconsWithBackground: $,
+  menuItemHeight: M,
+  showSideBar: F,
+  showHeader: P,
+  headerStyle: y,
+  highlightActiveMenuItem: V,
+  enableSecurity: E = !1,
+  securityOptions: W,
+  customRenderSidebar: H,
+  onNavigationDataChange: I,
+  showCollapsedButton: G,
+  initialSidebarCollapsed: ne = !1,
+  sideBarBackgroundDarkColor: we,
+  sideBarBackgroundLightColor: se,
+  sideBarTextDarkColor: be,
+  sideBarTextLightColor: ke,
   sideBarIconDarkColor: T,
-  sideBarIconLightColor: y,
+  sideBarIconLightColor: v,
   sideBarBackgroundImage: Q,
-  mainBackground: R,
+  mainBackground: L,
   sideBarItemBorderRadius: x,
-  sideBarItemHorizontalGap: H,
-  sideBarItemActiveBackground: z,
-  sideBarCollapsedSubmenuWidth: _,
-  sidebarActiveColor: ue,
-  maxKeepAliveTabs: ge = 10,
-  sidebarVariant: ee = "legacy",
-  sidebarShowSearch: we = !1
+  sideBarItemHorizontalGap: X,
+  sideBarItemActiveBackground: N,
+  sideBarCollapsedSubmenuWidth: Y,
+  sidebarActiveColor: Ce,
+  maxKeepAliveTabs: le = 10,
+  sidebarVariant: xe = "legacy",
+  sidebarShowSearch: Z = !1
 }) {
   return /* @__PURE__ */ r(
     Kt,
@@ -3321,10 +3342,10 @@ function Gn({
       user: o,
       owner: a,
       company: l,
-      enableSecurity: k,
-      securityOptions: J,
-      onNavigationDataChange: O,
-      initialSidebarCollapsed: ce,
+      enableSecurity: E,
+      securityOptions: W,
+      onNavigationDataChange: I,
+      initialSidebarCollapsed: ne,
       children: /* @__PURE__ */ r(
         Qo,
         {
@@ -3341,49 +3362,49 @@ function Gn({
           sideBarHeaderContent: f,
           sideBarFooterHeight: i,
           sideBarFooterContent: h,
-          selectedGroupColor: w,
-          groupColor: I,
+          selectedGroupColor: S,
+          groupColor: k,
           backgroundGroupColor: D,
-          groupLabelDarkColor: q,
-          groupLabelLightColor: F,
+          groupLabelDarkColor: j,
+          groupLabelLightColor: z,
           onCollapsedSideBar: p,
           onHiddenSidebar: b,
           sidebarDefaultGroupIcon: C,
           sidebarSelectedGroupName: m,
           headerColor: U,
-          footerHeight: $,
-          iconsWithBackground: P,
-          menuItemHeight: K,
-          showSideBar: N,
-          showHeader: L,
-          headerStyle: v,
-          highlightActiveMenuItem: M,
-          enableSecurity: k,
-          customRenderSidebar: B,
-          showCollapsedButton: X,
-          sideBarBackgroundDarkColor: ve,
-          sideBarBackgroundLightColor: ne,
-          sideBarTextDarkColor: me,
-          sideBarTextLightColor: xe,
+          footerHeight: O,
+          iconsWithBackground: $,
+          menuItemHeight: M,
+          showSideBar: F,
+          showHeader: P,
+          headerStyle: y,
+          highlightActiveMenuItem: V,
+          enableSecurity: E,
+          customRenderSidebar: H,
+          showCollapsedButton: G,
+          sideBarBackgroundDarkColor: we,
+          sideBarBackgroundLightColor: se,
+          sideBarTextDarkColor: be,
+          sideBarTextLightColor: ke,
           sideBarIconDarkColor: T,
-          sideBarIconLightColor: y,
+          sideBarIconLightColor: v,
           sideBarBackgroundImage: Q,
-          mainBackground: R,
+          mainBackground: L,
           sideBarItemBorderRadius: x,
-          sideBarItemHorizontalGap: H,
-          sideBarItemActiveBackground: z,
-          sideBarCollapsedSubmenuWidth: _,
-          sidebarActiveColor: ue,
-          maxKeepAliveTabs: ge,
-          sidebarVariant: ee,
-          sidebarShowSearch: we,
+          sideBarItemHorizontalGap: X,
+          sideBarItemActiveBackground: N,
+          sideBarCollapsedSubmenuWidth: Y,
+          sidebarActiveColor: Ce,
+          maxKeepAliveTabs: le,
+          sidebarVariant: xe,
+          sidebarShowSearch: Z,
           children: e
         }
       )
     }
   );
 }
-const vr = De({
+const vr = Ne({
   state: { userCloseLinkRequest: "", linkClosed: "", isClosing: !1 },
   dispatch: (A) => null
 }), Bn = ({ children: A }) => {
@@ -3406,7 +3427,7 @@ const vr = De({
         return s;
     }
   }, [e, n] = Ir(o, t);
-  return ke.useEffect(() => {
+  return Se.useEffect(() => {
     let s = null;
     return e.userCloseLinkRequest && !e.linkClosed && (s = setTimeout(() => {
       n({ type: "CLOSE_ALLOWED", link: e.userCloseLinkRequest });
@@ -3415,20 +3436,20 @@ const vr = De({
     };
   }, [e.userCloseLinkRequest, e.linkClosed, n]), /* @__PURE__ */ r(vr.Provider, { value: { state: e, dispatch: n }, children: A });
 }, Cr = () => {
-  const A = Ce(vr);
+  const A = ve(vr);
   if (!A)
     throw new Error("useArchbaseNavigationContext deve ser usado dentro de um ArchbaseNavigationProvider");
   return A;
 }, Un = (A, t) => {
-  const o = Cr(), { state: e, dispatch: n } = o, s = S((d) => {
+  const o = Cr(), { state: e, dispatch: n } = o, s = w((d) => {
     n({ type: "CLOSE_ALLOWED", link: A, payload: d });
-  }, [n, A]), a = Z(t);
+  }, [n, A]), a = _(t);
   a.current = t, te(() => {
     e && e.userCloseLinkRequest && e.userCloseLinkRequest === A && a.current();
   }, [e, A]);
   const l = e.isClosing && e.userCloseLinkRequest === A;
   return { closeAllowed: s, isClosing: l };
-}, eA = sr()(
+}, AA = sr()(
   Dt(
     (A, t) => ({
       openTabs: [],
@@ -3491,51 +3512,51 @@ function Hn({
   activeTabId: e,
   openedTabs: n = []
 }) {
-  const [s, a] = ke.useTransition(), l = He(), { colorScheme: d } = ie(), [c, u] = be(n), [i, h] = be(e), p = Z(void 0), b = Ye(), C = Z([]);
+  const [s, a] = Se.useTransition(), l = qe(), { colorScheme: d } = de(), [c, u] = ge(n), [i, h] = ge(e), p = _(void 0), b = je(), C = _([]);
   Pt(C);
-  const m = Cr(), { state: g, dispatch: f } = m, w = Ce(AA), I = Eo(), { start: D, done: q } = yr(), F = eA((T) => T.clearSnapshot), U = eA((T) => T.removeTab), $ = Z(t), P = Z(o);
+  const m = Cr(), { state: g, dispatch: f } = m, S = ve(rA), k = Eo(), { start: D, done: j } = yr(), z = AA((T) => T.clearSnapshot), U = AA((T) => T.removeTab), O = _(t), $ = _(o);
   te(() => {
-    $.current = t, P.current = o;
+    O.current = t, $.current = o;
   });
-  const K = Z(i);
+  const M = _(i);
   te(() => {
-    p.current = K.current, K.current = i;
+    p.current = M.current, M.current = i;
   }, [i]);
-  const N = Z(!1), L = S((T, y) => {
-    D(), I ? I.destroy(T) : console.error("[ArchbaseAdminTabContainer] keepAliveCache context not available. Tab cache cleanup will not occur. This may cause memory leaks."), F(T), U(T);
-    const Q = c.findIndex((_) => _.path === T);
-    let R = y?.redirectUrl;
-    !R && Q >= 0 && (R = c[Q].redirect);
-    const x = c.filter((_) => _.id !== T);
-    let H = null;
+  const F = _(!1), P = w((T, v) => {
+    D(), k ? k.destroy(T) : console.error("[ArchbaseAdminTabContainer] keepAliveCache context not available. Tab cache cleanup will not occur. This may cause memory leaks."), z(T), U(T);
+    const Q = c.findIndex((Y) => Y.path === T);
+    let L = v?.redirectUrl;
+    !L && Q >= 0 && (L = c[Q].redirect);
+    const x = c.filter((Y) => Y.id !== T);
+    let X = null;
     if (p.current && p.current !== T) {
-      const _ = x.find((ue) => ue.id === p.current);
-      _ && (H = _.id);
+      const Y = x.find((Ce) => Ce.id === p.current);
+      Y && (X = Y.id);
     }
-    if (!H) {
-      let _ = -1;
-      x.forEach((ue, ge) => ue.id === i && (_ = ge)), x.length > 0 && x[_] ? H = x[_].id : x.length > 0 && (H = x[x.length - 1].id);
+    if (!X) {
+      let Y = -1;
+      x.forEach((Ce, le) => Ce.id === i && (Y = le)), x.length > 0 && x[Y] ? X = x[Y].id : x.length > 0 && (X = x[x.length - 1].id);
     }
-    const z = x.map((_) => ({
-      ..._,
-      active: H === _.id
+    const N = x.map((Y) => ({
+      ...Y,
+      active: X === Y.id
     }));
-    if (u(z), H && H != null)
-      h(H), l(R || H);
+    if (u(N), X && X != null)
+      h(X), l(L || X);
     else {
-      if (h(void 0), !w.navigationRootLink) {
+      if (h(void 0), !S.navigationRootLink) {
         console.error("[ArchbaseAdminTabContainer] navigationRootLink is not configured. Cannot navigate to root.");
         return;
       }
-      l(w.navigationRootLink);
+      l(S.navigationRootLink);
     }
-    f({ type: "DONE", link: "" }), q();
-  }, [c, i, l, w.navigationRootLink, f, I, D, q, F, U]);
+    f({ type: "DONE", link: "" }), j();
+  }, [c, i, l, S.navigationRootLink, f, k, D, j, z, U]);
   te(() => {
-    g?.linkClosed && L(g?.linkClosed, g?.payload);
-  }, [g?.linkClosed, g?.payload, L]);
-  const v = (T) => {
-    const y = {
+    g?.linkClosed && P(g?.linkClosed, g?.payload);
+  }, [g?.linkClosed, g?.payload, P]);
+  const y = (T) => {
+    const v = {
       item: void 0,
       title: void 0,
       link: T,
@@ -3544,46 +3565,46 @@ function Hn({
     };
     return A.forEach((Q) => {
       if (Q.links)
-        Q.links.forEach((R) => {
-          MA({ path: R.link || "" }, location.pathname) && (y.item = R, y.title = `${oe().t(R.label)}`, y.redirect = R.redirect, y.customTitle = R.customTitle);
+        Q.links.forEach((L) => {
+          MA({ path: L.link || "" }, location.pathname) && (v.item = L, v.title = `${oe().t(L.label)}`, v.redirect = L.redirect, v.customTitle = L.customTitle);
         });
-      else if (Q.link && !y.item) {
-        const R = MA({ path: Q.link }, location.pathname);
-        R && (R.params && Object.keys(R.params).length > 0 ? y.title = `${R.params[Object.keys(R.params)[0]]}` : y.title = `${oe().t(Q.label)}`, y.item = Q, y.redirect = Q.redirect, y.customTitle = Q.customTitle);
+      else if (Q.link && !v.item) {
+        const L = MA({ path: Q.link }, location.pathname);
+        L && (L.params && Object.keys(L.params).length > 0 ? v.title = `${L.params[Object.keys(L.params)[0]]}` : v.title = `${oe().t(Q.label)}`, v.item = Q, v.redirect = Q.redirect, v.customTitle = Q.customTitle);
       }
-    }), y.customTitle && (y.customTitle = y.customTitle.replace("$title", y.title)), y;
+    }), v.customTitle && (v.customTitle = v.customTitle.replace("$title", v.title)), v;
   };
   te(() => {
-    u(n), N.current = !0;
+    u(n), F.current = !0;
   }, [JSON.stringify(n)]);
-  const M = Z(c), k = Z(i);
+  const V = _(c), E = _(i);
   te(() => {
-    if (N.current) {
-      N.current = !1, M.current = c, k.current = i;
+    if (F.current) {
+      F.current = !1, V.current = c, E.current = i;
       return;
     }
-    const T = JSON.stringify(M.current) !== JSON.stringify(c), y = k.current !== i;
-    if (T || y) {
+    const T = JSON.stringify(V.current) !== JSON.stringify(c), v = E.current !== i;
+    if (T || v) {
       const Q = setTimeout(() => {
-        $.current?.(c), P.current?.(i);
+        O.current?.(c), $.current?.(i);
       }, 0);
-      return M.current = c, k.current = i, () => clearTimeout(Q);
+      return V.current = c, E.current = i, () => clearTimeout(Q);
     }
   }, [c, i]);
-  const J = Z("");
+  const W = _("");
   te(() => {
-    if (J.current === b.pathname)
+    if (W.current === b.pathname)
       return;
-    J.current = b.pathname;
-    const T = v(b.pathname);
+    W.current = b.pathname;
+    const T = y(b.pathname);
     if (T && T.item) {
-      const y = c.findIndex((Q) => Q.path === T.link);
-      if (y !== -1) {
-        if (c[y].title !== T.title) {
+      const v = c.findIndex((Q) => Q.path === T.link);
+      if (v !== -1) {
+        if (c[v].title !== T.title) {
           const Q = [...c];
-          Q[y] = { ...Q[y], title: T.title }, u(Q);
+          Q[v] = { ...Q[v], title: T.title }, u(Q);
         }
-        h(c[y].id);
+        h(c[v].id);
       } else {
         const Q = {
           id: `${T.link}`,
@@ -3595,96 +3616,96 @@ function Hn({
           closeButton: !0,
           redirect: T.redirect,
           customTitle: T.customTitle
-        }, R = [...c.map((x) => ({ ...x, active: !1 })), Q];
-        u(R), h(Q.id);
+        }, L = [...c.map((x) => ({ ...x, active: !1 })), Q];
+        u(L), h(Q.id);
       }
     }
   }, [b.pathname]);
-  const B = (T) => {
-    const y = c.filter((Q) => Q.id === T);
-    y && y.length > 0 && b.pathname !== y[0].path && (D(), l(y[0].path)), a(() => {
-      h(T), q();
+  const H = (T) => {
+    const v = c.filter((Q) => Q.id === T);
+    v && v.length > 0 && b.pathname !== v[0].path && (D(), l(v[0].path)), a(() => {
+      h(T), j();
     });
-  }, O = (T) => {
+  }, I = (T) => {
     try {
       D(), f({ type: "USER_CLOSE_REQUEST", link: T });
-    } catch (y) {
-      console.error("[TabContainer] Dispatch failed:", y), q();
+    } catch (v) {
+      console.error("[TabContainer] Dispatch failed:", v), j();
     }
-  }, X = S(() => {
-    if (I?.destroyAll(), c.forEach((T) => {
-      F(T.id), U(T.id);
-    }), u([]), h(void 0), !w.navigationRootLink) {
+  }, G = w(() => {
+    if (k?.destroyAll(), c.forEach((T) => {
+      z(T.id), U(T.id);
+    }), u([]), h(void 0), !S.navigationRootLink) {
       console.error("[ArchbaseAdminTabContainer] navigationRootLink is not configured. Cannot navigate to root.");
       return;
     }
-    l(w.navigationRootLink);
-  }, [l, w.navigationRootLink, I, c, F, U]), ce = S((T) => {
-    const y = c.findIndex((z) => z.id === T);
-    if (y <= 0)
+    l(S.navigationRootLink);
+  }, [l, S.navigationRootLink, k, c, z, U]), ne = w((T) => {
+    const v = c.findIndex((N) => N.id === T);
+    if (v <= 0)
       return;
-    c.slice(0, y).forEach((z) => {
-      I?.destroy(z.path), F(z.id), U(z.id);
+    c.slice(0, v).forEach((N) => {
+      k?.destroy(N.path), z(N.id), U(N.id);
     });
-    const R = c.slice(y), x = R.find((z) => z.id === i)?.id || R[0]?.id, H = R.map((z) => ({
-      ...z,
-      active: z.id === x
+    const L = c.slice(v), x = L.find((N) => N.id === i)?.id || L[0]?.id, X = L.map((N) => ({
+      ...N,
+      active: N.id === x
     }));
-    if (u(H), x) {
+    if (u(X), x) {
       h(x);
-      const z = H.find((_) => _.id === x);
-      z && b.pathname !== z.path && l(z.path);
+      const N = X.find((Y) => Y.id === x);
+      N && b.pathname !== N.path && l(N.path);
     }
-  }, [c, i, l, b.pathname, I, F, U]), ve = S((T) => {
-    const y = c.findIndex((z) => z.id === T);
-    if (y === -1 || y >= c.length - 1)
+  }, [c, i, l, b.pathname, k, z, U]), we = w((T) => {
+    const v = c.findIndex((N) => N.id === T);
+    if (v === -1 || v >= c.length - 1)
       return;
-    c.slice(y + 1).forEach((z) => {
-      I?.destroy(z.path), F(z.id), U(z.id);
+    c.slice(v + 1).forEach((N) => {
+      k?.destroy(N.path), z(N.id), U(N.id);
     });
-    const R = c.slice(0, y + 1), x = R.find((z) => z.id === i)?.id || R[R.length - 1]?.id, H = R.map((z) => ({
-      ...z,
-      active: z.id === x
+    const L = c.slice(0, v + 1), x = L.find((N) => N.id === i)?.id || L[L.length - 1]?.id, X = L.map((N) => ({
+      ...N,
+      active: N.id === x
     }));
-    if (u(H), x) {
+    if (u(X), x) {
       h(x);
-      const z = H.find((_) => _.id === x);
-      z && b.pathname !== z.path && l(z.path);
+      const N = X.find((Y) => Y.id === x);
+      N && b.pathname !== N.path && l(N.path);
     }
-  }, [c, i, l, b.pathname, I, F, U]), ne = S((T) => {
-    const y = c.find((R) => R.id === T);
-    if (!y)
+  }, [c, i, l, b.pathname, k, z, U]), se = w((T) => {
+    const v = c.find((L) => L.id === T);
+    if (!v)
       return;
-    I?.destroyOther(y.path), c.forEach((R) => {
-      R.id !== T && (F(R.id), U(R.id));
+    k?.destroyOther(v.path), c.forEach((L) => {
+      L.id !== T && (z(L.id), U(L.id));
     });
-    const Q = [{ ...y, active: !0 }];
-    u(Q), h(T), b.pathname !== y.path && l(y.path);
-  }, [c, l, b.pathname, I, F, U]), me = g?.isClosing ? g?.userCloseLinkRequest : void 0;
+    const Q = [{ ...v, active: !0 }];
+    u(Q), h(T), b.pathname !== v.path && l(v.path);
+  }, [c, l, b.pathname, k, z, U]), be = g?.isClosing ? g?.userCloseLinkRequest : void 0;
   return /* @__PURE__ */ r("div", { ref: C, children: /* @__PURE__ */ r(
     Lt,
     {
       buttonCloseOnlyActiveTab: !0,
-      onClick: (T) => B(T),
-      onTabClose: (T) => O(T),
+      onClick: (T) => H(T),
+      onTabClose: (T) => I(T),
       onTabChange: (T) => null,
-      onCloseAllTabs: X,
-      onCloseLeftTabs: ce,
-      onCloseRightTabs: ve,
-      onCloseOtherTabs: ne,
-      currentTabs: ((T) => T.map((y) => ({
-        key: y.id,
-        favicon: y.iconClass,
-        title: y.title,
-        customTitle: y.customTitle,
-        closing: me === y.id
+      onCloseAllTabs: G,
+      onCloseLeftTabs: ne,
+      onCloseRightTabs: we,
+      onCloseOtherTabs: se,
+      currentTabs: ((T) => T.map((v) => ({
+        key: v.id,
+        favicon: v.iconClass,
+        title: v.title,
+        customTitle: v.customTitle,
+        closing: be === v.id
       })))(c),
       activeTab: i,
       dark: d === "dark"
     }
   ) });
 }
-const Fo = () => ke.createElement("div", null, "Home View"), Vo = () => ke.createElement("div", null, "Pedido Form"), Go = () => ke.createElement("div", null, "Pedido View"), Bo = () => ke.createElement("div", null, "Pessoa Form"), Uo = () => ke.createElement("div", null, "Pessoa View"), Ho = {
+const Fo = () => Se.createElement("div", null, "Home View"), Vo = () => Se.createElement("div", null, "Pedido Form"), Go = () => Se.createElement("div", null, "Pedido View"), Bo = () => Se.createElement("div", null, "Pessoa Form"), Uo = () => Se.createElement("div", null, "Pessoa View"), Ho = {
   label: "Dashboard",
   icon: /* @__PURE__ */ r(Hr, {}),
   link: "/dashboard",
@@ -3767,7 +3788,7 @@ const Fo = () => ke.createElement("div", null, "Home View"), Vo = () => ke.creat
   Zo
 ];
 function qn({ children: A, title: t = "", size: o = "440px", drawerKey: e, styles: n }) {
-  const [s, { open: a, close: l }] = Pr(!1), [d] = rr(), c = wt(), u = qe();
+  const [s, { open: a, close: l }] = Pr(!1), [d] = rr(), c = wt(), u = Xe();
   return te(() => {
     d.get("drawer") === e && a();
   }, [d]), /* @__PURE__ */ r(
@@ -3791,7 +3812,7 @@ function qn({ children: A, title: t = "", size: o = "440px", drawerKey: e, style
   );
 }
 function en(A) {
-  const t = He(), o = Ye(), [e] = rr();
+  const t = qe(), o = je(), [e] = rr();
   return { openDrawer: () => {
     const s = new URLSearchParams(e);
     s.set("drawer", A), t({
@@ -3831,8 +3852,8 @@ function Xn({ opened: A, handleClose: t, userId: o, updateUser: e, options: n })
     onDestroy: (g) => {
     },
     onError: (g, f) => {
-      const w = g instanceof Error ? g.message : typeof g == "string" ? g : JSON.stringify(g);
-      It.showError(oe().t("archbase:WARNING"), w, f);
+      const S = g instanceof Error ? g.message : typeof g == "string" ? g : JSON.stringify(g);
+      It.showError(oe().t("archbase:WARNING"), S, f);
     }
   });
   te(() => {
@@ -3852,8 +3873,8 @@ function Xn({ opened: A, handleClose: t, userId: o, updateUser: e, options: n })
       onClickOk: t,
       onClickCancel: t,
       onAfterSave: m,
-      children: /* @__PURE__ */ r(Ne, { style: { height: "440px" }, ref: s, children: /* @__PURE__ */ E(W, { children: [
-        /* @__PURE__ */ r(W, { align: "center", children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ r(ze, { style: { height: "440px" }, ref: s, children: /* @__PURE__ */ R(J, { children: [
+        /* @__PURE__ */ r(J, { align: "center", children: /* @__PURE__ */ r(
           Tt,
           {
             dataSource: i,
@@ -3866,7 +3887,7 @@ function Xn({ opened: A, handleClose: t, userId: o, updateUser: e, options: n })
           }
         ) }),
         /* @__PURE__ */ r(
-          nA,
+          sA,
           {
             label: `${oe().t("archbase:Nome completo")}`,
             placeholder: `${oe().t("archbase:Informe o nome completo do usuário")}`,
@@ -3876,7 +3897,7 @@ function Xn({ opened: A, handleClose: t, userId: o, updateUser: e, options: n })
           }
         ),
         u.showNickname && /* @__PURE__ */ r(
-          nA,
+          sA,
           {
             label: `${oe().t("archbase:Apelido")}`,
             placeholder: `${oe().t("archbase:Apelido")}`,
@@ -3886,7 +3907,7 @@ function Xn({ opened: A, handleClose: t, userId: o, updateUser: e, options: n })
           }
         ),
         /* @__PURE__ */ r(
-          nA,
+          sA,
           {
             label: `${oe().t("archbase:Descrição do usuário")}`,
             placeholder: `${oe().t("archbase:Informe a descrição do usuário")}`,
@@ -3997,11 +4018,11 @@ const Jn = sr((A) => ({
       filters: e.filters
     };
   }
-})), rA = De(null), tn = ({
+})), tA = Ne(null), tn = ({
   tabId: A,
   children: t
 }) => {
-  const { getSnapshot: o, saveSnapshot: e } = eA(), n = Z(void 0);
+  const { getSnapshot: o, saveSnapshot: e } = AA(), n = _(void 0);
   if (!n.current) {
     const s = o(A);
     n.current = rn(s);
@@ -4011,30 +4032,30 @@ const Jn = sr((A) => ({
       const s = n.current.getState();
       e(A, s.serialize());
     }
-  }, [A, e]), /* @__PURE__ */ r(rA.Provider, { value: n.current ?? null, children: t });
+  }, [A, e]), /* @__PURE__ */ r(tA.Provider, { value: n.current ?? null, children: t });
 };
 function _n(A) {
-  const t = Ce(rA);
+  const t = ve(tA);
   if (!t)
     throw new Error("useTabStore must be used within TabStoreProvider");
   return Mt(t, A);
 }
 function Wn() {
-  const A = Ce(rA);
+  const A = ve(tA);
   if (!A)
     throw new Error("useTabStoreApi must be used within TabStoreProvider");
   return A;
 }
-function TA() {
-  return Ce(rA);
+function EA() {
+  return ve(tA);
 }
-function tA(A, t) {
-  const o = TA(), e = Z({ resolved: !1, value: void 0 });
+function oA(A, t) {
+  const o = EA(), e = _({ resolved: !1, value: void 0 });
   e.current.resolved || (e.current = {
     resolved: !0,
     value: typeof t == "function" ? t() : t
   });
-  const n = e.current.value, [s, a] = be(n), l = Tr(
+  const n = e.current.value, [s, a] = ge(n), l = Tr(
     // subscribe
     (u) => o ? o.subscribe(u) : () => {
     },
@@ -4046,7 +4067,7 @@ function tA(A, t) {
     // getServerSnapshot
     () => {
     }
-  ), d = o ? l !== void 0 ? l : n : s, c = S((u) => {
+  ), d = o ? l !== void 0 ? l : n : s, c = w((u) => {
     if (!o) {
       a(u);
       return;
@@ -4057,7 +4078,7 @@ function tA(A, t) {
   return [d, c];
 }
 function Zn(A, t) {
-  return tA(A, t);
+  return oA(A, t);
 }
 const on = {
   page: 0,
@@ -4072,22 +4093,22 @@ const on = {
   scrollPosition: { top: 0, left: 0 }
 };
 function es(A, t) {
-  const o = { ...on, ...t }, [e, n] = tA(
+  const o = { ...on, ...t }, [e, n] = oA(
     `grid_${A}`,
     o
-  ), s = S((f) => {
-    n((w) => ({ ...w, ...f }));
-  }, [n]), a = S((f) => s({ page: f }), [s]), l = S((f) => s({ pageSize: f, page: 0 }), [s]), d = S((f) => s({ sortModel: f }), [s]), c = S((f) => s({ filterModel: f, page: 0 }), [s]), u = S((f) => s({ selectedRowIds: f }), [s]), i = S((f) => {
-    n((w) => ({
-      ...w,
-      selectedRowIds: w.selectedRowIds.includes(f) ? w.selectedRowIds.filter((I) => I !== f) : [...w.selectedRowIds, f]
+  ), s = w((f) => {
+    n((S) => ({ ...S, ...f }));
+  }, [n]), a = w((f) => s({ page: f }), [s]), l = w((f) => s({ pageSize: f, page: 0 }), [s]), d = w((f) => s({ sortModel: f }), [s]), c = w((f) => s({ filterModel: f, page: 0 }), [s]), u = w((f) => s({ selectedRowIds: f }), [s]), i = w((f) => {
+    n((S) => ({
+      ...S,
+      selectedRowIds: S.selectedRowIds.includes(f) ? S.selectedRowIds.filter((k) => k !== f) : [...S.selectedRowIds, f]
     }));
-  }, [n]), h = S((f) => s({ selectedRowIds: f }), [s]), p = S(() => s({ selectedRowIds: [] }), [s]), b = S((f) => {
-    n((w) => ({
-      ...w,
-      expandedRowIds: w.expandedRowIds.includes(f) ? w.expandedRowIds.filter((I) => I !== f) : [...w.expandedRowIds, f]
+  }, [n]), h = w((f) => s({ selectedRowIds: f }), [s]), p = w(() => s({ selectedRowIds: [] }), [s]), b = w((f) => {
+    n((S) => ({
+      ...S,
+      expandedRowIds: S.expandedRowIds.includes(f) ? S.expandedRowIds.filter((k) => k !== f) : [...S.expandedRowIds, f]
     }));
-  }, [n]), C = S(() => n(o), [n, o]), m = S((f) => e.selectedRowIds.includes(f), [e.selectedRowIds]), g = S((f) => e.expandedRowIds.includes(f), [e.expandedRowIds]);
+  }, [n]), C = w(() => n(o), [n, o]), m = w((f) => e.selectedRowIds.includes(f), [e.selectedRowIds]), g = w((f) => e.expandedRowIds.includes(f), [e.expandedRowIds]);
   return {
     /** Estado completo do grid */
     state: e,
@@ -4122,40 +4143,40 @@ const VA = {
   focusedNodeId: null
 };
 function As(A, t = []) {
-  const [o, e] = tA(
+  const [o, e] = oA(
     `tree_${A}`,
     { ...VA, expandedNodeIds: t }
-  ), n = S((m) => {
+  ), n = w((m) => {
     e((g) => ({
       ...g,
       expandedNodeIds: g.expandedNodeIds.includes(m) ? g.expandedNodeIds.filter((f) => f !== m) : [...g.expandedNodeIds, m]
     }));
-  }, [e]), s = S((m) => {
+  }, [e]), s = w((m) => {
     e((g) => ({
       ...g,
       expandedNodeIds: g.expandedNodeIds.includes(m) ? g.expandedNodeIds : [...g.expandedNodeIds, m]
     }));
-  }, [e]), a = S((m) => {
+  }, [e]), a = w((m) => {
     e((g) => ({
       ...g,
       expandedNodeIds: g.expandedNodeIds.filter((f) => f !== m)
     }));
-  }, [e]), l = S((m) => {
+  }, [e]), l = w((m) => {
     e((g) => ({ ...g, expandedNodeIds: m }));
-  }, [e]), d = S(() => {
+  }, [e]), d = w(() => {
     e((m) => ({ ...m, expandedNodeIds: [] }));
-  }, [e]), c = S((m) => {
+  }, [e]), c = w((m) => {
     e((g) => ({ ...g, selectedNodeIds: m }));
-  }, [e]), u = S((m) => {
+  }, [e]), u = w((m) => {
     e((g) => ({
       ...g,
       selectedNodeIds: g.selectedNodeIds.includes(m) ? g.selectedNodeIds.filter((f) => f !== m) : [...g.selectedNodeIds, m]
     }));
-  }, [e]), i = S(() => {
+  }, [e]), i = w(() => {
     e((m) => ({ ...m, selectedNodeIds: [] }));
-  }, [e]), h = S((m) => {
+  }, [e]), h = w((m) => {
     e((g) => ({ ...g, focusedNodeId: m }));
-  }, [e]), p = S((m) => o.expandedNodeIds.includes(m), [o.expandedNodeIds]), b = S((m) => o.selectedNodeIds.includes(m), [o.selectedNodeIds]), C = S(() => {
+  }, [e]), p = w((m) => o.expandedNodeIds.includes(m), [o.expandedNodeIds]), b = w((m) => o.selectedNodeIds.includes(m), [o.selectedNodeIds]), C = w(() => {
     e({ ...VA, expandedNodeIds: t });
   }, [e, t]);
   return {
@@ -4181,16 +4202,16 @@ function As(A, t = []) {
   };
 }
 function rs(A, t = [], o = !0) {
-  const [e, n] = tA(
+  const [e, n] = oA(
     `accordion_${A}`,
     t
-  ), s = S((i) => {
+  ), s = w((i) => {
     n((h) => h.includes(i) ? h.filter((p) => p !== i) : o ? [...h, i] : [i]);
-  }, [n, o]), a = S((i) => {
+  }, [n, o]), a = w((i) => {
     n((h) => h.includes(i) ? h : o ? [...h, i] : [i]);
-  }, [n, o]), l = S((i) => {
+  }, [n, o]), l = w((i) => {
     n((h) => h.filter((p) => p !== i));
-  }, [n]), d = S(() => n([]), [n]), c = S((i) => e.includes(i), [e]), u = S((i) => {
+  }, [n]), d = w(() => n([]), [n]), c = w((i) => e.includes(i), [e]), u = w((i) => {
     n(i === null ? [] : typeof i == "string" ? [i] : i);
   }, [n]);
   return {
@@ -4208,7 +4229,7 @@ function rs(A, t = [], o = !0) {
   };
 }
 function ts(A, t = {}) {
-  const { debounceMs: o = 100 } = t, e = TA();
+  const { debounceMs: o = 100 } = t, e = EA();
   te(() => {
     if (!e || !A.current)
       return;
@@ -4232,7 +4253,7 @@ function ts(A, t = {}) {
   }, [e, A, o]);
 }
 function os(A) {
-  const t = qe(), o = eA((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 = _(n), a = _(!0);
   return te(() => {
     if (a.current) {
       a.current = !1, s.current = n;
@@ -4242,11 +4263,11 @@ function os(A) {
   }, [n, A]), n;
 }
 function ns(A) {
-  const t = TA(), 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, d = S((i) => {
+  const t = EA(), o = `drawer_${A}_open`, e = `drawer_${A}_data`, n = _(!1), s = _(null), a = t ? t.getState().customState[o] ?? !1 : n.current, l = t ? t.getState().customState[e] ?? null : s.current, d = w((i) => {
     t ? (i !== void 0 && t.getState().setCustomState(e, i), t.getState().setCustomState(o, !0)) : (i !== void 0 && (s.current = i), n.current = !0);
-  }, [t, o, e]), c = S(() => {
+  }, [t, o, e]), c = w(() => {
     t ? t.getState().setCustomState(o, !1) : n.current = !1;
-  }, [t, o]), u = S(() => {
+  }, [t, o]), u = w(() => {
     t ? (t.getState().setCustomState(o, !1), t.getState().clearCustomState(e)) : (n.current = !1, s.current = null);
   }, [t, o, e]);
   return {
@@ -4262,14 +4283,14 @@ const ss = ({
   fallback: t,
   getTabId: o = (e, n) => e + n
 }) => {
-  const e = qe(), n = o(e.pathname, e.search);
-  return /* @__PURE__ */ r(tn, { tabId: n, children: /* @__PURE__ */ E(er, { children: [
+  const e = Xe(), n = o(e.pathname, e.search);
+  return /* @__PURE__ */ r(tn, { tabId: n, children: /* @__PURE__ */ R(er, { children: [
     A.map(({ path: s, element: a }) => /* @__PURE__ */ r(Ke, { path: s, element: a }, s)),
-    t && /* @__PURE__ */ r(Ke, { path: "*", element: /* @__PURE__ */ r(Re, { children: t }) })
+    t && /* @__PURE__ */ r(Ke, { path: "*", element: /* @__PURE__ */ r(Pe, { children: t }) })
   ] }) }, n);
 };
 export {
-  AA as ArchbaseAdminLayoutContext,
+  rA as ArchbaseAdminLayoutContext,
   Rn as ArchbaseAdminLayoutFooter,
   Pn as ArchbaseAdminLayoutHeader,
   Kt as ArchbaseAdminLayoutProvider,
@@ -4282,7 +4303,7 @@ export {
   qn as ArchbaseDrawerContent,
   jn as ArchbaseDrawerTrigger,
   Bt as ArchbaseHeaderNavAction,
-  Ze as ArchbaseKeepAliveRoute,
+  eA as ArchbaseKeepAliveRoute,
   co as ArchbaseMantineSidebar,
   Xn as ArchbaseMyProfileModal,
   vr as ArchbaseNavigationContext,
@@ -4290,9 +4311,9 @@ export {
   ss as ArchbaseStatefulRoutes,
   Ht as CommandPaletteButton,
   Ro as KeepAliveCacheProvider,
-  kA as MantineSidebarErrorMessage,
+  xA as MantineSidebarErrorMessage,
   ro as MantineSidebarGroupsSkeleton,
-  SA as MantineSidebarMenuSkeleton,
+  kA as MantineSidebarMenuSkeleton,
   lo as MinimalSidebar,
   Oo as NavigationProgressProvider,
   io as RailSidebar,
@@ -4305,7 +4326,7 @@ export {
   On as SidebarIndicator,
   $e as SidebarItem,
   zA as SidebarMenuSkeleton,
-  vA as SidebarProvider,
+  CA as SidebarProvider,
   Dn as SidebarSearch,
   Mn as SidebarSection,
   Nn as SidebarUserProfile,
@@ -4325,7 +4346,7 @@ export {
   Un as useArchbaseNavigationListener,
   Fn as useArchbaseRouteParams,
   ts as useArchbaseScrollRestore,
-  tA as useArchbaseState,
+  oA as useArchbaseState,
   Zn as useArchbaseStateNamed,
   os as useArchbaseTabActive,
   As as useArchbaseTreeState,
@@ -4333,13 +4354,13 @@ export {
   Kn as useKeepAliveVisibility,
   yr as useNavigationProgress,
   Vn as useParams,
-  yA as useSidebar,
-  wA as useSidebarKeyboard,
-  CA as useSidebarNavigation,
+  vA as useSidebar,
+  SA as useSidebarKeyboard,
+  wA as useSidebarNavigation,
   Ln as useSidebarOptional,
   Wt as useSidebarSearch,
-  eA as useTabRegistryStore,
+  AA as useTabRegistryStore,
   _n as useTabStore,
   Wn as useTabStoreApi,
-  TA as useTabStoreOptional
+  EA as useTabStoreOptional
 };