prometeo-design-system 4.3.3 → 4.3.6

package/dist/PyrionLayout.es.js

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