prometeo-design-system 4.1.0 → 4.1.1

package/dist/PyrionLayout.es.js

@@ -6,9 +6,9 @@ import { createPortal as ze } from "react-dom";
 import { useLocation as ht, useNavigate as bt } from "react-router";
 import { B as xt, T as gt } from "./badge-CbqYNrl4.js";
 import { c as A } from "./cn-B6yFEsav.js";
-import { CloseNavBarDesktop as wt } from "./Icons/CloseNavBarDesktop.es.js";
+import { CloseNavBarDesktop as vt } from "./Icons/CloseNavBarDesktop.es.js";
 import { c as Te } from "./index-BOQuZ0gG.js";
-import vt from "./PlainTooltip.es.js";
+import wt from "./PlainTooltip.es.js";
 import { CrevronLeft as Nt } from "./Icons/CrevronLeft.es.js";
 import { Scrollable as ye } from "./Scrollable.es.js";
 import ee from "./TicketCard.es.js";
@@ -21,7 +21,7 @@ import { Close as Ie } from "./Icons/Close.es.js";
 import { Help as Ke } from "./Icons/Help.es.js";
 import { Settings as St } from "./Icons/Settings.es.js";
 const Ye = T(Ne(({ children: t, className: r, context: s, modal: l = !1, closeOnOverlayClick: i = !1, unmountChildrenOnClose: n = !0 }, c) => {
-  const m = me(t, s), d = typeof window < "u" && window.matchMedia("(min-width: 768px)").matches, { isSidebarOpen: h } = kt(), { closeSidebar: b } = ie(), [v, u] = Z(() => n ? h : !0), [N, y] = Z(!1);
+  const m = me(t, s), d = typeof window < "u" && window.matchMedia("(min-width: 768px)").matches, { isSidebarOpen: h } = kt(), { closeSidebar: b } = ie(), [w, u] = Z(() => n ? h : !0), [N, y] = Z(!1);
   return X(() => {
     n && s?.subscribeToSidebarOpen((f) => {
       f ? (y(!1), u(!0)) : y(!0);
@@ -46,7 +46,7 @@ const Ye = T(Ne(({ children: t, className: r, context: s, modal: l = !1, closeOn
     ),
     /* @__PURE__ */ e.jsxs("div", { className: A("navigation-drawer-sidebar-inner"), children: [
       /* @__PURE__ */ e.jsx("div", { className: "secure-click-margin" }),
-      v && m
+      w && m
     ] })
   ] });
 })), Xe = Oe(null), Je = Oe(null), kt = () => {
@@ -72,7 +72,7 @@ const Ye = T(Ne(({ children: t, className: r, context: s, modal: l = !1, closeOn
     } catch {
     }
 }, At = (t) => {
-  const { children: r, classNameDrawer: s, classNameSidebar: l, disableDragOpen: i } = t, n = I(null), c = I(null), m = t.outletRef ?? I(null), d = I(null), h = I(He()), b = I(!1), v = I("drawer"), u = I(/* @__PURE__ */ new Set()), N = I(/* @__PURE__ */ new Set()), y = I(!1), f = I(null), F = x((o) => {
+  const { children: r, classNameDrawer: s, classNameSidebar: l, disableDragOpen: i } = t, n = I(null), c = I(null), m = t.outletRef ?? I(null), d = I(null), h = I(He()), b = I(!1), w = I("drawer"), u = I(/* @__PURE__ */ new Set()), N = I(/* @__PURE__ */ new Set()), y = I(!1), f = I(null), F = x((o) => {
     const p = c.current;
     p && (p.classList.toggle("collapsed", o), p.classList.toggle("expanded", !o));
   }, []), D = x((o) => {
@@ -98,8 +98,8 @@ const Ye = T(Ne(({ children: t, className: r, context: s, modal: l = !1, closeOn
     [D]
   ), k = x(
     (o, { notify: p = !0 } = {}) => {
-      const g = v.current, O = g !== o;
-      v.current = o, window.matchMedia("(min-width: 768px)").matches || P(o !== "drawer", { notify: p });
+      const g = w.current, O = g !== o;
+      w.current = o, window.matchMedia("(min-width: 768px)").matches || P(o !== "drawer", { notify: p });
       const B = g === "sidebar", _ = o === "sidebar";
       p && O && B !== _ && N.current.forEach((Q) => Q(_)), R(o !== "sidebar", { notify: p }), P(o !== "drawer", { notify: p });
     },
@@ -153,8 +153,8 @@ const Ye = T(Ne(({ children: t, className: r, context: s, modal: l = !1, closeOn
     const _ = (S) => {
       O = S.touches[0].clientX, B = S.touches[0].clientY;
     }, Q = (S, U) => {
-      const a = window.getComputedStyle(S), w = U === "x" ? a.overflowX : a.overflowY;
-      return /(auto|scroll|overlay)/.test(w) ? U === "x" ? S.scrollWidth > S.clientWidth : S.scrollHeight > S.clientHeight : !1;
+      const a = window.getComputedStyle(S), v = U === "x" ? a.overflowX : a.overflowY;
+      return /(auto|scroll|overlay)/.test(v) ? U === "x" ? S.scrollWidth > S.clientWidth : S.scrollHeight > S.clientHeight : !1;
     }, $ = (S, U) => {
       let a = S;
       for (; a && a !== o; ) {
@@ -165,13 +165,13 @@ const Ye = T(Ne(({ children: t, className: r, context: s, modal: l = !1, closeOn
       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, he = (S) => {
       if (!(S.target instanceof HTMLElement)) return;
-      const U = S.touches[0].clientX - O, a = S.touches[0].clientY - B, w = Math.abs(U) > Math.abs(a) ? "x" : "y", L = w === "x" ? U : a, C = $(S.target, w);
-      if (C && le(C, w, L))
+      const U = S.touches[0].clientX - O, a = S.touches[0].clientY - B, v = Math.abs(U) > Math.abs(a) ? "x" : "y", L = v === "x" ? U : a, C = $(S.target, v);
+      if (C && le(C, v, L))
         return;
       const z = o.classList.contains("disabled-dragopen"), de = o.classList.contains("disabled-dragopen-sidebar"), Fe = () => S.cancelable ? (S.preventDefault(), !0) : !1;
-      if (w === "x") {
+      if (v === "x") {
         if (U > 0) {
-          if (v.current === "sidebar" && !de) {
+          if (w.current === "sidebar" && !de) {
             g = !0;
             return;
           }
@@ -180,7 +180,7 @@ const Ye = T(Ne(({ children: t, className: r, context: s, modal: l = !1, closeOn
             return;
           }
         } else if (U < 0) {
-          if (v.current === "drawer" && !z) {
+          if (w.current === "drawer" && !z) {
             g = !0;
             return;
           }
@@ -237,10 +237,10 @@ const Ye = T(Ne(({ children: t, className: r, context: s, modal: l = !1, closeOn
         R(!b.current);
         return;
       }
-      const o = v.current === "sidebar" ? "outlet" : "sidebar";
+      const o = w.current === "sidebar" ? "outlet" : "sidebar";
       k(o), j(o);
     },
-    getIsSidebarOpen: () => d.current ? window.matchMedia("(min-width: 768px)").matches ? !b.current : v.current === "sidebar" : !1,
+    getIsSidebarOpen: () => d.current ? window.matchMedia("(min-width: 768px)").matches ? !b.current : w.current === "sidebar" : !1,
     subscribeToSidebarOpen: (o) => (N.current.add(o), () => {
       N.current.delete(o);
     }),
@@ -285,11 +285,11 @@ const Ye = T(Ne(({ children: t, className: r, context: s, modal: l = !1, closeOn
       E = o;
       return;
     }
-    if (o.type === we && !V) {
+    if (o.type === ve && !V) {
       V = o;
       return;
     }
-    if (o.type === ve && !W) {
+    if (o.type === we && !W) {
       W = o;
       return;
     }
@@ -303,7 +303,7 @@ const Ye = T(Ne(({ children: t, className: r, context: s, modal: l = !1, closeOn
     }
     re.push(o);
   });
-  const ce = !!V, Re = V ?? (re.length ? /* @__PURE__ */ e.jsx(we, { children: re }) : null), pe = ce ? re : [], ae = ne ?? (!!ne ? /* @__PURE__ */ e.jsx(ke, { children: H }) : null), Ce = W ?? (!!W ? /* @__PURE__ */ e.jsx(ve, { children: W }) : null), je = !!se, G = se, oe = ue(() => ({
+  const ce = !!V, Re = V ?? (re.length ? /* @__PURE__ */ e.jsx(ve, { children: re }) : null), pe = ce ? re : [], ae = ne ?? (!!ne ? /* @__PURE__ */ e.jsx(ke, { children: H }) : null), Ce = W ?? (!!W ? /* @__PURE__ */ e.jsx(we, { children: W }) : null), je = !!se, G = se, oe = ue(() => ({
     isCollapsed: h.current,
     isSidebarOpen: !b.current
   }), [h.current, b.current]);
@@ -349,7 +349,7 @@ const Ye = T(Ne(({ children: t, className: r, context: s, modal: l = !1, closeOn
     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(wt, { size: 32, className: "transition-transform duration-300 p-1" })
+    children: /* @__PURE__ */ e.jsx(vt, { size: 32, className: "transition-transform duration-300 p-1" })
   }
 ), (t, r) => t.onToggleCollapse === r.onToggleCollapse);
 Qe.displayName = "NavigationDrawerCollapseButton";
@@ -358,16 +358,16 @@ const Ee = T(({ children: t, className: r, context: s }) => {
   return /* @__PURE__ */ e.jsx("div", { className: A("flex items-center justify-between", r), children: l });
 });
 Ee.displayName = "NavigationDrawerHeader";
-const we = T(({ children: t, className: r, context: s, ...l }) => {
+const ve = T(({ children: t, className: r, context: s, ...l }) => {
   const i = me(t, s);
   return /* @__PURE__ */ e.jsx("div", { ...l, className: A("w-full flex-1 drawer-content", r), children: i });
 });
-we.displayName = "NavigationDrawerContent";
-const ve = T(({ children: t, className: r, context: s }) => {
+ve.displayName = "NavigationDrawerContent";
+const we = T(({ children: t, className: r, context: s }) => {
   const l = me(t, s);
   return /* @__PURE__ */ e.jsx("div", { className: A("flex items-center justify-between", r), children: l });
 });
-ve.displayName = "NavigationDrawerFooter";
+we.displayName = "NavigationDrawerFooter";
 const Ze = T(({ className: t }) => /* @__PURE__ */ e.jsx("div", { className: A("w-full border-t border-neutral-strong-default ", t) }));
 Ze.displayName = "NavigationDrawerSpacer";
 const ke = T(Ne(({ children: t, className: r, context: s }, l) => {
@@ -376,8 +376,8 @@ const ke = T(Ne(({ children: t, className: r, context: s }, l) => {
 }), (t, r) => t.children === r.children && t.className === r.className), q = Object.assign(Ve, {
   Root: Ve,
   Header: Ee,
-  Content: we,
-  Footer: ve,
+  Content: ve,
+  Footer: we,
   Spacer: Ze,
   Outlet: ke,
   Sidebar: Ye
@@ -411,10 +411,10 @@ const Ot = "hover:bg-neutral-medium-hover", Lt = Te("", {
       }
     },
     compoundVariants: [
-      { isSelected: !0, disabled: !0, className: "text-neutral-strong-disabled hover:text-neutral-strong-disabled focus:text-neutral-strong-disabled active:text-neutral-strong-disabled" },
-      { isSelected: !1, disabled: !0, className: "text-neutral-strong-disabled hover:text-neutral-strong-disabled focus:text-neutral-strong-disabled active:text-neutral-strong-disabled" },
-      { isSelected: !0, disabled: !1, className: " text-primary-default-default group-active:text-neutral-default-pressed group-focus:text-neutral-default-pressed" },
-      { isSelected: !1, disabled: !1, className: "  text-neutral-default-default group-active:text-neutral-default-pressed group-focus:text-neutral-default-pressed" }
+      { isSelected: !0, disabled: !0, className: "text-neutral-strong-disabled hover:text-neutral-strong-disabled focus-visible:text-neutral-strong-disabled active:text-neutral-strong-disabled" },
+      { isSelected: !1, disabled: !0, className: "text-neutral-strong-disabled hover:text-neutral-strong-disabled focus-visible:text-neutral-strong-disabled active:text-neutral-strong-disabled" },
+      { isSelected: !0, disabled: !1, className: " text-primary-default-default group-active:text-neutral-default-pressed group-focus-visible:text-neutral-default-pressed" },
+      { isSelected: !1, disabled: !1, className: "  text-neutral-default-default group-active:text-neutral-default-pressed group-focus-visible:text-neutral-default-pressed" }
     ]
   }
 ), Se = Te(
@@ -433,10 +433,10 @@ const Ot = "hover:bg-neutral-medium-hover", Lt = Te("", {
       }
     },
     compoundVariants: [
-      { isSelected: !0, disabled: !0, className: "text-neutral-strong-disabled hover:text-neutral-strong-disabled focus:text-neutral-strong-disabled active:text-neutral-strong-disabled" },
-      { isSelected: !1, disabled: !0, className: "text-neutral-strong-disabled hover:text-neutral-strong-disabled focus:text-neutral-strong-disabled active:text-neutral-strong-disabled" },
-      { isSelected: !0, disabled: !1, className: "text-primary-default-default group-active:text-neutral-default-pressed group-focus:text-neutral-default-pressed" },
-      { isSelected: !1, disabled: !1, className: "text-neutral-default-default group-active:text-neutral-default-pressed group-focus:text-neutral-default-pressed" }
+      { isSelected: !0, disabled: !0, className: "text-neutral-strong-disabled hover:text-neutral-strong-disabled focus-visible:text-neutral-strong-disabled active:text-neutral-strong-disabled" },
+      { isSelected: !1, disabled: !0, className: "text-neutral-strong-disabled hover:text-neutral-strong-disabled focus-visible:text-neutral-strong-disabled active:text-neutral-strong-disabled" },
+      { isSelected: !0, disabled: !1, className: "text-primary-default-default group-active:text-neutral-default-pressed group-focus-visible:text-neutral-default-pressed" },
+      { isSelected: !1, disabled: !1, className: "text-neutral-default-default group-active:text-neutral-default-pressed group-focus-visible:text-neutral-default-pressed" }
     ]
   }
 ), It = (t) => {
@@ -451,14 +451,14 @@ const Ot = "hover:bg-neutral-medium-hover", Lt = Te("", {
     onToggleSublinks: d,
     as: h = "div",
     onClick: b,
-    onAuxClick: v,
+    onAuxClick: w,
     disabled: u = !1,
     tooltipText: N
   } = t, y = (P) => {
     u || b?.(P);
   }, f = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-center flex-nowrap", children: [
-      s && (N ? /* @__PURE__ */ e.jsx(vt, { title: N, disabled: u, children: /* @__PURE__ */ e.jsx(s, { size: 24, className: Se({ disabled: u, isSelected: n }) }) }) : /* @__PURE__ */ e.jsx(s, { size: 24, className: Se({ disabled: u, isSelected: n }) })),
+      s && (N ? /* @__PURE__ */ e.jsx(wt, { title: N, disabled: u, children: /* @__PURE__ */ e.jsx(s, { size: 24, className: Se({ disabled: u, isSelected: n }) }) }) : /* @__PURE__ */ e.jsx(s, { size: 24, className: Se({ disabled: u, isSelected: n }) })),
       /* @__PURE__ */ e.jsx("label", { className: Tt({ disabled: u, isSelected: n }), children: r })
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-1 items-center", children: [
@@ -497,7 +497,7 @@ const Ot = "hover:bg-neutral-medium-hover", Lt = Te("", {
   if (h === "a") {
     const P = {
       onClick: y,
-      onAuxClick: v,
+      onAuxClick: w,
       className: F
     };
     return /* @__PURE__ */ e.jsx("a", { ...P, children: f });
@@ -539,7 +539,7 @@ const Pt = ({ actions: t, activeActionId: r, onActionClick: s, className: l }) =
   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, ...h } = i, b = n === r, v = () => {
+  const { id: n, onClick: c, isView: m = !0, payload: d, ...h } = i, b = n === r, w = () => {
     s?.(n, d), c?.();
   };
   return m ? /* @__PURE__ */ e.jsx(
@@ -548,7 +548,7 @@ const Pt = ({ actions: t, activeActionId: r, onActionClick: s, className: l }) =
       ...h,
       id: n,
       isActive: b,
-      onClick: v
+      onClick: w
     },
     n
   ) : null;
@@ -588,7 +588,7 @@ const _t = (t) => {
 }, rt = T(_t);
 rt.displayName = "NavItemSecondary";
 const Rt = Ne((t, r) => {
-  const [s, l] = Z(!0), i = I(null), { path: n, title: c, icon: m, count: d, className: h, isSelected: b = !1, onClick: v, sublinks: u, toggleCollapse: N, getIsCollapsed: y, subscribeToCollapse: f, isView: F = !0, disabled: D, tooltipText: P } = t;
+  const [s, l] = Z(!0), i = I(null), { path: n, title: c, icon: m, count: d, className: h, isSelected: b = !1, onClick: w, sublinks: u, toggleCollapse: N, getIsCollapsed: y, subscribeToCollapse: f, isView: F = !0, disabled: D, tooltipText: P } = t;
   X(() => f ? f((E) => {
     E && l(!0);
   }) : void 0, [f]);
@@ -615,8 +615,8 @@ const Rt = Ne((t, r) => {
       k(!1), N?.();
       return;
     }
-    v?.(n);
-  }, [n, v, u, N, k, y]), J = x(() => {
+    w?.(n);
+  }, [n, w, u, N, k, y]), J = x(() => {
     window.open(n, "_blank");
   }, [n]), te = () => {
     if (!u || D) return null;
@@ -625,9 +625,9 @@ const Rt = Ne((t, r) => {
     const M = x((E) => {
       if (E.startsWith("./")) {
         const V = n + E.slice(2);
-        v?.(V);
+        w?.(V);
       } else
-        v?.(E);
+        w?.(E);
     }, [n]);
     return X(() => {
       const E = i.current;
@@ -779,10 +779,10 @@ const Ft = (t) => {
   userOptionsControls: h,
   mobileAppSwitcherControls: b
 }) => {
-  const { getIsCollapsed: v, toggleCollapse: u, subscribeToCollapse: N } = ie(), y = x(() => {
-    const f = v();
+  const { getIsCollapsed: w, toggleCollapse: u, subscribeToCollapse: N } = ie(), y = x(() => {
+    const f = w();
     f ? (u(), h.current?.open()) : c?.(f);
-  }, [v, u, h, c]);
+  }, [w, u, h, c]);
   return X(() => N((f) => {
     f && (h.current?.close(), b.current?.close());
   }), [N, h, b]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -966,7 +966,7 @@ const Ht = ({ onCloseClick: t, onMarkAllAsRead: r, notificationsListControls: s
     removeNotification: d,
     removeAllNotifications: h
   }), [c, m, b, d, h]);
-  const v = l.length > 0;
+  const w = l.length > 0;
   return /* @__PURE__ */ e.jsxs(
     "section",
     {
@@ -980,8 +980,8 @@ const Ht = ({ onCloseClick: t, onMarkAllAsRead: r, notificationsListControls: s
           /* @__PURE__ */ e.jsx(fe, { onClick: () => t?.(), icon: /* @__PURE__ */ e.jsx(Ie, {}), variant: "text", animate: !1, animateIcon: !1, color: "secondary", className: "size-12" })
         ] }),
         /* @__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((u, N) => /* @__PURE__ */ e.jsx(jt, { ...u, className: " border-b border-neutral-strong-default rounded-b-none last:border-b-0" }, N)) : /* @__PURE__ */ e.jsx("p", { className: " prometeo-fonts-body-medium text-neutral-default-hover text-center py-8", children: "No hay notificaciones" })
+          r && w && /* @__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" }) }),
+          w ? l?.map((u, N) => /* @__PURE__ */ e.jsx(jt, { ...u, className: " border-b border-neutral-strong-default rounded-b-none last:border-b-0" }, N)) : /* @__PURE__ */ e.jsx("p", { className: " prometeo-fonts-body-medium text-neutral-default-hover text-center py-8", children: "No hay notificaciones" })
         ] })
       ]
     }
@@ -1047,7 +1047,7 @@ const qt = ({ 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: h, initialSectionRef: b, userOptionsControls: v, mobileAppSwitcherControls: u, notificationsListControls: N, outletRef: y, ...f } = t;
+  const { children: r, currentAppSessions: s, resolveUserSecondarySlot: l, resolveSessionSecondarySlot: i, handleNavigation: n, allActions: c, tabs: m, navigationControlsRef: d, sidebarContentRef: h, initialSectionRef: b, userOptionsControls: w, mobileAppSwitcherControls: u, notificationsListControls: N, outletRef: y, ...f } = t;
   return /* @__PURE__ */ e.jsxs(q, { disableDragOpen: f.options?.disableDragOpen, outletRef: y, children: [
     /* @__PURE__ */ e.jsx(qt, { navigationControlsRef: d }),
     /* @__PURE__ */ e.jsx(q.Header, { className: "flex flex-col relative w-full select-none", children: /* @__PURE__ */ e.jsx(
@@ -1081,7 +1081,7 @@ const qt = ({ navigationControlsRef: t }) => {
         onLogoutClick: f.onLogoutClick,
         options: f.options,
         currentSystemId: f.currentSystemId,
-        userOptionsControls: v,
+        userOptionsControls: w,
         mobileAppSwitcherControls: u,
         onProfileClick: f.onProfileClick
       }
@@ -1127,7 +1127,7 @@ const ut = Oe(null), br = () => {
   if (!t)
     throw new Error("usePyrionNavigation debe usarse dentro de PyrionNavigationDrawer");
   return t;
-}, xr = ({ children: t, helpSection: r, state: s, links: l, onLinkClick: i, onNavigate: n, onLogoutClick: c, actions: m, activeActionId: d, onActionClick: h, tabsProps: b, currentSystemId: v, onSessionClick: u, onSystemLogoClick: N, onProfileClick: y, ...f }) => {
+}, xr = ({ children: t, helpSection: r, state: s, links: l, onLinkClick: i, onNavigate: n, onLogoutClick: c, actions: m, activeActionId: d, onActionClick: h, tabsProps: b, currentSystemId: w, onSessionClick: u, onSystemLogoClick: N, onProfileClick: y, ...f }) => {
   const D = Object.assign({
     closeDrawerOnNavigate: !0,
     disableDragOpen: {
@@ -1139,8 +1139,8 @@ const ut = Oe(null), br = () => {
       i(a);
       return;
     }
-    const w = window.location.pathname;
-    P(a), D.closeDrawerOnNavigate && ft() && !j.current?.getIsCollapsed?.() && j.current?.toggleCollapse?.(), n && n(w, a);
+    const v = window.location.pathname;
+    P(a), D.closeDrawerOnNavigate && ft() && !j.current?.getIsCollapsed?.() && j.current?.toggleCollapse?.(), n && n(v, a);
   }, [i, n, P]), ce = (a) => {
     a && window.open(a, "_blank");
   }, pe = {
@@ -1155,14 +1155,14 @@ const ut = Oe(null), br = () => {
       desktop: ce
     }
   }, Me = x((a) => {
-    const w = R ? "mobile" : "desktop", L = s.enabled_systems.find((C) => C.name === a)?.url;
-    pe.system[w](L), b?.onTabClick?.(a);
+    const v = R ? "mobile" : "desktop", L = s.enabled_systems.find((C) => C.name === a)?.url;
+    pe.system[v](L), b?.onTabClick?.(a);
   }, [R, s.enabled_systems, b?.onTabClick]), ae = x((a) => {
-    const w = R ? "mobile" : "desktop", L = s.company.products?.find((C) => C.name === a)?.domain;
-    pe.product[w](L), b?.onTabClick?.(a);
-  }, [R, s.company.products, b?.onTabClick]), Be = x((a, w) => {
-    if (w) {
-      w(a), b?.onTabClick?.(a);
+    const v = R ? "mobile" : "desktop", L = s.company.products?.find((C) => C.name === a)?.domain;
+    pe.product[v](L), b?.onTabClick?.(a);
+  }, [R, s.company.products, b?.onTabClick]), Be = x((a, v) => {
+    if (v) {
+      v(a), b?.onTabClick?.(a);
       return;
     } else
       b?.onTabClick?.(a);
@@ -1171,18 +1171,18 @@ const ut = Oe(null), br = () => {
     s.enabled_systems.forEach((L) => {
       a[L.url] = L.name;
     });
-    const w = window.location.origin;
+    const v = window.location.origin;
     for (const [L, C] of Object.entries(a))
-      if (w === L)
+      if (v === L)
         return C;
     return "";
   }, [s.enabled_systems]), je = b?.currentTabName || Ce(), G = ue(
     () => s.sessions || [],
     [s.sessions]
-  ), oe = (a) => a == null ? null : typeof a == "string" || typeof a == "number" || typeof a == "boolean" ? String(a) : ge(a) ? a : typeof a == "object" ? JSON.stringify(a) : null, o = x((a, w) => {
+  ), oe = (a) => a == null ? null : typeof a == "string" || typeof a == "number" || typeof a == "boolean" ? String(a) : ge(a) ? a : typeof a == "object" ? JSON.stringify(a) : null, o = x((a, v) => {
     if (!a) return null;
     if (Array.isArray(a)) {
-      const L = a?.[0] ? xe(w, a[0]) : null, C = a?.[1] ? xe(w, a[1]) : null, z = oe(L), de = oe(C);
+      const L = a?.[0] ? xe(v, a[0]) : null, C = a?.[1] ? xe(v, a[1]) : null, z = oe(L), 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: [
@@ -1192,26 +1192,26 @@ const ut = Oe(null), br = () => {
       ] });
     }
     if (typeof a == "string") {
-      const L = xe(w, a);
+      const L = xe(v, a);
       return oe(L);
     }
-    return typeof a == "function" ? oe(a(w)) : null;
+    return typeof a == "function" ? oe(a(v)) : null;
   }, []), p = x(
     (a) => {
-      const w = D?.userCardOptions?.secondarySlot;
-      if (!w) return null;
-      const L = s.enabled_systems?.find((z) => z._id === v), C = { company: s.company, user: s.user, system: L, metadata: a };
-      return o(w, C);
+      const v = D?.userCardOptions?.secondarySlot;
+      if (!v) return null;
+      const L = s.enabled_systems?.find((z) => z._id === w), C = { company: s.company, user: s.user, system: L, metadata: a };
+      return o(v, C);
     },
-    [v, D?.userCardOptions?.secondarySlot, o, s.company, s.enabled_systems, s.user]
+    [w, D?.userCardOptions?.secondarySlot, o, s.company, s.enabled_systems, s.user]
   ), g = x(
     (a) => {
-      const w = D?.sessionCardOptions?.secondarySlot || D?.userCardOptions?.secondarySlot;
-      if (!w) return null;
-      const L = s.enabled_systems?.find((z) => z._id === v), C = { company: s.company, user: a.auth_id, metadata: a?.metadata, system: L };
-      return o(w, C);
+      const v = D?.sessionCardOptions?.secondarySlot || D?.userCardOptions?.secondarySlot;
+      if (!v) return null;
+      const L = s.enabled_systems?.find((z) => z._id === w), C = { company: s.company, user: a.auth_id, metadata: a?.metadata, system: L };
+      return o(v, C);
     },
-    [v, D?.sessionCardOptions?.secondarySlot, D?.userCardOptions?.secondarySlot, o, s.company]
+    [w, D?.sessionCardOptions?.secondarySlot, D?.userCardOptions?.secondarySlot, o, s.company]
   ), O = ue(() => {
     const a = [];
     return j.current.openNotifications = () => {
@@ -1244,7 +1244,7 @@ const ut = Oe(null), br = () => {
       thumbnail: C.thumbnail,
       onClick: Me,
       id: C._id
-    })) || [], w = b?.customTabs?.map((C) => ({
+    })) || [], v = b?.customTabs?.map((C) => ({
       ...C,
       onClick: () => Be(C.name, C?.onClick)
     })) || [], L = s.company.products?.map((C) => ({
@@ -1252,7 +1252,7 @@ const ut = Oe(null), br = () => {
       thumbnail: C.thumbnail,
       onClick: ae
     })) || [];
-    return [...a, ...w, ...L];
+    return [...a, ...v, ...L];
   }, [s.enabled_systems, s.company.products, b?.customTabs]), Q = x((a) => {
     k.current?.addNewNotification ? k.current.addNewNotification(a) : console.warn("Notifications controls not ready yet");
   }, []), $ = x((a) => k.current?.subscribeToUpdates ? k.current.subscribeToUpdates(a) : (console.warn("Notifications controls not ready yet"), () => {
@@ -1262,19 +1262,19 @@ const ut = Oe(null), br = () => {
     k.current?.removeAllNotifications ? k.current.removeAllNotifications() : console.warn("Notifications controls not ready yet");
   }, []), be = x((a) => {
     k.current?.setNotifications ? k.current.setNotifications(a) : console.warn("Notifications controls not ready yet");
-  }, []), S = x((a, w, L) => {
-    const C = /* @__PURE__ */ e.jsxs("div", { className: A(" bg-black/60 z-200 inset-0 h-full w-full grid place-items-center text-neutral-default-default", w ? "fixed" : "sticky"), children: [
+  }, []), S = x((a, v, L) => {
+    const C = /* @__PURE__ */ e.jsxs("div", { className: A(" bg-black/60 z-200 inset-0 h-full w-full grid place-items-center text-neutral-default-default", v ? "fixed" : "sticky"), children: [
       !L && /* @__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
     ] });
     let z;
-    return w ? 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 v ? 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;
   }, [H]), U = x(() => {
     W(!1);
   }, []);
   return j.current.addNewNotification = Q, j.current.subscribeToNotificationsUpdates = $, j.current.removeNotification = le, j.current.removeAllNotifications = he, j.current.setNotifications = be, j.current.showErrorModal = S, j.current.closeErrorModal = U, X(() => {
-    $((a, w) => {
-      E(w);
+    $((a, v) => {
+      E(v);
     });
   }, [$]), /* @__PURE__ */ e.jsxs(ut.Provider, { value: j.current, children: [
     V && re,
@@ -1293,7 +1293,7 @@ const ut = Oe(null), br = () => {
         onSessionClick: u,
         onLogoutClick: c,
         options: D,
-        currentSystemId: v,
+        currentSystemId: w,
         userOptionsControls: J,
         mobileAppSwitcherControls: te,
         onSystemLogoClick: N,
@@ -1315,7 +1315,7 @@ const ut = Oe(null), br = () => {
           tabs: _,
           activeColor: "var(--neutral-900)",
           currentTabName: je,
-          currentSystemId: v
+          currentSystemId: w
         }
       ),
       /* @__PURE__ */ e.jsx(
@@ -1333,7 +1333,7 @@ const ut = Oe(null), br = () => {
           onSessionClick: u,
           onLogoutClick: c,
           options: D,
-          currentSystemId: v,
+          currentSystemId: w,
           userOptionsControls: J,
           mobileAppSwitcherControls: te,
           onSystemLogoClick: N,

package/dist/TabLinks.d.ts

@@ -1,4 +1,6 @@
+export * from './exports/TabLinks'
 export {}
 import PrometeoDesignSystem from './exports/TabLinks'
 export default PrometeoDesignSystem
+export * from './exports/TabLinks'
 export {}

package/dist/exports/TabLinks.d.ts

@@ -1 +1,2 @@
 export { default } from '../components/TabLinks/TabLinks';
+export type { TabLinksProps, TabItem } from '../components/TabLinks/TabLinks';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "4.1.0",
+  "version": "4.1.1",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",