prometeo-design-system 2.5.7 → 2.6.0

package/dist/Avatar.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
 import { c as p } from "./cn-B6yFEsav.js";
 import { motion as u } from "framer-motion";
 import { useState as f } from "react";

package/dist/{Button-DsbEyjth.js → Button-Bc0LYLfg.js}

@@ -1,4 +1,4 @@
-import { j as f } from "./jsx-runtime-DKDX3adD.js";
+import { j as f } from "./jsx-runtime-ByW6EXIE.js";
 import { c as g } from "./cn-B6yFEsav.js";
 import { clsx as B } from "clsx";
 import { useAnimationControls as E, motion as j } from "framer-motion";

package/dist/Button.es.js

@@ -1,4 +1,4 @@
-import { B as f } from "./Button-DsbEyjth.js";
+import { B as f } from "./Button-Bc0LYLfg.js";
 export {
   f as default
 };

package/dist/{CardProfile-DV3gwvqE.js → CardProfile-DA-HDUpi.js}

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { c as l } from "./cn-B6yFEsav.js";
 import { motion as i, AnimatePresence as u } from "framer-motion";
 import m from "./Avatar.es.js";

package/dist/CardProfile.es.js

@@ -1,4 +1,4 @@
-import { C as a } from "./CardProfile-DV3gwvqE.js";
+import { C as a } from "./CardProfile-DA-HDUpi.js";
 export {
   a as CardProfile
 };

package/dist/CheckBox.es.js

@@ -1,4 +1,4 @@
-import { j as r } from "./jsx-runtime-DKDX3adD.js";
+import { j as r } from "./jsx-runtime-ByW6EXIE.js";
 import { Icons as h } from "./Icons.es.js";
 import { memo as x, useId as o, useRef as m } from "react";
 const n = ({ className: s, disabled: e, ...t }) => {

package/dist/CheckboxFormik.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { Icons as x } from "./Icons.es.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { useField as h, ErrorMessage as p } from "formik";

package/dist/DatePicker.es.js

@@ -1,11 +1,11 @@
-import { j as $ } from "./jsx-runtime-DKDX3adD.js";
+import { j as $ } from "./jsx-runtime-ByW6EXIE.js";
 import m, { createContext as mn, useContext as hn, useCallback as q, useRef as Se, useLayoutEffect as yn, useState as he, useEffect as _e, useMemo as fe, memo as pn } from "react";
 import { InputMultiple as gn } from "./InputMultiple.es.js";
-import { I as wn } from "./Input-PNwH7rb6.js";
+import { I as wn } from "./Input-DHdy-pWf.js";
 import { createPortal as bn } from "react-dom";
 import { Icons as Mt } from "./Icons.es.js";
 import { c as Be } from "./cn-B6yFEsav.js";
-import { B as vt } from "./Button-DsbEyjth.js";
+import { B as vt } from "./Button-Bc0LYLfg.js";
 function Mn(e, t, n = "long") {
   return new Intl.DateTimeFormat("en-US", {
     // Enforces engine to render the time. Without the option JavaScriptCore omits it.

package/dist/DialogModal.es.js

@@ -1,4 +1,4 @@
-import { j as o } from "./jsx-runtime-DKDX3adD.js";
+import { j as o } from "./jsx-runtime-ByW6EXIE.js";
 import { forwardRef as h, memo as s, useState as D, useRef as p, useCallback as n, useImperativeHandle as R } from "react";
 import { c as j } from "./cn-B6yFEsav.js";
 const C = h(

package/dist/DrawerDesktop.es.js

@@ -1,6 +1,6 @@
-import { j as s } from "./jsx-runtime-DKDX3adD.js";
+import { j as s } from "./jsx-runtime-ByW6EXIE.js";
 import { c as b } from "./cn-B6yFEsav.js";
-import { c as y, B as h } from "./Button-DsbEyjth.js";
+import { c as y, B as h } from "./Button-Bc0LYLfg.js";
 import { createPortal as g } from "react-dom";
 import { Icons as C } from "./Icons.es.js";
 import { forwardRef as k, useState as j, useRef as x, useEffect as v, useCallback as l, useImperativeHandle as D } from "react";

package/dist/DrawerMobile.es.js

@@ -1,70 +1,70 @@
-import { j as g } from "./jsx-runtime-DKDX3adD.js";
-import { c as W } from "./cn-B6yFEsav.js";
-import { forwardRef as K, useState as B, useRef as v, useEffect as F, useCallback as c, useMemo as J, useImperativeHandle as Q } from "react";
-import { createPortal as U } from "react-dom";
-const A = 44, V = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", te = K((u, o) => {
-  const { children: y, defaultOpen: s = !1, onClose: f, snapPoints: d = ["60%"], setSnap: w, snap: p, attachToParent: O = !1 } = u, [E, x] = B(p || "0%"), [r, C] = B(null), Y = v(f), a = v(w), m = v(r);
-  Y.current = f, m.current = r, F(() => {
-    s && b();
+import { j as g } from "./jsx-runtime-ByW6EXIE.js";
+import { c as G } from "./cn-B6yFEsav.js";
+import { forwardRef as J, useState as _, useRef as h, useEffect as F, useCallback as c, useMemo as q, useImperativeHandle as K } from "react";
+import { createPortal as Q } from "react-dom";
+const W = 44, U = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", ee = J((a, o) => {
+  const { children: x, defaultOpen: s = !1, onClose: f, snapPoints: d = ["60%"], setSnap: v, snap: w, attachToParent: O = !1 } = a, [E, r] = _(w || "0%"), [C, Y] = _(null), u = h(f), p = h(v), b = h(C);
+  u.current = f, b.current = C, F(() => {
+    s && H();
   }, [s]), F(() => {
-    a.current = w;
-  }, [w]);
+    p.current = v;
+  }, [v]);
   const M = c(() => {
-    x("0%"), Y.current?.(m.current), setTimeout(() => C(null), 300);
-  }, []), b = c((H, N) => {
-    console.log(H || d[0] || "60%"), x(H || d[0] || "60%"), C(N ?? null);
-  }, [d]), S = J(() => E !== "0%", [E]);
-  Q(o, () => ({
-    open: b,
+    r("0%"), u.current?.(b.current), setTimeout(() => Y(null), 300);
+  }, []), H = c((L, R) => {
+    console.log(L || d[0] || "60%"), r(L || d[0] || "60%"), Y(R ?? null);
+  }, [d]), S = q(() => E !== "0%", [E]);
+  K(o, () => ({
+    open: H,
     close: M,
     isOpen: S,
-    getContext: () => m.current
-  }), [b, M, S]);
-  const L = p || E;
-  return O ? /* @__PURE__ */ g.jsx(q, { ...u, snap: L, setSnap: x, context: r, children: y }) : U(/* @__PURE__ */ g.jsx(q, { ...u, snap: L, setSnap: x, context: r, children: y }), document.body);
-}), q = ({ children: u, attachToParent: o = !1, className: y, snap: s, snapPoints: f = ["60%"], setSnap: d, hideOnClose: w = !1, header: p, modal: O = !1, closeOnOverlayClick: E = !1, context: x }) => {
-  const r = v(null), C = v(null), Y = v(null), a = v(null), m = v(null), M = c(() => {
+    getContext: () => b.current
+  }), [H, M, S]);
+  const y = w || E;
+  return O ? /* @__PURE__ */ g.jsx(B, { ...a, snap: y, setSnap: r, children: x }) : Q(/* @__PURE__ */ g.jsx(B, { ...a, snap: y, setSnap: r, children: x }), document.body);
+}), B = ({ children: a, attachToParent: o = !1, className: x, snap: s, snapPoints: f = ["60%"], setSnap: d, hideOnClose: v = !1, header: w, modal: O = !1, closeOnOverlayClick: E = !1 }) => {
+  const r = h(null), C = h(null), Y = h(null), u = h(null), p = h(null), b = c(() => {
     if (!r.current) return [];
     const e = o && r.current.parentElement?.offsetHeight || window.innerHeight;
     return f?.map((t) => 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) || [];
-  }, [f, o]), b = c((e, t) => {
-    const n = M();
+  }, [f, o]), M = c((e, t) => {
+    const n = b();
     if (n.length === 0) return e;
     if (Math.abs(t) > 0.05)
       if (t > 0) {
         const l = n.filter((i) => i < e);
-        return l.length > 0 ? Math.max(...l) : w ? 0 : A;
+        return l.length > 0 ? Math.max(...l) : v ? 0 : W;
       } else {
         const l = n.filter((i) => i > e);
         if (l.length > 0)
           return Math.min(...l);
       }
     return n.reduce((l, i) => Math.abs(i - e) < Math.abs(l - e) ? i : l);
-  }, [M]), S = c((e) => {
+  }, [b]), H = c((e) => {
     if (d && f) {
-      const t = o && r.current?.parentElement?.offsetHeight || window.innerHeight, n = e <= A ? "0%" : `${Math.round(e / t * 100)}%`;
+      const t = o && r.current?.parentElement?.offsetHeight || window.innerHeight, n = e <= W ? "0%" : `${Math.round(e / t * 100)}%`;
       d(n);
     }
-  }, [d, f, o]), L = c((e) => {
-    r.current && (r.current.style.transition = V, r.current.style.height = `${e}px`);
-  }, [d, f, o]), R = c(() => {
-    if (m.current && o) {
-      const { scrollY: e } = m.current;
-      document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, e), m.current = null;
+  }, [d, f, o]), S = c((e) => {
+    r.current && (r.current.style.transition = U, r.current.style.height = `${e}px`);
+  }, [d, f, o]), y = c(() => {
+    if (p.current && o) {
+      const { scrollY: e } = p.current;
+      document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, e), p.current = null;
     }
   }, [o]);
   F(() => () => {
-    R();
-  }, [R]), F(() => {
+    y();
+  }, [y]), F(() => {
     if (!r.current || !s) return;
     const e = o && r.current.parentElement?.offsetHeight || window.innerHeight;
     let t = 0;
-    typeof s == "string" && s.endsWith("%") ? parseFloat(s) <= 0 ? t = w ? 0 : A : t = parseFloat(s) / 100 * e : typeof s == "string" && s.endsWith("px") ? t = parseFloat(s) : typeof s == "number" && (s >= 0 && s <= 1 ? t = s * e : t = s), L(t);
+    typeof s == "string" && s.endsWith("%") ? parseFloat(s) <= 0 ? t = v ? 0 : W : t = parseFloat(s) / 100 * e : typeof s == "string" && s.endsWith("px") ? t = parseFloat(s) : typeof s == "number" && (s >= 0 && s <= 1 ? t = s * e : t = s), S(t);
   }, [s, o]);
-  const H = c((e) => {
+  const N = c((e) => {
     if (!r.current) return;
     const t = e.touches[0], n = r.current.offsetHeight;
-    a.current = {
+    u.current = {
       isDragging: !1,
       startY: t.clientY,
       startHeight: n,
@@ -72,10 +72,10 @@ const A = 44, V = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", te = K((u, o) =>
       lastTime: Date.now(),
       velocity: 0
     };
-  }, []), N = c((e) => {
+  }, []), L = c((e) => {
     if (!r.current) return;
     const t = e, n = r.current.offsetHeight;
-    a.current = {
+    u.current = {
       isDragging: !1,
       startY: t.clientY,
       startHeight: n,
@@ -83,67 +83,67 @@ const A = 44, V = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", te = K((u, o) =>
       lastTime: Date.now(),
       velocity: 0
     };
-  }, []), I = c((e) => {
-    if (!a.current || !r.current) return;
-    const t = e.touches[0], n = a.current, D = n.startY - t.clientY, l = n.isDragging || Math.abs(D) > 5;
+  }, []), R = c((e) => {
+    if (!u.current || !r.current) return;
+    const t = e.touches[0], n = u.current, D = n.startY - t.clientY, l = n.isDragging || Math.abs(D) > 5;
     if (!n.isDragging && l && (n.isDragging = !0, o)) {
       const i = window.scrollY;
-      m.current = { scrollY: i }, document.body.style.position = "fixed", document.body.style.top = `-${i}px`, document.body.style.width = "100%";
+      p.current = { scrollY: i }, document.body.style.position = "fixed", document.body.style.top = `-${i}px`, document.body.style.width = "100%";
     }
     if (l) {
       e.preventDefault();
       const i = Date.now(), j = i - n.lastTime;
       if (j > 0) {
-        const G = (t.clientY - n.lastY) / j;
-        n.velocity = n.velocity * 0.8 + G * 0.2;
+        const z = (t.clientY - n.lastY) / j;
+        n.velocity = n.velocity * 0.8 + z * 0.2;
       }
       n.lastY = t.clientY, n.lastTime = i;
-      const T = n.startHeight + D, $ = o && r.current.parentElement?.offsetHeight || window.innerHeight, z = Math.max(0, Math.min(T, $));
-      r.current.style.transition = "none", r.current.style.height = `${z}px`;
+      const k = n.startHeight + D, T = o && r.current.parentElement?.offsetHeight || window.innerHeight, $ = Math.max(0, Math.min(k, T));
+      r.current.style.transition = "none", r.current.style.height = `${$}px`;
     }
-  }, [o]), _ = c((e) => {
-    if (!a.current || !r.current) return;
-    const t = e, n = a.current, D = n.startY - t.clientY, l = n.isDragging || Math.abs(D) > 5;
+  }, [o]), A = c((e) => {
+    if (!u.current || !r.current) return;
+    const t = e, n = u.current, D = n.startY - t.clientY, l = n.isDragging || Math.abs(D) > 5;
     if (!n.isDragging && l && (n.isDragging = !0, o)) {
       const i = window.scrollY;
-      m.current = { scrollY: i }, document.body.style.position = "fixed", document.body.style.top = `-${i}px`, document.body.style.width = "100%";
+      p.current = { scrollY: i }, document.body.style.position = "fixed", document.body.style.top = `-${i}px`, document.body.style.width = "100%";
     }
     if (l) {
       e.preventDefault();
       const i = Date.now(), j = i - n.lastTime;
       if (j > 0) {
-        const G = (t.clientY - n.lastY) / j;
-        n.velocity = n.velocity * 0.8 + G * 0.2;
+        const z = (t.clientY - n.lastY) / j;
+        n.velocity = n.velocity * 0.8 + z * 0.2;
       }
       n.lastY = t.clientY, n.lastTime = i;
-      const T = n.startHeight + D, $ = o && r.current.parentElement?.offsetHeight || window.innerHeight, z = Math.max(0, Math.min(T, $));
-      r.current.style.transition = "none", r.current.style.height = `${z}px`;
+      const k = n.startHeight + D, T = o && r.current.parentElement?.offsetHeight || window.innerHeight, $ = Math.max(0, Math.min(k, T));
+      r.current.style.transition = "none", r.current.style.height = `${$}px`;
     }
-  }, [o]), h = c(() => {
-    if (!a.current || !r.current) return;
-    const e = a.current;
+  }, [o]), m = c(() => {
+    if (!u.current || !r.current) return;
+    const e = u.current;
     if (e.isDragging) {
-      R();
-      const t = r.current.offsetHeight, n = b(t, e.velocity);
-      S(n);
+      y();
+      const t = r.current.offsetHeight, n = M(t, e.velocity);
+      H(n);
     }
-    a.current = null;
-  }, [b, L, R]);
+    u.current = null;
+  }, [M, S, y]);
   F(() => {
     const e = Y.current;
     if (e)
-      return e.addEventListener("touchstart", H, { passive: !1 }), e.addEventListener("touchmove", I, { passive: !1 }), e.addEventListener("touchend", h), e.addEventListener("touchcancel", h), e.addEventListener("mousedown", N, { passive: !1 }), e.addEventListener("mousemove", _, { passive: !1 }), e.addEventListener("mouseup", h), e.addEventListener("mouseleave", h), () => {
-        e.removeEventListener("touchstart", H), e.removeEventListener("touchmove", I), e.removeEventListener("touchend", h), e.removeEventListener("touchcancel", h), e.removeEventListener("mousedown", N), e.removeEventListener("mousemove", _), e.removeEventListener("mouseup", h), e.removeEventListener("mouseleave", h);
+      return e.addEventListener("touchstart", N, { passive: !1 }), e.addEventListener("touchmove", R, { passive: !1 }), e.addEventListener("touchend", m), e.addEventListener("touchcancel", m), e.addEventListener("mousedown", L, { passive: !1 }), e.addEventListener("mousemove", A, { passive: !1 }), e.addEventListener("mouseup", m), e.addEventListener("mouseleave", m), () => {
+        e.removeEventListener("touchstart", N), e.removeEventListener("touchmove", R), e.removeEventListener("touchend", m), e.removeEventListener("touchcancel", m), e.removeEventListener("mousedown", L), e.removeEventListener("mousemove", A), e.removeEventListener("mouseup", m), e.removeEventListener("mouseleave", m);
       };
-  }, [H, I, h]);
-  const k = J(() => s !== "0%", [s]);
+  }, [N, R, m]);
+  const I = q(() => s !== "0%", [s]);
   return /* @__PURE__ */ g.jsxs(g.Fragment, { children: [
     O && /* @__PURE__ */ g.jsx(
       "div",
       {
-        className: W(k ? "fixed inset-0 bg-black/40 z-55 cursor-default" : "hidden"),
+        className: G(I ? "fixed inset-0 bg-black/40 z-55 cursor-default" : "hidden"),
         onClick: (e) => {
-          e.preventDefault(), e.stopPropagation(), E && S(0);
+          e.preventDefault(), e.stopPropagation(), E && H(0);
         },
         "aria-hidden": "true"
       }
@@ -152,13 +152,13 @@ const A = 44, V = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", te = K((u, o) =>
       "div",
       {
         ref: r,
-        className: W(
+        className: G(
           o ? "absolute" : "fixed",
           "z-60 bottom-0 w-full overflow-hidden",
           "bg-neutral-default-default",
           "border-t border-neutral-strong-default rounded-t-[12px]",
-          k ? "" : "border-neutral-weak",
-          y,
+          I ? "" : "border-neutral-weak",
+          x,
           "flex flex-col items-center",
           "touch-none select-none"
         ),
@@ -171,41 +171,41 @@ const A = 44, V = "height 0.5s cubic-bezier(0.32, 0.72, 0, 1)", te = K((u, o) =>
               children: /* @__PURE__ */ g.jsx("span", { className: "w-12 h-1 rounded-full bg-neutral-weak-default" })
             }
           ),
-          typeof p == "string" ? /* @__PURE__ */ g.jsx("p", { className: " prometeo-fonts-headline-small text-neutral-default-default w-full h-11 bg-inherit absolute top-11 z-50 px-4", children: p }) : p,
+          typeof w == "string" ? /* @__PURE__ */ g.jsx("p", { className: " prometeo-fonts-headline-small text-neutral-default-default w-full h-11 bg-inherit absolute top-11 z-50 px-4", children: w }) : w,
           /* @__PURE__ */ g.jsx(
             "div",
             {
               ref: C,
-              className: W(
+              className: G(
                 "w-full h-full overflow-y-auto px-4 pb-4 ",
-                p ? "mt-22" : "mt-11"
+                w ? "mt-22" : "mt-11"
               ),
               style: {
                 overscrollBehavior: "contain",
-                overflow: k ? "auto" : "hidden"
+                overflow: I ? "auto" : "hidden"
               },
-              children: typeof u == "function" ? u(x) : u
+              children: a
             }
           )
         ]
       }
     )
   ] });
-}, ne = () => {
-  const u = v(null), o = c((d, w) => {
-    u.current?.open(d, w);
-  }, []), y = c(() => {
-    u.current?.close();
-  }, []), s = c(() => u.current?.isOpen ?? !1, []), f = c(() => u.current?.getContext() ?? null, []);
+}, te = () => {
+  const a = h(null), o = c((d, v) => {
+    a.current?.open(d, v);
+  }, []), x = c(() => {
+    a.current?.close();
+  }, []), s = c(() => a.current?.isOpen ?? !1, []), f = c(() => a.current?.getContext() ?? null, []);
   return {
     isOpen: s,
     open: o,
-    close: y,
-    drawerRef: u,
+    close: x,
+    drawerRef: a,
     getContext: f
   };
 };
 export {
-  te as default,
-  ne as useDrawerMobile
+  ee as default,
+  te as useDrawerMobile
 };

package/dist/DropZone.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { c as i } from "./cn-B6yFEsav.js";
 import R, { useCallback as w } from "react";
 import { useDropzone as z } from "react-dropzone";

package/dist/Header.es.js

@@ -1,4 +1,4 @@
-import { j as l } from "./jsx-runtime-DKDX3adD.js";
+import { j as l } from "./jsx-runtime-ByW6EXIE.js";
 import { c as s } from "./cn-B6yFEsav.js";
 import { motion as m } from "framer-motion";
 import { memo as n } from "react";

package/dist/Icons.es.js

@@ -1,4 +1,4 @@
-import { j as h } from "./jsx-runtime-DKDX3adD.js";
+import { j as h } from "./jsx-runtime-ByW6EXIE.js";
 import { memo as v } from "react";
 const l = (t) => v(t), o = l(({
   size: t = 24,

package/dist/Image.es.js

@@ -1,4 +1,4 @@
-import { j as n } from "./jsx-runtime-DKDX3adD.js";
+import { j as n } from "./jsx-runtime-ByW6EXIE.js";
 import { memo as x, useState as E, useRef as R, useCallback as N, useEffect as b } from "react";
 import M from "./Spinner.es.js";
 import { c as d } from "./cn-B6yFEsav.js";

package/dist/{ImageGallery-DnoRTpCr.js → ImageGallery-BeADef_g.js}

@@ -1,8 +1,8 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
 import ee, { memo as D, forwardRef as L, useRef as v, useEffect as te, useCallback as i, useState as R, useImperativeHandle as ne } from "react";
 import { c as X } from "./cn-B6yFEsav.js";
 import { u as re } from "./useDragScroll-CHN9OMwn.js";
-import { B as S } from "./Button-DsbEyjth.js";
+import { B as S } from "./Button-Bc0LYLfg.js";
 import { Icons as M } from "./Icons.es.js";
 const O = D(L(({ images: n, className: c }, r) => {
   const { ref: d, bind: a } = re({

package/dist/ImageGallery.es.js

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