prometeo-design-system 4.7.5 → 4.7.7

package/dist/PyrionLayout.es.js

@@ -1,38 +1,38 @@
 import { j as e } from "./jsx-runtime-GkKLlHH4.js";
-import { u as Ke, g as gt } from "./useDevice-vwn4GLwK.js";
-import { c as A } from "./cn-B6yFEsav.js";
-import { g as Se } from "./utils-X4-h3cum.js";
-import He, { forwardRef as be, useState as G, useRef as I, useEffect as ne, memo as R, useContext as Ye, createContext as Ee, useCallback as g, Children as vt, isValidElement as Ce, useMemo as me, useImperativeHandle as _e, useLayoutEffect as wt, use as Nt } from "react";
-import { createPortal as Ve } from "react-dom";
-import { useLocation as yt, useNavigate as St } from "react-router";
+import { u as Je, g as Nt } from "./useDevice-vwn4GLwK.js";
+import { c as D } from "./cn-B6yFEsav.js";
+import { g as je } from "./utils-X4-h3cum.js";
+import qe, { forwardRef as be, useState as J, useRef as E, useEffect as se, memo as M, useContext as Ge, createContext as Me, useCallback as b, Children as yt, isValidElement as ke, useMemo as me, useImperativeHandle as Re, useLayoutEffect as Ct, use as St } from "react";
+import { createPortal as $e } from "react-dom";
+import { useLocation as jt, useNavigate as kt } from "react-router";
 import pe from "./Skeleton.es.js";
-import { CloseNavBarDesktop as Ct } from "./Icons/CloseNavBarDesktop.es.js";
-import { c as Pe } from "./index-BOQuZ0gG.js";
-import { B as Xe } from "./badge-BEx-0Q-K.js";
-import jt from "./PlainTooltip.es.js";
-import { CrevronLeft as kt } from "./Icons/CrevronLeft.es.js";
+import { CloseNavBarDesktop as Lt } from "./Icons/CloseNavBarDesktop.es.js";
+import { c as Be } from "./index-BOQuZ0gG.js";
+import { B as Qe } from "./badge-BEx-0Q-K.js";
+import Dt from "./PlainTooltip.es.js";
+import { CrevronLeft as At } from "./Icons/CrevronLeft.es.js";
 import { Scrollable as xe } from "./Scrollable.es.js";
 import ie from "./TicketCard.es.js";
-import Je from "./UserCard.es.js";
+import Ze from "./UserCard.es.js";
 import he from "./Button.es.js";
-import { Logout as Lt } from "./Icons/Logout.es.js";
-import Dt from "./NotificationCard.es.js";
-import { T as At, a as Tt } from "./TabLinks-DnoWdrdk.js";
-import { Notifications as Ge } from "./Icons/Notifications.es.js";
-import { Close as Me } from "./Icons/Close.es.js";
-import { Help as Qe } from "./Icons/Help.es.js";
-import { Settings as Ot } from "./Icons/Settings.es.js";
-const It = be((t, r) => {
-  const [s, o] = G(t?.currentTabName || t.tabs[0]?.name), c = I(null), { tabs: l = [], className: d, activeColor: i = "var(--neutral-900)", currentSystemId: f, isLoading: p = !1 } = t;
-  ne(() => {
+import { Logout as Tt } from "./Icons/Logout.es.js";
+import Ot from "./NotificationCard.es.js";
+import { T as Et, a as It } from "./TabLinks-DnoWdrdk.js";
+import { Notifications as et } from "./Icons/Notifications.es.js";
+import { Close as Fe } from "./Icons/Close.es.js";
+import { Help as tt } from "./Icons/Help.es.js";
+import { Settings as _t } from "./Icons/Settings.es.js";
+const Pt = be((t, r) => {
+  const [s, o] = J(t?.currentTabName || t.tabs[0]?.name), c = E(null), { tabs: l = [], className: d, activeColor: i = "var(--neutral-900)", currentSystemId: f, isLoading: p = !1 } = t;
+  se(() => {
     c.current?.style.setProperty("--tab-bg", i);
   }, [i]);
-  const b = l.find((m) => m?.id === f || m?.name === (t?.currentTabName || s));
+  const x = l.find((m) => m?.id === f || m?.name === (t?.currentTabName || s));
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: r,
-      className: A(
+      className: D(
         "select-none",
         "flex flex-col gap-2",
         "bg-neutral-strong-default",
@@ -45,7 +45,7 @@ const It = be((t, r) => {
           if (p) return /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: A(
+              className: D(
                 "bg-[(--tab-bg)]",
                 "h-12 w-[50px] z-20",
                 "flex items-center pl-[6px] ",
@@ -53,7 +53,7 @@ const It = be((t, r) => {
                 "tabswitch-element relative",
                 h === 0 && "active"
               ),
-              children: /* @__PURE__ */ e.jsx("div", { className: A(
+              children: /* @__PURE__ */ e.jsx("div", { className: D(
                 "size-8 rounded-[4px]",
                 "grid place-items-center",
                 "tab-thumbnail-icon",
@@ -62,29 +62,29 @@ const It = be((t, r) => {
               ), children: /* @__PURE__ */ e.jsx(pe, { shape: "rounded", className: "w-full h-full" }) })
             }
           );
-          const C = m?.name === b?.name, L = typeof m?.thumbnail == "string" ? /* @__PURE__ */ e.jsx("img", { src: m?.thumbnail, alt: m?.description, className: "aspect-square object-contain rounded", draggable: !1 }) : m?.thumbnail, N = () => {
+          const S = m?.name === x?.name, k = typeof m?.thumbnail == "string" ? /* @__PURE__ */ e.jsx("img", { src: m?.thumbnail, alt: m?.description, className: "aspect-square object-contain rounded", draggable: !1 }) : m?.thumbnail, y = () => {
             m.disabled || (o(m?.name), m.onClick && m.onClick(m?.name));
           };
           return /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: A(
+              className: D(
                 "bg-[(--tab-bg)]",
                 "h-12 w-[50px] z-20",
                 "flex items-center pl-[6px] ",
                 "rounded-l-[8px]",
                 "tabswitch-element relative",
-                C && "active"
+                S && "active"
               ),
-              onClick: N,
+              onClick: y,
               ref: c,
-              children: /* @__PURE__ */ e.jsx("div", { className: A(
+              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
-              ), children: L })
+              ), children: k })
             },
             m?.name
           );
@@ -92,172 +92,172 @@ const It = be((t, r) => {
       )
     }
   );
-}), Ze = R(be(({ children: t, className: r, context: s, modal: o = !1, closeOnOverlayClick: c = !1, unmountChildrenOnClose: l = !0 }, d) => {
-  const i = ge(t, s), f = typeof window < "u" && window.matchMedia("(min-width: 768px)").matches, { isSidebarOpen: p } = Et(), { closeSidebar: b } = ce(), [m, h] = G(() => l ? p : !0), [C, L] = G(!1);
-  return ne(() => {
-    l && s?.subscribeToSidebarOpen((N) => {
-      N ? (L(!1), h(!0)) : L(!0);
+}), rt = M(be(({ children: t, className: r, context: s, modal: o = !1, closeOnOverlayClick: c = !1, unmountChildrenOnClose: l = !0 }, d) => {
+  const i = ge(t, s), f = typeof window < "u" && window.matchMedia("(min-width: 768px)").matches, { isSidebarOpen: p } = Mt(), { closeSidebar: x } = ce(), [m, h] = J(() => l ? p : !0), [S, k] = J(!1);
+  return se(() => {
+    l && s?.subscribeToSidebarOpen((y) => {
+      y ? (k(!1), h(!0)) : k(!0);
     });
-  }, [l, s]), ne(() => {
-    const N = d && typeof d == "object" && "current" in d ? d.current : null;
-    if (!N) return;
-    const y = () => {
-      C && (h(!1), L(!1));
+  }, [l, s]), se(() => {
+    const y = d && typeof d == "object" && "current" in d ? d.current : null;
+    if (!y) return;
+    const C = () => {
+      S && (h(!1), k(!1));
     };
-    return N.addEventListener("transitionend", y), () => N.removeEventListener("transitionend", y);
-  }, [C]), /* @__PURE__ */ e.jsxs("div", { ref: d, className: A("sidebar", f ? "collapsed" : "expanded", "h-full overflow-auto", r), "aria-modal": o || void 0, children: [
+    return y.addEventListener("transitionend", C), () => y.removeEventListener("transitionend", C);
+  }, [S]), /* @__PURE__ */ e.jsxs("div", { ref: d, className: D("sidebar", f ? "collapsed" : "expanded", "h-full overflow-auto", r), "aria-modal": o || void 0, children: [
     o && f && /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: A("navigation-drawer-sidebar-overlay"),
-        onClick: (N) => {
-          N.preventDefault(), N.stopPropagation(), c && b?.();
+        className: D("navigation-drawer-sidebar-overlay"),
+        onClick: (y) => {
+          y.preventDefault(), y.stopPropagation(), c && x?.();
         },
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ e.jsxs("div", { className: A("navigation-drawer-sidebar-inner"), children: [
+    /* @__PURE__ */ e.jsxs("div", { className: D("navigation-drawer-sidebar-inner"), children: [
       /* @__PURE__ */ e.jsx("div", { className: "secure-click-margin" }),
       m && i
     ] })
   ] });
-})), et = Ee(null), tt = Ee(null), Et = () => {
-  const t = Ye(et);
+})), st = Me(null), nt = Me(null), Mt = () => {
+  const t = Ge(st);
   if (!t) throw new Error("useDrawerState must be used within NavigationDrawer");
   return t;
 }, ce = () => {
-  const t = Ye(tt);
+  const t = Ge(nt);
   if (!t) throw new Error("useDrawerActions must be used within NavigationDrawer");
   return t;
-}, ge = (t, r) => typeof t == "function" ? r ? t(r) : null : t, rt = "navigation-drawer-collapsed", We = () => {
+}, ge = (t, r) => typeof t == "function" ? r ? t(r) : null : t, at = "navigation-drawer-collapsed", Ke = () => {
   if (typeof window > "u") return !1;
   try {
-    const t = sessionStorage.getItem(rt);
+    const t = sessionStorage.getItem(at);
     return t ? JSON.parse(t) : !1;
   } catch {
     return !1;
   }
-}, _t = (t) => {
+}, Rt = (t) => {
   if (!(typeof window > "u"))
     try {
-      sessionStorage.setItem(rt, JSON.stringify(t));
+      sessionStorage.setItem(at, JSON.stringify(t));
     } catch {
     }
-}, Pt = (t) => {
-  const { children: r, classNameDrawer: s, classNameSidebar: o, disableDragOpen: c, modal: l = !0, closeOnOutsideClick: d = !0 } = t, i = I(null), f = I(null), p = t.outletRef ?? I(null), b = I(null), m = I(We()), h = I(!1), C = I("drawer"), L = I(/* @__PURE__ */ new Set()), N = I(/* @__PURE__ */ new Set()), y = I(!1), T = I(null), W = g((n) => {
+}, Bt = (t) => {
+  const { children: r, classNameDrawer: s, classNameSidebar: o, disableDragOpen: c, modal: l = !0, closeOnOutsideClick: d = !0 } = t, i = E(null), f = E(null), p = t.outletRef ?? E(null), x = E(null), m = E(Ke()), h = E(!1), S = E("drawer"), k = E(/* @__PURE__ */ new Set()), y = E(/* @__PURE__ */ new Set()), C = E(!1), A = E(null), V = b((n) => {
     const u = f.current;
     u && (u.classList.toggle("collapsed", n), u.classList.toggle("expanded", !n));
-  }, []), q = g((n) => {
-    const u = b.current;
+  }, []), $ = b((n) => {
+    const u = x.current;
     if (!u) return;
     u.classList.toggle("collapsed", n), u.classList.toggle("expanded", !n);
     const v = i.current;
     v && (v.classList.toggle("sidebar-collapsed", n), v.classList.toggle("sidebar-expanded", !n));
-  }, []), j = g(
+  }, []), j = b(
     (n, { notify: u = !0 } = {}) => {
       const v = m.current !== n;
-      m.current = n, _t(n), W(n), u && v && L.current.forEach((E) => E(n));
+      m.current = n, Rt(n), V(n), u && v && k.current.forEach((I) => I(n));
     },
-    [W]
-  ), U = g(
+    [V]
+  ), U = b(
     (n, { notify: u = !0 } = {}) => {
       const v = h.current !== n;
-      if (h.current = n, q(n), u && v) {
-        const E = !n;
-        N.current.forEach((H) => H(E));
+      if (h.current = n, $(n), u && v) {
+        const I = !n;
+        y.current.forEach((W) => W(I));
       }
     },
-    [q]
-  ), S = g(
+    [$]
+  ), N = b(
     (n, { notify: u = !0 } = {}) => {
-      const v = C.current, E = v !== n;
-      C.current = n, window.matchMedia("(min-width: 768px)").matches || j(n !== "drawer", { notify: u });
-      const H = v === "sidebar", F = n === "sidebar";
-      u && E && H !== F && N.current.forEach((re) => re(F)), U(n !== "sidebar", { notify: u }), j(n !== "drawer", { notify: u });
+      const v = S.current, I = v !== n;
+      S.current = n, window.matchMedia("(min-width: 768px)").matches || j(n !== "drawer", { notify: u });
+      const W = v === "sidebar", B = n === "sidebar";
+      u && I && W !== B && y.current.forEach((te) => te(B)), U(n !== "sidebar", { notify: u }), j(n !== "drawer", { notify: u });
     },
     [j, U]
-  ), $ = g((n) => {
+  ), K = b((n) => {
     const u = i.current;
     if (!u || window.matchMedia("(min-width: 768px)").matches) return;
-    y.current = !0;
-    const v = p.current?.offsetLeft ?? 0, E = b.current?.offsetLeft ?? v, H = n === "drawer" ? 0 : n === "sidebar" ? E : v;
-    T.current = H, u.scrollTo({ left: H, behavior: "smooth" });
-    const F = () => {
-      y.current = !1, T.current = null, u.removeEventListener("scrollend", F);
+    C.current = !0;
+    const v = p.current?.offsetLeft ?? 0, I = x.current?.offsetLeft ?? v, W = n === "drawer" ? 0 : n === "sidebar" ? I : v;
+    A.current = W, u.scrollTo({ left: W, behavior: "smooth" });
+    const B = () => {
+      C.current = !1, A.current = null, u.removeEventListener("scrollend", B);
     };
-    u.addEventListener("scrollend", F, { once: !0 }), setTimeout(() => {
-      y.current && F();
+    u.addEventListener("scrollend", B, { once: !0 }), setTimeout(() => {
+      C.current && B();
     }, 1e3);
-  }, []), Q = g(() => {
+  }, []), G = b(() => {
     const n = i.current, u = p.current;
     if (!n || !u || window.matchMedia("(min-width: 768px)").matches) return;
     const v = [
       { panel: "drawer", offset: 0 },
       { panel: "outlet", offset: u.offsetLeft }
-    ], E = b.current;
-    E && v.push({ panel: "sidebar", offset: E.offsetLeft });
-    const H = n.scrollLeft;
-    let F = v[0], re = Math.abs(H - F.offset);
+    ], I = x.current;
+    I && v.push({ panel: "sidebar", offset: I.offsetLeft });
+    const W = n.scrollLeft;
+    let B = v[0], te = Math.abs(W - B.offset);
     for (let oe = 1; oe < v.length; oe++) {
-      const fe = Math.abs(H - v[oe].offset);
-      fe < re && (F = v[oe], re = fe);
+      const fe = Math.abs(W - v[oe].offset);
+      fe < te && (B = v[oe], te = fe);
     }
-    S(F.panel);
-  }, [S]);
-  ne(() => {
+    N(B.panel);
+  }, [N]);
+  se(() => {
     const n = i.current;
     n && (c?.drawer && n.classList.add("disabled-dragopen"), c?.sidebar && n.classList.add("disabled-dragopen-sidebar"));
-  }, [c, i]), ne(() => {
+  }, [c, i]), se(() => {
     const n = i.current, u = p.current;
     if (!n || !u) return;
     if (window.matchMedia("(min-width: 768px)").matches) {
-      const E = We();
-      j(E, { notify: !1 }), U(!0, { notify: !1 });
+      const I = Ke();
+      j(I, { notify: !1 }), U(!0, { notify: !1 });
       return;
     }
     requestAnimationFrame(() => {
-      n.scrollLeft = u.offsetLeft, S("outlet");
+      n.scrollLeft = u.offsetLeft, N("outlet");
     });
-  }, [S, j, U]), ne(() => {
+  }, [N, j, U]), se(() => {
     const n = i.current;
     if (!n || !p.current) return;
-    let v = !1, E = 0, H = 0;
-    const F = (D) => {
-      E = D.touches[0].clientX, H = D.touches[0].clientY;
-    }, re = (D, K) => {
-      const V = window.getComputedStyle(D), le = K === "x" ? V.overflowX : V.overflowY;
-      return /(auto|scroll|overlay)/.test(le) ? K === "x" ? D.scrollWidth > D.clientWidth : D.scrollHeight > D.clientHeight : !1;
-    }, oe = (D, K) => {
-      let V = D;
-      for (; V && V !== n; ) {
-        if (re(V, K))
-          return V;
-        V = V.parentElement;
+    let v = !1, I = 0, W = 0;
+    const B = (L) => {
+      I = L.touches[0].clientX, W = L.touches[0].clientY;
+    }, te = (L, Y) => {
+      const H = window.getComputedStyle(L), le = Y === "x" ? H.overflowX : H.overflowY;
+      return /(auto|scroll|overlay)/.test(le) ? Y === "x" ? L.scrollWidth > L.clientWidth : L.scrollHeight > L.clientHeight : !1;
+    }, oe = (L, Y) => {
+      let H = L;
+      for (; H && H !== n; ) {
+        if (te(H, Y))
+          return H;
+        H = H.parentElement;
       }
       return null;
-    }, fe = (D, K, V) => V === 0 ? !1 : K === "x" ? V < 0 ? D.scrollLeft + D.clientWidth < D.scrollWidth : D.scrollLeft > 0 : V < 0 ? D.scrollTop + D.clientHeight < D.scrollHeight : D.scrollTop > 0, Ne = (D) => {
-      if (!(D.target instanceof HTMLElement)) return;
-      const K = D.touches[0].clientX - E, V = D.touches[0].clientY - H, le = Math.abs(K) > Math.abs(V) ? "x" : "y", a = le === "x" ? K : V, w = oe(D.target, le);
-      if (w && fe(w, le, a))
+    }, fe = (L, Y, H) => H === 0 ? !1 : Y === "x" ? H < 0 ? L.scrollLeft + L.clientWidth < L.scrollWidth : L.scrollLeft > 0 : H < 0 ? L.scrollTop + L.clientHeight < L.scrollHeight : L.scrollTop > 0, Ne = (L) => {
+      if (!(L.target instanceof HTMLElement)) return;
+      const Y = L.touches[0].clientX - I, H = L.touches[0].clientY - W, le = Math.abs(Y) > Math.abs(H) ? "x" : "y", Ee = le === "x" ? Y : H, Ce = oe(L.target, le);
+      if (Ce && fe(Ce, le, Ee))
         return;
-      const P = n.classList.contains("disabled-dragopen"), k = n.classList.contains("disabled-dragopen-sidebar"), J = () => D.cancelable ? (D.preventDefault(), !0) : !1;
+      const Se = n.classList.contains("disabled-dragopen"), a = n.classList.contains("disabled-dragopen-sidebar"), w = () => L.cancelable ? (L.preventDefault(), !0) : !1;
       if (le === "x") {
-        if (K > 0) {
-          if (C.current === "sidebar" && !k) {
+        if (Y > 0) {
+          if (S.current === "sidebar" && !a) {
             v = !0;
             return;
           }
-          if (P) {
-            J();
+          if (Se) {
+            w();
             return;
           }
-        } else if (K < 0) {
-          if (C.current === "drawer" && !P) {
+        } else if (Y < 0) {
+          if (S.current === "drawer" && !Se) {
             v = !0;
             return;
           }
-          if (k) {
-            J();
+          if (a) {
+            w();
             return;
           }
         }
@@ -265,44 +265,44 @@ const It = be((t, r) => {
       }
     }, ye = () => {
       setTimeout(() => {
-        v && (Q(), v = !1);
+        v && (G(), v = !1);
       }, 100);
     };
-    return n.addEventListener("touchstart", F, { passive: !1 }), n.addEventListener("touchmove", Ne, { passive: !1 }), n.addEventListener("touchend", ye), () => {
-      n.removeEventListener("touchstart", F), n.removeEventListener("touchmove", Ne), n.removeEventListener("touchend", ye);
+    return n.addEventListener("touchstart", B, { passive: !1 }), n.addEventListener("touchmove", Ne, { passive: !1 }), n.addEventListener("touchend", ye), () => {
+      n.removeEventListener("touchstart", B), n.removeEventListener("touchmove", Ne), n.removeEventListener("touchend", ye);
     };
-  }, [Q]);
-  const Y = g(() => {
+  }, [G]);
+  const q = b(() => {
     const n = window.matchMedia("(min-width: 768px)").matches, u = !m.current;
     if (n) {
       j(u);
       return;
     }
     const v = u ? "outlet" : "drawer";
-    S(v), $(v);
-  }, [$, S, j]), X = I(null);
+    N(v), K(v);
+  }, [K, N, j]), X = E(null);
   X.current || (X.current = {
-    toggleCollapse: () => Y(),
+    toggleCollapse: () => q(),
     getIsCollapsed: () => {
       if (!window.matchMedia("(min-width: 768px)").matches) {
         const u = i.current, v = p.current;
         if (u && v) {
-          const E = u.scrollLeft, H = v.offsetLeft, F = Math.abs(E - H) < Math.abs(E - 0);
-          return F !== m.current && (m.current = F, W(F)), F;
+          const I = u.scrollLeft, W = v.offsetLeft, B = Math.abs(I - W) < Math.abs(I - 0);
+          return B !== m.current && (m.current = B, V(B)), B;
         }
       }
       return m.current;
     },
-    subscribeToCollapse: (n) => (L.current.add(n), () => {
-      L.current.delete(n);
+    subscribeToCollapse: (n) => (k.current.add(n), () => {
+      k.current.delete(n);
     }),
     openSidebar: () => {
-      if (b.current) {
+      if (x.current) {
         if (window.matchMedia("(min-width: 768px)").matches) {
           U(!1);
           return;
         }
-        S("sidebar"), $("sidebar");
+        N("sidebar"), K("sidebar");
       }
     },
     closeSidebar: () => {
@@ -310,30 +310,30 @@ const It = be((t, r) => {
         U(!0);
         return;
       }
-      S("outlet"), $("outlet");
+      N("outlet"), K("outlet");
     },
     toggleSidebar: () => {
-      if (!b.current) return;
+      if (!x.current) return;
       if (window.matchMedia("(min-width: 768px)").matches) {
         U(!h.current);
         return;
       }
-      const n = C.current === "sidebar" ? "outlet" : "sidebar";
-      S(n), $(n);
+      const n = S.current === "sidebar" ? "outlet" : "sidebar";
+      N(n), K(n);
     },
-    getIsSidebarOpen: () => b.current ? window.matchMedia("(min-width: 768px)").matches ? !h.current : C.current === "sidebar" : !1,
-    subscribeToSidebarOpen: (n) => (N.current.add(n), () => {
-      N.current.delete(n);
+    getIsSidebarOpen: () => x.current ? window.matchMedia("(min-width: 768px)").matches ? !h.current : S.current === "sidebar" : !1,
+    subscribeToSidebarOpen: (n) => (y.current.add(n), () => {
+      y.current.delete(n);
     }),
     setDrawerDragEnabled: (n) => {
       const u = i.current;
       if (!u) return;
       const v = u.scrollLeft;
       if (n) {
-        const E = u.style.scrollBehavior;
+        const I = u.style.scrollBehavior;
         u.style.scrollBehavior = "auto", u.classList.remove("disabled-dragopen"), requestAnimationFrame(() => {
           u.scrollLeft = v, requestAnimationFrame(() => {
-            u.style.scrollBehavior = E;
+            u.style.scrollBehavior = I;
           });
         });
       } else
@@ -343,54 +343,54 @@ const It = be((t, r) => {
       const u = i.current;
       if (u)
         if (n) {
-          const v = u.scrollLeft, E = u.style.scrollBehavior;
+          const v = u.scrollLeft, I = u.style.scrollBehavior;
           u.style.scrollBehavior = "auto", u.classList.remove("disabled-dragopen-sidebar"), requestAnimationFrame(() => {
             u.scrollLeft = v, requestAnimationFrame(() => {
-              u.style.scrollBehavior = E;
+              u.style.scrollBehavior = I;
             });
           });
         } else
           u.classList.add("disabled-dragopen-sidebar");
     }
   });
-  const O = X.current, _ = typeof r == "function" ? r(O) : r, x = vt.toArray(_);
-  let M = null, B = null, z = null;
-  const Z = [];
-  let ae = null, ee = null;
-  x.forEach((n) => {
-    if (!Ce(n)) {
-      Z.push(n);
+  const O = X.current, _ = typeof r == "function" ? r(O) : r, g = yt.toArray(_);
+  let P = null, R = null, z = null;
+  const Q = [];
+  let ae = null, Z = null;
+  g.forEach((n) => {
+    if (!ke(n)) {
+      Q.push(n);
       return;
     }
-    if (n.type === Re && !M) {
-      M = n;
+    if (n.type === ze && !P) {
+      P = n;
       return;
     }
-    if (n.type === je && !B) {
-      B = n;
+    if (n.type === Le && !R) {
+      R = n;
       return;
     }
-    if (n.type === ke && !z) {
+    if (n.type === De && !z) {
       z = n;
       return;
     }
-    if (n.type === Oe && !ae) {
+    if (n.type === _e && !ae) {
       ae = n;
       return;
     }
-    if (n.type === Ze && !ee) {
-      ee = n;
+    if (n.type === rt && !Z) {
+      Z = n;
       return;
     }
-    Z.push(n);
+    Q.push(n);
   });
-  const ve = !!B, we = B ?? (Z.length ? /* @__PURE__ */ e.jsx(je, { children: Z }) : null), Le = ve ? Z : [], de = ae ?? (!!ae ? /* @__PURE__ */ e.jsx(Oe, { children: _, context: O, modal: l, closeOnOutsideClick: d }) : null), De = z ?? (!!z ? /* @__PURE__ */ e.jsx(ke, { children: z }) : null), Ae = !!ee, te = ee, ue = me(() => ({
+  const ve = !!R, we = R ?? (Q.length ? /* @__PURE__ */ e.jsx(Le, { children: Q }) : null), Ae = ve ? Q : [], de = ae ?? (!!ae ? /* @__PURE__ */ e.jsx(_e, { children: _, context: O, modal: l, closeOnOutsideClick: d }) : null), Te = z ?? (!!z ? /* @__PURE__ */ e.jsx(De, { children: z }) : null), Oe = !!Z, ee = Z, ue = me(() => ({
     isCollapsed: m.current,
     isSidebarOpen: !h.current
   }), [m.current, h.current]);
-  return /* @__PURE__ */ e.jsx(et.Provider, { value: ue, children: /* @__PURE__ */ e.jsx(tt.Provider, { value: O, children: /* @__PURE__ */ e.jsxs("div", { id: "navigation-drawer-container", ref: i, className: A(
+  return /* @__PURE__ */ e.jsx(st.Provider, { value: ue, children: /* @__PURE__ */ e.jsx(nt.Provider, { value: O, children: /* @__PURE__ */ e.jsxs("div", { id: "navigation-drawer-container", ref: i, className: D(
     "w-full h-full max-h-dvh overflow-y-hidden",
-    Ae ? "navigation-drawer-with-sidebar" : "navigation-drawer",
+    Oe ? "navigation-drawer-with-sidebar" : "navigation-drawer",
     c?.drawer ? "disabled-dragopen" : "",
     c?.sidebar ? "disabled-dragopen-sidebar" : ""
   ), children: [
@@ -398,7 +398,7 @@ const It = be((t, r) => {
       "div",
       {
         ref: f,
-        className: A(
+        className: D(
           "bg-neutral-default-default border-r border-neutral-strong-default h-dvh md:h-screen p-4 overflow-hidden drawer flex flex-col gap-4",
           m.current ? "collapsed" : "expanded",
           s
@@ -406,70 +406,70 @@ const It = be((t, r) => {
         children: [
           /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col flex-1 gap-4 overflow-hidden", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ e.jsx(st, { onToggleCollapse: Y }),
-              M
+              /* @__PURE__ */ e.jsx(ot, { onToggleCollapse: q }),
+              P
             ] }),
             /* @__PURE__ */ e.jsxs("div", { className: "flex flex-1 overflow-hidden relative flex-col", children: [
-              Le,
+              Ae,
               we
             ] })
           ] }),
-          De
+          Te
         ]
       }
     ),
-    de && Ce(de) ? He.cloneElement(de, { ref: p, modal: l, closeOnOutsideClick: d }) : de,
-    te && Ce(te) ? He.cloneElement(te, {
-      ref: b,
-      className: A("sidebar", te.props?.className, o)
-    }) : te
+    de && ke(de) ? qe.cloneElement(de, { ref: p, modal: l, closeOnOutsideClick: d }) : de,
+    ee && ke(ee) ? qe.cloneElement(ee, {
+      ref: x,
+      className: D("sidebar", ee.props?.className, o)
+    }) : ee
   ] }) }) });
-}, qe = R(Pt), st = R(({ onToggleCollapse: t }) => /* @__PURE__ */ e.jsx(
+}, Ye = M(Bt), ot = M(({ onToggleCollapse: t }) => /* @__PURE__ */ e.jsx(
   "button",
   {
     type: "button",
     onClick: t,
     className: "collapse-button cursor-pointer text-neutral-default-default hover:text-primary-default transition-colors duration-300 w-max",
-    children: /* @__PURE__ */ e.jsx(Ct, { size: 32, className: "transition-transform duration-300 p-1" })
+    children: /* @__PURE__ */ e.jsx(Lt, { size: 32, className: "transition-transform duration-300 p-1" })
   }
 ), (t, r) => t.onToggleCollapse === r.onToggleCollapse);
-st.displayName = "NavigationDrawerCollapseButton";
-const Re = R(({ children: t, className: r, context: s }) => {
+ot.displayName = "NavigationDrawerCollapseButton";
+const ze = M(({ children: t, className: r, context: s }) => {
   const o = ge(t, s);
-  return /* @__PURE__ */ e.jsx("div", { className: A("flex items-center justify-between", r), children: o });
+  return /* @__PURE__ */ e.jsx("div", { className: D("flex items-center justify-between", r), children: o });
 });
-Re.displayName = "NavigationDrawerHeader";
-const je = R(({ children: t, className: r, context: s, ...o }) => {
+ze.displayName = "NavigationDrawerHeader";
+const Le = M(({ children: t, className: r, context: s, ...o }) => {
   const c = ge(t, s);
-  return /* @__PURE__ */ e.jsx("div", { ...o, className: A("w-full flex-1 drawer-content select-none", r), children: c });
+  return /* @__PURE__ */ e.jsx("div", { ...o, className: D("w-full flex-1 drawer-content select-none", r), children: c });
 });
-je.displayName = "NavigationDrawerContent";
-const ke = R(({ children: t, className: r, context: s }) => {
+Le.displayName = "NavigationDrawerContent";
+const De = M(({ children: t, className: r, context: s }) => {
   const o = ge(t, s);
-  return /* @__PURE__ */ e.jsx("div", { className: A("flex items-center justify-between", r), children: o });
+  return /* @__PURE__ */ e.jsx("div", { className: D("flex items-center justify-between", r), children: o });
 });
-ke.displayName = "NavigationDrawerFooter";
-const nt = R(({ className: t }) => /* @__PURE__ */ e.jsx("div", { className: A("w-full border-t border-neutral-strong-default ", t) }));
-nt.displayName = "NavigationDrawerSpacer";
-const Oe = R(be(({ children: t, className: r, context: s, modal: o, closeOnOutsideClick: c }, l) => {
+De.displayName = "NavigationDrawerFooter";
+const lt = M(({ className: t }) => /* @__PURE__ */ e.jsx("div", { className: D("w-full border-t border-neutral-strong-default ", t) }));
+lt.displayName = "NavigationDrawerSpacer";
+const _e = M(be(({ children: t, className: r, context: s, modal: o, closeOnOutsideClick: c }, l) => {
   const d = ge(t, s), i = ce(), f = () => {
     c && (i.toggleCollapse(), i.closeSidebar());
   };
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { id: "navigation-drawer-outlet", ref: l, className: A("flex-1 overflow-auto relative h-full max-h-dvh", r), children: [
+  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: [
     o && /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer-backdrop select-none", onClick: f }),
     d
   ] }) });
-}), (t, r) => t.children === r.children && t.className === r.className), se = Object.assign(qe, {
-  Root: qe,
-  Header: Re,
-  Content: je,
-  Footer: ke,
-  Spacer: nt,
-  Outlet: Oe,
-  Sidebar: Ze
+}), (t, r) => t.children === r.children && t.className === r.className), re = Object.assign(Ye, {
+  Root: Ye,
+  Header: ze,
+  Content: Le,
+  Footer: De,
+  Spacer: lt,
+  Outlet: _e,
+  Sidebar: rt
 });
-se.displayName = "NavigationDrawer";
-const Mt = "hover:bg-neutral-medium-hover", Rt = Pe("", {
+re.displayName = "NavigationDrawer";
+const Ft = "hover:bg-neutral-medium-hover", zt = Be("", {
   variants: {
     isSelected: {
       true: "bg-neutral-medium-selected ",
@@ -480,8 +480,8 @@ const Mt = "hover:bg-neutral-medium-hover", Rt = Pe("", {
       false: "cursor-pointer"
     }
   }
-}), Bt = Pe(
-  A(
+}), Ut = Be(
+  D(
     "select-none line-clamp-1 min-w-max",
     "prometeo-fonts-label-large transition-colors duration-300 ease-out"
   ),
@@ -503,8 +503,8 @@ const Mt = "hover:bg-neutral-medium-hover", Rt = Pe("", {
       { isSelected: !1, disabled: !1, className: "  text-neutral-default-default group-active:text-neutral-default-pressed group-focus-visible:text-neutral-default-pressed" }
     ]
   }
-), Te = Pe(
-  A(
+), Ie = Be(
+  D(
     "transition-colors duration-300 ease-out min-w-max"
   ),
   {
@@ -525,7 +525,7 @@ const Mt = "hover:bg-neutral-medium-hover", Rt = Pe("", {
       { isSelected: !1, disabled: !1, className: "text-neutral-default-default group-active:text-neutral-default-pressed group-focus-visible:text-neutral-default-pressed" }
     ]
   }
-), Ft = (t) => {
+), Wt = (t) => {
   const {
     title: r,
     icon: s,
@@ -536,23 +536,23 @@ const Mt = "hover:bg-neutral-medium-hover", Rt = Pe("", {
     subLinksCollapsed: i,
     onToggleSublinks: f,
     as: p = "div",
-    onClick: b,
+    onClick: x,
     onAuxClick: m,
     disabled: h = !1,
-    tooltipText: C
-  } = t, L = (W) => {
-    h || b?.(W);
-  }, N = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    tooltipText: S
+  } = t, k = (V) => {
+    h || x?.(V);
+  }, y = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-center flex-nowrap", children: [
-      s && (C ? /* @__PURE__ */ e.jsx(jt, { title: C, disabled: h, children: /* @__PURE__ */ e.jsx(s, { size: 24, className: Te({ disabled: h, isSelected: l }) }) }) : /* @__PURE__ */ e.jsx(s, { size: 24, className: Te({ disabled: h, isSelected: l }) })),
-      /* @__PURE__ */ e.jsx("label", { className: Bt({ disabled: h, isSelected: l }), children: r })
+      s && (S ? /* @__PURE__ */ e.jsx(Dt, { title: S, disabled: h, children: /* @__PURE__ */ e.jsx(s, { size: 24, className: Ie({ disabled: h, isSelected: l }) }) }) : /* @__PURE__ */ e.jsx(s, { size: 24, className: Ie({ disabled: h, isSelected: l }) })),
+      /* @__PURE__ */ e.jsx("label", { className: Ut({ disabled: h, isSelected: l }), children: r })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1 items-center", children: [
-      o && o ? /* @__PURE__ */ e.jsx(Xe, { count: o, maxCount: 9, className: "badge", disabled: h }) : "",
+      o && o ? /* @__PURE__ */ e.jsx(Qe, { count: o, maxCount: 9, className: "badge", disabled: h }) : "",
       d && /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: A(
+          className: D(
             "sublinks-toggle",
             "transition-all duration-200",
             "rounded-full relative grid place-items-center size-6",
@@ -565,48 +565,48 @@ const Mt = "hover:bg-neutral-medium-hover", Rt = Pe("", {
               disabled: h,
               type: "button",
               onClick: f,
-              className: A("absolute cursor-pointer hover:text-primary-default-hover top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 p-2 z-100 select-none", Te({ disabled: h, isSelected: l }), h && "pointer-events-none"),
-              children: /* @__PURE__ */ e.jsx(kt, {})
+              className: D("absolute cursor-pointer hover:text-primary-default-hover top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 p-2 z-100 select-none", Ie({ disabled: h, isSelected: l }), h && "pointer-events-none"),
+              children: /* @__PURE__ */ e.jsx(At, {})
             }
           )
         }
       )
     ] })
-  ] }), y = A(
+  ] }), C = D(
     "group navitem",
     "h-12 flex-1 flex items-center p-3 rounded-lg justify-between w-full",
     "transition-all duration-300",
-    Mt,
-    Rt({ isSelected: l, disabled: h }),
+    Ft,
+    zt({ isSelected: l, disabled: h }),
     c
   );
   if (p === "a") {
-    const W = {
-      onClick: L,
+    const V = {
+      onClick: k,
       onAuxClick: m,
-      className: y
+      className: C
     };
-    return /* @__PURE__ */ e.jsx("a", { ...W, children: N });
+    return /* @__PURE__ */ e.jsx("a", { ...V, children: y });
   }
   if (p === "button") {
-    const W = {
-      onClick: L,
+    const V = {
+      onClick: k,
       type: "button",
-      className: y
+      className: C
     };
-    return /* @__PURE__ */ e.jsx("button", { ...W, children: N });
+    return /* @__PURE__ */ e.jsx("button", { ...V, children: y });
   }
-  const T = {
-    onClick: L,
-    className: y
+  const A = {
+    onClick: k,
+    className: C
   };
-  return /* @__PURE__ */ e.jsx("div", { ...T, children: N });
-}, Be = R(Ft);
-Be.displayName = "NavigationDrawerItemBase";
-const zt = (t) => {
+  return /* @__PURE__ */ e.jsx("div", { ...A, children: y });
+}, Ue = M(Wt);
+Ue.displayName = "NavigationDrawerItemBase";
+const Ht = (t) => {
   const { title: r, icon: s, count: o, className: c, isActive: l, onClick: d, isView: i = !0, disabled: f, tooltipText: p } = t;
   return i ? /* @__PURE__ */ e.jsx(
-    Be,
+    Ue,
     {
       as: "button",
       title: r,
@@ -619,31 +619,31 @@ const zt = (t) => {
       tooltipText: p
     }
   ) : null;
-}, at = R(zt);
-at.displayName = "NavigationDrawerActionItem";
-const Ut = ({ actions: t, activeActionId: r, onActionClick: s, className: o }) => /* @__PURE__ */ e.jsx(xe, { className: A("flex flex-col gap-2 w-full ", o), scrollbarProps: { hide: !0 }, persistScroll: "navigation-actions", indicators: {
+}, it = M(Ht);
+it.displayName = "NavigationDrawerActionItem";
+const Vt = ({ actions: t, activeActionId: r, onActionClick: s, className: o }) => /* @__PURE__ */ e.jsx(xe, { className: D("flex flex-col gap-2 w-full ", o), scrollbarProps: { hide: !0 }, persistScroll: "navigation-actions", indicators: {
   top: { type: "shadow", behavior: "scroll-on-hover", show: !0 },
   bottom: { type: "shadow", behavior: "scroll-on-hover", show: !0 }
 }, children: t?.map((c) => {
-  const { id: l, onClick: d, isView: i = !0, payload: f, ...p } = c, b = l === r, m = () => {
+  const { id: l, onClick: d, isView: i = !0, payload: f, ...p } = c, x = l === r, m = () => {
     s?.(l, f), d?.();
   };
   return i ? /* @__PURE__ */ e.jsx(
-    at,
+    it,
     {
       ...p,
       id: l,
-      isActive: b,
+      isActive: x,
       onClick: m
     },
     l
   ) : null;
-}) }), ot = R(Ut);
-ot.displayName = "NavigationDrawerActions";
-const Ht = (t) => {
-  const { className: r, title: s, path: o, onClick: c, isSelected: l, parentPath: d } = t, i = g(() => {
+}) }), ct = M(Vt);
+ct.displayName = "NavigationDrawerActions";
+const qt = (t) => {
+  const { className: r, title: s, path: o, onClick: c, isSelected: l, parentPath: d } = t, i = b(() => {
     c?.(o);
-  }, [o]), f = g(() => {
+  }, [o]), f = b(() => {
     if (o.startsWith("./")) {
       if (!d) return;
       const p = d + o.slice(2);
@@ -656,7 +656,7 @@ const Ht = (t) => {
     {
       onClick: i,
       onAuxClick: f,
-      className: A(
+      className: D(
         "group",
         "transition-all duration-300 ease-in-out cursor-pointer",
         "h-10 w-full rounded-lg py-[11px] px-3",
@@ -664,98 +664,98 @@ const Ht = (t) => {
         l && "bg-neutral-medium-selected hover:bg-neutral-medium-hover active:bg-transparent focus:bg-transparent",
         r
       ),
-      children: /* @__PURE__ */ e.jsx("p", { className: A(
+      children: /* @__PURE__ */ e.jsx("p", { className: D(
         "prometeo-fonts-label-large text-neutral-medium-default",
         "group-active:text-neutral-default-focused group-focus:text-neutral-default-focused",
         l && "text-primary-default-default group-hover:text-primary-default-hover group-focus:text-primary-default-focused group-active:text-primary-default-focused"
       ), children: s })
     }
   );
-}, lt = R(Ht);
-lt.displayName = "NavItemSecondary";
-const Vt = be((t, r) => {
-  const [s, o] = G(!0), c = I(null), { path: l, title: d, icon: i, count: f, className: p, isSelected: b = !1, onClick: m, sublinks: h, toggleCollapse: C, getIsCollapsed: L, subscribeToCollapse: N, isView: y = !0, disabled: T, tooltipText: W } = t;
-  ne(() => N ? N((_) => {
+}, dt = M(qt);
+dt.displayName = "NavItemSecondary";
+const $t = be((t, r) => {
+  const [s, o] = J(!0), c = E(null), { path: l, title: d, icon: i, count: f, className: p, isSelected: x = !1, onClick: m, sublinks: h, toggleCollapse: S, getIsCollapsed: k, subscribeToCollapse: y, isView: C = !0, disabled: A, tooltipText: V } = t;
+  se(() => y ? y((_) => {
     _ && o(!0);
-  }) : void 0, [N]);
-  const q = g(() => {
+  }) : void 0, [y]);
+  const $ = b(() => {
     o((O) => !O);
-  }, []), j = g((O) => {
+  }, []), j = b((O) => {
     o(O);
   }, []), U = {
-    toggle: q,
+    toggle: $,
     setIsCollapsed: j,
     get isCollapsed() {
       return s;
     },
     get isDrawerCollapsed() {
-      return L?.() ?? !1;
+      return k?.() ?? !1;
     },
-    toggleDrawerCollapse: C,
-    subscribeToCollapse: N
+    toggleDrawerCollapse: S,
+    subscribeToCollapse: y
   };
-  _e(r, () => U, [U, s, L, C]);
-  const S = i, $ = g(() => {
-    const O = L?.() ?? !1;
+  Re(r, () => U, [U, s, k, S]);
+  const N = i, K = b(() => {
+    const O = k?.() ?? !1;
     if (h && h.length > 0 && O) {
-      j(!1), C?.();
+      j(!1), S?.();
       return;
     }
     m?.(l);
-  }, [l, m, h, C, j, L]), Q = g(() => {
+  }, [l, m, h, S, j, k]), G = b(() => {
     window.open(l, "_blank");
-  }, [l]), Y = () => {
-    if (!h || T) return null;
+  }, [l]), q = () => {
+    if (!h || A) return null;
     if (t.subLinksRender && h)
       return t.subLinksRender(h, U);
-    const O = g((_) => {
+    const O = b((_) => {
       if (_.startsWith("./")) {
-        const x = l + _.slice(2);
-        m?.(x);
+        const g = l + _.slice(2);
+        m?.(g);
       } else
         m?.(_);
     }, [l]);
-    return ne(() => {
+    return se(() => {
       const _ = c.current;
       if (!_) return;
-      const x = _.scrollHeight;
-      _.style.setProperty("--sublinks-max-height", `${x}px`);
-    }, []), /* @__PURE__ */ e.jsx("div", { ref: c, className: `sublinks flex flex-col gap-1 ml-8 ${s ? "collapsed" : "expanded"}`, children: h.map((_) => /* @__PURE__ */ e.jsx(lt, { ..._, onClick: O, parentPath: l }, `${_.title}-${_.path}`)) });
+      const g = _.scrollHeight;
+      _.style.setProperty("--sublinks-max-height", `${g}px`);
+    }, []), /* @__PURE__ */ e.jsx("div", { ref: c, className: `sublinks flex flex-col gap-1 ml-8 ${s ? "collapsed" : "expanded"}`, children: h.map((_) => /* @__PURE__ */ e.jsx(dt, { ..._, onClick: O, parentPath: l }, `${_.title}-${_.path}`)) });
   }, X = (O) => {
-    O.stopPropagation(), O.preventDefault(), q();
+    O.stopPropagation(), O.preventDefault(), $();
   };
-  return y ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 ", children: [
+  return C ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 ", children: [
     /* @__PURE__ */ e.jsx(
-      Be,
+      Ue,
       {
         as: "a",
         title: d,
-        icon: S,
+        icon: N,
         count: f,
         className: p,
-        isSelected: b,
+        isSelected: x,
         hasSublinks: !!h,
         subLinksCollapsed: s,
         onToggleSublinks: X,
-        onClick: $,
-        onAuxClick: Q,
-        disabled: T,
-        tooltipText: W
+        onClick: K,
+        onAuxClick: G,
+        disabled: A,
+        tooltipText: V
       }
     ),
-    Y()
+    q()
   ] }) : null;
-}), it = R(Vt);
-it.displayName = "NavigationDrawerLinkItem";
-const Wt = ({ navlinks: t, handleNavigation: r, className: s, getIsCollapsed: o, toggleCollapse: c, subscribeToCollapse: l }) => {
-  const { pathname: d } = yt();
-  return /* @__PURE__ */ e.jsx(xe, { className: A("flex flex-col gap-2 w-full ", s), scrollbarProps: { hide: !0 }, persistScroll: "navigation-links", indicators: {
+}), ut = M($t);
+ut.displayName = "NavigationDrawerLinkItem";
+const Kt = ({ navlinks: t, handleNavigation: r, className: s, getIsCollapsed: o, toggleCollapse: c, subscribeToCollapse: l }) => {
+  const { pathname: d } = jt();
+  return /* @__PURE__ */ e.jsx(xe, { className: D("flex flex-col gap-2 w-full ", s), scrollbarProps: { hide: !0 }, persistScroll: "navigation-links", indicators: {
     top: { type: "shadow", behavior: "scroll-on-hover", show: !0 },
     bottom: { type: "shadow", behavior: "scroll-on-hover", show: !0 }
   }, children: t?.map((i, f) => {
-    const p = i.isSelected || i.path === d || (i.relatedPaths?.some((b) => d.startsWith(b)) ?? !1);
+    const p = i.isSelected || i.path === d || (i.relatedPaths?.some((x) => d.startsWith(x)) ?? !1);
     return /* @__PURE__ */ e.jsx(
-      it,
+      ut,
       {
         ...i,
         isSelected: p,
@@ -769,15 +769,15 @@ const Wt = ({ navlinks: t, handleNavigation: r, className: s, getIsCollapsed: o,
       f
     );
   }) });
-}, ct = R(Wt);
-ct.displayName = "NavigationDrawerNavlinks";
-const dt = R(({ navlinks: t, handleNavigation: r, allActions: s, activeActionId: o, onActionClick: c }) => {
+}, ft = M(Kt);
+ft.displayName = "NavigationDrawerNavlinks";
+const mt = M(({ navlinks: t, handleNavigation: r, allActions: s, activeActionId: o, onActionClick: c }) => {
   const { getIsCollapsed: l, toggleCollapse: d, subscribeToCollapse: i } = ce();
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(se.Spacer, { className: "pb-3" }),
+    /* @__PURE__ */ e.jsx(re.Spacer, { className: "pb-3" }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col overflow-hidden h-full gap-4 relative w-full", children: [
       /* @__PURE__ */ e.jsx(
-        ct,
+        ft,
         {
           getIsCollapsed: l,
           toggleCollapse: d,
@@ -788,7 +788,7 @@ const dt = R(({ navlinks: t, handleNavigation: r, allActions: s, activeActionId:
         }
       ),
       /* @__PURE__ */ e.jsx(
-        ot,
+        ct,
         {
           actions: s,
           activeActionId: o,
@@ -799,8 +799,8 @@ const dt = R(({ navlinks: t, handleNavigation: r, allActions: s, activeActionId:
     ] })
   ] });
 }, (t, r) => t.navlinks === r.navlinks && t.handleNavigation === r.handleNavigation && t.allActions === r.allActions && t.activeActionId === r.activeActionId && t.onActionClick === r.onActionClick);
-dt.displayName = "PyrionNavigationDrawer.Content";
-const qt = (t) => {
+mt.displayName = "PyrionNavigationDrawer.Content";
+const Yt = (t) => {
   const { sessions: r, onSessionClick: s, secondarySlot: o, subImageUrlAccessor: c } = t;
   if (!r || r.length === 0)
     return null;
@@ -812,14 +812,14 @@ const qt = (t) => {
     const p = f.metadata;
     if (!p)
       return;
-    const b = Se({ metadata: p }, c);
-    if (b != null)
-      return typeof b == "string" ? b : String(b);
-  }, i = g((f) => typeof o == "function" ? o(f) : o, [o]);
+    const x = je({ metadata: p }, c);
+    if (x != null)
+      return typeof x == "string" ? x : String(x);
+  }, i = b((f) => typeof o == "function" ? o(f) : o, [o]);
   return /* @__PURE__ */ e.jsx("div", { className: "w-full h-full flex flex-col gap-2", children: r?.map((f) => {
     const { auth_id: p } = f;
     return /* @__PURE__ */ e.jsx(ie, { className: " shrink-0 h-max", children: /* @__PURE__ */ e.jsx(ie.Content, { onClick: () => l(f), className: "p-0 group-data-[expanded=true]/ticketcard:border-none", children: /* @__PURE__ */ e.jsx(
-      Je,
+      Ze,
       {
         name: p.name,
         avatarSize: "xxs",
@@ -831,7 +831,7 @@ const qt = (t) => {
       f.token
     ) }) }, f.token);
   }) });
-}, $t = ({
+}, Xt = ({
   state: t,
   currentAppSessions: r,
   resolveUserSecondarySlot: s,
@@ -842,19 +842,19 @@ const qt = (t) => {
   options: i,
   currentSystemId: f,
   userOptionsControls: p,
-  mobileAppSwitcherControls: b
+  mobileAppSwitcherControls: x
 }) => {
-  const { getIsCollapsed: m, toggleCollapse: h, subscribeToCollapse: C } = ce(), L = g(() => {
-    const N = m();
-    N ? (h(), p.current?.open()) : d?.(N);
+  const { getIsCollapsed: m, toggleCollapse: h, subscribeToCollapse: S } = ce(), k = b(() => {
+    const y = m();
+    y ? (h(), p.current?.open()) : d?.(y);
   }, [m, h, p, d]);
-  return ne(() => C((N) => {
-    N && (p.current?.close(), b.current?.close());
-  }), [C, p, b]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(se.Spacer, { className: "mb-3" }),
+  return se(() => S((y) => {
+    y && (p.current?.close(), x.current?.close());
+  }), [S, p, x]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(re.Spacer, { className: "mb-3" }),
     /* @__PURE__ */ e.jsxs(ie, { className: "", controls: p, children: [
-      /* @__PURE__ */ e.jsx(ie.Content, { onClick: L, children: /* @__PURE__ */ e.jsx(
-        Je,
+      /* @__PURE__ */ e.jsx(ie.Content, { onClick: k, children: /* @__PURE__ */ e.jsx(
+        Ze,
         {
           className: "pyrion-navigation-drawer-user-card p-0",
           name: t.user?.name || "",
@@ -869,7 +869,7 @@ const qt = (t) => {
         r && r.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
           /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-label-medium text-neutral-medium-default select-none", children: "Cambiar cuenta" }),
           /* @__PURE__ */ e.jsx(xe, { className: "flex flex-col gap-2 max-h-[165px] flex-1", scrollbarProps: { hide: !0 }, children: /* @__PURE__ */ e.jsx(
-            qt,
+            Yt,
             {
               sessions: r,
               onSessionClick: c,
@@ -889,7 +889,7 @@ const qt = (t) => {
               animateIcon: !1,
               variant: "text",
               label: "Cerrar sesión",
-              icon: /* @__PURE__ */ e.jsx(Lt, {}),
+              icon: /* @__PURE__ */ e.jsx(Tt, {}),
               size: "small",
               color: "secondary",
               className: "w-full justify-start h-12 max-h-none p-3 "
@@ -899,7 +899,7 @@ const qt = (t) => {
       ] })
     ] })
   ] });
-}, ut = R($t, (t, r) => {
+}, pt = M(Xt, (t, r) => {
   const s = Object.keys(t), o = Object.keys(r);
   if (s.length !== o.length)
     return !1;
@@ -912,8 +912,8 @@ const qt = (t) => {
   }
   return t.currentAppSessions !== r.currentAppSessions || t.options !== r.options || t.currentSystemId !== r.currentSystemId || t.userOptionsControls !== r.userOptionsControls || t.mobileAppSwitcherControls !== r.mobileAppSwitcherControls;
 });
-ut.displayName = "PyrionNavigationDrawer.Footer";
-const Kt = ({ tabs: t, content: r, controls: s }) => /* @__PURE__ */ e.jsxs(ie, { controls: s, children: [
+pt.displayName = "PyrionNavigationDrawer.Footer";
+const Jt = ({ tabs: t, content: r, controls: s }) => /* @__PURE__ */ e.jsxs(ie, { controls: s, children: [
   /* @__PURE__ */ e.jsx(ie.Content, { children: typeof r == "function" ? r() : r }),
   /* @__PURE__ */ e.jsxs(ie.Options, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col p-2 pl-4 gap-2", children: [
@@ -941,8 +941,8 @@ const Kt = ({ tabs: t, content: r, controls: s }) => /* @__PURE__ */ e.jsxs(ie,
     ] }),
     /* @__PURE__ */ e.jsx("div", {})
   ] })
-] }), Ie = R(({ enabled_systems: t, onClick: r, currentSystemId: s }) => {
-  const o = g(() => {
+] }), Pe = M(({ enabled_systems: t, onClick: r, currentSystemId: s }) => {
+  const o = b(() => {
     if (t) {
       if (s) {
         const i = t.find((f) => f._id === s);
@@ -959,7 +959,7 @@ const Kt = ({ tabs: t, content: r, controls: s }) => /* @__PURE__ */ e.jsxs(ie,
       {
         src: o().coverImage,
         alt: "System Logo",
-        className: A("w-full h-12 rounded object-contain system-cover-image ", c && "cursor-pointer"),
+        className: D("w-full h-12 rounded object-contain system-cover-image ", c && "cursor-pointer"),
         draggable: !1,
         onClick: r
       }
@@ -969,28 +969,28 @@ const Kt = ({ tabs: t, content: r, controls: s }) => /* @__PURE__ */ e.jsxs(ie,
       {
         src: o().thumbnail,
         alt: "System Logo",
-        className: A("w-12 h-12 rounded object-cover system-thumbnail ", c && "cursor-pointer"),
+        className: D("w-12 h-12 rounded object-cover system-thumbnail ", c && "cursor-pointer"),
         draggable: !1,
         onClick: r
       }
     )
   ] });
 }, (t, r) => t.enabled_systems === r.enabled_systems && t.onClick === r.onClick && t.currentSystemId === r.currentSystemId);
-Ie.displayName = "PyrionNavigationDrawer.SystemLogo";
-const ft = R(({ onSystemLogoClick: t, state: r, currentSystemId: s, tabs: o, mobileAppSwitcherControls: c }) => {
-  const { getIsCollapsed: l } = ce(), d = Ke(), i = g(() => {
+Pe.displayName = "PyrionNavigationDrawer.SystemLogo";
+const ht = M(({ onSystemLogoClick: t, state: r, currentSystemId: s, tabs: o, mobileAppSwitcherControls: c }) => {
+  const { getIsCollapsed: l } = ce(), d = Je(), i = b(() => {
     if (t) {
       const f = l();
       t(f);
     }
   }, [t, l]);
   return d ? /* @__PURE__ */ e.jsx(
-    Kt,
+    Jt,
     {
       controls: c,
       tabs: o,
       content: /* @__PURE__ */ e.jsx(
-        Ie,
+        Pe,
         {
           enabled_systems: r.enabled_systems,
           onClick: i,
@@ -999,7 +999,7 @@ const ft = R(({ onSystemLogoClick: t, state: r, currentSystemId: s, tabs: o, mob
       )
     }
   ) : /* @__PURE__ */ e.jsx(
-    Ie,
+    Pe,
     {
       enabled_systems: r.enabled_systems,
       onClick: i,
@@ -1007,110 +1007,110 @@ const ft = R(({ onSystemLogoClick: t, state: r, currentSystemId: s, tabs: o, mob
     }
   );
 });
-ft.displayName = "PyrionNavigationDrawer.Header";
-const $e = ({ type: t }) => {
+ht.displayName = "PyrionNavigationDrawer.Header";
+const Xe = ({ type: t }) => {
   if (t === "load_more") return /* @__PURE__ */ e.jsx("p", { className: " prometeo-fonts-body-large text-neutral-medium-default w-full text-center py-4", children: "Cargando más ..." });
-  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(Yt, {}) })) });
-}, Yt = () => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-end gap-1 p-2", children: [
+  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(Gt, {}) })) });
+}, Gt = () => /* @__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(pe, { shape: "circle", className: "w-12 h-12 aspect-square!" }),
     /* @__PURE__ */ e.jsx(pe, { shape: "rounded", className: "w-full h-12 min-h-12" })
   ] }),
   /* @__PURE__ */ e.jsx(pe, { shape: "rounded", className: "w-20 h-3" })
-] }), Xt = ({ onCloseClick: t, onMarkAllAsRead: r, notificationsListControls: s, scrollableControls: o }) => {
-  const [c, l] = G([]), [d, i] = G("NO_LEIDAS"), [f, p] = G({ isLoading: !1, type: "load_more" }), [b, m] = G({ hasError: !1 }), h = I(/* @__PURE__ */ new Set()), C = I(null), L = I(null), N = g((x, M = "top") => {
-    l((B) => {
-      const z = Array.isArray(x) ? M === "bottom" ? [...B, ...x] : [...x, ...B] : M === "bottom" ? [...B, x] : [x, ...B];
+] }), Qt = ({ onCloseClick: t, onMarkAllAsRead: r, notificationsListControls: s, scrollableControls: o }) => {
+  const [c, l] = J([]), [d, i] = J("NO_LEIDAS"), [f, p] = J({ isLoading: !1, type: "load_more" }), [x, m] = J({ hasError: !1 }), h = E(/* @__PURE__ */ new Set()), S = E(null), k = E(null), y = b((g, P = "top") => {
+    l((R) => {
+      const z = Array.isArray(g) ? P === "bottom" ? [...R, ...g] : [...g, ...R] : P === "bottom" ? [...R, g] : [g, ...R];
       return queueMicrotask(() => {
-        h.current.forEach((Z) => Z(z, z.length));
+        h.current.forEach((Q) => Q(z, z.length));
       }), z;
     });
-  }, []), y = g((x) => (h.current.add(x), () => {
-    h.current.delete(x);
-  }), []), T = g((x) => {
-    l((M) => {
-      const B = Array.isArray(x) ? M.filter((z) => !x.includes(z._id)) : M.filter((z) => z._id !== x);
+  }, []), C = b((g) => (h.current.add(g), () => {
+    h.current.delete(g);
+  }), []), A = b((g) => {
+    l((P) => {
+      const R = Array.isArray(g) ? P.filter((z) => !g.includes(z._id)) : P.filter((z) => z._id !== g);
       return queueMicrotask(() => {
-        h.current.forEach((z) => z(B, B.length));
-      }), B;
+        h.current.forEach((z) => z(R, R.length));
+      }), R;
     });
-  }, []), W = g(() => {
+  }, []), V = b(() => {
     l([]), queueMicrotask(() => {
-      h.current.forEach((x) => x([], 0));
+      h.current.forEach((g) => g([], 0));
     });
-  }, []), q = g((x) => {
-    l(x), queueMicrotask(() => {
-      h.current.forEach((M) => M(x, x.length));
+  }, []), $ = b((g) => {
+    l(g), queueMicrotask(() => {
+      h.current.forEach((P) => P(g, g.length));
     });
-  }, []), j = g((x, M = "load_more") => {
-    p({ isLoading: x, type: M });
-  }, []), U = g((x, M) => {
-    m({ hasError: x, children: M });
+  }, []), j = b((g, P = "load_more") => {
+    p({ isLoading: g, type: P });
+  }, []), U = b((g, P) => {
+    m({ hasError: g, children: P });
   }, []);
-  _e(s, () => ({
-    addNewNotification: N,
-    subscribeToUpdates: y,
-    setNotifications: q,
-    removeNotification: T,
-    removeAllNotifications: W,
+  Re(s, () => ({
+    addNewNotification: y,
+    subscribeToUpdates: C,
+    setNotifications: $,
+    removeNotification: A,
+    removeAllNotifications: V,
     setLoading: j,
     setError: U
-  }), [N, y, q, T, W, j, U]);
-  const S = (x) => {
-    i(x);
-  }, $ = c.length > 0;
-  wt(() => {
-    if (C.current && L.current) {
-      const x = C.current.clientHeight;
-      L.current.style.setProperty("height", `calc(100vh - ${x}px - 20px)`);
+  }), [y, C, $, A, V, j, U]);
+  const N = (g) => {
+    i(g);
+  }, K = c.length > 0;
+  Ct(() => {
+    if (S.current && k.current) {
+      const g = S.current.clientHeight;
+      k.current.style.setProperty("height", `calc(100vh - ${g}px - 20px)`);
     }
-  }, [C?.current]);
-  const Q = c.filter((x) => !x.read).length, { isLoading: Y, type: X } = f, { hasError: O, children: _ } = b;
+  }, [S?.current]);
+  const G = c.filter((g) => !g.read).length, { isLoading: q, type: X } = f, { hasError: O, children: _ } = x;
   return console.log("hasError", O), console.log("listenersRef", Array.from(h.current)), /* @__PURE__ */ e.jsx(
     "section",
     {
       className: "w-full md:w-[479px] bg-neutral-default-default flex flex-col border-l-0 md:border-l border-neutral-strong-default min-h-full  h-full max-h-full overflow-hidden",
       children: /* @__PURE__ */ e.jsxs("div", { className: " w-full flex flex-col gap-4 ", children: [
-        /* @__PURE__ */ e.jsxs("div", { ref: C, className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ e.jsxs("div", { ref: S, className: "flex flex-col gap-4", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "w-full h-max flex gap-2 items-center justify-between pt-8 pb-2 pr-2 pl-4 border-b border-neutral-strong-default sticky top-0 z-50 bg-neutral-default-default", children: [
             /* @__PURE__ */ e.jsxs("span", { className: "flex gap-2 items-center", children: [
-              /* @__PURE__ */ e.jsx(Ge, { className: "text-neutral-strong-default", size: 24 }),
+              /* @__PURE__ */ e.jsx(et, { className: "text-neutral-strong-default", size: 24 }),
               /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-headline-small text-neutral-strong-default", children: "Notificaciones" })
             ] }),
-            /* @__PURE__ */ e.jsx(he, { onClick: () => t?.(), icon: /* @__PURE__ */ e.jsx(Me, {}), variant: "text", animate: !1, animateIcon: !1, color: "secondary", className: "size-12" })
+            /* @__PURE__ */ e.jsx(he, { onClick: () => t?.(), icon: /* @__PURE__ */ e.jsx(Fe, {}), variant: "text", animate: !1, animateIcon: !1, color: "secondary", className: "size-12" })
           ] }),
           /* @__PURE__ */ e.jsx(
-            At,
+            Et,
             {
               className: "px-4 md:px-2 md:pl-2 pl-2 gap-0 md:gap-0",
-              onTabChange: S,
+              onTabChange: N,
               activeTab: d,
               items: [
                 { id: "ALL", title: "Todas" },
                 { id: "NO_LEIDAS", title: "Sin leer" }
               ],
-              renderTab: (x, M, B, z, Z, ae, ee, ve) => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+              renderTab: (g, P, R, z, Q, ae, Z, ve) => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
                 /* @__PURE__ */ e.jsx(
-                  Tt,
+                  It,
                   {
-                    id: x.id,
-                    title: x.title,
-                    onClick: B,
-                    isActive: M,
+                    id: g.id,
+                    title: g.title,
+                    onClick: R,
+                    isActive: P,
                     onIconClick: z,
-                    onIconHover: Z,
-                    iconTooltipProps: ee,
+                    onIconHover: Q,
+                    iconTooltipProps: Z,
                     iconTooltipTitle: ae,
                     iconSize: ve
                   }
                 ),
-                Q > 0 && x.id === "NO_LEIDAS" && (Y ? /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 right-0", children: /* @__PURE__ */ e.jsx(pe, { className: "size-5.5", shape: "circle" }) }) : /* @__PURE__ */ e.jsx(Xe, { count: Q, className: "absolute top-0 right-0" }))
+                G > 0 && g.id === "NO_LEIDAS" && (q ? /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 right-0", children: /* @__PURE__ */ e.jsx(pe, { className: "size-5.5", shape: "circle" }) }) : /* @__PURE__ */ e.jsx(Qe, { count: G, className: "absolute top-0 right-0" }))
               ] })
             }
           ),
-          r && $ && d === "NO_LEIDAS" && !O && /* @__PURE__ */ e.jsx("div", { className: "flex justify-end px-4", children: /* @__PURE__ */ e.jsx(he, { disabled: Y, onClick: r, label: "Marcar todas como leidas", variant: "text", animate: !1, animateIcon: !1, size: "small" }) })
+          r && K && d === "NO_LEIDAS" && !O && /* @__PURE__ */ e.jsx("div", { className: "flex justify-end px-4", children: /* @__PURE__ */ e.jsx(he, { disabled: q, onClick: r, label: "Marcar todas como leidas", variant: "text", animate: !1, animateIcon: !1, size: "small" }) })
         ] }),
-        /* @__PURE__ */ e.jsx("div", { ref: L, className: "", children: /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ e.jsx("div", { ref: k, className: "", children: /* @__PURE__ */ e.jsxs(
           xe,
           {
             className: "px-4 md:px-2 py-0 md:py-0 flex flex-col gap-3 h-full",
@@ -1124,13 +1124,13 @@ const $e = ({ type: t }) => {
             },
             scrollMetadata: {
               activeTab: d,
-              isLoading: Y
+              isLoading: q
             },
             children: [
               O && /* @__PURE__ */ e.jsx("div", { className: "w-full h-full grid place-items-center", children: typeof _ == "function" ? _() : _ }),
               !O && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                Y && X === "skeletons" ? /* @__PURE__ */ e.jsx($e, { type: X }) : $ ? c?.filter((x) => d === "NO_LEIDAS" ? !x.read : x)?.map((x, M) => /* @__PURE__ */ e.jsx(Dt, { ...x, className: " border-b border-neutral-strong-default rounded-b-none last:border-b-0" }, M)) : /* @__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" }),
-                Y && X === "load_more" && /* @__PURE__ */ e.jsx($e, { type: X })
+                q && X === "skeletons" ? /* @__PURE__ */ e.jsx(Xe, { type: X }) : K ? c?.filter((g) => d === "NO_LEIDAS" ? !g.read : g)?.map((g, P) => /* @__PURE__ */ e.jsx(Ot, { ...g, className: " border-b border-neutral-strong-default rounded-b-none last:border-b-0" }, P)) : /* @__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" }),
+                q && X === "load_more" && /* @__PURE__ */ e.jsx(Xe, { type: X })
               ] })
             ]
           }
@@ -1138,24 +1138,24 @@ const $e = ({ type: t }) => {
       ] })
     }
   );
-}, Jt = ({ onCloseClick: t, children: r, title: s = "Ayuda" }) => /* @__PURE__ */ e.jsxs(
+}, Zt = ({ onCloseClick: t, children: r, title: s = "Ayuda" }) => /* @__PURE__ */ e.jsxs(
   "section",
   {
     className: "overflow-auto w-full md:w-[479px] bg-neutral-default-default border-l-0 md:border-l border-neutral-strong-default h-full",
     children: [
       /* @__PURE__ */ e.jsxs("div", { className: "w-full h-max flex gap-2 items-center justify-between pt-8 pb-2 pr-2 pl-4 border-b border-neutral-strong-default sticky top-0 z-50 bg-neutral-default-default", children: [
         /* @__PURE__ */ e.jsxs("span", { className: "flex gap-2 items-center", children: [
-          /* @__PURE__ */ e.jsx(Qe, { className: "text-neutral-strong-default", size: 24 }),
+          /* @__PURE__ */ e.jsx(tt, { className: "text-neutral-strong-default", size: 24 }),
           /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-headline-small text-neutral-strong-default", children: s })
         ] }),
-        /* @__PURE__ */ e.jsx(he, { onClick: () => t?.(), icon: /* @__PURE__ */ e.jsx(Me, {}), variant: "text", animate: !1, animateIcon: !1, color: "secondary", className: "size-12" })
+        /* @__PURE__ */ e.jsx(he, { onClick: () => t?.(), icon: /* @__PURE__ */ e.jsx(Fe, {}), variant: "text", animate: !1, animateIcon: !1, color: "secondary", className: "size-12" })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-3 pb-8 pt-4 px-4 ", children: r })
     ]
   }
-), Gt = ({ closeSidebar: t, options: r, helpSection: s, initialSection: o, notificationsListControls: c, scrollableControls: l }, d) => {
-  const [i, f] = G(o ?? "notifications");
-  _e(d, () => ({
+), er = ({ closeSidebar: t, options: r, helpSection: s, initialSection: o, notificationsListControls: c, scrollableControls: l }, d) => {
+  const [i, f] = J(o ?? "notifications");
+  Re(d, () => ({
     setActiveSection: f
   }));
   const p = () => {
@@ -1163,7 +1163,7 @@ const $e = ({ type: t }) => {
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     i === "notifications" && !r?.notificationsDrawerOptions?.hide && /* @__PURE__ */ e.jsx(
-      Xt,
+      Qt,
       {
         onCloseClick: p,
         onMarkAllAsRead: r?.notificationsDrawerOptions?.onMarkAllAsRead,
@@ -1171,11 +1171,11 @@ const $e = ({ type: t }) => {
         scrollableControls: l
       }
     ),
-    i === "help" && s && !r?.helpSectionDrawerOptions?.hide && /* @__PURE__ */ e.jsx(Jt, { onCloseClick: p, children: typeof s == "function" ? s() : s })
+    i === "help" && s && !r?.helpSectionDrawerOptions?.hide && /* @__PURE__ */ e.jsx(Zt, { onCloseClick: p, children: typeof s == "function" ? s() : s })
   ] });
-}, mt = be(Gt);
-mt.displayName = "SidebarContent";
-const Qt = ({
+}, bt = be(er);
+bt.displayName = "SidebarContent";
+const tr = ({
   options: t,
   helpSection: r,
   sidebarContentRef: s,
@@ -1185,7 +1185,7 @@ const Qt = ({
 }) => {
   const { closeSidebar: d } = ce();
   return /* @__PURE__ */ e.jsx(
-    mt,
+    bt,
     {
       ref: s,
       closeSidebar: d,
@@ -1196,289 +1196,295 @@ const Qt = ({
       scrollableControls: l
     }
   );
-}, pt = R(Qt);
-pt.displayName = "PyrionNavigationDrawer.Sidebar";
-const Zt = ({ navigationControlsRef: t }) => {
+}, xt = M(tr);
+xt.displayName = "PyrionNavigationDrawer.Sidebar";
+const rr = ({ navigationControlsRef: t }) => {
   const r = ce();
   return t.current.toggleCollapse = r.toggleCollapse, 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;
-}, er = (t) => {
-  const { children: r, currentAppSessions: s, resolveUserSecondarySlot: o, resolveSessionSecondarySlot: c, handleNavigation: l, allActions: d, tabs: i, navigationControlsRef: f, sidebarContentRef: p, initialSectionRef: b, userOptionsControls: m, mobileAppSwitcherControls: h, notificationsListControls: C, scrollableControls: L, outletRef: N, ...y } = t;
-  return /* @__PURE__ */ e.jsxs(se, { disableDragOpen: y.options?.disableDragOpen, outletRef: N, children: [
-    /* @__PURE__ */ e.jsx(Zt, { navigationControlsRef: f }),
-    /* @__PURE__ */ e.jsx(se.Header, { className: "flex flex-col relative w-full select-none", children: /* @__PURE__ */ e.jsx(
-      ft,
+}, sr = (t) => {
+  const { children: r, currentAppSessions: s, resolveUserSecondarySlot: o, resolveSessionSecondarySlot: c, handleNavigation: l, allActions: d, tabs: i, navigationControlsRef: f, sidebarContentRef: p, initialSectionRef: x, userOptionsControls: m, mobileAppSwitcherControls: h, notificationsListControls: S, scrollableControls: k, outletRef: y, ...C } = t;
+  return /* @__PURE__ */ e.jsxs(re, { disableDragOpen: C.options?.disableDragOpen, outletRef: y, children: [
+    /* @__PURE__ */ e.jsx(rr, { navigationControlsRef: f }),
+    /* @__PURE__ */ e.jsx(re.Header, { className: "flex flex-col relative w-full select-none", children: /* @__PURE__ */ e.jsx(
+      ht,
       {
-        onSystemLogoClick: y.onSystemLogoClick,
-        state: y.state,
-        currentSystemId: y.currentSystemId,
+        onSystemLogoClick: C.onSystemLogoClick,
+        state: C.state,
+        currentSystemId: C.currentSystemId,
         tabs: i,
         mobileAppSwitcherControls: h
       }
     ) }, "PL-Header"),
-    /* @__PURE__ */ e.jsx(se.Content, { className: "overflow-hidden flex flex-col relative flex-1  md:w-auto", children: /* @__PURE__ */ e.jsx(
-      dt,
+    /* @__PURE__ */ e.jsx(re.Content, { className: "overflow-hidden flex flex-col relative flex-1  md:w-auto", children: /* @__PURE__ */ e.jsx(
+      mt,
       {
-        navlinks: y.links,
+        navlinks: C.links,
         handleNavigation: l,
         allActions: d,
-        activeActionId: y.activeActionId,
-        onActionClick: y.onActionClick
+        activeActionId: C.activeActionId,
+        onActionClick: C.onActionClick
       }
     ) }, "PL-Content"),
-    /* @__PURE__ */ e.jsx(se.Footer, { className: "md:min-h-max flex flex-col w-full overflow-hidden max-w-full", children: /* @__PURE__ */ e.jsx(
-      ut,
+    /* @__PURE__ */ e.jsx(re.Footer, { className: "md:min-h-max flex flex-col w-full overflow-hidden max-w-full", children: /* @__PURE__ */ e.jsx(
+      pt,
       {
-        state: y.state,
+        state: C.state,
         currentAppSessions: s,
         resolveUserSecondarySlot: o,
         resolveSessionSecondarySlot: c,
-        onSessionClick: y.onSessionClick,
-        onLogoutClick: y.onLogoutClick,
-        options: y.options,
-        currentSystemId: y.currentSystemId,
+        onSessionClick: C.onSessionClick,
+        onLogoutClick: C.onLogoutClick,
+        options: C.options,
+        currentSystemId: C.currentSystemId,
         userOptionsControls: m,
         mobileAppSwitcherControls: h,
-        onProfileClick: y.onProfileClick
+        onProfileClick: C.onProfileClick
       }
     ) }, "PL-Footer"),
-    /* @__PURE__ */ e.jsx(se.Outlet, { children: /* @__PURE__ */ e.jsx(bt, { children: r }) }),
+    /* @__PURE__ */ e.jsx(re.Outlet, { children: /* @__PURE__ */ e.jsx(vt, { children: r }) }),
     /* @__PURE__ */ e.jsx(
-      se.Sidebar,
+      re.Sidebar,
       {
         className: "bg-neutral-default-default",
-        modal: y.options?.sidebarOptions?.modal,
-        closeOnOverlayClick: y.options?.sidebarOptions?.closeOnOverlayClick,
+        modal: C.options?.sidebarOptions?.modal,
+        closeOnOverlayClick: C.options?.sidebarOptions?.closeOnOverlayClick,
         children: /* @__PURE__ */ e.jsx(
-          pt,
+          xt,
           {
-            options: y.options,
-            helpSection: y.helpSection,
+            options: C.options,
+            helpSection: C.helpSection,
             sidebarContentRef: p,
-            initialSectionRef: b,
-            notificationsListControls: C,
-            scrollableControls: L
+            initialSectionRef: x,
+            notificationsListControls: S,
+            scrollableControls: k
           }
         )
       }
     )
   ] });
-}, ht = R(er, (t, r) => {
+}, gt = M(sr, (t, r) => {
   const { children: s, ...o } = t, { children: c, ...l } = r, d = Object.keys(o), i = Object.keys(l);
   if (d.length !== i.length)
     return !1;
   for (const f of d) {
     if (!Object.prototype.hasOwnProperty.call(l, f))
       return !1;
-    const p = o[f], b = l[f];
-    if (p !== b)
+    const p = o[f], x = l[f];
+    if (p !== x)
       return !1;
   }
   return !0;
 });
-ht.displayName = "PyrionNavigationDrawer.LayoutBase";
-const bt = R(({ children: t }) => /* @__PURE__ */ e.jsx(se.Outlet, { children: t }));
-bt.displayName = "PyrionNavigationDrawer.IsolatedOutlet";
-const xt = Ee(null), jr = () => {
-  const t = Nt(xt);
+gt.displayName = "PyrionNavigationDrawer.LayoutBase";
+const vt = M(({ children: t }) => /* @__PURE__ */ e.jsx(re.Outlet, { children: t }));
+vt.displayName = "PyrionNavigationDrawer.IsolatedOutlet";
+const wt = Me(null), Dr = () => {
+  const t = St(wt);
   if (!t)
     throw new Error("usePyrionLayout debe usarse dentro de PyrionLayout");
   return t;
-}, kr = ({ children: t, helpSection: r, state: s, links: o, onLinkClick: c, onNavigate: l, onLogoutClick: d, actions: i, activeActionId: f, onActionClick: p, tabsProps: b, currentSystemId: m, onSessionClick: h, onSystemLogoClick: C, onProfileClick: L, ...N }) => {
-  const T = Object.assign({
+}, Ar = ({ children: t, helpSection: r, state: s, links: o, onLinkClick: c, onNavigate: l, onLogoutClick: d, actions: i, activeActionId: f, onActionClick: p, tabsProps: x, currentSystemId: m, onSessionClick: h, onSystemLogoClick: S, onProfileClick: k, ...y }) => {
+  const A = Object.assign({
     closeDrawerOnNavigate: !0,
     disableDragOpen: {
       sidebar: !0,
       drawer: !1
     }
-  }, N.options), W = St(), q = Ke(), j = I(null), U = I(null), S = I({}), $ = I(null), Q = I("notifications"), Y = I(null), X = I(null), O = I(null), [_, x] = G(0), [M, B] = G(!1), [z, Z] = G(null), ae = g((a) => {
-    if (B(!1), c) {
+  }, y.options), V = kt(), $ = Je(), j = E(null), U = E(null), N = E({}), K = E(null), G = E("notifications"), q = E(null), X = E(null), O = E(null), [_, g] = J(0), [P, R] = J(!1), [z, Q] = J(null), ae = b((a) => {
+    if (R(!1), c) {
       c(a);
       return;
     }
     const w = window.location.pathname;
-    W(a), T.closeDrawerOnNavigate && gt() && !S.current?.getIsCollapsed?.() && S.current?.toggleCollapse?.(), l && l(w, a);
-  }, [c, l, W]), ee = (a) => {
+    V(a), A.closeDrawerOnNavigate && Nt() && !N.current?.getIsCollapsed?.() && N.current?.toggleCollapse?.(), l && l(w, a);
+  }, [c, l, V]), Z = (a) => {
     a && window.open(a, "_blank");
   }, we = {
     system: {
-      mobile: ee,
+      mobile: Z,
       desktop: (a) => {
         typeof window < "u" && a && (window.location.href = a);
       }
     },
     product: {
-      mobile: ee,
-      desktop: ee
+      mobile: Z,
+      desktop: Z
     }
-  }, Le = g((a) => {
-    const w = q ? "mobile" : "desktop", P = s.enabled_systems.find((k) => k.name === a)?.url;
-    we.system[w](P), b?.onTabClick?.(a);
-  }, [q, s.enabled_systems, b?.onTabClick]), Fe = g((a) => {
-    const w = q ? "mobile" : "desktop", P = s.company.products?.find((k) => k.name === a)?.domain;
-    we.product[w](P), b?.onTabClick?.(a);
-  }, [q, s.company.products, b?.onTabClick]), de = g((a, w) => {
+  }, Ae = b((a) => {
+    const w = $ ? "mobile" : "desktop", F = s.enabled_systems.find((T) => T.name === a)?.url;
+    we.system[w](F), x?.onTabClick?.(a);
+  }, [$, s.enabled_systems, x?.onTabClick]), We = b((a) => {
+    const w = $ ? "mobile" : "desktop", F = s.company.products?.find((T) => T.name === a)?.domain;
+    we.product[w](F), x?.onTabClick?.(a);
+  }, [$, s.company.products, x?.onTabClick]), de = b((a, w) => {
     if (w) {
-      w(a), b?.onTabClick?.(a);
+      w(a), x?.onTabClick?.(a);
       return;
     } else
-      b?.onTabClick?.(a);
-  }, [b?.onTabClick]), ze = g(() => {
+      x?.onTabClick?.(a);
+  }, [x?.onTabClick]), He = b(() => {
     const a = {};
-    s.enabled_systems.forEach((P) => {
-      a[P.url] = P.name;
+    s.enabled_systems.forEach((F) => {
+      a[F.url] = F.name;
     });
     const w = window.location.origin;
-    for (const [P, k] of Object.entries(a))
-      if (w === P)
-        return k;
+    for (const [F, T] of Object.entries(a))
+      if (w === F)
+        return T;
     return "";
-  }, [s.enabled_systems]), De = b?.currentTabName || ze(), Ae = me(
+  }, [s.enabled_systems]), Te = x?.currentTabName || He(), Oe = me(
     () => s.sessions || [],
     [s.sessions]
-  ), te = (a) => a == null ? null : typeof a == "string" || typeof a == "number" || typeof a == "boolean" ? String(a) : Ce(a) ? a : typeof a == "object" ? JSON.stringify(a) : null, ue = g((a, w) => {
+  ), ee = (a) => a == null ? null : typeof a == "string" || typeof a == "number" || typeof a == "boolean" ? String(a) : ke(a) ? a : typeof a == "object" ? JSON.stringify(a) : null, ue = b((a, w) => {
     if (!a) return null;
     if (Array.isArray(a)) {
-      const P = a?.[0] ? Se(w, a[0]) : null, k = a?.[1] ? Se(w, a[1]) : null, J = te(P), Ue = te(k);
+      const F = a?.[0] ? je(w, a[0]) : null, T = a?.[1] ? je(w, a[1]) : null, ne = ee(F), Ve = ee(T);
       return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-body-small text-neutral-default-default line-clamp-1 min-w-[40%] text-nowrap wrap-break-word overflow-hidden text-ellipsis", children: J }),
-        Ue && /* @__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: [
+        /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-body-small text-neutral-default-default line-clamp-1 min-w-[40%] text-nowrap wrap-break-word overflow-hidden text-ellipsis", children: ne }),
+        Ve && /* @__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: [
           /* @__PURE__ */ e.jsx("span", { className: "size-0.5 bg-[var(--neutral-300)] rounded-full" }),
-          /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-body-small text-neutral-default-default line-clamp-1 whitespace-pre text-ellipsis", children: Ue })
+          /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-body-small text-neutral-default-default line-clamp-1 whitespace-pre text-ellipsis", children: Ve })
         ] })
       ] });
     }
     if (typeof a == "string") {
-      const P = Se(w, a);
-      return te(P);
+      const F = je(w, a);
+      return ee(F);
     }
-    return typeof a == "function" ? te(a(w)) : null;
-  }, []), n = g(
+    return typeof a == "function" ? ee(a(w)) : null;
+  }, []), n = b(
     (a) => {
-      const w = T?.userCardOptions?.secondarySlot;
+      const w = A?.userCardOptions?.secondarySlot;
       if (!w) return null;
-      const P = s.enabled_systems?.find((J) => J._id === m), k = { company: s.company, user: s.user, system: P, metadata: a };
-      return ue(w, k);
+      const F = s.enabled_systems?.find((ne) => ne._id === m), T = { company: s.company, user: s.user, system: F, metadata: a };
+      return ue(w, T);
     },
-    [m, T?.userCardOptions?.secondarySlot, ue, s.company, s.enabled_systems, s.user]
-  ), u = g(
+    [m, A?.userCardOptions?.secondarySlot, ue, s.company, s.enabled_systems, s.user]
+  ), u = b(
     (a) => {
-      const w = T?.sessionCardOptions?.secondarySlot || T?.userCardOptions?.secondarySlot;
+      const w = A?.sessionCardOptions?.secondarySlot || A?.userCardOptions?.secondarySlot;
       if (!w) return null;
-      const P = s.enabled_systems?.find((J) => J._id === m), k = { company: s.company, user: a.auth_id, metadata: a?.metadata, system: P };
-      return ue(w, k);
+      const F = s.enabled_systems?.find((ne) => ne._id === m), T = { company: s.company, user: a.auth_id, metadata: a?.metadata, system: F };
+      return ue(w, T);
     },
-    [m, T?.sessionCardOptions?.secondarySlot, T?.userCardOptions?.secondarySlot, ue, s.company, s.enabled_systems]
+    [m, A?.sessionCardOptions?.secondarySlot, A?.userCardOptions?.secondarySlot, ue, s.company, s.enabled_systems]
   ), v = me(() => {
     const a = [];
-    return S.current.openNotifications = () => {
-      Q.current = "notifications", S.current.openSidebar?.(), $.current?.setActiveSection("notifications");
-    }, S.current.openHelp = () => {
-      Q.current = "help", S.current.openSidebar?.(), $.current?.setActiveSection("help");
-    }, !T?.notificationsDrawerOptions?.hideActionButton && !T?.notificationsDrawerOptions?.hide && a.push({
+    return N.current.openNotifications = () => {
+      G.current = "notifications", N.current.openSidebar?.(), K.current?.setActiveSection("notifications");
+    }, N.current.openHelp = () => {
+      G.current = "help", N.current.openSidebar?.(), K.current?.setActiveSection("help");
+    }, !A?.notificationsDrawerOptions?.hideActionButton && !A?.notificationsDrawerOptions?.hide && a.push({
       id: "notifications",
       title: "Notificaciones",
-      icon: Ge,
-      onClick: S.current.openNotifications,
+      icon: et,
+      onClick: N.current.openNotifications,
       count: _
-    }), !T?.helpSectionDrawerOptions?.hideActionButton && r && !T?.helpSectionDrawerOptions?.hide && a.push({
+    }), !A?.helpSectionDrawerOptions?.hideActionButton && r && !A?.helpSectionDrawerOptions?.hide && a.push({
       id: "help",
       title: "Ayuda",
-      icon: Qe,
-      onClick: S.current.openHelp
-    }), T?.configurationActionOptions?.onClick && !T?.configurationActionOptions?.hideActionButton && a.push({
+      icon: tt,
+      onClick: N.current.openHelp
+    }), A?.configurationActionOptions?.onClick && !A?.configurationActionOptions?.hideActionButton && a.push({
       id: "configuration",
       title: "Configuracion",
-      icon: Ot,
-      onClick: T.configurationActionOptions?.onClick
+      icon: _t,
+      onClick: A.configurationActionOptions?.onClick
     }), a;
-  }, [T, r, p, _]), E = me(
+  }, [A, r, p, _]), I = me(
     () => [...v, ...i || []],
     [v, i]
-  ), H = me(() => {
-    const a = s.enabled_systems.map((k) => ({
-      name: k.name,
-      thumbnail: k.thumbnail,
-      onClick: Le,
-      id: k._id
-    })) || [], w = b?.customTabs?.map((k) => ({
-      ...k,
-      onClick: () => de(k.name, k?.onClick)
-    })) || [], P = s.company.products?.map((k) => ({
-      name: k.name,
-      thumbnail: k.thumbnail,
-      onClick: Fe
+  ), W = me(() => {
+    const a = s.enabled_systems.map((T) => ({
+      name: T.name,
+      thumbnail: T.thumbnail,
+      onClick: Ae,
+      id: T._id
+    })) || [], w = x?.customTabs?.map((T) => ({
+      ...T,
+      onClick: () => de(T.name, T?.onClick)
+    })) || [], F = s.company.products?.map((T) => ({
+      name: T.name,
+      thumbnail: T.thumbnail,
+      onClick: We
     })) || [];
-    return [...a, ...w, ...P];
-  }, [s.enabled_systems, s.company.products, b?.customTabs]), F = g((a, w) => {
+    return [...a, ...w, ...F];
+  }, [s.enabled_systems, s.company.products, x?.customTabs]), B = b((a, w) => {
     j.current?.addNewNotification ? j.current.addNewNotification(a, w) : console.warn("Notifications controls not ready yet");
-  }, []), re = g((a) => j.current?.subscribeToUpdates ? j.current.subscribeToUpdates(a) : (console.warn("Notifications controls not ready yet"), () => {
-  }), []), oe = g((a) => {
+  }, []), te = b((a) => j.current?.subscribeToUpdates ? j.current.subscribeToUpdates(a) : (console.warn("Notifications controls not ready yet"), () => {
+  }), []), oe = b((a) => {
     j.current?.removeNotification ? j.current.removeNotification(a) : console.warn("Notifications controls not ready yet");
-  }, []), fe = g(() => {
+  }, []), fe = b(() => {
     j.current?.removeAllNotifications ? j.current.removeAllNotifications() : console.warn("Notifications controls not ready yet");
-  }, []), Ne = g((a) => {
+  }, []), Ne = b((a) => {
     j.current?.setNotifications ? j.current.setNotifications(a) : console.warn("Notifications controls not ready yet");
-  }, []), ye = g((a, w) => U.current?.subscribeToScrollTarget ? U.current.subscribeToScrollTarget(a, w) : (console.warn("Scrollable controls not ready yet"), () => {
-  }), []), D = g((a, w = "load_more") => {
+  }, []), ye = b((a, w) => U.current?.subscribeToScrollTarget ? U.current.subscribeToScrollTarget(a, w) : (console.warn("Scrollable controls not ready yet"), () => {
+  }), []), L = b((a, w = "load_more") => {
     j.current?.setLoading ? j.current.setLoading(a, w) : console.warn("Notifications controls not ready yet");
-  }, []), K = g((a, w) => {
+  }, []), Y = b((a, w) => {
     j.current?.setError ? j.current.setError(a, w) : console.warn("Notifications controls not ready yet");
-  }, []), V = g((a, w, P) => {
-    const k = /* @__PURE__ */ e.jsxs("div", { className: A(" bg-black/60 z-200 inset-0 h-full w-full grid place-items-center text-neutral-default-default", w ? "fixed" : "sticky"), children: [
-      !P && /* @__PURE__ */ e.jsx(he, { label: "", icon: /* @__PURE__ */ e.jsx(Me, {}), onClick: () => B(!1), variant: "text", className: "absolute top-0 right-0", size: "small", color: "secondary" }),
+  }, []), H = b(() => {
+    q.current?.open();
+  }, []), le = b(() => {
+    q.current?.close();
+  }, []), Ee = b(() => {
+    q.current?.toggle();
+  }, []), Ce = b((a, w, F) => {
+    const T = /* @__PURE__ */ e.jsxs("div", { className: D(" bg-black/60 z-200 inset-0 h-full w-full grid place-items-center text-neutral-default-default", w ? "fixed" : "sticky"), children: [
+      !F && /* @__PURE__ */ e.jsx(he, { label: "", icon: /* @__PURE__ */ e.jsx(Fe, {}), onClick: () => R(!1), variant: "text", className: "absolute top-0 right-0", size: "small", color: "secondary" }),
       typeof a == "function" ? a() : a
     ] });
-    let J;
-    return w ? J = Ve(k, document.body, `modal-error-${Date.now()}`) : O.current && (J = Ve(k, O.current, `modal-error-${Date.now()}`)), Z(J), B(!0), k;
-  }, [O]), le = g(() => {
-    B(!1);
+    let ne;
+    return w ? ne = $e(T, document.body, `modal-error-${Date.now()}`) : O.current && (ne = $e(T, O.current, `modal-error-${Date.now()}`)), Q(ne), R(!0), T;
+  }, [O]), Se = b(() => {
+    R(!1);
   }, []);
-  return S.current.addNewNotification = F, S.current.subscribeToNotificationsUpdates = re, S.current.removeNotification = oe, S.current.removeAllNotifications = fe, S.current.setNotifications = Ne, S.current.setNotificationsError = K, S.current.setNotificationsLoading = D, S.current.subscribeToNotificationsScroll = ye, S.current.showErrorModal = V, S.current.closeErrorModal = le, ne(() => {
-    re((a, w) => {
-      x(w);
+  return N.current.addNewNotification = B, N.current.subscribeToNotificationsUpdates = te, N.current.removeNotification = oe, N.current.removeAllNotifications = fe, N.current.setNotifications = Ne, N.current.setNotificationsError = Y, N.current.setNotificationsLoading = L, N.current.subscribeToNotificationsScroll = ye, N.current.showErrorModal = Ce, N.current.closeErrorModal = Se, N.current.userCardExpand = H, N.current.userCardCollapse = le, N.current.userCardToggle = Ee, se(() => {
+    te((a, w) => {
+      g(w);
     });
-  }, [re]), /* @__PURE__ */ e.jsxs(xt.Provider, { value: S.current, children: [
-    M && z,
+  }, [te]), /* @__PURE__ */ e.jsxs(wt.Provider, { value: N.current, children: [
+    P && z,
     /* @__PURE__ */ e.jsxs("div", { className: "flex h-screen", children: [
-      !q && H.length > 0 && /* @__PURE__ */ e.jsx(
-        It,
+      !$ && W.length > 0 && /* @__PURE__ */ e.jsx(
+        Pt,
         {
           className: "hidden md:flex",
-          tabs: H,
+          tabs: W,
           activeColor: "var(--neutral-900)",
-          currentTabName: De,
+          currentTabName: Te,
           currentSystemId: m,
           isLoading: !s.enabled_systems || s.enabled_systems.length === 0
         }
       ),
       /* @__PURE__ */ e.jsx(
-        ht,
+        gt,
         {
           links: o,
           handleNavigation: ae,
-          allActions: E,
+          allActions: I,
           activeActionId: f,
           onActionClick: p,
           state: s,
-          currentAppSessions: Ae,
+          currentAppSessions: Oe,
           resolveUserSecondarySlot: n,
           resolveSessionSecondarySlot: u,
           onSessionClick: h,
           onLogoutClick: d,
-          options: T,
+          options: A,
           currentSystemId: m,
-          userOptionsControls: Y,
+          userOptionsControls: q,
           mobileAppSwitcherControls: X,
-          onSystemLogoClick: C,
-          tabs: H,
+          onSystemLogoClick: S,
+          tabs: W,
           helpSection: r,
-          sidebarContentRef: $,
-          initialSectionRef: Q,
-          navigationControlsRef: S,
+          sidebarContentRef: K,
+          initialSectionRef: G,
+          navigationControlsRef: N,
           notificationsListControls: j,
           scrollableControls: U,
           outletRef: O,
-          onProfileClick: L,
+          onProfileClick: k,
           children: t
         }
       )
@@ -1486,6 +1492,6 @@ const xt = Ee(null), jr = () => {
   ] });
 };
 export {
-  kr as default,
-  jr as u
+  Ar as default,
+  Dr as u
 };