prometeo-design-system 4.2.1 → 4.2.2

package/dist/PyrionLayout.es.js

@@ -1,10 +1,10 @@
 import { j as e } from "./jsx-runtime-GkKLlHH4.js";
-import { u as We, g as ft } from "./useDevice-vwn4GLwK.js";
+import { u as Ve, g as ft } from "./useDevice-vwn4GLwK.js";
 import { g as ge } from "./utils-X4-h3cum.js";
-import Ue, { forwardRef as me, useState as J, useRef as T, useEffect as K, memo as I, useContext as qe, createContext as Le, useCallback as x, Children as mt, isValidElement as ve, useMemo as ue, useImperativeHandle as Oe, use as pt } from "react";
-import { createPortal as ze } from "react-dom";
-import { useLocation as ht, useNavigate as bt } from "react-router";
-import { c as k } from "./cn-B6yFEsav.js";
+import Fe, { forwardRef as me, useState as J, useRef as T, useEffect as K, memo as I, useContext as We, createContext as Le, useCallback as x, Children as mt, isValidElement as ve, useMemo as ue, useImperativeHandle as Oe, use as pt } from "react";
+import { createPortal as Ue } from "react-dom";
+import { useLocation as bt, useNavigate as ht } from "react-router";
+import { c as D } from "./cn-B6yFEsav.js";
 import { CloseNavBarDesktop as xt } from "./Icons/CloseNavBarDesktop.es.js";
 import { c as Te } from "./index-BOQuZ0gG.js";
 import { B as gt } from "./badge-BEx-0Q-K.js";
@@ -12,41 +12,41 @@ import vt from "./PlainTooltip.es.js";
 import { CrevronLeft as wt } from "./Icons/CrevronLeft.es.js";
 import { Scrollable as ye } from "./Scrollable.es.js";
 import ee from "./TicketCard.es.js";
-import Nt from "./Avatar.es.js";
+import qe from "./UserCard.es.js";
 import fe from "./Button.es.js";
-import { Logout as yt } from "./Icons/Logout.es.js";
-import Ct from "./NotificationCard.es.js";
+import { Logout as Nt } from "./Icons/Logout.es.js";
+import yt from "./NotificationCard.es.js";
 import { Notifications as $e } from "./Icons/Notifications.es.js";
 import { Close as Ie } from "./Icons/Close.es.js";
 import { Help as Ke } from "./Icons/Help.es.js";
-import { Settings as jt } from "./Icons/Settings.es.js";
+import { Settings as Ct } from "./Icons/Settings.es.js";
 const St = me((t, r) => {
-  const [s, l] = J(t?.currentTabName || t.tabs[0].name), i = T(null), { tabs: n = [], className: c, activeColor: m = "var(--neutral-900)", currentSystemId: d } = t;
+  const [s, l] = J(t?.currentTabName || t.tabs[0].name), i = T(null), { tabs: o = [], className: p, activeColor: m = "var(--neutral-900)", currentSystemId: d } = t;
   K(() => {
     i.current?.style.setProperty("--tab-bg", m);
   }, [m]);
-  const b = n.find((u) => u.id === d || u.name === (t?.currentTabName || s));
+  const h = o.find((c) => c.id === d || c.name === (t?.currentTabName || s));
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: r,
-      className: k(
+      className: D(
         "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",
-        c
+        p
       ),
-      children: n.map(
-        (u) => {
-          const v = u.name === b?.name, f = typeof u.thumbnail == "string" ? /* @__PURE__ */ e.jsx("img", { src: u.thumbnail, alt: u.description, className: "aspect-square object-contain rounded", draggable: !1 }) : u.thumbnail, w = () => {
-            u.disabled || (l(u.name), u.onClick && u.onClick(u.name));
+      children: o.map(
+        (c) => {
+          const v = c.name === h?.name, u = typeof c.thumbnail == "string" ? /* @__PURE__ */ e.jsx("img", { src: c.thumbnail, alt: c.description, className: "aspect-square object-contain rounded", draggable: !1 }) : c.thumbnail, w = () => {
+            c.disabled || (l(c.name), c.onClick && c.onClick(c.name));
           };
           return /* @__PURE__ */ e.jsx(
             "div",
             {
-              className: k(
+              className: D(
                 "bg-[(--tab-bg)]",
                 "h-12 w-[50px] z-20",
                 "flex items-center pl-[6px] ",
@@ -56,58 +56,58 @@ const St = me((t, r) => {
               ),
               onClick: w,
               ref: i,
-              children: /* @__PURE__ */ e.jsx("div", { className: k(
+              children: /* @__PURE__ */ e.jsx("div", { className: D(
                 "size-8 rounded-[4px]",
                 "grid place-items-center",
                 "tab-thumbnail-icon",
                 "bg-transparent text-neutral-default-default",
-                u?.className
-              ), children: f })
+                c?.className
+              ), children: u })
             },
-            u.name
+            c.name
           );
         }
       )
     }
   );
-}), Ye = I(me(({ children: t, className: r, context: s, modal: l = !1, closeOnOverlayClick: i = !1, unmountChildrenOnClose: n = !0 }, c) => {
-  const m = pe(t, s), d = typeof window < "u" && window.matchMedia("(min-width: 768px)").matches, { isSidebarOpen: b } = kt(), { closeSidebar: u } = ie(), [v, f] = J(() => n ? b : !0), [w, y] = J(!1);
+}), Ye = I(me(({ children: t, className: r, context: s, modal: l = !1, closeOnOverlayClick: i = !1, unmountChildrenOnClose: o = !0 }, p) => {
+  const m = pe(t, s), d = typeof window < "u" && window.matchMedia("(min-width: 768px)").matches, { isSidebarOpen: h } = jt(), { closeSidebar: c } = ie(), [v, u] = J(() => o ? h : !0), [w, y] = J(!1);
   return K(() => {
-    n && s?.subscribeToSidebarOpen((p) => {
-      p ? (y(!1), f(!0)) : y(!0);
+    o && s?.subscribeToSidebarOpen((f) => {
+      f ? (y(!1), u(!0)) : y(!0);
     });
-  }, [n, s]), K(() => {
-    const p = c && typeof c == "object" && "current" in c ? c.current : null;
-    if (!p) return;
+  }, [o, s]), K(() => {
+    const f = p && typeof p == "object" && "current" in p ? p.current : null;
+    if (!f) return;
     const F = () => {
-      w && (f(!1), y(!1));
+      w && (u(!1), y(!1));
     };
-    return p.addEventListener("transitionend", F), () => p.removeEventListener("transitionend", F);
-  }, [w]), /* @__PURE__ */ e.jsxs("div", { ref: c, className: k("sidebar", d ? "collapsed" : "expanded", "h-full overflow-auto", r), "aria-modal": l || void 0, children: [
+    return f.addEventListener("transitionend", F), () => f.removeEventListener("transitionend", F);
+  }, [w]), /* @__PURE__ */ e.jsxs("div", { ref: p, className: D("sidebar", d ? "collapsed" : "expanded", "h-full overflow-auto", r), "aria-modal": l || void 0, children: [
     l && d && /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: k("navigation-drawer-sidebar-overlay"),
-        onClick: (p) => {
-          p.preventDefault(), p.stopPropagation(), i && u?.();
+        className: D("navigation-drawer-sidebar-overlay"),
+        onClick: (f) => {
+          f.preventDefault(), f.stopPropagation(), i && c?.();
         },
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ e.jsxs("div", { className: k("navigation-drawer-sidebar-inner"), children: [
+    /* @__PURE__ */ e.jsxs("div", { className: D("navigation-drawer-sidebar-inner"), children: [
       /* @__PURE__ */ e.jsx("div", { className: "secure-click-margin" }),
       v && m
     ] })
   ] });
-})), Xe = Le(null), Je = Le(null), kt = () => {
-  const t = qe(Xe);
+})), Xe = Le(null), Je = Le(null), jt = () => {
+  const t = We(Xe);
   if (!t) throw new Error("useDrawerState must be used within NavigationDrawer");
   return t;
 }, ie = () => {
-  const t = qe(Je);
+  const t = We(Je);
   if (!t) throw new Error("useDrawerActions must be used within NavigationDrawer");
   return t;
-}, pe = (t, r) => typeof t == "function" ? r ? t(r) : null : t, Ge = "navigation-drawer-collapsed", He = () => {
+}, pe = (t, r) => typeof t == "function" ? r ? t(r) : null : t, Ge = "navigation-drawer-collapsed", ze = () => {
   if (typeof window > "u") return !1;
   try {
     const t = sessionStorage.getItem(Ge);
@@ -115,110 +115,110 @@ const St = me((t, r) => {
   } catch {
     return !1;
   }
-}, Dt = (t) => {
+}, kt = (t) => {
   if (!(typeof window > "u"))
     try {
       sessionStorage.setItem(Ge, JSON.stringify(t));
     } catch {
     }
-}, At = (t) => {
-  const { children: r, classNameDrawer: s, classNameSidebar: l, disableDragOpen: i } = t, n = T(null), c = T(null), m = t.outletRef ?? T(null), d = T(null), b = T(He()), u = T(!1), v = T("drawer"), f = T(/* @__PURE__ */ new Set()), w = T(/* @__PURE__ */ new Set()), y = T(!1), p = T(null), F = x((o) => {
-    const h = c.current;
-    h && (h.classList.toggle("collapsed", o), h.classList.toggle("expanded", !o));
-  }, []), A = x((o) => {
-    const h = d.current;
-    if (!h) return;
-    h.classList.toggle("collapsed", o), h.classList.toggle("expanded", !o);
-    const g = n.current;
-    g && (g.classList.toggle("sidebar-collapsed", o), g.classList.toggle("sidebar-expanded", !o));
+}, Dt = (t) => {
+  const { children: r, classNameDrawer: s, classNameSidebar: l, disableDragOpen: i } = t, o = T(null), p = T(null), m = t.outletRef ?? T(null), d = T(null), h = T(ze()), c = T(!1), v = T("drawer"), u = T(/* @__PURE__ */ new Set()), w = T(/* @__PURE__ */ new Set()), y = T(!1), f = T(null), F = x((a) => {
+    const b = p.current;
+    b && (b.classList.toggle("collapsed", a), b.classList.toggle("expanded", !a));
+  }, []), A = x((a) => {
+    const b = d.current;
+    if (!b) return;
+    b.classList.toggle("collapsed", a), b.classList.toggle("expanded", !a);
+    const g = o.current;
+    g && (g.classList.toggle("sidebar-collapsed", a), g.classList.toggle("sidebar-expanded", !a));
   }, []), P = x(
-    (o, { notify: h = !0 } = {}) => {
-      const g = b.current !== o;
-      b.current = o, Dt(o), F(o), h && g && f.current.forEach((L) => L(o));
+    (a, { notify: b = !0 } = {}) => {
+      const g = h.current !== a;
+      h.current = a, kt(a), F(a), b && g && u.current.forEach((L) => L(a));
     },
     [F]
-  ), R = x(
-    (o, { notify: h = !0 } = {}) => {
-      const g = u.current !== o;
-      if (u.current = o, A(o), h && g) {
-        const L = !o;
+  ), M = x(
+    (a, { notify: b = !0 } = {}) => {
+      const g = c.current !== a;
+      if (c.current = a, A(a), b && g) {
+        const L = !a;
         w.current.forEach((B) => B(L));
       }
     },
     [A]
-  ), D = x(
-    (o, { notify: h = !0 } = {}) => {
-      const g = v.current, L = g !== o;
-      v.current = o, window.matchMedia("(min-width: 768px)").matches || P(o !== "drawer", { notify: h });
-      const B = g === "sidebar", _ = o === "sidebar";
-      h && L && B !== _ && w.current.forEach((Z) => Z(_)), R(o !== "sidebar", { notify: h }), P(o !== "drawer", { notify: h });
+  ), k = x(
+    (a, { notify: b = !0 } = {}) => {
+      const g = v.current, L = g !== a;
+      v.current = a, window.matchMedia("(min-width: 768px)").matches || P(a !== "drawer", { notify: b });
+      const B = g === "sidebar", _ = a === "sidebar";
+      b && L && B !== _ && w.current.forEach((Z) => Z(_)), M(a !== "sidebar", { notify: b }), P(a !== "drawer", { notify: b });
     },
-    [P, R]
-  ), j = x((o) => {
-    const h = n.current;
-    if (!h || window.matchMedia("(min-width: 768px)").matches) return;
+    [P, M]
+  ), S = x((a) => {
+    const b = o.current;
+    if (!b || window.matchMedia("(min-width: 768px)").matches) return;
     y.current = !0;
-    const g = m.current?.offsetLeft ?? 0, L = d.current?.offsetLeft ?? g, B = o === "drawer" ? 0 : o === "sidebar" ? L : g;
-    p.current = B, h.scrollTo({ left: B, behavior: "smooth" });
+    const g = m.current?.offsetLeft ?? 0, L = d.current?.offsetLeft ?? g, B = a === "drawer" ? 0 : a === "sidebar" ? L : g;
+    f.current = B, b.scrollTo({ left: B, behavior: "smooth" });
     const _ = () => {
-      y.current = !1, p.current = null, h.removeEventListener("scrollend", _);
+      y.current = !1, f.current = null, b.removeEventListener("scrollend", _);
     };
-    h.addEventListener("scrollend", _, { once: !0 }), setTimeout(() => {
+    b.addEventListener("scrollend", _, { once: !0 }), setTimeout(() => {
       y.current && _();
     }, 1e3);
   }, []), Y = x(() => {
-    const o = n.current, h = m.current;
-    if (!o || !h || window.matchMedia("(min-width: 768px)").matches) return;
+    const a = o.current, b = m.current;
+    if (!a || !b || window.matchMedia("(min-width: 768px)").matches) return;
     const g = [
       { panel: "drawer", offset: 0 },
-      { panel: "outlet", offset: h.offsetLeft }
+      { panel: "outlet", offset: b.offsetLeft }
     ], L = d.current;
     L && g.push({ panel: "sidebar", offset: L.offsetLeft });
-    const B = o.scrollLeft;
+    const B = a.scrollLeft;
     let _ = g[0], Z = Math.abs(B - _.offset);
     for (let q = 1; q < g.length; q++) {
       const le = Math.abs(B - g[q].offset);
       le < Z && (_ = g[q], Z = le);
     }
-    D(_.panel);
-  }, [D]);
+    k(_.panel);
+  }, [k]);
   K(() => {
-    const o = n.current;
-    o && (i?.drawer && o.classList.add("disabled-dragopen"), i?.sidebar && o.classList.add("disabled-dragopen-sidebar"));
-  }, [i, n]), K(() => {
-    const o = n.current, h = m.current;
-    if (!o || !h) return;
+    const a = o.current;
+    a && (i?.drawer && a.classList.add("disabled-dragopen"), i?.sidebar && a.classList.add("disabled-dragopen-sidebar"));
+  }, [i, o]), K(() => {
+    const a = o.current, b = m.current;
+    if (!a || !b) return;
     if (window.matchMedia("(min-width: 768px)").matches) {
-      const L = He();
-      P(L, { notify: !1 }), R(!0, { notify: !1 });
+      const L = ze();
+      P(L, { notify: !1 }), M(!0, { notify: !1 });
       return;
     }
     requestAnimationFrame(() => {
-      o.scrollLeft = h.offsetLeft, D("outlet");
+      a.scrollLeft = b.offsetLeft, k("outlet");
     });
-  }, [D, P, R]), K(() => {
-    const o = n.current;
-    if (!o || !m.current) return;
+  }, [k, P, M]), K(() => {
+    const a = o.current;
+    if (!a || !m.current) return;
     let g = !1, L = 0, B = 0;
-    const _ = (S) => {
-      L = S.touches[0].clientX, B = S.touches[0].clientY;
-    }, Z = (S, U) => {
-      const a = window.getComputedStyle(S), N = U === "x" ? a.overflowX : a.overflowY;
-      return /(auto|scroll|overlay)/.test(N) ? U === "x" ? S.scrollWidth > S.clientWidth : S.scrollHeight > S.clientHeight : !1;
-    }, q = (S, U) => {
-      let a = S;
-      for (; a && a !== o; ) {
-        if (Z(a, U))
-          return a;
-        a = a.parentElement;
+    const _ = (j) => {
+      L = j.touches[0].clientX, B = j.touches[0].clientY;
+    }, Z = (j, U) => {
+      const n = window.getComputedStyle(j), N = U === "x" ? n.overflowX : n.overflowY;
+      return /(auto|scroll|overlay)/.test(N) ? U === "x" ? j.scrollWidth > j.clientWidth : j.scrollHeight > j.clientHeight : !1;
+    }, q = (j, U) => {
+      let n = j;
+      for (; n && n !== a; ) {
+        if (Z(n, U))
+          return n;
+        n = n.parentElement;
       }
       return null;
-    }, le = (S, U, a) => a === 0 ? !1 : U === "x" ? a < 0 ? S.scrollLeft + S.clientWidth < S.scrollWidth : S.scrollLeft > 0 : a < 0 ? S.scrollTop + S.clientHeight < S.scrollHeight : S.scrollTop > 0, be = (S) => {
-      if (!(S.target instanceof HTMLElement)) return;
-      const U = S.touches[0].clientX - L, a = S.touches[0].clientY - B, N = Math.abs(U) > Math.abs(a) ? "x" : "y", O = N === "x" ? U : a, C = q(S.target, N);
+    }, le = (j, U, n) => n === 0 ? !1 : U === "x" ? n < 0 ? j.scrollLeft + j.clientWidth < j.scrollWidth : j.scrollLeft > 0 : n < 0 ? j.scrollTop + j.clientHeight < j.scrollHeight : j.scrollTop > 0, he = (j) => {
+      if (!(j.target instanceof HTMLElement)) return;
+      const U = j.touches[0].clientX - L, n = j.touches[0].clientY - B, N = Math.abs(U) > Math.abs(n) ? "x" : "y", O = N === "x" ? U : n, C = q(j.target, N);
       if (C && le(C, N, O))
         return;
-      const z = o.classList.contains("disabled-dragopen"), de = o.classList.contains("disabled-dragopen-sidebar"), Fe = () => S.cancelable ? (S.preventDefault(), !0) : !1;
+      const z = a.classList.contains("disabled-dragopen"), de = a.classList.contains("disabled-dragopen-sidebar"), Be = () => j.cancelable ? (j.preventDefault(), !0) : !1;
       if (N === "x") {
         if (U > 0) {
           if (v.current === "sidebar" && !de) {
@@ -226,7 +226,7 @@ const St = me((t, r) => {
             return;
           }
           if (z) {
-            Fe();
+            Be();
             return;
           }
         } else if (U < 0) {
@@ -235,7 +235,7 @@ const St = me((t, r) => {
             return;
           }
           if (de) {
-            Fe();
+            Be();
             return;
           }
         }
@@ -246,130 +246,130 @@ const St = me((t, r) => {
         g && (Y(), g = !1);
       }, 100);
     };
-    return o.addEventListener("touchstart", _, { passive: !0 }), o.addEventListener("touchmove", be, { passive: !1 }), o.addEventListener("touchend", xe), () => {
-      o.removeEventListener("touchstart", _), o.removeEventListener("touchmove", be), o.removeEventListener("touchend", xe);
+    return a.addEventListener("touchstart", _, { passive: !0 }), a.addEventListener("touchmove", he, { passive: !1 }), a.addEventListener("touchend", xe), () => {
+      a.removeEventListener("touchstart", _), a.removeEventListener("touchmove", he), a.removeEventListener("touchend", xe);
     };
   }, [Y]);
   const X = x(() => {
-    const o = window.matchMedia("(min-width: 768px)").matches, h = !b.current;
-    if (o) {
-      P(h);
+    const a = window.matchMedia("(min-width: 768px)").matches, b = !h.current;
+    if (a) {
+      P(b);
       return;
     }
-    const g = h ? "outlet" : "drawer";
-    D(g), j(g);
-  }, [j, D, P]), G = T(null);
+    const g = b ? "outlet" : "drawer";
+    k(g), S(g);
+  }, [S, k, P]), G = T(null);
   G.current || (G.current = {
     toggleCollapse: () => X(),
-    getIsCollapsed: () => b.current,
-    subscribeToCollapse: (o) => (f.current.add(o), () => {
-      f.current.delete(o);
+    getIsCollapsed: () => h.current,
+    subscribeToCollapse: (a) => (u.current.add(a), () => {
+      u.current.delete(a);
     }),
     openSidebar: () => {
       if (d.current) {
         if (window.matchMedia("(min-width: 768px)").matches) {
-          R(!1);
+          M(!1);
           return;
         }
-        D("sidebar"), j("sidebar");
+        k("sidebar"), S("sidebar");
       }
     },
     closeSidebar: () => {
       if (window.matchMedia("(min-width: 768px)").matches) {
-        R(!0);
+        M(!0);
         return;
       }
-      D("outlet"), j("outlet");
+      k("outlet"), S("outlet");
     },
     toggleSidebar: () => {
       if (!d.current) return;
       if (window.matchMedia("(min-width: 768px)").matches) {
-        R(!u.current);
+        M(!c.current);
         return;
       }
-      const o = v.current === "sidebar" ? "outlet" : "sidebar";
-      D(o), j(o);
+      const a = v.current === "sidebar" ? "outlet" : "sidebar";
+      k(a), S(a);
     },
-    getIsSidebarOpen: () => d.current ? window.matchMedia("(min-width: 768px)").matches ? !u.current : v.current === "sidebar" : !1,
-    subscribeToSidebarOpen: (o) => (w.current.add(o), () => {
-      w.current.delete(o);
+    getIsSidebarOpen: () => d.current ? window.matchMedia("(min-width: 768px)").matches ? !c.current : v.current === "sidebar" : !1,
+    subscribeToSidebarOpen: (a) => (w.current.add(a), () => {
+      w.current.delete(a);
     }),
-    setDrawerDragEnabled: (o) => {
-      const h = n.current;
-      if (!h) return;
-      const g = h.scrollLeft;
-      if (o) {
-        const L = h.style.scrollBehavior;
-        h.style.scrollBehavior = "auto", h.classList.remove("disabled-dragopen"), requestAnimationFrame(() => {
-          h.scrollLeft = g, requestAnimationFrame(() => {
-            h.style.scrollBehavior = L;
+    setDrawerDragEnabled: (a) => {
+      const b = o.current;
+      if (!b) return;
+      const g = b.scrollLeft;
+      if (a) {
+        const L = b.style.scrollBehavior;
+        b.style.scrollBehavior = "auto", b.classList.remove("disabled-dragopen"), requestAnimationFrame(() => {
+          b.scrollLeft = g, requestAnimationFrame(() => {
+            b.style.scrollBehavior = L;
           });
         });
       } else
-        h.classList.add("disabled-dragopen");
+        b.classList.add("disabled-dragopen");
     },
-    setSidebarDragEnabled: (o) => {
-      const h = n.current;
-      if (h)
-        if (o) {
-          const g = h.scrollLeft, L = h.style.scrollBehavior;
-          h.style.scrollBehavior = "auto", h.classList.remove("disabled-dragopen-sidebar"), requestAnimationFrame(() => {
-            h.scrollLeft = g, requestAnimationFrame(() => {
-              h.style.scrollBehavior = L;
+    setSidebarDragEnabled: (a) => {
+      const b = o.current;
+      if (b)
+        if (a) {
+          const g = b.scrollLeft, L = b.style.scrollBehavior;
+          b.style.scrollBehavior = "auto", b.classList.remove("disabled-dragopen-sidebar"), requestAnimationFrame(() => {
+            b.scrollLeft = g, requestAnimationFrame(() => {
+              b.style.scrollBehavior = L;
             });
           });
         } else
-          h.classList.add("disabled-dragopen-sidebar");
+          b.classList.add("disabled-dragopen-sidebar");
     }
   });
-  const te = G.current, H = typeof r == "function" ? r(te) : r, M = mt.toArray(H);
+  const te = G.current, H = typeof r == "function" ? r(te) : r, R = mt.toArray(H);
   let E = null, V = null, W = null;
   const re = [];
   let ne = null, se = null;
-  M.forEach((o) => {
-    if (!ve(o)) {
-      re.push(o);
+  R.forEach((a) => {
+    if (!ve(a)) {
+      re.push(a);
       return;
     }
-    if (o.type === Ee && !E) {
-      E = o;
+    if (a.type === Ee && !E) {
+      E = a;
       return;
     }
-    if (o.type === we && !V) {
-      V = o;
+    if (a.type === we && !V) {
+      V = a;
       return;
     }
-    if (o.type === Ne && !W) {
-      W = o;
+    if (a.type === Ne && !W) {
+      W = a;
       return;
     }
-    if (o.type === ke && !ne) {
-      ne = o;
+    if (a.type === ke && !ne) {
+      ne = a;
       return;
     }
-    if (o.type === Ye && !se) {
-      se = o;
+    if (a.type === Ye && !se) {
+      se = a;
       return;
     }
-    re.push(o);
+    re.push(a);
   });
-  const ce = !!V, Re = V ?? (re.length ? /* @__PURE__ */ e.jsx(we, { children: re }) : null), he = ce ? re : [], ae = ne ?? (!!ne ? /* @__PURE__ */ e.jsx(ke, { children: H }) : null), Ce = W ?? (!!W ? /* @__PURE__ */ e.jsx(Ne, { children: W }) : null), je = !!se, Q = se, oe = ue(() => ({
-    isCollapsed: b.current,
-    isSidebarOpen: !u.current
-  }), [b.current, u.current]);
-  return /* @__PURE__ */ e.jsx(Xe.Provider, { value: oe, children: /* @__PURE__ */ e.jsx(Je.Provider, { value: te, children: /* @__PURE__ */ e.jsxs("div", { id: "navigation-drawer-container", ref: n, className: k(
+  const ce = !!V, _e = V ?? (re.length ? /* @__PURE__ */ e.jsx(we, { children: re }) : null), be = ce ? re : [], ae = ne ?? (!!ne ? /* @__PURE__ */ e.jsx(ke, { children: H }) : null), Ce = W ?? (!!W ? /* @__PURE__ */ e.jsx(Ne, { children: W }) : null), Se = !!se, Q = se, oe = ue(() => ({
+    isCollapsed: h.current,
+    isSidebarOpen: !c.current
+  }), [h.current, c.current]);
+  return /* @__PURE__ */ e.jsx(Xe.Provider, { value: oe, children: /* @__PURE__ */ e.jsx(Je.Provider, { value: te, children: /* @__PURE__ */ e.jsxs("div", { id: "navigation-drawer-container", ref: o, className: D(
     "w-full h-full max-h-dvh overflow-y-hidden",
-    je ? "navigation-drawer-with-sidebar" : "navigation-drawer",
+    Se ? "navigation-drawer-with-sidebar" : "navigation-drawer",
     i?.drawer ? "disabled-dragopen" : "",
     i?.sidebar ? "disabled-dragopen-sidebar" : ""
   ), children: [
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        ref: c,
-        className: k(
+        ref: p,
+        className: D(
           "bg-neutral-default-default border-r border-neutral-strong-default h-dvh md:h-screen p-4 overflow-hidden drawer flex flex-col gap-4",
-          b.current ? "collapsed" : "expanded w-min",
+          h.current ? "collapsed" : "expanded w-min",
           s
         ),
         children: [
@@ -379,21 +379,21 @@ const St = me((t, r) => {
               E
             ] }),
             /* @__PURE__ */ e.jsxs("div", { className: "flex flex-1 overflow-hidden relative flex-col", children: [
-              he,
-              Re
+              be,
+              _e
             ] })
           ] }),
           Ce
         ]
       }
     ),
-    ae && ve(ae) ? Ue.cloneElement(ae, { ref: m }) : ae,
-    Q && ve(Q) ? Ue.cloneElement(Q, {
+    ae && ve(ae) ? Fe.cloneElement(ae, { ref: m }) : ae,
+    Q && ve(Q) ? Fe.cloneElement(Q, {
       ref: d,
-      className: k("sidebar", Q.props?.className, l)
+      className: D("sidebar", Q.props?.className, l)
     }) : Q
   ] }) }) });
-}, Ve = I(At), Qe = I(({ onToggleCollapse: t }) => /* @__PURE__ */ e.jsx(
+}, He = I(Dt), Qe = I(({ onToggleCollapse: t }) => /* @__PURE__ */ e.jsx(
   "button",
   {
     type: "button",
@@ -405,26 +405,26 @@ const St = me((t, r) => {
 Qe.displayName = "NavigationDrawerCollapseButton";
 const Ee = I(({ children: t, className: r, context: s }) => {
   const l = pe(t, s);
-  return /* @__PURE__ */ e.jsx("div", { className: k("flex items-center justify-between", r), children: l });
+  return /* @__PURE__ */ e.jsx("div", { className: D("flex items-center justify-between", r), children: l });
 });
 Ee.displayName = "NavigationDrawerHeader";
 const we = I(({ children: t, className: r, context: s, ...l }) => {
   const i = pe(t, s);
-  return /* @__PURE__ */ e.jsx("div", { ...l, className: k("w-full flex-1 drawer-content", r), children: i });
+  return /* @__PURE__ */ e.jsx("div", { ...l, className: D("w-full flex-1 drawer-content", r), children: i });
 });
 we.displayName = "NavigationDrawerContent";
 const Ne = I(({ children: t, className: r, context: s }) => {
   const l = pe(t, s);
-  return /* @__PURE__ */ e.jsx("div", { className: k("flex items-center justify-between", r), children: l });
+  return /* @__PURE__ */ e.jsx("div", { className: D("flex items-center justify-between", r), children: l });
 });
 Ne.displayName = "NavigationDrawerFooter";
-const Ze = I(({ className: t }) => /* @__PURE__ */ e.jsx("div", { className: k("w-full border-t border-neutral-strong-default ", t) }));
+const Ze = I(({ className: t }) => /* @__PURE__ */ e.jsx("div", { className: D("w-full border-t border-neutral-strong-default ", t) }));
 Ze.displayName = "NavigationDrawerSpacer";
 const ke = I(me(({ children: t, className: r, context: s }, l) => {
   const i = pe(t, s);
-  return /* @__PURE__ */ e.jsx("div", { id: "navigation-drawer-outlet", ref: l, className: k("flex-1 overflow-auto ", r), children: i });
-}), (t, r) => t.children === r.children && t.className === r.className), $ = Object.assign(Ve, {
-  Root: Ve,
+  return /* @__PURE__ */ e.jsx("div", { id: "navigation-drawer-outlet", ref: l, className: D("flex-1 overflow-auto ", r), children: i });
+}), (t, r) => t.children === r.children && t.className === r.className), $ = Object.assign(He, {
+  Root: He,
   Header: Ee,
   Content: we,
   Footer: Ne,
@@ -433,7 +433,7 @@ const ke = I(me(({ children: t, className: r, context: s }, l) => {
   Sidebar: Ye
 });
 $.displayName = "NavigationDrawer";
-const Lt = "hover:bg-neutral-medium-hover", Ot = Te("", {
+const At = "hover:bg-neutral-medium-hover", Lt = Te("", {
   variants: {
     isSelected: {
       true: "bg-neutral-medium-selected ",
@@ -444,8 +444,8 @@ const Lt = "hover:bg-neutral-medium-hover", Ot = Te("", {
       false: "cursor-pointer"
     }
   }
-}), Tt = Te(
-  k(
+}), Ot = Te(
+  D(
     "select-none line-clamp-1 min-w-max",
     "prometeo-fonts-label-large transition-colors duration-300 ease-out"
   ),
@@ -467,8 +467,8 @@ const Lt = "hover:bg-neutral-medium-hover", Ot = Te("", {
       { isSelected: !1, disabled: !1, className: "  text-neutral-default-default group-active:text-neutral-default-pressed group-focus-visible:text-neutral-default-pressed" }
     ]
   }
-), Se = Te(
-  k(
+), je = Te(
+  D(
     "transition-colors duration-300 ease-out min-w-max"
   ),
   {
@@ -489,86 +489,86 @@ const Lt = "hover:bg-neutral-medium-hover", Ot = Te("", {
       { isSelected: !1, disabled: !1, className: "text-neutral-default-default group-active:text-neutral-default-pressed group-focus-visible:text-neutral-default-pressed" }
     ]
   }
-), It = (t) => {
+), Tt = (t) => {
   const {
     title: r,
     icon: s,
     count: l,
     className: i,
-    isSelected: n = !1,
-    hasSublinks: c,
+    isSelected: o = !1,
+    hasSublinks: p,
     subLinksCollapsed: m,
     onToggleSublinks: d,
-    as: b = "div",
-    onClick: u,
+    as: h = "div",
+    onClick: c,
     onAuxClick: v,
-    disabled: f = !1,
+    disabled: u = !1,
     tooltipText: w
   } = t, y = (P) => {
-    f || u?.(P);
-  }, p = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    u || c?.(P);
+  }, f = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-center flex-nowrap", children: [
-      s && (w ? /* @__PURE__ */ e.jsx(vt, { title: w, disabled: f, children: /* @__PURE__ */ e.jsx(s, { size: 24, className: Se({ disabled: f, isSelected: n }) }) }) : /* @__PURE__ */ e.jsx(s, { size: 24, className: Se({ disabled: f, isSelected: n }) })),
-      /* @__PURE__ */ e.jsx("label", { className: Tt({ disabled: f, isSelected: n }), children: r })
+      s && (w ? /* @__PURE__ */ e.jsx(vt, { title: w, disabled: u, children: /* @__PURE__ */ e.jsx(s, { size: 24, className: je({ disabled: u, isSelected: o }) }) }) : /* @__PURE__ */ e.jsx(s, { size: 24, className: je({ disabled: u, isSelected: o }) })),
+      /* @__PURE__ */ e.jsx("label", { className: Ot({ disabled: u, isSelected: o }), children: r })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1 items-center", children: [
-      l && l ? /* @__PURE__ */ e.jsx(gt, { count: l, maxCount: 9, className: "badge", disabled: f }) : "",
-      c && /* @__PURE__ */ e.jsx(
+      l && l ? /* @__PURE__ */ e.jsx(gt, { count: l, maxCount: 9, className: "badge", disabled: u }) : "",
+      p && /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: k(
+          className: D(
             "sublinks-toggle",
             "transition-all duration-200",
             "rounded-full relative grid place-items-center size-6",
-            n && "text-primary-default-default",
+            o && "text-primary-default-default",
             `${m ? "-rotate-90" : "rotate-90"}`
           ),
           children: /* @__PURE__ */ e.jsx(
             "button",
             {
-              disabled: f,
+              disabled: u,
               type: "button",
               onClick: d,
-              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", Se({ disabled: f, isSelected: n }), f && "pointer-events-none"),
+              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", je({ disabled: u, isSelected: o }), u && "pointer-events-none"),
               children: /* @__PURE__ */ e.jsx(wt, {})
             }
           )
         }
       )
     ] })
-  ] }), F = k(
+  ] }), F = D(
     "group navitem",
     "h-12 flex-1 flex items-center p-3 rounded-lg justify-between w-full",
     "transition-all duration-300",
-    Lt,
-    Ot({ isSelected: n, disabled: f }),
+    At,
+    Lt({ isSelected: o, disabled: u }),
     i
   );
-  if (b === "a") {
+  if (h === "a") {
     const P = {
       onClick: y,
       onAuxClick: v,
       className: F
     };
-    return /* @__PURE__ */ e.jsx("a", { ...P, children: p });
+    return /* @__PURE__ */ e.jsx("a", { ...P, children: f });
   }
-  if (b === "button") {
+  if (h === "button") {
     const P = {
       onClick: y,
       type: "button",
       className: F
     };
-    return /* @__PURE__ */ e.jsx("button", { ...P, children: p });
+    return /* @__PURE__ */ e.jsx("button", { ...P, children: f });
   }
   const A = {
     onClick: y,
     className: F
   };
-  return /* @__PURE__ */ e.jsx("div", { ...A, children: p });
-}, Pe = I(It);
+  return /* @__PURE__ */ e.jsx("div", { ...A, children: f });
+}, Pe = I(Tt);
 Pe.displayName = "NavigationDrawerItemBase";
-const Et = (t) => {
-  const { title: r, icon: s, count: l, className: i, isActive: n, onClick: c, isView: m = !0, disabled: d, tooltipText: b } = t;
+const It = (t) => {
+  const { title: r, icon: s, count: l, className: i, isActive: o, onClick: p, isView: m = !0, disabled: d, tooltipText: h } = t;
   return m ? /* @__PURE__ */ e.jsx(
     Pe,
     {
@@ -577,41 +577,41 @@ const Et = (t) => {
       icon: s,
       count: l,
       className: i,
-      isSelected: n,
-      onClick: c,
+      isSelected: o,
+      onClick: p,
       disabled: d,
-      tooltipText: b
+      tooltipText: h
     }
   ) : null;
-}, et = I(Et);
+}, et = I(It);
 et.displayName = "NavigationDrawerActionItem";
-const Pt = ({ actions: t, activeActionId: r, onActionClick: s, className: l }) => /* @__PURE__ */ e.jsx(ye, { className: k("flex flex-col gap-2 w-full ", l), scrollbarProps: { hide: !0 }, persistScroll: "navigation-actions", indicators: {
+const Et = ({ actions: t, activeActionId: r, onActionClick: s, className: l }) => /* @__PURE__ */ e.jsx(ye, { className: D("flex flex-col gap-2 w-full ", l), scrollbarProps: { hide: !0 }, persistScroll: "navigation-actions", indicators: {
   top: { type: "shadow", behavior: "scroll-on-hover", show: !0 },
   bottom: { type: "shadow", behavior: "scroll-on-hover", show: !0 }
 }, children: t?.map((i) => {
-  const { id: n, onClick: c, isView: m = !0, payload: d, ...b } = i, u = n === r, v = () => {
-    s?.(n, d), c?.();
+  const { id: o, onClick: p, isView: m = !0, payload: d, ...h } = i, c = o === r, v = () => {
+    s?.(o, d), p?.();
   };
   return m ? /* @__PURE__ */ e.jsx(
     et,
     {
-      ...b,
-      id: n,
-      isActive: u,
+      ...h,
+      id: o,
+      isActive: c,
       onClick: v
     },
-    n
+    o
   ) : null;
-}) }), tt = I(Pt);
+}) }), tt = I(Et);
 tt.displayName = "NavigationDrawerActions";
-const _t = (t) => {
-  const { className: r, title: s, path: l, onClick: i, isSelected: n, parentPath: c } = t, m = x(() => {
+const Pt = (t) => {
+  const { className: r, title: s, path: l, onClick: i, isSelected: o, parentPath: p } = t, m = x(() => {
     i?.(l);
   }, [l]), d = x(() => {
     if (l.startsWith("./")) {
-      if (!c) return;
-      const b = c + l.slice(2);
-      window.open(b, "_blank");
+      if (!p) return;
+      const h = p + l.slice(2);
+      window.open(h, "_blank");
     } else
       window.open(l, "_blank");
   }, [l]);
@@ -620,35 +620,35 @@ const _t = (t) => {
     {
       onClick: m,
       onAuxClick: d,
-      className: k(
+      className: D(
         "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",
-        n && "bg-neutral-medium-selected hover:bg-neutral-medium-hover active:bg-transparent focus:bg-transparent",
+        o && "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: D(
         "prometeo-fonts-label-large text-neutral-medium-default",
         "group-active:text-neutral-default-focused group-focus:text-neutral-default-focused",
-        n && "text-primary-default-default group-hover:text-primary-default-hover group-focus:text-primary-default-focused group-active:text-primary-default-focused"
+        o && "text-primary-default-default group-hover:text-primary-default-hover group-focus:text-primary-default-focused group-active:text-primary-default-focused"
       ), children: s })
     }
   );
-}, rt = I(_t);
+}, rt = I(Pt);
 rt.displayName = "NavItemSecondary";
-const Rt = me((t, r) => {
-  const [s, l] = J(!0), i = T(null), { path: n, title: c, icon: m, count: d, className: b, isSelected: u = !1, onClick: v, sublinks: f, toggleCollapse: w, getIsCollapsed: y, subscribeToCollapse: p, isView: F = !0, disabled: A, tooltipText: P } = t;
-  K(() => p ? p((E) => {
+const _t = me((t, r) => {
+  const [s, l] = J(!0), i = T(null), { path: o, title: p, icon: m, count: d, className: h, isSelected: c = !1, onClick: v, sublinks: u, toggleCollapse: w, getIsCollapsed: y, subscribeToCollapse: f, isView: F = !0, disabled: A, tooltipText: P } = t;
+  K(() => f ? f((E) => {
     E && l(!0);
-  }) : void 0, [p]);
-  const R = x(() => {
-    l((M) => !M);
-  }, []), D = x((M) => {
-    l(M);
-  }, []), j = {
-    toggle: R,
-    setIsCollapsed: D,
+  }) : void 0, [f]);
+  const M = x(() => {
+    l((R) => !R);
+  }, []), k = x((R) => {
+    l(R);
+  }, []), S = {
+    toggle: M,
+    setIsCollapsed: k,
     get isCollapsed() {
       return s;
     },
@@ -656,49 +656,49 @@ const Rt = me((t, r) => {
       return y?.() ?? !1;
     },
     toggleDrawerCollapse: w,
-    subscribeToCollapse: p
+    subscribeToCollapse: f
   };
-  Oe(r, () => j, [j, s, y, w]);
+  Oe(r, () => S, [S, s, y, w]);
   const Y = m, X = x(() => {
-    const M = y?.() ?? !1;
-    if (f && f.length > 0 && M) {
-      D(!1), w?.();
+    const R = y?.() ?? !1;
+    if (u && u.length > 0 && R) {
+      k(!1), w?.();
       return;
     }
-    v?.(n);
-  }, [n, v, f, w, D, y]), G = x(() => {
-    window.open(n, "_blank");
-  }, [n]), te = () => {
-    if (!f || A) return null;
-    if (t.subLinksRender && f)
-      return t.subLinksRender(f, j);
-    const M = x((E) => {
+    v?.(o);
+  }, [o, v, u, w, k, y]), G = x(() => {
+    window.open(o, "_blank");
+  }, [o]), te = () => {
+    if (!u || A) return null;
+    if (t.subLinksRender && u)
+      return t.subLinksRender(u, S);
+    const R = x((E) => {
       if (E.startsWith("./")) {
-        const V = n + E.slice(2);
+        const V = o + E.slice(2);
         v?.(V);
       } else
         v?.(E);
-    }, [n]);
+    }, [o]);
     return K(() => {
       const E = i.current;
       if (!E) return;
       const V = E.scrollHeight;
       E.style.setProperty("--sublinks-max-height", `${V}px`);
-    }, []), /* @__PURE__ */ e.jsx("div", { ref: i, className: `sublinks flex flex-col gap-1 ml-8 ${s ? "collapsed" : "expanded"}`, children: f.map((E) => /* @__PURE__ */ e.jsx(rt, { ...E, onClick: M, parentPath: n }, `${E.title}-${E.path}`)) });
-  }, H = (M) => {
-    M.stopPropagation(), M.preventDefault(), R();
+    }, []), /* @__PURE__ */ e.jsx("div", { ref: i, className: `sublinks flex flex-col gap-1 ml-8 ${s ? "collapsed" : "expanded"}`, children: u.map((E) => /* @__PURE__ */ e.jsx(rt, { ...E, onClick: R, parentPath: o }, `${E.title}-${E.path}`)) });
+  }, H = (R) => {
+    R.stopPropagation(), R.preventDefault(), M();
   };
   return F ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
     /* @__PURE__ */ e.jsx(
       Pe,
       {
         as: "a",
-        title: c,
+        title: p,
         icon: Y,
         count: d,
-        className: b,
-        isSelected: u,
-        hasSublinks: !!f,
+        className: h,
+        isSelected: c,
+        hasSublinks: !!u,
         subLinksCollapsed: s,
         onToggleSublinks: H,
         onClick: X,
@@ -709,25 +709,25 @@ const Rt = me((t, r) => {
     ),
     te()
   ] }) : null;
-}), st = I(Rt);
+}), st = I(_t);
 st.displayName = "NavigationDrawerLinkItem";
-const Mt = ({ navlinks: t, handleNavigation: r, className: s, getIsCollapsed: l, toggleCollapse: i, subscribeToCollapse: n }) => {
-  const { pathname: c } = ht();
-  return /* @__PURE__ */ e.jsx(ye, { className: k("flex flex-col gap-2 w-full ", s), scrollbarProps: { hide: !0 }, persistScroll: "navigation-links", indicators: {
+const Mt = ({ navlinks: t, handleNavigation: r, className: s, getIsCollapsed: l, toggleCollapse: i, subscribeToCollapse: o }) => {
+  const { pathname: p } = bt();
+  return /* @__PURE__ */ e.jsx(ye, { className: D("flex flex-col gap-2 w-full ", s), scrollbarProps: { hide: !0 }, persistScroll: "navigation-links", indicators: {
     top: { type: "shadow", behavior: "scroll-on-hover", show: !0 },
     bottom: { type: "shadow", behavior: "scroll-on-hover", show: !0 }
   }, children: t?.map((m, d) => {
-    const b = m.isSelected || m.path === c || (m.relatedPaths?.some((u) => c.startsWith(u)) ?? !1);
+    const h = m.isSelected || m.path === p || (m.relatedPaths?.some((c) => p.startsWith(c)) ?? !1);
     return /* @__PURE__ */ e.jsx(
       st,
       {
         className: "",
         ...m,
-        isSelected: b,
+        isSelected: h,
         onClick: r,
         toggleCollapse: i,
         getIsCollapsed: l,
-        subscribeToCollapse: n,
+        subscribeToCollapse: o,
         disabled: m.disabled,
         isView: m.isView
       },
@@ -737,15 +737,15 @@ const Mt = ({ navlinks: t, handleNavigation: r, className: s, getIsCollapsed: l,
 }, nt = I(Mt);
 nt.displayName = "NavigationDrawerNavlinks";
 const at = I(({ navlinks: t, handleNavigation: r, allActions: s, activeActionId: l, onActionClick: i }) => {
-  const { getIsCollapsed: n, toggleCollapse: c, subscribeToCollapse: m } = ie();
+  const { getIsCollapsed: o, toggleCollapse: p, subscribeToCollapse: m } = ie();
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx($.Spacer, { className: "pb-3" }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col overflow-hidden h-full gap-4", children: [
       /* @__PURE__ */ e.jsx(
         nt,
         {
-          getIsCollapsed: n,
-          toggleCollapse: c,
+          getIsCollapsed: o,
+          toggleCollapse: p,
           subscribeToCollapse: m,
           navlinks: t,
           handleNavigation: r,
@@ -765,81 +765,61 @@ const at = I(({ navlinks: t, handleNavigation: r, allActions: s, activeActionId:
   ] });
 }, (t, r) => t.navlinks === r.navlinks && t.handleNavigation === r.handleNavigation && t.allActions === r.allActions && t.activeActionId === r.activeActionId && t.onActionClick === r.onActionClick);
 at.displayName = "PyrionNavigationDrawer.Content";
-const Bt = ({ name: t, imageUrl: r, avatarSize: s = "xxs", subImageUrl: l, className: i, mainSlot: n = t, secondarySlot: c }) => {
-  const m = x(() => n ? typeof n == "string" ? /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-label-large text-neutral-default-default line-clamp-1 select-text", children: n }) : typeof n == "function" ? n() : n : null, [n]), d = x(() => c ? typeof c == "string" ? /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-body-small text-neutral-default-default line-clamp-1 whitespace-pre text-ellipsis select-text", children: c }) : typeof c == "function" ? c() : c : null, [c]);
-  return /* @__PURE__ */ e.jsxs("div", { className: k("flex items-center gap-2 p-3 rounded-lg max-w-full max-h-full select-none ", i), children: [
-    /* @__PURE__ */ e.jsx(
-      Nt,
-      {
-        fallbackText: t,
-        sizeImage: s,
-        sizeFallback: s,
-        imageUrl: r,
-        subImageUrl: l
-      }
-    ),
-    /* @__PURE__ */ e.jsxs("div", { className: k("usercard-content flex flex-col gap-0 flex-1 overflow-hidden w-full transition-all duration-300 ease-in-out ", c && "gap-1"), children: [
-      /* @__PURE__ */ e.jsx("div", { className: "w-full", children: m() }),
-      /* @__PURE__ */ e.jsx("div", { className: "flex gap-1 justify-between overflow-hidden relative w-full", children: d() })
-    ] })
-  ] });
-}, _e = I(Bt);
-_e.displayName = "UserCard";
-const Ft = (t) => {
+const Rt = (t) => {
   const { sessions: r, onSessionClick: s, secondarySlot: l, subImageUrlAccessor: i } = t;
   if (!r || r.length === 0)
     return null;
-  const n = (d) => {
+  const o = (d) => {
     s && s(d);
-  }, c = (d) => {
+  }, p = (d) => {
     if (!i)
       return;
-    const b = d.metadata;
-    if (!b)
+    const h = d.metadata;
+    if (!h)
       return;
-    const u = ge({ metadata: b }, i);
-    if (u != null)
-      return typeof u == "string" ? u : String(u);
+    const c = ge({ metadata: h }, i);
+    if (c != null)
+      return typeof c == "string" ? c : String(c);
   }, m = x((d) => typeof l == "function" ? l(d) : l, [l]);
   return /* @__PURE__ */ e.jsx("div", { className: "w-full h-full flex flex-col gap-2", children: r?.map((d) => {
-    const { auth_id: b } = d;
-    return /* @__PURE__ */ e.jsx(ee, { className: " shrink-0 h-max", children: /* @__PURE__ */ e.jsx(ee.Content, { onClick: () => n(d), className: "p-0 group-data-[expanded=true]/ticketcard:border-none", children: /* @__PURE__ */ e.jsx(
-      _e,
+    const { auth_id: h } = d;
+    return /* @__PURE__ */ e.jsx(ee, { className: " shrink-0 h-max", children: /* @__PURE__ */ e.jsx(ee.Content, { onClick: () => o(d), className: "p-0 group-data-[expanded=true]/ticketcard:border-none", children: /* @__PURE__ */ e.jsx(
+      qe,
       {
-        name: b.name,
+        name: h.name,
         avatarSize: "xxs",
         secondarySlot: m(d),
-        subImageUrl: c(d),
-        imageUrl: b.profile_picture,
+        subImageUrl: p(d),
+        imageUrl: h.profile_picture,
         className: "pyrion-navigation-drawer-user-card"
       },
       d.token
     ) }) }, d.token);
   }) });
-}, Ut = ({
+}, Bt = ({
   state: t,
   currentAppSessions: r,
   resolveUserSecondarySlot: s,
   resolveSessionSecondarySlot: l,
   onSessionClick: i,
-  onLogoutClick: n,
-  onProfileClick: c,
+  onLogoutClick: o,
+  onProfileClick: p,
   options: m,
   currentSystemId: d,
-  userOptionsControls: b,
-  mobileAppSwitcherControls: u
+  userOptionsControls: h,
+  mobileAppSwitcherControls: c
 }) => {
-  const { getIsCollapsed: v, toggleCollapse: f, subscribeToCollapse: w } = ie(), y = x(() => {
-    const p = v();
-    p ? (f(), b.current?.open()) : c?.(p);
-  }, [v, f, b, c]);
-  return K(() => w((p) => {
-    p && (b.current?.close(), u.current?.close());
-  }), [w, b, u]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  const { getIsCollapsed: v, toggleCollapse: u, subscribeToCollapse: w } = ie(), y = x(() => {
+    const f = v();
+    f ? (u(), h.current?.open()) : p?.(f);
+  }, [v, u, h, p]);
+  return K(() => w((f) => {
+    f && (h.current?.close(), c.current?.close());
+  }), [w, h, c]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx($.Spacer, { className: "mb-3" }),
-    /* @__PURE__ */ e.jsxs(ee, { className: "", controls: b, children: [
+    /* @__PURE__ */ e.jsxs(ee, { className: "", controls: h, children: [
       /* @__PURE__ */ e.jsx(ee.Content, { onClick: y, children: /* @__PURE__ */ e.jsx(
-        _e,
+        qe,
         {
           className: "pyrion-navigation-drawer-user-card p-0",
           name: t.user.name,
@@ -853,7 +833,7 @@ const Ft = (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(ye, { className: "flex flex-col gap-2 max-h-[165px] flex-1", scrollbarProps: { hide: !0 }, children: /* @__PURE__ */ e.jsx(
-            Ft,
+            Rt,
             {
               sessions: r,
               onSessionClick: i,
@@ -863,17 +843,17 @@ const Ft = (t) => {
             }
           ) })
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: n && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: o && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           /* @__PURE__ */ e.jsx("span", { className: "border-t border-neutral-strong-default w-full bg-neutral-strong-default" }),
           /* @__PURE__ */ e.jsx(
             fe,
             {
-              onClick: n,
+              onClick: o,
               animate: !1,
               animateIcon: !1,
               variant: "text",
               label: "Cerrar sesión",
-              icon: /* @__PURE__ */ e.jsx(yt, {}),
+              icon: /* @__PURE__ */ e.jsx(Nt, {}),
               size: "small",
               color: "secondary"
             }
@@ -882,21 +862,21 @@ const Ft = (t) => {
       ] })
     ] })
   ] });
-}, ot = I(Ut, (t, r) => {
+}, ot = I(Bt, (t, r) => {
   const s = Object.keys(t), l = Object.keys(r);
   if (s.length !== l.length)
     return !1;
   for (const i of s) {
     if (!Object.prototype.hasOwnProperty.call(r, i))
       return !1;
-    const n = t[i], c = r[i];
-    if (n !== c)
+    const o = t[i], p = r[i];
+    if (o !== p)
       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 zt = ({ tabs: t, content: r, controls: s }) => /* @__PURE__ */ e.jsxs(ee, { controls: s, children: [
+const Ft = ({ tabs: t, content: r, controls: s }) => /* @__PURE__ */ e.jsxs(ee, { controls: s, children: [
   /* @__PURE__ */ e.jsx(ee.Content, { children: typeof r == "function" ? r() : r }),
   /* @__PURE__ */ e.jsxs(ee.Options, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col p-2 pl-4 gap-2", children: [
@@ -910,10 +890,10 @@ const zt = ({ tabs: t, content: r, controls: s }) => /* @__PURE__ */ e.jsxs(ee,
             className: "size-8 aspect-square rounded",
             draggable: !1
           }
-        ) : l.thumbnail, n = () => {
+        ) : l.thumbnail, o = () => {
           l.disabled || l.onClick && l.onClick(l.name);
         };
-        return /* @__PURE__ */ e.jsxs("div", { onClick: n, className: "flex gap-2 p-2 rounded-lg h-12", children: [
+        return /* @__PURE__ */ e.jsxs("div", { onClick: o, className: "flex gap-2 p-2 rounded-lg h-12", children: [
           i,
           /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center h-full justify-center  ", children: [
             /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-label-large text-neutral-default-default line-clamp-1", children: l.name }),
@@ -931,8 +911,8 @@ const zt = ({ tabs: t, content: r, controls: s }) => /* @__PURE__ */ e.jsxs(ee,
         const m = t.find((d) => d._id === s);
         if (m) return { coverImage: m.coverImage, thumbnail: m.thumbnail };
       }
-      const n = window.location.origin, c = t.find((m) => m.url === n);
-      if (c) return { coverImage: c.coverImage, thumbnail: c.thumbnail };
+      const o = window.location.origin, p = t.find((m) => m.url === o);
+      if (p) return { coverImage: p.coverImage, thumbnail: p.thumbnail };
     }
     return { coverImage: "", thumbnail: "" };
   }, [t]), i = !!r;
@@ -942,7 +922,7 @@ const zt = ({ tabs: t, content: r, controls: s }) => /* @__PURE__ */ e.jsxs(ee,
       {
         src: l().coverImage,
         alt: "System Logo",
-        className: k("w-full h-12 rounded object-contain system-cover-image ", i && "cursor-pointer"),
+        className: D("w-full h-12 rounded object-contain system-cover-image ", i && "cursor-pointer"),
         draggable: !1,
         onClick: r
       }
@@ -952,7 +932,7 @@ const zt = ({ tabs: t, content: r, controls: s }) => /* @__PURE__ */ e.jsxs(ee,
       {
         src: l().thumbnail,
         alt: "System Logo",
-        className: k("w-12 h-12 rounded object-cover system-thumbnail ", i && "cursor-pointer"),
+        className: D("w-12 h-12 rounded object-cover system-thumbnail ", i && "cursor-pointer"),
         draggable: !1,
         onClick: r
       }
@@ -961,14 +941,14 @@ const zt = ({ tabs: t, content: r, controls: s }) => /* @__PURE__ */ e.jsxs(ee,
 }, (t, r) => t.enabled_systems === r.enabled_systems && t.onClick === r.onClick && t.currentSystemId === r.currentSystemId);
 De.displayName = "PyrionNavigationDrawer.SystemLogo";
 const lt = I(({ onSystemLogoClick: t, state: r, currentSystemId: s, tabs: l, mobileAppSwitcherControls: i }) => {
-  const { getIsCollapsed: n } = ie(), c = We(), m = x(() => {
+  const { getIsCollapsed: o } = ie(), p = Ve(), m = x(() => {
     if (t) {
-      const d = n();
+      const d = o();
       t(d);
     }
-  }, [t, n]);
-  return c ? /* @__PURE__ */ e.jsx(
-    zt,
+  }, [t, o]);
+  return p ? /* @__PURE__ */ e.jsx(
+    Ft,
     {
       controls: i,
       tabs: l,
@@ -991,31 +971,31 @@ const lt = I(({ onSystemLogoClick: t, state: r, currentSystemId: s, tabs: l, mob
   );
 });
 lt.displayName = "PyrionNavigationDrawer.Header";
-const Ht = ({ onCloseClick: t, onMarkAllAsRead: r, notificationsListControls: s }) => {
-  const [l, i] = J([]), n = T(/* @__PURE__ */ new Set()), c = x((f, w = "top") => {
+const Ut = ({ onCloseClick: t, onMarkAllAsRead: r, notificationsListControls: s }) => {
+  const [l, i] = J([]), o = T(/* @__PURE__ */ new Set()), p = x((u, w = "top") => {
     i((y) => {
-      const p = Array.isArray(f) ? w === "bottom" ? [...y, ...f] : [...f, ...y] : w === "bottom" ? [...y, f] : [f, ...y];
-      return n.current.forEach((F) => F(p, p.length)), p;
+      const f = Array.isArray(u) ? w === "bottom" ? [...y, ...u] : [...u, ...y] : w === "bottom" ? [...y, u] : [u, ...y];
+      return o.current.forEach((F) => F(f, f.length)), f;
     });
-  }, []), m = x((f) => (n.current.add(f), () => {
-    n.current.delete(f);
-  }), []), d = x((f) => {
+  }, []), m = x((u) => (o.current.add(u), () => {
+    o.current.delete(u);
+  }), []), d = x((u) => {
     i((w) => {
-      const y = Array.isArray(f) ? w.filter((p) => !f.includes(p._id)) : w.filter((p) => p._id !== f);
-      return n.current.forEach((p) => p(y, y.length)), y;
+      const y = Array.isArray(u) ? w.filter((f) => !u.includes(f._id)) : w.filter((f) => f._id !== u);
+      return o.current.forEach((f) => f(y, y.length)), y;
     });
-  }, []), b = x(() => {
-    i([]), n.current.forEach((f) => f([], 0));
-  }, []), u = x((f) => {
-    i(f), n.current.forEach((w) => w(f, f.length));
+  }, []), h = x(() => {
+    i([]), o.current.forEach((u) => u([], 0));
+  }, []), c = x((u) => {
+    i(u), o.current.forEach((w) => w(u, u.length));
   }, []);
   Oe(s, () => ({
-    addNewNotification: c,
+    addNewNotification: p,
     subscribeToUpdates: m,
-    setNotifications: u,
+    setNotifications: c,
     removeNotification: d,
-    removeAllNotifications: b
-  }), [c, m, u, d, b]);
+    removeAllNotifications: h
+  }), [p, m, c, d, h]);
   const v = l.length > 0;
   return /* @__PURE__ */ e.jsxs(
     "section",
@@ -1031,12 +1011,12 @@ const Ht = ({ onCloseClick: t, onMarkAllAsRead: r, notificationsListControls: s
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-3 pb-8 pt-4 px-4", children: [
           r && v && /* @__PURE__ */ e.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ e.jsx(fe, { onClick: r, label: "Marcar todas como leidas", variant: "text", animate: !1, animateIcon: !1, size: "small" }) }),
-          v ? l?.map((f, w) => /* @__PURE__ */ e.jsx(Ct, { ...f, className: " border-b border-neutral-strong-default rounded-b-none last:border-b-0" }, w)) : /* @__PURE__ */ e.jsx("p", { className: " prometeo-fonts-body-medium text-neutral-default-hover text-center py-8", children: "No hay notificaciones" })
+          v ? l?.map((u, w) => /* @__PURE__ */ e.jsx(yt, { ...u, className: " border-b border-neutral-strong-default rounded-b-none last:border-b-0" }, w)) : /* @__PURE__ */ e.jsx("p", { className: " prometeo-fonts-body-medium text-neutral-default-hover text-center py-8", children: "No hay notificaciones" })
         ] })
       ]
     }
   );
-}, Vt = ({ onCloseClick: t, children: r, title: s = "Ayuda" }) => /* @__PURE__ */ e.jsxs(
+}, zt = ({ onCloseClick: t, children: r, title: s = "Ayuda" }) => /* @__PURE__ */ e.jsxs(
   "section",
   {
     className: "overflow-auto w-full md:w-[479px] bg-neutral-default-default border-l-0 md:border-l border-neutral-strong-default h-full",
@@ -1051,89 +1031,89 @@ const Ht = ({ onCloseClick: t, onMarkAllAsRead: r, notificationsListControls: s
       /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-3 pb-8 pt-4 px-4 ", children: r })
     ]
   }
-), Wt = ({ closeSidebar: t, options: r, helpSection: s, initialSection: l, notificationsListControls: i }, n) => {
-  const [c, m] = J(l ?? "notifications");
-  Oe(n, () => ({
+), Ht = ({ closeSidebar: t, options: r, helpSection: s, initialSection: l, notificationsListControls: i }, o) => {
+  const [p, m] = J(l ?? "notifications");
+  Oe(o, () => ({
     setActiveSection: m
   }));
   const d = () => {
     t();
   };
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    c === "notifications" && !r?.notificationsDrawerOptions?.hide && /* @__PURE__ */ e.jsx(
-      Ht,
+    p === "notifications" && !r?.notificationsDrawerOptions?.hide && /* @__PURE__ */ e.jsx(
+      Ut,
       {
         onCloseClick: d,
         onMarkAllAsRead: r?.notificationsDrawerOptions?.onMarkAllAsRead,
         notificationsListControls: i
       }
     ),
-    c === "help" && s && !r?.helpSectionDrawerOptions?.hide && /* @__PURE__ */ e.jsx(Vt, { onCloseClick: d, children: typeof s == "function" ? s() : s })
+    p === "help" && s && !r?.helpSectionDrawerOptions?.hide && /* @__PURE__ */ e.jsx(zt, { onCloseClick: d, children: typeof s == "function" ? s() : s })
   ] });
-}, it = me(Wt);
+}, it = me(Ht);
 it.displayName = "SidebarContent";
-const qt = ({
+const Vt = ({
   options: t,
   helpSection: r,
   sidebarContentRef: s,
   initialSectionRef: l,
   notificationsListControls: i
 }) => {
-  const { closeSidebar: n } = ie();
+  const { closeSidebar: o } = ie();
   return /* @__PURE__ */ e.jsx(
     it,
     {
       ref: s,
-      closeSidebar: n,
+      closeSidebar: o,
       options: t,
       helpSection: r,
       initialSection: l.current,
       notificationsListControls: i
     }
   );
-}, ct = I(qt);
+}, ct = I(Vt);
 ct.displayName = "PyrionNavigationDrawer.Sidebar";
-const $t = ({ navigationControlsRef: t }) => {
+const Wt = ({ navigationControlsRef: t }) => {
   const r = ie();
   return t.current.toggleCollapse = r.toggleCollapse, t.current.getIsCollapsed = r.getIsCollapsed, t.current.subscribeToCollapse = r.subscribeToCollapse, t.current.openSidebar = r.openSidebar, t.current.closeSidebar = r.closeSidebar, t.current.toggleSidebar = r.toggleSidebar, t.current.getIsSidebarOpen = r.getIsSidebarOpen, t.current.subscribeToSidebarOpen = r.subscribeToSidebarOpen, t.current.setDrawerDragEnabled = r.setDrawerDragEnabled, t.current.setSidebarDragEnabled = r.setSidebarDragEnabled, null;
-}, Kt = (t) => {
-  const { children: r, currentAppSessions: s, resolveUserSecondarySlot: l, resolveSessionSecondarySlot: i, handleNavigation: n, allActions: c, tabs: m, navigationControlsRef: d, sidebarContentRef: b, initialSectionRef: u, userOptionsControls: v, mobileAppSwitcherControls: f, notificationsListControls: w, outletRef: y, ...p } = t;
-  return /* @__PURE__ */ e.jsxs($, { disableDragOpen: p.options?.disableDragOpen, outletRef: y, children: [
-    /* @__PURE__ */ e.jsx($t, { navigationControlsRef: d }),
+}, qt = (t) => {
+  const { children: r, currentAppSessions: s, resolveUserSecondarySlot: l, resolveSessionSecondarySlot: i, handleNavigation: o, allActions: p, tabs: m, navigationControlsRef: d, sidebarContentRef: h, initialSectionRef: c, userOptionsControls: v, mobileAppSwitcherControls: u, notificationsListControls: w, outletRef: y, ...f } = t;
+  return /* @__PURE__ */ e.jsxs($, { disableDragOpen: f.options?.disableDragOpen, outletRef: y, children: [
+    /* @__PURE__ */ e.jsx(Wt, { navigationControlsRef: d }),
     /* @__PURE__ */ e.jsx($.Header, { className: "flex flex-col relative w-full select-none", children: /* @__PURE__ */ e.jsx(
       lt,
       {
-        onSystemLogoClick: p.onSystemLogoClick,
-        state: p.state,
-        currentSystemId: p.currentSystemId,
+        onSystemLogoClick: f.onSystemLogoClick,
+        state: f.state,
+        currentSystemId: f.currentSystemId,
         tabs: m,
-        mobileAppSwitcherControls: f
+        mobileAppSwitcherControls: u
       }
     ) }, "PL-Header"),
     /* @__PURE__ */ e.jsx($.Content, { className: "overflow-hidden flex flex-col relative flex-1 w-[285px] md:w-auto", children: /* @__PURE__ */ e.jsx(
       at,
       {
-        navlinks: p.links,
-        handleNavigation: n,
-        allActions: c,
-        activeActionId: p.activeActionId,
-        onActionClick: p.onActionClick
+        navlinks: f.links,
+        handleNavigation: o,
+        allActions: p,
+        activeActionId: f.activeActionId,
+        onActionClick: f.onActionClick
       }
     ) }, "PL-Content"),
     /* @__PURE__ */ e.jsx($.Footer, { className: "md:min-h-max flex flex-col w-full overflow-hidden max-w-full", children: /* @__PURE__ */ e.jsx(
       ot,
       {
-        state: p.state,
+        state: f.state,
         currentAppSessions: s,
         resolveUserSecondarySlot: l,
         resolveSessionSecondarySlot: i,
-        onSessionClick: p.onSessionClick,
-        onLogoutClick: p.onLogoutClick,
-        options: p.options,
-        currentSystemId: p.currentSystemId,
+        onSessionClick: f.onSessionClick,
+        onLogoutClick: f.onLogoutClick,
+        options: f.options,
+        currentSystemId: f.currentSystemId,
         userOptionsControls: v,
-        mobileAppSwitcherControls: f,
-        onProfileClick: p.onProfileClick
+        mobileAppSwitcherControls: u,
+        onProfileClick: f.onProfileClick
       }
     ) }, "PL-Footer"),
     /* @__PURE__ */ e.jsx($.Outlet, { children: /* @__PURE__ */ e.jsx(dt, { children: r }) }),
@@ -1141,30 +1121,30 @@ const $t = ({ navigationControlsRef: t }) => {
       $.Sidebar,
       {
         className: "bg-neutral-default-default",
-        modal: p.options?.sidebarOptions?.modal,
-        closeOnOverlayClick: p.options?.sidebarOptions?.closeOnOverlayClick,
+        modal: f.options?.sidebarOptions?.modal,
+        closeOnOverlayClick: f.options?.sidebarOptions?.closeOnOverlayClick,
         children: /* @__PURE__ */ e.jsx(
           ct,
           {
-            options: p.options,
-            helpSection: p.helpSection,
-            sidebarContentRef: b,
-            initialSectionRef: u,
+            options: f.options,
+            helpSection: f.helpSection,
+            sidebarContentRef: h,
+            initialSectionRef: c,
             notificationsListControls: w
           }
         )
       }
     )
   ] });
-}, Ae = I(Kt, (t, r) => {
-  const { children: s, ...l } = t, { children: i, ...n } = r, c = Object.keys(l), m = Object.keys(n);
-  if (c.length !== m.length)
+}, Ae = I(qt, (t, r) => {
+  const { children: s, ...l } = t, { children: i, ...o } = r, p = Object.keys(l), m = Object.keys(o);
+  if (p.length !== m.length)
     return !1;
-  for (const d of c) {
-    if (!Object.prototype.hasOwnProperty.call(n, d))
+  for (const d of p) {
+    if (!Object.prototype.hasOwnProperty.call(o, d))
       return !1;
-    const b = l[d], u = n[d];
-    if (b !== u)
+    const h = l[d], c = o[d];
+    if (h !== c)
       return !1;
   }
   return !0;
@@ -1172,67 +1152,67 @@ const $t = ({ navigationControlsRef: t }) => {
 Ae.displayName = "PyrionNavigationDrawer.LayoutBase";
 const dt = I(({ children: t }) => /* @__PURE__ */ e.jsx($.Outlet, { children: t }));
 dt.displayName = "PyrionNavigationDrawer.IsolatedOutlet";
-const ut = Le(null), br = () => {
+const ut = Le(null), pr = () => {
   const t = pt(ut);
   if (!t)
     throw new Error("usePyrionLayout debe usarse dentro de PyrionLayout");
   return t;
-}, xr = ({ children: t, helpSection: r, state: s, links: l, onLinkClick: i, onNavigate: n, onLogoutClick: c, actions: m, activeActionId: d, onActionClick: b, tabsProps: u, currentSystemId: v, onSessionClick: f, onSystemLogoClick: w, onProfileClick: y, ...p }) => {
+}, br = ({ children: t, helpSection: r, state: s, links: l, onLinkClick: i, onNavigate: o, onLogoutClick: p, actions: m, activeActionId: d, onActionClick: h, tabsProps: c, currentSystemId: v, onSessionClick: u, onSystemLogoClick: w, onProfileClick: y, ...f }) => {
   const A = Object.assign({
     closeDrawerOnNavigate: !0,
     disableDragOpen: {
       sidebar: !0,
       drawer: !1
     }
-  }, p.options), P = bt(), R = We(), D = T(null), j = T({}), Y = T(null), X = T("notifications"), G = T(null), te = T(null), H = T(null), [M, E] = J(0), [V, W] = J(!1), [re, ne] = J(null), se = x((a) => {
+  }, f.options), P = ht(), M = Ve(), k = T(null), S = T({}), Y = T(null), X = T("notifications"), G = T(null), te = T(null), H = T(null), [R, E] = J(0), [V, W] = J(!1), [re, ne] = J(null), se = x((n) => {
     if (W(!1), i) {
-      i(a);
+      i(n);
       return;
     }
     const N = window.location.pathname;
-    P(a), A.closeDrawerOnNavigate && ft() && !j.current?.getIsCollapsed?.() && j.current?.toggleCollapse?.(), n && n(N, a);
-  }, [i, n, P]), ce = (a) => {
-    a && window.open(a, "_blank");
-  }, he = {
+    P(n), A.closeDrawerOnNavigate && ft() && !S.current?.getIsCollapsed?.() && S.current?.toggleCollapse?.(), o && o(N, n);
+  }, [i, o, P]), ce = (n) => {
+    n && window.open(n, "_blank");
+  }, be = {
     system: {
       mobile: ce,
-      desktop: (a) => {
-        typeof window < "u" && a && (window.location.href = a);
+      desktop: (n) => {
+        typeof window < "u" && n && (window.location.href = n);
       }
     },
     product: {
       mobile: ce,
       desktop: ce
     }
-  }, Me = x((a) => {
-    const N = R ? "mobile" : "desktop", O = s.enabled_systems.find((C) => C.name === a)?.url;
-    he.system[N](O), u?.onTabClick?.(a);
-  }, [R, s.enabled_systems, u?.onTabClick]), ae = x((a) => {
-    const N = R ? "mobile" : "desktop", O = s.company.products?.find((C) => C.name === a)?.domain;
-    he.product[N](O), u?.onTabClick?.(a);
-  }, [R, s.company.products, u?.onTabClick]), Be = x((a, N) => {
+  }, Me = x((n) => {
+    const N = M ? "mobile" : "desktop", O = s.enabled_systems.find((C) => C.name === n)?.url;
+    be.system[N](O), c?.onTabClick?.(n);
+  }, [M, s.enabled_systems, c?.onTabClick]), ae = x((n) => {
+    const N = M ? "mobile" : "desktop", O = s.company.products?.find((C) => C.name === n)?.domain;
+    be.product[N](O), c?.onTabClick?.(n);
+  }, [M, s.company.products, c?.onTabClick]), Re = x((n, N) => {
     if (N) {
-      N(a), u?.onTabClick?.(a);
+      N(n), c?.onTabClick?.(n);
       return;
     } else
-      u?.onTabClick?.(a);
-  }, [u?.onTabClick]), Ce = x(() => {
-    const a = {};
+      c?.onTabClick?.(n);
+  }, [c?.onTabClick]), Ce = x(() => {
+    const n = {};
     s.enabled_systems.forEach((O) => {
-      a[O.url] = O.name;
+      n[O.url] = O.name;
     });
     const N = window.location.origin;
-    for (const [O, C] of Object.entries(a))
+    for (const [O, C] of Object.entries(n))
       if (N === O)
         return C;
     return "";
-  }, [s.enabled_systems]), je = u?.currentTabName || Ce(), Q = ue(
+  }, [s.enabled_systems]), Se = c?.currentTabName || Ce(), Q = ue(
     () => s.sessions || [],
     [s.sessions]
-  ), oe = (a) => a == null ? null : typeof a == "string" || typeof a == "number" || typeof a == "boolean" ? String(a) : ve(a) ? a : typeof a == "object" ? JSON.stringify(a) : null, o = x((a, N) => {
-    if (!a) return null;
-    if (Array.isArray(a)) {
-      const O = a?.[0] ? ge(N, a[0]) : null, C = a?.[1] ? ge(N, a[1]) : null, z = oe(O), de = oe(C);
+  ), oe = (n) => n == null ? null : typeof n == "string" || typeof n == "number" || typeof n == "boolean" ? String(n) : ve(n) ? n : typeof n == "object" ? JSON.stringify(n) : null, a = x((n, N) => {
+    if (!n) return null;
+    if (Array.isArray(n)) {
+      const O = n?.[0] ? ge(N, n[0]) : null, C = n?.[1] ? ge(N, n[1]) : null, z = oe(O), de = oe(C);
       return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx("p", { className: "prometeo-fonts-body-small text-neutral-default-default line-clamp-1 whitespace-break-spaces min-w-1/2", children: z }),
         de && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1 flex-1 grow shrink-0 min-w-[40%]  overflow-hidden", children: [
@@ -1241,107 +1221,107 @@ const ut = Le(null), br = () => {
         ] })
       ] });
     }
-    if (typeof a == "string") {
-      const O = ge(N, a);
+    if (typeof n == "string") {
+      const O = ge(N, n);
       return oe(O);
     }
-    return typeof a == "function" ? oe(a(N)) : null;
-  }, []), h = x(
-    (a) => {
+    return typeof n == "function" ? oe(n(N)) : null;
+  }, []), b = x(
+    (n) => {
       const N = A?.userCardOptions?.secondarySlot;
       if (!N) return null;
-      const O = s.enabled_systems?.find((z) => z._id === v), C = { company: s.company, user: s.user, system: O, metadata: a };
-      return o(N, C);
+      const O = s.enabled_systems?.find((z) => z._id === v), C = { company: s.company, user: s.user, system: O, metadata: n };
+      return a(N, C);
     },
-    [v, A?.userCardOptions?.secondarySlot, o, s.company, s.enabled_systems, s.user]
+    [v, A?.userCardOptions?.secondarySlot, a, s.company, s.enabled_systems, s.user]
   ), g = x(
-    (a) => {
+    (n) => {
       const N = A?.sessionCardOptions?.secondarySlot || A?.userCardOptions?.secondarySlot;
       if (!N) return null;
-      const O = s.enabled_systems?.find((z) => z._id === v), C = { company: s.company, user: a.auth_id, metadata: a?.metadata, system: O };
-      return o(N, C);
+      const O = s.enabled_systems?.find((z) => z._id === v), C = { company: s.company, user: n.auth_id, metadata: n?.metadata, system: O };
+      return a(N, C);
     },
-    [v, A?.sessionCardOptions?.secondarySlot, A?.userCardOptions?.secondarySlot, o, s.company]
+    [v, A?.sessionCardOptions?.secondarySlot, A?.userCardOptions?.secondarySlot, a, s.company]
   ), L = ue(() => {
-    const a = [];
-    return j.current.openNotifications = () => {
-      X.current = "notifications", j.current.openSidebar?.(), Y.current?.setActiveSection("notifications");
-    }, j.current.openHelp = () => {
-      X.current = "help", j.current.openSidebar?.(), Y.current?.setActiveSection("help");
-    }, !A?.notificationsDrawerOptions?.hideActionButton && !A?.notificationsDrawerOptions?.hide && a.push({
+    const n = [];
+    return S.current.openNotifications = () => {
+      X.current = "notifications", S.current.openSidebar?.(), Y.current?.setActiveSection("notifications");
+    }, S.current.openHelp = () => {
+      X.current = "help", S.current.openSidebar?.(), Y.current?.setActiveSection("help");
+    }, !A?.notificationsDrawerOptions?.hideActionButton && !A?.notificationsDrawerOptions?.hide && n.push({
       id: "notifications",
       title: "Notificaciones",
       icon: $e,
-      onClick: j.current.openNotifications,
-      count: M
-    }), !A?.helpSectionDrawerOptions?.hideActionButton && r && !A?.helpSectionDrawerOptions?.hide && a.push({
+      onClick: S.current.openNotifications,
+      count: R
+    }), !A?.helpSectionDrawerOptions?.hideActionButton && r && !A?.helpSectionDrawerOptions?.hide && n.push({
       id: "help",
       title: "Ayuda",
       icon: Ke,
-      onClick: j.current.openHelp
-    }), A?.configurationActionOptions?.onClick && !A?.configurationActionOptions?.hideActionButton && a.push({
+      onClick: S.current.openHelp
+    }), A?.configurationActionOptions?.onClick && !A?.configurationActionOptions?.hideActionButton && n.push({
       id: "configuration",
       title: "Configuracion",
-      icon: jt,
+      icon: Ct,
       onClick: A.configurationActionOptions?.onClick
-    }), a;
-  }, [A, r, b, M]), B = ue(
+    }), n;
+  }, [A, r, h, R]), B = ue(
     () => [...L, ...m || []],
     [L, m]
   ), _ = ue(() => {
-    const a = s.enabled_systems.map((C) => ({
+    const n = s.enabled_systems.map((C) => ({
       name: C.name,
       thumbnail: C.thumbnail,
       onClick: Me,
       id: C._id
-    })) || [], N = u?.customTabs?.map((C) => ({
+    })) || [], N = c?.customTabs?.map((C) => ({
       ...C,
-      onClick: () => Be(C.name, C?.onClick)
+      onClick: () => Re(C.name, C?.onClick)
     })) || [], O = s.company.products?.map((C) => ({
       name: C.name,
       thumbnail: C.thumbnail,
       onClick: ae
     })) || [];
-    return [...a, ...N, ...O];
-  }, [s.enabled_systems, s.company.products, u?.customTabs]), Z = x((a) => {
-    D.current?.addNewNotification ? D.current.addNewNotification(a) : console.warn("Notifications controls not ready yet");
-  }, []), q = x((a) => D.current?.subscribeToUpdates ? D.current.subscribeToUpdates(a) : (console.warn("Notifications controls not ready yet"), () => {
-  }), []), le = x((a) => {
-    D.current?.removeNotification ? D.current.removeNotification(a) : console.warn("Notifications controls not ready yet");
-  }, []), be = x(() => {
-    D.current?.removeAllNotifications ? D.current.removeAllNotifications() : console.warn("Notifications controls not ready yet");
-  }, []), xe = x((a) => {
-    D.current?.setNotifications ? D.current.setNotifications(a) : console.warn("Notifications controls not ready yet");
-  }, []), S = x((a, N, O) => {
-    const C = /* @__PURE__ */ e.jsxs("div", { className: k(" bg-black/60 z-200 inset-0 h-full w-full grid place-items-center text-neutral-default-default", N ? "fixed" : "sticky"), children: [
+    return [...n, ...N, ...O];
+  }, [s.enabled_systems, s.company.products, c?.customTabs]), Z = x((n) => {
+    k.current?.addNewNotification ? k.current.addNewNotification(n) : console.warn("Notifications controls not ready yet");
+  }, []), q = x((n) => k.current?.subscribeToUpdates ? k.current.subscribeToUpdates(n) : (console.warn("Notifications controls not ready yet"), () => {
+  }), []), le = x((n) => {
+    k.current?.removeNotification ? k.current.removeNotification(n) : console.warn("Notifications controls not ready yet");
+  }, []), he = x(() => {
+    k.current?.removeAllNotifications ? k.current.removeAllNotifications() : console.warn("Notifications controls not ready yet");
+  }, []), xe = x((n) => {
+    k.current?.setNotifications ? k.current.setNotifications(n) : console.warn("Notifications controls not ready yet");
+  }, []), j = x((n, N, O) => {
+    const C = /* @__PURE__ */ e.jsxs("div", { className: D(" bg-black/60 z-200 inset-0 h-full w-full grid place-items-center text-neutral-default-default", N ? "fixed" : "sticky"), children: [
       !O && /* @__PURE__ */ e.jsx(fe, { label: "", icon: /* @__PURE__ */ e.jsx(Ie, {}), onClick: () => W(!1), variant: "text", className: "absolute top-0 right-0", size: "small", color: "secondary" }),
-      typeof a == "function" ? a() : a
+      typeof n == "function" ? n() : n
     ] });
     let z;
-    return N ? z = ze(C, document.body, `modal-error-${Date.now()}`) : H.current && (z = ze(C, H.current, `modal-error-${Date.now()}`)), ne(z), W(!0), C;
+    return N ? z = Ue(C, document.body, `modal-error-${Date.now()}`) : H.current && (z = Ue(C, H.current, `modal-error-${Date.now()}`)), ne(z), W(!0), C;
   }, [H]), U = x(() => {
     W(!1);
   }, []);
-  return j.current.addNewNotification = Z, j.current.subscribeToNotificationsUpdates = q, j.current.removeNotification = le, j.current.removeAllNotifications = be, j.current.setNotifications = xe, j.current.showErrorModal = S, j.current.closeErrorModal = U, K(() => {
-    q((a, N) => {
+  return S.current.addNewNotification = Z, S.current.subscribeToNotificationsUpdates = q, S.current.removeNotification = le, S.current.removeAllNotifications = he, S.current.setNotifications = xe, S.current.showErrorModal = j, S.current.closeErrorModal = U, K(() => {
+    q((n, N) => {
       E(N);
     });
-  }, [q]), /* @__PURE__ */ e.jsxs(ut.Provider, { value: j.current, children: [
+  }, [q]), /* @__PURE__ */ e.jsxs(ut.Provider, { value: S.current, children: [
     V && re,
-    R ? /* @__PURE__ */ e.jsx("div", { className: "flex h-screen", children: /* @__PURE__ */ e.jsx(
+    M ? /* @__PURE__ */ e.jsx("div", { className: "flex h-screen", children: /* @__PURE__ */ e.jsx(
       Ae,
       {
         links: l,
         handleNavigation: se,
         allActions: B,
         activeActionId: d,
-        onActionClick: b,
+        onActionClick: h,
         state: s,
         currentAppSessions: Q,
-        resolveUserSecondarySlot: h,
+        resolveUserSecondarySlot: b,
         resolveSessionSecondarySlot: g,
-        onSessionClick: f,
-        onLogoutClick: c,
+        onSessionClick: u,
+        onLogoutClick: p,
         options: A,
         currentSystemId: v,
         userOptionsControls: G,
@@ -1351,8 +1331,8 @@ const ut = Le(null), br = () => {
         helpSection: r,
         sidebarContentRef: Y,
         initialSectionRef: X,
-        navigationControlsRef: j,
-        notificationsListControls: D,
+        navigationControlsRef: S,
+        notificationsListControls: k,
         outletRef: H,
         onProfileClick: y,
         children: t
@@ -1364,7 +1344,7 @@ const ut = Le(null), br = () => {
           className: "hidden md:flex",
           tabs: _,
           activeColor: "var(--neutral-900)",
-          currentTabName: je,
+          currentTabName: Se,
           currentSystemId: v
         }
       ),
@@ -1375,13 +1355,13 @@ const ut = Le(null), br = () => {
           handleNavigation: se,
           allActions: B,
           activeActionId: d,
-          onActionClick: b,
+          onActionClick: h,
           state: s,
           currentAppSessions: Q,
-          resolveUserSecondarySlot: h,
+          resolveUserSecondarySlot: b,
           resolveSessionSecondarySlot: g,
-          onSessionClick: f,
-          onLogoutClick: c,
+          onSessionClick: u,
+          onLogoutClick: p,
           options: A,
           currentSystemId: v,
           userOptionsControls: G,
@@ -1391,8 +1371,8 @@ const ut = Le(null), br = () => {
           helpSection: r,
           sidebarContentRef: Y,
           initialSectionRef: X,
-          navigationControlsRef: j,
-          notificationsListControls: D,
+          navigationControlsRef: S,
+          notificationsListControls: k,
           outletRef: H,
           onProfileClick: y,
           children: t
@@ -1402,6 +1382,6 @@ const ut = Le(null), br = () => {
   ] });
 };
 export {
-  xr as default,
-  br as u
+  br as default,
+  pr as u
 };