prometeo-design-system 4.1.0 → 4.1.2

package/dist/PyrionLayout.es.js

@@ -1,14 +1,14 @@
 import { j as e } from "./jsx-runtime-GkKLlHH4.js";
 import { u as We, g as ft } from "./useDevice-vwn4GLwK.js";
 import { g as xe } from "./utils-X4-h3cum.js";
-import Ue, { memo as T, forwardRef as Ne, useState as Z, useEffect as X, useContext as $e, createContext as Oe, useRef as I, useCallback as x, Children as mt, isValidElement as ge, useMemo as ue, useImperativeHandle as Le, use as pt } from "react";
+import Ue, { memo as T, forwardRef as Ne, useState as Z, useEffect as X, useContext as $e, createContext as Le, useRef as I, useCallback as x, Children as mt, isValidElement as ge, 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 { 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,10 +46,10 @@ 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 = () => {
+})), Xe = Le(null), Je = Le(null), kt = () => {
   const t = $e(Xe);
   if (!t) throw new Error("useDrawerState must be used within NavigationDrawer");
   return t;
@@ -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) => {
@@ -84,31 +84,31 @@ const Ye = T(Ne(({ children: t, className: r, context: s, modal: l = !1, closeOn
   }, []), P = x(
     (o, { notify: p = !0 } = {}) => {
       const g = h.current !== o;
-      h.current = o, Dt(o), F(o), p && g && u.current.forEach((O) => O(o));
+      h.current = o, Dt(o), F(o), p && g && u.current.forEach((L) => L(o));
     },
     [F]
   ), R = x(
     (o, { notify: p = !0 } = {}) => {
       const g = b.current !== o;
       if (b.current = o, D(o), p && g) {
-        const O = !o;
-        N.current.forEach((B) => B(O));
+        const L = !o;
+        N.current.forEach((B) => B(L));
       }
     },
     [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, L = 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 });
+      p && L && B !== _ && N.current.forEach((Q) => Q(_)), R(o !== "sidebar", { notify: p }), P(o !== "drawer", { notify: p });
     },
     [P, R]
   ), j = x((o) => {
     const p = n.current;
     if (!p || window.matchMedia("(min-width: 768px)").matches) return;
     y.current = !0;
-    const g = m.current?.offsetLeft ?? 0, O = d.current?.offsetLeft ?? g, B = o === "drawer" ? 0 : o === "sidebar" ? O : g;
+    const g = m.current?.offsetLeft ?? 0, L = d.current?.offsetLeft ?? g, B = o === "drawer" ? 0 : o === "sidebar" ? L : g;
     f.current = B, p.scrollTo({ left: B, behavior: "smooth" });
     const _ = () => {
       y.current = !1, f.current = null, p.removeEventListener("scrollend", _);
@@ -122,8 +122,8 @@ const Ye = T(Ne(({ children: t, className: r, context: s, modal: l = !1, closeOn
     const g = [
       { panel: "drawer", offset: 0 },
       { panel: "outlet", offset: p.offsetLeft }
-    ], O = d.current;
-    O && g.push({ panel: "sidebar", offset: O.offsetLeft });
+    ], L = d.current;
+    L && g.push({ panel: "sidebar", offset: L.offsetLeft });
     const B = o.scrollLeft;
     let _ = g[0], Q = Math.abs(B - _.offset);
     for (let $ = 1; $ < g.length; $++) {
@@ -139,8 +139,8 @@ const Ye = T(Ne(({ children: t, className: r, context: s, modal: l = !1, closeOn
     const o = n.current, p = m.current;
     if (!o || !p) return;
     if (window.matchMedia("(min-width: 768px)").matches) {
-      const O = He();
-      P(O, { notify: !1 }), R(!0, { notify: !1 });
+      const L = He();
+      P(L, { notify: !1 }), R(!0, { notify: !1 });
       return;
     }
     requestAnimationFrame(() => {
@@ -149,12 +149,12 @@ const Ye = T(Ne(({ children: t, className: r, context: s, modal: l = !1, closeOn
   }, [k, P, R]), X(() => {
     const o = n.current;
     if (!o || !m.current) return;
-    let g = !1, O = 0, B = 0;
+    let g = !1, L = 0, B = 0;
     const _ = (S) => {
-      O = S.touches[0].clientX, B = S.touches[0].clientY;
+      L = 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 - L, a = S.touches[0].clientY - B, v = Math.abs(U) > Math.abs(a) ? "x" : "y", O = v === "x" ? U : a, C = $(S.target, v);
+      if (C && le(C, v, O))
         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);
     }),
@@ -249,10 +249,10 @@ const Ye = T(Ne(({ children: t, className: r, context: s, modal: l = !1, closeOn
       if (!p) return;
       const g = p.scrollLeft;
       if (o) {
-        const O = p.style.scrollBehavior;
+        const L = p.style.scrollBehavior;
         p.style.scrollBehavior = "auto", p.classList.remove("disabled-dragopen"), requestAnimationFrame(() => {
           p.scrollLeft = g, requestAnimationFrame(() => {
-            p.style.scrollBehavior = O;
+            p.style.scrollBehavior = L;
           });
         });
       } else
@@ -262,10 +262,10 @@ const Ye = T(Ne(({ children: t, className: r, context: s, modal: l = !1, closeOn
       const p = n.current;
       if (p)
         if (o) {
-          const g = p.scrollLeft, O = p.style.scrollBehavior;
+          const g = p.scrollLeft, L = p.style.scrollBehavior;
           p.style.scrollBehavior = "auto", p.classList.remove("disabled-dragopen-sidebar"), requestAnimationFrame(() => {
             p.scrollLeft = g, requestAnimationFrame(() => {
-              p.style.scrollBehavior = O;
+              p.style.scrollBehavior = L;
             });
           });
         } else
@@ -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,14 +376,14 @@ 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
 });
 q.displayName = "NavigationDrawer";
-const Ot = "hover:bg-neutral-medium-hover", Lt = Te("", {
+const Lt = "hover:bg-neutral-medium-hover", Ot = Te("", {
   variants: {
     isSelected: {
       true: "bg-neutral-medium-selected ",
@@ -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: [
@@ -490,14 +490,14 @@ const Ot = "hover:bg-neutral-medium-hover", Lt = Te("", {
     "group navitem",
     "h-12 flex-1 flex items-center p-3 rounded-lg justify-between w-full",
     "transition-all duration-300",
-    Ot,
-    Lt({ isSelected: n, disabled: u }),
+    Lt,
+    Ot({ isSelected: n, disabled: u }),
     i
   );
   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]);
@@ -608,15 +608,15 @@ const Rt = Ne((t, r) => {
     toggleDrawerCollapse: N,
     subscribeToCollapse: f
   };
-  Le(r, () => j, [j, s, y, N]);
+  Oe(r, () => j, [j, s, y, N]);
   const K = m, Y = x(() => {
     const M = y?.() ?? !1;
     if (u && u.length > 0 && M) {
       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: [
@@ -959,14 +959,14 @@ const Ht = ({ onCloseClick: t, onMarkAllAsRead: r, notificationsListControls: s
   }, []), b = x((u) => {
     i(u), n.current.forEach((N) => N(u, u.length));
   }, []);
-  Le(s, () => ({
+  Oe(s, () => ({
     addNewNotification: c,
     subscribeToUpdates: m,
     setNotifications: b,
     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" })
         ] })
       ]
     }
@@ -1003,7 +1003,7 @@ const Ht = ({ onCloseClick: t, onMarkAllAsRead: r, notificationsListControls: s
   }
 ), Wt = ({ closeSidebar: t, options: r, helpSection: s, initialSection: l, notificationsListControls: i }, n) => {
   const [c, m] = Z(l ?? "notifications");
-  Le(n, () => ({
+  Oe(n, () => ({
     setActiveSection: m
   }));
   const d = () => {
@@ -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
       }
@@ -1122,12 +1122,12 @@ const qt = ({ navigationControlsRef: t }) => {
 Ae.displayName = "PyrionNavigationDrawer.LayoutBase";
 const dt = T(({ children: t }) => /* @__PURE__ */ e.jsx(q.Outlet, { children: t }));
 dt.displayName = "PyrionNavigationDrawer.IsolatedOutlet";
-const ut = Oe(null), br = () => {
+const ut = Le(null), br = () => {
   const t = pt(ut);
   if (!t)
-    throw new Error("usePyrionNavigation debe usarse dentro de PyrionNavigationDrawer");
+    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: 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,34 +1155,34 @@ 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", O = s.enabled_systems.find((C) => C.name === a)?.url;
+    pe.system[v](O), 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", O = s.company.products?.find((C) => C.name === a)?.domain;
+    pe.product[v](O), 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);
   }, [b?.onTabClick]), Ce = x(() => {
     const a = {};
-    s.enabled_systems.forEach((L) => {
-      a[L.url] = L.name;
+    s.enabled_systems.forEach((O) => {
+      a[O.url] = O.name;
     });
-    const w = window.location.origin;
-    for (const [L, C] of Object.entries(a))
-      if (w === L)
+    const v = window.location.origin;
+    for (const [O, C] of Object.entries(a))
+      if (v === O)
         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 O = a?.[0] ? xe(v, a[0]) : null, C = a?.[1] ? xe(v, a[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: [
@@ -1192,27 +1192,27 @@ const ut = Oe(null), br = () => {
       ] });
     }
     if (typeof a == "string") {
-      const L = xe(w, a);
-      return oe(L);
+      const O = xe(v, a);
+      return oe(O);
     }
-    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 O = s.enabled_systems?.find((z) => z._id === w), C = { company: s.company, user: s.user, system: O, 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 O = s.enabled_systems?.find((z) => z._id === w), C = { company: s.company, user: a.auth_id, metadata: a?.metadata, system: O };
+      return o(v, C);
     },
-    [v, D?.sessionCardOptions?.secondarySlot, D?.userCardOptions?.secondarySlot, o, s.company]
-  ), O = ue(() => {
+    [w, D?.sessionCardOptions?.secondarySlot, D?.userCardOptions?.secondarySlot, o, s.company]
+  ), L = ue(() => {
     const a = [];
     return j.current.openNotifications = () => {
       Y.current = "notifications", j.current.openSidebar?.(), K.current?.setActiveSection("notifications");
@@ -1236,23 +1236,23 @@ const ut = Oe(null), br = () => {
       onClick: D.configurationActionOptions?.onClick
     }), a;
   }, [D, r, h, M]), B = ue(
-    () => [...O, ...m || []],
-    [O, m]
+    () => [...L, ...m || []],
+    [L, m]
   ), _ = ue(() => {
     const a = s.enabled_systems.map((C) => ({
       name: C.name,
       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) => ({
+    })) || [], O = s.company.products?.map((C) => ({
       name: C.name,
       thumbnail: C.thumbnail,
       onClick: ae
     })) || [];
-    return [...a, ...w, ...L];
+    return [...a, ...v, ...O];
   }, [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: [
-      !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" }),
+  }, []), S = x((a, v, O) => {
+    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: [
+      !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
     ] });
     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/components/PyrionNavigationDrawer/PLFooter.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 import { TicketCardHandlerProps } from '../TicketCard';
-import { AuthSession, PyrionLayoutOptions, PyrionNavigationDrawerProps } from './PyrionLayout';
+import { AuthSession, PyrionLayoutOptions, PyrionLayoutProps } from './PyrionLayout';
 export interface DrawerFooterProps<TAppMetadata> {
-    state: PyrionNavigationDrawerProps<TAppMetadata>['state'];
+    state: PyrionLayoutProps<TAppMetadata>['state'];
     currentAppSessions: AuthSession<TAppMetadata>[];
     resolveUserSecondarySlot: (metadata?: TAppMetadata) => ReactNode | string | null;
     resolveSessionSecondarySlot: (session: AuthSession<TAppMetadata>) => ReactNode | string | null;

package/dist/components/PyrionNavigationDrawer/PLayoutBase.d.ts

@@ -5,14 +5,14 @@ import { TabSwitchElement } from '../TabSwitch/TabSwitch';
 import { TicketCardHandlerProps } from '../TicketCard';
 import { NotificationsListControlsHandler } from './PLNotificationsList';
 import { PLSidebarContentHandle } from './PLSidebarContent';
-import { AuthSession, PyrionNavigationControls, PyrionLayoutOptions, PyrionNavigationDrawerProps } from './PyrionLayout';
+import { AuthSession, PyrionNavigationControls, PyrionLayoutOptions, PyrionLayoutProps } from './PyrionLayout';
 export type TLayoutBaseProps<TAppMetadata = unknown, TNotificationMetadata = unknown> = {
     links?: PyrionLayoutLinkItemProps[];
     handleNavigation: (path: string) => void;
     allActions: PyrionLayoutActionItemProps[];
     activeActionId?: string;
     onActionClick?: (id: string, payload?: any) => void;
-    state: PyrionNavigationDrawerProps<TAppMetadata, TNotificationMetadata>['state'];
+    state: PyrionLayoutProps<TAppMetadata, TNotificationMetadata>['state'];
     currentAppSessions: AuthSession<TAppMetadata>[];
     resolveUserSecondarySlot: (metadata?: TAppMetadata) => ReactNode | string | null;
     resolveSessionSecondarySlot: (session: AuthSession<TAppMetadata>) => ReactNode | string | null;

package/dist/components/PyrionNavigationDrawer/PyrionLayout.d.ts

@@ -96,7 +96,7 @@ export interface PyrionLayoutOptions<TAppMetadata> {
         sidebar?: boolean;
     };
 }
-export interface PyrionNavigationDrawerProps<TAppMetadata, TNotificationMetadata = unknown> {
+export interface PyrionLayoutProps<TAppMetadata, TNotificationMetadata = unknown> {
     links?: PyrionLayoutLinkItemProps[];
     actions?: PyrionLayoutActionItemProps[];
     tabsProps?: PyrionLayoutTabsProps;
@@ -141,6 +141,6 @@ export type PyrionNavigationControls<TNotificationMetadata = unknown> = {
     removeAllNotifications?: () => void;
     removeNotification?: (id: string | string[]) => void;
 };
-export declare const usePyrionNavigation: <TNotificationMetadata = unknown>() => PyrionNavigationControls<TNotificationMetadata>;
-declare const PyrionNavigationDrawer: <TAppMetadata = unknown, TNotificationMetadata = unknown>({ children, helpSection, state, links: navlinks, onLinkClick, onNavigate, onLogoutClick, actions, activeActionId, onActionClick, tabsProps, currentSystemId, onSessionClick, onSystemLogoClick, onProfileClick, ...props }: PyrionNavigationDrawerProps<TAppMetadata, TNotificationMetadata>) => import("react/jsx-runtime").JSX.Element;
-export default PyrionNavigationDrawer;
+export declare const usePyrionLayout: <TNotificationMetadata = unknown>() => PyrionNavigationControls<TNotificationMetadata>;
+declare const PyrionLayout: <TAppMetadata = unknown, TNotificationMetadata = unknown>({ children, helpSection, state, links: navlinks, onLinkClick, onNavigate, onLogoutClick, actions, activeActionId, onActionClick, tabsProps, currentSystemId, onSessionClick, onSystemLogoClick, onProfileClick, ...props }: PyrionLayoutProps<TAppMetadata, TNotificationMetadata>) => import("react/jsx-runtime").JSX.Element;
+export default PyrionLayout;

package/dist/components/PyrionNavigationDrawer/index.d.ts

@@ -1,4 +1,6 @@
-import { default as PyrionNavigationDrawer, PyrionNavigationDrawerProps, PyrionLayoutOptions, PyrionLayoutTabsProps, AuthSession } from './PyrionLayout';
+import { default as PyrionLayout, PyrionLayoutProps, PyrionLayoutOptions, PyrionLayoutTabsProps, AuthSession } from './PyrionLayout';
+import { PyrionLayoutLinkItemProps } from '../NavigationDrawer/NavigationDrawerLinkItem';
+import { PyrionLayoutActionItemProps } from '../NavigationDrawer/NavigationDrawerActionItem';
 import { NotificationCardProps } from '../NotificationCard';
-export { type PyrionNavigationDrawerProps, type PyrionLayoutOptions as PyrionNavigationDrawerOptions, type PyrionLayoutTabsProps as NavigationDrawerTabsProps, type AuthSession, type NotificationCardProps };
-export default PyrionNavigationDrawer;
+export { type PyrionLayoutProps, type PyrionLayoutOptions, type PyrionLayoutTabsProps, type AuthSession, type NotificationCardProps, type PyrionLayoutLinkItemProps, type PyrionLayoutActionItemProps };
+export default PyrionLayout;

package/dist/exports/PyrionLayout.d.ts

@@ -1,2 +1,2 @@
 export { default } from '../components/PyrionNavigationDrawer';
-export { type PyrionNavigationDrawerProps, type PyrionNavigationDrawerOptions, type NavigationDrawerTabsProps, type AuthSession, type NotificationCardProps } from '../components/PyrionNavigationDrawer';
+export { type PyrionLayoutProps, type PyrionLayoutOptions, type PyrionLayoutTabsProps, type AuthSession, type NotificationCardProps } from '../components/PyrionNavigationDrawer';

package/dist/exports/TabLinks.d.ts

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

package/dist/exports/usePyrionNavigation.d.ts

@@ -1 +1 @@
-export { usePyrionNavigation as default } from '../components/PyrionNavigationDrawer/PyrionLayout';
+export { usePyrionLayout as default } from '../components/PyrionNavigationDrawer/PyrionLayout';

package/package.json

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