@archbase/admin 3.0.16 → 3.0.18

package/dist/index.js

@@ -1,23 +1,23 @@
-import { jsx as A, jsxs as I, Fragment as vA } from "react/jsx-runtime";
-import bA, { useState as pA, useRef as mA, useEffect as iA, useMemo as uA, useContext as IA, useCallback as H, createContext as HA, useLayoutEffect as GA, useReducer as He } from "react";
+import { jsx as A, jsxs as E, Fragment as vA } from "react/jsx-runtime";
+import mA, { useState as fA, useRef as bA, useEffect as aA, useMemo as uA, useContext as IA, useCallback as U, createContext as HA, useLayoutEffect as GA, useReducer as He } from "react";
 import { useArchbaseSecurityManager as Fe } from "@archbase/security";
 import { useUncontrolled as JA, useMediaQuery as ge, useHotkeys as qe, useDisclosure as Ve, useFocusTrap as Ye, useForceUpdate as Ke } from "@mantine/hooks";
-import { Flex as BA, useMantineColorScheme as oA, Menu as AA, ActionIcon as LA, Group as xA, Tooltip as SA, Button as je, ScrollArea as zA, Badge as re, Center as VA, Image as Xe, useMantineTheme as fA, px as aA, Burger as Je, Box as G, Avatar as WA, Text as CA, Stack as K, Skeleton as cA, Paper as We, NavLink as be, Kbd as ve, UnstyledButton as ZA, Collapse as Ze, TextInput as xe, Indicator as _e, Transition as Ar, Divider as _A, AppShell as QA, Drawer as Se } from "@mantine/core";
-import { IconSun as Ie, IconMoonStars as Ee, IconTerminal as er, IconSearch as YA, IconAlertCircle as rr, IconDots as Re, IconChevronRight as oe, IconChevronDown as or, IconX as Le, IconChevronLeft as nr, IconHome2 as tr, IconDashboard as sr, IconUsers as lr, IconListSearch as De, IconUserPlus as ir, IconNews as ar, IconFilePlus as cr, IconSettings as dr } from "@tabler/icons-react";
-import { useArchbaseAppContext as ne, getI18nextInstance as _, useArchbaseTranslation as te, archbaseI18next as wA, useArchbaseValidator as ur, ARCHBASE_IOC_API_TYPE as hr } from "@archbase/core";
-import { BRFlag as UA, USFlag as Te, ESFlag as Ae, VEFlag as pr, UYFlag as fr, SVFlag as gr, PYFlag as br, PEFlag as mr, PAFlag as Cr, NIFlag as kr, MXFlag as yr, HNFlag as wr, GTFlag as vr, ECFlag as xr, DOFlag as Sr, CUFlag as Ir, CRFlag as Er, COFlag as Rr, CLFlag as Lr, BOFlag as Dr, ARFlag as Tr } from "mantine-flagpack";
+import { Flex as BA, useMantineColorScheme as sA, Menu as nA, ActionIcon as LA, Group as xA, Tooltip as SA, Button as je, ScrollArea as zA, Badge as re, Center as VA, Image as Xe, useMantineTheme as pA, px as cA, Burger as Je, Box as N, Avatar as WA, Text as kA, Stack as j, Skeleton as dA, Paper as We, NavLink as be, Kbd as ve, UnstyledButton as ZA, Collapse as Ze, TextInput as xe, Indicator as _e, Transition as Ar, Divider as _A, AppShell as QA, Drawer as Se } from "@mantine/core";
+import { IconSun as Ie, IconMoonStars as Ee, IconTerminal as er, IconSearch as YA, IconAlertCircle as rr, IconDots as Re, IconChevronRight as oe, IconChevronDown as or, IconX as Le, IconChevronLeft as nr, IconHome2 as tr, IconDashboard as sr, IconUsers as lr, IconListSearch as Te, IconUserPlus as ir, IconNews as ar, IconFilePlus as cr, IconSettings as dr } from "@tabler/icons-react";
+import { useArchbaseAppContext as ne, getI18nextInstance as eA, useArchbaseTranslation as te, archbaseI18next as wA, useArchbaseValidator as ur, ARCHBASE_IOC_API_TYPE as hr } from "@archbase/core";
+import { BRFlag as UA, USFlag as De, ESFlag as Ae, VEFlag as fr, UYFlag as pr, SVFlag as gr, PYFlag as br, PEFlag as mr, PAFlag as kr, NIFlag as Cr, MXFlag as yr, HNFlag as wr, GTFlag as vr, ECFlag as xr, DOFlag as Sr, CUFlag as Ir, CRFlag as Er, COFlag as Rr, CLFlag as Lr, BOFlag as Tr, ARFlag as Dr } from "mantine-flagpack";
 import { spotlight as zr, Spotlight as NA } from "@mantine/spotlight";
 import { useNavigate as FA, useLocation as qA, matchPath as me } from "react-router";
 import { Routes as ze, useParams as Pr, useLocation as se, matchPath as Mr, Route as ee, useSearchParams as Pe, useNavigate as Or } from "react-router-dom";
 import { useMediaQuery as $r } from "usehooks-ts";
 import { useArchbaseNavigateParams as Qr, useArchbaseVisible as Nr, ArchbaseNotifications as Gr, ArchbaseAvatarEdit as Ur, ArchbaseEdit as XA } from "@archbase/components";
-import { SubMenu as Br, MenuItem as Ce, menuClasses as J, Sidebar as Me, Menu as Oe, sidebarClasses as $e } from "react-pro-sidebar";
+import { SubMenu as Br, MenuItem as ke, menuClasses as _, Sidebar as Me, Menu as Oe, sidebarClasses as $e } from "react-pro-sidebar";
 import Hr from "@rehooks/component-size";
 import { ArchbaseAdvancedTabs as Fr } from "@archbase/layout";
 import { useArchbaseStore as qr, useArchbaseRemoteServiceApi as Vr, useArchbaseRemoteDataSource as Yr } from "@archbase/data";
 import { ArchbaseFormModalTemplate as Kr } from "@archbase/template";
 import { create as jr } from "zustand";
-const jA = bA.createContext({}), Xr = ({
+const jA = mA.createContext({}), Xr = ({
   navigationData: e,
   user: o,
   owner: s,
@@ -29,77 +29,77 @@ const jA = bA.createContext({}), Xr = ({
   onNavigationDataChange: c,
   initialSidebarCollapsed: l
 }) => {
-  const [u, d] = pA(l), [h, p] = pA(!1), [y, w] = pA(() => i === !0), [m, f] = pA(null), g = mA(!1), [S, v] = JA({
+  const [u, d] = fA(l), [h, p] = fA(!1), [b, k] = fA(() => i === !0), [y, f] = fA(null), g = bA(!1), [w, v] = JA({
     value: c !== void 0 ? e : void 0,
     defaultValue: i ? [] : e,
     finalValue: [],
     onChange: c
   });
-  iA(() => {
-  }, [S, i]);
-  const { securityManager: C } = Fe({
+  aA(() => {
+  }, [w, i]);
+  const { securityManager: m } = Fe({
     resourceName: n?.navigationResourceName ? n.navigationResourceName : "ArchbaseAdvancedSidebar",
     resourceDescription: n?.navigationResourceDescription ? n.navigationResourceDescription : "archbase:Navegação",
     enableSecurity: i
   });
-  return iA(() => {
+  return aA(() => {
     g.current = !1;
-  }, [o?.id]), iA(() => {
+  }, [o?.id]), aA(() => {
     if (!i) {
-      w(!1);
+      k(!1);
       return;
     }
     if (g.current)
       return;
     e.filter((Q) => Q.showInSidebar).forEach((Q) => {
-      C.registerAction(Q.label, Q.label), Q?.links?.forEach((T) => C.registerAction(`${Q.label} -> ${T.label}`, `${Q.label} -> ${T.label}`));
+      m.registerAction(Q.label, Q.label), Q?.links?.forEach((D) => m.registerAction(`${Q.label} -> ${D.label}`, `${Q.label} -> ${D.label}`));
     });
     const $ = () => {
       g.current = !0;
-      const Q = e.map((T) => ({
-        ...T,
-        disabled: !C.hasPermission(T.label),
-        links: T.links && T.links.map((x) => {
-          const E = C.hasPermission(`${T.label} -> ${x.label}`);
+      const Q = e.map((D) => ({
+        ...D,
+        disabled: !m.hasPermission(D.label),
+        links: D.links && D.links.map((I) => {
+          const T = m.hasPermission(`${D.label} -> ${I.label}`);
           return {
-            ...x,
-            disabled: !E
+            ...I,
+            disabled: !T
           };
         })
       }));
-      v(Q), w(!1), f(null);
-    }, j = !C.isLoading() && !C.isError();
-    if (C.isError()) {
+      v(Q), k(!1), f(null);
+    }, V = !m.isLoading() && !m.isError();
+    if (m.isError()) {
       g.current = !0;
-      const Q = C.getError() || "Erro ao carregar permissões de navegação";
-      f(Q), w(!1), v(e);
+      const Q = m.getError() || "Erro ao carregar permissões de navegação";
+      f(Q), k(!1), v(e);
       return;
     }
-    if (j) {
+    if (V) {
       $();
       return;
     }
-    w(!0), f(null);
-    let D = !1;
+    k(!0), f(null);
+    let z = !1;
     const O = setInterval(() => {
-      if (!D && C.isError()) {
+      if (!z && m.isError()) {
         clearInterval(O), g.current = !0;
-        const Q = C.getError() || "Erro ao carregar permissões de navegação";
-        f(Q), w(!1), v(e);
+        const Q = m.getError() || "Erro ao carregar permissões de navegação";
+        f(Q), k(!1), v(e);
       }
-    }, 100), B = setTimeout(() => {
-      D || (clearInterval(O), w((Q) => Q && (g.current = !0, console.warn("[ArchbaseAdminLayout] Timeout ao carregar permissões - carregando menu sem filtro de segurança"), v(e), !1)));
+    }, 100), G = setTimeout(() => {
+      z || (clearInterval(O), k((Q) => Q && (g.current = !0, console.warn("[ArchbaseAdminLayout] Timeout ao carregar permissões - carregando menu sem filtro de segurança"), v(e), !1)));
     }, 3e3);
-    return C.apply(() => {
-      D || (clearInterval(O), clearTimeout(B), $());
+    return m.apply(() => {
+      z || (clearInterval(O), clearTimeout(G), $());
     }), () => {
-      D = !0, clearInterval(O), clearTimeout(B);
+      z = !0, clearInterval(O), clearTimeout(G);
     };
-  }, [o?.id, i, e, C, v]), /* @__PURE__ */ A(
+  }, [o?.id, i, e, m, v]), /* @__PURE__ */ A(
     jA.Provider,
     {
       value: {
-        navigationData: S,
+        navigationData: w,
         setNavigationData: v,
         user: o,
         owner: s,
@@ -110,27 +110,27 @@ const jA = bA.createContext({}), Xr = ({
         hidden: h,
         setHidden: p,
         onNavigationDataChange: c,
-        isLoadingPermissions: y,
-        permissionsError: m
+        isLoadingPermissions: b,
+        permissionsError: y
       },
       children: a
     }
   );
 }, dn = ({ children: e }) => /* @__PURE__ */ A(BA, { align: "center", direction: "row", wrap: "wrap", h: "100%", children: e }), Jr = () => {
-  const e = ne(), { colorScheme: o } = oA(), s = o === "dark", [r, t] = pA(_().language);
-  iA(() => {
+  const e = ne(), { colorScheme: o } = sA(), s = o === "dark", [r, t] = fA(eA().language);
+  aA(() => {
     const c = (l) => {
       t(l);
     };
-    return _().on("languageChanged", c), () => {
-      _().off("languageChanged", c);
+    return eA().on("languageChanged", c), () => {
+      eA().off("languageChanged", c);
     };
   }, []);
   const a = (c) => {
     if (!c)
       return /* @__PURE__ */ A(UA, { size: 24 });
     if (c === "en" || c === "en-US")
-      return /* @__PURE__ */ A(Te, { size: 24 });
+      return /* @__PURE__ */ A(De, { size: 24 });
     if (c === "pt-BR")
       return /* @__PURE__ */ A(UA, { size: 24 });
     if (c.includes("es"))
@@ -139,9 +139,9 @@ const jA = bA.createContext({}), Xr = ({
         case "es-ES":
           return /* @__PURE__ */ A(Ae, { size: 24 });
         case "es-AR":
-          return /* @__PURE__ */ A(Tr, { size: 24 });
-        case "es-BO":
           return /* @__PURE__ */ A(Dr, { size: 24 });
+        case "es-BO":
+          return /* @__PURE__ */ A(Tr, { size: 24 });
         case "es-CL":
           return /* @__PURE__ */ A(Lr, { size: 24 });
         case "es-CO":
@@ -161,9 +161,9 @@ const jA = bA.createContext({}), Xr = ({
         case "es-MX":
           return /* @__PURE__ */ A(yr, { size: 24 });
         case "es-NI":
-          return /* @__PURE__ */ A(kr, { size: 24 });
-        case "es-PA":
           return /* @__PURE__ */ A(Cr, { size: 24 });
+        case "es-PA":
+          return /* @__PURE__ */ A(kr, { size: 24 });
         case "es-PE":
           return /* @__PURE__ */ A(mr, { size: 24 });
         case "es-PY":
@@ -171,9 +171,9 @@ const jA = bA.createContext({}), Xr = ({
         case "es-SV":
           return /* @__PURE__ */ A(gr, { size: 24 });
         case "es-UY":
-          return /* @__PURE__ */ A(fr, { size: 24 });
-        case "es-VE":
           return /* @__PURE__ */ A(pr, { size: 24 });
+        case "es-VE":
+          return /* @__PURE__ */ A(fr, { size: 24 });
         default:
           return /* @__PURE__ */ A(Ae, { size: 24 });
       }
@@ -181,7 +181,7 @@ const jA = bA.createContext({}), Xr = ({
   }, i = () => {
     if (e.languages)
       return e.languages.filter((c) => c).map((c) => /* @__PURE__ */ A(
-        AA.Item,
+        nA.Item,
         {
           onClick: () => n(c.lang),
           leftSection: a(c.lang),
@@ -190,17 +190,17 @@ const jA = bA.createContext({}), Xr = ({
         c.name
       ));
   }, n = (c) => {
-    _().changeLanguage(c);
+    eA().changeLanguage(c);
   };
-  return /* @__PURE__ */ I(AA, { shadow: "md", width: 200, position: "bottom-end", children: [
-    /* @__PURE__ */ A(AA.Target, { children: /* @__PURE__ */ A(LA, { variant: "transparent", color: s ? "white" : "blue", title: _().t("toggleLanguage"), children: a(r) }) }),
-    /* @__PURE__ */ A(AA.Dropdown, { children: i() })
+  return /* @__PURE__ */ E(nA, { shadow: "md", width: 200, position: "bottom-end", children: [
+    /* @__PURE__ */ A(nA.Target, { children: /* @__PURE__ */ A(LA, { variant: "transparent", color: s ? "white" : "blue", title: eA().t("toggleLanguage"), children: a(r) }) }),
+    /* @__PURE__ */ A(nA.Dropdown, { children: i() })
   ] });
 }, Wr = () => {
-  const e = ne(), { colorScheme: o } = oA(), { t: s, i18n: r } = te(), t = (n) => n === "en" ? /* @__PURE__ */ A(Te, { size: 24 }) : n === "pt-BR" ? /* @__PURE__ */ A(UA, { size: 24 }) : n === "es" ? /* @__PURE__ */ A(Ae, { size: 24 }) : /* @__PURE__ */ A(UA, { size: 24 }), a = () => {
+  const e = ne(), { colorScheme: o } = sA(), { t: s, i18n: r } = te(), t = (n) => n === "en" ? /* @__PURE__ */ A(De, { size: 24 }) : n === "pt-BR" ? /* @__PURE__ */ A(UA, { size: 24 }) : n === "es" ? /* @__PURE__ */ A(Ae, { size: 24 }) : /* @__PURE__ */ A(UA, { size: 24 }), a = () => {
     if (e.languages)
       return e.languages.filter((n) => n).map((n) => /* @__PURE__ */ A(
-        AA.Item,
+        nA.Item,
         {
           onClick: () => i(n.lang),
           leftSection: t(n.lang),
@@ -211,8 +211,8 @@ const jA = bA.createContext({}), Xr = ({
   }, i = (n) => {
     r.changeLanguage(n);
   };
-  return /* @__PURE__ */ I(AA, { children: [
-    /* @__PURE__ */ A(AA.Target, { children: /* @__PURE__ */ I(
+  return /* @__PURE__ */ E(nA, { children: [
+    /* @__PURE__ */ A(nA.Target, { children: /* @__PURE__ */ E(
       xA,
       {
         w: "100%",
@@ -222,21 +222,21 @@ const jA = bA.createContext({}), Xr = ({
         variant: "transparent",
         fw: 400,
         gap: 4,
-        title: _().t("archbase:toggleLanguage"),
+        title: eA().t("archbase:toggleLanguage"),
         children: [
           t(r.language),
           `${e.languages.find((n) => n.lang === r.language)?.name ?? "Português"}`
         ]
       }
     ) }),
-    /* @__PURE__ */ A(AA.Dropdown, { children: a() })
+    /* @__PURE__ */ A(nA.Dropdown, { children: a() })
   ] });
 }, Zr = ({
   toggleColorScheme: e,
   sunColor: o = "white",
   moonColor: s = "blue"
 }) => {
-  const { t: r } = te(), { colorScheme: t, toggleColorScheme: a } = oA(), i = () => {
+  const { t: r } = te(), { colorScheme: t, toggleColorScheme: a } = sA(), i = () => {
     e ? e() : a();
   }, n = t === "dark";
   return /* @__PURE__ */ A(
@@ -245,7 +245,7 @@ const jA = bA.createContext({}), Xr = ({
       variant: "transparent",
       color: n ? o : s,
       onClick: () => i(),
-      title: _().t("archbase:toggleColorScheme"),
+      title: eA().t("archbase:toggleColorScheme"),
       children: n ? /* @__PURE__ */ A(Ie, { size: "1.5rem" }) : /* @__PURE__ */ A(Ee, { size: "1.5rem" })
     }
   );
@@ -255,16 +255,16 @@ function Ao({ category: e, label: o, color: s, description: r, image: t, onClick
     NA.Action,
     {
       onClick: a,
-      label: `${_().t(o || "")}`,
-      description: r ? _().t(r) : void 0,
-      leftSection: t ? /* @__PURE__ */ A(VA, { children: /* @__PURE__ */ A(Xe, { src: t, alt: _().t(o || ""), width: 24, height: 24 }) }) : void 0,
-      rightSection: e ? /* @__PURE__ */ A(re, { color: s, size: "sm", children: _().t(e) }) : void 0
+      label: `${eA().t(o || "")}`,
+      description: r ? eA().t(r) : void 0,
+      leftSection: t ? /* @__PURE__ */ A(VA, { children: /* @__PURE__ */ A(Xe, { src: t, alt: eA().t(o || ""), width: 24, height: 24 }) }) : void 0,
+      rightSection: e ? /* @__PURE__ */ A(re, { color: s, size: "sm", children: eA().t(e) }) : void 0
     },
     o
   );
 }
 const eo = ({ navigationData: e, color: o }) => {
-  const [s, r] = pA(""), t = FA(), { t: a } = te(), i = uA(() => {
+  const [s, r] = fA(""), t = FA(), { t: a } = te(), i = uA(() => {
     const c = new Array();
     return e.forEach((l) => {
       l.links ? l.links.forEach((u) => {
@@ -293,9 +293,9 @@ const eo = ({ navigationData: e, color: o }) => {
     const l = `${a(c.label || "")}`;
     return l && l.toLowerCase().includes(s.toLowerCase().trim());
   }).map((c) => /* @__PURE__ */ A(Ao, { ...c }, c.id));
-  return /* @__PURE__ */ A(vA, { children: i && i.length > 0 ? /* @__PURE__ */ I(vA, { children: [
+  return /* @__PURE__ */ A(vA, { children: i && i.length > 0 ? /* @__PURE__ */ E(vA, { children: [
     /* @__PURE__ */ A(SA, { withinPortal: !0, withArrow: !0, label: `${a("archbase:Comandos ⌘M")}`, children: /* @__PURE__ */ A(je, { color: o, leftSection: /* @__PURE__ */ A(er, { size: "24px" }), onClick: () => zr.open() }) }),
-    /* @__PURE__ */ I(
+    /* @__PURE__ */ E(
       NA.Root,
       {
         shortcut: ["mod + M", "/"],
@@ -303,7 +303,7 @@ const eo = ({ navigationData: e, color: o }) => {
         query: s,
         children: [
           /* @__PURE__ */ A(NA.Search, { placeholder: `${a("archbase:Localizar...")}`, leftSection: /* @__PURE__ */ A(YA, { size: "1.2rem" }) }),
-          /* @__PURE__ */ A(zA.Autosize, { mah: "calc(100vh - 200px)", type: "scroll", scrollbarSize: 8, children: /* @__PURE__ */ A(NA.ActionsList, { children: n.length > 0 ? n : /* @__PURE__ */ A(NA.Empty, { children: _().t("archbase:Nenhum resultado...") }) }) })
+          /* @__PURE__ */ A(zA.Autosize, { mah: "calc(100vh - 200px)", type: "scroll", scrollbarSize: 8, children: /* @__PURE__ */ A(NA.ActionsList, { children: n.length > 0 ? n : /* @__PURE__ */ A(NA.Empty, { children: eA().t("archbase:Nenhum resultado...") }) }) })
         ]
       }
     )
@@ -323,31 +323,31 @@ const eo = ({ navigationData: e, color: o }) => {
   hideAutoHeaderActionsOnUserMenuBreakPoint: d,
   withDividerAfterUserMenuToggleColorScheme: h = !0,
   user: p,
-  navigationData: y = [],
-  logo: w,
-  headerActions: m,
+  navigationData: b = [],
+  logo: k,
+  headerActions: y,
   styleLogo: f,
   showLanguageSelector: g = !1,
-  sideBarHiddenBreakPoint: S,
+  sideBarHiddenBreakPoint: w,
   headerLeftContent: v,
-  toggleColorScheme: C,
-  logoLeftSection: P,
+  toggleColorScheme: m,
+  logoLeftSection: M,
   logoRightSection: $,
-  showBurger: j = !0,
-  showCommands: W = !0,
-  sunColor: D,
+  showBurger: V = !0,
+  showCommands: rA = !0,
+  sunColor: z,
   moonColor: O,
-  styles: B
+  styles: G
 }) => {
-  const Q = fA(), { colorScheme: T, toggleColorScheme: x } = oA(), E = IA(jA), V = ge(
-    `(max-width: ${S ? aA(S) : Q.breakpoints.md})`
-  ), F = ge(
-    `(max-width: ${d ? aA(d) : Q.breakpoints.md})`
+  const Q = pA(), { colorScheme: D, toggleColorScheme: I } = sA(), T = IA(jA), Y = ge(
+    `(max-width: ${w ? cA(w) : Q.breakpoints.md})`
+  ), B = ge(
+    `(max-width: ${d ? cA(d) : Q.breakpoints.md})`
   );
-  let k = !1, b = !1;
-  return c && (l = !F, u = !F, o = F, s = F, i = F, h = F, g && (b = !F, k = F)), /* @__PURE__ */ I(vA, { children: [
-    /* @__PURE__ */ I(BA, { style: { width: 300, height: 50 }, align: "center", children: [
-      P,
+  let X = !1, W = !1;
+  return c && (l = !B, u = !B, o = B, s = B, i = B, h = B, g && (W = !B, X = B)), /* @__PURE__ */ E(vA, { children: [
+    /* @__PURE__ */ E(BA, { style: { width: 300, height: 50 }, align: "center", children: [
+      M,
       /* @__PURE__ */ A(
         "img",
         {
@@ -356,30 +356,30 @@ const eo = ({ navigationData: e, color: o }) => {
             ...f
           },
           alt: "logo",
-          src: w
+          src: k
         }
       ),
       $
     ] }),
-    j && /* @__PURE__ */ A(
+    V && /* @__PURE__ */ A(
       Je,
       {
-        opened: E.hidden ? E.hidden : !1,
-        onClick: () => E.setHidden(!E.hidden),
+        opened: T.hidden ? T.hidden : !1,
+        onClick: () => T.setHidden(!T.hidden),
         size: "sm",
         color: Q.colors.gray[7],
         mx: { base: "xs", xs: "lg", sm: "xl" },
-        display: V ? "" : "none"
+        display: Y ? "" : "none"
       }
     ),
-    /* @__PURE__ */ A("div", { children: W && /* @__PURE__ */ A(eo, { navigationData: y }) }),
-    /* @__PURE__ */ A(G, { style: { flex: 1 }, children: v }),
-    /* @__PURE__ */ I(_r, { children: [
-      l && m,
-      u && /* @__PURE__ */ A(Zr, { toggleColorScheme: C, sunColor: D, moonColor: O }),
-      b && /* @__PURE__ */ A(Jr, {}),
-      /* @__PURE__ */ I(AA, { shadow: "md", width: 200, position: "bottom-end", styles: B?.menu, children: [
-        /* @__PURE__ */ A(AA.Target, { children: /* @__PURE__ */ I("div", { children: [
+    /* @__PURE__ */ A("div", { children: rA && /* @__PURE__ */ A(eo, { navigationData: b }) }),
+    /* @__PURE__ */ A(N, { style: { flex: 1 }, children: v }),
+    /* @__PURE__ */ E(_r, { children: [
+      l && y,
+      u && /* @__PURE__ */ A(Zr, { toggleColorScheme: m, sunColor: z, moonColor: O }),
+      W && /* @__PURE__ */ A(Jr, {}),
+      /* @__PURE__ */ E(nA, { shadow: "md", width: 200, position: "bottom-end", styles: G?.menu, children: [
+        /* @__PURE__ */ A(nA.Target, { children: /* @__PURE__ */ E("div", { children: [
           /* @__PURE__ */ A(
             WA,
             {
@@ -407,31 +407,31 @@ const eo = ({ navigationData: e, color: o }) => {
                 borderRadius: 50,
                 backgroundColor: "green"
               },
-              children: /* @__PURE__ */ A(CA, { size: "xs", c: "white", children: "A" })
+              children: /* @__PURE__ */ A(kA, { size: "xs", c: "white", children: "A" })
             }
           ) : null
         ] }) }),
-        /* @__PURE__ */ I(AA.Dropdown, { children: [
+        /* @__PURE__ */ E(nA.Dropdown, { children: [
           e,
-          s && /* @__PURE__ */ A(AA.Label, { children: `${_().t("archbase:Opções")}` }),
+          s && /* @__PURE__ */ A(nA.Label, { children: `${eA().t("archbase:Opções")}` }),
           i && n,
           o && /* @__PURE__ */ A(
-            AA.Item,
+            nA.Item,
             {
-              leftSection: T === "dark" ? /* @__PURE__ */ A(Ie, { size: r }) : /* @__PURE__ */ A(Ee, { size: r }),
-              onClick: C || x,
-              children: `${_().t("archbase:toggleColorScheme")}`
+              leftSection: D === "dark" ? /* @__PURE__ */ A(Ie, { size: r }) : /* @__PURE__ */ A(Ee, { size: r }),
+              onClick: m || I,
+              children: `${eA().t("archbase:toggleColorScheme")}`
             }
           ),
-          k && /* @__PURE__ */ A(Wr, {}),
-          h && /* @__PURE__ */ A(AA.Divider, {}),
+          X && /* @__PURE__ */ A(Wr, {}),
+          h && /* @__PURE__ */ A(nA.Divider, {}),
           t && a
         ] })
       ] })
     ] })
   ] });
 };
-function ke(e, o, s, r, t, a, i, n, c, l) {
+function Ce(e, o, s, r, t, a, i, n, c, l) {
   const u = a ? e.colorScheme === "dark" ? e.colors[e.primaryColor][8] : e.colors[e.primaryColor][7] : void 0, d = a ? (e.colorScheme === "dark", e.colors[e.primaryColor][0]) : void 0, h = e.colorScheme === "dark" ? "#3e5e7e" : "#9fb6cf", p = "0.5";
   if (r.links) {
     if (!(r.disabled && r.hideDisabledItem))
@@ -440,25 +440,25 @@ function ke(e, o, s, r, t, a, i, n, c, l) {
         {
           rootStyles: {
             fontSize: "16px",
-            [`.${J.button}`]: {
+            [`.${_.button}`]: {
               "&:hover": {
-                [`.${J.icon}`]: {
+                [`.${_.icon}`]: {
                   color: "white"
                 },
-                [`.${J.label}`]: {
+                [`.${_.label}`]: {
                   color: "white"
                 }
               }
             },
-            [`.${J.subMenuContent}`]: {
+            [`.${_.subMenuContent}`]: {
               width: o && l
             },
-            [`.${J.disabled}`]: {
+            [`.${_.disabled}`]: {
               opacity: p,
-              [`.${J.icon}`]: {
+              [`.${_.icon}`]: {
                 color: h + " !important"
               },
-              [`.${J.label}`]: {
+              [`.${_.label}`]: {
                 color: h + " !important"
               }
             }
@@ -468,81 +468,81 @@ function ke(e, o, s, r, t, a, i, n, c, l) {
           defaultOpen: !r.disabled,
           label: o ? "" : wA.t(r.label),
           disabled: r.disabled,
-          children: r.links && r.links.filter((y) => y.showInSidebar === !0 && (!y.disabled || !y.hideDisabledItem)).map((y, w) => /* @__PURE__ */ A(
-            Ce,
+          children: r.links && r.links.filter((b) => b.showInSidebar === !0 && (!b.disabled || !b.hideDisabledItem)).map((b, k) => /* @__PURE__ */ A(
+            ke,
             {
-              onClick: () => s(y),
+              onClick: () => s(b),
               rootStyles: {
-                [`.${J.icon}`]: {
+                [`.${_.icon}`]: {
                   background: u,
-                  color: n && y.link === i ? "white" : d
+                  color: n && b.link === i ? "white" : d
                 },
-                [`.${J.label}`]: {
-                  color: n && y.link === i ? "white" : c
+                [`.${_.label}`]: {
+                  color: n && b.link === i ? "white" : c
                 },
-                [`.${J.button}`]: {
+                [`.${_.button}`]: {
                   paddingLeft: "40px !important",
                   "&:hover": {
-                    [`.${J.icon}`]: {
+                    [`.${_.icon}`]: {
                       color: "white"
                     },
-                    [`.${J.label}`]: {
+                    [`.${_.label}`]: {
                       color: "white"
                     }
                   }
                 },
-                [`.${J.disabled}`]: {
+                [`.${_.disabled}`]: {
                   opacity: p,
-                  [`.${J.icon}`]: {
+                  [`.${_.icon}`]: {
                     background: (u || "") + " !important",
                     color: h + " !important"
                   },
-                  [`.${J.label}`]: {
+                  [`.${_.label}`]: {
                     color: h + " !important"
                   }
                 }
               },
-              id: y.label,
-              icon: y.icon,
-              disabled: typeof y.disabled == "function" ? y.disabled() : y.disabled,
-              active: n && y.link === i,
-              children: wA.t(y.label)
+              id: b.label,
+              icon: b.icon,
+              disabled: typeof b.disabled == "function" ? b.disabled() : b.disabled,
+              active: n && b.link === i,
+              children: wA.t(b.label)
             },
-            w
+            k
           ))
         },
         t
       ) });
   } else if (r.showInSidebar && (!r.disabled || !r.hideDisabledItem))
     return /* @__PURE__ */ A(SA, { disabled: !o, label: wA.t(r.label), children: /* @__PURE__ */ A(
-      Ce,
+      ke,
       {
         rootStyles: {
           fontSize: "16px",
-          [`.${J.button}`]: {
+          [`.${_.button}`]: {
             "&:hover": {
-              [`.${J.icon}`]: {
+              [`.${_.icon}`]: {
                 color: "white"
               },
-              [`.${J.label}`]: {
+              [`.${_.label}`]: {
                 color: "white"
               }
             }
           },
-          [`.${J.icon}`]: {
+          [`.${_.icon}`]: {
             background: u,
             color: n && r.link === i ? "white" : d
           },
-          [`.${J.label}`]: {
+          [`.${_.label}`]: {
             color: n && r.link === i ? "white" : c
           },
-          [`.${J.disabled}`]: {
+          [`.${_.disabled}`]: {
             opacity: p,
-            [`.${J.icon}`]: {
+            [`.${_.icon}`]: {
               background: (u || "") + " !important",
               color: h + " !important"
             },
-            [`.${J.label}`]: {
+            [`.${_.label}`]: {
               color: h + " !important"
             }
           }
@@ -594,7 +594,7 @@ const oo = (e) => ({
     }
   }
 }), no = (e, o, s, r, t, a, i, n, c, l, u) => {
-  const d = oo(), h = a ? {} : { padding: s ? `0 ${(t - r) / 2}px` : "0 20px" }, p = a ? {} : { display: "none" }, y = i ? e === "dark" ? o.colors[o.primaryColor][8] : o.colors[o.primaryColor][0] : void 0;
+  const d = oo(), h = a ? {} : { padding: s ? `0 ${(t - r) / 2}px` : "0 20px" }, p = a ? {} : { display: "none" }, b = i ? e === "dark" ? o.colors[o.primaryColor][8] : o.colors[o.primaryColor][0] : void 0;
   return {
     root: {
       fontSize: "14px",
@@ -603,9 +603,9 @@ const oo = (e) => ({
       color: o.white
     },
     icon: {
-      background: y,
+      background: b,
       color: u,
-      [`&.${J.disabled}`]: {
+      [`&.${_.disabled}`]: {
         color: d[e].menu.disabled.color
       }
     },
@@ -617,21 +617,21 @@ const oo = (e) => ({
       backgroundColor: e === "dark" ? o.colors.dark[8] : o.colors[o.primaryColor][0]
     }),
     button: {
-      [`&.${J.disabled}`]: {
+      [`&.${_.disabled}`]: {
         color: d[e].menu.disabled.color
       },
       "&:hover": {
         backgroundColor: o.colors[o.primaryColor][6],
         color: o.white
       },
-      [`&.${J.active}`]: {
+      [`&.${_.active}`]: {
         backgroundColor: o.colors[o.primaryColor][6]
       },
       height: n,
       ...h
     },
-    label: ({ open: w }) => ({
-      fontWeight: w ? 600 : void 0,
+    label: ({ open: k }) => ({
+      fontWeight: k ? 600 : void 0,
       color: l,
       "&:hover": {
         color: o.white
@@ -640,7 +640,7 @@ const oo = (e) => ({
   };
 };
 function to(e, o, s, r, t, a, i, n, c, l, u) {
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ E(
     Me,
     {
       ref: e,
@@ -652,12 +652,12 @@ function to(e, o, s, r, t, a, i, n, c, l, u) {
           overflowY: "hidden",
           left: 0,
           right: 0,
-          height: i ? "calc(100vh - 28px)" : `${aA(n)}px`
+          height: i ? "calc(100vh - 28px)" : `${cA(n)}px`
         }
       },
       collapsed: o,
-      width: `${aA(s)}px`,
-      collapsedWidth: `${aA(r)}px`,
+      width: `${cA(s)}px`,
+      collapsedWidth: `${cA(r)}px`,
       children: [
         c && /* @__PURE__ */ A(vA, { children: c }),
         /* @__PURE__ */ A(zA, { style: { overflowY: "auto", overflowX: "hidden", height: n }, children: /* @__PURE__ */ A(Oe, { rootStyles: { background: u }, menuItemStyles: t, closeOnClick: !0, children: a && /* @__PURE__ */ A(vA, { children: a }) }) }),
@@ -671,9 +671,9 @@ function ye({
   collapsed: o = !1,
   backgroundColor: s
 }) {
-  const r = fA(), { colorScheme: t } = oA(), a = s ?? (t === "dark" ? r.colors.dark[7] : r.white);
+  const r = pA(), { colorScheme: t } = sA(), a = s ?? (t === "dark" ? r.colors.dark[7] : r.white);
   return o ? /* @__PURE__ */ A(
-    K,
+    j,
     {
       gap: "sm",
       p: "xs",
@@ -684,7 +684,7 @@ function ye({
         height: "100%"
       },
       children: Array.from({ length: e }).map((i, n) => /* @__PURE__ */ A(
-        cA,
+        dA,
         {
           height: 32,
           width: 32,
@@ -694,7 +694,7 @@ function ye({
       ))
     }
   ) : /* @__PURE__ */ A(
-    K,
+    j,
     {
       gap: "xs",
       p: "md",
@@ -704,9 +704,9 @@ function ye({
         width: "100%",
         height: "100%"
       },
-      children: Array.from({ length: e }).map((i, n) => /* @__PURE__ */ I(xA, { gap: "sm", wrap: "nowrap", children: [
+      children: Array.from({ length: e }).map((i, n) => /* @__PURE__ */ E(xA, { gap: "sm", wrap: "nowrap", children: [
         /* @__PURE__ */ A(
-          cA,
+          dA,
           {
             height: 24,
             width: 24,
@@ -714,7 +714,7 @@ function ye({
           }
         ),
         /* @__PURE__ */ A(
-          cA,
+          dA,
           {
             height: 18,
             radius: "xl",
@@ -731,9 +731,9 @@ function so({
   height: s = "100%",
   backgroundColor: r
 }) {
-  const t = fA(), { colorScheme: a } = oA(), i = r ?? (a === "dark" ? t.colors.dark[6] : t.colors.gray[2]);
+  const t = pA(), { colorScheme: a } = sA(), i = r ?? (a === "dark" ? t.colors.dark[6] : t.colors.gray[2]);
   return /* @__PURE__ */ A(
-    K,
+    j,
     {
       gap: "md",
       p: "xs",
@@ -743,9 +743,9 @@ function so({
         height: s,
         backgroundColor: i
       },
-      children: Array.from({ length: e }).map((n, c) => /* @__PURE__ */ I(K, { gap: 4, align: "center", children: [
+      children: Array.from({ length: e }).map((n, c) => /* @__PURE__ */ E(j, { gap: 4, align: "center", children: [
         /* @__PURE__ */ A(
-          cA,
+          dA,
           {
             height: 48,
             width: 48,
@@ -754,7 +754,7 @@ function so({
           }
         ),
         /* @__PURE__ */ A(
-          cA,
+          dA,
           {
             height: 10,
             width: 40,
@@ -770,10 +770,10 @@ function we({
   backgroundColor: o,
   children: s
 }) {
-  const r = fA(), { colorScheme: t } = oA(), a = o ?? (t === "dark" ? r.colors.dark[7] : r.white), i = t === "dark" ? r.colors.red[4] : r.colors.red[6];
-  return s ? /* @__PURE__ */ A(vA, { children: s }) : /* @__PURE__ */ A(VA, { p: "md", style: { backgroundColor: a, flex: 1, height: "100%" }, children: /* @__PURE__ */ I(K, { align: "center", gap: "xs", children: [
+  const r = pA(), { colorScheme: t } = sA(), a = o ?? (t === "dark" ? r.colors.dark[7] : r.white), i = t === "dark" ? r.colors.red[4] : r.colors.red[6];
+  return s ? /* @__PURE__ */ A(vA, { children: s }) : /* @__PURE__ */ A(VA, { p: "md", style: { backgroundColor: a, flex: 1, height: "100%" }, children: /* @__PURE__ */ E(j, { align: "center", gap: "xs", children: [
     /* @__PURE__ */ A(rr, { size: 32, color: i }),
-    /* @__PURE__ */ A(CA, { size: "sm", c: i, ta: "center", children: e })
+    /* @__PURE__ */ A(kA, { size: "sm", c: i, ta: "center", children: e })
   ] }) });
 }
 function lo({
@@ -791,56 +791,56 @@ function lo({
   groupLabelDarkColor: d,
   groupLabelLightColor: h,
   collapsed: p,
-  onMenuItemClick: y,
-  onClickActionIcon: w,
-  withBorder: m = !1,
+  onMenuItemClick: b,
+  onClickActionIcon: k,
+  withBorder: y = !1,
   showGroupLabels: f = !0,
   theme: g,
-  sidebarRef: S,
+  sidebarRef: w,
   defaultGroupIcon: v,
-  selectedGroupName: C,
-  sideBarHeaderContent: P,
+  selectedGroupName: m,
+  sideBarHeaderContent: M,
   iconsWithBackground: $ = !1,
-  menuItemHeight: j = 40,
-  highlightActiveMenuItem: W = !0,
-  backgroundDarkColor: D,
+  menuItemHeight: V = 40,
+  highlightActiveMenuItem: rA = !0,
+  backgroundDarkColor: z,
   backgroundLightColor: O,
-  textDarkColor: B,
+  textDarkColor: G,
   textLightColor: Q,
-  iconDarkColor: T,
-  iconLightColor: x,
-  collapsedSubmenuWidth: E,
-  isLoading: V = !1,
-  loadingError: F,
-  loadingComponent: k,
-  errorComponent: b,
-  skeletonItemCount: L = 8,
-  skeletonGroupCount: M = 3
+  iconDarkColor: D,
+  iconLightColor: I,
+  collapsedSubmenuWidth: T,
+  isLoading: Y = !1,
+  loadingError: B,
+  loadingComponent: X,
+  errorComponent: W,
+  skeletonItemCount: x = 8,
+  skeletonGroupCount: C = 3
 }) {
-  const [N, R] = pA(""), z = ne(), dA = qA(), { colorScheme: U } = oA(), lA = U === "dark" ? D ?? g.colors.dark[7] : O ?? g.white, eA = a || (U === "dark" ? g.colors[g.primaryColor][8] : g.colors[g.primaryColor][0]), nA = U === "dark" ? B ?? "var(--mantine-color-text)" : Q ?? "var(--mantine-color-text)", Y = U === "dark" ? T ?? g.colors[g.primaryColor][0] : x ?? g.colors[g.primaryColor][7], rA = uA(() => {
+  const [R, S] = fA(""), L = ne(), P = qA(), { colorScheme: H } = sA(), F = H === "dark" ? z ?? g.colors.dark[7] : O ?? g.white, J = a || (H === "dark" ? g.colors[g.primaryColor][8] : g.colors[g.primaryColor][0]), oA = H === "dark" ? G ?? "var(--mantine-color-text)" : Q ?? "var(--mantine-color-text)", K = H === "dark" ? D ?? g.colors[g.primaryColor][0] : I ?? g.colors[g.primaryColor][7], tA = uA(() => {
     const hA = /* @__PURE__ */ new Set();
-    return e.forEach((Z) => {
-      if (Z.showInSidebar && (!Z.disabled || !Z.hideDisabledItem)) {
-        let TA = !1;
-        Z.group || (Z.group = {
+    return e.forEach((AA) => {
+      if (AA.showInSidebar && (!AA.disabled || !AA.hideDisabledItem)) {
+        let DA = !1;
+        AA.group || (AA.group = {
           icon: v || /* @__PURE__ */ A(Re, { size: "2.2rem", color: "#63B1FB", stroke: 1 }),
           label: "Default",
           name: "Default",
           hint: "Default",
           indexOrder: 0
         }), hA.forEach((gA) => {
-          gA.name === Z.group.name && (TA = !0);
-        }), TA || hA.add({
-          name: Z.group.name,
-          indexOrder: Z.group.indexOrder,
+          gA.name === AA.group.name && (DA = !0);
+        }), DA || hA.add({
+          name: AA.group.name,
+          indexOrder: AA.group.indexOrder,
           component: /* @__PURE__ */ A(
             SA,
             {
-              content: Z.group.hint,
-              label: Z.group.label,
+              content: AA.group.hint,
+              label: AA.group.label,
               disabled: f,
-              children: /* @__PURE__ */ I(
-                K,
+              children: /* @__PURE__ */ E(
+                j,
                 {
                   gap: "2px",
                   style: {
@@ -854,83 +854,83 @@ function lo({
                       LA,
                       {
                         size: "48px",
-                        variant: Z.group.name === N ? "filled" : n ? "subtle" : "light",
-                        color: Z.group.name === N ? eA : i,
+                        variant: AA.group.name === R ? "filled" : n ? "subtle" : "light",
+                        color: AA.group.name === R ? J : i,
                         onClick: () => {
-                          R((gA) => (w && w(gA, Z.group.name), Z.group.name === gA && !c ? "" : Z.group.name));
+                          S((gA) => (k && k(gA, AA.group.name), AA.group.name === gA && !c ? "" : AA.group.name));
                         },
-                        children: Z.group.icon
+                        children: AA.group.icon
                       }
                     ),
                     f ? /* @__PURE__ */ A(
-                      CA,
+                      kA,
                       {
                         size: "xs",
-                        c: U === "dark" ? d || g.colors[g.primaryColor][2] : h || g.colors[g.primaryColor][2],
-                        children: Z.group.label
+                        c: H === "dark" ? d || g.colors[g.primaryColor][2] : h || g.colors[g.primaryColor][2],
+                        children: AA.group.label
                       }
                     ) : !1
                   ]
                 }
               )
             },
-            Z.group.name
+            AA.group.name
           )
         });
       }
-    }), hA.forEach((Z) => {
-      const TA = e.filter((gA) => gA.showInSidebar === !0 && (!gA.disabled || !gA.hideDisabledItem) && gA.group && gA.group.name === Z.name);
-      Z.links = TA.map((gA, X) => ke(g, p, y, gA, X, $, dA.pathname, W, nA, E));
-    }), [...hA].sort((Z, TA) => Z.indexOrder - TA.indexOrder);
-  }, [e, N, U, p, z.selectedCompany, W, dA]), kA = no(
-    U,
+    }), hA.forEach((AA) => {
+      const DA = e.filter((gA) => gA.showInSidebar === !0 && (!gA.disabled || !gA.hideDisabledItem) && gA.group && gA.group.name === AA.name);
+      AA.links = DA.map((gA, Z) => Ce(g, p, b, gA, Z, $, P.pathname, rA, oA, T));
+    }), [...hA].sort((AA, DA) => AA.indexOrder - DA.indexOrder);
+  }, [e, R, H, p, L.selectedCompany, rA, P]), CA = no(
+    H,
     g,
     p,
     35,
-    Number(aA(t)),
-    rA.length > 1,
+    Number(cA(t)),
+    tA.length > 1,
     $,
-    j,
-    lA,
-    nA,
-    Y
-  ), yA = p || N === "" ? "0px" : `calc(${s} - ${o})`, EA = n || (U === "dark" ? g.colors[g.primaryColor][6] : g.colors[g.primaryColor][7]), q = H(() => {
-    C && rA.map((hA) => hA.name).includes(C) ? R(C) : rA.length > 1 && R("Default");
+    V,
+    F,
+    oA,
+    K
+  ), yA = p || R === "" ? "0px" : `calc(${s} - ${o})`, EA = n || (H === "dark" ? g.colors[g.primaryColor][6] : g.colors[g.primaryColor][7]), q = U(() => {
+    m && tA.map((hA) => hA.name).includes(m) ? S(m) : tA.length > 1 && S("Default");
   }, []);
-  iA(() => {
+  aA(() => {
     q();
-  }, []), iA(() => {
-    p ? R("") : N === "" && q();
+  }, []), aA(() => {
+    p ? S("") : R === "" && q();
   }, [p]);
-  const tA = () => F ? b || /* @__PURE__ */ A(
+  const lA = () => B ? W || /* @__PURE__ */ A(
     we,
     {
-      message: F,
-      backgroundColor: lA
+      message: B,
+      backgroundColor: F
     }
-  ) : V ? k || /* @__PURE__ */ A(
+  ) : Y ? X || /* @__PURE__ */ A(
     ye,
     {
-      itemCount: L,
+      itemCount: x,
       collapsed: p,
-      backgroundColor: lA
+      backgroundColor: F
     }
-  ) : N !== "" ? /* @__PURE__ */ A(
+  ) : R !== "" ? /* @__PURE__ */ A(
     Me,
     {
-      ref: S,
+      ref: w,
       rootStyles: {
         [`.${$e.container}`]: {
-          background: lA,
+          background: F,
           overflowX: "hidden",
           overflowY: "hidden",
           left: 0,
-          height: `${aA(r)}px`
+          height: `${cA(r)}px`
         }
       },
-      style: { borderColor: U === "dark" ? "#000" : "#efefef" },
+      style: { borderColor: H === "dark" ? "#000" : "#efefef" },
       collapsed: p,
-      width: `${aA(yA)}`,
+      width: `${cA(yA)}`,
       collapsedWidth: "0px",
       children: /* @__PURE__ */ A(
         zA,
@@ -941,19 +941,19 @@ function lo({
             height: "100%",
             width: yA
           },
-          children: /* @__PURE__ */ A(Oe, { rootStyles: { background: lA }, menuItemStyles: kA, closeOnClick: !0, children: rA.find((hA) => hA.name === N)?.links || null })
+          children: /* @__PURE__ */ A(Oe, { rootStyles: { background: F }, menuItemStyles: CA, closeOnClick: !0, children: tA.find((hA) => hA.name === R)?.links || null })
         }
       )
     }
-  ) : null, RA = () => V && rA.length === 0 ? /* @__PURE__ */ A(
+  ) : null, RA = () => Y && tA.length === 0 ? /* @__PURE__ */ A(
     so,
     {
-      groupCount: M,
+      groupCount: C,
       width: o,
       height: r
     }
-  ) : rA.length !== 0 ? /* @__PURE__ */ A(
-    K,
+  ) : tA.length !== 0 ? /* @__PURE__ */ A(
+    j,
     {
       gap: "4px",
       style: {
@@ -962,41 +962,41 @@ function lo({
         padding: "4px",
         backgroundColor: EA
       },
-      children: rA.map((hA) => /* @__PURE__ */ A(bA.Fragment, { children: hA.component }, hA.name))
+      children: tA.map((hA) => /* @__PURE__ */ A(mA.Fragment, { children: hA.component }, hA.name))
     }
-  ) : null, DA = () => F ? b || /* @__PURE__ */ A(
+  ) : null, TA = () => B ? W || /* @__PURE__ */ A(
     we,
     {
-      message: F,
-      backgroundColor: lA
+      message: B,
+      backgroundColor: F
     }
-  ) : V ? k || /* @__PURE__ */ A(
+  ) : Y ? X || /* @__PURE__ */ A(
     ye,
     {
-      itemCount: L,
+      itemCount: x,
       collapsed: p,
-      backgroundColor: lA
+      backgroundColor: F
     }
   ) : e.map(
-    (hA, OA) => ke(g, p, y, hA, OA, $, dA.pathname, W, nA, E)
+    (hA, OA) => Ce(g, p, b, hA, OA, $, P.pathname, rA, oA, T)
   );
-  return /* @__PURE__ */ A(vA, { children: rA.length == 1 ? to(
-    S,
+  return /* @__PURE__ */ A(vA, { children: tA.length == 1 ? to(
+    w,
     p,
     s,
     t,
-    kA,
-    DA(),
+    CA,
+    TA(),
     c,
     r,
-    P,
+    M,
     u,
-    lA
-  ) : /* @__PURE__ */ I(BA, { direction: "column", w: p ? t : s, children: [
-    /* @__PURE__ */ A("div", { style: { height: "auto", width: "100%" }, children: P }),
-    /* @__PURE__ */ I(We, { withBorder: m, h: r, w: "100%", display: "flex", children: [
+    F
+  ) : /* @__PURE__ */ E(BA, { direction: "column", w: p ? t : s, children: [
+    /* @__PURE__ */ A("div", { style: { height: "auto", width: "100%" }, children: M }),
+    /* @__PURE__ */ E(We, { withBorder: y, h: r, w: "100%", display: "flex", children: [
       RA(),
-      tA()
+      lA()
     ] }),
     /* @__PURE__ */ A("div", { style: { height: "auto", width: "100%" }, children: u })
   ] }) });
@@ -1025,90 +1025,90 @@ function ae({
   highlightActiveItem: u = !0,
   onMenuItemClick: d
 }) {
-  const h = qA(), p = FA(), [y, w] = JA({
+  const h = qA(), p = FA(), [b, k] = JA({
     value: t,
     defaultValue: r,
     finalValue: !1,
     onChange: a
-  }), [m, f] = JA({
+  }), [y, f] = JA({
     value: n,
     defaultValue: i,
     finalValue: "",
     onChange: c
-  }), [g, S] = pA(""), [v, C] = pA(() => {
-    const T = /* @__PURE__ */ new Set();
-    return o.forEach((x, E) => {
-      x.initiallyOpened && x.links && x.links.length > 0 && T.add(`group-${E}`);
-    }), T;
-  }), P = h.pathname, $ = H(() => {
-    w(!y);
-  }, [y, w]), j = H((T) => {
-    C((x) => {
-      const E = new Set(x);
-      return E.has(T) ? E.delete(T) : E.add(T), E;
+  }), [g, w] = fA(""), [v, m] = fA(() => {
+    const D = /* @__PURE__ */ new Set();
+    return o.forEach((I, T) => {
+      I.initiallyOpened && I.links && I.links.length > 0 && D.add(`group-${T}`);
+    }), D;
+  }), M = h.pathname, $ = U(() => {
+    k(!b);
+  }, [b, k]), V = U((D) => {
+    m((I) => {
+      const T = new Set(I);
+      return T.has(D) ? T.delete(D) : T.add(D), T;
     });
-  }, []), W = H((T) => {
-    C((x) => {
-      const E = new Set(x);
-      return E.add(T), E;
+  }, []), rA = U((D) => {
+    m((I) => {
+      const T = new Set(I);
+      return T.add(D), T;
     });
-  }, []), D = H((T) => {
-    C((x) => {
-      const E = new Set(x);
-      return E.delete(T), E;
+  }, []), z = U((D) => {
+    m((I) => {
+      const T = new Set(I);
+      return T.delete(D), T;
     });
   }, []), O = uA(() => {
     if (!g.trim())
       return o;
-    const T = g.toLowerCase().trim(), x = (E) => E.reduce((V, F) => {
-      const k = F.label.toLowerCase().includes(T), b = F.links ? x(F.links) : [];
-      return (k || b.length > 0) && V.push({
-        ...F,
-        links: b.length > 0 ? b : F.links,
+    const D = g.toLowerCase().trim(), I = (T) => T.reduce((Y, B) => {
+      const X = B.label.toLowerCase().includes(D), W = B.links ? I(B.links) : [];
+      return (X || W.length > 0) && Y.push({
+        ...B,
+        links: W.length > 0 ? W : B.links,
         // Expandir automaticamente quando há match em subitens
-        initiallyOpened: b.length > 0 || k
-      }), V;
+        initiallyOpened: W.length > 0 || X
+      }), Y;
     }, []);
-    return x(o);
-  }, [o, g]), B = H(
-    (T) => {
-      d && d(T), T.link && (T.routeParams ? p(T.link, { state: T.routeParams }) : p(T.link)), T.redirect && p(T.redirect);
+    return I(o);
+  }, [o, g]), G = U(
+    (D) => {
+      d && d(D), D.link && (D.routeParams ? p(D.link, { state: D.routeParams }) : p(D.link)), D.redirect && p(D.redirect);
     },
     [p, d]
   ), Q = uA(
     () => ({
-      collapsed: y,
-      setCollapsed: w,
+      collapsed: b,
+      setCollapsed: k,
       toggleCollapsed: $,
-      activeGroup: m,
+      activeGroup: y,
       setActiveGroup: f,
-      activeItemPath: P,
-      navigateToItem: B,
+      activeItemPath: M,
+      navigateToItem: G,
       searchQuery: g,
-      setSearchQuery: S,
+      setSearchQuery: w,
       filteredItems: O,
       expandedGroups: v,
-      toggleGroup: j,
-      expandGroup: W,
-      collapseGroup: D,
+      toggleGroup: V,
+      expandGroup: rA,
+      collapseGroup: z,
       variant: s,
       showKeyboardShortcuts: l,
       highlightActiveItem: u
     }),
     [
-      y,
-      w,
+      b,
+      k,
       $,
-      m,
+      y,
       f,
-      P,
-      B,
+      M,
+      G,
       g,
       O,
       v,
-      j,
-      W,
-      D,
+      V,
+      rA,
+      z,
       s,
       l,
       u
@@ -1120,7 +1120,7 @@ function ce({
   navigationData: e,
   onMenuItemClick: o
 }) {
-  const s = qA(), r = FA(), t = s.pathname, a = H(
+  const s = qA(), r = FA(), t = s.pathname, a = U(
     (d) => {
       for (const h of d) {
         if (h.link === t)
@@ -1134,25 +1134,25 @@ function ce({
       return null;
     },
     [t]
-  ), i = uA(() => a(e), [a, e]), n = H(
+  ), i = uA(() => a(e), [a, e]), n = U(
     (d) => d.link === t,
     [t]
-  ), c = H(
+  ), c = U(
     (d) => d.link === t ? !0 : d.links ? d.links.some((h) => c(h)) : !1,
     [t]
   ), l = uA(() => {
-    const d = [], h = (p, y) => {
-      for (const w of p) {
-        const m = [...y, w];
-        if (w.link === t)
-          return d.push(...m), !0;
-        if (w.links && h(w.links, m))
+    const d = [], h = (p, b) => {
+      for (const k of p) {
+        const y = [...b, k];
+        if (k.link === t)
+          return d.push(...y), !0;
+        if (k.links && h(k.links, y))
           return !0;
       }
       return !1;
     };
     return h(e, []), d;
-  }, [e, t]), u = H(
+  }, [e, t]), u = U(
     (d) => {
       (typeof d.disabled == "function" ? d.disabled() : d.disabled) || (o && o(d), d.link && (d.routeParams ? r(d.link, { state: d.routeParams }) : r(d.link)), d.redirect && r(d.redirect));
     },
@@ -1171,7 +1171,7 @@ function io({
   navigationData: e,
   onSearch: o
 }) {
-  const [s, r] = pA(""), t = H((l) => l.reduce((u, d) => {
+  const [s, r] = fA(""), t = U((l) => l.reduce((u, d) => {
     let h = 1;
     return d.links && (h += t(d.links)), u + h;
   }, 0), []), a = uA(() => {
@@ -1180,29 +1180,29 @@ function io({
     const l = s.toLowerCase().trim(), u = (d) => d.reduce((h, p) => {
       if (!p.showInSidebar)
         return h;
-      const y = p.label.toLowerCase().includes(l), w = p.links ? u(p.links) : [];
-      return (y || w.length > 0) && h.push({
+      const b = p.label.toLowerCase().includes(l), k = p.links ? u(p.links) : [];
+      return (b || k.length > 0) && h.push({
         ...p,
-        links: w.length > 0 ? w : p.links,
+        links: k.length > 0 ? k : p.links,
         // Expandir automaticamente grupos com match
         initiallyOpened: !0
       }), h;
     }, []);
     return u(e);
-  }, [e, s]), i = uA(() => s.trim() ? t(a) : t(e), [s, e, a, t]), n = H(
+  }, [e, s]), i = uA(() => s.trim() ? t(a) : t(e), [s, e, a, t]), n = U(
     (l) => {
       if (r(l), o) {
         const u = l.toLowerCase().trim();
         if (!u)
           o(l, e);
         else {
-          const d = (h) => h.reduce((p, y) => {
-            if (!y.showInSidebar)
+          const d = (h) => h.reduce((p, b) => {
+            if (!b.showInSidebar)
               return p;
-            const w = y.label.toLowerCase().includes(u), m = y.links ? d(y.links) : [];
-            return (w || m.length > 0) && p.push({
-              ...y,
-              links: m.length > 0 ? m : y.links,
+            const k = b.label.toLowerCase().includes(u), y = b.links ? d(b.links) : [];
+            return (k || y.length > 0) && p.push({
+              ...b,
+              links: y.length > 0 ? y : b.links,
               initiallyOpened: !0
             }), p;
           }, []);
@@ -1211,7 +1211,7 @@ function io({
       }
     },
     [e, o]
-  ), c = H(() => {
+  ), c = U(() => {
     n("");
   }, [n]);
   return {
@@ -1241,10 +1241,10 @@ function de({
       });
     };
     return l(e), c;
-  }, [e]), a = H(
+  }, [e]), a = U(
     (c) => !!c.shortcut,
     []
-  ), i = H(
+  ), i = U(
     (c) => c.shortcut,
     []
   ), n = uA(() => {
@@ -1278,19 +1278,19 @@ function MA({
   hoverColor: n,
   itemHeight: c = 40
 }) {
-  const l = fA(), { colorScheme: u } = oA(), d = e, [h, p] = pA(!1), y = a || "var(--mantine-color-text)", w = i || l.colors[l.primaryColor][6], m = n || l.colors[l.primaryColor][6], f = n ? `color-mix(in srgb, ${n} 80%, black)` : l.colors[l.primaryColor][8], g = h ? r ? f : m : r ? m : "transparent", S = h || r ? l.white : y, v = h || r ? l.white : w, C = typeof e.disabled == "function" ? e.disabled() : e.disabled;
-  if (C && e.hideDisabledItem || !e.showInSidebar)
+  const l = pA(), { colorScheme: u } = sA(), d = e, [h, p] = fA(!1), b = a || "var(--mantine-color-text)", k = i || l.colors[l.primaryColor][6], y = n || l.colors[l.primaryColor][6], f = n ? `color-mix(in srgb, ${n} 80%, black)` : l.colors[l.primaryColor][8], g = h ? r ? f : y : r ? y : "transparent", w = h || r ? l.white : b, v = h || r ? l.white : k, m = typeof e.disabled == "function" ? e.disabled() : e.disabled;
+  if (m && e.hideDisabledItem || !e.showInSidebar)
     return null;
-  const P = H(() => {
-    !C && t && t(e);
-  }, [C, t, e]), $ = wA.t(e.label), j = () => d.badge ? /* @__PURE__ */ A(re, { size: "xs", color: d.badgeColor || "blue", variant: "filled", children: d.badge }) : null, W = () => d.shortcut ? /* @__PURE__ */ A(ve, { size: "xs", style: { marginLeft: "auto" }, children: d.shortcut }) : null;
+  const M = U(() => {
+    !m && t && t(e);
+  }, [m, t, e]), $ = wA.t(e.label), V = () => d.badge ? /* @__PURE__ */ A(re, { size: "xs", color: d.badgeColor || "blue", variant: "filled", children: d.badge }) : null, rA = () => d.shortcut ? /* @__PURE__ */ A(ve, { size: "xs", style: { marginLeft: "auto" }, children: d.shortcut }) : null;
   if (e.links && e.links.length > 0) {
-    const D = e.links.filter((O) => {
-      const B = typeof O.disabled == "function" ? O.disabled() : O.disabled;
-      return O.showInSidebar && (!B || !O.hideDisabledItem);
+    const z = e.links.filter((O) => {
+      const G = typeof O.disabled == "function" ? O.disabled() : O.disabled;
+      return O.showInSidebar && (!G || !O.hideDisabledItem);
     });
-    return D.length === 0 && C && e.hideDisabledItem ? null : s ? /* @__PURE__ */ I(
-      AA,
+    return z.length === 0 && m && e.hideDisabledItem ? null : s ? /* @__PURE__ */ E(
+      nA,
       {
         position: "right-start",
         withArrow: !0,
@@ -1299,8 +1299,8 @@ function MA({
         openDelay: 100,
         closeDelay: 200,
         children: [
-          /* @__PURE__ */ A(AA.Target, { children: /* @__PURE__ */ A(VA, { style: { width: "100%", padding: "2px 0" }, children: /* @__PURE__ */ A(SA, { label: $, position: "right", withArrow: !0, children: /* @__PURE__ */ I(
-            K,
+          /* @__PURE__ */ A(nA.Target, { children: /* @__PURE__ */ A(VA, { style: { width: "100%", padding: "2px 0" }, children: /* @__PURE__ */ A(SA, { label: $, position: "right", withArrow: !0, children: /* @__PURE__ */ E(
+            j,
             {
               gap: 1,
               align: "center",
@@ -1309,10 +1309,10 @@ function MA({
               },
               children: [
                 /* @__PURE__ */ A(
-                  G,
+                  N,
                   {
                     style: {
-                      color: w,
+                      color: k,
                       display: "flex",
                       alignItems: "center",
                       justifyContent: "center"
@@ -1321,12 +1321,12 @@ function MA({
                   }
                 ),
                 /* @__PURE__ */ A(
-                  CA,
+                  kA,
                   {
                     size: "8px",
                     ta: "center",
                     style: {
-                      color: w,
+                      color: k,
                       lineHeight: 1,
                       maxWidth: 56,
                       overflow: "hidden",
@@ -1339,19 +1339,19 @@ function MA({
               ]
             }
           ) }) }) }),
-          /* @__PURE__ */ I(AA.Dropdown, { children: [
-            /* @__PURE__ */ A(AA.Label, { children: $ }),
-            D.map((O, B) => {
+          /* @__PURE__ */ E(nA.Dropdown, { children: [
+            /* @__PURE__ */ A(nA.Label, { children: $ }),
+            z.map((O, G) => {
               const Q = typeof O.disabled == "function" ? O.disabled() : O.disabled;
               return /* @__PURE__ */ A(
-                AA.Item,
+                nA.Item,
                 {
                   leftSection: O.icon,
                   disabled: Q,
                   onClick: () => t?.(O),
                   children: wA.t(O.label)
                 },
-                B
+                G
               );
             })
           ] })
@@ -1361,9 +1361,9 @@ function MA({
       be,
       {
         label: $,
-        leftSection: /* @__PURE__ */ A(G, { style: { color: v }, children: e.icon }),
-        rightSection: /* @__PURE__ */ I(G, { style: { display: "flex", alignItems: "center", gap: 4, color: S }, children: [
-          j(),
+        leftSection: /* @__PURE__ */ A(N, { style: { color: v }, children: e.icon }),
+        rightSection: /* @__PURE__ */ E(N, { style: { display: "flex", alignItems: "center", gap: 4, color: w }, children: [
+          V(),
           /* @__PURE__ */ A(
             oe,
             {
@@ -1376,7 +1376,7 @@ function MA({
         ] }),
         childrenOffset: 28,
         defaultOpened: e.initiallyOpened || r,
-        disabled: C,
+        disabled: m,
         onMouseEnter: () => p(!0),
         onMouseLeave: () => p(!1),
         style: {
@@ -1389,13 +1389,13 @@ function MA({
             borderRadius: 0
           },
           label: {
-            color: S
+            color: w
           },
           children: {
             paddingLeft: 0
           }
         },
-        children: D.map((O, B) => /* @__PURE__ */ A(
+        children: z.map((O, G) => /* @__PURE__ */ A(
           MA,
           {
             item: O,
@@ -1408,7 +1408,7 @@ function MA({
             hoverColor: n,
             itemHeight: c
           },
-          B
+          G
         ))
       }
     );
@@ -1424,28 +1424,28 @@ function MA({
         {
           style: {
             width: "100%",
-            cursor: C ? "not-allowed" : "pointer",
-            opacity: C ? 0.5 : 1,
-            backgroundColor: r ? m : "transparent",
+            cursor: m ? "not-allowed" : "pointer",
+            opacity: m ? 0.5 : 1,
+            backgroundColor: r ? y : "transparent",
             transition: "background-color 150ms ease",
             padding: "2px 0"
           },
-          onClick: P,
-          onMouseEnter: (D) => {
-            C || (D.currentTarget.style.backgroundColor = r ? f : m);
+          onClick: M,
+          onMouseEnter: (z) => {
+            m || (z.currentTarget.style.backgroundColor = r ? f : y);
           },
-          onMouseLeave: (D) => {
-            D.currentTarget.style.backgroundColor = r ? m : "transparent";
+          onMouseLeave: (z) => {
+            z.currentTarget.style.backgroundColor = r ? y : "transparent";
           },
-          children: /* @__PURE__ */ I(K, { gap: 1, align: "center", children: [
-            /* @__PURE__ */ A(G, { style: { color: r ? l.white : w }, children: e.icon }),
+          children: /* @__PURE__ */ E(j, { gap: 1, align: "center", children: [
+            /* @__PURE__ */ A(N, { style: { color: r ? l.white : k }, children: e.icon }),
             /* @__PURE__ */ A(
-              CA,
+              kA,
               {
                 size: "8px",
                 ta: "center",
                 style: {
-                  color: r ? l.white : w,
+                  color: r ? l.white : k,
                   lineHeight: 1,
                   maxWidth: 56,
                   overflow: "hidden",
@@ -1463,14 +1463,14 @@ function MA({
     be,
     {
       label: $,
-      leftSection: /* @__PURE__ */ A(G, { style: { color: v }, children: e.icon }),
-      rightSection: /* @__PURE__ */ I(G, { style: { display: "flex", alignItems: "center", gap: 4, color: S }, children: [
-        j(),
-        W()
+      leftSection: /* @__PURE__ */ A(N, { style: { color: v }, children: e.icon }),
+      rightSection: /* @__PURE__ */ E(N, { style: { display: "flex", alignItems: "center", gap: 4, color: w }, children: [
+        V(),
+        rA()
       ] }),
       active: r,
-      disabled: C,
-      onClick: P,
+      disabled: m,
+      onClick: M,
       onMouseEnter: () => p(!0),
       onMouseLeave: () => p(!1),
       style: {
@@ -1484,7 +1484,7 @@ function MA({
           borderRadius: 0
         },
         label: {
-          color: S
+          color: w
         }
       }
     }
@@ -1499,10 +1499,10 @@ function co({
   onExpandedChange: a,
   groupId: i
 }) {
-  const n = fA(), { colorScheme: c } = oA(), [l, u] = pA(r), d = t !== void 0, h = d ? t : l, p = H(() => {
+  const n = pA(), { colorScheme: c } = sA(), [l, u] = fA(r), d = t !== void 0, h = d ? t : l, p = U(() => {
     d ? a?.(!h) : u((g) => !g);
-  }, [d, h, a]), y = c === "dark" ? n.colors.dark[6] : n.colors.gray[1], w = c === "dark" ? n.colors.dark[5] : n.colors.gray[2], m = c === "dark" ? n.colors.gray[4] : n.colors.gray[7], f = c === "dark" ? n.colors[n.primaryColor][4] : n.colors[n.primaryColor][6];
-  return /* @__PURE__ */ I(G, { children: [
+  }, [d, h, a]), b = c === "dark" ? n.colors.dark[6] : n.colors.gray[1], k = c === "dark" ? n.colors.dark[5] : n.colors.gray[2], y = c === "dark" ? n.colors.gray[4] : n.colors.gray[7], f = c === "dark" ? n.colors[n.primaryColor][4] : n.colors[n.primaryColor][6];
+  return /* @__PURE__ */ E(N, { children: [
     /* @__PURE__ */ A(
       ZA,
       {
@@ -1511,26 +1511,26 @@ function co({
         p: "xs",
         style: {
           borderRadius: n.radius.sm,
-          backgroundColor: y,
+          backgroundColor: b,
           transition: "background-color 150ms ease"
         },
         styles: {
           root: {
             "&:hover": {
-              backgroundColor: w
+              backgroundColor: k
             }
           }
         },
-        children: /* @__PURE__ */ I(xA, { justify: "space-between", wrap: "nowrap", children: [
-          /* @__PURE__ */ I(xA, { gap: "xs", wrap: "nowrap", children: [
-            o && /* @__PURE__ */ A(G, { style: { color: f }, children: o }),
-            /* @__PURE__ */ A(CA, { size: "sm", fw: 600, c: m, children: wA.t(e) })
+        children: /* @__PURE__ */ E(xA, { justify: "space-between", wrap: "nowrap", children: [
+          /* @__PURE__ */ E(xA, { gap: "xs", wrap: "nowrap", children: [
+            o && /* @__PURE__ */ A(N, { style: { color: f }, children: o }),
+            /* @__PURE__ */ A(kA, { size: "sm", fw: 600, c: y, children: wA.t(e) })
           ] }),
           /* @__PURE__ */ A(
             or,
             {
               size: 16,
-              color: m,
+              color: y,
               style: {
                 transform: h ? "rotate(180deg)" : "rotate(0deg)",
                 transition: "transform 200ms ease"
@@ -1540,17 +1540,17 @@ function co({
         ] })
       }
     ),
-    /* @__PURE__ */ A(Ze, { in: h, children: /* @__PURE__ */ A(G, { mt: 4, children: s }) })
+    /* @__PURE__ */ A(Ze, { in: h, children: /* @__PURE__ */ A(N, { mt: 4, children: s }) })
   ] });
 }
-function pn({
+function fn({
   label: e,
   children: o
 }) {
-  const s = fA(), { colorScheme: r } = oA(), t = r === "dark" ? s.colors.gray[5] : s.colors.gray[6];
-  return /* @__PURE__ */ I(G, { children: [
+  const s = pA(), { colorScheme: r } = sA(), t = r === "dark" ? s.colors.gray[5] : s.colors.gray[6];
+  return /* @__PURE__ */ E(N, { children: [
     /* @__PURE__ */ A(
-      CA,
+      kA,
       {
         size: "xs",
         fw: 700,
@@ -1573,8 +1573,8 @@ function uo({
   activeColor: t,
   inactiveColor: a
 }) {
-  const i = fA(), { colorScheme: n } = oA(), c = n === "dark" ? i.colors[i.primaryColor][8] : i.colors[i.primaryColor][0], l = n === "dark" ? i.colors[i.primaryColor][6] : i.colors[i.primaryColor][7], u = i.colors[i.primaryColor][2], p = /* @__PURE__ */ I(
-    K,
+  const i = pA(), { colorScheme: n } = sA(), c = n === "dark" ? i.colors[i.primaryColor][8] : i.colors[i.primaryColor][0], l = n === "dark" ? i.colors[i.primaryColor][6] : i.colors[i.primaryColor][7], u = i.colors[i.primaryColor][2], p = /* @__PURE__ */ E(
+    j,
     {
       gap: 2,
       align: "center",
@@ -1595,7 +1595,7 @@ function uo({
           }
         ),
         r && /* @__PURE__ */ A(
-          CA,
+          kA,
           {
             size: "xs",
             c: u,
@@ -1613,19 +1613,19 @@ function uo({
   );
   return r ? p : /* @__PURE__ */ A(SA, { label: e.hint || e.label, position: "right", withArrow: !0, children: p });
 }
-function fn({
+function pn({
   placeholder: e = "Buscar...",
   value: o,
   onChange: s,
   onClear: r,
   collapsed: t = !1
 }) {
-  const a = fA(), { colorScheme: i } = oA(), n = H(
+  const a = pA(), { colorScheme: i } = sA(), n = U(
     (u) => {
       s?.(u.currentTarget.value);
     },
     [s]
-  ), c = H(() => {
+  ), c = U(() => {
     s?.(""), r?.();
   }, [s, r]), l = o && o.length > 0;
   return t ? /* @__PURE__ */ A(
@@ -1669,7 +1669,7 @@ function gn({
   onClick: r,
   collapsed: t = !1
 }) {
-  const a = fA(), { colorScheme: i } = oA(), n = i === "dark" ? a.colors.dark[5] : a.colors.gray[1], c = () => {
+  const a = pA(), { colorScheme: i } = sA(), n = i === "dark" ? a.colors.dark[5] : a.colors.gray[1], c = () => {
     if (typeof s == "string")
       return /* @__PURE__ */ A(WA, { src: s, radius: "xl", size: t ? "sm" : "md" });
     if (s)
@@ -1715,11 +1715,11 @@ function gn({
           }
         }
       },
-      children: /* @__PURE__ */ I(xA, { wrap: "nowrap", children: [
+      children: /* @__PURE__ */ E(xA, { wrap: "nowrap", children: [
         c(),
-        /* @__PURE__ */ I(G, { style: { flex: 1, overflow: "hidden" }, children: [
+        /* @__PURE__ */ E(N, { style: { flex: 1, overflow: "hidden" }, children: [
           e && /* @__PURE__ */ A(
-            CA,
+            kA,
             {
               size: "sm",
               fw: 500,
@@ -1732,7 +1732,7 @@ function gn({
             }
           ),
           o && /* @__PURE__ */ A(
-            CA,
+            kA,
             {
               size: "xs",
               c: "dimmed",
@@ -1790,12 +1790,12 @@ function ue({
   showGroups: t = !0,
   groupCount: a = 2
 }) {
-  const i = fA(), { colorScheme: n } = oA(), c = s || (n === "dark" ? i.colors.dark[7] : i.white);
+  const i = pA(), { colorScheme: n } = sA(), c = s || (n === "dark" ? i.colors.dark[7] : i.white);
   if (o)
-    return /* @__PURE__ */ A(K, { gap: "sm", p: "xs", style: { backgroundColor: c }, children: Array.from({ length: e }).map((d, h) => /* @__PURE__ */ A(cA, { circle: !0, height: 32, width: 32 }, h)) });
-  const l = (d, h = !1) => Array.from({ length: d }).map((p, y) => {
-    const w = 60 + Math.random() * 30;
-    return /* @__PURE__ */ I(
+    return /* @__PURE__ */ A(j, { gap: "sm", p: "xs", style: { backgroundColor: c }, children: Array.from({ length: e }).map((d, h) => /* @__PURE__ */ A(dA, { circle: !0, height: 32, width: 32 }, h)) });
+  const l = (d, h = !1) => Array.from({ length: d }).map((p, b) => {
+    const k = 60 + Math.random() * 30;
+    return /* @__PURE__ */ E(
       xA,
       {
         gap: "sm",
@@ -1805,22 +1805,22 @@ function ue({
           height: r
         },
         children: [
-          /* @__PURE__ */ A(cA, { circle: !0, height: 24, width: 24 }),
-          /* @__PURE__ */ A(cA, { height: 14, width: `${w}%`, radius: "sm" })
+          /* @__PURE__ */ A(dA, { circle: !0, height: 24, width: 24 }),
+          /* @__PURE__ */ A(dA, { height: 14, width: `${k}%`, radius: "sm" })
         ]
       },
-      y
+      b
     );
   });
   if (!t)
-    return /* @__PURE__ */ A(K, { gap: 2, p: "xs", style: { backgroundColor: c }, children: l(e) });
+    return /* @__PURE__ */ A(j, { gap: 2, p: "xs", style: { backgroundColor: c }, children: l(e) });
   const u = Math.ceil(e / a);
-  return /* @__PURE__ */ A(K, { gap: "md", p: "xs", style: { backgroundColor: c }, children: Array.from({ length: a }).map((d, h) => /* @__PURE__ */ I(G, { children: [
-    /* @__PURE__ */ I(xA, { gap: "sm", p: "xs", children: [
-      /* @__PURE__ */ A(cA, { circle: !0, height: 20, width: 20 }),
-      /* @__PURE__ */ A(cA, { height: 12, width: 80 + Math.random() * 40, radius: "sm" })
+  return /* @__PURE__ */ A(j, { gap: "md", p: "xs", style: { backgroundColor: c }, children: Array.from({ length: a }).map((d, h) => /* @__PURE__ */ E(N, { children: [
+    /* @__PURE__ */ E(xA, { gap: "sm", p: "xs", children: [
+      /* @__PURE__ */ A(dA, { circle: !0, height: 20, width: 20 }),
+      /* @__PURE__ */ A(dA, { height: 12, width: 80 + Math.random() * 40, radius: "sm" })
     ] }),
-    /* @__PURE__ */ A(K, { gap: 2, mt: 4, children: l(
+    /* @__PURE__ */ A(j, { gap: 2, mt: 4, children: l(
       h === a - 1 ? e - h * u : u,
       !0
     ) })
@@ -1831,9 +1831,9 @@ function ho({
   width: o = 80,
   backgroundColor: s
 }) {
-  const r = fA(), { colorScheme: t } = oA(), a = s || (t === "dark" ? r.colors[r.primaryColor][8] : r.colors[r.primaryColor][6]);
+  const r = pA(), { colorScheme: t } = sA(), a = s || (t === "dark" ? r.colors[r.primaryColor][8] : r.colors[r.primaryColor][6]);
   return /* @__PURE__ */ A(
-    K,
+    j,
     {
       gap: "sm",
       p: "xs",
@@ -1843,32 +1843,32 @@ function ho({
         backgroundColor: a,
         height: "100%"
       },
-      children: Array.from({ length: e }).map((i, n) => /* @__PURE__ */ I(K, { gap: 4, align: "center", children: [
-        /* @__PURE__ */ A(cA, { circle: !0, height: 48, width: 48 }),
-        /* @__PURE__ */ A(cA, { height: 10, width: 40, radius: "sm" })
+      children: Array.from({ length: e }).map((i, n) => /* @__PURE__ */ E(j, { gap: 4, align: "center", children: [
+        /* @__PURE__ */ A(dA, { circle: !0, height: 48, width: 48 }),
+        /* @__PURE__ */ A(dA, { height: 10, width: 40, radius: "sm" })
       ] }, n))
     }
   );
 }
-function Cn({
+function kn({
   collapsed: e = !1
 }) {
-  return e ? /* @__PURE__ */ A(G, { p: "xs", style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ A(cA, { circle: !0, height: 32, width: 32 }) }) : /* @__PURE__ */ I(xA, { gap: "sm", p: "md", children: [
-    /* @__PURE__ */ A(cA, { circle: !0, height: 40, width: 40 }),
-    /* @__PURE__ */ I(K, { gap: 4, style: { flex: 1 }, children: [
-      /* @__PURE__ */ A(cA, { height: 14, width: "70%", radius: "sm" }),
-      /* @__PURE__ */ A(cA, { height: 10, width: "50%", radius: "sm" })
+  return e ? /* @__PURE__ */ A(N, { p: "xs", style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ A(dA, { circle: !0, height: 32, width: 32 }) }) : /* @__PURE__ */ E(xA, { gap: "sm", p: "md", children: [
+    /* @__PURE__ */ A(dA, { circle: !0, height: 40, width: 40 }),
+    /* @__PURE__ */ E(j, { gap: 4, style: { flex: 1 }, children: [
+      /* @__PURE__ */ A(dA, { height: 14, width: "70%", radius: "sm" }),
+      /* @__PURE__ */ A(dA, { height: 10, width: "50%", radius: "sm" })
     ] })
   ] });
 }
-function kn({
+function Cn({
   collapsed: e = !1
 }) {
-  return e ? /* @__PURE__ */ A(G, { p: "xs", style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ A(cA, { circle: !0, height: 36, width: 36 }) }) : /* @__PURE__ */ I(xA, { gap: "sm", p: "sm", children: [
-    /* @__PURE__ */ A(cA, { circle: !0, height: 36, width: 36 }),
-    /* @__PURE__ */ I(K, { gap: 4, style: { flex: 1 }, children: [
-      /* @__PURE__ */ A(cA, { height: 12, width: "60%", radius: "sm" }),
-      /* @__PURE__ */ A(cA, { height: 10, width: "80%", radius: "sm" })
+  return e ? /* @__PURE__ */ A(N, { p: "xs", style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ A(dA, { circle: !0, height: 36, width: 36 }) }) : /* @__PURE__ */ E(xA, { gap: "sm", p: "sm", children: [
+    /* @__PURE__ */ A(dA, { circle: !0, height: 36, width: 36 }),
+    /* @__PURE__ */ E(j, { gap: 4, style: { flex: 1 }, children: [
+      /* @__PURE__ */ A(dA, { height: 12, width: "60%", radius: "sm" }),
+      /* @__PURE__ */ A(dA, { height: 10, width: "80%", radius: "sm" })
     ] })
   ] });
 }
@@ -1876,9 +1876,9 @@ function he({
   message: e,
   backgroundColor: o
 }) {
-  const s = fA(), { colorScheme: r } = oA(), t = o || (r === "dark" ? s.colors.dark[7] : s.white), a = r === "dark" ? s.colors.red[4] : s.colors.red[6];
+  const s = pA(), { colorScheme: r } = sA(), t = o || (r === "dark" ? s.colors.dark[7] : s.white), a = r === "dark" ? s.colors.red[4] : s.colors.red[6];
   return /* @__PURE__ */ A(
-    G,
+    N,
     {
       p: "md",
       style: {
@@ -1889,7 +1889,7 @@ function he({
         height: "100%"
       },
       children: /* @__PURE__ */ A(
-        G,
+        N,
         {
           p: "md",
           style: {
@@ -1905,7 +1905,7 @@ function he({
     }
   );
 }
-function po({
+function fo({
   navigationData: e,
   width: o = 280,
   collapsedWidth: s = 60,
@@ -1920,123 +1920,123 @@ function po({
   loadingError: d,
   loadingComponent: h,
   errorComponent: p,
-  skeletonItemCount: y = 8,
-  backgroundDarkColor: w,
-  backgroundLightColor: m,
+  skeletonItemCount: b = 8,
+  backgroundDarkColor: k,
+  backgroundLightColor: y,
   textDarkColor: f,
   textLightColor: g,
-  iconDarkColor: S,
+  iconDarkColor: w,
   iconLightColor: v,
-  activeColor: C,
-  withBorder: P = !0,
+  activeColor: m,
+  withBorder: M = !0,
   withShadow: $ = !1,
-  highlightActiveItem: j = !0,
-  onMenuItemClick: W
+  highlightActiveItem: V = !0,
+  onMenuItemClick: rA
 }) {
-  const D = fA(), { colorScheme: O } = oA(), { collapsed: B, toggleCollapsed: Q } = ie(), T = O === "dark" ? w ?? D.colors.dark[7] : m ?? D.white, x = O === "dark" ? f ?? D.colors.gray[3] : g ?? D.colors.gray[7], E = O === "dark" ? S ?? D.colors[D.primaryColor][4] : v ?? D.colors[D.primaryColor][6], V = C ? D.colors[C]?.[6] ?? D.colors[D.primaryColor][6] : D.colors[D.primaryColor][6], {
-    query: F,
-    setQuery: k,
-    filteredItems: b,
-    isSearching: L,
-    clearSearch: M
+  const z = pA(), { colorScheme: O } = sA(), { collapsed: G, toggleCollapsed: Q } = ie(), D = O === "dark" ? k ?? z.colors.dark[7] : y ?? z.white, I = O === "dark" ? f ?? z.colors.gray[3] : g ?? z.colors.gray[7], T = O === "dark" ? w ?? z.colors[z.primaryColor][4] : v ?? z.colors[z.primaryColor][6], Y = m ? z.colors[m]?.[6] ?? z.colors[z.primaryColor][6] : z.colors[z.primaryColor][6], {
+    query: B,
+    setQuery: X,
+    filteredItems: W,
+    isSearching: x,
+    clearSearch: C
   } = io({
     navigationData: e,
     onSearch: i
-  }), { navigateToItem: N, isItemActive: R, isItemOrChildActive: z } = ce({
+  }), { navigateToItem: R, isItemActive: S, isItemOrChildActive: L } = ce({
     navigationData: e,
-    onMenuItemClick: W
+    onMenuItemClick: rA
   });
   de({
     navigationData: e,
-    navigateToItem: N,
+    navigateToItem: R,
     onToggleSidebar: Q,
     enabled: !0
   });
-  const dA = B ? s : o, U = uA(() => {
-    const eA = /* @__PURE__ */ new Map(), nA = [];
-    return b.forEach((Y) => {
-      if (!(!Y.showInSidebar || (typeof Y.disabled == "function" ? Y.disabled() : Y.disabled) && Y.hideDisabledItem))
-        if (Y.category) {
-          const kA = eA.get(Y.category) || [];
-          kA.push(Y), eA.set(Y.category, kA);
+  const P = G ? s : o, H = uA(() => {
+    const J = /* @__PURE__ */ new Map(), oA = [];
+    return W.forEach((K) => {
+      if (!(!K.showInSidebar || (typeof K.disabled == "function" ? K.disabled() : K.disabled) && K.hideDisabledItem))
+        if (K.category) {
+          const CA = J.get(K.category) || [];
+          CA.push(K), J.set(K.category, CA);
         } else
-          nA.push(Y);
-    }), { groups: eA, ungrouped: nA };
-  }, [b]), lA = () => {
+          oA.push(K);
+    }), { groups: J, ungrouped: oA };
+  }, [W]), F = () => {
     if (d)
-      return p || /* @__PURE__ */ A(he, { message: d, backgroundColor: T });
+      return p || /* @__PURE__ */ A(he, { message: d, backgroundColor: D });
     if (u)
       return h || /* @__PURE__ */ A(
         ue,
         {
-          itemCount: y,
-          collapsed: B,
-          backgroundColor: T,
-          showGroups: !B
+          itemCount: b,
+          collapsed: G,
+          backgroundColor: D,
+          showGroups: !G
         }
       );
-    const eA = () => U.ungrouped.map((Y, rA) => /* @__PURE__ */ A(
+    const J = () => H.ungrouped.map((K, tA) => /* @__PURE__ */ A(
       MA,
       {
-        item: Y,
-        collapsed: B,
-        active: j && R(Y),
-        onClick: N,
-        textColor: x,
-        iconColor: E,
-        hoverColor: V
+        item: K,
+        collapsed: G,
+        active: V && S(K),
+        onClick: R,
+        textColor: I,
+        iconColor: T,
+        hoverColor: Y
       },
-      `item-${rA}`
-    )), nA = () => Array.from(U.groups.entries()).map(([rA, kA], yA) => /* @__PURE__ */ A(
+      `item-${tA}`
+    )), oA = () => Array.from(H.groups.entries()).map(([tA, CA], yA) => /* @__PURE__ */ A(
       co,
       {
-        label: rA,
+        label: tA,
         groupId: `group-${yA}`,
         defaultExpanded: !0,
-        children: kA.map((EA, q) => /* @__PURE__ */ A(
+        children: CA.map((EA, q) => /* @__PURE__ */ A(
           MA,
           {
             item: EA,
-            collapsed: B,
-            active: j && R(EA),
-            onClick: N,
-            textColor: x,
-            iconColor: E
+            collapsed: G,
+            active: V && S(EA),
+            onClick: R,
+            textColor: I,
+            iconColor: T
           },
           `group-${yA}-item-${q}`
         ))
       },
       `group-${yA}`
     ));
-    return B ? /* @__PURE__ */ I(K, { gap: 4, children: [
-      U.ungrouped.map((Y, rA) => /* @__PURE__ */ A(
+    return G ? /* @__PURE__ */ E(j, { gap: 4, children: [
+      H.ungrouped.map((K, tA) => /* @__PURE__ */ A(
         MA,
         {
-          item: Y,
+          item: K,
           collapsed: !0,
-          active: j && R(Y),
-          onClick: N,
-          textColor: x,
-          iconColor: E
+          active: V && S(K),
+          onClick: R,
+          textColor: I,
+          iconColor: T
         },
-        `item-${rA}`
+        `item-${tA}`
       )),
-      Array.from(U.groups.values()).flat().map((Y, rA) => /* @__PURE__ */ A(
+      Array.from(H.groups.values()).flat().map((K, tA) => /* @__PURE__ */ A(
         MA,
         {
-          item: Y,
+          item: K,
           collapsed: !0,
-          active: j && R(Y),
-          onClick: N,
-          textColor: x,
-          iconColor: E
+          active: V && S(K),
+          onClick: R,
+          textColor: I,
+          iconColor: T
         },
-        `grouped-item-${rA}`
+        `grouped-item-${tA}`
       ))
-    ] }) : /* @__PURE__ */ I(K, { gap: "xs", children: [
-      U.ungrouped.length > 0 && /* @__PURE__ */ A(K, { gap: 2, children: eA() }),
-      U.groups.size > 0 && U.ungrouped.length > 0 && /* @__PURE__ */ A(_A, { my: "xs" }),
-      nA()
+    ] }) : /* @__PURE__ */ E(j, { gap: "xs", children: [
+      H.ungrouped.length > 0 && /* @__PURE__ */ A(j, { gap: 2, children: J() }),
+      H.groups.size > 0 && H.ungrouped.length > 0 && /* @__PURE__ */ A(_A, { my: "xs" }),
+      oA()
     ] });
   };
   return /* @__PURE__ */ A(
@@ -2046,39 +2046,39 @@ function po({
       transition: "slide-right",
       duration: 200,
       timingFunction: "ease",
-      children: (eA) => /* @__PURE__ */ I(
-        G,
+      children: (J) => /* @__PURE__ */ E(
+        N,
         {
           style: {
-            ...eA,
-            width: aA(dA),
-            height: typeof r == "number" ? aA(r) : r,
-            minHeight: typeof r == "number" ? aA(r) : r,
-            backgroundColor: T,
+            ...J,
+            width: cA(P),
+            height: typeof r == "number" ? cA(r) : r,
+            minHeight: typeof r == "number" ? cA(r) : r,
+            backgroundColor: D,
             display: "flex",
             flexDirection: "column",
             overflow: "hidden",
             transition: "width 200ms ease",
-            borderRight: P ? `1px solid ${O === "dark" ? D.colors.dark[5] : D.colors.gray[2]}` : void 0,
-            boxShadow: $ ? D.shadows.sm : void 0
+            borderRight: M ? `1px solid ${O === "dark" ? z.colors.dark[5] : z.colors.gray[2]}` : void 0,
+            boxShadow: $ ? z.shadows.sm : void 0
           },
           children: [
-            n && /* @__PURE__ */ A(G, { style: { flexShrink: 0 }, children: n }),
-            t && !B && /* @__PURE__ */ A(G, { p: "sm", style: { flexShrink: 0 }, children: /* @__PURE__ */ A(
+            n && /* @__PURE__ */ A(N, { style: { flexShrink: 0 }, children: n }),
+            t && !G && /* @__PURE__ */ A(N, { p: "sm", style: { flexShrink: 0 }, children: /* @__PURE__ */ A(
               xe,
               {
                 placeholder: a,
                 leftSection: /* @__PURE__ */ A(YA, { size: 16 }),
-                rightSection: L ? /* @__PURE__ */ A(
+                rightSection: x ? /* @__PURE__ */ A(
                   Le,
                   {
                     size: 16,
                     style: { cursor: "pointer" },
-                    onClick: M
+                    onClick: C
                   }
                 ) : null,
-                value: F,
-                onChange: (nA) => k(nA.currentTarget.value),
+                value: B,
+                onChange: (oA) => X(oA.currentTarget.value),
                 size: "sm"
               }
             ) }),
@@ -2089,17 +2089,17 @@ function po({
                 scrollbarSize: 6,
                 type: "hover",
                 offsetScrollbars: !0,
-                children: /* @__PURE__ */ A(G, { p: "xs", children: lA() })
+                children: /* @__PURE__ */ A(N, { p: "xs", children: F() })
               }
             ),
             c && /* @__PURE__ */ A(
-              G,
+              N,
               {
                 style: {
                   flexShrink: 0,
                   height: l,
-                  backgroundColor: T,
-                  borderTop: P ? `1px solid ${O === "dark" ? D.colors.dark[5] : D.colors.gray[2]}` : void 0
+                  backgroundColor: D,
+                  borderTop: M ? `1px solid ${O === "dark" ? z.colors.dark[5] : z.colors.gray[2]}` : void 0
                 },
                 children: c
               }
@@ -2110,7 +2110,7 @@ function po({
     }
   );
 }
-function fo(e) {
+function po(e) {
   const {
     navigationData: o,
     collapsed: s,
@@ -2131,7 +2131,7 @@ function fo(e) {
       showKeyboardShortcuts: a,
       highlightActiveItem: i,
       onMenuItemClick: n,
-      children: /* @__PURE__ */ A(po, { ...e })
+      children: /* @__PURE__ */ A(fo, { ...e })
     }
   );
 }
@@ -2142,8 +2142,8 @@ function go({
   iconColor: r,
   activeColor: t
 }) {
-  fA();
-  const { colorScheme: a } = oA(), i = typeof e.disabled == "function" ? e.disabled() : e.disabled;
+  pA();
+  const { colorScheme: a } = sA(), i = typeof e.disabled == "function" ? e.disabled() : e.disabled;
   if (i && e.hideDisabledItem || !e.showInSidebar)
     return null;
   const n = wA.t(e.label);
@@ -2152,8 +2152,8 @@ function go({
       const u = typeof l.disabled == "function" ? l.disabled() : l.disabled;
       return l.showInSidebar && (!u || !l.hideDisabledItem);
     });
-    return c.length === 0 ? null : /* @__PURE__ */ I(
-      AA,
+    return c.length === 0 ? null : /* @__PURE__ */ E(
+      nA,
       {
         position: "right-start",
         withArrow: !0,
@@ -2162,7 +2162,7 @@ function go({
         openDelay: 100,
         closeDelay: 200,
         children: [
-          /* @__PURE__ */ A(AA.Target, { children: /* @__PURE__ */ A(SA, { label: n, position: "right", withArrow: !0, children: /* @__PURE__ */ I(K, { gap: 1, align: "center", style: { cursor: "pointer" }, children: [
+          /* @__PURE__ */ A(nA.Target, { children: /* @__PURE__ */ A(SA, { label: n, position: "right", withArrow: !0, children: /* @__PURE__ */ E(j, { gap: 1, align: "center", style: { cursor: "pointer" }, children: [
             /* @__PURE__ */ A(
               LA,
               {
@@ -2173,11 +2173,11 @@ function go({
                 style: {
                   opacity: i ? 0.5 : 1
                 },
-                children: /* @__PURE__ */ A(G, { style: { color: o ? "white" : r }, children: e.icon })
+                children: /* @__PURE__ */ A(N, { style: { color: o ? "white" : r }, children: e.icon })
               }
             ),
             /* @__PURE__ */ A(
-              CA,
+              kA,
               {
                 size: "8px",
                 ta: "center",
@@ -2193,12 +2193,12 @@ function go({
               }
             )
           ] }) }) }),
-          /* @__PURE__ */ I(AA.Dropdown, { children: [
-            /* @__PURE__ */ A(AA.Label, { children: n }),
+          /* @__PURE__ */ E(nA.Dropdown, { children: [
+            /* @__PURE__ */ A(nA.Label, { children: n }),
             c.map((l, u) => {
               const d = typeof l.disabled == "function" ? l.disabled() : l.disabled;
               return /* @__PURE__ */ A(
-                AA.Item,
+                nA.Item,
                 {
                   leftSection: l.icon,
                   disabled: d,
@@ -2213,7 +2213,7 @@ function go({
       }
     );
   }
-  return /* @__PURE__ */ A(SA, { label: n, position: "right", withArrow: !0, children: /* @__PURE__ */ I(K, { gap: 1, align: "center", style: { cursor: "pointer" }, children: [
+  return /* @__PURE__ */ A(SA, { label: n, position: "right", withArrow: !0, children: /* @__PURE__ */ E(j, { gap: 1, align: "center", style: { cursor: "pointer" }, children: [
     /* @__PURE__ */ A(
       LA,
       {
@@ -2225,11 +2225,11 @@ function go({
         style: {
           opacity: i ? 0.5 : 1
         },
-        children: /* @__PURE__ */ A(G, { style: { color: o ? "white" : r }, children: e.icon })
+        children: /* @__PURE__ */ A(N, { style: { color: o ? "white" : r }, children: e.icon })
       }
     ),
     /* @__PURE__ */ A(
-      CA,
+      kA,
       {
         size: "8px",
         ta: "center",
@@ -2261,57 +2261,57 @@ function bo({
   backgroundDarkColor: d,
   backgroundLightColor: h,
   iconDarkColor: p,
-  iconLightColor: y,
-  activeColor: w,
-  withBorder: m = !0,
+  iconLightColor: b,
+  activeColor: k,
+  withBorder: y = !0,
   withShadow: f = !1,
   highlightActiveItem: g = !0,
-  onMenuItemClick: S
+  onMenuItemClick: w
 }) {
-  const v = fA(), { colorScheme: C } = oA(), { toggleCollapsed: P } = ie(), $ = C === "dark" ? d ?? v.colors.dark[7] : h ?? v.white, j = C === "dark" ? p ?? v.colors[v.primaryColor][4] : y ?? v.colors[v.primaryColor][6], W = w ?? v.primaryColor, { navigateToItem: D, isItemActive: O, isItemOrChildActive: B } = ce({
+  const v = pA(), { colorScheme: m } = sA(), { toggleCollapsed: M } = ie(), $ = m === "dark" ? d ?? v.colors.dark[7] : h ?? v.white, V = m === "dark" ? p ?? v.colors[v.primaryColor][4] : b ?? v.colors[v.primaryColor][6], rA = k ?? v.primaryColor, { navigateToItem: z, isItemActive: O, isItemOrChildActive: G } = ce({
     navigationData: e,
-    onMenuItemClick: S
+    onMenuItemClick: w
   });
   de({
     navigationData: e,
-    navigateToItem: D,
-    onToggleSidebar: P,
+    navigateToItem: z,
+    onToggleSidebar: M,
     enabled: !0
   });
-  const Q = e.filter((E) => !(!E.showInSidebar || (typeof E.disabled == "function" ? E.disabled() : E.disabled) && E.hideDisabledItem)), T = () => n ? l || /* @__PURE__ */ A(he, { message: n, backgroundColor: $ }) : i ? c || /* @__PURE__ */ A(
+  const Q = e.filter((T) => !(!T.showInSidebar || (typeof T.disabled == "function" ? T.disabled() : T.disabled) && T.hideDisabledItem)), D = () => n ? l || /* @__PURE__ */ A(he, { message: n, backgroundColor: $ }) : i ? c || /* @__PURE__ */ A(
     ue,
     {
       itemCount: u,
       collapsed: !0,
       backgroundColor: $
     }
-  ) : /* @__PURE__ */ A(K, { gap: 8, align: "center", children: Q.map((E, V) => /* @__PURE__ */ A(
+  ) : /* @__PURE__ */ A(j, { gap: 8, align: "center", children: Q.map((T, Y) => /* @__PURE__ */ A(
     go,
     {
-      item: E,
-      active: g && (O(E) || B(E)),
-      onClick: D,
-      iconColor: j,
-      activeColor: W
+      item: T,
+      active: g && (O(T) || G(T)),
+      onClick: z,
+      iconColor: V,
+      activeColor: rA
     },
-    V
-  )) }), x = C === "dark" ? v.colors.dark[5] : v.colors.gray[2];
-  return /* @__PURE__ */ I(
-    G,
+    Y
+  )) }), I = m === "dark" ? v.colors.dark[5] : v.colors.gray[2];
+  return /* @__PURE__ */ E(
+    N,
     {
       style: {
-        width: aA(o),
-        height: aA(s),
+        width: cA(o),
+        height: cA(s),
         backgroundColor: $,
         display: "flex",
         flexDirection: "column",
         overflow: "hidden",
         boxShadow: f ? v.shadows.sm : void 0,
-        borderRight: m ? `1px solid ${x}` : void 0
+        borderRight: y ? `1px solid ${I}` : void 0
       },
       children: [
         r && /* @__PURE__ */ A(
-          G,
+          N,
           {
             style: {
               flexShrink: 0,
@@ -2329,13 +2329,13 @@ function bo({
             style: { flex: 1 },
             scrollbarSize: 4,
             type: "hover",
-            children: /* @__PURE__ */ A(G, { p: "xs", children: T() })
+            children: /* @__PURE__ */ A(N, { p: "xs", children: D() })
           }
         ),
-        t && /* @__PURE__ */ I(vA, { children: [
+        t && /* @__PURE__ */ E(vA, { children: [
           /* @__PURE__ */ A(_A, {}),
           /* @__PURE__ */ A(
-            G,
+            N,
             {
               style: {
                 flexShrink: 0,
@@ -2377,7 +2377,7 @@ function mo(e) {
     }
   );
 }
-function Co({
+function ko({
   navigationData: e,
   width: o = 360,
   collapsedWidth: s = 60,
@@ -2392,71 +2392,71 @@ function Co({
   loadingError: d,
   loadingComponent: h,
   errorComponent: p,
-  skeletonItemCount: y = 8,
-  skeletonGroupCount: w = 3,
-  backgroundDarkColor: m,
+  skeletonItemCount: b = 8,
+  skeletonGroupCount: k = 3,
+  backgroundDarkColor: y,
   backgroundLightColor: f,
   textDarkColor: g,
-  textLightColor: S,
+  textLightColor: w,
   iconDarkColor: v,
-  iconLightColor: C,
-  activeColor: P,
+  iconLightColor: m,
+  activeColor: M,
   groupBackgroundColor: $,
-  selectedGroupColor: j,
-  groupColor: W,
-  groupLabelDarkColor: D,
+  selectedGroupColor: V,
+  groupColor: rA,
+  groupLabelDarkColor: z,
   groupLabelLightColor: O,
-  withBorder: B = !1,
+  withBorder: G = !1,
   highlightActiveItem: Q = !0,
-  onMenuItemClick: T
+  onMenuItemClick: D
 }) {
-  const x = fA(), { colorScheme: E } = oA(), {
-    collapsed: V,
-    toggleCollapsed: F,
-    activeGroup: k,
-    setActiveGroup: b
-  } = ie(), L = E === "dark" ? m ?? x.colors.dark[7] : f ?? x.white, M = E === "dark" ? g ?? x.colors.gray[3] : S ?? x.colors.gray[7], N = E === "dark" ? v ?? x.colors[x.primaryColor][4] : C ?? x.colors[x.primaryColor][6], R = P ? x.colors[P]?.[6] ?? x.colors[x.primaryColor][6] : x.colors[x.primaryColor][6], z = $ || (E === "dark" ? x.colors[x.primaryColor][6] : x.colors[x.primaryColor][7]), dA = j || (E === "dark" ? x.colors[x.primaryColor][8] : x.colors[x.primaryColor][0]), { navigateToItem: U, isItemActive: lA } = ce({
+  const I = pA(), { colorScheme: T } = sA(), {
+    collapsed: Y,
+    toggleCollapsed: B,
+    activeGroup: X,
+    setActiveGroup: W
+  } = ie(), x = T === "dark" ? y ?? I.colors.dark[7] : f ?? I.white, C = T === "dark" ? g ?? I.colors.gray[3] : w ?? I.colors.gray[7], R = T === "dark" ? v ?? I.colors[I.primaryColor][4] : m ?? I.colors[I.primaryColor][6], S = M ? I.colors[M]?.[6] ?? I.colors[I.primaryColor][6] : I.colors[I.primaryColor][6], L = $ || (T === "dark" ? I.colors[I.primaryColor][6] : I.colors[I.primaryColor][7]), P = V || (T === "dark" ? I.colors[I.primaryColor][8] : I.colors[I.primaryColor][0]), { navigateToItem: H, isItemActive: F } = ce({
     navigationData: e,
-    onMenuItemClick: T
+    onMenuItemClick: D
   });
   de({
     navigationData: e,
-    navigateToItem: U,
-    onToggleSidebar: F,
+    navigateToItem: H,
+    onToggleSidebar: B,
     enabled: !0
   });
-  const eA = uA(() => {
+  const J = uA(() => {
     const q = /* @__PURE__ */ new Map();
-    return e.forEach((tA) => {
-      if (!tA.showInSidebar || (typeof tA.disabled == "function" ? tA.disabled() : tA.disabled) && tA.hideDisabledItem)
+    return e.forEach((lA) => {
+      if (!lA.showInSidebar || (typeof lA.disabled == "function" ? lA.disabled() : lA.disabled) && lA.hideDisabledItem)
         return;
-      const DA = tA.group ?? {
+      const TA = lA.group ?? {
         icon: a ?? /* @__PURE__ */ A(Re, { size: "2.2rem", stroke: 1 }),
         label: "Default",
         name: "Default",
         hint: "Default",
         indexOrder: 0
-      }, hA = q.get(DA.name);
-      hA ? hA.items.push(tA) : q.set(DA.name, {
-        group: DA,
-        items: [tA]
+      }, hA = q.get(TA.name);
+      hA ? hA.items.push(lA) : q.set(TA.name, {
+        group: TA,
+        items: [lA]
       });
-    }), Array.from(q.values()).sort((tA, RA) => tA.group.indexOrder - RA.group.indexOrder);
+    }), Array.from(q.values()).sort((lA, RA) => lA.group.indexOrder - RA.group.indexOrder);
   }, [e, a]);
-  iA(() => {
-    !k && eA.length > 0 && b(eA[0].group.name);
-  }, [k, eA, b]);
-  const nA = uA(() => eA.find((tA) => tA.group.name === k)?.items ?? [], [eA, k]), Y = H((q) => {
-    V ? (F(), b(q)) : k === q ? F() : b(q);
-  }, [V, k, F, b]), rA = V ? 0 : Number(aA(o)) - Number(aA(t)), kA = () => u && eA.length === 0 ? /* @__PURE__ */ A(
+  aA(() => {
+    !X && J.length > 0 && W(J[0].group.name);
+  }, [X, J, W]);
+  const oA = uA(() => J.find((lA) => lA.group.name === X)?.items ?? [], [J, X]), K = U((q) => {
+    Y ? (B(), W(q)) : X === q ? B() : W(q);
+  }, [Y, X, B, W]), tA = Y ? 0 : Number(cA(o)) - Number(cA(t)), CA = () => u && J.length === 0 ? /* @__PURE__ */ A(
     ho,
     {
-      groupCount: w,
+      groupCount: k,
       width: t,
-      backgroundColor: z
+      backgroundColor: L
     }
-  ) : eA.length <= 1 ? null : /* @__PURE__ */ A(
-    K,
+  ) : J.length <= 1 ? null : /* @__PURE__ */ A(
+    j,
     {
       gap: 4,
       p: 4,
@@ -2464,108 +2464,108 @@ function Co({
       style: {
         width: t,
         height: "100%",
-        backgroundColor: z,
+        backgroundColor: L,
         flexShrink: 0
       },
-      children: eA.map((q) => /* @__PURE__ */ A(
+      children: J.map((q) => /* @__PURE__ */ A(
         uo,
         {
           group: q.group,
-          active: q.group.name === k,
-          onClick: () => Y(q.group.name),
+          active: q.group.name === X,
+          onClick: () => K(q.group.name),
           showLabel: i,
-          activeColor: dA,
-          inactiveColor: W
+          activeColor: P,
+          inactiveColor: rA
         },
         q.group.name
       ))
     }
-  ), yA = () => d ? p || /* @__PURE__ */ A(he, { message: d, backgroundColor: L }) : u ? h || /* @__PURE__ */ A(
+  ), yA = () => d ? p || /* @__PURE__ */ A(he, { message: d, backgroundColor: x }) : u ? h || /* @__PURE__ */ A(
     ue,
     {
-      itemCount: y,
+      itemCount: b,
       collapsed: !1,
-      backgroundColor: L,
+      backgroundColor: x,
       showGroups: !1
     }
-  ) : /* @__PURE__ */ A(K, { gap: 2, children: nA.map((q, tA) => /* @__PURE__ */ A(
+  ) : /* @__PURE__ */ A(j, { gap: 2, children: oA.map((q, lA) => /* @__PURE__ */ A(
     MA,
     {
       item: q,
       collapsed: !1,
-      active: Q && lA(q),
-      onClick: U,
-      textColor: M,
-      iconColor: N,
-      hoverColor: R
+      active: Q && F(q),
+      onClick: H,
+      textColor: C,
+      iconColor: R,
+      hoverColor: S
     },
-    tA
-  )) }), EA = E === "dark" ? x.colors.dark[5] : x.colors.gray[2];
-  return eA.length <= 1 ? /* @__PURE__ */ I(BA, { direction: "column", w: V ? s : o, h: "100%", style: { backgroundColor: L }, children: [
-    n && /* @__PURE__ */ A(G, { style: { width: "100%", flexShrink: 0 }, children: n }),
+    lA
+  )) }), EA = T === "dark" ? I.colors.dark[5] : I.colors.gray[2];
+  return J.length <= 1 ? /* @__PURE__ */ E(BA, { direction: "column", w: Y ? s : o, h: "100%", style: { backgroundColor: x }, children: [
+    n && /* @__PURE__ */ A(N, { style: { width: "100%", flexShrink: 0 }, children: n }),
     /* @__PURE__ */ A(
-      G,
+      N,
       {
         style: {
           flex: 1,
           width: "100%",
-          backgroundColor: L,
+          backgroundColor: x,
           display: "flex",
           flexDirection: "column",
           overflow: "hidden",
-          borderRight: B ? `1px solid ${EA}` : void 0
+          borderRight: G ? `1px solid ${EA}` : void 0
         },
-        children: /* @__PURE__ */ A(zA, { style: { flex: 1 }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ A(G, { p: "xs", children: V ? /* @__PURE__ */ A(K, { gap: 8, align: "center", children: e.filter((q) => q.showInSidebar ? !((typeof q.disabled == "function" ? q.disabled() : q.disabled) && q.hideDisabledItem) : !1).map((q, tA) => /* @__PURE__ */ A(
+        children: /* @__PURE__ */ A(zA, { style: { flex: 1 }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ A(N, { p: "xs", children: Y ? /* @__PURE__ */ A(j, { gap: 8, align: "center", children: e.filter((q) => q.showInSidebar ? !((typeof q.disabled == "function" ? q.disabled() : q.disabled) && q.hideDisabledItem) : !1).map((q, lA) => /* @__PURE__ */ A(
           MA,
           {
             item: q,
             collapsed: !0,
-            active: Q && lA(q),
-            onClick: U,
-            textColor: M,
-            iconColor: N,
-            hoverColor: R
+            active: Q && F(q),
+            onClick: H,
+            textColor: C,
+            iconColor: R,
+            hoverColor: S
           },
-          tA
+          lA
         )) }) : yA() }) })
       }
     ),
-    c && /* @__PURE__ */ A(G, { style: { width: "100%", backgroundColor: L, flexShrink: 0 }, children: c })
-  ] }) : /* @__PURE__ */ I(BA, { direction: "column", w: V ? t : o, h: "100%", style: { backgroundColor: L }, children: [
-    n && /* @__PURE__ */ A(G, { style: { width: "100%", flexShrink: 0 }, children: n }),
-    /* @__PURE__ */ I(
-      G,
+    c && /* @__PURE__ */ A(N, { style: { width: "100%", backgroundColor: x, flexShrink: 0 }, children: c })
+  ] }) : /* @__PURE__ */ E(BA, { direction: "column", w: Y ? t : o, h: "100%", style: { backgroundColor: x }, children: [
+    n && /* @__PURE__ */ A(N, { style: { width: "100%", flexShrink: 0 }, children: n }),
+    /* @__PURE__ */ E(
+      N,
       {
         style: {
           flex: 1,
           width: "100%",
           display: "flex",
           overflow: "hidden",
-          borderRight: B ? `1px solid ${EA}` : void 0
+          borderRight: G ? `1px solid ${EA}` : void 0
         },
         children: [
-          kA(),
+          CA(),
           /* @__PURE__ */ A(
-            G,
+            N,
             {
               style: {
-                width: V ? 0 : rA,
+                width: Y ? 0 : tA,
                 height: "100%",
-                backgroundColor: L,
+                backgroundColor: x,
                 overflow: "hidden",
                 transition: "width 200ms ease",
-                borderLeft: eA.length > 1 ? `1px solid ${E === "dark" ? x.colors.dark[5] : x.colors.gray[2]}` : void 0
+                borderLeft: J.length > 1 ? `1px solid ${T === "dark" ? I.colors.dark[5] : I.colors.gray[2]}` : void 0
               },
-              children: !V && k && /* @__PURE__ */ A(zA, { style: { height: "100%" }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ A(G, { p: "xs", children: yA() }) })
+              children: !Y && X && /* @__PURE__ */ A(zA, { style: { height: "100%" }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ A(N, { p: "xs", children: yA() }) })
             }
           )
         ]
       }
     ),
-    c && /* @__PURE__ */ A(G, { style: { width: "100%", backgroundColor: L, flexShrink: 0 }, children: c })
+    c && /* @__PURE__ */ A(N, { style: { width: "100%", backgroundColor: x, flexShrink: 0 }, children: c })
   ] });
 }
-function ko(e) {
+function Co(e) {
   const {
     navigationData: o,
     collapsed: s,
@@ -2592,7 +2592,7 @@ function ko(e) {
       showKeyboardShortcuts: c,
       highlightActiveItem: l,
       onMenuItemClick: u,
-      children: /* @__PURE__ */ A(Co, { ...e })
+      children: /* @__PURE__ */ A(ko, { ...e })
     }
   );
 }
@@ -2604,16 +2604,16 @@ function yo({
     case "minimal":
       return /* @__PURE__ */ A(mo, { ...o });
     case "rail":
-      return /* @__PURE__ */ A(ko, { ...o });
+      return /* @__PURE__ */ A(Co, { ...o });
     case "standard":
     default:
-      return /* @__PURE__ */ A(fo, { ...o });
+      return /* @__PURE__ */ A(po, { ...o });
   }
 }
 const Qe = HA({
   isVisible: !0
-}), yn = () => IA(Qe), pe = HA({ params: {} }), wn = () => IA(pe).params, vn = () => {
-  const e = Pr(), s = IA(pe).params;
+}), yn = () => IA(Qe), fe = HA({ params: {} }), wn = () => IA(fe).params, vn = () => {
+  const e = Pr(), s = IA(fe).params;
   return uA(() => {
     if (!e)
       return !1;
@@ -2621,12 +2621,12 @@ const Qe = HA({
     return t.length === 0 ? !1 : t.some((a) => e[a] !== void 0);
   }, [e]) ? e : s;
 }, Ne = HA(null), Ge = () => IA(Ne), KA = (e) => null, wo = (e) => e.includes(":"), vo = (e, o) => wo(e) ? o : e, xo = ({ children: e, maxKeepAliveTabs: o = 10, ...s }) => {
-  const [r, t] = pA(/* @__PURE__ */ new Map()), [a, i] = pA(/* @__PURE__ */ new Set()), n = H((f, g) => {
-    let S = null, v = 1 / 0;
-    return f.forEach((C, P) => {
-      P !== g && C.lastAccessedAt < v && (v = C.lastAccessedAt, S = P);
-    }), S;
-  }, []), c = H((f, g, S) => {
+  const [r, t] = fA(/* @__PURE__ */ new Map()), [a, i] = fA(/* @__PURE__ */ new Set()), n = U((f, g) => {
+    let w = null, v = 1 / 0;
+    return f.forEach((m, M) => {
+      M !== g && m.lastAccessedAt < v && (v = m.lastAccessedAt, w = M);
+    }), w;
+  }, []), c = U((f, g, w) => {
     if (!f || typeof f != "string") {
       console.error("[ArchbaseAliveAbleRoutes] Invalid cacheKey for component registration:", f);
       return;
@@ -2637,58 +2637,58 @@ const Qe = HA({
     }
     t((v) => {
       if (v.has(f)) {
-        const P = new Map(v), $ = v.get(f);
-        return P.set(f, { ...$, lastAccessedAt: Date.now() }), P;
+        const M = new Map(v), $ = v.get(f);
+        return M.set(f, { ...$, lastAccessedAt: Date.now() }), M;
       }
-      const C = new Map(v);
-      if (C.size >= o) {
-        const P = n(C, f);
-        P && (C.delete(P), console.log(`[ArchbaseAliveAbleRoutes] LRU eviction: removed "${P}" (cache size: ${C.size}/${o})`));
+      const m = new Map(v);
+      if (m.size >= o) {
+        const M = n(m, f);
+        M && (m.delete(M), console.log(`[ArchbaseAliveAbleRoutes] LRU eviction: removed "${M}" (cache size: ${m.size}/${o})`));
       }
-      return C.set(f, {
+      return m.set(f, {
         element: g,
-        params: S,
+        params: w,
         lastAccessedAt: Date.now()
-      }), C;
+      }), m;
     });
-  }, [o, n]), l = H((f) => {
+  }, [o, n]), l = U((f) => {
     t((g) => {
-      const S = g.get(f);
-      if (!S)
+      const w = g.get(f);
+      if (!w)
         return g;
       const v = Date.now();
-      if (v - S.lastAccessedAt < 1e3)
+      if (v - w.lastAccessedAt < 1e3)
         return g;
-      const C = new Map(g);
-      return C.set(f, { ...S, lastAccessedAt: v }), C;
+      const m = new Map(g);
+      return m.set(f, { ...w, lastAccessedAt: v }), m;
     });
-  }, []), u = H((f, g) => {
-    t((S) => {
-      const v = S.get(f);
+  }, []), u = U((f, g) => {
+    t((w) => {
+      const v = w.get(f);
       if (!v || !(JSON.stringify(v.params) !== JSON.stringify(g)))
-        return S;
-      const P = new Map(S);
-      return P.set(f, { ...v, params: g, lastAccessedAt: Date.now() }), P;
+        return w;
+      const M = new Map(w);
+      return M.set(f, { ...v, params: g, lastAccessedAt: Date.now() }), M;
     });
-  }, []), d = H((f) => {
+  }, []), d = U((f) => {
     if (!f) {
       console.error("[ArchbaseAliveAbleRoutes] Cannot unregister: invalid cacheKey");
       return;
     }
     t((g) => {
       g.has(f) || console.warn("[ArchbaseAliveAbleRoutes] Attempting to unregister non-existent cacheKey:", f);
-      const S = new Map(g);
-      return S.delete(f), S;
+      const w = new Map(g);
+      return w.delete(f), w;
     }), i((g) => {
-      const S = new Set(g);
-      return S.delete(f), S;
+      const w = new Set(g);
+      return w.delete(f), w;
     });
-  }, []), h = H((f) => {
+  }, []), h = U((f) => {
     i((g) => {
-      const S = new Set(g);
-      return S.add(f), S;
+      const w = new Set(g);
+      return w.add(f), w;
     });
-  }, []), p = bA.Children.toArray(e), y = p.filter((f) => bA.isValidElement(f) ? f.type === KA : !1), w = p.filter((f) => bA.isValidElement(f) ? f.type !== KA : !1), m = uA(() => ({
+  }, []), p = mA.Children.toArray(e), b = p.filter((f) => mA.isValidElement(f) ? f.type === KA : !1), k = p.filter((f) => mA.isValidElement(f) ? f.type !== KA : !1), y = uA(() => ({
     cache: r,
     requestedUnregister: a,
     register: c,
@@ -2698,43 +2698,43 @@ const Qe = HA({
     touchAccess: l,
     maxKeepAliveTabs: o
   }), [r, a, c, d, u, h, l, o]);
-  return /* @__PURE__ */ I(Ne.Provider, { value: m, children: [
-    y.map((f) => /* @__PURE__ */ A(So, { ...f.props, routesProps: s }, f.key)),
-    /* @__PURE__ */ A(ze, { ...s, children: w })
+  return /* @__PURE__ */ E(Ne.Provider, { value: y, children: [
+    b.map((f) => /* @__PURE__ */ A(So, { ...f.props, routesProps: s }, f.key)),
+    /* @__PURE__ */ A(ze, { ...s, children: k })
   ] });
 }, So = ({ component: e, routesProps: o, ...s }) => {
   const r = Ge();
   if (!r)
     throw new Error("DisplayRoute must be used within ArchbaseAliveAbleRoutes provider");
-  const { cache: t, requestedUnregister: a, register: i, unregister: n, updateParams: c, touchAccess: l } = r, [u, d] = pA(!1), [h, p] = pA({}), y = mA(null), w = se(), m = uA(() => s.path ? vo(s.path, w.pathname) : null, [s.path, w.pathname]), f = uA(() => s.path ? Mr({ path: s.path, end: !0 }, w.pathname)?.params || {} : {}, [s.path, w.pathname]), g = mA(/* @__PURE__ */ new Set());
+  const { cache: t, requestedUnregister: a, register: i, unregister: n, updateParams: c, touchAccess: l } = r, [u, d] = fA(!1), [h, p] = fA({}), b = bA(null), k = se(), y = uA(() => s.path ? vo(s.path, k.pathname) : null, [s.path, k.pathname]), f = uA(() => s.path ? Mr({ path: s.path, end: !0 }, k.pathname)?.params || {} : {}, [s.path, k.pathname]), g = bA(/* @__PURE__ */ new Set());
   GA(() => {
-    if (u && e && m && !g.current.has(m)) {
-      const P = typeof e == "function" ? bA.createElement(e) : e;
-      i(m, P, f), g.current.add(m);
-    }
-  }, [u, e, m, i, f]), GA(() => {
-    u && m && g.current.has(m) && (c(m, f), p(f));
-  }, [u, m, f, c]), iA(() => {
-    u && m && t.has(m) && l(m);
-  }, [u, m, l, t]), GA(() => {
-    m && a.has(m) && (n(m), g.current.delete(m));
-  }, [m, a, n]);
-  const S = m ? t.get(m) : null, v = uA(() => u ? f : S ? S.params : h, [u, f, S, h]), C = mA(u);
-  return iA(() => {
-    const P = C.current;
-    if (C.current = u, u && !P && y.current) {
+    if (u && e && y && !g.current.has(y)) {
+      const M = typeof e == "function" ? mA.createElement(e) : e;
+      i(y, M, f), g.current.add(y);
+    }
+  }, [u, e, y, i, f]), GA(() => {
+    u && y && g.current.has(y) && (c(y, f), p(f));
+  }, [u, y, f, c]), aA(() => {
+    u && y && t.has(y) && l(y);
+  }, [u, y, l, t]), GA(() => {
+    y && a.has(y) && (n(y), g.current.delete(y));
+  }, [y, a, n]);
+  const w = y ? t.get(y) : null, v = uA(() => u ? f : w ? w.params : h, [u, f, w, h]), m = bA(u);
+  return aA(() => {
+    const M = m.current;
+    if (m.current = u, u && !M && b.current) {
       const $ = setTimeout(() => {
-        window.dispatchEvent(new Event("resize")), y.current?.dispatchEvent(
+        window.dispatchEvent(new Event("resize")), b.current?.dispatchEvent(
           new CustomEvent("keepalive:visible", { bubbles: !0 })
         );
       }, 50);
       return () => clearTimeout($);
     }
-  }, [u]), /* @__PURE__ */ I(vA, { children: [
-    S && /* @__PURE__ */ A(Qe.Provider, { value: { isVisible: u }, children: /* @__PURE__ */ A(pe.Provider, { value: { params: v }, children: /* @__PURE__ */ A(
+  }, [u]), /* @__PURE__ */ E(vA, { children: [
+    w && /* @__PURE__ */ A(Qe.Provider, { value: { isVisible: u }, children: /* @__PURE__ */ A(fe.Provider, { value: { params: v }, children: /* @__PURE__ */ A(
       "div",
       {
-        ref: y,
+        ref: b,
         style: {
           // Usa visibility + position ao invés de display:none
           // para manter dimensões e permitir que ResizeObserver funcione
@@ -2748,7 +2748,7 @@ const Qe = HA({
           zIndex: u ? 1 : -1,
           overflow: u ? "auto" : "hidden"
         },
-        children: S.element
+        children: w.element
       }
     ) }) }),
     /* @__PURE__ */ A(ze, { ...o, children: /* @__PURE__ */ A(
@@ -2811,158 +2811,158 @@ function Ro({
   sidebarDefaultGroupIcon: d,
   sideBarHeaderHeight: h,
   sideBarHeaderContent: p,
-  selectedGroupColor: y = "#132441",
-  groupColor: w = "white",
-  backgroundGroupColor: m = "#132441",
+  selectedGroupColor: b = "#132441",
+  groupColor: k = "white",
+  backgroundGroupColor: y = "#132441",
   groupLabelDarkColor: f = "white",
   groupLabelLightColor: g = "white",
-  headerColor: S,
+  headerColor: w,
   footerHeight: v,
-  iconsWithBackground: C,
-  menuItemHeight: P,
+  iconsWithBackground: m,
+  menuItemHeight: M,
   showSideBar: $ = !0,
-  showHeader: j = !0,
-  headerStyle: W = {},
-  highlightActiveMenuItem: D = !0,
+  showHeader: V = !0,
+  headerStyle: rA = {},
+  highlightActiveMenuItem: z = !0,
   customRenderSidebar: O,
-  showCollapsedButton: B = !0,
+  showCollapsedButton: G = !0,
   sideBarBackgroundDarkColor: Q,
-  sideBarBackgroundLightColor: T,
-  sideBarTextDarkColor: x,
-  sideBarTextLightColor: E,
-  sideBarIconDarkColor: V,
-  sideBarIconLightColor: F,
-  sideBarCollapsedSubmenuWidth: k,
-  sidebarActiveColor: b,
-  maxKeepAliveTabs: L = 10,
-  sidebarVariant: M = "legacy",
-  sidebarShowSearch: N = !1
+  sideBarBackgroundLightColor: D,
+  sideBarTextDarkColor: I,
+  sideBarTextLightColor: T,
+  sideBarIconDarkColor: Y,
+  sideBarIconLightColor: B,
+  sideBarCollapsedSubmenuWidth: X,
+  sidebarActiveColor: W,
+  maxKeepAliveTabs: x = 10,
+  sidebarVariant: C = "legacy",
+  sidebarShowSearch: R = !1
 }) {
-  const R = fA(), z = IA(jA), { colorScheme: dA } = oA(), U = Qr(), [lA, eA] = Nr(), nA = $r(
-    `(max-width: ${a ? aA(a) : R.breakpoints.md})`
-  ), Y = (X) => {
-    X.link && (X.routeParams ? U(X.link, {}, X.routeParams) : U(X.link));
-  }, rA = (X, sA) => {
-    X == sA && z.collapsed && z.setCollapsed(!1), z.setCollapsed(X == sA);
-  }, kA = () => {
-    let X = 0, sA = 0;
-    return h && (X = Number(aA(h))), i && (sA = Number(aA(i))), `calc(100vh - var(--app-shell-header-offset, 0px) - ${X + sA}px)`;
+  const S = pA(), L = IA(jA), { colorScheme: P } = sA(), H = Qr(), [F, J] = Nr(), oA = $r(
+    `(max-width: ${a ? cA(a) : S.breakpoints.md})`
+  ), K = (Z) => {
+    Z.link && (Z.routeParams ? H(Z.link, {}, Z.routeParams) : H(Z.link));
+  }, tA = (Z, iA) => {
+    Z == iA && L.collapsed && L.setCollapsed(!1), L.setCollapsed(Z == iA);
+  }, CA = () => {
+    let Z = 0, iA = 0;
+    return h && (Z = Number(cA(h))), i && (iA = Number(cA(i))), `calc(100vh - var(--app-shell-header-offset, 0px) - ${Z + iA}px)`;
   }, yA = () => {
-    let X = 0, sA = 0;
-    return h && (X = Number(aA(h))), i && (sA = Number(aA(i))), `calc(100vh - 28px - ${X + sA}px)`;
+    let Z = 0, iA = 0;
+    return h && (Z = Number(cA(h))), i && (iA = Number(cA(i))), `calc(100vh - 28px - ${Z + iA}px)`;
   }, EA = uA(() => {
-    const X = [];
-    return z.navigationData.forEach((sA, $A) => {
-      sA.links ? sA.links.forEach((PA, fe) => {
-        PA.keepAlive ? X.push(
-          /* @__PURE__ */ A(KA, { path: PA.link, component: PA.component }, `${PA.link}_${fe}`)
-        ) : X.push(/* @__PURE__ */ A(ee, { path: PA.link, element: PA.component }, `${PA.link}_${fe}`));
-      }) : sA.keepAlive ? X.push(
-        /* @__PURE__ */ A(KA, { path: sA.link, component: sA.component }, `${sA.link}_${$A}`)
-      ) : X.push(
-        /* @__PURE__ */ A(ee, { path: sA.link, element: sA.component }, `${sA.link}_${$A}`)
+    const Z = [];
+    return L.navigationData.forEach((iA, $A) => {
+      iA.links ? iA.links.forEach((PA, pe) => {
+        PA.keepAlive ? Z.push(
+          /* @__PURE__ */ A(KA, { path: PA.link, component: PA.component }, `${PA.link}_${pe}`)
+        ) : Z.push(/* @__PURE__ */ A(ee, { path: PA.link, element: PA.component }, `${PA.link}_${pe}`));
+      }) : iA.keepAlive ? Z.push(
+        /* @__PURE__ */ A(KA, { path: iA.link, component: iA.component }, `${iA.link}_${$A}`)
+      ) : Z.push(
+        /* @__PURE__ */ A(ee, { path: iA.link, element: iA.component }, `${iA.link}_${$A}`)
       );
-    }), X;
-  }, [z.navigationData, z.collapsed]), q = H(() => {
-    z.setCollapsed(!z.collapsed);
-  }, [z.setCollapsed, z.collapsed]), tA = H(() => {
-    z.setHidden(!z.hidden);
-  }, [z.setHidden, z.hidden]);
-  iA(() => {
-    l && l(z.hidden);
-  }, [z.hidden, tA]), iA(() => {
-    c && c(z.collapsed);
-  }, [z.collapsed, c]);
-  const RA = M === "minimal" || z.collapsed ? t : r, DA = (X, sA = !1) => O ? O({ width: r, height: X, isHidden: nA }) : M === "legacy" ? /* @__PURE__ */ A(
+    }), Z;
+  }, [L.navigationData, L.collapsed]), q = U(() => {
+    L.setCollapsed(!L.collapsed);
+  }, [L.setCollapsed, L.collapsed]), lA = U(() => {
+    L.setHidden(!L.hidden);
+  }, [L.setHidden, L.hidden]);
+  aA(() => {
+    l && l(L.hidden);
+  }, [L.hidden, lA]), aA(() => {
+    c && c(L.collapsed);
+  }, [L.collapsed, c]);
+  const RA = C === "minimal" || L.collapsed ? t : r, TA = (Z, iA = !1) => O ? O({ width: r, height: Z, isHidden: oA }) : C === "legacy" ? /* @__PURE__ */ A(
     lo,
     {
-      navigationData: z.navigationData,
-      sidebarHeight: X,
+      navigationData: L.navigationData,
+      sidebarHeight: Z,
       sidebarGroupWidth: t,
       sidebarCollapsedWidth: t,
-      selectedGroupColor: y,
-      groupColor: w,
-      backgroundGroupColor: m,
+      selectedGroupColor: b,
+      groupColor: k,
+      backgroundGroupColor: y,
       groupLabelDarkColor: f,
       groupLabelLightColor: g,
       showGroupLabels: !1,
-      collapsed: sA ? !1 : z.collapsed,
+      collapsed: iA ? !1 : L.collapsed,
       sidebarWidth: r,
-      isHidden: nA,
-      onMenuItemClick: Y,
-      onClickActionIcon: rA,
+      isHidden: oA,
+      onMenuItemClick: K,
+      onClickActionIcon: tA,
       sideBarFooterHeight: i,
       sideBarFooterContent: n,
       sideBarHeaderContent: p,
-      theme: R,
-      sidebarRef: lA,
+      theme: S,
+      sidebarRef: F,
       defaultGroupIcon: d,
       selectedGroupName: u,
-      iconsWithBackground: C,
-      menuItemHeight: P,
-      highlightActiveMenuItem: D,
+      iconsWithBackground: m,
+      menuItemHeight: M,
+      highlightActiveMenuItem: z,
       backgroundDarkColor: Q,
-      backgroundLightColor: T,
-      textDarkColor: x,
-      textLightColor: E,
-      iconDarkColor: V,
-      iconLightColor: F,
-      collapsedSubmenuWidth: k,
-      isLoading: z.isLoadingPermissions,
-      loadingError: z.permissionsError
+      backgroundLightColor: D,
+      textDarkColor: I,
+      textLightColor: T,
+      iconDarkColor: Y,
+      iconLightColor: B,
+      collapsedSubmenuWidth: X,
+      isLoading: L.isLoadingPermissions,
+      loadingError: L.permissionsError
     }
   ) : /* @__PURE__ */ A(
     yo,
     {
-      navigationData: z.navigationData,
-      variant: M,
+      navigationData: L.navigationData,
+      variant: C,
       width: RA,
       collapsedWidth: t,
-      height: X,
+      height: Z,
       groupColumnWidth: t,
-      collapsed: sA ? !1 : z.collapsed,
-      onCollapsedChange: ($A) => z.setCollapsed($A),
+      collapsed: iA ? !1 : L.collapsed,
+      onCollapsedChange: ($A) => L.setCollapsed($A),
       activeGroup: u,
       onActiveGroupChange: ($A) => {
       },
       defaultGroupIcon: d,
       showGroupLabels: !1,
-      onMenuItemClick: Y,
-      showSearch: N,
+      onMenuItemClick: K,
+      showSearch: R,
       header: p,
       footer: n,
       footerHeight: i,
-      isLoading: z.isLoadingPermissions,
-      loadingError: z.permissionsError,
-      theme: R,
-      highlightActiveItem: D,
+      isLoading: L.isLoadingPermissions,
+      loadingError: L.permissionsError,
+      theme: S,
+      highlightActiveItem: z,
       backgroundDarkColor: Q,
-      backgroundLightColor: T,
-      textDarkColor: x,
-      textLightColor: E,
-      iconDarkColor: V,
-      iconLightColor: F,
-      groupBackgroundColor: m,
-      selectedGroupColor: y,
-      groupColor: w,
+      backgroundLightColor: D,
+      textDarkColor: I,
+      textLightColor: T,
+      iconDarkColor: Y,
+      iconLightColor: B,
+      groupBackgroundColor: y,
+      selectedGroupColor: b,
+      groupColor: k,
       groupLabelDarkColor: f,
       groupLabelLightColor: g,
-      activeColor: b,
+      activeColor: W,
       withBorder: !1,
-      sidebarRef: lA
+      sidebarRef: F
     }
-  ), hA = dA === "dark" ? Q ?? R.colors.dark[7] : T ?? R.white, OA = M === "legacy", Z = OA ? void 0 : {
+  ), hA = P === "dark" ? Q ?? S.colors.dark[7] : D ?? S.white, OA = C === "legacy", AA = OA ? void 0 : {
     width: { base: RA },
     breakpoint: "sm",
-    collapsed: { mobile: nA || !$, desktop: !$ }
-  }, TA = OA ? {
+    collapsed: { mobile: oA || !$, desktop: !$ }
+  }, DA = OA ? {
     main: {
-      background: dA === "dark" ? R.colors.dark[8] : R.colors.gray[0],
+      background: P === "dark" ? S.colors.dark[8] : S.colors.gray[0],
       overflow: "hidden"
     }
   } : {
     main: {
-      background: dA === "dark" ? R.colors.dark[8] : R.colors.gray[0],
+      background: P === "dark" ? S.colors.dark[8] : S.colors.gray[0],
       overflow: "hidden"
     },
     navbar: {
@@ -2971,10 +2971,10 @@ function Ro({
     }
   }, gA = OA ? {
     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(${nA ? "0px" : RA} + 1rem))`,
+    width: `calc(100vw - var(--app-shell-padding) - calc(${oA ? "0px" : RA} + 1rem))`,
     marginTop: "0.5rem",
-    marginLeft: `calc(${nA ? "0px" : RA} + 0.5rem)`,
-    border: `1px solid ${dA === "dark" ? R.colors.dark[4] : "#e4e9ef"}`,
+    marginLeft: `calc(${oA ? "0px" : RA} + 0.5rem)`,
+    border: `1px solid ${P === "dark" ? S.colors.dark[4] : "#e4e9ef"}`,
     borderRadius: "4px",
     overflow: "hidden"
   } : {
@@ -2983,60 +2983,60 @@ function Ro({
     marginTop: "0.5rem",
     marginLeft: "0.5rem",
     marginRight: "0.5rem",
-    border: `1px solid ${dA === "dark" ? R.colors.dark[4] : "#e4e9ef"}`,
+    border: `1px solid ${P === "dark" ? S.colors.dark[4] : "#e4e9ef"}`,
     borderRadius: "4px",
     overflow: "hidden"
   };
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ E(
     QA,
     {
-      header: { height: "60px", collapsed: !j },
-      navbar: Z,
+      header: { height: "60px", collapsed: !V },
+      navbar: AA,
       footer: { height: v || "0px" },
-      styles: TA,
+      styles: DA,
       children: [
         /* @__PURE__ */ A(
           QA.Header,
           {
             p: "xs",
-            color: S,
+            color: w,
             display: "flex",
             style: {
               backgroundColor: "var(--mantine-primary-color-8)",
               alignItems: "center",
               borderBottom: "none",
-              ...W
+              ...rA
             },
             children: o
           }
         ),
-        /* @__PURE__ */ A(QA.Navbar, { children: !nA && $ ? DA(kA(), !1) : void 0 }),
-        /* @__PURE__ */ I(QA.Main, { bg: dA === "dark" ? R.colors.dark[8] : R.colors.gray[0], children: [
-          !nA && B && Eo(
-            dA,
-            R,
-            z,
+        /* @__PURE__ */ A(QA.Navbar, { children: !oA && $ ? TA(CA(), !1) : void 0 }),
+        /* @__PURE__ */ E(QA.Main, { bg: P === "dark" ? S.colors.dark[8] : S.colors.gray[0], children: [
+          !oA && G && Eo(
+            P,
+            S,
+            L,
             r,
             t,
             q
           ),
-          /* @__PURE__ */ I("div", { style: gA, children: [
+          /* @__PURE__ */ E("div", { style: gA, children: [
             e,
-            /* @__PURE__ */ A("div", { style: { width: "100%", height: "calc(100% - 48px)" }, children: /* @__PURE__ */ I(xo, { maxKeepAliveTabs: L, children: [
+            /* @__PURE__ */ A("div", { style: { width: "100%", height: "calc(100% - 48px)" }, children: /* @__PURE__ */ E(xo, { maxKeepAliveTabs: x, children: [
               ...EA
             ] }) })
           ] }),
           $ && /* @__PURE__ */ A(
             Se,
             {
-              opened: z.hidden || !1,
-              onClose: tA,
+              opened: L.hidden || !1,
+              onClose: lA,
               size: r,
               padding: 0,
               styles: {
                 header: { minHeight: "10px" }
               },
-              children: DA(yA(), !0)
+              children: TA(yA(), !0)
             }
           )
         ] }),
@@ -3060,41 +3060,41 @@ function xn({
   sideBarFooterHeight: d,
   sideBarFooterContent: h,
   onCollapsedSideBar: p,
-  onHiddenSidebar: y,
-  sidebarDefaultGroupIcon: w,
-  sidebarSelectedGroupName: m,
+  onHiddenSidebar: b,
+  sidebarDefaultGroupIcon: k,
+  sidebarSelectedGroupName: y,
   sideBarHeaderHeight: f,
   sideBarHeaderContent: g,
-  selectedGroupColor: S = "#132441",
+  selectedGroupColor: w = "#132441",
   groupColor: v = "white",
-  backgroundGroupColor: C = "#132441",
-  groupLabelDarkColor: P = "white",
+  backgroundGroupColor: m = "#132441",
+  groupLabelDarkColor: M = "white",
   groupLabelLightColor: $ = "white",
-  headerColor: j,
-  footerHeight: W,
-  iconsWithBackground: D,
+  headerColor: V,
+  footerHeight: rA,
+  iconsWithBackground: z,
   menuItemHeight: O,
-  showSideBar: B,
+  showSideBar: G,
   showHeader: Q,
-  headerStyle: T,
-  highlightActiveMenuItem: x,
-  enableSecurity: E = !1,
-  securityOptions: V,
-  customRenderSidebar: F,
-  onNavigationDataChange: k,
-  showCollapsedButton: b,
-  initialSidebarCollapsed: L = !1,
-  sideBarBackgroundDarkColor: M,
-  sideBarBackgroundLightColor: N,
-  sideBarTextDarkColor: R,
-  sideBarTextLightColor: z,
-  sideBarIconDarkColor: dA,
-  sideBarIconLightColor: U,
-  sideBarCollapsedSubmenuWidth: lA,
-  sidebarActiveColor: eA,
-  maxKeepAliveTabs: nA = 10,
-  sidebarVariant: Y = "legacy",
-  sidebarShowSearch: rA = !1
+  headerStyle: D,
+  highlightActiveMenuItem: I,
+  enableSecurity: T = !1,
+  securityOptions: Y,
+  customRenderSidebar: B,
+  onNavigationDataChange: X,
+  showCollapsedButton: W,
+  initialSidebarCollapsed: x = !1,
+  sideBarBackgroundDarkColor: C,
+  sideBarBackgroundLightColor: R,
+  sideBarTextDarkColor: S,
+  sideBarTextLightColor: L,
+  sideBarIconDarkColor: P,
+  sideBarIconLightColor: H,
+  sideBarCollapsedSubmenuWidth: F,
+  sidebarActiveColor: J,
+  maxKeepAliveTabs: oA = 10,
+  sidebarVariant: K = "legacy",
+  sidebarShowSearch: tA = !1
 }) {
   return /* @__PURE__ */ A(
     Xr,
@@ -3104,10 +3104,10 @@ function xn({
       user: s,
       owner: i,
       company: n,
-      enableSecurity: E,
-      securityOptions: V,
-      onNavigationDataChange: k,
-      initialSidebarCollapsed: L,
+      enableSecurity: T,
+      securityOptions: Y,
+      onNavigationDataChange: X,
+      initialSidebarCollapsed: x,
       children: /* @__PURE__ */ A(
         Ro,
         {
@@ -3124,37 +3124,37 @@ function xn({
           sideBarHeaderContent: g,
           sideBarFooterHeight: d,
           sideBarFooterContent: h,
-          selectedGroupColor: S,
+          selectedGroupColor: w,
           groupColor: v,
-          backgroundGroupColor: C,
-          groupLabelDarkColor: P,
+          backgroundGroupColor: m,
+          groupLabelDarkColor: M,
           groupLabelLightColor: $,
           onCollapsedSideBar: p,
-          onHiddenSidebar: y,
-          sidebarDefaultGroupIcon: w,
-          sidebarSelectedGroupName: m,
-          headerColor: j,
-          footerHeight: W,
-          iconsWithBackground: D,
+          onHiddenSidebar: b,
+          sidebarDefaultGroupIcon: k,
+          sidebarSelectedGroupName: y,
+          headerColor: V,
+          footerHeight: rA,
+          iconsWithBackground: z,
           menuItemHeight: O,
-          showSideBar: B,
+          showSideBar: G,
           showHeader: Q,
-          headerStyle: T,
-          highlightActiveMenuItem: x,
-          enableSecurity: E,
-          customRenderSidebar: F,
-          showCollapsedButton: b,
-          sideBarBackgroundDarkColor: M,
-          sideBarBackgroundLightColor: N,
-          sideBarTextDarkColor: R,
-          sideBarTextLightColor: z,
-          sideBarIconDarkColor: dA,
-          sideBarIconLightColor: U,
-          sideBarCollapsedSubmenuWidth: lA,
-          sidebarActiveColor: eA,
-          maxKeepAliveTabs: nA,
-          sidebarVariant: Y,
-          sidebarShowSearch: rA,
+          headerStyle: D,
+          highlightActiveMenuItem: I,
+          enableSecurity: T,
+          customRenderSidebar: B,
+          showCollapsedButton: W,
+          sideBarBackgroundDarkColor: C,
+          sideBarBackgroundLightColor: R,
+          sideBarTextDarkColor: S,
+          sideBarTextLightColor: L,
+          sideBarIconDarkColor: P,
+          sideBarIconLightColor: H,
+          sideBarCollapsedSubmenuWidth: F,
+          sidebarActiveColor: J,
+          maxKeepAliveTabs: oA,
+          sidebarVariant: K,
+          sidebarShowSearch: tA,
           children: r
         }
       )
@@ -3184,7 +3184,7 @@ const Ue = HA({
         return a;
     }
   }, [r, t] = He(s, o);
-  return bA.useEffect(() => {
+  return mA.useEffect(() => {
     let a = null;
     return r.userCloseLinkRequest && !r.linkClosed && (console.log(`[NavigationProvider] Waiting for close response for: ${r.userCloseLinkRequest}`), a = setTimeout(() => {
       console.log(`[NavigationProvider] No response received, auto-closing: ${r.userCloseLinkRequest}`), t({ type: "CLOSE_ALLOWED", link: r.userCloseLinkRequest });
@@ -3198,10 +3198,10 @@ const Ue = HA({
     throw new Error("useArchbaseNavigationContext deve ser usado dentro de um ArchbaseNavigationProvider");
   return e;
 }, In = (e, o) => {
-  const s = Be(), { state: r, dispatch: t } = s, a = H((c) => {
+  const s = Be(), { state: r, dispatch: t } = s, a = U((c) => {
     console.log(`[useArchbaseNavigationListener] closeAllowed called for: ${e}`), t({ type: "CLOSE_ALLOWED", link: e, payload: c });
-  }, [t, e]), i = mA(o);
-  i.current = o, iA(() => {
+  }, [t, e]), i = bA(o);
+  i.current = o, aA(() => {
     console.log(`[useArchbaseNavigationListener] Effect check - userCloseLinkRequest: ${r?.userCloseLinkRequest}, id: ${e}`), r && r.userCloseLinkRequest && r.userCloseLinkRequest === e && (console.log(`[useArchbaseNavigationListener] Calling onUserCloseRequest for: ${e}`), i.current());
   }, [r, e]);
   const n = r.isClosing && r.userCloseLinkRequest === e;
@@ -3214,180 +3214,189 @@ function En({
   activeTabId: r,
   openedTabs: t = []
 }) {
-  const [a, i] = bA.useTransition(), n = FA(), { colorScheme: c } = oA(), [l, u] = pA(t), [d, h] = pA(r), p = qA(), y = mA([]);
-  Hr(y);
-  const w = Be(), { state: m, dispatch: f } = w, g = IA(jA), S = Ge(), v = mA(o), C = mA(s);
-  iA(() => {
-    v.current = o, C.current = s;
+  const [a, i] = mA.useTransition(), n = FA(), { colorScheme: c } = sA(), [l, u] = fA(t), [d, h] = fA(r), p = bA(void 0), b = qA(), k = bA([]);
+  Hr(k);
+  const y = Be(), { state: f, dispatch: g } = y, w = IA(jA), v = Ge(), m = bA(o), M = bA(s);
+  aA(() => {
+    m.current = o, M.current = s;
   });
-  const P = mA(!1), $ = H((k, b) => {
-    console.log(`[TabContainer] handleOnClose called for: ${k}`), S ? S.requestUnregister(k) : console.error("[ArchbaseAdminTabContainer] keepAliveCache context not available. Tab cache cleanup will not occur. This may cause memory leaks.");
-    const L = l.findIndex((U) => U.path === k);
-    let M = b?.redirectUrl;
-    !M && L >= 0 && (M = l[L].redirect);
-    const N = l.filter((U) => U.id !== k);
-    let R = -1;
-    N.forEach((U, lA) => U.id === d && (R = lA));
-    let z = null;
-    N.length > 0 && N[R] ? z = N[R].id : N.length > 0 ? z = N[N.length - 1].id : z = null;
-    const dA = N.map((U) => ({
-      ...U,
-      active: z === U.id
+  const $ = bA(d);
+  aA(() => {
+    p.current = $.current, $.current = d;
+  }, [d]);
+  const V = bA(!1), rA = U((x, C) => {
+    console.log(`[TabContainer] handleOnClose called for: ${x}`), v ? v.requestUnregister(x) : console.error("[ArchbaseAdminTabContainer] keepAliveCache context not available. Tab cache cleanup will not occur. This may cause memory leaks.");
+    const R = l.findIndex((F) => F.path === x);
+    let S = C?.redirectUrl;
+    !S && R >= 0 && (S = l[R].redirect);
+    const L = l.filter((F) => F.id !== x);
+    let P = null;
+    if (p.current && p.current !== x) {
+      const F = L.find((J) => J.id === p.current);
+      F && (P = F.id);
+    }
+    if (!P) {
+      let F = -1;
+      L.forEach((J, oA) => J.id === d && (F = oA)), L.length > 0 && L[F] ? P = L[F].id : L.length > 0 && (P = L[L.length - 1].id);
+    }
+    const H = L.map((F) => ({
+      ...F,
+      active: P === F.id
     }));
-    if (u(dA), z && z != null)
-      h(z), n(M || z);
+    if (u(H), P && P != null)
+      h(P), n(S || P);
     else {
-      if (h(void 0), !g.navigationRootLink) {
+      if (h(void 0), !w.navigationRootLink) {
         console.error("[ArchbaseAdminTabContainer] navigationRootLink is not configured. Cannot navigate to root.");
         return;
       }
-      n(g.navigationRootLink);
-    }
-    f({ type: "DONE", link: "" });
-  }, [l, d, n, g.navigationRootLink, f, S]);
-  iA(() => {
-    m?.linkClosed && (console.log(`[TabContainer] useEffect - linkClosed: ${m?.linkClosed}`), $(m?.linkClosed, m?.payload));
-  }, [m?.linkClosed, m?.payload, $]);
-  const j = (k) => {
-    const b = {
+      n(w.navigationRootLink);
+    }
+    g({ type: "DONE", link: "" });
+  }, [l, d, n, w.navigationRootLink, g, v]);
+  aA(() => {
+    f?.linkClosed && (console.log(`[TabContainer] useEffect - linkClosed: ${f?.linkClosed}`), rA(f?.linkClosed, f?.payload));
+  }, [f?.linkClosed, f?.payload, rA]);
+  const z = (x) => {
+    const C = {
       item: void 0,
       title: void 0,
-      link: k,
+      link: x,
       redirect: void 0,
       customTitle: void 0
     };
-    return e.forEach((L) => {
-      if (L.links)
-        L.links.forEach((M) => {
-          me({ path: M.link || "" }, location.pathname) && (b.item = M, b.title = `${_().t(M.label)}`, b.redirect = M.redirect, b.customTitle = M.customTitle);
+    return e.forEach((R) => {
+      if (R.links)
+        R.links.forEach((S) => {
+          me({ path: S.link || "" }, location.pathname) && (C.item = S, C.title = `${eA().t(S.label)}`, C.redirect = S.redirect, C.customTitle = S.customTitle);
         });
-      else if (L.link && !b.item) {
-        const M = me({ path: L.link }, location.pathname);
-        M && (M.params && Object.keys(M.params).length > 0 ? b.title = `${M.params[Object.keys(M.params)[0]]}` : b.title = `${_().t(L.label)}`, b.item = L, b.redirect = L.redirect, b.customTitle = L.customTitle);
+      else if (R.link && !C.item) {
+        const S = me({ path: R.link }, location.pathname);
+        S && (S.params && Object.keys(S.params).length > 0 ? C.title = `${S.params[Object.keys(S.params)[0]]}` : C.title = `${eA().t(R.label)}`, C.item = R, C.redirect = R.redirect, C.customTitle = R.customTitle);
       }
-    }), b.customTitle && (b.customTitle = b.customTitle.replace("$title", b.title)), b;
+    }), C.customTitle && (C.customTitle = C.customTitle.replace("$title", C.title)), C;
   };
-  iA(() => {
-    u(t), P.current = !0;
+  aA(() => {
+    u(t), V.current = !0;
   }, [JSON.stringify(t)]);
-  const W = mA(l), D = mA(d);
-  iA(() => {
-    if (P.current) {
-      P.current = !1, W.current = l, D.current = d;
+  const O = bA(l), G = bA(d);
+  aA(() => {
+    if (V.current) {
+      V.current = !1, O.current = l, G.current = d;
       return;
     }
-    const k = JSON.stringify(W.current) !== JSON.stringify(l), b = D.current !== d;
-    if (k || b) {
-      const L = setTimeout(() => {
-        v.current?.(l), C.current?.(d);
+    const x = JSON.stringify(O.current) !== JSON.stringify(l), C = G.current !== d;
+    if (x || C) {
+      const R = setTimeout(() => {
+        m.current?.(l), M.current?.(d);
       }, 0);
-      return W.current = l, D.current = d, () => clearTimeout(L);
+      return O.current = l, G.current = d, () => clearTimeout(R);
     }
   }, [l, d]);
-  const O = mA("");
-  iA(() => {
-    if (O.current === p.pathname)
+  const Q = bA("");
+  aA(() => {
+    if (Q.current === b.pathname)
       return;
-    O.current = p.pathname;
-    const k = j(p.pathname);
-    if (k && k.item) {
-      const b = l.findIndex((L) => L.path === k.link);
-      if (b !== -1) {
-        if (l[b].title !== k.title) {
-          const L = [...l];
-          L[b] = { ...L[b], title: k.title }, u(L);
+    Q.current = b.pathname;
+    const x = z(b.pathname);
+    if (x && x.item) {
+      const C = l.findIndex((R) => R.path === x.link);
+      if (C !== -1) {
+        if (l[C].title !== x.title) {
+          const R = [...l];
+          R[C] = { ...R[C], title: x.title }, u(R);
         }
-        h(l[b].id);
+        h(l[C].id);
       } else {
-        const L = {
-          id: `${k.link}`,
-          title: `${k.title}`,
-          path: `${k.link}`,
+        const R = {
+          id: `${x.link}`,
+          title: `${x.title}`,
+          path: `${x.link}`,
           active: !0,
-          content: k.item.component,
-          iconClass: k.item.icon,
+          content: x.item.component,
+          iconClass: x.item.icon,
           closeButton: !0,
-          redirect: k.redirect,
-          customTitle: k.customTitle
-        }, M = [...l.map((N) => ({ ...N, active: !1 })), L];
-        u(M), h(L.id);
+          redirect: x.redirect,
+          customTitle: x.customTitle
+        }, S = [...l.map((L) => ({ ...L, active: !1 })), R];
+        u(S), h(R.id);
       }
     }
-  }, [p.pathname]);
-  const B = (k) => {
-    const b = l.filter((L) => L.id === k);
-    b && b.length > 0 && p.pathname !== b[0].path && n(b[0].path), i(() => {
-      h(k);
+  }, [b.pathname]);
+  const D = (x) => {
+    const C = l.filter((R) => R.id === x);
+    C && C.length > 0 && b.pathname !== C[0].path && n(C[0].path), i(() => {
+      h(x);
     });
-  }, Q = (k) => {
-    console.log(`[TabContainer] handleOnCloseRequest - User clicked close on tab: ${k}`);
+  }, I = (x) => {
+    console.log(`[TabContainer] handleOnCloseRequest - User clicked close on tab: ${x}`);
     try {
-      f({ type: "USER_CLOSE_REQUEST", link: k });
-    } catch (b) {
-      console.error("[TabContainer] Dispatch failed:", b);
+      g({ type: "USER_CLOSE_REQUEST", link: x });
+    } catch (C) {
+      console.error("[TabContainer] Dispatch failed:", C);
     }
-  }, T = H(() => {
-    if (u([]), h(void 0), !g.navigationRootLink) {
+  }, T = U(() => {
+    if (u([]), h(void 0), !w.navigationRootLink) {
       console.error("[ArchbaseAdminTabContainer] navigationRootLink is not configured. Cannot navigate to root.");
       return;
     }
-    n(g.navigationRootLink);
-  }, [n, g.navigationRootLink]), x = H((k) => {
-    const b = l.findIndex((R) => R.id === k);
-    if (b <= 0)
+    n(w.navigationRootLink);
+  }, [n, w.navigationRootLink]), Y = U((x) => {
+    const C = l.findIndex((P) => P.id === x);
+    if (C <= 0)
       return;
-    const L = l.slice(b), M = L.find((R) => R.id === d)?.id || L[0]?.id, N = L.map((R) => ({
-      ...R,
-      active: R.id === M
+    const R = l.slice(C), S = R.find((P) => P.id === d)?.id || R[0]?.id, L = R.map((P) => ({
+      ...P,
+      active: P.id === S
     }));
-    if (u(N), M) {
-      h(M);
-      const R = N.find((z) => z.id === M);
-      R && p.pathname !== R.path && n(R.path);
-    }
-  }, [l, d, n, p.pathname]), E = H((k) => {
-    const b = l.findIndex((R) => R.id === k);
-    if (b === -1 || b >= l.length - 1)
+    if (u(L), S) {
+      h(S);
+      const P = L.find((H) => H.id === S);
+      P && b.pathname !== P.path && n(P.path);
+    }
+  }, [l, d, n, b.pathname]), B = U((x) => {
+    const C = l.findIndex((P) => P.id === x);
+    if (C === -1 || C >= l.length - 1)
       return;
-    const L = l.slice(0, b + 1), M = L.find((R) => R.id === d)?.id || L[L.length - 1]?.id, N = L.map((R) => ({
-      ...R,
-      active: R.id === M
+    const R = l.slice(0, C + 1), S = R.find((P) => P.id === d)?.id || R[R.length - 1]?.id, L = R.map((P) => ({
+      ...P,
+      active: P.id === S
     }));
-    if (u(N), M) {
-      h(M);
-      const R = N.find((z) => z.id === M);
-      R && p.pathname !== R.path && n(R.path);
-    }
-  }, [l, d, n, p.pathname]), V = H((k) => {
-    const b = l.find((M) => M.id === k);
-    if (!b)
+    if (u(L), S) {
+      h(S);
+      const P = L.find((H) => H.id === S);
+      P && b.pathname !== P.path && n(P.path);
+    }
+  }, [l, d, n, b.pathname]), X = U((x) => {
+    const C = l.find((S) => S.id === x);
+    if (!C)
       return;
-    const L = [{ ...b, active: !0 }];
-    u(L), h(k), p.pathname !== b.path && n(b.path);
-  }, [l, n, p.pathname]);
-  return /* @__PURE__ */ A("div", { ref: y, children: /* @__PURE__ */ A(
+    const R = [{ ...C, active: !0 }];
+    u(R), h(x), b.pathname !== C.path && n(C.path);
+  }, [l, n, b.pathname]);
+  return /* @__PURE__ */ A("div", { ref: k, children: /* @__PURE__ */ A(
     Fr,
     {
       buttonCloseOnlyActiveTab: !0,
-      onClick: (k) => B(k),
-      onTabClose: (k) => Q(k),
-      onTabChange: (k) => null,
+      onClick: (x) => D(x),
+      onTabClose: (x) => I(x),
+      onTabChange: (x) => null,
       onCloseAllTabs: T,
-      onCloseLeftTabs: x,
-      onCloseRightTabs: E,
-      onCloseOtherTabs: V,
-      currentTabs: ((k) => k.map((b) => ({
-        key: b.id,
-        favicon: b.iconClass,
-        title: b.title,
-        customTitle: b.customTitle
+      onCloseLeftTabs: Y,
+      onCloseRightTabs: B,
+      onCloseOtherTabs: X,
+      currentTabs: ((x) => x.map((C) => ({
+        key: C.id,
+        favicon: C.iconClass,
+        title: C.title,
+        customTitle: C.customTitle
       })))(l),
       activeTab: d,
       dark: c === "dark"
     }
   ) });
 }
-const Lo = () => bA.createElement("div", null, "Home View"), Do = () => bA.createElement("div", null, "Pedido Form"), To = () => bA.createElement("div", null, "Pedido View"), zo = () => bA.createElement("div", null, "Pessoa Form"), Po = () => bA.createElement("div", null, "Pessoa View"), Mo = {
+const Lo = () => mA.createElement("div", null, "Home View"), To = () => mA.createElement("div", null, "Pedido Form"), Do = () => mA.createElement("div", null, "Pedido View"), zo = () => mA.createElement("div", null, "Pessoa Form"), Po = () => mA.createElement("div", null, "Pessoa View"), Mo = {
   label: "Dashboard",
   icon: /* @__PURE__ */ A(sr, {}),
   link: "/dashboard",
@@ -3407,7 +3416,7 @@ const Lo = () => bA.createElement("div", null, "Home View"), Do = () => bA.creat
 }, $o = {
   label: "Consulta lista pessoas",
   link: "/pessoa/consulta",
-  icon: /* @__PURE__ */ A(De, {}),
+  icon: /* @__PURE__ */ A(Te, {}),
   category: "PESSOAS",
   color: "pink",
   component: /* @__PURE__ */ A(Po, {}),
@@ -3432,10 +3441,10 @@ const Lo = () => bA.createElement("div", null, "Home View"), Do = () => bA.creat
 }, Go = {
   label: "Consulta lista pedidos",
   link: "/pedido/consulta",
-  icon: /* @__PURE__ */ A(De, {}),
+  icon: /* @__PURE__ */ A(Te, {}),
   category: "PEDIDOS",
   color: "yellow",
-  component: /* @__PURE__ */ A(To, {}),
+  component: /* @__PURE__ */ A(Do, {}),
   showInSidebar: !0,
   keepAlive: !0
 }, Uo = {
@@ -3444,7 +3453,7 @@ const Lo = () => bA.createElement("div", null, "Home View"), Do = () => bA.creat
   icon: /* @__PURE__ */ A(cr, {}),
   category: "PEDIDOS",
   color: "yellow",
-  component: /* @__PURE__ */ A(Do, {}),
+  component: /* @__PURE__ */ A(To, {}),
   showInSidebar: !0,
   keepAlive: !0
 }, Bo = {
@@ -3471,7 +3480,7 @@ const Lo = () => bA.createElement("div", null, "Home View"), Do = () => bA.creat
 ];
 function Ln({ children: e, title: o = "", size: s = "440px", drawerKey: r, styles: t }) {
   const [a, { open: i, close: n }] = Ve(!1), [c] = Pe(), l = Or(), u = se();
-  return iA(() => {
+  return aA(() => {
     c.get("drawer") === r && i();
   }, [c]), /* @__PURE__ */ A(
     Se,
@@ -3503,9 +3512,9 @@ function Fo(e) {
     });
   } };
 }
-function Dn({ drawerKey: e }) {
+function Tn({ drawerKey: e }) {
   const { openDrawer: o } = Fo(e);
-  return iA(() => {
+  return aA(() => {
     o();
   }, []), null;
 }
@@ -3517,10 +3526,10 @@ const qo = {
   avatarMaxSizeKB: 2e3,
   avatarImageQuality: 1
 };
-function Tn({ opened: e, handleClose: o, userId: s, updateUser: r, options: t }) {
-  const a = Ye(), i = Ke(), n = ur(), c = qr(`myProfile${s}Store`), l = Vr(hr.User), u = { ...qo, ...t ?? {} }, { dataSource: d, isLoading: h, error: p, isError: y, clearError: w } = Yr({
+function Dn({ opened: e, handleClose: o, userId: s, updateUser: r, options: t }) {
+  const a = Ye(), i = Ke(), n = ur(), c = qr(`myProfile${s}Store`), l = Vr(hr.User), u = { ...qo, ...t ?? {} }, { dataSource: d, isLoading: h, error: p, isError: b, clearError: k } = Yr({
     name: `dsUser${s}`,
-    label: `${_().t("archbase:My Profile")}`,
+    label: `${eA().t("archbase:My Profile")}`,
     service: l,
     store: c,
     pageSize: 50,
@@ -3533,28 +3542,28 @@ function Tn({ opened: e, handleClose: o, userId: s, updateUser: r, options: t })
     onDestroy: (f) => {
     },
     onError: (f, g) => {
-      Gr.showError(_().t("archbase:WARNING"), f, g);
+      Gr.showError(eA().t("archbase:WARNING"), f, g);
     }
   });
-  iA(() => {
+  aA(() => {
     e && d && d.isBrowsing() && d.edit();
   }, [d, e]);
-  const m = (f) => {
+  const y = (f) => {
     f && (console.log(f), r(f.name, f.avatar));
   };
   return /* @__PURE__ */ A(
     Kr,
     {
-      title: _().t("archbase:My Profile"),
+      title: eA().t("archbase:My Profile"),
       size: 800,
       height: "500px",
       opened: e,
       dataSource: d,
       onClickOk: o,
       onClickCancel: o,
-      onAfterSave: m,
-      children: /* @__PURE__ */ A(zA, { style: { height: "440px" }, ref: a, children: /* @__PURE__ */ I(K, { children: [
-        /* @__PURE__ */ A(K, { align: "center", children: /* @__PURE__ */ A(
+      onAfterSave: y,
+      children: /* @__PURE__ */ A(zA, { style: { height: "440px" }, ref: a, children: /* @__PURE__ */ E(j, { children: [
+        /* @__PURE__ */ A(j, { align: "center", children: /* @__PURE__ */ A(
           Ur,
           {
             dataSource: d,
@@ -3568,8 +3577,8 @@ function Tn({ opened: e, handleClose: o, userId: s, updateUser: r, options: t })
         /* @__PURE__ */ A(
           XA,
           {
-            label: `${_().t("archbase:Nome completo")}`,
-            placeholder: `${_().t("archbase:Informe o nome completo do usuário")}`,
+            label: `${eA().t("archbase:Nome completo")}`,
+            placeholder: `${eA().t("archbase:Informe o nome completo do usuário")}`,
             dataSource: d,
             dataField: "name",
             required: !0
@@ -3578,8 +3587,8 @@ function Tn({ opened: e, handleClose: o, userId: s, updateUser: r, options: t })
         u.showNickname && /* @__PURE__ */ A(
           XA,
           {
-            label: `${_().t("archbase:Apelido")}`,
-            placeholder: `${_().t("archbase:Apelido")}`,
+            label: `${eA().t("archbase:Apelido")}`,
+            placeholder: `${eA().t("archbase:Apelido")}`,
             dataSource: d,
             dataField: "nickname",
             required: u.requiredNickname
@@ -3588,8 +3597,8 @@ function Tn({ opened: e, handleClose: o, userId: s, updateUser: r, options: t })
         /* @__PURE__ */ A(
           XA,
           {
-            label: `${_().t("archbase:Descrição do usuário")}`,
-            placeholder: `${_().t("archbase:Informe a descrição do usuário")}`,
+            label: `${eA().t("archbase:Descrição do usuário")}`,
+            placeholder: `${eA().t("archbase:Informe a descrição do usuário")}`,
             dataSource: d,
             dataField: "description",
             required: !0
@@ -3620,11 +3629,11 @@ export {
   Jr as ArchbaseChangeLanguageAction,
   Zr as ArchbaseColorSchemeAction,
   Ln as ArchbaseDrawerContent,
-  Dn as ArchbaseDrawerTrigger,
+  Tn as ArchbaseDrawerTrigger,
   _r as ArchbaseHeaderNavAction,
   KA as ArchbaseKeepAliveRoute,
   yo as ArchbaseMantineSidebar,
-  Tn as ArchbaseMyProfileModal,
+  Dn as ArchbaseMyProfileModal,
   Ue as ArchbaseNavigationContext,
   Sn as ArchbaseNavigationProvider,
   eo as CommandPaletteButton,
@@ -3632,22 +3641,22 @@ export {
   ho as MantineSidebarGroupsSkeleton,
   ue as MantineSidebarMenuSkeleton,
   mo as MinimalSidebar,
-  ko as RailSidebar,
+  Co as RailSidebar,
   bn as SidebarBadge,
   we as SidebarErrorMessage,
   co as SidebarGroup,
   uo as SidebarGroupIcon,
   so as SidebarGroupsSkeleton,
-  Cn as SidebarHeaderSkeleton,
+  kn as SidebarHeaderSkeleton,
   mn as SidebarIndicator,
   MA as SidebarItem,
   ye as SidebarMenuSkeleton,
   ae as SidebarProvider,
-  fn as SidebarSearch,
-  pn as SidebarSection,
+  pn as SidebarSearch,
+  fn as SidebarSection,
   gn as SidebarUserProfile,
-  kn as SidebarUserProfileSkeleton,
-  fo as StandardSidebar,
+  Cn as SidebarUserProfileSkeleton,
+  po as StandardSidebar,
   ro as defaultAvatar,
   qo as defaultMyProfileModalOptions,
   Rn as navigationDataSample,