prometeo-design-system 5.8.2 → 5.8.3

package/dist/DrawerMobile.es.js

@@ -1,86 +1,96 @@
-import { j as w } from "./jsx-runtime-GkKLlHH4.js";
-import { c as A } from "./cn-B6yFEsav.js";
-import ie, { forwardRef as ge, useState as G, useRef as m, useEffect as D, useCallback as i, useMemo as ue, useImperativeHandle as he } from "react";
-import { createPortal as me } from "react-dom";
-const X = 44, pe = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", He = ge((d, l) => {
-  const { children: L, defaultOpen: j = !1, onClose: F, snapPoints: o = ["auto"], setSnap: g, snap: f, attachToParent: N = !1 } = d, [p, u] = G(f || "0%"), [T, C] = G(null), E = m(F), y = m(g), H = m(T), r = m(/* @__PURE__ */ new Set());
-  E.current = F, H.current = T, D(() => {
-    j && M();
-  }, [j]), D(() => {
-    y.current = g;
-  }, [g]);
-  const v = i(() => {
-    u("0%"), E.current?.(H.current), setTimeout(() => C(null), 300);
-  }, []), M = i((a, Y) => {
-    u(a || o[0] || "60%"), C(Y ?? null);
-  }, [o]), x = ue(() => p !== "0%", [p]);
+import { j as b } from "./jsx-runtime-GkKLlHH4.js";
+import { c as _ } from "./cn-B6yFEsav.js";
+import ue, { forwardRef as me, useState as G, useRef as m, useEffect as D, useCallback as c, useMemo as fe, useImperativeHandle as pe, useLayoutEffect as we } from "react";
+import { createPortal as be } from "react-dom";
+const $ = 44, ve = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", Ee = me((g, l) => {
+  const { children: j, defaultOpen: F = !1, onClose: N, snapPoints: o = ["auto"], setSnap: h, snap: d, attachToParent: C = !1 } = g, [p, u] = G(d || "0%"), [T, A] = G(null), E = m(N), y = m(h), H = m(T), M = m(/* @__PURE__ */ new Set()), r = m(() => $);
+  E.current = N, H.current = T, D(() => {
+    F && Y();
+  }, [F]), D(() => {
+    y.current = h;
+  }, [h]);
+  const w = c(() => {
+    u("0%"), E.current?.(H.current), setTimeout(() => A(null), 300);
+  }, []), Y = c((a, R) => {
+    u(a || o[0] || "60%"), A(R ?? null);
+  }, [o]), x = fe(() => p !== "0%", [p]);
   D(() => {
-    r.current.forEach((a) => {
+    M.current.forEach((a) => {
       try {
         a(x);
       } catch {
       }
     });
-  }, [x]), he(l, () => ({
-    open: M,
-    close: v,
+  }, [x]), pe(l, () => ({
+    open: Y,
+    close: w,
     isOpen: x,
-    subscribeOpenChange: (a) => (r.current.add(a), () => {
-      r.current.delete(a);
+    subscribeOpenChange: (a) => (M.current.add(a), () => {
+      M.current.delete(a);
     }),
-    getContext: () => H.current
-  }), [M, v, x]);
-  const $ = f || p;
-  return N ? /* @__PURE__ */ w.jsx(le, { ...d, snap: $, setSnap: u, context: T, children: L }) : me(/* @__PURE__ */ w.jsx(le, { ...d, snap: $, setSnap: u, context: T, children: L }), document.body);
-}), le = ({ children: d, attachToParent: l = !1, className: L, classNameContent: j, classNameFooter: F, snap: o, snapPoints: g = [0, "auto", 1], setSnap: f, hideOnClose: N = !1, unmountChildrenOnClose: p = !1, header: u, modal: T = !1, closeOnOverlayClick: C = !1, context: E, footer: y, zIndex: H = 60 }) => {
-  const r = m(null), v = m(null), M = m(null), x = m(null), $ = m(null), O = m(0), a = m(null), Y = m(null), Z = i(() => {
+    getContext: () => H.current,
+    getChromeHeight: () => r.current()
+  }), [Y, w, x, r]);
+  const k = d || p;
+  return C ? /* @__PURE__ */ b.jsx(ae, { ...g, snap: k, setSnap: u, context: T, chromeHeightGetterRef: r, children: j }) : be(/* @__PURE__ */ b.jsx(ae, { ...g, snap: k, setSnap: u, context: T, chromeHeightGetterRef: r, children: j }), document.body);
+}), ae = ({ children: g, attachToParent: l = !1, className: j, classNameContent: F, classNameFooter: N, snap: o, snapPoints: h = [0, "auto", 1], setSnap: d, hideOnClose: C = !1, unmountChildrenOnClose: p = !1, header: u, modal: T = !1, closeOnOverlayClick: A = !1, context: E, footer: y, zIndex: H = 60, chromeHeightGetterRef: M }) => {
+  const r = m(null), w = m(null), Y = m(null), x = m(null), k = m(null), B = m(0), a = m(null), R = m(null), ee = c(() => {
     if (!r.current) return [];
     const e = l && r.current.parentElement?.offsetHeight || window.innerHeight;
-    return g?.map((t) => {
+    return h?.map((t) => {
       if (t === "auto") {
-        const n = O.current, h = W(), c = P(), s = ee(), b = q(e, n, h, c, s);
-        return parseFloat(b) / 100 * e;
+        const n = B.current, f = q(), i = W(), s = te(), v = V(e, n, f, i, s);
+        return parseFloat(v) / 100 * e;
       }
       return typeof t == "string" && t.endsWith("%") ? parseFloat(t) > 100 ? e : parseFloat(t) / 100 * e : typeof t == "string" && t.endsWith("px") ? parseFloat(t) : typeof t == "number" && t >= 0 && t <= 1 ? t * e : typeof t == "number" ? t : 0;
     }) || [];
-  }, [g, l]), W = i(() => 46, []), _ = i(() => v.current?.scrollHeight ?? 0, []), P = i(() => {
-    const e = M.current?.scrollHeight ?? 0;
+  }, [h, l]), q = c(() => 46, []), U = c(() => w.current?.scrollHeight ?? 0, []), W = c(() => {
+    const e = Y.current?.scrollHeight ?? 0;
     return e > 0 ? e + 2 : 0;
-  }, []), ee = i(() => x.current?.scrollHeight ?? 0, []), q = i((e, t, n, h, c) => {
-    const s = n + c + t + h, b = Math.min(100, s / e * 100);
-    return `${Math.round(b)}%`;
-  }, []), te = i((e, t) => {
-    const n = Z();
+  }, []), te = c(() => x.current?.scrollHeight ?? 0, []), V = c((e, t, n, f, i) => {
+    const s = n + i + t + f, v = Math.min(100, s / e * 100);
+    return `${Math.round(v)}%`;
+  }, []), ne = c(() => {
+    if (!r.current || !w.current)
+      return $;
+    const e = r.current.getBoundingClientRect(), t = w.current.getBoundingClientRect(), n = Math.max(0, t.top - e.top), f = W();
+    return $ + n + f;
+  }, [W]);
+  we(() => {
+    M && (M.current = ne);
+  }, [M, ne]);
+  const re = c((e, t) => {
+    const n = ee();
     if (n.length === 0) return e;
     if (Math.abs(t) > 0.05)
       if (t > 0) {
-        const c = n.filter((s) => s < e);
-        return c.length > 0 ? Math.max(...c) : N ? 0 : X;
+        const i = n.filter((s) => s < e);
+        return i.length > 0 ? Math.max(...i) : C ? 0 : $;
       } else {
-        const c = n.filter((s) => s > e);
-        if (c.length > 0)
-          return Math.min(...c);
+        const i = n.filter((s) => s > e);
+        if (i.length > 0)
+          return Math.min(...i);
       }
-    return n.reduce((c, s) => Math.abs(s - e) < Math.abs(c - e) ? s : c);
-  }, [Z]), B = i((e) => {
-    if (f && g) {
-      const t = l && r.current?.parentElement?.offsetHeight || window.innerHeight, n = e <= X ? "0%" : `${Math.round(e / t * 100)}%`;
-      f(n);
+    return n.reduce((i, s) => Math.abs(s - e) < Math.abs(i - e) ? s : i);
+  }, [ee]), z = c((e) => {
+    if (d && h) {
+      const t = l && r.current?.parentElement?.offsetHeight || window.innerHeight, n = e <= $ ? "0%" : `${Math.round(e / t * 100)}%`;
+      d(n);
     }
-  }, [f, g, l]), ne = i((e) => {
-    r.current && (r.current.style.transition = pe, r.current.style.height = `${e}px`, de(e, O.current || _()));
-  }, [f, g, l]), ae = () => {
-    v.current?.classList.remove("prometeo-scrollbar-none");
-  }, fe = () => {
-    v.current?.classList.add("prometeo-scrollbar-none");
-  }, de = (e, t) => {
-    t > e ? ae() : fe();
-  }, re = i(() => {
-    if (Y.current && l) {
-      const { scrollY: e } = Y.current;
-      document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, e), Y.current = null;
+  }, [d, h, l]), oe = c((e) => {
+    r.current && (r.current.style.transition = ve, r.current.style.height = `${e}px`, he(e, B.current || U()));
+  }, [d, h, l]), de = () => {
+    w.current?.classList.remove("prometeo-scrollbar-none");
+  }, ge = () => {
+    w.current?.classList.add("prometeo-scrollbar-none");
+  }, he = (e, t) => {
+    t > e ? de() : ge();
+  }, se = c(() => {
+    if (R.current && l) {
+      const { scrollY: e } = R.current;
+      document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, e), R.current = null;
     }
-  }, [l]), U = i((e) => {
+  }, [l]), J = c((e) => {
     if (!r.current) return;
     const t = e.touches[0], n = r.current.offsetHeight;
     a.current = {
@@ -91,7 +101,7 @@ const X = 44, pe = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", He = ge((d, l)
       lastTime: Date.now(),
       velocity: 0
     };
-  }, []), oe = i((e) => {
+  }, []), ce = c((e) => {
     if (!r.current) return;
     const t = e, n = r.current.offsetHeight;
     a.current = {
@@ -102,183 +112,183 @@ const X = 44, pe = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", He = ge((d, l)
       lastTime: Date.now(),
       velocity: 0
     };
-  }, []), V = i((e) => {
+  }, []), K = c((e) => {
     if (!a.current || !r.current) return;
-    const t = e.touches[0], n = a.current, h = n.startY - t.clientY, c = n.isDragging || Math.abs(h) > 5;
-    if (!n.isDragging && c && (n.isDragging = !0, l)) {
+    const t = e.touches[0], n = a.current, f = n.startY - t.clientY, i = n.isDragging || Math.abs(f) > 5;
+    if (!n.isDragging && i && (n.isDragging = !0, l)) {
       const s = window.scrollY;
-      Y.current = { scrollY: s }, document.body.style.position = "fixed", document.body.style.top = `-${s}px`, document.body.style.width = "100%";
+      R.current = { scrollY: s }, document.body.style.position = "fixed", document.body.style.top = `-${s}px`, document.body.style.width = "100%";
     }
-    if (c) {
+    if (i) {
       e.preventDefault();
-      const s = Date.now(), b = s - n.lastTime;
-      if (b > 0) {
-        const Q = (t.clientY - n.lastY) / b;
-        n.velocity = n.velocity * 0.8 + Q * 0.2;
+      const s = Date.now(), v = s - n.lastTime;
+      if (v > 0) {
+        const P = (t.clientY - n.lastY) / v;
+        n.velocity = n.velocity * 0.8 + P * 0.2;
       }
       n.lastY = t.clientY, n.lastTime = s;
-      const k = n.startHeight + h, I = l && r.current.parentElement?.offsetHeight || window.innerHeight, K = Math.max(0, Math.min(k, I));
-      r.current.style.transition = "none", r.current.style.height = `${K}px`;
+      const I = n.startHeight + f, O = l && r.current.parentElement?.offsetHeight || window.innerHeight, Z = Math.max(0, Math.min(I, O));
+      r.current.style.transition = "none", r.current.style.height = `${Z}px`;
     }
-  }, [l]), se = i((e) => {
+  }, [l]), ie = c((e) => {
     if (!a.current || !r.current) return;
-    const t = e, n = a.current, h = n.startY - t.clientY, c = n.isDragging || Math.abs(h) > 5;
-    if (!n.isDragging && c && (n.isDragging = !0, l)) {
+    const t = e, n = a.current, f = n.startY - t.clientY, i = n.isDragging || Math.abs(f) > 5;
+    if (!n.isDragging && i && (n.isDragging = !0, l)) {
       const s = window.scrollY;
-      Y.current = { scrollY: s }, document.body.style.position = "fixed", document.body.style.top = `-${s}px`, document.body.style.width = "100%";
+      R.current = { scrollY: s }, document.body.style.position = "fixed", document.body.style.top = `-${s}px`, document.body.style.width = "100%";
     }
-    if (c) {
+    if (i) {
       e.preventDefault();
-      const s = Date.now(), b = s - n.lastTime;
-      if (b > 0) {
-        const Q = (t.clientY - n.lastY) / b;
-        n.velocity = n.velocity * 0.8 + Q * 0.2;
+      const s = Date.now(), v = s - n.lastTime;
+      if (v > 0) {
+        const P = (t.clientY - n.lastY) / v;
+        n.velocity = n.velocity * 0.8 + P * 0.2;
       }
       n.lastY = t.clientY, n.lastTime = s;
-      const k = n.startHeight + h, I = l && r.current.parentElement?.offsetHeight || window.innerHeight, K = Math.max(0, Math.min(k, I));
-      r.current.style.transition = "none", r.current.style.height = `${K}px`;
+      const I = n.startHeight + f, O = l && r.current.parentElement?.offsetHeight || window.innerHeight, Z = Math.max(0, Math.min(I, O));
+      r.current.style.transition = "none", r.current.style.height = `${Z}px`;
     }
-  }, [l]), S = i(() => {
+  }, [l]), S = c(() => {
     if (!a.current || !r.current) return;
     const e = a.current;
     if (e.isDragging) {
-      re();
-      const t = r.current.offsetHeight, n = te(t, e.velocity);
-      B(n);
+      se();
+      const t = r.current.offsetHeight, n = re(t, e.velocity);
+      z(n);
     }
     a.current = null;
-  }, [te, B, re]), z = i((e) => {
-    oe(e);
-    const t = (h) => se(h), n = () => {
+  }, [re, z, se]), Q = c((e) => {
+    ce(e);
+    const t = (f) => ie(f), n = () => {
       document.removeEventListener("mousemove", t, { capture: !0 }), document.removeEventListener("mouseup", n, { capture: !0 }), S();
     };
     document.addEventListener("mousemove", t, { passive: !1, capture: !0 }), document.addEventListener("mouseup", n, { capture: !0 });
-  }, [oe, se, S]);
+  }, [ce, ie, S]);
   D(() => {
-    const e = $.current;
+    const e = k.current;
     if (e)
-      return e.addEventListener("touchstart", U, { passive: !1 }), e.addEventListener("touchmove", V, { passive: !1 }), e.addEventListener("touchend", S), e.addEventListener("touchcancel", S), e.addEventListener("mousedown", z, { passive: !1 }), () => {
-        e.removeEventListener("touchstart", U), e.removeEventListener("touchmove", V), e.removeEventListener("touchend", S), e.removeEventListener("touchcancel", S), e.removeEventListener("mousedown", z);
+      return e.addEventListener("touchstart", J, { passive: !1 }), e.addEventListener("touchmove", K, { passive: !1 }), e.addEventListener("touchend", S), e.addEventListener("touchcancel", S), e.addEventListener("mousedown", Q, { passive: !1 }), () => {
+        e.removeEventListener("touchstart", J), e.removeEventListener("touchmove", K), e.removeEventListener("touchend", S), e.removeEventListener("touchcancel", S), e.removeEventListener("mousedown", Q);
       };
-  }, [U, V, S, z]);
-  const R = ue(() => o !== "0%", [o]), [J, ce] = G(() => p ? o !== "0%" : !0);
+  }, [J, K, S, Q]);
+  const L = fe(() => o !== "0%", [o]), [X, le] = G(() => p ? o !== "0%" : !0);
   return D(() => {
-    p && R && ce(!0);
-  }, [R, p]), D(() => {
+    p && L && le(!0);
+  }, [L, p]), D(() => {
     if (!p) return;
     const e = r.current;
     if (!e) return;
     const t = (n) => {
-      n.propertyName === "height" && !R && o === "0%" && ce(!1);
+      n.propertyName === "height" && !L && o === "0%" && le(!1);
     };
     return e.addEventListener("transitionend", t), () => {
       e.removeEventListener("transitionend", t);
     };
-  }, [R, o, p]), D(() => {
+  }, [L, o, p]), D(() => {
     if (!r.current || !o) return;
     const e = l && r.current.parentElement?.offsetHeight || window.innerHeight;
     if (o === "auto") {
-      if (p && !J) return;
-      ne(e), requestAnimationFrame(() => {
+      if (p && !X) return;
+      oe(e), requestAnimationFrame(() => {
         requestAnimationFrame(() => {
-          const n = !y || M.current, h = v.current && v.current.children.length > 0;
-          if (v.current && h && n) {
-            const c = _();
-            O.current = c;
-            const s = W(), b = P(), k = ee(), I = q(e, c, s, b, k);
-            f(I);
-          } else n && f("100%");
+          const n = !y || Y.current, f = w.current && w.current.children.length > 0;
+          if (w.current && f && n) {
+            const i = U();
+            B.current = i;
+            const s = q(), v = W(), I = te(), O = V(e, i, s, v, I);
+            d(O);
+          } else n && d("100%");
         });
       });
       return;
     }
     let t = 0;
-    typeof o == "string" && o.endsWith("%") ? parseFloat(o) <= 0 ? t = N ? 0 : X : t = parseFloat(o) / 100 * e : typeof o == "string" && o.endsWith("px") ? t = parseFloat(o) : typeof o == "number" && (o >= 0 && o <= 1 ? t = o * e : t = o), ne(t);
-  }, [o, l, _, W, q, f, J, y, p]), /* @__PURE__ */ w.jsxs(w.Fragment, { children: [
-    T && /* @__PURE__ */ w.jsx(
+    typeof o == "string" && o.endsWith("%") ? parseFloat(o) <= 0 ? t = C ? 0 : $ : t = parseFloat(o) / 100 * e : typeof o == "string" && o.endsWith("px") ? t = parseFloat(o) : typeof o == "number" && (o >= 0 && o <= 1 ? t = o * e : t = o), oe(t);
+  }, [o, l, U, q, V, d, X, y, p]), /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
+    T && /* @__PURE__ */ b.jsx(
       "div",
       {
         style: { zIndex: H },
-        className: A(R ? "fixed inset-0 bg-black/40 cursor-default" : "hidden"),
+        className: _(L ? "fixed inset-0 bg-black/40 cursor-default" : "hidden"),
         onClick: (e) => {
-          e.preventDefault(), e.stopPropagation(), C && B(0);
+          e.preventDefault(), e.stopPropagation(), A && z(0);
         },
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ w.jsxs(
+    /* @__PURE__ */ b.jsxs(
       "div",
       {
         ref: r,
         style: { zIndex: H },
-        className: A(
+        className: _(
           "h-0",
           l ? "absolute" : "fixed",
           "bottom-0 w-full overflow-hidden",
           "bg-neutral-default-default",
           "border-t border-neutral-strong-default rounded-t-[12px]",
-          R ? "" : "border-neutral-weak",
-          L,
+          L ? "" : "border-neutral-weak",
+          j,
           "flex flex-col items-center",
           "touch-none select-none"
         ),
         children: [
-          /* @__PURE__ */ w.jsx(
+          /* @__PURE__ */ b.jsx(
             "div",
             {
-              ref: $,
+              ref: k,
               style: { zIndex: H + 1 },
               className: "w-full  absolute top-0 h-11 flex items-center justify-center cursor-grab active:cursor-grabbing bg-inherit! ",
-              children: /* @__PURE__ */ w.jsx("span", { className: "w-12 h-1 rounded-full bg-neutral-weak-default" })
+              children: /* @__PURE__ */ b.jsx("span", { className: "w-12 h-1 rounded-full bg-neutral-weak-default" })
             }
           ),
-          typeof u == "string" ? /* @__PURE__ */ w.jsx("p", { ref: x, style: { zIndex: H + 2 }, className: " prometeo-fonts-headline-small text-neutral-default-default w-full min-h-11 bg-inherit mt-11 px-4 text-balance", children: u }) : /* @__PURE__ */ w.jsx("div", { ref: x, className: "w-full mt-11", children: typeof u == "function" ? u(E) : ie.isValidElement(u) ? u : u && typeof u == "object" && "$$typeof" in u ? ie.createElement(u, { context: E }) : u }),
-          /* @__PURE__ */ w.jsx(
+          typeof u == "string" ? /* @__PURE__ */ b.jsx("p", { ref: x, style: { zIndex: H + 2 }, className: " prometeo-fonts-headline-small text-neutral-default-default w-full min-h-11 bg-inherit mt-11 px-4 text-balance", children: u }) : /* @__PURE__ */ b.jsx("div", { ref: x, className: "w-full mt-11", children: typeof u == "function" ? u(E) : ue.isValidElement(u) ? u : u && typeof u == "object" && "$$typeof" in u ? ue.createElement(u, { context: E }) : u }),
+          /* @__PURE__ */ b.jsx(
             "div",
             {
-              ref: v,
-              className: A(
+              ref: w,
+              className: _(
                 "drawer-mobile-content prometeo-scrollbar-thin-weak ",
-                R ? "drawer-mobile-content--open" : "drawer-mobile-content--closed",
+                L ? "drawer-mobile-content--open" : "drawer-mobile-content--closed",
                 "w-full h-full",
-                j
+                F
               ),
-              children: (!p || J) && (typeof d == "function" ? d(E) : d)
+              children: (!p || X) && (typeof g == "function" ? g(E) : g)
             }
           ),
-          y && /* @__PURE__ */ w.jsx("div", { ref: M, className: A(
+          y && /* @__PURE__ */ b.jsx("div", { ref: Y, className: _(
             "w-full mt-0 flex items-center justify-center p-0",
             "border-t border-neutral-strong-default",
-            F
+            N
           ), children: typeof y == "function" ? y(E) : y })
         ]
       }
     )
   ] });
-}, xe = () => {
-  const d = m(null), [l, L] = G(!1), j = i((g, f) => {
-    d.current?.open(g, f);
-  }, []), F = i(() => {
-    d.current?.close();
-  }, []), o = i(() => d.current?.getContext() ?? null, []);
+}, Me = () => {
+  const g = m(null), [l, j] = G(!1), F = c((h, d) => {
+    g.current?.open(h, d);
+  }, []), N = c(() => {
+    g.current?.close();
+  }, []), o = c(() => g.current?.getContext() ?? null, []);
   return D(() => {
-    const g = d.current?.subscribeOpenChange;
-    if (!g) return;
-    const f = g((N) => {
-      L(N);
+    const h = g.current?.subscribeOpenChange;
+    if (!h) return;
+    const d = h((C) => {
+      j(C);
     });
     return () => {
-      f && f();
+      d && d();
     };
-  }, [d.current?.subscribeOpenChange]), {
+  }, [g.current?.subscribeOpenChange]), {
     isOpen: l,
-    open: j,
-    close: F,
-    drawerRef: d,
+    open: F,
+    close: N,
+    drawerRef: g,
     getContext: o
   };
 };
 export {
-  He as default,
-  xe as useDrawerMobile
+  Ee as default,
+  Me as useDrawerMobile
 };

package/dist/components/Drawer/DrawerMobile.d.ts

@@ -23,6 +23,12 @@ export interface DrawerMobileHandle<TContext = unknown> {
     close: () => void;
     isOpen: boolean;
     getContext: () => TContext | null;
+    /**
+     * Altura fija (dragger, header y footer) que queda fuera del área scrollable del contenido.
+     * Sirve para calcular `calc(100vh - getChromeHeight())` u otros `calc(<altura padre> - ...)`,
+     * especialmente cuando se usa `attachToParent` y el drawer no llena todo el viewport.
+     */
+    getChromeHeight: () => number;
     subscribeOpenChange: (cb: (open: boolean) => void) => () => void;
 }
 declare const DrawerMobile: <TContext = unknown>(props: DrawerMobileProps<TContext> & {

package/package.json

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