prometeo-design-system 5.2.0 → 5.2.1

package/dist/PyrionLayout.es.js

@@ -1,74 +1,74 @@
 import { j as e } from "./jsx-runtime-GkKLlHH4.js";
 import { u as Je, g as yt } from "./useDevice-vwn4GLwK.js";
-import { c as D } from "./cn-B6yFEsav.js";
+import { c as T } from "./cn-B6yFEsav.js";
 import { g as Se } from "./utils-X4-h3cum.js";
-import qe, { forwardRef as be, useState as G, useRef as I, useEffect as ne, memo as M, useContext as Ge, createContext as Me, useCallback as g, Children as Ct, isValidElement as ke, useMemo as pe, useImperativeHandle as Re, useLayoutEffect as jt, use as St } from "react";
+import qe, { forwardRef as we, useState as J, useRef as O, useEffect as re, memo as M, useContext as Ge, createContext as Me, useCallback as x, Children as Ct, isValidElement as je, useMemo as xe, useImperativeHandle as Re, useLayoutEffect as St, use as jt } from "react";
 import { createPortal as $e } from "react-dom";
 import { useLocation as Qe, useNavigate as kt } from "react-router";
-import ce from "./Skeleton.es.js";
-import { CloseNavBarDesktop as Lt } from "./Icons/CloseNavBarDesktop.es.js";
+import ue from "./Skeleton.es.js";
+import { CloseNavBarDesktop as Dt } from "./Icons/CloseNavBarDesktop.es.js";
 import { c as Be } from "./index-BOQuZ0gG.js";
 import { B as Ze } from "./badge-BEx-0Q-K.js";
-import Dt from "./PlainTooltip.es.js";
+import Lt 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 { Scrollable as ve } from "./Scrollable.es.js";
+import le from "./TicketCard.es.js";
 import et from "./UserCard.es.js";
-import he from "./Button.es.js";
+import ge from "./Button.es.js";
 import { Logout as Tt } from "./Icons/Logout.es.js";
-import Ot from "./NotificationCard.es.js";
-import { T as It, a as Et } from "./TabLinks-DnoWdrdk.js";
+import It from "./NotificationCard.es.js";
+import { T as Ot, a as Et } from "./TabLinks-DnoWdrdk.js";
 import { Notifications as tt } from "./Icons/Notifications.es.js";
 import { Close as Fe } from "./Icons/Close.es.js";
 import { Help as rt } from "./Icons/Help.es.js";
 import { Settings as _t } from "./Icons/Settings.es.js";
-const Pt = be((t, r) => {
-  const [s, a] = G(t?.currentTabName || t.tabs[0]?.name), c = I(null), { tabs: l = [], className: d, activeColor: i = "var(--neutral-900)", currentSystemId: p, isLoading: h = !1 } = t;
-  ne(() => {
-    c.current?.style.setProperty("--tab-bg", i);
+const Pt = we((t, r) => {
+  const [n, a] = J(t?.currentTabName || t.tabs[0]?.name), d = O(null), { tabs: l = [], className: u, activeColor: i = "var(--neutral-900)", currentSystemId: p, isLoading: h = !1 } = t;
+  re(() => {
+    d.current?.style.setProperty("--tab-bg", i);
   }, [i]);
-  const b = l.find((m) => m?.id === p || m?.name === t?.currentTabName) || l.find((m) => m?.name === s);
+  const b = l.find((m) => m?.id === p || m?.name === t?.currentTabName) || l.find((m) => m?.name === n);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: r,
-      className: D(
+      className: T(
         "select-none",
         "flex flex-col gap-2",
         "bg-neutral-strong-default",
         "h-full w-14 max-w-14 pl-[6px] py-6",
         "border-r border-neutral-default-default",
-        d
+        u
       ),
       children: (h ? Array(3).fill(null) : l).map(
-        (m, x) => {
+        (m, g) => {
           if (h) return /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: D(
+              className: T(
                 "bg-[(--tab-bg)]",
                 "h-12 w-[50px] z-20",
                 "flex items-center pl-[6px] ",
                 "rounded-l-[8px]",
                 "tabswitch-element relative",
-                x === 0 && "active"
+                g === 0 && "active"
               ),
-              children: /* @__PURE__ */ e.jsx("div", { className: D(
+              children: /* @__PURE__ */ e.jsx("div", { className: T(
                 "size-8 rounded-[4px]",
                 "grid place-items-center",
                 "tab-thumbnail-icon",
                 "bg-transparent text-neutral-default-default",
                 m?.className
-              ), children: /* @__PURE__ */ e.jsx(ce, { shape: "rounded", className: "w-full h-full" }) })
+              ), children: /* @__PURE__ */ e.jsx(ue, { shape: "rounded", className: "w-full h-full" }) })
             }
           );
-          const j = m?.name === b?.name, A = 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 = () => {
+          const j = m?.name === b?.name, I = 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 || (a(m?.name), m.onClick && m.onClick(m?.name));
           };
           return /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: D(
+              className: T(
                 "bg-[(--tab-bg)]",
                 "h-12 w-[50px] z-20",
                 "flex items-center pl-[6px] ",
@@ -77,14 +77,14 @@ const Pt = be((t, r) => {
                 j && "active"
               ),
               onClick: y,
-              ref: c,
-              children: /* @__PURE__ */ e.jsx("div", { className: D(
+              ref: d,
+              children: /* @__PURE__ */ e.jsx("div", { className: T(
                 "size-8 rounded-[4px]",
                 "grid place-items-center",
                 "tab-thumbnail-icon",
                 "bg-transparent text-neutral-default-default",
                 m?.className
-              ), children: A })
+              ), children: I })
             },
             m?.name
           );
@@ -92,31 +92,31 @@ const Pt = be((t, r) => {
       )
     }
   );
-}), st = M(be(({ children: t, className: r, context: s, modal: a = !1, closeOnOverlayClick: c = !1, unmountChildrenOnClose: l = !0 }, d) => {
-  const i = ge(t, s), p = typeof window < "u" && window.matchMedia("(min-width: 768px)").matches, { isSidebarOpen: h } = Mt(), { closeSidebar: b } = de(), [m, x] = G(() => l ? h : !0), [j, A] = G(!1);
-  return ne(() => {
-    l && s?.subscribeToSidebarOpen((y) => {
-      y ? (A(!1), x(!0)) : A(!0);
+}), st = M(we(({ children: t, className: r, context: n, modal: a = !1, closeOnOverlayClick: d = !1, unmountChildrenOnClose: l = !0 }, u) => {
+  const i = Ne(t, n), p = typeof window < "u" && window.matchMedia("(min-width: 768px)").matches, { isSidebarOpen: h } = Mt(), { closeSidebar: b } = fe(), [m, g] = J(() => l ? h : !0), [j, I] = J(!1);
+  return re(() => {
+    l && n?.subscribeToSidebarOpen((y) => {
+      y ? (I(!1), g(!0)) : I(!0);
     });
-  }, [l, s]), ne(() => {
-    const y = d && typeof d == "object" && "current" in d ? d.current : null;
+  }, [l, n]), re(() => {
+    const y = u && typeof u == "object" && "current" in u ? u.current : null;
     if (!y) return;
     const C = () => {
-      j && (x(!1), A(!1));
+      j && (g(!1), I(!1));
     };
     return y.addEventListener("transitionend", C), () => y.removeEventListener("transitionend", C);
-  }, [j]), /* @__PURE__ */ e.jsxs("div", { ref: d, className: D("sidebar", p ? "collapsed" : "expanded", "h-full overflow-auto", r), "aria-modal": a || void 0, children: [
+  }, [j]), /* @__PURE__ */ e.jsxs("div", { ref: u, className: T("sidebar", p ? "collapsed" : "expanded", "h-full overflow-auto", r), "aria-modal": a || void 0, children: [
     a && p && /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: D("navigation-drawer-sidebar-overlay"),
+        className: T("navigation-drawer-sidebar-overlay"),
         onClick: (y) => {
-          y.preventDefault(), y.stopPropagation(), c && b?.();
+          y.preventDefault(), y.stopPropagation(), d && b?.();
         },
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ e.jsxs("div", { className: D("navigation-drawer-sidebar-inner"), children: [
+    /* @__PURE__ */ e.jsxs("div", { className: T("navigation-drawer-sidebar-inner"), children: [
       /* @__PURE__ */ e.jsx("div", { className: "secure-click-margin" }),
       m && i
     ] })
@@ -125,11 +125,11 @@ const Pt = be((t, r) => {
   const t = Ge(nt);
   if (!t) throw new Error("useDrawerState must be used within NavigationDrawer");
   return t;
-}, de = () => {
+}, fe = () => {
   const t = Ge(at);
   if (!t) throw new Error("useDrawerActions must be used within NavigationDrawer");
   return t;
-}, ge = (t, r) => typeof t == "function" ? r ? t(r) : null : t, ot = "navigation-drawer-collapsed", Ke = () => {
+}, Ne = (t, r) => typeof t == "function" ? r ? t(r) : null : t, ot = "navigation-drawer-collapsed", Ke = () => {
   if (typeof window > "u") return !1;
   try {
     const t = sessionStorage.getItem(ot);
@@ -144,157 +144,186 @@ const Pt = be((t, r) => {
     } catch {
     }
 }, Bt = (t) => {
-  const { children: r, classNameDrawer: s, classNameSidebar: a, disableDragOpen: c, modal: l = !0, closeOnOutsideClick: d = !0 } = t, i = I(null), p = I(null), h = t.outletRef ?? I(null), b = I(null), m = I(Ke()), x = I(!1), j = I("drawer"), A = I(/* @__PURE__ */ new Set()), y = I(/* @__PURE__ */ new Set()), C = I(!1), S = I(null), K = g((n) => {
-    const u = p.current;
-    u && (u.classList.toggle("collapsed", n), u.classList.toggle("expanded", !n));
-  }, []), z = g((n) => {
-    const u = b.current;
-    if (!u) return;
-    u.classList.toggle("collapsed", n), u.classList.toggle("expanded", !n);
-    const w = i.current;
-    w && (w.classList.toggle("sidebar-collapsed", n), w.classList.toggle("sidebar-expanded", !n));
-  }, []), k = g(
-    (n, { notify: u = !0 } = {}) => {
-      const w = m.current !== n;
-      m.current = n, Rt(n), K(n), u && w && A.current.forEach((E) => E(n));
+  const { children: r, classNameDrawer: n, classNameSidebar: a, disableDragOpen: d, modal: l = !0, closeOnOutsideClick: u = !0 } = t, i = O(null), p = O(null), h = t.outletRef ?? O(null), b = O(null), m = O(Ke()), g = O(!1), j = O("drawer"), I = O(/* @__PURE__ */ new Set()), y = O(/* @__PURE__ */ new Set()), C = O(!1), k = O(null), $ = x((s) => {
+    const c = p.current;
+    c && (c.classList.toggle("collapsed", s), c.classList.toggle("expanded", !s));
+  }, []), z = x((s) => {
+    const c = b.current;
+    if (!c) return;
+    c.classList.toggle("collapsed", s), c.classList.toggle("expanded", !s);
+    const v = i.current;
+    v && (v.classList.toggle("sidebar-collapsed", s), v.classList.toggle("sidebar-expanded", !s));
+  }, []), S = x(
+    (s, { notify: c = !0 } = {}) => {
+      const v = m.current !== s;
+      m.current = s, Rt(s), $(s), c && v && I.current.forEach((L) => L(s));
     },
-    [K]
-  ), U = g(
-    (n, { notify: u = !0 } = {}) => {
-      const w = x.current !== n;
-      if (x.current = n, z(n), u && w) {
-        const E = !n;
-        y.current.forEach((H) => H(E));
+    [$]
+  ), U = x(
+    (s, { notify: c = !0 } = {}) => {
+      const v = g.current !== s;
+      if (g.current = s, z(s), c && v) {
+        const L = !s;
+        y.current.forEach((B) => B(L));
       }
     },
     [z]
-  ), v = g(
-    (n, { notify: u = !0 } = {}) => {
-      const w = j.current, E = w !== n;
-      j.current = n, window.matchMedia("(min-width: 768px)").matches || k(n !== "drawer", { notify: u });
-      const H = w === "sidebar", B = n === "sidebar";
-      u && E && H !== B && y.current.forEach((re) => re(B)), U(n !== "sidebar", { notify: u }), k(n !== "drawer", { notify: u });
+  ), w = x(
+    (s, { notify: c = !0 } = {}) => {
+      const v = j.current, L = v !== s;
+      j.current = s, window.matchMedia("(min-width: 768px)").matches || S(s !== "drawer", { notify: c });
+      const B = v === "sidebar", F = s === "sidebar";
+      c && L && B !== F && y.current.forEach((ne) => ne(F)), U(s !== "sidebar", { notify: c }), S(s !== "drawer", { notify: c });
     },
-    [k, U]
-  ), q = g((n) => {
-    const u = i.current;
-    if (!u || window.matchMedia("(min-width: 768px)").matches) return;
+    [S, U]
+  ), W = x((s) => {
+    const c = i.current;
+    if (!c || window.matchMedia("(min-width: 768px)").matches) return;
     C.current = !0;
-    const w = h.current?.offsetLeft ?? 0, E = b.current?.offsetLeft ?? w, H = n === "drawer" ? 0 : n === "sidebar" ? E : w;
-    S.current = H, u.scrollTo({ left: H, behavior: "smooth" });
-    const B = () => {
-      C.current = !1, S.current = null, u.removeEventListener("scrollend", B);
+    const v = h.current?.offsetLeft ?? 0, L = b.current?.offsetLeft ?? v, B = s === "drawer" ? 0 : s === "sidebar" ? L : v;
+    k.current = B, c.scrollTo({ left: B, behavior: "smooth" });
+    const F = () => {
+      C.current = !1, k.current = null, c.removeEventListener("scrollend", F);
     };
-    u.addEventListener("scrollend", B, { once: !0 }), setTimeout(() => {
-      C.current && B();
+    c.addEventListener("scrollend", F, { once: !0 }), setTimeout(() => {
+      C.current && F();
     }, 1e3);
-  }, []), Q = g(() => {
-    const n = i.current, u = h.current;
-    if (!n || !u || window.matchMedia("(min-width: 768px)").matches) return;
-    const w = [
+  }, []), G = x(() => {
+    const s = i.current, c = h.current;
+    if (!s || !c || window.matchMedia("(min-width: 768px)").matches) return;
+    const v = [
       { panel: "drawer", offset: 0 },
-      { panel: "outlet", offset: u.offsetLeft }
-    ], E = b.current;
-    E && w.push({ panel: "sidebar", offset: E.offsetLeft });
-    const H = n.scrollLeft;
-    let B = w[0], re = Math.abs(H - B.offset);
-    for (let oe = 1; oe < w.length; oe++) {
-      const me = Math.abs(H - w[oe].offset);
-      me < re && (B = w[oe], re = me);
+      { panel: "outlet", offset: c.offsetLeft }
+    ], L = b.current;
+    L && v.push({ panel: "sidebar", offset: L.offsetLeft });
+    const B = s.scrollLeft;
+    let F = v[0], ne = Math.abs(B - F.offset);
+    for (let ae = 1; ae < v.length; ae++) {
+      const be = Math.abs(B - v[ae].offset);
+      be < ne && (F = v[ae], ne = be);
     }
-    v(B.panel);
-  }, [v]);
-  ne(() => {
-    const n = i.current;
-    n && (c?.drawer && n.classList.add("disabled-dragopen"), c?.sidebar && n.classList.add("disabled-dragopen-sidebar"));
-  }, [c, i]), ne(() => {
-    const n = i.current, u = h.current;
-    if (!n || !u) return;
+    w(F.panel);
+  }, [w]);
+  re(() => {
+    const s = i.current;
+    s && (d?.drawer && s.classList.add("disabled-dragopen"), d?.sidebar && s.classList.add("disabled-dragopen-sidebar"));
+  }, [d, i]), re(() => {
+    const s = i.current, c = h.current;
+    if (!s || !c) return;
     if (window.matchMedia("(min-width: 768px)").matches) {
-      const E = Ke();
-      k(E, { notify: !1 }), U(!0, { notify: !1 });
+      const L = Ke();
+      S(L, { notify: !1 }), U(!0, { notify: !1 });
       return;
     }
     requestAnimationFrame(() => {
-      n.scrollLeft = u.offsetLeft, v("outlet");
+      s.scrollLeft = c.offsetLeft, w("outlet");
     });
-  }, [v, k, U]), ne(() => {
-    const n = i.current;
-    if (!n || !h.current) return;
-    let w = !1, E = 0, H = 0;
-    const B = (L) => {
-      E = L.touches[0].clientX, H = L.touches[0].clientY;
-    }, re = (L, X) => {
-      const W = window.getComputedStyle(L), le = X === "x" ? W.overflowX : W.overflowY;
-      return /(auto|scroll|overlay)/.test(le) ? X === "x" ? L.scrollWidth > L.clientWidth : L.scrollHeight > L.clientHeight : !1;
-    }, oe = (L, X) => {
-      let W = L;
-      for (; W && W !== n; ) {
-        if (re(W, X))
-          return W;
-        W = W.parentElement;
+  }, [w, S, U]), re(() => {
+    const s = i.current;
+    if (!s || !h.current) return;
+    let v = !1, L = 0, B = 0;
+    const F = (A) => {
+      L = A.touches[0].clientX, B = A.touches[0].clientY;
+    }, ne = (A, K) => {
+      const V = window.getComputedStyle(A), oe = K === "x" ? V.overflowX : V.overflowY;
+      return /(auto|scroll|overlay)/.test(oe) ? K === "x" ? A.scrollWidth > A.clientWidth : A.scrollHeight > A.clientHeight : !1;
+    }, ae = (A, K) => {
+      let V = A;
+      for (; V && V !== s; ) {
+        if (ne(V, K))
+          return V;
+        V = V.parentElement;
       }
       return null;
-    }, me = (L, X, W) => W === 0 ? !1 : X === "x" ? W < 0 ? L.scrollLeft + L.clientWidth < L.scrollWidth : L.scrollLeft > 0 : W < 0 ? L.scrollTop + L.clientHeight < L.scrollHeight : L.scrollTop > 0, Ne = (L) => {
-      if (!(L.target instanceof HTMLElement)) return;
-      const X = L.touches[0].clientX - E, W = L.touches[0].clientY - H, le = Math.abs(X) > Math.abs(W) ? "x" : "y", Ie = le === "x" ? X : W, Ce = oe(L.target, le);
-      if (Ce && me(Ce, le, Ie))
+    }, be = (A, K, V) => V === 0 ? !1 : K === "x" ? V < 0 ? A.scrollLeft + A.clientWidth < A.scrollWidth : A.scrollLeft > 0 : V < 0 ? A.scrollTop + A.clientHeight < A.scrollHeight : A.scrollTop > 0, ye = (A) => {
+      if (!(A.target instanceof HTMLElement)) return;
+      const K = A.touches[0].clientX - L, V = A.touches[0].clientY - B, oe = Math.abs(K) > Math.abs(V) ? "x" : "y", Oe = oe === "x" ? K : V, o = ae(A.target, oe);
+      if (o && be(o, oe, Oe))
         return;
-      const je = n.classList.contains("disabled-dragopen"), o = n.classList.contains("disabled-dragopen-sidebar"), N = () => L.cancelable ? (L.preventDefault(), !0) : !1;
-      if (le === "x") {
-        if (X > 0) {
-          if (j.current === "sidebar" && !o) {
-            w = !0;
+      const N = s.classList.contains("disabled-dragopen"), _ = s.classList.contains("disabled-dragopen-sidebar"), D = () => A.cancelable ? (A.preventDefault(), !0) : !1;
+      if (oe === "x") {
+        if (K > 0) {
+          if (j.current === "sidebar" && !_) {
+            v = !0;
             return;
           }
-          if (je) {
-            N();
+          if (N) {
+            D();
             return;
           }
-        } else if (X < 0) {
-          if (j.current === "drawer" && !je) {
-            w = !0;
+        } else if (K < 0) {
+          if (j.current === "drawer" && !N) {
+            v = !0;
             return;
           }
-          if (o) {
-            N();
+          if (_) {
+            D();
             return;
           }
         }
-        w = !0;
+        v = !0;
       }
-    }, ye = () => {
+    }, Ce = () => {
       setTimeout(() => {
-        w && (Q(), w = !1);
+        v && (G(), v = !1);
       }, 100);
     };
-    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);
+    return s.addEventListener("touchstart", F, { passive: !1 }), s.addEventListener("touchmove", ye, { passive: !1 }), s.addEventListener("touchend", Ce), () => {
+      s.removeEventListener("touchstart", F), s.removeEventListener("touchmove", ye), s.removeEventListener("touchend", Ce);
     };
-  }, [Q]);
-  const V = g(() => {
-    const n = window.matchMedia("(min-width: 768px)").matches, u = !m.current;
-    if (n) {
-      k(u);
+  }, [G]);
+  const q = x(() => {
+    const s = window.matchMedia("(min-width: 768px)").matches, c = !m.current;
+    if (s) {
+      S(c);
       return;
     }
-    const w = u ? "outlet" : "drawer";
-    v(w), q(w);
-  }, [q, v, k]), J = I(null);
-  J.current || (J.current = {
-    toggleCollapse: () => V(),
+    const v = c ? "outlet" : "drawer";
+    w(v), W(v);
+  }, [W, w, S]), ee = x((s) => {
+    const c = {
+      closeIfMobile: !0,
+      closeIfDesktop: !0
+    }, { closeIfMobile: v, closeIfDesktop: L } = { ...c, ...s };
+    if (window.matchMedia("(min-width: 768px)").matches && L) {
+      S(!0);
+      return;
+    }
+    if (v) {
+      w("outlet"), W("outlet");
+      return;
+    }
+  }, [W, w, S]), Y = x((s) => {
+    const c = {
+      openIfMobile: !0,
+      openIfDesktop: !0
+    }, { openIfMobile: v, openIfDesktop: L } = { ...c, ...s };
+    if (window.matchMedia("(min-width: 768px)").matches && L) {
+      S(!1);
+      return;
+    }
+    if (v) {
+      w("drawer"), W("drawer");
+      return;
+    }
+  }, [W, w, S]), P = O(null);
+  P.current || (P.current = {
+    toggleCollapse: () => q(),
+    toggleDrawer: () => q(),
+    closeDrawer: (s) => ee(s),
+    openDrawer: (s) => Y(s),
     getIsCollapsed: () => {
       if (!window.matchMedia("(min-width: 768px)").matches) {
-        const u = i.current, w = h.current;
-        if (u && w) {
-          const E = u.scrollLeft, H = w.offsetLeft, B = Math.abs(E - H) < Math.abs(E - 0);
-          return B !== m.current && (m.current = B, K(B)), B;
+        const c = i.current, v = h.current;
+        if (c && v) {
+          const L = c.scrollLeft, B = v.offsetLeft, F = Math.abs(L - B) < Math.abs(L - 0);
+          return F !== m.current && (m.current = F, $(F)), F;
         }
       }
       return m.current;
     },
-    subscribeToCollapse: (n) => (A.current.add(n), () => {
-      A.current.delete(n);
+    subscribeToCollapse: (s) => (I.current.add(s), () => {
+      I.current.delete(s);
     }),
     openSidebar: () => {
       if (b.current) {
@@ -302,127 +331,127 @@ const Pt = be((t, r) => {
           U(!1);
           return;
         }
-        v("sidebar"), q("sidebar");
+        w("sidebar"), W("sidebar");
       }
     },
-    closeSidebar: (n) => {
+    closeSidebar: (s) => {
       if (window.matchMedia("(min-width: 768px)").matches) {
-        U(!0), n?.();
+        U(!0), s?.();
         return;
       }
-      v("outlet"), q("outlet"), n?.();
+      w("outlet"), W("outlet"), s?.();
     },
-    toggleSidebar: (n) => {
+    toggleSidebar: (s) => {
       if (!b.current) return;
       if (window.matchMedia("(min-width: 768px)").matches) {
-        U(!x.current);
+        U(!g.current);
         return;
       }
-      const u = j.current === "sidebar" ? "outlet" : "sidebar";
-      v(u), q(u), n?.(x.current ? "closed" : "open");
+      const c = j.current === "sidebar" ? "outlet" : "sidebar";
+      w(c), W(c), s?.(g.current ? "closed" : "open");
     },
-    getIsSidebarOpen: () => b.current ? window.matchMedia("(min-width: 768px)").matches ? !x.current : j.current === "sidebar" : !1,
-    subscribeToSidebarOpen: (n) => (y.current.add(n), () => {
-      y.current.delete(n);
+    getIsSidebarOpen: () => b.current ? window.matchMedia("(min-width: 768px)").matches ? !g.current : j.current === "sidebar" : !1,
+    subscribeToSidebarOpen: (s) => (y.current.add(s), () => {
+      y.current.delete(s);
     }),
-    setDrawerDragEnabled: (n) => {
-      const u = i.current;
-      if (!u) return;
-      const w = u.scrollLeft;
-      if (n) {
-        const E = u.style.scrollBehavior;
-        u.style.scrollBehavior = "auto", u.classList.remove("disabled-dragopen"), requestAnimationFrame(() => {
-          u.scrollLeft = w, requestAnimationFrame(() => {
-            u.style.scrollBehavior = E;
+    setDrawerDragEnabled: (s) => {
+      const c = i.current;
+      if (!c) return;
+      const v = c.scrollLeft;
+      if (s) {
+        const L = c.style.scrollBehavior;
+        c.style.scrollBehavior = "auto", c.classList.remove("disabled-dragopen"), requestAnimationFrame(() => {
+          c.scrollLeft = v, requestAnimationFrame(() => {
+            c.style.scrollBehavior = L;
           });
         });
       } else
-        u.classList.add("disabled-dragopen");
+        c.classList.add("disabled-dragopen");
     },
-    setSidebarDragEnabled: (n) => {
-      const u = i.current;
-      if (u)
-        if (n) {
-          const w = u.scrollLeft, E = u.style.scrollBehavior;
-          u.style.scrollBehavior = "auto", u.classList.remove("disabled-dragopen-sidebar"), requestAnimationFrame(() => {
-            u.scrollLeft = w, requestAnimationFrame(() => {
-              u.style.scrollBehavior = E;
+    setSidebarDragEnabled: (s) => {
+      const c = i.current;
+      if (c)
+        if (s) {
+          const v = c.scrollLeft, L = c.style.scrollBehavior;
+          c.style.scrollBehavior = "auto", c.classList.remove("disabled-dragopen-sidebar"), requestAnimationFrame(() => {
+            c.scrollLeft = v, requestAnimationFrame(() => {
+              c.style.scrollBehavior = L;
             });
           });
         } else
-          u.classList.add("disabled-dragopen-sidebar");
+          c.classList.add("disabled-dragopen-sidebar");
     }
   });
-  const $ = J.current, P = typeof r == "function" ? r($) : r, f = Ct.toArray(P);
-  let O = null, _ = null, R = null;
-  const Y = [];
-  let Z = null, ee = null;
-  f.forEach((n) => {
-    if (!ke(n)) {
-      Y.push(n);
+  const f = P.current, E = typeof r == "function" ? r(f) : r, R = Ct.toArray(E);
+  let H = null, X = null, Q = null;
+  const Z = [];
+  let ie = null, ce = null;
+  R.forEach((s) => {
+    if (!je(s)) {
+      Z.push(s);
       return;
     }
-    if (n.type === ze && !O) {
-      O = n;
+    if (s.type === ze && !H) {
+      H = s;
       return;
     }
-    if (n.type === Le && !_) {
-      _ = n;
+    if (s.type === ke && !X) {
+      X = s;
       return;
     }
-    if (n.type === De && !R) {
-      R = n;
+    if (s.type === De && !Q) {
+      Q = s;
       return;
     }
-    if (n.type === _e && !Z) {
-      Z = n;
+    if (s.type === _e && !ie) {
+      ie = s;
       return;
     }
-    if (n.type === st && !ee) {
-      ee = n;
+    if (s.type === st && !ce) {
+      ce = s;
       return;
     }
-    Y.push(n);
+    Z.push(s);
   });
-  const ve = !!_, we = _ ?? (Y.length ? /* @__PURE__ */ e.jsx(Le, { children: Y }) : null), Ae = ve ? Y : [], ue = Z ?? (!!Z ? /* @__PURE__ */ e.jsx(_e, { children: P, context: $, modal: l, closeOnOutsideClick: d }) : null), Te = R ?? (!!R ? /* @__PURE__ */ e.jsx(De, { children: R }) : null), Oe = !!ee, te = ee, fe = pe(() => ({
+  const Le = !!X, Ae = X ?? (Z.length ? /* @__PURE__ */ e.jsx(ke, { children: Z }) : null), Te = Le ? Z : [], me = ie ?? (!!ie ? /* @__PURE__ */ e.jsx(_e, { children: E, context: f, modal: l, closeOnOutsideClick: u }) : null), pe = Q ?? (!!Q ? /* @__PURE__ */ e.jsx(De, { children: Q }) : null), he = !!ce, de = ce, Ie = xe(() => ({
     isCollapsed: m.current,
-    isSidebarOpen: !x.current
-  }), [m.current, x.current]);
-  return /* @__PURE__ */ e.jsx(nt.Provider, { value: fe, children: /* @__PURE__ */ e.jsx(at.Provider, { value: $, children: /* @__PURE__ */ e.jsxs("div", { id: "navigation-drawer-container", ref: i, className: D(
+    isSidebarOpen: !g.current
+  }), [m.current, g.current]);
+  return /* @__PURE__ */ e.jsx(nt.Provider, { value: Ie, children: /* @__PURE__ */ e.jsx(at.Provider, { value: f, children: /* @__PURE__ */ e.jsxs("div", { id: "navigation-drawer-container", ref: i, className: T(
     "w-full h-full max-h-dvh overflow-y-hidden",
-    Oe ? "navigation-drawer-with-sidebar" : "navigation-drawer",
-    c?.drawer ? "disabled-dragopen" : "",
-    c?.sidebar ? "disabled-dragopen-sidebar" : ""
+    he ? "navigation-drawer-with-sidebar" : "navigation-drawer",
+    d?.drawer ? "disabled-dragopen" : "",
+    d?.sidebar ? "disabled-dragopen-sidebar" : ""
   ), children: [
     /* @__PURE__ */ e.jsxs(
       "div",
       {
         ref: p,
-        className: D(
+        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",
           m.current ? "collapsed" : "expanded",
-          s
+          n
         ),
         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(lt, { onToggleCollapse: V }),
-              O
+              /* @__PURE__ */ e.jsx(lt, { onToggleCollapse: q }),
+              H
             ] }),
             /* @__PURE__ */ e.jsxs("div", { className: "flex flex-1 overflow-hidden relative flex-col", children: [
-              Ae,
-              we
+              Te,
+              Ae
             ] })
           ] }),
-          Te
+          pe
         ]
       }
     ),
-    ue && ke(ue) ? qe.cloneElement(ue, { ref: h, modal: l, closeOnOutsideClick: d }) : ue,
-    te && ke(te) ? qe.cloneElement(te, {
+    me && je(me) ? qe.cloneElement(me, { ref: h, modal: l, closeOnOutsideClick: u }) : me,
+    de && je(de) ? qe.cloneElement(de, {
       ref: b,
-      className: D("sidebar", te.props?.className, a)
-    }) : te
+      className: T("sidebar", de.props?.className, a)
+    }) : de
   ] }) }) });
 }, Ye = M(Bt), lt = M(({ onToggleCollapse: t }) => /* @__PURE__ */ e.jsx(
   "button",
@@ -430,45 +459,45 @@ const Pt = be((t, r) => {
     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(Lt, { size: 32, className: "transition-transform duration-300 p-1" })
+    children: /* @__PURE__ */ e.jsx(Dt, { size: 32, className: "transition-transform duration-300 p-1" })
   }
 ), (t, r) => t.onToggleCollapse === r.onToggleCollapse);
 lt.displayName = "NavigationDrawerCollapseButton";
-const ze = M(({ children: t, className: r, context: s }) => {
-  const a = ge(t, s);
-  return /* @__PURE__ */ e.jsx("div", { className: D("flex items-center justify-between", r), children: a });
+const ze = M(({ children: t, className: r, context: n }) => {
+  const a = Ne(t, n);
+  return /* @__PURE__ */ e.jsx("div", { className: T("flex items-center justify-between", r), children: a });
 });
 ze.displayName = "NavigationDrawerHeader";
-const Le = M(({ children: t, className: r, context: s, ...a }) => {
-  const c = ge(t, s);
-  return /* @__PURE__ */ e.jsx("div", { ...a, className: D("w-full flex-1 drawer-content select-none", r), children: c });
+const ke = M(({ children: t, className: r, context: n, ...a }) => {
+  const d = Ne(t, n);
+  return /* @__PURE__ */ e.jsx("div", { ...a, className: T("w-full flex-1 drawer-content select-none", r), children: d });
 });
-Le.displayName = "NavigationDrawerContent";
-const De = M(({ children: t, className: r, context: s }) => {
-  const a = ge(t, s);
-  return /* @__PURE__ */ e.jsx("div", { className: D("flex items-center justify-between", r), children: a });
+ke.displayName = "NavigationDrawerContent";
+const De = M(({ children: t, className: r, context: n }) => {
+  const a = Ne(t, n);
+  return /* @__PURE__ */ e.jsx("div", { className: T("flex items-center justify-between", r), children: a });
 });
 De.displayName = "NavigationDrawerFooter";
-const it = M(({ className: t }) => /* @__PURE__ */ e.jsx("div", { className: D("w-full border-t border-neutral-strong-default ", t) }));
+const it = M(({ className: t }) => /* @__PURE__ */ e.jsx("div", { className: T("w-full border-t border-neutral-strong-default ", t) }));
 it.displayName = "NavigationDrawerSpacer";
-const _e = M(be(({ children: t, className: r, context: s, modal: a, closeOnOutsideClick: c }, l) => {
-  const d = ge(t, s), i = de(), p = () => {
-    c && (i.toggleCollapse(), i.closeSidebar());
+const _e = M(we(({ children: t, className: r, context: n, modal: a, closeOnOutsideClick: d }, l) => {
+  const u = Ne(t, n), i = fe(), p = () => {
+    d && (i.closeDrawer(), i.closeSidebar());
   };
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { id: "navigation-drawer-outlet", ref: l, className: D("flex-1 overflow-auto relative h-full max-h-dvh", r), children: [
+  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: [
     a && /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer-backdrop select-none", onClick: p }),
-    d
+    u
   ] }) });
-}), (t, r) => t.children === r.children && t.className === r.className), se = Object.assign(Ye, {
+}), (t, r) => t.children === r.children && t.className === r.className), te = Object.assign(Ye, {
   Root: Ye,
   Header: ze,
-  Content: Le,
+  Content: ke,
   Footer: De,
   Spacer: it,
   Outlet: _e,
   Sidebar: st
 });
-se.displayName = "NavigationDrawer";
+te.displayName = "NavigationDrawer";
 const Ft = "hover:bg-neutral-medium-hover", zt = Be("", {
   variants: {
     isSelected: {
@@ -481,7 +510,7 @@ const Ft = "hover:bg-neutral-medium-hover", zt = Be("", {
     }
   }
 }), Ut = Be(
-  D(
+  T(
     "select-none line-clamp-1 min-w-max",
     "prometeo-fonts-label-large transition-colors duration-300 ease-out"
   ),
@@ -504,7 +533,7 @@ const Ft = "hover:bg-neutral-medium-hover", zt = Be("", {
     ]
   }
 ), Ee = Be(
-  D(
+  T(
     "transition-colors duration-300 ease-out min-w-max"
   ),
   {
@@ -528,32 +557,32 @@ const Ft = "hover:bg-neutral-medium-hover", zt = Be("", {
 ), Wt = (t) => {
   const {
     title: r,
-    icon: s,
+    icon: n,
     count: a,
-    className: c,
+    className: d,
     isSelected: l = !1,
-    hasSublinks: d,
+    hasSublinks: u,
     subLinksCollapsed: i,
     onToggleSublinks: p,
     as: h = "div",
     onClick: b,
     onAuxClick: m,
-    disabled: x = !1,
+    disabled: g = !1,
     tooltipText: j,
-    selectorCss: A
+    selectorCss: I
   } = t, y = (z) => {
-    x || b?.(z);
+    g || b?.(z);
   }, C = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-center flex-nowrap", children: [
-      s && (j ? /* @__PURE__ */ e.jsx(Dt, { title: j, disabled: x, children: /* @__PURE__ */ e.jsx(s, { size: 24, className: Ee({ disabled: x, isSelected: l }) }) }) : /* @__PURE__ */ e.jsx(s, { size: 24, className: Ee({ disabled: x, isSelected: l }) })),
-      /* @__PURE__ */ e.jsx("label", { className: Ut({ disabled: x, isSelected: l }), children: r })
+      n && (j ? /* @__PURE__ */ e.jsx(Lt, { title: j, disabled: g, children: /* @__PURE__ */ e.jsx(n, { size: 24, className: Ee({ disabled: g, isSelected: l }) }) }) : /* @__PURE__ */ e.jsx(n, { size: 24, className: Ee({ disabled: g, isSelected: l }) })),
+      /* @__PURE__ */ e.jsx("label", { className: Ut({ disabled: g, isSelected: l }), children: r })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1 items-center", children: [
-      a && a ? /* @__PURE__ */ e.jsx(Ze, { count: a, maxCount: 9, className: "badge", disabled: x }) : "",
-      d && /* @__PURE__ */ e.jsx(
+      a && a ? /* @__PURE__ */ e.jsx(Ze, { count: a, maxCount: 9, className: "badge", disabled: g }) : "",
+      u && /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: D(
+          className: T(
             "sublinks-toggle",
             "transition-all duration-200",
             "rounded-full relative grid place-items-center size-6",
@@ -563,29 +592,29 @@ const Ft = "hover:bg-neutral-medium-hover", zt = Be("", {
           children: /* @__PURE__ */ e.jsx(
             "button",
             {
-              disabled: x,
+              disabled: g,
               type: "button",
               onClick: p,
-              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", Ee({ disabled: x, isSelected: l }), x && "pointer-events-none"),
+              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", Ee({ disabled: g, isSelected: l }), g && "pointer-events-none"),
               children: /* @__PURE__ */ e.jsx(At, {})
             }
           )
         }
       )
     ] })
-  ] }), S = D(
+  ] }), k = T(
     "group navitem",
     "h-12 flex-1 flex items-center p-3 rounded-lg justify-between w-full",
     "transition-all duration-300",
     Ft,
-    zt({ isSelected: l, disabled: x }),
-    c
+    zt({ isSelected: l, disabled: g }),
+    d
   );
   if (h === "a") {
     const z = {
       onClick: y,
       onAuxClick: m,
-      className: S
+      className: k
     };
     return /* @__PURE__ */ e.jsx("a", { ...z, children: C });
   }
@@ -593,30 +622,30 @@ const Ft = "hover:bg-neutral-medium-hover", zt = Be("", {
     const z = {
       onClick: y,
       type: "button",
-      className: S,
-      id: A
+      className: k,
+      id: I
     };
     return /* @__PURE__ */ e.jsx("button", { ...z, children: C });
   }
-  const K = {
+  const $ = {
     onClick: y,
-    className: S
+    className: k
   };
-  return /* @__PURE__ */ e.jsx("div", { ...K, children: C });
+  return /* @__PURE__ */ e.jsx("div", { ...$, children: C });
 }, Ue = M(Wt);
 Ue.displayName = "NavigationDrawerItemBase";
 const Ht = (t) => {
-  const { title: r, icon: s, count: a, className: c, isActive: l, onClick: d, isView: i = !0, disabled: p, tooltipText: h, selectorCss: b } = t;
+  const { title: r, icon: n, count: a, className: d, isActive: l, onClick: u, isView: i = !0, disabled: p, tooltipText: h, selectorCss: b } = t;
   return i ? /* @__PURE__ */ e.jsx(
     Ue,
     {
       as: "button",
       title: r,
-      icon: s,
+      icon: n,
       count: a,
-      className: c,
+      className: d,
       isSelected: l,
-      onClick: d,
+      onClick: u,
       disabled: p,
       tooltipText: h,
       selectorCss: b
@@ -624,12 +653,12 @@ const Ht = (t) => {
   ) : null;
 }, ct = M(Ht);
 ct.displayName = "NavigationDrawerActionItem";
-const Vt = ({ actions: t, activeActionId: r, onActionClick: s, className: a }) => /* @__PURE__ */ e.jsx(xe, { className: D("flex flex-col gap-2 w-full ", a), scrollbarProps: { hide: !0 }, persistScroll: "navigation-actions", indicators: {
+const Vt = ({ actions: t, activeActionId: r, onActionClick: n, className: a }) => /* @__PURE__ */ e.jsx(ve, { className: T("flex flex-col gap-2 w-full ", a), 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: p, ...h } = c, b = l === r, m = () => {
-    s?.(l, p), d?.();
+}, children: t?.map((d) => {
+  const { id: l, onClick: u, isView: i = !0, payload: p, ...h } = d, b = l === r, m = () => {
+    n?.(l, p), u?.();
   };
   return i ? /* @__PURE__ */ e.jsx(
     ct,
@@ -644,12 +673,12 @@ const Vt = ({ actions: t, activeActionId: r, onActionClick: s, className: a }) =
 }) }), dt = M(Vt);
 dt.displayName = "NavigationDrawerActions";
 const qt = (t) => {
-  const { className: r, title: s, path: a, onClick: c, isSelected: l, parentPath: d } = t, { pathname: i } = Qe(), p = g(() => {
-    c?.(a);
-  }, [a]), h = g(() => {
+  const { className: r, title: n, path: a, onClick: d, isSelected: l, parentPath: u } = t, { pathname: i } = Qe(), p = x(() => {
+    d?.(a);
+  }, [a]), h = x(() => {
     if (a.startsWith("./")) {
-      if (!d) return;
-      const m = d + a.slice(2);
+      if (!u) return;
+      const m = u + a.slice(2);
       window.open(m, "_blank");
     } else
       window.open(a, "_blank");
@@ -659,7 +688,7 @@ const qt = (t) => {
     {
       onClick: p,
       onAuxClick: h,
-      className: D(
+      className: T(
         "group",
         "transition-all duration-300 ease-in-out cursor-pointer",
         "h-10 w-full rounded-lg py-[11px] px-3",
@@ -667,103 +696,103 @@ const qt = (t) => {
         b && "bg-neutral-medium-selected hover:bg-neutral-medium-hover active:bg-transparent focus:bg-transparent",
         r
       ),
-      children: /* @__PURE__ */ e.jsx("p", { className: D(
+      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",
         b && "text-primary-default-default group-hover:text-primary-default-hover group-focus:text-primary-default-focused group-active:text-primary-default-focused"
-      ), children: s })
+      ), children: n })
     }
   );
 }, ut = M(qt);
 ut.displayName = "NavItemSecondary";
-const $t = be((t, r) => {
-  const [s, a] = G(!0), c = I(null), { path: l, title: d, icon: i, count: p, className: h, isSelected: b = !1, onClick: m, sublinks: x, toggleCollapse: j, getIsCollapsed: A, subscribeToCollapse: y, isView: C = !0, disabled: S, tooltipText: K, selectorCss: z } = t;
-  ne(() => y ? y((f) => {
+const $t = we((t, r) => {
+  const [n, a] = J(!0), d = O(null), { path: l, title: u, icon: i, count: p, className: h, isSelected: b = !1, onClick: m, sublinks: g, toggleCollapse: j, getIsCollapsed: I, subscribeToCollapse: y, isView: C = !0, disabled: k, tooltipText: $, selectorCss: z } = t;
+  re(() => y ? y((f) => {
     f && a(!0);
   }) : void 0, [y]);
-  const k = g(() => {
+  const S = x(() => {
     a((P) => !P);
-  }, []), U = g((P) => {
+  }, []), U = x((P) => {
     a(P);
-  }, []), v = {
-    toggle: k,
+  }, []), w = {
+    toggle: S,
     setIsCollapsed: U,
     get isCollapsed() {
-      return s;
+      return n;
     },
     get isDrawerCollapsed() {
-      return A?.() ?? !1;
+      return I?.() ?? !1;
     },
     toggleDrawerCollapse: j,
     subscribeToCollapse: y
   };
-  Re(r, () => v, [v, s, A, j]);
-  const q = i, Q = g(() => {
-    const P = A?.() ?? !1;
-    if (x && x.length > 0 && P) {
+  Re(r, () => w, [w, n, I, j]);
+  const W = i, G = x(() => {
+    const P = I?.() ?? !1;
+    if (g && g.length > 0 && P) {
       U(!1), j?.();
       return;
     }
     m?.(l);
-  }, [l, m, x, j, U, A]), V = g(() => {
+  }, [l, m, g, j, U, I]), q = x(() => {
     window.open(l, "_blank");
-  }, [l]), J = () => {
-    if (!x || S) return null;
-    if (t.subLinksRender && x)
-      return t.subLinksRender(x, v);
-    const P = g((f) => {
+  }, [l]), ee = () => {
+    if (!g || k) return null;
+    if (t.subLinksRender && g)
+      return t.subLinksRender(g, w);
+    const P = x((f) => {
       if (f.startsWith("./")) {
-        const O = l + f.slice(2);
-        m?.(O);
+        const E = l + f.slice(2);
+        m?.(E);
       } else
         m?.(f);
     }, [l]);
-    return ne(() => {
-      const f = c.current;
+    return re(() => {
+      const f = d.current;
       if (!f) return;
-      const O = f.scrollHeight;
-      f.style.setProperty("--sublinks-max-height", `${O}px`);
-    }, []), /* @__PURE__ */ e.jsx("div", { ref: c, className: `sublinks flex flex-col gap-1 ml-8 ${s ? "collapsed" : "expanded"}`, children: x.map((f) => /* @__PURE__ */ e.jsx(ut, { ...f, onClick: P, parentPath: l }, `${f.title}-${f.path}`)) });
-  }, $ = (P) => {
-    P.stopPropagation(), P.preventDefault(), k();
+      const E = f.scrollHeight;
+      f.style.setProperty("--sublinks-max-height", `${E}px`);
+    }, []), /* @__PURE__ */ e.jsx("div", { ref: d, className: `sublinks flex flex-col gap-1 ml-8 ${n ? "collapsed" : "expanded"}`, children: g.map((f) => /* @__PURE__ */ e.jsx(ut, { ...f, onClick: P, parentPath: l }, `${f.title}-${f.path}`)) });
+  }, Y = (P) => {
+    P.stopPropagation(), P.preventDefault(), S();
   };
   return C ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 ", id: z, children: [
     /* @__PURE__ */ e.jsx(
       Ue,
       {
         as: "a",
-        title: d,
-        icon: q,
+        title: u,
+        icon: W,
         count: p,
         className: h,
         isSelected: b,
-        hasSublinks: !!x,
-        subLinksCollapsed: s,
-        onToggleSublinks: $,
-        onClick: Q,
-        onAuxClick: V,
-        disabled: S,
-        tooltipText: K
+        hasSublinks: !!g,
+        subLinksCollapsed: n,
+        onToggleSublinks: Y,
+        onClick: G,
+        onAuxClick: q,
+        disabled: k,
+        tooltipText: $
       }
     ),
-    J()
+    ee()
   ] }) : null;
 }), ft = M($t);
 ft.displayName = "NavigationDrawerLinkItem";
-const Kt = ({ navlinks: t, handleNavigation: r, className: s, getIsCollapsed: a, toggleCollapse: c, subscribeToCollapse: l }) => {
-  const { pathname: d } = Qe();
-  return /* @__PURE__ */ e.jsx(xe, { className: D("flex flex-col gap-2 w-full ", s), scrollbarProps: { hide: !0 }, persistScroll: "navigation-links", indicators: {
+const Kt = ({ navlinks: t, handleNavigation: r, className: n, getIsCollapsed: a, toggleCollapse: d, subscribeToCollapse: l }) => {
+  const { pathname: u } = Qe();
+  return /* @__PURE__ */ e.jsx(ve, { className: T("flex flex-col gap-2 w-full ", n), 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, p) => {
-    const h = i.isSelected || i.path === d || (i.relatedPaths?.some((b) => d.startsWith(b)) ?? !1) || (i.sublinks?.some((b) => b.path === d) ?? !1);
+    const h = i.isSelected || i.path === u || (i.relatedPaths?.some((b) => u.startsWith(b)) ?? !1) || (i.sublinks?.some((b) => b.path === u) ?? !1);
     return /* @__PURE__ */ e.jsx(
       ft,
       {
         ...i,
         isSelected: h,
         onClick: r,
-        toggleCollapse: c,
+        toggleCollapse: d,
         getIsCollapsed: a,
         subscribeToCollapse: l,
         disabled: i.disabled,
@@ -775,16 +804,16 @@ const Kt = ({ navlinks: t, handleNavigation: r, className: s, getIsCollapsed: a,
   }) });
 }, mt = M(Kt);
 mt.displayName = "NavigationDrawerNavlinks";
-const pt = M(({ navlinks: t, handleNavigation: r, allActions: s, activeActionId: a, onActionClick: c }) => {
-  const { getIsCollapsed: l, toggleCollapse: d, subscribeToCollapse: i } = de();
+const pt = M(({ navlinks: t, handleNavigation: r, allActions: n, activeActionId: a, onActionClick: d }) => {
+  const { getIsCollapsed: l, toggleCollapse: u, subscribeToCollapse: i } = fe();
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(se.Spacer, { className: "pb-3" }),
+    /* @__PURE__ */ e.jsx(te.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(
         mt,
         {
           getIsCollapsed: l,
-          toggleCollapse: d,
+          toggleCollapse: u,
           subscribeToCollapse: i,
           navlinks: t,
           handleNavigation: r,
@@ -794,9 +823,9 @@ const pt = M(({ navlinks: t, handleNavigation: r, allActions: s, activeActionId:
       /* @__PURE__ */ e.jsx(
         dt,
         {
-          actions: s,
+          actions: n,
           activeActionId: a,
-          onActionClick: c,
+          onActionClick: d,
           className: "max-h-[30dvh]"
         }
       )
@@ -805,30 +834,30 @@ const pt = M(({ 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);
 pt.displayName = "PyrionNavigationDrawer.Content";
 const Yt = (t) => {
-  const { sessions: r, onSessionClick: s, secondarySlot: a, subImageUrlAccessor: c } = t;
+  const { sessions: r, onSessionClick: n, secondarySlot: a, subImageUrlAccessor: d } = t;
   if (!r || r.length === 0)
     return null;
   const l = (p, h) => {
-    s && h && s(p, h);
-  }, d = (p) => {
-    if (!c)
+    n && h && n(p, h);
+  }, u = (p) => {
+    if (!d)
       return;
     const h = p.metadata;
     if (!h)
       return;
-    const b = Se({ metadata: h }, c);
+    const b = Se({ metadata: h }, d);
     if (b != null)
       return typeof b == "string" ? b : String(b);
-  }, i = g((p) => typeof a == "function" ? a(p) : a, [a]);
+  }, i = x((p) => typeof a == "function" ? a(p) : a, [a]);
   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(ie, { className: " shrink-0 h-max", children: /* @__PURE__ */ e.jsx(ie.Content, { onClick: () => l(p, t.userOptionsControls), className: "p-0 group-data-[expanded=true]/ticketcard:border-none", children: /* @__PURE__ */ e.jsx(
+    return /* @__PURE__ */ e.jsx(le, { className: " shrink-0 h-max", children: /* @__PURE__ */ e.jsx(le.Content, { onClick: () => l(p, t.userOptionsControls), className: "p-0 group-data-[expanded=true]/ticketcard:border-none", children: /* @__PURE__ */ e.jsx(
       et,
       {
         name: h.name,
         avatarSize: "xxs",
         secondarySlot: i(p),
-        subImageUrl: d(p),
+        subImageUrl: u(p),
         imageUrl: h.profile_picture,
         className: "pyrion-navigation-drawer-user-card"
       },
@@ -838,45 +867,45 @@ const Yt = (t) => {
 }, Xt = ({
   state: t,
   currentAppSessions: r,
-  resolveUserSecondarySlot: s,
+  resolveUserSecondarySlot: n,
   resolveSessionSecondarySlot: a,
-  onSessionClick: c,
+  onSessionClick: d,
   onLogoutClick: l,
-  onProfileClick: d,
+  onProfileClick: u,
   options: i,
   currentSystemId: p,
   userOptionsControls: h,
   mobileAppSwitcherControls: b
 }) => {
-  const { getIsCollapsed: m, toggleCollapse: x, subscribeToCollapse: j } = de(), A = g(() => {
+  const { getIsCollapsed: m, toggleCollapse: g, subscribeToCollapse: j } = fe(), I = x(() => {
     const y = m();
-    y ? (x(), h.current?.open()) : d?.(y);
-  }, [m, x, h, d]);
-  return ne(() => j((y) => {
+    y ? (g(), h.current?.open()) : u?.(y);
+  }, [m, g, h, u]);
+  return re(() => j((y) => {
     y && (h.current?.close(), b.current?.close());
   }), [j, h, b]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(se.Spacer, { className: "mb-3" }),
-    /* @__PURE__ */ e.jsxs(ie, { className: "", controls: h, children: [
-      /* @__PURE__ */ e.jsx(ie.Content, { onClick: A, children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(te.Spacer, { className: "mb-3" }),
+    /* @__PURE__ */ e.jsxs(le, { className: "", controls: h, children: [
+      /* @__PURE__ */ e.jsx(le.Content, { onClick: I, children: /* @__PURE__ */ e.jsx(
         et,
         {
           className: "pyrion-navigation-drawer-user-card p-0",
           name: t.user?.name || "",
-          secondarySlot: s(t.metadata),
+          secondarySlot: n(t.metadata),
           imageUrl: t.user?.profile_picture || "",
           subImageUrl: t.company.icon,
           avatarSize: "xxs",
           isLoading: !t.user
         }
       ) }),
-      /* @__PURE__ */ e.jsxs(ie.Options, { className: "min-h-max flex flex-col gap-3 pl-3 mt-3 pt-2", children: [
+      /* @__PURE__ */ e.jsxs(le.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(xe, { className: "flex flex-col gap-2 max-h-[165px] flex-1", scrollbarProps: { hide: !0 }, indicators: { bottom: { show: !0, type: "shadow", behavior: "scroll-on-hover" }, top: { show: !0, type: "shadow", behavior: "scroll-on-hover" } }, children: /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx(ve, { className: "flex flex-col gap-2 max-h-[165px] flex-1", scrollbarProps: { hide: !0 }, indicators: { bottom: { show: !0, type: "shadow", behavior: "scroll-on-hover" }, top: { show: !0, type: "shadow", behavior: "scroll-on-hover" } }, children: /* @__PURE__ */ e.jsx(
             Yt,
             {
               sessions: r,
-              onSessionClick: c,
+              onSessionClick: d,
               secondarySlot: a,
               subImageUrlAccessor: i?.sessionCardOptions?.subImageUrlAccessor,
               currentSystemId: p,
@@ -887,7 +916,7 @@ const Yt = (t) => {
         /* @__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(
-            he,
+            ge,
             {
               onClick: l,
               animate: !1,
@@ -905,26 +934,26 @@ const Yt = (t) => {
     ] })
   ] });
 }, ht = M(Xt, (t, r) => {
-  const s = Object.keys(t), a = Object.keys(r);
-  if (s.length !== a.length)
+  const n = Object.keys(t), a = Object.keys(r);
+  if (n.length !== a.length)
     return !1;
-  for (const c of s) {
-    if (!Object.prototype.hasOwnProperty.call(r, c))
+  for (const d of n) {
+    if (!Object.prototype.hasOwnProperty.call(r, d))
       return !1;
-    const l = t[c], d = r[c];
-    if (l !== d)
+    const l = t[d], u = r[d];
+    if (l !== u)
       return !1;
   }
   return t.currentAppSessions !== r.currentAppSessions || t.options !== r.options || t.currentSystemId !== r.currentSystemId || t.userOptionsControls !== r.userOptionsControls || t.mobileAppSwitcherControls !== r.mobileAppSwitcherControls;
 });
 ht.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: [
+const Jt = ({ tabs: t, content: r, controls: n }) => /* @__PURE__ */ e.jsxs(le, { controls: n, children: [
+  /* @__PURE__ */ e.jsx(le.Content, { children: typeof r == "function" ? r() : r }),
+  /* @__PURE__ */ e.jsxs(le.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(xe, { className: "max-h-52", scrollbarProps: { hide: !0 }, children: t?.map((a) => {
-        const c = typeof a.thumbnail == "string" ? /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ e.jsx(ve, { className: "max-h-52", scrollbarProps: { hide: !0 }, children: t?.map((a) => {
+        const d = typeof a.thumbnail == "string" ? /* @__PURE__ */ e.jsx(
           "img",
           {
             src: a.thumbnail,
@@ -936,7 +965,7 @@ const Jt = ({ tabs: t, content: r, controls: s }) => /* @__PURE__ */ e.jsxs(ie,
           a.disabled || a.onClick && a.onClick(a.name);
         };
         return /* @__PURE__ */ e.jsxs("div", { onClick: l, className: "flex gap-2 p-2 rounded-lg h-12", children: [
-          c,
+          d,
           /* @__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: a.name }),
             a.description && /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-body-small text-neutral-medium-default line-clamp-1", children: a.description })
@@ -946,60 +975,60 @@ const Jt = ({ tabs: t, content: r, controls: s }) => /* @__PURE__ */ e.jsxs(ie,
     ] }),
     /* @__PURE__ */ e.jsx("div", {})
   ] })
-] }), Pe = M(({ enabled_systems: t, onClick: r, currentSystemId: s }) => {
-  const a = g(() => {
+] }), Pe = M(({ enabled_systems: t, onClick: r, currentSystemId: n }) => {
+  const a = x(() => {
     if (t) {
-      if (s) {
-        const i = t.find((p) => p._id === s);
+      if (n) {
+        const i = t.find((p) => p._id === n);
         if (i) return { coverImage: i.coverImage, thumbnail: i.thumbnail };
       }
-      const l = window.location.origin, d = t.find((i) => i.url === l);
-      if (d) return { coverImage: d.coverImage, thumbnail: d.thumbnail };
+      const l = window.location.origin, u = t.find((i) => i.url === l);
+      if (u) return { coverImage: u.coverImage, thumbnail: u.thumbnail };
     }
     return { coverImage: "", thumbnail: "" };
-  }, [t]), c = !!r;
+  }, [t]), d = !!r;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     a().coverImage ? /* @__PURE__ */ e.jsx(
       "img",
       {
         src: a().coverImage,
         alt: "System Logo",
-        className: D("w-full h-12 rounded object-contain system-cover-image ", c && "cursor-pointer"),
+        className: T("w-full h-12 rounded object-contain system-cover-image ", d && "cursor-pointer"),
         draggable: !1,
         onClick: r
       }
-    ) : /* @__PURE__ */ e.jsx(ce, { className: "w-full h-12 rounded object-contain system-cover-image " }),
+    ) : /* @__PURE__ */ e.jsx(ue, { className: "w-full h-12 rounded object-contain system-cover-image " }),
     a().thumbnail ? /* @__PURE__ */ e.jsx(
       "img",
       {
         src: a().thumbnail,
         alt: "System Logo",
-        className: D("w-12 h-12 rounded object-cover system-thumbnail ", c && "cursor-pointer"),
+        className: T("w-12 h-12 rounded object-cover system-thumbnail ", d && "cursor-pointer"),
         draggable: !1,
         onClick: r
       }
-    ) : /* @__PURE__ */ e.jsx(ce, { className: "w-12 h-12 rounded object-cover system-thumbnail " })
+    ) : /* @__PURE__ */ e.jsx(ue, { className: "w-12 h-12 rounded object-cover system-thumbnail " })
   ] });
 }, (t, r) => t.enabled_systems === r.enabled_systems && t.onClick === r.onClick && t.currentSystemId === r.currentSystemId);
 Pe.displayName = "PyrionNavigationDrawer.SystemLogo";
-const bt = M(({ onSystemLogoClick: t, state: r, currentSystemId: s, tabs: a, mobileAppSwitcherControls: c }) => {
-  const { getIsCollapsed: l } = de(), d = Je(), i = g(() => {
+const bt = M(({ onSystemLogoClick: t, state: r, currentSystemId: n, tabs: a, mobileAppSwitcherControls: d }) => {
+  const { getIsCollapsed: l } = fe(), u = Je(), i = x(() => {
     if (t) {
       const p = l();
       t(p);
     }
   }, [t, l]);
-  return d ? /* @__PURE__ */ e.jsx(
+  return u ? /* @__PURE__ */ e.jsx(
     Jt,
     {
-      controls: c,
+      controls: d,
       tabs: a,
       content: /* @__PURE__ */ e.jsx(
         Pe,
         {
           enabled_systems: r.enabled_systems,
           onClick: i,
-          currentSystemId: s
+          currentSystemId: n
         }
       )
     }
@@ -1008,7 +1037,7 @@ const bt = M(({ onSystemLogoClick: t, state: r, currentSystemId: s, tabs: a, mob
     {
       enabled_systems: r.enabled_systems,
       onClick: i,
-      currentSystemId: s
+      currentSystemId: n
     }
   );
 });
@@ -1018,59 +1047,59 @@ const Xe = ({ type: t }) => {
   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(ce, { shape: "circle", className: "w-12 h-12 aspect-square!" }),
-    /* @__PURE__ */ e.jsx(ce, { shape: "rounded", className: "w-full h-12 min-h-12" })
+    /* @__PURE__ */ e.jsx(ue, { shape: "circle", className: "w-12 h-12 aspect-square!" }),
+    /* @__PURE__ */ e.jsx(ue, { shape: "rounded", className: "w-full h-12 min-h-12" })
   ] }),
-  /* @__PURE__ */ e.jsx(ce, { shape: "rounded", className: "w-20 h-3" })
-] }), Qt = ({ onCloseClick: t, onMarkAllAsRead: r, notificationsListControls: s, scrollableControls: a }) => {
-  const [c, l] = G([]), [d, i] = G("NO_LEIDAS"), [p, h] = G({ isLoading: !1, type: "load_more" }), [b, m] = G({ hasError: !1 }), x = I(/* @__PURE__ */ new Set()), j = I(null), A = I(null), y = g((f, O = "top") => {
-    l((_) => {
-      const R = Array.isArray(f) ? O === "bottom" ? [..._, ...f] : [...f, ..._] : O === "bottom" ? [..._, f] : [f, ..._];
+  /* @__PURE__ */ e.jsx(ue, { shape: "rounded", className: "w-20 h-3" })
+] }), Qt = ({ onCloseClick: t, onMarkAllAsRead: r, notificationsListControls: n, scrollableControls: a }) => {
+  const [d, l] = J([]), [u, i] = J("NO_LEIDAS"), [p, h] = J({ isLoading: !1, type: "load_more" }), [b, m] = J({ hasError: !1 }), g = O(/* @__PURE__ */ new Set()), j = O(null), I = O(null), y = x((f, E = "top") => {
+    l((R) => {
+      const H = Array.isArray(f) ? E === "bottom" ? [...R, ...f] : [...f, ...R] : E === "bottom" ? [...R, f] : [f, ...R];
       return queueMicrotask(() => {
-        x.current.forEach((Y) => Y(R, { total: R.length, unread: R.filter((Z) => !Z.read).length }));
-      }), R;
+        g.current.forEach((X) => X(H, { total: H.length, unread: H.filter((Q) => !Q.read).length }));
+      }), H;
     });
-  }, []), C = g((f) => (x.current.add(f), () => {
-    x.current.delete(f);
-  }), []), S = g((f) => {
-    l((O) => {
-      const _ = Array.isArray(f) ? O.filter((R) => !f.includes(R._id)) : O.filter((R) => R._id !== f);
+  }, []), C = x((f) => (g.current.add(f), () => {
+    g.current.delete(f);
+  }), []), k = x((f) => {
+    l((E) => {
+      const R = Array.isArray(f) ? E.filter((H) => !f.includes(H._id)) : E.filter((H) => H._id !== f);
       return queueMicrotask(() => {
-        x.current.forEach((R) => R(_, { total: _.length, unread: _.filter((Y) => !Y.read).length }));
-      }), _;
+        g.current.forEach((H) => H(R, { total: R.length, unread: R.filter((X) => !X.read).length }));
+      }), R;
     });
-  }, []), K = g(() => {
+  }, []), $ = x(() => {
     l([]), queueMicrotask(() => {
-      x.current.forEach((f) => f([], { total: 0, unread: 0 }));
+      g.current.forEach((f) => f([], { total: 0, unread: 0 }));
     });
-  }, []), z = g((f) => {
+  }, []), z = x((f) => {
     l(f), queueMicrotask(() => {
-      x.current.forEach((O) => O(f, { total: f.length, unread: f.filter((_) => !_.read).length }));
+      g.current.forEach((E) => E(f, { total: f.length, unread: f.filter((R) => !R.read).length }));
     });
-  }, []), k = g((f, O = "load_more") => {
-    h({ isLoading: f, type: O });
-  }, []), U = g((f, O) => {
-    m({ hasError: f, children: O });
+  }, []), S = x((f, E = "load_more") => {
+    h({ isLoading: f, type: E });
+  }, []), U = x((f, E) => {
+    m({ hasError: f, children: E });
   }, []);
-  Re(s, () => ({
+  Re(n, () => ({
     addNewNotification: y,
     subscribeToUpdates: C,
     setNotifications: z,
-    removeNotification: S,
-    removeAllNotifications: K,
-    setLoading: k,
+    removeNotification: k,
+    removeAllNotifications: $,
+    setLoading: S,
     setError: U
-  }), [y, C, z, S, K, k, U]);
-  const v = (f) => {
+  }), [y, C, z, k, $, S, U]);
+  const w = (f) => {
     i(f);
-  }, q = c.length > 0;
-  jt(() => {
-    if (j.current && A.current) {
+  }, W = d.length > 0;
+  St(() => {
+    if (j.current && I.current) {
       const f = j.current.clientHeight;
-      A.current.style.setProperty("height", `calc(100vh - ${f}px - 20px)`);
+      I.current.style.setProperty("height", `calc(100vh - ${f}px - 20px)`);
     }
   }, [j?.current]);
-  const Q = c.filter((f) => !f.read).length, { isLoading: V, type: J } = p, { hasError: $, children: P } = b;
+  const G = d.filter((f) => !f.read).length, { isLoading: q, type: ee } = p, { hasError: Y, children: P } = b;
   return /* @__PURE__ */ e.jsx(
     "section",
     {
@@ -1082,41 +1111,41 @@ const Xe = ({ type: t }) => {
               /* @__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: "Notificaciones" })
             ] }),
-            /* @__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(ge, { onClick: () => t?.(), icon: /* @__PURE__ */ e.jsx(Fe, {}), variant: "text", animate: !1, animateIcon: !1, color: "secondary", className: "size-12" })
           ] }),
           /* @__PURE__ */ e.jsx(
-            It,
+            Ot,
             {
               className: "px-4 md:px-2 md:pl-2 pl-2 gap-0 md:gap-0",
-              onTabChange: v,
-              activeTab: d,
+              onTabChange: w,
+              activeTab: u,
               items: [
                 { id: "ALL", title: "Todas" },
                 { id: "NO_LEIDAS", title: "Sin leer" }
               ],
-              renderTab: (f, O, _, R, Y, Z, ee, ve) => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+              renderTab: (f, E, R, H, X, Q, Z, ie) => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
                 /* @__PURE__ */ e.jsx(
                   Et,
                   {
                     id: f.id,
                     title: f.title,
-                    onClick: _,
-                    isActive: O,
-                    onIconClick: R,
-                    onIconHover: Y,
-                    iconTooltipProps: ee,
-                    iconTooltipTitle: Z,
-                    iconSize: ve
+                    onClick: R,
+                    isActive: E,
+                    onIconClick: H,
+                    onIconHover: X,
+                    iconTooltipProps: Z,
+                    iconTooltipTitle: Q,
+                    iconSize: ie
                   }
                 ),
-                Q > 0 && f.id === "NO_LEIDAS" && (V ? /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 right-0", children: /* @__PURE__ */ e.jsx(ce, { className: "size-5.5", shape: "circle" }) }) : /* @__PURE__ */ e.jsx(Ze, { count: Q, className: "absolute top-0 right-0" }))
+                G > 0 && f.id === "NO_LEIDAS" && (q ? /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 right-0", children: /* @__PURE__ */ e.jsx(ue, { className: "size-5.5", shape: "circle" }) }) : /* @__PURE__ */ e.jsx(Ze, { count: G, className: "absolute top-0 right-0" }))
               ] })
             }
           ),
-          r && q && d === "NO_LEIDAS" && !$ && /* @__PURE__ */ e.jsx("div", { className: "flex justify-end px-4", children: /* @__PURE__ */ e.jsx(he, { disabled: V, onClick: r, label: "Marcar todas como leidas", variant: "text", animate: !1, animateIcon: !1, size: "small" }) })
+          r && W && u === "NO_LEIDAS" && !Y && /* @__PURE__ */ e.jsx("div", { className: "flex justify-end px-4", children: /* @__PURE__ */ e.jsx(ge, { disabled: q, onClick: r, label: "Marcar todas como leidas", variant: "text", animate: !1, animateIcon: !1, size: "small" }) })
         ] }),
-        /* @__PURE__ */ e.jsx("div", { ref: A, className: "", children: /* @__PURE__ */ e.jsxs(
-          xe,
+        /* @__PURE__ */ e.jsx("div", { ref: I, className: "", children: /* @__PURE__ */ e.jsxs(
+          ve,
           {
             className: "px-4 md:px-2 py-0 md:py-0 flex flex-col gap-3 h-full",
             persistScroll: "notifications-scroll",
@@ -1128,14 +1157,14 @@ const Xe = ({ type: t }) => {
               target: "2000px"
             },
             scrollMetadata: {
-              activeTab: d,
-              isLoading: V
+              activeTab: u,
+              isLoading: q
             },
             children: [
-              $ && /* @__PURE__ */ e.jsx("div", { className: "w-full h-full grid place-items-center", children: typeof P == "function" ? P() : P }),
-              !$ && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                V && J === "skeletons" ? /* @__PURE__ */ e.jsx(Xe, { type: J }) : q ? c?.filter((f) => d === "NO_LEIDAS" ? !f.read : f)?.map((f, O) => /* @__PURE__ */ e.jsx(Ot, { ...f, className: " border-b border-neutral-strong-default rounded-b-none last:border-b-0" }, O)) : /* @__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" }),
-                V && J === "load_more" && /* @__PURE__ */ e.jsx(Xe, { type: J })
+              Y && /* @__PURE__ */ e.jsx("div", { className: "w-full h-full grid place-items-center", children: typeof P == "function" ? P() : P }),
+              !Y && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                q && ee === "skeletons" ? /* @__PURE__ */ e.jsx(Xe, { type: ee }) : W ? d?.filter((f) => u === "NO_LEIDAS" ? !f.read : f)?.map((f, E) => /* @__PURE__ */ e.jsx(It, { ...f, className: " border-b border-neutral-strong-default rounded-b-none last:border-b-0" }, E)) : /* @__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 && ee === "load_more" && /* @__PURE__ */ e.jsx(Xe, { type: ee })
               ] })
             ]
           }
@@ -1143,7 +1172,7 @@ const Xe = ({ type: t }) => {
       ] })
     }
   );
-}, Zt = ({ onCloseClick: t, children: r, title: s = "Ayuda" }) => /* @__PURE__ */ e.jsxs(
+}, Zt = ({ onCloseClick: t, children: r, title: n = "Ayuda" }) => /* @__PURE__ */ e.jsxs(
   "section",
   {
     className: "overflow-auto w-full md:w-[492px] bg-neutral-default-default border-l-0 md:border-l border-neutral-strong-default h-full",
@@ -1151,16 +1180,16 @@ const Xe = ({ type: t }) => {
       /* @__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(rt, { 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("p", { className: "prometeo-fonts-headline-small text-neutral-strong-default", children: n })
         ] }),
-        /* @__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(ge, { onClick: () => t?.(), icon: /* @__PURE__ */ e.jsx(Fe, {}), variant: "text", animate: !1, animateIcon: !1, color: "secondary", className: "size-12" })
       ] }),
       /* @__PURE__ */ e.jsx("div", { children: r })
     ]
   }
-), er = ({ closeSidebar: t, options: r, helpSection: s, initialSection: a, notificationsListControls: c, scrollableControls: l }, d) => {
-  const [i, p] = G(a ?? "notifications");
-  Re(d, () => ({
+), er = ({ closeSidebar: t, options: r, helpSection: n, initialSection: a, notificationsListControls: d, scrollableControls: l }, u) => {
+  const [i, p] = J(a ?? "notifications");
+  Re(u, () => ({
     setActiveSection: p
   }));
   const h = () => {
@@ -1172,83 +1201,83 @@ const Xe = ({ type: t }) => {
       {
         onCloseClick: h,
         onMarkAllAsRead: r?.notificationsDrawerOptions?.onMarkAllAsRead,
-        notificationsListControls: c,
+        notificationsListControls: d,
         scrollableControls: l
       }
     ),
-    i === "help" && s && !r?.helpSectionDrawerOptions?.hide && /* @__PURE__ */ e.jsx(Zt, { onCloseClick: h, children: typeof s == "function" ? s() : s })
+    i === "help" && n && !r?.helpSectionDrawerOptions?.hide && /* @__PURE__ */ e.jsx(Zt, { onCloseClick: h, children: typeof n == "function" ? n() : n })
   ] });
-}, xt = be(er);
+}, xt = we(er);
 xt.displayName = "SidebarContent";
 const tr = ({
   options: t,
   helpSection: r,
-  sidebarContentRef: s,
+  sidebarContentRef: n,
   initialSectionRef: a,
-  notificationsListControls: c,
+  notificationsListControls: d,
   scrollableControls: l
 }) => {
-  const { closeSidebar: d } = de();
+  const { closeSidebar: u } = fe();
   return /* @__PURE__ */ e.jsx(
     xt,
     {
-      ref: s,
-      closeSidebar: d,
+      ref: n,
+      closeSidebar: u,
       options: t,
       helpSection: r,
       initialSection: a.current,
-      notificationsListControls: c,
+      notificationsListControls: d,
       scrollableControls: l
     }
   );
 }, gt = M(tr);
 gt.displayName = "PyrionNavigationDrawer.Sidebar";
 const rr = ({ navigationControlsRef: t }) => {
-  const r = de();
-  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;
+  const r = fe();
+  return t.current.toggleCollapse = r.toggleCollapse, t.current.toggleDrawer = r.toggleDrawer, t.current.closeDrawer = r.closeDrawer, t.current.openDrawer = r.openDrawer, t.current.getIsCollapsed = r.getIsCollapsed, t.current.subscribeToCollapse = r.subscribeToCollapse, t.current.openSidebar = r.openSidebar, t.current.closeSidebar = r.closeSidebar, t.current.toggleSidebar = r.toggleSidebar, t.current.getIsSidebarOpen = r.getIsSidebarOpen, t.current.subscribeToSidebarOpen = r.subscribeToSidebarOpen, t.current.setDrawerDragEnabled = r.setDrawerDragEnabled, t.current.setSidebarDragEnabled = r.setSidebarDragEnabled, null;
 }, sr = (t) => {
-  const { children: r, currentAppSessions: s, resolveUserSecondarySlot: a, resolveSessionSecondarySlot: c, handleNavigation: l, allActions: d, tabs: i, navigationControlsRef: p, sidebarContentRef: h, initialSectionRef: b, userOptionsControls: m, mobileAppSwitcherControls: x, notificationsListControls: j, scrollableControls: A, outletRef: y, ...C } = t;
-  return /* @__PURE__ */ e.jsxs(se, { disableDragOpen: C.options?.disableDragOpen, outletRef: y, children: [
+  const { children: r, currentAppSessions: n, resolveUserSecondarySlot: a, resolveSessionSecondarySlot: d, handleNavigation: l, allActions: u, tabs: i, navigationControlsRef: p, sidebarContentRef: h, initialSectionRef: b, userOptionsControls: m, mobileAppSwitcherControls: g, notificationsListControls: j, scrollableControls: I, outletRef: y, ...C } = t;
+  return /* @__PURE__ */ e.jsxs(te, { disableDragOpen: C.options?.disableDragOpen, outletRef: y, children: [
     /* @__PURE__ */ e.jsx(rr, { navigationControlsRef: p }),
-    /* @__PURE__ */ e.jsx(se.Header, { className: "flex flex-col relative w-full select-none", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(te.Header, { className: "flex flex-col relative w-full select-none", children: /* @__PURE__ */ e.jsx(
       bt,
       {
         onSystemLogoClick: C.onSystemLogoClick,
         state: C.state,
         currentSystemId: C.currentSystemId,
         tabs: i,
-        mobileAppSwitcherControls: x
+        mobileAppSwitcherControls: g
       }
     ) }, "PL-Header"),
-    /* @__PURE__ */ e.jsx(se.Content, { className: "overflow-hidden flex flex-col relative flex-1  md:w-auto", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(te.Content, { className: "overflow-hidden flex flex-col relative flex-1  md:w-auto", children: /* @__PURE__ */ e.jsx(
       pt,
       {
         navlinks: C.links,
         handleNavigation: l,
-        allActions: d,
+        allActions: u,
         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(
+    /* @__PURE__ */ e.jsx(te.Footer, { className: "md:min-h-max flex flex-col w-full overflow-hidden max-w-full", children: /* @__PURE__ */ e.jsx(
       ht,
       {
         state: C.state,
-        currentAppSessions: s,
+        currentAppSessions: n,
         resolveUserSecondarySlot: a,
-        resolveSessionSecondarySlot: c,
+        resolveSessionSecondarySlot: d,
         onSessionClick: C.onSessionClick,
         onLogoutClick: C.onLogoutClick,
         options: C.options,
         currentSystemId: C.currentSystemId,
         userOptionsControls: m,
-        mobileAppSwitcherControls: x,
+        mobileAppSwitcherControls: g,
         onProfileClick: C.onProfileClick
       }
     ) }, "PL-Footer"),
-    /* @__PURE__ */ e.jsx(se.Outlet, { children: /* @__PURE__ */ e.jsx(wt, { children: r }) }),
+    /* @__PURE__ */ e.jsx(te.Outlet, { children: /* @__PURE__ */ e.jsx(vt, { children: r }) }),
     /* @__PURE__ */ e.jsx(
-      se.Sidebar,
+      te.Sidebar,
       {
         className: "bg-neutral-default-default pyrion-layout-sidebar",
         modal: C.options?.sidebarOptions?.modal,
@@ -1261,17 +1290,17 @@ const rr = ({ navigationControlsRef: t }) => {
             sidebarContentRef: h,
             initialSectionRef: b,
             notificationsListControls: j,
-            scrollableControls: A
+            scrollableControls: I
           }
         )
       }
     )
   ] });
-}, vt = M(sr, (t, r) => {
-  const { children: s, ...a } = t, { children: c, ...l } = r, d = Object.keys(a), i = Object.keys(l);
-  if (d.length !== i.length)
+}, wt = M(sr, (t, r) => {
+  const { children: n, ...a } = t, { children: d, ...l } = r, u = Object.keys(a), i = Object.keys(l);
+  if (u.length !== i.length)
     return !1;
-  for (const p of d) {
+  for (const p of u) {
     if (!Object.prototype.hasOwnProperty.call(l, p))
       return !1;
     const h = a[p], b = l[p];
@@ -1280,72 +1309,72 @@ const rr = ({ navigationControlsRef: t }) => {
   }
   return !0;
 });
-vt.displayName = "PyrionNavigationDrawer.LayoutBase";
-const wt = M(({ children: t }) => /* @__PURE__ */ e.jsx(se.Outlet, { children: t }));
-wt.displayName = "PyrionNavigationDrawer.IsolatedOutlet";
-const Nt = Me(null), Dr = () => {
-  const t = St(Nt);
+wt.displayName = "PyrionNavigationDrawer.LayoutBase";
+const vt = M(({ children: t }) => /* @__PURE__ */ e.jsx(te.Outlet, { children: t }));
+vt.displayName = "PyrionNavigationDrawer.IsolatedOutlet";
+const Nt = Me(null), Lr = () => {
+  const t = jt(Nt);
   if (!t)
     throw new Error("usePyrionLayout debe usarse dentro de PyrionLayout");
   return t;
-}, Ar = ({ children: t, helpSection: r, state: s, links: a, onLinkClick: c, onNavigate: l, onLogoutClick: d, actions: i, activeActionId: p, onActionClick: h, tabsProps: b, currentSystemId: m, onSessionClick: x, onSystemLogoClick: j, onProfileClick: A, ...y }) => {
-  const S = Object.assign({
+}, Ar = ({ children: t, helpSection: r, state: n, links: a, onLinkClick: d, onNavigate: l, onLogoutClick: u, actions: i, activeActionId: p, onActionClick: h, tabsProps: b, currentSystemId: m, onSessionClick: g, onSystemLogoClick: j, onProfileClick: I, ...y }) => {
+  const k = Object.assign({
     closeDrawerOnNavigate: !0,
     disableDragOpen: {
       sidebar: !0,
       drawer: !1
     }
-  }, y.options), K = kt(), z = Je(), k = I(null), U = I(null), v = I({}), q = I(null), Q = I("notifications"), V = I(null), J = I(null), $ = I(null), [P, f] = G({ total: 0, unread: 0 }), [O, _] = G(!1), [R, Y] = G(null), Z = g((o) => {
-    if (_(!1), c) {
-      c(o);
+  }, y.options), $ = kt(), z = Je(), S = O(null), U = O(null), w = O({}), W = O(null), G = O("notifications"), q = O(null), ee = O(null), Y = O(null), [P, f] = J({ total: 0, unread: 0 }), [E, R] = J(!1), [H, X] = J(null), Q = x((o) => {
+    if (R(!1), d) {
+      d(o);
       return;
     }
     const N = window.location.pathname;
-    K(o), S.closeDrawerOnNavigate && yt() && !v.current?.getIsCollapsed?.() && v.current?.toggleCollapse?.(), l && l(N, o);
-  }, [c, l, K]), ee = (o) => {
+    $(o), k.closeDrawerOnNavigate && yt() && !w.current?.getIsCollapsed?.() && w.current?.toggleCollapse?.(), l && l(N, o);
+  }, [d, l, $]), Z = (o) => {
     o && window.open(o, "_blank");
-  }, we = {
+  }, ce = {
     system: {
-      mobile: ee,
+      mobile: Z,
       desktop: (o) => {
         typeof window < "u" && o && (window.location.href = o);
       }
     },
     product: {
-      mobile: ee,
-      desktop: ee
+      mobile: Z,
+      desktop: Z
     }
-  }, Ae = g((o) => {
-    const N = z ? "mobile" : "desktop", F = s.enabled_systems.find((T) => T.name === o)?.url;
-    we.system[N](F), b?.onTabClick?.(o);
-  }, [z, s.enabled_systems, b?.onTabClick]), We = g((o) => {
-    const N = z ? "mobile" : "desktop", F = s.company.products?.find((T) => T.name === o)?.domain;
-    we.product[N](F), b?.onTabClick?.(o);
-  }, [z, s.company.products, b?.onTabClick]), ue = g((o, N) => {
+  }, Le = x((o) => {
+    const N = z ? "mobile" : "desktop", _ = n.enabled_systems.find((D) => D.name === o)?.url;
+    ce.system[N](_), b?.onTabClick?.(o);
+  }, [z, n.enabled_systems, b?.onTabClick]), Ae = x((o) => {
+    const N = z ? "mobile" : "desktop", _ = n.company.products?.find((D) => D.name === o)?.domain;
+    ce.product[N](_), b?.onTabClick?.(o);
+  }, [z, n.company.products, b?.onTabClick]), Te = x((o, N) => {
     if (N) {
       N(o), b?.onTabClick?.(o);
       return;
     } else
       b?.onTabClick?.(o);
-  }, [b?.onTabClick]), He = g(() => {
+  }, [b?.onTabClick]), We = x(() => {
     const o = {};
-    s.enabled_systems.forEach((F) => {
-      o[F.url] = F.name;
+    n.enabled_systems.forEach((_) => {
+      o[_.url] = _.name;
     });
     const N = window.location.origin;
-    for (const [F, T] of Object.entries(o))
-      if (N === F)
-        return T;
+    for (const [_, D] of Object.entries(o))
+      if (N === _)
+        return D;
     return "";
-  }, [s.enabled_systems]), Te = b?.currentTabName || He(), Oe = pe(
-    () => s.sessions || [],
-    [s.sessions]
-  ), te = (o) => o == null ? null : typeof o == "string" || typeof o == "number" || typeof o == "boolean" ? String(o) : ke(o) ? o : typeof o == "object" ? JSON.stringify(o) : null, fe = g((o, N) => {
+  }, [n.enabled_systems]), me = b?.currentTabName || We(), He = xe(
+    () => n.sessions || [],
+    [n.sessions]
+  ), pe = (o) => o == null ? null : typeof o == "string" || typeof o == "number" || typeof o == "boolean" ? String(o) : je(o) ? o : typeof o == "object" ? JSON.stringify(o) : null, he = x((o, N) => {
     if (!o) return null;
     if (Array.isArray(o)) {
-      const F = o?.[0] ? Se(N, o[0]) : null, T = o?.[1] ? Se(N, o[1]) : null, ae = te(F), Ve = te(T);
+      const _ = o?.[0] ? Se(N, o[0]) : null, D = o?.[1] ? Se(N, o[1]) : null, se = pe(_), Ve = pe(D);
       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: ae }),
+        /* @__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: se }),
         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: Ve })
@@ -1353,146 +1382,146 @@ const Nt = Me(null), Dr = () => {
       ] });
     }
     if (typeof o == "string") {
-      const F = Se(N, o);
-      return te(F);
+      const _ = Se(N, o);
+      return pe(_);
     }
-    return typeof o == "function" ? te(o(N)) : null;
-  }, []), n = g(
+    return typeof o == "function" ? pe(o(N)) : null;
+  }, []), de = x(
     (o) => {
-      const N = S?.userCardOptions?.secondarySlot;
+      const N = k?.userCardOptions?.secondarySlot;
       if (!N) return null;
-      const F = s.enabled_systems?.find((ae) => ae._id === m), T = { company: s.company, user: s.user, system: F, metadata: o };
-      return fe(N, T);
+      const _ = n.enabled_systems?.find((se) => se._id === m), D = { company: n.company, user: n.user, system: _, metadata: o };
+      return he(N, D);
     },
-    [m, S?.userCardOptions?.secondarySlot, fe, s.company, s.enabled_systems, s.user]
-  ), u = g(
+    [m, k?.userCardOptions?.secondarySlot, he, n.company, n.enabled_systems, n.user]
+  ), Ie = x(
     (o) => {
-      const N = S?.sessionCardOptions?.secondarySlot || S?.userCardOptions?.secondarySlot;
+      const N = k?.sessionCardOptions?.secondarySlot || k?.userCardOptions?.secondarySlot;
       if (!N) return null;
-      const F = s.enabled_systems?.find((ae) => ae._id === m), T = { company: s.company, user: o.auth_id, metadata: o?.metadata, system: F };
-      return fe(N, T);
+      const _ = n.enabled_systems?.find((se) => se._id === m), D = { company: n.company, user: o.auth_id, metadata: o?.metadata, system: _ };
+      return he(N, D);
     },
-    [m, S?.sessionCardOptions?.secondarySlot, S?.userCardOptions?.secondarySlot, fe, s.company, s.enabled_systems]
-  ), w = pe(() => {
+    [m, k?.sessionCardOptions?.secondarySlot, k?.userCardOptions?.secondarySlot, he, n.company, n.enabled_systems]
+  ), s = xe(() => {
     const o = [];
-    return v.current.openNotifications = () => {
-      Q.current = "notifications", v.current.openSidebar?.(), q.current?.setActiveSection("notifications");
-    }, v.current.openHelp = () => {
-      Q.current = "help", v.current.openSidebar?.(), q.current?.setActiveSection("help");
-    }, !S?.notificationsDrawerOptions?.hideActionButton && !S?.notificationsDrawerOptions?.hide && o.push({
+    return w.current.openNotifications = () => {
+      G.current = "notifications", w.current.openSidebar?.(), W.current?.setActiveSection("notifications");
+    }, w.current.openHelp = () => {
+      G.current = "help", w.current.openSidebar?.(), W.current?.setActiveSection("help");
+    }, !k?.notificationsDrawerOptions?.hideActionButton && !k?.notificationsDrawerOptions?.hide && o.push({
       id: "notifications",
       title: "Notificaciones",
       icon: tt,
-      onClick: v.current.openNotifications,
+      onClick: w.current.openNotifications,
       count: P.unread,
       className: "default-action-notifications"
-    }), !S?.helpSectionDrawerOptions?.hideActionButton && r && !S?.helpSectionDrawerOptions?.hide && o.push({
+    }), !k?.helpSectionDrawerOptions?.hideActionButton && r && !k?.helpSectionDrawerOptions?.hide && o.push({
       id: "help",
       title: "Ayuda",
       icon: rt,
-      onClick: v.current.openHelp,
+      onClick: w.current.openHelp,
       className: "default-action-help"
-    }), S?.configurationActionOptions?.onClick && !S?.configurationActionOptions?.hideActionButton && o.push({
+    }), k?.configurationActionOptions?.onClick && !k?.configurationActionOptions?.hideActionButton && o.push({
       id: "configuration",
       title: "Configuracion",
       icon: _t,
-      onClick: S.configurationActionOptions?.onClick,
+      onClick: () => k.configurationActionOptions?.onClick?.(w.current),
       className: "default-action-configuration"
     }), o;
-  }, [S, r, h, P]), E = pe(
-    () => [...w, ...i || []],
-    [w, i]
-  ), H = pe(() => {
-    const o = s.enabled_systems.map((T) => ({
-      name: T.name,
-      thumbnail: T.thumbnail,
-      onClick: Ae,
-      id: T._id
-    })) || [], N = b?.customTabs?.map((T) => ({
-      ...T,
-      onClick: () => ue(T.name, T?.onClick)
-    })) || [], F = s.company.products?.map((T) => ({
-      name: T.name,
-      thumbnail: T.thumbnail,
-      onClick: We
+  }, [k, r, h, P]), c = xe(
+    () => [...s, ...i || []],
+    [s, i]
+  ), v = xe(() => {
+    const o = n.enabled_systems.map((D) => ({
+      name: D.name,
+      thumbnail: D.thumbnail,
+      onClick: Le,
+      id: D._id
+    })) || [], N = b?.customTabs?.map((D) => ({
+      ...D,
+      onClick: () => Te(D.name, D?.onClick)
+    })) || [], _ = n.company.products?.map((D) => ({
+      name: D.name,
+      thumbnail: D.thumbnail,
+      onClick: Ae
     })) || [];
-    return [...o, ...N, ...F];
-  }, [s.enabled_systems, s.company.products, b?.customTabs]), B = g((o, N) => {
-    k.current?.addNewNotification ? k.current.addNewNotification(o, N) : console.warn("Notifications controls not ready yet");
-  }, []), re = g((o) => k.current?.subscribeToUpdates ? k.current.subscribeToUpdates(o) : (console.warn("Notifications controls not ready yet"), () => {
-  }), []), oe = g((o) => {
-    k.current?.removeNotification ? k.current.removeNotification(o) : console.warn("Notifications controls not ready yet");
-  }, []), me = g(() => {
-    k.current?.removeAllNotifications ? k.current.removeAllNotifications() : console.warn("Notifications controls not ready yet");
-  }, []), Ne = g((o) => {
-    k.current?.setNotifications ? k.current.setNotifications(o) : console.warn("Notifications controls not ready yet");
-  }, []), ye = g((o, N) => U.current?.subscribeToScrollTarget ? U.current.subscribeToScrollTarget(o, N) : (console.warn("Scrollable controls not ready yet"), () => {
-  }), []), L = g((o, N = "load_more") => {
-    k.current?.setLoading ? k.current.setLoading(o, N) : console.warn("Notifications controls not ready yet");
-  }, []), X = g((o, N) => {
-    k.current?.setError ? k.current.setError(o, N) : console.warn("Notifications controls not ready yet");
-  }, []), W = g(() => {
-    V.current?.open();
-  }, []), le = g(() => {
-    V.current?.close();
-  }, []), Ie = g(() => {
-    V.current?.toggle();
-  }, []), Ce = g((o, N, 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", N ? "fixed" : "sticky"), children: [
-      !F && /* @__PURE__ */ e.jsx(he, { label: "", icon: /* @__PURE__ */ e.jsx(Fe, {}), onClick: () => _(!1), variant: "text", className: "absolute top-0 right-0", size: "small", color: "secondary" }),
+    return [...o, ...N, ..._];
+  }, [n.enabled_systems, n.company.products, b?.customTabs]), L = x((o, N) => {
+    S.current?.addNewNotification ? S.current.addNewNotification(o, N) : console.warn("Notifications controls not ready yet");
+  }, []), B = x((o) => S.current?.subscribeToUpdates ? S.current.subscribeToUpdates(o) : (console.warn("Notifications controls not ready yet"), () => {
+  }), []), F = x((o) => {
+    S.current?.removeNotification ? S.current.removeNotification(o) : console.warn("Notifications controls not ready yet");
+  }, []), ne = x(() => {
+    S.current?.removeAllNotifications ? S.current.removeAllNotifications() : console.warn("Notifications controls not ready yet");
+  }, []), ae = x((o) => {
+    S.current?.setNotifications ? S.current.setNotifications(o) : console.warn("Notifications controls not ready yet");
+  }, []), be = x((o, N) => U.current?.subscribeToScrollTarget ? U.current.subscribeToScrollTarget(o, N) : (console.warn("Scrollable controls not ready yet"), () => {
+  }), []), ye = x((o, N = "load_more") => {
+    S.current?.setLoading ? S.current.setLoading(o, N) : console.warn("Notifications controls not ready yet");
+  }, []), Ce = x((o, N) => {
+    S.current?.setError ? S.current.setError(o, N) : console.warn("Notifications controls not ready yet");
+  }, []), A = x(() => {
+    q.current?.open();
+  }, []), K = x(() => {
+    q.current?.close();
+  }, []), V = x(() => {
+    q.current?.toggle();
+  }, []), oe = x((o, N, _) => {
+    const D = /* @__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", N ? "fixed" : "sticky"), children: [
+      !_ && /* @__PURE__ */ e.jsx(ge, { label: "", icon: /* @__PURE__ */ e.jsx(Fe, {}), onClick: () => R(!1), variant: "text", className: "absolute top-0 right-0", size: "small", color: "secondary" }),
       typeof o == "function" ? o() : o
     ] });
-    let ae;
-    return N ? ae = $e(T, document.body, `modal-error-${Date.now()}`) : $.current && (ae = $e(T, $.current, `modal-error-${Date.now()}`)), Y(ae), _(!0), T;
-  }, [$]), je = g(() => {
-    _(!1);
+    let se;
+    return N ? se = $e(D, document.body, `modal-error-${Date.now()}`) : Y.current && (se = $e(D, Y.current, `modal-error-${Date.now()}`)), X(se), R(!0), D;
+  }, [Y]), Oe = x(() => {
+    R(!1);
   }, []);
-  return v.current.addNewNotification = B, v.current.subscribeToNotificationsUpdates = re, v.current.removeNotification = oe, v.current.removeAllNotifications = me, v.current.setNotifications = Ne, v.current.setNotificationsError = X, v.current.setNotificationsLoading = L, v.current.subscribeToNotificationsScroll = ye, v.current.showErrorModal = Ce, v.current.closeErrorModal = je, v.current.userCardExpand = W, v.current.userCardCollapse = le, v.current.userCardToggle = Ie, ne(() => {
-    re((o, N) => {
+  return w.current.addNewNotification = L, w.current.subscribeToNotificationsUpdates = B, w.current.removeNotification = F, w.current.removeAllNotifications = ne, w.current.setNotifications = ae, w.current.setNotificationsError = Ce, w.current.setNotificationsLoading = ye, w.current.subscribeToNotificationsScroll = be, w.current.showErrorModal = oe, w.current.closeErrorModal = Oe, w.current.userCardExpand = A, w.current.userCardCollapse = K, w.current.userCardToggle = V, re(() => {
+    B((o, N) => {
       f(N);
     });
-  }, [re]), /* @__PURE__ */ e.jsxs(Nt.Provider, { value: v.current, children: [
-    O && R,
+  }, [B]), /* @__PURE__ */ e.jsxs(Nt.Provider, { value: w.current, children: [
+    E && H,
     /* @__PURE__ */ e.jsxs("div", { className: "flex h-screen", children: [
       /* @__PURE__ */ e.jsx(
         Pt,
         {
           className: "hidden md:flex",
-          tabs: H,
+          tabs: v,
           activeColor: "var(--neutral-900)",
-          currentTabName: Te,
+          currentTabName: me,
           currentSystemId: m,
-          isLoading: !s.enabled_systems || s.enabled_systems.length === 0
+          isLoading: !n.enabled_systems || n.enabled_systems.length === 0
         }
       ),
       /* @__PURE__ */ e.jsx(
-        vt,
+        wt,
         {
           links: a,
-          handleNavigation: Z,
-          allActions: E,
+          handleNavigation: Q,
+          allActions: c,
           activeActionId: p,
           onActionClick: h,
-          state: s,
-          currentAppSessions: Oe,
-          resolveUserSecondarySlot: n,
-          resolveSessionSecondarySlot: u,
-          onSessionClick: x,
-          onLogoutClick: d,
-          options: S,
+          state: n,
+          currentAppSessions: He,
+          resolveUserSecondarySlot: de,
+          resolveSessionSecondarySlot: Ie,
+          onSessionClick: g,
+          onLogoutClick: u,
+          options: k,
           currentSystemId: m,
-          userOptionsControls: V,
-          mobileAppSwitcherControls: J,
+          userOptionsControls: q,
+          mobileAppSwitcherControls: ee,
           onSystemLogoClick: j,
-          tabs: H,
+          tabs: v,
           helpSection: r,
-          sidebarContentRef: q,
-          initialSectionRef: Q,
-          navigationControlsRef: v,
-          notificationsListControls: k,
+          sidebarContentRef: W,
+          initialSectionRef: G,
+          navigationControlsRef: w,
+          notificationsListControls: S,
           scrollableControls: U,
-          outletRef: $,
-          onProfileClick: A,
+          outletRef: Y,
+          onProfileClick: I,
           children: t
         }
       )
@@ -1501,5 +1530,5 @@ const Nt = Me(null), Dr = () => {
 };
 export {
   Ar as default,
-  Dr as u
+  Lr as u
 };