@archbase/admin 4.0.44 → 4.0.45

package/dist/index.js

@@ -1,18 +1,18 @@
 import { jsx as r, jsxs as R, Fragment as Pe } from "react/jsx-runtime";
 import * as GA from "react";
-import Se, { useState as ge, useRef as _, useEffect as te, useMemo as ce, useContext as ve, useCallback as w, createContext as Ne, memo as BA, Fragment as UA, useLayoutEffect as kr, useImperativeHandle as xr, startTransition as nA, useReducer as Ir, useSyncExternalStore as Tr } from "react";
+import xe, { useState as ge, useRef as _, useEffect as oe, useMemo as ce, useContext as ve, useCallback as S, createContext as Ne, memo as BA, Fragment as UA, useLayoutEffect as kr, useImperativeHandle as xr, startTransition as nA, useReducer as Ir, useSyncExternalStore as Tr } from "react";
 import { useArchbaseSecurityManager as Er } from "@archbase/security";
 import { useUncontrolled as aA, useMediaQuery as PA, useHotkeys as Rr, useDisclosure as Pr, useFocusTrap as Lr, useForceUpdate as Mr } from "@mantine/hooks";
 import { Flex as Ye, useMantineColorScheme as de, Menu as ie, ActionIcon as De, Group as Le, Tooltip as Me, Button as Dr, ScrollArea as ze, Badge as pA, Center as Je, Image as Nr, useMantineTheme as me, px as fe, Burger as zr, Box as B, Avatar as iA, Text as Te, Stack as J, Skeleton as pe, Paper as Or, NavLink as LA, Kbd as HA, UnstyledButton as cA, Collapse as $r, TextInput as YA, Indicator as Qr, Transition as Kr, Divider as dA, AppShell as Be, Drawer as qA } from "@mantine/core";
 import { IconSun as jA, IconMoonStars as XA, IconTerminal as Fr, IconSearch as _e, IconAlertCircle as Vr, IconDots as JA, IconChevronRight as gA, IconChevronDown as Gr, IconX as _A, IconChevronLeft as Br, IconHome2 as Ur, IconDashboard as Hr, IconUsers as Yr, IconListSearch as WA, IconUserPlus as qr, IconNews as jr, IconFilePlus as Xr, IconSettings as Jr } from "@tabler/icons-react";
-import { useArchbaseAppContext as bA, getI18nextInstance as oe, useArchbaseTranslation as mA, archbaseI18next as Re, useArchbaseValidator as _r, ARCHBASE_IOC_API_TYPE as Wr } from "@archbase/core";
+import { useArchbaseAppContext as bA, getI18nextInstance as ne, useArchbaseTranslation as mA, archbaseI18next as Re, useArchbaseValidator as _r, ARCHBASE_IOC_API_TYPE as Wr } from "@archbase/core";
 import { BRFlag as He, USFlag as ZA, ESFlag as uA, VEFlag as Zr, UYFlag as et, SVFlag as At, PYFlag as rt, PEFlag as tt, PAFlag as ot, NIFlag as nt, MXFlag as st, HNFlag as lt, GTFlag as at, ECFlag as it, DOFlag as ct, CUFlag as dt, CRFlag as ut, COFlag as ht, CLFlag as ft, BOFlag as pt, ARFlag as gt } from "mantine-flagpack";
 import { spotlight as bt, Spotlight as Ue } from "@mantine/spotlight";
 import { useNavigate as qe, useLocation as je, matchPath as MA } from "react-router";
 import { useLocation as Xe, useOutlet as mt, matchPath as yt, Route as Ke, Routes as er, useParams as Ar, useNavigationType as vt, UNSAFE_LocationContext as Ct, useSearchParams as rr, useNavigate as wt } from "react-router-dom";
 import { useMediaQuery as St } from "usehooks-ts";
 import { useArchbaseNavigateParams as kt, useArchbaseVisible as xt, ArchbaseNotifications as It, ArchbaseAvatarEdit as Tt, ArchbaseEdit as sA } from "@archbase/components";
-import { SubMenu as Et, MenuItem as DA, menuClasses as re, Sidebar as tr, Menu as or, sidebarClasses as nr } from "react-pro-sidebar";
+import { SubMenu as Et, MenuItem as DA, menuClasses as te, Sidebar as tr, Menu as or, sidebarClasses as nr } from "react-pro-sidebar";
 import { createPortal as Rt } from "react-dom";
 import Pt from "@rehooks/component-size";
 import { ArchbaseAdvancedTabs as Lt } from "@archbase/layout";
@@ -21,7 +21,7 @@ import { persist as Dt } from "zustand/middleware";
 import { useArchbaseStore as Nt, useArchbaseRemoteServiceApi as zt, useArchbaseRemoteDataSource as Ot } from "@archbase/data";
 import { ArchbaseFormModalTemplate as $t } from "@archbase/template";
 import { createStore as Qt } from "zustand/vanilla";
-const rA = Se.createContext({}), Kt = ({
+const rA = xe.createContext({}), Kt = ({
   navigationData: A,
   user: t,
   owner: o,
@@ -30,114 +30,114 @@ const rA = Se.createContext({}), Kt = ({
   children: s,
   enableSecurity: a,
   securityOptions: l,
-  onNavigationDataChange: d,
-  initialSidebarCollapsed: c
+  onNavigationDataChange: i,
+  initialSidebarCollapsed: h
 }) => {
-  const [u, i] = ge(c), [h, p] = ge(!1), [b, C] = ge(() => a === !0), [m, g] = ge(null), f = _(!1), [S, k] = aA({
-    value: d !== void 0 ? A : void 0,
+  const [c, d] = ge(h), [u, p] = ge(!1), [C, b] = ge(() => a === !0), [m, g] = ge(null), f = _(!1), [I, T] = aA({
+    value: i !== void 0 ? A : void 0,
     defaultValue: a ? [] : A,
     finalValue: [],
-    onChange: d
+    onChange: i
   });
-  te(() => {
-  }, [S, a]);
-  const { securityManager: D } = Er({
+  oe(() => {
+  }, [I, a]);
+  const { securityManager: L } = Er({
     resourceName: l?.navigationResourceName ? l.navigationResourceName : "ArchbaseAdvancedSidebar",
     resourceDescription: l?.navigationResourceDescription ? l.navigationResourceDescription : "archbase:Navegação",
     enableSecurity: a
   });
-  return te(() => {
+  return oe(() => {
     f.current = !1;
-  }, [t?.id]), te(() => {
+  }, [t?.id]), oe(() => {
     if (!a) {
-      C(!1);
+      b(!1);
       return;
     }
     if (f.current)
       return;
     A.filter((P) => P.showInSidebar).forEach((P) => {
-      D.registerAction(P.label, P.label), P?.links?.forEach((y) => D.registerAction(`${P.label} -> ${y.label}`, `${P.label} -> ${y.label}`));
+      L.registerAction(P.label, P.label), P?.links?.forEach((v) => L.registerAction(`${P.label} -> ${v.label}`, `${P.label} -> ${v.label}`));
     });
-    const z = () => {
+    const F = () => {
       f.current = !0;
-      const P = A.map((y) => ({
-        ...y,
-        disabled: !D.hasPermission(y.label),
-        links: y.links && y.links.map((V) => {
-          const E = D.hasPermission(`${y.label} -> ${V.label}`);
+      const P = A.map((v) => ({
+        ...v,
+        disabled: !L.hasPermission(v.label),
+        links: v.links && v.links.map((K) => {
+          const E = L.hasPermission(`${v.label} -> ${K.label}`);
           return {
-            ...V,
+            ...K,
             disabled: !E
           };
         })
       }));
-      k(P), C(!1), g(null);
-    }, U = !D.isLoading() && !D.isError();
-    if (D.isError()) {
+      T(P), b(!1), g(null);
+    }, U = !L.isLoading() && !L.isError();
+    if (L.isError()) {
       f.current = !0;
-      const P = D.getError() || "Erro ao carregar permissões de navegação";
-      g(P), C(!1), k(A);
+      const P = L.getError() || "Erro ao carregar permissões de navegação";
+      g(P), b(!1), T(A);
       return;
     }
     if (U) {
-      z();
+      F();
       return;
     }
-    C(!0), g(null);
-    let $ = !1;
-    const M = setInterval(() => {
-      if (!$ && D.isError()) {
-        clearInterval(M), f.current = !0;
-        const P = D.getError() || "Erro ao carregar permissões de navegação";
-        g(P), C(!1), k(A);
+    b(!0), g(null);
+    let O = !1;
+    const D = setInterval(() => {
+      if (!O && L.isError()) {
+        clearInterval(D), f.current = !0;
+        const P = L.getError() || "Erro ao carregar permissões de navegação";
+        g(P), b(!1), T(A);
       }
-    }, 100), F = setTimeout(() => {
-      $ || (clearInterval(M), C((P) => P && (f.current = !0, console.warn("[ArchbaseAdminLayout] Timeout ao carregar permissões - carregando menu sem filtro de segurança"), k(A), !1)));
+    }, 100), Q = setTimeout(() => {
+      O || (clearInterval(D), b((P) => P && (f.current = !0, console.warn("[ArchbaseAdminLayout] Timeout ao carregar permissões - carregando menu sem filtro de segurança"), T(A), !1)));
     }, 3e3);
-    return D.apply(() => {
-      $ || (clearInterval(M), clearTimeout(F), z());
+    return L.apply(() => {
+      O || (clearInterval(D), clearTimeout(Q), F());
     }), () => {
-      $ = !0, clearInterval(M), clearTimeout(F);
+      O = !0, clearInterval(D), clearTimeout(Q);
     };
-  }, [t?.id, a, A, D, k]), /* @__PURE__ */ r(
+  }, [t?.id, a, A, L, T]), /* @__PURE__ */ r(
     rA.Provider,
     {
       value: {
-        navigationData: S,
-        setNavigationData: k,
+        navigationData: I,
+        setNavigationData: T,
         user: t,
         owner: o,
         company: e,
         navigationRootLink: n,
-        collapsed: u,
-        setCollapsed: i,
-        hidden: h,
+        collapsed: c,
+        setCollapsed: d,
+        hidden: u,
         setHidden: p,
-        onNavigationDataChange: d,
-        isLoadingPermissions: b,
+        onNavigationDataChange: i,
+        isLoadingPermissions: C,
         permissionsError: m
       },
       children: s
     }
   );
 }, Rn = ({ children: A }) => /* @__PURE__ */ r(Ye, { align: "center", direction: "row", wrap: "wrap", h: "100%", children: A }), Ft = () => {
-  const A = bA(), { colorScheme: t } = de(), o = t === "dark", [e, n] = ge(oe().language);
-  te(() => {
-    const d = (c) => {
-      n(c);
+  const A = bA(), { colorScheme: t } = de(), o = t === "dark", [e, n] = ge(ne().language);
+  oe(() => {
+    const i = (h) => {
+      n(h);
     };
-    return oe().on("languageChanged", d), () => {
-      oe().off("languageChanged", d);
+    return ne().on("languageChanged", i), () => {
+      ne().off("languageChanged", i);
     };
   }, []);
-  const s = (d) => {
-    if (!d)
+  const s = (i) => {
+    if (!i)
       return /* @__PURE__ */ r(He, { size: 24 });
-    if (d === "en" || d === "en-US")
+    if (i === "en" || i === "en-US")
       return /* @__PURE__ */ r(ZA, { size: 24 });
-    if (d === "pt-BR")
+    if (i === "pt-BR")
       return /* @__PURE__ */ r(He, { size: 24 });
-    if (d.includes("es"))
+    if (i.includes("es"))
       switch (navigator.language || navigator.languages[0]) {
         case "es":
         case "es-ES":
@@ -184,20 +184,20 @@ const rA = Se.createContext({}), Kt = ({
     return /* @__PURE__ */ r(He, { size: 24 });
   }, a = () => {
     if (A.languages)
-      return A.languages.filter((d) => d).map((d) => /* @__PURE__ */ r(
+      return A.languages.filter((i) => i).map((i) => /* @__PURE__ */ r(
         ie.Item,
         {
-          onClick: () => l(d.lang),
-          leftSection: s(d.lang),
-          children: d.name
+          onClick: () => l(i.lang),
+          leftSection: s(i.lang),
+          children: i.name
         },
-        d.name
+        i.name
       ));
-  }, l = (d) => {
-    oe().changeLanguage(d);
+  }, l = (i) => {
+    ne().changeLanguage(i);
   };
   return /* @__PURE__ */ R(ie, { shadow: "md", width: 200, position: "bottom-end", children: [
-    /* @__PURE__ */ r(ie.Target, { children: /* @__PURE__ */ r(De, { variant: "transparent", color: o ? "white" : "blue", title: oe().t("toggleLanguage"), children: s(e) }) }),
+    /* @__PURE__ */ r(ie.Target, { children: /* @__PURE__ */ r(De, { variant: "transparent", color: o ? "white" : "blue", title: ne().t("toggleLanguage"), children: s(e) }) }),
     /* @__PURE__ */ r(ie.Dropdown, { children: a() })
   ] });
 }, Vt = () => {
@@ -226,7 +226,7 @@ const rA = Se.createContext({}), Kt = ({
         variant: "transparent",
         fw: 400,
         gap: 4,
-        title: oe().t("archbase:toggleLanguage"),
+        title: ne().t("archbase:toggleLanguage"),
         children: [
           n(e.language),
           `${A.languages.find((l) => l.lang === e.language)?.name ?? "Português"}`
@@ -249,7 +249,7 @@ const rA = Se.createContext({}), Kt = ({
       variant: "transparent",
       color: l ? t : o,
       onClick: () => a(),
-      title: oe().t("archbase:toggleColorScheme"),
+      title: ne().t("archbase:toggleColorScheme"),
       children: l ? /* @__PURE__ */ r(jA, { size: "1.5rem" }) : /* @__PURE__ */ r(XA, { size: "1.5rem" })
     }
   );
@@ -259,55 +259,55 @@ function Ut({ category: A, label: t, color: o, description: e, image: n, onClick
     Ue.Action,
     {
       onClick: s,
-      label: `${oe().t(t || "")}`,
-      description: e ? oe().t(e) : void 0,
-      leftSection: n ? /* @__PURE__ */ r(Je, { children: /* @__PURE__ */ r(Nr, { src: n, alt: oe().t(t || ""), width: 24, height: 24 }) }) : void 0,
-      rightSection: A ? /* @__PURE__ */ r(pA, { color: o, size: "sm", children: oe().t(A) }) : void 0
+      label: `${ne().t(t || "")}`,
+      description: e ? ne().t(e) : void 0,
+      leftSection: n ? /* @__PURE__ */ r(Je, { children: /* @__PURE__ */ r(Nr, { src: n, alt: ne().t(t || ""), width: 24, height: 24 }) }) : void 0,
+      rightSection: A ? /* @__PURE__ */ r(pA, { color: o, size: "sm", children: ne().t(A) }) : void 0
     },
     t
   );
 }
 const Ht = ({ navigationData: A, color: t }) => {
   const [o, e] = ge(""), n = qe(), { t: s } = mA(), a = ce(() => {
-    const d = new Array();
-    return A.forEach((c) => {
-      c.links ? c.links.forEach((u) => {
-        !u.disabled && u.showInSidebar && d.push({
-          id: u.label,
-          category: u.category ? u.category.toUpperCase() : "",
-          color: u.color,
-          label: u.label,
-          link: u.link,
+    const i = new Array();
+    return A.forEach((h) => {
+      h.links ? h.links.forEach((c) => {
+        !c.disabled && c.showInSidebar && i.push({
+          id: c.label,
+          category: c.category ? c.category.toUpperCase() : "",
+          color: c.color,
+          label: c.label,
+          link: c.link,
           onClick: () => {
-            u.link && n(u.link);
+            c.link && n(c.link);
           }
         });
-      }) : !c.disabled && c.showInSidebar && d.push({
-        id: c.label,
+      }) : !h.disabled && h.showInSidebar && i.push({
+        id: h.label,
         onClick: () => {
-          c.link && n(c.link);
+          h.link && n(h.link);
         },
-        category: c.category ? c.category.toUpperCase() : "",
-        color: c.color,
-        label: c.label,
-        link: c.link
+        category: h.category ? h.category.toUpperCase() : "",
+        color: h.color,
+        label: h.label,
+        link: h.link
       });
-    }), d;
-  }, [A, n]), l = a.filter((d) => {
-    const c = `${s(d.label || "")}`;
-    return c && c.toLowerCase().includes(o.toLowerCase().trim());
-  }).map((d) => /* @__PURE__ */ r(Ut, { ...d }, d.id));
+    }), i;
+  }, [A, n]), l = a.filter((i) => {
+    const h = `${s(i.label || "")}`;
+    return h && h.toLowerCase().includes(o.toLowerCase().trim());
+  }).map((i) => /* @__PURE__ */ r(Ut, { ...i }, i.id));
   return /* @__PURE__ */ r(Pe, { children: a && a.length > 0 ? /* @__PURE__ */ R(Pe, { children: [
     /* @__PURE__ */ r(Me, { withinPortal: !0, withArrow: !0, label: `${s("archbase:Comandos ⌘M")}`, children: /* @__PURE__ */ r(Dr, { color: t, leftSection: /* @__PURE__ */ r(Fr, { size: "24px" }), onClick: () => bt.open() }) }),
     /* @__PURE__ */ R(
       Ue.Root,
       {
         shortcut: ["mod + M", "/"],
-        onQueryChange: (d) => e(d),
+        onQueryChange: (i) => e(i),
         query: o,
         children: [
           /* @__PURE__ */ r(Ue.Search, { placeholder: `${s("archbase:Localizar...")}`, leftSection: /* @__PURE__ */ r(_e, { size: "1.2rem" }) }),
-          /* @__PURE__ */ r(ze.Autosize, { mah: "calc(100vh - 200px)", type: "scroll", scrollbarSize: 8, children: /* @__PURE__ */ r(Ue.ActionsList, { children: l.length > 0 ? l : /* @__PURE__ */ r(Ue.Empty, { children: oe().t("archbase:Nenhum resultado...") }) }) })
+          /* @__PURE__ */ r(ze.Autosize, { mah: "calc(100vh - 200px)", type: "scroll", scrollbarSize: 8, children: /* @__PURE__ */ r(Ue.ActionsList, { children: l.length > 0 ? l : /* @__PURE__ */ r(Ue.Empty, { children: ne().t("archbase:Nenhum resultado...") }) }) })
         ]
       }
     )
@@ -321,37 +321,37 @@ const Ht = ({ navigationData: A, color: t }) => {
   userMenuItemsAfterToggleColorScheme: s,
   showMenuItemsBeforeToggleColorScheme: a = !0,
   userMenuItemsBeforeToggleColorScheme: l,
-  hideAutoHeaderActionsOnUserMenu: d = !0,
-  showHeaderActions: c = !0,
-  showHeaderToggleColorScheme: u = !0,
-  hideAutoHeaderActionsOnUserMenuBreakPoint: i,
-  withDividerAfterUserMenuToggleColorScheme: h = !0,
+  hideAutoHeaderActionsOnUserMenu: i = !0,
+  showHeaderActions: h = !0,
+  showHeaderToggleColorScheme: c = !0,
+  hideAutoHeaderActionsOnUserMenuBreakPoint: d,
+  withDividerAfterUserMenuToggleColorScheme: u = !0,
   user: p,
-  navigationData: b = [],
-  logo: C,
+  navigationData: C = [],
+  logo: b,
   headerActions: m,
   styleLogo: g,
   showLanguageSelector: f = !1,
-  sideBarHiddenBreakPoint: S,
-  headerLeftContent: k,
-  toggleColorScheme: D,
-  logoLeftSection: j,
-  logoRightSection: z,
+  sideBarHiddenBreakPoint: I,
+  headerLeftContent: T,
+  toggleColorScheme: L,
+  logoLeftSection: X,
+  logoRightSection: F,
   showBurger: U = !0,
-  showCommands: O = !0,
-  sunColor: $,
-  moonColor: M,
-  styles: F
+  showCommands: M = !0,
+  sunColor: O,
+  moonColor: D,
+  styles: Q
 }) => {
-  const P = me(), { colorScheme: y, toggleColorScheme: V } = de(), E = ve(rA), W = PA(
-    `(max-width: ${S ? fe(S) : P.breakpoints.md})`
-  ), H = PA(
-    `(max-width: ${i ? fe(i) : P.breakpoints.md})`
+  const P = me(), { colorScheme: v, toggleColorScheme: K } = de(), E = ve(rA), W = PA(
+    `(max-width: ${I ? fe(I) : P.breakpoints.md})`
+  ), G = PA(
+    `(max-width: ${d ? fe(d) : P.breakpoints.md})`
   );
-  let I = !1, G = !1;
-  return d && (c = !H, u = !H, t = H, o = H, a = H, h = H, f && (G = !H, I = H)), /* @__PURE__ */ R(Pe, { children: [
+  let x = !1, V = !1;
+  return i && (h = !G, c = !G, t = G, o = G, a = G, u = G, f && (V = !G, x = G)), /* @__PURE__ */ R(Pe, { children: [
     /* @__PURE__ */ R(Ye, { style: { width: 300, height: 50 }, align: "center", children: [
-      j,
+      X,
       /* @__PURE__ */ r(
         "img",
         {
@@ -360,10 +360,10 @@ const Ht = ({ navigationData: A, color: t }) => {
             ...g
           },
           alt: "logo",
-          src: C
+          src: b
         }
       ),
-      z
+      F
     ] }),
     U && /* @__PURE__ */ r(
       zr,
@@ -376,13 +376,13 @@ const Ht = ({ navigationData: A, color: t }) => {
         display: W ? "" : "none"
       }
     ),
-    /* @__PURE__ */ r("div", { children: O && /* @__PURE__ */ r(Ht, { navigationData: b }) }),
-    /* @__PURE__ */ r(B, { style: { flex: 1 }, children: k }),
+    /* @__PURE__ */ r("div", { children: M && /* @__PURE__ */ r(Ht, { navigationData: C }) }),
+    /* @__PURE__ */ r(B, { style: { flex: 1 }, children: T }),
     /* @__PURE__ */ R(Bt, { children: [
-      c && m,
-      u && /* @__PURE__ */ r(Gt, { toggleColorScheme: D, sunColor: $, moonColor: M }),
-      G && /* @__PURE__ */ r(Ft, {}),
-      /* @__PURE__ */ R(ie, { shadow: "md", width: 200, position: "bottom-end", styles: F?.menu, children: [
+      h && m,
+      c && /* @__PURE__ */ r(Gt, { toggleColorScheme: L, sunColor: O, moonColor: D }),
+      V && /* @__PURE__ */ r(Ft, {}),
+      /* @__PURE__ */ R(ie, { shadow: "md", width: 200, position: "bottom-end", styles: Q?.menu, children: [
         /* @__PURE__ */ r(ie.Target, { children: /* @__PURE__ */ R("div", { children: [
           /* @__PURE__ */ r(
             iA,
@@ -417,26 +417,26 @@ const Ht = ({ navigationData: A, color: t }) => {
         ] }) }),
         /* @__PURE__ */ R(ie.Dropdown, { children: [
           A,
-          o && /* @__PURE__ */ r(ie.Label, { children: `${oe().t("archbase:Opções")}` }),
+          o && /* @__PURE__ */ r(ie.Label, { children: `${ne().t("archbase:Opções")}` }),
           a && l,
           t && /* @__PURE__ */ r(
             ie.Item,
             {
-              leftSection: y === "dark" ? /* @__PURE__ */ r(jA, { size: e }) : /* @__PURE__ */ r(XA, { size: e }),
-              onClick: D || V,
-              children: `${oe().t("archbase:toggleColorScheme")}`
+              leftSection: v === "dark" ? /* @__PURE__ */ r(jA, { size: e }) : /* @__PURE__ */ r(XA, { size: e }),
+              onClick: L || K,
+              children: `${ne().t("archbase:toggleColorScheme")}`
             }
           ),
-          I && /* @__PURE__ */ r(Vt, {}),
-          h && /* @__PURE__ */ r(ie.Divider, {}),
+          x && /* @__PURE__ */ r(Vt, {}),
+          u && /* @__PURE__ */ r(ie.Divider, {}),
           n && s
         ] })
       ] })
     ] })
   ] });
 };
-function NA(A, t, o, e, n, s, a, l, d, c) {
-  const u = s ? A.colorScheme === "dark" ? A.colors[A.primaryColor][8] : A.colors[A.primaryColor][7] : void 0, i = s ? (A.colorScheme === "dark", A.colors[A.primaryColor][0]) : void 0, h = A.colorScheme === "dark" ? "#3e5e7e" : "#9fb6cf", p = "0.5";
+function NA(A, t, o, e, n, s, a, l, i, h) {
+  const c = s ? A.colorScheme === "dark" ? A.colors[A.primaryColor][8] : A.colors[A.primaryColor][7] : void 0, d = s ? (A.colorScheme === "dark", A.colors[A.primaryColor][0]) : void 0, u = A.colorScheme === "dark" ? "#3e5e7e" : "#9fb6cf", p = "0.5";
   if (e.links) {
     if (!(e.disabled && e.hideDisabledItem))
       return /* @__PURE__ */ r(Me, { disabled: !t, label: Re.t(e.label), children: /* @__PURE__ */ r(
@@ -444,26 +444,26 @@ function NA(A, t, o, e, n, s, a, l, d, c) {
         {
           rootStyles: {
             fontSize: "16px",
-            [`.${re.button}`]: {
+            [`.${te.button}`]: {
               "&:hover": {
-                [`.${re.icon}`]: {
+                [`.${te.icon}`]: {
                   color: "white"
                 },
-                [`.${re.label}`]: {
+                [`.${te.label}`]: {
                   color: "white"
                 }
               }
             },
-            [`.${re.subMenuContent}`]: {
-              width: t && c
+            [`.${te.subMenuContent}`]: {
+              width: t && h
             },
-            [`.${re.disabled}`]: {
+            [`.${te.disabled}`]: {
               opacity: p,
-              [`.${re.icon}`]: {
-                color: h + " !important"
+              [`.${te.icon}`]: {
+                color: u + " !important"
               },
-              [`.${re.label}`]: {
-                color: h + " !important"
+              [`.${te.label}`]: {
+                color: u + " !important"
               }
             }
           },
@@ -472,47 +472,47 @@ function NA(A, t, o, e, n, s, a, l, d, c) {
           defaultOpen: !e.disabled,
           label: t ? "" : Re.t(e.label),
           disabled: e.disabled,
-          children: e.links && e.links.filter((b) => b.showInSidebar === !0 && (!b.disabled || !b.hideDisabledItem)).map((b, C) => /* @__PURE__ */ r(
+          children: e.links && e.links.filter((C) => C.showInSidebar === !0 && (!C.disabled || !C.hideDisabledItem)).map((C, b) => /* @__PURE__ */ r(
             DA,
             {
-              onClick: () => o(b),
+              onClick: () => o(C),
               rootStyles: {
-                [`.${re.icon}`]: {
-                  background: u,
-                  color: l && b.link === a ? "white" : i
+                [`.${te.icon}`]: {
+                  background: c,
+                  color: l && C.link === a ? "white" : d
                 },
-                [`.${re.label}`]: {
-                  color: l && b.link === a ? "white" : d
+                [`.${te.label}`]: {
+                  color: l && C.link === a ? "white" : i
                 },
-                [`.${re.button}`]: {
+                [`.${te.button}`]: {
                   paddingLeft: "40px !important",
                   "&:hover": {
-                    [`.${re.icon}`]: {
+                    [`.${te.icon}`]: {
                       color: "white"
                     },
-                    [`.${re.label}`]: {
+                    [`.${te.label}`]: {
                       color: "white"
                     }
                   }
                 },
-                [`.${re.disabled}`]: {
+                [`.${te.disabled}`]: {
                   opacity: p,
-                  [`.${re.icon}`]: {
-                    background: (u || "") + " !important",
-                    color: h + " !important"
+                  [`.${te.icon}`]: {
+                    background: (c || "") + " !important",
+                    color: u + " !important"
                   },
-                  [`.${re.label}`]: {
-                    color: h + " !important"
+                  [`.${te.label}`]: {
+                    color: u + " !important"
                   }
                 }
               },
-              id: b.label,
-              icon: b.icon,
-              disabled: typeof b.disabled == "function" ? b.disabled() : b.disabled,
-              active: l && b.link === a,
-              children: Re.t(b.label)
+              id: C.label,
+              icon: C.icon,
+              disabled: typeof C.disabled == "function" ? C.disabled() : C.disabled,
+              active: l && C.link === a,
+              children: Re.t(C.label)
             },
-            C
+            b
           ))
         },
         n
@@ -523,31 +523,31 @@ function NA(A, t, o, e, n, s, a, l, d, c) {
       {
         rootStyles: {
           fontSize: "16px",
-          [`.${re.button}`]: {
+          [`.${te.button}`]: {
             "&:hover": {
-              [`.${re.icon}`]: {
+              [`.${te.icon}`]: {
                 color: "white"
               },
-              [`.${re.label}`]: {
+              [`.${te.label}`]: {
                 color: "white"
               }
             }
           },
-          [`.${re.icon}`]: {
-            background: u,
-            color: l && e.link === a ? "white" : i
-          },
-          [`.${re.label}`]: {
+          [`.${te.icon}`]: {
+            background: c,
             color: l && e.link === a ? "white" : d
           },
-          [`.${re.disabled}`]: {
+          [`.${te.label}`]: {
+            color: l && e.link === a ? "white" : i
+          },
+          [`.${te.disabled}`]: {
             opacity: p,
-            [`.${re.icon}`]: {
-              background: (u || "") + " !important",
-              color: h + " !important"
+            [`.${te.icon}`]: {
+              background: (c || "") + " !important",
+              color: u + " !important"
             },
-            [`.${re.label}`]: {
-              color: h + " !important"
+            [`.${te.label}`]: {
+              color: u + " !important"
             }
           }
         },
@@ -597,20 +597,20 @@ const qt = (A) => ({
       }
     }
   }
-}), jt = (A, t, o, e, n, s, a, l, d, c, u) => {
-  const i = qt(), h = s ? {} : { padding: o ? `0 ${(n - e) / 2}px` : "0 20px" }, p = s ? {} : { display: "none" }, b = a ? A === "dark" ? t.colors[t.primaryColor][8] : t.colors[t.primaryColor][0] : void 0;
+}), jt = (A, t, o, e, n, s, a, l, i, h, c) => {
+  const d = qt(), u = s ? {} : { padding: o ? `0 ${(n - e) / 2}px` : "0 20px" }, p = s ? {} : { display: "none" }, C = a ? A === "dark" ? t.colors[t.primaryColor][8] : t.colors[t.primaryColor][0] : void 0;
   return {
     root: {
       fontSize: "14px",
       fontWeight: 400,
-      backgroundColor: d,
+      backgroundColor: i,
       color: t.white
     },
     icon: {
-      background: b,
-      color: u,
-      [`&.${re.disabled}`]: {
-        color: i[A].menu.disabled.color
+      background: C,
+      color: c,
+      [`&.${te.disabled}`]: {
+        color: d[A].menu.disabled.color
       }
     },
     SubMenuExpandIcon: {
@@ -621,29 +621,29 @@ const qt = (A) => ({
       backgroundColor: A === "dark" ? t.colors.dark[8] : t.colors[t.primaryColor][0]
     }),
     button: {
-      [`&.${re.disabled}`]: {
-        color: i[A].menu.disabled.color
+      [`&.${te.disabled}`]: {
+        color: d[A].menu.disabled.color
       },
       "&:hover": {
         backgroundColor: t.colors[t.primaryColor][6],
         color: t.white
       },
-      [`&.${re.active}`]: {
+      [`&.${te.active}`]: {
         backgroundColor: t.colors[t.primaryColor][6]
       },
       height: l,
-      ...h
+      ...u
     },
-    label: ({ open: C }) => ({
-      fontWeight: C ? 600 : void 0,
-      color: c,
+    label: ({ open: b }) => ({
+      fontWeight: b ? 600 : void 0,
+      color: h,
       "&:hover": {
         color: t.white
       }
     })
   };
 };
-function Xt(A, t, o, e, n, s, a, l, d, c, u) {
+function Xt(A, t, o, e, n, s, a, l, i, h, c) {
   return /* @__PURE__ */ R(
     tr,
     {
@@ -651,7 +651,7 @@ function Xt(A, t, o, e, n, s, a, l, d, c, u) {
       rootStyles: {
         [`.${nr.container}`]: {
           position: "absolute",
-          background: u,
+          background: c,
           overflowX: "hidden",
           overflowY: "hidden",
           left: 0,
@@ -663,9 +663,9 @@ function Xt(A, t, o, e, n, s, a, l, d, c, u) {
       width: `${fe(o)}px`,
       collapsedWidth: `${fe(e)}px`,
       children: [
-        d && /* @__PURE__ */ r(Pe, { children: d }),
-        /* @__PURE__ */ r(ze, { style: { overflowY: "auto", overflowX: "hidden", height: l }, children: /* @__PURE__ */ r(or, { rootStyles: { background: u }, menuItemStyles: n, closeOnClick: !0, children: s && /* @__PURE__ */ r(Pe, { children: s }) }) }),
-        c && /* @__PURE__ */ r(Pe, { children: c })
+        i && /* @__PURE__ */ r(Pe, { children: i }),
+        /* @__PURE__ */ r(ze, { style: { overflowY: "auto", overflowX: "hidden", height: l }, children: /* @__PURE__ */ r(or, { rootStyles: { background: c }, menuItemStyles: n, closeOnClick: !0, children: s && /* @__PURE__ */ r(Pe, { children: s }) }) }),
+        h && /* @__PURE__ */ r(Pe, { children: h })
       ]
     }
   );
@@ -747,7 +747,7 @@ function Jt({
         height: o,
         backgroundColor: a
       },
-      children: Array.from({ length: A }).map((l, d) => /* @__PURE__ */ R(J, { gap: 4, align: "center", children: [
+      children: Array.from({ length: A }).map((l, i) => /* @__PURE__ */ R(J, { gap: 4, align: "center", children: [
         /* @__PURE__ */ r(
           pe,
           {
@@ -765,7 +765,7 @@ function Jt({
             radius: "xl"
           }
         )
-      ] }, d))
+      ] }, i))
     }
   );
 }
@@ -789,52 +789,52 @@ function _t({
   selectedGroupColor: s,
   groupColor: a,
   backgroundGroupColor: l,
-  isHidden: d = !1,
-  sideBarFooterHeight: c,
-  sideBarFooterContent: u,
-  groupLabelDarkColor: i,
-  groupLabelLightColor: h,
+  isHidden: i = !1,
+  sideBarFooterHeight: h,
+  sideBarFooterContent: c,
+  groupLabelDarkColor: d,
+  groupLabelLightColor: u,
   collapsed: p,
-  onMenuItemClick: b,
-  onClickActionIcon: C,
+  onMenuItemClick: C,
+  onClickActionIcon: b,
   withBorder: m = !1,
   showGroupLabels: g = !0,
   theme: f,
-  sidebarRef: S,
-  defaultGroupIcon: k,
-  selectedGroupName: D,
-  sideBarHeaderContent: j,
-  iconsWithBackground: z = !1,
+  sidebarRef: I,
+  defaultGroupIcon: T,
+  selectedGroupName: L,
+  sideBarHeaderContent: X,
+  iconsWithBackground: F = !1,
   menuItemHeight: U = 40,
-  highlightActiveMenuItem: O = !0,
-  backgroundDarkColor: $,
-  backgroundLightColor: M,
-  textDarkColor: F,
+  highlightActiveMenuItem: M = !0,
+  backgroundDarkColor: O,
+  backgroundLightColor: D,
+  textDarkColor: Q,
   textLightColor: P,
-  iconDarkColor: y,
-  iconLightColor: V,
+  iconDarkColor: v,
+  iconLightColor: K,
   collapsedSubmenuWidth: E,
   isLoading: W = !1,
-  loadingError: H,
-  loadingComponent: I,
-  errorComponent: G,
-  skeletonItemCount: ne = 8,
-  skeletonGroupCount: we = 3
+  loadingError: G,
+  loadingComponent: x,
+  errorComponent: V,
+  skeletonItemCount: se = 8,
+  skeletonGroupCount: Ce = 3
 }) {
-  const [se, be] = ge(""), ke = bA(), T = je(), { colorScheme: v } = de(), Q = v === "dark" ? $ ?? f.colors.dark[7] : M ?? f.white, L = s || (v === "dark" ? f.colors[f.primaryColor][8] : f.colors[f.primaryColor][0]), x = v === "dark" ? F ?? "var(--mantine-color-text)" : P ?? "var(--mantine-color-text)", X = v === "dark" ? y ?? f.colors[f.primaryColor][0] : V ?? f.colors[f.primaryColor][7], N = ce(() => {
-    const Ae = /* @__PURE__ */ new Set();
+  const [le, be] = ge(""), we = bA(), Se = je(), { colorScheme: w } = de(), k = w === "dark" ? O ?? f.colors.dark[7] : D ?? f.white, N = s || (w === "dark" ? f.colors[f.primaryColor][8] : f.colors[f.primaryColor][0]), y = w === "dark" ? Q ?? "var(--mantine-color-text)" : P ?? "var(--mantine-color-text)", H = w === "dark" ? v ?? f.colors[f.primaryColor][0] : K ?? f.colors[f.primaryColor][7], Y = ce(() => {
+    const re = /* @__PURE__ */ new Set();
     return A.forEach((q) => {
       if (q.showInSidebar && (!q.disabled || !q.hideDisabledItem)) {
         let ye = !1;
         q.group || (q.group = {
-          icon: k || /* @__PURE__ */ r(JA, { size: "2.2rem", color: "#63B1FB", stroke: 1 }),
+          icon: T || /* @__PURE__ */ r(JA, { size: "2.2rem", color: "#63B1FB", stroke: 1 }),
           label: "Default",
           name: "Default",
           hint: "Default",
           indexOrder: 0
-        }), Ae.forEach((K) => {
-          K.name === q.group.name && (ye = !0);
-        }), ye || Ae.add({
+        }), re.forEach(($) => {
+          $.name === q.group.name && (ye = !0);
+        }), ye || re.add({
           name: q.group.name,
           indexOrder: q.group.indexOrder,
           component: /* @__PURE__ */ r(
@@ -858,10 +858,10 @@ function _t({
                       De,
                       {
                         size: "48px",
-                        variant: q.group.name === se ? "filled" : l ? "subtle" : "light",
-                        color: q.group.name === se ? L : a,
+                        variant: q.group.name === le ? "filled" : l ? "subtle" : "light",
+                        color: q.group.name === le ? N : a,
                         onClick: () => {
-                          be((K) => (C && C(K, q.group.name), q.group.name === K && !d ? "" : q.group.name));
+                          be(($) => (b && b($, q.group.name), q.group.name === $ && !i ? "" : q.group.name));
                         },
                         children: q.group.icon
                       }
@@ -870,7 +870,7 @@ function _t({
                       Te,
                       {
                         size: "xs",
-                        c: v === "dark" ? i || f.colors[f.primaryColor][2] : h || f.colors[f.primaryColor][2],
+                        c: w === "dark" ? d || f.colors[f.primaryColor][2] : u || f.colors[f.primaryColor][2],
                         children: q.group.label
                       }
                     ) : !1
@@ -882,59 +882,59 @@ function _t({
           )
         });
       }
-    }), Ae.forEach((q) => {
-      const ye = A.filter((K) => K.showInSidebar === !0 && (!K.disabled || !K.hideDisabledItem) && K.group && K.group.name === q.name);
-      q.links = ye.map((K, ue) => NA(f, p, b, K, ue, z, T.pathname, O, x, E));
-    }), [...Ae].sort((q, ye) => q.indexOrder - ye.indexOrder);
-  }, [A, se, v, p, ke.selectedCompany, O, T]), Y = jt(
-    v,
+    }), re.forEach((q) => {
+      const ye = A.filter(($) => $.showInSidebar === !0 && (!$.disabled || !$.hideDisabledItem) && $.group && $.group.name === q.name);
+      q.links = ye.map(($, ue) => NA(f, p, C, $, ue, F, Se.pathname, M, y, E));
+    }), [...re].sort((q, ye) => q.indexOrder - ye.indexOrder);
+  }, [A, le, w, p, we.selectedCompany, M, Se]), z = jt(
+    w,
     f,
     p,
     35,
     Number(fe(n)),
-    N.length > 1,
-    z,
+    Y.length > 1,
+    F,
     U,
-    Q,
-    x,
-    X
-  ), Ce = p || se === "" ? "0px" : `calc(${o} - ${t})`, le = l || (v === "dark" ? f.colors[f.primaryColor][6] : f.colors[f.primaryColor][7]), xe = w(() => {
-    D && N.map((Ae) => Ae.name).includes(D) ? be(D) : N.length > 1 && be("Default");
+    k,
+    y,
+    H
+  ), j = p || le === "" ? "0px" : `calc(${o} - ${t})`, Z = l || (w === "dark" ? f.colors[f.primaryColor][6] : f.colors[f.primaryColor][7]), ke = S(() => {
+    L && Y.map((re) => re.name).includes(L) ? be(L) : Y.length > 1 && be("Default");
   }, []);
-  te(() => {
-    xe();
-  }, []), te(() => {
-    p ? be("") : se === "" && xe();
+  oe(() => {
+    ke();
+  }, []), oe(() => {
+    p ? be("") : le === "" && ke();
   }, [p]);
-  const Z = () => H ? G || /* @__PURE__ */ r(
+  const ee = () => G ? V || /* @__PURE__ */ r(
     OA,
     {
-      message: H,
-      backgroundColor: Q
+      message: G,
+      backgroundColor: k
     }
-  ) : W ? I || /* @__PURE__ */ r(
+  ) : W ? x || /* @__PURE__ */ r(
     zA,
     {
-      itemCount: ne,
+      itemCount: se,
       collapsed: p,
-      backgroundColor: Q
+      backgroundColor: k
     }
-  ) : se !== "" ? /* @__PURE__ */ r(
+  ) : le !== "" ? /* @__PURE__ */ r(
     tr,
     {
-      ref: S,
+      ref: I,
       rootStyles: {
         [`.${nr.container}`]: {
-          background: Q,
+          background: k,
           overflowX: "hidden",
           overflowY: "hidden",
           left: 0,
           height: `${fe(e)}px`
         }
       },
-      style: { borderColor: v === "dark" ? "#000" : "#efefef" },
+      style: { borderColor: w === "dark" ? "#000" : "#efefef" },
       collapsed: p,
-      width: `${fe(Ce)}`,
+      width: `${fe(j)}`,
       collapsedWidth: "0px",
       children: /* @__PURE__ */ r(
         ze,
@@ -943,20 +943,20 @@ function _t({
             overflowY: "auto",
             overflowX: "hidden",
             height: "100%",
-            width: Ce
+            width: j
           },
-          children: /* @__PURE__ */ r(or, { rootStyles: { background: Q }, menuItemStyles: Y, closeOnClick: !0, children: N.find((Ae) => Ae.name === se)?.links || null })
+          children: /* @__PURE__ */ r(or, { rootStyles: { background: k }, menuItemStyles: z, closeOnClick: !0, children: Y.find((re) => re.name === le)?.links || null })
         }
       )
     }
-  ) : null, Ie = () => W && N.length === 0 ? /* @__PURE__ */ r(
+  ) : null, Ie = () => W && Y.length === 0 ? /* @__PURE__ */ r(
     Jt,
     {
-      groupCount: we,
+      groupCount: Ce,
       width: t,
       height: e
     }
-  ) : N.length !== 0 ? /* @__PURE__ */ r(
+  ) : Y.length !== 0 ? /* @__PURE__ */ r(
     J,
     {
       gap: "4px",
@@ -964,45 +964,45 @@ function _t({
         height: e,
         width: t,
         padding: "4px",
-        backgroundColor: le
+        backgroundColor: Z
       },
-      children: N.map((Ae) => /* @__PURE__ */ r(Se.Fragment, { children: Ae.component }, Ae.name))
+      children: Y.map((re) => /* @__PURE__ */ r(xe.Fragment, { children: re.component }, re.name))
     }
-  ) : null, ee = () => H ? G || /* @__PURE__ */ r(
+  ) : null, Ae = () => G ? V || /* @__PURE__ */ r(
     OA,
     {
-      message: H,
-      backgroundColor: Q
+      message: G,
+      backgroundColor: k
     }
-  ) : W ? I || /* @__PURE__ */ r(
+  ) : W ? x || /* @__PURE__ */ r(
     zA,
     {
-      itemCount: ne,
+      itemCount: se,
       collapsed: p,
-      backgroundColor: Q
+      backgroundColor: k
     }
   ) : A.map(
-    (Ae, Ee) => NA(f, p, b, Ae, Ee, z, T.pathname, O, x, E)
+    (re, Ee) => NA(f, p, C, re, Ee, F, Se.pathname, M, y, E)
   );
-  return /* @__PURE__ */ r(Pe, { children: N.length == 1 ? Xt(
-    S,
+  return /* @__PURE__ */ r(Pe, { children: Y.length == 1 ? Xt(
+    I,
     p,
     o,
     n,
-    Y,
-    ee(),
-    d,
+    z,
+    Ae(),
+    i,
     e,
-    j,
-    u,
-    Q
+    X,
+    c,
+    k
   ) : /* @__PURE__ */ R(Ye, { direction: "column", w: p ? n : o, children: [
-    /* @__PURE__ */ r("div", { style: { height: "auto", width: "100%" }, children: j }),
+    /* @__PURE__ */ r("div", { style: { height: "auto", width: "100%" }, children: X }),
     /* @__PURE__ */ R(Or, { withBorder: m, h: e, w: "100%", display: "flex", children: [
       Ie(),
-      Z()
+      ee()
     ] }),
-    /* @__PURE__ */ r("div", { style: { height: "auto", width: "100%" }, children: u })
+    /* @__PURE__ */ r("div", { style: { height: "auto", width: "100%" }, children: c })
   ] }) });
 }
 const yA = Ne(null);
@@ -1024,12 +1024,12 @@ function CA({
   onCollapsedChange: s,
   defaultActiveGroup: a = "",
   activeGroup: l,
-  onActiveGroupChange: d,
-  showKeyboardShortcuts: c = !1,
-  highlightActiveItem: u = !0,
-  onMenuItemClick: i
+  onActiveGroupChange: i,
+  showKeyboardShortcuts: h = !1,
+  highlightActiveItem: c = !0,
+  onMenuItemClick: d
 }) {
-  const h = je(), p = qe(), [b, C] = aA({
+  const u = je(), p = qe(), [C, b] = aA({
     value: n,
     defaultValue: e,
     finalValue: !1,
@@ -1038,84 +1038,84 @@ function CA({
     value: l,
     defaultValue: a,
     finalValue: "",
-    onChange: d
-  }), [f, S] = ge(""), [k, D] = ge(() => {
-    const y = /* @__PURE__ */ new Set();
-    return t.forEach((V, E) => {
-      V.initiallyOpened && V.links && V.links.length > 0 && y.add(`group-${E}`);
-    }), y;
-  }), j = h.pathname, z = w(() => {
-    C(!b);
-  }, [b, C]), U = w((y) => {
-    D((V) => {
-      const E = new Set(V);
-      return E.has(y) ? E.delete(y) : E.add(y), E;
+    onChange: i
+  }), [f, I] = ge(""), [T, L] = ge(() => {
+    const v = /* @__PURE__ */ new Set();
+    return t.forEach((K, E) => {
+      K.initiallyOpened && K.links && K.links.length > 0 && v.add(`group-${E}`);
+    }), v;
+  }), X = u.pathname, F = S(() => {
+    b(!C);
+  }, [C, b]), U = S((v) => {
+    L((K) => {
+      const E = new Set(K);
+      return E.has(v) ? E.delete(v) : E.add(v), E;
     });
-  }, []), O = w((y) => {
-    D((V) => {
-      const E = new Set(V);
-      return E.add(y), E;
+  }, []), M = S((v) => {
+    L((K) => {
+      const E = new Set(K);
+      return E.add(v), E;
     });
-  }, []), $ = w((y) => {
-    D((V) => {
-      const E = new Set(V);
-      return E.delete(y), E;
+  }, []), O = S((v) => {
+    L((K) => {
+      const E = new Set(K);
+      return E.delete(v), E;
     });
-  }, []), M = ce(() => {
+  }, []), D = ce(() => {
     if (!f.trim())
       return t;
-    const y = f.toLowerCase().trim(), V = (E) => E.reduce((W, H) => {
-      const I = H.label.toLowerCase().includes(y), G = H.links ? V(H.links) : [];
-      return (I || G.length > 0) && W.push({
-        ...H,
-        links: G.length > 0 ? G : H.links,
+    const v = f.toLowerCase().trim(), K = (E) => E.reduce((W, G) => {
+      const x = G.label.toLowerCase().includes(v), V = G.links ? K(G.links) : [];
+      return (x || V.length > 0) && W.push({
+        ...G,
+        links: V.length > 0 ? V : G.links,
         // Expandir automaticamente quando há match em subitens
-        initiallyOpened: G.length > 0 || I
+        initiallyOpened: V.length > 0 || x
       }), W;
     }, []);
-    return V(t);
-  }, [t, f]), F = w(
-    (y) => {
-      i && i(y), y.link && (y.routeParams ? p(y.link, { state: y.routeParams }) : p(y.link)), y.redirect && p(y.redirect);
+    return K(t);
+  }, [t, f]), Q = S(
+    (v) => {
+      d && d(v), v.link && (v.routeParams ? p(v.link, { state: v.routeParams }) : p(v.link)), v.redirect && p(v.redirect);
     },
-    [p, i]
+    [p, d]
   ), P = ce(
     () => ({
-      collapsed: b,
-      setCollapsed: C,
-      toggleCollapsed: z,
+      collapsed: C,
+      setCollapsed: b,
+      toggleCollapsed: F,
       activeGroup: m,
       setActiveGroup: g,
-      activeItemPath: j,
-      navigateToItem: F,
+      activeItemPath: X,
+      navigateToItem: Q,
       searchQuery: f,
-      setSearchQuery: S,
-      filteredItems: M,
-      expandedGroups: k,
+      setSearchQuery: I,
+      filteredItems: D,
+      expandedGroups: T,
       toggleGroup: U,
-      expandGroup: O,
-      collapseGroup: $,
+      expandGroup: M,
+      collapseGroup: O,
       variant: o,
-      showKeyboardShortcuts: c,
-      highlightActiveItem: u
+      showKeyboardShortcuts: h,
+      highlightActiveItem: c
     }),
     [
-      b,
       C,
-      z,
+      b,
+      F,
       m,
       g,
-      j,
-      F,
+      X,
+      Q,
       f,
-      M,
-      k,
+      D,
+      T,
       U,
+      M,
       O,
-      $,
       o,
-      c,
-      u
+      h,
+      c
     ]
   );
   return /* @__PURE__ */ r(yA.Provider, { value: P, children: A });
@@ -1124,13 +1124,13 @@ function wA({
   navigationData: A,
   onMenuItemClick: t
 }) {
-  const o = je(), e = qe(), n = o.pathname, s = w(
-    (i) => {
-      for (const h of i) {
-        if (h.link === n)
-          return h;
-        if (h.links) {
-          const p = s(h.links);
+  const o = je(), e = qe(), n = o.pathname, s = S(
+    (d) => {
+      for (const u of d) {
+        if (u.link === n)
+          return u;
+        if (u.links) {
+          const p = s(u.links);
           if (p)
             return p;
         }
@@ -1138,90 +1138,90 @@ function wA({
       return null;
     },
     [n]
-  ), a = ce(() => s(A), [s, A]), l = w(
-    (i) => i.link === n,
+  ), a = ce(() => s(A), [s, A]), l = S(
+    (d) => d.link === n,
     [n]
-  ), d = w(
-    (i) => i.link === n ? !0 : i.links ? i.links.some((h) => d(h)) : !1,
+  ), i = S(
+    (d) => d.link === n ? !0 : d.links ? d.links.some((u) => i(u)) : !1,
     [n]
-  ), c = ce(() => {
-    const i = [], h = (p, b) => {
-      for (const C of p) {
-        const m = [...b, C];
-        if (C.link === n)
-          return i.push(...m), !0;
-        if (C.links && h(C.links, m))
+  ), h = ce(() => {
+    const d = [], u = (p, C) => {
+      for (const b of p) {
+        const m = [...C, b];
+        if (b.link === n)
+          return d.push(...m), !0;
+        if (b.links && u(b.links, m))
           return !0;
       }
       return !1;
     };
-    return h(A, []), i;
-  }, [A, n]), u = w(
-    (i) => {
-      (typeof i.disabled == "function" ? i.disabled() : i.disabled) || (t && t(i), i.link && (i.routeParams ? e(i.link, { state: i.routeParams }) : e(i.link)), i.redirect && e(i.redirect));
+    return u(A, []), d;
+  }, [A, n]), c = S(
+    (d) => {
+      (typeof d.disabled == "function" ? d.disabled() : d.disabled) || (t && t(d), d.link && (d.routeParams ? e(d.link, { state: d.routeParams }) : e(d.link)), d.redirect && e(d.redirect));
     },
     [e, t]
   );
   return {
     activeItem: a,
     currentPath: n,
-    navigateToItem: u,
+    navigateToItem: c,
     isItemActive: l,
-    isItemOrChildActive: d,
-    activeBreadcrumb: c
+    isItemOrChildActive: i,
+    activeBreadcrumb: h
   };
 }
 function Wt({
   navigationData: A,
   onSearch: t
 }) {
-  const [o, e] = ge(""), n = w((c) => c.reduce((u, i) => {
-    let h = 1;
-    return i.links && (h += n(i.links)), u + h;
+  const [o, e] = ge(""), n = S((h) => h.reduce((c, d) => {
+    let u = 1;
+    return d.links && (u += n(d.links)), c + u;
   }, 0), []), s = ce(() => {
     if (!o.trim())
       return A;
-    const c = o.toLowerCase().trim(), u = (i) => i.reduce((h, p) => {
+    const h = o.toLowerCase().trim(), c = (d) => d.reduce((u, p) => {
       if (!p.showInSidebar)
-        return h;
-      const b = p.label.toLowerCase().includes(c), C = p.links ? u(p.links) : [];
-      return (b || C.length > 0) && h.push({
+        return u;
+      const C = p.label.toLowerCase().includes(h), b = p.links ? c(p.links) : [];
+      return (C || b.length > 0) && u.push({
         ...p,
-        links: C.length > 0 ? C : p.links,
+        links: b.length > 0 ? b : p.links,
         // Expandir automaticamente grupos com match
         initiallyOpened: !0
-      }), h;
+      }), u;
     }, []);
-    return u(A);
-  }, [A, o]), a = ce(() => o.trim() ? n(s) : n(A), [o, A, s, n]), l = w(
-    (c) => {
-      if (e(c), t) {
-        const u = c.toLowerCase().trim();
-        if (!u)
-          t(c, A);
+    return c(A);
+  }, [A, o]), a = ce(() => o.trim() ? n(s) : n(A), [o, A, s, n]), l = S(
+    (h) => {
+      if (e(h), t) {
+        const c = h.toLowerCase().trim();
+        if (!c)
+          t(h, A);
         else {
-          const i = (h) => h.reduce((p, b) => {
-            if (!b.showInSidebar)
+          const d = (u) => u.reduce((p, C) => {
+            if (!C.showInSidebar)
               return p;
-            const C = b.label.toLowerCase().includes(u), m = b.links ? i(b.links) : [];
-            return (C || m.length > 0) && p.push({
-              ...b,
-              links: m.length > 0 ? m : b.links,
+            const b = C.label.toLowerCase().includes(c), m = C.links ? d(C.links) : [];
+            return (b || m.length > 0) && p.push({
+              ...C,
+              links: m.length > 0 ? m : C.links,
               initiallyOpened: !0
             }), p;
           }, []);
-          t(c, i(A));
+          t(h, d(A));
         }
       }
     },
     [A, t]
-  ), d = w(() => {
+  ), i = S(() => {
     l("");
   }, [l]);
   return {
     query: o,
     setQuery: l,
-    clearSearch: d,
+    clearSearch: i,
     filteredItems: s,
     hasResults: s.length > 0,
     isSearching: o.trim().length > 0,
@@ -1238,32 +1238,32 @@ function SA({
   enabled: e = !0
 }) {
   const n = ce(() => {
-    const d = /* @__PURE__ */ new Map(), c = (u) => {
-      u.forEach((i) => {
-        const h = i;
-        h.shortcut && d.set(h.shortcut, i), i.links && c(i.links);
+    const i = /* @__PURE__ */ new Map(), h = (c) => {
+      c.forEach((d) => {
+        const u = d;
+        u.shortcut && i.set(u.shortcut, d), d.links && h(d.links);
       });
     };
-    return c(A), d;
-  }, [A]), s = w(
-    (d) => !!d.shortcut,
+    return h(A), i;
+  }, [A]), s = S(
+    (i) => !!i.shortcut,
     []
-  ), a = w(
-    (d) => d.shortcut,
+  ), a = S(
+    (i) => i.shortcut,
     []
   ), l = ce(() => {
     if (!e)
       return [];
-    const d = [];
-    return o && d.push(["mod+b", o]), n.forEach((c, u) => {
-      const i = Zt(u);
-      d.push([
-        i,
+    const i = [];
+    return o && i.push(["mod+b", o]), n.forEach((h, c) => {
+      const d = Zt(c);
+      i.push([
+        d,
         () => {
-          (typeof c.disabled == "function" ? c.disabled() : c.disabled) || t(c);
+          (typeof h.disabled == "function" ? h.disabled() : h.disabled) || t(h);
         }
       ]);
-    }), d;
+    }), i;
   }, [e, n, t, o]);
   return Rr(l), {
     shortcuts: n,
@@ -1280,26 +1280,26 @@ function $e({
   textColor: s,
   iconColor: a,
   hoverColor: l,
-  itemHeight: d = 40,
-  itemBorderRadius: c = 0,
-  itemHorizontalGap: u = 0,
-  activeBackground: i,
-  isActive: h
+  itemHeight: i = 40,
+  itemBorderRadius: h = 0,
+  itemHorizontalGap: c = 0,
+  activeBackground: d,
+  isActive: u
 }) {
-  const p = me(), { colorScheme: b } = de(), C = A, [m, g] = ge(!1), f = s || "var(--mantine-color-text)", S = a || p.colors[p.primaryColor][6], k = l || p.colors[p.primaryColor][6], D = l ? `color-mix(in srgb, ${l} 80%, black)` : p.colors[p.primaryColor][8], j = m ? e ? D : k : e ? k : "transparent", z = m || e ? p.white : f, U = m || e ? p.white : S, $ = e && !m && !!i ? { background: i, backgroundColor: void 0 } : { background: void 0, backgroundColor: j }, M = typeof A.disabled == "function" ? A.disabled() : A.disabled;
-  if (M && A.hideDisabledItem || !A.showInSidebar)
+  const p = me(), { colorScheme: C } = de(), b = A, [m, g] = ge(!1), f = s || "var(--mantine-color-text)", I = a || p.colors[p.primaryColor][6], T = l || p.colors[p.primaryColor][6], L = l ? `color-mix(in srgb, ${l} 80%, black)` : p.colors[p.primaryColor][8], X = m ? e ? L : T : e ? T : "transparent", F = m || e ? p.white : f, U = m || e ? p.white : I, O = e && !m && !!d ? { background: d, backgroundColor: void 0 } : { background: void 0, backgroundColor: X }, D = typeof A.disabled == "function" ? A.disabled() : A.disabled;
+  if (D && A.hideDisabledItem || !A.showInSidebar)
     return null;
-  const F = w(() => {
-    !M && n && n(A);
-  }, [M, n, A]), P = Re.t(A.label), y = () => C.badge ? /* @__PURE__ */ r(pA, { size: "xs", color: C.badgeColor || "blue", variant: "filled", children: C.badge }) : null, V = () => C.shortcut ? /* @__PURE__ */ r(HA, { size: "xs", style: { marginLeft: "auto" }, children: C.shortcut }) : null;
+  const Q = S(() => {
+    !D && n && n(A);
+  }, [D, n, A]), P = Re.t(A.label), v = () => b.badge ? /* @__PURE__ */ r(pA, { size: "xs", color: b.badgeColor || "blue", variant: "filled", children: b.badge }) : null, K = () => b.shortcut ? /* @__PURE__ */ r(HA, { size: "xs", style: { marginLeft: "auto" }, children: b.shortcut }) : null;
   if (A.links && A.links.length > 0) {
-    const E = A.links.filter((I) => {
-      const G = typeof I.disabled == "function" ? I.disabled() : I.disabled;
-      return I.showInSidebar && (!G || !I.hideDisabledItem);
+    const E = A.links.filter((x) => {
+      const V = typeof x.disabled == "function" ? x.disabled() : x.disabled;
+      return x.showInSidebar && (!V || !x.hideDisabledItem);
     });
-    if (E.length === 0 && M && A.hideDisabledItem)
+    if (E.length === 0 && D && A.hideDisabledItem)
       return null;
-    const W = (I) => h ? h(I) : e, H = (I) => I.some((G) => W(G) || (G.links ? H(G.links) : !1));
+    const W = (x) => u ? u(x) : e, G = (x) => x.some((V) => W(V) || (V.links ? G(V.links) : !1));
     return o ? /* @__PURE__ */ R(
       ie,
       {
@@ -1323,7 +1323,7 @@ function $e({
                   B,
                   {
                     style: {
-                      color: S,
+                      color: I,
                       display: "flex",
                       alignItems: "center",
                       justifyContent: "center"
@@ -1337,7 +1337,7 @@ function $e({
                     size: "8px",
                     ta: "center",
                     style: {
-                      color: S,
+                      color: I,
                       lineHeight: 1,
                       maxWidth: 56,
                       overflow: "hidden",
@@ -1352,17 +1352,17 @@ function $e({
           ) }) }) }),
           /* @__PURE__ */ R(ie.Dropdown, { children: [
             /* @__PURE__ */ r(ie.Label, { children: P }),
-            E.map((I, G) => {
-              const ne = typeof I.disabled == "function" ? I.disabled() : I.disabled;
+            E.map((x, V) => {
+              const se = typeof x.disabled == "function" ? x.disabled() : x.disabled;
               return /* @__PURE__ */ r(
                 ie.Item,
                 {
-                  leftSection: I.icon,
-                  disabled: ne,
-                  onClick: () => n?.(I),
-                  children: Re.t(I.label)
+                  leftSection: x.icon,
+                  disabled: se,
+                  onClick: () => n?.(x),
+                  children: Re.t(x.label)
                 },
-                G
+                V
               );
             })
           ] })
@@ -1373,8 +1373,8 @@ function $e({
       {
         label: P,
         leftSection: /* @__PURE__ */ r(B, { style: { color: U }, children: A.icon }),
-        rightSection: /* @__PURE__ */ R(B, { style: { display: "flex", alignItems: "center", gap: 4, color: z }, children: [
-          y(),
+        rightSection: /* @__PURE__ */ R(B, { style: { display: "flex", alignItems: "center", gap: 4, color: F }, children: [
+          v(),
           /* @__PURE__ */ r(
             gA,
             {
@@ -1386,46 +1386,46 @@ function $e({
           )
         ] }),
         childrenOffset: 28,
-        defaultOpened: A.initiallyOpened || e || H(E),
-        disabled: M,
+        defaultOpened: A.initiallyOpened || e || G(E),
+        disabled: D,
         onMouseEnter: () => g(!0),
         onMouseLeave: () => g(!1),
         style: {
-          height: d,
-          marginInline: u,
-          width: u ? "auto" : void 0,
-          ...$,
+          height: i,
+          marginInline: c,
+          width: c ? "auto" : void 0,
+          ...O,
           transition: "background 150ms ease, background-color 150ms ease"
         },
         styles: {
           root: {
-            borderRadius: c
+            borderRadius: h
           },
           label: {
-            color: z
+            color: F
           },
           children: {
             paddingLeft: 0
           }
         },
-        children: E.map((I, G) => /* @__PURE__ */ r(
+        children: E.map((x, V) => /* @__PURE__ */ r(
           $e,
           {
-            item: I,
+            item: x,
             depth: t + 1,
             collapsed: o,
-            active: W(I),
+            active: W(x),
             onClick: n,
             textColor: s,
             iconColor: a,
             hoverColor: l,
-            itemHeight: d,
-            itemBorderRadius: c,
-            itemHorizontalGap: u,
-            activeBackground: i,
-            isActive: h
+            itemHeight: i,
+            itemBorderRadius: h,
+            itemHorizontalGap: c,
+            activeBackground: d,
+            isActive: u
           },
-          G
+          V
         ))
       }
     );
@@ -1433,43 +1433,43 @@ function $e({
   return o ? /* @__PURE__ */ r(
     Me,
     {
-      label: C.tooltip || P,
+      label: b.tooltip || P,
       position: "right",
       withArrow: !0,
       children: /* @__PURE__ */ r(
         Je,
         {
           style: {
-            width: u ? "auto" : "100%",
-            marginInline: u,
-            borderRadius: c,
-            cursor: M ? "not-allowed" : "pointer",
-            opacity: M ? 0.5 : 1,
+            width: c ? "auto" : "100%",
+            marginInline: c,
+            borderRadius: h,
+            cursor: D ? "not-allowed" : "pointer",
+            opacity: D ? 0.5 : 1,
             // Gradiente (activeBackground) via shorthand; senão a cor sólida.
-            ...e && i ? { background: i } : { backgroundColor: e ? k : "transparent" },
+            ...e && d ? { background: d } : { backgroundColor: e ? T : "transparent" },
             transition: "background 150ms ease, background-color 150ms ease",
             padding: "2px 0"
           },
-          onClick: F,
+          onClick: Q,
           onMouseEnter: (E) => {
-            if (!M) {
-              if (e && i)
+            if (!D) {
+              if (e && d)
                 return;
-              E.currentTarget.style.backgroundColor = e ? D : k;
+              E.currentTarget.style.backgroundColor = e ? L : T;
             }
           },
           onMouseLeave: (E) => {
-            e && i || (E.currentTarget.style.backgroundColor = e ? k : "transparent");
+            e && d || (E.currentTarget.style.backgroundColor = e ? T : "transparent");
           },
           children: /* @__PURE__ */ R(J, { gap: 1, align: "center", children: [
-            /* @__PURE__ */ r(B, { style: { color: e ? p.white : S }, children: A.icon }),
+            /* @__PURE__ */ r(B, { style: { color: e ? p.white : I }, children: A.icon }),
             /* @__PURE__ */ r(
               Te,
               {
                 size: "8px",
                 ta: "center",
                 style: {
-                  color: e ? p.white : S,
+                  color: e ? p.white : I,
                   lineHeight: 1,
                   maxWidth: 56,
                   overflow: "hidden",
@@ -1488,29 +1488,29 @@ function $e({
     {
       label: P,
       leftSection: /* @__PURE__ */ r(B, { style: { color: U }, children: A.icon }),
-      rightSection: /* @__PURE__ */ R(B, { style: { display: "flex", alignItems: "center", gap: 4, color: z }, children: [
-        y(),
-        V()
+      rightSection: /* @__PURE__ */ R(B, { style: { display: "flex", alignItems: "center", gap: 4, color: F }, children: [
+        v(),
+        K()
       ] }),
       active: e,
-      disabled: M,
-      onClick: F,
+      disabled: D,
+      onClick: Q,
       onMouseEnter: () => g(!0),
       onMouseLeave: () => g(!1),
       style: {
-        height: d,
+        height: i,
         paddingLeft: t > 0 ? t * 16 + 12 : void 0,
-        marginInline: u,
-        width: u ? "auto" : void 0,
-        ...$,
+        marginInline: c,
+        width: c ? "auto" : void 0,
+        ...O,
         transition: "background 150ms ease, background-color 150ms ease"
       },
       styles: {
         root: {
-          borderRadius: c
+          borderRadius: h
         },
         label: {
-          color: z
+          color: F
         }
       }
     }
@@ -1525,9 +1525,9 @@ function eo({
   onExpandedChange: s,
   groupId: a
 }) {
-  const l = me(), { colorScheme: d } = de(), [c, u] = ge(e), i = n !== void 0, h = i ? n : c, p = w(() => {
-    i ? s?.(!h) : u((f) => !f);
-  }, [i, h, s]), b = d === "dark" ? l.colors.dark[6] : l.colors.gray[1], C = d === "dark" ? l.colors.dark[5] : l.colors.gray[2], m = d === "dark" ? l.colors.gray[4] : l.colors.gray[7], g = d === "dark" ? l.colors[l.primaryColor][4] : l.colors[l.primaryColor][6];
+  const l = me(), { colorScheme: i } = de(), [h, c] = ge(e), d = n !== void 0, u = d ? n : h, p = S(() => {
+    d ? s?.(!u) : c((f) => !f);
+  }, [d, u, s]), C = i === "dark" ? l.colors.dark[6] : l.colors.gray[1], b = i === "dark" ? l.colors.dark[5] : l.colors.gray[2], m = i === "dark" ? l.colors.gray[4] : l.colors.gray[7], g = i === "dark" ? l.colors[l.primaryColor][4] : l.colors[l.primaryColor][6];
   return /* @__PURE__ */ R(B, { children: [
     /* @__PURE__ */ r(
       cA,
@@ -1537,13 +1537,13 @@ function eo({
         p: "xs",
         style: {
           borderRadius: l.radius.sm,
-          backgroundColor: b,
+          backgroundColor: C,
           transition: "background-color 150ms ease"
         },
         styles: {
           root: {
             "&:hover": {
-              backgroundColor: C
+              backgroundColor: b
             }
           }
         },
@@ -1558,7 +1558,7 @@ function eo({
               size: 16,
               color: m,
               style: {
-                transform: h ? "rotate(180deg)" : "rotate(0deg)",
+                transform: u ? "rotate(180deg)" : "rotate(0deg)",
                 transition: "transform 200ms ease"
               }
             }
@@ -1566,7 +1566,7 @@ function eo({
         ] })
       }
     ),
-    /* @__PURE__ */ r($r, { expanded: h, children: /* @__PURE__ */ r(B, { mt: 4, children: o }) })
+    /* @__PURE__ */ r($r, { expanded: u, children: /* @__PURE__ */ r(B, { mt: 4, children: o }) })
   ] });
 }
 function Mn({
@@ -1599,7 +1599,7 @@ function Ao({
   activeColor: n,
   inactiveColor: s
 }) {
-  const a = me(), { colorScheme: l } = de(), d = l === "dark" ? a.colors[a.primaryColor][8] : a.colors[a.primaryColor][0], c = l === "dark" ? a.colors[a.primaryColor][6] : a.colors[a.primaryColor][7], u = a.colors[a.primaryColor][2], p = /* @__PURE__ */ R(
+  const a = me(), { colorScheme: l } = de(), i = l === "dark" ? a.colors[a.primaryColor][8] : a.colors[a.primaryColor][0], h = l === "dark" ? a.colors[a.primaryColor][6] : a.colors[a.primaryColor][7], c = a.colors[a.primaryColor][2], p = /* @__PURE__ */ R(
     J,
     {
       gap: 2,
@@ -1612,7 +1612,7 @@ function Ao({
           {
             size: 48,
             variant: t ? "filled" : "subtle",
-            color: t ? n ?? d : s ?? c,
+            color: t ? n ?? i : s ?? h,
             onClick: o,
             style: {
               transition: "all 150ms ease"
@@ -1624,7 +1624,7 @@ function Ao({
           Te,
           {
             size: "xs",
-            c: u,
+            c,
             style: {
               maxWidth: 70,
               overflow: "hidden",
@@ -1646,14 +1646,14 @@ function Dn({
   onClear: e,
   collapsed: n = !1
 }) {
-  const s = me(), { colorScheme: a } = de(), l = w(
-    (u) => {
-      o?.(u.currentTarget.value);
+  const s = me(), { colorScheme: a } = de(), l = S(
+    (c) => {
+      o?.(c.currentTarget.value);
     },
     [o]
-  ), d = w(() => {
+  ), i = S(() => {
     o?.(""), e?.();
-  }, [o, e]), c = t && t.length > 0;
+  }, [o, e]), h = t && t.length > 0;
   return n ? /* @__PURE__ */ r(
     De,
     {
@@ -1667,12 +1667,12 @@ function Dn({
     {
       placeholder: A,
       leftSection: /* @__PURE__ */ r(_e, { size: 16 }),
-      rightSection: c ? /* @__PURE__ */ r(
+      rightSection: h ? /* @__PURE__ */ r(
         De,
         {
           variant: "subtle",
           size: "sm",
-          onClick: d,
+          onClick: i,
           style: { cursor: "pointer" },
           children: /* @__PURE__ */ r(_A, { size: 14 })
         }
@@ -1695,13 +1695,13 @@ function Nn({
   onClick: e,
   collapsed: n = !1
 }) {
-  const s = me(), { colorScheme: a } = de(), l = a === "dark" ? s.colors.dark[5] : s.colors.gray[1], d = () => {
+  const s = me(), { colorScheme: a } = de(), l = a === "dark" ? s.colors.dark[5] : s.colors.gray[1], i = () => {
     if (typeof o == "string")
       return /* @__PURE__ */ r(iA, { src: o, radius: "xl", size: n ? "sm" : "md" });
     if (o)
       return o;
-    const c = A ? A.split(" ").map((u) => u[0]).slice(0, 2).join("").toUpperCase() : "?";
-    return /* @__PURE__ */ r(iA, { radius: "xl", size: n ? "sm" : "md", color: s.primaryColor, children: c });
+    const h = A ? A.split(" ").map((c) => c[0]).slice(0, 2).join("").toUpperCase() : "?";
+    return /* @__PURE__ */ r(iA, { radius: "xl", size: n ? "sm" : "md", color: s.primaryColor, children: h });
   };
   return n ? /* @__PURE__ */ r(Me, { label: A || "Perfil", position: "right", withArrow: !0, children: /* @__PURE__ */ r(
     cA,
@@ -1722,7 +1722,7 @@ function Nn({
           }
         }
       },
-      children: d()
+      children: i()
     }
   ) }) : /* @__PURE__ */ r(
     cA,
@@ -1742,7 +1742,7 @@ function Nn({
         }
       },
       children: /* @__PURE__ */ R(Le, { wrap: "nowrap", children: [
-        d(),
+        i(),
         /* @__PURE__ */ R(B, { style: { flex: 1, overflow: "hidden" }, children: [
           A && /* @__PURE__ */ r(
             Te,
@@ -1816,41 +1816,41 @@ function kA({
   showGroups: n = !0,
   groupCount: s = 2
 }) {
-  const a = me(), { colorScheme: l } = de(), d = o || (l === "dark" ? a.colors.dark[7] : a.white);
+  const a = me(), { colorScheme: l } = de(), i = o || (l === "dark" ? a.colors.dark[7] : a.white);
   if (t)
-    return /* @__PURE__ */ r(J, { gap: "sm", p: "xs", style: { backgroundColor: d }, children: Array.from({ length: A }).map((i, h) => /* @__PURE__ */ r(pe, { circle: !0, height: 32, width: 32 }, h)) });
-  const c = (i, h = !1) => Array.from({ length: i }).map((p, b) => {
-    const C = 60 + Math.random() * 30;
+    return /* @__PURE__ */ r(J, { gap: "sm", p: "xs", style: { backgroundColor: i }, children: Array.from({ length: A }).map((d, u) => /* @__PURE__ */ r(pe, { circle: !0, height: 32, width: 32 }, u)) });
+  const h = (d, u = !1) => Array.from({ length: d }).map((p, C) => {
+    const b = 60 + Math.random() * 30;
     return /* @__PURE__ */ R(
       Le,
       {
         gap: "sm",
         p: "xs",
         style: {
-          paddingLeft: h ? 24 : void 0,
+          paddingLeft: u ? 24 : void 0,
           height: e
         },
         children: [
           /* @__PURE__ */ r(pe, { circle: !0, height: 24, width: 24 }),
-          /* @__PURE__ */ r(pe, { height: 14, width: `${C}%`, radius: "sm" })
+          /* @__PURE__ */ r(pe, { height: 14, width: `${b}%`, radius: "sm" })
         ]
       },
-      b
+      C
     );
   });
   if (!n)
-    return /* @__PURE__ */ r(J, { gap: 2, p: "xs", style: { backgroundColor: d }, children: c(A) });
-  const u = Math.ceil(A / s);
-  return /* @__PURE__ */ r(J, { gap: "md", p: "xs", style: { backgroundColor: d }, children: Array.from({ length: s }).map((i, h) => /* @__PURE__ */ R(B, { children: [
+    return /* @__PURE__ */ r(J, { gap: 2, p: "xs", style: { backgroundColor: i }, children: h(A) });
+  const c = Math.ceil(A / s);
+  return /* @__PURE__ */ r(J, { gap: "md", p: "xs", style: { backgroundColor: i }, children: Array.from({ length: s }).map((d, u) => /* @__PURE__ */ R(B, { children: [
     /* @__PURE__ */ R(Le, { gap: "sm", p: "xs", children: [
       /* @__PURE__ */ r(pe, { circle: !0, height: 20, width: 20 }),
       /* @__PURE__ */ r(pe, { height: 12, width: 80 + Math.random() * 40, radius: "sm" })
     ] }),
-    /* @__PURE__ */ r(J, { gap: 2, mt: 4, children: c(
-      h === s - 1 ? A - h * u : u,
+    /* @__PURE__ */ r(J, { gap: 2, mt: 4, children: h(
+      u === s - 1 ? A - u * c : c,
       !0
     ) })
-  ] }, h)) });
+  ] }, u)) });
 }
 function ro({
   groupCount: A = 4,
@@ -1940,147 +1940,147 @@ function to({
   searchPlaceholder: s = "Buscar...",
   onSearch: a,
   header: l,
-  footer: d,
-  footerHeight: c,
-  isLoading: u = !1,
-  loadingError: i,
-  loadingComponent: h,
+  footer: i,
+  footerHeight: h,
+  isLoading: c = !1,
+  loadingError: d,
+  loadingComponent: u,
   errorComponent: p,
-  skeletonItemCount: b = 8,
-  backgroundDarkColor: C,
+  skeletonItemCount: C = 8,
+  backgroundDarkColor: b,
   backgroundLightColor: m,
   backgroundImage: g,
   textDarkColor: f,
-  textLightColor: S,
-  iconDarkColor: k,
-  iconLightColor: D,
-  activeColor: j,
-  withBorder: z = !0,
+  textLightColor: I,
+  iconDarkColor: T,
+  iconLightColor: L,
+  activeColor: X,
+  withBorder: F = !0,
   withShadow: U = !1,
-  highlightActiveItem: O = !0,
-  onMenuItemClick: $,
-  itemBorderRadius: M,
-  itemHorizontalGap: F,
+  highlightActiveItem: M = !0,
+  onMenuItemClick: O,
+  itemBorderRadius: D,
+  itemHorizontalGap: Q,
   itemActiveBackground: P
 }) {
-  const y = me(), { colorScheme: V } = de(), { collapsed: E, toggleCollapsed: W } = vA(), H = V === "dark" ? C ?? y.colors.dark[7] : m ?? y.white, I = V === "dark" ? f ?? y.colors.gray[3] : S ?? y.colors.gray[7], G = V === "dark" ? k ?? y.colors[y.primaryColor][4] : D ?? y.colors[y.primaryColor][6], ne = j ? y.colors[j]?.[6] ?? y.colors[y.primaryColor][6] : y.colors[y.primaryColor][6], we = g ? { background: g } : { backgroundColor: H }, se = g ? "transparent" : H, {
+  const v = me(), { colorScheme: K } = de(), { collapsed: E, toggleCollapsed: W } = vA(), G = K === "dark" ? b ?? v.colors.dark[7] : m ?? v.white, x = K === "dark" ? f ?? v.colors.gray[3] : I ?? v.colors.gray[7], V = K === "dark" ? T ?? v.colors[v.primaryColor][4] : L ?? v.colors[v.primaryColor][6], se = X ? v.colors[X]?.[6] ?? v.colors[v.primaryColor][6] : v.colors[v.primaryColor][6], Ce = g ? { background: g } : { backgroundColor: G }, le = g ? "transparent" : G, {
     query: be,
-    setQuery: ke,
-    filteredItems: T,
-    isSearching: v,
-    clearSearch: Q
+    setQuery: we,
+    filteredItems: Se,
+    isSearching: w,
+    clearSearch: k
   } = Wt({
     navigationData: A,
     onSearch: a
-  }), { navigateToItem: L, isItemActive: x, isItemOrChildActive: X } = wA({
+  }), { navigateToItem: N, isItemActive: y, isItemOrChildActive: H } = wA({
     navigationData: A,
-    onMenuItemClick: $
-  }), N = w(
-    (Z) => !!O && x(Z),
-    [O, x]
-  ), Y = {
-    itemBorderRadius: M,
-    itemHorizontalGap: F,
+    onMenuItemClick: O
+  }), Y = S(
+    (ee) => !!M && y(ee),
+    [M, y]
+  ), z = {
+    itemBorderRadius: D,
+    itemHorizontalGap: Q,
     activeBackground: P,
-    isActive: N
+    isActive: Y
   };
   SA({
     navigationData: A,
-    navigateToItem: L,
+    navigateToItem: N,
     onToggleSidebar: W,
     enabled: !0
   });
-  const Ce = E ? o : t, le = ce(() => {
-    const Z = /* @__PURE__ */ new Map(), Ie = [];
-    return T.forEach((ee) => {
-      if (!(!ee.showInSidebar || (typeof ee.disabled == "function" ? ee.disabled() : ee.disabled) && ee.hideDisabledItem))
-        if (ee.category) {
-          const Ee = Z.get(ee.category) || [];
-          Ee.push(ee), Z.set(ee.category, Ee);
+  const j = E ? o : t, Z = ce(() => {
+    const ee = /* @__PURE__ */ new Map(), Ie = [];
+    return Se.forEach((Ae) => {
+      if (!(!Ae.showInSidebar || (typeof Ae.disabled == "function" ? Ae.disabled() : Ae.disabled) && Ae.hideDisabledItem))
+        if (Ae.category) {
+          const Ee = ee.get(Ae.category) || [];
+          Ee.push(Ae), ee.set(Ae.category, Ee);
         } else
-          Ie.push(ee);
-    }), { groups: Z, ungrouped: Ie };
-  }, [T]), xe = () => {
-    if (i)
-      return p || /* @__PURE__ */ r(xA, { message: i, backgroundColor: H });
-    if (u)
-      return h || /* @__PURE__ */ r(
+          Ie.push(Ae);
+    }), { groups: ee, ungrouped: Ie };
+  }, [Se]), ke = () => {
+    if (d)
+      return p || /* @__PURE__ */ r(xA, { message: d, backgroundColor: G });
+    if (c)
+      return u || /* @__PURE__ */ r(
         kA,
         {
-          itemCount: b,
+          itemCount: C,
           collapsed: E,
-          backgroundColor: H,
+          backgroundColor: G,
           showGroups: !E
         }
       );
-    const Z = () => le.ungrouped.map((ee, Ae) => /* @__PURE__ */ r(
+    const ee = () => Z.ungrouped.map((Ae, re) => /* @__PURE__ */ r(
       $e,
       {
-        item: ee,
+        item: Ae,
         collapsed: E,
-        active: O && x(ee),
-        onClick: L,
-        textColor: I,
-        iconColor: G,
-        hoverColor: ne,
-        ...Y
+        active: M && y(Ae),
+        onClick: N,
+        textColor: x,
+        iconColor: V,
+        hoverColor: se,
+        ...z
       },
-      `item-${Ae}`
-    )), Ie = () => Array.from(le.groups.entries()).map(([Ae, Ee], q) => /* @__PURE__ */ r(
+      `item-${re}`
+    )), Ie = () => Array.from(Z.groups.entries()).map(([re, Ee], q) => /* @__PURE__ */ r(
       eo,
       {
-        label: Ae,
+        label: re,
         groupId: `group-${q}`,
         defaultExpanded: !0,
-        children: Ee.map((ye, K) => /* @__PURE__ */ r(
+        children: Ee.map((ye, $) => /* @__PURE__ */ r(
           $e,
           {
             item: ye,
             collapsed: E,
-            active: O && x(ye),
-            onClick: L,
-            textColor: I,
-            iconColor: G,
-            hoverColor: ne,
-            ...Y
+            active: M && y(ye),
+            onClick: N,
+            textColor: x,
+            iconColor: V,
+            hoverColor: se,
+            ...z
           },
-          `group-${q}-item-${K}`
+          `group-${q}-item-${$}`
         ))
       },
       `group-${q}`
     ));
     return E ? /* @__PURE__ */ R(J, { gap: 4, children: [
-      le.ungrouped.map((ee, Ae) => /* @__PURE__ */ r(
+      Z.ungrouped.map((Ae, re) => /* @__PURE__ */ r(
         $e,
         {
-          item: ee,
+          item: Ae,
           collapsed: !0,
-          active: O && x(ee),
-          onClick: L,
-          textColor: I,
-          iconColor: G,
-          hoverColor: ne,
-          ...Y
+          active: M && y(Ae),
+          onClick: N,
+          textColor: x,
+          iconColor: V,
+          hoverColor: se,
+          ...z
         },
-        `item-${Ae}`
+        `item-${re}`
       )),
-      Array.from(le.groups.values()).flat().map((ee, Ae) => /* @__PURE__ */ r(
+      Array.from(Z.groups.values()).flat().map((Ae, re) => /* @__PURE__ */ r(
         $e,
         {
-          item: ee,
+          item: Ae,
           collapsed: !0,
-          active: O && x(ee),
-          onClick: L,
-          textColor: I,
-          iconColor: G,
-          hoverColor: ne,
-          ...Y
+          active: M && y(Ae),
+          onClick: N,
+          textColor: x,
+          iconColor: V,
+          hoverColor: se,
+          ...z
         },
-        `grouped-item-${Ae}`
+        `grouped-item-${re}`
       ))
     ] }) : /* @__PURE__ */ R(J, { gap: "xs", children: [
-      le.ungrouped.length > 0 && /* @__PURE__ */ r(J, { gap: 2, children: Z() }),
-      le.groups.size > 0 && le.ungrouped.length > 0 && /* @__PURE__ */ r(dA, { my: "xs" }),
+      Z.ungrouped.length > 0 && /* @__PURE__ */ r(J, { gap: 2, children: ee() }),
+      Z.groups.size > 0 && Z.ungrouped.length > 0 && /* @__PURE__ */ r(dA, { my: "xs" }),
       Ie()
     ] });
   };
@@ -2091,21 +2091,21 @@ function to({
       transition: "slide-right",
       duration: 200,
       timingFunction: "ease",
-      children: (Z) => /* @__PURE__ */ R(
+      children: (ee) => /* @__PURE__ */ R(
         B,
         {
           style: {
-            ...Z,
-            width: fe(Ce),
+            ...ee,
+            width: fe(j),
             height: typeof e == "number" ? fe(e) : e,
             minHeight: typeof e == "number" ? fe(e) : e,
-            ...we,
+            ...Ce,
             display: "flex",
             flexDirection: "column",
             overflow: "hidden",
             transition: "width 200ms ease",
-            borderRight: z ? `1px solid ${V === "dark" ? y.colors.dark[5] : y.colors.gray[2]}` : void 0,
-            boxShadow: U ? y.shadows.sm : void 0
+            borderRight: F ? `1px solid ${K === "dark" ? v.colors.dark[5] : v.colors.gray[2]}` : void 0,
+            boxShadow: U ? v.shadows.sm : void 0
           },
           children: [
             l && /* @__PURE__ */ r(B, { style: { flexShrink: 0 }, children: l }),
@@ -2114,16 +2114,16 @@ function to({
               {
                 placeholder: s,
                 leftSection: /* @__PURE__ */ r(_e, { size: 16 }),
-                rightSection: v ? /* @__PURE__ */ r(
+                rightSection: w ? /* @__PURE__ */ r(
                   _A,
                   {
                     size: 16,
                     style: { cursor: "pointer" },
-                    onClick: Q
+                    onClick: k
                   }
                 ) : null,
                 value: be,
-                onChange: (Ie) => ke(Ie.currentTarget.value),
+                onChange: (Ie) => we(Ie.currentTarget.value),
                 size: "sm"
               }
             ) }),
@@ -2134,19 +2134,19 @@ function to({
                 scrollbarSize: 6,
                 type: "hover",
                 offsetScrollbars: !0,
-                children: /* @__PURE__ */ r(B, { p: "xs", children: xe() })
+                children: /* @__PURE__ */ r(B, { p: "xs", children: ke() })
               }
             ),
-            d && /* @__PURE__ */ r(
+            i && /* @__PURE__ */ r(
               B,
               {
                 style: {
                   flexShrink: 0,
-                  height: c,
-                  backgroundColor: se,
-                  borderTop: z ? `1px solid ${V === "dark" ? y.colors.dark[5] : y.colors.gray[2]}` : void 0
+                  height: h,
+                  backgroundColor: le,
+                  borderTop: F ? `1px solid ${K === "dark" ? v.colors.dark[5] : v.colors.gray[2]}` : void 0
                 },
-                children: d
+                children: i
               }
             )
           ]
@@ -2193,11 +2193,11 @@ function no({
     return null;
   const l = Re.t(A.label);
   if (A.links && A.links.length > 0) {
-    const d = A.links.filter((c) => {
-      const u = typeof c.disabled == "function" ? c.disabled() : c.disabled;
-      return c.showInSidebar && (!u || !c.hideDisabledItem);
+    const i = A.links.filter((h) => {
+      const c = typeof h.disabled == "function" ? h.disabled() : h.disabled;
+      return h.showInSidebar && (!c || !h.hideDisabledItem);
     });
-    return d.length === 0 ? null : /* @__PURE__ */ R(
+    return i.length === 0 ? null : /* @__PURE__ */ R(
       ie,
       {
         position: "right-start",
@@ -2240,17 +2240,17 @@ function no({
           ] }) }) }),
           /* @__PURE__ */ R(ie.Dropdown, { children: [
             /* @__PURE__ */ r(ie.Label, { children: l }),
-            d.map((c, u) => {
-              const i = typeof c.disabled == "function" ? c.disabled() : c.disabled;
+            i.map((h, c) => {
+              const d = typeof h.disabled == "function" ? h.disabled() : h.disabled;
               return /* @__PURE__ */ r(
                 ie.Item,
                 {
-                  leftSection: c.icon,
-                  disabled: i,
-                  onClick: () => o(c),
-                  children: Re.t(c.label)
+                  leftSection: h.icon,
+                  disabled: d,
+                  onClick: () => o(h),
+                  children: Re.t(h.label)
                 },
-                u
+                c
               );
             })
           ] })
@@ -2300,59 +2300,59 @@ function so({
   footerHeight: s,
   isLoading: a = !1,
   loadingError: l,
-  loadingComponent: d,
-  errorComponent: c,
-  skeletonItemCount: u = 8,
-  backgroundDarkColor: i,
-  backgroundLightColor: h,
+  loadingComponent: i,
+  errorComponent: h,
+  skeletonItemCount: c = 8,
+  backgroundDarkColor: d,
+  backgroundLightColor: u,
   iconDarkColor: p,
-  iconLightColor: b,
-  activeColor: C,
+  iconLightColor: C,
+  activeColor: b,
   withBorder: m = !0,
   withShadow: g = !1,
   highlightActiveItem: f = !0,
-  onMenuItemClick: S
+  onMenuItemClick: I
 }) {
-  const k = me(), { colorScheme: D } = de(), { toggleCollapsed: j } = vA(), z = D === "dark" ? i ?? k.colors.dark[7] : h ?? k.white, U = D === "dark" ? p ?? k.colors[k.primaryColor][4] : b ?? k.colors[k.primaryColor][6], O = C ?? k.primaryColor, { navigateToItem: $, isItemActive: M, isItemOrChildActive: F } = wA({
+  const T = me(), { colorScheme: L } = de(), { toggleCollapsed: X } = vA(), F = L === "dark" ? d ?? T.colors.dark[7] : u ?? T.white, U = L === "dark" ? p ?? T.colors[T.primaryColor][4] : C ?? T.colors[T.primaryColor][6], M = b ?? T.primaryColor, { navigateToItem: O, isItemActive: D, isItemOrChildActive: Q } = wA({
     navigationData: A,
-    onMenuItemClick: S
+    onMenuItemClick: I
   });
   SA({
     navigationData: A,
-    navigateToItem: $,
-    onToggleSidebar: j,
+    navigateToItem: O,
+    onToggleSidebar: X,
     enabled: !0
   });
-  const P = A.filter((E) => !(!E.showInSidebar || (typeof E.disabled == "function" ? E.disabled() : E.disabled) && E.hideDisabledItem)), y = () => l ? c || /* @__PURE__ */ r(xA, { message: l, backgroundColor: z }) : a ? d || /* @__PURE__ */ r(
+  const P = A.filter((E) => !(!E.showInSidebar || (typeof E.disabled == "function" ? E.disabled() : E.disabled) && E.hideDisabledItem)), v = () => l ? h || /* @__PURE__ */ r(xA, { message: l, backgroundColor: F }) : a ? i || /* @__PURE__ */ r(
     kA,
     {
-      itemCount: u,
+      itemCount: c,
       collapsed: !0,
-      backgroundColor: z
+      backgroundColor: F
     }
   ) : /* @__PURE__ */ r(J, { gap: 8, align: "center", children: P.map((E, W) => /* @__PURE__ */ r(
     no,
     {
       item: E,
-      active: f && (M(E) || F(E)),
-      onClick: $,
+      active: f && (D(E) || Q(E)),
+      onClick: O,
       iconColor: U,
-      activeColor: O
+      activeColor: M
     },
     W
-  )) }), V = D === "dark" ? k.colors.dark[5] : k.colors.gray[2];
+  )) }), K = L === "dark" ? T.colors.dark[5] : T.colors.gray[2];
   return /* @__PURE__ */ R(
     B,
     {
       style: {
         width: fe(t),
         height: fe(o),
-        backgroundColor: z,
+        backgroundColor: F,
         display: "flex",
         flexDirection: "column",
         overflow: "hidden",
-        boxShadow: g ? k.shadows.sm : void 0,
-        borderRight: m ? `1px solid ${V}` : void 0
+        boxShadow: g ? T.shadows.sm : void 0,
+        borderRight: m ? `1px solid ${K}` : void 0
       },
       children: [
         e && /* @__PURE__ */ r(
@@ -2362,7 +2362,7 @@ function so({
               flexShrink: 0,
               display: "flex",
               justifyContent: "center",
-              padding: k.spacing.xs
+              padding: T.spacing.xs
             },
             children: e
           }
@@ -2374,7 +2374,7 @@ function so({
             style: { flex: 1 },
             scrollbarSize: 4,
             type: "hover",
-            children: /* @__PURE__ */ r(B, { p: "xs", children: y() })
+            children: /* @__PURE__ */ r(B, { p: "xs", children: v() })
           }
         ),
         n && /* @__PURE__ */ R(Pe, { children: [
@@ -2387,7 +2387,7 @@ function so({
                 height: s,
                 display: "flex",
                 justifyContent: "center",
-                padding: k.spacing.xs
+                padding: T.spacing.xs
               },
               children: n
             }
@@ -2431,59 +2431,59 @@ function ao({
   defaultGroupIcon: s,
   showGroupLabels: a = !0,
   header: l,
-  footer: d,
-  footerHeight: c,
-  isLoading: u = !1,
-  loadingError: i,
-  loadingComponent: h,
+  footer: i,
+  footerHeight: h,
+  isLoading: c = !1,
+  loadingError: d,
+  loadingComponent: u,
   errorComponent: p,
-  skeletonItemCount: b = 8,
-  skeletonGroupCount: C = 3,
+  skeletonItemCount: C = 8,
+  skeletonGroupCount: b = 3,
   backgroundDarkColor: m,
   backgroundLightColor: g,
   backgroundImage: f,
-  textDarkColor: S,
-  textLightColor: k,
-  iconDarkColor: D,
-  iconLightColor: j,
-  activeColor: z,
+  textDarkColor: I,
+  textLightColor: T,
+  iconDarkColor: L,
+  iconLightColor: X,
+  activeColor: F,
   groupBackgroundColor: U,
-  selectedGroupColor: O,
-  groupColor: $,
-  groupLabelDarkColor: M,
-  groupLabelLightColor: F,
+  selectedGroupColor: M,
+  groupColor: O,
+  groupLabelDarkColor: D,
+  groupLabelLightColor: Q,
   withBorder: P = !1,
-  highlightActiveItem: y = !0,
-  onMenuItemClick: V,
+  highlightActiveItem: v = !0,
+  onMenuItemClick: K,
   itemBorderRadius: E,
   itemHorizontalGap: W,
-  itemActiveBackground: H
+  itemActiveBackground: G
 }) {
-  const I = me(), { colorScheme: G } = de(), {
-    collapsed: ne,
-    toggleCollapsed: we,
-    activeGroup: se,
+  const x = me(), { colorScheme: V } = de(), {
+    collapsed: se,
+    toggleCollapsed: Ce,
+    activeGroup: le,
     setActiveGroup: be
-  } = vA(), ke = G === "dark" ? m ?? I.colors.dark[7] : g ?? I.white, T = f ? { background: f } : { backgroundColor: ke }, v = f ? "transparent" : ke, Q = G === "dark" ? S ?? I.colors.gray[3] : k ?? I.colors.gray[7], L = G === "dark" ? D ?? I.colors[I.primaryColor][4] : j ?? I.colors[I.primaryColor][6], x = z ? I.colors[z]?.[6] ?? I.colors[I.primaryColor][6] : I.colors[I.primaryColor][6], X = U || (G === "dark" ? I.colors[I.primaryColor][6] : I.colors[I.primaryColor][7]), N = O || (G === "dark" ? I.colors[I.primaryColor][8] : I.colors[I.primaryColor][0]), { navigateToItem: Y, isItemActive: Ce } = wA({
+  } = vA(), we = V === "dark" ? m ?? x.colors.dark[7] : g ?? x.white, Se = f ? { background: f } : { backgroundColor: we }, w = f ? "transparent" : we, k = V === "dark" ? I ?? x.colors.gray[3] : T ?? x.colors.gray[7], N = V === "dark" ? L ?? x.colors[x.primaryColor][4] : X ?? x.colors[x.primaryColor][6], y = F ? x.colors[F]?.[6] ?? x.colors[x.primaryColor][6] : x.colors[x.primaryColor][6], H = U || (V === "dark" ? x.colors[x.primaryColor][6] : x.colors[x.primaryColor][7]), Y = M || (V === "dark" ? x.colors[x.primaryColor][8] : x.colors[x.primaryColor][0]), { navigateToItem: z, isItemActive: j } = wA({
     navigationData: A,
-    onMenuItemClick: V
-  }), le = w(
-    (K) => !!y && Ce(K),
-    [y, Ce]
-  ), xe = {
+    onMenuItemClick: K
+  }), Z = S(
+    ($) => !!v && j($),
+    [v, j]
+  ), ke = {
     itemBorderRadius: E,
     itemHorizontalGap: W,
-    activeBackground: H,
-    isActive: le
+    activeBackground: G,
+    isActive: Z
   };
   SA({
     navigationData: A,
-    navigateToItem: Y,
-    onToggleSidebar: we,
+    navigateToItem: z,
+    onToggleSidebar: Ce,
     enabled: !0
   });
-  const Z = ce(() => {
-    const K = /* @__PURE__ */ new Map();
+  const ee = ce(() => {
+    const $ = /* @__PURE__ */ new Map();
     return A.forEach((ue) => {
       if (!ue.showInSidebar || (typeof ue.disabled == "function" ? ue.disabled() : ue.disabled) && ue.hideDisabledItem)
         return;
@@ -2493,26 +2493,26 @@ function ao({
         name: "Default",
         hint: "Default",
         indexOrder: 0
-      }, Ve = K.get(Fe.name);
-      Ve ? Ve.items.push(ue) : K.set(Fe.name, {
+      }, Ve = $.get(Fe.name);
+      Ve ? Ve.items.push(ue) : $.set(Fe.name, {
         group: Fe,
         items: [ue]
       });
-    }), Array.from(K.values()).sort((ue, Qe) => ue.group.indexOrder - Qe.group.indexOrder);
+    }), Array.from($.values()).sort((ue, Qe) => ue.group.indexOrder - Qe.group.indexOrder);
   }, [A, s]);
-  te(() => {
-    !se && Z.length > 0 && be(Z[0].group.name);
-  }, [se, Z, be]);
-  const Ie = ce(() => Z.find((ue) => ue.group.name === se)?.items ?? [], [Z, se]), ee = w((K) => {
-    ne ? (we(), be(K)) : se === K ? we() : be(K);
-  }, [ne, se, we, be]), Ae = ne ? 0 : Number(fe(t)) - Number(fe(n)), Ee = () => u && Z.length === 0 ? /* @__PURE__ */ r(
+  oe(() => {
+    !le && ee.length > 0 && be(ee[0].group.name);
+  }, [le, ee, be]);
+  const Ie = ce(() => ee.find((ue) => ue.group.name === le)?.items ?? [], [ee, le]), Ae = S(($) => {
+    se ? (Ce(), be($)) : le === $ ? Ce() : be($);
+  }, [se, le, Ce, be]), re = se ? 0 : Number(fe(t)) - Number(fe(n)), Ee = () => c && ee.length === 0 ? /* @__PURE__ */ r(
     ro,
     {
-      groupCount: C,
+      groupCount: b,
       width: n,
-      backgroundColor: X
+      backgroundColor: H
     }
-  ) : Z.length <= 1 ? null : /* @__PURE__ */ r(
+  ) : ee.length <= 1 ? null : /* @__PURE__ */ r(
     J,
     {
       gap: 4,
@@ -2521,45 +2521,45 @@ function ao({
       style: {
         width: n,
         height: "100%",
-        backgroundColor: X,
+        backgroundColor: H,
         flexShrink: 0
       },
-      children: Z.map((K) => /* @__PURE__ */ r(
+      children: ee.map(($) => /* @__PURE__ */ r(
         Ao,
         {
-          group: K.group,
-          active: K.group.name === se,
-          onClick: () => ee(K.group.name),
+          group: $.group,
+          active: $.group.name === le,
+          onClick: () => Ae($.group.name),
           showLabel: a,
-          activeColor: N,
-          inactiveColor: $
+          activeColor: Y,
+          inactiveColor: O
         },
-        K.group.name
+        $.group.name
       ))
     }
-  ), q = () => i ? p || /* @__PURE__ */ r(xA, { message: i, backgroundColor: ke }) : u ? h || /* @__PURE__ */ r(
+  ), q = () => d ? p || /* @__PURE__ */ r(xA, { message: d, backgroundColor: we }) : c ? u || /* @__PURE__ */ r(
     kA,
     {
-      itemCount: b,
+      itemCount: C,
       collapsed: !1,
-      backgroundColor: ke,
+      backgroundColor: we,
       showGroups: !1
     }
-  ) : /* @__PURE__ */ r(J, { gap: 2, children: Ie.map((K, ue) => /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ r(J, { gap: 2, children: Ie.map(($, ue) => /* @__PURE__ */ r(
     $e,
     {
-      item: K,
+      item: $,
       collapsed: !1,
-      active: y && Ce(K),
-      onClick: Y,
-      textColor: Q,
-      iconColor: L,
-      hoverColor: x,
-      ...xe
+      active: v && j($),
+      onClick: z,
+      textColor: k,
+      iconColor: N,
+      hoverColor: y,
+      ...ke
     },
     ue
-  )) }), ye = G === "dark" ? I.colors.dark[5] : I.colors.gray[2];
-  return Z.length <= 1 ? /* @__PURE__ */ R(Ye, { direction: "column", w: ne ? o : t, h: "100%", style: T, children: [
+  )) }), ye = V === "dark" ? x.colors.dark[5] : x.colors.gray[2];
+  return ee.length <= 1 ? /* @__PURE__ */ R(Ye, { direction: "column", w: se ? o : t, h: "100%", style: Se, children: [
     l && /* @__PURE__ */ r(B, { style: { width: "100%", flexShrink: 0 }, children: l }),
     /* @__PURE__ */ r(
       B,
@@ -2567,30 +2567,30 @@ function ao({
         style: {
           flex: 1,
           width: "100%",
-          backgroundColor: v,
+          backgroundColor: w,
           display: "flex",
           flexDirection: "column",
           overflow: "hidden",
           borderRight: P ? `1px solid ${ye}` : void 0
         },
-        children: /* @__PURE__ */ r(ze, { style: { flex: 1 }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ r(B, { p: "xs", children: ne ? /* @__PURE__ */ r(J, { gap: 8, align: "center", children: A.filter((K) => K.showInSidebar ? !((typeof K.disabled == "function" ? K.disabled() : K.disabled) && K.hideDisabledItem) : !1).map((K, ue) => /* @__PURE__ */ r(
+        children: /* @__PURE__ */ r(ze, { style: { flex: 1 }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ r(B, { p: "xs", children: se ? /* @__PURE__ */ r(J, { gap: 8, align: "center", children: A.filter(($) => $.showInSidebar ? !((typeof $.disabled == "function" ? $.disabled() : $.disabled) && $.hideDisabledItem) : !1).map(($, ue) => /* @__PURE__ */ r(
           $e,
           {
-            item: K,
+            item: $,
             collapsed: !0,
-            active: y && Ce(K),
-            onClick: Y,
-            textColor: Q,
-            iconColor: L,
-            hoverColor: x,
-            ...xe
+            active: v && j($),
+            onClick: z,
+            textColor: k,
+            iconColor: N,
+            hoverColor: y,
+            ...ke
           },
           ue
         )) }) : q() }) })
       }
     ),
-    d && /* @__PURE__ */ r(B, { style: { width: "100%", backgroundColor: v, flexShrink: 0 }, children: d })
-  ] }) : /* @__PURE__ */ R(Ye, { direction: "column", w: ne ? n : t, h: "100%", style: T, children: [
+    i && /* @__PURE__ */ r(B, { style: { width: "100%", backgroundColor: w, flexShrink: 0 }, children: i })
+  ] }) : /* @__PURE__ */ R(Ye, { direction: "column", w: se ? n : t, h: "100%", style: Se, children: [
     l && /* @__PURE__ */ r(B, { style: { width: "100%", flexShrink: 0 }, children: l }),
     /* @__PURE__ */ R(
       B,
@@ -2608,20 +2608,20 @@ function ao({
             B,
             {
               style: {
-                width: ne ? 0 : Ae,
+                width: se ? 0 : re,
                 height: "100%",
-                backgroundColor: v,
+                backgroundColor: w,
                 overflow: "hidden",
                 transition: "width 200ms ease",
-                borderLeft: Z.length > 1 ? `1px solid ${G === "dark" ? I.colors.dark[5] : I.colors.gray[2]}` : void 0
+                borderLeft: ee.length > 1 ? `1px solid ${V === "dark" ? x.colors.dark[5] : x.colors.gray[2]}` : void 0
               },
-              children: !ne && se && /* @__PURE__ */ r(ze, { style: { height: "100%" }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ r(B, { p: "xs", children: q() }) })
+              children: !se && le && /* @__PURE__ */ r(ze, { style: { height: "100%" }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ r(B, { p: "xs", children: q() }) })
             }
           )
         ]
       }
     ),
-    d && /* @__PURE__ */ r(B, { style: { width: "100%", backgroundColor: v, flexShrink: 0 }, children: d })
+    i && /* @__PURE__ */ r(B, { style: { width: "100%", backgroundColor: w, flexShrink: 0 }, children: i })
   ] });
 }
 function io(A) {
@@ -2633,9 +2633,9 @@ function io(A) {
     activeGroup: s,
     defaultActiveGroup: a,
     onActiveGroupChange: l,
-    showKeyboardShortcuts: d,
-    highlightActiveItem: c,
-    onMenuItemClick: u
+    showKeyboardShortcuts: i,
+    highlightActiveItem: h,
+    onMenuItemClick: c
   } = A;
   return /* @__PURE__ */ r(
     CA,
@@ -2648,9 +2648,9 @@ function io(A) {
       activeGroup: s,
       defaultActiveGroup: a,
       onActiveGroupChange: l,
-      showKeyboardShortcuts: d,
-      highlightActiveItem: c,
-      onMenuItemClick: u,
+      showKeyboardShortcuts: i,
+      highlightActiveItem: h,
+      onMenuItemClick: c,
       children: /* @__PURE__ */ r(ao, { ...A })
     }
   );
@@ -2700,8 +2700,8 @@ function lA(A) {
 }
 var ir = Ne({ active: !1, refresh: () => {
 }, destroy: () => Promise.resolve(), destroyAll: () => Promise.resolve(), destroyOther: () => Promise.resolve(), getCacheNodes: () => [] }), uo = BA(function(A) {
-  let { children: t, active: o, refresh: e, destroy: n, destroyAll: s, destroyOther: a, getCacheNodes: l } = A, d = ce(() => ({ active: o, refresh: e, destroy: n, destroyAll: s, destroyOther: a, getCacheNodes: l }), [o, e, n, s, a, l]);
-  return r(ir.Provider, { value: d, children: t });
+  let { children: t, active: o, refresh: e, destroy: n, destroyAll: s, destroyOther: a, getCacheNodes: l } = A, i = ce(() => ({ active: o, refresh: e, destroy: n, destroyAll: s, destroyOther: a, getCacheNodes: l }), [o, e, n, s, a, l]);
+  return r(ir.Provider, { value: i, children: t });
 }), ho = uo, cr = GA.Activity, fo = cr ?? GA.Fragment, po = !!cr, dr = "keepalive-cache-div";
 function ur(A) {
   return A ? Array.from(A.children) : [];
@@ -2725,37 +2725,37 @@ function go(A, t, o) {
   return o ? QA(o, A) : t ? !QA(t, A) : !0;
 }
 var bo = BA(function(A) {
-  let { errorElement: t = UA, cacheNodeClassName: o, children: e, cacheKey: n, exclude: s, include: a, enableActivity: l } = A, { active: d, renderCount: c, destroy: u, transition: i, viewTransition: h, duration: p, containerDivRef: b } = A, C = _(!1);
-  C.current = C.current || d;
+  let { errorElement: t = UA, cacheNodeClassName: o, children: e, cacheKey: n, exclude: s, include: a, enableActivity: l } = A, { active: i, renderCount: h, destroy: c, transition: d, viewTransition: u, duration: p, containerDivRef: C } = A, b = _(!1);
+  b.current = b.current || i;
   let m = ce(() => {
     let g = document.createElement("div");
-    return ar(g).set("data-cache-key", n).set("style", "height: 100%").set("data-render-count", c.toString()), g.className = dr + (o ? ` ${o}` : ""), g;
-  }, [c, o]);
-  return te(() => {
-    let g = go(n, s, a), f = b.current;
+    return ar(g).set("data-cache-key", n).set("style", "height: 100%").set("data-render-count", h.toString()), g.className = dr + (o ? ` ${o}` : ""), g;
+  }, [h, o]);
+  return oe(() => {
+    let g = go(n, s, a), f = C.current;
     if (!f) {
       console.warn("keepalive: cache container not found");
       return;
     }
-    if (i)
+    if (d)
       (async () => {
-        if (d) {
-          let S = FA(f, n);
-          if (await $A(p - 40), fA(S), f.contains(m))
+        if (i) {
+          let I = FA(f, n);
+          if (await $A(p - 40), fA(I), f.contains(m))
             return;
           KA(f, m);
         } else
-          g || (await $A(p), u(n));
+          g || (await $A(p), c(n));
       })();
-    else if (d) {
-      let S = () => {
-        let k = FA(f, n);
-        fA(k), !f.contains(m) && KA(f, m);
+    else if (i) {
+      let I = () => {
+        let T = FA(f, n);
+        fA(T), !f.contains(m) && KA(f, m);
       };
-      h && document.startViewTransition ? document.startViewTransition(S) : S();
+      u && document.startViewTransition ? document.startViewTransition(I) : I();
     } else
-      g || u(n);
-  }, [d, b, n, s, a]), C.current ? Rt(r(t, { children: po && l ? R(fo, { mode: d ? "visible" : "hidden", children: [" ", e] }) : e }), m, n) : null;
+      g || c(n);
+  }, [i, C, n, s, a]), b.current ? Rt(r(t, { children: po && l ? R(fo, { mode: i ? "visible" : "hidden", children: [" ", e] }) : e }), m, n) : null;
 }, (A, t) => A.active === t.active && A.renderCount === t.renderCount && A.children === t.children && A.exclude === t.exclude && A.include === t.include), mo = bo, yo = (A) => {
   typeof nA < "u" && We(nA) ? nA(A) : A();
 }, vo = yo;
@@ -2763,62 +2763,62 @@ function hr() {
   return _(null);
 }
 function Co(A) {
-  let { activeCacheKey: t, max: o = 10, exclude: e, include: n, onBeforeActive: s, customContainerRef: a, cacheNodeClassName: l = "cache-component", containerClassName: d = "keep-alive-render", errorElement: c, transition: u = !1, viewTransition: i = !1, duration: h = 200, children: p, aliveRef: b, maxAliveTime: C = 0, enableActivity: m = !1 } = A, g = a || _(null), [f, S] = ge([]);
+  let { activeCacheKey: t, max: o = 10, exclude: e, include: n, onBeforeActive: s, customContainerRef: a, cacheNodeClassName: l = "cache-component", containerClassName: i = "keep-alive-render", errorElement: h, transition: c = !1, viewTransition: d = !1, duration: u = 200, children: p, aliveRef: C, maxAliveTime: b = 0, enableActivity: m = !1 } = A, g = a || _(null), [f, I] = ge([]);
   kr(() => {
     IA(t) || vo(() => {
-      S((O) => {
-        let $ = Date.now();
-        if (O.find((M) => M.cacheKey === t))
-          return O.map((M) => {
-            if (M.cacheKey === t) {
-              let F = !1;
-              if (We(s) && s(t), C) {
-                let P = M.lastActiveTime;
-                if (hA(C)) {
-                  let y = C.find((V) => lr(V.match) ? V.match.test(t) : V.match === t);
-                  y && (F = y && P + y.expire * 1e3 < $);
+      I((M) => {
+        let O = Date.now();
+        if (M.find((D) => D.cacheKey === t))
+          return M.map((D) => {
+            if (D.cacheKey === t) {
+              let Q = !1;
+              if (We(s) && s(t), b) {
+                let P = D.lastActiveTime;
+                if (hA(b)) {
+                  let v = b.find((K) => lr(K.match) ? K.match.test(t) : K.match === t);
+                  v && (Q = v && P + v.expire * 1e3 < O);
                 } else
-                  F = P + C * 1e3 < $;
+                  Q = P + b * 1e3 < O;
               }
-              return { ...M, ele: p, lastActiveTime: $, renderCount: F ? M.renderCount + 1 : M.renderCount };
+              return { ...D, ele: p, lastActiveTime: O, renderCount: Q ? D.renderCount + 1 : D.renderCount };
             }
-            return M;
+            return D;
           });
-        if (We(s) && s(t), O.length > o) {
-          let M = O.reduce((F, P) => F.lastActiveTime < P.lastActiveTime ? F : P);
-          O.splice(O.indexOf(M), 1);
+        if (We(s) && s(t), M.length > o) {
+          let D = M.reduce((Q, P) => Q.lastActiveTime < P.lastActiveTime ? Q : P);
+          M.splice(M.indexOf(D), 1);
         }
-        return [...O, { cacheKey: t, lastActiveTime: $, ele: p, renderCount: 0 }];
+        return [...M, { cacheKey: t, lastActiveTime: O, ele: p, renderCount: 0 }];
       });
     });
   }, [t, p]);
-  let k = w((O) => {
-    S(($) => {
-      let M = O || t;
-      return $.map((F) => F.cacheKey === M ? { ...F, renderCount: F.renderCount + 1 } : F);
+  let T = S((M) => {
+    I((O) => {
+      let D = M || t;
+      return O.map((Q) => Q.cacheKey === D ? { ...Q, renderCount: Q.renderCount + 1 } : Q);
     });
-  }, [S, t]), D = w((O) => {
-    let $ = O || t, M = hA($) ? $ : [$];
-    return new Promise((F) => {
+  }, [I, t]), L = S((M) => {
+    let O = M || t, D = hA(O) ? O : [O];
+    return new Promise((Q) => {
       lA(() => {
-        S((P) => [...P.filter((y) => !M.includes(y.cacheKey))]), F();
+        I((P) => [...P.filter((v) => !D.includes(v.cacheKey))]), Q();
       });
     });
-  }, [S, t]), j = w(() => new Promise((O) => {
+  }, [I, t]), X = S(() => new Promise((M) => {
     lA(() => {
-      S([]), O();
+      I([]), M();
     });
-  }), [S]), z = w((O) => {
-    let $ = O || t;
-    return new Promise((M) => {
+  }), [I]), F = S((M) => {
+    let O = M || t;
+    return new Promise((D) => {
       lA(() => {
-        S((F) => [...F.filter((P) => P.cacheKey === $)]), M();
+        I((Q) => [...Q.filter((P) => P.cacheKey === O)]), D();
       });
     });
-  }, [t, S]), U = w(() => f, [f]);
-  return xr(b, () => ({ refresh: k, destroy: D, destroyAll: j, destroyOther: z, getCacheNodes: U })), R(UA, { children: [r("div", { ref: g, className: d, style: { height: "100%" } }), f.map((O) => {
-    let { cacheKey: $, ele: M, renderCount: F } = O;
-    return r(ho, { active: t === $, refresh: k, destroy: D, destroyAll: j, destroyOther: z, getCacheNodes: U, children: r(mo, { destroy: D, include: n, exclude: e, transition: u, viewTransition: i, duration: h, renderCount: F, containerDivRef: g, errorElement: c, active: t === $, cacheNodeClassName: l, cacheKey: $, enableActivity: m, children: M }) }, `${$}-${F}`);
+  }, [t, I]), U = S(() => f, [f]);
+  return xr(C, () => ({ refresh: T, destroy: L, destroyAll: X, destroyOther: F, getCacheNodes: U })), R(UA, { children: [r("div", { ref: g, className: i, style: { height: "100%" } }), f.map((M) => {
+    let { cacheKey: O, ele: D, renderCount: Q } = M;
+    return r(ho, { active: t === O, refresh: T, destroy: L, destroyAll: X, destroyOther: F, getCacheNodes: U, children: r(mo, { destroy: L, include: n, exclude: e, transition: c, viewTransition: d, duration: u, renderCount: Q, containerDivRef: g, errorElement: h, active: t === O, cacheNodeClassName: l, cacheKey: O, enableActivity: m, children: D }) }, `${O}-${Q}`);
   })] });
 }
 var wo = Co, So = () => ve(ir), fr = So;
@@ -2838,7 +2838,7 @@ function ko(A, t, o = !1, e) {
   }, [n, ...t]);
 }
 var xo = ko, Io = (A, t, o = !1) => {
-  xo(A, t, o, te);
+  xo(A, t, o, oe);
 }, To = Io;
 const pr = Ne({
   isVisible: !0,
@@ -2872,28 +2872,28 @@ const pr = Ne({
 }, gr = Ne(null), eA = (A) => null, Po = (A) => A.includes(":"), Lo = (A, t) => Po(A) ? t : A, Mo = ({ children: A }) => {
   const { active: t } = fr(), o = Ar(), e = Xe(), n = vt(), s = _(o), [a, l] = ge(o);
   s.current = o;
-  const d = _({ location: e, navigationType: n });
-  t && (d.current = { location: e, navigationType: n });
-  const c = ce(
-    () => t ? { location: e, navigationType: n } : d.current,
+  const i = _({ location: e, navigationType: n });
+  t && (i.current = { location: e, navigationType: n });
+  const h = ce(
+    () => t ? { location: e, navigationType: n } : i.current,
     [t, e, n]
-  ), [u, i] = ge(0), h = _(t);
+  ), [c, d] = ge(0), u = _(t);
   To(() => {
     l(s.current), requestAnimationFrame(() => {
       window.dispatchEvent(new Event("resize"));
     });
-  }, []), te(() => {
-    t && (l(s.current), h.current || i((b) => b + 1)), h.current = t;
+  }, []), oe(() => {
+    t && (l(s.current), u.current || d((C) => C + 1)), u.current = t;
   }, [t]);
   const p = ce(
-    () => ({ isVisible: t, wasRestored: u > 0, restoreCount: u }),
-    [t, u]
+    () => ({ isVisible: t, wasRestored: c > 0, restoreCount: c }),
+    [t, c]
   );
-  return /* @__PURE__ */ r(Ct.Provider, { value: c, children: /* @__PURE__ */ r(pr.Provider, { value: p, children: /* @__PURE__ */ r(TA.Provider, { value: { params: a }, children: A }) }) });
-}, Do = "__nokeep__:", br = Se.memo(({ keepAlivePaths: A, maxKeepAliveTabs: t, aliveRef: o }) => {
+  return /* @__PURE__ */ r(Ct.Provider, { value: h, children: /* @__PURE__ */ r(pr.Provider, { value: p, children: /* @__PURE__ */ r(TA.Provider, { value: { params: a }, children: A }) }) });
+}, Do = "__nokeep__:", br = xe.memo(({ keepAlivePaths: A, maxKeepAliveTabs: t, aliveRef: o }) => {
   const e = Xe(), n = mt(), s = ce(() => {
     const l = A.find(
-      (d) => yt({ path: d, end: !0 }, e.pathname)
+      (i) => yt({ path: i, end: !0 }, e.pathname)
     );
     return l ? Lo(l, e.pathname) : Do + e.pathname;
   }, [A, e.pathname]), a = ce(() => [/^__nokeep__:/], []);
@@ -2910,40 +2910,40 @@ const pr = Ne({
 });
 br.displayName = "KeepAliveLayout";
 const No = ({ children: A, maxKeepAliveTabs: t = 10, ...o }) => {
-  const e = hr(), s = ve(gr) || e, a = _(null), l = _(""), { keepAlivePaths: d, routeElements: c } = ce(() => {
-    const p = Se.Children.toArray(A), b = p.map((f) => {
-      if (Se.isValidElement(f)) {
-        const S = f.props?.path || "", k = f.type === eA;
-        return `${S}:${k}`;
+  const e = hr(), s = ve(gr) || e, a = _(null), l = _(""), { keepAlivePaths: i, routeElements: h } = ce(() => {
+    const p = xe.Children.toArray(A), C = p.map((f) => {
+      if (xe.isValidElement(f)) {
+        const I = f.props?.path || "", T = f.type === eA;
+        return `${I}:${T}`;
       }
       return "";
     }).join("|");
-    if (a.current && l.current === b)
+    if (a.current && l.current === C)
       return a.current;
-    l.current = b;
-    const C = [], m = [];
+    l.current = C;
+    const b = [], m = [];
     p.forEach((f) => {
-      if (Se.isValidElement(f))
+      if (xe.isValidElement(f))
         if (f.type === eA) {
-          const S = f.props;
-          S.path && C.push(S.path);
-          const k = S.component, D = typeof k == "function" ? Se.createElement(k) : k;
+          const I = f.props;
+          I.path && b.push(I.path);
+          const T = I.component, L = typeof T == "function" ? xe.createElement(T) : T;
           m.push(
             /* @__PURE__ */ r(
               Ke,
               {
-                path: S.path,
-                element: /* @__PURE__ */ r(Mo, { children: D })
+                path: I.path,
+                element: /* @__PURE__ */ r(Mo, { children: L })
               },
-              S.path || f.key
+              I.path || f.key
             )
           );
         } else
           m.push(f);
     });
-    const g = { keepAlivePaths: C, routeElements: m };
+    const g = { keepAlivePaths: b, routeElements: m };
     return a.current = g, g;
-  }, [A]), u = ve(Ze), i = ce(() => ({
+  }, [A]), c = ve(Ze), d = ce(() => ({
     requestUnregister: (p) => {
       s.current?.destroy(p);
     },
@@ -2957,15 +2957,15 @@ const No = ({ children: A, maxKeepAliveTabs: t = 10, ...o }) => {
       s.current?.destroyOther(p);
     },
     getCacheNodes: () => s.current?.getCacheNodes() || []
-  }), [s]), h = /* @__PURE__ */ r(er, { ...o, children: /* @__PURE__ */ r(Ke, { element: /* @__PURE__ */ r(
+  }), [s]), u = /* @__PURE__ */ r(er, { ...o, children: /* @__PURE__ */ r(Ke, { element: /* @__PURE__ */ r(
     br,
     {
-      keepAlivePaths: d,
+      keepAlivePaths: i,
       maxKeepAliveTabs: t,
       aliveRef: s
     }
-  ), children: c }) });
-  return u ? h : /* @__PURE__ */ r(Ze.Provider, { value: i, children: h });
+  ), children: h }) });
+  return c ? u : /* @__PURE__ */ r(Ze.Provider, { value: d, children: u });
 }, mr = Ne({
   start: () => {
   },
@@ -2974,13 +2974,13 @@ const No = ({ children: A, maxKeepAliveTabs: t = 10, ...o }) => {
   isNavigating: !1
 }), yr = () => ve(mr), zo = 150;
 function Oo({ children: A }) {
-  const [t, o] = ge(!1), e = _(null), n = _(0), s = w(() => {
+  const [t, o] = ge(!1), e = _(null), n = _(0), s = S(() => {
     e.current && clearTimeout(e.current), n.current = Date.now(), o(!0);
-  }, []), a = w(() => {
-    const l = Date.now() - n.current, d = Math.max(0, zo - l);
+  }, []), a = S(() => {
+    const l = Date.now() - n.current, i = Math.max(0, zo - l);
     e.current = setTimeout(() => {
       o(!1);
-    }, d);
+    }, i);
   }, []);
   return /* @__PURE__ */ R(mr.Provider, { value: { start: s, done: a, isNavigating: t }, children: [
     /* @__PURE__ */ r("div", { className: "archbase-nav-progress", "data-active": t, children: /* @__PURE__ */ r("div", { className: "archbase-nav-progress-bar" }) }),
@@ -3020,59 +3020,59 @@ function Qo({
   sideBarHiddenBreakPoint: s,
   sideBarFooterHeight: a,
   sideBarFooterContent: l,
-  onCollapsedSideBar: d,
-  onHiddenSidebar: c,
-  sidebarSelectedGroupName: u,
-  sidebarDefaultGroupIcon: i,
-  sideBarHeaderHeight: h,
+  onCollapsedSideBar: i,
+  onHiddenSidebar: h,
+  sidebarSelectedGroupName: c,
+  sidebarDefaultGroupIcon: d,
+  sideBarHeaderHeight: u,
   sideBarHeaderContent: p,
-  selectedGroupColor: b = "#132441",
-  groupColor: C = "white",
+  selectedGroupColor: C = "#132441",
+  groupColor: b = "white",
   backgroundGroupColor: m = "#132441",
   groupLabelDarkColor: g = "white",
   groupLabelLightColor: f = "white",
-  headerColor: S,
-  footerHeight: k,
-  iconsWithBackground: D,
-  menuItemHeight: j,
-  showSideBar: z = !0,
+  headerColor: I,
+  footerHeight: T,
+  iconsWithBackground: L,
+  menuItemHeight: X,
+  showSideBar: F = !0,
   showHeader: U = !0,
-  headerStyle: O = {},
-  highlightActiveMenuItem: $ = !0,
-  customRenderSidebar: M,
-  showCollapsedButton: F = !0,
+  headerStyle: M = {},
+  highlightActiveMenuItem: O = !0,
+  customRenderSidebar: D,
+  showCollapsedButton: Q = !0,
   sideBarBackgroundDarkColor: P,
-  sideBarBackgroundLightColor: y,
-  sideBarTextDarkColor: V,
+  sideBarBackgroundLightColor: v,
+  sideBarTextDarkColor: K,
   sideBarTextLightColor: E,
   sideBarIconDarkColor: W,
-  sideBarIconLightColor: H,
-  sideBarBackgroundImage: I,
-  mainBackground: G,
-  sideBarItemBorderRadius: ne,
-  sideBarItemHorizontalGap: we,
-  sideBarItemActiveBackground: se,
+  sideBarIconLightColor: G,
+  sideBarBackgroundImage: x,
+  mainBackground: V,
+  sideBarItemBorderRadius: se,
+  sideBarItemHorizontalGap: Ce,
+  sideBarItemActiveBackground: le,
   sideBarCollapsedSubmenuWidth: be,
-  sidebarActiveColor: ke,
-  maxKeepAliveTabs: T = 10,
-  sidebarVariant: v = "legacy",
-  sidebarShowSearch: Q = !1
+  sidebarActiveColor: we,
+  maxKeepAliveTabs: Se = 10,
+  sidebarVariant: w = "legacy",
+  sidebarShowSearch: k = !1
 }) {
-  const L = me(), x = ve(rA), { colorScheme: X } = de(), N = kt(), [Y, Ce] = xt(), le = St(
-    `(max-width: ${s ? fe(s) : L.breakpoints.md})`
-  ), xe = (ae) => {
-    ae.link && (ae.routeParams ? N(ae.link, {}, ae.routeParams) : N(ae.link));
-  }, Z = (ae, he) => {
-    ae == he && x.collapsed && x.setCollapsed(!1), x.setCollapsed(ae == he);
+  const N = me(), y = ve(rA), { colorScheme: H } = de(), Y = kt(), [z, j] = xt(), Z = St(
+    `(max-width: ${s ? fe(s) : N.breakpoints.md})`
+  ), ke = (ae) => {
+    ae.link && (ae.routeParams ? Y(ae.link, {}, ae.routeParams) : Y(ae.link));
+  }, ee = (ae, he) => {
+    ae == he && y.collapsed && y.setCollapsed(!1), y.setCollapsed(ae == he);
   }, Ie = () => {
     let ae = 0, he = 0;
-    return h && (ae = Number(fe(h))), a && (he = Number(fe(a))), `calc(100vh - var(--app-shell-header-offset, 0px) - ${ae + he}px)`;
-  }, ee = () => {
+    return u && (ae = Number(fe(u))), a && (he = Number(fe(a))), `calc(100vh - var(--app-shell-header-offset, 0px) - ${ae + he}px)`;
+  }, Ae = () => {
     let ae = 0, he = 0;
-    return h && (ae = Number(fe(h))), a && (he = Number(fe(a))), `calc(100vh - 28px - ${ae + he}px)`;
-  }, Ae = ce(() => {
+    return u && (ae = Number(fe(u))), a && (he = Number(fe(a))), `calc(100vh - 28px - ${ae + he}px)`;
+  }, re = ce(() => {
     const ae = [];
-    return x.navigationData.forEach((he, Ge) => {
+    return y.navigationData.forEach((he, Ge) => {
       he.links ? he.links.forEach((Oe, RA) => {
         Oe.keepAlive === !1 ? ae.push(/* @__PURE__ */ r(Ke, { path: Oe.link, element: Oe.component }, `${Oe.link}_${RA}`)) : ae.push(
           /* @__PURE__ */ r(eA, { path: Oe.link, component: Oe.component }, `${Oe.link}_${RA}`)
@@ -3083,103 +3083,103 @@ function Qo({
         /* @__PURE__ */ r(eA, { path: he.link, component: he.component }, `${he.link}_${Ge}`)
       );
     }), ae;
-  }, [x.navigationData, x.collapsed]), Ee = w(() => {
-    x.setCollapsed(!x.collapsed);
-  }, [x.setCollapsed, x.collapsed]), q = w(() => {
-    x.setHidden(!x.hidden);
-  }, [x.setHidden, x.hidden]);
-  te(() => {
-    c && c(x.hidden);
-  }, [x.hidden, q]), te(() => {
-    d && d(x.collapsed);
-  }, [x.collapsed, d]);
-  const ye = v === "minimal" || x.collapsed ? n : e, K = (ae, he = !1) => M ? M({ width: e, height: ae, isHidden: le }) : v === "legacy" ? /* @__PURE__ */ r(
+  }, [y.navigationData, y.collapsed]), Ee = S(() => {
+    y.setCollapsed(!y.collapsed);
+  }, [y.setCollapsed, y.collapsed]), q = S(() => {
+    y.setHidden(!y.hidden);
+  }, [y.setHidden, y.hidden]);
+  oe(() => {
+    h && h(y.hidden);
+  }, [y.hidden, q]), oe(() => {
+    i && i(y.collapsed);
+  }, [y.collapsed, i]);
+  const ye = w === "minimal" || y.collapsed ? n : e, $ = (ae, he = !1) => D ? D({ width: e, height: ae, isHidden: Z }) : w === "legacy" ? /* @__PURE__ */ r(
     _t,
     {
-      navigationData: x.navigationData,
+      navigationData: y.navigationData,
       sidebarHeight: ae,
       sidebarGroupWidth: n,
       sidebarCollapsedWidth: n,
-      selectedGroupColor: b,
-      groupColor: C,
+      selectedGroupColor: C,
+      groupColor: b,
       backgroundGroupColor: m,
       groupLabelDarkColor: g,
       groupLabelLightColor: f,
       showGroupLabels: !1,
-      collapsed: he ? !1 : x.collapsed,
+      collapsed: he ? !1 : y.collapsed,
       sidebarWidth: e,
-      isHidden: le,
-      onMenuItemClick: xe,
-      onClickActionIcon: Z,
+      isHidden: Z,
+      onMenuItemClick: ke,
+      onClickActionIcon: ee,
       sideBarFooterHeight: a,
       sideBarFooterContent: l,
       sideBarHeaderContent: p,
-      theme: L,
-      sidebarRef: Y,
-      defaultGroupIcon: i,
-      selectedGroupName: u,
-      iconsWithBackground: D,
-      menuItemHeight: j,
-      highlightActiveMenuItem: $,
+      theme: N,
+      sidebarRef: z,
+      defaultGroupIcon: d,
+      selectedGroupName: c,
+      iconsWithBackground: L,
+      menuItemHeight: X,
+      highlightActiveMenuItem: O,
       backgroundDarkColor: P,
-      backgroundLightColor: y,
-      textDarkColor: V,
+      backgroundLightColor: v,
+      textDarkColor: K,
       textLightColor: E,
       iconDarkColor: W,
-      iconLightColor: H,
+      iconLightColor: G,
       collapsedSubmenuWidth: be,
-      isLoading: x.isLoadingPermissions,
-      loadingError: x.permissionsError
+      isLoading: y.isLoadingPermissions,
+      loadingError: y.permissionsError
     }
   ) : /* @__PURE__ */ r(
     co,
     {
-      navigationData: x.navigationData,
-      variant: v,
+      navigationData: y.navigationData,
+      variant: w,
       width: ye,
       collapsedWidth: n,
       height: ae,
       groupColumnWidth: n,
-      collapsed: he ? !1 : x.collapsed,
-      onCollapsedChange: (Ge) => x.setCollapsed(Ge),
-      activeGroup: u,
+      collapsed: he ? !1 : y.collapsed,
+      onCollapsedChange: (Ge) => y.setCollapsed(Ge),
+      activeGroup: c,
       onActiveGroupChange: (Ge) => {
       },
-      defaultGroupIcon: i,
+      defaultGroupIcon: d,
       showGroupLabels: !1,
-      onMenuItemClick: xe,
-      showSearch: Q,
+      onMenuItemClick: ke,
+      showSearch: k,
       header: p,
       footer: l,
       footerHeight: a,
-      isLoading: x.isLoadingPermissions,
-      loadingError: x.permissionsError,
-      theme: L,
-      highlightActiveItem: $,
+      isLoading: y.isLoadingPermissions,
+      loadingError: y.permissionsError,
+      theme: N,
+      highlightActiveItem: O,
       backgroundDarkColor: P,
-      backgroundLightColor: y,
-      backgroundImage: I,
-      textDarkColor: V,
+      backgroundLightColor: v,
+      backgroundImage: x,
+      textDarkColor: K,
       textLightColor: E,
       iconDarkColor: W,
-      iconLightColor: H,
+      iconLightColor: G,
       groupBackgroundColor: m,
-      selectedGroupColor: b,
-      groupColor: C,
+      selectedGroupColor: C,
+      groupColor: b,
       groupLabelDarkColor: g,
       groupLabelLightColor: f,
-      activeColor: ke,
-      itemBorderRadius: ne,
-      itemHorizontalGap: we,
-      itemActiveBackground: se,
+      activeColor: we,
+      itemBorderRadius: se,
+      itemHorizontalGap: Ce,
+      itemActiveBackground: le,
       withBorder: !1,
-      sidebarRef: Y
+      sidebarRef: z
     }
-  ), ue = X === "dark" ? P ?? L.colors.dark[7] : y ?? L.white, Qe = v === "legacy", Fe = Qe ? void 0 : {
+  ), ue = H === "dark" ? P ?? N.colors.dark[7] : v ?? N.white, Qe = w === "legacy", Fe = Qe ? void 0 : {
     width: { base: ye },
     breakpoint: "sm",
-    collapsed: { mobile: le || !z, desktop: le || !z }
-  }, Ve = G ?? (X === "dark" ? L.colors.dark[8] : L.colors.gray[0]), wr = Qe ? {
+    collapsed: { mobile: Z || !F, desktop: Z || !F }
+  }, Ve = V ?? (H === "dark" ? N.colors.dark[8] : N.colors.gray[0]), wr = Qe ? {
     main: {
       background: Ve,
       overflow: "hidden"
@@ -3190,15 +3190,15 @@ function Qo({
       overflow: "hidden"
     },
     navbar: {
-      background: I ?? ue,
+      background: x ?? ue,
       border: "none"
     }
   }, Sr = Qe ? {
     height: "calc(100vh - var(--app-shell-header-offset, 0px) - var(--app-shell-footer-offset, 0px) - var(--app-shell-padding) - 1rem)",
-    width: `calc(100vw - var(--app-shell-padding) - calc(${le ? "0px" : ye} + 1rem))`,
+    width: `calc(100vw - var(--app-shell-padding) - calc(${Z ? "0px" : ye} + 1rem))`,
     marginTop: "0.5rem",
-    marginLeft: `calc(${le ? "0px" : ye} + 0.5rem)`,
-    border: `1px solid ${X === "dark" ? L.colors.dark[4] : "#e4e9ef"}`,
+    marginLeft: `calc(${Z ? "0px" : ye} + 0.5rem)`,
+    border: `1px solid ${H === "dark" ? N.colors.dark[4] : "#e4e9ef"}`,
     borderRadius: "4px",
     overflow: "hidden"
   } : {
@@ -3207,7 +3207,7 @@ function Qo({
     marginTop: "0.5rem",
     marginLeft: "0.5rem",
     marginRight: "0.5rem",
-    border: `1px solid ${X === "dark" ? L.colors.dark[4] : "#e4e9ef"}`,
+    border: `1px solid ${H === "dark" ? N.colors.dark[4] : "#e4e9ef"}`,
     borderRadius: "4px",
     overflow: "hidden"
   };
@@ -3216,49 +3216,49 @@ function Qo({
     {
       header: { height: "60px", collapsed: !U },
       navbar: Fe,
-      footer: { height: k || "0px" },
+      footer: { height: T || "0px" },
       styles: wr,
       children: [
         /* @__PURE__ */ r(
           Be.Header,
           {
             p: "xs",
-            color: S,
+            color: I,
             display: "flex",
             style: {
               backgroundColor: "var(--mantine-primary-color-8)",
               alignItems: "center",
               borderBottom: "none",
-              ...O
+              ...M
             },
             children: t
           }
         ),
-        !le && z && /* @__PURE__ */ r(Be.Navbar, { children: K(Ie(), !1) }),
+        !Z && F && /* @__PURE__ */ r(Be.Navbar, { children: $(Ie(), !1) }),
         /* @__PURE__ */ R(Be.Main, { children: [
-          !le && F && $o(
-            X,
-            L,
-            x,
+          !Z && Q && $o(
+            H,
+            N,
+            y,
             e,
             n,
             Ee
           ),
           /* @__PURE__ */ r(Ro, { children: /* @__PURE__ */ R("div", { style: Sr, children: [
             A,
-            /* @__PURE__ */ r(Ko, { maxKeepAliveTabs: T, routes: Ae })
+            /* @__PURE__ */ r(Ko, { maxKeepAliveTabs: Se, routes: re })
           ] }) }),
-          z && /* @__PURE__ */ r(
+          F && /* @__PURE__ */ r(
             qA,
             {
-              opened: x.hidden || !1,
+              opened: y.hidden || !1,
               onClose: q,
               size: e,
               padding: 0,
               styles: {
                 header: { minHeight: "10px" }
               },
-              children: K(ee(), !0)
+              children: $(Ae(), !0)
             }
           )
         ] }),
@@ -3287,52 +3287,52 @@ function Gn({
   footer: s,
   owner: a,
   company: l,
-  sideBarWidth: d,
-  sideBarCollapsedWidth: c,
-  sideBarHiddenBreakPoint: u,
-  sideBarFooterHeight: i,
-  sideBarFooterContent: h,
+  sideBarWidth: i,
+  sideBarCollapsedWidth: h,
+  sideBarHiddenBreakPoint: c,
+  sideBarFooterHeight: d,
+  sideBarFooterContent: u,
   onCollapsedSideBar: p,
-  onHiddenSidebar: b,
-  sidebarDefaultGroupIcon: C,
+  onHiddenSidebar: C,
+  sidebarDefaultGroupIcon: b,
   sidebarSelectedGroupName: m,
   sideBarHeaderHeight: g,
   sideBarHeaderContent: f,
-  selectedGroupColor: S = "#132441",
-  groupColor: k = "white",
-  backgroundGroupColor: D = "#132441",
-  groupLabelDarkColor: j = "white",
-  groupLabelLightColor: z = "white",
+  selectedGroupColor: I = "#132441",
+  groupColor: T = "white",
+  backgroundGroupColor: L = "#132441",
+  groupLabelDarkColor: X = "white",
+  groupLabelLightColor: F = "white",
   headerColor: U,
-  footerHeight: O,
-  iconsWithBackground: $,
-  menuItemHeight: M,
-  showSideBar: F,
+  footerHeight: M,
+  iconsWithBackground: O,
+  menuItemHeight: D,
+  showSideBar: Q,
   showHeader: P,
-  headerStyle: y,
-  highlightActiveMenuItem: V,
+  headerStyle: v,
+  highlightActiveMenuItem: K,
   enableSecurity: E = !1,
   securityOptions: W,
-  customRenderSidebar: H,
-  onNavigationDataChange: I,
-  showCollapsedButton: G,
-  initialSidebarCollapsed: ne = !1,
-  sideBarBackgroundDarkColor: we,
-  sideBarBackgroundLightColor: se,
+  customRenderSidebar: G,
+  onNavigationDataChange: x,
+  showCollapsedButton: V,
+  initialSidebarCollapsed: se = !1,
+  sideBarBackgroundDarkColor: Ce,
+  sideBarBackgroundLightColor: le,
   sideBarTextDarkColor: be,
-  sideBarTextLightColor: ke,
-  sideBarIconDarkColor: T,
-  sideBarIconLightColor: v,
-  sideBarBackgroundImage: Q,
-  mainBackground: L,
-  sideBarItemBorderRadius: x,
-  sideBarItemHorizontalGap: X,
-  sideBarItemActiveBackground: N,
-  sideBarCollapsedSubmenuWidth: Y,
-  sidebarActiveColor: Ce,
-  maxKeepAliveTabs: le = 10,
-  sidebarVariant: xe = "legacy",
-  sidebarShowSearch: Z = !1
+  sideBarTextLightColor: we,
+  sideBarIconDarkColor: Se,
+  sideBarIconLightColor: w,
+  sideBarBackgroundImage: k,
+  mainBackground: N,
+  sideBarItemBorderRadius: y,
+  sideBarItemHorizontalGap: H,
+  sideBarItemActiveBackground: Y,
+  sideBarCollapsedSubmenuWidth: z,
+  sidebarActiveColor: j,
+  maxKeepAliveTabs: Z = 10,
+  sidebarVariant: ke = "legacy",
+  sidebarShowSearch: ee = !1
 }) {
   return /* @__PURE__ */ r(
     Kt,
@@ -3344,8 +3344,8 @@ function Gn({
       company: l,
       enableSecurity: E,
       securityOptions: W,
-      onNavigationDataChange: I,
-      initialSidebarCollapsed: ne,
+      onNavigationDataChange: x,
+      initialSidebarCollapsed: se,
       children: /* @__PURE__ */ r(
         Qo,
         {
@@ -3355,49 +3355,49 @@ function Gn({
           footer: s,
           owner: a,
           company: l,
-          sideBarWidth: d,
-          sideBarCollapsedWidth: c,
-          sideBarHiddenBreakPoint: u,
+          sideBarWidth: i,
+          sideBarCollapsedWidth: h,
+          sideBarHiddenBreakPoint: c,
           sideBarHeaderHeight: g,
           sideBarHeaderContent: f,
-          sideBarFooterHeight: i,
-          sideBarFooterContent: h,
-          selectedGroupColor: S,
-          groupColor: k,
-          backgroundGroupColor: D,
-          groupLabelDarkColor: j,
-          groupLabelLightColor: z,
+          sideBarFooterHeight: d,
+          sideBarFooterContent: u,
+          selectedGroupColor: I,
+          groupColor: T,
+          backgroundGroupColor: L,
+          groupLabelDarkColor: X,
+          groupLabelLightColor: F,
           onCollapsedSideBar: p,
-          onHiddenSidebar: b,
-          sidebarDefaultGroupIcon: C,
+          onHiddenSidebar: C,
+          sidebarDefaultGroupIcon: b,
           sidebarSelectedGroupName: m,
           headerColor: U,
-          footerHeight: O,
-          iconsWithBackground: $,
-          menuItemHeight: M,
-          showSideBar: F,
+          footerHeight: M,
+          iconsWithBackground: O,
+          menuItemHeight: D,
+          showSideBar: Q,
           showHeader: P,
-          headerStyle: y,
-          highlightActiveMenuItem: V,
+          headerStyle: v,
+          highlightActiveMenuItem: K,
           enableSecurity: E,
-          customRenderSidebar: H,
-          showCollapsedButton: G,
-          sideBarBackgroundDarkColor: we,
-          sideBarBackgroundLightColor: se,
+          customRenderSidebar: G,
+          showCollapsedButton: V,
+          sideBarBackgroundDarkColor: Ce,
+          sideBarBackgroundLightColor: le,
           sideBarTextDarkColor: be,
-          sideBarTextLightColor: ke,
-          sideBarIconDarkColor: T,
-          sideBarIconLightColor: v,
-          sideBarBackgroundImage: Q,
-          mainBackground: L,
-          sideBarItemBorderRadius: x,
-          sideBarItemHorizontalGap: X,
-          sideBarItemActiveBackground: N,
-          sideBarCollapsedSubmenuWidth: Y,
-          sidebarActiveColor: Ce,
-          maxKeepAliveTabs: le,
-          sidebarVariant: xe,
-          sidebarShowSearch: Z,
+          sideBarTextLightColor: we,
+          sideBarIconDarkColor: Se,
+          sideBarIconLightColor: w,
+          sideBarBackgroundImage: k,
+          mainBackground: N,
+          sideBarItemBorderRadius: y,
+          sideBarItemHorizontalGap: H,
+          sideBarItemActiveBackground: Y,
+          sideBarCollapsedSubmenuWidth: z,
+          sidebarActiveColor: j,
+          maxKeepAliveTabs: Z,
+          sidebarVariant: ke,
+          sidebarShowSearch: ee,
           children: e
         }
       )
@@ -3427,7 +3427,7 @@ const vr = Ne({
         return s;
     }
   }, [e, n] = Ir(o, t);
-  return Se.useEffect(() => {
+  return xe.useEffect(() => {
     let s = null;
     return e.userCloseLinkRequest && !e.linkClosed && (s = setTimeout(() => {
       n({ type: "CLOSE_ALLOWED", link: e.userCloseLinkRequest });
@@ -3441,10 +3441,10 @@ const vr = Ne({
     throw new Error("useArchbaseNavigationContext deve ser usado dentro de um ArchbaseNavigationProvider");
   return A;
 }, Un = (A, t) => {
-  const o = Cr(), { state: e, dispatch: n } = o, s = w((d) => {
-    n({ type: "CLOSE_ALLOWED", link: A, payload: d });
+  const o = Cr(), { state: e, dispatch: n } = o, s = S((i) => {
+    n({ type: "CLOSE_ALLOWED", link: A, payload: i });
   }, [n, A]), a = _(t);
-  a.current = t, te(() => {
+  a.current = t, oe(() => {
     e && e.userCloseLinkRequest && e.userCloseLinkRequest === A && a.current();
   }, [e, A]);
   const l = e.isClosing && e.userCloseLinkRequest === A;
@@ -3510,202 +3510,204 @@ function Hn({
   onChangeOpenedTabs: t,
   onChangeActiveTabId: o,
   activeTabId: e,
-  openedTabs: n = []
+  openedTabs: n = [],
+  colors: s
 }) {
-  const [s, a] = Se.useTransition(), l = qe(), { colorScheme: d } = de(), [c, u] = ge(n), [i, h] = ge(e), p = _(void 0), b = je(), C = _([]);
-  Pt(C);
-  const m = Cr(), { state: g, dispatch: f } = m, S = ve(rA), k = Eo(), { start: D, done: j } = yr(), z = AA((T) => T.clearSnapshot), U = AA((T) => T.removeTab), O = _(t), $ = _(o);
-  te(() => {
-    O.current = t, $.current = o;
+  const [a, l] = xe.useTransition(), i = qe(), { colorScheme: h } = de(), [c, d] = ge(n), [u, p] = ge(e), C = _(void 0), b = je(), m = _([]);
+  Pt(m);
+  const g = Cr(), { state: f, dispatch: I } = g, T = ve(rA), L = Eo(), { start: X, done: F } = yr(), U = AA((w) => w.clearSnapshot), M = AA((w) => w.removeTab), O = _(t), D = _(o);
+  oe(() => {
+    O.current = t, D.current = o;
   });
-  const M = _(i);
-  te(() => {
-    p.current = M.current, M.current = i;
-  }, [i]);
-  const F = _(!1), P = w((T, v) => {
-    D(), k ? k.destroy(T) : console.error("[ArchbaseAdminTabContainer] keepAliveCache context not available. Tab cache cleanup will not occur. This may cause memory leaks."), z(T), U(T);
-    const Q = c.findIndex((Y) => Y.path === T);
-    let L = v?.redirectUrl;
-    !L && Q >= 0 && (L = c[Q].redirect);
-    const x = c.filter((Y) => Y.id !== T);
-    let X = null;
-    if (p.current && p.current !== T) {
-      const Y = x.find((Ce) => Ce.id === p.current);
-      Y && (X = Y.id);
+  const Q = _(u);
+  oe(() => {
+    C.current = Q.current, Q.current = u;
+  }, [u]);
+  const P = _(!1), v = S((w, k) => {
+    X(), L ? L.destroy(w) : console.error("[ArchbaseAdminTabContainer] keepAliveCache context not available. Tab cache cleanup will not occur. This may cause memory leaks."), U(w), M(w);
+    const N = c.findIndex((j) => j.path === w);
+    let y = k?.redirectUrl;
+    !y && N >= 0 && (y = c[N].redirect);
+    const H = c.filter((j) => j.id !== w);
+    let Y = null;
+    if (C.current && C.current !== w) {
+      const j = H.find((Z) => Z.id === C.current);
+      j && (Y = j.id);
     }
-    if (!X) {
-      let Y = -1;
-      x.forEach((Ce, le) => Ce.id === i && (Y = le)), x.length > 0 && x[Y] ? X = x[Y].id : x.length > 0 && (X = x[x.length - 1].id);
+    if (!Y) {
+      let j = -1;
+      H.forEach((Z, ke) => Z.id === u && (j = ke)), H.length > 0 && H[j] ? Y = H[j].id : H.length > 0 && (Y = H[H.length - 1].id);
     }
-    const N = x.map((Y) => ({
-      ...Y,
-      active: X === Y.id
+    const z = H.map((j) => ({
+      ...j,
+      active: Y === j.id
     }));
-    if (u(N), X && X != null)
-      h(X), l(L || X);
+    if (d(z), Y && Y != null)
+      p(Y), i(y || Y);
     else {
-      if (h(void 0), !S.navigationRootLink) {
+      if (p(void 0), !T.navigationRootLink) {
         console.error("[ArchbaseAdminTabContainer] navigationRootLink is not configured. Cannot navigate to root.");
         return;
       }
-      l(S.navigationRootLink);
+      i(T.navigationRootLink);
     }
-    f({ type: "DONE", link: "" }), j();
-  }, [c, i, l, S.navigationRootLink, f, k, D, j, z, U]);
-  te(() => {
-    g?.linkClosed && P(g?.linkClosed, g?.payload);
-  }, [g?.linkClosed, g?.payload, P]);
-  const y = (T) => {
-    const v = {
+    I({ type: "DONE", link: "" }), F();
+  }, [c, u, i, T.navigationRootLink, I, L, X, F, U, M]);
+  oe(() => {
+    f?.linkClosed && v(f?.linkClosed, f?.payload);
+  }, [f?.linkClosed, f?.payload, v]);
+  const K = (w) => {
+    const k = {
       item: void 0,
       title: void 0,
-      link: T,
+      link: w,
       redirect: void 0,
       customTitle: void 0
     };
-    return A.forEach((Q) => {
-      if (Q.links)
-        Q.links.forEach((L) => {
-          MA({ path: L.link || "" }, location.pathname) && (v.item = L, v.title = `${oe().t(L.label)}`, v.redirect = L.redirect, v.customTitle = L.customTitle);
+    return A.forEach((N) => {
+      if (N.links)
+        N.links.forEach((y) => {
+          MA({ path: y.link || "" }, location.pathname) && (k.item = y, k.title = `${ne().t(y.label)}`, k.redirect = y.redirect, k.customTitle = y.customTitle);
         });
-      else if (Q.link && !v.item) {
-        const L = MA({ path: Q.link }, location.pathname);
-        L && (L.params && Object.keys(L.params).length > 0 ? v.title = `${L.params[Object.keys(L.params)[0]]}` : v.title = `${oe().t(Q.label)}`, v.item = Q, v.redirect = Q.redirect, v.customTitle = Q.customTitle);
+      else if (N.link && !k.item) {
+        const y = MA({ path: N.link }, location.pathname);
+        y && (y.params && Object.keys(y.params).length > 0 ? k.title = `${y.params[Object.keys(y.params)[0]]}` : k.title = `${ne().t(N.label)}`, k.item = N, k.redirect = N.redirect, k.customTitle = N.customTitle);
       }
-    }), v.customTitle && (v.customTitle = v.customTitle.replace("$title", v.title)), v;
+    }), k.customTitle && (k.customTitle = k.customTitle.replace("$title", k.title)), k;
   };
-  te(() => {
-    u(n), F.current = !0;
+  oe(() => {
+    d(n), P.current = !0;
   }, [JSON.stringify(n)]);
-  const V = _(c), E = _(i);
-  te(() => {
-    if (F.current) {
-      F.current = !1, V.current = c, E.current = i;
+  const E = _(c), W = _(u);
+  oe(() => {
+    if (P.current) {
+      P.current = !1, E.current = c, W.current = u;
       return;
     }
-    const T = JSON.stringify(V.current) !== JSON.stringify(c), v = E.current !== i;
-    if (T || v) {
-      const Q = setTimeout(() => {
-        O.current?.(c), $.current?.(i);
+    const w = JSON.stringify(E.current) !== JSON.stringify(c), k = W.current !== u;
+    if (w || k) {
+      const N = setTimeout(() => {
+        O.current?.(c), D.current?.(u);
       }, 0);
-      return V.current = c, E.current = i, () => clearTimeout(Q);
+      return E.current = c, W.current = u, () => clearTimeout(N);
     }
-  }, [c, i]);
-  const W = _("");
-  te(() => {
-    if (W.current === b.pathname)
+  }, [c, u]);
+  const G = _("");
+  oe(() => {
+    if (G.current === b.pathname)
       return;
-    W.current = b.pathname;
-    const T = y(b.pathname);
-    if (T && T.item) {
-      const v = c.findIndex((Q) => Q.path === T.link);
-      if (v !== -1) {
-        if (c[v].title !== T.title) {
-          const Q = [...c];
-          Q[v] = { ...Q[v], title: T.title }, u(Q);
+    G.current = b.pathname;
+    const w = K(b.pathname);
+    if (w && w.item) {
+      const k = c.findIndex((N) => N.path === w.link);
+      if (k !== -1) {
+        if (c[k].title !== w.title) {
+          const N = [...c];
+          N[k] = { ...N[k], title: w.title }, d(N);
         }
-        h(c[v].id);
+        p(c[k].id);
       } else {
-        const Q = {
-          id: `${T.link}`,
-          title: `${T.title}`,
-          path: `${T.link}`,
+        const N = {
+          id: `${w.link}`,
+          title: `${w.title}`,
+          path: `${w.link}`,
           active: !0,
-          content: T.item.component,
-          iconClass: T.item.icon,
+          content: w.item.component,
+          iconClass: w.item.icon,
           closeButton: !0,
-          redirect: T.redirect,
-          customTitle: T.customTitle
-        }, L = [...c.map((x) => ({ ...x, active: !1 })), Q];
-        u(L), h(Q.id);
+          redirect: w.redirect,
+          customTitle: w.customTitle
+        }, y = [...c.map((H) => ({ ...H, active: !1 })), N];
+        d(y), p(N.id);
       }
     }
   }, [b.pathname]);
-  const H = (T) => {
-    const v = c.filter((Q) => Q.id === T);
-    v && v.length > 0 && b.pathname !== v[0].path && (D(), l(v[0].path)), a(() => {
-      h(T), j();
+  const x = (w) => {
+    const k = c.filter((N) => N.id === w);
+    k && k.length > 0 && b.pathname !== k[0].path && (X(), i(k[0].path)), l(() => {
+      p(w), F();
     });
-  }, I = (T) => {
+  }, V = (w) => {
     try {
-      D(), f({ type: "USER_CLOSE_REQUEST", link: T });
-    } catch (v) {
-      console.error("[TabContainer] Dispatch failed:", v), j();
+      X(), I({ type: "USER_CLOSE_REQUEST", link: w });
+    } catch (k) {
+      console.error("[TabContainer] Dispatch failed:", k), F();
     }
-  }, G = w(() => {
-    if (k?.destroyAll(), c.forEach((T) => {
-      z(T.id), U(T.id);
-    }), u([]), h(void 0), !S.navigationRootLink) {
+  }, se = S(() => {
+    if (L?.destroyAll(), c.forEach((w) => {
+      U(w.id), M(w.id);
+    }), d([]), p(void 0), !T.navigationRootLink) {
       console.error("[ArchbaseAdminTabContainer] navigationRootLink is not configured. Cannot navigate to root.");
       return;
     }
-    l(S.navigationRootLink);
-  }, [l, S.navigationRootLink, k, c, z, U]), ne = w((T) => {
-    const v = c.findIndex((N) => N.id === T);
-    if (v <= 0)
+    i(T.navigationRootLink);
+  }, [i, T.navigationRootLink, L, c, U, M]), Ce = S((w) => {
+    const k = c.findIndex((z) => z.id === w);
+    if (k <= 0)
       return;
-    c.slice(0, v).forEach((N) => {
-      k?.destroy(N.path), z(N.id), U(N.id);
+    c.slice(0, k).forEach((z) => {
+      L?.destroy(z.path), U(z.id), M(z.id);
     });
-    const L = c.slice(v), x = L.find((N) => N.id === i)?.id || L[0]?.id, X = L.map((N) => ({
-      ...N,
-      active: N.id === x
+    const y = c.slice(k), H = y.find((z) => z.id === u)?.id || y[0]?.id, Y = y.map((z) => ({
+      ...z,
+      active: z.id === H
     }));
-    if (u(X), x) {
-      h(x);
-      const N = X.find((Y) => Y.id === x);
-      N && b.pathname !== N.path && l(N.path);
+    if (d(Y), H) {
+      p(H);
+      const z = Y.find((j) => j.id === H);
+      z && b.pathname !== z.path && i(z.path);
     }
-  }, [c, i, l, b.pathname, k, z, U]), we = w((T) => {
-    const v = c.findIndex((N) => N.id === T);
-    if (v === -1 || v >= c.length - 1)
+  }, [c, u, i, b.pathname, L, U, M]), le = S((w) => {
+    const k = c.findIndex((z) => z.id === w);
+    if (k === -1 || k >= c.length - 1)
       return;
-    c.slice(v + 1).forEach((N) => {
-      k?.destroy(N.path), z(N.id), U(N.id);
+    c.slice(k + 1).forEach((z) => {
+      L?.destroy(z.path), U(z.id), M(z.id);
     });
-    const L = c.slice(0, v + 1), x = L.find((N) => N.id === i)?.id || L[L.length - 1]?.id, X = L.map((N) => ({
-      ...N,
-      active: N.id === x
+    const y = c.slice(0, k + 1), H = y.find((z) => z.id === u)?.id || y[y.length - 1]?.id, Y = y.map((z) => ({
+      ...z,
+      active: z.id === H
     }));
-    if (u(X), x) {
-      h(x);
-      const N = X.find((Y) => Y.id === x);
-      N && b.pathname !== N.path && l(N.path);
+    if (d(Y), H) {
+      p(H);
+      const z = Y.find((j) => j.id === H);
+      z && b.pathname !== z.path && i(z.path);
     }
-  }, [c, i, l, b.pathname, k, z, U]), se = w((T) => {
-    const v = c.find((L) => L.id === T);
-    if (!v)
+  }, [c, u, i, b.pathname, L, U, M]), be = S((w) => {
+    const k = c.find((y) => y.id === w);
+    if (!k)
       return;
-    k?.destroyOther(v.path), c.forEach((L) => {
-      L.id !== T && (z(L.id), U(L.id));
+    L?.destroyOther(k.path), c.forEach((y) => {
+      y.id !== w && (U(y.id), M(y.id));
     });
-    const Q = [{ ...v, active: !0 }];
-    u(Q), h(T), b.pathname !== v.path && l(v.path);
-  }, [c, l, b.pathname, k, z, U]), be = g?.isClosing ? g?.userCloseLinkRequest : void 0;
-  return /* @__PURE__ */ r("div", { ref: C, children: /* @__PURE__ */ r(
+    const N = [{ ...k, active: !0 }];
+    d(N), p(w), b.pathname !== k.path && i(k.path);
+  }, [c, i, b.pathname, L, U, M]), we = f?.isClosing ? f?.userCloseLinkRequest : void 0;
+  return /* @__PURE__ */ r("div", { ref: m, children: /* @__PURE__ */ r(
     Lt,
     {
       buttonCloseOnlyActiveTab: !0,
-      onClick: (T) => H(T),
-      onTabClose: (T) => I(T),
-      onTabChange: (T) => null,
-      onCloseAllTabs: G,
-      onCloseLeftTabs: ne,
-      onCloseRightTabs: we,
-      onCloseOtherTabs: se,
-      currentTabs: ((T) => T.map((v) => ({
-        key: v.id,
-        favicon: v.iconClass,
-        title: v.title,
-        customTitle: v.customTitle,
-        closing: be === v.id
+      onClick: (w) => x(w),
+      onTabClose: (w) => V(w),
+      onTabChange: (w) => null,
+      onCloseAllTabs: se,
+      onCloseLeftTabs: Ce,
+      onCloseRightTabs: le,
+      onCloseOtherTabs: be,
+      currentTabs: ((w) => w.map((k) => ({
+        key: k.id,
+        favicon: k.iconClass,
+        title: k.title,
+        customTitle: k.customTitle,
+        closing: we === k.id
       })))(c),
-      activeTab: i,
-      dark: d === "dark"
+      activeTab: u,
+      colors: s,
+      dark: h === "dark"
     }
   ) });
 }
-const Fo = () => Se.createElement("div", null, "Home View"), Vo = () => Se.createElement("div", null, "Pedido Form"), Go = () => Se.createElement("div", null, "Pedido View"), Bo = () => Se.createElement("div", null, "Pessoa Form"), Uo = () => Se.createElement("div", null, "Pessoa View"), Ho = {
+const Fo = () => xe.createElement("div", null, "Home View"), Vo = () => xe.createElement("div", null, "Pedido Form"), Go = () => xe.createElement("div", null, "Pedido View"), Bo = () => xe.createElement("div", null, "Pessoa Form"), Uo = () => xe.createElement("div", null, "Pessoa View"), Ho = {
   label: "Dashboard",
   icon: /* @__PURE__ */ r(Hr, {}),
   link: "/dashboard",
@@ -3788,20 +3790,20 @@ const Fo = () => Se.createElement("div", null, "Home View"), Vo = () => Se.creat
   Zo
 ];
 function qn({ children: A, title: t = "", size: o = "440px", drawerKey: e, styles: n }) {
-  const [s, { open: a, close: l }] = Pr(!1), [d] = rr(), c = wt(), u = Xe();
-  return te(() => {
-    d.get("drawer") === e && a();
-  }, [d]), /* @__PURE__ */ r(
+  const [s, { open: a, close: l }] = Pr(!1), [i] = rr(), h = wt(), c = Xe();
+  return oe(() => {
+    i.get("drawer") === e && a();
+  }, [i]), /* @__PURE__ */ r(
     qA,
     {
       position: "right",
       opened: s,
       onClose: () => {
         l();
-        const h = new URLSearchParams(d);
-        h.delete("drawer"), c({
-          pathname: u.pathname,
-          search: h.toString()
+        const u = new URLSearchParams(i);
+        u.delete("drawer"), h({
+          pathname: c.pathname,
+          search: u.toString()
         });
       },
       title: t,
@@ -3823,7 +3825,7 @@ function en(A) {
 }
 function jn({ drawerKey: A }) {
   const { openDrawer: t } = en(A);
-  return te(() => {
+  return oe(() => {
     t();
   }, []), null;
 }
@@ -3837,11 +3839,11 @@ const An = {
   avatarMaxOutputSizePx: 512
 };
 function Xn({ opened: A, handleClose: t, userId: o, updateUser: e, options: n }) {
-  const s = Lr(), a = Mr(), l = _r(), d = Nt(`myProfile${o}Store`), c = zt(Wr.User), u = { ...An, ...n ?? {} }, { dataSource: i, isLoading: h, error: p, isError: b, clearError: C } = Ot({
+  const s = Lr(), a = Mr(), l = _r(), i = Nt(`myProfile${o}Store`), h = zt(Wr.User), c = { ...An, ...n ?? {} }, { dataSource: d, isLoading: u, error: p, isError: C, clearError: b } = Ot({
     name: `dsUser${o}`,
-    label: `${oe().t("archbase:My Profile")}`,
-    service: c,
-    store: d,
+    label: `${ne().t("archbase:My Profile")}`,
+    service: h,
+    store: i,
     pageSize: 50,
     loadOnStart: !0,
     validator: l,
@@ -3852,24 +3854,24 @@ function Xn({ opened: A, handleClose: t, userId: o, updateUser: e, options: n })
     onDestroy: (g) => {
     },
     onError: (g, f) => {
-      const S = g instanceof Error ? g.message : typeof g == "string" ? g : JSON.stringify(g);
-      It.showError(oe().t("archbase:WARNING"), S, f);
+      const I = g instanceof Error ? g.message : typeof g == "string" ? g : JSON.stringify(g);
+      It.showError(ne().t("archbase:WARNING"), I, f);
     }
   });
-  te(() => {
-    A && i && i.isBrowsing() && i.edit();
-  }, [i, A]);
+  oe(() => {
+    A && d && d.isBrowsing() && d.edit();
+  }, [d, A]);
   const m = (g) => {
     g && (console.log(g), e(g.name, g.avatar));
   };
   return /* @__PURE__ */ r(
     $t,
     {
-      title: oe().t("archbase:My Profile"),
+      title: ne().t("archbase:My Profile"),
       size: 800,
       height: "500px",
       opened: A,
-      dataSource: i,
+      dataSource: d,
       onClickOk: t,
       onClickCancel: t,
       onAfterSave: m,
@@ -3877,41 +3879,41 @@ function Xn({ opened: A, handleClose: t, userId: o, updateUser: e, options: n })
         /* @__PURE__ */ r(J, { align: "center", children: /* @__PURE__ */ r(
           Tt,
           {
-            dataSource: i,
+            dataSource: d,
             dataField: "avatar",
             width: 200,
             height: 200,
-            maxSizeKB: u.avatarMaxSizeKB,
-            imageQuality: u.avatarImageQuality,
-            maxOutputSizePx: u.avatarMaxOutputSizePx
+            maxSizeKB: c.avatarMaxSizeKB,
+            imageQuality: c.avatarImageQuality,
+            maxOutputSizePx: c.avatarMaxOutputSizePx
           }
         ) }),
         /* @__PURE__ */ r(
           sA,
           {
-            label: `${oe().t("archbase:Nome completo")}`,
-            placeholder: `${oe().t("archbase:Informe o nome completo do usuário")}`,
-            dataSource: i,
+            label: `${ne().t("archbase:Nome completo")}`,
+            placeholder: `${ne().t("archbase:Informe o nome completo do usuário")}`,
+            dataSource: d,
             dataField: "name",
             required: !0
           }
         ),
-        u.showNickname && /* @__PURE__ */ r(
+        c.showNickname && /* @__PURE__ */ r(
           sA,
           {
-            label: `${oe().t("archbase:Apelido")}`,
-            placeholder: `${oe().t("archbase:Apelido")}`,
-            dataSource: i,
+            label: `${ne().t("archbase:Apelido")}`,
+            placeholder: `${ne().t("archbase:Apelido")}`,
+            dataSource: d,
             dataField: "nickname",
-            required: u.requiredNickname
+            required: c.requiredNickname
           }
         ),
         /* @__PURE__ */ r(
           sA,
           {
-            label: `${oe().t("archbase:Descrição do usuário")}`,
-            placeholder: `${oe().t("archbase:Informe a descrição do usuário")}`,
-            dataSource: i,
+            label: `${ne().t("archbase:Descrição do usuário")}`,
+            placeholder: `${ne().t("archbase:Informe a descrição do usuário")}`,
+            dataSource: d,
             dataField: "description",
             required: !0
           }
@@ -4027,7 +4029,7 @@ const Jn = sr((A) => ({
     const s = o(A);
     n.current = rn(s);
   }
-  return te(() => () => {
+  return oe(() => () => {
     if (n.current) {
       const s = n.current.getState();
       e(A, s.serialize());
@@ -4057,7 +4059,7 @@ function oA(A, t) {
   });
   const n = e.current.value, [s, a] = ge(n), l = Tr(
     // subscribe
-    (u) => o ? o.subscribe(u) : () => {
+    (c) => o ? o.subscribe(c) : () => {
     },
     // getSnapshot
     () => {
@@ -4067,15 +4069,15 @@ function oA(A, t) {
     // getServerSnapshot
     () => {
     }
-  ), d = o ? l !== void 0 ? l : n : s, c = w((u) => {
+  ), i = o ? l !== void 0 ? l : n : s, h = S((c) => {
     if (!o) {
-      a(u);
+      a(c);
       return;
     }
-    const i = o.getState().customState[A] ?? n, h = typeof u == "function" ? u(i) : u;
-    o.getState().setCustomState(A, h);
+    const d = o.getState().customState[A] ?? n, u = typeof c == "function" ? c(d) : c;
+    o.getState().setCustomState(A, u);
   }, [o, A, n]);
-  return [d, c];
+  return [i, h];
 }
 function Zn(A, t) {
   return oA(A, t);
@@ -4096,36 +4098,36 @@ function es(A, t) {
   const o = { ...on, ...t }, [e, n] = oA(
     `grid_${A}`,
     o
-  ), s = w((f) => {
-    n((S) => ({ ...S, ...f }));
-  }, [n]), a = w((f) => s({ page: f }), [s]), l = w((f) => s({ pageSize: f, page: 0 }), [s]), d = w((f) => s({ sortModel: f }), [s]), c = w((f) => s({ filterModel: f, page: 0 }), [s]), u = w((f) => s({ selectedRowIds: f }), [s]), i = w((f) => {
-    n((S) => ({
-      ...S,
-      selectedRowIds: S.selectedRowIds.includes(f) ? S.selectedRowIds.filter((k) => k !== f) : [...S.selectedRowIds, f]
+  ), s = S((f) => {
+    n((I) => ({ ...I, ...f }));
+  }, [n]), a = S((f) => s({ page: f }), [s]), l = S((f) => s({ pageSize: f, page: 0 }), [s]), i = S((f) => s({ sortModel: f }), [s]), h = S((f) => s({ filterModel: f, page: 0 }), [s]), c = S((f) => s({ selectedRowIds: f }), [s]), d = S((f) => {
+    n((I) => ({
+      ...I,
+      selectedRowIds: I.selectedRowIds.includes(f) ? I.selectedRowIds.filter((T) => T !== f) : [...I.selectedRowIds, f]
     }));
-  }, [n]), h = w((f) => s({ selectedRowIds: f }), [s]), p = w(() => s({ selectedRowIds: [] }), [s]), b = w((f) => {
-    n((S) => ({
-      ...S,
-      expandedRowIds: S.expandedRowIds.includes(f) ? S.expandedRowIds.filter((k) => k !== f) : [...S.expandedRowIds, f]
+  }, [n]), u = S((f) => s({ selectedRowIds: f }), [s]), p = S(() => s({ selectedRowIds: [] }), [s]), C = S((f) => {
+    n((I) => ({
+      ...I,
+      expandedRowIds: I.expandedRowIds.includes(f) ? I.expandedRowIds.filter((T) => T !== f) : [...I.expandedRowIds, f]
     }));
-  }, [n]), C = w(() => n(o), [n, o]), m = w((f) => e.selectedRowIds.includes(f), [e.selectedRowIds]), g = w((f) => e.expandedRowIds.includes(f), [e.expandedRowIds]);
+  }, [n]), b = S(() => n(o), [n, o]), m = S((f) => e.selectedRowIds.includes(f), [e.selectedRowIds]), g = S((f) => e.expandedRowIds.includes(f), [e.expandedRowIds]);
   return {
     /** Estado completo do grid */
     state: e,
     /** Atualizar multiplos campos */
     update: s,
     /** Resetar para estado inicial */
-    reset: C,
+    reset: b,
     // Paginacao
     setPage: a,
     setPageSize: l,
     // Ordenacao e Filtros
-    setSortModel: d,
-    setFilterModel: c,
+    setSortModel: i,
+    setFilterModel: h,
     // Selecao
-    setSelectedRowIds: u,
-    toggleRowSelection: i,
-    selectAllRows: h,
+    setSelectedRowIds: c,
+    toggleRowSelection: d,
+    selectAllRows: u,
     clearSelection: p,
     isRowSelected: m,
     /** Quantidade de linhas selecionadas */
@@ -4133,7 +4135,7 @@ function es(A, t) {
     /** Se tem alguma linha selecionada */
     hasSelection: e.selectedRowIds.length > 0,
     // Expansao (master-detail)
-    toggleRowExpansion: b,
+    toggleRowExpansion: C,
     isRowExpanded: g
   };
 }
@@ -4146,58 +4148,58 @@ function As(A, t = []) {
   const [o, e] = oA(
     `tree_${A}`,
     { ...VA, expandedNodeIds: t }
-  ), n = w((m) => {
+  ), n = S((m) => {
     e((g) => ({
       ...g,
       expandedNodeIds: g.expandedNodeIds.includes(m) ? g.expandedNodeIds.filter((f) => f !== m) : [...g.expandedNodeIds, m]
     }));
-  }, [e]), s = w((m) => {
+  }, [e]), s = S((m) => {
     e((g) => ({
       ...g,
       expandedNodeIds: g.expandedNodeIds.includes(m) ? g.expandedNodeIds : [...g.expandedNodeIds, m]
     }));
-  }, [e]), a = w((m) => {
+  }, [e]), a = S((m) => {
     e((g) => ({
       ...g,
       expandedNodeIds: g.expandedNodeIds.filter((f) => f !== m)
     }));
-  }, [e]), l = w((m) => {
+  }, [e]), l = S((m) => {
     e((g) => ({ ...g, expandedNodeIds: m }));
-  }, [e]), d = w(() => {
+  }, [e]), i = S(() => {
     e((m) => ({ ...m, expandedNodeIds: [] }));
-  }, [e]), c = w((m) => {
+  }, [e]), h = S((m) => {
     e((g) => ({ ...g, selectedNodeIds: m }));
-  }, [e]), u = w((m) => {
+  }, [e]), c = S((m) => {
     e((g) => ({
       ...g,
       selectedNodeIds: g.selectedNodeIds.includes(m) ? g.selectedNodeIds.filter((f) => f !== m) : [...g.selectedNodeIds, m]
     }));
-  }, [e]), i = w(() => {
+  }, [e]), d = S(() => {
     e((m) => ({ ...m, selectedNodeIds: [] }));
-  }, [e]), h = w((m) => {
+  }, [e]), u = S((m) => {
     e((g) => ({ ...g, focusedNodeId: m }));
-  }, [e]), p = w((m) => o.expandedNodeIds.includes(m), [o.expandedNodeIds]), b = w((m) => o.selectedNodeIds.includes(m), [o.selectedNodeIds]), C = w(() => {
+  }, [e]), p = S((m) => o.expandedNodeIds.includes(m), [o.expandedNodeIds]), C = S((m) => o.selectedNodeIds.includes(m), [o.selectedNodeIds]), b = S(() => {
     e({ ...VA, expandedNodeIds: t });
   }, [e, t]);
   return {
     state: o,
-    reset: C,
+    reset: b,
     // Expansao
     toggleExpanded: n,
     expand: s,
     collapse: a,
     expandAll: l,
-    collapseAll: d,
+    collapseAll: i,
     isExpanded: p,
     // Selecao
-    setSelected: c,
-    toggleSelected: u,
-    clearSelection: i,
-    isSelected: b,
+    setSelected: h,
+    toggleSelected: c,
+    clearSelection: d,
+    isSelected: C,
     selectedCount: o.selectedNodeIds.length,
     hasSelection: o.selectedNodeIds.length > 0,
     // Foco
-    setFocused: h,
+    setFocused: u,
     focusedNodeId: o.focusedNodeId
   };
 }
@@ -4205,14 +4207,14 @@ function rs(A, t = [], o = !0) {
   const [e, n] = oA(
     `accordion_${A}`,
     t
-  ), s = w((i) => {
-    n((h) => h.includes(i) ? h.filter((p) => p !== i) : o ? [...h, i] : [i]);
-  }, [n, o]), a = w((i) => {
-    n((h) => h.includes(i) ? h : o ? [...h, i] : [i]);
-  }, [n, o]), l = w((i) => {
-    n((h) => h.filter((p) => p !== i));
-  }, [n]), d = w(() => n([]), [n]), c = w((i) => e.includes(i), [e]), u = w((i) => {
-    n(i === null ? [] : typeof i == "string" ? [i] : i);
+  ), s = S((d) => {
+    n((u) => u.includes(d) ? u.filter((p) => p !== d) : o ? [...u, d] : [d]);
+  }, [n, o]), a = S((d) => {
+    n((u) => u.includes(d) ? u : o ? [...u, d] : [d]);
+  }, [n, o]), l = S((d) => {
+    n((u) => u.filter((p) => p !== d));
+  }, [n]), i = S(() => n([]), [n]), h = S((d) => e.includes(d), [e]), c = S((d) => {
+    n(d === null ? [] : typeof d == "string" ? [d] : d);
   }, [n]);
   return {
     /** IDs dos paineis expandidos */
@@ -4220,24 +4222,24 @@ function rs(A, t = [], o = !0) {
     /** Para usar direto no Accordion.value */
     value: o ? e : e[0] ?? null,
     /** Setar expandidos (compativel com Mantine Accordion.onChange) */
-    setExpanded: u,
+    setExpanded: c,
     toggle: s,
     expand: a,
     collapse: l,
-    collapseAll: d,
-    isExpanded: c
+    collapseAll: i,
+    isExpanded: h
   };
 }
 function ts(A, t = {}) {
   const { debounceMs: o = 100 } = t, e = EA();
-  te(() => {
+  oe(() => {
     if (!e || !A.current)
       return;
     const n = e.getState().scrollY;
     n > 0 && requestAnimationFrame(() => {
       A.current && (A.current.scrollTop = n);
     });
-  }, []), te(() => {
+  }, []), oe(() => {
     if (!e || !A.current)
       return;
     const n = A.current;
@@ -4254,7 +4256,7 @@ function ts(A, t = {}) {
 }
 function os(A) {
   const t = Xe(), o = AA((l) => l.activeTabId), e = t.pathname + t.search, n = o === e, s = _(n), a = _(!0);
-  return te(() => {
+  return oe(() => {
     if (a.current) {
       a.current = !1, s.current = n;
       return;
@@ -4263,19 +4265,19 @@ function os(A) {
   }, [n, A]), n;
 }
 function ns(A) {
-  const t = EA(), o = `drawer_${A}_open`, e = `drawer_${A}_data`, n = _(!1), s = _(null), a = t ? t.getState().customState[o] ?? !1 : n.current, l = t ? t.getState().customState[e] ?? null : s.current, d = w((i) => {
-    t ? (i !== void 0 && t.getState().setCustomState(e, i), t.getState().setCustomState(o, !0)) : (i !== void 0 && (s.current = i), n.current = !0);
-  }, [t, o, e]), c = w(() => {
+  const t = EA(), o = `drawer_${A}_open`, e = `drawer_${A}_data`, n = _(!1), s = _(null), a = t ? t.getState().customState[o] ?? !1 : n.current, l = t ? t.getState().customState[e] ?? null : s.current, i = S((d) => {
+    t ? (d !== void 0 && t.getState().setCustomState(e, d), t.getState().setCustomState(o, !0)) : (d !== void 0 && (s.current = d), n.current = !0);
+  }, [t, o, e]), h = S(() => {
     t ? t.getState().setCustomState(o, !1) : n.current = !1;
-  }, [t, o]), u = w(() => {
+  }, [t, o]), c = S(() => {
     t ? (t.getState().setCustomState(o, !1), t.getState().clearCustomState(e)) : (n.current = !1, s.current = null);
   }, [t, o, e]);
   return {
     isOpen: a,
     data: l,
-    open: d,
-    close: c,
-    closeAndClear: u
+    open: i,
+    close: h,
+    closeAndClear: c
   };
 }
 const ss = ({