@archbase/admin 4.0.4 → 4.0.18

package/dist/index.js

@@ -31,15 +31,15 @@ const Je = me.createContext({}), ko = ({
   onNavigationDataChange: c,
   initialSidebarCollapsed: i
 }) => {
-  const [u, d] = fe(i), [h, p] = fe(!1), [b, y] = fe(() => a === !0), [z, S] = fe(null), g = he(!1), [T, w] = eA({
+  const [u, d] = fe(i), [h, p] = fe(!1), [b, y] = fe(() => a === !0), [z, w] = fe(null), g = he(!1), [R, x] = eA({
     value: c !== void 0 ? A : void 0,
     defaultValue: a ? [] : A,
     finalValue: [],
     onChange: c
   });
   se(() => {
-  }, [T, a]);
-  const { securityManager: R } = hr({
+  }, [R, a]);
+  const { securityManager: T } = hr({
     resourceName: s?.navigationResourceName ? s.navigationResourceName : "ArchbaseAdvancedSidebar",
     resourceDescription: s?.navigationResourceDescription ? s.navigationResourceDescription : "archbase:Navegação",
     enableSecurity: a
@@ -54,55 +54,55 @@ const Je = me.createContext({}), ko = ({
     if (g.current)
       return;
     A.filter((D) => D.showInSidebar).forEach((D) => {
-      R.registerAction(D.label, D.label), D?.links?.forEach((E) => R.registerAction(`${D.label} -> ${E.label}`, `${D.label} -> ${E.label}`));
+      T.registerAction(D.label, D.label), D?.links?.forEach((E) => T.registerAction(`${D.label} -> ${E.label}`, `${D.label} -> ${E.label}`));
     });
     const Q = () => {
       g.current = !0;
       const D = A.map((E) => ({
         ...E,
-        disabled: !R.hasPermission(E.label),
+        disabled: !T.hasPermission(E.label),
         links: E.links && E.links.map((C) => {
-          const L = R.hasPermission(`${E.label} -> ${C.label}`);
+          const L = T.hasPermission(`${E.label} -> ${C.label}`);
           return {
             ...C,
             disabled: !L
           };
         })
       }));
-      w(D), y(!1), S(null);
-    }, q = !R.isLoading() && !R.isError();
-    if (R.isError()) {
+      x(D), y(!1), w(null);
+    }, q = !T.isLoading() && !T.isError();
+    if (T.isError()) {
       g.current = !0;
-      const D = R.getError() || "Erro ao carregar permissões de navegação";
-      S(D), y(!1), w(A);
+      const D = T.getError() || "Erro ao carregar permissões de navegação";
+      w(D), y(!1), x(A);
       return;
     }
     if (q) {
       Q();
       return;
     }
-    y(!0), S(null);
+    y(!0), w(null);
     let m = !1;
-    const x = setInterval(() => {
-      if (!m && R.isError()) {
-        clearInterval(x), g.current = !0;
-        const D = R.getError() || "Erro ao carregar permissões de navegação";
-        S(D), y(!1), w(A);
+    const S = setInterval(() => {
+      if (!m && T.isError()) {
+        clearInterval(S), g.current = !0;
+        const D = T.getError() || "Erro ao carregar permissões de navegação";
+        w(D), y(!1), x(A);
       }
     }, 100), P = setTimeout(() => {
-      m || (clearInterval(x), y((D) => D && (g.current = !0, console.warn("[ArchbaseAdminLayout] Timeout ao carregar permissões - carregando menu sem filtro de segurança"), w(A), !1)));
+      m || (clearInterval(S), y((D) => D && (g.current = !0, console.warn("[ArchbaseAdminLayout] Timeout ao carregar permissões - carregando menu sem filtro de segurança"), x(A), !1)));
     }, 3e3);
-    return R.apply(() => {
-      m || (clearInterval(x), clearTimeout(P), Q());
+    return T.apply(() => {
+      m || (clearInterval(S), clearTimeout(P), Q());
     }), () => {
-      m = !0, clearInterval(x), clearTimeout(P);
+      m = !0, clearInterval(S), clearTimeout(P);
     };
-  }, [r?.id, a, A, R, w]), /* @__PURE__ */ e(
+  }, [r?.id, a, A, T, x]), /* @__PURE__ */ e(
     Je.Provider,
     {
       value: {
-        navigationData: T,
-        setNavigationData: w,
+        navigationData: R,
+        setNavigationData: x,
         user: r,
         owner: t,
         company: o,
@@ -328,21 +328,21 @@ const Ro = ({ navigationData: A, color: r }) => {
   navigationData: b = [],
   logo: y,
   headerActions: z,
-  styleLogo: S,
+  styleLogo: w,
   showLanguageSelector: g = !1,
-  sideBarHiddenBreakPoint: T,
-  headerLeftContent: w,
-  toggleColorScheme: R,
+  sideBarHiddenBreakPoint: R,
+  headerLeftContent: x,
+  toggleColorScheme: T,
   logoLeftSection: Y,
   logoRightSection: Q,
   showBurger: q = !0,
   showCommands: $ = !0,
   sunColor: m,
-  moonColor: x,
+  moonColor: S,
   styles: P
 }) => {
   const D = pe(), { colorScheme: E, toggleColorScheme: C } = te(), L = ye(Je), j = CA(
-    `(max-width: ${T ? ae(T) : D.breakpoints.md})`
+    `(max-width: ${R ? ae(R) : D.breakpoints.md})`
   ), U = CA(
     `(max-width: ${d ? ae(d) : D.breakpoints.md})`
   );
@@ -355,7 +355,7 @@ const Ro = ({ navigationData: A, color: r }) => {
         {
           style: {
             height: 50,
-            ...S
+            ...w
           },
           alt: "logo",
           src: y
@@ -375,10 +375,10 @@ const Ro = ({ navigationData: A, color: r }) => {
       }
     ),
     /* @__PURE__ */ e("div", { children: $ && /* @__PURE__ */ e(Ro, { navigationData: b }) }),
-    /* @__PURE__ */ e(G, { style: { flex: 1 }, children: w }),
+    /* @__PURE__ */ e(G, { style: { flex: 1 }, children: x }),
     /* @__PURE__ */ I(Eo, { children: [
       i && z,
-      u && /* @__PURE__ */ e(So, { toggleColorScheme: R, sunColor: m, moonColor: x }),
+      u && /* @__PURE__ */ e(So, { toggleColorScheme: T, sunColor: m, moonColor: S }),
       W && /* @__PURE__ */ e(wo, {}),
       /* @__PURE__ */ I(oe, { shadow: "md", width: 200, position: "bottom-end", styles: P?.menu, children: [
         /* @__PURE__ */ e(oe.Target, { children: /* @__PURE__ */ I("div", { children: [
@@ -421,7 +421,7 @@ const Ro = ({ navigationData: A, color: r }) => {
             oe.Item,
             {
               leftSection: E === "dark" ? /* @__PURE__ */ e(QA, { size: o }) : /* @__PURE__ */ e(KA, { size: o }),
-              onClick: R || C,
+              onClick: T || C,
               children: `${re().t("archbase:toggleColorScheme")}`
             }
           ),
@@ -796,17 +796,17 @@ function Oo({
   onMenuItemClick: b,
   onClickActionIcon: y,
   withBorder: z = !1,
-  showGroupLabels: S = !0,
+  showGroupLabels: w = !0,
   theme: g,
-  sidebarRef: T,
-  defaultGroupIcon: w,
-  selectedGroupName: R,
+  sidebarRef: R,
+  defaultGroupIcon: x,
+  selectedGroupName: T,
   sideBarHeaderContent: Y,
   iconsWithBackground: Q = !1,
   menuItemHeight: q = 40,
   highlightActiveMenuItem: $ = !0,
   backgroundDarkColor: m,
-  backgroundLightColor: x,
+  backgroundLightColor: S,
   textDarkColor: P,
   textLightColor: D,
   iconDarkColor: E,
@@ -819,13 +819,13 @@ function Oo({
   skeletonItemCount: de = 8,
   skeletonGroupCount: ge = 3
 }) {
-  const [k, f] = fe(""), v = aA(), N = Ue(), { colorScheme: M } = te(), H = M === "dark" ? m ?? g.colors.dark[7] : x ?? g.white, O = l || (M === "dark" ? g.colors[g.primaryColor][8] : g.colors[g.primaryColor][0]), K = M === "dark" ? P ?? "var(--mantine-color-text)" : D ?? "var(--mantine-color-text)", B = M === "dark" ? E ?? g.colors[g.primaryColor][0] : C ?? g.colors[g.primaryColor][7], ee = le(() => {
+  const [k, f] = fe(""), v = aA(), N = Ue(), { colorScheme: M } = te(), H = M === "dark" ? m ?? g.colors.dark[7] : S ?? g.white, O = l || (M === "dark" ? g.colors[g.primaryColor][8] : g.colors[g.primaryColor][0]), K = M === "dark" ? P ?? "var(--mantine-color-text)" : D ?? "var(--mantine-color-text)", B = M === "dark" ? E ?? g.colors[g.primaryColor][0] : C ?? g.colors[g.primaryColor][7], ee = le(() => {
     const ue = /* @__PURE__ */ new Set();
     return A.forEach((Ae) => {
       if (Ae.showInSidebar && (!Ae.disabled || !Ae.hideDisabledItem)) {
         let Pe = !1;
         Ae.group || (Ae.group = {
-          icon: w || /* @__PURE__ */ e(GA, { size: "2.2rem", color: "#63B1FB", stroke: 1 }),
+          icon: x || /* @__PURE__ */ e(GA, { size: "2.2rem", color: "#63B1FB", stroke: 1 }),
           label: "Default",
           name: "Default",
           hint: "Default",
@@ -840,7 +840,7 @@ function Oo({
             {
               content: Ae.group.hint,
               label: Ae.group.label,
-              disabled: S,
+              disabled: w,
               children: /* @__PURE__ */ I(
                 X,
                 {
@@ -864,7 +864,7 @@ function Oo({
                         children: Ae.group.icon
                       }
                     ),
-                    S ? /* @__PURE__ */ e(
+                    w ? /* @__PURE__ */ e(
                       ve,
                       {
                         size: "xs",
@@ -897,7 +897,7 @@ function Oo({
     K,
     B
   ), ke = p || k === "" ? "0px" : `calc(${t} - ${r})`, Ee = s || (M === "dark" ? g.colors[g.primaryColor][6] : g.colors[g.primaryColor][7]), V = F(() => {
-    R && ee.map((ue) => ue.name).includes(R) ? f(R) : ee.length > 1 && f("Default");
+    T && ee.map((ue) => ue.name).includes(T) ? f(T) : ee.length > 1 && f("Default");
   }, []);
   se(() => {
     V();
@@ -920,7 +920,7 @@ function Oo({
   ) : k !== "" ? /* @__PURE__ */ e(
     YA,
     {
-      ref: T,
+      ref: R,
       rootStyles: {
         [`.${XA.container}`]: {
           background: H,
@@ -983,7 +983,7 @@ function Oo({
     (ue, Ne) => SA(g, p, b, ue, Ne, Q, N.pathname, $, K, L)
   );
   return /* @__PURE__ */ e(Re, { children: ee.length == 1 ? Do(
-    T,
+    R,
     p,
     t,
     n,
@@ -1032,12 +1032,12 @@ function hA({
     defaultValue: o,
     finalValue: !1,
     onChange: l
-  }), [z, S] = eA({
+  }), [z, w] = eA({
     value: s,
     defaultValue: a,
     finalValue: "",
     onChange: c
-  }), [g, T] = fe(""), [w, R] = fe(() => {
+  }), [g, R] = fe(""), [x, T] = fe(() => {
     const E = /* @__PURE__ */ new Set();
     return r.forEach((C, L) => {
       C.initiallyOpened && C.links && C.links.length > 0 && E.add(`group-${L}`);
@@ -1045,21 +1045,21 @@ function hA({
   }), Y = h.pathname, Q = F(() => {
     y(!b);
   }, [b, y]), q = F((E) => {
-    R((C) => {
+    T((C) => {
       const L = new Set(C);
       return L.has(E) ? L.delete(E) : L.add(E), L;
     });
   }, []), $ = F((E) => {
-    R((C) => {
+    T((C) => {
       const L = new Set(C);
       return L.add(E), L;
     });
   }, []), m = F((E) => {
-    R((C) => {
+    T((C) => {
       const L = new Set(C);
       return L.delete(E), L;
     });
-  }, []), x = le(() => {
+  }, []), S = le(() => {
     if (!g.trim())
       return r;
     const E = g.toLowerCase().trim(), C = (L) => L.reduce((j, U) => {
@@ -1083,13 +1083,13 @@ function hA({
       setCollapsed: y,
       toggleCollapsed: Q,
       activeGroup: z,
-      setActiveGroup: S,
+      setActiveGroup: w,
       activeItemPath: Y,
       navigateToItem: P,
       searchQuery: g,
-      setSearchQuery: T,
-      filteredItems: x,
-      expandedGroups: w,
+      setSearchQuery: R,
+      filteredItems: S,
+      expandedGroups: x,
       toggleGroup: q,
       expandGroup: $,
       collapseGroup: m,
@@ -1102,12 +1102,12 @@ function hA({
       y,
       Q,
       z,
-      S,
+      w,
       Y,
       P,
       g,
+      S,
       x,
-      w,
       q,
       $,
       m,
@@ -1280,18 +1280,18 @@ function Me({
   hoverColor: s,
   itemHeight: c = 40
 }) {
-  const i = pe(), { colorScheme: u } = te(), d = A, [h, p] = fe(!1), b = l || "var(--mantine-color-text)", y = a || i.colors[i.primaryColor][6], z = s || i.colors[i.primaryColor][6], S = s ? `color-mix(in srgb, ${s} 80%, black)` : i.colors[i.primaryColor][8], g = h ? o ? S : z : o ? z : "transparent", T = h || o ? i.white : b, w = h || o ? i.white : y, R = typeof A.disabled == "function" ? A.disabled() : A.disabled;
-  if (R && A.hideDisabledItem || !A.showInSidebar)
+  const i = pe(), { colorScheme: u } = te(), d = A, [h, p] = fe(!1), b = l || "var(--mantine-color-text)", y = a || i.colors[i.primaryColor][6], z = s || i.colors[i.primaryColor][6], w = s ? `color-mix(in srgb, ${s} 80%, black)` : i.colors[i.primaryColor][8], g = h ? o ? w : z : o ? z : "transparent", R = h || o ? i.white : b, x = h || o ? i.white : y, T = typeof A.disabled == "function" ? A.disabled() : A.disabled;
+  if (T && A.hideDisabledItem || !A.showInSidebar)
     return null;
   const Y = F(() => {
-    !R && n && n(A);
-  }, [R, n, A]), Q = we.t(A.label), q = () => d.badge ? /* @__PURE__ */ e(lA, { size: "xs", color: d.badgeColor || "blue", variant: "filled", children: d.badge }) : null, $ = () => d.shortcut ? /* @__PURE__ */ e(MA, { size: "xs", style: { marginLeft: "auto" }, children: d.shortcut }) : null;
+    !T && n && n(A);
+  }, [T, n, A]), Q = we.t(A.label), q = () => d.badge ? /* @__PURE__ */ e(lA, { size: "xs", color: d.badgeColor || "blue", variant: "filled", children: d.badge }) : null, $ = () => d.shortcut ? /* @__PURE__ */ e(MA, { size: "xs", style: { marginLeft: "auto" }, children: d.shortcut }) : null;
   if (A.links && A.links.length > 0) {
-    const m = A.links.filter((x) => {
-      const P = typeof x.disabled == "function" ? x.disabled() : x.disabled;
-      return x.showInSidebar && (!P || !x.hideDisabledItem);
+    const m = A.links.filter((S) => {
+      const P = typeof S.disabled == "function" ? S.disabled() : S.disabled;
+      return S.showInSidebar && (!P || !S.hideDisabledItem);
     });
-    return m.length === 0 && R && A.hideDisabledItem ? null : t ? /* @__PURE__ */ I(
+    return m.length === 0 && T && A.hideDisabledItem ? null : t ? /* @__PURE__ */ I(
       oe,
       {
         position: "right-start",
@@ -1343,15 +1343,15 @@ function Me({
           ) }) }) }),
           /* @__PURE__ */ I(oe.Dropdown, { children: [
             /* @__PURE__ */ e(oe.Label, { children: Q }),
-            m.map((x, P) => {
-              const D = typeof x.disabled == "function" ? x.disabled() : x.disabled;
+            m.map((S, P) => {
+              const D = typeof S.disabled == "function" ? S.disabled() : S.disabled;
               return /* @__PURE__ */ e(
                 oe.Item,
                 {
-                  leftSection: x.icon,
+                  leftSection: S.icon,
                   disabled: D,
-                  onClick: () => n?.(x),
-                  children: we.t(x.label)
+                  onClick: () => n?.(S),
+                  children: we.t(S.label)
                 },
                 P
               );
@@ -1363,8 +1363,8 @@ function Me({
       kA,
       {
         label: Q,
-        leftSection: /* @__PURE__ */ e(G, { style: { color: w }, children: A.icon }),
-        rightSection: /* @__PURE__ */ I(G, { style: { display: "flex", alignItems: "center", gap: 4, color: T }, children: [
+        leftSection: /* @__PURE__ */ e(G, { style: { color: x }, children: A.icon }),
+        rightSection: /* @__PURE__ */ I(G, { style: { display: "flex", alignItems: "center", gap: 4, color: R }, children: [
           q(),
           /* @__PURE__ */ e(
             iA,
@@ -1378,7 +1378,7 @@ function Me({
         ] }),
         childrenOffset: 28,
         defaultOpened: A.initiallyOpened || o,
-        disabled: R,
+        disabled: T,
         onMouseEnter: () => p(!0),
         onMouseLeave: () => p(!1),
         style: {
@@ -1391,16 +1391,16 @@ function Me({
             borderRadius: 0
           },
           label: {
-            color: T
+            color: R
           },
           children: {
             paddingLeft: 0
           }
         },
-        children: m.map((x, P) => /* @__PURE__ */ e(
+        children: m.map((S, P) => /* @__PURE__ */ e(
           Me,
           {
-            item: x,
+            item: S,
             depth: r + 1,
             collapsed: t,
             active: o,
@@ -1426,15 +1426,15 @@ function Me({
         {
           style: {
             width: "100%",
-            cursor: R ? "not-allowed" : "pointer",
-            opacity: R ? 0.5 : 1,
+            cursor: T ? "not-allowed" : "pointer",
+            opacity: T ? 0.5 : 1,
             backgroundColor: o ? z : "transparent",
             transition: "background-color 150ms ease",
             padding: "2px 0"
           },
           onClick: Y,
           onMouseEnter: (m) => {
-            R || (m.currentTarget.style.backgroundColor = o ? S : z);
+            T || (m.currentTarget.style.backgroundColor = o ? w : z);
           },
           onMouseLeave: (m) => {
             m.currentTarget.style.backgroundColor = o ? z : "transparent";
@@ -1465,13 +1465,13 @@ function Me({
     kA,
     {
       label: Q,
-      leftSection: /* @__PURE__ */ e(G, { style: { color: w }, children: A.icon }),
-      rightSection: /* @__PURE__ */ I(G, { style: { display: "flex", alignItems: "center", gap: 4, color: T }, children: [
+      leftSection: /* @__PURE__ */ e(G, { style: { color: x }, children: A.icon }),
+      rightSection: /* @__PURE__ */ I(G, { style: { display: "flex", alignItems: "center", gap: 4, color: R }, children: [
         q(),
         $()
       ] }),
       active: o,
-      disabled: R,
+      disabled: T,
       onClick: Y,
       onMouseEnter: () => p(!0),
       onMouseLeave: () => p(!1),
@@ -1486,7 +1486,7 @@ function Me({
           borderRadius: 0
         },
         label: {
-          color: T
+          color: R
         }
       }
     }
@@ -1503,7 +1503,7 @@ function $o({
 }) {
   const s = pe(), { colorScheme: c } = te(), [i, u] = fe(o), d = n !== void 0, h = d ? n : i, p = F(() => {
     d ? l?.(!h) : u((g) => !g);
-  }, [d, h, l]), b = c === "dark" ? s.colors.dark[6] : s.colors.gray[1], y = c === "dark" ? s.colors.dark[5] : s.colors.gray[2], z = c === "dark" ? s.colors.gray[4] : s.colors.gray[7], S = c === "dark" ? s.colors[s.primaryColor][4] : s.colors[s.primaryColor][6];
+  }, [d, h, l]), b = c === "dark" ? s.colors.dark[6] : s.colors.gray[1], y = c === "dark" ? s.colors.dark[5] : s.colors.gray[2], z = c === "dark" ? s.colors.gray[4] : s.colors.gray[7], w = c === "dark" ? s.colors[s.primaryColor][4] : s.colors[s.primaryColor][6];
   return /* @__PURE__ */ I(G, { children: [
     /* @__PURE__ */ e(
       rA,
@@ -1525,7 +1525,7 @@ function $o({
         },
         children: /* @__PURE__ */ I(xe, { justify: "space-between", wrap: "nowrap", children: [
           /* @__PURE__ */ I(xe, { gap: "xs", wrap: "nowrap", children: [
-            r && /* @__PURE__ */ e(G, { style: { color: S }, children: r }),
+            r && /* @__PURE__ */ e(G, { style: { color: w }, children: r }),
             /* @__PURE__ */ e(ve, { size: "sm", fw: 600, c: z, children: we.t(A) })
           ] }),
           /* @__PURE__ */ e(
@@ -1925,17 +1925,17 @@ function Go({
   skeletonItemCount: b = 8,
   backgroundDarkColor: y,
   backgroundLightColor: z,
-  textDarkColor: S,
+  textDarkColor: w,
   textLightColor: g,
-  iconDarkColor: T,
-  iconLightColor: w,
-  activeColor: R,
+  iconDarkColor: R,
+  iconLightColor: x,
+  activeColor: T,
   withBorder: Y = !0,
   withShadow: Q = !1,
   highlightActiveItem: q = !0,
   onMenuItemClick: $
 }) {
-  const m = pe(), { colorScheme: x } = te(), { collapsed: P, toggleCollapsed: D } = uA(), E = x === "dark" ? y ?? m.colors.dark[7] : z ?? m.white, C = x === "dark" ? S ?? m.colors.gray[3] : g ?? m.colors.gray[7], L = x === "dark" ? T ?? m.colors[m.primaryColor][4] : w ?? m.colors[m.primaryColor][6], j = R ? m.colors[R]?.[6] ?? m.colors[m.primaryColor][6] : m.colors[m.primaryColor][6], {
+  const m = pe(), { colorScheme: S } = te(), { collapsed: P, toggleCollapsed: D } = uA(), E = S === "dark" ? y ?? m.colors.dark[7] : z ?? m.white, C = S === "dark" ? w ?? m.colors.gray[3] : g ?? m.colors.gray[7], L = S === "dark" ? R ?? m.colors[m.primaryColor][4] : x ?? m.colors[m.primaryColor][6], j = T ? m.colors[T]?.[6] ?? m.colors[m.primaryColor][6] : m.colors[m.primaryColor][6], {
     query: U,
     setQuery: J,
     filteredItems: W,
@@ -2061,7 +2061,7 @@ function Go({
             flexDirection: "column",
             overflow: "hidden",
             transition: "width 200ms ease",
-            borderRight: Y ? `1px solid ${x === "dark" ? m.colors.dark[5] : m.colors.gray[2]}` : void 0,
+            borderRight: Y ? `1px solid ${S === "dark" ? m.colors.dark[5] : m.colors.gray[2]}` : void 0,
             boxShadow: Q ? m.shadows.sm : void 0
           },
           children: [
@@ -2101,7 +2101,7 @@ function Go({
                   flexShrink: 0,
                   height: i,
                   backgroundColor: E,
-                  borderTop: Y ? `1px solid ${x === "dark" ? m.colors.dark[5] : m.colors.gray[2]}` : void 0
+                  borderTop: Y ? `1px solid ${S === "dark" ? m.colors.dark[5] : m.colors.gray[2]}` : void 0
                 },
                 children: c
               }
@@ -2266,13 +2266,13 @@ function Uo({
   iconLightColor: b,
   activeColor: y,
   withBorder: z = !0,
-  withShadow: S = !1,
+  withShadow: w = !1,
   highlightActiveItem: g = !0,
-  onMenuItemClick: T
+  onMenuItemClick: R
 }) {
-  const w = pe(), { colorScheme: R } = te(), { toggleCollapsed: Y } = uA(), Q = R === "dark" ? d ?? w.colors.dark[7] : h ?? w.white, q = R === "dark" ? p ?? w.colors[w.primaryColor][4] : b ?? w.colors[w.primaryColor][6], $ = y ?? w.primaryColor, { navigateToItem: m, isItemActive: x, isItemOrChildActive: P } = pA({
+  const x = pe(), { colorScheme: T } = te(), { toggleCollapsed: Y } = uA(), Q = T === "dark" ? d ?? x.colors.dark[7] : h ?? x.white, q = T === "dark" ? p ?? x.colors[x.primaryColor][4] : b ?? x.colors[x.primaryColor][6], $ = y ?? x.primaryColor, { navigateToItem: m, isItemActive: S, isItemOrChildActive: P } = pA({
     navigationData: A,
-    onMenuItemClick: T
+    onMenuItemClick: R
   });
   fA({
     navigationData: A,
@@ -2291,13 +2291,13 @@ function Uo({
     Ho,
     {
       item: L,
-      active: g && (x(L) || P(L)),
+      active: g && (S(L) || P(L)),
       onClick: m,
       iconColor: q,
       activeColor: $
     },
     j
-  )) }), C = R === "dark" ? w.colors.dark[5] : w.colors.gray[2];
+  )) }), C = T === "dark" ? x.colors.dark[5] : x.colors.gray[2];
   return /* @__PURE__ */ I(
     G,
     {
@@ -2308,7 +2308,7 @@ function Uo({
         display: "flex",
         flexDirection: "column",
         overflow: "hidden",
-        boxShadow: S ? w.shadows.sm : void 0,
+        boxShadow: w ? x.shadows.sm : void 0,
         borderRight: z ? `1px solid ${C}` : void 0
       },
       children: [
@@ -2319,7 +2319,7 @@ function Uo({
               flexShrink: 0,
               display: "flex",
               justifyContent: "center",
-              padding: w.spacing.xs
+              padding: x.spacing.xs
             },
             children: o
           }
@@ -2344,7 +2344,7 @@ function Uo({
                 height: l,
                 display: "flex",
                 justifyContent: "center",
-                padding: w.spacing.xs
+                padding: x.spacing.xs
               },
               children: n
             }
@@ -2397,17 +2397,17 @@ function Vo({
   skeletonItemCount: b = 8,
   skeletonGroupCount: y = 3,
   backgroundDarkColor: z,
-  backgroundLightColor: S,
+  backgroundLightColor: w,
   textDarkColor: g,
-  textLightColor: T,
-  iconDarkColor: w,
-  iconLightColor: R,
+  textLightColor: R,
+  iconDarkColor: x,
+  iconLightColor: T,
   activeColor: Y,
   groupBackgroundColor: Q,
   selectedGroupColor: q,
   groupColor: $,
   groupLabelDarkColor: m,
-  groupLabelLightColor: x,
+  groupLabelLightColor: S,
   withBorder: P = !1,
   highlightActiveItem: D = !0,
   onMenuItemClick: E
@@ -2417,7 +2417,7 @@ function Vo({
     toggleCollapsed: U,
     activeGroup: J,
     setActiveGroup: W
-  } = uA(), de = L === "dark" ? z ?? C.colors.dark[7] : S ?? C.white, ge = L === "dark" ? g ?? C.colors.gray[3] : T ?? C.colors.gray[7], k = L === "dark" ? w ?? C.colors[C.primaryColor][4] : R ?? C.colors[C.primaryColor][6], f = Y ? C.colors[Y]?.[6] ?? C.colors[C.primaryColor][6] : C.colors[C.primaryColor][6], v = Q || (L === "dark" ? C.colors[C.primaryColor][6] : C.colors[C.primaryColor][7]), N = q || (L === "dark" ? C.colors[C.primaryColor][8] : C.colors[C.primaryColor][0]), { navigateToItem: M, isItemActive: H } = pA({
+  } = uA(), de = L === "dark" ? z ?? C.colors.dark[7] : w ?? C.white, ge = L === "dark" ? g ?? C.colors.gray[3] : R ?? C.colors.gray[7], k = L === "dark" ? x ?? C.colors[C.primaryColor][4] : T ?? C.colors[C.primaryColor][6], f = Y ? C.colors[Y]?.[6] ?? C.colors[C.primaryColor][6] : C.colors[C.primaryColor][6], v = Q || (L === "dark" ? C.colors[C.primaryColor][6] : C.colors[C.primaryColor][7]), N = q || (L === "dark" ? C.colors[C.primaryColor][8] : C.colors[C.primaryColor][0]), { navigateToItem: M, isItemActive: H } = pA({
     navigationData: A,
     onMenuItemClick: E
   });
@@ -2671,11 +2671,11 @@ var _o = zA(function(A) {
   let { errorElement: r = OA, cacheNodeClassName: t, children: o, cacheKey: n, exclude: l, include: a, enableActivity: s } = A, { active: c, renderCount: i, destroy: u, transition: d, viewTransition: h, duration: p, containerDivRef: b } = A, y = he(!1);
   y.current = y.current || c;
   let z = le(() => {
-    let S = document.createElement("div");
-    return WA(S).set("data-cache-key", n).set("style", "height: 100%").set("data-render-count", i.toString()), S.className = er + (t ? ` ${t}` : ""), S;
+    let w = document.createElement("div");
+    return WA(w).set("data-cache-key", n).set("style", "height: 100%").set("data-render-count", i.toString()), w.className = er + (t ? ` ${t}` : ""), w;
   }, [i, t]);
   return se(() => {
-    let S = Zo(n, l, a), g = b.current;
+    let w = Zo(n, l, a), g = b.current;
     if (!g) {
       console.warn("keepalive: cache container not found");
       return;
@@ -2683,21 +2683,21 @@ var _o = zA(function(A) {
     if (d)
       (async () => {
         if (c) {
-          let T = PA(g, n);
-          if (await RA(p - 40), sA(T), g.contains(z))
+          let R = PA(g, n);
+          if (await RA(p - 40), sA(R), g.contains(z))
             return;
           LA(g, z);
         } else
-          S || (await RA(p), u(n));
+          w || (await RA(p), u(n));
       })();
     else if (c) {
-      let T = () => {
-        let w = PA(g, n);
-        sA(w), !g.contains(z) && LA(g, z);
+      let R = () => {
+        let x = PA(g, n);
+        sA(x), !g.contains(z) && LA(g, z);
       };
-      h && document.startViewTransition ? document.startViewTransition(T) : T();
+      h && document.startViewTransition ? document.startViewTransition(R) : R();
     } else
-      S || u(n);
+      w || u(n);
   }, [c, b, n, l, a]), y.current ? po(e(r, { children: Wo && s ? I(Jo, { mode: c ? "visible" : "hidden", children: [" ", o] }) : o }), z, n) : null;
 }, (A, r) => A.active === r.active && A.renderCount === r.renderCount && A.children === r.children && A.exclude === r.exclude && A.include === r.include), et = _o, At = (A) => {
   typeof We < "u" && Ye(We) ? We(A) : A();
@@ -2706,62 +2706,62 @@ function rr() {
   return he(null);
 }
 function ot(A) {
-  let { activeCacheKey: r, max: t = 10, exclude: o, include: n, onBeforeActive: l, customContainerRef: a, cacheNodeClassName: s = "cache-component", containerClassName: c = "keep-alive-render", errorElement: i, transition: u = !1, viewTransition: d = !1, duration: h = 200, children: p, aliveRef: b, maxAliveTime: y = 0, enableActivity: z = !1 } = A, S = a || he(null), [g, T] = fe([]);
+  let { activeCacheKey: r, max: t = 10, exclude: o, include: n, onBeforeActive: l, customContainerRef: a, cacheNodeClassName: s = "cache-component", containerClassName: c = "keep-alive-render", errorElement: i, transition: u = !1, viewTransition: d = !1, duration: h = 200, children: p, aliveRef: b, maxAliveTime: y = 0, enableActivity: z = !1 } = A, w = a || he(null), [g, R] = fe([]);
   cr(() => {
     mA(r) || rt(() => {
-      T(($) => {
+      R(($) => {
         let m = Date.now();
-        if ($.find((x) => x.cacheKey === r))
-          return $.map((x) => {
-            if (x.cacheKey === r) {
+        if ($.find((S) => S.cacheKey === r))
+          return $.map((S) => {
+            if (S.cacheKey === r) {
               let P = !1;
               if (Ye(l) && l(r), y) {
-                let D = x.lastActiveTime;
+                let D = S.lastActiveTime;
                 if (nA(y)) {
                   let E = y.find((C) => JA(C.match) ? C.match.test(r) : C.match === r);
                   E && (P = E && D + E.expire * 1e3 < m);
                 } else
                   P = D + y * 1e3 < m;
               }
-              return { ...x, ele: p, lastActiveTime: m, renderCount: P ? x.renderCount + 1 : x.renderCount };
+              return { ...S, ele: p, lastActiveTime: m, renderCount: P ? S.renderCount + 1 : S.renderCount };
             }
-            return x;
+            return S;
           });
         if (Ye(l) && l(r), $.length > t) {
-          let x = $.reduce((P, D) => P.lastActiveTime < D.lastActiveTime ? P : D);
-          $.splice($.indexOf(x), 1);
+          let S = $.reduce((P, D) => P.lastActiveTime < D.lastActiveTime ? P : D);
+          $.splice($.indexOf(S), 1);
         }
         return [...$, { cacheKey: r, lastActiveTime: m, ele: p, renderCount: 0 }];
       });
     });
   }, [r, p]);
-  let w = F(($) => {
-    T((m) => {
-      let x = $ || r;
-      return m.map((P) => P.cacheKey === x ? { ...P, renderCount: P.renderCount + 1 } : P);
+  let x = F(($) => {
+    R((m) => {
+      let S = $ || r;
+      return m.map((P) => P.cacheKey === S ? { ...P, renderCount: P.renderCount + 1 } : P);
     });
-  }, [T, r]), R = F(($) => {
-    let m = $ || r, x = nA(m) ? m : [m];
+  }, [R, r]), T = F(($) => {
+    let m = $ || r, S = nA(m) ? m : [m];
     return new Promise((P) => {
       _e(() => {
-        T((D) => [...D.filter((E) => !x.includes(E.cacheKey))]), P();
+        R((D) => [...D.filter((E) => !S.includes(E.cacheKey))]), P();
       });
     });
-  }, [T, r]), Y = F(() => new Promise(($) => {
+  }, [R, r]), Y = F(() => new Promise(($) => {
     _e(() => {
-      T([]), $();
+      R([]), $();
     });
-  }), [T]), Q = F(($) => {
+  }), [R]), Q = F(($) => {
     let m = $ || r;
-    return new Promise((x) => {
+    return new Promise((S) => {
       _e(() => {
-        T((P) => [...P.filter((D) => D.cacheKey === m)]), x();
+        R((P) => [...P.filter((D) => D.cacheKey === m)]), S();
       });
     });
-  }, [r, T]), q = F(() => g, [g]);
-  return dr(b, () => ({ refresh: w, destroy: R, destroyAll: Y, destroyOther: Q, getCacheNodes: q })), I(OA, { children: [e("div", { ref: S, className: c, style: { height: "100%" } }), g.map(($) => {
-    let { cacheKey: m, ele: x, renderCount: P } = $;
-    return e(Xo, { active: r === m, refresh: w, destroy: R, destroyAll: Y, destroyOther: Q, getCacheNodes: q, children: e(et, { destroy: R, include: n, exclude: o, transition: u, viewTransition: d, duration: h, renderCount: P, containerDivRef: S, errorElement: i, active: r === m, cacheNodeClassName: s, cacheKey: m, enableActivity: z, children: x }) }, `${m}-${P}`);
+  }, [r, R]), q = F(() => g, [g]);
+  return dr(b, () => ({ refresh: x, destroy: T, destroyAll: Y, destroyOther: Q, getCacheNodes: q })), I(OA, { children: [e("div", { ref: w, className: c, style: { height: "100%" } }), g.map(($) => {
+    let { cacheKey: m, ele: S, renderCount: P } = $;
+    return e(Xo, { active: r === m, refresh: x, destroy: T, destroyAll: Y, destroyOther: Q, getCacheNodes: q, children: e(et, { destroy: T, include: n, exclude: o, transition: u, viewTransition: d, duration: h, renderCount: P, containerDivRef: w, errorElement: i, active: r === m, cacheNodeClassName: s, cacheKey: m, enableActivity: z, children: S }) }, `${m}-${P}`);
   })] });
 }
 var tt = ot, nt = () => ye(ZA), or = nt;
@@ -2848,8 +2848,8 @@ const gt = ({ children: A, maxKeepAliveTabs: r = 10, ...t }) => {
   const o = rr(), l = ye(nr) || o, a = he(null), s = he(""), { keepAlivePaths: c, routeElements: i } = le(() => {
     const p = me.Children.toArray(A), b = p.map((g) => {
       if (me.isValidElement(g)) {
-        const T = g.props?.path || "", w = g.type === Xe;
-        return `${T}:${w}`;
+        const R = g.props?.path || "", x = g.type === Xe;
+        return `${R}:${x}`;
       }
       return "";
     }).join("|");
@@ -2860,24 +2860,24 @@ const gt = ({ children: A, maxKeepAliveTabs: r = 10, ...t }) => {
     p.forEach((g) => {
       if (me.isValidElement(g))
         if (g.type === Xe) {
-          const T = g.props;
-          T.path && y.push(T.path);
-          const w = T.component, R = typeof w == "function" ? me.createElement(w) : w;
+          const R = g.props;
+          R.path && y.push(R.path);
+          const x = R.component, T = typeof x == "function" ? me.createElement(x) : x;
           z.push(
             /* @__PURE__ */ e(
               qe,
               {
-                path: T.path,
-                element: /* @__PURE__ */ e(pt, { children: R })
+                path: R.path,
+                element: /* @__PURE__ */ e(pt, { children: T })
               },
-              T.path || g.key
+              R.path || g.key
             )
           );
         } else
           z.push(g);
     });
-    const S = { keepAlivePaths: y, routeElements: z };
-    return a.current = S, S;
+    const w = { keepAlivePaths: y, routeElements: z };
+    return a.current = w, w;
   }, [A]), u = ye(je), d = le(() => ({
     requestUnregister: (p) => {
       l.current?.destroy(p);
@@ -2962,17 +2962,17 @@ function vt({
   selectedGroupColor: b = "#132441",
   groupColor: y = "white",
   backgroundGroupColor: z = "#132441",
-  groupLabelDarkColor: S = "white",
+  groupLabelDarkColor: w = "white",
   groupLabelLightColor: g = "white",
-  headerColor: T,
-  footerHeight: w,
-  iconsWithBackground: R,
+  headerColor: R,
+  footerHeight: x,
+  iconsWithBackground: T,
   menuItemHeight: Y,
   showSideBar: Q = !0,
   showHeader: q = !0,
   headerStyle: $ = {},
   highlightActiveMenuItem: m = !0,
-  customRenderSidebar: x,
+  customRenderSidebar: S,
   showCollapsedButton: P = !0,
   sideBarBackgroundDarkColor: D,
   sideBarBackgroundLightColor: E,
@@ -3021,7 +3021,7 @@ function vt({
   }, [v.hidden, ne]), se(() => {
     c && c(v.collapsed);
   }, [v.collapsed, c]);
-  const Ie = ge === "minimal" || v.collapsed ? n : o, Le = (Z, ie = !1) => x ? x({ width: o, height: Z, isHidden: K }) : ge === "legacy" ? /* @__PURE__ */ e(
+  const Ie = ge === "minimal" || v.collapsed ? n : o, Le = (Z, ie = !1) => S ? S({ width: o, height: Z, isHidden: K }) : ge === "legacy" ? /* @__PURE__ */ e(
     Oo,
     {
       navigationData: v.navigationData,
@@ -3031,7 +3031,7 @@ function vt({
       selectedGroupColor: b,
       groupColor: y,
       backgroundGroupColor: z,
-      groupLabelDarkColor: S,
+      groupLabelDarkColor: w,
       groupLabelLightColor: g,
       showGroupLabels: !1,
       collapsed: ie ? !1 : v.collapsed,
@@ -3046,7 +3046,7 @@ function vt({
       sidebarRef: H,
       defaultGroupIcon: d,
       selectedGroupName: u,
-      iconsWithBackground: R,
+      iconsWithBackground: T,
       menuItemHeight: Y,
       highlightActiveMenuItem: m,
       backgroundDarkColor: D,
@@ -3093,7 +3093,7 @@ function vt({
       groupBackgroundColor: z,
       selectedGroupColor: b,
       groupColor: y,
-      groupLabelDarkColor: S,
+      groupLabelDarkColor: w,
       groupLabelLightColor: g,
       activeColor: W,
       withBorder: !1,
@@ -3140,14 +3140,14 @@ function vt({
     {
       header: { height: "60px", collapsed: !q },
       navbar: Ae,
-      footer: { height: w || "0px" },
+      footer: { height: x || "0px" },
       styles: Pe,
       children: [
         /* @__PURE__ */ e(
           Qe.Header,
           {
             p: "xs",
-            color: T,
+            color: R,
             display: "flex",
             style: {
               backgroundColor: "var(--mantine-primary-color-8)",
@@ -3211,17 +3211,17 @@ function bn({
   onHiddenSidebar: b,
   sidebarDefaultGroupIcon: y,
   sidebarSelectedGroupName: z,
-  sideBarHeaderHeight: S,
+  sideBarHeaderHeight: w,
   sideBarHeaderContent: g,
-  selectedGroupColor: T = "#132441",
-  groupColor: w = "white",
-  backgroundGroupColor: R = "#132441",
+  selectedGroupColor: R = "#132441",
+  groupColor: x = "white",
+  backgroundGroupColor: T = "#132441",
   groupLabelDarkColor: Y = "white",
   groupLabelLightColor: Q = "white",
   headerColor: q,
   footerHeight: $,
   iconsWithBackground: m,
-  menuItemHeight: x,
+  menuItemHeight: S,
   showSideBar: P,
   showHeader: D,
   headerStyle: E,
@@ -3268,13 +3268,13 @@ function bn({
           sideBarWidth: c,
           sideBarCollapsedWidth: i,
           sideBarHiddenBreakPoint: u,
-          sideBarHeaderHeight: S,
+          sideBarHeaderHeight: w,
           sideBarHeaderContent: g,
           sideBarFooterHeight: d,
           sideBarFooterContent: h,
-          selectedGroupColor: T,
-          groupColor: w,
-          backgroundGroupColor: R,
+          selectedGroupColor: R,
+          groupColor: x,
+          backgroundGroupColor: T,
           groupLabelDarkColor: Y,
           groupLabelLightColor: Q,
           onCollapsedSideBar: p,
@@ -3284,7 +3284,7 @@ function bn({
           headerColor: q,
           footerHeight: $,
           iconsWithBackground: m,
-          menuItemHeight: x,
+          menuItemHeight: S,
           showSideBar: P,
           showHeader: D,
           headerStyle: E,
@@ -3364,7 +3364,7 @@ function vn({
 }) {
   const [l, a] = me.useTransition(), s = He(), { colorScheme: c } = te(), [i, u] = fe(n), [d, h] = fe(o), p = he(void 0), b = Ue(), y = he([]);
   fo(y);
-  const z = ar(), { state: S, dispatch: g } = z, T = ye(Je), w = ct(), { start: R, done: Y } = bt(), Q = he(r), q = he(t);
+  const z = ar(), { state: w, dispatch: g } = z, R = ye(Je), x = ct(), { start: T, done: Y } = bt(), Q = he(r), q = he(t);
   se(() => {
     Q.current = r, q.current = t;
   });
@@ -3372,8 +3372,8 @@ function vn({
   se(() => {
     p.current = $.current, $.current = d;
   }, [d]);
-  const m = he(!1), x = F((k, f) => {
-    console.log(`[TabContainer] handleOnClose called for: ${k}`), R(), w ? (console.log(`[TabContainer] Destroying keepAlive cache for: ${k}`), w.destroy(k)) : console.error("[ArchbaseAdminTabContainer] keepAliveCache context not available. Tab cache cleanup will not occur. This may cause memory leaks.");
+  const m = he(!1), S = F((k, f) => {
+    console.log(`[TabContainer] handleOnClose called for: ${k}`), T(), x ? (console.log(`[TabContainer] Destroying keepAlive cache for: ${k}`), x.destroy(k)) : console.error("[ArchbaseAdminTabContainer] keepAliveCache context not available. Tab cache cleanup will not occur. This may cause memory leaks.");
     const v = i.findIndex((K) => K.path === k);
     let N = f?.redirectUrl;
     !N && v >= 0 && (N = i[v].redirect);
@@ -3394,17 +3394,17 @@ function vn({
     if (u(O), H && H != null)
       h(H), s(N || H);
     else {
-      if (h(void 0), !T.navigationRootLink) {
+      if (h(void 0), !R.navigationRootLink) {
         console.error("[ArchbaseAdminTabContainer] navigationRootLink is not configured. Cannot navigate to root.");
         return;
       }
-      s(T.navigationRootLink);
+      s(R.navigationRootLink);
     }
     g({ type: "DONE", link: "" }), Y();
-  }, [i, d, s, T.navigationRootLink, g, w, R, Y]);
+  }, [i, d, s, R.navigationRootLink, g, x, T, Y]);
   se(() => {
-    S?.linkClosed && (console.log(`[TabContainer] useEffect - linkClosed: ${S?.linkClosed}`), x(S?.linkClosed, S?.payload));
-  }, [S?.linkClosed, S?.payload, x]);
+    w?.linkClosed && (console.log(`[TabContainer] useEffect - linkClosed: ${w?.linkClosed}`), S(w?.linkClosed, w?.payload));
+  }, [w?.linkClosed, w?.payload, S]);
   const P = (k) => {
     const f = {
       item: void 0,
@@ -3473,7 +3473,7 @@ function vn({
   }, [b.pathname]);
   const L = (k) => {
     const f = i.filter((v) => v.id === k);
-    f && f.length > 0 && b.pathname !== f[0].path && (R(), s(f[0].path), Y()), a(() => {
+    f && f.length > 0 && b.pathname !== f[0].path && (T(), s(f[0].path), Y()), a(() => {
       h(k);
     });
   }, j = (k) => {
@@ -3484,16 +3484,16 @@ function vn({
       console.error("[TabContainer] Dispatch failed:", f);
     }
   }, U = F(() => {
-    if (w?.destroyAll(), u([]), h(void 0), !T.navigationRootLink) {
+    if (x?.destroyAll(), u([]), h(void 0), !R.navigationRootLink) {
       console.error("[ArchbaseAdminTabContainer] navigationRootLink is not configured. Cannot navigate to root.");
       return;
     }
-    s(T.navigationRootLink);
-  }, [s, T.navigationRootLink, w]), J = F((k) => {
+    s(R.navigationRootLink);
+  }, [s, R.navigationRootLink, x]), J = F((k) => {
     const f = i.findIndex((O) => O.id === k);
     if (f <= 0)
       return;
-    i.slice(0, f).forEach((O) => w?.destroy(O.path));
+    i.slice(0, f).forEach((O) => x?.destroy(O.path));
     const N = i.slice(f), M = N.find((O) => O.id === d)?.id || N[0]?.id, H = N.map((O) => ({
       ...O,
       active: O.id === M
@@ -3503,11 +3503,11 @@ function vn({
       const O = H.find((K) => K.id === M);
       O && b.pathname !== O.path && s(O.path);
     }
-  }, [i, d, s, b.pathname, w]), W = F((k) => {
+  }, [i, d, s, b.pathname, x]), W = F((k) => {
     const f = i.findIndex((O) => O.id === k);
     if (f === -1 || f >= i.length - 1)
       return;
-    i.slice(f + 1).forEach((O) => w?.destroy(O.path));
+    i.slice(f + 1).forEach((O) => x?.destroy(O.path));
     const N = i.slice(0, f + 1), M = N.find((O) => O.id === d)?.id || N[N.length - 1]?.id, H = N.map((O) => ({
       ...O,
       active: O.id === M
@@ -3517,14 +3517,14 @@ function vn({
       const O = H.find((K) => K.id === M);
       O && b.pathname !== O.path && s(O.path);
     }
-  }, [i, d, s, b.pathname, w]), de = F((k) => {
+  }, [i, d, s, b.pathname, x]), de = F((k) => {
     const f = i.find((N) => N.id === k);
     if (!f)
       return;
-    w?.destroyOther(f.path);
+    x?.destroyOther(f.path);
     const v = [{ ...f, active: !0 }];
     u(v), h(k), b.pathname !== f.path && s(f.path);
-  }, [i, s, b.pathname, w]);
+  }, [i, s, b.pathname, x]);
   return /* @__PURE__ */ e("div", { ref: y, children: /* @__PURE__ */ e(
     go,
     {
@@ -3687,20 +3687,21 @@ function xn({ opened: A, handleClose: r, userId: t, updateUser: o, options: n })
     loadOnStart: !0,
     validator: s,
     id: t,
-    onLoadComplete: (S) => {
-      S.isBrowsing() && S.edit(), a();
+    onLoadComplete: (w) => {
+      w.isBrowsing() && w.edit(), a();
     },
-    onDestroy: (S) => {
+    onDestroy: (w) => {
     },
-    onError: (S, g) => {
-      co.showError(re().t("archbase:WARNING"), S, g);
+    onError: (w, g) => {
+      const R = w instanceof Error ? w.message : typeof w == "string" ? w : JSON.stringify(w);
+      co.showError(re().t("archbase:WARNING"), R, g);
     }
   });
   se(() => {
     A && d && d.isBrowsing() && d.edit();
   }, [d, A]);
-  const z = (S) => {
-    S && (console.log(S), o(S.name, S.avatar));
+  const z = (w) => {
+    w && (console.log(w), o(w.name, w.avatar));
   };
   return /* @__PURE__ */ e(
     vo,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archbase/admin",
-  "version": "4.0.4",
+  "version": "4.0.18",
   "description": "Admin interface components for Archbase React",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -43,12 +43,12 @@
     "react-router-dom": "^6.28.0",
     "usehooks-ts": "^2.16.0",
     "zustand": "^5.0.6",
-    "@archbase/components": "4.0.4",
-    "@archbase/core": "4.0.4",
-    "@archbase/data": "4.0.4",
-    "@archbase/layout": "4.0.4",
-    "@archbase/security": "4.0.4",
-    "@archbase/template": "4.0.4"
+    "@archbase/components": "4.0.18",
+    "@archbase/core": "4.0.18",
+    "@archbase/data": "4.0.18",
+    "@archbase/layout": "4.0.18",
+    "@archbase/security": "4.0.18",
+    "@archbase/template": "4.0.18"
   },
   "devDependencies": {
     "keepalive-for-react": "^5.0.7",