npm - @archbase/admin - Versions diffs - 3.0.14 → 3.0.15 - Mend

@archbase/admin 3.0.14 → 3.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/archbase-admin-3.0.15.tgz +0 -0
package/dist/index.js +792 -711
package/package.json +11 -11

package/dist/index.js CHANGED Viewed

@@ -1,20 +1,20 @@
-import { jsx as A, jsxs as L, Fragment as wA } from "react/jsx-runtime";
-import bA, { useState as fA, useRef as mA, useEffect as iA, useMemo as uA, useContext as SA, useCallback as F, createContext as FA, useLayoutEffect as GA, useReducer as Fe } from "react";
-import { useArchbaseSecurityManager as qe } from "@archbase/security";
-import { useUncontrolled as JA, useMediaQuery as ge, useHotkeys as He, useDisclosure as Ve, useFocusTrap as Ye, useForceUpdate as Ke } from "@mantine/hooks";
-import { Flex as BA, useMantineColorScheme as oA, Menu as AA, ActionIcon as RA, Group as vA, Tooltip as xA, Button as je, ScrollArea as TA, Badge as re, Center as VA, Image as Xe, useMantineTheme as pA, px as aA, Burger as Je, Box as G, Avatar as WA, Text as zA, Stack as _, Skeleton as cA, Paper as We, NavLink as be, Kbd as ve, UnstyledButton as ZA, Collapse as Ze, TextInput as xe, Indicator as _e, Transition as Ar, Divider as _A, AppShell as QA, Drawer as Se } from "@mantine/core";
+import { jsx as A, jsxs as I, Fragment as vA } from "react/jsx-runtime";
+import bA, { useState as pA, useRef as mA, useEffect as iA, useMemo as uA, useContext as IA, useCallback as H, createContext as HA, useLayoutEffect as GA, useReducer as He } from "react";
+import { useArchbaseSecurityManager as Fe } from "@archbase/security";
+import { useUncontrolled as JA, useMediaQuery as ge, useHotkeys as qe, useDisclosure as Ve, useFocusTrap as Ye, useForceUpdate as Ke } from "@mantine/hooks";
+import { Flex as BA, useMantineColorScheme as oA, Menu as AA, ActionIcon as LA, Group as xA, Tooltip as SA, Button as je, ScrollArea as zA, Badge as re, Center as VA, Image as Xe, useMantineTheme as fA, px as aA, Burger as Je, Box as G, Avatar as WA, Text as CA, Stack as K, Skeleton as cA, Paper as We, NavLink as be, Kbd as ve, UnstyledButton as ZA, Collapse as Ze, TextInput as xe, Indicator as _e, Transition as Ar, Divider as _A, AppShell as QA, Drawer as Se } from "@mantine/core";
 import { IconSun as Ie, IconMoonStars as Ee, IconTerminal as er, IconSearch as YA, IconAlertCircle as rr, IconDots as Re, IconChevronRight as oe, IconChevronDown as or, IconX as Le, IconChevronLeft as nr, IconHome2 as tr, IconDashboard as sr, IconUsers as lr, IconListSearch as De, IconUserPlus as ir, IconNews as ar, IconFilePlus as cr, IconSettings as dr } from "@tabler/icons-react";
-import { useArchbaseAppContext as ne, getI18nextInstance as Z, useArchbaseTranslation as te, archbaseI18next as yA, useArchbaseValidator as ur, ARCHBASE_IOC_API_TYPE as hr } from "@archbase/core";
-import { BRFlag as UA, USFlag as Te, ESFlag as Ae, VEFlag as fr, UYFlag as pr, SVFlag as gr, PYFlag as br, PEFlag as mr, PAFlag as Cr, NIFlag as kr, MXFlag as yr, HNFlag as wr, GTFlag as vr, ECFlag as xr, DOFlag as Sr, CUFlag as Ir, CRFlag as Er, COFlag as Rr, CLFlag as Lr, BOFlag as Dr, ARFlag as Tr } from "mantine-flagpack";
+import { useArchbaseAppContext as ne, getI18nextInstance as _, useArchbaseTranslation as te, archbaseI18next as wA, useArchbaseValidator as ur, ARCHBASE_IOC_API_TYPE as hr } from "@archbase/core";
+import { BRFlag as UA, USFlag as Te, ESFlag as Ae, VEFlag as pr, UYFlag as fr, SVFlag as gr, PYFlag as br, PEFlag as mr, PAFlag as Cr, NIFlag as kr, MXFlag as yr, HNFlag as wr, GTFlag as vr, ECFlag as xr, DOFlag as Sr, CUFlag as Ir, CRFlag as Er, COFlag as Rr, CLFlag as Lr, BOFlag as Dr, ARFlag as Tr } from "mantine-flagpack";
 import { spotlight as zr, Spotlight as NA } from "@mantine/spotlight";
-import { useNavigate as qA, useLocation as HA, matchPath as me } from "react-router";
+import { useNavigate as FA, useLocation as qA, matchPath as me } from "react-router";
 import { Routes as ze, useParams as Pr, useLocation as se, matchPath as Mr, Route as ee, useSearchParams as Pe, useNavigate as Or } from "react-router-dom";
 import { useMediaQuery as $r } from "usehooks-ts";
 import { useArchbaseNavigateParams as Qr, useArchbaseVisible as Nr, ArchbaseNotifications as Gr, ArchbaseAvatarEdit as Ur, ArchbaseEdit as XA } from "@archbase/components";
-import { SubMenu as Br, MenuItem as Ce, menuClasses as X, Sidebar as Me, Menu as Oe, sidebarClasses as $e } from "react-pro-sidebar";
-import Fr from "@rehooks/component-size";
-import { ArchbaseAdvancedTabs as qr } from "@archbase/layout";
-import { useArchbaseStore as Hr, useArchbaseRemoteServiceApi as Vr, useArchbaseRemoteDataSource as Yr } from "@archbase/data";
+import { SubMenu as Br, MenuItem as Ce, menuClasses as J, Sidebar as Me, Menu as Oe, sidebarClasses as $e } from "react-pro-sidebar";
+import Hr from "@rehooks/component-size";
+import { ArchbaseAdvancedTabs as Fr } from "@archbase/layout";
+import { useArchbaseStore as qr, useArchbaseRemoteServiceApi as Vr, useArchbaseRemoteDataSource as Yr } from "@archbase/data";
 import { ArchbaseFormModalTemplate as Kr } from "@archbase/template";
 import { create as jr } from "zustand";
 const jA = bA.createContext({}), Xr = ({
@@ -29,7 +29,7 @@ const jA = bA.createContext({}), Xr = ({
   onNavigationDataChange: c,
   initialSidebarCollapsed: l
 }) => {
-  const [u, d] = fA(l), [h, f] = fA(!1), [y, w] = fA(() => i === !0), [m, p] = fA(null), g = mA(!1), [S, v] = JA({
+  const [u, d] = pA(l), [h, p] = pA(!1), [y, w] = pA(() => i === !0), [m, f] = pA(null), g = mA(!1), [S, v] = JA({
     value: c !== void 0 ? e : void 0,
     defaultValue: i ? [] : e,
     finalValue: [],
@@ -37,7 +37,7 @@ const jA = bA.createContext({}), Xr = ({
   });
   iA(() => {
   }, [S, i]);
-  const { securityManager: C } = qe({
+  const { securityManager: C } = Fe({
     resourceName: n?.navigationResourceName ? n.navigationResourceName : "ArchbaseAdvancedSidebar",
     resourceDescription: n?.navigationResourceDescription ? n.navigationResourceDescription : "archbase:Navegação",
     enableSecurity: i
@@ -51,47 +51,47 @@ const jA = bA.createContext({}), Xr = ({
     }
     if (g.current)
       return;
-    e.filter(($) => $.showInSidebar).forEach(($) => {
-      C.registerAction($.label, $.label), $?.links?.forEach((T) => C.registerAction(`${$.label} -> ${T.label}`, `${$.label} -> ${T.label}`));
+    e.filter((Q) => Q.showInSidebar).forEach((Q) => {
+      C.registerAction(Q.label, Q.label), Q?.links?.forEach((T) => C.registerAction(`${Q.label} -> ${T.label}`, `${Q.label} -> ${T.label}`));
     });
-    const Q = () => {
+    const $ = () => {
       g.current = !0;
-      const $ = e.map((T) => ({
+      const Q = e.map((T) => ({
         ...T,
         disabled: !C.hasPermission(T.label),
         links: T.links && T.links.map((x) => {
-          const I = C.hasPermission(`${T.label} -> ${x.label}`);
+          const E = C.hasPermission(`${T.label} -> ${x.label}`);
           return {
             ...x,
-            disabled: !I
+            disabled: !E
           };
         })
       }));
-      v($), w(!1), p(null);
-    }, K = !C.isLoading() && !C.isError();
+      v(Q), w(!1), f(null);
+    }, j = !C.isLoading() && !C.isError();
     if (C.isError()) {
       g.current = !0;
-      const $ = C.getError() || "Erro ao carregar permissões de navegação";
-      p($), w(!1), v(e);
+      const Q = C.getError() || "Erro ao carregar permissões de navegação";
+      f(Q), w(!1), v(e);
       return;
     }
-    if (K) {
-      Q();
+    if (j) {
+      $();
       return;
     }
-    w(!0), p(null);
+    w(!0), f(null);
     let D = !1;
     const O = setInterval(() => {
       if (!D && C.isError()) {
         clearInterval(O), g.current = !0;
-        const $ = C.getError() || "Erro ao carregar permissões de navegação";
-        p($), w(!1), v(e);
+        const Q = C.getError() || "Erro ao carregar permissões de navegação";
+        f(Q), w(!1), v(e);
       }
     }, 100), B = setTimeout(() => {
-      D || (clearInterval(O), w(($) => $ && (g.current = !0, console.warn("[ArchbaseAdminLayout] Timeout ao carregar permissões - carregando menu sem filtro de segurança"), v(e), !1)));
+      D || (clearInterval(O), w((Q) => Q && (g.current = !0, console.warn("[ArchbaseAdminLayout] Timeout ao carregar permissões - carregando menu sem filtro de segurança"), v(e), !1)));
     }, 3e3);
     return C.apply(() => {
-      D || (clearInterval(O), clearTimeout(B), Q());
+      D || (clearInterval(O), clearTimeout(B), $());
     }), () => {
       D = !0, clearInterval(O), clearTimeout(B);
     };
@@ -108,7 +108,7 @@ const jA = bA.createContext({}), Xr = ({
         collapsed: u,
         setCollapsed: d,
         hidden: h,
-        setHidden: f,
+        setHidden: p,
         onNavigationDataChange: c,
         isLoadingPermissions: y,
         permissionsError: m
@@ -117,13 +117,13 @@ const jA = bA.createContext({}), Xr = ({
     }
   );
 }, dn = ({ children: e }) => /* @__PURE__ */ A(BA, { align: "center", direction: "row", wrap: "wrap", h: "100%", children: e }), Jr = () => {
-  const e = ne(), { colorScheme: o } = oA(), s = o === "dark", [r, t] = fA(Z().language);
+  const e = ne(), { colorScheme: o } = oA(), s = o === "dark", [r, t] = pA(_().language);
   iA(() => {
     const c = (l) => {
       t(l);
     };
-    return Z().on("languageChanged", c), () => {
-      Z().off("languageChanged", c);
+    return _().on("languageChanged", c), () => {
+      _().off("languageChanged", c);
     };
   }, []);
   const a = (c) => {
@@ -171,9 +171,9 @@ const jA = bA.createContext({}), Xr = ({
         case "es-SV":
           return /* @__PURE__ */ A(gr, { size: 24 });
         case "es-UY":
-          return /* @__PURE__ */ A(pr, { size: 24 });
-        case "es-VE":
           return /* @__PURE__ */ A(fr, { size: 24 });
+        case "es-VE":
+          return /* @__PURE__ */ A(pr, { size: 24 });
         default:
           return /* @__PURE__ */ A(Ae, { size: 24 });
       }
@@ -190,10 +190,10 @@ const jA = bA.createContext({}), Xr = ({
         c.name
       ));
   }, n = (c) => {
-    Z().changeLanguage(c);
+    _().changeLanguage(c);
   };
-  return /* @__PURE__ */ L(AA, { shadow: "md", width: 200, position: "bottom-end", children: [
-    /* @__PURE__ */ A(AA.Target, { children: /* @__PURE__ */ A(RA, { variant: "transparent", color: s ? "white" : "blue", title: Z().t("toggleLanguage"), children: a(r) }) }),
+  return /* @__PURE__ */ I(AA, { shadow: "md", width: 200, position: "bottom-end", children: [
+    /* @__PURE__ */ A(AA.Target, { children: /* @__PURE__ */ A(LA, { variant: "transparent", color: s ? "white" : "blue", title: _().t("toggleLanguage"), children: a(r) }) }),
     /* @__PURE__ */ A(AA.Dropdown, { children: i() })
   ] });
 }, Wr = () => {
@@ -211,9 +211,9 @@ const jA = bA.createContext({}), Xr = ({
   }, i = (n) => {
     r.changeLanguage(n);
   };
-  return /* @__PURE__ */ L(AA, { children: [
-    /* @__PURE__ */ A(AA.Target, { children: /* @__PURE__ */ L(
-      vA,
+  return /* @__PURE__ */ I(AA, { children: [
+    /* @__PURE__ */ A(AA.Target, { children: /* @__PURE__ */ I(
+      xA,
       {
         w: "100%",
         justify: "flex-start",
@@ -222,7 +222,7 @@ const jA = bA.createContext({}), Xr = ({
         variant: "transparent",
         fw: 400,
         gap: 4,
-        title: Z().t("archbase:toggleLanguage"),
+        title: _().t("archbase:toggleLanguage"),
         children: [
           t(r.language),
           `${e.languages.find((n) => n.lang === r.language)?.name ?? "Português"}`
@@ -240,31 +240,31 @@ const jA = bA.createContext({}), Xr = ({
     e ? e() : a();
   }, n = t === "dark";
   return /* @__PURE__ */ A(
-    RA,
+    LA,
     {
       variant: "transparent",
       color: n ? o : s,
       onClick: () => i(),
-      title: Z().t("archbase:toggleColorScheme"),
+      title: _().t("archbase:toggleColorScheme"),
       children: n ? /* @__PURE__ */ A(Ie, { size: "1.5rem" }) : /* @__PURE__ */ A(Ee, { size: "1.5rem" })
     }
   );
-}, _r = (e) => /* @__PURE__ */ A(vA, { gap: "sm", children: e.children });
+}, _r = (e) => /* @__PURE__ */ A(xA, { gap: "sm", children: e.children });
 function Ao({ category: e, label: o, color: s, description: r, image: t, onClick: a }) {
   return /* @__PURE__ */ A(
     NA.Action,
     {
       onClick: a,
-      label: `${Z().t(o || "")}`,
-      description: r ? Z().t(r) : void 0,
-      leftSection: t ? /* @__PURE__ */ A(VA, { children: /* @__PURE__ */ A(Xe, { src: t, alt: Z().t(o || ""), width: 24, height: 24 }) }) : void 0,
-      rightSection: e ? /* @__PURE__ */ A(re, { color: s, size: "sm", children: Z().t(e) }) : void 0
+      label: `${_().t(o || "")}`,
+      description: r ? _().t(r) : void 0,
+      leftSection: t ? /* @__PURE__ */ A(VA, { children: /* @__PURE__ */ A(Xe, { src: t, alt: _().t(o || ""), width: 24, height: 24 }) }) : void 0,
+      rightSection: e ? /* @__PURE__ */ A(re, { color: s, size: "sm", children: _().t(e) }) : void 0
     },
     o
   );
 }
 const eo = ({ navigationData: e, color: o }) => {
-  const [s, r] = fA(""), t = qA(), { t: a } = te(), i = uA(() => {
+  const [s, r] = pA(""), t = FA(), { t: a } = te(), i = uA(() => {
     const c = new Array();
     return e.forEach((l) => {
       l.links ? l.links.forEach((u) => {
@@ -293,9 +293,9 @@ const eo = ({ navigationData: e, color: o }) => {
     const l = `${a(c.label || "")}`;
     return l && l.toLowerCase().includes(s.toLowerCase().trim());
   }).map((c) => /* @__PURE__ */ A(Ao, { ...c }, c.id));
-  return /* @__PURE__ */ A(wA, { children: i && i.length > 0 ? /* @__PURE__ */ L(wA, { children: [
-    /* @__PURE__ */ A(xA, { withinPortal: !0, withArrow: !0, label: `${a("archbase:Comandos ⌘M")}`, children: /* @__PURE__ */ A(je, { color: o, leftSection: /* @__PURE__ */ A(er, { size: "24px" }), onClick: () => zr.open() }) }),
-    /* @__PURE__ */ L(
+  return /* @__PURE__ */ A(vA, { children: i && i.length > 0 ? /* @__PURE__ */ I(vA, { children: [
+    /* @__PURE__ */ A(SA, { withinPortal: !0, withArrow: !0, label: `${a("archbase:Comandos ⌘M")}`, children: /* @__PURE__ */ A(je, { color: o, leftSection: /* @__PURE__ */ A(er, { size: "24px" }), onClick: () => zr.open() }) }),
+    /* @__PURE__ */ I(
       NA.Root,
       {
         shortcut: ["mod + M", "/"],
@@ -303,7 +303,7 @@ const eo = ({ navigationData: e, color: o }) => {
         query: s,
         children: [
           /* @__PURE__ */ A(NA.Search, { placeholder: `${a("archbase:Localizar...")}`, leftSection: /* @__PURE__ */ A(YA, { size: "1.2rem" }) }),
-          /* @__PURE__ */ A(TA.Autosize, { mah: "calc(100vh - 200px)", type: "scroll", scrollbarSize: 8, children: /* @__PURE__ */ A(NA.ActionsList, { children: n.length > 0 ? n : /* @__PURE__ */ A(NA.Empty, { children: Z().t("archbase:Nenhum resultado...") }) }) })
+          /* @__PURE__ */ A(zA.Autosize, { mah: "calc(100vh - 200px)", type: "scroll", scrollbarSize: 8, children: /* @__PURE__ */ A(NA.ActionsList, { children: n.length > 0 ? n : /* @__PURE__ */ A(NA.Empty, { children: _().t("archbase:Nenhum resultado...") }) }) })
         ]
       }
     )
@@ -322,75 +322,75 @@ const eo = ({ navigationData: e, color: o }) => {
   showHeaderToggleColorScheme: u = !0,
   hideAutoHeaderActionsOnUserMenuBreakPoint: d,
   withDividerAfterUserMenuToggleColorScheme: h = !0,
-  user: f,
+  user: p,
   navigationData: y = [],
   logo: w,
   headerActions: m,
-  styleLogo: p,
+  styleLogo: f,
   showLanguageSelector: g = !1,
   sideBarHiddenBreakPoint: S,
   headerLeftContent: v,
   toggleColorScheme: C,
   logoLeftSection: P,
-  logoRightSection: Q,
-  showBurger: K = !0,
-  showCommands: J = !0,
+  logoRightSection: $,
+  showBurger: j = !0,
+  showCommands: W = !0,
   sunColor: D,
   moonColor: O,
   styles: B
 }) => {
-  const $ = pA(), { colorScheme: T, toggleColorScheme: x } = oA(), I = SA(jA), V = ge(
-    `(max-width: ${S ? aA(S) : $.breakpoints.md})`
-  ), q = ge(
-    `(max-width: ${d ? aA(d) : $.breakpoints.md})`
+  const Q = fA(), { colorScheme: T, toggleColorScheme: x } = oA(), E = IA(jA), V = ge(
+    `(max-width: ${S ? aA(S) : Q.breakpoints.md})`
+  ), F = ge(
+    `(max-width: ${d ? aA(d) : Q.breakpoints.md})`
   );
   let k = !1, b = !1;
-  return c && (l = !q, u = !q, o = q, s = q, i = q, h = q, g && (b = !q, k = q)), /* @__PURE__ */ L(wA, { children: [
-    /* @__PURE__ */ L(BA, { style: { width: 300, height: 50 }, align: "center", children: [
+  return c && (l = !F, u = !F, o = F, s = F, i = F, h = F, g && (b = !F, k = F)), /* @__PURE__ */ I(vA, { children: [
+    /* @__PURE__ */ I(BA, { style: { width: 300, height: 50 }, align: "center", children: [
       P,
       /* @__PURE__ */ A(
         "img",
         {
           style: {
             height: 50,
-            ...p
+            ...f
           },
           alt: "logo",
           src: w
         }
       ),
-      Q
+      $
     ] }),
-    K && /* @__PURE__ */ A(
+    j && /* @__PURE__ */ A(
       Je,
       {
-        opened: I.hidden ? I.hidden : !1,
-        onClick: () => I.setHidden(!I.hidden),
+        opened: E.hidden ? E.hidden : !1,
+        onClick: () => E.setHidden(!E.hidden),
         size: "sm",
-        color: $.colors.gray[7],
+        color: Q.colors.gray[7],
         mx: { base: "xs", xs: "lg", sm: "xl" },
         display: V ? "" : "none"
       }
     ),
-    /* @__PURE__ */ A("div", { children: J && /* @__PURE__ */ A(eo, { navigationData: y }) }),
+    /* @__PURE__ */ A("div", { children: W && /* @__PURE__ */ A(eo, { navigationData: y }) }),
     /* @__PURE__ */ A(G, { style: { flex: 1 }, children: v }),
-    /* @__PURE__ */ L(_r, { children: [
+    /* @__PURE__ */ I(_r, { children: [
       l && m,
       u && /* @__PURE__ */ A(Zr, { toggleColorScheme: C, sunColor: D, moonColor: O }),
       b && /* @__PURE__ */ A(Jr, {}),
-      /* @__PURE__ */ L(AA, { shadow: "md", width: 200, position: "bottom-end", styles: B?.menu, children: [
-        /* @__PURE__ */ A(AA.Target, { children: /* @__PURE__ */ L("div", { children: [
+      /* @__PURE__ */ I(AA, { shadow: "md", width: 200, position: "bottom-end", styles: B?.menu, children: [
+        /* @__PURE__ */ A(AA.Target, { children: /* @__PURE__ */ I("div", { children: [
           /* @__PURE__ */ A(
             WA,
             {
               style: { cursor: "pointer" },
               radius: "xl",
               ml: 8,
-              src: f ? f.photo : ro,
-              alt: f ? f.displayName : ""
+              src: p ? p.photo : ro,
+              alt: p ? p.displayName : ""
             }
           ),
-          f && f.isAdmin ? /* @__PURE__ */ A(
+          p && p.isAdmin ? /* @__PURE__ */ A(
             "div",
             {
               style: {
@@ -407,20 +407,20 @@ const eo = ({ navigationData: e, color: o }) => {
                 borderRadius: 50,
                 backgroundColor: "green"
               },
-              children: /* @__PURE__ */ A(zA, { size: "xs", c: "white", children: "A" })
+              children: /* @__PURE__ */ A(CA, { size: "xs", c: "white", children: "A" })
             }
           ) : null
         ] }) }),
-        /* @__PURE__ */ L(AA.Dropdown, { children: [
+        /* @__PURE__ */ I(AA.Dropdown, { children: [
           e,
-          s && /* @__PURE__ */ A(AA.Label, { children: `${Z().t("archbase:Opções")}` }),
+          s && /* @__PURE__ */ A(AA.Label, { children: `${_().t("archbase:Opções")}` }),
           i && n,
           o && /* @__PURE__ */ A(
             AA.Item,
             {
               leftSection: T === "dark" ? /* @__PURE__ */ A(Ie, { size: r }) : /* @__PURE__ */ A(Ee, { size: r }),
               onClick: C || x,
-              children: `${Z().t("archbase:toggleColorScheme")}`
+              children: `${_().t("archbase:toggleColorScheme")}`
             }
           ),
           k && /* @__PURE__ */ A(Wr, {}),
@@ -432,33 +432,33 @@ const eo = ({ navigationData: e, color: o }) => {
   ] });
 };
 function ke(e, o, s, r, t, a, i, n, c, l) {
-  const u = a ? e.colorScheme === "dark" ? e.colors[e.primaryColor][8] : e.colors[e.primaryColor][7] : void 0, d = a ? (e.colorScheme === "dark", e.colors[e.primaryColor][0]) : void 0, h = e.colorScheme === "dark" ? "#3e5e7e" : "#9fb6cf", f = "0.5";
+  const u = a ? e.colorScheme === "dark" ? e.colors[e.primaryColor][8] : e.colors[e.primaryColor][7] : void 0, d = a ? (e.colorScheme === "dark", e.colors[e.primaryColor][0]) : void 0, h = e.colorScheme === "dark" ? "#3e5e7e" : "#9fb6cf", p = "0.5";
   if (r.links) {
     if (!(r.disabled && r.hideDisabledItem))
-      return /* @__PURE__ */ A(xA, { disabled: !o, label: yA.t(r.label), children: /* @__PURE__ */ A(
+      return /* @__PURE__ */ A(SA, { disabled: !o, label: wA.t(r.label), children: /* @__PURE__ */ A(
         Br,
         {
           rootStyles: {
             fontSize: "16px",
-            [`.${X.button}`]: {
+            [`.${J.button}`]: {
               "&:hover": {
-                [`.${X.icon}`]: {
+                [`.${J.icon}`]: {
                   color: "white"
                 },
-                [`.${X.label}`]: {
+                [`.${J.label}`]: {
                   color: "white"
                 }
               }
             },
-            [`.${X.subMenuContent}`]: {
+            [`.${J.subMenuContent}`]: {
               width: o && l
             },
-            [`.${X.disabled}`]: {
-              opacity: f,
-              [`.${X.icon}`]: {
+            [`.${J.disabled}`]: {
+              opacity: p,
+              [`.${J.icon}`]: {
                 color: h + " !important"
               },
-              [`.${X.label}`]: {
+              [`.${J.label}`]: {
                 color: h + " !important"
               }
             }
@@ -466,38 +466,38 @@ function ke(e, o, s, r, t, a, i, n, c, l) {
           id: r.label,
           icon: r.icon,
           defaultOpen: !r.disabled,
-          label: o ? "" : yA.t(r.label),
+          label: o ? "" : wA.t(r.label),
           disabled: r.disabled,
           children: r.links && r.links.filter((y) => y.showInSidebar === !0 && (!y.disabled || !y.hideDisabledItem)).map((y, w) => /* @__PURE__ */ A(
             Ce,
             {
               onClick: () => s(y),
               rootStyles: {
-                [`.${X.icon}`]: {
+                [`.${J.icon}`]: {
                   background: u,
                   color: n && y.link === i ? "white" : d
                 },
-                [`.${X.label}`]: {
+                [`.${J.label}`]: {
                   color: n && y.link === i ? "white" : c
                 },
-                [`.${X.button}`]: {
+                [`.${J.button}`]: {
                   paddingLeft: "40px !important",
                   "&:hover": {
-                    [`.${X.icon}`]: {
+                    [`.${J.icon}`]: {
                       color: "white"
                     },
-                    [`.${X.label}`]: {
+                    [`.${J.label}`]: {
                       color: "white"
                     }
                   }
                 },
-                [`.${X.disabled}`]: {
-                  opacity: f,
-                  [`.${X.icon}`]: {
+                [`.${J.disabled}`]: {
+                  opacity: p,
+                  [`.${J.icon}`]: {
                     background: (u || "") + " !important",
                     color: h + " !important"
                   },
-                  [`.${X.label}`]: {
+                  [`.${J.label}`]: {
                     color: h + " !important"
                   }
                 }
@@ -506,7 +506,7 @@ function ke(e, o, s, r, t, a, i, n, c, l) {
               icon: y.icon,
               disabled: typeof y.disabled == "function" ? y.disabled() : y.disabled,
               active: n && y.link === i,
-              children: yA.t(y.label)
+              children: wA.t(y.label)
             },
             w
           ))
@@ -514,35 +514,35 @@ function ke(e, o, s, r, t, a, i, n, c, l) {
         t
       ) });
   } else if (r.showInSidebar && (!r.disabled || !r.hideDisabledItem))
-    return /* @__PURE__ */ A(xA, { disabled: !o, label: yA.t(r.label), children: /* @__PURE__ */ A(
+    return /* @__PURE__ */ A(SA, { disabled: !o, label: wA.t(r.label), children: /* @__PURE__ */ A(
       Ce,
       {
         rootStyles: {
           fontSize: "16px",
-          [`.${X.button}`]: {
+          [`.${J.button}`]: {
             "&:hover": {
-              [`.${X.icon}`]: {
+              [`.${J.icon}`]: {
                 color: "white"
               },
-              [`.${X.label}`]: {
+              [`.${J.label}`]: {
                 color: "white"
               }
             }
           },
-          [`.${X.icon}`]: {
+          [`.${J.icon}`]: {
             background: u,
             color: n && r.link === i ? "white" : d
           },
-          [`.${X.label}`]: {
+          [`.${J.label}`]: {
             color: n && r.link === i ? "white" : c
           },
-          [`.${X.disabled}`]: {
-            opacity: f,
-            [`.${X.icon}`]: {
+          [`.${J.disabled}`]: {
+            opacity: p,
+            [`.${J.icon}`]: {
               background: (u || "") + " !important",
               color: h + " !important"
             },
-            [`.${X.label}`]: {
+            [`.${J.label}`]: {
               color: h + " !important"
             }
           }
@@ -552,7 +552,7 @@ function ke(e, o, s, r, t, a, i, n, c, l) {
         onClick: () => s(r),
         icon: r.icon,
         active: n && r.link === i,
-        children: o ? "" : yA.t(r.label)
+        children: o ? "" : wA.t(r.label)
       },
       t
     ) });
@@ -594,7 +594,7 @@ const oo = (e) => ({
     }
   }
 }), no = (e, o, s, r, t, a, i, n, c, l, u) => {
-  const d = oo(), h = a ? {} : { padding: s ? `0 ${(t - r) / 2}px` : "0 20px" }, f = a ? {} : { display: "none" }, y = i ? e === "dark" ? o.colors[o.primaryColor][8] : o.colors[o.primaryColor][0] : void 0;
+  const d = oo(), h = a ? {} : { padding: s ? `0 ${(t - r) / 2}px` : "0 20px" }, p = a ? {} : { display: "none" }, y = i ? e === "dark" ? o.colors[o.primaryColor][8] : o.colors[o.primaryColor][0] : void 0;
   return {
     root: {
       fontSize: "14px",
@@ -605,26 +605,26 @@ const oo = (e) => ({
     icon: {
       background: y,
       color: u,
-      [`&.${X.disabled}`]: {
+      [`&.${J.disabled}`]: {
         color: d[e].menu.disabled.color
       }
     },
     SubMenuExpandIcon: {
       color: "#b6b7b9",
-      ...f
+      ...p
     },
     subMenuContent: () => ({
       backgroundColor: e === "dark" ? o.colors.dark[8] : o.colors[o.primaryColor][0]
     }),
     button: {
-      [`&.${X.disabled}`]: {
+      [`&.${J.disabled}`]: {
         color: d[e].menu.disabled.color
       },
       "&:hover": {
         backgroundColor: o.colors[o.primaryColor][6],
         color: o.white
       },
-      [`&.${X.active}`]: {
+      [`&.${J.active}`]: {
         backgroundColor: o.colors[o.primaryColor][6]
       },
       height: n,
@@ -640,7 +640,7 @@ const oo = (e) => ({
   };
 };
 function to(e, o, s, r, t, a, i, n, c, l, u) {
-  return /* @__PURE__ */ L(
+  return /* @__PURE__ */ I(
     Me,
     {
       ref: e,
@@ -659,9 +659,9 @@ function to(e, o, s, r, t, a, i, n, c, l, u) {
       width: `${aA(s)}px`,
       collapsedWidth: `${aA(r)}px`,
       children: [
-        c && /* @__PURE__ */ A(wA, { children: c }),
-        /* @__PURE__ */ A(TA, { style: { overflowY: "auto", overflowX: "hidden", height: n }, children: /* @__PURE__ */ A(Oe, { rootStyles: { background: u }, menuItemStyles: t, closeOnClick: !0, children: a && /* @__PURE__ */ A(wA, { children: a }) }) }),
-        l && /* @__PURE__ */ A(wA, { children: l })
+        c && /* @__PURE__ */ A(vA, { children: c }),
+        /* @__PURE__ */ A(zA, { style: { overflowY: "auto", overflowX: "hidden", height: n }, children: /* @__PURE__ */ A(Oe, { rootStyles: { background: u }, menuItemStyles: t, closeOnClick: !0, children: a && /* @__PURE__ */ A(vA, { children: a }) }) }),
+        l && /* @__PURE__ */ A(vA, { children: l })
       ]
     }
   );
@@ -671,9 +671,9 @@ function ye({
   collapsed: o = !1,
   backgroundColor: s
 }) {
-  const r = pA(), { colorScheme: t } = oA(), a = s ?? (t === "dark" ? r.colors.dark[7] : r.white);
+  const r = fA(), { colorScheme: t } = oA(), a = s ?? (t === "dark" ? r.colors.dark[7] : r.white);
   return o ? /* @__PURE__ */ A(
-    _,
+    K,
     {
       gap: "sm",
       p: "xs",
@@ -694,7 +694,7 @@ function ye({
       ))
     }
   ) : /* @__PURE__ */ A(
-    _,
+    K,
     {
       gap: "xs",
       p: "md",
@@ -704,7 +704,7 @@ function ye({
         width: "100%",
         height: "100%"
       },
-      children: Array.from({ length: e }).map((i, n) => /* @__PURE__ */ L(vA, { gap: "sm", wrap: "nowrap", children: [
+      children: Array.from({ length: e }).map((i, n) => /* @__PURE__ */ I(xA, { gap: "sm", wrap: "nowrap", children: [
         /* @__PURE__ */ A(
           cA,
           {
@@ -731,9 +731,9 @@ function so({
   height: s = "100%",
   backgroundColor: r
 }) {
-  const t = pA(), { colorScheme: a } = oA(), i = r ?? (a === "dark" ? t.colors.dark[6] : t.colors.gray[2]);
+  const t = fA(), { colorScheme: a } = oA(), i = r ?? (a === "dark" ? t.colors.dark[6] : t.colors.gray[2]);
   return /* @__PURE__ */ A(
-    _,
+    K,
     {
       gap: "md",
       p: "xs",
@@ -743,7 +743,7 @@ function so({
         height: s,
         backgroundColor: i
       },
-      children: Array.from({ length: e }).map((n, c) => /* @__PURE__ */ L(_, { gap: 4, align: "center", children: [
+      children: Array.from({ length: e }).map((n, c) => /* @__PURE__ */ I(K, { gap: 4, align: "center", children: [
         /* @__PURE__ */ A(
           cA,
           {
@@ -770,10 +770,10 @@ function we({
   backgroundColor: o,
   children: s
 }) {
-  const r = pA(), { colorScheme: t } = oA(), a = o ?? (t === "dark" ? r.colors.dark[7] : r.white), i = t === "dark" ? r.colors.red[4] : r.colors.red[6];
-  return s ? /* @__PURE__ */ A(wA, { children: s }) : /* @__PURE__ */ A(VA, { p: "md", style: { backgroundColor: a, flex: 1, height: "100%" }, children: /* @__PURE__ */ L(_, { align: "center", gap: "xs", children: [
+  const r = fA(), { colorScheme: t } = oA(), a = o ?? (t === "dark" ? r.colors.dark[7] : r.white), i = t === "dark" ? r.colors.red[4] : r.colors.red[6];
+  return s ? /* @__PURE__ */ A(vA, { children: s }) : /* @__PURE__ */ A(VA, { p: "md", style: { backgroundColor: a, flex: 1, height: "100%" }, children: /* @__PURE__ */ I(K, { align: "center", gap: "xs", children: [
     /* @__PURE__ */ A(rr, { size: 32, color: i }),
-    /* @__PURE__ */ A(zA, { size: "sm", c: i, ta: "center", children: e })
+    /* @__PURE__ */ A(CA, { size: "sm", c: i, ta: "center", children: e })
   ] }) });
 }
 function lo({
@@ -790,57 +790,57 @@ function lo({
   sideBarFooterContent: u,
   groupLabelDarkColor: d,
   groupLabelLightColor: h,
-  collapsed: f,
+  collapsed: p,
   onMenuItemClick: y,
   onClickActionIcon: w,
   withBorder: m = !1,
-  showGroupLabels: p = !0,
+  showGroupLabels: f = !0,
   theme: g,
   sidebarRef: S,
   defaultGroupIcon: v,
   selectedGroupName: C,
   sideBarHeaderContent: P,
-  iconsWithBackground: Q = !1,
-  menuItemHeight: K = 40,
-  highlightActiveMenuItem: J = !0,
+  iconsWithBackground: $ = !1,
+  menuItemHeight: j = 40,
+  highlightActiveMenuItem: W = !0,
   backgroundDarkColor: D,
   backgroundLightColor: O,
   textDarkColor: B,
-  textLightColor: $,
+  textLightColor: Q,
   iconDarkColor: T,
   iconLightColor: x,
-  collapsedSubmenuWidth: I,
+  collapsedSubmenuWidth: E,
   isLoading: V = !1,
-  loadingError: q,
+  loadingError: F,
   loadingComponent: k,
   errorComponent: b,
-  skeletonItemCount: R = 8,
+  skeletonItemCount: L = 8,
   skeletonGroupCount: M = 3
 }) {
-  const [N, E] = fA(""), z = ne(), dA = HA(), { colorScheme: U } = oA(), lA = U === "dark" ? D ?? g.colors.dark[7] : O ?? g.white, eA = a || (U === "dark" ? g.colors[g.primaryColor][8] : g.colors[g.primaryColor][0]), nA = U === "dark" ? B ?? "var(--mantine-color-text)" : $ ?? "var(--mantine-color-text)", Y = U === "dark" ? T ?? g.colors[g.primaryColor][0] : x ?? g.colors[g.primaryColor][7], rA = uA(() => {
+  const [N, R] = pA(""), z = ne(), dA = qA(), { colorScheme: U } = oA(), lA = U === "dark" ? D ?? g.colors.dark[7] : O ?? g.white, eA = a || (U === "dark" ? g.colors[g.primaryColor][8] : g.colors[g.primaryColor][0]), nA = U === "dark" ? B ?? "var(--mantine-color-text)" : Q ?? "var(--mantine-color-text)", Y = U === "dark" ? T ?? g.colors[g.primaryColor][0] : x ?? g.colors[g.primaryColor][7], rA = uA(() => {
     const hA = /* @__PURE__ */ new Set();
-    return e.forEach((W) => {
-      if (W.showInSidebar && (!W.disabled || !W.hideDisabledItem)) {
-        let DA = !1;
-        W.group || (W.group = {
+    return e.forEach((Z) => {
+      if (Z.showInSidebar && (!Z.disabled || !Z.hideDisabledItem)) {
+        let TA = !1;
+        Z.group || (Z.group = {
           icon: v || /* @__PURE__ */ A(Re, { size: "2.2rem", color: "#63B1FB", stroke: 1 }),
           label: "Default",
           name: "Default",
           hint: "Default",
           indexOrder: 0
         }), hA.forEach((gA) => {
-          gA.name === W.group.name && (DA = !0);
-        }), DA || hA.add({
-          name: W.group.name,
-          indexOrder: W.group.indexOrder,
+          gA.name === Z.group.name && (TA = !0);
+        }), TA || hA.add({
+          name: Z.group.name,
+          indexOrder: Z.group.indexOrder,
           component: /* @__PURE__ */ A(
-            xA,
+            SA,
             {
-              content: W.group.hint,
-              label: W.group.label,
-              disabled: p,
-              children: /* @__PURE__ */ L(
-                _,
+              content: Z.group.hint,
+              label: Z.group.label,
+              disabled: f,
+              children: /* @__PURE__ */ I(
+                K,
                 {
                   gap: "2px",
                   style: {
@@ -851,68 +851,68 @@ function lo({
                   },
                   children: [
                     /* @__PURE__ */ A(
-                      RA,
+                      LA,
                       {
                         size: "48px",
-                        variant: W.group.name === N ? "filled" : n ? "subtle" : "light",
-                        color: W.group.name === N ? eA : i,
+                        variant: Z.group.name === N ? "filled" : n ? "subtle" : "light",
+                        color: Z.group.name === N ? eA : i,
                         onClick: () => {
-                          E((gA) => (w && w(gA, W.group.name), W.group.name === gA && !c ? "" : W.group.name));
+                          R((gA) => (w && w(gA, Z.group.name), Z.group.name === gA && !c ? "" : Z.group.name));
                         },
-                        children: W.group.icon
+                        children: Z.group.icon
                       }
                     ),
-                    p ? /* @__PURE__ */ A(
-                      zA,
+                    f ? /* @__PURE__ */ A(
+                      CA,
                       {
                         size: "xs",
                         c: U === "dark" ? d || g.colors[g.primaryColor][2] : h || g.colors[g.primaryColor][2],
-                        children: W.group.label
+                        children: Z.group.label
                       }
                     ) : !1
                   ]
                 }
               )
             },
-            W.group.name
+            Z.group.name
           )
         });
       }
-    }), hA.forEach((W) => {
-      const DA = e.filter((gA) => gA.showInSidebar === !0 && (!gA.disabled || !gA.hideDisabledItem) && gA.group && gA.group.name === W.name);
-      W.links = DA.map((gA, j) => ke(g, f, y, gA, j, Q, dA.pathname, J, nA, I));
-    }), [...hA].sort((W, DA) => W.indexOrder - DA.indexOrder);
-  }, [e, N, U, f, z.selectedCompany, J, dA]), CA = no(
+    }), hA.forEach((Z) => {
+      const TA = e.filter((gA) => gA.showInSidebar === !0 && (!gA.disabled || !gA.hideDisabledItem) && gA.group && gA.group.name === Z.name);
+      Z.links = TA.map((gA, X) => ke(g, p, y, gA, X, $, dA.pathname, W, nA, E));
+    }), [...hA].sort((Z, TA) => Z.indexOrder - TA.indexOrder);
+  }, [e, N, U, p, z.selectedCompany, W, dA]), kA = no(
     U,
     g,
-    f,
+    p,
     35,
     Number(aA(t)),
     rA.length > 1,
-    Q,
-    K,
+    $,
+    j,
     lA,
     nA,
     Y
-  ), kA = f || N === "" ? "0px" : `calc(${s} - ${o})`, IA = n || (U === "dark" ? g.colors[g.primaryColor][6] : g.colors[g.primaryColor][7]), H = F(() => {
-    C && rA.map((hA) => hA.name).includes(C) ? E(C) : rA.length > 1 && E("Default");
+  ), yA = p || N === "" ? "0px" : `calc(${s} - ${o})`, EA = n || (U === "dark" ? g.colors[g.primaryColor][6] : g.colors[g.primaryColor][7]), q = H(() => {
+    C && rA.map((hA) => hA.name).includes(C) ? R(C) : rA.length > 1 && R("Default");
   }, []);
   iA(() => {
-    H();
+    q();
   }, []), iA(() => {
-    f ? E("") : N === "" && H();
-  }, [f]);
-  const tA = () => q ? b || /* @__PURE__ */ A(
+    p ? R("") : N === "" && q();
+  }, [p]);
+  const tA = () => F ? b || /* @__PURE__ */ A(
     we,
     {
-      message: q,
+      message: F,
       backgroundColor: lA
     }
   ) : V ? k || /* @__PURE__ */ A(
     ye,
     {
-      itemCount: R,
-      collapsed: f,
+      itemCount: L,
+      collapsed: p,
       backgroundColor: lA
     }
   ) : N !== "" ? /* @__PURE__ */ A(
@@ -929,23 +929,23 @@ function lo({
         }
       },
       style: { borderColor: U === "dark" ? "#000" : "#efefef" },
-      collapsed: f,
-      width: `${aA(kA)}`,
+      collapsed: p,
+      width: `${aA(yA)}`,
       collapsedWidth: "0px",
       children: /* @__PURE__ */ A(
-        TA,
+        zA,
         {
           style: {
             overflowY: "auto",
             overflowX: "hidden",
             height: "100%",
-            width: kA
+            width: yA
           },
-          children: /* @__PURE__ */ A(Oe, { rootStyles: { background: lA }, menuItemStyles: CA, closeOnClick: !0, children: rA.find((hA) => hA.name === N)?.links || null })
+          children: /* @__PURE__ */ A(Oe, { rootStyles: { background: lA }, menuItemStyles: kA, closeOnClick: !0, children: rA.find((hA) => hA.name === N)?.links || null })
         }
       )
     }
-  ) : null, EA = () => V && rA.length === 0 ? /* @__PURE__ */ A(
+  ) : null, RA = () => V && rA.length === 0 ? /* @__PURE__ */ A(
     so,
     {
       groupCount: M,
@@ -953,63 +953,63 @@ function lo({
       height: r
     }
   ) : rA.length !== 0 ? /* @__PURE__ */ A(
-    _,
+    K,
     {
       gap: "4px",
       style: {
         height: r,
         width: o,
         padding: "4px",
-        backgroundColor: IA
+        backgroundColor: EA
       },
       children: rA.map((hA) => /* @__PURE__ */ A(bA.Fragment, { children: hA.component }, hA.name))
     }
-  ) : null, LA = () => q ? b || /* @__PURE__ */ A(
+  ) : null, DA = () => F ? b || /* @__PURE__ */ A(
     we,
     {
-      message: q,
+      message: F,
       backgroundColor: lA
     }
   ) : V ? k || /* @__PURE__ */ A(
     ye,
     {
-      itemCount: R,
-      collapsed: f,
+      itemCount: L,
+      collapsed: p,
       backgroundColor: lA
     }
   ) : e.map(
-    (hA, OA) => ke(g, f, y, hA, OA, Q, dA.pathname, J, nA, I)
+    (hA, OA) => ke(g, p, y, hA, OA, $, dA.pathname, W, nA, E)
   );
-  return /* @__PURE__ */ A(wA, { children: rA.length == 1 ? to(
+  return /* @__PURE__ */ A(vA, { children: rA.length == 1 ? to(
     S,
-    f,
+    p,
     s,
     t,
-    CA,
-    LA(),
+    kA,
+    DA(),
     c,
     r,
     P,
     u,
     lA
-  ) : /* @__PURE__ */ L(BA, { direction: "column", w: f ? t : s, children: [
+  ) : /* @__PURE__ */ I(BA, { direction: "column", w: p ? t : s, children: [
     /* @__PURE__ */ A("div", { style: { height: "auto", width: "100%" }, children: P }),
-    /* @__PURE__ */ L(We, { withBorder: m, h: r, w: "100%", display: "flex", children: [
-      EA(),
+    /* @__PURE__ */ I(We, { withBorder: m, h: r, w: "100%", display: "flex", children: [
+      RA(),
       tA()
     ] }),
     /* @__PURE__ */ A("div", { style: { height: "auto", width: "100%" }, children: u })
   ] }) });
 }
-const le = FA(null);
+const le = HA(null);
 function ie() {
-  const e = SA(le);
+  const e = IA(le);
   if (!e)
     throw new Error("useSidebar must be used within a SidebarProvider");
   return e;
 }
 function hn() {
-  return SA(le);
+  return IA(le);
 }
 function ae({
   children: e,
@@ -1025,71 +1025,71 @@ function ae({
   highlightActiveItem: u = !0,
   onMenuItemClick: d
 }) {
-  const h = HA(), f = qA(), [y, w] = JA({
+  const h = qA(), p = FA(), [y, w] = JA({
     value: t,
     defaultValue: r,
     finalValue: !1,
     onChange: a
-  }), [m, p] = JA({
+  }), [m, f] = JA({
     value: n,
     defaultValue: i,
     finalValue: "",
     onChange: c
-  }), [g, S] = fA(""), [v, C] = fA(() => {
+  }), [g, S] = pA(""), [v, C] = pA(() => {
     const T = /* @__PURE__ */ new Set();
-    return o.forEach((x, I) => {
-      x.initiallyOpened && x.links && x.links.length > 0 && T.add(`group-${I}`);
+    return o.forEach((x, E) => {
+      x.initiallyOpened && x.links && x.links.length > 0 && T.add(`group-${E}`);
     }), T;
-  }), P = h.pathname, Q = F(() => {
+  }), P = h.pathname, $ = H(() => {
     w(!y);
-  }, [y, w]), K = F((T) => {
+  }, [y, w]), j = H((T) => {
     C((x) => {
-      const I = new Set(x);
-      return I.has(T) ? I.delete(T) : I.add(T), I;
+      const E = new Set(x);
+      return E.has(T) ? E.delete(T) : E.add(T), E;
     });
-  }, []), J = F((T) => {
+  }, []), W = H((T) => {
     C((x) => {
-      const I = new Set(x);
-      return I.add(T), I;
+      const E = new Set(x);
+      return E.add(T), E;
     });
-  }, []), D = F((T) => {
+  }, []), D = H((T) => {
     C((x) => {
-      const I = new Set(x);
-      return I.delete(T), I;
+      const E = new Set(x);
+      return E.delete(T), E;
     });
   }, []), O = uA(() => {
     if (!g.trim())
       return o;
-    const T = g.toLowerCase().trim(), x = (I) => I.reduce((V, q) => {
-      const k = q.label.toLowerCase().includes(T), b = q.links ? x(q.links) : [];
+    const T = g.toLowerCase().trim(), x = (E) => E.reduce((V, F) => {
+      const k = F.label.toLowerCase().includes(T), b = F.links ? x(F.links) : [];
       return (k || b.length > 0) && V.push({
-        ...q,
-        links: b.length > 0 ? b : q.links,
+        ...F,
+        links: b.length > 0 ? b : F.links,
         // Expandir automaticamente quando há match em subitens
         initiallyOpened: b.length > 0 || k
       }), V;
     }, []);
     return x(o);
-  }, [o, g]), B = F(
+  }, [o, g]), B = H(
     (T) => {
-      d && d(T), T.link && (T.routeParams ? f(T.link, { state: T.routeParams }) : f(T.link)), T.redirect && f(T.redirect);
+      d && d(T), T.link && (T.routeParams ? p(T.link, { state: T.routeParams }) : p(T.link)), T.redirect && p(T.redirect);
     },
-    [f, d]
-  ), $ = uA(
+    [p, d]
+  ), Q = uA(
     () => ({
       collapsed: y,
       setCollapsed: w,
-      toggleCollapsed: Q,
+      toggleCollapsed: $,
       activeGroup: m,
-      setActiveGroup: p,
+      setActiveGroup: f,
       activeItemPath: P,
       navigateToItem: B,
       searchQuery: g,
       setSearchQuery: S,
       filteredItems: O,
       expandedGroups: v,
-      toggleGroup: K,
-      expandGroup: J,
+      toggleGroup: j,
+      expandGroup: W,
       collapseGroup: D,
       variant: s,
       showKeyboardShortcuts: l,
@@ -1098,51 +1098,51 @@ function ae({
     [
       y,
       w,
-      Q,
+      $,
       m,
-      p,
+      f,
       P,
       B,
       g,
       O,
       v,
-      K,
-      J,
+      j,
+      W,
       D,
       s,
       l,
       u
     ]
   );
-  return /* @__PURE__ */ A(le.Provider, { value: $, children: e });
+  return /* @__PURE__ */ A(le.Provider, { value: Q, children: e });
 }
 function ce({
   navigationData: e,
   onMenuItemClick: o
 }) {
-  const s = HA(), r = qA(), t = s.pathname, a = F(
+  const s = qA(), r = FA(), t = s.pathname, a = H(
     (d) => {
       for (const h of d) {
         if (h.link === t)
           return h;
         if (h.links) {
-          const f = a(h.links);
-          if (f)
-            return f;
+          const p = a(h.links);
+          if (p)
+            return p;
         }
       }
       return null;
     },
     [t]
-  ), i = uA(() => a(e), [a, e]), n = F(
+  ), i = uA(() => a(e), [a, e]), n = H(
     (d) => d.link === t,
     [t]
-  ), c = F(
+  ), c = H(
     (d) => d.link === t ? !0 : d.links ? d.links.some((h) => c(h)) : !1,
     [t]
   ), l = uA(() => {
-    const d = [], h = (f, y) => {
-      for (const w of f) {
+    const d = [], h = (p, y) => {
+      for (const w of p) {
         const m = [...y, w];
         if (w.link === t)
           return d.push(...m), !0;
@@ -1152,7 +1152,7 @@ function ce({
       return !1;
     };
     return h(e, []), d;
-  }, [e, t]), u = F(
+  }, [e, t]), u = H(
     (d) => {
       (typeof d.disabled == "function" ? d.disabled() : d.disabled) || (o && o(d), d.link && (d.routeParams ? r(d.link, { state: d.routeParams }) : r(d.link)), d.redirect && r(d.redirect));
     },
@@ -1171,47 +1171,47 @@ function io({
   navigationData: e,
   onSearch: o
 }) {
-  const [s, r] = fA(""), t = F((l) => l.reduce((u, d) => {
+  const [s, r] = pA(""), t = H((l) => l.reduce((u, d) => {
     let h = 1;
     return d.links && (h += t(d.links)), u + h;
   }, 0), []), a = uA(() => {
     if (!s.trim())
       return e;
-    const l = s.toLowerCase().trim(), u = (d) => d.reduce((h, f) => {
-      if (!f.showInSidebar)
+    const l = s.toLowerCase().trim(), u = (d) => d.reduce((h, p) => {
+      if (!p.showInSidebar)
         return h;
-      const y = f.label.toLowerCase().includes(l), w = f.links ? u(f.links) : [];
+      const y = p.label.toLowerCase().includes(l), w = p.links ? u(p.links) : [];
       return (y || w.length > 0) && h.push({
-        ...f,
-        links: w.length > 0 ? w : f.links,
+        ...p,
+        links: w.length > 0 ? w : p.links,
         // Expandir automaticamente grupos com match
         initiallyOpened: !0
       }), h;
     }, []);
     return u(e);
-  }, [e, s]), i = uA(() => s.trim() ? t(a) : t(e), [s, e, a, t]), n = F(
+  }, [e, s]), i = uA(() => s.trim() ? t(a) : t(e), [s, e, a, t]), n = H(
     (l) => {
       if (r(l), o) {
         const u = l.toLowerCase().trim();
         if (!u)
           o(l, e);
         else {
-          const d = (h) => h.reduce((f, y) => {
+          const d = (h) => h.reduce((p, y) => {
             if (!y.showInSidebar)
-              return f;
+              return p;
             const w = y.label.toLowerCase().includes(u), m = y.links ? d(y.links) : [];
-            return (w || m.length > 0) && f.push({
+            return (w || m.length > 0) && p.push({
               ...y,
               links: m.length > 0 ? m : y.links,
               initiallyOpened: !0
-            }), f;
+            }), p;
           }, []);
           o(l, d(e));
         }
       }
     },
     [e, o]
-  ), c = F(() => {
+  ), c = H(() => {
     n("");
   }, [n]);
   return {
@@ -1241,10 +1241,10 @@ function de({
       });
     };
     return l(e), c;
-  }, [e]), a = F(
+  }, [e]), a = H(
     (c) => !!c.shortcut,
     []
-  ), i = F(
+  ), i = H(
     (c) => c.shortcut,
     []
   ), n = uA(() => {
@@ -1261,7 +1261,7 @@ function de({
       ]);
     }), c;
   }, [r, t, o, s]);
-  return He(n), {
+  return qe(n), {
     shortcuts: t,
     hasShortcut: a,
     getShortcut: i
@@ -1278,18 +1278,18 @@ function MA({
   hoverColor: n,
   itemHeight: c = 40
 }) {
-  const l = pA(), { colorScheme: u } = oA(), d = e, [h, f] = fA(!1), y = a || "var(--mantine-color-text)", w = i || l.colors[l.primaryColor][6], m = n || l.colors[l.primaryColor][6], p = n ? `color-mix(in srgb, ${n} 80%, black)` : l.colors[l.primaryColor][8], g = h ? r ? p : m : r ? m : "transparent", S = h || r ? l.white : y, v = h || r ? l.white : w, C = typeof e.disabled == "function" ? e.disabled() : e.disabled;
+  const l = fA(), { colorScheme: u } = oA(), d = e, [h, p] = pA(!1), y = a || "var(--mantine-color-text)", w = i || l.colors[l.primaryColor][6], m = n || l.colors[l.primaryColor][6], f = n ? `color-mix(in srgb, ${n} 80%, black)` : l.colors[l.primaryColor][8], g = h ? r ? f : m : r ? m : "transparent", S = h || r ? l.white : y, v = h || r ? l.white : w, C = typeof e.disabled == "function" ? e.disabled() : e.disabled;
   if (C && e.hideDisabledItem || !e.showInSidebar)
     return null;
-  const P = F(() => {
+  const P = H(() => {
     !C && t && t(e);
-  }, [C, t, e]), Q = yA.t(e.label), K = () => d.badge ? /* @__PURE__ */ A(re, { size: "xs", color: d.badgeColor || "blue", variant: "filled", children: d.badge }) : null, J = () => d.shortcut ? /* @__PURE__ */ A(ve, { size: "xs", style: { marginLeft: "auto" }, children: d.shortcut }) : null;
+  }, [C, t, e]), $ = wA.t(e.label), j = () => d.badge ? /* @__PURE__ */ A(re, { size: "xs", color: d.badgeColor || "blue", variant: "filled", children: d.badge }) : null, W = () => d.shortcut ? /* @__PURE__ */ A(ve, { size: "xs", style: { marginLeft: "auto" }, children: d.shortcut }) : null;
   if (e.links && e.links.length > 0) {
     const D = e.links.filter((O) => {
       const B = typeof O.disabled == "function" ? O.disabled() : O.disabled;
       return O.showInSidebar && (!B || !O.hideDisabledItem);
     });
-    return D.length === 0 && C && e.hideDisabledItem ? null : s ? /* @__PURE__ */ L(
+    return D.length === 0 && C && e.hideDisabledItem ? null : s ? /* @__PURE__ */ I(
       AA,
       {
         position: "right-start",
@@ -1299,30 +1299,57 @@ function MA({
         openDelay: 100,
         closeDelay: 200,
         children: [
-          /* @__PURE__ */ A(AA.Target, { children: /* @__PURE__ */ A(VA, { style: { width: "100%", padding: "8px 0" }, children: /* @__PURE__ */ A(xA, { label: Q, position: "right", withArrow: !0, children: /* @__PURE__ */ A(
-            G,
+          /* @__PURE__ */ A(AA.Target, { children: /* @__PURE__ */ A(VA, { style: { width: "100%", padding: "2px 0" }, children: /* @__PURE__ */ A(SA, { label: $, position: "right", withArrow: !0, children: /* @__PURE__ */ I(
+            K,
             {
+              gap: 1,
+              align: "center",
               style: {
-                color: w,
-                cursor: "pointer",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center"
+                cursor: "pointer"
               },
-              children: e.icon
+              children: [
+                /* @__PURE__ */ A(
+                  G,
+                  {
+                    style: {
+                      color: w,
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center"
+                    },
+                    children: e.icon
+                  }
+                ),
+                /* @__PURE__ */ A(
+                  CA,
+                  {
+                    size: "8px",
+                    ta: "center",
+                    style: {
+                      color: w,
+                      lineHeight: 1,
+                      maxWidth: 56,
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap"
+                    },
+                    children: $
+                  }
+                )
+              ]
             }
           ) }) }) }),
-          /* @__PURE__ */ L(AA.Dropdown, { children: [
-            /* @__PURE__ */ A(AA.Label, { children: Q }),
+          /* @__PURE__ */ I(AA.Dropdown, { children: [
+            /* @__PURE__ */ A(AA.Label, { children: $ }),
             D.map((O, B) => {
-              const $ = typeof O.disabled == "function" ? O.disabled() : O.disabled;
+              const Q = typeof O.disabled == "function" ? O.disabled() : O.disabled;
               return /* @__PURE__ */ A(
                 AA.Item,
                 {
                   leftSection: O.icon,
-                  disabled: $,
+                  disabled: Q,
                   onClick: () => t?.(O),
-                  children: yA.t(O.label)
+                  children: wA.t(O.label)
                 },
                 B
               );
@@ -1333,10 +1360,10 @@ function MA({
     ) : /* @__PURE__ */ A(
       be,
       {
-        label: Q,
+        label: $,
         leftSection: /* @__PURE__ */ A(G, { style: { color: v }, children: e.icon }),
-        rightSection: /* @__PURE__ */ L(G, { style: { display: "flex", alignItems: "center", gap: 4, color: S }, children: [
-          K(),
+        rightSection: /* @__PURE__ */ I(G, { style: { display: "flex", alignItems: "center", gap: 4, color: S }, children: [
+          j(),
           /* @__PURE__ */ A(
             oe,
             {
@@ -1350,8 +1377,8 @@ function MA({
         childrenOffset: 28,
         defaultOpened: e.initiallyOpened || r,
         disabled: C,
-        onMouseEnter: () => f(!0),
-        onMouseLeave: () => f(!1),
+        onMouseEnter: () => p(!0),
+        onMouseLeave: () => p(!1),
         style: {
           height: c,
           backgroundColor: g,
@@ -1387,9 +1414,9 @@ function MA({
     );
   }
   return s ? /* @__PURE__ */ A(
-    xA,
+    SA,
     {
-      label: d.tooltip || Q,
+      label: d.tooltip || $,
       position: "right",
       withArrow: !0,
       children: /* @__PURE__ */ A(
@@ -1397,37 +1424,55 @@ function MA({
         {
           style: {
             width: "100%",
-            height: c,
             cursor: C ? "not-allowed" : "pointer",
             opacity: C ? 0.5 : 1,
             backgroundColor: r ? m : "transparent",
-            transition: "background-color 150ms ease"
+            transition: "background-color 150ms ease",
+            padding: "2px 0"
           },
           onClick: P,
           onMouseEnter: (D) => {
-            C || (D.currentTarget.style.backgroundColor = r ? p : m);
+            C || (D.currentTarget.style.backgroundColor = r ? f : m);
           },
           onMouseLeave: (D) => {
             D.currentTarget.style.backgroundColor = r ? m : "transparent";
           },
-          children: /* @__PURE__ */ A(G, { style: { color: r ? l.white : w }, children: e.icon })
+          children: /* @__PURE__ */ I(K, { gap: 1, align: "center", children: [
+            /* @__PURE__ */ A(G, { style: { color: r ? l.white : w }, children: e.icon }),
+            /* @__PURE__ */ A(
+              CA,
+              {
+                size: "8px",
+                ta: "center",
+                style: {
+                  color: r ? l.white : w,
+                  lineHeight: 1,
+                  maxWidth: 56,
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap"
+                },
+                children: $
+              }
+            )
+          ] })
         }
       )
     }
   ) : /* @__PURE__ */ A(
     be,
     {
-      label: Q,
+      label: $,
       leftSection: /* @__PURE__ */ A(G, { style: { color: v }, children: e.icon }),
-      rightSection: /* @__PURE__ */ L(G, { style: { display: "flex", alignItems: "center", gap: 4, color: S }, children: [
-        K(),
-        J()
+      rightSection: /* @__PURE__ */ I(G, { style: { display: "flex", alignItems: "center", gap: 4, color: S }, children: [
+        j(),
+        W()
       ] }),
       active: r,
       disabled: C,
       onClick: P,
-      onMouseEnter: () => f(!0),
-      onMouseLeave: () => f(!1),
+      onMouseEnter: () => p(!0),
+      onMouseLeave: () => p(!1),
       style: {
         height: c,
         paddingLeft: o > 0 ? o * 16 + 12 : void 0,
@@ -1454,14 +1499,14 @@ function co({
   onExpandedChange: a,
   groupId: i
 }) {
-  const n = pA(), { colorScheme: c } = oA(), [l, u] = fA(r), d = t !== void 0, h = d ? t : l, f = F(() => {
+  const n = fA(), { colorScheme: c } = oA(), [l, u] = pA(r), d = t !== void 0, h = d ? t : l, p = H(() => {
     d ? a?.(!h) : u((g) => !g);
-  }, [d, h, a]), y = c === "dark" ? n.colors.dark[6] : n.colors.gray[1], w = c === "dark" ? n.colors.dark[5] : n.colors.gray[2], m = c === "dark" ? n.colors.gray[4] : n.colors.gray[7], p = c === "dark" ? n.colors[n.primaryColor][4] : n.colors[n.primaryColor][6];
-  return /* @__PURE__ */ L(G, { children: [
+  }, [d, h, a]), y = c === "dark" ? n.colors.dark[6] : n.colors.gray[1], w = c === "dark" ? n.colors.dark[5] : n.colors.gray[2], m = c === "dark" ? n.colors.gray[4] : n.colors.gray[7], f = c === "dark" ? n.colors[n.primaryColor][4] : n.colors[n.primaryColor][6];
+  return /* @__PURE__ */ I(G, { children: [
     /* @__PURE__ */ A(
       ZA,
       {
-        onClick: f,
+        onClick: p,
         w: "100%",
         p: "xs",
         style: {
@@ -1476,10 +1521,10 @@ function co({
             }
           }
         },
-        children: /* @__PURE__ */ L(vA, { justify: "space-between", wrap: "nowrap", children: [
-          /* @__PURE__ */ L(vA, { gap: "xs", wrap: "nowrap", children: [
-            o && /* @__PURE__ */ A(G, { style: { color: p }, children: o }),
-            /* @__PURE__ */ A(zA, { size: "sm", fw: 600, c: m, children: yA.t(e) })
+        children: /* @__PURE__ */ I(xA, { justify: "space-between", wrap: "nowrap", children: [
+          /* @__PURE__ */ I(xA, { gap: "xs", wrap: "nowrap", children: [
+            o && /* @__PURE__ */ A(G, { style: { color: f }, children: o }),
+            /* @__PURE__ */ A(CA, { size: "sm", fw: 600, c: m, children: wA.t(e) })
           ] }),
           /* @__PURE__ */ A(
             or,
@@ -1498,14 +1543,14 @@ function co({
     /* @__PURE__ */ A(Ze, { in: h, children: /* @__PURE__ */ A(G, { mt: 4, children: s }) })
   ] });
 }
-function fn({
+function pn({
   label: e,
   children: o
 }) {
-  const s = pA(), { colorScheme: r } = oA(), t = r === "dark" ? s.colors.gray[5] : s.colors.gray[6];
-  return /* @__PURE__ */ L(G, { children: [
+  const s = fA(), { colorScheme: r } = oA(), t = r === "dark" ? s.colors.gray[5] : s.colors.gray[6];
+  return /* @__PURE__ */ I(G, { children: [
     /* @__PURE__ */ A(
-      zA,
+      CA,
       {
         size: "xs",
         fw: 700,
@@ -1514,7 +1559,7 @@ function fn({
         px: "sm",
         py: "xs",
         style: { letterSpacing: "0.5px" },
-        children: yA.t(e)
+        children: wA.t(e)
       }
     ),
     o
@@ -1528,8 +1573,8 @@ function uo({
   activeColor: t,
   inactiveColor: a
 }) {
-  const i = pA(), { colorScheme: n } = oA(), c = n === "dark" ? i.colors[i.primaryColor][8] : i.colors[i.primaryColor][0], l = n === "dark" ? i.colors[i.primaryColor][6] : i.colors[i.primaryColor][7], u = i.colors[i.primaryColor][2], f = /* @__PURE__ */ L(
-    _,
+  const i = fA(), { colorScheme: n } = oA(), c = n === "dark" ? i.colors[i.primaryColor][8] : i.colors[i.primaryColor][0], l = n === "dark" ? i.colors[i.primaryColor][6] : i.colors[i.primaryColor][7], u = i.colors[i.primaryColor][2], p = /* @__PURE__ */ I(
+    K,
     {
       gap: 2,
       align: "center",
@@ -1537,7 +1582,7 @@ function uo({
       style: { textAlign: "center" },
       children: [
         /* @__PURE__ */ A(
-          RA,
+          LA,
           {
             size: 48,
             variant: o ? "filled" : "subtle",
@@ -1550,7 +1595,7 @@ function uo({
           }
         ),
         r && /* @__PURE__ */ A(
-          zA,
+          CA,
           {
             size: "xs",
             c: u,
@@ -1566,25 +1611,25 @@ function uo({
       ]
     }
   );
-  return r ? f : /* @__PURE__ */ A(xA, { label: e.hint || e.label, position: "right", withArrow: !0, children: f });
+  return r ? p : /* @__PURE__ */ A(SA, { label: e.hint || e.label, position: "right", withArrow: !0, children: p });
 }
-function pn({
+function fn({
   placeholder: e = "Buscar...",
   value: o,
   onChange: s,
   onClear: r,
   collapsed: t = !1
 }) {
-  const a = pA(), { colorScheme: i } = oA(), n = F(
+  const a = fA(), { colorScheme: i } = oA(), n = H(
     (u) => {
       s?.(u.currentTarget.value);
     },
     [s]
-  ), c = F(() => {
+  ), c = H(() => {
     s?.(""), r?.();
   }, [s, r]), l = o && o.length > 0;
   return t ? /* @__PURE__ */ A(
-    RA,
+    LA,
     {
       variant: "subtle",
       size: "lg",
@@ -1597,7 +1642,7 @@ function pn({
       placeholder: e,
       leftSection: /* @__PURE__ */ A(YA, { size: 16 }),
       rightSection: l ? /* @__PURE__ */ A(
-        RA,
+        LA,
         {
           variant: "subtle",
           size: "sm",
@@ -1624,7 +1669,7 @@ function gn({
   onClick: r,
   collapsed: t = !1
 }) {
-  const a = pA(), { colorScheme: i } = oA(), n = i === "dark" ? a.colors.dark[5] : a.colors.gray[1], c = () => {
+  const a = fA(), { colorScheme: i } = oA(), n = i === "dark" ? a.colors.dark[5] : a.colors.gray[1], c = () => {
     if (typeof s == "string")
       return /* @__PURE__ */ A(WA, { src: s, radius: "xl", size: t ? "sm" : "md" });
     if (s)
@@ -1632,7 +1677,7 @@ function gn({
     const l = e ? e.split(" ").map((u) => u[0]).slice(0, 2).join("").toUpperCase() : "?";
     return /* @__PURE__ */ A(WA, { radius: "xl", size: t ? "sm" : "md", color: a.primaryColor, children: l });
   };
-  return t ? /* @__PURE__ */ A(xA, { label: e || "Perfil", position: "right", withArrow: !0, children: /* @__PURE__ */ A(
+  return t ? /* @__PURE__ */ A(SA, { label: e || "Perfil", position: "right", withArrow: !0, children: /* @__PURE__ */ A(
     ZA,
     {
       onClick: r,
@@ -1670,11 +1715,11 @@ function gn({
           }
         }
       },
-      children: /* @__PURE__ */ L(vA, { wrap: "nowrap", children: [
+      children: /* @__PURE__ */ I(xA, { wrap: "nowrap", children: [
         c(),
-        /* @__PURE__ */ L(G, { style: { flex: 1, overflow: "hidden" }, children: [
+        /* @__PURE__ */ I(G, { style: { flex: 1, overflow: "hidden" }, children: [
           e && /* @__PURE__ */ A(
-            zA,
+            CA,
             {
               size: "sm",
               fw: 500,
@@ -1687,7 +1732,7 @@ function gn({
             }
           ),
           o && /* @__PURE__ */ A(
-            zA,
+            CA,
             {
               size: "xs",
               c: "dimmed",
@@ -1745,13 +1790,13 @@ function ue({
   showGroups: t = !0,
   groupCount: a = 2
 }) {
-  const i = pA(), { colorScheme: n } = oA(), c = s || (n === "dark" ? i.colors.dark[7] : i.white);
+  const i = fA(), { colorScheme: n } = oA(), c = s || (n === "dark" ? i.colors.dark[7] : i.white);
   if (o)
-    return /* @__PURE__ */ A(_, { gap: "sm", p: "xs", style: { backgroundColor: c }, children: Array.from({ length: e }).map((d, h) => /* @__PURE__ */ A(cA, { circle: !0, height: 32, width: 32 }, h)) });
-  const l = (d, h = !1) => Array.from({ length: d }).map((f, y) => {
+    return /* @__PURE__ */ A(K, { gap: "sm", p: "xs", style: { backgroundColor: c }, children: Array.from({ length: e }).map((d, h) => /* @__PURE__ */ A(cA, { circle: !0, height: 32, width: 32 }, h)) });
+  const l = (d, h = !1) => Array.from({ length: d }).map((p, y) => {
     const w = 60 + Math.random() * 30;
-    return /* @__PURE__ */ L(
-      vA,
+    return /* @__PURE__ */ I(
+      xA,
       {
         gap: "sm",
         p: "xs",
@@ -1768,14 +1813,14 @@ function ue({
     );
   });
   if (!t)
-    return /* @__PURE__ */ A(_, { gap: 2, p: "xs", style: { backgroundColor: c }, children: l(e) });
+    return /* @__PURE__ */ A(K, { gap: 2, p: "xs", style: { backgroundColor: c }, children: l(e) });
   const u = Math.ceil(e / a);
-  return /* @__PURE__ */ A(_, { gap: "md", p: "xs", style: { backgroundColor: c }, children: Array.from({ length: a }).map((d, h) => /* @__PURE__ */ L(G, { children: [
-    /* @__PURE__ */ L(vA, { gap: "sm", p: "xs", children: [
+  return /* @__PURE__ */ A(K, { gap: "md", p: "xs", style: { backgroundColor: c }, children: Array.from({ length: a }).map((d, h) => /* @__PURE__ */ I(G, { children: [
+    /* @__PURE__ */ I(xA, { gap: "sm", p: "xs", children: [
       /* @__PURE__ */ A(cA, { circle: !0, height: 20, width: 20 }),
       /* @__PURE__ */ A(cA, { height: 12, width: 80 + Math.random() * 40, radius: "sm" })
     ] }),
-    /* @__PURE__ */ A(_, { gap: 2, mt: 4, children: l(
+    /* @__PURE__ */ A(K, { gap: 2, mt: 4, children: l(
       h === a - 1 ? e - h * u : u,
       !0
     ) })
@@ -1786,9 +1831,9 @@ function ho({
   width: o = 80,
   backgroundColor: s
 }) {
-  const r = pA(), { colorScheme: t } = oA(), a = s || (t === "dark" ? r.colors[r.primaryColor][8] : r.colors[r.primaryColor][6]);
+  const r = fA(), { colorScheme: t } = oA(), a = s || (t === "dark" ? r.colors[r.primaryColor][8] : r.colors[r.primaryColor][6]);
   return /* @__PURE__ */ A(
-    _,
+    K,
     {
       gap: "sm",
       p: "xs",
@@ -1798,7 +1843,7 @@ function ho({
         backgroundColor: a,
         height: "100%"
       },
-      children: Array.from({ length: e }).map((i, n) => /* @__PURE__ */ L(_, { gap: 4, align: "center", children: [
+      children: Array.from({ length: e }).map((i, n) => /* @__PURE__ */ I(K, { gap: 4, align: "center", children: [
         /* @__PURE__ */ A(cA, { circle: !0, height: 48, width: 48 }),
         /* @__PURE__ */ A(cA, { height: 10, width: 40, radius: "sm" })
       ] }, n))
@@ -1808,9 +1853,9 @@ function ho({
 function Cn({
   collapsed: e = !1
 }) {
-  return e ? /* @__PURE__ */ A(G, { p: "xs", style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ A(cA, { circle: !0, height: 32, width: 32 }) }) : /* @__PURE__ */ L(vA, { gap: "sm", p: "md", children: [
+  return e ? /* @__PURE__ */ A(G, { p: "xs", style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ A(cA, { circle: !0, height: 32, width: 32 }) }) : /* @__PURE__ */ I(xA, { gap: "sm", p: "md", children: [
     /* @__PURE__ */ A(cA, { circle: !0, height: 40, width: 40 }),
-    /* @__PURE__ */ L(_, { gap: 4, style: { flex: 1 }, children: [
+    /* @__PURE__ */ I(K, { gap: 4, style: { flex: 1 }, children: [
       /* @__PURE__ */ A(cA, { height: 14, width: "70%", radius: "sm" }),
       /* @__PURE__ */ A(cA, { height: 10, width: "50%", radius: "sm" })
     ] })
@@ -1819,9 +1864,9 @@ function Cn({
 function kn({
   collapsed: e = !1
 }) {
-  return e ? /* @__PURE__ */ A(G, { p: "xs", style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ A(cA, { circle: !0, height: 36, width: 36 }) }) : /* @__PURE__ */ L(vA, { gap: "sm", p: "sm", children: [
+  return e ? /* @__PURE__ */ A(G, { p: "xs", style: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ A(cA, { circle: !0, height: 36, width: 36 }) }) : /* @__PURE__ */ I(xA, { gap: "sm", p: "sm", children: [
     /* @__PURE__ */ A(cA, { circle: !0, height: 36, width: 36 }),
-    /* @__PURE__ */ L(_, { gap: 4, style: { flex: 1 }, children: [
+    /* @__PURE__ */ I(K, { gap: 4, style: { flex: 1 }, children: [
       /* @__PURE__ */ A(cA, { height: 12, width: "60%", radius: "sm" }),
       /* @__PURE__ */ A(cA, { height: 10, width: "80%", radius: "sm" })
     ] })
@@ -1831,7 +1876,7 @@ function he({
   message: e,
   backgroundColor: o
 }) {
-  const s = pA(), { colorScheme: r } = oA(), t = o || (r === "dark" ? s.colors.dark[7] : s.white), a = r === "dark" ? s.colors.red[4] : s.colors.red[6];
+  const s = fA(), { colorScheme: r } = oA(), t = o || (r === "dark" ? s.colors.dark[7] : s.white), a = r === "dark" ? s.colors.red[4] : s.colors.red[6];
   return /* @__PURE__ */ A(
     G,
     {
@@ -1860,7 +1905,7 @@ function he({
     }
   );
 }
-function fo({
+function po({
   navigationData: e,
   width: o = 280,
   collapsedWidth: s = 60,
@@ -1874,37 +1919,37 @@ function fo({
   isLoading: u = !1,
   loadingError: d,
   loadingComponent: h,
-  errorComponent: f,
+  errorComponent: p,
   skeletonItemCount: y = 8,
   backgroundDarkColor: w,
   backgroundLightColor: m,
-  textDarkColor: p,
+  textDarkColor: f,
   textLightColor: g,
   iconDarkColor: S,
   iconLightColor: v,
   activeColor: C,
   withBorder: P = !0,
-  withShadow: Q = !1,
-  highlightActiveItem: K = !0,
-  onMenuItemClick: J
+  withShadow: $ = !1,
+  highlightActiveItem: j = !0,
+  onMenuItemClick: W
 }) {
-  const D = pA(), { colorScheme: O } = oA(), { collapsed: B, toggleCollapsed: $ } = ie(), T = O === "dark" ? w ?? D.colors.dark[7] : m ?? D.white, x = O === "dark" ? p ?? D.colors.gray[3] : g ?? D.colors.gray[7], I = O === "dark" ? S ?? D.colors[D.primaryColor][4] : v ?? D.colors[D.primaryColor][6], V = C ? D.colors[C]?.[6] ?? D.colors[D.primaryColor][6] : D.colors[D.primaryColor][6], {
-    query: q,
+  const D = fA(), { colorScheme: O } = oA(), { collapsed: B, toggleCollapsed: Q } = ie(), T = O === "dark" ? w ?? D.colors.dark[7] : m ?? D.white, x = O === "dark" ? f ?? D.colors.gray[3] : g ?? D.colors.gray[7], E = O === "dark" ? S ?? D.colors[D.primaryColor][4] : v ?? D.colors[D.primaryColor][6], V = C ? D.colors[C]?.[6] ?? D.colors[D.primaryColor][6] : D.colors[D.primaryColor][6], {
+    query: F,
     setQuery: k,
     filteredItems: b,
-    isSearching: R,
+    isSearching: L,
     clearSearch: M
   } = io({
     navigationData: e,
     onSearch: i
-  }), { navigateToItem: N, isItemActive: E, isItemOrChildActive: z } = ce({
+  }), { navigateToItem: N, isItemActive: R, isItemOrChildActive: z } = ce({
     navigationData: e,
-    onMenuItemClick: J
+    onMenuItemClick: W
   });
   de({
     navigationData: e,
     navigateToItem: N,
-    onToggleSidebar: $,
+    onToggleSidebar: Q,
     enabled: !0
   });
   const dA = B ? s : o, U = uA(() => {
@@ -1912,14 +1957,14 @@ function fo({
     return b.forEach((Y) => {
       if (!(!Y.showInSidebar || (typeof Y.disabled == "function" ? Y.disabled() : Y.disabled) && Y.hideDisabledItem))
         if (Y.category) {
-          const CA = eA.get(Y.category) || [];
-          CA.push(Y), eA.set(Y.category, CA);
+          const kA = eA.get(Y.category) || [];
+          kA.push(Y), eA.set(Y.category, kA);
         } else
           nA.push(Y);
     }), { groups: eA, ungrouped: nA };
   }, [b]), lA = () => {
     if (d)
-      return f || /* @__PURE__ */ A(he, { message: d, backgroundColor: T });
+      return p || /* @__PURE__ */ A(he, { message: d, backgroundColor: T });
     if (u)
       return h || /* @__PURE__ */ A(
         ue,
@@ -1935,44 +1980,44 @@ function fo({
       {
         item: Y,
         collapsed: B,
-        active: K && E(Y),
+        active: j && R(Y),
         onClick: N,
         textColor: x,
-        iconColor: I,
+        iconColor: E,
         hoverColor: V
       },
       `item-${rA}`
-    )), nA = () => Array.from(U.groups.entries()).map(([rA, CA], kA) => /* @__PURE__ */ A(
+    )), nA = () => Array.from(U.groups.entries()).map(([rA, kA], yA) => /* @__PURE__ */ A(
       co,
       {
         label: rA,
-        groupId: `group-${kA}`,
+        groupId: `group-${yA}`,
         defaultExpanded: !0,
-        children: CA.map((IA, H) => /* @__PURE__ */ A(
+        children: kA.map((EA, q) => /* @__PURE__ */ A(
           MA,
           {
-            item: IA,
+            item: EA,
             collapsed: B,
-            active: K && E(IA),
+            active: j && R(EA),
             onClick: N,
             textColor: x,
-            iconColor: I
+            iconColor: E
           },
-          `group-${kA}-item-${H}`
+          `group-${yA}-item-${q}`
         ))
       },
-      `group-${kA}`
+      `group-${yA}`
     ));
-    return B ? /* @__PURE__ */ L(_, { gap: 2, children: [
+    return B ? /* @__PURE__ */ I(K, { gap: 4, children: [
       U.ungrouped.map((Y, rA) => /* @__PURE__ */ A(
         MA,
         {
           item: Y,
           collapsed: !0,
-          active: K && E(Y),
+          active: j && R(Y),
           onClick: N,
           textColor: x,
-          iconColor: I
+          iconColor: E
         },
         `item-${rA}`
       )),
@@ -1981,15 +2026,15 @@ function fo({
         {
           item: Y,
           collapsed: !0,
-          active: K && E(Y),
+          active: j && R(Y),
           onClick: N,
           textColor: x,
-          iconColor: I
+          iconColor: E
         },
         `grouped-item-${rA}`
       ))
-    ] }) : /* @__PURE__ */ L(_, { gap: "xs", children: [
-      U.ungrouped.length > 0 && /* @__PURE__ */ A(_, { gap: 2, children: eA() }),
+    ] }) : /* @__PURE__ */ I(K, { gap: "xs", children: [
+      U.ungrouped.length > 0 && /* @__PURE__ */ A(K, { gap: 2, children: eA() }),
       U.groups.size > 0 && U.ungrouped.length > 0 && /* @__PURE__ */ A(_A, { my: "xs" }),
       nA()
     ] });
@@ -2001,7 +2046,7 @@ function fo({
       transition: "slide-right",
       duration: 200,
       timingFunction: "ease",
-      children: (eA) => /* @__PURE__ */ L(
+      children: (eA) => /* @__PURE__ */ I(
         G,
         {
           style: {
@@ -2015,7 +2060,7 @@ function fo({
             overflow: "hidden",
             transition: "width 200ms ease",
             borderRight: P ? `1px solid ${O === "dark" ? D.colors.dark[5] : D.colors.gray[2]}` : void 0,
-            boxShadow: Q ? D.shadows.sm : void 0
+            boxShadow: $ ? D.shadows.sm : void 0
           },
           children: [
             n && /* @__PURE__ */ A(G, { style: { flexShrink: 0 }, children: n }),
@@ -2024,7 +2069,7 @@ function fo({
               {
                 placeholder: a,
                 leftSection: /* @__PURE__ */ A(YA, { size: 16 }),
-                rightSection: R ? /* @__PURE__ */ A(
+                rightSection: L ? /* @__PURE__ */ A(
                   Le,
                   {
                     size: 16,
@@ -2032,13 +2077,13 @@ function fo({
                     onClick: M
                   }
                 ) : null,
-                value: q,
+                value: F,
                 onChange: (nA) => k(nA.currentTarget.value),
                 size: "sm"
               }
             ) }),
             /* @__PURE__ */ A(
-              TA,
+              zA,
               {
                 style: { flex: 1 },
                 scrollbarSize: 6,
@@ -2065,7 +2110,7 @@ function fo({
     }
   );
 }
-function po(e) {
+function fo(e) {
   const {
     navigationData: o,
     collapsed: s,
@@ -2086,7 +2131,7 @@ function po(e) {
       showKeyboardShortcuts: a,
       highlightActiveItem: i,
       onMenuItemClick: n,
-      children: /* @__PURE__ */ A(fo, { ...e })
+      children: /* @__PURE__ */ A(po, { ...e })
     }
   );
 }
@@ -2097,17 +2142,17 @@ function go({
   iconColor: r,
   activeColor: t
 }) {
-  pA();
+  fA();
   const { colorScheme: a } = oA(), i = typeof e.disabled == "function" ? e.disabled() : e.disabled;
   if (i && e.hideDisabledItem || !e.showInSidebar)
     return null;
-  const n = yA.t(e.label);
+  const n = wA.t(e.label);
   if (e.links && e.links.length > 0) {
     const c = e.links.filter((l) => {
       const u = typeof l.disabled == "function" ? l.disabled() : l.disabled;
       return l.showInSidebar && (!u || !l.hideDisabledItem);
     });
-    return c.length === 0 ? null : /* @__PURE__ */ L(
+    return c.length === 0 ? null : /* @__PURE__ */ I(
       AA,
       {
         position: "right-start",
@@ -2117,20 +2162,38 @@ function go({
         openDelay: 100,
         closeDelay: 200,
         children: [
-          /* @__PURE__ */ A(AA.Target, { children: /* @__PURE__ */ A(xA, { label: n, position: "right", withArrow: !0, children: /* @__PURE__ */ A(
-            RA,
-            {
-              size: "xl",
-              variant: o ? "filled" : "subtle",
-              color: o ? t : void 0,
-              disabled: i,
-              style: {
-                opacity: i ? 0.5 : 1
-              },
-              children: /* @__PURE__ */ A(G, { style: { color: o ? "white" : r }, children: e.icon })
-            }
-          ) }) }),
-          /* @__PURE__ */ L(AA.Dropdown, { children: [
+          /* @__PURE__ */ A(AA.Target, { children: /* @__PURE__ */ A(SA, { label: n, position: "right", withArrow: !0, children: /* @__PURE__ */ I(K, { gap: 1, align: "center", style: { cursor: "pointer" }, children: [
+            /* @__PURE__ */ A(
+              LA,
+              {
+                size: "xl",
+                variant: o ? "filled" : "subtle",
+                color: o ? t : void 0,
+                disabled: i,
+                style: {
+                  opacity: i ? 0.5 : 1
+                },
+                children: /* @__PURE__ */ A(G, { style: { color: o ? "white" : r }, children: e.icon })
+              }
+            ),
+            /* @__PURE__ */ A(
+              CA,
+              {
+                size: "8px",
+                ta: "center",
+                style: {
+                  color: o ? t : r,
+                  lineHeight: 1,
+                  maxWidth: 56,
+                  overflow: "hidden",
+                  textOverflow: "ellipsis",
+                  whiteSpace: "nowrap"
+                },
+                children: n
+              }
+            )
+          ] }) }) }),
+          /* @__PURE__ */ I(AA.Dropdown, { children: [
             /* @__PURE__ */ A(AA.Label, { children: n }),
             c.map((l, u) => {
               const d = typeof l.disabled == "function" ? l.disabled() : l.disabled;
@@ -2140,7 +2203,7 @@ function go({
                   leftSection: l.icon,
                   disabled: d,
                   onClick: () => s(l),
-                  children: yA.t(l.label)
+                  children: wA.t(l.label)
                 },
                 u
               );
@@ -2150,20 +2213,38 @@ function go({
       }
     );
   }
-  return /* @__PURE__ */ A(xA, { label: n, position: "right", withArrow: !0, children: /* @__PURE__ */ A(
-    RA,
-    {
-      size: "xl",
-      variant: o ? "filled" : "subtle",
-      color: o ? t : void 0,
-      disabled: i,
-      onClick: () => s(e),
-      style: {
-        opacity: i ? 0.5 : 1
-      },
-      children: /* @__PURE__ */ A(G, { style: { color: o ? "white" : r }, children: e.icon })
-    }
-  ) });
+  return /* @__PURE__ */ A(SA, { label: n, position: "right", withArrow: !0, children: /* @__PURE__ */ I(K, { gap: 1, align: "center", style: { cursor: "pointer" }, children: [
+    /* @__PURE__ */ A(
+      LA,
+      {
+        size: "xl",
+        variant: o ? "filled" : "subtle",
+        color: o ? t : void 0,
+        disabled: i,
+        onClick: () => s(e),
+        style: {
+          opacity: i ? 0.5 : 1
+        },
+        children: /* @__PURE__ */ A(G, { style: { color: o ? "white" : r }, children: e.icon })
+      }
+    ),
+    /* @__PURE__ */ A(
+      CA,
+      {
+        size: "8px",
+        ta: "center",
+        style: {
+          color: o ? t : r,
+          lineHeight: 1,
+          maxWidth: 56,
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap"
+        },
+        children: n
+      }
+    )
+  ] }) });
 }
 function bo({
   navigationData: e,
@@ -2179,15 +2260,15 @@ function bo({
   skeletonItemCount: u = 8,
   backgroundDarkColor: d,
   backgroundLightColor: h,
-  iconDarkColor: f,
+  iconDarkColor: p,
   iconLightColor: y,
   activeColor: w,
   withBorder: m = !0,
-  withShadow: p = !1,
+  withShadow: f = !1,
   highlightActiveItem: g = !0,
   onMenuItemClick: S
 }) {
-  const v = pA(), { colorScheme: C } = oA(), { toggleCollapsed: P } = ie(), Q = C === "dark" ? d ?? v.colors.dark[7] : h ?? v.white, K = C === "dark" ? f ?? v.colors[v.primaryColor][4] : y ?? v.colors[v.primaryColor][6], J = w ?? v.primaryColor, { navigateToItem: D, isItemActive: O, isItemOrChildActive: B } = ce({
+  const v = fA(), { colorScheme: C } = oA(), { toggleCollapsed: P } = ie(), $ = C === "dark" ? d ?? v.colors.dark[7] : h ?? v.white, j = C === "dark" ? p ?? v.colors[v.primaryColor][4] : y ?? v.colors[v.primaryColor][6], W = w ?? v.primaryColor, { navigateToItem: D, isItemActive: O, isItemOrChildActive: B } = ce({
     navigationData: e,
     onMenuItemClick: S
   });
@@ -2197,35 +2278,35 @@ function bo({
     onToggleSidebar: P,
     enabled: !0
   });
-  const $ = e.filter((I) => !(!I.showInSidebar || (typeof I.disabled == "function" ? I.disabled() : I.disabled) && I.hideDisabledItem)), T = () => n ? l || /* @__PURE__ */ A(he, { message: n, backgroundColor: Q }) : i ? c || /* @__PURE__ */ A(
+  const Q = e.filter((E) => !(!E.showInSidebar || (typeof E.disabled == "function" ? E.disabled() : E.disabled) && E.hideDisabledItem)), T = () => n ? l || /* @__PURE__ */ A(he, { message: n, backgroundColor: $ }) : i ? c || /* @__PURE__ */ A(
     ue,
     {
       itemCount: u,
       collapsed: !0,
-      backgroundColor: Q
+      backgroundColor: $
     }
-  ) : /* @__PURE__ */ A(_, { gap: "xs", align: "center", children: $.map((I, V) => /* @__PURE__ */ A(
+  ) : /* @__PURE__ */ A(K, { gap: 8, align: "center", children: Q.map((E, V) => /* @__PURE__ */ A(
     go,
     {
-      item: I,
-      active: g && (O(I) || B(I)),
+      item: E,
+      active: g && (O(E) || B(E)),
       onClick: D,
-      iconColor: K,
-      activeColor: J
+      iconColor: j,
+      activeColor: W
     },
     V
   )) }), x = C === "dark" ? v.colors.dark[5] : v.colors.gray[2];
-  return /* @__PURE__ */ L(
+  return /* @__PURE__ */ I(
     G,
     {
       style: {
         width: aA(o),
         height: aA(s),
-        backgroundColor: Q,
+        backgroundColor: $,
         display: "flex",
         flexDirection: "column",
         overflow: "hidden",
-        boxShadow: p ? v.shadows.sm : void 0,
+        boxShadow: f ? v.shadows.sm : void 0,
         borderRight: m ? `1px solid ${x}` : void 0
       },
       children: [
@@ -2243,7 +2324,7 @@ function bo({
         ),
         r && /* @__PURE__ */ A(_A, {}),
         /* @__PURE__ */ A(
-          TA,
+          zA,
           {
             style: { flex: 1 },
             scrollbarSize: 4,
@@ -2251,7 +2332,7 @@ function bo({
             children: /* @__PURE__ */ A(G, { p: "xs", children: T() })
           }
         ),
-        t && /* @__PURE__ */ L(wA, { children: [
+        t && /* @__PURE__ */ I(vA, { children: [
           /* @__PURE__ */ A(_A, {}),
           /* @__PURE__ */ A(
             G,
@@ -2310,64 +2391,64 @@ function Co({
   isLoading: u = !1,
   loadingError: d,
   loadingComponent: h,
-  errorComponent: f,
+  errorComponent: p,
   skeletonItemCount: y = 8,
   skeletonGroupCount: w = 3,
   backgroundDarkColor: m,
-  backgroundLightColor: p,
+  backgroundLightColor: f,
   textDarkColor: g,
   textLightColor: S,
   iconDarkColor: v,
   iconLightColor: C,
   activeColor: P,
-  groupBackgroundColor: Q,
-  selectedGroupColor: K,
-  groupColor: J,
+  groupBackgroundColor: $,
+  selectedGroupColor: j,
+  groupColor: W,
   groupLabelDarkColor: D,
   groupLabelLightColor: O,
   withBorder: B = !1,
-  highlightActiveItem: $ = !0,
+  highlightActiveItem: Q = !0,
   onMenuItemClick: T
 }) {
-  const x = pA(), { colorScheme: I } = oA(), {
+  const x = fA(), { colorScheme: E } = oA(), {
     collapsed: V,
-    toggleCollapsed: q,
+    toggleCollapsed: F,
     activeGroup: k,
     setActiveGroup: b
-  } = ie(), R = I === "dark" ? m ?? x.colors.dark[7] : p ?? x.white, M = I === "dark" ? g ?? x.colors.gray[3] : S ?? x.colors.gray[7], N = I === "dark" ? v ?? x.colors[x.primaryColor][4] : C ?? x.colors[x.primaryColor][6], E = P ? x.colors[P]?.[6] ?? x.colors[x.primaryColor][6] : x.colors[x.primaryColor][6], z = Q || (I === "dark" ? x.colors[x.primaryColor][6] : x.colors[x.primaryColor][7]), dA = K || (I === "dark" ? x.colors[x.primaryColor][8] : x.colors[x.primaryColor][0]), { navigateToItem: U, isItemActive: lA } = ce({
+  } = ie(), L = E === "dark" ? m ?? x.colors.dark[7] : f ?? x.white, M = E === "dark" ? g ?? x.colors.gray[3] : S ?? x.colors.gray[7], N = E === "dark" ? v ?? x.colors[x.primaryColor][4] : C ?? x.colors[x.primaryColor][6], R = P ? x.colors[P]?.[6] ?? x.colors[x.primaryColor][6] : x.colors[x.primaryColor][6], z = $ || (E === "dark" ? x.colors[x.primaryColor][6] : x.colors[x.primaryColor][7]), dA = j || (E === "dark" ? x.colors[x.primaryColor][8] : x.colors[x.primaryColor][0]), { navigateToItem: U, isItemActive: lA } = ce({
     navigationData: e,
     onMenuItemClick: T
   });
   de({
     navigationData: e,
     navigateToItem: U,
-    onToggleSidebar: q,
+    onToggleSidebar: F,
     enabled: !0
   });
   const eA = uA(() => {
-    const H = /* @__PURE__ */ new Map();
+    const q = /* @__PURE__ */ new Map();
     return e.forEach((tA) => {
       if (!tA.showInSidebar || (typeof tA.disabled == "function" ? tA.disabled() : tA.disabled) && tA.hideDisabledItem)
         return;
-      const LA = tA.group ?? {
+      const DA = tA.group ?? {
         icon: a ?? /* @__PURE__ */ A(Re, { size: "2.2rem", stroke: 1 }),
         label: "Default",
         name: "Default",
         hint: "Default",
         indexOrder: 0
-      }, hA = H.get(LA.name);
-      hA ? hA.items.push(tA) : H.set(LA.name, {
-        group: LA,
+      }, hA = q.get(DA.name);
+      hA ? hA.items.push(tA) : q.set(DA.name, {
+        group: DA,
         items: [tA]
       });
-    }), Array.from(H.values()).sort((tA, EA) => tA.group.indexOrder - EA.group.indexOrder);
+    }), Array.from(q.values()).sort((tA, RA) => tA.group.indexOrder - RA.group.indexOrder);
   }, [e, a]);
   iA(() => {
     !k && eA.length > 0 && b(eA[0].group.name);
   }, [k, eA, b]);
-  const nA = uA(() => eA.find((tA) => tA.group.name === k)?.items ?? [], [eA, k]), Y = F((H) => {
-    V ? (q(), b(H)) : k === H ? q() : b(H);
-  }, [V, k, q, b]), rA = V ? 0 : Number(aA(o)) - Number(aA(t)), CA = () => u && eA.length === 0 ? /* @__PURE__ */ A(
+  const nA = uA(() => eA.find((tA) => tA.group.name === k)?.items ?? [], [eA, k]), Y = H((q) => {
+    V ? (F(), b(q)) : k === q ? F() : b(q);
+  }, [V, k, F, b]), rA = V ? 0 : Number(aA(o)) - Number(aA(t)), kA = () => u && eA.length === 0 ? /* @__PURE__ */ A(
     ho,
     {
       groupCount: w,
@@ -2375,7 +2456,7 @@ function Co({
       backgroundColor: z
     }
   ) : eA.length <= 1 ? null : /* @__PURE__ */ A(
-    _,
+    K,
     {
       gap: 4,
       p: 4,
@@ -2386,41 +2467,41 @@ function Co({
         backgroundColor: z,
         flexShrink: 0
       },
-      children: eA.map((H) => /* @__PURE__ */ A(
+      children: eA.map((q) => /* @__PURE__ */ A(
         uo,
         {
-          group: H.group,
-          active: H.group.name === k,
-          onClick: () => Y(H.group.name),
+          group: q.group,
+          active: q.group.name === k,
+          onClick: () => Y(q.group.name),
           showLabel: i,
           activeColor: dA,
-          inactiveColor: J
+          inactiveColor: W
         },
-        H.group.name
+        q.group.name
       ))
     }
-  ), kA = () => d ? f || /* @__PURE__ */ A(he, { message: d, backgroundColor: R }) : u ? h || /* @__PURE__ */ A(
+  ), yA = () => d ? p || /* @__PURE__ */ A(he, { message: d, backgroundColor: L }) : u ? h || /* @__PURE__ */ A(
     ue,
     {
       itemCount: y,
       collapsed: !1,
-      backgroundColor: R,
+      backgroundColor: L,
       showGroups: !1
     }
-  ) : /* @__PURE__ */ A(_, { gap: 2, children: nA.map((H, tA) => /* @__PURE__ */ A(
+  ) : /* @__PURE__ */ A(K, { gap: 2, children: nA.map((q, tA) => /* @__PURE__ */ A(
     MA,
     {
-      item: H,
+      item: q,
       collapsed: !1,
-      active: $ && lA(H),
+      active: Q && lA(q),
       onClick: U,
       textColor: M,
       iconColor: N,
-      hoverColor: E
+      hoverColor: R
     },
     tA
-  )) }), IA = I === "dark" ? x.colors.dark[5] : x.colors.gray[2];
-  return eA.length <= 1 ? /* @__PURE__ */ L(BA, { direction: "column", w: V ? s : o, h: "100%", style: { backgroundColor: R }, children: [
+  )) }), EA = E === "dark" ? x.colors.dark[5] : x.colors.gray[2];
+  return eA.length <= 1 ? /* @__PURE__ */ I(BA, { direction: "column", w: V ? s : o, h: "100%", style: { backgroundColor: L }, children: [
     n && /* @__PURE__ */ A(G, { style: { width: "100%", flexShrink: 0 }, children: n }),
     /* @__PURE__ */ A(
       G,
@@ -2428,31 +2509,31 @@ function Co({
         style: {
           flex: 1,
           width: "100%",
-          backgroundColor: R,
+          backgroundColor: L,
           display: "flex",
           flexDirection: "column",
           overflow: "hidden",
-          borderRight: B ? `1px solid ${IA}` : void 0
+          borderRight: B ? `1px solid ${EA}` : void 0
         },
-        children: /* @__PURE__ */ A(TA, { style: { flex: 1 }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ A(G, { p: "xs", children: V ? /* @__PURE__ */ A(_, { gap: "xs", align: "center", children: e.filter((H) => H.showInSidebar ? !((typeof H.disabled == "function" ? H.disabled() : H.disabled) && H.hideDisabledItem) : !1).map((H, tA) => /* @__PURE__ */ A(
+        children: /* @__PURE__ */ A(zA, { style: { flex: 1 }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ A(G, { p: "xs", children: V ? /* @__PURE__ */ A(K, { gap: 8, align: "center", children: e.filter((q) => q.showInSidebar ? !((typeof q.disabled == "function" ? q.disabled() : q.disabled) && q.hideDisabledItem) : !1).map((q, tA) => /* @__PURE__ */ A(
           MA,
           {
-            item: H,
+            item: q,
             collapsed: !0,
-            active: $ && lA(H),
+            active: Q && lA(q),
             onClick: U,
             textColor: M,
             iconColor: N,
-            hoverColor: E
+            hoverColor: R
           },
           tA
-        )) }) : kA() }) })
+        )) }) : yA() }) })
       }
     ),
-    c && /* @__PURE__ */ A(G, { style: { width: "100%", backgroundColor: R, flexShrink: 0 }, children: c })
-  ] }) : /* @__PURE__ */ L(BA, { direction: "column", w: V ? t : o, h: "100%", style: { backgroundColor: R }, children: [
+    c && /* @__PURE__ */ A(G, { style: { width: "100%", backgroundColor: L, flexShrink: 0 }, children: c })
+  ] }) : /* @__PURE__ */ I(BA, { direction: "column", w: V ? t : o, h: "100%", style: { backgroundColor: L }, children: [
     n && /* @__PURE__ */ A(G, { style: { width: "100%", flexShrink: 0 }, children: n }),
-    /* @__PURE__ */ L(
+    /* @__PURE__ */ I(
       G,
       {
         style: {
@@ -2460,28 +2541,28 @@ function Co({
           width: "100%",
           display: "flex",
           overflow: "hidden",
-          borderRight: B ? `1px solid ${IA}` : void 0
+          borderRight: B ? `1px solid ${EA}` : void 0
         },
         children: [
-          CA(),
+          kA(),
           /* @__PURE__ */ A(
             G,
             {
               style: {
                 width: V ? 0 : rA,
                 height: "100%",
-                backgroundColor: R,
+                backgroundColor: L,
                 overflow: "hidden",
                 transition: "width 200ms ease",
-                borderLeft: eA.length > 1 ? `1px solid ${I === "dark" ? x.colors.dark[5] : x.colors.gray[2]}` : void 0
+                borderLeft: eA.length > 1 ? `1px solid ${E === "dark" ? x.colors.dark[5] : x.colors.gray[2]}` : void 0
               },
-              children: !V && k && /* @__PURE__ */ A(TA, { style: { height: "100%" }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ A(G, { p: "xs", children: kA() }) })
+              children: !V && k && /* @__PURE__ */ A(zA, { style: { height: "100%" }, scrollbarSize: 6, type: "hover", children: /* @__PURE__ */ A(G, { p: "xs", children: yA() }) })
             }
           )
         ]
       }
     ),
-    c && /* @__PURE__ */ A(G, { style: { width: "100%", backgroundColor: R, flexShrink: 0 }, children: c })
+    c && /* @__PURE__ */ A(G, { style: { width: "100%", backgroundColor: L, flexShrink: 0 }, children: c })
   ] });
 }
 function ko(e) {
@@ -2526,88 +2607,88 @@ function yo({
       return /* @__PURE__ */ A(ko, { ...o });
     case "standard":
     default:
-      return /* @__PURE__ */ A(po, { ...o });
+      return /* @__PURE__ */ A(fo, { ...o });
   }
 }
-const Qe = FA({
+const Qe = HA({
   isVisible: !0
-}), yn = () => SA(Qe), fe = FA({ params: {} }), wn = () => SA(fe).params, vn = () => {
-  const e = Pr(), s = SA(fe).params;
+}), yn = () => IA(Qe), pe = HA({ params: {} }), wn = () => IA(pe).params, vn = () => {
+  const e = Pr(), s = IA(pe).params;
   return uA(() => {
     if (!e)
       return !1;
     const t = Object.keys(e);
     return t.length === 0 ? !1 : t.some((a) => e[a] !== void 0);
   }, [e]) ? e : s;
-}, Ne = FA(null), Ge = () => SA(Ne), KA = (e) => null, wo = (e) => e.includes(":"), vo = (e, o) => wo(e) ? o : e, xo = ({ children: e, maxKeepAliveTabs: o = 10, ...s }) => {
-  const [r, t] = fA(/* @__PURE__ */ new Map()), [a, i] = fA(/* @__PURE__ */ new Set()), n = F((p, g) => {
+}, Ne = HA(null), Ge = () => IA(Ne), KA = (e) => null, wo = (e) => e.includes(":"), vo = (e, o) => wo(e) ? o : e, xo = ({ children: e, maxKeepAliveTabs: o = 10, ...s }) => {
+  const [r, t] = pA(/* @__PURE__ */ new Map()), [a, i] = pA(/* @__PURE__ */ new Set()), n = H((f, g) => {
     let S = null, v = 1 / 0;
-    return p.forEach((C, P) => {
+    return f.forEach((C, P) => {
       P !== g && C.lastAccessedAt < v && (v = C.lastAccessedAt, S = P);
     }), S;
-  }, []), c = F((p, g, S) => {
-    if (!p || typeof p != "string") {
-      console.error("[ArchbaseAliveAbleRoutes] Invalid cacheKey for component registration:", p);
+  }, []), c = H((f, g, S) => {
+    if (!f || typeof f != "string") {
+      console.error("[ArchbaseAliveAbleRoutes] Invalid cacheKey for component registration:", f);
       return;
     }
     if (g === void 0) {
-      console.warn("[ArchbaseAliveAbleRoutes] Attempting to register undefined component for cacheKey:", p);
+      console.warn("[ArchbaseAliveAbleRoutes] Attempting to register undefined component for cacheKey:", f);
       return;
     }
     t((v) => {
-      if (v.has(p)) {
-        const P = new Map(v), Q = v.get(p);
-        return P.set(p, { ...Q, lastAccessedAt: Date.now() }), P;
+      if (v.has(f)) {
+        const P = new Map(v), $ = v.get(f);
+        return P.set(f, { ...$, lastAccessedAt: Date.now() }), P;
       }
       const C = new Map(v);
       if (C.size >= o) {
-        const P = n(C, p);
+        const P = n(C, f);
         P && (C.delete(P), console.log(`[ArchbaseAliveAbleRoutes] LRU eviction: removed "${P}" (cache size: ${C.size}/${o})`));
       }
-      return C.set(p, {
+      return C.set(f, {
         element: g,
         params: S,
         lastAccessedAt: Date.now()
       }), C;
     });
-  }, [o, n]), l = F((p) => {
+  }, [o, n]), l = H((f) => {
     t((g) => {
-      const S = g.get(p);
+      const S = g.get(f);
       if (!S)
         return g;
       const v = Date.now();
       if (v - S.lastAccessedAt < 1e3)
         return g;
       const C = new Map(g);
-      return C.set(p, { ...S, lastAccessedAt: v }), C;
+      return C.set(f, { ...S, lastAccessedAt: v }), C;
     });
-  }, []), u = F((p, g) => {
+  }, []), u = H((f, g) => {
     t((S) => {
-      const v = S.get(p);
+      const v = S.get(f);
       if (!v || !(JSON.stringify(v.params) !== JSON.stringify(g)))
         return S;
       const P = new Map(S);
-      return P.set(p, { ...v, params: g, lastAccessedAt: Date.now() }), P;
+      return P.set(f, { ...v, params: g, lastAccessedAt: Date.now() }), P;
     });
-  }, []), d = F((p) => {
-    if (!p) {
+  }, []), d = H((f) => {
+    if (!f) {
       console.error("[ArchbaseAliveAbleRoutes] Cannot unregister: invalid cacheKey");
       return;
     }
     t((g) => {
-      g.has(p) || console.warn("[ArchbaseAliveAbleRoutes] Attempting to unregister non-existent cacheKey:", p);
+      g.has(f) || console.warn("[ArchbaseAliveAbleRoutes] Attempting to unregister non-existent cacheKey:", f);
       const S = new Map(g);
-      return S.delete(p), S;
+      return S.delete(f), S;
     }), i((g) => {
       const S = new Set(g);
-      return S.delete(p), S;
+      return S.delete(f), S;
     });
-  }, []), h = F((p) => {
+  }, []), h = H((f) => {
     i((g) => {
       const S = new Set(g);
-      return S.add(p), S;
+      return S.add(f), S;
     });
-  }, []), f = bA.Children.toArray(e), y = f.filter((p) => bA.isValidElement(p) ? p.type === KA : !1), w = f.filter((p) => bA.isValidElement(p) ? p.type !== KA : !1), m = uA(() => ({
+  }, []), p = bA.Children.toArray(e), y = p.filter((f) => bA.isValidElement(f) ? f.type === KA : !1), w = p.filter((f) => bA.isValidElement(f) ? f.type !== KA : !1), m = uA(() => ({
     cache: r,
     requestedUnregister: a,
     register: c,
@@ -2617,40 +2698,40 @@ const Qe = FA({
     touchAccess: l,
     maxKeepAliveTabs: o
   }), [r, a, c, d, u, h, l, o]);
-  return /* @__PURE__ */ L(Ne.Provider, { value: m, children: [
-    y.map((p) => /* @__PURE__ */ A(So, { ...p.props, routesProps: s }, p.key)),
+  return /* @__PURE__ */ I(Ne.Provider, { value: m, children: [
+    y.map((f) => /* @__PURE__ */ A(So, { ...f.props, routesProps: s }, f.key)),
     /* @__PURE__ */ A(ze, { ...s, children: w })
   ] });
 }, So = ({ component: e, routesProps: o, ...s }) => {
   const r = Ge();
   if (!r)
     throw new Error("DisplayRoute must be used within ArchbaseAliveAbleRoutes provider");
-  const { cache: t, requestedUnregister: a, register: i, unregister: n, updateParams: c, touchAccess: l } = r, [u, d] = fA(!1), [h, f] = fA({}), y = mA(null), w = se(), m = uA(() => s.path ? vo(s.path, w.pathname) : null, [s.path, w.pathname]), p = uA(() => s.path ? Mr({ path: s.path, end: !0 }, w.pathname)?.params || {} : {}, [s.path, w.pathname]), g = mA(/* @__PURE__ */ new Set());
+  const { cache: t, requestedUnregister: a, register: i, unregister: n, updateParams: c, touchAccess: l } = r, [u, d] = pA(!1), [h, p] = pA({}), y = mA(null), w = se(), m = uA(() => s.path ? vo(s.path, w.pathname) : null, [s.path, w.pathname]), f = uA(() => s.path ? Mr({ path: s.path, end: !0 }, w.pathname)?.params || {} : {}, [s.path, w.pathname]), g = mA(/* @__PURE__ */ new Set());
   GA(() => {
     if (u && e && m && !g.current.has(m)) {
       const P = typeof e == "function" ? bA.createElement(e) : e;
-      i(m, P, p), g.current.add(m);
+      i(m, P, f), g.current.add(m);
     }
-  }, [u, e, m, i, p]), GA(() => {
-    u && m && g.current.has(m) && (c(m, p), f(p));
-  }, [u, m, p, c]), iA(() => {
+  }, [u, e, m, i, f]), GA(() => {
+    u && m && g.current.has(m) && (c(m, f), p(f));
+  }, [u, m, f, c]), iA(() => {
     u && m && t.has(m) && l(m);
   }, [u, m, l, t]), GA(() => {
     m && a.has(m) && (n(m), g.current.delete(m));
   }, [m, a, n]);
-  const S = m ? t.get(m) : null, v = uA(() => u ? p : S ? S.params : h, [u, p, S, h]), C = mA(u);
+  const S = m ? t.get(m) : null, v = uA(() => u ? f : S ? S.params : h, [u, f, S, h]), C = mA(u);
   return iA(() => {
     const P = C.current;
     if (C.current = u, u && !P && y.current) {
-      const Q = setTimeout(() => {
+      const $ = setTimeout(() => {
         window.dispatchEvent(new Event("resize")), y.current?.dispatchEvent(
           new CustomEvent("keepalive:visible", { bubbles: !0 })
         );
       }, 50);
-      return () => clearTimeout(Q);
+      return () => clearTimeout($);
     }
-  }, [u]), /* @__PURE__ */ L(wA, { children: [
-    S && /* @__PURE__ */ A(Qe.Provider, { value: { isVisible: u }, children: /* @__PURE__ */ A(fe.Provider, { value: { params: v }, children: /* @__PURE__ */ A(
+  }, [u]), /* @__PURE__ */ I(vA, { children: [
+    S && /* @__PURE__ */ A(Qe.Provider, { value: { isVisible: u }, children: /* @__PURE__ */ A(pe.Provider, { value: { params: v }, children: /* @__PURE__ */ A(
       "div",
       {
         ref: y,
@@ -2678,7 +2759,7 @@ const Qe = FA({
           Io,
           {
             onRouteMatchChange: d,
-            onParamsChange: f
+            onParamsChange: p
           }
         )
       }
@@ -2702,7 +2783,7 @@ function Eo(e, o, s, r, t, a) {
         zIndex: "101"
       },
       children: /* @__PURE__ */ A(
-        RA,
+        LA,
         {
           bg: o.colors[o.primaryColor][4],
           color: o.colors[o.primaryColor][6],
@@ -2729,62 +2810,62 @@ function Ro({
   sidebarSelectedGroupName: u,
   sidebarDefaultGroupIcon: d,
   sideBarHeaderHeight: h,
-  sideBarHeaderContent: f,
+  sideBarHeaderContent: p,
   selectedGroupColor: y = "#132441",
   groupColor: w = "white",
   backgroundGroupColor: m = "#132441",
-  groupLabelDarkColor: p = "white",
+  groupLabelDarkColor: f = "white",
   groupLabelLightColor: g = "white",
   headerColor: S,
   footerHeight: v,
   iconsWithBackground: C,
   menuItemHeight: P,
-  showSideBar: Q = !0,
-  showHeader: K = !0,
-  headerStyle: J = {},
+  showSideBar: $ = !0,
+  showHeader: j = !0,
+  headerStyle: W = {},
   highlightActiveMenuItem: D = !0,
   customRenderSidebar: O,
   showCollapsedButton: B = !0,
-  sideBarBackgroundDarkColor: $,
+  sideBarBackgroundDarkColor: Q,
   sideBarBackgroundLightColor: T,
   sideBarTextDarkColor: x,
-  sideBarTextLightColor: I,
+  sideBarTextLightColor: E,
   sideBarIconDarkColor: V,
-  sideBarIconLightColor: q,
+  sideBarIconLightColor: F,
   sideBarCollapsedSubmenuWidth: k,
   sidebarActiveColor: b,
-  maxKeepAliveTabs: R = 10,
+  maxKeepAliveTabs: L = 10,
   sidebarVariant: M = "legacy",
   sidebarShowSearch: N = !1
 }) {
-  const E = pA(), z = SA(jA), { colorScheme: dA } = oA(), U = Qr(), [lA, eA] = Nr(), nA = $r(
-    `(max-width: ${a ? aA(a) : E.breakpoints.md})`
-  ), Y = (j) => {
-    j.link && (j.routeParams ? U(j.link, {}, j.routeParams) : U(j.link));
-  }, rA = (j, sA) => {
-    j == sA && z.collapsed && z.setCollapsed(!1), z.setCollapsed(j == sA);
-  }, CA = () => {
-    let j = 0, sA = 0;
-    return h && (j = Number(aA(h))), i && (sA = Number(aA(i))), `calc(100vh - var(--app-shell-header-offset, 0px) - ${j + sA}px)`;
+  const R = fA(), z = IA(jA), { colorScheme: dA } = oA(), U = Qr(), [lA, eA] = Nr(), nA = $r(
+    `(max-width: ${a ? aA(a) : R.breakpoints.md})`
+  ), Y = (X) => {
+    X.link && (X.routeParams ? U(X.link, {}, X.routeParams) : U(X.link));
+  }, rA = (X, sA) => {
+    X == sA && z.collapsed && z.setCollapsed(!1), z.setCollapsed(X == sA);
   }, kA = () => {
-    let j = 0, sA = 0;
-    return h && (j = Number(aA(h))), i && (sA = Number(aA(i))), `calc(100vh - 28px - ${j + sA}px)`;
-  }, IA = uA(() => {
-    const j = [];
+    let X = 0, sA = 0;
+    return h && (X = Number(aA(h))), i && (sA = Number(aA(i))), `calc(100vh - var(--app-shell-header-offset, 0px) - ${X + sA}px)`;
+  }, yA = () => {
+    let X = 0, sA = 0;
+    return h && (X = Number(aA(h))), i && (sA = Number(aA(i))), `calc(100vh - 28px - ${X + sA}px)`;
+  }, EA = uA(() => {
+    const X = [];
     return z.navigationData.forEach((sA, $A) => {
-      sA.links ? sA.links.forEach((PA, pe) => {
-        PA.keepAlive ? j.push(
-          /* @__PURE__ */ A(KA, { path: PA.link, component: PA.component }, `${PA.link}_${pe}`)
-        ) : j.push(/* @__PURE__ */ A(ee, { path: PA.link, element: PA.component }, `${PA.link}_${pe}`));
-      }) : sA.keepAlive ? j.push(
+      sA.links ? sA.links.forEach((PA, fe) => {
+        PA.keepAlive ? X.push(
+          /* @__PURE__ */ A(KA, { path: PA.link, component: PA.component }, `${PA.link}_${fe}`)
+        ) : X.push(/* @__PURE__ */ A(ee, { path: PA.link, element: PA.component }, `${PA.link}_${fe}`));
+      }) : sA.keepAlive ? X.push(
         /* @__PURE__ */ A(KA, { path: sA.link, component: sA.component }, `${sA.link}_${$A}`)
-      ) : j.push(
+      ) : X.push(
         /* @__PURE__ */ A(ee, { path: sA.link, element: sA.component }, `${sA.link}_${$A}`)
       );
-    }), j;
-  }, [z.navigationData, z.collapsed]), H = F(() => {
+    }), X;
+  }, [z.navigationData, z.collapsed]), q = H(() => {
     z.setCollapsed(!z.collapsed);
-  }, [z.setCollapsed, z.collapsed]), tA = F(() => {
+  }, [z.setCollapsed, z.collapsed]), tA = H(() => {
     z.setHidden(!z.hidden);
   }, [z.setHidden, z.hidden]);
   iA(() => {
@@ -2792,17 +2873,17 @@ function Ro({
   }, [z.hidden, tA]), iA(() => {
     c && c(z.collapsed);
   }, [z.collapsed, c]);
-  const EA = M === "minimal" || z.collapsed ? t : r, LA = (j, sA = !1) => O ? O({ width: r, height: j, isHidden: nA }) : M === "legacy" ? /* @__PURE__ */ A(
+  const RA = M === "minimal" || z.collapsed ? t : r, DA = (X, sA = !1) => O ? O({ width: r, height: X, isHidden: nA }) : M === "legacy" ? /* @__PURE__ */ A(
     lo,
     {
       navigationData: z.navigationData,
-      sidebarHeight: j,
+      sidebarHeight: X,
       sidebarGroupWidth: t,
       sidebarCollapsedWidth: t,
       selectedGroupColor: y,
       groupColor: w,
       backgroundGroupColor: m,
-      groupLabelDarkColor: p,
+      groupLabelDarkColor: f,
       groupLabelLightColor: g,
       showGroupLabels: !1,
       collapsed: sA ? !1 : z.collapsed,
@@ -2812,20 +2893,20 @@ function Ro({
       onClickActionIcon: rA,
       sideBarFooterHeight: i,
       sideBarFooterContent: n,
-      sideBarHeaderContent: f,
-      theme: E,
+      sideBarHeaderContent: p,
+      theme: R,
       sidebarRef: lA,
       defaultGroupIcon: d,
       selectedGroupName: u,
       iconsWithBackground: C,
       menuItemHeight: P,
       highlightActiveMenuItem: D,
-      backgroundDarkColor: $,
+      backgroundDarkColor: Q,
       backgroundLightColor: T,
       textDarkColor: x,
-      textLightColor: I,
+      textLightColor: E,
       iconDarkColor: V,
-      iconLightColor: q,
+      iconLightColor: F,
       collapsedSubmenuWidth: k,
       isLoading: z.isLoadingPermissions,
       loadingError: z.permissionsError
@@ -2835,9 +2916,9 @@ function Ro({
     {
       navigationData: z.navigationData,
       variant: M,
-      width: EA,
+      width: RA,
       collapsedWidth: t,
-      height: j,
+      height: X,
       groupColumnWidth: t,
       collapsed: sA ? !1 : z.collapsed,
       onCollapsedChange: ($A) => z.setCollapsed($A),
@@ -2848,40 +2929,40 @@ function Ro({
       showGroupLabels: !1,
       onMenuItemClick: Y,
       showSearch: N,
-      header: f,
+      header: p,
       footer: n,
       footerHeight: i,
       isLoading: z.isLoadingPermissions,
       loadingError: z.permissionsError,
-      theme: E,
+      theme: R,
       highlightActiveItem: D,
-      backgroundDarkColor: $,
+      backgroundDarkColor: Q,
       backgroundLightColor: T,
       textDarkColor: x,
-      textLightColor: I,
+      textLightColor: E,
       iconDarkColor: V,
-      iconLightColor: q,
+      iconLightColor: F,
       groupBackgroundColor: m,
       selectedGroupColor: y,
       groupColor: w,
-      groupLabelDarkColor: p,
+      groupLabelDarkColor: f,
       groupLabelLightColor: g,
       activeColor: b,
       withBorder: !1,
       sidebarRef: lA
     }
-  ), hA = dA === "dark" ? $ ?? E.colors.dark[7] : T ?? E.white, OA = M === "legacy", W = OA ? void 0 : {
-    width: { base: EA },
+  ), hA = dA === "dark" ? Q ?? R.colors.dark[7] : T ?? R.white, OA = M === "legacy", Z = OA ? void 0 : {
+    width: { base: RA },
     breakpoint: "sm",
-    collapsed: { mobile: nA || !Q, desktop: !Q }
-  }, DA = OA ? {
+    collapsed: { mobile: nA || !$, desktop: !$ }
+  }, TA = OA ? {
     main: {
-      background: dA === "dark" ? E.colors.dark[8] : E.colors.gray[0],
+      background: dA === "dark" ? R.colors.dark[8] : R.colors.gray[0],
       overflow: "hidden"
     }
   } : {
     main: {
-      background: dA === "dark" ? E.colors.dark[8] : E.colors.gray[0],
+      background: dA === "dark" ? R.colors.dark[8] : R.colors.gray[0],
       overflow: "hidden"
     },
     navbar: {
@@ -2890,10 +2971,10 @@ function Ro({
     }
   }, gA = OA ? {
     height: "calc(100vh - var(--app-shell-header-offset, 0px) - var(--app-shell-footer-offset, 0px) - var(--app-shell-padding) - 1rem)",
-    width: `calc(100vw - var(--app-shell-padding) - calc(${nA ? "0px" : EA} + 1rem))`,
+    width: `calc(100vw - var(--app-shell-padding) - calc(${nA ? "0px" : RA} + 1rem))`,
     marginTop: "0.5rem",
-    marginLeft: `calc(${nA ? "0px" : EA} + 0.5rem)`,
-    border: `1px solid ${dA === "dark" ? E.colors.dark[4] : "#e4e9ef"}`,
+    marginLeft: `calc(${nA ? "0px" : RA} + 0.5rem)`,
+    border: `1px solid ${dA === "dark" ? R.colors.dark[4] : "#e4e9ef"}`,
     borderRadius: "4px",
     overflow: "hidden"
   } : {
@@ -2902,17 +2983,17 @@ function Ro({
     marginTop: "0.5rem",
     marginLeft: "0.5rem",
     marginRight: "0.5rem",
-    border: `1px solid ${dA === "dark" ? E.colors.dark[4] : "#e4e9ef"}`,
+    border: `1px solid ${dA === "dark" ? R.colors.dark[4] : "#e4e9ef"}`,
     borderRadius: "4px",
     overflow: "hidden"
   };
-  return /* @__PURE__ */ L(
+  return /* @__PURE__ */ I(
     QA,
     {
-      header: { height: "60px", collapsed: !K },
-      navbar: W,
+      header: { height: "60px", collapsed: !j },
+      navbar: Z,
       footer: { height: v || "0px" },
-      styles: DA,
+      styles: TA,
       children: [
         /* @__PURE__ */ A(
           QA.Header,
@@ -2924,28 +3005,28 @@ function Ro({
               backgroundColor: "var(--mantine-primary-color-8)",
               alignItems: "center",
               borderBottom: "none",
-              ...J
+              ...W
             },
             children: o
           }
         ),
-        /* @__PURE__ */ A(QA.Navbar, { children: !nA && Q ? LA(CA(), !1) : void 0 }),
-        /* @__PURE__ */ L(QA.Main, { bg: dA === "dark" ? E.colors.dark[8] : E.colors.gray[0], children: [
+        /* @__PURE__ */ A(QA.Navbar, { children: !nA && $ ? DA(kA(), !1) : void 0 }),
+        /* @__PURE__ */ I(QA.Main, { bg: dA === "dark" ? R.colors.dark[8] : R.colors.gray[0], children: [
           !nA && B && Eo(
             dA,
-            E,
+            R,
             z,
             r,
             t,
-            H
+            q
           ),
-          /* @__PURE__ */ L("div", { style: gA, children: [
+          /* @__PURE__ */ I("div", { style: gA, children: [
             e,
-            /* @__PURE__ */ A("div", { style: { width: "100%", height: "calc(100% - 48px)" }, children: /* @__PURE__ */ L(xo, { maxKeepAliveTabs: R, children: [
-              ...IA
+            /* @__PURE__ */ A("div", { style: { width: "100%", height: "calc(100% - 48px)" }, children: /* @__PURE__ */ I(xo, { maxKeepAliveTabs: L, children: [
+              ...EA
             ] }) })
           ] }),
-          Q && /* @__PURE__ */ A(
+          $ && /* @__PURE__ */ A(
             Se,
             {
               opened: z.hidden || !1,
@@ -2955,7 +3036,7 @@ function Ro({
               styles: {
                 header: { minHeight: "10px" }
               },
-              children: LA(kA(), !0)
+              children: DA(yA(), !0)
             }
           )
         ] }),
@@ -2978,34 +3059,34 @@ function xn({
   sideBarHiddenBreakPoint: u,
   sideBarFooterHeight: d,
   sideBarFooterContent: h,
-  onCollapsedSideBar: f,
+  onCollapsedSideBar: p,
   onHiddenSidebar: y,
   sidebarDefaultGroupIcon: w,
   sidebarSelectedGroupName: m,
-  sideBarHeaderHeight: p,
+  sideBarHeaderHeight: f,
   sideBarHeaderContent: g,
   selectedGroupColor: S = "#132441",
   groupColor: v = "white",
   backgroundGroupColor: C = "#132441",
   groupLabelDarkColor: P = "white",
-  groupLabelLightColor: Q = "white",
-  headerColor: K,
-  footerHeight: J,
+  groupLabelLightColor: $ = "white",
+  headerColor: j,
+  footerHeight: W,
   iconsWithBackground: D,
   menuItemHeight: O,
   showSideBar: B,
-  showHeader: $,
+  showHeader: Q,
   headerStyle: T,
   highlightActiveMenuItem: x,
-  enableSecurity: I = !1,
+  enableSecurity: E = !1,
   securityOptions: V,
-  customRenderSidebar: q,
+  customRenderSidebar: F,
   onNavigationDataChange: k,
   showCollapsedButton: b,
-  initialSidebarCollapsed: R = !1,
+  initialSidebarCollapsed: L = !1,
   sideBarBackgroundDarkColor: M,
   sideBarBackgroundLightColor: N,
-  sideBarTextDarkColor: E,
+  sideBarTextDarkColor: R,
   sideBarTextLightColor: z,
   sideBarIconDarkColor: dA,
   sideBarIconLightColor: U,
@@ -3023,10 +3104,10 @@ function xn({
       user: s,
       owner: i,
       company: n,
-      enableSecurity: I,
+      enableSecurity: E,
       securityOptions: V,
       onNavigationDataChange: k,
-      initialSidebarCollapsed: R,
+      initialSidebarCollapsed: L,
       children: /* @__PURE__ */ A(
         Ro,
         {
@@ -3039,7 +3120,7 @@ function xn({
           sideBarWidth: c,
           sideBarCollapsedWidth: l,
           sideBarHiddenBreakPoint: u,
-          sideBarHeaderHeight: p,
+          sideBarHeaderHeight: f,
           sideBarHeaderContent: g,
           sideBarFooterHeight: d,
           sideBarFooterContent: h,
@@ -3047,25 +3128,25 @@ function xn({
           groupColor: v,
           backgroundGroupColor: C,
           groupLabelDarkColor: P,
-          groupLabelLightColor: Q,
-          onCollapsedSideBar: f,
+          groupLabelLightColor: $,
+          onCollapsedSideBar: p,
           onHiddenSidebar: y,
           sidebarDefaultGroupIcon: w,
           sidebarSelectedGroupName: m,
-          headerColor: K,
-          footerHeight: J,
+          headerColor: j,
+          footerHeight: W,
           iconsWithBackground: D,
           menuItemHeight: O,
           showSideBar: B,
-          showHeader: $,
+          showHeader: Q,
           headerStyle: T,
           highlightActiveMenuItem: x,
-          enableSecurity: I,
-          customRenderSidebar: q,
+          enableSecurity: E,
+          customRenderSidebar: F,
           showCollapsedButton: b,
           sideBarBackgroundDarkColor: M,
           sideBarBackgroundLightColor: N,
-          sideBarTextDarkColor: E,
+          sideBarTextDarkColor: R,
           sideBarTextLightColor: z,
           sideBarIconDarkColor: dA,
           sideBarIconLightColor: U,
@@ -3080,7 +3161,7 @@ function xn({
     }
   );
 }
-const Ue = FA({
+const Ue = HA({
   state: { userCloseLinkRequest: "", linkClosed: "", isClosing: !1 },
   dispatch: (e) => null
 }), Sn = ({ children: e }) => {
@@ -3102,7 +3183,7 @@ const Ue = FA({
       default:
         return a;
     }
-  }, [r, t] = Fe(s, o);
+  }, [r, t] = He(s, o);
   return bA.useEffect(() => {
     let a = null;
     return r.userCloseLinkRequest && !r.linkClosed && (console.log(`[NavigationProvider] Waiting for close response for: ${r.userCloseLinkRequest}`), a = setTimeout(() => {
@@ -3112,12 +3193,12 @@ const Ue = FA({
     };
   }, [r.userCloseLinkRequest, r.linkClosed, t]), /* @__PURE__ */ A(Ue.Provider, { value: { state: r, dispatch: t }, children: e });
 }, Be = () => {
-  const e = SA(Ue);
+  const e = IA(Ue);
   if (!e)
     throw new Error("useArchbaseNavigationContext deve ser usado dentro de um ArchbaseNavigationProvider");
   return e;
 }, In = (e, o) => {
-  const s = Be(), { state: r, dispatch: t } = s, a = F((c) => {
+  const s = Be(), { state: r, dispatch: t } = s, a = H((c) => {
     console.log(`[useArchbaseNavigationListener] closeAllowed called for: ${e}`), t({ type: "CLOSE_ALLOWED", link: e, payload: c });
   }, [t, e]), i = mA(o);
   i.current = o, iA(() => {
@@ -3133,22 +3214,22 @@ function En({
   activeTabId: r,
   openedTabs: t = []
 }) {
-  const [a, i] = bA.useTransition(), n = qA(), { colorScheme: c } = oA(), [l, u] = fA(t), [d, h] = fA(r), f = HA(), y = mA([]);
-  Fr(y);
-  const w = Be(), { state: m, dispatch: p } = w, g = SA(jA), S = Ge(), v = mA(o), C = mA(s);
+  const [a, i] = bA.useTransition(), n = FA(), { colorScheme: c } = oA(), [l, u] = pA(t), [d, h] = pA(r), p = qA(), y = mA([]);
+  Hr(y);
+  const w = Be(), { state: m, dispatch: f } = w, g = IA(jA), S = Ge(), v = mA(o), C = mA(s);
   iA(() => {
     v.current = o, C.current = s;
   });
-  const P = mA(!1), Q = F((k, b) => {
+  const P = mA(!1), $ = H((k, b) => {
     console.log(`[TabContainer] handleOnClose called for: ${k}`), S ? S.requestUnregister(k) : console.error("[ArchbaseAdminTabContainer] keepAliveCache context not available. Tab cache cleanup will not occur. This may cause memory leaks.");
-    const R = l.findIndex((U) => U.path === k);
+    const L = l.findIndex((U) => U.path === k);
     let M = b?.redirectUrl;
-    !M && R >= 0 && (M = l[R].redirect);
+    !M && L >= 0 && (M = l[L].redirect);
     const N = l.filter((U) => U.id !== k);
-    let E = -1;
-    N.forEach((U, lA) => U.id === d && (E = lA));
+    let R = -1;
+    N.forEach((U, lA) => U.id === d && (R = lA));
     let z = null;
-    N.length > 0 && N[E] ? z = N[E].id : N.length > 0 ? z = N[N.length - 1].id : z = null;
+    N.length > 0 && N[R] ? z = N[R].id : N.length > 0 ? z = N[N.length - 1].id : z = null;
     const dA = N.map((U) => ({
       ...U,
       active: z === U.id
@@ -3162,12 +3243,12 @@ function En({
       }
       n(g.navigationRootLink);
     }
-    p({ type: "DONE", link: "" });
-  }, [l, d, n, g.navigationRootLink, p, S]);
+    f({ type: "DONE", link: "" });
+  }, [l, d, n, g.navigationRootLink, f, S]);
   iA(() => {
-    m?.linkClosed && (console.log(`[TabContainer] useEffect - linkClosed: ${m?.linkClosed}`), Q(m?.linkClosed, m?.payload));
-  }, [m?.linkClosed, m?.payload, Q]);
-  const K = (k) => {
+    m?.linkClosed && (console.log(`[TabContainer] useEffect - linkClosed: ${m?.linkClosed}`), $(m?.linkClosed, m?.payload));
+  }, [m?.linkClosed, m?.payload, $]);
+  const j = (k) => {
     const b = {
       item: void 0,
       title: void 0,
@@ -3175,50 +3256,50 @@ function En({
       redirect: void 0,
       customTitle: void 0
     };
-    return e.forEach((R) => {
-      if (R.links)
-        R.links.forEach((M) => {
-          me({ path: M.link || "" }, location.pathname) && (b.item = M, b.title = `${Z().t(M.label)}`, b.redirect = M.redirect, b.customTitle = M.customTitle);
+    return e.forEach((L) => {
+      if (L.links)
+        L.links.forEach((M) => {
+          me({ path: M.link || "" }, location.pathname) && (b.item = M, b.title = `${_().t(M.label)}`, b.redirect = M.redirect, b.customTitle = M.customTitle);
         });
-      else if (R.link && !b.item) {
-        const M = me({ path: R.link }, location.pathname);
-        M && (M.params && Object.keys(M.params).length > 0 ? b.title = `${M.params[Object.keys(M.params)[0]]}` : b.title = `${Z().t(R.label)}`, b.item = R, b.redirect = R.redirect, b.customTitle = R.customTitle);
+      else if (L.link && !b.item) {
+        const M = me({ path: L.link }, location.pathname);
+        M && (M.params && Object.keys(M.params).length > 0 ? b.title = `${M.params[Object.keys(M.params)[0]]}` : b.title = `${_().t(L.label)}`, b.item = L, b.redirect = L.redirect, b.customTitle = L.customTitle);
       }
     }), b.customTitle && (b.customTitle = b.customTitle.replace("$title", b.title)), b;
   };
   iA(() => {
     u(t), P.current = !0;
   }, [JSON.stringify(t)]);
-  const J = mA(l), D = mA(d);
+  const W = mA(l), D = mA(d);
   iA(() => {
     if (P.current) {
-      P.current = !1, J.current = l, D.current = d;
+      P.current = !1, W.current = l, D.current = d;
       return;
     }
-    const k = JSON.stringify(J.current) !== JSON.stringify(l), b = D.current !== d;
+    const k = JSON.stringify(W.current) !== JSON.stringify(l), b = D.current !== d;
     if (k || b) {
-      const R = setTimeout(() => {
+      const L = setTimeout(() => {
         v.current?.(l), C.current?.(d);
       }, 0);
-      return J.current = l, D.current = d, () => clearTimeout(R);
+      return W.current = l, D.current = d, () => clearTimeout(L);
     }
   }, [l, d]);
   const O = mA("");
   iA(() => {
-    if (O.current === f.pathname)
+    if (O.current === p.pathname)
       return;
-    O.current = f.pathname;
-    const k = K(f.pathname);
+    O.current = p.pathname;
+    const k = j(p.pathname);
     if (k && k.item) {
-      const b = l.findIndex((R) => R.path === k.link);
+      const b = l.findIndex((L) => L.path === k.link);
       if (b !== -1) {
         if (l[b].title !== k.title) {
-          const R = [...l];
-          R[b] = { ...R[b], title: k.title }, u(R);
+          const L = [...l];
+          L[b] = { ...L[b], title: k.title }, u(L);
         }
         h(l[b].id);
       } else {
-        const R = {
+        const L = {
           id: `${k.link}`,
           title: `${k.title}`,
           path: `${k.link}`,
@@ -3228,72 +3309,72 @@ function En({
           closeButton: !0,
           redirect: k.redirect,
           customTitle: k.customTitle
-        }, M = [...l.map((N) => ({ ...N, active: !1 })), R];
-        u(M), h(R.id);
+        }, M = [...l.map((N) => ({ ...N, active: !1 })), L];
+        u(M), h(L.id);
       }
     }
-  }, [f.pathname]);
+  }, [p.pathname]);
   const B = (k) => {
-    const b = l.filter((R) => R.id === k);
-    b && b.length > 0 && f.pathname !== b[0].path && n(b[0].path), i(() => {
+    const b = l.filter((L) => L.id === k);
+    b && b.length > 0 && p.pathname !== b[0].path && n(b[0].path), i(() => {
       h(k);
     });
-  }, $ = (k) => {
+  }, Q = (k) => {
     console.log(`[TabContainer] handleOnCloseRequest - User clicked close on tab: ${k}`);
     try {
-      p({ type: "USER_CLOSE_REQUEST", link: k });
+      f({ type: "USER_CLOSE_REQUEST", link: k });
     } catch (b) {
       console.error("[TabContainer] Dispatch failed:", b);
     }
-  }, T = F(() => {
+  }, T = H(() => {
     if (u([]), h(void 0), !g.navigationRootLink) {
       console.error("[ArchbaseAdminTabContainer] navigationRootLink is not configured. Cannot navigate to root.");
       return;
     }
     n(g.navigationRootLink);
-  }, [n, g.navigationRootLink]), x = F((k) => {
-    const b = l.findIndex((E) => E.id === k);
+  }, [n, g.navigationRootLink]), x = H((k) => {
+    const b = l.findIndex((R) => R.id === k);
     if (b <= 0)
       return;
-    const R = l.slice(b), M = R.find((E) => E.id === d)?.id || R[0]?.id, N = R.map((E) => ({
-      ...E,
-      active: E.id === M
+    const L = l.slice(b), M = L.find((R) => R.id === d)?.id || L[0]?.id, N = L.map((R) => ({
+      ...R,
+      active: R.id === M
     }));
     if (u(N), M) {
       h(M);
-      const E = N.find((z) => z.id === M);
-      E && f.pathname !== E.path && n(E.path);
+      const R = N.find((z) => z.id === M);
+      R && p.pathname !== R.path && n(R.path);
     }
-  }, [l, d, n, f.pathname]), I = F((k) => {
-    const b = l.findIndex((E) => E.id === k);
+  }, [l, d, n, p.pathname]), E = H((k) => {
+    const b = l.findIndex((R) => R.id === k);
     if (b === -1 || b >= l.length - 1)
       return;
-    const R = l.slice(0, b + 1), M = R.find((E) => E.id === d)?.id || R[R.length - 1]?.id, N = R.map((E) => ({
-      ...E,
-      active: E.id === M
+    const L = l.slice(0, b + 1), M = L.find((R) => R.id === d)?.id || L[L.length - 1]?.id, N = L.map((R) => ({
+      ...R,
+      active: R.id === M
     }));
     if (u(N), M) {
       h(M);
-      const E = N.find((z) => z.id === M);
-      E && f.pathname !== E.path && n(E.path);
+      const R = N.find((z) => z.id === M);
+      R && p.pathname !== R.path && n(R.path);
     }
-  }, [l, d, n, f.pathname]), V = F((k) => {
+  }, [l, d, n, p.pathname]), V = H((k) => {
     const b = l.find((M) => M.id === k);
     if (!b)
       return;
-    const R = [{ ...b, active: !0 }];
-    u(R), h(k), f.pathname !== b.path && n(b.path);
-  }, [l, n, f.pathname]);
+    const L = [{ ...b, active: !0 }];
+    u(L), h(k), p.pathname !== b.path && n(b.path);
+  }, [l, n, p.pathname]);
   return /* @__PURE__ */ A("div", { ref: y, children: /* @__PURE__ */ A(
-    qr,
+    Fr,
     {
       buttonCloseOnlyActiveTab: !0,
       onClick: (k) => B(k),
-      onTabClose: (k) => $(k),
+      onTabClose: (k) => Q(k),
       onTabChange: (k) => null,
       onCloseAllTabs: T,
       onCloseLeftTabs: x,
-      onCloseRightTabs: I,
+      onCloseRightTabs: E,
       onCloseOtherTabs: V,
       currentTabs: ((k) => k.map((b) => ({
         key: b.id,
@@ -3373,7 +3454,7 @@ const Lo = () => bA.createElement("div", null, "Home View"), Do = () => bA.creat
   category: "PEDIDOS",
   color: "yellow",
   showInSidebar: !0
-}, Fo = {
+}, Ho = {
   label: "Configurações",
   link: "/config",
   icon: /* @__PURE__ */ A(dr, {}),
@@ -3386,7 +3467,7 @@ const Lo = () => bA.createElement("div", null, "Home View"), Do = () => bA.creat
   Mo,
   No,
   Bo,
-  Fo
+  Ho
 ];
 function Ln({ children: e, title: o = "", size: s = "440px", drawerKey: r, styles: t }) {
   const [a, { open: i, close: n }] = Ve(!1), [c] = Pe(), l = Or(), u = se();
@@ -3412,8 +3493,8 @@ function Ln({ children: e, title: o = "", size: s = "440px", drawerKey: r, style
     }
   );
 }
-function qo(e) {
-  const o = qA(), s = HA(), [r] = Pe();
+function Fo(e) {
+  const o = FA(), s = qA(), [r] = Pe();
   return { openDrawer: () => {
     const a = new URLSearchParams(r);
     a.set("drawer", e), o({
@@ -3423,12 +3504,12 @@ function qo(e) {
   } };
 }
 function Dn({ drawerKey: e }) {
-  const { openDrawer: o } = qo(e);
+  const { openDrawer: o } = Fo(e);
   return iA(() => {
     o();
   }, []), null;
 }
-const Ho = {
+const qo = {
   // Campos de identificação
   showNickname: !0,
   // Configurações de campos obrigatórios
@@ -3437,34 +3518,34 @@ const Ho = {
   avatarImageQuality: 1
 };
 function Tn({ opened: e, handleClose: o, userId: s, updateUser: r, options: t }) {
-  const a = Ye(), i = Ke(), n = ur(), c = Hr(`myProfile${s}Store`), l = Vr(hr.User), u = { ...Ho, ...t ?? {} }, { dataSource: d, isLoading: h, error: f, isError: y, clearError: w } = Yr({
+  const a = Ye(), i = Ke(), n = ur(), c = qr(`myProfile${s}Store`), l = Vr(hr.User), u = { ...qo, ...t ?? {} }, { dataSource: d, isLoading: h, error: p, isError: y, clearError: w } = Yr({
     name: `dsUser${s}`,
-    label: `${Z().t("archbase:My Profile")}`,
+    label: `${_().t("archbase:My Profile")}`,
     service: l,
     store: c,
     pageSize: 50,
     loadOnStart: !0,
     validator: n,
     id: s,
-    onLoadComplete: (p) => {
-      p.isBrowsing() && p.edit(), i();
+    onLoadComplete: (f) => {
+      f.isBrowsing() && f.edit(), i();
     },
-    onDestroy: (p) => {
+    onDestroy: (f) => {
     },
-    onError: (p, g) => {
-      Gr.showError(Z().t("archbase:WARNING"), p, g);
+    onError: (f, g) => {
+      Gr.showError(_().t("archbase:WARNING"), f, g);
     }
   });
   iA(() => {
     e && d && d.isBrowsing() && d.edit();
   }, [d, e]);
-  const m = (p) => {
-    p && (console.log(p), r(p.name, p.avatar));
+  const m = (f) => {
+    f && (console.log(f), r(f.name, f.avatar));
   };
   return /* @__PURE__ */ A(
     Kr,
     {
-      title: Z().t("archbase:My Profile"),
+      title: _().t("archbase:My Profile"),
       size: 800,
       height: "500px",
       opened: e,
@@ -3472,8 +3553,8 @@ function Tn({ opened: e, handleClose: o, userId: s, updateUser: r, options: t })
       onClickOk: o,
       onClickCancel: o,
       onAfterSave: m,
-      children: /* @__PURE__ */ A(TA, { style: { height: "440px" }, ref: a, children: /* @__PURE__ */ L(_, { children: [
-        /* @__PURE__ */ A(_, { align: "center", children: /* @__PURE__ */ A(
+      children: /* @__PURE__ */ A(zA, { style: { height: "440px" }, ref: a, children: /* @__PURE__ */ I(K, { children: [
+        /* @__PURE__ */ A(K, { align: "center", children: /* @__PURE__ */ A(
           Ur,
           {
             dataSource: d,
@@ -3487,8 +3568,8 @@ function Tn({ opened: e, handleClose: o, userId: s, updateUser: r, options: t })
         /* @__PURE__ */ A(
           XA,
           {
-            label: `${Z().t("archbase:Nome completo")}`,
-            placeholder: `${Z().t("archbase:Informe o nome completo do usuário")}`,
+            label: `${_().t("archbase:Nome completo")}`,
+            placeholder: `${_().t("archbase:Informe o nome completo do usuário")}`,
             dataSource: d,
             dataField: "name",
             required: !0
@@ -3497,8 +3578,8 @@ function Tn({ opened: e, handleClose: o, userId: s, updateUser: r, options: t })
         u.showNickname && /* @__PURE__ */ A(
           XA,
           {
-            label: `${Z().t("archbase:Apelido")}`,
-            placeholder: `${Z().t("archbase:Apelido")}`,
+            label: `${_().t("archbase:Apelido")}`,
+            placeholder: `${_().t("archbase:Apelido")}`,
             dataSource: d,
             dataField: "nickname",
             required: u.requiredNickname
@@ -3507,8 +3588,8 @@ function Tn({ opened: e, handleClose: o, userId: s, updateUser: r, options: t })
         /* @__PURE__ */ A(
           XA,
           {
-            label: `${Z().t("archbase:Descrição do usuário")}`,
-            placeholder: `${Z().t("archbase:Informe a descrição do usuário")}`,
+            label: `${_().t("archbase:Descrição do usuário")}`,
+            placeholder: `${_().t("archbase:Informe a descrição do usuário")}`,
             dataSource: d,
             dataField: "description",
             required: !0
@@ -3562,16 +3643,16 @@ export {
   MA as SidebarItem,
   ye as SidebarMenuSkeleton,
   ae as SidebarProvider,
-  pn as SidebarSearch,
-  fn as SidebarSection,
+  fn as SidebarSearch,
+  pn as SidebarSection,
   gn as SidebarUserProfile,
   kn as SidebarUserProfileSkeleton,
-  po as StandardSidebar,
+  fo as StandardSidebar,
   ro as defaultAvatar,
-  Ho as defaultMyProfileModalOptions,
+  qo as defaultMyProfileModalOptions,
   Rn as navigationDataSample,
   zn as useArchbaseAdminStore,
-  qo as useArchbaseDrawer,
+  Fo as useArchbaseDrawer,
   Be as useArchbaseNavigationContext,
   In as useArchbaseNavigationListener,
   wn as useArchbaseRouteParams,