prometeo-design-system 6.3.7 → 6.3.9

package/dist/PyrionLayout.es.js

@@ -1,8 +1,8 @@
 import { j as e } from "./jsx-runtime-GkKLlHH4.js";
 import { u as Tt, g as It } from "./useDevice-vwn4GLwK.js";
-import { c as k } from "./cn-B6yFEsav.js";
-import { g as ye } from "./utils-X4-h3cum.js";
-import je, { forwardRef as de, useState as H, useRef as D, useEffect as V, memo as E, useContext as ze, createContext as Le, useCallback as x, Children as Ot, isValidElement as pe, useMemo as se, useLayoutEffect as De, useImperativeHandle as Te, use as Et } from "react";
+import { c as L } from "./cn-B6yFEsav.js";
+import { g as we } from "./utils-X4-h3cum.js";
+import je, { forwardRef as me, useState as U, useRef as k, useEffect as H, memo as M, useContext as ze, createContext as Ae, useCallback as x, Children as Ot, isValidElement as be, useMemo as ae, useLayoutEffect as Le, useImperativeHandle as Te, use as Et } from "react";
 import { createPortal as Be } from "react-dom";
 import { CloseNavBarDesktop as _t } from "./Icons/CloseNavBarDesktop.es.js";
 import { c as Ie } from "./index-BOQuZ0gG.js";
@@ -11,11 +11,11 @@ import Pt from "./PlainTooltip.es.js";
 import { CrevronLeft as Mt } from "./Icons/CrevronLeft.es.js";
 import { S as Oe, a as Rt } from "./Scrollable-BzvgzSjX.js";
 import { useLocation as Ue } from "react-router";
-import he from "./TicketCard.es.js";
+import xe from "./TicketCard.es.js";
 import We from "./UserCard.es.js";
 import Ee from "./Button.es.js";
 import { Logout as Bt } from "./Icons/Logout.es.js";
-import ce from "./Skeleton.es.js";
+import fe from "./Skeleton.es.js";
 import { u as Ft } from "./useScrollable-Bj79o803.js";
 import Ve from "./IconButton.es.js";
 import { Help as qe } from "./Icons/Help.es.js";
@@ -25,30 +25,30 @@ import Ht from "./Spinner.es.js";
 import { T as Ut, a as Wt } from "./TabLinks-DnoWdrdk.js";
 import { Notifications as $e } from "./Icons/Notifications.es.js";
 import { Settings as Vt } from "./Icons/Settings.es.js";
-const qt = de((t, r) => {
-  const [s, l] = H(t?.currentTabName || t.tabs[0]?.name), d = D(null), { tabs: a = [], className: i, activeColor: h = "var(--neutral-900)", currentSystemId: u, isLoading: f = !1 } = t;
-  V(() => {
-    d.current?.style.setProperty("--tab-bg", h);
+const qt = me((t, r) => {
+  const [s, l] = U(t?.currentTabName || t.tabs[0]?.name), i = k(null), { tabs: a = [], className: c, activeColor: h = "var(--neutral-900)", currentSystemId: u, isLoading: f = !1 } = t;
+  H(() => {
+    i.current?.style.setProperty("--tab-bg", h);
   }, [h]);
-  const c = a.find((m) => m?.id === u || m?.name === t?.currentTabName) || a.find((m) => m?.name === s);
+  const d = a.find((m) => m?.id === u || m?.name === t?.currentTabName) || a.find((m) => m?.name === s);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: r,
-      className: k(
+      className: L(
         "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",
-        i
+        c
       ),
       children: (f ? Array(3).fill(null) : a).map(
         (m, g) => {
           if (f) return /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: k(
+              className: L(
                 "bg-[(--tab-bg)]",
                 "h-12 w-[50px] z-20",
                 "flex items-center pl-[6px] ",
@@ -56,38 +56,38 @@ const qt = de((t, r) => {
                 "tabswitch-element relative",
                 g === 0 && "active"
               ),
-              children: /* @__PURE__ */ e.jsx("div", { className: k(
+              children: /* @__PURE__ */ e.jsx("div", { className: L(
                 "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(fe, { shape: "rounded", className: "w-full h-full" }) })
             }
           );
-          const S = m?.name === c?.name, C = typeof m?.thumbnail == "string" ? /* @__PURE__ */ e.jsx("img", { src: m?.thumbnail, alt: m?.description, className: "aspect-square object-contain rounded", draggable: !1 }) : m?.thumbnail, p = () => {
+          const N = m?.name === d?.name, j = typeof m?.thumbnail == "string" ? /* @__PURE__ */ e.jsx("img", { src: m?.thumbnail, alt: m?.description, className: "aspect-square object-contain rounded", draggable: !1 }) : m?.thumbnail, p = () => {
             m.disabled || (l(m?.name), m.onClick && m.onClick(m?.name));
           };
           return /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: k(
+              className: L(
                 "bg-[(--tab-bg)]",
                 "h-12 w-[50px] z-20",
                 "flex items-center pl-[6px] ",
                 "rounded-l-[8px]",
                 "tabswitch-element relative",
-                S && "active"
+                N && "active"
               ),
               onClick: p,
-              ref: d,
-              children: /* @__PURE__ */ e.jsx("div", { className: k(
+              ref: i,
+              children: /* @__PURE__ */ e.jsx("div", { className: L(
                 "size-8 rounded-[4px]",
                 "grid place-items-center",
                 "tab-thumbnail-icon",
                 "bg-transparent text-neutral-default-default",
                 m?.className
-              ), children: C })
+              ), children: j })
             },
             m?.name
           );
@@ -95,46 +95,46 @@ const qt = de((t, r) => {
       )
     }
   );
-}), Ke = E(de(({ children: t, className: r, context: s, modal: l = !1, closeOnOverlayClick: d = !1, unmountChildrenOnClose: a = !0 }, i) => {
-  const h = be(t, s), u = typeof window < "u" && window.matchMedia("(min-width: 768px)").matches, { isSidebarOpen: f } = $t(), { closeSidebar: c } = oe(), [m, g] = H(() => a ? f : !0), [S, C] = H(!1);
-  return V(() => {
+}), Ke = M(me(({ children: t, className: r, context: s, modal: l = !1, closeOnOverlayClick: i = !1, unmountChildrenOnClose: a = !0 }, c) => {
+  const h = ge(t, s), u = typeof window < "u" && window.matchMedia("(min-width: 768px)").matches, { isSidebarOpen: f } = $t(), { closeSidebar: d } = ce(), [m, g] = U(() => a ? f : !0), [N, j] = U(!1);
+  return H(() => {
     a && s?.subscribeToSidebarOpen((p) => {
-      p ? (C(!1), g(!0)) : C(!0);
+      p ? (j(!1), g(!0)) : j(!0);
     });
-  }, [a]), V(() => {
-    const p = i && typeof i == "object" && "current" in i ? i.current : null;
+  }, [a]), H(() => {
+    const p = c && typeof c == "object" && "current" in c ? c.current : null;
     if (!p) return;
-    const _ = () => {
-      S && (g(!1), C(!1));
+    const I = () => {
+      N && (g(!1), j(!1));
     };
-    return p.addEventListener("transitionend", _), () => p.removeEventListener("transitionend", _);
-  }, [S]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    return p.addEventListener("transitionend", I), () => p.removeEventListener("transitionend", I);
+  }, [N]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     l && u && /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: k("navigation-drawer-sidebar-overlay"),
+        className: L("navigation-drawer-sidebar-overlay"),
         onClick: (p) => {
-          p.preventDefault(), p.stopPropagation(), d && c?.();
+          p.preventDefault(), p.stopPropagation(), i && d?.();
         },
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ e.jsx("div", { ref: i, className: k("sidebar collapsed", "h-full overflow-auto", r), "aria-modal": l || void 0, children: /* @__PURE__ */ e.jsxs("div", { className: k("navigation-drawer-sidebar-inner h-full max-h-full! overflow-hidden!"), children: [
+    /* @__PURE__ */ e.jsx("div", { ref: c, className: L("sidebar collapsed", "h-full overflow-auto", r), "aria-modal": l || void 0, children: /* @__PURE__ */ e.jsxs("div", { className: L("navigation-drawer-sidebar-inner h-full max-h-full! overflow-hidden!"), children: [
       /* @__PURE__ */ e.jsx("div", { className: "secure-click-margin hidden" }),
       m && h
     ] }) })
   ] });
-})), Pe = E(de(({ children: t }, r) => /* @__PURE__ */ e.jsx("div", { ref: r, className: "h-full w-max top-0 left-0 z-50", children: t })));
+})), Pe = M(me(({ children: t }, r) => /* @__PURE__ */ e.jsx("div", { ref: r, className: "h-full w-max top-0 left-0 z-50", children: t })));
 Pe.displayName = "LeftSlot";
-const Je = Le(null), Ge = Le(null), $t = () => {
+const Je = Ae(null), Ge = Ae(null), $t = () => {
   const t = ze(Je);
   if (!t) throw new Error("useDrawerState must be used within NavigationDrawer");
   return t;
-}, oe = () => {
+}, ce = () => {
   const t = ze(Ge);
   if (!t) throw new Error("useDrawerActions must be used within NavigationDrawer");
   return t;
-}, be = (t, r) => typeof t == "function" ? r ? t(r) : null : t, Xe = "navigation-drawer-collapsed", Kt = () => typeof window > "u" || window.matchMedia("(min-width: 768px)").matches ? "desktop" : "mobile", Jt = (t, r) => {
+}, ge = (t, r) => typeof t == "function" ? r ? t(r) : null : t, Xe = "navigation-drawer-collapsed", Kt = () => typeof window > "u" || window.matchMedia("(min-width: 768px)").matches ? "desktop" : "mobile", Jt = (t, r) => {
   if (typeof window > "u") return !1;
   const s = sessionStorage.getItem(Xe), l = r[t];
   return s ? JSON.parse(s) : l;
@@ -148,83 +148,83 @@ const Je = Le(null), Ge = Le(null), $t = () => {
   desktop: !1,
   mobile: !0
 }, Yt = (t) => {
-  const { children: r, classNameDrawer: s, classNameSidebar: l, disableDragOpen: d, modal: a = !0, closeOnOutsideClick: i = !0 } = t, h = D(null), u = D(null), f = D(null), c = t.outletRef ?? D(null), m = D(null), g = D(Jt(Kt(), t.defaultCollapsedState ?? Xt)), S = D(!1), C = D("drawer"), p = D(/* @__PURE__ */ new Set()), _ = D(/* @__PURE__ */ new Set()), j = x((o) => {
+  const { children: r, classNameDrawer: s, classNameSidebar: l, disableDragOpen: i, modal: a = !0, closeOnOutsideClick: c = !0 } = t, h = k(null), u = k(null), f = k(null), d = t.outletRef ?? k(null), m = k(null), g = k(Jt(Kt(), t.defaultCollapsedState ?? Xt)), N = k(!1), j = k("drawer"), p = k(/* @__PURE__ */ new Set()), I = k(/* @__PURE__ */ new Set()), C = x((o) => {
     const w = f.current;
     w && (w.classList.toggle("collapsed", o), w.classList.toggle("expanded", !o));
-  }, []), v = x((o) => {
+  }, []), S = x((o) => {
     const w = m.current;
     if (!w) return;
     w.classList.toggle("collapsed", o), w.classList.toggle("expanded", !o);
-    const I = h.current;
-    I && (I.classList.toggle("sidebar-collapsed", o), I.classList.toggle("sidebar-expanded", !o));
+    const E = h.current;
+    E && (E.classList.toggle("sidebar-collapsed", o), E.classList.toggle("sidebar-expanded", !o));
   }, []), y = x(
     (o, { notify: w = !0 } = {}) => {
-      const I = g.current !== o;
-      g.current = o, Gt(o), j(o), w && I && p.current.forEach((M) => M(o));
+      const E = g.current !== o;
+      g.current = o, Gt(o), C(o), w && E && p.current.forEach((B) => B(o));
     },
-    [j]
-  ), A = x(
+    [C]
+  ), D = x(
     (o, { notify: w = !0 } = {}) => {
-      const I = S.current !== o;
-      if (S.current = o, v(o), w && I) {
-        const M = !o;
-        _.current.forEach((ee) => ee(M));
+      const E = N.current !== o;
+      if (N.current = o, S(o), w && E) {
+        const B = !o;
+        I.current.forEach((re) => re(B));
       }
     },
-    [v]
+    [S]
   ), b = x(
     (o, { notify: w = !0 } = {}) => {
-      const I = C.current, M = I !== o;
-      C.current = o, window.matchMedia("(min-width: 768px)").matches || y(o !== "drawer", { notify: w });
-      const ee = I === "sidebar", te = o === "sidebar";
-      w && M && ee !== te && _.current.forEach((Se) => Se(te)), A(o !== "sidebar", { notify: w }), y(o !== "drawer", { notify: w });
+      const E = j.current, B = E !== o;
+      j.current = o, window.matchMedia("(min-width: 768px)").matches || y(o !== "drawer", { notify: w });
+      const re = E === "sidebar", se = o === "sidebar";
+      w && B && re !== se && I.current.forEach((Se) => Se(se)), D(o !== "sidebar", { notify: w }), y(o !== "drawer", { notify: w });
     },
-    [y, A]
-  ), R = x(() => {
+    [y, D]
+  ), O = x(() => {
     const o = window.matchMedia("(min-width: 768px)").matches, w = !g.current;
     if (o) {
       y(w);
       return;
     }
     b(w ? "outlet" : "drawer");
-  }, [b, y]), z = x((o) => {
+  }, [b, y]), q = x((o) => {
     const w = {
       closeIfMobile: !0,
       closeIfDesktop: !0
-    }, { closeIfMobile: I, closeIfDesktop: M } = { ...w, ...o };
+    }, { closeIfMobile: E, closeIfDesktop: B } = { ...w, ...o };
     if (window.matchMedia("(min-width: 768px)").matches) {
-      M && y(!0);
+      B && y(!0);
       return;
     }
-    if (I) {
+    if (E) {
       b("outlet");
       return;
     }
-  }, [, b, y]), q = x((o) => {
+  }, [, b, y]), F = x((o) => {
     const w = {
       openIfMobile: !0,
       openIfDesktop: !0
-    }, { openIfMobile: I, openIfDesktop: M } = { ...w, ...o };
-    if (window.matchMedia("(min-width: 768px)").matches && M) {
-      M && y(!1);
+    }, { openIfMobile: E, openIfDesktop: B } = { ...w, ...o };
+    if (window.matchMedia("(min-width: 768px)").matches && B) {
+      B && y(!1);
       return;
     }
-    if (I) {
+    if (E) {
       b("drawer");
       return;
     }
-  }, [b, y]), $ = D(null);
-  $.current || ($.current = {
-    toggleCollapse: () => R(),
-    toggleDrawer: () => R(),
-    closeDrawer: (o) => z(o),
-    openDrawer: (o) => q(o),
+  }, [b, y]), ee = k(null);
+  ee.current || (ee.current = {
+    toggleCollapse: () => O(),
+    toggleDrawer: () => O(),
+    closeDrawer: (o) => q(o),
+    openDrawer: (o) => F(o),
     getIsCollapsed: () => {
       if (!window.matchMedia("(min-width: 768px)").matches) {
-        const w = h.current, I = c.current;
-        if (w && I) {
-          const M = w.scrollLeft, ee = I.offsetLeft, te = Math.abs(M - ee) < Math.abs(M);
-          return te !== g.current && (g.current = te, j(te)), te;
+        const w = h.current, E = d.current;
+        if (w && E) {
+          const B = w.scrollLeft, re = E.offsetLeft, se = Math.abs(B - re) < Math.abs(B);
+          return se !== g.current && (g.current = se, C(se)), se;
         }
       }
       return g.current;
@@ -235,7 +235,7 @@ const Je = Le(null), Ge = Le(null), $t = () => {
     openSidebar: () => {
       if (m.current) {
         if (window.matchMedia("(min-width: 768px)").matches) {
-          A(!1);
+          D(!1);
           return;
         }
         b("sidebar");
@@ -243,7 +243,7 @@ const Je = Le(null), Ge = Le(null), $t = () => {
     },
     closeSidebar: (o) => {
       if (window.matchMedia("(min-width: 768px)").matches) {
-        A(!0), o?.();
+        D(!0), o?.();
         return;
       }
       b("outlet"), o?.();
@@ -251,25 +251,25 @@ const Je = Le(null), Ge = Le(null), $t = () => {
     toggleSidebar: (o) => {
       if (!m.current) return;
       if (window.matchMedia("(min-width: 768px)").matches) {
-        A(!S.current);
+        D(!N.current);
         return;
       }
-      const w = C.current === "sidebar" ? "outlet" : "sidebar";
-      b(w), o?.(S.current ? "closed" : "open");
+      const w = j.current === "sidebar" ? "outlet" : "sidebar";
+      b(w), o?.(N.current ? "closed" : "open");
     },
-    getIsSidebarOpen: () => m.current ? window.matchMedia("(min-width: 768px)").matches ? !S.current : C.current === "sidebar" : !1,
-    subscribeToSidebarOpen: (o) => (_.current.add(o), () => {
-      _.current.delete(o);
+    getIsSidebarOpen: () => m.current ? window.matchMedia("(min-width: 768px)").matches ? !N.current : j.current === "sidebar" : !1,
+    subscribeToSidebarOpen: (o) => (I.current.add(o), () => {
+      I.current.delete(o);
     }),
     setDrawerDragEnabled: (o) => {
       const w = h.current;
       if (!w) return;
-      const I = w.scrollLeft;
+      const E = w.scrollLeft;
       if (o) {
-        const M = w.style.scrollBehavior;
+        const B = w.style.scrollBehavior;
         w.style.scrollBehavior = "auto", w.classList.remove("disabled-dragopen"), requestAnimationFrame(() => {
-          w.scrollLeft = I, requestAnimationFrame(() => {
-            w.style.scrollBehavior = M;
+          w.scrollLeft = E, requestAnimationFrame(() => {
+            w.style.scrollBehavior = B;
           });
         });
       } else
@@ -279,104 +279,104 @@ const Je = Le(null), Ge = Le(null), $t = () => {
       const w = h.current;
       if (w)
         if (o) {
-          const I = w.scrollLeft, M = w.style.scrollBehavior;
+          const E = w.scrollLeft, B = w.style.scrollBehavior;
           w.style.scrollBehavior = "auto", w.classList.remove("disabled-dragopen-sidebar"), requestAnimationFrame(() => {
-            w.scrollLeft = I, requestAnimationFrame(() => {
-              w.style.scrollBehavior = M;
+            w.scrollLeft = E, requestAnimationFrame(() => {
+              w.style.scrollBehavior = B;
             });
           });
         } else
           w.classList.add("disabled-dragopen-sidebar");
     }
   });
-  const U = $.current, J = typeof r == "function" ? r(U) : r, F = Ot.toArray(J);
-  let P = null, W = null, Y = null;
-  const Q = [];
-  let K = null, L = null, B = null;
-  F.forEach((o) => {
-    if (!pe(o)) {
-      Q.push(o);
+  const V = ee.current, K = typeof r == "function" ? r(V) : r, R = Ot.toArray(K);
+  let P = null, z = null, J = null;
+  const G = [];
+  let X = null, ne = null, $ = null;
+  R.forEach((o) => {
+    if (!be(o)) {
+      G.push(o);
       return;
     }
     if (o.type === Me && !P) {
       P = o;
       return;
     }
-    if (o.type === we && !W) {
-      W = o;
+    if (o.type === ve && !z) {
+      z = o;
       return;
     }
-    if (o.type === ve && !Y) {
-      Y = o;
+    if (o.type === Ne && !J) {
+      J = o;
       return;
     }
-    if (o.type === Ae && !K) {
-      K = o;
+    if (o.type === De && !X) {
+      X = o;
       return;
     }
-    if (o.type === Ke && !L) {
-      L = o;
+    if (o.type === Ke && !ne) {
+      ne = o;
       return;
     }
-    if (o.type === Pe && !B) {
-      B = o;
+    if (o.type === Pe && !$) {
+      $ = o;
       return;
     }
-    Q.push(o);
+    G.push(o);
   });
-  const re = !!W, ae = W ?? (Q.length ? /* @__PURE__ */ e.jsx(we, { children: Q }) : null), le = re ? Q : [], Z = K ?? (!!K ? /* @__PURE__ */ e.jsx(Ae, { children: J, context: U, modal: a, closeOnOutsideClick: i }) : null), xe = Y ?? (!!Y ? /* @__PURE__ */ e.jsx(ve, { children: Y }) : null), Ne = !!L, ne = L, me = !!B, ie = se(() => ({
+  const pe = !!z, de = z ?? (G.length ? /* @__PURE__ */ e.jsx(ve, { children: G }) : null), le = pe ? G : [], W = X ?? (!!X ? /* @__PURE__ */ e.jsx(De, { children: K, context: V, modal: a, closeOnOutsideClick: c }) : null), ue = J ?? (!!J ? /* @__PURE__ */ e.jsx(Ne, { children: J }) : null), he = !!ne, te = ne, ie = !!$, oe = ae(() => ({
     isCollapsed: g.current,
-    isSidebarOpen: !S.current
-  }), [g.current, S.current]);
-  return De(() => {
+    isSidebarOpen: !N.current
+  }), [g.current, N.current]);
+  return Le(() => {
     u.current && f.current?.style.setProperty("--left-slot-width", `${u.current?.offsetWidth}px`);
-  }, [u.current]), De(() => {
+  }, [u.current]), Le(() => {
     const o = f.current;
     if (!o) return;
     const w = o.style.transition;
     o.style.transition = "none";
-    const I = g.current;
-    o.className = o.className.replace(/\b(collapsed|expanded|has-left-slot)\b/g, "").trim(), o.classList.add(I ? "collapsed" : "expanded"), me && o.classList.add("has-left-slot"), o.style.transition = w;
-  }, [me]), /* @__PURE__ */ e.jsx(Je.Provider, { value: ie, children: /* @__PURE__ */ e.jsx(Ge.Provider, { value: U, children: /* @__PURE__ */ e.jsxs("div", { id: "navigation-drawer-container", ref: h, className: k(
+    const E = g.current;
+    o.className = o.className.replace(/\b(collapsed|expanded|has-left-slot)\b/g, "").trim(), o.classList.add(E ? "collapsed" : "expanded"), ie && o.classList.add("has-left-slot"), o.style.transition = w;
+  }, [ie]), /* @__PURE__ */ e.jsx(Je.Provider, { value: oe, children: /* @__PURE__ */ e.jsx(Ge.Provider, { value: V, children: /* @__PURE__ */ e.jsxs("div", { id: "navigation-drawer-container", ref: h, className: L(
     "w-full h-full max-h-dvh overflow-y-hidden",
-    Ne ? "navigation-drawer-with-sidebar" : "navigation-drawer",
-    d?.drawer ? "disabled-dragopen" : "",
-    d?.sidebar ? "disabled-dragopen-sidebar" : ""
+    he ? "navigation-drawer-with-sidebar" : "navigation-drawer",
+    i?.drawer ? "disabled-dragopen" : "",
+    i?.sidebar ? "disabled-dragopen-sidebar" : ""
   ), children: [
     /* @__PURE__ */ e.jsxs(
       "div",
       {
         ref: f,
-        className: k(
+        className: L(
           "bg-neutral-default-default border-r border-neutral-strong-default h-dvh md:h-screen p-0 overflow-hidden drawer flex gap-0",
           g.current ? "collapsed" : "expanded",
-          me ? "has-left-slot" : "",
+          ie ? "has-left-slot" : "",
           s
         ),
         children: [
-          B && pe(B) ? je.cloneElement(B, { ref: u }) : B,
+          $ && be($) ? je.cloneElement($, { ref: u }) : $,
           /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col flex-1 gap-4 p-4 overflow-hidden", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ e.jsx(Ye, { onToggleCollapse: R }),
+              /* @__PURE__ */ e.jsx(Ye, { onToggleCollapse: O }),
               P
             ] }),
             /* @__PURE__ */ e.jsxs("div", { className: "flex flex-1 overflow-hidden relative flex-col", children: [
               le,
-              ae
+              de
             ] }),
-            xe
+            ue
           ] })
         ]
       }
     ),
-    Z && pe(Z) ? je.cloneElement(Z, { ref: c, modal: a, closeOnOutsideClick: i }) : Z,
-    ne && pe(ne) ? je.cloneElement(ne, {
+    W && be(W) ? je.cloneElement(W, { ref: d, modal: a, closeOnOutsideClick: c }) : W,
+    te && be(te) ? je.cloneElement(te, {
       ref: m,
-      className: k("sidebar", ne.props?.className, l),
-      context: U
-    }) : ne
+      className: L("sidebar", te.props?.className, l),
+      context: V
+    }) : te
   ] }) }) });
-}, Fe = E(Yt), Ye = E(({ onToggleCollapse: t }) => /* @__PURE__ */ e.jsx(
+}, Fe = M(Yt), Ye = M(({ onToggleCollapse: t }) => /* @__PURE__ */ e.jsx(
   "button",
   {
     type: "button",
@@ -386,42 +386,42 @@ const Je = Le(null), Ge = Le(null), $t = () => {
   }
 ), (t, r) => t.onToggleCollapse === r.onToggleCollapse);
 Ye.displayName = "NavigationDrawerCollapseButton";
-const Me = E(({ children: t, className: r, context: s }) => {
-  const l = be(t, s);
-  return /* @__PURE__ */ e.jsx("div", { className: k("flex items-center justify-between", r), children: l });
+const Me = M(({ children: t, className: r, context: s }) => {
+  const l = ge(t, s);
+  return /* @__PURE__ */ e.jsx("div", { className: L("flex items-center justify-between", r), children: l });
 });
 Me.displayName = "NavigationDrawerHeader";
-const we = E(({ children: t, className: r, context: s, ...l }) => {
-  const d = be(t, s);
-  return /* @__PURE__ */ e.jsx("div", { ...l, className: k("w-full flex-1 drawer-content select-none", r), children: d });
+const ve = M(({ children: t, className: r, context: s, ...l }) => {
+  const i = ge(t, s);
+  return /* @__PURE__ */ e.jsx("div", { ...l, className: L("w-full flex-1 drawer-content select-none", r), children: i });
 });
-we.displayName = "NavigationDrawerContent";
-const ve = E(({ children: t, className: r, context: s }) => {
-  const l = be(t, s);
-  return /* @__PURE__ */ e.jsx("div", { className: k("flex items-center justify-between", r), children: l });
+ve.displayName = "NavigationDrawerContent";
+const Ne = M(({ children: t, className: r, context: s }) => {
+  const l = ge(t, s);
+  return /* @__PURE__ */ e.jsx("div", { className: L("flex items-center justify-between", r), children: l });
 });
-ve.displayName = "NavigationDrawerFooter";
-const Qe = E(({ className: t }) => /* @__PURE__ */ e.jsx("div", { className: k("w-full border-t border-neutral-strong-default ", t) }));
+Ne.displayName = "NavigationDrawerFooter";
+const Qe = M(({ className: t }) => /* @__PURE__ */ e.jsx("div", { className: L("w-full border-t border-neutral-strong-default ", t) }));
 Qe.displayName = "NavigationDrawerSpacer";
-const Ae = E(de(({ children: t, className: r, context: s, modal: l, closeOnOutsideClick: d }, a) => {
-  const i = be(t, s), h = oe(), u = () => {
-    d && (h.closeDrawer(), h.closeSidebar());
+const De = M(me(({ children: t, className: r, context: s, modal: l, closeOnOutsideClick: i }, a) => {
+  const c = ge(t, s), h = ce(), u = () => {
+    i && (h.closeDrawer(), h.closeSidebar());
   };
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { id: "navigation-drawer-outlet", ref: a, className: k("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: a, className: L("flex-1 overflow-auto relative h-full max-h-dvh", r), children: [
     l && /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer-backdrop select-none", onClick: u }),
-    i
+    c
   ] }) });
-}), (t, r) => t.children === r.children && t.className === r.className), X = Object.assign(Fe, {
+}), (t, r) => t.children === r.children && t.className === r.className), Z = Object.assign(Fe, {
   Root: Fe,
   Header: Me,
-  Content: we,
-  Footer: ve,
+  Content: ve,
+  Footer: Ne,
   Spacer: Qe,
-  Outlet: Ae,
+  Outlet: De,
   Sidebar: Ke,
   LeftSlot: Pe
 });
-X.displayName = "NavigationDrawer";
+Z.displayName = "NavigationDrawer";
 const Qt = "hover:bg-neutral-medium-hover", Zt = Ie("", {
   variants: {
     isSelected: {
@@ -434,7 +434,7 @@ const Qt = "hover:bg-neutral-medium-hover", Zt = Ie("", {
     }
   }
 }), er = Ie(
-  k(
+  L(
     "select-none line-clamp-1 min-w-max",
     "prometeo-fonts-label-large transition-colors duration-300 ease-out"
   ),
@@ -457,7 +457,7 @@ const Qt = "hover:bg-neutral-medium-hover", Zt = Ie("", {
     ]
   }
 ), ke = Ie(
-  k(
+  L(
     "transition-colors duration-300 ease-out min-w-max"
   ),
   {
@@ -483,30 +483,30 @@ const Qt = "hover:bg-neutral-medium-hover", Zt = Ie("", {
     title: r,
     icon: s,
     count: l,
-    className: d,
+    className: i,
     isSelected: a = !1,
-    hasSublinks: i,
+    hasSublinks: c,
     subLinksCollapsed: h,
     onToggleSublinks: u,
     as: f = "div",
-    onClick: c,
+    onClick: d,
     onAuxClick: m,
     disabled: g = !1,
-    tooltipText: S,
-    selectorCss: C
+    tooltipText: N,
+    selectorCss: j
   } = t, p = (y) => {
-    g || c?.(y);
-  }, _ = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    g || d?.(y);
+  }, I = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-center flex-nowrap", children: [
-      s && (S ? /* @__PURE__ */ e.jsx(Pt, { title: S, disabled: g, children: /* @__PURE__ */ e.jsx(s, { size: 24, className: ke({ disabled: g, isSelected: a }) }) }) : /* @__PURE__ */ e.jsx(s, { size: 24, className: ke({ disabled: g, isSelected: a }) })),
+      s && (N ? /* @__PURE__ */ e.jsx(Pt, { title: N, disabled: g, children: /* @__PURE__ */ e.jsx(s, { size: 24, className: ke({ disabled: g, isSelected: a }) }) }) : /* @__PURE__ */ e.jsx(s, { size: 24, className: ke({ disabled: g, isSelected: a }) })),
       /* @__PURE__ */ e.jsx("label", { className: er({ disabled: g, isSelected: a }), children: r })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1 items-center", children: [
       l && l ? /* @__PURE__ */ e.jsx(He, { count: l, maxCount: 99, className: "badge", disabled: g }) : "",
-      i && /* @__PURE__ */ e.jsx(
+      c && /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: k(
+          className: L(
             "sublinks-toggle",
             "transition-all duration-200",
             "rounded-full relative grid place-items-center size-6",
@@ -519,47 +519,47 @@ const Qt = "hover:bg-neutral-medium-hover", Zt = Ie("", {
               disabled: g,
               type: "button",
               onClick: u,
-              className: k("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", ke({ disabled: g, isSelected: a }), g && "pointer-events-none"),
+              className: L("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", ke({ disabled: g, isSelected: a }), g && "pointer-events-none"),
               children: /* @__PURE__ */ e.jsx(Mt, {})
             }
           )
         }
       )
     ] })
-  ] }), j = k(
+  ] }), C = L(
     "group navitem",
     "h-12 flex-1 flex items-center p-3 rounded-lg justify-between w-full",
     "transition-all duration-300",
     Qt,
     Zt({ isSelected: a, disabled: g }),
-    d
+    i
   );
   if (f === "a") {
     const y = {
       onClick: p,
       onAuxClick: m,
-      className: j
+      className: C
     };
-    return /* @__PURE__ */ e.jsx("a", { ...y, children: _ });
+    return /* @__PURE__ */ e.jsx("a", { ...y, children: I });
   }
   if (f === "button") {
     const y = {
       onClick: p,
       type: "button",
-      className: j,
-      id: C
+      className: C,
+      id: j
     };
-    return /* @__PURE__ */ e.jsx("button", { ...y, children: _ });
+    return /* @__PURE__ */ e.jsx("button", { ...y, children: I });
   }
-  const v = {
+  const S = {
     onClick: p,
-    className: j
+    className: C
   };
-  return /* @__PURE__ */ e.jsx("div", { ...v, children: _ });
-}, Re = E(tr);
+  return /* @__PURE__ */ e.jsx("div", { ...S, children: I });
+}, Re = M(tr);
 Re.displayName = "NavigationDrawerItemBase";
 const rr = (t) => {
-  const { title: r, icon: s, count: l, className: d, isActive: a, onClick: i, isView: h = !0, disabled: u, tooltipText: f, selectorCss: c } = t;
+  const { title: r, icon: s, count: l, className: i, isActive: a, onClick: c, isView: h = !0, disabled: u, tooltipText: f, selectorCss: d } = t;
   return h ? /* @__PURE__ */ e.jsx(
     Re,
     {
@@ -567,156 +567,156 @@ const rr = (t) => {
       title: r,
       icon: s,
       count: l,
-      className: d,
+      className: i,
       isSelected: a,
-      onClick: i,
+      onClick: c,
       disabled: u,
       tooltipText: f,
-      selectorCss: c
+      selectorCss: d
     }
   ) : null;
-}, Ze = E(rr);
+}, Ze = M(rr);
 Ze.displayName = "NavigationDrawerActionItem";
-const sr = ({ actions: t, activeActionId: r, onActionClick: s, className: l }) => /* @__PURE__ */ e.jsx(Oe, { className: k("flex flex-col w-full ", l), contentClassName: "space-y-2", scrollbarProps: { hide: !0 }, indicators: {
+const sr = ({ actions: t, activeActionId: r, onActionClick: s, className: l }) => /* @__PURE__ */ e.jsx(Oe, { className: L("flex flex-col w-full ", l), contentClassName: "space-y-2", scrollbarProps: { hide: !0 }, indicators: {
   top: { type: "shadow", behavior: "scroll-on-hover", show: !0 },
   bottom: { type: "shadow", behavior: "scroll-on-hover", show: !0 }
-}, children: t?.map((d) => {
-  const { id: a, onClick: i, isView: h = !0, payload: u, ...f } = d, c = a === r, m = () => {
-    s?.(a, u), i?.();
+}, children: t?.map((i) => {
+  const { id: a, onClick: c, isView: h = !0, payload: u, ...f } = i, d = a === r, m = () => {
+    s?.(a, u), c?.();
   };
   return h ? /* @__PURE__ */ e.jsx(
     Ze,
     {
       ...f,
       id: a,
-      isActive: c,
+      isActive: d,
       onClick: m
     },
     a
   ) : null;
-}) }), et = E(sr);
+}) }), et = M(sr);
 et.displayName = "NavigationDrawerActions";
 const nr = (t) => {
-  const { className: r, title: s, path: l, onClick: d, isSelected: a, parentPath: i } = t, { pathname: h } = Ue(), u = x(() => {
-    d?.(l);
+  const { className: r, title: s, path: l, onClick: i, isSelected: a, parentPath: c } = t, { pathname: h } = Ue(), u = x(() => {
+    i?.(l);
   }, [l]), f = x(() => {
     if (l.startsWith("./")) {
-      if (!i) return;
-      const m = i + l.slice(2);
+      if (!c) return;
+      const m = c + l.slice(2);
       window.open(m, "_blank");
     } else
       window.open(l, "_blank");
-  }, [l]), c = a || l === h;
+  }, [l]), d = a || l === h;
   return /* @__PURE__ */ e.jsx(
     "a",
     {
       onClick: u,
       onAuxClick: f,
-      className: k(
+      className: L(
         "group",
         "transition-all duration-300 ease-in-out cursor-pointer",
         "h-10 w-full rounded-lg py-[11px] px-3",
         "hover:bg-neutral-medium-hover",
-        c && "bg-neutral-medium-selected hover:bg-neutral-medium-hover active:bg-transparent focus:bg-transparent",
+        d && "bg-neutral-medium-selected hover:bg-neutral-medium-hover active:bg-transparent focus:bg-transparent",
         r
       ),
-      children: /* @__PURE__ */ e.jsx("p", { className: k(
+      children: /* @__PURE__ */ e.jsx("p", { className: L(
         "prometeo-fonts-label-large text-neutral-medium-default",
         "group-active:text-neutral-default-focused group-focus:text-neutral-default-focused",
-        c && "text-primary-default-default group-hover:text-primary-default-hover group-focus:text-primary-default-focused group-active:text-primary-default-focused"
+        d && "text-primary-default-default group-hover:text-primary-default-hover group-focus:text-primary-default-focused group-active:text-primary-default-focused"
       ), children: s })
     }
   );
-}, tt = E(nr);
+}, tt = M(nr);
 tt.displayName = "NavItemSecondary";
-const or = de((t, r) => {
-  const [s, l] = H(!0), d = D(null), { path: a, title: i, icon: h, count: u, className: f, isSelected: c = !1, onClick: m, sublinks: g, toggleCollapse: S, getIsCollapsed: C, subscribeToCollapse: p, isView: _ = !0, disabled: j, tooltipText: v, selectorCss: y } = t;
-  V(() => p ? p((P) => {
+const or = me((t, r) => {
+  const [s, l] = U(!0), i = k(null), { path: a, title: c, icon: h, count: u, className: f, isSelected: d = !1, onClick: m, sublinks: g, toggleCollapse: N, getIsCollapsed: j, subscribeToCollapse: p, isView: I = !0, disabled: C, tooltipText: S, selectorCss: y } = t;
+  H(() => p ? p((P) => {
     P && l(!0);
   }) : void 0, [p]);
-  const A = x(() => {
-    l((F) => !F);
-  }, []), b = x((F) => {
-    l(F);
-  }, []), R = {
-    toggle: A,
+  const D = x(() => {
+    l((R) => !R);
+  }, []), b = x((R) => {
+    l(R);
+  }, []), O = {
+    toggle: D,
     setIsCollapsed: b,
     get isCollapsed() {
       return s;
     },
     get isDrawerCollapsed() {
-      return C?.() ?? !1;
+      return j?.() ?? !1;
     },
-    toggleDrawerCollapse: S,
+    toggleDrawerCollapse: N,
     subscribeToCollapse: p
   };
-  Te(r, () => R, [R, s, C, S]);
-  const z = h, q = x(() => {
-    const F = C?.() ?? !1;
-    if (g && g.length > 0 && F) {
-      b(!1), S?.();
+  Te(r, () => O, [O, s, j, N]);
+  const q = h, F = x(() => {
+    const R = j?.() ?? !1;
+    if (g && g.length > 0 && R) {
+      b(!1), N?.();
       return;
     }
     m?.(a);
-  }, [a, m, g, S, b, C]), $ = x(() => {
+  }, [a, m, g, N, b, j]), ee = x(() => {
     window.open(a, "_blank");
-  }, [a]), U = () => {
-    if (!g || j) return null;
+  }, [a]), V = () => {
+    if (!g || C) return null;
     if (t.subLinksRender && g)
-      return t.subLinksRender(g, R);
-    const F = x((P) => {
+      return t.subLinksRender(g, O);
+    const R = x((P) => {
       if (P.startsWith("./")) {
-        const W = a + P.slice(2);
-        m?.(W);
+        const z = a + P.slice(2);
+        m?.(z);
       } else
         m?.(P);
     }, [a]);
-    return V(() => {
-      const P = d.current;
+    return H(() => {
+      const P = i.current;
       if (!P) return;
-      const W = P.scrollHeight;
-      P.style.setProperty("--sublinks-max-height", `${W}px`);
-    }, []), /* @__PURE__ */ e.jsx("div", { ref: d, className: `sublinks flex flex-col gap-1 ml-8 ${s ? "collapsed" : "expanded"}`, children: g.map((P) => /* @__PURE__ */ e.jsx(tt, { ...P, onClick: F, parentPath: a }, `${P.title}-${P.path}`)) });
-  }, J = (F) => {
-    F.stopPropagation(), F.preventDefault(), A();
+      const z = P.scrollHeight;
+      P.style.setProperty("--sublinks-max-height", `${z}px`);
+    }, []), /* @__PURE__ */ e.jsx("div", { ref: i, className: `sublinks flex flex-col gap-1 ml-8 ${s ? "collapsed" : "expanded"}`, children: g.map((P) => /* @__PURE__ */ e.jsx(tt, { ...P, onClick: R, parentPath: a }, `${P.title}-${P.path}`)) });
+  }, K = (R) => {
+    R.stopPropagation(), R.preventDefault(), D();
   };
-  return _ ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 ", id: y, children: [
+  return I ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 ", id: y, children: [
     /* @__PURE__ */ e.jsx(
       Re,
       {
         as: "a",
-        title: i,
-        icon: z,
+        title: c,
+        icon: q,
         count: u,
         className: f,
-        isSelected: c,
+        isSelected: d,
         hasSublinks: !!g,
         subLinksCollapsed: s,
-        onToggleSublinks: J,
-        onClick: q,
-        onAuxClick: $,
-        disabled: j,
-        tooltipText: v
+        onToggleSublinks: K,
+        onClick: F,
+        onAuxClick: ee,
+        disabled: C,
+        tooltipText: S
       }
     ),
-    U()
+    V()
   ] }) : null;
-}), rt = E(or);
+}), rt = M(or);
 rt.displayName = "NavigationDrawerLinkItem";
-const ar = ({ navlinks: t, handleNavigation: r, className: s, getIsCollapsed: l, toggleCollapse: d, subscribeToCollapse: a }) => {
-  const { pathname: i } = Ue();
-  return /* @__PURE__ */ e.jsx(Oe, { className: k("flex flex-col w-full", s), contentClassName: "space-y-2", axis: "y", scrollbarProps: { hide: !0 }, indicators: {
+const ar = ({ navlinks: t, handleNavigation: r, className: s, getIsCollapsed: l, toggleCollapse: i, subscribeToCollapse: a }) => {
+  const { pathname: c } = Ue();
+  return /* @__PURE__ */ e.jsx(Oe, { className: L("flex flex-col w-full", s), contentClassName: "space-y-2", axis: "y", scrollbarProps: { hide: !0 }, indicators: {
     top: { type: "shadow", behavior: "scroll-on-hover", show: !0 },
     bottom: { type: "shadow", behavior: "scroll-on-hover", show: !0 }
   }, children: t?.map((h, u) => {
-    const f = h.isSelected || h.path === i || (h.relatedPaths?.some((c) => i.startsWith(c)) ?? !1) || (h.sublinks?.some((c) => c.path === i) ?? !1);
+    const f = h.isSelected || h.path === c || (h.relatedPaths?.some((d) => c.startsWith(d)) ?? !1) || (h.sublinks?.some((d) => d.path === c) ?? !1);
     return /* @__PURE__ */ e.jsx(
       rt,
       {
         ...h,
         isSelected: f,
         onClick: r,
-        toggleCollapse: d,
+        toggleCollapse: i,
         getIsCollapsed: l,
         subscribeToCollapse: a,
         disabled: h.disabled,
@@ -726,19 +726,19 @@ const ar = ({ navlinks: t, handleNavigation: r, className: s, getIsCollapsed: l,
       u
     );
   }) });
-}, st = E(ar);
+}, st = M(ar);
 st.displayName = "NavigationDrawerNavlinks";
-const nt = E(({ navlinks: t, handleNavigation: r, allActions: s, activeActionId: l, initialSectionRef: d, navigationControlsRef: a, onActionClick: i }) => {
-  const { getIsCollapsed: h, toggleCollapse: u, subscribeToCollapse: f, subscribeToSidebarOpen: c, getIsSidebarOpen: m } = oe(), [g, S] = H(() => m?.() ?? !1), [C, p] = H(() => d?.current ?? "notifications");
-  V(() => {
-    const v = c?.(S), y = a?.current?.subscribeToSection?.(p);
+const nt = M(({ navlinks: t, handleNavigation: r, allActions: s, activeActionId: l, initialSectionRef: i, navigationControlsRef: a, onActionClick: c }) => {
+  const { getIsCollapsed: h, toggleCollapse: u, subscribeToCollapse: f, subscribeToSidebarOpen: d, getIsSidebarOpen: m } = ce(), [g, N] = U(() => m?.() ?? !1), [j, p] = U(() => i?.current ?? "notifications");
+  H(() => {
+    const S = d?.(N), y = a?.current?.subscribeToSection?.(p);
     return () => {
-      v?.(), y?.();
+      S?.(), y?.();
     };
-  }, [c, a]);
-  const j = g && (C === "notifications" || C === "help") ? C : l;
+  }, [d, a]);
+  const C = g && (j === "notifications" || j === "help") ? j : l;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(X.Spacer, { className: "pb-3" }),
+    /* @__PURE__ */ e.jsx(Z.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(
         st,
@@ -755,8 +755,8 @@ const nt = E(({ navlinks: t, handleNavigation: r, allActions: s, activeActionId:
         et,
         {
           actions: s,
-          activeActionId: j,
-          onActionClick: i,
+          activeActionId: C,
+          onActionClick: c,
           className: "max-h-[30dvh]"
         }
       )
@@ -765,27 +765,27 @@ const nt = E(({ 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.initialSectionRef === r.initialSectionRef && t.navigationControlsRef === r.navigationControlsRef && t.onActionClick === r.onActionClick);
 nt.displayName = "PyrionLayout.Content";
 const lr = (t) => {
-  const { sessions: r, onSessionClick: s, secondarySlot: l, subImageUrlAccessor: d } = t;
+  const { sessions: r, onSessionClick: s, secondarySlot: l, subImageUrlAccessor: i } = t;
   if (!r || r.length === 0)
     return null;
   const a = (u, f) => {
     s && f && s(u, f);
-  }, i = (u) => {
-    if (!d)
+  }, c = (u) => {
+    if (!i)
       return;
-    const f = ye({ session: u }, d);
+    const f = we({ session: u }, i);
     if (f != null)
       return typeof f == "string" ? f : String(f);
   }, h = x((u) => typeof l == "function" ? l(u) : l, [l]);
   return /* @__PURE__ */ e.jsx("div", { className: "w-full h-full flex flex-col gap-2", children: r?.map((u) => {
     const { auth_id: f } = u;
-    return /* @__PURE__ */ e.jsx(he, { className: " shrink-0 h-max", children: /* @__PURE__ */ e.jsx(he.Content, { onClick: () => a(u, t.userOptionsControls), className: "p-0 group-data-[expanded=true]/ticketcard:border-none", children: /* @__PURE__ */ e.jsx(
+    return /* @__PURE__ */ e.jsx(xe, { className: " shrink-0 h-max", children: /* @__PURE__ */ e.jsx(xe.Content, { onClick: () => a(u, t.userOptionsControls), className: "p-0 group-data-[expanded=true]/ticketcard:border-none", children: /* @__PURE__ */ e.jsx(
       We,
       {
         name: f.name,
         avatarSize: "xxs",
         secondarySlot: h(u),
-        subImageUrl: i(u),
+        subImageUrl: c(u),
         imageUrl: f.profile_picture,
         className: "pyrion-navigation-drawer-user-card"
       },
@@ -797,24 +797,24 @@ const lr = (t) => {
   currentAppSessions: r,
   resolveUserSecondarySlot: s,
   resolveSessionSecondarySlot: l,
-  onSessionClick: d,
+  onSessionClick: i,
   onLogoutClick: a,
-  onProfileClick: i,
+  onProfileClick: c,
   options: h,
   currentSystemId: u,
   userOptionsControls: f,
-  mobileAppSwitcherControls: c
+  mobileAppSwitcherControls: d
 }) => {
-  const { getIsCollapsed: m, toggleCollapse: g, subscribeToCollapse: S } = oe(), C = x(() => {
+  const { getIsCollapsed: m, toggleCollapse: g, subscribeToCollapse: N } = ce(), j = x(() => {
     const p = m();
-    p ? (g(), f.current?.open()) : i?.(p);
-  }, [m, g, f, i]);
-  return V(() => S((p) => {
-    p && (f.current?.close(), c.current?.close());
-  }), [S, f, c]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(X.Spacer, { className: "mb-3" }),
-    /* @__PURE__ */ e.jsxs(he, { className: "", controls: f, children: [
-      /* @__PURE__ */ e.jsx(he.Content, { onClick: C, className: "max-h-[60px] min-h-[60px] h-[60px] max-w-[70vw] w-[min(285px,70vw)] flex items-center", children: /* @__PURE__ */ e.jsx(
+    p ? (g(), f.current?.open()) : c?.(p);
+  }, [m, g, f, c]);
+  return H(() => N((p) => {
+    p && (f.current?.close(), d.current?.close());
+  }), [N, f, d]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(Z.Spacer, { className: "mb-3" }),
+    /* @__PURE__ */ e.jsxs(xe, { className: "", controls: f, children: [
+      /* @__PURE__ */ e.jsx(xe.Content, { onClick: j, className: "max-h-[60px] min-h-[60px] h-[60px] max-w-[70vw] w-[min(285px,70vw)] flex items-center", children: /* @__PURE__ */ e.jsx(
         We,
         {
           className: "pyrion-navigation-drawer-user-card p-0",
@@ -826,7 +826,7 @@ const lr = (t) => {
           isLoading: !t.user
         }
       ) }),
-      /* @__PURE__ */ e.jsxs(he.Options, { className: "min-h-max flex flex-col gap-3 pl-3 mt-3 pt-2", children: [
+      /* @__PURE__ */ e.jsxs(xe.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(
@@ -843,7 +843,7 @@ const lr = (t) => {
                 lr,
                 {
                   sessions: r,
-                  onSessionClick: d,
+                  onSessionClick: i,
                   secondarySlot: l,
                   subImageUrlAccessor: h?.sessionCardOptions?.subImageUrlAccessor,
                   currentSystemId: u,
@@ -873,59 +873,59 @@ const lr = (t) => {
       ] })
     ] })
   ] });
-}, ot = E(ir, (t, r) => {
+}, ot = M(ir, (t, r) => {
   const s = Object.keys(t), l = Object.keys(r);
   if (s.length !== l.length)
     return !1;
-  for (const d of s) {
-    if (!Object.prototype.hasOwnProperty.call(r, d))
+  for (const i of s) {
+    if (!Object.prototype.hasOwnProperty.call(r, i))
       return !1;
-    const a = t[d], i = r[d];
-    if (a !== i)
+    const a = t[i], c = r[i];
+    if (a !== c)
       return !1;
   }
   return t.currentAppSessions !== r.currentAppSessions || t.options !== r.options || t.currentSystemId !== r.currentSystemId || t.userOptionsControls !== r.userOptionsControls || t.mobileAppSwitcherControls !== r.mobileAppSwitcherControls;
 });
 ot.displayName = "PyrionNavigationDrawer.Footer";
-const at = E(({ enabled_systems: t, onClick: r, currentSystemId: s }) => {
+const at = M(({ enabled_systems: t, onClick: r, currentSystemId: s }) => {
   const l = x(() => {
     if (t) {
       if (s) {
         const h = t.find((u) => u._id === s);
         if (h) return { coverImage: h.coverImage, thumbnail: h.thumbnail };
       }
-      const a = window.location.origin, i = t.find((h) => h.url === a);
-      if (i) return { coverImage: i.coverImage, thumbnail: i.thumbnail };
+      const a = window.location.origin, c = t.find((h) => h.url === a);
+      if (c) return { coverImage: c.coverImage, thumbnail: c.thumbnail };
     }
     return { coverImage: "", thumbnail: "" };
-  }, [t]), d = !!r;
+  }, [t]), i = !!r;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     l().coverImage ? /* @__PURE__ */ e.jsx(
       "img",
       {
         src: l().coverImage,
         alt: "System Logo",
-        className: k("w-full h-12 rounded object-contain system-cover-image ", d && "cursor-pointer"),
+        className: L("w-full h-12 rounded object-contain system-cover-image ", i && "cursor-pointer"),
         draggable: !1,
         onClick: r
       }
-    ) : /* @__PURE__ */ e.jsx(ce, { className: "w-full h-12 rounded object-contain system-cover-image " }),
+    ) : /* @__PURE__ */ e.jsx(fe, { className: "w-full h-12 rounded object-contain system-cover-image " }),
     l().thumbnail ? /* @__PURE__ */ e.jsx(
       "img",
       {
         src: l().thumbnail,
         alt: "System Logo",
-        className: k("w-12 h-12 rounded object-cover system-thumbnail ", d && "cursor-pointer"),
+        className: L("w-12 h-12 rounded object-cover system-thumbnail ", i && "cursor-pointer"),
         draggable: !1,
         onClick: r
       }
-    ) : /* @__PURE__ */ e.jsx(ce, { className: "w-12 h-12 rounded object-cover system-thumbnail " })
+    ) : /* @__PURE__ */ e.jsx(fe, { 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);
 at.displayName = "PyrionNavigationDrawer.SystemLogo";
-const lt = E(
+const lt = M(
   ({ onSystemLogoClick: t, state: r, currentSystemId: s }) => {
-    const { getIsCollapsed: l } = oe(), d = x(() => {
+    const { getIsCollapsed: l } = ce(), i = x(() => {
       if (t) {
         const a = l();
         t(a);
@@ -935,7 +935,7 @@ const lt = E(
       at,
       {
         enabled_systems: r.enabled_systems,
-        onClick: d,
+        onClick: i,
         currentSystemId: s
       }
     );
@@ -979,17 +979,17 @@ function fr({
   activeTab: r,
   isLoadMorePending: s,
   isHyperDown: l,
-  feedback: d,
+  feedback: i,
   showSummaryInSlot: a,
-  copyOverrides: i,
+  copyOverrides: c,
   className: h
 }) {
-  const u = ur(t, i), f = !s && d.phase === "empty" && l, c = !s && d.phase === "idle";
-  return /* @__PURE__ */ e.jsxs("div", { className: k("grid min-h-11 place-items-center p-4 relative text-center isolate", h), children: [
+  const u = ur(t, c), f = !s && i.phase === "empty" && l, d = !s && i.phase === "idle";
+  return /* @__PURE__ */ e.jsxs("div", { className: L("grid min-h-11 place-items-center p-4 relative text-center isolate", h), children: [
     /* @__PURE__ */ e.jsx(
       "p",
       {
-        className: k(
+        className: L(
           "absolute inset-x-4 top-1/2 z-10 -translate-y-1/2 prometeo-fonts-label-medium text-neutral-medium-default transition-opacity duration-300 pointer-events-none",
           s ? "opacity-100" : "opacity-0"
         ),
@@ -1000,18 +1000,18 @@ function fr({
     /* @__PURE__ */ e.jsx(
       "p",
       {
-        className: k(
+        className: L(
           "absolute inset-x-4 top-1/2 z-20 -translate-y-1/2 prometeo-fonts-label-medium text-neutral-strong-default transition-opacity duration-300 pointer-events-none",
           a ? "opacity-100" : "opacity-0"
         ),
         "aria-live": "polite",
-        children: u.successOrEmptySummaryInSlot(d)
+        children: u.successOrEmptySummaryInSlot(i)
       }
     ),
     /* @__PURE__ */ e.jsx(
       "p",
       {
-        className: k(
+        className: L(
           "absolute inset-x-4 top-1/2 z-10 -translate-y-1/2 prometeo-fonts-label-medium text-neutral-medium-default transition-opacity duration-300 pointer-events-none",
           f ? "opacity-100" : "opacity-0"
         ),
@@ -1022,9 +1022,9 @@ function fr({
     /* @__PURE__ */ e.jsx(
       "p",
       {
-        className: k(
+        className: L(
           "relative z-0 prometeo-fonts-label-medium text-neutral-medium-default transition-opacity duration-300 pointer-events-none",
-          c ? "opacity-100" : "opacity-0"
+          d ? "opacity-100" : "opacity-0"
         ),
         children: u.idleHint
       }
@@ -1036,89 +1036,115 @@ const mr = ({ 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(pr, {}) })) });
 }, pr = () => /* @__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(fe, { shape: "circle", className: "w-12 h-12 aspect-square!" }),
+    /* @__PURE__ */ e.jsx(fe, { shape: "rounded", className: "w-full h-12 min-h-12" })
   ] }),
-  /* @__PURE__ */ e.jsx(ce, { shape: "rounded", className: "w-20 h-3" })
-] }), hr = 2500, br = 400, xr = ({ onCloseClick: t, onMarkAllAsRead: r, loadingState: s, errorState: l, notifications: d, scrollableState: a }) => {
-  const [i, h] = H("NO_LEIDAS"), u = D(null), f = D(null), [c, m] = H({ phase: "idle" }), g = D(null), S = D(s.isLoading), C = D(0), p = D(!1), _ = D(0), j = D(0), v = x(() => {
+  /* @__PURE__ */ e.jsx(fe, { shape: "rounded", className: "w-20 h-3" })
+] }), hr = 1500, br = 400, xr = ({ onCloseClick: t, onMarkAllAsRead: r, loadingState: s, errorState: l, notifications: i, scrollableState: a }) => {
+  const [c, h] = U("NO_LEIDAS"), u = k(null), f = k(null), [d, m] = U({ phase: "idle" }), g = k(null), N = k(s.isLoading), j = k(0), p = k(!1), I = k(!1), C = k(null), S = k(0), y = k(0), D = k(i.length);
+  D.current = i.length;
+  const b = k(s.isLoading);
+  b.current = s.isLoading;
+  const O = x(() => {
     g.current && (clearTimeout(g.current), g.current = null);
-  }, []), y = x(() => {
-    v(), g.current = setTimeout(() => {
+  }, []), q = x(() => {
+    O(), g.current = setTimeout(() => {
       m({ phase: "idle" }), g.current = null;
     }, hr);
-  }, [v]);
-  V(() => () => v(), [v]), V(() => {
-    v(), m({ phase: "idle" }), p.current = !1;
-  }, [i, v]), V(() => {
-    const L = S.current;
-    if (S.current = s.isLoading, !L && s.isLoading && s.type === "load_more" && (p.current = !0, C.current = d.length, v(), m({ phase: "idle" })), L && !s.isLoading && p.current) {
-      p.current = !1;
-      const B = d.length - C.current;
-      B > 0 ? (_.current += 1, m({
+  }, [O]);
+  H(() => () => O(), [O]);
+  const F = x(() => {
+    C.current && (clearTimeout(C.current), C.current = null);
+  }, []);
+  H(() => () => F(), [F]), H(() => {
+    O(), F(), m({ phase: "idle" }), p.current = !1, I.current = !1;
+  }, [c, O, F]), H(() => {
+    const A = N.current;
+    N.current = s.isLoading, !A && s.isLoading && s.type === "load_more" && (I.current = !1, F(), p.current = !0, j.current = i.length, O(), m({ phase: "idle" })), A && !s.isLoading && p.current && (p.current = !1, I.current = !0);
+  }, [
+    s.isLoading,
+    s.type,
+    i.length,
+    O,
+    F
+  ]), H(() => {
+    if (!I.current || s.isLoading) return;
+    const A = j.current, W = i.length - A;
+    if (W > 0) {
+      F(), I.current = !1, S.current += 1, m({
         phase: "success",
-        addedCount: B,
-        bumpId: _.current
-      })) : m({ phase: "empty" });
+        addedCount: W,
+        bumpId: S.current
+      });
+      return;
     }
+    return F(), C.current = setTimeout(() => {
+      if (C.current = null, !I.current || b.current) return;
+      I.current = !1;
+      const Y = D.current - A;
+      Y > 0 ? (S.current += 1, m({
+        phase: "success",
+        addedCount: Y,
+        bumpId: S.current
+      })) : m({ phase: "empty" });
+    }, 0), () => F();
   }, [
+    i,
+    i.length,
     s.isLoading,
-    s.type,
-    d.length,
-    v,
-    y
-  ]), V(() => {
-    if (!(c.phase !== "success" && c.phase !== "empty")) {
+    F
+  ]), H(() => {
+    if (!(d.phase !== "success" && d.phase !== "empty")) {
       if (a.state.hyperextensionActive.down) {
-        v();
+        O();
         return;
       }
-      y();
+      q();
     }
   }, [
-    c.phase,
-    c.phase === "success" ? c.addedCount : 0,
-    c.phase === "success" ? c.bumpId : 0,
+    d.phase,
+    d.phase === "success" ? d.addedCount : 0,
+    d.phase === "success" ? d.bumpId : 0,
     a.state.hyperextensionActive.down,
-    v,
-    y
-  ]), V(() => {
-    if (c.phase !== "success") return;
-    const L = c.bumpId;
-    if (j.current === L) return;
-    j.current = L;
-    let B = 0, re = 0;
-    return B = requestAnimationFrame(() => {
+    O,
+    q
+  ]), H(() => {
+    if (d.phase !== "success") return;
+    const A = d.bumpId;
+    if (y.current === A) return;
+    y.current = A;
+    let W = 0, Y = 0;
+    return W = requestAnimationFrame(() => {
       setTimeout(() => {
         a.handlers.releaseHyperextensionOverscroll({ behavior: "smooth" });
       }, 600);
-    }), re = requestAnimationFrame(() => {
+    }), Y = requestAnimationFrame(() => {
       a.handlers.scrollByAmount("bottom", br, !0);
     }), () => {
-      cancelAnimationFrame(B), cancelAnimationFrame(re);
+      cancelAnimationFrame(W), cancelAnimationFrame(Y);
     };
   }, [
-    c.phase,
-    c.phase === "success" ? c.bumpId : 0,
+    d.phase,
+    d.phase === "success" ? d.bumpId : 0,
     a.handlers
   ]);
-  const A = (L) => {
-    h(L);
-  }, b = d.length > 0;
-  De(() => {
+  const ee = (A) => {
+    h(A);
+  }, V = i.length > 0;
+  Le(() => {
     if (u.current && f.current) {
-      const L = u.current.clientHeight;
-      f.current.style.setProperty("height", `calc(100dvh - ${L}px - 20px)`);
+      const A = u.current.clientHeight;
+      f.current.style.setProperty("height", `calc(100dvh - ${A}px - 20px)`);
     }
-  }, [u?.current, i]);
-  const R = d.filter((L) => !L.read).length, { isLoading: z, type: q } = s, $ = z && q === "load_more", { hasError: U, children: J } = l, F = se(() => d?.filter(
-    (L) => i === "NO_LEIDAS" ? !L.read : L
-  ), [d, i]), P = se(() => ({
-    activeTab: i,
-    isLoading: z,
-    notificationsLength: d.length
+  }, [u?.current, c]);
+  const K = i.filter((A) => !A.read).length, { isLoading: R, type: P } = s, z = R && P === "load_more", { hasError: J, children: G } = l, X = ae(() => i?.filter(
+    (A) => c === "NO_LEIDAS" ? !A.read : A
+  ), [i, c]), ne = ae(() => ({
+    activeTab: c,
+    isLoading: R,
+    notificationsLength: i.length
     // Añadir la longitud de las notificaciones como metadata
-  }), [i, z, d.length]), W = se(() => i !== "NO_LEIDAS", [i]), Y = a.state.hyperextensionActive.down, Q = i === "NO_LEIDAS" ? "sync_unread" : "load_more", K = !$ && (c.phase === "success" || c.phase === "empty");
+  }), [c, R, i.length]), $ = ae(() => c !== "NO_LEIDAS", [c]), pe = a.state.hyperextensionActive.down, de = c === "NO_LEIDAS" ? "sync_unread" : "load_more", le = !z && (d.phase === "success" || d.phase === "empty");
   return /* @__PURE__ */ e.jsx(
     "section",
     {
@@ -1136,32 +1162,32 @@ const mr = ({ type: t }) => {
             Ut,
             {
               className: "px-4 md:px-2 md:pl-2 pl-2 gap-0 md:gap-0",
-              onTabChange: A,
-              activeTab: i,
+              onTabChange: ee,
+              activeTab: c,
               items: [
                 { id: "ALL", title: "Todas" },
                 { id: "NO_LEIDAS", title: "Sin leer" }
               ],
-              renderTab: (L, B, re, ae, le, ue, Z, fe) => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+              renderTab: (A, W, Y, ue, he, te, ie, oe) => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
                 /* @__PURE__ */ e.jsx(
                   Wt,
                   {
-                    id: L.id,
-                    title: L.title,
-                    onClick: re,
-                    isActive: B,
-                    onIconClick: ae,
-                    onIconHover: le,
-                    iconTooltipProps: Z,
-                    iconTooltipTitle: ue,
-                    iconSize: fe
+                    id: A.id,
+                    title: A.title,
+                    onClick: Y,
+                    isActive: W,
+                    onIconClick: ue,
+                    onIconHover: he,
+                    iconTooltipProps: ie,
+                    iconTooltipTitle: te,
+                    iconSize: oe
                   }
                 ),
-                R > 0 && L.id === "NO_LEIDAS" && /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(He, { count: R, maxCount: 99, className: "absolute top-1 -right-1" }) })
+                K > 0 && A.id === "NO_LEIDAS" && /* @__PURE__ */ e.jsx(He, { count: K, maxCount: 99, className: "absolute top-1 -right-1" })
               ] })
             }
           ),
-          r && b && i === "NO_LEIDAS" && !U && /* @__PURE__ */ e.jsx("div", { className: "flex justify-end px-4", children: /* @__PURE__ */ e.jsx(Ee, { disabled: z || R === 0, onClick: r, label: "Marcar todas como leidas", variant: "text", animate: !1, animateIcon: !1, size: "small" }) })
+          r && V && c === "NO_LEIDAS" && !J && /* @__PURE__ */ e.jsx("div", { className: "flex justify-end px-4", children: /* @__PURE__ */ e.jsx(Ee, { disabled: R || K === 0, onClick: r, label: "Marcar todas como leidas", variant: "text", animate: !1, animateIcon: !1, size: "small" }) })
         ] }),
         /* @__PURE__ */ e.jsxs(
           "div",
@@ -1178,29 +1204,29 @@ const mr = ({ type: t }) => {
                   scrollbarProps: { hide: !0, size: "small" },
                   axis: "y",
                   disableMouseScroll: !1,
-                  scrollMetadata: P,
+                  scrollMetadata: ne,
                   scrollTopButton: {
                     target: "2000px"
                   },
-                  ...W ? {
+                  ...$ ? {
                     hyperExtensionBottomSlot: () => /* @__PURE__ */ e.jsx(
                       fr,
                       {
-                        action: Q,
-                        activeTab: i,
-                        isLoadMorePending: $,
-                        isHyperDown: Y,
-                        feedback: c,
-                        showSummaryInSlot: K
+                        action: de,
+                        activeTab: c,
+                        isLoadMorePending: z,
+                        isHyperDown: pe,
+                        feedback: d,
+                        showSummaryInSlot: le
                       }
                     )
                   } : {},
                   children: [
-                    U && /* @__PURE__ */ e.jsx("div", { className: "w-full h-full grid place-items-center", children: typeof J == "function" ? J() : J }),
-                    !U && z && q === "skeletons" ? /* @__PURE__ */ e.jsx(mr, { type: q }) : b ? F?.map((L) => /* @__PURE__ */ e.jsxs("div", { children: [
-                      /* @__PURE__ */ e.jsx(zt, { ...L, className: "mt-2" }),
+                    J && /* @__PURE__ */ e.jsx("div", { className: "w-full h-full grid place-items-center", children: typeof G == "function" ? G() : G }),
+                    !J && R && P === "skeletons" ? /* @__PURE__ */ e.jsx(mr, { type: P }) : V ? X?.map((A) => /* @__PURE__ */ e.jsxs("div", { children: [
+                      /* @__PURE__ */ e.jsx(zt, { ...A, className: "mt-2" }),
                       /* @__PURE__ */ e.jsx("div", { className: "h-0 mt-2 w-full border-b border-neutral-strong-default" })
-                    ] }, L._id)) : /* @__PURE__ */ e.jsx("p", { className: "flex-0 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" })
+                    ] }, A._id)) : /* @__PURE__ */ e.jsx("p", { className: "flex-0 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" })
                   ]
                 }
               ),
@@ -1208,17 +1234,17 @@ const mr = ({ type: t }) => {
                 "div",
                 {
                   role: "status",
-                  className: k(
+                  className: L(
                     "absolute bottom-0 left-px w-[calc(100%-1px)] mx-auto shrink-0 from-(--neutral-800) to-transparent bg-linear-to-t px-4 py-2 text-center z-30",
                     "transition-opacity duration-300",
-                    K || $ ? "opacity-100" : "opacity-0"
+                    le || z ? "opacity-100" : "opacity-0"
                   ),
                   children: [
-                    $ && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center gap-1", children: [
+                    z && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-center gap-1", children: [
                       /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-label-medium text-neutral-strong-default", children: "Cargando más notificaciones" }),
                       /* @__PURE__ */ e.jsx(Ht, { variant: "dot", size: "small", color: "var(--neutral-200)", className: "*:size-[3px]", speedMultiplier: 0.9 })
                     ] }),
-                    c.phase === "empty" && /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-label-medium text-neutral-medium-default", children: "No se agregaron notificaciones nuevas" })
+                    d.phase === "empty" && /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-label-medium text-neutral-medium-default", children: "No se agregaron notificaciones nuevas" })
                   ]
                 }
               )
@@ -1229,119 +1255,119 @@ const mr = ({ type: t }) => {
     }
   );
 }, gr = (t) => {
-  const { notificationsListControls: r } = t, [s, l] = H([]), [d, a] = H({ isLoading: !1, type: "load_more" }), [i, h] = H({ hasError: !1 }), [u, f] = H(!0), c = D(/* @__PURE__ */ new Set());
-  V(() => {
+  const { notificationsListControls: r } = t, [s, l] = U([]), [i, a] = U({ isLoading: !1, type: "load_more" }), [c, h] = U({ hasError: !1 }), [u, f] = U(!0), d = k(/* @__PURE__ */ new Set());
+  H(() => {
     u || setTimeout(() => {
       f(!0);
     }, 4e3);
   }, [u]);
-  const m = x((v, y = "top") => {
-    l((A) => {
-      const b = Array.isArray(v) ? y === "bottom" ? [...A, ...v] : [...v, ...A] : y === "bottom" ? [...A, v] : [v, ...A];
+  const m = x((S, y = "top") => {
+    l((D) => {
+      const b = Array.isArray(S) ? y === "bottom" ? [...D, ...S] : [...S, ...D] : y === "bottom" ? [...D, S] : [S, ...D];
       return queueMicrotask(() => {
-        c.current.forEach((R) => R(b, { total: b.length, unread: b.filter((z) => !z.read).length }));
+        d.current.forEach((O) => O(b, { total: b.length, unread: b.filter((q) => !q.read).length }));
       }), b;
     });
-  }, []), g = x((v) => (c.current.add(v), () => {
-    c.current.delete(v);
-  }), []), S = x((v) => {
+  }, []), g = x((S) => (d.current.add(S), () => {
+    d.current.delete(S);
+  }), []), N = x((S) => {
     l((y) => {
-      const A = Array.isArray(v) ? y.filter((b) => !v.includes(b._id)) : y.filter((b) => b._id !== v);
+      const D = Array.isArray(S) ? y.filter((b) => !S.includes(b._id)) : y.filter((b) => b._id !== S);
       return queueMicrotask(() => {
-        c.current.forEach((b) => b(A, { total: A.length, unread: A.filter((R) => !R.read).length }));
-      }), A;
+        d.current.forEach((b) => b(D, { total: D.length, unread: D.filter((O) => !O.read).length }));
+      }), D;
     });
-  }, []), C = x(() => {
+  }, []), j = x(() => {
     l([]), queueMicrotask(() => {
-      c.current.forEach((v) => v([], { total: 0, unread: 0 }));
+      d.current.forEach((S) => S([], { total: 0, unread: 0 }));
     });
-  }, []), p = x((v) => {
-    const y = Array.isArray(v) ? v : v(s);
+  }, []), p = x((S) => {
+    const y = Array.isArray(S) ? S : S(s);
     l(y), queueMicrotask(() => {
-      c.current.forEach((A) => A(y, { total: y.length, unread: y.filter((b) => !b.read).length }));
+      d.current.forEach((D) => D(y, { total: y.length, unread: y.filter((b) => !b.read).length }));
     });
-  }, []), _ = x((v, y = "load_more") => {
-    a({ isLoading: v, type: y });
-  }, []), j = x((v, y) => {
-    h({ hasError: v, children: y });
+  }, []), I = x((S, y = "load_more") => {
+    a({ isLoading: S, type: y });
+  }, []), C = x((S, y) => {
+    h({ hasError: S, children: y });
   }, []);
   return Te(r, () => ({
     addNewNotification: m,
     subscribeToUpdates: g,
     setNotifications: p,
-    removeNotification: S,
-    removeAllNotifications: C,
-    setLoading: _,
-    setError: j,
+    removeNotification: N,
+    removeAllNotifications: j,
+    setLoading: I,
+    setError: C,
     setHasNextPage: f
-  }), [m, g, p, S, C, _, j, f]), {
+  }), [m, g, p, N, j, I, C, f]), {
     notifications: s,
-    loadingState: d,
-    errorState: i,
+    loadingState: i,
+    errorState: c,
     hasNextPage: u
   };
-}, yr = ({ closeSidebar: t, options: r, helpSection: s, initialSection: l, notificationsListControls: d, scrollableControls: a, navigationControls: i }) => {
-  const [h, u] = H(l ?? "notifications");
-  V(() => {
-    const C = i?.current?.subscribeToSection?.(u);
+}, yr = ({ closeSidebar: t, options: r, helpSection: s, initialSection: l, notificationsListControls: i, scrollableControls: a, navigationControls: c }) => {
+  const [h, u] = U(l ?? "notifications");
+  H(() => {
+    const j = c?.current?.subscribeToSection?.(u);
     return () => {
-      C?.();
+      j?.();
     };
-  }, [i]);
+  }, [c]);
   const f = () => {
     t();
-  }, { notifications: c, loadingState: m, errorState: g } = gr({ notificationsListControls: d }), S = Ft({ scrollTopButton: { target: "2000px" } });
+  }, { notifications: d, loadingState: m, errorState: g } = gr({ notificationsListControls: i }), N = Ft({ scrollTopButton: { target: "2000px" } });
   return Te(a, () => ({
-    subscribeToScrollTarget: S.handlers.subscribeToScrollTarget,
-    subscribeToHyperextension: S.handlers.subscribeToHyperextension,
-    releaseHyperextensionOverscroll: S.handlers.releaseHyperextensionOverscroll
-  }), [S]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    subscribeToScrollTarget: N.handlers.subscribeToScrollTarget,
+    subscribeToHyperextension: N.handlers.subscribeToHyperextension,
+    releaseHyperextensionOverscroll: N.handlers.releaseHyperextensionOverscroll
+  }), [N]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     h === "notifications" && !r?.notificationsDrawerOptions?.hide && /* @__PURE__ */ e.jsx(
       xr,
       {
         onCloseClick: f,
         onMarkAllAsRead: r?.notificationsDrawerOptions?.onMarkAllAsRead,
-        notifications: c,
+        notifications: d,
         loadingState: m,
         errorState: g,
-        scrollableState: S
+        scrollableState: N
       }
     ),
     h === "help" && s && !r?.helpSectionDrawerOptions?.hide && /* @__PURE__ */ e.jsx(cr, { onCloseClick: f, children: typeof s == "function" ? s() : s })
   ] });
-}, it = de(yr);
+}, it = me(yr);
 it.displayName = "SidebarContent";
 const wr = ({
   options: t,
   helpSection: r,
   initialSectionRef: s,
   notificationsListControls: l,
-  scrollableControls: d,
+  scrollableControls: i,
   navigationControls: a
 }) => {
-  const { closeSidebar: i } = oe();
+  const { closeSidebar: c } = ce();
   return /* @__PURE__ */ e.jsx(
     it,
     {
-      closeSidebar: i,
+      closeSidebar: c,
       options: t,
       helpSection: r,
       initialSection: s.current,
       notificationsListControls: l,
-      scrollableControls: d,
+      scrollableControls: i,
       navigationControls: a
     }
   );
-}, ct = E(wr);
+}, ct = M(wr);
 ct.displayName = "PyrionLayout.Sidebar";
 const vr = ({ navigationControlsRef: t }) => {
-  const r = oe();
+  const r = ce();
   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;
 }, Nr = (t) => {
-  const { children: r, currentAppSessions: s, resolveUserSecondarySlot: l, resolveSessionSecondarySlot: d, handleNavigation: a, allActions: i, tabs: h, navigationControlsRef: u, initialSectionRef: f, userOptionsControls: c, mobileAppSwitcherControls: m, notificationsListControls: g, scrollableControls: S, outletRef: C, ...p } = t;
-  return /* @__PURE__ */ e.jsxs(X, { disableDragOpen: p.options?.disableDragOpen, outletRef: C, defaultCollapsedState: p.options?.defaultCollapsedState, children: [
+  const { children: r, currentAppSessions: s, resolveUserSecondarySlot: l, resolveSessionSecondarySlot: i, handleNavigation: a, allActions: c, tabs: h, navigationControlsRef: u, initialSectionRef: f, userOptionsControls: d, mobileAppSwitcherControls: m, notificationsListControls: g, scrollableControls: N, outletRef: j, ...p } = t;
+  return /* @__PURE__ */ e.jsxs(Z, { disableDragOpen: p.options?.disableDragOpen, outletRef: j, defaultCollapsedState: p.options?.defaultCollapsedState, children: [
     /* @__PURE__ */ e.jsx(vr, { navigationControlsRef: u }),
-    /* @__PURE__ */ e.jsx(X.LeftSlot, { children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(Z.LeftSlot, { children: /* @__PURE__ */ e.jsx(
       qt,
       {
         className: "",
@@ -1352,7 +1378,7 @@ const vr = ({ navigationControlsRef: t }) => {
         isLoading: !p.state.enabled_systems || p.state.enabled_systems.length === 0
       }
     ) }),
-    /* @__PURE__ */ e.jsx(X.Header, { className: "flex flex-col relative w-full select-none", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(Z.Header, { className: "flex flex-col relative w-full select-none", children: /* @__PURE__ */ e.jsx(
       lt,
       {
         onSystemLogoClick: p.onSystemLogoClick,
@@ -1360,37 +1386,37 @@ const vr = ({ navigationControlsRef: t }) => {
         currentSystemId: p.currentSystemId
       }
     ) }, "PL-Header"),
-    /* @__PURE__ */ e.jsx(X.Content, { className: "overflow-hidden flex flex-col relative flex-1  md:w-auto", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(Z.Content, { className: "overflow-hidden flex flex-col relative flex-1  md:w-auto", children: /* @__PURE__ */ e.jsx(
       nt,
       {
         navlinks: p.links,
         handleNavigation: a,
-        allActions: i,
+        allActions: c,
         activeActionId: p.activeActionId,
         initialSectionRef: f,
         navigationControlsRef: u,
         onActionClick: p.onActionClick
       }
     ) }, "PL-Content"),
-    /* @__PURE__ */ e.jsx(X.Footer, { className: "md:min-h-max flex flex-col w-full overflow-hidden max-w-full", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(Z.Footer, { className: "md:min-h-max flex flex-col w-full overflow-hidden max-w-full", children: /* @__PURE__ */ e.jsx(
       ot,
       {
         state: p.state,
         currentAppSessions: s,
         resolveUserSecondarySlot: l,
-        resolveSessionSecondarySlot: d,
+        resolveSessionSecondarySlot: i,
         onSessionClick: p.onSessionClick,
         onLogoutClick: p.onLogoutClick,
         options: p.options,
         currentSystemId: p.currentSystemId,
-        userOptionsControls: c,
+        userOptionsControls: d,
         mobileAppSwitcherControls: m,
         onProfileClick: p.onProfileClick
       }
     ) }, "PL-Footer"),
-    /* @__PURE__ */ e.jsx(X.Outlet, { className: " *:prometeo-scrollbar-thin!", children: /* @__PURE__ */ e.jsx(ut, { children: r }) }),
+    /* @__PURE__ */ e.jsx(Z.Outlet, { className: " *:prometeo-scrollbar-thin!", children: /* @__PURE__ */ e.jsx(ut, { children: r }) }),
     /* @__PURE__ */ e.jsx(
-      X.Sidebar,
+      Z.Sidebar,
       {
         className: "bg-neutral-default-default pyrion-layout-sidebar",
         modal: p.options?.sidebarOptions?.modal,
@@ -1403,189 +1429,189 @@ const vr = ({ navigationControlsRef: t }) => {
             helpSection: p.helpSection,
             initialSectionRef: f,
             notificationsListControls: g,
-            scrollableControls: S,
+            scrollableControls: N,
             navigationControls: u
           }
         )
       }
     )
   ] });
-}, dt = E(Nr, (t, r) => {
-  const { children: s, ...l } = t, { children: d, ...a } = r, i = Object.keys(l), h = Object.keys(a);
-  if (i.length !== h.length)
+}, dt = M(Nr, (t, r) => {
+  const { children: s, ...l } = t, { children: i, ...a } = r, c = Object.keys(l), h = Object.keys(a);
+  if (c.length !== h.length)
     return !1;
-  for (const u of i) {
+  for (const u of c) {
     if (!Object.prototype.hasOwnProperty.call(a, u))
       return !1;
-    const f = l[u], c = a[u];
-    if (f !== c)
+    const f = l[u], d = a[u];
+    if (f !== d)
       return !1;
   }
   return !0;
 });
 dt.displayName = "PyrionNavigationDrawer.LayoutBase";
-const ut = E(({ children: t }) => /* @__PURE__ */ e.jsx(X.Outlet, { children: t }));
+const ut = M(({ children: t }) => /* @__PURE__ */ e.jsx(Z.Outlet, { children: t }));
 ut.displayName = "PyrionNavigationDrawer.IsolatedOutlet";
-const ft = Le(null), Xr = () => {
+const ft = Ae(null), Xr = () => {
   const t = Et(ft);
   if (!t)
     throw new Error("usePyrionLayout debe usarse dentro de PyrionLayout");
   return t;
-}, Yr = ({ children: t, helpSection: r, state: s, links: l, onLinkClick: d, onNavigate: a, onLogoutClick: i, actions: h, activeActionId: u, onActionClick: f, tabsProps: c, currentSystemId: m, onSessionClick: g, onSystemLogoClick: S, onProfileClick: C, ...p }) => {
-  const j = Object.assign({
+}, Yr = ({ children: t, helpSection: r, state: s, links: l, onLinkClick: i, onNavigate: a, onLogoutClick: c, actions: h, activeActionId: u, onActionClick: f, tabsProps: d, currentSystemId: m, onSessionClick: g, onSystemLogoClick: N, onProfileClick: j, ...p }) => {
+  const C = Object.assign({
     closeDrawerOnNavigate: !0,
     disableDragOpen: {
       sidebar: !0,
       drawer: !1
     }
-  }, p.options), v = Tt(), y = D(null), A = D(null), b = D({}), R = D("notifications"), z = D(/* @__PURE__ */ new Set()), q = D(null), $ = D(null), U = D(null), [J, F] = H({ total: 0, unread: 0 }), [P, W] = H(!1), [Y, Q] = H(null), K = x((n) => {
+  }, p.options), S = Tt(), y = k(null), D = k(null), b = k({}), O = k("notifications"), q = k(/* @__PURE__ */ new Set()), F = k(null), ee = k(null), V = k(null), [K, R] = U({ total: 0, unread: 0 }), [P, z] = U(!1), [J, G] = U(null), X = x((n) => {
     if (!(!n || typeof window > "u")) {
-      if (d) {
-        d(n);
+      if (i) {
+        i(n);
         return;
       }
       window.history.pushState({}, "", n), window.dispatchEvent(new PopStateEvent("popstate"));
     }
-  }, [d]), L = x((n) => {
-    W(!1);
-    const N = window.location.pathname;
-    K(n), j.closeDrawerOnNavigate && It() && !b.current?.getIsCollapsed?.() && b.current?.toggleCollapse?.(), a && a(N, n);
-  }, [K, a, j.closeDrawerOnNavigate]), B = (n) => {
+  }, [i]), ne = x((n) => {
+    z(!1);
+    const v = window.location.pathname;
+    X(n), C.closeDrawerOnNavigate && It() && !b.current?.getIsCollapsed?.() && b.current?.toggleCollapse?.(), a && a(v, n);
+  }, [X, a, C.closeDrawerOnNavigate]), $ = (n) => {
     n && window.open(n, "_blank");
-  }, re = (n) => {
+  }, pe = (n) => {
     typeof window < "u" && n && (window.location.href = n);
-  }, ae = x((n) => {
-    n && K(n);
-  }, [K]), le = {
+  }, de = x((n) => {
+    n && X(n);
+  }, [X]), le = {
     system: {
       mobile: {
-        internal: ae,
-        external: re
+        internal: de,
+        external: pe
       },
       desktop: {
-        internal: ae,
-        external: B
+        internal: de,
+        external: $
       }
     },
     product: {
-      mobile: B,
-      desktop: B
+      mobile: $,
+      desktop: $
     }
-  }, ue = x((n) => {
+  }, A = x((n) => {
     if (n)
       try {
-        const N = typeof window < "u" ? window.location.origin : "http://localhost", O = new URL(n, N);
-        return `${O.pathname}${O.search}${O.hash}`;
+        const v = typeof window < "u" ? window.location.origin : "http://localhost", _ = new URL(n, v);
+        return `${_.pathname}${_.search}${_.hash}`;
       } catch {
         return;
       }
-  }, []), Z = x((n) => {
-    const N = v ? "mobile" : "desktop", O = s.enabled_systems.find((ge) => ge.name === n), T = O?._id === m ? "internal" : "external", G = {
-      internal: ue(O?.url),
-      external: O?.url
+  }, []), W = x((n) => {
+    const v = S ? "mobile" : "desktop", _ = s.enabled_systems.find((ye) => ye.name === n), T = _?._id === m ? "internal" : "external", Q = {
+      internal: A(_?.url),
+      external: _?.url
     };
-    le.system[N][T](G[T]), c?.onTabClick?.(n);
-  }, [m, ue, v, s.enabled_systems, c?.onTabClick]), fe = x((n) => {
-    const N = v ? "mobile" : "desktop", O = s.company.products?.find((T) => T.name === n)?.domain;
-    le.product[N](O), c?.onTabClick?.(n);
-  }, [v, s.company.products, c?.onTabClick]), xe = x((n, N) => {
-    if (N) {
-      N(n), c?.onTabClick?.(n);
+    le.system[v][T](Q[T]), d?.onTabClick?.(n);
+  }, [m, A, S, s.enabled_systems, d?.onTabClick]), Y = x((n) => {
+    const v = S ? "mobile" : "desktop", _ = s.company.products?.find((T) => T.name === n)?.domain;
+    le.product[v](_), d?.onTabClick?.(n);
+  }, [S, s.company.products, d?.onTabClick]), ue = x((n, v) => {
+    if (v) {
+      v(n), d?.onTabClick?.(n);
       return;
     } else
-      c?.onTabClick?.(n);
-  }, [c?.onTabClick]), Ne = x(() => {
+      d?.onTabClick?.(n);
+  }, [d?.onTabClick]), he = x(() => {
     const n = {};
-    s.enabled_systems.forEach((O) => {
-      n[O.url] = O.name;
+    s.enabled_systems.forEach((_) => {
+      n[_.url] = _.name;
     });
-    const N = window.location.origin;
-    for (const [O, T] of Object.entries(n))
-      if (N === O)
+    const v = window.location.origin;
+    for (const [_, T] of Object.entries(n))
+      if (v === _)
         return T;
     return "";
-  }, [s.enabled_systems]), ne = c?.currentTabName || Ne(), me = se(
+  }, [s.enabled_systems]), te = d?.currentTabName || he(), ie = ae(
     () => s.sessions || [],
     [s.sessions]
-  ), ie = (n) => n == null ? null : typeof n == "string" || typeof n == "number" || typeof n == "boolean" ? String(n) : pe(n) ? n : typeof n == "object" ? JSON.stringify(n) : null, o = x((n, N) => {
+  ), oe = (n) => n == null ? null : typeof n == "string" || typeof n == "number" || typeof n == "boolean" ? String(n) : be(n) ? n : typeof n == "object" ? JSON.stringify(n) : null, o = x((n, v) => {
     if (!n) return null;
     if (Array.isArray(n)) {
-      const O = n?.[0] ? ye(N, n[0]) : null, T = n?.[1] ? ye(N, n[1]) : null, G = ie(O), ge = ie(T);
+      const _ = n?.[0] ? we(v, n[0]) : null, T = n?.[1] ? we(v, n[1]) : null, Q = oe(_), ye = oe(T);
       return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-body-small text-neutral-default-default overflow-hidden truncate", children: G }),
-        ge && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1 flex-1 grow shrink-0 min-w-max max-w-2/3 overflow-visible ", children: [
+        /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-body-small text-neutral-default-default overflow-hidden truncate", children: Q }),
+        ye && /* @__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-(--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: ge })
+          /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-body-small text-neutral-default-default line-clamp-1 whitespace-pre text-ellipsis", children: ye })
         ] })
       ] });
     }
     if (typeof n == "string") {
-      const O = ye(N, n);
-      return ie(O);
+      const _ = we(v, n);
+      return oe(_);
     }
-    return typeof n == "function" ? ie(n(N)) : null;
+    return typeof n == "function" ? oe(n(v)) : null;
   }, []), w = x(
     (n) => {
-      const N = j?.userCardOptions?.secondarySlot;
-      if (!N) return null;
-      const O = s.enabled_systems?.find((G) => G._id === m), T = { company: s.company, user: s.user, system: O, metadata: n };
-      return o(N, T);
+      const v = C?.userCardOptions?.secondarySlot;
+      if (!v) return null;
+      const _ = s.enabled_systems?.find((Q) => Q._id === m), T = { company: s.company, user: s.user, system: _, metadata: n };
+      return o(v, T);
     },
-    [m, j?.userCardOptions?.secondarySlot, o, s.company, s.enabled_systems, s.user]
-  ), I = x(
+    [m, C?.userCardOptions?.secondarySlot, o, s.company, s.enabled_systems, s.user]
+  ), E = x(
     (n) => {
-      const N = j?.sessionCardOptions?.secondarySlot || j?.userCardOptions?.secondarySlot;
-      if (!N) return null;
-      const O = s.enabled_systems?.find((G) => G._id === m), T = { company: s.company, user: n.auth_id, metadata: n?.metadata, system: O };
-      return o(N, T);
+      const v = C?.sessionCardOptions?.secondarySlot || C?.userCardOptions?.secondarySlot;
+      if (!v) return null;
+      const _ = s.enabled_systems?.find((Q) => Q._id === m), T = { company: s.company, user: n.auth_id, metadata: n?.metadata, system: _ };
+      return o(v, T);
     },
-    [m, j?.sessionCardOptions?.secondarySlot, j?.userCardOptions?.secondarySlot, o, s.company, s.enabled_systems]
-  ), M = se(() => {
+    [m, C?.sessionCardOptions?.secondarySlot, C?.userCardOptions?.secondarySlot, o, s.company, s.enabled_systems]
+  ), B = ae(() => {
     const n = [];
     return b.current.openNotifications = () => {
-      R.current = "notifications", z.current.forEach((N) => N("notifications")), b.current.openSidebar?.();
+      O.current = "notifications", q.current.forEach((v) => v("notifications")), b.current.openSidebar?.();
     }, b.current.openHelp = () => {
-      R.current = "help", z.current.forEach((N) => N("help")), b.current.openSidebar?.();
-    }, !j?.notificationsDrawerOptions?.hideActionButton && !j?.notificationsDrawerOptions?.hide && n.push({
+      O.current = "help", q.current.forEach((v) => v("help")), b.current.openSidebar?.();
+    }, !C?.notificationsDrawerOptions?.hideActionButton && !C?.notificationsDrawerOptions?.hide && n.push({
       id: "notifications",
       title: "Notificaciones",
       icon: $e,
       onClick: b.current.openNotifications,
-      count: J.unread,
+      count: K.unread,
       className: "default-action-notifications"
-    }), !j?.helpSectionDrawerOptions?.hideActionButton && r && !j?.helpSectionDrawerOptions?.hide && n.push({
+    }), !C?.helpSectionDrawerOptions?.hideActionButton && r && !C?.helpSectionDrawerOptions?.hide && n.push({
       id: "help",
       title: "Ayuda",
       icon: qe,
       onClick: b.current.openHelp,
       className: "default-action-help"
-    }), j?.configurationActionOptions?.onClick && !j?.configurationActionOptions?.hideActionButton && n.push({
+    }), C?.configurationActionOptions?.onClick && !C?.configurationActionOptions?.hideActionButton && n.push({
       id: "configuration",
       title: "Configuracion",
       icon: Vt,
-      onClick: () => j.configurationActionOptions?.onClick?.(b.current),
+      onClick: () => C.configurationActionOptions?.onClick?.(b.current),
       className: "default-action-configuration"
     }), n;
-  }, [j, r, f, J]), ee = se(
-    () => [...M, ...h || []],
-    [M, h]
-  ), te = se(() => {
+  }, [C, r, f, K]), re = ae(
+    () => [...B, ...h || []],
+    [B, h]
+  ), se = ae(() => {
     const n = s.enabled_systems.map((T) => ({
       name: T.name,
       thumbnail: T.thumbnail,
-      onClick: Z,
+      onClick: W,
       id: T._id
-    })) || [], N = c?.customTabs?.map((T) => ({
+    })) || [], v = d?.customTabs?.map((T) => ({
       ...T,
-      onClick: () => xe(T.name, T?.onClick)
-    })) || [], O = s.company.products?.map((T) => ({
+      onClick: () => ue(T.name, T?.onClick)
+    })) || [], _ = s.company.products?.map((T) => ({
       name: T.name,
       thumbnail: T.thumbnail,
-      onClick: fe
+      onClick: Y
     })) || [];
-    return [...n, ...N, ...O];
-  }, [xe, fe, Z, s.enabled_systems, s.company.products, c?.customTabs]), Se = x((n, N) => {
-    y.current?.addNewNotification ? y.current.addNewNotification(n, N) : console.warn("Notifications controls not ready yet");
+    return [...n, ...v, ..._];
+  }, [ue, Y, W, s.enabled_systems, s.company.products, d?.customTabs]), Se = x((n, v) => {
+    y.current?.addNewNotification ? y.current.addNewNotification(n, v) : console.warn("Notifications controls not ready yet");
   }, []), Ce = x((n) => y.current?.subscribeToUpdates ? y.current.subscribeToUpdates(n) : (console.warn("Notifications controls not ready yet"), () => {
   }), []), mt = x((n) => {
     y.current?.removeNotification ? y.current.removeNotification(n) : console.warn("Notifications controls not ready yet");
@@ -1593,70 +1619,70 @@ const ft = Le(null), Xr = () => {
     y.current?.removeAllNotifications ? y.current.removeAllNotifications() : console.warn("Notifications controls not ready yet");
   }, []), ht = x((n) => {
     y.current?.setNotifications ? y.current.setNotifications(n) : console.warn("Notifications controls not ready yet");
-  }, []), bt = x((n, N) => A.current?.subscribeToScrollTarget ? A.current.subscribeToScrollTarget(n, N) : (console.warn("Scrollable controls not ready yet"), () => {
-  }), []), xt = x((n, N) => A.current?.subscribeToHyperextension ? A.current.subscribeToHyperextension(n, N) : (console.warn("Scrollable hyperextension controls not ready yet"), () => {
-  }), []), gt = x((n) => (z.current.add(n), () => z.current.delete(n)), []), yt = x((n, N = "load_more") => {
-    y.current?.setLoading ? y.current.setLoading(n, N) : console.warn("Notifications controls not ready yet");
-  }, []), wt = x((n, N) => {
-    y.current?.setError ? y.current.setError(n, N) : console.warn("Notifications controls not ready yet");
+  }, []), bt = x((n, v) => D.current?.subscribeToScrollTarget ? D.current.subscribeToScrollTarget(n, v) : (console.warn("Scrollable controls not ready yet"), () => {
+  }), []), xt = x((n, v) => D.current?.subscribeToHyperextension ? D.current.subscribeToHyperextension(n, v) : (console.warn("Scrollable hyperextension controls not ready yet"), () => {
+  }), []), gt = x((n) => (q.current.add(n), () => q.current.delete(n)), []), yt = x((n, v = "load_more") => {
+    y.current?.setLoading ? y.current.setLoading(n, v) : console.warn("Notifications controls not ready yet");
+  }, []), wt = x((n, v) => {
+    y.current?.setError ? y.current.setError(n, v) : console.warn("Notifications controls not ready yet");
   }, []), vt = x((n) => {
     y.current?.setHasNextPage ? y.current.setHasNextPage(n) : console.warn("Notifications controls not ready yet");
   }, []), Nt = x(() => {
-    q.current?.open();
+    F.current?.open();
   }, []), St = x(() => {
-    q.current?.close();
+    F.current?.close();
   }, []), Ct = x(() => {
-    q.current?.toggle();
-  }, []), jt = x((n, N, O) => {
-    const T = /* @__PURE__ */ e.jsxs("div", { className: k(" bg-black/60 z-100 inset-0 h-full w-full grid place-items-center text-neutral-default-default", N ? "fixed" : "sticky"), children: [
-      !O && /* @__PURE__ */ e.jsx(Ee, { label: "", icon: /* @__PURE__ */ e.jsx(_e, {}), onClick: () => W(!1), variant: "text", className: "absolute top-0 right-0", size: "small", color: "secondary" }),
+    F.current?.toggle();
+  }, []), jt = x((n, v, _) => {
+    const T = /* @__PURE__ */ e.jsxs("div", { className: L(" bg-black/60 z-100 inset-0 h-full w-full grid place-items-center text-neutral-default-default", v ? "fixed" : "sticky"), children: [
+      !_ && /* @__PURE__ */ e.jsx(Ee, { label: "", icon: /* @__PURE__ */ e.jsx(_e, {}), onClick: () => z(!1), variant: "text", className: "absolute top-0 right-0", size: "small", color: "secondary" }),
       typeof n == "function" ? n() : n
     ] });
-    let G;
-    return N ? G = Be(T, document.body, `modal-error-${Date.now()}`) : U.current && (G = Be(T, U.current, `modal-error-${Date.now()}`)), Q(G), W(!0), T;
-  }, [U]), kt = x(() => {
-    W(!1);
-  }, []), Dt = x(() => {
-    i?.(b.current);
-  }, [i]), At = x((n) => {
-    C?.(n, b.current);
-  }, [C]), Lt = x((n, N) => {
-    g?.(n, N, b.current);
+    let Q;
+    return v ? Q = Be(T, document.body, `modal-error-${Date.now()}`) : V.current && (Q = Be(T, V.current, `modal-error-${Date.now()}`)), G(Q), z(!0), T;
+  }, [V]), kt = x(() => {
+    z(!1);
+  }, []), Lt = x(() => {
+    c?.(b.current);
+  }, [c]), Dt = x((n) => {
+    j?.(n, b.current);
+  }, [j]), At = x((n, v) => {
+    g?.(n, v, b.current);
   }, [g]);
-  return b.current.addNewNotification = Se, b.current.subscribeToNotificationsUpdates = Ce, b.current.removeNotification = mt, b.current.removeAllNotifications = pt, b.current.setNotifications = ht, b.current.setNotificationsError = wt, b.current.setNotificationsLoading = yt, b.current.setHasNextPage = vt, b.current.subscribeToNotificationsScroll = bt, b.current.subscribeToHyperextension = xt, b.current.showErrorModal = jt, b.current.closeErrorModal = kt, b.current.userCardExpand = Nt, b.current.userCardCollapse = St, b.current.userCardToggle = Ct, b.current.subscribeToSection = gt, V(() => {
-    Ce((n, N) => {
-      F(N);
+  return b.current.addNewNotification = Se, b.current.subscribeToNotificationsUpdates = Ce, b.current.removeNotification = mt, b.current.removeAllNotifications = pt, b.current.setNotifications = ht, b.current.setNotificationsError = wt, b.current.setNotificationsLoading = yt, b.current.setHasNextPage = vt, b.current.subscribeToNotificationsScroll = bt, b.current.subscribeToHyperextension = xt, b.current.showErrorModal = jt, b.current.closeErrorModal = kt, b.current.userCardExpand = Nt, b.current.userCardCollapse = St, b.current.userCardToggle = Ct, b.current.subscribeToSection = gt, H(() => {
+    Ce((n, v) => {
+      R(v);
     });
   }, [Ce]), /* @__PURE__ */ e.jsxs(ft.Provider, { value: b.current, children: [
-    P && Y,
+    P && J,
     /* @__PURE__ */ e.jsx("div", { className: "flex h-screen", children: /* @__PURE__ */ e.jsx(
       dt,
       {
         links: l,
-        handleNavigation: L,
-        allActions: ee,
+        handleNavigation: ne,
+        allActions: re,
         activeActionId: u,
         onActionClick: f,
         state: s,
-        currentAppSessions: me,
+        currentAppSessions: ie,
         resolveUserSecondarySlot: w,
-        resolveSessionSecondarySlot: I,
-        onSessionClick: Lt,
-        onLogoutClick: Dt,
-        options: j,
+        resolveSessionSecondarySlot: E,
+        onSessionClick: At,
+        onLogoutClick: Lt,
+        options: C,
         currentSystemId: m,
-        userOptionsControls: q,
-        mobileAppSwitcherControls: $,
-        onSystemLogoClick: S,
-        tabs: te,
+        userOptionsControls: F,
+        mobileAppSwitcherControls: ee,
+        onSystemLogoClick: N,
+        tabs: se,
         helpSection: r,
-        initialSectionRef: R,
+        initialSectionRef: O,
         navigationControlsRef: b,
         notificationsListControls: y,
-        scrollableControls: A,
-        outletRef: U,
-        onProfileClick: At,
-        currentTabName: ne,
+        scrollableControls: D,
+        outletRef: V,
+        onProfileClick: Dt,
+        currentTabName: te,
         children: t
       }
     ) })