prometeo-design-system 6.0.0 → 6.0.2

package/dist/PyrionLayout.es.js

@@ -1,30 +1,31 @@
 import { j as e } from "./jsx-runtime-GkKLlHH4.js";
-import { u as kt, g as Dt } from "./useDevice-vwn4GLwK.js";
+import { u as Dt, g as At } from "./useDevice-vwn4GLwK.js";
 import { c as D } from "./cn-B6yFEsav.js";
-import { g as me } from "./utils-X4-h3cum.js";
-import ve, { forwardRef as le, useState as B, useRef as I, useEffect as X, memo as O, useContext as ze, createContext as je, useCallback as g, Children as At, isValidElement as ie, useMemo as te, useLayoutEffect as Se, useImperativeHandle as ke, use as Lt } from "react";
-import { createPortal as Re } from "react-dom";
-import { useLocation as Ue, useNavigate as Tt } from "react-router";
-import { CloseNavBarDesktop as It } from "./Icons/CloseNavBarDesktop.es.js";
-import { c as De } from "./index-BOQuZ0gG.js";
+import { g as fe } from "./utils-X4-h3cum.js";
+import Ne, { forwardRef as le, useState as R, useRef as I, useEffect as X, memo as O, useContext as ze, createContext as Ce, useCallback as g, Children as Lt, isValidElement as ie, useMemo as te, useLayoutEffect as ye, useImperativeHandle as je, use as Tt } from "react";
+import { createPortal as Be } from "react-dom";
+import { useLocation as Ue, useNavigate as It } from "react-router";
+import { CloseNavBarDesktop as Ot } from "./Icons/CloseNavBarDesktop.es.js";
+import { c as ke } from "./index-BOQuZ0gG.js";
 import { B as We } from "./badge-BEx-0Q-K.js";
-import Ot from "./PlainTooltip.es.js";
-import { CrevronLeft as Et } from "./Icons/CrevronLeft.es.js";
-import { S as Ae, a as _t } from "./Scrollable-BDuzuS3m.js";
+import Et from "./PlainTooltip.es.js";
+import { CrevronLeft as _t } from "./Icons/CrevronLeft.es.js";
+import { S as De, a as Pt } from "./Scrollable-Bo9WaCTx.js";
 import ce from "./TicketCard.es.js";
 import Ve from "./UserCard.es.js";
-import de from "./Button.es.js";
-import { Logout as Pt } from "./Icons/Logout.es.js";
+import Ae from "./Button.es.js";
+import { Logout as Mt } from "./Icons/Logout.es.js";
 import re from "./Skeleton.es.js";
-import { u as Mt } from "./useScrollable-Bw17eU40.js";
-import { Help as He } from "./Icons/Help.es.js";
+import { u as Bt } from "./useScrollable-Bw17eU40.js";
+import He from "./IconButton.es.js";
+import { Help as qe } from "./Icons/Help.es.js";
 import { Close as Le } from "./Icons/Close.es.js";
 import Rt from "./NotificationCard.es.js";
-import { T as Bt, a as Ft } from "./TabLinks-DnoWdrdk.js";
-import { Notifications as qe } from "./Icons/Notifications.es.js";
-import { Settings as zt } from "./Icons/Settings.es.js";
-const Ut = le((t, r) => {
-  const [s, o] = B(t?.currentTabName || t.tabs[0]?.name), f = I(null), { tabs: l = [], className: c, activeColor: m = "var(--neutral-900)", currentSystemId: i, isLoading: u = !1 } = t;
+import { T as Ft, a as zt } from "./TabLinks-DnoWdrdk.js";
+import { Notifications as $e } from "./Icons/Notifications.es.js";
+import { Settings as Ut } from "./Icons/Settings.es.js";
+const Wt = le((t, r) => {
+  const [s, a] = R(t?.currentTabName || t.tabs[0]?.name), f = I(null), { tabs: l = [], className: c, activeColor: m = "var(--neutral-900)", currentSystemId: i, isLoading: u = !1 } = t;
   X(() => {
     f.current?.style.setProperty("--tab-bg", m);
   }, [m]);
@@ -42,7 +43,7 @@ const Ut = le((t, r) => {
         c
       ),
       children: (u ? Array(3).fill(null) : l).map(
-        (p, b) => {
+        (p, h) => {
           if (u) return /* @__PURE__ */ e.jsx(
             "div",
             {
@@ -52,7 +53,7 @@ const Ut = le((t, r) => {
                 "flex items-center pl-[6px] ",
                 "rounded-l-[8px]",
                 "tabswitch-element relative",
-                b === 0 && "active"
+                h === 0 && "active"
               ),
               children: /* @__PURE__ */ e.jsx("div", { className: D(
                 "size-8 rounded-[4px]",
@@ -64,7 +65,7 @@ const Ut = le((t, r) => {
             }
           );
           const v = p?.name === w?.name, C = typeof p?.thumbnail == "string" ? /* @__PURE__ */ e.jsx("img", { src: p?.thumbnail, alt: p?.description, className: "aspect-square object-contain rounded", draggable: !1 }) : p?.thumbnail, d = () => {
-            p.disabled || (o(p?.name), p.onClick && p.onClick(p?.name));
+            p.disabled || (a(p?.name), p.onClick && p.onClick(p?.name));
           };
           return /* @__PURE__ */ e.jsx(
             "div",
@@ -93,21 +94,21 @@ const Ut = le((t, r) => {
       )
     }
   );
-}), $e = O(le(({ children: t, className: r, context: s, modal: o = !1, closeOnOverlayClick: f = !1, unmountChildrenOnClose: l = !0 }, c) => {
-  const m = ue(t, s), i = typeof window < "u" && window.matchMedia("(min-width: 768px)").matches, { isSidebarOpen: u } = Wt(), { closeSidebar: w } = se(), [p, b] = B(() => l ? u : !0), [v, C] = B(!1);
+}), Ke = O(le(({ children: t, className: r, context: s, modal: a = !1, closeOnOverlayClick: f = !1, unmountChildrenOnClose: l = !0 }, c) => {
+  const m = de(t, s), i = typeof window < "u" && window.matchMedia("(min-width: 768px)").matches, { isSidebarOpen: u } = Vt(), { closeSidebar: w } = se(), [p, h] = R(() => l ? u : !0), [v, C] = R(!1);
   return X(() => {
     l && s?.subscribeToSidebarOpen((d) => {
-      d ? (C(!1), b(!0)) : C(!0);
+      d ? (C(!1), h(!0)) : C(!0);
     });
   }, [l]), X(() => {
     const d = c && typeof c == "object" && "current" in c ? c.current : null;
     if (!d) return;
     const y = () => {
-      v && (b(!1), C(!1));
+      v && (h(!1), C(!1));
     };
     return d.addEventListener("transitionend", y), () => d.removeEventListener("transitionend", y);
   }, [v]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    o && i && /* @__PURE__ */ e.jsx(
+    a && i && /* @__PURE__ */ e.jsx(
       "div",
       {
         className: D("navigation-drawer-sidebar-overlay"),
@@ -117,118 +118,118 @@ const Ut = le((t, r) => {
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ e.jsx("div", { ref: c, className: D("sidebar collapsed", "h-full overflow-auto", r), "aria-modal": o || void 0, children: /* @__PURE__ */ e.jsxs("div", { className: D("navigation-drawer-sidebar-inner h-full max-h-full! overflow-hidden!"), children: [
+    /* @__PURE__ */ e.jsx("div", { ref: c, className: D("sidebar collapsed", "h-full overflow-auto", r), "aria-modal": a || void 0, children: /* @__PURE__ */ e.jsxs("div", { className: D("navigation-drawer-sidebar-inner h-full max-h-full! overflow-hidden!"), children: [
       /* @__PURE__ */ e.jsx("div", { className: "secure-click-margin hidden" }),
       p && m
     ] }) })
   ] });
 })), Te = O(le(({ children: t }, r) => /* @__PURE__ */ e.jsx("div", { ref: r, className: "h-full w-max top-0 left-0 z-50", children: t })));
 Te.displayName = "LeftSlot";
-const Ke = je(null), Je = je(null), Wt = () => {
-  const t = ze(Ke);
+const Je = Ce(null), Ge = Ce(null), Vt = () => {
+  const t = ze(Je);
   if (!t) throw new Error("useDrawerState must be used within NavigationDrawer");
   return t;
 }, se = () => {
-  const t = ze(Je);
+  const t = ze(Ge);
   if (!t) throw new Error("useDrawerActions must be used within NavigationDrawer");
   return t;
-}, ue = (t, r) => typeof t == "function" ? r ? t(r) : null : t, Ge = "navigation-drawer-collapsed", Vt = () => typeof window > "u" || window.matchMedia("(min-width: 768px)").matches ? "desktop" : "mobile", Ht = (t, r) => {
+}, de = (t, r) => typeof t == "function" ? r ? t(r) : null : t, Ye = "navigation-drawer-collapsed", Ht = () => typeof window > "u" || window.matchMedia("(min-width: 768px)").matches ? "desktop" : "mobile", qt = (t, r) => {
   if (typeof window > "u") return !1;
-  const s = sessionStorage.getItem(Ge), o = r[t];
-  return s ? JSON.parse(s) : o;
-}, qt = (t) => {
+  const s = sessionStorage.getItem(Ye), a = r[t];
+  return s ? JSON.parse(s) : a;
+}, $t = (t) => {
   if (!(typeof window > "u"))
     try {
-      sessionStorage.setItem(Ge, JSON.stringify(t));
+      sessionStorage.setItem(Ye, JSON.stringify(t));
     } catch {
     }
-}, $t = {
+}, Kt = {
   desktop: !1,
   mobile: !0
-}, Kt = (t) => {
-  const { children: r, classNameDrawer: s, classNameSidebar: o, disableDragOpen: f, modal: l = !0, closeOnOutsideClick: c = !0 } = t, m = I(null), i = I(null), u = I(null), w = t.outletRef ?? I(null), p = I(null), b = I(Ht(Vt(), t.defaultCollapsedState ?? $t)), v = I(!1), C = I("drawer"), d = I(/* @__PURE__ */ new Set()), y = I(/* @__PURE__ */ new Set()), N = g((a) => {
+}, Jt = (t) => {
+  const { children: r, classNameDrawer: s, classNameSidebar: a, disableDragOpen: f, modal: l = !0, closeOnOutsideClick: c = !0 } = t, m = I(null), i = I(null), u = I(null), w = t.outletRef ?? I(null), p = I(null), h = I(qt(Ht(), t.defaultCollapsedState ?? Kt)), v = I(!1), C = I("drawer"), d = I(/* @__PURE__ */ new Set()), y = I(/* @__PURE__ */ new Set()), N = g((o) => {
     const x = u.current;
-    x && (x.classList.toggle("collapsed", a), x.classList.toggle("expanded", !a));
-  }, []), T = g((a) => {
+    x && (x.classList.toggle("collapsed", o), x.classList.toggle("expanded", !o));
+  }, []), T = g((o) => {
     const x = p.current;
     if (!x) return;
-    x.classList.toggle("collapsed", a), x.classList.toggle("expanded", !a);
+    x.classList.toggle("collapsed", o), x.classList.toggle("expanded", !o);
     const A = m.current;
-    A && (A.classList.toggle("sidebar-collapsed", a), A.classList.toggle("sidebar-expanded", !a));
-  }, []), h = g(
-    (a, { notify: x = !0 } = {}) => {
-      const A = b.current !== a;
-      b.current = a, qt(a), N(a), x && A && d.current.forEach((M) => M(a));
+    A && (A.classList.toggle("sidebar-collapsed", o), A.classList.toggle("sidebar-expanded", !o));
+  }, []), b = g(
+    (o, { notify: x = !0 } = {}) => {
+      const A = h.current !== o;
+      h.current = o, $t(o), N(o), x && A && d.current.forEach((M) => M(o));
     },
     [N]
   ), k = g(
-    (a, { notify: x = !0 } = {}) => {
-      const A = v.current !== a;
-      if (v.current = a, T(a), x && A) {
-        const M = !a;
+    (o, { notify: x = !0 } = {}) => {
+      const A = v.current !== o;
+      if (v.current = o, T(o), x && A) {
+        const M = !o;
         y.current.forEach((Y) => Y(M));
       }
     },
     [T]
   ), E = g(
-    (a, { notify: x = !0 } = {}) => {
-      const A = C.current, M = A !== a;
-      C.current = a, window.matchMedia("(min-width: 768px)").matches || h(a !== "drawer", { notify: x });
-      const Y = A === "sidebar", U = a === "sidebar";
-      x && M && Y !== U && y.current.forEach((Ne) => Ne(U)), k(a !== "sidebar", { notify: x }), h(a !== "drawer", { notify: x });
+    (o, { notify: x = !0 } = {}) => {
+      const A = C.current, M = A !== o;
+      C.current = o, window.matchMedia("(min-width: 768px)").matches || b(o !== "drawer", { notify: x });
+      const Y = A === "sidebar", U = o === "sidebar";
+      x && M && Y !== U && y.current.forEach((we) => we(U)), k(o !== "sidebar", { notify: x }), b(o !== "drawer", { notify: x });
     },
-    [h, k]
+    [b, k]
   ), j = g(() => {
-    const a = window.matchMedia("(min-width: 768px)").matches, x = !b.current;
-    if (a) {
-      h(x);
+    const o = window.matchMedia("(min-width: 768px)").matches, x = !h.current;
+    if (o) {
+      b(x);
       return;
     }
     E(x ? "outlet" : "drawer");
-  }, [E, h]), J = g((a) => {
+  }, [E, b]), J = g((o) => {
     const x = {
       closeIfMobile: !0,
       closeIfDesktop: !0
-    }, { closeIfMobile: A, closeIfDesktop: M } = { ...x, ...a };
+    }, { closeIfMobile: A, closeIfDesktop: M } = { ...x, ...o };
     if (window.matchMedia("(min-width: 768px)").matches) {
-      M && h(!0);
+      M && b(!0);
       return;
     }
     if (A) {
       E("outlet");
       return;
     }
-  }, [, E, h]), V = g((a) => {
+  }, [, E, b]), V = g((o) => {
     const x = {
       openIfMobile: !0,
       openIfDesktop: !0
-    }, { openIfMobile: A, openIfDesktop: M } = { ...x, ...a };
+    }, { openIfMobile: A, openIfDesktop: M } = { ...x, ...o };
     if (window.matchMedia("(min-width: 768px)").matches && M) {
-      M && h(!1);
+      M && b(!1);
       return;
     }
     if (A) {
       E("drawer");
       return;
     }
-  }, [E, h]), F = I(null);
+  }, [E, b]), F = I(null);
   F.current || (F.current = {
     toggleCollapse: () => j(),
     toggleDrawer: () => j(),
-    closeDrawer: (a) => J(a),
-    openDrawer: (a) => V(a),
+    closeDrawer: (o) => J(o),
+    openDrawer: (o) => V(o),
     getIsCollapsed: () => {
       if (!window.matchMedia("(min-width: 768px)").matches) {
         const x = m.current, A = w.current;
         if (x && A) {
           const M = x.scrollLeft, Y = A.offsetLeft, U = Math.abs(M - Y) < Math.abs(M);
-          return U !== b.current && (b.current = U, N(U)), U;
+          return U !== h.current && (h.current = U, N(U)), U;
         }
       }
-      return b.current;
+      return h.current;
     },
-    subscribeToCollapse: (a) => (d.current.add(a), () => {
-      d.current.delete(a);
+    subscribeToCollapse: (o) => (d.current.add(o), () => {
+      d.current.delete(o);
     }),
     openSidebar: () => {
       if (p.current) {
@@ -239,31 +240,31 @@ const Ke = je(null), Je = je(null), Wt = () => {
         E("sidebar");
       }
     },
-    closeSidebar: (a) => {
+    closeSidebar: (o) => {
       if (window.matchMedia("(min-width: 768px)").matches) {
-        k(!0), a?.();
+        k(!0), o?.();
         return;
       }
-      E("outlet"), a?.();
+      E("outlet"), o?.();
     },
-    toggleSidebar: (a) => {
+    toggleSidebar: (o) => {
       if (!p.current) return;
       if (window.matchMedia("(min-width: 768px)").matches) {
         k(!v.current);
         return;
       }
       const x = C.current === "sidebar" ? "outlet" : "sidebar";
-      E(x), a?.(v.current ? "closed" : "open");
+      E(x), o?.(v.current ? "closed" : "open");
     },
     getIsSidebarOpen: () => p.current ? window.matchMedia("(min-width: 768px)").matches ? !v.current : C.current === "sidebar" : !1,
-    subscribeToSidebarOpen: (a) => (y.current.add(a), () => {
-      y.current.delete(a);
+    subscribeToSidebarOpen: (o) => (y.current.add(o), () => {
+      y.current.delete(o);
     }),
-    setDrawerDragEnabled: (a) => {
+    setDrawerDragEnabled: (o) => {
       const x = m.current;
       if (!x) return;
       const A = x.scrollLeft;
-      if (a) {
+      if (o) {
         const M = x.style.scrollBehavior;
         x.style.scrollBehavior = "auto", x.classList.remove("disabled-dragopen"), requestAnimationFrame(() => {
           x.scrollLeft = A, requestAnimationFrame(() => {
@@ -273,10 +274,10 @@ const Ke = je(null), Je = je(null), Wt = () => {
       } else
         x.classList.add("disabled-dragopen");
     },
-    setSidebarDragEnabled: (a) => {
+    setSidebarDragEnabled: (o) => {
       const x = m.current;
       if (x)
-        if (a) {
+        if (o) {
           const A = x.scrollLeft, M = x.style.scrollBehavior;
           x.style.scrollBehavior = "auto", x.classList.remove("disabled-dragopen-sidebar"), requestAnimationFrame(() => {
             x.scrollLeft = A, requestAnimationFrame(() => {
@@ -287,57 +288,57 @@ const Ke = je(null), Je = je(null), Wt = () => {
           x.classList.add("disabled-dragopen-sidebar");
     }
   });
-  const H = F.current, G = typeof r == "function" ? r(H) : r, R = At.toArray(G);
+  const H = F.current, G = typeof r == "function" ? r(H) : r, B = Lt.toArray(G);
   let P = null, q = null, $ = null;
   const ee = [];
-  let ne = null, ae = null, z = null;
-  R.forEach((a) => {
-    if (!ie(a)) {
-      ee.push(a);
+  let ne = null, oe = null, z = null;
+  B.forEach((o) => {
+    if (!ie(o)) {
+      ee.push(o);
       return;
     }
-    if (a.type === Ie && !P) {
-      P = a;
+    if (o.type === Ie && !P) {
+      P = o;
       return;
     }
-    if (a.type === pe && !q) {
-      q = a;
+    if (o.type === me && !q) {
+      q = o;
       return;
     }
-    if (a.type === be && !$) {
-      $ = a;
+    if (o.type === pe && !$) {
+      $ = o;
       return;
     }
-    if (a.type === Ce && !ne) {
-      ne = a;
+    if (o.type === Se && !ne) {
+      ne = o;
       return;
     }
-    if (a.type === $e && !ae) {
-      ae = a;
+    if (o.type === Ke && !oe) {
+      oe = o;
       return;
     }
-    if (a.type === Te && !z) {
-      z = a;
+    if (o.type === Te && !z) {
+      z = o;
       return;
     }
-    ee.push(a);
+    ee.push(o);
   });
-  const Ee = !!q, fe = q ?? (ee.length ? /* @__PURE__ */ e.jsx(pe, { children: ee }) : null), he = Ee ? ee : [], oe = ne ?? (!!ne ? /* @__PURE__ */ e.jsx(Ce, { children: G, context: H, modal: l, closeOnOutsideClick: c }) : null), xe = $ ?? (!!$ ? /* @__PURE__ */ e.jsx(be, { children: $ }) : null), ge = !!ae, K = ae, Z = !!z, we = te(() => ({
-    isCollapsed: b.current,
+  const Ee = !!q, ue = q ?? (ee.length ? /* @__PURE__ */ e.jsx(me, { children: ee }) : null), he = Ee ? ee : [], ae = ne ?? (!!ne ? /* @__PURE__ */ e.jsx(Se, { children: G, context: H, modal: l, closeOnOutsideClick: c }) : null), be = $ ?? (!!$ ? /* @__PURE__ */ e.jsx(pe, { children: $ }) : null), xe = !!oe, K = oe, Z = !!z, ge = te(() => ({
+    isCollapsed: h.current,
     isSidebarOpen: !v.current
-  }), [b.current, v.current]);
-  return Se(() => {
+  }), [h.current, v.current]);
+  return ye(() => {
     i.current && u.current?.style.setProperty("--left-slot-width", `${i.current?.offsetWidth}px`);
-  }, [i.current]), Se(() => {
-    const a = u.current;
-    if (!a) return;
-    const x = a.style.transition;
-    a.style.transition = "none";
-    const A = b.current;
-    a.className = a.className.replace(/\b(collapsed|expanded|has-left-slot)\b/g, "").trim(), a.classList.add(A ? "collapsed" : "expanded"), Z && a.classList.add("has-left-slot"), a.style.transition = x;
-  }, [Z]), /* @__PURE__ */ e.jsx(Ke.Provider, { value: we, children: /* @__PURE__ */ e.jsx(Je.Provider, { value: H, children: /* @__PURE__ */ e.jsxs("div", { id: "navigation-drawer-container", ref: m, className: D(
+  }, [i.current]), ye(() => {
+    const o = u.current;
+    if (!o) return;
+    const x = o.style.transition;
+    o.style.transition = "none";
+    const A = h.current;
+    o.className = o.className.replace(/\b(collapsed|expanded|has-left-slot)\b/g, "").trim(), o.classList.add(A ? "collapsed" : "expanded"), Z && o.classList.add("has-left-slot"), o.style.transition = x;
+  }, [Z]), /* @__PURE__ */ e.jsx(Je.Provider, { value: ge, children: /* @__PURE__ */ e.jsx(Ge.Provider, { value: H, children: /* @__PURE__ */ e.jsxs("div", { id: "navigation-drawer-container", ref: m, className: D(
     "w-full h-full max-h-dvh overflow-y-hidden",
-    ge ? "navigation-drawer-with-sidebar" : "navigation-drawer",
+    xe ? "navigation-drawer-with-sidebar" : "navigation-drawer",
     f?.drawer ? "disabled-dragopen" : "",
     f?.sidebar ? "disabled-dragopen-sidebar" : ""
   ), children: [
@@ -347,80 +348,80 @@ const Ke = je(null), Je = je(null), Wt = () => {
         ref: u,
         className: D(
           "bg-neutral-default-default border-r border-neutral-strong-default h-dvh md:h-screen p-0 overflow-hidden drawer flex gap-0",
-          b.current ? "collapsed" : "expanded",
+          h.current ? "collapsed" : "expanded",
           Z ? "has-left-slot" : "",
           s
         ),
         children: [
-          z && ie(z) ? ve.cloneElement(z, { ref: i }) : z,
+          z && ie(z) ? Ne.cloneElement(z, { ref: i }) : z,
           /* @__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: j }),
+              /* @__PURE__ */ e.jsx(Qe, { onToggleCollapse: j }),
               P
             ] }),
             /* @__PURE__ */ e.jsxs("div", { className: "flex flex-1 overflow-hidden relative flex-col", children: [
               he,
-              fe
+              ue
             ] }),
-            xe
+            be
           ] })
         ]
       }
     ),
-    oe && ie(oe) ? ve.cloneElement(oe, { ref: w, modal: l, closeOnOutsideClick: c }) : oe,
-    K && ie(K) ? ve.cloneElement(K, {
+    ae && ie(ae) ? Ne.cloneElement(ae, { ref: w, modal: l, closeOnOutsideClick: c }) : ae,
+    K && ie(K) ? Ne.cloneElement(K, {
       ref: p,
-      className: D("sidebar", K.props?.className, o),
+      className: D("sidebar", K.props?.className, a),
       context: H
     }) : K
   ] }) }) });
-}, Be = O(Kt), Ye = O(({ onToggleCollapse: t }) => /* @__PURE__ */ e.jsx(
+}, Re = O(Jt), Qe = O(({ onToggleCollapse: t }) => /* @__PURE__ */ e.jsx(
   "button",
   {
     type: "button",
     onClick: t,
     className: "collapse-button cursor-pointer text-neutral-default-default hover:text-primary-default transition-colors duration-300 w-max",
-    children: /* @__PURE__ */ e.jsx(It, { size: 32, className: "transition-transform duration-300 p-1" })
+    children: /* @__PURE__ */ e.jsx(Ot, { size: 32, className: "transition-transform duration-300 p-1" })
   }
 ), (t, r) => t.onToggleCollapse === r.onToggleCollapse);
-Ye.displayName = "NavigationDrawerCollapseButton";
+Qe.displayName = "NavigationDrawerCollapseButton";
 const Ie = O(({ children: t, className: r, context: s }) => {
-  const o = ue(t, s);
-  return /* @__PURE__ */ e.jsx("div", { className: D("flex items-center justify-between", r), children: o });
+  const a = de(t, s);
+  return /* @__PURE__ */ e.jsx("div", { className: D("flex items-center justify-between", r), children: a });
 });
 Ie.displayName = "NavigationDrawerHeader";
-const pe = O(({ children: t, className: r, context: s, ...o }) => {
-  const f = ue(t, s);
-  return /* @__PURE__ */ e.jsx("div", { ...o, className: D("w-full flex-1 drawer-content select-none", r), children: f });
+const me = O(({ children: t, className: r, context: s, ...a }) => {
+  const f = de(t, s);
+  return /* @__PURE__ */ e.jsx("div", { ...a, className: D("w-full flex-1 drawer-content select-none", r), children: f });
 });
-pe.displayName = "NavigationDrawerContent";
-const be = O(({ children: t, className: r, context: s }) => {
-  const o = ue(t, s);
-  return /* @__PURE__ */ e.jsx("div", { className: D("flex items-center justify-between", r), children: o });
+me.displayName = "NavigationDrawerContent";
+const pe = O(({ children: t, className: r, context: s }) => {
+  const a = de(t, s);
+  return /* @__PURE__ */ e.jsx("div", { className: D("flex items-center justify-between", r), children: a });
 });
-be.displayName = "NavigationDrawerFooter";
-const Qe = O(({ className: t }) => /* @__PURE__ */ e.jsx("div", { className: D("w-full border-t border-neutral-strong-default ", t) }));
-Qe.displayName = "NavigationDrawerSpacer";
-const Ce = O(le(({ children: t, className: r, context: s, modal: o, closeOnOutsideClick: f }, l) => {
-  const c = ue(t, s), m = se(), i = () => {
+pe.displayName = "NavigationDrawerFooter";
+const Xe = O(({ className: t }) => /* @__PURE__ */ e.jsx("div", { className: D("w-full border-t border-neutral-strong-default ", t) }));
+Xe.displayName = "NavigationDrawerSpacer";
+const Se = O(le(({ children: t, className: r, context: s, modal: a, closeOnOutsideClick: f }, l) => {
+  const c = de(t, s), m = se(), i = () => {
     f && (m.closeDrawer(), m.closeSidebar());
   };
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { id: "navigation-drawer-outlet", ref: l, className: D("flex-1 overflow-auto relative h-full max-h-dvh", r), children: [
-    o && /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer-backdrop select-none", onClick: i }),
+    a && /* @__PURE__ */ e.jsx("div", { className: "navigation-drawer-backdrop select-none", onClick: i }),
     c
   ] }) });
-}), (t, r) => t.children === r.children && t.className === r.className), W = Object.assign(Be, {
-  Root: Be,
+}), (t, r) => t.children === r.children && t.className === r.className), W = Object.assign(Re, {
+  Root: Re,
   Header: Ie,
-  Content: pe,
-  Footer: be,
-  Spacer: Qe,
-  Outlet: Ce,
-  Sidebar: $e,
+  Content: me,
+  Footer: pe,
+  Spacer: Xe,
+  Outlet: Se,
+  Sidebar: Ke,
   LeftSlot: Te
 });
 W.displayName = "NavigationDrawer";
-const Jt = "hover:bg-neutral-medium-hover", Gt = De("", {
+const Gt = "hover:bg-neutral-medium-hover", Yt = ke("", {
   variants: {
     isSelected: {
       true: "bg-neutral-medium-selected ",
@@ -431,7 +432,7 @@ const Jt = "hover:bg-neutral-medium-hover", Gt = De("", {
       false: "cursor-pointer"
     }
   }
-}), Yt = De(
+}), Qt = ke(
   D(
     "select-none line-clamp-1 min-w-max",
     "prometeo-fonts-label-large transition-colors duration-300 ease-out"
@@ -454,7 +455,7 @@ const Jt = "hover:bg-neutral-medium-hover", Gt = De("", {
       { isSelected: !1, disabled: !1, className: "  text-neutral-default-default group-active:text-neutral-default-pressed group-focus-visible:text-neutral-default-pressed" }
     ]
   }
-), ye = De(
+), ve = ke(
   D(
     "transition-colors duration-300 ease-out min-w-max"
   ),
@@ -476,11 +477,11 @@ const Jt = "hover:bg-neutral-medium-hover", Gt = De("", {
       { isSelected: !1, disabled: !1, className: "text-neutral-default-default group-active:text-neutral-default-pressed group-focus-visible:text-neutral-default-pressed" }
     ]
   }
-), Qt = (t) => {
+), Xt = (t) => {
   const {
     title: r,
     icon: s,
-    count: o,
+    count: a,
     className: f,
     isSelected: l = !1,
     hasSublinks: c,
@@ -489,18 +490,18 @@ const Jt = "hover:bg-neutral-medium-hover", Gt = De("", {
     as: u = "div",
     onClick: w,
     onAuxClick: p,
-    disabled: b = !1,
+    disabled: h = !1,
     tooltipText: v,
     selectorCss: C
-  } = t, d = (h) => {
-    b || w?.(h);
+  } = t, d = (b) => {
+    h || w?.(b);
   }, y = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-center flex-nowrap", children: [
-      s && (v ? /* @__PURE__ */ e.jsx(Ot, { title: v, disabled: b, children: /* @__PURE__ */ e.jsx(s, { size: 24, className: ye({ disabled: b, isSelected: l }) }) }) : /* @__PURE__ */ e.jsx(s, { size: 24, className: ye({ disabled: b, isSelected: l }) })),
-      /* @__PURE__ */ e.jsx("label", { className: Yt({ disabled: b, isSelected: l }), children: r })
+      s && (v ? /* @__PURE__ */ e.jsx(Et, { title: v, disabled: h, children: /* @__PURE__ */ e.jsx(s, { size: 24, className: ve({ disabled: h, isSelected: l }) }) }) : /* @__PURE__ */ e.jsx(s, { size: 24, className: ve({ disabled: h, isSelected: l }) })),
+      /* @__PURE__ */ e.jsx("label", { className: Qt({ disabled: h, isSelected: l }), children: r })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1 items-center", children: [
-      o && o ? /* @__PURE__ */ e.jsx(We, { count: o, maxCount: 9, className: "badge", disabled: b }) : "",
+      a && a ? /* @__PURE__ */ e.jsx(We, { count: a, maxCount: 9, className: "badge", disabled: h }) : "",
       c && /* @__PURE__ */ e.jsx(
         "div",
         {
@@ -514,11 +515,11 @@ const Jt = "hover:bg-neutral-medium-hover", Gt = De("", {
           children: /* @__PURE__ */ e.jsx(
             "button",
             {
-              disabled: b,
+              disabled: h,
               type: "button",
               onClick: i,
-              className: D("absolute cursor-pointer hover:text-primary-default-hover top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 p-2 z-100 select-none", ye({ disabled: b, isSelected: l }), b && "pointer-events-none"),
-              children: /* @__PURE__ */ e.jsx(Et, {})
+              className: D("absolute cursor-pointer hover:text-primary-default-hover top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 p-2 z-100 select-none", ve({ disabled: h, isSelected: l }), h && "pointer-events-none"),
+              children: /* @__PURE__ */ e.jsx(_t, {})
             }
           )
         }
@@ -528,43 +529,43 @@ const Jt = "hover:bg-neutral-medium-hover", Gt = De("", {
     "group navitem",
     "h-12 flex-1 flex items-center p-3 rounded-lg justify-between w-full",
     "transition-all duration-300",
-    Jt,
-    Gt({ isSelected: l, disabled: b }),
+    Gt,
+    Yt({ isSelected: l, disabled: h }),
     f
   );
   if (u === "a") {
-    const h = {
+    const b = {
       onClick: d,
       onAuxClick: p,
       className: N
     };
-    return /* @__PURE__ */ e.jsx("a", { ...h, children: y });
+    return /* @__PURE__ */ e.jsx("a", { ...b, children: y });
   }
   if (u === "button") {
-    const h = {
+    const b = {
       onClick: d,
       type: "button",
       className: N,
       id: C
     };
-    return /* @__PURE__ */ e.jsx("button", { ...h, children: y });
+    return /* @__PURE__ */ e.jsx("button", { ...b, children: y });
   }
   const T = {
     onClick: d,
     className: N
   };
   return /* @__PURE__ */ e.jsx("div", { ...T, children: y });
-}, Oe = O(Qt);
+}, Oe = O(Xt);
 Oe.displayName = "NavigationDrawerItemBase";
-const Xt = (t) => {
-  const { title: r, icon: s, count: o, className: f, isActive: l, onClick: c, isView: m = !0, disabled: i, tooltipText: u, selectorCss: w } = t;
+const Zt = (t) => {
+  const { title: r, icon: s, count: a, className: f, isActive: l, onClick: c, isView: m = !0, disabled: i, tooltipText: u, selectorCss: w } = t;
   return m ? /* @__PURE__ */ e.jsx(
     Oe,
     {
       as: "button",
       title: r,
       icon: s,
-      count: o,
+      count: a,
       className: f,
       isSelected: l,
       onClick: c,
@@ -573,9 +574,9 @@ const Xt = (t) => {
       selectorCss: w
     }
   ) : null;
-}, Xe = O(Xt);
-Xe.displayName = "NavigationDrawerActionItem";
-const Zt = ({ actions: t, activeActionId: r, onActionClick: s, className: o }) => /* @__PURE__ */ e.jsx(Ae, { className: D("flex flex-col gap-2 w-full ", o), scrollbarProps: { hide: !0 }, indicators: {
+}, Ze = O(Zt);
+Ze.displayName = "NavigationDrawerActionItem";
+const er = ({ actions: t, activeActionId: r, onActionClick: s, className: a }) => /* @__PURE__ */ e.jsx(De, { className: D("flex flex-col w-full ", a), contentClassName: "space-y-2", scrollbarProps: { hide: !0 }, indicators: {
   top: { type: "shadow", behavior: "scroll-on-hover", show: !0 },
   bottom: { type: "shadow", behavior: "scroll-on-hover", show: !0 }
 }, children: t?.map((f) => {
@@ -583,7 +584,7 @@ const Zt = ({ actions: t, activeActionId: r, onActionClick: s, className: o }) =
     s?.(l, i), c?.();
   };
   return m ? /* @__PURE__ */ e.jsx(
-    Xe,
+    Ze,
     {
       ...u,
       id: l,
@@ -592,19 +593,19 @@ const Zt = ({ actions: t, activeActionId: r, onActionClick: s, className: o }) =
     },
     l
   ) : null;
-}) }), Ze = O(Zt);
-Ze.displayName = "NavigationDrawerActions";
-const er = (t) => {
-  const { className: r, title: s, path: o, onClick: f, isSelected: l, parentPath: c } = t, { pathname: m } = Ue(), i = g(() => {
-    f?.(o);
-  }, [o]), u = g(() => {
-    if (o.startsWith("./")) {
+}) }), et = O(er);
+et.displayName = "NavigationDrawerActions";
+const tr = (t) => {
+  const { className: r, title: s, path: a, onClick: f, isSelected: l, parentPath: c } = t, { pathname: m } = Ue(), i = g(() => {
+    f?.(a);
+  }, [a]), u = g(() => {
+    if (a.startsWith("./")) {
       if (!c) return;
-      const p = c + o.slice(2);
+      const p = c + a.slice(2);
       window.open(p, "_blank");
     } else
-      window.open(o, "_blank");
-  }, [o]), w = l || o === m;
+      window.open(a, "_blank");
+  }, [a]), w = l || a === m;
   return /* @__PURE__ */ e.jsx(
     "a",
     {
@@ -625,17 +626,17 @@ const er = (t) => {
       ), children: s })
     }
   );
-}, et = O(er);
-et.displayName = "NavItemSecondary";
-const tr = le((t, r) => {
-  const [s, o] = B(!0), f = I(null), { path: l, title: c, icon: m, count: i, className: u, isSelected: w = !1, onClick: p, sublinks: b, toggleCollapse: v, getIsCollapsed: C, subscribeToCollapse: d, isView: y = !0, disabled: N, tooltipText: T, selectorCss: h } = t;
+}, tt = O(tr);
+tt.displayName = "NavItemSecondary";
+const rr = le((t, r) => {
+  const [s, a] = R(!0), f = I(null), { path: l, title: c, icon: m, count: i, className: u, isSelected: w = !1, onClick: p, sublinks: h, toggleCollapse: v, getIsCollapsed: C, subscribeToCollapse: d, isView: y = !0, disabled: N, tooltipText: T, selectorCss: b } = t;
   X(() => d ? d((P) => {
-    P && o(!0);
+    P && a(!0);
   }) : void 0, [d]);
   const k = g(() => {
-    o((R) => !R);
-  }, []), E = g((R) => {
-    o(R);
+    a((B) => !B);
+  }, []), E = g((B) => {
+    a(B);
   }, []), j = {
     toggle: k,
     setIsCollapsed: E,
@@ -648,21 +649,21 @@ const tr = le((t, r) => {
     toggleDrawerCollapse: v,
     subscribeToCollapse: d
   };
-  ke(r, () => j, [j, s, C, v]);
+  je(r, () => j, [j, s, C, v]);
   const J = m, V = g(() => {
-    const R = C?.() ?? !1;
-    if (b && b.length > 0 && R) {
+    const B = C?.() ?? !1;
+    if (h && h.length > 0 && B) {
       E(!1), v?.();
       return;
     }
     p?.(l);
-  }, [l, p, b, v, E, C]), F = g(() => {
+  }, [l, p, h, v, E, C]), F = g(() => {
     window.open(l, "_blank");
   }, [l]), H = () => {
-    if (!b || N) return null;
-    if (t.subLinksRender && b)
-      return t.subLinksRender(b, j);
-    const R = g((P) => {
+    if (!h || N) return null;
+    if (t.subLinksRender && h)
+      return t.subLinksRender(h, j);
+    const B = g((P) => {
       if (P.startsWith("./")) {
         const q = l + P.slice(2);
         p?.(q);
@@ -674,11 +675,11 @@ const tr = le((t, r) => {
       if (!P) return;
       const q = P.scrollHeight;
       P.style.setProperty("--sublinks-max-height", `${q}px`);
-    }, []), /* @__PURE__ */ e.jsx("div", { ref: f, className: `sublinks flex flex-col gap-1 ml-8 ${s ? "collapsed" : "expanded"}`, children: b.map((P) => /* @__PURE__ */ e.jsx(et, { ...P, onClick: R, parentPath: l }, `${P.title}-${P.path}`)) });
-  }, G = (R) => {
-    R.stopPropagation(), R.preventDefault(), k();
+    }, []), /* @__PURE__ */ e.jsx("div", { ref: f, className: `sublinks flex flex-col gap-1 ml-8 ${s ? "collapsed" : "expanded"}`, children: h.map((P) => /* @__PURE__ */ e.jsx(tt, { ...P, onClick: B, parentPath: l }, `${P.title}-${P.path}`)) });
+  }, G = (B) => {
+    B.stopPropagation(), B.preventDefault(), k();
   };
-  return y ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 ", id: h, children: [
+  return y ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 ", id: b, children: [
     /* @__PURE__ */ e.jsx(
       Oe,
       {
@@ -688,7 +689,7 @@ const tr = le((t, r) => {
         count: i,
         className: u,
         isSelected: w,
-        hasSublinks: !!b,
+        hasSublinks: !!h,
         subLinksCollapsed: s,
         onToggleSublinks: G,
         onClick: V,
@@ -699,23 +700,23 @@ const tr = le((t, r) => {
     ),
     H()
   ] }) : null;
-}), tt = O(tr);
-tt.displayName = "NavigationDrawerLinkItem";
-const rr = ({ navlinks: t, handleNavigation: r, className: s, getIsCollapsed: o, toggleCollapse: f, subscribeToCollapse: l }) => {
+}), rt = O(rr);
+rt.displayName = "NavigationDrawerLinkItem";
+const sr = ({ navlinks: t, handleNavigation: r, className: s, getIsCollapsed: a, toggleCollapse: f, subscribeToCollapse: l }) => {
   const { pathname: c } = Ue();
-  return /* @__PURE__ */ e.jsx(Ae, { className: D("flex flex-col gap-2 w-full ", s), axis: "y", scrollbarProps: { hide: !0 }, indicators: {
+  return /* @__PURE__ */ e.jsx(De, { className: D("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((m, i) => {
     const u = m.isSelected || m.path === c || (m.relatedPaths?.some((w) => c.startsWith(w)) ?? !1) || (m.sublinks?.some((w) => w.path === c) ?? !1);
     return /* @__PURE__ */ e.jsx(
-      tt,
+      rt,
       {
         ...m,
         isSelected: u,
         onClick: r,
         toggleCollapse: f,
-        getIsCollapsed: o,
+        getIsCollapsed: a,
         subscribeToCollapse: l,
         disabled: m.disabled,
         isView: m.isView,
@@ -724,22 +725,22 @@ const rr = ({ navlinks: t, handleNavigation: r, className: s, getIsCollapsed: o,
       i
     );
   }) });
-}, rt = O(rr);
-rt.displayName = "NavigationDrawerNavlinks";
-const st = O(({ navlinks: t, handleNavigation: r, allActions: s, activeActionId: o, initialSectionRef: f, navigationControlsRef: l, onActionClick: c }) => {
-  const { getIsCollapsed: m, toggleCollapse: i, subscribeToCollapse: u, subscribeToSidebarOpen: w, getIsSidebarOpen: p } = se(), [b, v] = B(() => p?.() ?? !1), [C, d] = B(() => f?.current ?? "notifications");
+}, st = O(sr);
+st.displayName = "NavigationDrawerNavlinks";
+const nt = O(({ navlinks: t, handleNavigation: r, allActions: s, activeActionId: a, initialSectionRef: f, navigationControlsRef: l, onActionClick: c }) => {
+  const { getIsCollapsed: m, toggleCollapse: i, subscribeToCollapse: u, subscribeToSidebarOpen: w, getIsSidebarOpen: p } = se(), [h, v] = R(() => p?.() ?? !1), [C, d] = R(() => f?.current ?? "notifications");
   X(() => {
-    const T = w?.(v), h = l?.current?.subscribeToSection?.(d);
+    const T = w?.(v), b = l?.current?.subscribeToSection?.(d);
     return () => {
-      T?.(), h?.();
+      T?.(), b?.();
     };
   }, [w, l]);
-  const N = b && (C === "notifications" || C === "help") ? C : o;
+  const N = h && (C === "notifications" || C === "help") ? C : a;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(W.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(
-        rt,
+        st,
         {
           getIsCollapsed: m,
           toggleCollapse: i,
@@ -750,7 +751,7 @@ const st = O(({ navlinks: t, handleNavigation: r, allActions: s, activeActionId:
         }
       ),
       /* @__PURE__ */ e.jsx(
-        Ze,
+        et,
         {
           actions: s,
           activeActionId: N,
@@ -761,9 +762,9 @@ const st = O(({ 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);
-st.displayName = "PyrionLayout.Content";
-const sr = (t) => {
-  const { sessions: r, onSessionClick: s, secondarySlot: o, subImageUrlAccessor: f } = t;
+nt.displayName = "PyrionLayout.Content";
+const nr = (t) => {
+  const { sessions: r, onSessionClick: s, secondarySlot: a, subImageUrlAccessor: f } = t;
   if (!r || r.length === 0)
     return null;
   const l = (i, u) => {
@@ -771,10 +772,10 @@ const sr = (t) => {
   }, c = (i) => {
     if (!f)
       return;
-    const u = me({ session: i }, f);
+    const u = fe({ session: i }, f);
     if (u != null)
       return typeof u == "string" ? u : String(u);
-  }, m = g((i) => typeof o == "function" ? o(i) : o, [o]);
+  }, m = g((i) => typeof a == "function" ? a(i) : a, [a]);
   return /* @__PURE__ */ e.jsx("div", { className: "w-full h-full flex flex-col gap-2", children: r?.map((i) => {
     const { auth_id: u } = i;
     return /* @__PURE__ */ e.jsx(ce, { className: " shrink-0 h-max", children: /* @__PURE__ */ e.jsx(ce.Content, { onClick: () => l(i, t.userOptionsControls), className: "p-0 group-data-[expanded=true]/ticketcard:border-none", children: /* @__PURE__ */ e.jsx(
@@ -790,11 +791,11 @@ const sr = (t) => {
       i.token
     ) }) }, i.token);
   }) });
-}, nr = ({
+}, or = ({
   state: t,
   currentAppSessions: r,
   resolveUserSecondarySlot: s,
-  resolveSessionSecondarySlot: o,
+  resolveSessionSecondarySlot: a,
   onSessionClick: f,
   onLogoutClick: l,
   onProfileClick: c,
@@ -803,16 +804,16 @@ const sr = (t) => {
   userOptionsControls: u,
   mobileAppSwitcherControls: w
 }) => {
-  const { getIsCollapsed: p, toggleCollapse: b, subscribeToCollapse: v } = se(), C = g(() => {
+  const { getIsCollapsed: p, toggleCollapse: h, subscribeToCollapse: v } = se(), C = g(() => {
     const d = p();
-    d ? (b(), u.current?.open()) : c?.(d);
-  }, [p, b, u, c]);
+    d ? (h(), u.current?.open()) : c?.(d);
+  }, [p, h, u, c]);
   return X(() => v((d) => {
     d && (u.current?.close(), w.current?.close());
   }), [v, u, w]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(W.Spacer, { className: "mb-3" }),
     /* @__PURE__ */ e.jsxs(ce, { className: "", controls: u, children: [
-      /* @__PURE__ */ e.jsx(ce.Content, { onClick: C, children: /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ e.jsx(ce.Content, { onClick: C, className: "max-h-[60px] min-h-[60px] h-[60px] flex items-center", children: /* @__PURE__ */ e.jsx(
         Ve,
         {
           className: "pyrion-navigation-drawer-user-card p-0",
@@ -828,7 +829,7 @@ const sr = (t) => {
         r && r.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
           /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-label-medium text-neutral-medium-default select-none", children: "Cambiar cuenta" }),
           /* @__PURE__ */ e.jsx(
-            Ae,
+            De,
             {
               className: "flex flex-col gap-2 max-h-[195px] flex-1",
               scrollbarProps: { hide: !0 },
@@ -838,11 +839,11 @@ const sr = (t) => {
               },
               speed: 2,
               children: /* @__PURE__ */ e.jsx(
-                sr,
+                nr,
                 {
                   sessions: r,
                   onSessionClick: f,
-                  secondarySlot: o,
+                  secondarySlot: a,
                   subImageUrlAccessor: m?.sessionCardOptions?.subImageUrlAccessor,
                   currentSystemId: i,
                   userOptionsControls: u
@@ -854,14 +855,14 @@ const sr = (t) => {
         /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: l && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           /* @__PURE__ */ e.jsx("span", { className: "border-t border-neutral-strong-default w-full bg-neutral-strong-default" }),
           /* @__PURE__ */ e.jsx(
-            de,
+            Ae,
             {
               onClick: l,
               animate: !1,
               animateIcon: !1,
               variant: "text",
               label: "Cerrar sesión",
-              icon: /* @__PURE__ */ e.jsx(Pt, {}),
+              icon: /* @__PURE__ */ e.jsx(Mt, {}),
               size: "small",
               color: "secondary",
               className: "w-full justify-start h-12 max-h-none p-3 "
@@ -871,9 +872,9 @@ const sr = (t) => {
       ] })
     ] })
   ] });
-}, nt = O(nr, (t, r) => {
-  const s = Object.keys(t), o = Object.keys(r);
-  if (s.length !== o.length)
+}, ot = O(or, (t, r) => {
+  const s = Object.keys(t), a = Object.keys(r);
+  if (s.length !== a.length)
     return !1;
   for (const f of s) {
     if (!Object.prototype.hasOwnProperty.call(r, f))
@@ -884,9 +885,9 @@ const sr = (t) => {
   }
   return t.currentAppSessions !== r.currentAppSessions || t.options !== r.options || t.currentSystemId !== r.currentSystemId || t.userOptionsControls !== r.userOptionsControls || t.mobileAppSwitcherControls !== r.mobileAppSwitcherControls;
 });
-nt.displayName = "PyrionNavigationDrawer.Footer";
+ot.displayName = "PyrionNavigationDrawer.Footer";
 const at = O(({ enabled_systems: t, onClick: r, currentSystemId: s }) => {
-  const o = g(() => {
+  const a = g(() => {
     if (t) {
       if (s) {
         const m = t.find((i) => i._id === s);
@@ -898,20 +899,20 @@ const at = O(({ enabled_systems: t, onClick: r, currentSystemId: s }) => {
     return { coverImage: "", thumbnail: "" };
   }, [t]), f = !!r;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    o().coverImage ? /* @__PURE__ */ e.jsx(
+    a().coverImage ? /* @__PURE__ */ e.jsx(
       "img",
       {
-        src: o().coverImage,
+        src: a().coverImage,
         alt: "System Logo",
         className: D("w-full h-12 rounded object-contain system-cover-image ", f && "cursor-pointer"),
         draggable: !1,
         onClick: r
       }
     ) : /* @__PURE__ */ e.jsx(re, { className: "w-full h-12 rounded object-contain system-cover-image " }),
-    o().thumbnail ? /* @__PURE__ */ e.jsx(
+    a().thumbnail ? /* @__PURE__ */ e.jsx(
       "img",
       {
-        src: o().thumbnail,
+        src: a().thumbnail,
         alt: "System Logo",
         className: D("w-12 h-12 rounded object-cover system-thumbnail ", f && "cursor-pointer"),
         draggable: !1,
@@ -921,14 +922,14 @@ const at = O(({ enabled_systems: t, onClick: r, currentSystemId: s }) => {
   ] });
 }, (t, r) => t.enabled_systems === r.enabled_systems && t.onClick === r.onClick && t.currentSystemId === r.currentSystemId);
 at.displayName = "PyrionNavigationDrawer.SystemLogo";
-const ot = O(
+const lt = O(
   ({ onSystemLogoClick: t, state: r, currentSystemId: s }) => {
-    const { getIsCollapsed: o } = se(), f = g(() => {
+    const { getIsCollapsed: a } = se(), f = g(() => {
       if (t) {
-        const l = o();
+        const l = a();
         t(l);
       }
-    }, [t, o]);
+    }, [t, a]);
     return /* @__PURE__ */ e.jsx(
       at,
       {
@@ -939,43 +940,43 @@ const ot = O(
     );
   }
 );
-ot.displayName = "PyrionNavigationDrawer.Header";
+lt.displayName = "PyrionNavigationDrawer.Header";
 const ar = ({ onCloseClick: t, children: r, title: s = "Ayuda" }) => /* @__PURE__ */ e.jsxs(
   "section",
   {
     className: "overflow-auto max-w-screen max-h-dvh md:w-[492px] bg-neutral-default-default border-l-0 md:border-l border-neutral-strong-default h-full",
     children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "w-full h-max flex gap-2 items-center justify-between pt-8 pb-2 pr-2 pl-4 border-b border-neutral-strong-default sticky top-0 z-50 bg-neutral-default-default", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "w-full h-max flex gap-2 items-center justify-between pt-6 pb-2 pr-2 pl-4 border-b border-neutral-strong-default sticky top-0 z-50 bg-neutral-default-default", children: [
         /* @__PURE__ */ e.jsxs("span", { className: "flex gap-2 items-center", children: [
-          /* @__PURE__ */ e.jsx(He, { className: "text-neutral-strong-default", size: 24 }),
-          /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-headline-small text-neutral-strong-default", children: s })
+          /* @__PURE__ */ e.jsx(qe, { className: "text-neutral-strong-default", size: 24 }),
+          /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-headline-xsmall text-neutral-strong-default", children: s })
         ] }),
-        /* @__PURE__ */ e.jsx(de, { onClick: () => t?.(), icon: /* @__PURE__ */ e.jsx(Le, {}), variant: "text", animate: !1, animateIcon: !1, color: "secondary", className: "size-12" })
+        /* @__PURE__ */ e.jsx(He, { onClick: () => t?.(), icon: Le, size: "large", variant: "text", color: "secondary" })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "contents", children: r })
     ]
   }
 ), Fe = ({ type: t }) => {
   if (t === "load_more") return /* @__PURE__ */ e.jsx("p", { className: " prometeo-fonts-body-large text-neutral-medium-default w-full text-center py-4", children: "Cargando más ..." });
-  if (t === "skeletons") return /* @__PURE__ */ e.jsx("div", { className: "w-full h-full flex flex-col gap-3", children: Array(10)?.fill({})?.map(() => /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(or, {}) })) });
-}, or = () => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-end gap-1 p-2", children: [
+  if (t === "skeletons") return /* @__PURE__ */ e.jsx("div", { className: "w-full h-full flex flex-col gap-3", children: Array(10)?.fill({})?.map(() => /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(lr, {}) })) });
+}, lr = () => /* @__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(re, { shape: "circle", className: "w-12 h-12 aspect-square!" }),
     /* @__PURE__ */ e.jsx(re, { shape: "rounded", className: "w-full h-12 min-h-12" })
   ] }),
   /* @__PURE__ */ e.jsx(re, { shape: "rounded", className: "w-20 h-3" })
-] }), lr = ({ onCloseClick: t, onMarkAllAsRead: r, loadingState: s, errorState: o, notifications: f, scrollableState: l }) => {
-  const [c, m] = B("NO_LEIDAS"), i = I(null), u = I(null), w = (h) => {
-    m(h);
+] }), ir = ({ onCloseClick: t, onMarkAllAsRead: r, loadingState: s, errorState: a, notifications: f, scrollableState: l }) => {
+  const [c, m] = R("NO_LEIDAS"), i = I(null), u = I(null), w = (b) => {
+    m(b);
   }, p = f.length > 0;
-  Se(() => {
+  ye(() => {
     if (i.current && u.current) {
-      const h = i.current.clientHeight;
-      u.current.style.setProperty("height", `calc(100dvh - ${h}px - 20px)`);
+      const b = i.current.clientHeight;
+      u.current.style.setProperty("height", `calc(100dvh - ${b}px - 20px)`);
     }
   }, [i?.current, c]);
-  const b = f.filter((h) => !h.read).length, { isLoading: v, type: C } = s, { hasError: d, children: y } = o, N = te(() => f?.filter(
-    (h) => c === "NO_LEIDAS" ? !h.read : h
+  const h = f.filter((b) => !b.read).length, { isLoading: v, type: C } = s, { hasError: d, children: y } = a, N = te(() => f?.filter(
+    (b) => c === "NO_LEIDAS" ? !b.read : b
   ), [f, c]), T = te(() => ({
     activeTab: c,
     isLoading: v
@@ -983,18 +984,18 @@ const ar = ({ onCloseClick: t, children: r, title: s = "Ayuda" }) => /* @__PURE_
   return /* @__PURE__ */ e.jsx(
     "section",
     {
-      className: "w-full md:w-[492px] bg-neutral-default-default flex flex-col border-l-0 md:border-l border-neutral-strong-default min-h-full  h-full max-h-full overflow-hidden",
+      className: " w-full md:w-[492px] bg-neutral-default-default flex flex-col border-l-0 md:border-l border-neutral-strong-default min-h-full  h-full max-h-full overflow-hidden",
       children: /* @__PURE__ */ e.jsxs("div", { className: " w-full flex flex-col gap-0 ", children: [
         /* @__PURE__ */ e.jsxs("div", { ref: i, className: "flex flex-col gap-4", children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "w-full h-max flex gap-2 items-center justify-between pt-8 pb-2 pr-2 pl-4 border-b border-neutral-strong-default sticky top-0 z-50 bg-neutral-default-default", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "w-full h-max flex gap-2 items-center justify-between pt-6 pb-2 pr-2 pl-4 border-b border-neutral-strong-default sticky top-0 z-50 bg-neutral-default-default", children: [
             /* @__PURE__ */ e.jsxs("span", { className: "flex gap-2 items-center", children: [
-              /* @__PURE__ */ e.jsx(qe, { className: "text-neutral-strong-default", size: 24 }),
-              /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-headline-small text-neutral-strong-default", children: "Notificaciones" })
+              /* @__PURE__ */ e.jsx($e, { className: "text-neutral-strong-default", size: 24 }),
+              /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-headline-xsmall text-neutral-strong-default", children: "Notificaciones" })
             ] }),
-            /* @__PURE__ */ e.jsx(de, { onClick: () => t?.(), icon: /* @__PURE__ */ e.jsx(Le, {}), variant: "text", animate: !1, animateIcon: !1, color: "secondary", className: "size-12" })
+            /* @__PURE__ */ e.jsx(He, { onClick: () => t?.(), icon: Le, size: "large", variant: "text", color: "secondary" })
           ] }),
           /* @__PURE__ */ e.jsx(
-            Bt,
+            Ft,
             {
               className: "px-4 md:px-2 md:pl-2 pl-2 gap-0 md:gap-0",
               onTabChange: w,
@@ -1003,12 +1004,12 @@ const ar = ({ onCloseClick: t, children: r, title: s = "Ayuda" }) => /* @__PURE_
                 { id: "ALL", title: "Todas" },
                 { id: "NO_LEIDAS", title: "Sin leer" }
               ],
-              renderTab: (h, k, E, j, J, V, F, H) => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+              renderTab: (b, k, E, j, J, V, F, H) => /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
                 /* @__PURE__ */ e.jsx(
-                  Ft,
+                  zt,
                   {
-                    id: h.id,
-                    title: h.title,
+                    id: b.id,
+                    title: b.title,
                     onClick: E,
                     isActive: k,
                     onIconClick: j,
@@ -1018,17 +1019,17 @@ const ar = ({ onCloseClick: t, children: r, title: s = "Ayuda" }) => /* @__PURE_
                     iconSize: H
                   }
                 ),
-                b > 0 && h.id === "NO_LEIDAS" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  /* @__PURE__ */ e.jsx(We, { count: b, className: "absolute top-1 -right-1" }),
+                h > 0 && b.id === "NO_LEIDAS" && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  /* @__PURE__ */ e.jsx(We, { count: h, className: "absolute top-1 -right-1" }),
                   v && /* @__PURE__ */ e.jsx("div", { className: "absolute top-0.5 -right-1.5", children: /* @__PURE__ */ e.jsx(re, { className: "size-6!", shape: "circle", animation: "border" }) })
                 ] })
               ] })
             }
           ),
-          r && p && c === "NO_LEIDAS" && !d && /* @__PURE__ */ e.jsx("div", { className: "flex justify-end px-4", children: /* @__PURE__ */ e.jsx(de, { disabled: v || b === 0, onClick: r, label: "Marcar todas como leidas", variant: "text", animate: !1, animateIcon: !1, size: "small" }) })
+          r && p && c === "NO_LEIDAS" && !d && /* @__PURE__ */ e.jsx("div", { className: "flex justify-end px-4", children: /* @__PURE__ */ e.jsx(Ae, { disabled: v || h === 0, onClick: r, label: "Marcar todas como leidas", variant: "text", animate: !1, animateIcon: !1, size: "small" }) })
         ] }),
         /* @__PURE__ */ e.jsx("div", { ref: u, className: " ", children: /* @__PURE__ */ e.jsxs(
-          _t,
+          Pt,
           {
             scrollableState: l,
             className: "*:px-4 md:*:px-2 flex flex-col gap-3 h-full  *:prometeo-scrollbar-none",
@@ -1043,10 +1044,10 @@ const ar = ({ onCloseClick: t, children: r, title: s = "Ayuda" }) => /* @__PURE_
             children: [
               d && /* @__PURE__ */ e.jsx("div", { className: "w-full h-full grid place-items-center", children: typeof y == "function" ? y() : y }),
               !d && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col md:h-[110%] h-[120%] ", children: [
-                v && C === "skeletons" ? /* @__PURE__ */ e.jsx(Fe, { type: C }) : p ? N?.map((h) => /* @__PURE__ */ e.jsxs("div", { children: [
-                  /* @__PURE__ */ e.jsx(Rt, { ...h, className: "mt-2" }),
+                v && C === "skeletons" ? /* @__PURE__ */ e.jsx(Fe, { type: C }) : p ? N?.map((b) => /* @__PURE__ */ e.jsxs("div", { children: [
+                  /* @__PURE__ */ e.jsx(Rt, { ...b, className: "mt-2" }),
                   /* @__PURE__ */ e.jsx("div", { className: "h-0 mt-2 w-full border-b border-neutral-strong-default" })
-                ] }, h._id)) : /* @__PURE__ */ e.jsx("p", { className: "flex-1 grid place-items-center prometeo-fonts-headline-xsmall text-neutral-default-default text-center py-8 text-balance", children: "No tienes notificaciones nuevas por el momento" }),
+                ] }, b._id)) : /* @__PURE__ */ e.jsx("p", { className: "flex-1 grid place-items-center prometeo-fonts-headline-xsmall text-neutral-default-default text-center py-8 text-balance", children: "No tienes notificaciones nuevas por el momento" }),
                 C === "load_more" && /* @__PURE__ */ e.jsx("div", { className: "w-full min-h-16 flex-1 flex flex-col items-center justify-center", children: v && /* @__PURE__ */ e.jsx(Fe, { type: C }) })
               ] })
             ]
@@ -1055,52 +1056,52 @@ const ar = ({ onCloseClick: t, children: r, title: s = "Ayuda" }) => /* @__PURE_
       ] })
     }
   );
-}, ir = (t) => {
-  const { notificationsListControls: r } = t, [s, o] = B([]), [f, l] = B({ isLoading: !1, type: "load_more" }), [c, m] = B({ hasError: !1 }), i = I(/* @__PURE__ */ new Set()), u = g((y, N = "top") => {
-    o((T) => {
-      const h = Array.isArray(y) ? N === "bottom" ? [...T, ...y] : [...y, ...T] : N === "bottom" ? [...T, y] : [y, ...T];
+}, cr = (t) => {
+  const { notificationsListControls: r } = t, [s, a] = R([]), [f, l] = R({ isLoading: !1, type: "load_more" }), [c, m] = R({ hasError: !1 }), i = I(/* @__PURE__ */ new Set()), u = g((y, N = "top") => {
+    a((T) => {
+      const b = Array.isArray(y) ? N === "bottom" ? [...T, ...y] : [...y, ...T] : N === "bottom" ? [...T, y] : [y, ...T];
       return queueMicrotask(() => {
-        i.current.forEach((k) => k(h, { total: h.length, unread: h.filter((E) => !E.read).length }));
-      }), h;
+        i.current.forEach((k) => k(b, { total: b.length, unread: b.filter((E) => !E.read).length }));
+      }), b;
     });
   }, []), w = g((y) => (i.current.add(y), () => {
     i.current.delete(y);
   }), []), p = g((y) => {
-    o((N) => {
-      const T = Array.isArray(y) ? N.filter((h) => !y.includes(h._id)) : N.filter((h) => h._id !== y);
+    a((N) => {
+      const T = Array.isArray(y) ? N.filter((b) => !y.includes(b._id)) : N.filter((b) => b._id !== y);
       return queueMicrotask(() => {
-        i.current.forEach((h) => h(T, { total: T.length, unread: T.filter((k) => !k.read).length }));
+        i.current.forEach((b) => b(T, { total: T.length, unread: T.filter((k) => !k.read).length }));
       }), T;
     });
-  }, []), b = g(() => {
-    o([]), queueMicrotask(() => {
+  }, []), h = g(() => {
+    a([]), queueMicrotask(() => {
       i.current.forEach((y) => y([], { total: 0, unread: 0 }));
     });
   }, []), v = g((y) => {
     const N = Array.isArray(y) ? y : y(s);
-    o(N), queueMicrotask(() => {
-      i.current.forEach((T) => T(N, { total: N.length, unread: N.filter((h) => !h.read).length }));
+    a(N), queueMicrotask(() => {
+      i.current.forEach((T) => T(N, { total: N.length, unread: N.filter((b) => !b.read).length }));
     });
   }, []), C = g((y, N = "load_more") => {
     l({ isLoading: y, type: N });
   }, []), d = g((y, N) => {
     m({ hasError: y, children: N });
   }, []);
-  return ke(r, () => ({
+  return je(r, () => ({
     addNewNotification: u,
     subscribeToUpdates: w,
     setNotifications: v,
     removeNotification: p,
-    removeAllNotifications: b,
+    removeAllNotifications: h,
     setLoading: C,
     setError: d
-  }), [u, w, v, p, b, C, d]), {
+  }), [u, w, v, p, h, C, d]), {
     notifications: s,
     loadingState: f,
     errorState: c
   };
-}, cr = ({ closeSidebar: t, options: r, helpSection: s, initialSection: o, notificationsListControls: f, scrollableControls: l, navigationControls: c }) => {
-  const [m, i] = B(o ?? "notifications");
+}, dr = ({ closeSidebar: t, options: r, helpSection: s, initialSection: a, notificationsListControls: f, scrollableControls: l, navigationControls: c }) => {
+  const [m, i] = R(a ?? "notifications");
   X(() => {
     const C = c?.current?.subscribeToSection?.(i);
     return () => {
@@ -1109,57 +1110,57 @@ const ar = ({ onCloseClick: t, children: r, title: s = "Ayuda" }) => /* @__PURE_
   }, [c]);
   const u = () => {
     t();
-  }, { notifications: w, loadingState: p, errorState: b } = ir({ notificationsListControls: f }), v = Mt({ scrollTopButton: { target: "2000px" } });
-  return ke(l, () => ({
+  }, { notifications: w, loadingState: p, errorState: h } = cr({ notificationsListControls: f }), v = Bt({ scrollTopButton: { target: "2000px" } });
+  return je(l, () => ({
     subscribeToScrollTarget: v.handlers.subscribeToScrollTarget
   }), [v]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     m === "notifications" && !r?.notificationsDrawerOptions?.hide && /* @__PURE__ */ e.jsx(
-      lr,
+      ir,
       {
         onCloseClick: u,
         onMarkAllAsRead: r?.notificationsDrawerOptions?.onMarkAllAsRead,
         notifications: w,
         loadingState: p,
-        errorState: b,
+        errorState: h,
         scrollableState: v
       }
     ),
     m === "help" && s && !r?.helpSectionDrawerOptions?.hide && /* @__PURE__ */ e.jsx(ar, { onCloseClick: u, children: typeof s == "function" ? s() : s })
   ] });
-}, lt = le(cr);
-lt.displayName = "SidebarContent";
-const dr = ({
+}, it = le(dr);
+it.displayName = "SidebarContent";
+const ur = ({
   options: t,
   helpSection: r,
   initialSectionRef: s,
-  notificationsListControls: o,
+  notificationsListControls: a,
   scrollableControls: f,
   navigationControls: l
 }) => {
   const { closeSidebar: c } = se();
   return /* @__PURE__ */ e.jsx(
-    lt,
+    it,
     {
       closeSidebar: c,
       options: t,
       helpSection: r,
       initialSection: s.current,
-      notificationsListControls: o,
+      notificationsListControls: a,
       scrollableControls: f,
       navigationControls: l
     }
   );
-}, it = O(dr);
-it.displayName = "PyrionLayout.Sidebar";
-const ur = ({ navigationControlsRef: t }) => {
+}, ct = O(ur);
+ct.displayName = "PyrionLayout.Sidebar";
+const fr = ({ navigationControlsRef: t }) => {
   const r = se();
   return t.current.toggleCollapse = r.toggleCollapse, t.current.toggleDrawer = r.toggleDrawer, t.current.closeDrawer = r.closeDrawer, t.current.openDrawer = r.openDrawer, t.current.getIsCollapsed = r.getIsCollapsed, t.current.subscribeToCollapse = r.subscribeToCollapse, t.current.openSidebar = r.openSidebar, t.current.closeSidebar = r.closeSidebar, t.current.toggleSidebar = r.toggleSidebar, t.current.getIsSidebarOpen = r.getIsSidebarOpen, t.current.subscribeToSidebarOpen = r.subscribeToSidebarOpen, t.current.setDrawerDragEnabled = r.setDrawerDragEnabled, t.current.setSidebarDragEnabled = r.setSidebarDragEnabled, null;
-}, fr = (t) => {
-  const { children: r, currentAppSessions: s, resolveUserSecondarySlot: o, resolveSessionSecondarySlot: f, handleNavigation: l, allActions: c, tabs: m, navigationControlsRef: i, initialSectionRef: u, userOptionsControls: w, mobileAppSwitcherControls: p, notificationsListControls: b, scrollableControls: v, outletRef: C, ...d } = t;
+}, mr = (t) => {
+  const { children: r, currentAppSessions: s, resolveUserSecondarySlot: a, resolveSessionSecondarySlot: f, handleNavigation: l, allActions: c, tabs: m, navigationControlsRef: i, initialSectionRef: u, userOptionsControls: w, mobileAppSwitcherControls: p, notificationsListControls: h, scrollableControls: v, outletRef: C, ...d } = t;
   return /* @__PURE__ */ e.jsxs(W, { disableDragOpen: d.options?.disableDragOpen, outletRef: C, defaultCollapsedState: d.options?.defaultCollapsedState, children: [
-    /* @__PURE__ */ e.jsx(ur, { navigationControlsRef: i }),
+    /* @__PURE__ */ e.jsx(fr, { navigationControlsRef: i }),
     /* @__PURE__ */ e.jsx(W.LeftSlot, { children: /* @__PURE__ */ e.jsx(
-      Ut,
+      Wt,
       {
         className: "",
         tabs: m,
@@ -1170,7 +1171,7 @@ const ur = ({ navigationControlsRef: t }) => {
       }
     ) }),
     /* @__PURE__ */ e.jsx(W.Header, { className: "flex flex-col relative w-full select-none", children: /* @__PURE__ */ e.jsx(
-      ot,
+      lt,
       {
         onSystemLogoClick: d.onSystemLogoClick,
         state: d.state,
@@ -1178,7 +1179,7 @@ const ur = ({ navigationControlsRef: t }) => {
       }
     ) }, "PL-Header"),
     /* @__PURE__ */ e.jsx(W.Content, { className: "overflow-hidden flex flex-col relative flex-1  md:w-auto", children: /* @__PURE__ */ e.jsx(
-      st,
+      nt,
       {
         navlinks: d.links,
         handleNavigation: l,
@@ -1190,11 +1191,11 @@ const ur = ({ navigationControlsRef: t }) => {
       }
     ) }, "PL-Content"),
     /* @__PURE__ */ e.jsx(W.Footer, { className: "md:min-h-max flex flex-col w-full overflow-hidden max-w-full", children: /* @__PURE__ */ e.jsx(
-      nt,
+      ot,
       {
         state: d.state,
         currentAppSessions: s,
-        resolveUserSecondarySlot: o,
+        resolveUserSecondarySlot: a,
         resolveSessionSecondarySlot: f,
         onSessionClick: d.onSessionClick,
         onLogoutClick: d.onLogoutClick,
@@ -1205,7 +1206,7 @@ const ur = ({ navigationControlsRef: t }) => {
         onProfileClick: d.onProfileClick
       }
     ) }, "PL-Footer"),
-    /* @__PURE__ */ e.jsx(W.Outlet, { className: " *:prometeo-scrollbar-thin!", children: /* @__PURE__ */ e.jsx(dt, { children: r }) }),
+    /* @__PURE__ */ e.jsx(W.Outlet, { className: " *:prometeo-scrollbar-thin!", children: /* @__PURE__ */ e.jsx(ut, { children: r }) }),
     /* @__PURE__ */ e.jsx(
       W.Sidebar,
       {
@@ -1214,12 +1215,12 @@ const ur = ({ navigationControlsRef: t }) => {
         closeOnOverlayClick: d.options?.sidebarOptions?.closeOnOverlayClick,
         unmountChildrenOnClose: !1,
         children: /* @__PURE__ */ e.jsx(
-          it,
+          ct,
           {
             options: d.options,
             helpSection: d.helpSection,
             initialSectionRef: u,
-            notificationsListControls: b,
+            notificationsListControls: h,
             scrollableControls: v,
             navigationControls: i
           }
@@ -1227,44 +1228,44 @@ const ur = ({ navigationControlsRef: t }) => {
       }
     )
   ] });
-}, ct = O(fr, (t, r) => {
-  const { children: s, ...o } = t, { children: f, ...l } = r, c = Object.keys(o), m = Object.keys(l);
+}, dt = O(mr, (t, r) => {
+  const { children: s, ...a } = t, { children: f, ...l } = r, c = Object.keys(a), m = Object.keys(l);
   if (c.length !== m.length)
     return !1;
   for (const i of c) {
     if (!Object.prototype.hasOwnProperty.call(l, i))
       return !1;
-    const u = o[i], w = l[i];
+    const u = a[i], w = l[i];
     if (u !== w)
       return !1;
   }
   return !0;
 });
-ct.displayName = "PyrionNavigationDrawer.LayoutBase";
-const dt = O(({ children: t }) => /* @__PURE__ */ e.jsx(W.Outlet, { children: t }));
-dt.displayName = "PyrionNavigationDrawer.IsolatedOutlet";
-const ut = je(null), Br = () => {
-  const t = Lt(ut);
+dt.displayName = "PyrionNavigationDrawer.LayoutBase";
+const ut = O(({ children: t }) => /* @__PURE__ */ e.jsx(W.Outlet, { children: t }));
+ut.displayName = "PyrionNavigationDrawer.IsolatedOutlet";
+const ft = Ce(null), zr = () => {
+  const t = Tt(ft);
   if (!t)
     throw new Error("usePyrionLayout debe usarse dentro de PyrionLayout");
   return t;
-}, Fr = ({ children: t, helpSection: r, state: s, links: o, onLinkClick: f, onNavigate: l, onLogoutClick: c, actions: m, activeActionId: i, onActionClick: u, tabsProps: w, currentSystemId: p, onSessionClick: b, onSystemLogoClick: v, onProfileClick: C, ...d }) => {
+}, Ur = ({ children: t, helpSection: r, state: s, links: a, onLinkClick: f, onNavigate: l, onLogoutClick: c, actions: m, activeActionId: i, onActionClick: u, tabsProps: w, currentSystemId: p, onSessionClick: h, onSystemLogoClick: v, onProfileClick: C, ...d }) => {
   const N = Object.assign({
     closeDrawerOnNavigate: !0,
     disableDragOpen: {
       sidebar: !0,
       drawer: !1
     }
-  }, d.options), T = Tt(), h = kt(), k = I(null), E = I(null), j = I({}), J = I("notifications"), V = I(/* @__PURE__ */ new Set()), F = I(null), H = I(null), G = I(null), [R, P] = B({ total: 0, unread: 0 }), [q, $] = B(!1), [ee, ne] = B(null), ae = g((n) => {
+  }, d.options), T = It(), b = Dt(), k = I(null), E = I(null), j = I({}), J = I("notifications"), V = I(/* @__PURE__ */ new Set()), F = I(null), H = I(null), G = I(null), [B, P] = R({ total: 0, unread: 0 }), [q, $] = R(!1), [ee, ne] = R(null), oe = g((n) => {
     if ($(!1), f) {
       f(n);
       return;
     }
     const S = window.location.pathname;
-    T(n), N.closeDrawerOnNavigate && Dt() && !j.current?.getIsCollapsed?.() && j.current?.toggleCollapse?.(), l && l(S, n);
+    T(n), N.closeDrawerOnNavigate && At() && !j.current?.getIsCollapsed?.() && j.current?.toggleCollapse?.(), l && l(S, n);
   }, [f, l, T]), z = (n) => {
     n && window.open(n, "_blank");
-  }, fe = {
+  }, ue = {
     system: {
       mobile: z,
       desktop: (n) => {
@@ -1276,12 +1277,12 @@ const ut = je(null), Br = () => {
       desktop: z
     }
   }, he = g((n) => {
-    const S = h ? "mobile" : "desktop", _ = s.enabled_systems.find((L) => L.name === n)?.url;
-    fe.system[S](_), w?.onTabClick?.(n);
-  }, [h, s.enabled_systems, w?.onTabClick]), _e = g((n) => {
-    const S = h ? "mobile" : "desktop", _ = s.company.products?.find((L) => L.name === n)?.domain;
-    fe.product[S](_), w?.onTabClick?.(n);
-  }, [h, s.company.products, w?.onTabClick]), oe = g((n, S) => {
+    const S = b ? "mobile" : "desktop", _ = s.enabled_systems.find((L) => L.name === n)?.url;
+    ue.system[S](_), w?.onTabClick?.(n);
+  }, [b, s.enabled_systems, w?.onTabClick]), _e = g((n) => {
+    const S = b ? "mobile" : "desktop", _ = s.company.products?.find((L) => L.name === n)?.domain;
+    ue.product[S](_), w?.onTabClick?.(n);
+  }, [b, s.company.products, w?.onTabClick]), ae = g((n, S) => {
     if (S) {
       S(n), w?.onTabClick?.(n);
       return;
@@ -1297,15 +1298,15 @@ const ut = je(null), Br = () => {
       if (S === _)
         return L;
     return "";
-  }, [s.enabled_systems]), xe = w?.currentTabName || Pe(), ge = te(
+  }, [s.enabled_systems]), be = w?.currentTabName || Pe(), xe = te(
     () => s.sessions || [],
     [s.sessions]
   ), K = (n) => n == null ? null : typeof n == "string" || typeof n == "number" || typeof n == "boolean" ? String(n) : ie(n) ? n : typeof n == "object" ? JSON.stringify(n) : null, Z = g((n, S) => {
     if (!n) return null;
     if (Array.isArray(n)) {
-      const _ = n?.[0] ? me(S, n[0]) : null, L = n?.[1] ? me(S, n[1]) : null, Q = K(_), Me = K(L);
+      const _ = n?.[0] ? fe(S, n[0]) : null, L = n?.[1] ? fe(S, n[1]) : null, Q = K(_), Me = K(L);
       return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-body-small text-neutral-default-default line-clamp-1 min-w-[40%] text-nowrap wrap-break-word overflow-hidden text-ellipsis", children: Q }),
+        /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-body-small text-neutral-default-default overflow-hidden truncate", children: Q }),
         Me && /* @__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: Me })
@@ -1313,11 +1314,11 @@ const ut = je(null), Br = () => {
       ] });
     }
     if (typeof n == "string") {
-      const _ = me(S, n);
+      const _ = fe(S, n);
       return K(_);
     }
     return typeof n == "function" ? K(n(S)) : null;
-  }, []), we = g(
+  }, []), ge = g(
     (n) => {
       const S = N?.userCardOptions?.secondarySlot;
       if (!S) return null;
@@ -1325,7 +1326,7 @@ const ut = je(null), Br = () => {
       return Z(S, L);
     },
     [p, N?.userCardOptions?.secondarySlot, Z, s.company, s.enabled_systems, s.user]
-  ), a = g(
+  ), o = g(
     (n) => {
       const S = N?.sessionCardOptions?.secondarySlot || N?.userCardOptions?.secondarySlot;
       if (!S) return null;
@@ -1342,24 +1343,24 @@ const ut = je(null), Br = () => {
     }, !N?.notificationsDrawerOptions?.hideActionButton && !N?.notificationsDrawerOptions?.hide && n.push({
       id: "notifications",
       title: "Notificaciones",
-      icon: qe,
+      icon: $e,
       onClick: j.current.openNotifications,
-      count: R.unread,
+      count: B.unread,
       className: "default-action-notifications"
     }), !N?.helpSectionDrawerOptions?.hideActionButton && r && !N?.helpSectionDrawerOptions?.hide && n.push({
       id: "help",
       title: "Ayuda",
-      icon: He,
+      icon: qe,
       onClick: j.current.openHelp,
       className: "default-action-help"
     }), N?.configurationActionOptions?.onClick && !N?.configurationActionOptions?.hideActionButton && n.push({
       id: "configuration",
       title: "Configuracion",
-      icon: zt,
+      icon: Ut,
       onClick: () => N.configurationActionOptions?.onClick?.(j.current),
       className: "default-action-configuration"
     }), n;
-  }, [N, r, u, R]), A = te(
+  }, [N, r, u, B]), A = te(
     () => [...x, ...m || []],
     [x, m]
   ), M = te(() => {
@@ -1370,7 +1371,7 @@ const ut = je(null), Br = () => {
       id: L._id
     })) || [], S = w?.customTabs?.map((L) => ({
       ...L,
-      onClick: () => oe(L.name, L?.onClick)
+      onClick: () => ae(L.name, L?.onClick)
     })) || [], _ = s.company.products?.map((L) => ({
       name: L.name,
       thumbnail: L.thumbnail,
@@ -1380,59 +1381,59 @@ const ut = je(null), Br = () => {
   }, [s.enabled_systems, s.company.products, w?.customTabs]), Y = g((n, S) => {
     k.current?.addNewNotification ? k.current.addNewNotification(n, S) : console.warn("Notifications controls not ready yet");
   }, []), U = g((n) => k.current?.subscribeToUpdates ? k.current.subscribeToUpdates(n) : (console.warn("Notifications controls not ready yet"), () => {
-  }), []), Ne = g((n) => {
+  }), []), we = g((n) => {
     k.current?.removeNotification ? k.current.removeNotification(n) : console.warn("Notifications controls not ready yet");
-  }, []), ft = g(() => {
+  }, []), mt = g(() => {
     k.current?.removeAllNotifications ? k.current.removeAllNotifications() : console.warn("Notifications controls not ready yet");
-  }, []), mt = g((n) => {
+  }, []), pt = g((n) => {
     k.current?.setNotifications ? k.current.setNotifications(n) : console.warn("Notifications controls not ready yet");
-  }, []), pt = g((n, S) => E.current?.subscribeToScrollTarget ? E.current.subscribeToScrollTarget(n, S) : (console.warn("Scrollable controls not ready yet"), () => {
-  }), []), bt = g((n) => (V.current.add(n), () => V.current.delete(n)), []), ht = g((n, S = "load_more") => {
+  }, []), ht = g((n, S) => E.current?.subscribeToScrollTarget ? E.current.subscribeToScrollTarget(n, S) : (console.warn("Scrollable controls not ready yet"), () => {
+  }), []), bt = g((n) => (V.current.add(n), () => V.current.delete(n)), []), xt = g((n, S = "load_more") => {
     k.current?.setLoading ? k.current.setLoading(n, S) : console.warn("Notifications controls not ready yet");
-  }, []), xt = g((n, S) => {
+  }, []), gt = g((n, S) => {
     k.current?.setError ? k.current.setError(n, S) : console.warn("Notifications controls not ready yet");
-  }, []), gt = g(() => {
-    F.current?.open();
   }, []), wt = g(() => {
-    F.current?.close();
+    F.current?.open();
   }, []), Nt = g(() => {
+    F.current?.close();
+  }, []), vt = g(() => {
     F.current?.toggle();
-  }, []), vt = g((n, S, _) => {
+  }, []), yt = g((n, S, _) => {
     const L = /* @__PURE__ */ e.jsxs("div", { className: D(" bg-black/60 z-30 inset-0 h-full w-full grid place-items-center text-neutral-default-default", S ? "fixed" : "sticky"), children: [
-      !_ && /* @__PURE__ */ e.jsx(de, { label: "", icon: /* @__PURE__ */ e.jsx(Le, {}), onClick: () => $(!1), variant: "text", className: "absolute top-0 right-0", size: "small", color: "secondary" }),
+      !_ && /* @__PURE__ */ e.jsx(Ae, { label: "", icon: /* @__PURE__ */ e.jsx(Le, {}), onClick: () => $(!1), variant: "text", className: "absolute top-0 right-0", size: "small", color: "secondary" }),
       typeof n == "function" ? n() : n
     ] });
     let Q;
-    return S ? Q = Re(L, document.body, `modal-error-${Date.now()}`) : G.current && (Q = Re(L, G.current, `modal-error-${Date.now()}`)), ne(Q), $(!0), L;
-  }, [G]), yt = g(() => {
+    return S ? Q = Be(L, document.body, `modal-error-${Date.now()}`) : G.current && (Q = Be(L, G.current, `modal-error-${Date.now()}`)), ne(Q), $(!0), L;
+  }, [G]), St = g(() => {
     $(!1);
-  }, []), St = g(() => {
+  }, []), Ct = g(() => {
     c?.(j.current);
-  }, [c]), Ct = g((n) => {
+  }, [c]), jt = g((n) => {
     C?.(n, j.current);
-  }, [C]), jt = g((n, S) => {
-    b?.(n, S, j.current);
-  }, [b]);
-  return j.current.addNewNotification = Y, j.current.subscribeToNotificationsUpdates = U, j.current.removeNotification = Ne, j.current.removeAllNotifications = ft, j.current.setNotifications = mt, j.current.setNotificationsError = xt, j.current.setNotificationsLoading = ht, j.current.subscribeToNotificationsScroll = pt, j.current.showErrorModal = vt, j.current.closeErrorModal = yt, j.current.userCardExpand = gt, j.current.userCardCollapse = wt, j.current.userCardToggle = Nt, j.current.subscribeToSection = bt, X(() => {
+  }, [C]), kt = g((n, S) => {
+    h?.(n, S, j.current);
+  }, [h]);
+  return j.current.addNewNotification = Y, j.current.subscribeToNotificationsUpdates = U, j.current.removeNotification = we, j.current.removeAllNotifications = mt, j.current.setNotifications = pt, j.current.setNotificationsError = gt, j.current.setNotificationsLoading = xt, j.current.subscribeToNotificationsScroll = ht, j.current.showErrorModal = yt, j.current.closeErrorModal = St, j.current.userCardExpand = wt, j.current.userCardCollapse = Nt, j.current.userCardToggle = vt, j.current.subscribeToSection = bt, X(() => {
     U((n, S) => {
       P(S);
     });
-  }, [U]), /* @__PURE__ */ e.jsxs(ut.Provider, { value: j.current, children: [
+  }, [U]), /* @__PURE__ */ e.jsxs(ft.Provider, { value: j.current, children: [
     q && ee,
     /* @__PURE__ */ e.jsx("div", { className: "flex h-screen", children: /* @__PURE__ */ e.jsx(
-      ct,
+      dt,
       {
-        links: o,
-        handleNavigation: ae,
+        links: a,
+        handleNavigation: oe,
         allActions: A,
         activeActionId: i,
         onActionClick: u,
         state: s,
-        currentAppSessions: ge,
-        resolveUserSecondarySlot: we,
-        resolveSessionSecondarySlot: a,
-        onSessionClick: jt,
-        onLogoutClick: St,
+        currentAppSessions: xe,
+        resolveUserSecondarySlot: ge,
+        resolveSessionSecondarySlot: o,
+        onSessionClick: kt,
+        onLogoutClick: Ct,
         options: N,
         currentSystemId: p,
         userOptionsControls: F,
@@ -1445,14 +1446,14 @@ const ut = je(null), Br = () => {
         notificationsListControls: k,
         scrollableControls: E,
         outletRef: G,
-        onProfileClick: Ct,
-        currentTabName: xe,
+        onProfileClick: jt,
+        currentTabName: be,
         children: t
       }
     ) })
   ] });
 };
 export {
-  Fr as default,
-  Br as u
+  Ur as default,
+  zr as u
 };