@mp-front/components 0.0.1-next-9 → 0.0.1-next-11

package/dist/ui-components-index.js

@@ -1,7 +1,7 @@
-import { j as n, m as _ } from "./proxy-uRb7Bek8.js";
+import { j as n, m as k } from "./proxy-uRb7Bek8.js";
 import { c as p, a as Gr } from "./classNames-BiTpavcN.js";
-import { P as T, u as I, c as P, a as $, b as L, d as q, R as ct, e as fe, A as Ie, f as te, h as Hr, g as zr, i as Ur, F as Kr, D as dt, C as ut, j as ft, k as $r, l as Ne, m as gt, I as xt, n as ge, o as Ae, p as Me, q as qr, r as ht, s as Yr, t as Wr, v as Xr, w as Zr, x as Qr, T as Jr, y as en, z as Q, B as tn, E as Fe, S as rn, G as nn, H as on, J as sn, K as an, N as ln, L as cn, Q as dn, M as un, O as fn, V as gn, U as xn, W as hn, X as mn, Y as pn, Z as vn, _ as bn, $ as yn, a0 as Cn, a1 as wn } from "./toggle-group.component-Cs7zS-s6.js";
-import { a2 as nl, a3 as ol, a4 as sl, a5 as al, a6 as il, a7 as ll, a8 as cl, a9 as dl } from "./toggle-group.component-Cs7zS-s6.js";
+import { P as T, u as I, c as P, a as $, b as L, d as q, R as ct, e as fe, A as Ie, f as te, h as Hr, g as zr, i as Ur, F as Kr, D as dt, C as ut, j as ft, k as $r, l as Ne, m as gt, I as xt, n as ge, o as Ae, p as Me, q as qr, r as ht, s as Yr, t as Wr, v as Xr, w as Zr, x as Qr, T as Jr, y as en, z as Q, B as tn, E as Fe, S as rn, G as nn, H as on, J as sn, K as an, N as ln, L as cn, Q as dn, M as un, O as fn, V as gn, U as xn, W as hn, X as mn, Y as pn, Z as vn, _ as bn, $ as yn, a0 as Cn, a1 as wn } from "./carousel.component-CdgrJtst.js";
+import { a2 as nl, a3 as ol, a4 as sl, a5 as al, a6 as il, a7 as ll, a8 as cl, a9 as dl, aa as ul } from "./carousel.component-CdgrJtst.js";
 import * as d from "react";
 import { useEffect as D, cloneElement as jn, useState as F, useMemo as xe, useCallback as Sn, useId as Rn, useRef as De } from "react";
 import { S as Oe, a as tt, b as En } from "./indeterminate-CSEeEKiJ.js";
@@ -82,7 +82,7 @@ var [Le] = L("Form"), Ve = "Form", [Ln, re] = Le(Ve), [Vn, jt] = Le(Ve), St = d.
         ...R,
         [S]: { ...R[S] ?? {}, ...E }
       }));
-    }, []), [k, A] = d.useState({}), M = d.useCallback((S, E) => {
+    }, []), [_, A] = d.useState({}), M = d.useCallback((S, E) => {
       A((R) => {
         const N = new Set(R[S]).add(E);
         return { ...R, [S]: N };
@@ -93,8 +93,8 @@ var [Le] = L("Form"), Ve = "Form", [Ln, re] = Le(Ve), [Vn, jt] = Le(Ve), St = d.
         return N.delete(E), { ...R, [S]: N };
       });
     }, []), z = d.useCallback(
-      (S) => Array.from(k[S] ?? []).join(" ") || void 0,
-      [k]
+      (S) => Array.from(_[S] ?? []).join(" ") || void 0,
+      [_]
     );
     return /* @__PURE__ */ n.jsx(
       Ln,
@@ -177,11 +177,11 @@ var de = "FormControl", Pt = d.forwardRef(
           x(u, R);
           return;
         }
-        const w = y.form ? new FormData(y.form) : new FormData(), j = [y.value, w], k = [], A = [];
+        const w = y.form ? new FormData(y.form) : new FormData(), j = [y.value, w], _ = [], A = [];
         f.forEach((R) => {
-          Wn(R, j) ? A.push(R) : Xn(R) && k.push(R);
+          Wn(R, j) ? A.push(R) : Xn(R) && _.push(R);
         });
-        const M = k.map(({ id: R, match: N }) => [R, N(...j)]), H = Object.fromEntries(M), z = Object.values(H).some(Boolean), S = z;
+        const M = _.map(({ id: R, match: N }) => [R, N(...j)]), H = Object.fromEntries(M), z = Object.values(H).some(Boolean), S = z;
         y.setCustomValidity(S ? J : "");
         const E = we(y.validity);
         if (x(u, E), h(u, H), !z && A.length > 0) {
@@ -852,7 +852,7 @@ var Mo = Xt, Fo = Qt, Do = Jt, er = ["PageUp", "PageDown"], tr = ["ArrowUp", "Ar
       inverted: h = !1,
       form: m,
       ...b
-    } = e, v = d.useRef(/* @__PURE__ */ new Set()), C = d.useRef(0), w = a === "horizontal" ? Bo : Go, [j = [], k] = q({
+    } = e, v = d.useRef(/* @__PURE__ */ new Set()), C = d.useRef(0), w = a === "horizontal" ? Bo : Go, [j = [], _] = q({
       prop: g,
       defaultProp: u,
       onChange: (E) => {
@@ -873,7 +873,7 @@ var Mo = Xt, Fo = Qt, Do = Jt, er = ["PageUp", "PageDown"], tr = ["ArrowUp", "Ar
     }
     function S(E, R, { commit: N } = { commit: !1 }) {
       const W = Xo(i), ae = Zo(Math.round((E - o) / i) * i + o, W), B = ht(ae, [o, s]);
-      k((V = []) => {
+      _((V = []) => {
         const O = Uo(V, B, R);
         if (Wo(O, c * i)) {
           C.current = O.indexOf(B);
@@ -946,7 +946,7 @@ var [sr, ar] = nr(Y, {
       ...g
     } = e, [f, x] = d.useState(null), h = I(t, (w) => x(w)), m = d.useRef(void 0), b = Ne(s), v = b === "ltr", C = v && !i || !v && i;
     function y(w) {
-      const j = m.current || f.getBoundingClientRect(), k = [0, j.width], M = Ye(k, C ? [r, o] : [o, r]);
+      const j = m.current || f.getBoundingClientRect(), _ = [0, j.width], M = Ye(_, C ? [r, o] : [o, r]);
       return m.current = j, M(w - j.left);
     }
     return /* @__PURE__ */ n.jsx(
@@ -980,8 +980,8 @@ var [sr, ar] = nr(Y, {
               m.current = void 0, c == null || c();
             },
             onStepKeyDown: (w) => {
-              const k = rr[C ? "from-left" : "from-right"].includes(w.key);
-              u == null || u({ event: w, direction: k ? -1 : 1 });
+              const _ = rr[C ? "from-left" : "from-right"].includes(w.key);
+              u == null || u({ event: w, direction: _ ? -1 : 1 });
             }
           }
         )
@@ -1554,7 +1554,7 @@ var ee = "Tooltip", [hs, se] = ye(ee), Ir = (e) => {
     caller: ee
   }), w = d.useMemo(() => C ? v.current ? "delayed-open" : "instant-open" : "closed", [C]), j = d.useCallback(() => {
     window.clearTimeout(h.current), h.current = 0, v.current = !1, y(!0);
-  }, [y]), k = d.useCallback(() => {
+  }, [y]), _ = d.useCallback(() => {
     window.clearTimeout(h.current), h.current = 0, y(!1);
   }, [y]), A = d.useCallback(() => {
     window.clearTimeout(h.current), h.current = window.setTimeout(() => {
@@ -1576,10 +1576,10 @@ var ee = "Tooltip", [hs, se] = ye(ee), Ir = (e) => {
         c.isOpenDelayedRef.current ? A() : j();
       }, [c.isOpenDelayedRef, A, j]),
       onTriggerLeave: d.useCallback(() => {
-        m ? k() : (window.clearTimeout(h.current), h.current = 0);
-      }, [k, m]),
+        m ? _() : (window.clearTimeout(h.current), h.current = 0);
+      }, [_, m]),
       onOpen: j,
-      onClose: k,
+      onClose: _,
       disableHoverableContent: m,
       children: r
     }
@@ -1632,8 +1632,8 @@ var K = "TooltipContent", Mr = d.forwardRef(
     l(null), f(!1);
   }, [f]), h = d.useCallback(
     (m, b) => {
-      const v = m.currentTarget, C = { x: m.clientX, y: m.clientY }, y = ws(C, v.getBoundingClientRect()), w = js(C, y), j = Ss(b.getBoundingClientRect()), k = Es([...w, ...j]);
-      l(k), f(!0);
+      const v = m.currentTarget, C = { x: m.clientX, y: m.clientY }, y = ws(C, v.getBoundingClientRect()), w = js(C, y), j = Ss(b.getBoundingClientRect()), _ = Es([...w, ...j]);
+      l(_), f(!0);
     },
     [f]
   );
@@ -1874,7 +1874,7 @@ const Ii = ({
 }) => {
   const u = !!t && !r && !l || !t && !!r && !l;
   return /* @__PURE__ */ n.jsxs(
-    _.div,
+    k.div,
     {
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
@@ -1961,7 +1961,7 @@ const Ii = ({
     }
   );
   return /* @__PURE__ */ n.jsx(
-    _.div,
+    k.div,
     {
       initial: { opacity: 0, scale: 0.95 },
       animate: { opacity: 1, scale: 1 },
@@ -2039,7 +2039,7 @@ const Ii = ({
   return e && document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
 }, [e, t]), /* @__PURE__ */ n.jsx(tn, { id: "drawer", children: /* @__PURE__ */ n.jsx(Fe, { children: e && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
   /* @__PURE__ */ n.jsx(
-    _.div,
+    k.div,
     {
       className: p(X.backdrop, i.backdrop),
       initial: le.backdrop.initial,
@@ -2049,7 +2049,7 @@ const Ii = ({
     }
   ),
   /* @__PURE__ */ n.jsxs(
-    _.div,
+    k.div,
     {
       className: p(
         X.drawer,
@@ -2077,7 +2077,7 @@ const Ii = ({
   className: t = "",
   icon: r = /* @__PURE__ */ n.jsx(Pn, {})
 }) => /* @__PURE__ */ n.jsx(rn, { children: /* @__PURE__ */ n.jsx(
-  _.section,
+  k.section,
   {
     "data-cy": "empty-component",
     initial: { opacity: 0, y: 8 },
@@ -2086,7 +2086,7 @@ const Ii = ({
     className: p(ce.container, t),
     children: /* @__PURE__ */ n.jsxs("div", { className: ce.wrapper, children: [
       /* @__PURE__ */ n.jsx(
-        _.div,
+        k.div,
         {
           initial: { scale: 0.9 },
           animate: { scale: 1 },
@@ -2101,7 +2101,7 @@ const Ii = ({
         }
       ),
       /* @__PURE__ */ n.jsx(
-        _.h1,
+        k.h1,
         {
           "data-cy": "empty-text",
           className: ce.text,
@@ -2151,7 +2151,7 @@ const Ii = ({
       }
     ),
     /* @__PURE__ */ n.jsx(
-      _.input,
+      k.input,
       {
         ...u,
         value: g,
@@ -2200,7 +2200,7 @@ const Ii = ({
 }) => {
   const i = e.href ? "a" : "button", a = e.href ? { href: e.href } : { onClick: e.onClick, type: "button" };
   return /* @__PURE__ */ n.jsx(
-    _.li,
+    k.li,
     {
       initial: { opacity: 0, x: -10 },
       animate: { opacity: 1, x: 0 },
@@ -2303,7 +2303,7 @@ const Ii = ({
     o,
     s,
     i
-  ), w = Ys(e.length, i), j = Ws(r, u), k = Xs(a);
+  ), w = Ys(e.length, i), j = Ws(r, u), _ = Xs(a);
   return /* @__PURE__ */ n.jsx(
     "div",
     {
@@ -2312,7 +2312,7 @@ const Ii = ({
       onAnimationIteration: v,
       ...C,
       children: /* @__PURE__ */ n.jsxs(
-        _.div,
+        k.div,
         {
           initial: { opacity: 0, y: -10 },
           animate: { opacity: 1, y: 0 },
@@ -2338,7 +2338,7 @@ const Ii = ({
               {
                 currentPage: s,
                 totalPages: w,
-                onPageChange: k,
+                onPageChange: _,
                 size: r
               }
             )
@@ -2462,7 +2462,7 @@ const Ii = ({
     u
   );
   return /* @__PURE__ */ n.jsxs(
-    _.div,
+    k.div,
     {
       layout: !0,
       initial: m,
@@ -2504,7 +2504,7 @@ const Ii = ({
   label: o,
   children: s
 }) => /* @__PURE__ */ n.jsx(
-  _.button,
+  k.button,
   {
     whileHover: { scale: 1.05 },
     whileTap: { scale: 0.95 },
@@ -2527,7 +2527,7 @@ const Ii = ({
   onPageChange: r,
   size: o
 }) => /* @__PURE__ */ n.jsx(
-  _.button,
+  k.button,
   {
     whileHover: { scale: t ? 1 : 1.05 },
     whileTap: { scale: 0.95 },
@@ -2585,7 +2585,7 @@ const Ii = ({
 }) => {
   const i = sa(e, r), a = aa(e, t, r), l = oa(e, t);
   return /* @__PURE__ */ n.jsxs(
-    _.div,
+    k.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
@@ -2674,7 +2674,8 @@ const Ii = ({
   size: s = "md",
   showLabel: i = !1,
   labelClassName: a,
-  ...l
+  onAnimationComplete: l,
+  ...c
 }) => /* @__PURE__ */ n.jsxs("div", { className: "w-full", children: [
   /* @__PURE__ */ n.jsx(
     jo,
@@ -2685,18 +2686,25 @@ const Ii = ({
         t == null ? void 0 : t.root
       ),
       value: e,
-      ...l,
-      children: /* @__PURE__ */ n.jsx(
-        So,
+      ...c,
+      children: /* @__PURE__ */ n.jsx(So, { asChild: !0, children: /* @__PURE__ */ n.jsx(
+        k.div,
         {
           className: p(
-            "h-full transition-transform duration-300 ease-in-out",
+            "size-full",
             o || ca[r],
             t == null ? void 0 : t.indicator
           ),
-          style: { transform: `translateX(-${100 - (e || 0)}%)` }
+          transition: {
+            duration: 3,
+            delay: 0.5,
+            ease: "easeInOut"
+          },
+          initial: { x: "-100%" },
+          animate: { x: `-${100 - (e || 0)}%` },
+          onAnimationComplete: l
         }
-      )
+      ) })
     }
   ),
   i && /* @__PURE__ */ n.jsxs(
@@ -2907,7 +2915,7 @@ const Ii = ({
 }) => {
   const o = Pa[r] || "rounded-lg";
   return /* @__PURE__ */ n.jsx(
-    _.div,
+    k.div,
     {
       className: p(
         "absolute bg-white shadow-md",
@@ -2986,7 +2994,7 @@ const Ii = ({
     l
   );
   return /* @__PURE__ */ n.jsxs(
-    _.div,
+    k.div,
     {
       ref: g,
       id: `${u}-segmented`,
@@ -3195,7 +3203,7 @@ const Ii = ({
     searchValue: y,
     open: w,
     setOpen: j,
-    filteredItems: k,
+    filteredItems: _,
     handleSearchChange: A,
     inputRef: M
   } = Oa({
@@ -3227,7 +3235,7 @@ const Ii = ({
           {
             width: v,
             allItems: i,
-            filteredItems: k,
+            filteredItems: _,
             currentValue: m,
             emptyMessage: l,
             showSearch: u,
@@ -3656,7 +3664,7 @@ const Ii = ({
       children: [
         u && /* @__PURE__ */ n.jsx("div", { className: it(o, !1), children: u }),
         /* @__PURE__ */ n.jsx(is, { asChild: !0, children: /* @__PURE__ */ n.jsx(
-          _.div,
+          k.div,
           {
             className: p(Z.thumb, f.thumb),
             layout: !0,
@@ -3765,7 +3773,7 @@ const Ii = ({
   if (e === "segmented") {
     const i = (s = t.find((a) => a.key === r)) == null ? void 0 : s.content;
     return /* @__PURE__ */ n.jsx(ot, { value: r, forceMount: !0, asChild: !0, children: /* @__PURE__ */ n.jsx(Fe, { mode: "wait", initial: !1, children: /* @__PURE__ */ n.jsx(
-      _.div,
+      k.div,
       {
         className: p("min-w-full", o),
         variants: di,
@@ -3828,7 +3836,7 @@ const Ii = ({
     ),
     children: [
       e === "segmented" && i === r && /* @__PURE__ */ n.jsx(
-        _.div,
+        k.div,
         {
           layoutId: "segmented-indicator",
           className: "absolute inset-0 bg-white rounded-lg z-0",
@@ -3954,7 +3962,7 @@ const Ii = ({
 }) => {
   const [u, g] = F(a);
   return /* @__PURE__ */ n.jsx(Qn, { children: /* @__PURE__ */ n.jsxs(
-    _.div,
+    k.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
@@ -3991,7 +3999,7 @@ const Ii = ({
   return /* @__PURE__ */ n.jsx(Ts, { children: /* @__PURE__ */ n.jsxs(ks, { children: [
     /* @__PURE__ */ n.jsx(_s, { asChild: !0, children: r }),
     /* @__PURE__ */ n.jsx(Is, { children: /* @__PURE__ */ n.jsx(Ns, { className: e, asChild: !0, ...o, children: /* @__PURE__ */ n.jsxs(
-      _.div,
+      k.div,
       {
         className: p({
           "bg-gray-800 text-white rounded shadow-lg select-none px-4 py-2 outline-none border-0": s && !e
@@ -4026,16 +4034,17 @@ export {
   nl as Avatar,
   ol as Button,
   Ai as Card,
-  sl as Checkbox,
-  al as Col,
+  sl as Carousel,
+  al as Checkbox,
+  il as Col,
   Mi as Divider,
   Fi as Drawer,
-  il as Dropdown,
+  ll as Dropdown,
   Di as Empty,
   Q as Flex,
   Oi as Input,
   Li as List,
-  ll as Modal,
+  cl as Modal,
   Vi as Notification,
   ia as Pagination,
   Bi as Popover,
@@ -4043,7 +4052,7 @@ export {
   Gi as Progress,
   Hi as QRBarcode,
   zi as RadioGroup,
-  cl as Row,
+  dl as Row,
   Ui as Segmented,
   Ki as Select,
   $i as Skeleton,
@@ -4056,7 +4065,7 @@ export {
   Xi as Tag,
   Qi as TextArea,
   el as Toggle,
-  dl as ToggleGroup,
+  ul as ToggleGroup,
   Ji as Tooltip,
   an as Typography
 };