prometeo-design-system 6.3.2 → 6.3.4

package/dist/PyrionLayout.es.js

@@ -6,17 +6,17 @@ import je, { forwardRef as le, useState as R, useRef as I, useEffect as Y, memo
 import { createPortal as Be } from "react-dom";
 import { CloseNavBarDesktop as Et } from "./Icons/CloseNavBarDesktop.es.js";
 import { c as Ie } from "./index-BOQuZ0gG.js";
-import { B as We } from "./badge-BEx-0Q-K.js";
+import { B as We } from "./badge-CWYEc-DA.js";
 import _t from "./PlainTooltip.es.js";
 import { CrevronLeft as Pt } from "./Icons/CrevronLeft.es.js";
-import { S as Oe, a as Mt } from "./Scrollable-Bo9WaCTx.js";
+import { S as Oe, a as Mt } from "./Scrollable-BhxCCeiu.js";
 import { useLocation as Ve } from "react-router";
 import de from "./TicketCard.es.js";
 import He from "./UserCard.es.js";
 import Ee from "./Button.es.js";
 import { Logout as Rt } from "./Icons/Logout.es.js";
-import se from "./Skeleton.es.js";
-import { u as Bt } from "./useScrollable-Bw17eU40.js";
+import ae from "./Skeleton.es.js";
+import { u as Bt } from "./useScrollable-CSfF1lbV.js";
 import $e from "./IconButton.es.js";
 import { Help as qe } from "./Icons/Help.es.js";
 import { Close as _e } from "./Icons/Close.es.js";
@@ -25,11 +25,11 @@ import { T as Ut, a as zt } from "./TabLinks-DnoWdrdk.js";
 import { Notifications as Ke } from "./Icons/Notifications.es.js";
 import { Settings as Wt } from "./Icons/Settings.es.js";
 const Vt = le((t, r) => {
-  const [n, a] = R(t?.currentTabName || t.tabs[0]?.name), p = I(null), { tabs: l = [], className: d, activeColor: h = "var(--neutral-900)", currentSystemId: i, isLoading: f = !1 } = t;
+  const [n, a] = R(t?.currentTabName || t.tabs[0]?.name), m = I(null), { tabs: l = [], className: d, activeColor: h = "var(--neutral-900)", currentSystemId: i, isLoading: f = !1 } = t;
   Y(() => {
-    p.current?.style.setProperty("--tab-bg", h);
+    m.current?.style.setProperty("--tab-bg", h);
   }, [h]);
-  const w = l.find((m) => m?.id === i || m?.name === t?.currentTabName) || l.find((m) => m?.name === n);
+  const w = l.find((p) => p?.id === i || p?.name === t?.currentTabName) || l.find((p) => p?.name === n);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -43,7 +43,7 @@ const Vt = le((t, r) => {
         d
       ),
       children: (f ? Array(3).fill(null) : l).map(
-        (m, b) => {
+        (p, b) => {
           if (f) return /* @__PURE__ */ e.jsx(
             "div",
             {
@@ -60,12 +60,12 @@ const Vt = le((t, r) => {
                 "grid place-items-center",
                 "tab-thumbnail-icon",
                 "bg-transparent text-neutral-default-default",
-                m?.className
-              ), children: /* @__PURE__ */ e.jsx(se, { shape: "rounded", className: "w-full h-full" }) })
+                p?.className
+              ), children: /* @__PURE__ */ e.jsx(ae, { shape: "rounded", className: "w-full h-full" }) })
             }
           );
-          const S = m?.name === w?.name, j = typeof m?.thumbnail == "string" ? /* @__PURE__ */ e.jsx("img", { src: m?.thumbnail, alt: m?.description, className: "aspect-square object-contain rounded", draggable: !1 }) : m?.thumbnail, u = () => {
-            m.disabled || (a(m?.name), m.onClick && m.onClick(m?.name));
+          const S = p?.name === w?.name, j = typeof p?.thumbnail == "string" ? /* @__PURE__ */ e.jsx("img", { src: p?.thumbnail, alt: p?.description, className: "aspect-square object-contain rounded", draggable: !1 }) : p?.thumbnail, u = () => {
+            p.disabled || (a(p?.name), p.onClick && p.onClick(p?.name));
           };
           return /* @__PURE__ */ e.jsx(
             "div",
@@ -79,23 +79,23 @@ const Vt = le((t, r) => {
                 S && "active"
               ),
               onClick: u,
-              ref: p,
+              ref: m,
               children: /* @__PURE__ */ e.jsx("div", { className: D(
                 "size-8 rounded-[4px]",
                 "grid place-items-center",
                 "tab-thumbnail-icon",
                 "bg-transparent text-neutral-default-default",
-                m?.className
+                p?.className
               ), children: j })
             },
-            m?.name
+            p?.name
           );
         }
       )
     }
   );
-}), Je = O(le(({ children: t, className: r, context: n, modal: a = !1, closeOnOverlayClick: p = !1, unmountChildrenOnClose: l = !0 }, d) => {
-  const h = ue(t, n), i = typeof window < "u" && window.matchMedia("(min-width: 768px)").matches, { isSidebarOpen: f } = Ht(), { closeSidebar: w } = ne(), [m, b] = R(() => l ? f : !0), [S, j] = R(!1);
+}), Je = O(le(({ children: t, className: r, context: n, modal: a = !1, closeOnOverlayClick: m = !1, unmountChildrenOnClose: l = !0 }, d) => {
+  const h = ue(t, n), i = typeof window < "u" && window.matchMedia("(min-width: 768px)").matches, { isSidebarOpen: f } = Ht(), { closeSidebar: w } = se(), [p, b] = R(() => l ? f : !0), [S, j] = R(!1);
   return Y(() => {
     l && n?.subscribeToSidebarOpen((u) => {
       u ? (j(!1), b(!0)) : j(!0);
@@ -113,14 +113,14 @@ const Vt = le((t, r) => {
       {
         className: D("navigation-drawer-sidebar-overlay"),
         onClick: (u) => {
-          u.preventDefault(), u.stopPropagation(), p && w?.();
+          u.preventDefault(), u.stopPropagation(), m && w?.();
         },
         "aria-hidden": "true"
       }
     ),
     /* @__PURE__ */ e.jsx("div", { ref: d, className: D("sidebar collapsed", "h-full overflow-auto", r), "aria-modal": a || void 0, children: /* @__PURE__ */ e.jsxs("div", { className: D("navigation-drawer-sidebar-inner h-full max-h-full! overflow-hidden!"), children: [
       /* @__PURE__ */ e.jsx("div", { className: "secure-click-margin hidden" }),
-      m && h
+      p && h
     ] }) })
   ] });
 })), Pe = O(le(({ children: t }, r) => /* @__PURE__ */ e.jsx("div", { ref: r, className: "h-full w-max top-0 left-0 z-50", children: t })));
@@ -129,7 +129,7 @@ const Ge = Le(null), Ye = Le(null), Ht = () => {
   const t = ze(Ge);
   if (!t) throw new Error("useDrawerState must be used within NavigationDrawer");
   return t;
-}, ne = () => {
+}, se = () => {
   const t = ze(Ye);
   if (!t) throw new Error("useDrawerActions must be used within NavigationDrawer");
   return t;
@@ -147,11 +147,11 @@ const Ge = Le(null), Ye = Le(null), Ht = () => {
   desktop: !1,
   mobile: !0
 }, Gt = (t) => {
-  const { children: r, classNameDrawer: n, classNameSidebar: a, disableDragOpen: p, modal: l = !0, closeOnOutsideClick: d = !0 } = t, h = I(null), i = I(null), f = I(null), w = t.outletRef ?? I(null), m = I(null), b = I(qt($t(), t.defaultCollapsedState ?? Jt)), S = I(!1), j = I("drawer"), u = I(/* @__PURE__ */ new Set()), C = I(/* @__PURE__ */ new Set()), v = x((o) => {
+  const { children: r, classNameDrawer: n, classNameSidebar: a, disableDragOpen: m, modal: l = !0, closeOnOutsideClick: d = !0 } = t, h = I(null), i = I(null), f = I(null), w = t.outletRef ?? I(null), p = I(null), b = I(qt($t(), t.defaultCollapsedState ?? Jt)), S = I(!1), j = I("drawer"), u = I(/* @__PURE__ */ new Set()), C = I(/* @__PURE__ */ new Set()), v = x((o) => {
     const g = f.current;
     g && (g.classList.toggle("collapsed", o), g.classList.toggle("expanded", !o));
   }, []), A = x((o) => {
-    const g = m.current;
+    const g = p.current;
     if (!g) return;
     g.classList.toggle("collapsed", o), g.classList.toggle("expanded", !o);
     const L = h.current;
@@ -232,7 +232,7 @@ const Ge = Le(null), Ye = Le(null), Ht = () => {
       u.current.delete(o);
     }),
     openSidebar: () => {
-      if (m.current) {
+      if (p.current) {
         if (window.matchMedia("(min-width: 768px)").matches) {
           P(!1);
           return;
@@ -248,7 +248,7 @@ const Ge = Le(null), Ye = Le(null), Ht = () => {
       N("outlet"), o?.();
     },
     toggleSidebar: (o) => {
-      if (!m.current) return;
+      if (!p.current) return;
       if (window.matchMedia("(min-width: 768px)").matches) {
         P(!S.current);
         return;
@@ -256,7 +256,7 @@ const Ge = Le(null), Ye = Le(null), Ht = () => {
       const g = j.current === "sidebar" ? "outlet" : "sidebar";
       N(g), o?.(S.current ? "closed" : "open");
     },
-    getIsSidebarOpen: () => m.current ? window.matchMedia("(min-width: 768px)").matches ? !S.current : j.current === "sidebar" : !1,
+    getIsSidebarOpen: () => p.current ? window.matchMedia("(min-width: 768px)").matches ? !S.current : j.current === "sidebar" : !1,
     subscribeToSidebarOpen: (o) => (C.current.add(o), () => {
       C.current.delete(o);
     }),
@@ -291,7 +291,7 @@ const Ge = Le(null), Ye = Le(null), Ht = () => {
   const F = q.current, Q = typeof r == "function" ? r(F) : r, M = It.toArray(Q);
   let _ = null, U = null, X = null;
   const Z = [];
-  let K = null, oe = null, W = null;
+  let K = null, ne = null, W = null;
   M.forEach((o) => {
     if (!ce(o)) {
       Z.push(o);
@@ -313,8 +313,8 @@ const Ge = Le(null), Ye = Le(null), Ht = () => {
       K = o;
       return;
     }
-    if (o.type === Je && !oe) {
-      oe = o;
+    if (o.type === Je && !ne) {
+      ne = o;
       return;
     }
     if (o.type === Pe && !W) {
@@ -323,7 +323,7 @@ const Ge = Le(null), Ye = Le(null), Ht = () => {
     }
     Z.push(o);
   });
-  const we = !!U, fe = U ?? (Z.length ? /* @__PURE__ */ e.jsx(xe, { children: Z }) : null), me = we ? Z : [], ee = K ?? (!!K ? /* @__PURE__ */ e.jsx(Ae, { children: Q, context: F, modal: l, closeOnOutsideClick: d }) : null), pe = X ?? (!!X ? /* @__PURE__ */ e.jsx(ge, { children: X }) : null), ye = !!oe, te = oe, ie = !!W, ae = re(() => ({
+  const we = !!U, fe = U ?? (Z.length ? /* @__PURE__ */ e.jsx(xe, { children: Z }) : null), me = we ? Z : [], ee = K ?? (!!K ? /* @__PURE__ */ e.jsx(Ae, { children: Q, context: F, modal: l, closeOnOutsideClick: d }) : null), pe = X ?? (!!X ? /* @__PURE__ */ e.jsx(ge, { children: X }) : null), ye = !!ne, te = ne, ie = !!W, oe = re(() => ({
     isCollapsed: b.current,
     isSidebarOpen: !S.current
   }), [b.current, S.current]);
@@ -336,11 +336,11 @@ const Ge = Le(null), Ye = Le(null), Ht = () => {
     o.style.transition = "none";
     const L = b.current;
     o.className = o.className.replace(/\b(collapsed|expanded|has-left-slot)\b/g, "").trim(), o.classList.add(L ? "collapsed" : "expanded"), ie && o.classList.add("has-left-slot"), o.style.transition = g;
-  }, [ie]), /* @__PURE__ */ e.jsx(Ge.Provider, { value: ae, children: /* @__PURE__ */ e.jsx(Ye.Provider, { value: F, children: /* @__PURE__ */ e.jsxs("div", { id: "navigation-drawer-container", ref: h, className: D(
+  }, [ie]), /* @__PURE__ */ e.jsx(Ge.Provider, { value: oe, children: /* @__PURE__ */ e.jsx(Ye.Provider, { value: F, children: /* @__PURE__ */ e.jsxs("div", { id: "navigation-drawer-container", ref: h, className: D(
     "w-full h-full max-h-dvh overflow-y-hidden",
     ye ? "navigation-drawer-with-sidebar" : "navigation-drawer",
-    p?.drawer ? "disabled-dragopen" : "",
-    p?.sidebar ? "disabled-dragopen-sidebar" : ""
+    m?.drawer ? "disabled-dragopen" : "",
+    m?.sidebar ? "disabled-dragopen-sidebar" : ""
   ), children: [
     /* @__PURE__ */ e.jsxs(
       "div",
@@ -370,7 +370,7 @@ const Ge = Le(null), Ye = Le(null), Ht = () => {
     ),
     ee && ce(ee) ? je.cloneElement(ee, { ref: w, modal: l, closeOnOutsideClick: d }) : ee,
     te && ce(te) ? je.cloneElement(te, {
-      ref: m,
+      ref: p,
       className: D("sidebar", te.props?.className, a),
       context: F
     }) : te
@@ -391,8 +391,8 @@ const Me = O(({ children: t, className: r, context: n }) => {
 });
 Me.displayName = "NavigationDrawerHeader";
 const xe = O(({ children: t, className: r, context: n, ...a }) => {
-  const p = ue(t, n);
-  return /* @__PURE__ */ e.jsx("div", { ...a, className: D("w-full flex-1 drawer-content select-none", r), children: p });
+  const m = ue(t, n);
+  return /* @__PURE__ */ e.jsx("div", { ...a, className: D("w-full flex-1 drawer-content select-none", r), children: m });
 });
 xe.displayName = "NavigationDrawerContent";
 const ge = O(({ children: t, className: r, context: n }) => {
@@ -402,9 +402,9 @@ const ge = O(({ children: t, className: r, context: n }) => {
 ge.displayName = "NavigationDrawerFooter";
 const Ze = O(({ className: t }) => /* @__PURE__ */ e.jsx("div", { className: D("w-full border-t border-neutral-strong-default ", t) }));
 Ze.displayName = "NavigationDrawerSpacer";
-const Ae = O(le(({ children: t, className: r, context: n, modal: a, closeOnOutsideClick: p }, l) => {
-  const d = ue(t, n), h = ne(), i = () => {
-    p && (h.closeDrawer(), h.closeSidebar());
+const Ae = O(le(({ children: t, className: r, context: n, modal: a, closeOnOutsideClick: m }, l) => {
+  const d = ue(t, n), h = se(), i = () => {
+    m && (h.closeDrawer(), h.closeSidebar());
   };
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { id: "navigation-drawer-outlet", ref: l, className: D("flex-1 overflow-auto relative h-full max-h-dvh", r), children: [
     a && /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer-backdrop select-none", onClick: i }),
@@ -482,14 +482,14 @@ const Yt = "hover:bg-neutral-medium-hover", Qt = Ie("", {
     title: r,
     icon: n,
     count: a,
-    className: p,
+    className: m,
     isSelected: l = !1,
     hasSublinks: d,
     subLinksCollapsed: h,
     onToggleSublinks: i,
     as: f = "div",
     onClick: w,
-    onAuxClick: m,
+    onAuxClick: p,
     disabled: b = !1,
     tooltipText: S,
     selectorCss: j
@@ -501,7 +501,7 @@ const Yt = "hover:bg-neutral-medium-hover", Qt = Ie("", {
       /* @__PURE__ */ e.jsx("label", { className: Xt({ disabled: b, isSelected: l }), children: r })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1 items-center", children: [
-      a && a ? /* @__PURE__ */ e.jsx(We, { count: a, maxCount: 9, className: "badge", disabled: b }) : "",
+      a && a ? /* @__PURE__ */ e.jsx(We, { count: a, maxCount: 99, className: "badge", disabled: b }) : "",
       d && /* @__PURE__ */ e.jsx(
         "div",
         {
@@ -531,12 +531,12 @@ const Yt = "hover:bg-neutral-medium-hover", Qt = Ie("", {
     "transition-all duration-300",
     Yt,
     Qt({ isSelected: l, disabled: b }),
-    p
+    m
   );
   if (f === "a") {
     const c = {
       onClick: u,
-      onAuxClick: m,
+      onAuxClick: p,
       className: v
     };
     return /* @__PURE__ */ e.jsx("a", { ...c, children: C });
@@ -558,7 +558,7 @@ const Yt = "hover:bg-neutral-medium-hover", Qt = Ie("", {
 }, Re = O(Zt);
 Re.displayName = "NavigationDrawerItemBase";
 const er = (t) => {
-  const { title: r, icon: n, count: a, className: p, isActive: l, onClick: d, isView: h = !0, disabled: i, tooltipText: f, selectorCss: w } = t;
+  const { title: r, icon: n, count: a, className: m, isActive: l, onClick: d, isView: h = !0, disabled: i, tooltipText: f, selectorCss: w } = t;
   return h ? /* @__PURE__ */ e.jsx(
     Re,
     {
@@ -566,7 +566,7 @@ const er = (t) => {
       title: r,
       icon: n,
       count: a,
-      className: p,
+      className: m,
       isSelected: l,
       onClick: d,
       disabled: i,
@@ -579,8 +579,8 @@ et.displayName = "NavigationDrawerActionItem";
 const tr = ({ actions: t, activeActionId: r, onActionClick: n, className: a }) => /* @__PURE__ */ e.jsx(Oe, { className: D("flex flex-col w-full ", a), contentClassName: "space-y-2", scrollbarProps: { hide: !0 }, indicators: {
   top: { type: "shadow", behavior: "scroll-on-hover", show: !0 },
   bottom: { type: "shadow", behavior: "scroll-on-hover", show: !0 }
-}, children: t?.map((p) => {
-  const { id: l, onClick: d, isView: h = !0, payload: i, ...f } = p, w = l === r, m = () => {
+}, children: t?.map((m) => {
+  const { id: l, onClick: d, isView: h = !0, payload: i, ...f } = m, w = l === r, p = () => {
     n?.(l, i), d?.();
   };
   return h ? /* @__PURE__ */ e.jsx(
@@ -589,20 +589,20 @@ const tr = ({ actions: t, activeActionId: r, onActionClick: n, className: a }) =
       ...f,
       id: l,
       isActive: w,
-      onClick: m
+      onClick: p
     },
     l
   ) : null;
 }) }), tt = O(tr);
 tt.displayName = "NavigationDrawerActions";
 const rr = (t) => {
-  const { className: r, title: n, path: a, onClick: p, isSelected: l, parentPath: d } = t, { pathname: h } = Ve(), i = x(() => {
-    p?.(a);
+  const { className: r, title: n, path: a, onClick: m, isSelected: l, parentPath: d } = t, { pathname: h } = Ve(), i = x(() => {
+    m?.(a);
   }, [a]), f = x(() => {
     if (a.startsWith("./")) {
       if (!d) return;
-      const m = d + a.slice(2);
-      window.open(m, "_blank");
+      const p = d + a.slice(2);
+      window.open(p, "_blank");
     } else
       window.open(a, "_blank");
   }, [a]), w = l || a === h;
@@ -629,7 +629,7 @@ const rr = (t) => {
 }, rt = O(rr);
 rt.displayName = "NavItemSecondary";
 const sr = le((t, r) => {
-  const [n, a] = R(!0), p = I(null), { path: l, title: d, icon: h, count: i, className: f, isSelected: w = !1, onClick: m, sublinks: b, toggleCollapse: S, getIsCollapsed: j, subscribeToCollapse: u, isView: C = !0, disabled: v, tooltipText: A, selectorCss: c } = t;
+  const [n, a] = R(!0), m = I(null), { path: l, title: d, icon: h, count: i, className: f, isSelected: w = !1, onClick: p, sublinks: b, toggleCollapse: S, getIsCollapsed: j, subscribeToCollapse: u, isView: C = !0, disabled: v, tooltipText: A, selectorCss: c } = t;
   Y(() => u ? u((_) => {
     _ && a(!0);
   }) : void 0, [u]);
@@ -656,8 +656,8 @@ const sr = le((t, r) => {
       N(!1), S?.();
       return;
     }
-    m?.(l);
-  }, [l, m, b, S, N, j]), q = x(() => {
+    p?.(l);
+  }, [l, p, b, S, N, j]), q = x(() => {
     window.open(l, "_blank");
   }, [l]), F = () => {
     if (!b || v) return null;
@@ -666,16 +666,16 @@ const sr = le((t, r) => {
     const M = x((_) => {
       if (_.startsWith("./")) {
         const U = l + _.slice(2);
-        m?.(U);
+        p?.(U);
       } else
-        m?.(_);
+        p?.(_);
     }, [l]);
     return Y(() => {
-      const _ = p.current;
+      const _ = m.current;
       if (!_) return;
       const U = _.scrollHeight;
       _.style.setProperty("--sublinks-max-height", `${U}px`);
-    }, []), /* @__PURE__ */ e.jsx("div", { ref: p, className: `sublinks flex flex-col gap-1 ml-8 ${n ? "collapsed" : "expanded"}`, children: b.map((_) => /* @__PURE__ */ e.jsx(rt, { ..._, onClick: M, parentPath: l }, `${_.title}-${_.path}`)) });
+    }, []), /* @__PURE__ */ e.jsx("div", { ref: m, className: `sublinks flex flex-col gap-1 ml-8 ${n ? "collapsed" : "expanded"}`, children: b.map((_) => /* @__PURE__ */ e.jsx(rt, { ..._, onClick: M, parentPath: l }, `${_.title}-${_.path}`)) });
   }, Q = (M) => {
     M.stopPropagation(), M.preventDefault(), P();
   };
@@ -702,7 +702,7 @@ const sr = le((t, r) => {
   ] }) : null;
 }), st = O(sr);
 st.displayName = "NavigationDrawerLinkItem";
-const nr = ({ navlinks: t, handleNavigation: r, className: n, getIsCollapsed: a, toggleCollapse: p, subscribeToCollapse: l }) => {
+const nr = ({ navlinks: t, handleNavigation: r, className: n, getIsCollapsed: a, toggleCollapse: m, subscribeToCollapse: l }) => {
   const { pathname: d } = Ve();
   return /* @__PURE__ */ e.jsx(Oe, { className: D("flex flex-col w-full", n), contentClassName: "space-y-2", axis: "y", scrollbarProps: { hide: !0 }, indicators: {
     top: { type: "shadow", behavior: "scroll-on-hover", show: !0 },
@@ -715,7 +715,7 @@ const nr = ({ navlinks: t, handleNavigation: r, className: n, getIsCollapsed: a,
         ...h,
         isSelected: f,
         onClick: r,
-        toggleCollapse: p,
+        toggleCollapse: m,
         getIsCollapsed: a,
         subscribeToCollapse: l,
         disabled: h.disabled,
@@ -727,8 +727,8 @@ const nr = ({ navlinks: t, handleNavigation: r, className: n, getIsCollapsed: a,
   }) });
 }, nt = O(nr);
 nt.displayName = "NavigationDrawerNavlinks";
-const ot = O(({ navlinks: t, handleNavigation: r, allActions: n, activeActionId: a, initialSectionRef: p, navigationControlsRef: l, onActionClick: d }) => {
-  const { getIsCollapsed: h, toggleCollapse: i, subscribeToCollapse: f, subscribeToSidebarOpen: w, getIsSidebarOpen: m } = ne(), [b, S] = R(() => m?.() ?? !1), [j, u] = R(() => p?.current ?? "notifications");
+const ot = O(({ navlinks: t, handleNavigation: r, allActions: n, activeActionId: a, initialSectionRef: m, navigationControlsRef: l, onActionClick: d }) => {
+  const { getIsCollapsed: h, toggleCollapse: i, subscribeToCollapse: f, subscribeToSidebarOpen: w, getIsSidebarOpen: p } = se(), [b, S] = R(() => p?.() ?? !1), [j, u] = R(() => m?.current ?? "notifications");
   Y(() => {
     const A = w?.(S), c = l?.current?.subscribeToSection?.(u);
     return () => {
@@ -764,15 +764,15 @@ const ot = O(({ navlinks: t, handleNavigation: r, allActions: n, activeActionId:
 }, (t, r) => t.navlinks === r.navlinks && t.handleNavigation === r.handleNavigation && t.allActions === r.allActions && t.activeActionId === r.activeActionId && t.initialSectionRef === r.initialSectionRef && t.navigationControlsRef === r.navigationControlsRef && t.onActionClick === r.onActionClick);
 ot.displayName = "PyrionLayout.Content";
 const or = (t) => {
-  const { sessions: r, onSessionClick: n, secondarySlot: a, subImageUrlAccessor: p } = t;
+  const { sessions: r, onSessionClick: n, secondarySlot: a, subImageUrlAccessor: m } = t;
   if (!r || r.length === 0)
     return null;
   const l = (i, f) => {
     n && f && n(i, f);
   }, d = (i) => {
-    if (!p)
+    if (!m)
       return;
-    const f = be({ session: i }, p);
+    const f = be({ session: i }, m);
     if (f != null)
       return typeof f == "string" ? f : String(f);
   }, h = x((i) => typeof a == "function" ? a(i) : a, [a]);
@@ -796,7 +796,7 @@ const or = (t) => {
   currentAppSessions: r,
   resolveUserSecondarySlot: n,
   resolveSessionSecondarySlot: a,
-  onSessionClick: p,
+  onSessionClick: m,
   onLogoutClick: l,
   onProfileClick: d,
   options: h,
@@ -804,10 +804,10 @@ const or = (t) => {
   userOptionsControls: f,
   mobileAppSwitcherControls: w
 }) => {
-  const { getIsCollapsed: m, toggleCollapse: b, subscribeToCollapse: S } = ne(), j = x(() => {
-    const u = m();
+  const { getIsCollapsed: p, toggleCollapse: b, subscribeToCollapse: S } = se(), j = x(() => {
+    const u = p();
     u ? (b(), f.current?.open()) : d?.(u);
-  }, [m, b, f, d]);
+  }, [p, b, f, d]);
   return Y(() => S((u) => {
     u && (f.current?.close(), w.current?.close());
   }), [S, f, w]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -842,7 +842,7 @@ const or = (t) => {
                 or,
                 {
                   sessions: r,
-                  onSessionClick: p,
+                  onSessionClick: m,
                   secondarySlot: a,
                   subImageUrlAccessor: h?.sessionCardOptions?.subImageUrlAccessor,
                   currentSystemId: i,
@@ -876,10 +876,10 @@ const or = (t) => {
   const n = Object.keys(t), a = Object.keys(r);
   if (n.length !== a.length)
     return !1;
-  for (const p of n) {
-    if (!Object.prototype.hasOwnProperty.call(r, p))
+  for (const m of n) {
+    if (!Object.prototype.hasOwnProperty.call(r, m))
       return !1;
-    const l = t[p], d = r[p];
+    const l = t[m], d = r[m];
     if (l !== d)
       return !1;
   }
@@ -897,34 +897,34 @@ const lt = O(({ enabled_systems: t, onClick: r, currentSystemId: n }) => {
       if (d) return { coverImage: d.coverImage, thumbnail: d.thumbnail };
     }
     return { coverImage: "", thumbnail: "" };
-  }, [t]), p = !!r;
+  }, [t]), m = !!r;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     a().coverImage ? /* @__PURE__ */ e.jsx(
       "img",
       {
         src: a().coverImage,
         alt: "System Logo",
-        className: D("w-full h-12 rounded object-contain system-cover-image ", p && "cursor-pointer"),
+        className: D("w-full h-12 rounded object-contain system-cover-image ", m && "cursor-pointer"),
         draggable: !1,
         onClick: r
       }
-    ) : /* @__PURE__ */ e.jsx(se, { className: "w-full h-12 rounded object-contain system-cover-image " }),
+    ) : /* @__PURE__ */ e.jsx(ae, { className: "w-full h-12 rounded object-contain system-cover-image " }),
     a().thumbnail ? /* @__PURE__ */ e.jsx(
       "img",
       {
         src: a().thumbnail,
         alt: "System Logo",
-        className: D("w-12 h-12 rounded object-cover system-thumbnail ", p && "cursor-pointer"),
+        className: D("w-12 h-12 rounded object-cover system-thumbnail ", m && "cursor-pointer"),
         draggable: !1,
         onClick: r
       }
-    ) : /* @__PURE__ */ e.jsx(se, { className: "w-12 h-12 rounded object-cover system-thumbnail " })
+    ) : /* @__PURE__ */ e.jsx(ae, { className: "w-12 h-12 rounded object-cover system-thumbnail " })
   ] });
 }, (t, r) => t.enabled_systems === r.enabled_systems && t.onClick === r.onClick && t.currentSystemId === r.currentSystemId);
 lt.displayName = "PyrionNavigationDrawer.SystemLogo";
 const it = O(
   ({ onSystemLogoClick: t, state: r, currentSystemId: n }) => {
-    const { getIsCollapsed: a } = ne(), p = x(() => {
+    const { getIsCollapsed: a } = se(), m = x(() => {
       if (t) {
         const l = a();
         t(l);
@@ -934,7 +934,7 @@ const it = O(
       lt,
       {
         enabled_systems: r.enabled_systems,
-        onClick: p,
+        onClick: m,
         currentSystemId: n
       }
     );
@@ -961,26 +961,28 @@ const lr = ({ onCloseClick: t, children: r, title: n = "Ayuda" }) => /* @__PURE_
   if (t === "skeletons") return /* @__PURE__ */ e.jsx("div", { className: "w-full h-full flex flex-col gap-3", children: Array(10)?.fill({})?.map(() => /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(ir, {}) })) });
 }, ir = () => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-end gap-1 p-2", children: [
   /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 w-full", children: [
-    /* @__PURE__ */ e.jsx(se, { shape: "circle", className: "w-12 h-12 aspect-square!" }),
-    /* @__PURE__ */ e.jsx(se, { shape: "rounded", className: "w-full h-12 min-h-12" })
+    /* @__PURE__ */ e.jsx(ae, { shape: "circle", className: "w-12 h-12 aspect-square!" }),
+    /* @__PURE__ */ e.jsx(ae, { shape: "rounded", className: "w-full h-12 min-h-12" })
   ] }),
-  /* @__PURE__ */ e.jsx(se, { shape: "rounded", className: "w-20 h-3" })
-] }), cr = ({ onCloseClick: t, onMarkAllAsRead: r, loadingState: n, errorState: a, notifications: p, scrollableState: l }) => {
+  /* @__PURE__ */ e.jsx(ae, { shape: "rounded", className: "w-20 h-3" })
+] }), cr = ({ onCloseClick: t, onMarkAllAsRead: r, loadingState: n, errorState: a, notifications: m, scrollableState: l }) => {
   const [d, h] = R("NO_LEIDAS"), i = I(null), f = I(null), w = (c) => {
     h(c);
-  }, m = p.length > 0;
+  }, p = m.length > 0;
   De(() => {
     if (i.current && f.current) {
       const c = i.current.clientHeight;
       f.current.style.setProperty("height", `calc(100dvh - ${c}px - 20px)`);
     }
   }, [i?.current, d]);
-  const b = p.filter((c) => !c.read).length, { isLoading: S, type: j } = n, { hasError: u, children: C } = a, v = re(() => p?.filter(
+  const b = m.filter((c) => !c.read).length, { isLoading: S, type: j } = n, { hasError: u, children: C } = a, v = re(() => m?.filter(
     (c) => d === "NO_LEIDAS" ? !c.read : c
-  ), [p, d]), A = re(() => ({
+  ), [m, d]), A = re(() => ({
     activeTab: d,
-    isLoading: S
-  }), [d, S]);
+    isLoading: S,
+    notificationsLength: m.length
+    // Añadir la longitud de las notificaciones como metadata
+  }), [d, S, m.length]);
   return /* @__PURE__ */ e.jsx(
     "section",
     {
@@ -1019,14 +1021,11 @@ const lr = ({ onCloseClick: t, children: r, title: n = "Ayuda" }) => /* @__PURE_
                     iconSize: F
                   }
                 ),
-                b > 0 && c.id === "NO_LEIDAS" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  /* @__PURE__ */ e.jsx(We, { count: b, className: "absolute top-1 -right-1" }),
-                  S && /* @__PURE__ */ e.jsx("div", { className: "absolute top-0.5 -right-1.5", children: /* @__PURE__ */ e.jsx(se, { className: "size-6!", shape: "circle", animation: "border" }) })
-                ] })
+                b > 0 && c.id === "NO_LEIDAS" && /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(We, { count: b, maxCount: 99, className: "absolute top-1 -right-1" }) })
               ] })
             }
           ),
-          r && m && d === "NO_LEIDAS" && !u && /* @__PURE__ */ e.jsx("div", { className: "flex justify-end px-4", children: /* @__PURE__ */ e.jsx(Ee, { disabled: S || b === 0, onClick: r, label: "Marcar todas como leidas", variant: "text", animate: !1, animateIcon: !1, size: "small" }) })
+          r && p && d === "NO_LEIDAS" && !u && /* @__PURE__ */ e.jsx("div", { className: "flex justify-end px-4", children: /* @__PURE__ */ e.jsx(Ee, { disabled: S || b === 0, onClick: r, label: "Marcar todas como leidas", variant: "text", animate: !1, animateIcon: !1, size: "small" }) })
         ] }),
         /* @__PURE__ */ e.jsx("div", { ref: f, className: " ", children: /* @__PURE__ */ e.jsxs(
           Mt,
@@ -1044,7 +1043,7 @@ const lr = ({ onCloseClick: t, children: r, title: n = "Ayuda" }) => /* @__PURE_
             children: [
               u && /* @__PURE__ */ e.jsx("div", { className: "w-full h-full grid place-items-center", children: typeof C == "function" ? C() : C }),
               !u && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col md:h-[110%] h-[120%] ", children: [
-                S && j === "skeletons" ? /* @__PURE__ */ e.jsx(Ue, { type: j }) : m ? v?.map((c) => /* @__PURE__ */ e.jsxs("div", { children: [
+                S && j === "skeletons" ? /* @__PURE__ */ e.jsx(Ue, { type: j }) : p ? v?.map((c) => /* @__PURE__ */ e.jsxs("div", { children: [
                   /* @__PURE__ */ e.jsx(Ft, { ...c, className: "mt-2" }),
                   /* @__PURE__ */ e.jsx("div", { className: "h-0 mt-2 w-full border-b border-neutral-strong-default" })
                 ] }, c._id)) : /* @__PURE__ */ e.jsx("p", { className: "flex-1 grid place-items-center prometeo-fonts-headline-xsmall text-neutral-default-default text-center py-8 text-balance", children: "No tienes notificaciones nuevas por el momento" }),
@@ -1057,7 +1056,7 @@ const lr = ({ onCloseClick: t, children: r, title: n = "Ayuda" }) => /* @__PURE_
     }
   );
 }, dr = (t) => {
-  const { notificationsListControls: r } = t, [n, a] = R([]), [p, l] = R({ isLoading: !1, type: "load_more" }), [d, h] = R({ hasError: !1 }), i = I(/* @__PURE__ */ new Set()), f = x((C, v = "top") => {
+  const { notificationsListControls: r } = t, [n, a] = R([]), [m, l] = R({ isLoading: !1, type: "load_more" }), [d, h] = R({ hasError: !1 }), i = I(/* @__PURE__ */ new Set()), f = x((C, v = "top") => {
     a((A) => {
       const c = Array.isArray(C) ? v === "bottom" ? [...A, ...C] : [...C, ...A] : v === "bottom" ? [...A, C] : [C, ...A];
       return queueMicrotask(() => {
@@ -1066,7 +1065,7 @@ const lr = ({ onCloseClick: t, children: r, title: n = "Ayuda" }) => /* @__PURE_
     });
   }, []), w = x((C) => (i.current.add(C), () => {
     i.current.delete(C);
-  }), []), m = x((C) => {
+  }), []), p = x((C) => {
     a((v) => {
       const A = Array.isArray(C) ? v.filter((c) => !C.includes(c._id)) : v.filter((c) => c._id !== C);
       return queueMicrotask(() => {
@@ -1091,16 +1090,16 @@ const lr = ({ onCloseClick: t, children: r, title: n = "Ayuda" }) => /* @__PURE_
     addNewNotification: f,
     subscribeToUpdates: w,
     setNotifications: S,
-    removeNotification: m,
+    removeNotification: p,
     removeAllNotifications: b,
     setLoading: j,
     setError: u
-  }), [f, w, S, m, b, j, u]), {
+  }), [f, w, S, p, b, j, u]), {
     notifications: n,
-    loadingState: p,
+    loadingState: m,
     errorState: d
   };
-}, ur = ({ closeSidebar: t, options: r, helpSection: n, initialSection: a, notificationsListControls: p, scrollableControls: l, navigationControls: d }) => {
+}, ur = ({ closeSidebar: t, options: r, helpSection: n, initialSection: a, notificationsListControls: m, scrollableControls: l, navigationControls: d }) => {
   const [h, i] = R(a ?? "notifications");
   Y(() => {
     const j = d?.current?.subscribeToSection?.(i);
@@ -1110,7 +1109,7 @@ const lr = ({ onCloseClick: t, children: r, title: n = "Ayuda" }) => /* @__PURE_
   }, [d]);
   const f = () => {
     t();
-  }, { notifications: w, loadingState: m, errorState: b } = dr({ notificationsListControls: p }), S = Bt({ scrollTopButton: { target: "2000px" } });
+  }, { notifications: w, loadingState: p, errorState: b } = dr({ notificationsListControls: m }), S = Bt({ scrollTopButton: { target: "2000px" } });
   return Te(l, () => ({
     subscribeToScrollTarget: S.handlers.subscribeToScrollTarget
   }), [S]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -1120,7 +1119,7 @@ const lr = ({ onCloseClick: t, children: r, title: n = "Ayuda" }) => /* @__PURE_
         onCloseClick: f,
         onMarkAllAsRead: r?.notificationsDrawerOptions?.onMarkAllAsRead,
         notifications: w,
-        loadingState: m,
+        loadingState: p,
         errorState: b,
         scrollableState: S
       }
@@ -1134,10 +1133,10 @@ const fr = ({
   helpSection: r,
   initialSectionRef: n,
   notificationsListControls: a,
-  scrollableControls: p,
+  scrollableControls: m,
   navigationControls: l
 }) => {
-  const { closeSidebar: d } = ne();
+  const { closeSidebar: d } = se();
   return /* @__PURE__ */ e.jsx(
     ct,
     {
@@ -1146,17 +1145,17 @@ const fr = ({
       helpSection: r,
       initialSection: n.current,
       notificationsListControls: a,
-      scrollableControls: p,
+      scrollableControls: m,
       navigationControls: l
     }
   );
 }, dt = O(fr);
 dt.displayName = "PyrionLayout.Sidebar";
 const mr = ({ navigationControlsRef: t }) => {
-  const r = ne();
+  const r = se();
   return t.current.toggleCollapse = r.toggleCollapse, t.current.toggleDrawer = r.toggleDrawer, t.current.closeDrawer = r.closeDrawer, t.current.openDrawer = r.openDrawer, t.current.getIsCollapsed = r.getIsCollapsed, t.current.subscribeToCollapse = r.subscribeToCollapse, t.current.openSidebar = r.openSidebar, t.current.closeSidebar = r.closeSidebar, t.current.toggleSidebar = r.toggleSidebar, t.current.getIsSidebarOpen = r.getIsSidebarOpen, t.current.subscribeToSidebarOpen = r.subscribeToSidebarOpen, t.current.setDrawerDragEnabled = r.setDrawerDragEnabled, t.current.setSidebarDragEnabled = r.setSidebarDragEnabled, null;
 }, pr = (t) => {
-  const { children: r, currentAppSessions: n, resolveUserSecondarySlot: a, resolveSessionSecondarySlot: p, handleNavigation: l, allActions: d, tabs: h, navigationControlsRef: i, initialSectionRef: f, userOptionsControls: w, mobileAppSwitcherControls: m, notificationsListControls: b, scrollableControls: S, outletRef: j, ...u } = t;
+  const { children: r, currentAppSessions: n, resolveUserSecondarySlot: a, resolveSessionSecondarySlot: m, handleNavigation: l, allActions: d, tabs: h, navigationControlsRef: i, initialSectionRef: f, userOptionsControls: w, mobileAppSwitcherControls: p, notificationsListControls: b, scrollableControls: S, outletRef: j, ...u } = t;
   return /* @__PURE__ */ e.jsxs(V, { disableDragOpen: u.options?.disableDragOpen, outletRef: j, defaultCollapsedState: u.options?.defaultCollapsedState, children: [
     /* @__PURE__ */ e.jsx(mr, { navigationControlsRef: i }),
     /* @__PURE__ */ e.jsx(V.LeftSlot, { children: /* @__PURE__ */ e.jsx(
@@ -1196,13 +1195,13 @@ const mr = ({ navigationControlsRef: t }) => {
         state: u.state,
         currentAppSessions: n,
         resolveUserSecondarySlot: a,
-        resolveSessionSecondarySlot: p,
+        resolveSessionSecondarySlot: m,
         onSessionClick: u.onSessionClick,
         onLogoutClick: u.onLogoutClick,
         options: u.options,
         currentSystemId: u.currentSystemId,
         userOptionsControls: w,
-        mobileAppSwitcherControls: m,
+        mobileAppSwitcherControls: p,
         onProfileClick: u.onProfileClick
       }
     ) }, "PL-Footer"),
@@ -1229,7 +1228,7 @@ const mr = ({ navigationControlsRef: t }) => {
     )
   ] });
 }, ut = O(pr, (t, r) => {
-  const { children: n, ...a } = t, { children: p, ...l } = r, d = Object.keys(a), h = Object.keys(l);
+  const { children: n, ...a } = t, { children: m, ...l } = r, d = Object.keys(a), h = Object.keys(l);
   if (d.length !== h.length)
     return !1;
   for (const i of d) {
@@ -1249,7 +1248,7 @@ const mt = Le(null), zr = () => {
   if (!t)
     throw new Error("usePyrionLayout debe usarse dentro de PyrionLayout");
   return t;
-}, Wr = ({ children: t, helpSection: r, state: n, links: a, onLinkClick: p, onNavigate: l, onLogoutClick: d, actions: h, activeActionId: i, onActionClick: f, tabsProps: w, currentSystemId: m, onSessionClick: b, onSystemLogoClick: S, onProfileClick: j, ...u }) => {
+}, Wr = ({ children: t, helpSection: r, state: n, links: a, onLinkClick: m, onNavigate: l, onLogoutClick: d, actions: h, activeActionId: i, onActionClick: f, tabsProps: w, currentSystemId: p, onSessionClick: b, onSystemLogoClick: S, onProfileClick: j, ...u }) => {
   const v = Object.assign({
     closeDrawerOnNavigate: !0,
     disableDragOpen: {
@@ -1258,13 +1257,13 @@ const mt = Le(null), zr = () => {
     }
   }, u.options), A = Lt(), c = I(null), P = I(null), N = I({}), B = I("notifications"), H = I(/* @__PURE__ */ new Set()), $ = I(null), q = I(null), F = I(null), [Q, M] = R({ total: 0, unread: 0 }), [_, U] = R(!1), [X, Z] = R(null), K = x((s) => {
     if (!(!s || typeof window > "u")) {
-      if (p) {
-        p(s);
+      if (m) {
+        m(s);
         return;
       }
       window.history.pushState({}, "", s), window.dispatchEvent(new PopStateEvent("popstate"));
     }
-  }, [p]), oe = x((s) => {
+  }, [m]), ne = x((s) => {
     U(!1);
     const y = window.location.pathname;
     K(s), v.closeDrawerOnNavigate && Tt() && !N.current?.getIsCollapsed?.() && N.current?.toggleCollapse?.(), l && l(y, s);
@@ -1298,14 +1297,14 @@ const mt = Le(null), zr = () => {
         return;
       }
   }, []), ee = x((s) => {
-    const y = A ? "mobile" : "desktop", T = n.enabled_systems.find((he) => he.name === s), k = T?._id === m ? "internal" : "external";
+    const y = A ? "mobile" : "desktop", T = n.enabled_systems.find((he) => he.name === s), k = T?._id === p ? "internal" : "external";
     console.log("navigationType", k);
     const z = {
       internal: ve(T?.url),
       external: T?.url
     };
     console.log("sanitizedUrl", z), me.system[y][k](z[k]), w?.onTabClick?.(s);
-  }, [m, ve, A, n.enabled_systems, w?.onTabClick]), Ne = x((s) => {
+  }, [p, ve, A, n.enabled_systems, w?.onTabClick]), Ne = x((s) => {
     const y = A ? "mobile" : "desktop", T = n.company.products?.find((k) => k.name === s)?.domain;
     me.product[y](T), w?.onTabClick?.(s);
   }, [A, n.company.products, w?.onTabClick]), pe = x((s, y) => {
@@ -1327,10 +1326,10 @@ const mt = Le(null), zr = () => {
   }, [n.enabled_systems]), te = w?.currentTabName || ye(), ie = re(
     () => n.sessions || [],
     [n.sessions]
-  ), ae = (s) => s == null ? null : typeof s == "string" || typeof s == "number" || typeof s == "boolean" ? String(s) : ce(s) ? s : typeof s == "object" ? JSON.stringify(s) : null, o = x((s, y) => {
+  ), oe = (s) => s == null ? null : typeof s == "string" || typeof s == "number" || typeof s == "boolean" ? String(s) : ce(s) ? s : typeof s == "object" ? JSON.stringify(s) : null, o = x((s, y) => {
     if (!s) return null;
     if (Array.isArray(s)) {
-      const T = s?.[0] ? be(y, s[0]) : null, k = s?.[1] ? be(y, s[1]) : null, z = ae(T), he = ae(k);
+      const T = s?.[0] ? be(y, s[0]) : null, k = s?.[1] ? be(y, s[1]) : null, z = oe(T), he = oe(k);
       return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-body-small text-neutral-default-default overflow-hidden truncate", children: z }),
         he && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1 flex-1 grow shrink-0 min-w-max max-w-2/3 overflow-visible ", children: [
@@ -1341,25 +1340,25 @@ const mt = Le(null), zr = () => {
     }
     if (typeof s == "string") {
       const T = be(y, s);
-      return ae(T);
+      return oe(T);
     }
-    return typeof s == "function" ? ae(s(y)) : null;
+    return typeof s == "function" ? oe(s(y)) : null;
   }, []), g = x(
     (s) => {
       const y = v?.userCardOptions?.secondarySlot;
       if (!y) return null;
-      const T = n.enabled_systems?.find((z) => z._id === m), k = { company: n.company, user: n.user, system: T, metadata: s };
+      const T = n.enabled_systems?.find((z) => z._id === p), k = { company: n.company, user: n.user, system: T, metadata: s };
       return o(y, k);
     },
-    [m, v?.userCardOptions?.secondarySlot, o, n.company, n.enabled_systems, n.user]
+    [p, v?.userCardOptions?.secondarySlot, o, n.company, n.enabled_systems, n.user]
   ), L = x(
     (s) => {
       const y = v?.sessionCardOptions?.secondarySlot || v?.userCardOptions?.secondarySlot;
       if (!y) return null;
-      const T = n.enabled_systems?.find((z) => z._id === m), k = { company: n.company, user: s.auth_id, metadata: s?.metadata, system: T };
+      const T = n.enabled_systems?.find((z) => z._id === p), k = { company: n.company, user: s.auth_id, metadata: s?.metadata, system: T };
       return o(y, k);
     },
-    [m, v?.sessionCardOptions?.secondarySlot, v?.userCardOptions?.secondarySlot, o, n.company, n.enabled_systems]
+    [p, v?.sessionCardOptions?.secondarySlot, v?.userCardOptions?.secondarySlot, o, n.company, n.enabled_systems]
   ), E = re(() => {
     const s = [];
     return N.current.openNotifications = () => {
@@ -1450,7 +1449,7 @@ const mt = Le(null), zr = () => {
       ut,
       {
         links: a,
-        handleNavigation: oe,
+        handleNavigation: ne,
         allActions: J,
         activeActionId: i,
         onActionClick: f,
@@ -1461,7 +1460,7 @@ const mt = Le(null), zr = () => {
         onSessionClick: At,
         onLogoutClick: kt,
         options: v,
-        currentSystemId: m,
+        currentSystemId: p,
         userOptionsControls: $,
         mobileAppSwitcherControls: q,
         onSystemLogoClick: S,