prometeo-design-system 5.8.0 → 5.8.2

package/dist/DrawerMobile.es.js

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

package/dist/Header.es.js

@@ -17,7 +17,7 @@ const c = ({ title: e, subtitle: l, children: m, className: d, subtitleClassName
         a && /* @__PURE__ */ s.jsx("div", { className: "", children: typeof a == "function" ? a() : a }),
         t && /* @__PURE__ */ s.jsx("div", { className: "hidden md:flex", children: typeof t == "function" ? t() : t })
       ] }),
-      /* @__PURE__ */ s.jsxs("div", { className: "w-full flex justify-between md:px-6", children: [
+      /* @__PURE__ */ s.jsxs("div", { className: "w-full flex justify-between md:px-6 overflow-hidden", children: [
         /* @__PURE__ */ s.jsxs("div", { className: i("flex flex-col leading-6 justify-center relative overflow-hidden"), children: [
           l && /* @__PURE__ */ s.jsx("h3", { className: i(" prometeo-fonts-body-small md:prometeo-fonts-body-medium text-neutral-medium-default line-clamp-1 text-nowrap overflow-hidden text-ellipsis w-full", r), children: l }),
           e && /* @__PURE__ */ s.jsx("h1", { className: i("prometeo-fonts-headline-xsmall md:prometeo-fonts-headline-small text-neutral-strong-default line-clamp-1 text-nowrap overflow-hidden text-ellipsis w-full wrap-break-word", o), children: e })

package/dist/{ImageGallery-5nGROBTC.js → ImageGallery-WVy6uNZc.js}

@@ -95,7 +95,7 @@ const _ = T(({ images: r, lightboxClassName: u, closeLightbox: n, showThumbnails
     "div",
     {
       ref: b,
-      className: k("fixed inset-0 z-50 bg-black/90 flex items-center justify-center lg:px-16", u),
+      className: k("fixed inset-0 z-65 bg-black/90 flex items-center justify-center lg:px-16", u),
       onClick: n,
       onKeyDown: P,
       onTouchStart: I,

package/dist/ImageGallery.es.js

@@ -1,4 +1,4 @@
-import { I as p } from "./ImageGallery-5nGROBTC.js";
+import { I as p } from "./ImageGallery-WVy6uNZc.js";
 import { useRef as u, useCallback as r } from "react";
 const g = () => {
   const e = u(null), t = r((a) => {

package/dist/InputMultiple.es.js

@@ -1,10 +1,10 @@
 import { j as r } from "./jsx-runtime-GkKLlHH4.js";
 import { c as d } from "./cn-B6yFEsav.js";
-import B, { useRef as U, useState as b, useCallback as ne, useEffect as se } from "react";
+import B, { useRef as U, useState as b, useCallback as ne, useEffect as ae } from "react";
 import { H as $ } from "./HelperComponent-ljsn0xD6.js";
-import { Close as ae } from "./Icons/Close.es.js";
+import { Close as se } from "./Icons/Close.es.js";
 import { Info as le } from "./Icons/Info.es.js";
-const ue = ({ label: O, name: q, onChange: m, value: s, icon: P, valueSeparator: v = ",", variant: w = "default", placeholder: A, itemClassName: z, itemIcon: k, helperText: g, errorText: x, disabled: a, onClick: D, className: G, readonly: p, onValueDelete: J, tabIndex: L, renderItem: R, ...Q }) => {
+const ue = ({ label: O, name: q, onChange: m, value: a, icon: P, valueSeparator: v = ",", variant: w = "default", placeholder: A, itemClassName: z, itemIcon: k, helperText: g, errorText: x, disabled: s, onClick: D, className: G, readonly: p, onValueDelete: J, tabIndex: L, renderItem: R, ...Q }) => {
   const o = U(null), I = U(null), [l, u] = b(""), [_, i] = b(0), [W, c] = b(!0), [E, K] = b(!1), [f, h] = b(!1), [C, y] = b(null), j = (e) => {
     if (p || !e) return;
     const t = e.selectionStart ?? l.length;
@@ -17,11 +17,11 @@ const ue = ({ label: O, name: q, onChange: m, value: s, icon: P, valueSeparator:
         n.length > 0 ? (u(n), N()) : (h(!1), u(""), c(!0), i(0));
         return;
       }
-      if (n.length === 0 || s.includes(n)) {
+      if (n.length === 0 || a.includes(n)) {
         u(""), c(!0), j(e.target);
         return;
       }
-      m([...s, n]), u(""), c(!0);
+      m([...a, n]), u(""), c(!0);
     } else {
       if (e.target.value === v) return;
       u(e.target.value), c(!1);
@@ -33,15 +33,15 @@ const ue = ({ label: O, name: q, onChange: m, value: s, icon: P, valueSeparator:
       h(!1), u(""), c(!0), i(0), y(null);
       return;
     }
-    h(!1), C !== null && m(ee(s.map((t, n) => n === C ? e : t))), u(""), c(!0), i(0), y(null);
-  }, [C, l, m, s]), Y = (e) => {
+    h(!1), C !== null && m(ee(a.map((t, n) => n === C ? e : t))), u(""), c(!0), i(0), y(null);
+  }, [C, l, m, a]), Y = (e) => {
     p || e.key === "Tab" && (f || l.length > 0) && (e.preventDefault(), e.stopPropagation());
   }, Z = (e) => {
     if (!p) {
       if (e.key === "Backspace" && l.length === 0) {
         if (W) {
-          const t = s[s.length - 1];
-          t && (m(s.filter((n) => n !== t)), u(t), i(t.length));
+          const t = a[a.length - 1];
+          t && (m(a.filter((n) => n !== t)), u(t), i(t.length));
         } else
           c(!0);
         return;
@@ -52,20 +52,20 @@ const ue = ({ label: O, name: q, onChange: m, value: s, icon: P, valueSeparator:
           t.length > 0 ? (u(t), N()) : (h(!1), u(""), c(!0), i(0));
           return;
         }
-        t.length > 0 && !s.includes(t) && t !== v && (m([...s, t]), u(""), c(!0), i(0));
+        t.length > 0 && !a.includes(t) && t !== v && (m([...a, t]), u(""), c(!0), i(0));
       }
       e.key === "Escape" && f && (h(!1), u(""), c(!0), i(0), y(null)), j(e.currentTarget);
     }
   }, M = (e) => {
-    const t = s.filter((n) => n !== e);
+    const t = a.filter((n) => n !== e);
     m(t), J?.(e);
   }, S = (e) => {
-    p || (T(e), h(!0), u(e), i(e.length), y(s.length - 1), o.current?.focus());
+    p || (T(e), h(!0), u(e), i(e.length), y(a.length - 1), o.current?.focus());
   }, T = (e) => {
-    const t = s.filter((n) => n !== e);
+    const t = a.filter((n) => n !== e);
     m([...t, e]);
   }, ee = (e) => e.filter((t, n, V) => V.indexOf(t) === n);
-  se(() => {
+  ae(() => {
     o.current && (o.current.onfocus = () => {
       K(!0);
     }, o.current.onblur = () => {
@@ -114,7 +114,7 @@ const ue = ({ label: O, name: q, onChange: m, value: s, icon: P, valueSeparator:
       isFocused: "text-warning-default-focused",
       disabled: "text-warning-default-disabled"
     }
-  }, H = a ? "disabled" : E ? "isFocused" : "default";
+  }, H = s ? "disabled" : E ? "isFocused" : "default";
   return /* @__PURE__ */ r.jsxs("div", { className: d(
     "relative w-full",
     G
@@ -136,7 +136,7 @@ const ue = ({ label: O, name: q, onChange: m, value: s, icon: P, valueSeparator:
           onClick: (e) => j(e.currentTarget),
           onSelect: (e) => j(e.currentTarget),
           name: q,
-          disabled: a,
+          disabled: s,
           className: d(
             "absolute inset-0 w-full h-full",
             "opacity-0 cursor-text z-10",
@@ -158,7 +158,7 @@ const ue = ({ label: O, name: q, onChange: m, value: s, icon: P, valueSeparator:
           ref: I,
           className: d(
             "border border-neutral-default-default rounded-lg p-3",
-            "flex flex-wrap gap-1 min-h-12",
+            "flex flex-wrap gap-1 min-h-14",
             "transition-all duration-300 ease-in-out",
             "cursor-text",
             te[H][w]
@@ -174,16 +174,16 @@ const ue = ({ label: O, name: q, onChange: m, value: s, icon: P, valueSeparator:
           children: [
             P && /* @__PURE__ */ r.jsx("div", { className: d(
               "flex items-center text-neutral-medium-default",
-              a && "text-neutral-medium-disabled"
+              s && "text-neutral-medium-disabled"
             ), children: P }),
-            s.map((e, t) => {
+            a.map((e, t) => {
               const n = d(
-                t === s.length - 1 && f && "opacity-0 hidden overflow-hidden max-w-0 px-0! "
+                t === a.length - 1 && f && "opacity-0 hidden overflow-hidden max-w-0 px-0! "
               ), V = {
                 item: e,
                 index: t,
                 isEditing: f,
-                disabled: !!a,
+                disabled: !!s,
                 onEdit: () => S(e),
                 onDelete: () => M(e),
                 itemIcon: k,
@@ -197,7 +197,7 @@ const ue = ({ label: O, name: q, onChange: m, value: s, icon: P, valueSeparator:
                     "h-8 max-h-8 rounded-lg bg-primary-light-default border border-neutral-default-default",
                     "flex items-center gap-2 px-2",
                     "prometeo-fonts-body-large z-20",
-                    a && "border-neutral-strong-default text-neutral-medium-disabled",
+                    s && "border-neutral-strong-default text-neutral-medium-disabled",
                     z
                   ),
                   children: [
@@ -205,18 +205,18 @@ const ue = ({ label: O, name: q, onChange: m, value: s, icon: P, valueSeparator:
                       size: 16,
                       className: d(
                         "text-neutral-medium-default",
-                        a && "text-neutral-medium-disabled"
+                        s && "text-neutral-medium-disabled"
                       )
                     }) }),
                     /* @__PURE__ */ r.jsx(
                       "span",
                       {
                         onClick: (F) => {
-                          F.stopPropagation(), !a && S(e);
+                          F.stopPropagation(), !s && S(e);
                         },
                         className: d(
                           "cursor-pointer hover:text-neutral-default-hover",
-                          a && "cursor-default hover:text-neutral-medium-disabled"
+                          s && "cursor-default hover:text-neutral-medium-disabled"
                         ),
                         children: e
                       }
@@ -225,19 +225,19 @@ const ue = ({ label: O, name: q, onChange: m, value: s, icon: P, valueSeparator:
                       "div",
                       {
                         onClick: (F) => {
-                          F.stopPropagation(), !a && M(e);
+                          F.stopPropagation(), !s && M(e);
                         },
                         className: d(
                           "cursor-pointer hover:scale-105 transition-all duration-200",
-                          a && "cursor-default hover:scale-100"
+                          s && "cursor-default hover:scale-100"
                         ),
                         children: /* @__PURE__ */ r.jsx(
-                          ae,
+                          se,
                           {
                             size: 16,
                             className: d(
                               "text-neutral-default-default hover:text-neutral-default-hover transition-all duration-200",
-                              a && "text-neutral-medium-disabled hover:text-neutral-medium-disabled"
+                              s && "text-neutral-medium-disabled hover:text-neutral-medium-disabled"
                             )
                           }
                         )
@@ -253,12 +253,12 @@ const ue = ({ label: O, name: q, onChange: m, value: s, icon: P, valueSeparator:
               E && /* @__PURE__ */ r.jsx("span", { className: "animate-[cursor-intermitent_1s_ease-in-out_infinite] bg-neutral-default-pressed w-0 border-r border-neutral-default-default h-5 inline-block align-middle z-20 " }),
               /* @__PURE__ */ r.jsx("span", { className: "text-neutral-default-default whitespace-pre-wrap wrap-break-word -ml-px", children: l.slice(_) })
             ] }),
-            s.length === 0 && !E && l.length === 0 && !p && /* @__PURE__ */ r.jsx(
+            a.length === 0 && !E && l.length === 0 && !p && /* @__PURE__ */ r.jsx(
               "span",
               {
                 className: d(
-                  "text-neutral-medium-default self-center prometeo-fonts-body-large pointer-events-none",
-                  a && "text-neutral-medium-disabled"
+                  "text-neutral-medium-default self-center prometeo-fonts-body-large pointer-events-none truncate",
+                  s && "text-neutral-medium-disabled"
                 ),
                 children: A || `Escribe los valores separados por ${v}`
               }
@@ -267,7 +267,7 @@ const ue = ({ label: O, name: q, onChange: m, value: s, icon: P, valueSeparator:
         }
       )
     ] }),
-    !a && (g || x) && /* @__PURE__ */ r.jsx("div", { className: "min-h-6", children: w === "warning" ? typeof (g || x) == "string" ? /* @__PURE__ */ r.jsx("div", { className: "pl-3 mt-1", children: /* @__PURE__ */ r.jsxs("div", { className: "flex gap-0.5 items-start", children: [
+    !s && (g || x) && /* @__PURE__ */ r.jsx("div", { className: "min-h-6", children: w === "warning" ? typeof (g || x) == "string" ? /* @__PURE__ */ r.jsx("div", { className: "pl-3 mt-1", children: /* @__PURE__ */ r.jsxs("div", { className: "flex gap-0.5 items-start", children: [
       /* @__PURE__ */ r.jsx(le, { size: 16, className: "text-warning-medium-default" }),
       /* @__PURE__ */ r.jsx("p", { className: "prometeo-fonts-body-small text-warning-medium-default pt-px", children: g || x })
     ] }) }) : /* @__PURE__ */ r.jsx("div", { className: "ml-3", children: g || x }) : w === "error" && x ? /* @__PURE__ */ r.jsx($, { variant: "error", children: x }) : g ? /* @__PURE__ */ r.jsx($, { variant: w === "success" ? "success" : "default", children: g }) : null })

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

@@ -16,6 +16,7 @@ export interface DrawerMobileProps<TContext = unknown> {
     className?: string;
     classNameContent?: string;
     classNameFooter?: string;
+    zIndex?: number;
 }
 export interface DrawerMobileHandle<TContext = unknown> {
     open: (snap?: string | number | 'auto', context?: TContext) => void;

package/dist/prometeo-design-system.es.js

@@ -27,7 +27,7 @@ import { default as sr } from "./TextArea.es.js";
 import { default as ir } from "./Tooltip.es.js";
 import { default as mr } from "./Skeleton.es.js";
 import { default as dr } from "./SegmentedButton.es.js";
-import { I as hr } from "./ImageGallery-5nGROBTC.js";
+import { I as hr } from "./ImageGallery-WVy6uNZc.js";
 import { default as gr } from "./Image.es.js";
 import { default as Dr, toastpyrion as vr } from "./Toast.es.js";
 import { default as kr } from "./ToastProvider.es.js";

package/package.json

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