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

package/dist/ui-components-index.js

@@ -1,10 +1,10 @@
-import { j as n, m as k } from "./proxy-uRb7Bek8.js";
+import { j as n, m as _ } 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 "./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 { a2 as ol, a3 as sl, a4 as al, a5 as il, a6 as ll, a7 as cl, a8 as dl, a9 as ul, aa as fl } 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";
+import { useEffect as D, cloneElement as jn, useState as F, useMemo as xe, useCallback as Sn, useId as En, useRef as De } from "react";
+import { S as Oe, a as tt, b as Rn } from "./indeterminate-CSEeEKiJ.js";
 import { S as mt, a as pt, b as vt, c as bt, d as Pn, e as Tn, f as kn, g as _n, h as In, i as Nn, j as yt, k as An, l as Ct } from "./skeleton-avatar-Cp8o0kUa.js";
 import { u as Mn } from "./use-controlled-state-CNjWcDSI.js";
 import { u as Fn } from "./index-q_fyr_Rn.js";
@@ -13,7 +13,7 @@ const Dn = {
   md: "size-12",
   lg: "size-16",
   xl: "size-20"
-}, ki = ({
+}, _i = ({
   size: e = "sm",
   text: t,
   className: r,
@@ -51,63 +51,63 @@ var [Le] = L("Form"), Ve = "Form", [Ln, re] = Le(Ve), [Vn, jt] = Le(Ve), St = d.
     }, ...s } = e, i = d.useRef(null), a = I(t, i), [l, c] = d.useState({}), u = d.useCallback(
       (S) => l[S],
       [l]
-    ), g = d.useCallback(
-      (S, E) => c((R) => ({
-        ...R,
-        [S]: { ...R[S] ?? {}, ...E }
+    ), f = d.useCallback(
+      (S, R) => c((E) => ({
+        ...E,
+        [S]: { ...E[S] ?? {}, ...R }
       })),
       []
-    ), f = d.useCallback((S) => {
-      c((E) => ({ ...E, [S]: void 0 })), y((E) => ({ ...E, [S]: {} }));
+    ), g = d.useCallback((S) => {
+      c((R) => ({ ...R, [S]: void 0 })), y((R) => ({ ...R, [S]: {} }));
     }, []), [x, h] = d.useState({}), m = d.useCallback(
       (S) => x[S] ?? [],
       [x]
-    ), b = d.useCallback((S, E) => {
-      h((R) => ({
-        ...R,
-        [S]: [...R[S] ?? [], E]
+    ), b = d.useCallback((S, R) => {
+      h((E) => ({
+        ...E,
+        [S]: [...E[S] ?? [], R]
       }));
-    }, []), v = d.useCallback((S, E) => {
-      h((R) => ({
-        ...R,
-        [S]: (R[S] ?? []).filter(
-          (N) => N.id !== E
+    }, []), v = d.useCallback((S, R) => {
+      h((E) => ({
+        ...E,
+        [S]: (E[S] ?? []).filter(
+          (N) => N.id !== R
         )
       }));
     }, []), [C, y] = d.useState({}), w = d.useCallback(
       (S) => C[S] ?? {},
       [C]
-    ), j = d.useCallback((S, E) => {
-      y((R) => ({
-        ...R,
-        [S]: { ...R[S] ?? {}, ...E }
+    ), j = d.useCallback((S, R) => {
+      y((E) => ({
+        ...E,
+        [S]: { ...E[S] ?? {}, ...R }
       }));
-    }, []), [_, A] = d.useState({}), M = d.useCallback((S, E) => {
-      A((R) => {
-        const N = new Set(R[S]).add(E);
-        return { ...R, [S]: N };
+    }, []), [k, A] = d.useState({}), M = d.useCallback((S, R) => {
+      A((E) => {
+        const N = new Set(E[S]).add(R);
+        return { ...E, [S]: N };
       });
-    }, []), H = d.useCallback((S, E) => {
-      A((R) => {
-        const N = new Set(R[S]);
-        return N.delete(E), { ...R, [S]: N };
+    }, []), H = d.useCallback((S, R) => {
+      A((E) => {
+        const N = new Set(E[S]);
+        return N.delete(R), { ...E, [S]: N };
       });
     }, []), z = d.useCallback(
-      (S) => Array.from(_[S] ?? []).join(" ") || void 0,
-      [_]
+      (S) => Array.from(k[S] ?? []).join(" ") || void 0,
+      [k]
     );
     return /* @__PURE__ */ n.jsx(
       Ln,
       {
         scope: r,
         getFieldValidity: u,
-        onFieldValidityChange: g,
+        onFieldValidityChange: f,
         getFieldCustomMatcherEntries: m,
         onFieldCustomMatcherEntryAdd: b,
         onFieldCustomMatcherEntryRemove: v,
         getFieldCustomErrors: w,
         onFieldCustomErrorsChange: j,
-        onFieldValiditionClear: f,
+        onFieldValiditionClear: g,
         children: /* @__PURE__ */ n.jsx(
           Vn,
           {
@@ -121,8 +121,8 @@ var [Le] = L("Form"), Ve = "Form", [Ln, re] = Le(Ve), [Vn, jt] = Le(Ve), St = d.
                 ...s,
                 ref: a,
                 onInvalid: P(e.onInvalid, (S) => {
-                  const E = kt(S.currentTarget);
-                  E === S.target && E.focus(), S.preventDefault();
+                  const R = kt(S.currentTarget);
+                  R === S.target && R.focus(), S.preventDefault();
                 }),
                 onSubmit: P(e.onSubmit, o, {
                   checkForDefaultPrevented: !1
@@ -137,7 +137,7 @@ var [Le] = L("Form"), Ve = "Form", [Ln, re] = Le(Ve), [Vn, jt] = Le(Ve), St = d.
   }
 );
 St.displayName = Ve;
-var Be = "FormField", [Bn, Ge] = Le(Be), Rt = d.forwardRef(
+var Be = "FormField", [Bn, Ge] = Le(Be), Et = d.forwardRef(
   (e, t) => {
     const { __scopeForm: r, name: o, serverInvalid: s = !1, ...i } = e, l = re(Be, r).getFieldValidity(o), c = $();
     return /* @__PURE__ */ n.jsx(Bn, { scope: r, id: c, name: o, serverInvalid: s, children: /* @__PURE__ */ n.jsx(
@@ -151,10 +151,10 @@ var Be = "FormField", [Bn, Ge] = Le(Be), Rt = d.forwardRef(
     ) });
   }
 );
-Rt.displayName = Be;
-var Re = "FormLabel", Et = d.forwardRef(
+Et.displayName = Be;
+var Ee = "FormLabel", Rt = d.forwardRef(
   (e, t) => {
-    const { __scopeForm: r, ...o } = e, s = re(Re, r), i = Ge(Re, r), a = o.htmlFor || i.id, l = s.getFieldValidity(i.name);
+    const { __scopeForm: r, ...o } = e, s = re(Ee, r), i = Ge(Ee, r), a = o.htmlFor || i.id, l = s.getFieldValidity(i.name);
     return /* @__PURE__ */ n.jsx(
       wt,
       {
@@ -167,33 +167,33 @@ var Re = "FormLabel", Et = d.forwardRef(
     );
   }
 );
-Et.displayName = Re;
+Rt.displayName = Ee;
 var de = "FormControl", Pt = d.forwardRef(
   (e, t) => {
-    const { __scopeForm: r, ...o } = e, s = re(de, r), i = Ge(de, r), a = jt(de, r), l = d.useRef(null), c = I(t, l), u = o.name || i.name, g = o.id || i.id, f = s.getFieldCustomMatcherEntries(u), { onFieldValidityChange: x, onFieldCustomErrorsChange: h, onFieldValiditionClear: m } = s, b = d.useCallback(
+    const { __scopeForm: r, ...o } = e, s = re(de, r), i = Ge(de, r), a = jt(de, r), l = d.useRef(null), c = I(t, l), u = o.name || i.name, f = o.id || i.id, g = s.getFieldCustomMatcherEntries(u), { onFieldValidityChange: x, onFieldCustomErrorsChange: h, onFieldValiditionClear: m } = s, b = d.useCallback(
       async (y) => {
         if (_t(y.validity)) {
-          const R = we(y.validity);
-          x(u, R);
+          const E = we(y.validity);
+          x(u, E);
           return;
         }
-        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) && _.push(R);
+        const w = y.form ? new FormData(y.form) : new FormData(), j = [y.value, w], k = [], A = [];
+        g.forEach((E) => {
+          Wn(E, j) ? A.push(E) : Xn(E) && k.push(E);
         });
-        const M = _.map(({ id: R, match: N }) => [R, N(...j)]), H = Object.fromEntries(M), z = Object.values(H).some(Boolean), S = z;
+        const M = k.map(({ id: E, match: N }) => [E, 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) {
-          const R = A.map(
+        const R = we(y.validity);
+        if (x(u, R), h(u, H), !z && A.length > 0) {
+          const E = A.map(
             ({ id: O, match: ie }) => ie(...j).then((Br) => [O, Br])
-          ), N = await Promise.all(R), W = Object.fromEntries(N), B = Object.values(W).some(Boolean);
+          ), N = await Promise.all(E), W = Object.fromEntries(N), B = Object.values(W).some(Boolean);
           y.setCustomValidity(B ? J : "");
           const V = we(y.validity);
           x(u, V), h(u, W);
         }
       },
-      [f, u, h, x]
+      [g, u, h, x]
     );
     d.useEffect(() => {
       const y = l.current;
@@ -229,7 +229,7 @@ var de = "FormControl", Pt = d.forwardRef(
         title: "",
         ...o,
         ref: c,
-        id: g,
+        id: f,
         name: u,
         onInvalid: P(e.onInvalid, (y) => {
           const w = y.currentTarget;
@@ -268,15 +268,15 @@ var Hn = d.forwardRef(
   }
 ), zn = d.forwardRef(
   (e, t) => {
-    const { match: r, forceMatch: o = !1, name: s, id: i, children: a, ...l } = e, c = re(ne, l.__scopeForm), u = d.useRef(null), g = I(t, u), f = $(), x = i ?? f, h = d.useMemo(() => ({ id: x, match: r }), [x, r]), { onFieldCustomMatcherEntryAdd: m, onFieldCustomMatcherEntryRemove: b } = c;
+    const { match: r, forceMatch: o = !1, name: s, id: i, children: a, ...l } = e, c = re(ne, l.__scopeForm), u = d.useRef(null), f = I(t, u), g = $(), x = i ?? g, h = d.useMemo(() => ({ id: x, match: r }), [x, r]), { onFieldCustomMatcherEntryAdd: m, onFieldCustomMatcherEntryRemove: b } = c;
     d.useEffect(() => (m(s, h), () => b(s, h.id)), [h, s, m, b]);
     const v = c.getFieldValidity(s), y = c.getFieldCustomErrors(s)[x];
-    return o || v && !_t(v) && y ? /* @__PURE__ */ n.jsx(He, { id: x, ref: g, ...l, name: s, children: a ?? J }) : null;
+    return o || v && !_t(v) && y ? /* @__PURE__ */ n.jsx(He, { id: x, ref: f, ...l, name: s, children: a ?? J }) : null;
   }
 ), He = d.forwardRef(
   (e, t) => {
-    const { __scopeForm: r, id: o, name: s, ...i } = e, a = jt(ne, r), l = $(), c = o ?? l, { onFieldMessageIdAdd: u, onFieldMessageIdRemove: g } = a;
-    return d.useEffect(() => (u(s, c), () => g(s, c)), [s, c, u, g]), /* @__PURE__ */ n.jsx(T.span, { id: c, ...i, ref: t });
+    const { __scopeForm: r, id: o, name: s, ...i } = e, a = jt(ne, r), l = $(), c = o ?? l, { onFieldMessageIdAdd: u, onFieldMessageIdRemove: f } = a;
+    return d.useEffect(() => (u(s, c), () => f(s, c)), [s, c, u, f]), /* @__PURE__ */ n.jsx(T.span, { id: c, ...i, ref: t });
   }
 ), Un = "FormSubmit", Kn = d.forwardRef(
   (e, t) => {
@@ -330,7 +330,7 @@ function ze(e, t) {
 function Ue(e, t) {
   if ((e == null ? void 0 : e.valid) === !1 || t) return !0;
 }
-var Qn = St, Jn = Rt, eo = Et, to = Pt, ro = Tt, he = "Popover", [It] = L(he, [
+var Qn = St, Jn = Et, eo = Rt, to = Pt, ro = Tt, he = "Popover", [It] = L(he, [
   fe
 ]), oe = fe(), [no, G] = It(he), Nt = (e) => {
   const {
@@ -340,7 +340,7 @@ var Qn = St, Jn = Rt, eo = Et, to = Pt, ro = Tt, he = "Popover", [It] = L(he, [
     defaultOpen: s,
     onOpenChange: i,
     modal: a = !1
-  } = e, l = oe(t), c = d.useRef(null), [u, g] = d.useState(!1), [f, x] = q({
+  } = e, l = oe(t), c = d.useRef(null), [u, f] = d.useState(!1), [g, x] = q({
     prop: o,
     defaultProp: s ?? !1,
     onChange: i,
@@ -352,12 +352,12 @@ var Qn = St, Jn = Rt, eo = Et, to = Pt, ro = Tt, he = "Popover", [It] = L(he, [
       scope: t,
       contentId: $(),
       triggerRef: c,
-      open: f,
+      open: g,
       onOpenChange: x,
       onOpenToggle: d.useCallback(() => x((h) => !h), [x]),
       hasCustomAnchor: u,
-      onCustomAnchorAdd: d.useCallback(() => g(!0), []),
-      onCustomAnchorRemove: d.useCallback(() => g(!1), []),
+      onCustomAnchorAdd: d.useCallback(() => f(!0), []),
+      onCustomAnchorRemove: d.useCallback(() => f(!1), []),
       modal: a,
       children: r
     }
@@ -390,7 +390,7 @@ var Mt = "PopoverTrigger", so = d.forwardRef(
   }
 );
 so.displayName = Mt;
-var ao = "PopoverPortal", [_i, io] = It(ao, {
+var ao = "PopoverPortal", [Ii, io] = It(ao, {
   forceMount: void 0
 }), U = "PopoverContent", lo = d.forwardRef(
   (e, t) => {
@@ -466,8 +466,8 @@ var co = $r("PopoverContent.RemoveScroll"), uo = d.forwardRef(
       onEscapeKeyDown: l,
       onPointerDownOutside: c,
       onFocusOutside: u,
-      onInteractOutside: g,
-      ...f
+      onInteractOutside: f,
+      ...g
     } = e, x = G(U, r), h = oe(r);
     return Ur(), /* @__PURE__ */ n.jsx(
       Kr,
@@ -482,7 +482,7 @@ var co = $r("PopoverContent.RemoveScroll"), uo = d.forwardRef(
           {
             asChild: !0,
             disableOutsidePointerEvents: a,
-            onInteractOutside: g,
+            onInteractOutside: f,
             onEscapeKeyDown: l,
             onPointerDownOutside: c,
             onFocusOutside: u,
@@ -494,10 +494,10 @@ var co = $r("PopoverContent.RemoveScroll"), uo = d.forwardRef(
                 role: "dialog",
                 id: x.contentId,
                 ...h,
-                ...f,
+                ...g,
                 ref: t,
                 style: {
-                  ...f.style,
+                  ...g.style,
                   "--radix-popover-content-transform-origin": "var(--radix-popper-transform-origin)",
                   "--radix-popover-content-available-width": "var(--radix-popper-available-width)",
                   "--radix-popover-content-available-height": "var(--radix-popper-available-height)",
@@ -609,7 +609,7 @@ function wo(e, t) {
 
 Defaulting to \`null\`.`;
 }
-var jo = Lt, So = Bt, qe = "Radio", [Ro, Ht] = L(qe), [Eo, Po] = Ro(qe), zt = d.forwardRef(
+var jo = Lt, So = Bt, qe = "Radio", [Eo, Ht] = L(qe), [Ro, Po] = Eo(qe), zt = d.forwardRef(
   (e, t) => {
     const {
       __scopeRadio: r,
@@ -620,9 +620,9 @@ var jo = Lt, So = Bt, qe = "Radio", [Ro, Ht] = L(qe), [Eo, Po] = Ro(qe), zt = d.
       value: l = "on",
       onCheck: c,
       form: u,
-      ...g
-    } = e, [f, x] = d.useState(null), h = I(t, (v) => x(v)), m = d.useRef(!1), b = f ? u || !!f.closest("form") : !0;
-    return /* @__PURE__ */ n.jsxs(Eo, { scope: r, checked: s, disabled: a, children: [
+      ...f
+    } = e, [g, x] = d.useState(null), h = I(t, (v) => x(v)), m = d.useRef(!1), b = g ? u || !!g.closest("form") : !0;
+    return /* @__PURE__ */ n.jsxs(Ro, { scope: r, checked: s, disabled: a, children: [
       /* @__PURE__ */ n.jsx(
         T.button,
         {
@@ -633,7 +633,7 @@ var jo = Lt, So = Bt, qe = "Radio", [Ro, Ht] = L(qe), [Eo, Po] = Ro(qe), zt = d.
           "data-disabled": a ? "" : void 0,
           disabled: a,
           value: l,
-          ...g,
+          ...f,
           ref: h,
           onClick: P(e.onClick, (v) => {
             s || c == null || c(), b && (m.current = v.isPropagationStopped(), m.current || v.stopPropagation());
@@ -643,7 +643,7 @@ var jo = Lt, So = Bt, qe = "Radio", [Ro, Ht] = L(qe), [Eo, Po] = Ro(qe), zt = d.
       b && /* @__PURE__ */ n.jsx(
         $t,
         {
-          control: f,
+          control: g,
           bubbles: !m.current,
           name: o,
           value: l,
@@ -683,15 +683,15 @@ var To = "RadioBubbleInput", $t = d.forwardRef(
   }, i) => {
     const a = d.useRef(null), l = I(a, i), c = Ae(r), u = Me(t);
     return d.useEffect(() => {
-      const g = a.current;
-      if (!g) return;
-      const f = window.HTMLInputElement.prototype, h = Object.getOwnPropertyDescriptor(
-        f,
+      const f = a.current;
+      if (!f) return;
+      const g = window.HTMLInputElement.prototype, h = Object.getOwnPropertyDescriptor(
+        g,
         "checked"
       ).set;
       if (c !== r && h) {
         const m = new Event("click", { bubbles: o });
-        h.call(g, r), g.dispatchEvent(m);
+        h.call(f, r), f.dispatchEvent(m);
       }
     }, [c, r, o]), /* @__PURE__ */ n.jsx(
       T.input,
@@ -732,13 +732,13 @@ var ko = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], me = "RadioGroup",
       disabled: l = !1,
       orientation: c,
       dir: u,
-      loop: g = !0,
-      onValueChange: f,
+      loop: f = !0,
+      onValueChange: g,
       ...x
     } = e, h = Yt(r), m = Ne(u), [b, v] = q({
       prop: i,
       defaultProp: s ?? null,
-      onChange: f,
+      onChange: g,
       caller: me
     });
     return /* @__PURE__ */ n.jsx(
@@ -757,7 +757,7 @@ var ko = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], me = "RadioGroup",
             ...h,
             orientation: c,
             dir: m,
-            loop: g,
+            loop: f,
             children: /* @__PURE__ */ n.jsx(
               T.div,
               {
@@ -779,7 +779,7 @@ var ko = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], me = "RadioGroup",
 Xt.displayName = me;
 var Zt = "RadioGroupItem", Qt = d.forwardRef(
   (e, t) => {
-    const { __scopeRadioGroup: r, disabled: o, ...s } = e, i = No(Zt, r), a = i.disabled || o, l = Yt(r), c = Wt(r), u = d.useRef(null), g = I(t, u), f = i.value === s.value, x = d.useRef(!1);
+    const { __scopeRadioGroup: r, disabled: o, ...s } = e, i = No(Zt, r), a = i.disabled || o, l = Yt(r), c = Wt(r), u = d.useRef(null), f = I(t, u), g = i.value === s.value, x = d.useRef(!1);
     return d.useEffect(() => {
       const h = (b) => {
         ko.includes(b.key) && (x.current = !0);
@@ -793,17 +793,17 @@ var Zt = "RadioGroupItem", Qt = d.forwardRef(
         asChild: !0,
         ...l,
         focusable: !a,
-        active: f,
+        active: g,
         children: /* @__PURE__ */ n.jsx(
           zt,
           {
             disabled: a,
             required: i.required,
-            checked: f,
+            checked: g,
             ...c,
             ...s,
             name: i.name,
-            ref: g,
+            ref: f,
             onCheck: () => i.onValueChange(s.value),
             onKeyDown: P((h) => {
               h.key === "Enter" && h.preventDefault();
@@ -831,7 +831,7 @@ var Mo = Xt, Fo = Qt, Do = Jt, er = ["PageUp", "PageDown"], tr = ["ArrowUp", "Ar
   "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
   "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
   "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
-}, Y = "Slider", [Ee, Oo, Lo] = qr(Y), [nr] = L(Y, [
+}, Y = "Slider", [Re, Oo, Lo] = qr(Y), [nr] = L(Y, [
   Lo
 ]), [Vo, pe] = nr(Y), or = d.forwardRef(
   (e, t) => {
@@ -844,37 +844,37 @@ var Mo = Xt, Fo = Qt, Do = Jt, er = ["PageUp", "PageDown"], tr = ["ArrowUp", "Ar
       disabled: l = !1,
       minStepsBetweenThumbs: c = 0,
       defaultValue: u = [o],
-      value: g,
-      onValueChange: f = () => {
+      value: f,
+      onValueChange: g = () => {
       },
       onValueCommit: x = () => {
       },
       inverted: h = !1,
       form: m,
       ...b
-    } = e, v = d.useRef(/* @__PURE__ */ new Set()), C = d.useRef(0), w = a === "horizontal" ? Bo : Go, [j = [], _] = q({
-      prop: g,
+    } = e, v = d.useRef(/* @__PURE__ */ new Set()), C = d.useRef(0), w = a === "horizontal" ? Bo : Go, [j = [], k] = q({
+      prop: f,
       defaultProp: u,
-      onChange: (E) => {
+      onChange: (R) => {
         var N;
-        (N = [...v.current][C.current]) == null || N.focus(), f(E);
+        (N = [...v.current][C.current]) == null || N.focus(), g(R);
       }
     }), A = d.useRef(j);
-    function M(E) {
-      const R = $o(j, E);
-      S(E, R);
+    function M(R) {
+      const E = $o(j, R);
+      S(R, E);
     }
-    function H(E) {
-      S(E, C.current);
+    function H(R) {
+      S(R, C.current);
     }
     function z() {
-      const E = A.current[C.current];
-      j[C.current] !== E && x(j);
+      const R = A.current[C.current];
+      j[C.current] !== R && x(j);
     }
-    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]);
-      _((V = []) => {
-        const O = Uo(V, B, R);
+    function S(R, E, { commit: N } = { commit: !1 }) {
+      const W = Xo(i), ae = Zo(Math.round((R - o) / i) * i + o, W), B = ht(ae, [o, s]);
+      k((V = []) => {
+        const O = Uo(V, B, E);
         if (Wo(O, c * i)) {
           C.current = O.indexOf(B);
           const ie = String(O) !== String(V);
@@ -896,7 +896,7 @@ var Mo = Xt, Fo = Qt, Do = Jt, er = ["PageUp", "PageDown"], tr = ["ArrowUp", "Ar
         values: j,
         orientation: a,
         form: m,
-        children: /* @__PURE__ */ n.jsx(Ee.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ n.jsx(Ee.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ n.jsx(
+        children: /* @__PURE__ */ n.jsx(Re.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ n.jsx(Re.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ n.jsx(
           w,
           {
             "aria-disabled": l,
@@ -914,9 +914,9 @@ var Mo = Xt, Fo = Qt, Do = Jt, er = ["PageUp", "PageDown"], tr = ["ArrowUp", "Ar
             onSlideEnd: l ? void 0 : z,
             onHomeKeyDown: () => !l && S(o, 0, { commit: !0 }),
             onEndKeyDown: () => !l && S(s, j.length - 1, { commit: !0 }),
-            onStepKeyDown: ({ event: E, direction: R }) => {
+            onStepKeyDown: ({ event: R, direction: E }) => {
               if (!l) {
-                const ae = er.includes(E.key) || E.shiftKey && tr.includes(E.key) ? 10 : 1, B = C.current, V = j[B], O = i * ae * R;
+                const ae = er.includes(R.key) || R.shiftKey && tr.includes(R.key) ? 10 : 1, B = C.current, V = j[B], O = i * ae * E;
                 S(V + O, B, { commit: !0 });
               }
             }
@@ -943,10 +943,10 @@ var [sr, ar] = nr(Y, {
       onSlideMove: l,
       onSlideEnd: c,
       onStepKeyDown: u,
-      ...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;
+      ...f
+    } = e, [g, 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(), _ = [0, j.width], M = Ye(_, C ? [r, o] : [o, r]);
+      const j = m.current || g.getBoundingClientRect(), k = [0, j.width], M = Ye(k, C ? [r, o] : [o, r]);
       return m.current = j, M(w - j.left);
     }
     return /* @__PURE__ */ n.jsx(
@@ -962,10 +962,10 @@ var [sr, ar] = nr(Y, {
           {
             dir: b,
             "data-orientation": "horizontal",
-            ...g,
+            ...f,
             ref: h,
             style: {
-              ...g.style,
+              ...f.style,
               "--radix-slider-thumb-transform": "translateX(-50%)"
             },
             onSlideStart: (w) => {
@@ -980,8 +980,8 @@ var [sr, ar] = nr(Y, {
               m.current = void 0, c == null || c();
             },
             onStepKeyDown: (w) => {
-              const _ = rr[C ? "from-left" : "from-right"].includes(w.key);
-              u == null || u({ event: w, direction: _ ? -1 : 1 });
+              const k = rr[C ? "from-left" : "from-right"].includes(w.key);
+              u == null || u({ event: w, direction: k ? -1 : 1 });
             }
           }
         )
@@ -999,9 +999,9 @@ var [sr, ar] = nr(Y, {
       onSlideEnd: l,
       onStepKeyDown: c,
       ...u
-    } = e, g = d.useRef(null), f = I(t, g), x = d.useRef(void 0), h = !s;
+    } = e, f = d.useRef(null), g = I(t, f), x = d.useRef(void 0), h = !s;
     function m(b) {
-      const v = x.current || g.current.getBoundingClientRect(), C = [0, v.height], w = Ye(C, h ? [o, r] : [r, o]);
+      const v = x.current || f.current.getBoundingClientRect(), C = [0, v.height], w = Ye(C, h ? [o, r] : [r, o]);
       return x.current = v, w(b - v.top);
     }
     return /* @__PURE__ */ n.jsx(
@@ -1017,7 +1017,7 @@ var [sr, ar] = nr(Y, {
           {
             "data-orientation": "vertical",
             ...u,
-            ref: f,
+            ref: g,
             style: {
               ...u.style,
               "--radix-slider-thumb-transform": "translateY(50%)"
@@ -1053,25 +1053,25 @@ var [sr, ar] = nr(Y, {
       onEndKeyDown: l,
       onStepKeyDown: c,
       ...u
-    } = e, g = pe(Y, r);
+    } = e, f = pe(Y, r);
     return /* @__PURE__ */ n.jsx(
       T.span,
       {
         ...u,
         ref: t,
-        onKeyDown: P(e.onKeyDown, (f) => {
-          f.key === "Home" ? (a(f), f.preventDefault()) : f.key === "End" ? (l(f), f.preventDefault()) : er.concat(tr).includes(f.key) && (c(f), f.preventDefault());
+        onKeyDown: P(e.onKeyDown, (g) => {
+          g.key === "Home" ? (a(g), g.preventDefault()) : g.key === "End" ? (l(g), g.preventDefault()) : er.concat(tr).includes(g.key) && (c(g), g.preventDefault());
         }),
-        onPointerDown: P(e.onPointerDown, (f) => {
-          const x = f.target;
-          x.setPointerCapture(f.pointerId), f.preventDefault(), g.thumbs.has(x) ? x.focus() : o(f);
+        onPointerDown: P(e.onPointerDown, (g) => {
+          const x = g.target;
+          x.setPointerCapture(g.pointerId), g.preventDefault(), f.thumbs.has(x) ? x.focus() : o(g);
         }),
-        onPointerMove: P(e.onPointerMove, (f) => {
-          f.target.hasPointerCapture(f.pointerId) && s(f);
+        onPointerMove: P(e.onPointerMove, (g) => {
+          g.target.hasPointerCapture(g.pointerId) && s(g);
         }),
-        onPointerUp: P(e.onPointerUp, (f) => {
-          const x = f.target;
-          x.hasPointerCapture(f.pointerId) && (x.releasePointerCapture(f.pointerId), i(f));
+        onPointerUp: P(e.onPointerUp, (g) => {
+          const x = g.target;
+          x.hasPointerCapture(g.pointerId) && (x.releasePointerCapture(g.pointerId), i(g));
         })
       }
     );
@@ -1095,7 +1095,7 @@ var Pe = "SliderRange", dr = d.forwardRef(
   (e, t) => {
     const { __scopeSlider: r, ...o } = e, s = pe(Pe, r), i = ar(Pe, r), a = d.useRef(null), l = I(t, a), c = s.values.length, u = s.values.map(
       (x) => gr(x, s.min, s.max)
-    ), g = c > 1 ? Math.min(...u) : 0, f = 100 - Math.max(...u);
+    ), f = c > 1 ? Math.min(...u) : 0, g = 100 - Math.max(...u);
     return /* @__PURE__ */ n.jsx(
       T.span,
       {
@@ -1105,8 +1105,8 @@ var Pe = "SliderRange", dr = d.forwardRef(
         ref: l,
         style: {
           ...e.style,
-          [i.startEdge]: g + "%",
-          [i.endEdge]: f + "%"
+          [i.startEdge]: f + "%",
+          [i.endEdge]: g + "%"
         }
       }
     );
@@ -1123,7 +1123,7 @@ var Te = "SliderThumb", ur = d.forwardRef(
   }
 ), Ho = d.forwardRef(
   (e, t) => {
-    const { __scopeSlider: r, index: o, name: s, ...i } = e, a = pe(Te, r), l = ar(Te, r), [c, u] = d.useState(null), g = I(t, (y) => u(y)), f = c ? a.form || !!c.closest("form") : !0, x = Me(c), h = a.values[o], m = h === void 0 ? 0 : gr(h, a.min, a.max), b = Ko(o, a.values.length), v = x == null ? void 0 : x[l.size], C = v ? qo(v, m, l.direction) : 0;
+    const { __scopeSlider: r, index: o, name: s, ...i } = e, a = pe(Te, r), l = ar(Te, r), [c, u] = d.useState(null), f = I(t, (y) => u(y)), g = c ? a.form || !!c.closest("form") : !0, x = Me(c), h = a.values[o], m = h === void 0 ? 0 : gr(h, a.min, a.max), b = Ko(o, a.values.length), v = x == null ? void 0 : x[l.size], C = v ? qo(v, m, l.direction) : 0;
     return d.useEffect(() => {
       if (c)
         return a.thumbs.add(c), () => {
@@ -1138,7 +1138,7 @@ var Te = "SliderThumb", ur = d.forwardRef(
           [l.startEdge]: `calc(${m}% + ${C}px)`
         },
         children: [
-          /* @__PURE__ */ n.jsx(Ee.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ n.jsx(
+          /* @__PURE__ */ n.jsx(Re.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ n.jsx(
             T.span,
             {
               role: "slider",
@@ -1151,14 +1151,14 @@ var Te = "SliderThumb", ur = d.forwardRef(
               "data-disabled": a.disabled ? "" : void 0,
               tabIndex: a.disabled ? void 0 : 0,
               ...i,
-              ref: g,
+              ref: f,
               style: h === void 0 ? { display: "none" } : e.style,
               onFocus: P(e.onFocus, () => {
                 a.valueIndexToChangeRef.current = o;
               })
             }
           ) }),
-          f && /* @__PURE__ */ n.jsx(
+          g && /* @__PURE__ */ n.jsx(
             fr,
             {
               name: s ?? (a.name ? a.name + (a.values.length > 1 ? "[]" : "") : void 0),
@@ -1179,10 +1179,10 @@ var zo = "RadioBubbleInput", fr = d.forwardRef(
     return d.useEffect(() => {
       const l = s.current;
       if (!l) return;
-      const c = window.HTMLInputElement.prototype, g = Object.getOwnPropertyDescriptor(c, "value").set;
-      if (a !== t && g) {
-        const f = new Event("input", { bubbles: !0 });
-        g.call(l, t), l.dispatchEvent(f);
+      const c = window.HTMLInputElement.prototype, f = Object.getOwnPropertyDescriptor(c, "value").set;
+      if (a !== t && f) {
+        const g = new Event("input", { bubbles: !0 });
+        f.call(l, t), l.dispatchEvent(g);
       }
     }, [a, t]), /* @__PURE__ */ n.jsx(
       T.input,
@@ -1251,9 +1251,9 @@ var Qo = or, Jo = cr, es = dr, ts = ur, ve = "Switch", [rs] = L(ve), [ns, os] =
       disabled: l,
       value: c = "on",
       onCheckedChange: u,
-      form: g,
-      ...f
-    } = e, [x, h] = d.useState(null), m = I(t, (w) => h(w)), b = d.useRef(!1), v = x ? g || !!x.closest("form") : !0, [C, y] = q({
+      form: f,
+      ...g
+    } = e, [x, h] = d.useState(null), m = I(t, (w) => h(w)), b = d.useRef(!1), v = x ? f || !!x.closest("form") : !0, [C, y] = q({
       prop: s,
       defaultProp: i ?? !1,
       onChange: u,
@@ -1271,7 +1271,7 @@ var Qo = or, Jo = cr, es = dr, ts = ur, ve = "Switch", [rs] = L(ve), [ns, os] =
           "data-disabled": l ? "" : void 0,
           disabled: l,
           value: c,
-          ...f,
+          ...g,
           ref: m,
           onClick: P(e.onClick, (w) => {
             y((j) => !j), v && (b.current = w.isPropagationStopped(), b.current || w.stopPropagation());
@@ -1288,7 +1288,7 @@ var Qo = or, Jo = cr, es = dr, ts = ur, ve = "Switch", [rs] = L(ve), [ns, os] =
           checked: C,
           required: a,
           disabled: l,
-          form: g,
+          form: f,
           style: { transform: "translateX(-100%)" }
         }
       )
@@ -1321,15 +1321,15 @@ var ss = "SwitchBubbleInput", pr = d.forwardRef(
   }, i) => {
     const a = d.useRef(null), l = I(a, i), c = Ae(r), u = Me(t);
     return d.useEffect(() => {
-      const g = a.current;
-      if (!g) return;
-      const f = window.HTMLInputElement.prototype, h = Object.getOwnPropertyDescriptor(
-        f,
+      const f = a.current;
+      if (!f) return;
+      const g = window.HTMLInputElement.prototype, h = Object.getOwnPropertyDescriptor(
+        g,
         "checked"
       ).set;
       if (c !== r && h) {
         const m = new Event("click", { bubbles: o });
-        h.call(g, r), g.dispatchEvent(m);
+        h.call(f, r), f.dispatchEvent(m);
       }
     }, [c, r, o]), /* @__PURE__ */ n.jsx(
       "input",
@@ -1369,7 +1369,7 @@ var as = xr, is = mr, be = "Tabs", [ls] = L(be, [
       dir: l,
       activationMode: c = "automatic",
       ...u
-    } = e, g = Ne(l), [f, x] = q({
+    } = e, f = Ne(l), [g, x] = q({
       prop: o,
       onChange: s,
       defaultProp: i ?? "",
@@ -1380,15 +1380,15 @@ var as = xr, is = mr, be = "Tabs", [ls] = L(be, [
       {
         scope: r,
         baseId: $(),
-        value: f,
+        value: g,
         onValueChange: x,
         orientation: a,
-        dir: g,
+        dir: f,
         activationMode: c,
         children: /* @__PURE__ */ n.jsx(
           T.div,
           {
-            dir: g,
+            dir: f,
             "data-orientation": a,
             ...u,
             ref: t
@@ -1426,36 +1426,36 @@ var Cr = "TabsList", wr = d.forwardRef(
 wr.displayName = Cr;
 var jr = "TabsTrigger", Sr = d.forwardRef(
   (e, t) => {
-    const { __scopeTabs: r, value: o, disabled: s = !1, ...i } = e, a = We(jr, r), l = br(r), c = Pr(a.baseId, o), u = Tr(a.baseId, o), g = o === a.value;
+    const { __scopeTabs: r, value: o, disabled: s = !1, ...i } = e, a = We(jr, r), l = br(r), c = Pr(a.baseId, o), u = Tr(a.baseId, o), f = o === a.value;
     return /* @__PURE__ */ n.jsx(
       xt,
       {
         asChild: !0,
         ...l,
         focusable: !s,
-        active: g,
+        active: f,
         children: /* @__PURE__ */ n.jsx(
           T.button,
           {
             type: "button",
             role: "tab",
-            "aria-selected": g,
+            "aria-selected": f,
             "aria-controls": u,
-            "data-state": g ? "active" : "inactive",
+            "data-state": f ? "active" : "inactive",
             "data-disabled": s ? "" : void 0,
             disabled: s,
             id: c,
             ...i,
             ref: t,
-            onMouseDown: P(e.onMouseDown, (f) => {
-              !s && f.button === 0 && f.ctrlKey === !1 ? a.onValueChange(o) : f.preventDefault();
+            onMouseDown: P(e.onMouseDown, (g) => {
+              !s && g.button === 0 && g.ctrlKey === !1 ? a.onValueChange(o) : g.preventDefault();
             }),
-            onKeyDown: P(e.onKeyDown, (f) => {
-              [" ", "Enter"].includes(f.key) && a.onValueChange(o);
+            onKeyDown: P(e.onKeyDown, (g) => {
+              [" ", "Enter"].includes(g.key) && a.onValueChange(o);
             }),
             onFocus: P(e.onFocus, () => {
-              const f = a.activationMode !== "manual";
-              !g && !s && f && a.onValueChange(o);
+              const g = a.activationMode !== "manual";
+              !f && !s && g && a.onValueChange(o);
             })
           }
         )
@@ -1464,16 +1464,16 @@ var jr = "TabsTrigger", Sr = d.forwardRef(
   }
 );
 Sr.displayName = jr;
-var Rr = "TabsContent", Er = d.forwardRef(
+var Er = "TabsContent", Rr = d.forwardRef(
   (e, t) => {
-    const { __scopeTabs: r, value: o, forceMount: s, children: i, ...a } = e, l = We(Rr, r), c = Pr(l.baseId, o), u = Tr(l.baseId, o), g = o === l.value, f = d.useRef(g);
+    const { __scopeTabs: r, value: o, forceMount: s, children: i, ...a } = e, l = We(Er, r), c = Pr(l.baseId, o), u = Tr(l.baseId, o), f = o === l.value, g = d.useRef(f);
     return d.useEffect(() => {
-      const x = requestAnimationFrame(() => f.current = !1);
+      const x = requestAnimationFrame(() => g.current = !1);
       return () => cancelAnimationFrame(x);
-    }, []), /* @__PURE__ */ n.jsx(te, { present: s || g, children: ({ present: x }) => /* @__PURE__ */ n.jsx(
+    }, []), /* @__PURE__ */ n.jsx(te, { present: s || f, children: ({ present: x }) => /* @__PURE__ */ n.jsx(
       T.div,
       {
-        "data-state": g ? "active" : "inactive",
+        "data-state": f ? "active" : "inactive",
         "data-orientation": l.orientation,
         role: "tabpanel",
         "aria-labelledby": c,
@@ -1484,21 +1484,21 @@ var Rr = "TabsContent", Er = d.forwardRef(
         ref: t,
         style: {
           ...e.style,
-          animationDuration: f.current ? "0s" : void 0
+          animationDuration: g.current ? "0s" : void 0
         },
         children: x && i
       }
     ) });
   }
 );
-Er.displayName = Rr;
+Rr.displayName = Er;
 function Pr(e, t) {
   return `${e}-trigger-${t}`;
 }
 function Tr(e, t) {
   return `${e}-content-${t}`;
 }
-var ds = yr, us = wr, fs = Sr, ot = Er, [ye] = L("Tooltip", [
+var ds = yr, us = wr, fs = Sr, ot = Rr, [ye] = L("Tooltip", [
   fe
 ]), Ce = fe(), kr = "TooltipProvider", gs = 700, ke = "tooltip.open", [xs, Xe] = ye(kr), _r = (e) => {
   const {
@@ -1545,7 +1545,7 @@ var ee = "Tooltip", [hs, se] = ye(ee), Ir = (e) => {
     onOpenChange: i,
     disableHoverableContent: a,
     delayDuration: l
-  } = e, c = Xe(ee, e.__scopeTooltip), u = Ce(t), [g, f] = d.useState(null), x = $(), h = d.useRef(0), m = a ?? c.disableHoverableContent, b = l ?? c.delayDuration, v = d.useRef(!1), [C, y] = q({
+  } = e, c = Xe(ee, e.__scopeTooltip), u = Ce(t), [f, g] = d.useState(null), x = $(), h = d.useRef(0), m = a ?? c.disableHoverableContent, b = l ?? c.delayDuration, v = d.useRef(!1), [C, y] = q({
     prop: o,
     defaultProp: s ?? !1,
     onChange: (M) => {
@@ -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]), _ = d.useCallback(() => {
+  }, [y]), k = d.useCallback(() => {
     window.clearTimeout(h.current), h.current = 0, y(!1);
   }, [y]), A = d.useCallback(() => {
     window.clearTimeout(h.current), h.current = window.setTimeout(() => {
@@ -1570,16 +1570,16 @@ var ee = "Tooltip", [hs, se] = ye(ee), Ir = (e) => {
       contentId: x,
       open: C,
       stateAttribute: w,
-      trigger: g,
-      onTriggerChange: f,
+      trigger: f,
+      onTriggerChange: g,
       onTriggerEnter: d.useCallback(() => {
         c.isOpenDelayedRef.current ? A() : j();
       }, [c.isOpenDelayedRef, A, j]),
       onTriggerLeave: d.useCallback(() => {
-        m ? _() : (window.clearTimeout(h.current), h.current = 0);
-      }, [_, m]),
+        m ? k() : (window.clearTimeout(h.current), h.current = 0);
+      }, [k, m]),
       onOpen: j,
-      onClose: _,
+      onClose: k,
       disableHoverableContent: m,
       children: r
     }
@@ -1588,8 +1588,8 @@ var ee = "Tooltip", [hs, se] = ye(ee), Ir = (e) => {
 Ir.displayName = ee;
 var _e = "TooltipTrigger", Nr = d.forwardRef(
   (e, t) => {
-    const { __scopeTooltip: r, ...o } = e, s = se(_e, r), i = Xe(_e, r), a = Ce(r), l = d.useRef(null), c = I(t, l, s.onTriggerChange), u = d.useRef(!1), g = d.useRef(!1), f = d.useCallback(() => u.current = !1, []);
-    return d.useEffect(() => () => document.removeEventListener("pointerup", f), [f]), /* @__PURE__ */ n.jsx(Ie, { asChild: !0, ...a, children: /* @__PURE__ */ n.jsx(
+    const { __scopeTooltip: r, ...o } = e, s = se(_e, r), i = Xe(_e, r), a = Ce(r), l = d.useRef(null), c = I(t, l, s.onTriggerChange), u = d.useRef(!1), f = d.useRef(!1), g = d.useCallback(() => u.current = !1, []);
+    return d.useEffect(() => () => document.removeEventListener("pointerup", g), [g]), /* @__PURE__ */ n.jsx(Ie, { asChild: !0, ...a, children: /* @__PURE__ */ n.jsx(
       T.button,
       {
         "aria-describedby": s.open ? s.contentId : void 0,
@@ -1597,13 +1597,13 @@ var _e = "TooltipTrigger", Nr = d.forwardRef(
         ...o,
         ref: c,
         onPointerMove: P(e.onPointerMove, (x) => {
-          x.pointerType !== "touch" && !g.current && !i.isPointerInTransitRef.current && (s.onTriggerEnter(), g.current = !0);
+          x.pointerType !== "touch" && !f.current && !i.isPointerInTransitRef.current && (s.onTriggerEnter(), f.current = !0);
         }),
         onPointerLeave: P(e.onPointerLeave, () => {
-          s.onTriggerLeave(), g.current = !1;
+          s.onTriggerLeave(), f.current = !1;
         }),
         onPointerDown: P(e.onPointerDown, () => {
-          s.open && s.onClose(), u.current = !0, document.addEventListener("pointerup", f, { once: !0 });
+          s.open && s.onClose(), u.current = !0, document.addEventListener("pointerup", g, { once: !0 });
         }),
         onFocus: P(e.onFocus, () => {
           u.current || s.onOpen();
@@ -1628,31 +1628,31 @@ var K = "TooltipContent", Mr = d.forwardRef(
     return /* @__PURE__ */ n.jsx(te, { present: o || a.open, children: a.disableHoverableContent ? /* @__PURE__ */ n.jsx(Fr, { side: s, ...i, ref: t }) : /* @__PURE__ */ n.jsx(vs, { side: s, ...i, ref: t }) });
   }
 ), vs = d.forwardRef((e, t) => {
-  const r = se(K, e.__scopeTooltip), o = Xe(K, e.__scopeTooltip), s = d.useRef(null), i = I(t, s), [a, l] = d.useState(null), { trigger: c, onClose: u } = r, g = s.current, { onPointerInTransitChange: f } = o, x = d.useCallback(() => {
-    l(null), f(!1);
-  }, [f]), h = d.useCallback(
+  const r = se(K, e.__scopeTooltip), o = Xe(K, e.__scopeTooltip), s = d.useRef(null), i = I(t, s), [a, l] = d.useState(null), { trigger: c, onClose: u } = r, f = s.current, { onPointerInTransitChange: g } = o, x = d.useCallback(() => {
+    l(null), g(!1);
+  }, [g]), 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()), _ = Es([...w, ...j]);
-      l(_), 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()), k = Rs([...w, ...j]);
+      l(k), g(!0);
     },
-    [f]
+    [g]
   );
   return d.useEffect(() => () => x(), [x]), d.useEffect(() => {
-    if (c && g) {
-      const m = (v) => h(v, g), b = (v) => h(v, c);
-      return c.addEventListener("pointerleave", m), g.addEventListener("pointerleave", b), () => {
-        c.removeEventListener("pointerleave", m), g.removeEventListener("pointerleave", b);
+    if (c && f) {
+      const m = (v) => h(v, f), b = (v) => h(v, c);
+      return c.addEventListener("pointerleave", m), f.addEventListener("pointerleave", b), () => {
+        c.removeEventListener("pointerleave", m), f.removeEventListener("pointerleave", b);
       };
     }
-  }, [c, g, h, x]), d.useEffect(() => {
+  }, [c, f, h, x]), d.useEffect(() => {
     if (a) {
       const m = (b) => {
-        const v = b.target, C = { x: b.clientX, y: b.clientY }, y = (c == null ? void 0 : c.contains(v)) || (g == null ? void 0 : g.contains(v)), w = !Rs(C, a);
+        const v = b.target, C = { x: b.clientX, y: b.clientY }, y = (c == null ? void 0 : c.contains(v)) || (f == null ? void 0 : f.contains(v)), w = !Es(C, a);
         y ? x() : w && (x(), u());
       };
       return document.addEventListener("pointermove", m), () => document.removeEventListener("pointermove", m);
     }
-  }, [c, g, a, u, x]), /* @__PURE__ */ n.jsx(Fr, { ...e, ref: i });
+  }, [c, f, a, u, x]), /* @__PURE__ */ n.jsx(Fr, { ...e, ref: i });
 }), [bs, ys] = ye(ee, { isInside: !1 }), Cs = Xr("TooltipContent"), Fr = d.forwardRef(
   (e, t) => {
     const {
@@ -1662,24 +1662,24 @@ var K = "TooltipContent", Mr = d.forwardRef(
       onEscapeKeyDown: i,
       onPointerDownOutside: a,
       ...l
-    } = e, c = se(K, r), u = Ce(r), { onClose: g } = c;
-    return d.useEffect(() => (document.addEventListener(ke, g), () => document.removeEventListener(ke, g)), [g]), d.useEffect(() => {
+    } = e, c = se(K, r), u = Ce(r), { onClose: f } = c;
+    return d.useEffect(() => (document.addEventListener(ke, f), () => document.removeEventListener(ke, f)), [f]), d.useEffect(() => {
       if (c.trigger) {
-        const f = (x) => {
+        const g = (x) => {
           const h = x.target;
-          h != null && h.contains(c.trigger) && g();
+          h != null && h.contains(c.trigger) && f();
         };
-        return window.addEventListener("scroll", f, { capture: !0 }), () => window.removeEventListener("scroll", f, { capture: !0 });
+        return window.addEventListener("scroll", g, { capture: !0 }), () => window.removeEventListener("scroll", g, { capture: !0 });
       }
-    }, [c.trigger, g]), /* @__PURE__ */ n.jsx(
+    }, [c.trigger, f]), /* @__PURE__ */ n.jsx(
       dt,
       {
         asChild: !0,
         disableOutsidePointerEvents: !1,
         onEscapeKeyDown: i,
         onPointerDownOutside: a,
-        onFocusOutside: (f) => f.preventDefault(),
-        onDismiss: g,
+        onFocusOutside: (g) => g.preventDefault(),
+        onDismiss: f,
         children: /* @__PURE__ */ n.jsxs(
           ut,
           {
@@ -1770,16 +1770,16 @@ function Ss(e) {
     { x: s, y: o }
   ];
 }
-function Rs(e, t) {
+function Es(e, t) {
   const { x: r, y: o } = e;
   let s = !1;
   for (let i = 0, a = t.length - 1; i < t.length; a = i++) {
-    const l = t[i], c = t[a], u = l.x, g = l.y, f = c.x, x = c.y;
-    g > o != x > o && r < (f - u) * (o - g) / (x - g) + u && (s = !s);
+    const l = t[i], c = t[a], u = l.x, f = l.y, g = c.x, x = c.y;
+    f > o != x > o && r < (g - u) * (o - f) / (x - f) + u && (s = !s);
   }
   return s;
 }
-function Es(e) {
+function Rs(e) {
   const t = e.slice();
   return t.sort((r, o) => r.x < o.x ? -1 : r.x > o.x ? 1 : r.y < o.y ? -1 : r.y > o.y ? 1 : 0), Ps(t);
 }
@@ -1809,7 +1809,7 @@ function Ps(e) {
   return r.pop(), t.length === 1 && r.length === 1 && t[0].x === r[0].x && t[0].y === r[0].y ? t : t.concat(r);
 }
 var Ts = _r, ks = Ir, _s = Nr, Is = Ar, Ns = Mr, As = Or;
-const Ii = ({
+const Ni = ({
   items: e,
   classNames: t,
   showDivider: r,
@@ -1861,7 +1861,7 @@ const Ii = ({
   info: "bg-blue-1 border border-blue-3",
   warning: "bg-gold-1 border border-gold-3",
   error: "bg-red-1 border border-red-3"
-}, Ni = ({
+}, Ai = ({
   type: e = "info",
   title: t,
   description: r,
@@ -1874,7 +1874,7 @@ const Ii = ({
 }) => {
   const u = !!t && !r && !l || !t && !!r && !l;
   return /* @__PURE__ */ n.jsxs(
-    k.div,
+    _.div,
     {
       initial: { opacity: 0, y: -10 },
       animate: { opacity: 1, y: 0 },
@@ -1926,7 +1926,7 @@ const Ii = ({
       ]
     }
   );
-}, Ai = ({
+}, Mi = ({
   children: e,
   className: t = "",
   align: r = "horizontal",
@@ -1961,7 +1961,7 @@ const Ii = ({
     }
   );
   return /* @__PURE__ */ n.jsx(
-    k.div,
+    _.div,
     {
       initial: { opacity: 0, scale: 0.95 },
       animate: { opacity: 1, scale: 1 },
@@ -1972,7 +1972,7 @@ const Ii = ({
       children: e
     }
   );
-}, Mi = ({
+}, Fi = ({
   children: e,
   className: t,
   width: r = "min-w-full w-full",
@@ -2025,7 +2025,7 @@ const Ii = ({
   drawer: {
     transition: { type: "tween", duration: 0.2 }
   }
-}, Fi = ({
+}, Di = ({
   open: e,
   onClose: t,
   children: r,
@@ -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(
-    k.div,
+    _.div,
     {
       className: p(X.backdrop, i.backdrop),
       initial: le.backdrop.initial,
@@ -2049,7 +2049,7 @@ const Ii = ({
     }
   ),
   /* @__PURE__ */ n.jsxs(
-    k.div,
+    _.div,
     {
       className: p(
         X.drawer,
@@ -2072,12 +2072,12 @@ const Ii = ({
   wrapper: "flex flex-col items-center",
   icon: "text-3xl text-gray-300",
   text: "mt-3 text-base text-gray-300 font-normal"
-}, Di = ({
+}, Oi = ({
   text: e = "No hay datos para mostrar",
   className: t = "",
   icon: r = /* @__PURE__ */ n.jsx(Pn, {})
 }) => /* @__PURE__ */ n.jsx(rn, { children: /* @__PURE__ */ n.jsx(
-  k.section,
+  _.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(
-        k.div,
+        _.div,
         {
           initial: { scale: 0.9 },
           animate: { scale: 1 },
@@ -2101,7 +2101,7 @@ const Ii = ({
         }
       ),
       /* @__PURE__ */ n.jsx(
-        k.h1,
+        _.h1,
         {
           "data-cy": "empty-text",
           className: ce.text,
@@ -2125,13 +2125,13 @@ const Ii = ({
   className: c,
   ...u
 }) => {
-  const [g, f] = F(u.value ?? ""), { baseStyles: x, variantStyles: h, sizeStyles: m, stateStyles: b } = on(
+  const [f, g] = F(u.value ?? ""), { baseStyles: x, variantStyles: h, sizeStyles: m, stateStyles: b } = on(
     l,
     t,
     e,
     r,
     !!o
-  ), v = xe(() => i && g ? /* @__PURE__ */ n.jsx(nn, { disabled: a, onClick: () => f("") }) : s ? /* @__PURE__ */ n.jsx(
+  ), v = xe(() => i && f ? /* @__PURE__ */ n.jsx(nn, { disabled: a, onClick: () => g("") }) : s ? /* @__PURE__ */ n.jsx(
     "div",
     {
       className: p("absolute right-3 top-1/2 -translate-y-1/2", {
@@ -2139,7 +2139,7 @@ const Ii = ({
       }),
       children: s
     }
-  ) : null, [i, g, s, a]);
+  ) : null, [i, f, s, a]);
   return /* @__PURE__ */ n.jsxs("div", { className: p("relative", c), children: [
     o && /* @__PURE__ */ n.jsx(
       "div",
@@ -2151,12 +2151,12 @@ const Ii = ({
       }
     ),
     /* @__PURE__ */ n.jsx(
-      k.input,
+      _.input,
       {
         ...u,
-        value: g,
+        value: f,
         disabled: a,
-        onChange: (C) => f(C.target.value),
+        onChange: (C) => g(C.target.value),
         className: p(
           ...x,
           ...h,
@@ -2168,7 +2168,7 @@ const Ii = ({
     ),
     /* @__PURE__ */ n.jsx(Fe, { children: v })
   ] });
-}, Oi = {
+}, Li = {
   Text: Vs,
   Number: sn
 }, Bs = ({ title: e, className: t = "" }) => /* @__PURE__ */ n.jsx(an.Title, { level: 3, className: t, children: e }), Gs = {
@@ -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(
-    k.li,
+    _.li,
     {
       initial: { opacity: 0, x: -10 },
       animate: { opacity: 1, x: 0 },
@@ -2278,7 +2278,7 @@ const Ii = ({
   return e.slice(s, i);
 }, [e, t, r, o]), Ys = (e, t) => xe(() => Math.ceil(e / t), [e, t]), Ws = (e, t) => t || Gs[e], Xs = (e) => (t) => {
   e && e(t);
-}, Li = ({
+}, Vi = ({
   items: e,
   title: t,
   size: r = "md",
@@ -2289,8 +2289,8 @@ const Ii = ({
   showBorder: l = !0,
   showShadow: c = !0,
   height: u,
-  className: g = "",
-  titleClassName: f = "",
+  className: f = "",
+  titleClassName: g = "",
   itemClassName: x = "",
   emptyMessage: h = "No items to display",
   onAnimationStart: m,
@@ -2303,7 +2303,7 @@ const Ii = ({
     o,
     s,
     i
-  ), w = Ys(e.length, i), j = Ws(r, u), _ = Xs(a);
+  ), w = Ys(e.length, i), j = Ws(r, u), k = Xs(a);
   return /* @__PURE__ */ n.jsx(
     "div",
     {
@@ -2312,14 +2312,14 @@ const Ii = ({
       onAnimationIteration: v,
       ...C,
       children: /* @__PURE__ */ n.jsxs(
-        k.div,
+        _.div,
         {
           initial: { opacity: 0, y: -10 },
           animate: { opacity: 1, y: 0 },
           transition: { duration: 0.3 },
-          className: p("flex flex-col", { [g]: g }),
+          className: p("flex flex-col", { [f]: f }),
           children: [
-            t && /* @__PURE__ */ n.jsx(Bs, { title: t, size: r, className: f }),
+            t && /* @__PURE__ */ n.jsx(Bs, { title: t, size: r, className: g }),
             /* @__PURE__ */ n.jsx(
               $s,
               {
@@ -2338,7 +2338,7 @@ const Ii = ({
               {
                 currentPage: s,
                 totalPages: w,
-                onPageChange: _,
+                onPageChange: k,
                 size: r
               }
             )
@@ -2431,7 +2431,7 @@ const Ii = ({
     ),
     children: e
   }
-) : null, Vi = ({
+) : null, Bi = ({
   type: e = "default",
   title: t,
   message: r,
@@ -2442,8 +2442,8 @@ const Ii = ({
   closable: l = !1,
   onClose: c,
   className: u = "",
-  children: g,
-  borderColor: f,
+  children: f,
+  borderColor: g,
   iconColor: x,
   ...h
 }) => {
@@ -2458,11 +2458,11 @@ const Ii = ({
   }, [o, s, c]);
   const C = e ? Zs[e] : null, y = C == null ? void 0 : C.icon, w = p(
     "px-6 py-4 rounded flex gap-4 max-w-96 shadow-md relative border bg-white",
-    f || (C == null ? void 0 : C.borderColor),
+    g || (C == null ? void 0 : C.borderColor),
     u
   );
   return /* @__PURE__ */ n.jsxs(
-    k.div,
+    _.div,
     {
       layout: !0,
       initial: m,
@@ -2483,7 +2483,7 @@ const Ii = ({
             defaultIconColor: C == null ? void 0 : C.iconColor
           }
         ),
-        /* @__PURE__ */ n.jsx(ln, { title: t, message: r, children: g })
+        /* @__PURE__ */ n.jsx(ln, { title: t, message: r, children: f })
       ]
     }
   );
@@ -2504,7 +2504,7 @@ const Ii = ({
   label: o,
   children: s
 }) => /* @__PURE__ */ n.jsx(
-  k.button,
+  _.button,
   {
     whileHover: { scale: 1.05 },
     whileTap: { scale: 0.95 },
@@ -2527,7 +2527,7 @@ const Ii = ({
   onPageChange: r,
   size: o
 }) => /* @__PURE__ */ n.jsx(
-  k.button,
+  _.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(
-    k.div,
+    _.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
@@ -2603,9 +2603,9 @@ const Ii = ({
             children: "←"
           }
         ),
-        l.map((c, u, g) => {
+        l.map((c, u, f) => {
           if (c === "...") {
-            const h = g[u - 1] || "start", m = g[u + 1] || "end";
+            const h = f[u - 1] || "start", m = f[u + 1] || "end";
             return /* @__PURE__ */ n.jsx(
               na,
               {
@@ -2616,16 +2616,16 @@ const Ii = ({
               `ellipsis-${h}-${m}`
             );
           }
-          const f = c, x = f === e;
+          const g = c, x = g === e;
           return /* @__PURE__ */ n.jsx(
             ra,
             {
-              pageNumber: f,
+              pageNumber: g,
               isActive: x,
               onPageChange: r,
               size: o
             },
-            f
+            g
           );
         }),
         /* @__PURE__ */ n.jsx(
@@ -2641,7 +2641,7 @@ const Ii = ({
       ]
     }
   );
-}, Bi = (e) => {
+}, Gi = (e) => {
   const [t, r] = Mn({
     value: e == null ? void 0 : e.open,
     defaultValue: e == null ? void 0 : e.defaultOpen,
@@ -2666,7 +2666,7 @@ const Ii = ({
   warning: "bg-yellow-500",
   error: "bg-red-500",
   info: "bg-blue-400"
-}, Gi = ({
+}, Hi = ({
   value: e = 0,
   classNames: t,
   indicatorColor: r = "primary",
@@ -2688,7 +2688,7 @@ const Ii = ({
       value: e,
       ...c,
       children: /* @__PURE__ */ n.jsx(So, { asChild: !0, children: /* @__PURE__ */ n.jsx(
-        k.div,
+        _.div,
         {
           className: p(
             "size-full",
@@ -2731,11 +2731,11 @@ const Ii = ({
     marginSize: l = 4,
     imageSettings: c,
     ...u
-  } = e, g = p(
+  } = e, f = p(
     "flex items-center justify-center",
     r
   );
-  return /* @__PURE__ */ n.jsx("div", { className: g, ...u, children: /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ n.jsx("div", { className: f, ...u, children: /* @__PURE__ */ n.jsx(
     dn,
     {
       value: t,
@@ -2758,13 +2758,13 @@ const Ii = ({
     fontSize: l = 20,
     background: c = "#FFFFFF",
     lineColor: u = "#000000",
-    margin: g = 10,
-    ...f
+    margin: f = 10,
+    ...g
   } = e, x = p(
     "flex items-center justify-center",
     r
   );
-  return /* @__PURE__ */ n.jsx("div", { className: x, ...f, children: /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ n.jsx("div", { className: x, ...g, children: /* @__PURE__ */ n.jsx(
     un,
     {
       value: t,
@@ -2775,13 +2775,13 @@ const Ii = ({
       fontSize: l,
       background: c,
       lineColor: u,
-      margin: g
+      margin: f
     }
   ) });
-}, Hi = (e) => {
+}, zi = (e) => {
   const { variant: t } = e;
   return t === "qr" ? /* @__PURE__ */ n.jsx(da, { ...e }) : t === "barcode" ? /* @__PURE__ */ n.jsx(ua, { ...e }) : null;
-}, zi = ({
+}, Ui = ({
   classNames: e,
   group: t = [],
   defaultValue: r = "",
@@ -2796,18 +2796,18 @@ const Ii = ({
     "aria-label": o,
     onValueChange: s,
     ...i,
-    children: t == null ? void 0 : t.map(({ id: a, label: l, value: c, checked: u, disabled: g }) => /* @__PURE__ */ n.jsxs("div", { className: "flex items-center", children: [
+    children: t == null ? void 0 : t.map(({ id: a, label: l, value: c, checked: u, disabled: f }) => /* @__PURE__ */ n.jsxs("div", { className: "flex items-center", children: [
       /* @__PURE__ */ n.jsx(
         Fo,
         {
           className: p(
             "size-4 cursor-pointer rounded-full bg-white outline-1 hover:outline-primary-blue focus:outline-primary-blue data-[state=checked]:outline-1 data-[state=checked]:outline-primary-blue outline-neutral-3",
             {
-              "cursor-not-allowed outline-gray-5 bg-gray-3 hover:outline-neutral-3 data-[state=checked]:outline-neutral-3": g
+              "cursor-not-allowed outline-gray-5 bg-gray-3 hover:outline-neutral-3 data-[state=checked]:outline-neutral-3": f
             },
             e == null ? void 0 : e.item
           ),
-          disabled: g,
+          disabled: f,
           defaultChecked: u,
           value: c,
           id: a,
@@ -2817,7 +2817,7 @@ const Ii = ({
               className: p(
                 "relative flex size-full items-center justify-center after:block after:size-2 after:rounded-full after:bg-primary-blue",
                 {
-                  "after:bg-black/25": g
+                  "after:bg-black/25": f
                 },
                 e == null ? void 0 : e.indicator
               )
@@ -2830,7 +2830,7 @@ const Ii = ({
         {
           className: p(
             "pl-2 text-[15px] leading-none text-black cursor-pointer",
-            { "cursor-not-allowed text-black/25": g },
+            { "cursor-not-allowed text-black/25": f },
             e == null ? void 0 : e.label
           ),
           htmlFor: a,
@@ -2865,7 +2865,7 @@ const Ii = ({
 }, ja = (e, t) => e ?? t, Sa = (e) => e.map((t) => typeof t == "string" || typeof t == "number" ? {
   label: t,
   value: t
-} : t), Ra = (e, t) => {
+} : t), Ea = (e, t) => {
   const [r, o] = F(0), s = xe(() => Sa(e), [e]);
   return D(() => {
     const i = s.findIndex(
@@ -2873,7 +2873,7 @@ const Ii = ({
     );
     i !== -1 && o(i);
   }, [t, s]), { activeIndex: r, setActiveIndex: o, normalizedOptions: s };
-}, Ea = (e, t, r, o) => {
+}, Ra = (e, t, r, o) => {
   const [s, i] = F({
     width: 0,
     height: 0,
@@ -2915,7 +2915,7 @@ const Ii = ({
 }) => {
   const o = Pa[r] || "rounded-lg";
   return /* @__PURE__ */ n.jsx(
-    k.div,
+    _.div,
     {
       className: p(
         "absolute bg-white shadow-md",
@@ -2964,7 +2964,7 @@ const Ii = ({
   initial: { opacity: 0, scale: 0.95 },
   animate: { opacity: 1, scale: 1 },
   transition: { duration: 0.3, ease: "easeOut" }
-}, Ui = ({
+}, Ki = ({
   options: e,
   value: t,
   defaultValue: r,
@@ -2975,12 +2975,12 @@ const Ii = ({
   className: l,
   ...c
 }) => {
-  const u = Rn(), g = De(null), { activeIndex: f, setActiveIndex: x, normalizedOptions: h } = Ra(
+  const u = En(), f = De(null), { activeIndex: g, setActiveIndex: x, normalizedOptions: h } = Ea(
     e,
     ja(t, r)
-  ), m = Ea(
-    g,
+  ), m = Ra(
     f,
+    g,
     s,
     a
   ), b = wa(
@@ -2994,9 +2994,9 @@ const Ii = ({
     l
   );
   return /* @__PURE__ */ n.jsxs(
-    k.div,
+    _.div,
     {
-      ref: g,
+      ref: f,
       id: `${u}-segmented`,
       className: v,
       ...Ia,
@@ -3015,7 +3015,7 @@ const Ii = ({
           {
             option: C,
             index: y,
-            isActive: y === f,
+            isActive: y === g,
             disabled: i,
             vertical: a,
             size: s,
@@ -3081,12 +3081,12 @@ const Ii = ({
   onSearchChange: l,
   searchPlaceholder: c,
   disabled: u,
-  notFoundContent: g,
-  inputRef: f
+  notFoundContent: f,
+  inputRef: g
 }) => {
   const x = (r == null ? void 0 : r.length) === 0 && !o;
   let h;
-  return a && g ? h = g : a ? h = "No results found" : h = s || "No elements available.", /* @__PURE__ */ n.jsxs(
+  return a && f ? h = f : a ? h = "No results found" : h = s || "No elements available.", /* @__PURE__ */ n.jsxs(
     hn,
     {
       position: "popper",
@@ -3099,7 +3099,7 @@ const Ii = ({
         i && l && /* @__PURE__ */ n.jsx(
           mn,
           {
-            ref: f,
+            ref: g,
             value: a,
             onChange: l,
             placeholder: c,
@@ -3151,12 +3151,12 @@ const Ii = ({
     if (!x) return !0;
     const m = x.toLowerCase(), b = typeof h.children == "string" ? h.children.toLowerCase() : "", v = h.value.toLowerCase();
     return b.includes(m) || v.includes(m);
-  }, g = e ? t.filter((x) => (r || u)(s, x)) : t;
+  }, f = e ? t.filter((x) => (r || u)(s, x)) : t;
   return {
     searchValue: s,
     open: a,
     setOpen: l,
-    filteredItems: g,
+    filteredItems: f,
     handleSearchChange: (x) => {
       const h = x.target.value;
       i(h), o == null || o(h);
@@ -3179,7 +3179,7 @@ const Ii = ({
       e === void 0 && s(l), r == null || r(l);
     }
   };
-}, Ki = ({
+}, $i = ({
   disabled: e,
   className: t,
   value: r,
@@ -3190,8 +3190,8 @@ const Ii = ({
   emptyMessage: l = "No hay elementos disponibles.",
   onValueChange: c,
   showSearch: u = !1,
-  searchPlaceholder: g = "Buscar...",
-  onSearch: f,
+  searchPlaceholder: f = "Buscar...",
+  onSearch: g,
   filterOption: x,
   notFoundContent: h
 }) => {
@@ -3203,14 +3203,14 @@ const Ii = ({
     searchValue: y,
     open: w,
     setOpen: j,
-    filteredItems: _,
+    filteredItems: k,
     handleSearchChange: A,
     inputRef: M
   } = Oa({
     showSearch: u,
     items: i,
     filterOption: x,
-    onSearch: f
+    onSearch: g
   });
   return /* @__PURE__ */ n.jsxs(
     bn,
@@ -3235,13 +3235,13 @@ const Ii = ({
           {
             width: v,
             allItems: i,
-            filteredItems: _,
+            filteredItems: k,
             currentValue: m,
             emptyMessage: l,
             showSearch: u,
             searchValue: y,
             onSearchChange: A,
-            searchPlaceholder: g,
+            searchPlaceholder: f,
             disabled: e,
             notFoundContent: h,
             inputRef: M
@@ -3345,7 +3345,7 @@ const Ii = ({
   image: Ba,
   "image-description": Ga,
   list: Ha
-}, $i = ({ type: e = "default" }) => {
+}, qi = ({ type: e = "default" }) => {
   const t = za[e] ?? Vr;
   return /* @__PURE__ */ n.jsx(t, {});
 }, Ua = {
@@ -3364,7 +3364,7 @@ const Ii = ({
   md: "h-5 w-5",
   lg: "h-6 w-6",
   xl: "h-7 w-7"
-}, qi = ({
+}, Yi = ({
   classNames: e,
   rangeColor: t = "primary",
   customRangeClass: r,
@@ -3375,7 +3375,7 @@ const Ii = ({
   max: l = 100,
   ...c
 }) => {
-  const u = (g) => i ? i(g) : g.toString();
+  const u = (f) => i ? i(f) : f.toString();
   return /* @__PURE__ */ n.jsxs("div", { className: "w-full", children: [
     /* @__PURE__ */ n.jsxs(
       Qo,
@@ -3522,7 +3522,7 @@ const Ii = ({
       ),
       children: [
         /* @__PURE__ */ n.jsx("span", { className: i, children: r === "COMPLETE" ? /* @__PURE__ */ n.jsx(
-          En,
+          Rn,
           {
             className: p(
               "text-primary-blue",
@@ -3544,38 +3544,40 @@ const Ii = ({
 }, Se = (e, t, r, o) => e ? 4 : t ? 3 : r ? 2 : o ? 1 : 3, Ja = (e) => {
   const t = e.find((r) => r.status === "CURRENT");
   return t ? Number(t.id) - 1 : 0;
-}, ei = (e) => e === 0, ti = (e, t, r) => e >= t - r, ri = (e) => e - 1, ni = (e) => e + 1, Yi = ({
+}, ei = (e) => e === 0, ti = (e, t, r) => e >= t - r, ri = (e) => e - 1, ni = (e) => e + 1, oi = {
+  start: "justify-start",
+  center: "justify-center",
+  end: "justify-end"
+}, Wi = ({
   steps: e,
   size: t = "md",
   className: r = "",
-  withNavigation: o = !0
+  withNavigation: o = !0,
+  align: s = "center"
 }) => {
-  const { xs: s, sm: i, md: a, lg: l } = Fn(), [c, u] = F(
-    () => Se(l, a, i, s)
-  ), g = Ja(e), [f, x] = F(() => {
-    const w = Se(l, a, i, s), j = Math.max(0, e.length - w);
-    return Math.min(g, j);
-  }), [h, m] = F([]);
+  const { xs: i, sm: a, md: l, lg: c } = Fn(), [u, f] = F(
+    () => Se(c, l, a, i)
+  ), g = Ja(e), [x, h] = F(() => {
+    const j = Se(c, l, a, i), k = Math.max(0, e.length - j);
+    return Math.min(g, k);
+  }), [m, b] = F([]);
   D(() => {
-    u(Se(l, a, i, s));
-  }, [s, i, a, l]), D(() => {
-    const w = Math.min(f + c, e.length);
-    m(e.slice(f, w));
-  }, [f, e, c]);
-  const b = () => x(ri(f)), v = () => x(ni(f)), C = ei(f), y = ti(
-    f,
+    f(Se(c, l, a, i));
+  }, [i, a, l, c]), D(() => {
+    const j = Math.min(x + u, e.length);
+    b(e.slice(x, j));
+  }, [x, e, u]);
+  const v = () => h(ri(x)), C = () => h(ni(x)), y = ei(x), w = ti(
+    x,
     e.length,
-    c
+    u
   );
   return /* @__PURE__ */ n.jsxs(
     "div",
     {
       className: p(
         "flex flex-row items-center w-full gap-4",
-        {
-          "justify-between": o,
-          "justify-center": !o
-        },
+        o ? "justify-between" : oi[s],
         { [r]: r }
       ),
       children: [
@@ -3583,18 +3585,18 @@ const Ii = ({
           at,
           {
             arrow: "left",
-            disabled: C,
-            onClick: b,
+            disabled: y,
+            onClick: v,
             size: t
           }
         ),
-        /* @__PURE__ */ n.jsx(Qa, { visibleSteps: h, size: t }),
+        /* @__PURE__ */ n.jsx(Qa, { visibleSteps: m, size: t }),
         o && /* @__PURE__ */ n.jsx(
           at,
           {
             arrow: "right",
-            disabled: y,
-            onClick: v,
+            disabled: w,
+            onClick: C,
             size: t
           }
         )
@@ -3618,28 +3620,28 @@ const Ii = ({
   children: "absolute flex items-center justify-center text-white/80 transition-opacity duration-200",
   unCheckedChildren: "left-1 data-[state=checked]:opacity-0 data-[state=checked]:invisible",
   checkedChildren: "right-1 data-[state=unchecked]:opacity-0 data-[state=unchecked]:invisible"
-}, oi = {
+}, si = {
   default: "data-[state=checked]:bg-[#0047BA]",
   success: "data-[state=checked]:bg-green-500",
   danger: "data-[state=checked]:bg-red-500"
-}, si = (e, t, r, o) => p(
+}, ai = (e, t, r, o) => p(
   Z.root,
-  oi[e],
+  si[e],
   et[t].root,
   r && "cursor-not-allowed",
   o
 ), it = (e, t) => {
   const r = t ? Z.checkedChildren : Z.unCheckedChildren;
   return p(Z.children, r, et[e].children);
-}, ai = (e) => {
+}, ii = (e) => {
   const t = typeof e == "string" ? e : e.text, r = typeof e == "string" ? "right" : e.position;
   return { labelText: t, labelPosition: r };
-}, lt = (e) => p("text-sm text-foreground", e && "opacity-50"), ii = (e) => p("flex items-center gap-2", e && "cursor-not-allowed"), li = {
+}, lt = (e) => p("text-sm text-foreground", e && "opacity-50"), li = (e) => p("flex items-center gap-2", e && "cursor-not-allowed"), ci = {
   type: "spring",
   stiffness: 500,
   damping: 30,
   mass: 1
-}, Wi = ({
+}, Xi = ({
   className: e,
   label: t,
   type: r = "default",
@@ -3650,25 +3652,25 @@ const Ii = ({
   onCheckedChange: l,
   checkedChildren: c,
   unCheckedChildren: u,
-  ...g
+  ...f
 }) => {
-  const f = et[o], x = /* @__PURE__ */ n.jsxs(
+  const g = et[o], x = /* @__PURE__ */ n.jsxs(
     as,
     {
-      className: si(r, o, a, e),
+      className: ai(r, o, a, e),
       checked: s,
       defaultChecked: i,
       disabled: a,
       onCheckedChange: l,
-      ...g,
+      ...f,
       children: [
         u && /* @__PURE__ */ n.jsx("div", { className: it(o, !1), children: u }),
         /* @__PURE__ */ n.jsx(is, { asChild: !0, children: /* @__PURE__ */ n.jsx(
-          k.div,
+          _.div,
           {
-            className: p(Z.thumb, f.thumb),
+            className: p(Z.thumb, g.thumb),
             layout: !0,
-            transition: li,
+            transition: ci,
             whileTap: { scale: 0.95 }
           }
         ) }),
@@ -3677,15 +3679,15 @@ const Ii = ({
     }
   );
   if (t) {
-    const { labelText: h, labelPosition: m } = ai(t);
-    return /* @__PURE__ */ n.jsxs("div", { className: ii(a), children: [
+    const { labelText: h, labelPosition: m } = ii(t);
+    return /* @__PURE__ */ n.jsxs("div", { className: li(a), children: [
       m === "left" && /* @__PURE__ */ n.jsx("span", { className: lt(a), children: h }),
       x,
       m === "right" && /* @__PURE__ */ n.jsx("span", { className: lt(a), children: h })
     ] });
   }
   return x;
-}, ci = {
+}, di = {
   success: {
     icon: /* @__PURE__ */ n.jsx(bt, { width: 16, height: 16 }),
     bgColor: "bg-green-1",
@@ -3714,7 +3716,7 @@ const Ii = ({
     borderColor: "border-red-3",
     closeButtonColor: "hover:bg-red-2"
   }
-}, Xi = ({
+}, Zi = ({
   children: e,
   type: t = "info",
   showIcon: r = !1,
@@ -3725,27 +3727,27 @@ const Ii = ({
   bgColor: l,
   textColor: c,
   borderColor: u,
-  ...g
+  ...f
 }) => {
-  const f = !!(l || c || u), x = ci[t], h = a || (r ? x.icon : null), m = p(
+  const g = !!(l || c || u), x = di[t], h = a || (r ? x.icon : null), m = p(
     "inline-flex items-center gap-2 px-2 py-2 rounded border text-sm font-medium leading-none rounded-sm",
     {
-      [x.bgColor]: !f,
-      [x.textColor]: !f,
-      [x.borderColor]: !f,
+      [x.bgColor]: !g,
+      [x.textColor]: !g,
+      [x.borderColor]: !g,
       [i]: i
     }
-  ), b = f ? {
+  ), b = g ? {
     backgroundColor: l,
     color: c,
     borderColor: u
   } : void 0, v = p(
     "rounded transition-colors cursor-pointer text-black/[0.45]",
     {
-      [x.closeButtonColor]: !f
+      [x.closeButtonColor]: !g
     }
   );
-  return /* @__PURE__ */ n.jsxs("span", { className: m, style: b, ...g, children: [
+  return /* @__PURE__ */ n.jsxs("span", { className: m, style: b, ...f, children: [
     h && /* @__PURE__ */ n.jsx("span", { className: "inline-flex shrink-0", children: h }),
     /* @__PURE__ */ n.jsx("span", { className: "inline-flex items-center", children: e }),
     o && /* @__PURE__ */ n.jsx(
@@ -3759,11 +3761,11 @@ const Ii = ({
       }
     )
   ] });
-}, di = {
+}, ui = {
   initial: { opacity: 0, x: 16 },
   animate: { opacity: 1, x: 0 },
   exit: { opacity: 0, x: -20 }
-}, ui = ({
+}, fi = ({
   type: e,
   items: t,
   currentActiveKey: r,
@@ -3773,10 +3775,10 @@ 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(
-      k.div,
+      _.div,
       {
         className: p("min-w-full", o),
-        variants: di,
+        variants: ui,
         initial: "initial",
         animate: "animate",
         exit: "exit",
@@ -3795,7 +3797,7 @@ const Ii = ({
     },
     i.key
   )) });
-}, fi = (e, t) => p(
+}, gi = (e, t) => p(
   {
     "text-sm font-normal": e === "default" || e === "underline" || e === "pills",
     "border-b border-gray-200": e === "underline",
@@ -3803,40 +3805,40 @@ const Ii = ({
     "bg-gray-100 rounded-xl p-1 text-lg text-grays-Macropay-07 font-normal": e === "segmented"
   },
   t
-), gi = (e) => p("select-none", {
+), xi = (e) => p("select-none", {
   "flex flex-wrap text-center text-gray-500 border-b border-gray-200 font-normal": e === "default" || e === "pills",
   "-mb-px": e === "underline",
   "flex flex-wrap -mb-px font-normal text-sm text-center text-gray-500": e === "with-icon",
   "grid grid-flow-col justify-stretch items-center text-lg font-normal text-center text-lg sm:w-full": e === "segmented"
-}), xi = (e) => p({
+}), hi = (e) => p({
   "inline-block p-3 py-3 rounded-t-lg active:text-gray-500 active:bg-gray-50": e === "default" || e === "pills",
   "inline-block p-3 py-3 border-b-2 rounded-t-lg active:border-primary-blue": e === "underline",
   "inline-flex items-center justify-center p-3 border-b-2 rounded-t-lg  active:border-gray-300": e === "with-icon",
   "md:inline-block px-2 py-3 rounded-lg min-w-full h-full items-center text-center flex justify-center text-sm": e === "segmented"
-}), hi = (e, t) => p({
+}), mi = (e, t) => p({
   [`font-bold text-${t} bg-white`]: e === "default" || e === "pills",
   [`text-${t} border-b-2 border-primary-blue`]: e === "underline" || e === "with-icon",
   [`font-bold text-${t} active:text-${t}`]: e === "segmented"
-}), mi = ({
+}), pi = ({
   type: e,
   items: t,
   currentActiveKey: r,
   activeColorTabs: o,
   className: s
-}) => /* @__PURE__ */ n.jsx("div", { className: fi(e, s), children: /* @__PURE__ */ n.jsx(us, { className: gi(e), children: t.map(({ key: i, label: a, disabled: l }) => /* @__PURE__ */ n.jsxs(
+}) => /* @__PURE__ */ n.jsx("div", { className: gi(e, s), children: /* @__PURE__ */ n.jsx(us, { className: xi(e), children: t.map(({ key: i, label: a, disabled: l }) => /* @__PURE__ */ n.jsxs(
   fs,
   {
     value: i,
     disabled: l,
     className: p(
       "h-full relative",
-      xi(e),
-      i === r && hi(e, o),
+      hi(e),
+      i === r && mi(e, o),
       l && "text-gray-300 cursor-not-allowed"
     ),
     children: [
       e === "segmented" && i === r && /* @__PURE__ */ n.jsx(
-        k.div,
+        _.div,
         {
           layoutId: "segmented-indicator",
           className: "absolute inset-0 bg-white rounded-lg z-0",
@@ -3851,7 +3853,7 @@ const Ii = ({
     ]
   },
   i
-)) }) }), Zi = ({
+)) }) }), Qi = ({
   currentActiveKey: e,
   type: t = "default",
   items: r,
@@ -3867,7 +3869,7 @@ const Ii = ({
     className: "flex flex-col gap-4",
     children: [
       /* @__PURE__ */ n.jsx(
-        mi,
+        pi,
         {
           type: t,
           items: r,
@@ -3877,7 +3879,7 @@ const Ii = ({
         }
       ),
       /* @__PURE__ */ n.jsx(
-        ui,
+        fi,
         {
           type: t,
           items: r,
@@ -3887,10 +3889,10 @@ const Ii = ({
       )
     ]
   }
-), pi = ({ name: e, label: t, children: r }) => /* @__PURE__ */ n.jsxs(Jn, { name: e, children: [
+), vi = ({ name: e, label: t, children: r }) => /* @__PURE__ */ n.jsxs(Jn, { name: e, children: [
   t && /* @__PURE__ */ n.jsx(eo, { children: t }),
   r
-] }), vi = ({
+] }), bi = ({
   type: e,
   error: t,
   disabled: r,
@@ -3922,7 +3924,7 @@ const Ii = ({
     [i]: i,
     [(a == null ? void 0 : a.input) ?? ""]: a == null ? void 0 : a.input
   }
-), bi = ({
+), yi = ({
   type: e = "normal",
   inputSize: t = "xl",
   className: r,
@@ -3934,7 +3936,7 @@ const Ii = ({
   "textarea",
   {
     ...a,
-    className: vi({
+    className: bi({
       type: e,
       inputSize: t,
       className: r,
@@ -3946,10 +3948,10 @@ const Ii = ({
       s && (l.currentTarget.value = ""), i == null || i(l);
     }
   }
-) }), yi = ({ footer: e, current: t = 0, max: r }) => /* @__PURE__ */ n.jsxs("div", { className: "flex justify-between pt-1 text-sm text-gray-7", children: [
+) }), Ci = ({ footer: e, current: t = 0, max: r }) => /* @__PURE__ */ n.jsxs("div", { className: "flex justify-between pt-1 text-sm text-gray-7", children: [
   /* @__PURE__ */ n.jsx("span", { children: e }),
   r && /* @__PURE__ */ n.jsx("span", { children: `${t} / ${r}` })
-] }), Qi = ({
+] }), Ji = ({
   name: e,
   label: t,
   labelFooter: r,
@@ -3960,30 +3962,30 @@ const Ii = ({
   classesNames: l,
   ...c
 }) => {
-  const [u, g] = F(a);
+  const [u, f] = F(a);
   return /* @__PURE__ */ n.jsx(Qn, { children: /* @__PURE__ */ n.jsxs(
-    k.div,
+    _.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       transition: { duration: 0.2 },
       className: l == null ? void 0 : l.container,
       children: [
-        /* @__PURE__ */ n.jsx(pi, { name: e, label: t, children: /* @__PURE__ */ n.jsx(
-          bi,
+        /* @__PURE__ */ n.jsx(vi, { name: e, label: t, children: /* @__PURE__ */ n.jsx(
+          yi,
           {
             ...c,
             maxLength: s,
             minLength: i,
             value: u,
-            onChange: (f) => {
+            onChange: (g) => {
               var x;
-              g(f.target.value), (x = c.onChange) == null || x.call(c, f);
+              f(g.target.value), (x = c.onChange) == null || x.call(c, g);
             }
           }
         ) }),
         /* @__PURE__ */ n.jsx(
-          yi,
+          Ci,
           {
             footer: r ?? `${i} caracteres requeridos`,
             current: u.length,
@@ -3994,12 +3996,12 @@ const Ii = ({
       ]
     }
   ) });
-}, Ji = ({ className: e, content: t, children: r, ...o }) => {
+}, el = ({ className: e, content: t, children: r, ...o }) => {
   const s = typeof t == "string";
   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(
-      k.div,
+      _.div,
       {
         className: p({
           "bg-gray-800 text-white rounded shadow-lg select-none px-4 py-2 outline-none border-0": s && !e
@@ -4015,7 +4017,7 @@ const Ii = ({
       }
     ) }) })
   ] }) });
-}, el = ({
+}, tl = ({
   className: e,
   variant: t = "default",
   size: r = "default",
@@ -4029,43 +4031,43 @@ const Ii = ({
   }
 );
 export {
-  Ii as Accordion,
-  Ni as Alert,
-  nl as Avatar,
-  ol as Button,
-  Ai as Card,
-  sl as Carousel,
-  al as Checkbox,
-  il as Col,
-  Mi as Divider,
-  Fi as Drawer,
-  ll as Dropdown,
-  Di as Empty,
+  Ni as Accordion,
+  Ai as Alert,
+  ol as Avatar,
+  sl as Button,
+  Mi as Card,
+  al as Carousel,
+  il as Checkbox,
+  ll as Col,
+  Fi as Divider,
+  Di as Drawer,
+  cl as Dropdown,
+  Oi as Empty,
   Q as Flex,
-  Oi as Input,
-  Li as List,
-  cl as Modal,
-  Vi as Notification,
+  Li as Input,
+  Vi as List,
+  dl as Modal,
+  Bi as Notification,
   ia as Pagination,
-  Bi as Popover,
+  Gi as Popover,
   tn as Portal,
-  Gi as Progress,
-  Hi as QRBarcode,
-  zi as RadioGroup,
-  dl as Row,
-  Ui as Segmented,
-  Ki as Select,
-  $i as Skeleton,
-  qi as Slider,
-  ki as Spinner,
+  Hi as Progress,
+  zi as QRBarcode,
+  Ui as RadioGroup,
+  ul as Row,
+  Ki as Segmented,
+  $i as Select,
+  qi as Skeleton,
+  Yi as Slider,
+  _i as Spinner,
   Dn as SpinnerSizeMap,
-  Yi as Steps,
-  Wi as Switch,
-  Zi as Tabs,
-  Xi as Tag,
-  Qi as TextArea,
-  el as Toggle,
-  ul as ToggleGroup,
-  Ji as Tooltip,
+  Wi as Steps,
+  Xi as Switch,
+  Qi as Tabs,
+  Zi as Tag,
+  Ji as TextArea,
+  tl as Toggle,
+  fl as ToggleGroup,
+  el as Tooltip,
   an as Typography
 };