@mp-front/components 0.0.1-next-13 → 0.0.1

package/dist/ui-components-animation.js

@@ -1,14 +1,14 @@
-import { i as lt, a as ct, V as ft, c as mt, u as Y, b as Z, M as ht, d as pt, e as dt, f as yt, g as O, r as gt, h as At, k as $, l as tt, n as St, o as Et, p as Vt, q as vt, s as Mt, t as et, v as bt, w as xt, x as Dt, S as Tt, H as Ct, y as B, z as It, A as wt, B as Nt, j as Ft, m as Gt } from "./proxy-uRb7Bek8.js";
-import { c as Lt } from "./classNames-BiTpavcN.js";
-import { useContext as jt, useState as Bt, useEffect as nt } from "react";
-const Kt = (t, e, n) => {
+import { i as lt, a as ct, V as ft, c as mt, u as Y, b as Z, M as ht, d as pt, e as dt, f as yt, g as K, r as gt, h as At, k as $, l as tt, n as St, o as Et, p as Vt, q as vt, s as Mt, t as et, v as bt, w as xt, x as Dt, S as Tt, H as Ct, y as j, z as It, A as wt, B as Nt, j as Ft, m as Gt } from "./proxy-C0b_a64j.js";
+import { c as Lt } from "./classNames-B-jGgM9Z.js";
+import { useContext as Ot, useState as jt, useEffect as nt } from "react";
+const Bt = (t, e, n) => {
   const s = e - t;
   return ((n - t) % s + s) % s + t;
 };
 function st(t, e) {
-  return lt(t) ? t[Kt(0, t.length, e)] : t;
+  return lt(t) ? t[Bt(0, t.length, e)] : t;
 }
-class Ot {
+class Kt {
   constructor(e) {
     this.stop = () => this.runAll("stop"), this.animations = e.filter(Boolean);
   }
@@ -28,8 +28,8 @@ class Ot {
   attachTimeline(e) {
     const n = this.animations.map((s) => s.attachTimeline(e));
     return () => {
-      n.forEach((s, a) => {
-        s && s(), this.animations[a].stop();
+      n.forEach((s, r) => {
+        s && s(), this.animations[r].stop();
       });
     };
   }
@@ -52,10 +52,10 @@ class Ot {
     return this.getAll("startTime");
   }
   get duration() {
-    return H(this.animations, "duration");
+    return q(this.animations, "duration");
   }
   get iterationDuration() {
-    return H(this.animations, "iterationDuration");
+    return q(this.animations, "iterationDuration");
   }
   runAll(e) {
     this.animations.forEach((n) => n[e]());
@@ -73,22 +73,22 @@ class Ot {
     this.runAll("complete");
   }
 }
-function H(t, e) {
+function q(t, e) {
   let n = 0;
   for (let s = 0; s < t.length; s++) {
-    const a = t[s][e];
-    a !== null && a > n && (n = a);
+    const r = t[s][e];
+    r !== null && r > n && (n = r);
   }
   return n;
 }
-class Rt extends Ot {
+class Rt extends Kt {
   then(e, n) {
     return this.finished.finally(e).then(() => {
     });
   }
 }
 function Pt(...t) {
-  const e = !Array.isArray(t[0]), n = e ? 0 : -1, s = t[0 + n], a = t[1 + n], u = t[2 + n], r = t[3 + n], i = ct(a, u, r);
+  const e = !Array.isArray(t[0]), n = e ? 0 : -1, s = t[0 + n], r = t[1 + n], u = t[2 + n], a = t[3 + n], i = ct(r, u, a);
   return e ? i(s) : i;
 }
 function Wt(t, e) {
@@ -123,46 +123,46 @@ class _t extends ft {
     return 0;
   }
 }
-function at(t) {
-  const e = Y(() => Z(t)), { isStatic: n } = jt(ht);
+function rt(t) {
+  const e = Y(() => Z(t)), { isStatic: n } = Ot(ht);
   if (n) {
-    const [, s] = Bt(t);
+    const [, s] = jt(t);
     nt(() => e.on("change", s), []);
   }
   return e;
 }
-function rt(t, e) {
-  const n = at(e()), s = () => n.set(e());
+function at(t, e) {
+  const n = rt(e()), s = () => n.set(e());
   return s(), pt(() => {
-    const a = () => yt.preRender(s, !1, !0), u = t.map((r) => r.on("change", a));
+    const r = () => yt.preRender(s, !1, !0), u = t.map((a) => a.on("change", r));
     return () => {
-      u.forEach((r) => r()), dt(s);
+      u.forEach((a) => a()), dt(s);
     };
   }), n;
 }
 function zt(t) {
-  O.current = [], t();
-  const e = rt(O.current, t);
-  return O.current = void 0, e;
+  K.current = [], t();
+  const e = at(K.current, t);
+  return K.current = void 0, e;
 }
 function Xt(t, e, n, s) {
   if (typeof t == "function")
     return zt(t);
-  const u = typeof e == "function" ? e : Pt(e, n, s), r = Array.isArray(t) ? U(t, u) : U([t], ([o]) => u(o)), i = Array.isArray(t) ? void 0 : t.accelerate;
-  return i && !i.isTransformed && typeof e != "function" && Array.isArray(n) && (s == null ? void 0 : s.clamp) !== !1 && (r.accelerate = {
+  const u = typeof e == "function" ? e : Pt(e, n, s), a = Array.isArray(t) ? H(t, u) : H([t], ([o]) => u(o)), i = Array.isArray(t) ? void 0 : t.accelerate;
+  return i && !i.isTransformed && typeof e != "function" && Array.isArray(n) && s?.clamp !== !1 && (a.accelerate = {
     ...i,
     times: e,
     keyframes: n,
     isTransformed: !0
-  }), r;
+  }), a;
 }
-function U(t, e) {
+function H(t, e) {
   const n = Y(() => []);
-  return rt(t, () => {
+  return at(t, () => {
     n.length = 0;
     const s = t.length;
-    for (let a = 0; a < s; a++)
-      n[a] = t[a].get();
+    for (let r = 0; r < s; r++)
+      n[r] = t[r].get();
     return e(n);
   });
 }
@@ -170,30 +170,30 @@ function R(t) {
   return typeof t == "object" && !Array.isArray(t);
 }
 function it(t, e, n, s) {
-  return t == null ? [] : typeof t == "string" && R(e) ? gt(t, n, s) : t instanceof NodeList ? Array.from(t) : Array.isArray(t) ? t.filter((a) => a != null) : [t];
+  return t == null ? [] : typeof t == "string" && R(e) ? gt(t, n, s) : t instanceof NodeList ? Array.from(t) : Array.isArray(t) ? t.filter((r) => r != null) : [t];
 }
 function kt(t, e, n) {
   return t * (e + 1);
 }
-function q(t, e, n, s) {
+function U(t, e, n, s) {
   return typeof e == "number" ? e : e.startsWith("-") || e.startsWith("+") ? Math.max(0, t + parseFloat(e)) : e === "<" ? n : e.startsWith("<") ? Math.max(0, n + parseFloat(e.slice(1))) : s.get(e) ?? t;
 }
-function Ht(t, e, n) {
+function qt(t, e, n) {
   for (let s = 0; s < t.length; s++) {
-    const a = t[s];
-    a.at > e && a.at < n && ($(t, a), s--);
+    const r = t[s];
+    r.at > e && r.at < n && ($(t, r), s--);
   }
 }
-function Ut(t, e, n, s, a, u) {
-  Ht(t, a, u);
-  for (let r = 0; r < e.length; r++)
+function Ht(t, e, n, s, r, u) {
+  qt(t, r, u);
+  for (let a = 0; a < e.length; a++)
     t.push({
-      value: e[r],
-      at: At(a, u, s[r]),
-      easing: st(n, r)
+      value: e[a],
+      at: At(r, u, s[a]),
+      easing: st(n, a)
     });
 }
-function qt(t, e) {
+function Ut(t, e) {
   for (let n = 0; n < t.length; n++)
     t[n] = t[n] / (e + 1);
 }
@@ -201,29 +201,29 @@ function Jt(t, e) {
   return t.at === e.at ? t.value === null ? 1 : e.value === null ? -1 : 0 : t.at - e.at;
 }
 const Qt = "easeInOut", Yt = 20;
-function Zt(t, { defaultTransition: e = {}, ...n } = {}, s, a) {
-  const u = e.duration || 0.3, r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), o = {}, f = /* @__PURE__ */ new Map();
-  let m = 0, c = 0, G = 0;
+function Zt(t, { defaultTransition: e = {}, ...n } = {}, s, r) {
+  const u = e.duration || 0.3, a = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), o = {}, m = /* @__PURE__ */ new Map();
+  let f = 0, l = 0, G = 0;
   for (let b = 0; b < t.length; b++) {
     const d = t[b];
     if (typeof d == "string") {
-      f.set(d, c);
+      m.set(d, l);
       continue;
     } else if (!Array.isArray(d)) {
-      f.set(d.name, q(c, d.at, m, f));
+      m.set(d.name, U(l, d.at, f, m));
       continue;
     }
     let [v, y, h = {}] = d;
-    h.at !== void 0 && (c = q(c, h.at, m, f));
+    h.at !== void 0 && (l = U(l, h.at, f, m));
     let p = 0;
     const x = (g, D, E, M = 0, T = 0) => {
-      const l = $t(g), { delay: C = 0, times: A = St(l), type: K = e.type || "keyframes", repeat: I, repeatType: ce, repeatDelay: fe = 0, ...ut } = D;
+      const c = $t(g), { delay: C = 0, times: A = St(c), type: B = e.type || "keyframes", repeat: I, repeatType: ce, repeatDelay: fe = 0, ...ut } = D;
       let { ease: V = e.ease || "easeOut", duration: S } = D;
-      const P = typeof C == "function" ? C(M, T) : C, W = l.length, _ = vt(K) ? K : a == null ? void 0 : a[K || "keyframes"];
+      const P = typeof C == "function" ? C(M, T) : C, W = c.length, _ = vt(B) ? B : r?.[B || "keyframes"];
       if (W <= 2 && _) {
         let w = 100;
-        if (W === 2 && ne(l)) {
-          const N = l[1] - l[0];
+        if (W === 2 && ne(c)) {
+          const N = c[1] - c[0];
           w = Math.abs(N);
         }
         const L = {
@@ -231,27 +231,27 @@ function Zt(t, { defaultTransition: e = {}, ...n } = {}, s, a) {
           ...ut
         };
         S !== void 0 && (L.duration = Mt(S));
-        const j = Et(L, w, _);
-        V = j.ease, S = j.duration;
+        const O = Et(L, w, _);
+        V = O.ease, S = O.duration;
       }
       S ?? (S = u);
-      const z = c + P;
+      const z = l + P;
       A.length === 1 && A[0] === 0 && (A[1] = 1);
-      const X = A.length - l.length;
-      if (X > 0 && Vt(A, X), l.length === 1 && l.unshift(null), I) {
+      const X = A.length - c.length;
+      if (X > 0 && Vt(A, X), c.length === 1 && c.unshift(null), I) {
         et(I < Yt, "Repeat count too high, must be less than 20", "repeat-count-high"), S = kt(S, I);
-        const w = [...l], L = [...A];
+        const w = [...c], L = [...A];
         V = Array.isArray(V) ? [...V] : [V];
-        const j = [...V];
+        const O = [...V];
         for (let N = 0; N < I; N++) {
-          l.push(...w);
+          c.push(...w);
           for (let F = 0; F < w.length; F++)
-            A.push(L[F] + (N + 1)), V.push(F === 0 ? "linear" : st(j, F - 1));
+            A.push(L[F] + (N + 1)), V.push(F === 0 ? "linear" : st(O, F - 1));
         }
-        qt(A, I);
+        Ut(A, I);
       }
       const k = z + S;
-      Ut(E, l, V, A, z, k), p = Math.max(P + S, p), G = Math.max(k, G);
+      Ht(E, c, V, A, z, k), p = Math.max(P + S, p), G = Math.max(k, G);
     };
     if (tt(v)) {
       const g = J(v, i);
@@ -261,11 +261,11 @@ function Zt(t, { defaultTransition: e = {}, ...n } = {}, s, a) {
       for (let E = 0; E < D; E++) {
         y = y, h = h;
         const M = g[E], T = J(M, i);
-        for (const l in y)
-          x(y[l], te(h, l), Q(l, T), E, D);
+        for (const c in y)
+          x(y[c], te(h, c), Q(c, T), E, D);
       }
     }
-    m = c, c += p;
+    f = l, l += p;
   }
   return i.forEach((b, d) => {
     for (const v in b) {
@@ -273,14 +273,14 @@ function Zt(t, { defaultTransition: e = {}, ...n } = {}, s, a) {
       y.sort(Jt);
       const h = [], p = [], x = [];
       for (let M = 0; M < y.length; M++) {
-        const { at: T, value: l, easing: C } = y[M];
-        h.push(l), p.push(bt(0, G, T)), x.push(C || "easeOut");
+        const { at: T, value: c, easing: C } = y[M];
+        h.push(c), p.push(bt(0, G, T)), x.push(C || "easeOut");
       }
-      p[0] !== 0 && (p.unshift(0), h.unshift(h[0]), x.unshift(Qt)), p[p.length - 1] !== 1 && (p.push(1), h.push(null)), r.has(d) || r.set(d, {
+      p[0] !== 0 && (p.unshift(0), h.unshift(h[0]), x.unshift(Qt)), p[p.length - 1] !== 1 && (p.push(1), h.push(null)), a.has(d) || a.set(d, {
         keyframes: {},
         transition: {}
       });
-      const g = r.get(d);
+      const g = a.get(d);
       g.keyframes[v] = h;
       const { type: D, ...E } = e;
       g.transition[v] = {
@@ -291,7 +291,7 @@ function Zt(t, { defaultTransition: e = {}, ...n } = {}, s, a) {
         ...n
       };
     }
-  }), r;
+  }), a;
 }
 function J(t, e) {
   return !e.has(t) && e.set(t, {}), e.get(t);
@@ -324,9 +324,9 @@ function se(t) {
       latestValues: {}
     }
   }, n = xt(t) && !Dt(t) ? new Tt(e) : new Ct(e);
-  n.mount(t), B.set(t, n);
+  n.mount(t), j.set(t, n);
 }
-function ae(t) {
+function re(t) {
   const e = {
     presenceContext: null,
     props: {},
@@ -337,39 +337,39 @@ function ae(t) {
       latestValues: {}
     }
   }, n = new _t(e);
-  n.mount(t), B.set(t, n);
+  n.mount(t), j.set(t, n);
 }
-function re(t, e) {
+function ae(t, e) {
   return tt(t) || typeof t == "number" || typeof t == "string" && !R(e);
 }
 function ot(t, e, n, s) {
-  const a = [];
-  if (re(t, e))
-    a.push(It(t, R(e) && e.default || e, n && (n.default || n)));
+  const r = [];
+  if (ae(t, e))
+    r.push(It(t, R(e) && e.default || e, n && (n.default || n)));
   else {
     if (t == null)
-      return a;
-    const u = it(t, e, s), r = u.length;
-    et(!!r, "No valid elements provided.", "no-valid-elements");
-    for (let i = 0; i < r; i++) {
-      const o = u[i], f = o instanceof Element ? se : ae;
-      B.has(o) || f(o);
-      const m = B.get(o), c = { ...n };
-      "delay" in c && typeof c.delay == "function" && (c.delay = c.delay(i, r)), a.push(...wt(m, { ...e, transition: c }, {}));
+      return r;
+    const u = it(t, e, s), a = u.length;
+    et(!!a, "No valid elements provided.", "no-valid-elements");
+    for (let i = 0; i < a; i++) {
+      const o = u[i], m = o instanceof Element ? se : re;
+      j.has(o) || m(o);
+      const f = j.get(o), l = { ...n };
+      "delay" in l && typeof l.delay == "function" && (l.delay = l.delay(i, a)), r.push(...wt(f, { ...e, transition: l }, {}));
     }
   }
-  return a;
+  return r;
 }
 function ie(t, e, n) {
-  const s = [], a = t.map((r) => {
-    if (Array.isArray(r) && typeof r[0] == "function") {
-      const i = r[0], o = Z(0);
-      return o.on("change", i), r.length === 1 ? [o, [0, 1]] : r.length === 2 ? [o, [0, 1], r[1]] : [o, r[1], r[2]];
+  const s = [], r = t.map((a) => {
+    if (Array.isArray(a) && typeof a[0] == "function") {
+      const i = a[0], o = Z(0);
+      return o.on("change", i), a.length === 1 ? [o, [0, 1]] : a.length === 2 ? [o, [0, 1], a[1]] : [o, a[1], a[2]];
     }
-    return r;
+    return a;
   });
-  return Zt(a, e, n, { spring: Nt }).forEach(({ keyframes: r, transition: i }, o) => {
-    s.push(...ot(o, r, i));
+  return Zt(r, e, n, { spring: Nt }).forEach(({ keyframes: a, transition: i }, o) => {
+    s.push(...ot(o, a, i));
   }), s;
 }
 function oe(t) {
@@ -377,18 +377,19 @@ function oe(t) {
 }
 function ue(t = {}) {
   const { scope: e, reduceMotion: n } = t;
-  function s(a, u, r) {
+  function s(r, u, a) {
     let i = [], o;
-    if (oe(a))
-      i = ie(a, n !== void 0 ? { reduceMotion: n, ...u } : u, e);
-    else {
-      const { onComplete: m, ...c } = r || {};
-      typeof m == "function" && (o = m), i = ot(a, u, n !== void 0 ? { reduceMotion: n, ...c } : c, e);
+    if (oe(r)) {
+      const { onComplete: f, ...l } = u || {};
+      typeof f == "function" && (o = f), i = ie(r, n !== void 0 ? { reduceMotion: n, ...l } : l, e);
+    } else {
+      const { onComplete: f, ...l } = a || {};
+      typeof f == "function" && (o = f), i = ot(r, u, n !== void 0 ? { reduceMotion: n, ...l } : l, e);
     }
-    const f = new Rt(i);
-    return o && f.finished.then(o), e && (e.animations.push(f), f.finished.then(() => {
-      $(e.animations, f);
-    })), f;
+    const m = new Rt(i);
+    return o && m.finished.then(o), e && (e.animations.push(m), m.finished.then(() => {
+      $(e.animations, m);
+    })), m;
   }
   return s;
 }
@@ -397,19 +398,19 @@ const le = ue(), de = ({
   className: e,
   from: n = 0,
   duration: s = 1,
-  rounded: a = !1,
+  rounded: r = !1,
   style: u = "decimal",
-  onPlay: r,
+  onPlay: a,
   onComplete: i
 }) => {
-  const o = at(n), f = Xt(o, (m) => new Intl.NumberFormat("es-MX", {
+  const o = rt(n), m = Xt(o, (f) => new Intl.NumberFormat("es-MX", {
     style: u,
     currency: "MXN"
-  }).format(a ? Math.round(m) : m));
+  }).format(r ? Math.round(f) : f));
   return nt(() => {
-    const m = le(o, t, { duration: s, onPlay: r, onComplete: i });
-    return () => m.stop();
-  }, [f, o, t]), /* @__PURE__ */ Ft.jsx(Gt.span, { className: Lt("text-base", e), children: f });
+    const f = le(o, t, { duration: s, onPlay: a, onComplete: i });
+    return () => f.stop();
+  }, [m, o, t]), /* @__PURE__ */ Ft.jsx(Gt.span, { className: Lt("text-base", e), children: m });
 };
 export {
   de as CountUp

package/dist/ui-components-hooks.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index-DGDeDoym.cjs"),a=require("react"),d=require("./useTranslation-2Dz5dMlm.cjs"),l=require("./use-controlled-state-Ci1ztv5B.cjs"),u=()=>{const n=typeof window<"u"?localStorage.getItem("theme")==="dark":"light",[e,o]=a.useState(n);return a.useEffect(()=>{e?(document.documentElement.classList.add("dark"),localStorage.setItem("theme","dark")):(document.documentElement.classList.remove("dark"),localStorage.setItem("theme","light"))},[e]),{darkMode:e,setDarkMode:o}},i=()=>{const{i18n:{changeLanguage:n,language:e}}=d.useTranslation(),o=t=>{n(t),localStorage.setItem("lang",t)};return a.useEffect(()=>{const t=localStorage.getItem("lang");n(t||e)},[]),{language:e,setLang:o}},c=n=>{const[e,o]=a.useState(!1);return a.useEffect(()=>{if(n){const t=()=>o(!1),s=()=>o(!0);return window.addEventListener("load",t),window.addEventListener("beforeunload",s),()=>{window.removeEventListener("load",t),window.removeEventListener("beforeunload",s)}}},[]),e};exports.useBreakpoint=r.useBreakpoint;exports.useControlledState=l.useControlledState;exports.useDarkMode=u;exports.useLang=i;exports.useWindowLoading=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./use-controlled-state-C0HvoCoS.cjs"),a=require("react"),d=require("./useTranslation-nEZUFBIW.cjs"),l=()=>{const o=typeof window<"u"?localStorage.getItem("theme")==="dark":"light",[e,n]=a.useState(o);return a.useEffect(()=>{e?(document.documentElement.classList.add("dark"),localStorage.setItem("theme","dark")):(document.documentElement.classList.remove("dark"),localStorage.setItem("theme","light"))},[e]),{darkMode:e,setDarkMode:n}},u=()=>{const{i18n:{changeLanguage:o,language:e}}=d.useTranslation(),n=t=>{o(t),localStorage.setItem("lang",t)};return a.useEffect(()=>{const t=localStorage.getItem("lang");o(t||e)},[]),{language:e,setLang:n}},i=o=>{const[e,n]=a.useState(!1);return a.useEffect(()=>{if(o){const t=()=>n(!1),s=()=>n(!0);return window.addEventListener("load",t),window.addEventListener("beforeunload",s),()=>{window.removeEventListener("load",t),window.removeEventListener("beforeunload",s)}}},[]),e};exports.useBreakpoint=r.useBreakpoint;exports.useControlledState=r.useControlledState;exports.useDarkMode=l;exports.useLang=u;exports.useWindowLoading=i;

package/dist/ui-components-hooks.js

@@ -1,27 +1,26 @@
-import { u as L } from "./index-q_fyr_Rn.js";
-import { useState as s, useEffect as a } from "react";
-import { u as d } from "./useTranslation-B0fSob9I.js";
-import { u as k } from "./use-controlled-state-CNjWcDSI.js";
+import { u as L, a as w } from "./use-controlled-state-sYRbMlAp.js";
+import { useState as s, useEffect as n } from "react";
+import { u as d } from "./useTranslation-CLkKuRlk.js";
 const c = () => {
-  const o = typeof window < "u" ? localStorage.getItem("theme") === "dark" : "light", [e, n] = s(o);
-  return a(() => {
+  const o = typeof window < "u" ? localStorage.getItem("theme") === "dark" : "light", [e, a] = s(o);
+  return n(() => {
     e ? (document.documentElement.classList.add("dark"), localStorage.setItem("theme", "dark")) : (document.documentElement.classList.remove("dark"), localStorage.setItem("theme", "light"));
-  }, [e]), { darkMode: e, setDarkMode: n };
+  }, [e]), { darkMode: e, setDarkMode: a };
 }, u = () => {
   const {
     i18n: { changeLanguage: o, language: e }
-  } = d(), n = (t) => {
+  } = d(), a = (t) => {
     o(t), localStorage.setItem("lang", t);
   };
-  return a(() => {
+  return n(() => {
     const t = localStorage.getItem("lang");
     o(t || e);
-  }, []), { language: e, setLang: n };
-}, m = (o) => {
-  const [e, n] = s(!1);
-  return a(() => {
+  }, []), { language: e, setLang: a };
+}, g = (o) => {
+  const [e, a] = s(!1);
+  return n(() => {
     if (o) {
-      const t = () => n(!1), r = () => n(!0);
+      const t = () => a(!1), r = () => a(!0);
       return window.addEventListener("load", t), window.addEventListener("beforeunload", r), () => {
         window.removeEventListener("load", t), window.removeEventListener("beforeunload", r);
       };
@@ -30,8 +29,8 @@ const c = () => {
 };
 export {
   L as useBreakpoint,
-  k as useControlledState,
+  w as useControlledState,
   c as useDarkMode,
   u as useLang,
-  m as useWindowLoading
+  g as useWindowLoading
 };