@mateosuarezdev/react-ui 1.0.57 → 1.0.58

package/dist/index.js

@@ -9,10 +9,10 @@
  */
 
 import { jsx as d, jsxs as v, Fragment as vt } from "react/jsx-runtime";
-import Ae, { useRef as $, useEffect as H, useState as I, useSyncExternalStore as Tr, useLayoutEffect as Cn, useId as Sn, useCallback as A, forwardRef as De, useContext as wt, useMemo as te, memo as Cr, createContext as Bt } from "react";
-import { createPortal as Mn } from "react-dom";
-import { clsx as Sr } from "clsx";
-import { twMerge as Mr } from "tailwind-merge";
+import Ae, { useRef as $, useEffect as H, useState as I, useSyncExternalStore as Tr, useLayoutEffect as Cn, useId as Mn, useCallback as A, forwardRef as De, useContext as wt, useMemo as te, memo as Cr, createContext as Bt } from "react";
+import { createPortal as Sn } from "react-dom";
+import { clsx as Mr } from "clsx";
+import { twMerge as Sr } from "tailwind-merge";
 import { atom as Dr } from "@mateosuarezdev/atoms";
 import { ChevronLeft as Dn, ChevronRight as Pn, CalendarDays as On, Clock as Ln, Check as Fn, Minus as Pr, DollarSign as Or, CheckIcon as Xe, EyeOffIcon as Lr, Eye as Fr, XIcon as Ar, ChevronDownIcon as Wr, Search as _r, X as yt, ChevronDown as Yr, Plus as An, XCircle as Rr, TriangleAlert as Ir, CheckCircle as jr, Info as zr, ArrowRight as Hr } from "lucide-react";
 import { AnimatePresence as Ie, motion as ne, useTransform as rn, cancelFrame as re, frame as ct, animate as Ft } from "framer-motion";
@@ -21,7 +21,7 @@ import { appendErrors as Wn, FormProvider as Xr, useForm as qr, useFormContext a
 import { validateFieldsNatively as on, toNestErrors as an } from "@hookform/resolvers";
 import { createGesture as _n } from "@mateosuarezdev/gestures";
 import { EventEmitter as Kr } from "@mateosuarezdev/event-emitter";
-const N = (...e) => Mr(Sr(e));
+const N = (...e) => Sr(Mr(e));
 function Ze(e, t = 100) {
   let n = null, r = null;
   return function(...o) {
@@ -169,7 +169,7 @@ const lt = (e) => {
       window.removeEventListener("resize", c), f && f.disconnect(), m && i && m.removeEventListener("scroll", c);
     };
   }, [n, ...r]), { ref: o, overflowInfo: s };
-}, St = {
+}, Mt = {
   xs: "w-8 h-8",
   sm: "w-10 h-10 text-lg",
   md: "w-14 h-14 text-xl",
@@ -185,14 +185,14 @@ const lt = (e) => {
   {
     alt: "avatar",
     src: e,
-    className: N("rounded-full bg-base-3", St[n])
+    className: N("rounded-full bg-base-3", Mt[n])
   }
 ) : t ? /* @__PURE__ */ d(
   "p",
   {
     className: N(
       "rounded-full font-medium dark-theme:bg-base-3 border border-base-6 dark-theme:border-base-4 flex items-center justify-center",
-      St[n],
+      Mt[n],
       r
     ),
     children: Ur(t)
@@ -204,7 +204,7 @@ const lt = (e) => {
       "rounded-full text-2xl font-medium flex items-center justify-center",
       "bg-base-2 dark-theme:bg-base-3 border border-base-4",
       "lg:hover:bg-base-3 max-lg:active:bg-base-4 transition-colors",
-      St[n],
+      Mt[n],
       r
     ),
     children: /* @__PURE__ */ v(
@@ -309,11 +309,11 @@ function eo(e) {
 const Wt = Dr(
   typeof window < "u" ? window.innerWidth > 1024 : !0
 );
-let Mt = !1;
+let St = !1;
 const sn = Ze(() => {
   Wt.set(window.innerWidth > 1024);
 });
-typeof window < "u" && (Mt && (window.removeEventListener("resize", sn), Mt = !1), window.addEventListener("resize", sn), Mt = !0);
+typeof window < "u" && (St && (window.removeEventListener("resize", sn), St = !1), window.addEventListener("resize", sn), St = !0);
 const xt = () => (Cn(() => {
   Wt.set(window.innerWidth > 1024);
 }, []), eo(Wt));
@@ -328,14 +328,14 @@ function Xi({
   return H(() => {
     const f = s.current;
     if (!f) return;
-    function m(C, M, P, y) {
-      const k = C - P, F = M - y;
+    function m(C, S, P, y) {
+      const k = C - P, F = S - y;
       return Math.sqrt(k * k + F * F);
     }
     function b(C) {
       if (C.touches.length !== 1) return;
-      const M = C.touches[0];
-      i.current = { x: M.clientX, y: M.clientY }, l.current = !1, c.current = !0, setTimeout(() => {
+      const S = C.touches[0];
+      i.current = { x: S.clientX, y: S.clientY }, l.current = !1, c.current = !0, setTimeout(() => {
         c.current && (a.current = setTimeout(() => {
           c.current && (l.current = !0, e?.(C));
         }, n));
@@ -343,10 +343,10 @@ function Xi({
     }
     function h(C) {
       if (C.touches.length !== 1) return;
-      const M = C.touches[0];
+      const S = C.touches[0];
       m(
-        M.clientX,
-        M.clientY,
+        S.clientX,
+        S.clientY,
         i.current.x,
         i.current.y
       ) > o && (c.current = !1, clearTimeout(a.current));
@@ -360,11 +360,11 @@ function Xi({
     function E(C) {
       C.button !== 0 || !u.current || (u.current = !1, t?.(C));
     }
-    function S(C) {
+    function M(C) {
       C.preventDefault();
     }
-    return f.addEventListener("touchstart", b), f.addEventListener("touchmove", h), f.addEventListener("touchend", g), f.addEventListener("mousedown", w), f.addEventListener("mouseup", E), f.addEventListener("contextmenu", S), () => {
-      clearTimeout(a.current), f.removeEventListener("touchstart", b), f.removeEventListener("touchmove", h), f.removeEventListener("touchend", g), f.removeEventListener("mousedown", w), f.removeEventListener("mouseup", E), f.removeEventListener("contextmenu", S);
+    return f.addEventListener("touchstart", b), f.addEventListener("touchmove", h), f.addEventListener("touchend", g), f.addEventListener("mousedown", w), f.addEventListener("mouseup", E), f.addEventListener("contextmenu", M), () => {
+      clearTimeout(a.current), f.removeEventListener("touchstart", b), f.removeEventListener("touchmove", h), f.removeEventListener("touchend", g), f.removeEventListener("mousedown", w), f.removeEventListener("mouseup", E), f.removeEventListener("contextmenu", M);
     };
   }, [e, t, n, r, o]), s;
 }
@@ -411,7 +411,7 @@ const qi = () => {
     y: 0,
     width: 0,
     height: 0
-  }), w = $(null), E = Sn(), S = A(
+  }), w = $(null), E = Mn(), M = A(
     (y) => {
       const k = y ?? g.current;
       if (!k) return { x: 0, top: 0, bottom: void 0 };
@@ -446,7 +446,7 @@ const qi = () => {
       width: h.current.offsetWidth,
       height: h.current.offsetHeight
     });
-  }, M = A(() => {
+  }, S = A(() => {
     if (!b.current) return;
     const y = b.current.getBoundingClientRect();
     g.current = {
@@ -474,9 +474,9 @@ const qi = () => {
     /**
      * Call this sync before rendering the popover
      */
-    getPopoverPosition: S,
+    getPopoverPosition: M,
     open: c,
-    toggle: M,
+    toggle: S,
     close: P
   };
 }, to = ({
@@ -645,14 +645,14 @@ const qi = () => {
   }, h) => {
     const [g, w] = I(!1), E = (P) => {
       o === "enabled" && (f ? (w(!0), s && s(P), setTimeout(() => w(!1), 1e3)) : s && s(P));
-    }, { ref: S, ripple: C } = no(
+    }, { ref: M, ripple: C } = no(
       l,
       e === "contrast" || c
-    ), M = Rn(S, h);
+    ), S = Rn(M, h);
     return /* @__PURE__ */ d(
       "button",
       {
-        ref: M,
+        ref: S,
         type: m,
         disabled: b.disabled ? b.disabled : o === "disabled" || o === "loading",
         onMouseDown: C,
@@ -894,14 +894,14 @@ const Eo = {
     formats: To,
     defaultWidth: "full"
   })
-}, So = {
+}, Mo = {
   lastWeek: "'last' eeee 'at' p",
   yesterday: "'yesterday at' p",
   today: "'today at' p",
   tomorrow: "'tomorrow at' p",
   nextWeek: "eeee 'at' p",
   other: "P"
-}, Mo = (e, t, n, r) => So[e];
+}, So = (e, t, n, r) => Mo[e];
 function de(e) {
   return (t, n) => {
     const r = n?.context ? String(n.context) : "standalone";
@@ -1216,7 +1216,7 @@ const Io = /^(\d+)(th|st|nd|rd)?/i, jo = /\d+/i, zo = {
   code: "en-US",
   formatDistance: ko,
   formatLong: Co,
-  formatRelative: Mo,
+  formatRelative: So,
   localize: _o,
   match: Jo,
   options: {
@@ -2109,11 +2109,11 @@ const va = {
   narrow: ["AC", "DC"],
   abbreviated: ["AC", "DC"],
   wide: ["antes de cristo", "después de cristo"]
-}, Sa = {
+}, Ma = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["T1", "T2", "T3", "T4"],
   wide: ["1º trimestre", "2º trimestre", "3º trimestre", "4º trimestre"]
-}, Ma = {
+}, Sa = {
   narrow: ["e", "f", "m", "a", "m", "j", "j", "a", "s", "o", "n", "d"],
   abbreviated: [
     "ene",
@@ -2225,12 +2225,12 @@ const va = {
     defaultWidth: "wide"
   }),
   quarter: de({
-    values: Sa,
+    values: Ma,
     defaultWidth: "wide",
     argumentCallback: (e) => Number(e) - 1
   }),
   month: de({
-    values: Ma,
+    values: Sa,
     defaultWidth: "wide"
   }),
   day: de({
@@ -2692,7 +2692,7 @@ function Kn(e) {
   }
   return !1;
 }
-let bs = !1, et = null, ps = /* @__PURE__ */ new Set(), Ve = /* @__PURE__ */ new Map(), Se = !1, Yt = !1;
+let bs = !1, et = null, ps = /* @__PURE__ */ new Set(), Ve = /* @__PURE__ */ new Map(), Me = !1, Yt = !1;
 function Qt(e, t) {
   for (let n of ps) n(e, t);
 }
@@ -2700,26 +2700,26 @@ function gs(e) {
   return !(e.metaKey || !Kt() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
 }
 function mt(e) {
-  Se = !0, gs(e) && (et = "keyboard", Qt("keyboard", e));
+  Me = !0, gs(e) && (et = "keyboard", Qt("keyboard", e));
 }
 function oe(e) {
-  et = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (Se = !0, Qt("pointer", e));
+  et = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (Me = !0, Qt("pointer", e));
 }
 function Un(e) {
-  is(e) && (Se = !0, et = "virtual");
+  is(e) && (Me = !0, et = "virtual");
 }
 function Gn(e) {
-  e.target === window || e.target === document || bs || !e.isTrusted || (!Se && !Yt && (et = "virtual", Qt("virtual", e)), Se = !1, Yt = !1);
+  e.target === window || e.target === document || bs || !e.isTrusted || (!Me && !Yt && (et = "virtual", Qt("virtual", e)), Me = !1, Yt = !1);
 }
 function Qn() {
-  Se = !1, Yt = !0;
+  Me = !1, Yt = !0;
 }
 function vn(e) {
   if (typeof window > "u" || typeof document > "u" || Ve.get(ft(e))) return;
   const t = ft(e), n = G(e);
   let r = t.HTMLElement.prototype.focus;
   t.HTMLElement.prototype.focus = function() {
-    Se = !0, r.apply(this, arguments);
+    Me = !0, r.apply(this, arguments);
   }, n.addEventListener("keydown", mt, !0), n.addEventListener("keyup", mt, !0), n.addEventListener("click", Un, !0), t.addEventListener("focus", Gn, !0), t.addEventListener("blur", Qn, !1), typeof PointerEvent < "u" ? (n.addEventListener("pointerdown", oe, !0), n.addEventListener("pointermove", oe, !0), n.addEventListener("pointerup", oe, !0)) : process.env.NODE_ENV === "test" && (n.addEventListener("mousedown", oe, !0), n.addEventListener("mousemove", oe, !0), n.addEventListener("mouseup", oe, !0)), t.addEventListener("beforeunload", () => {
     Jn(e);
   }, {
@@ -3175,7 +3175,7 @@ class jt {
   }
 }
 let X = new Jt();
-const je = ({ children: e, node: t }) => Mn(e, t ?? document.body), Cs = ({
+const je = ({ children: e, node: t }) => Sn(e, t ?? document.body), Cs = ({
   children: e,
   customTrigger: t,
   triggerContent: n,
@@ -3196,9 +3196,9 @@ const je = ({ children: e, node: t }) => Mn(e, t ?? document.body), Cs = ({
   const {
     triggerRef: w,
     triggerProps: E,
-    popoverRef: S,
+    popoverRef: M,
     getPopoverPosition: C,
-    open: M,
+    open: S,
     toggle: P,
     close: y
   } = Xt({
@@ -3219,9 +3219,9 @@ const je = ({ children: e, node: t }) => Mn(e, t ?? document.body), Cs = ({
         l && (F.preventDefault(), y(), w.current?.focus());
       }
     },
-    { enabled: M }
-  ), Vt(S, (F) => {
-    !c || !w.current || !M || !F.target || w.current.contains(F.target) || y();
+    { enabled: S }
+  ), Vt(M, (F) => {
+    !c || !w.current || !S || !F.target || w.current.contains(F.target) || y();
   });
   const k = C();
   return /* @__PURE__ */ v(vt, { children: [
@@ -3229,7 +3229,7 @@ const je = ({ children: e, node: t }) => Mn(e, t ?? document.body), Cs = ({
       triggerRef: w,
       triggerProps: E,
       toggle: P,
-      open: M,
+      open: S,
       close: y
     }) : /* @__PURE__ */ d(
       "button",
@@ -3245,7 +3245,7 @@ const je = ({ children: e, node: t }) => Mn(e, t ?? document.body), Cs = ({
         children: n
       }
     ),
-    /* @__PURE__ */ d(Ie, { children: M && /* @__PURE__ */ d(je, { children: /* @__PURE__ */ d(ys, { contain: !0, restoreFocus: !0, autoFocus: !0, children: /* @__PURE__ */ d(
+    /* @__PURE__ */ d(Ie, { children: S && /* @__PURE__ */ d(je, { children: /* @__PURE__ */ d(ys, { contain: !0, restoreFocus: !0, autoFocus: !0, children: /* @__PURE__ */ d(
       ne.div,
       {
         initial: {
@@ -3264,7 +3264,7 @@ const je = ({ children: e, node: t }) => Mn(e, t ?? document.body), Cs = ({
           duration: 0.2,
           bounce: 0.1
         },
-        ref: S,
+        ref: M,
         style: {
           position: "fixed",
           left: k.x,
@@ -3309,7 +3309,7 @@ const je = ({ children: e, node: t }) => Mn(e, t ?? document.body), Cs = ({
 }) => /* @__PURE__ */ d("div", { className: N("p-4", t), children: e }), Gi = ({
   children: e,
   className: t
-}) => /* @__PURE__ */ d("div", { className: N("p-4 border-t border-base-4", t), children: e }), Ss = (e, t) => {
+}) => /* @__PURE__ */ d("div", { className: N("p-4 border-t border-base-4", t), children: e }), Ms = (e, t) => {
   const n = new Date(2023, 0, 1), r = [];
   for (let o = 0; o < 7; o++) {
     const s = new Date(n);
@@ -3346,14 +3346,14 @@ const je = ({ children: e, node: t }) => Mn(e, t ?? document.body), Cs = ({
       F.setDate(y.getDate() - y.getDay()), Y.setDate(k.getDate() + (6 - k.getDay()));
     return wo({ start: F, end: Y });
   }, [c, i]), E = te(
-    () => Ss(a ?? Ke, i),
+    () => Ms(a ?? Ke, i),
     [a, i]
-  ), S = (y) => {
+  ), M = (y) => {
     const k = y.toDateString(), F = y.getDay();
     return !(h.has(k) || g.has(F) || o && y < o || s && y > s);
   }, C = (y) => {
-    S(y) && t && t(y), m(y);
-  }, M = (y) => {
+    M(y) && t && t(y), m(y);
+  }, S = (y) => {
     if (!f) return;
     let k = new Date(f), F = !0, Y, T;
     switch (y.key) {
@@ -3383,7 +3383,7 @@ const je = ({ children: e, node: t }) => Mn(e, t ?? document.body), Cs = ({
         break;
       case "Enter":
       case " ":
-        S(f) && t && t(f);
+        M(f) && t && t(f);
         break;
       default:
         F = !1;
@@ -3402,7 +3402,7 @@ const je = ({ children: e, node: t }) => Mn(e, t ?? document.body), Cs = ({
         "dark-theme:bg-base-3 border border-base-5 dark-theme:border-base-4 rounded-6 px-4 pt-3 pb-4 w-full lg:w-80",
         l
       ),
-      onKeyDown: M,
+      onKeyDown: S,
       tabIndex: 0,
       role: "grid",
       "aria-label": "Calendar",
@@ -3438,7 +3438,7 @@ const je = ({ children: e, node: t }) => Mn(e, t ?? document.body), Cs = ({
           y
         )) }),
         /* @__PURE__ */ d("div", { className: "grid grid-cols-7 gap-1 mt-4", role: "grid", children: w.map((y, k) => {
-          const F = hn(y, c), Y = e ? Dt(y, e) : !1, T = f && Dt(y, f), p = S(y), O = Dt(y, /* @__PURE__ */ new Date());
+          const F = hn(y, c), Y = e ? Dt(y, e) : !1, T = f && Dt(y, f), p = M(y), O = Dt(y, /* @__PURE__ */ new Date());
           return /* @__PURE__ */ d(
             "button",
             {
@@ -3608,7 +3608,7 @@ const Zi = () => /* @__PURE__ */ v("div", { children: [
   checked: "bg-brand lg:hover:bg-brand-hover text-brand-text",
   uncheckedDisabled: "bg-base-3 border-base-4",
   checkedDisabled: "bg-base-3 border-base-4 text-base-10"
-}, Ms = De(
+}, Ss = De(
   ({
     checked: e = !1,
     onCheckedChange: t,
@@ -3700,7 +3700,7 @@ const Zi = () => /* @__PURE__ */ v("div", { children: [
     ] });
   }
 );
-Ms.displayName = "Checkbox";
+Ss.displayName = "Checkbox";
 const tc = ({
   title: e,
   message: t,
@@ -3764,7 +3764,7 @@ const tc = ({
     ] }) : null }),
     l ? l(f) : null
   ] });
-}, nc = ({
+}, nc = ({ className: e }) => /* @__PURE__ */ d("div", { className: N("w-full h-px bg-base-4", e) }), rc = ({
   scrollY: e,
   height: t = 300,
   className: n,
@@ -3945,7 +3945,7 @@ function Is(e, t, n) {
   };
   throw new Error("Invalid input: not a Zod schema");
 }
-function rc({
+function oc({
   methods: e,
   onSubmit: t,
   onError: n,
@@ -3970,7 +3970,7 @@ function rc({
     }
   ) });
 }
-function oc(e, t) {
+function ac(e, t) {
   return qr({
     resolver: Is(e),
     defaultValues: t
@@ -4020,14 +4020,14 @@ const js = ({
     value: g,
     ...w
   }, E) => {
-    const S = $(null), C = $(!1), [M, P] = I(!1), [y, k] = I(!1), F = h === "password", Y = F && M ? "text" : c ? "number" : h, T = g !== "" && g !== null && g !== void 0;
+    const M = $(null), C = $(!1), [S, P] = I(!1), [y, k] = I(!1), F = h === "password", Y = F && S ? "text" : c ? "number" : h, T = g !== "" && g !== null && g !== void 0;
     return H(() => {
       if (!C.current) {
         C.current = !0;
         return;
       }
-      S.current && Gr(S.current);
-    }, [M, S]), /* @__PURE__ */ v("div", { className: N("relative", f), children: [
+      M.current && Gr(M.current);
+    }, [S, M]), /* @__PURE__ */ v("div", { className: N("relative", f), children: [
       e && n === "default" && /* @__PURE__ */ d(
         "label",
         {
@@ -4079,7 +4079,7 @@ const js = ({
               "input",
               {
                 ref: (p) => {
-                  E && (typeof E == "function" ? E(p) : E.current = p), S.current = p;
+                  E && (typeof E == "function" ? E(p) : E.current = p), M.current = p;
                 },
                 type: Y,
                 className: N(
@@ -4119,9 +4119,9 @@ const js = ({
             n === "floating" ? "absolute right-3 top-1/2 -translate-y-1/2" : "absolute right-3 top-10"
           ),
           onClick: () => {
-            P(!M);
+            P(!S);
           },
-          children: M ? /* @__PURE__ */ d(
+          children: S ? /* @__PURE__ */ d(
             Lr,
             {
               size: 20,
@@ -4141,7 +4141,7 @@ const js = ({
   }
 );
 lr.displayName = "Input";
-const ac = ({
+const sc = ({
   name: e,
   customRead: t,
   customSet: n,
@@ -4184,7 +4184,7 @@ const ac = ({
   if (!e)
     throw new Error("useAliveScope must be wrapped within AliveScopeProvider");
   return e;
-}, sc = ({ children: e }) => {
+}, ic = ({ children: e }) => {
   const [t, n] = I({}), r = $(
     {}
   ), o = $(
@@ -4263,14 +4263,14 @@ const ac = ({
         );
       }), []);
     } },
-    children: Mn(r, o, e)
+    children: Sn(r, o, e)
   }
-)), ic = () => {
+)), cc = () => {
   const e = wt(dr);
   if (!e)
     throw new Error("useKeepAlive must be used within KeepAliveProvider");
   return e;
-}, cc = ({
+}, lc = ({
   aliveKey: e,
   children: t,
   enabled: n = !0,
@@ -4363,7 +4363,7 @@ const Ks = De(
   ] })
 );
 Ks.displayName = "LazyImageWrapped";
-const lc = ({
+const uc = ({
   lightSolid: e = !0,
   className: t,
   children: n,
@@ -4379,7 +4379,7 @@ const lc = ({
     ...r,
     children: n
   }
-), uc = ({
+), dc = ({
   onClick: e,
   lightSolid: t = !0,
   className: n,
@@ -4414,7 +4414,7 @@ const lc = ({
   disabled: b = !1,
   className: h
 }) => {
-  const [g, w] = I(""), [E, S] = I(!1), [C, M] = I(-1), P = $(null), y = $(null), k = $([]), {
+  const [g, w] = I(""), [E, M] = I(!1), [C, S] = I(-1), P = $(null), y = $(null), k = $([]), {
     triggerRef: F,
     triggerProps: Y,
     popoverRef: T,
@@ -4427,10 +4427,10 @@ const lc = ({
     side: "top",
     avoidCollisions: !1,
     onOpen: () => {
-      S(!0), m && P.current && setTimeout(() => P.current?.focus(), 10);
+      M(!0), m && P.current && setTimeout(() => P.current?.focus(), 10);
     },
     onClose: () => {
-      S(!1), w(""), M(-1);
+      M(!1), w(""), S(-1);
     }
   }), j = $(
     `multiselect-${Math.random().toString(36).substr(2, 9)}`
@@ -4501,13 +4501,13 @@ const lc = ({
             D();
           else {
             const R = C >= Q.length - 1 ? 0 : C + 1;
-            M(R), k.current[R]?.scrollIntoView({ block: "nearest" });
+            S(R), k.current[R]?.scrollIntoView({ block: "nearest" });
           }
           break;
         case "ArrowUp":
           if (L.preventDefault(), O) {
             const R = C <= 0 ? Q.length - 1 : C - 1;
-            M(R), k.current[R]?.scrollIntoView({ block: "nearest" });
+            S(R), k.current[R]?.scrollIntoView({ block: "nearest" });
           }
           break;
         case "Backspace":
@@ -4518,7 +4518,7 @@ const lc = ({
           break;
       }
   }, kr = (L) => {
-    w(L.target.value), M(-1);
+    w(L.target.value), S(-1);
   }, Er = () => {
     b || (m && P.current && P.current.focus(), D());
   }, rt = (L) => {
@@ -4702,7 +4702,7 @@ const lc = ({
               onClick: () => ze(L),
               role: "option",
               "aria-selected": J,
-              onMouseEnter: () => M(R),
+              onMouseEnter: () => S(R),
               children: [
                 /* @__PURE__ */ d("span", { children: a(L) }),
                 J && /* @__PURE__ */ d(Xe, { size: 16 })
@@ -4724,7 +4724,7 @@ const lc = ({
     ),
     /* @__PURE__ */ d("div", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: K.length > 0 ? `Selected: ${K.map(a).join(", ")}` : "No selections" })
   ] });
-}, dc = ({
+}, fc = ({
   name: e,
   ...t
 }) => {
@@ -4748,7 +4748,7 @@ const lc = ({
     "Form control missing for field: ",
     e
   ] }));
-}, fc = ({
+}, mc = ({
   id: e,
   tabPage: t,
   absolute: n = !0,
@@ -4762,7 +4762,7 @@ const lc = ({
   showScrollbar: u = !0,
   onScroll: f
 }) => {
-  const m = $(null), b = $(null), h = $(null), g = $(null), w = $(null), [E, S] = I(!1), C = $(null), M = $({
+  const m = $(null), b = $(null), h = $(null), g = $(null), w = $(null), [E, M] = I(!1), C = $(null), S = $({
     startY: 0,
     // Track where the scroll position was when gesture started
     currentY: 0,
@@ -4775,19 +4775,19 @@ const lc = ({
     isPullingToRefresh: !1
   }), P = xt(), y = A(
     Ze(() => {
-      m.current && b.current && (M.current.maxScroll = Math.max(
+      m.current && b.current && (S.current.maxScroll = Math.max(
         0,
         b.current.offsetHeight - m.current.offsetHeight
       ));
     }),
     []
   ), k = A((_) => {
-    const { maxScroll: x } = M.current;
+    const { maxScroll: x } = S.current;
     return _ > 0 ? Math.pow(_, 0.8) : _ < -x ? -x - Math.pow(-(_ + x), 0.8) : _;
   }, []), F = A(() => {
     if (!u || !m.current || !g.current)
       return;
-    const { currentY: _, maxScroll: x } = M.current, V = m.current.offsetHeight, K = Math.max(
+    const { currentY: _, maxScroll: x } = S.current, V = m.current.offsetHeight, K = Math.max(
       30,
       V / (V + x) * V
     ), le = V - K;
@@ -4795,10 +4795,10 @@ const lc = ({
     _ > 0 ? (Q = 0, se = 1 - _ / V, g.current.style.transformOrigin = "top") : _ < -x ? (Q = le, se = 1 - Math.abs(_ + x) / V, g.current.style.transformOrigin = "bottom") : g.current.style.transformOrigin = "top", g.current.style.transform = `translate3d(0, ${Q}px, 0) scaleY(${se})`, g.current.style.height = `${K}px`;
   }, [u]), Y = A(
     (_) => {
-      if (M.current.currentY = _, b.current && (b.current.style.transform = `translate3d(0, ${_}px, 0)`), h.current) {
+      if (S.current.currentY = _, b.current && (b.current.style.transform = `translate3d(0, ${_}px, 0)`), h.current) {
         const x = Math.max(
-          _ - M.current.refreshThreshold,
-          -M.current.refreshThreshold
+          _ - S.current.refreshThreshold,
+          -S.current.refreshThreshold
         );
         h.current.style.transform = `translate3d(0, ${x}px, 0)`;
       }
@@ -4807,7 +4807,7 @@ const lc = ({
     [F]
   ), T = A(
     (_) => {
-      const x = M.current;
+      const x = S.current;
       x.frameCallback && (re(x.frameCallback), x.frameCallback = null);
       const V = performance.now(), K = x.currentY, le = _ - K, Q = () => {
         const se = performance.now() - V, ze = Math.min(se / c, 1), tt = 1 - Math.pow(1 - ze, 3), nt = K + le * tt;
@@ -4818,7 +4818,7 @@ const lc = ({
     [Y, c]
   ), p = A(
     (_) => {
-      const x = M.current;
+      const x = S.current;
       x.frameCallback && (re(x.frameCallback), x.frameCallback = null);
       let V = _, K = Date.now();
       const le = () => {
@@ -4848,13 +4848,13 @@ const lc = ({
       if (C.current !== null && Date.now() - C.current < 50)
         return;
       C.current = Date.now();
-      const x = M.current;
+      const x = S.current;
       x.isScrolling = !0, x.startY = x.currentY, x.lastTimestamp = Date.now(), x.isPullingToRefresh = x.currentY === 0, x.pullDistance = 0, x.frameCallback && (re(x.frameCallback), x.frameCallback = null), O();
     },
     [O]
   ), W = A(
     (_) => {
-      const x = M.current;
+      const x = S.current;
       if (!x.isScrolling) return;
       const V = k(x.startY + _.deltaY);
       x.isPullingToRefresh && V < x.startY && (x.isPullingToRefresh = !1), Y(V), s && x.isPullingToRefresh && !E && V > 0 && (x.pullDistance = V, h.current && (h.current.textContent = x.pullDistance > x.refreshThreshold ? "Release to refresh" : "Pull to refresh")), O();
@@ -4868,13 +4868,13 @@ const lc = ({
     ]
   ), j = A(
     (_) => {
-      const x = M.current;
+      const x = S.current;
       x.isScrolling && (x.isScrolling = !1, s && x.isPullingToRefresh && !E && x.pullDistance > x.refreshThreshold ? q() : x.currentY > 0 || x.currentY < -x.maxScroll ? T(x.currentY > 0 ? 0 : -x.maxScroll) : p(_.velocityY), x.isPullingToRefresh = !1);
     },
     [s, p, T, E]
   ), q = A(() => {
-    S(!0), T(M.current.refreshThreshold), h.current && (h.current.textContent = "Refreshing..."), s && s().then(() => {
-      S(!1), T(0);
+    M(!0), T(S.current.refreshThreshold), h.current && (h.current.textContent = "Refreshing..."), s && s().then(() => {
+      M(!1), T(0);
     });
   }, [s, T]);
   return H(() => {
@@ -4993,7 +4993,7 @@ const lc = ({
     `scroller${e}`
   );
 };
-function mc({
+function hc({
   id: e,
   showScrollbar: t = !0,
   onRefresh: n,
@@ -5031,7 +5031,7 @@ function mc({
     ), W = O - D;
     let j = -T / p * W, q = 1;
     T > 0 ? (j = 0, q = 1 - T / O, c.current.style.transformOrigin = "top") : T < -p ? (j = W, q = 1 - Math.abs(T + p) / O, c.current.style.transformOrigin = "bottom") : c.current.style.transformOrigin = "top", c.current.style.transform = `translate3d(0, ${j}px, 0) scaleY(${q})`, c.current.style.height = `${D}px`;
-  }, [t]), S = A(
+  }, [t]), M = A(
     (T) => {
       if (h.current.currentY = T, i.current && (i.current.style.transform = `translate3d(0, ${T}px, 0)`), l.current) {
         const p = Math.max(
@@ -5049,12 +5049,12 @@ function mc({
       p.frameCallback && (re(p.frameCallback), p.frameCallback = null);
       const O = performance.now(), D = p.currentY, W = T - D, j = () => {
         const q = performance.now() - O, _ = Math.min(q / r, 1), x = 1 - Math.pow(1 - _, 3), V = D + W * x;
-        S(V), _ >= 1 && (p.frameCallback && (re(p.frameCallback), p.frameCallback = null), S(T));
+        M(V), _ >= 1 && (p.frameCallback && (re(p.frameCallback), p.frameCallback = null), M(T));
       };
       p.frameCallback = ct.render(j, !0);
     },
-    [S, r]
-  ), M = A(
+    [M, r]
+  ), S = A(
     (T) => {
       const p = h.current;
       p.frameCallback && (re(p.frameCallback), p.frameCallback = null);
@@ -5065,11 +5065,11 @@ function mc({
           p.frameCallback && (re(p.frameCallback), p.frameCallback = null), C(p.currentY > 0 ? 0 : -p.maxScroll);
           return;
         }
-        S(p.currentY), Math.abs(O) < 0.01 && p.frameCallback && (re(p.frameCallback), p.frameCallback = null);
+        M(p.currentY), Math.abs(O) < 0.01 && p.frameCallback && (re(p.frameCallback), p.frameCallback = null);
       };
       p.frameCallback = ct.render(W, !0);
     },
-    [S, C]
+    [M, C]
   ), P = A(() => {
     if (!t || !c.current) return;
     u.current !== null && clearTimeout(u.current), requestAnimationFrame(() => {
@@ -5095,11 +5095,11 @@ function mc({
       const p = h.current;
       if (!p.isScrolling) return;
       const O = w(p.startY + T.deltaY);
-      p.isPullingToRefresh && O < p.startY && (p.isPullingToRefresh = !1), S(O), n && p.isPullingToRefresh && !f && O > 0 && (p.pullDistance = O), P();
+      p.isPullingToRefresh && O < p.startY && (p.isPullingToRefresh = !1), M(O), n && p.isPullingToRefresh && !f && O > 0 && (p.pullDistance = O), P();
     },
     [
       n,
-      S,
+      M,
       f,
       P,
       w
@@ -5111,9 +5111,9 @@ function mc({
   }, [n, C]), Y = A(
     (T) => {
       const p = h.current;
-      p.isScrolling && (p.isScrolling = !1, n && p.isPullingToRefresh && !f && p.pullDistance > p.refreshThreshold ? F() : p.currentY > 0 || p.currentY < -p.maxScroll ? C(p.currentY > 0 ? 0 : -p.maxScroll) : M(T.velocityY), p.isPullingToRefresh = !1);
+      p.isScrolling && (p.isScrolling = !1, n && p.isPullingToRefresh && !f && p.pullDistance > p.refreshThreshold ? F() : p.currentY > 0 || p.currentY < -p.maxScroll ? C(p.currentY > 0 ? 0 : -p.maxScroll) : S(T.velocityY), p.isPullingToRefresh = !1);
     },
-    [n, M, C, f, F]
+    [n, S, C, f, F]
   );
   return H(() => {
     if (!a.current) return;
@@ -5177,7 +5177,7 @@ function mc({
     updateMaxScroll: g,
     rubberBandEffect: w,
     updateScrollbarPosition: E,
-    setPosition: S
+    setPosition: M
   };
 }
 const Gs = {
@@ -5185,7 +5185,7 @@ const Gs = {
   4: "text-4xl",
   5: "text-5xl",
   6: "text-6xl"
-}, hc = ({
+}, bc = ({
   title: e,
   description: t,
   size: n = "6",
@@ -5194,7 +5194,7 @@ const Gs = {
 }) => /* @__PURE__ */ v("div", { className: N("text-center", o), children: [
   /* @__PURE__ */ d("p", { className: `${Gs[n]} font-medium`, children: e }),
   t ? /* @__PURE__ */ d("p", { className: N("mt-6 text-base-11", r), children: t }) : null
-] }), bc = De(
+] }), pc = De(
   ({
     placeholder: e = "Buscar",
     value: t,
@@ -5311,7 +5311,7 @@ const Gs = {
       duration: 0.3
     }
   }
-}, mr = /* @__PURE__ */ new Set(), Z = /* @__PURE__ */ new WeakMap(), _e = /* @__PURE__ */ new WeakMap(), Me = /* @__PURE__ */ new WeakMap(), zt = /* @__PURE__ */ new WeakMap(), Js = /* @__PURE__ */ new WeakMap(), Ye = /* @__PURE__ */ new WeakMap(), bt = /* @__PURE__ */ new WeakMap(), Be = /* @__PURE__ */ new WeakSet();
+}, mr = /* @__PURE__ */ new Set(), Z = /* @__PURE__ */ new WeakMap(), _e = /* @__PURE__ */ new WeakMap(), Se = /* @__PURE__ */ new WeakMap(), zt = /* @__PURE__ */ new WeakMap(), Js = /* @__PURE__ */ new WeakMap(), Ye = /* @__PURE__ */ new WeakMap(), bt = /* @__PURE__ */ new WeakMap(), Be = /* @__PURE__ */ new WeakSet();
 let Ne, Zt = 0, en = 0;
 const pe = "__aa_tgt", Ue = "__aa_del", pt = "__aa_new", Zs = (e) => {
   const t = ai(e);
@@ -5349,7 +5349,7 @@ function Pe(e) {
   bt.set(
     e,
     setTimeout(async () => {
-      const r = Me.get(e);
+      const r = Se.get(e);
       try {
         await r?.finished, Z.set(e, Re(e)), ti(e);
       } catch {
@@ -5423,7 +5423,7 @@ function Ot(e, t) {
 }
 function si(e) {
   const t = e.isConnected, n = Z.has(e);
-  t && _e.has(e) && _e.delete(e), Me.has(e) && Me.get(e)?.cancel(), pt in e ? $n(e) : n && t ? ci(e) : n && !t ? li(e) : $n(e);
+  t && _e.has(e) && _e.delete(e), Se.has(e) && Se.get(e)?.cancel(), pt in e ? $n(e) : n && t ? ci(e) : n && !t ? li(e) : $n(e);
 }
 function ue(e) {
   return Number(e.replace(/[^0-9.\-]/g, ""));
@@ -5504,7 +5504,7 @@ function ci(e) {
     );
     r = new Animation(s), r.play();
   }
-  Me.set(e, r), Z.set(e, n), r.addEventListener("finish", Pe.bind(null, e));
+  Se.set(e, r), Z.set(e, n), r.addEventListener("finish", Pe.bind(null, e));
 }
 function $n(e) {
   pt in e && delete e[pt];
@@ -5529,10 +5529,10 @@ function $n(e) {
     const [o] = nn(n(e, "add", t));
     r = new Animation(o), r.play();
   }
-  Me.set(e, r), r.addEventListener("finish", Pe.bind(null, e));
+  Se.set(e, r), r.addEventListener("finish", Pe.bind(null, e));
 }
 function Tn(e, t) {
-  e.remove(), Z.delete(e), _e.delete(e), Me.delete(e), zt.get(e)?.disconnect(), setTimeout(() => {
+  e.remove(), Z.delete(e), _e.delete(e), Se.delete(e), zt.get(e)?.disconnect(), setTimeout(() => {
     if (Ue in e && delete e[Ue], Object.defineProperty(e, pt, { value: !0, configurable: !0 }), t && e instanceof HTMLElement)
       for (const n in t)
         e.style[n] = "";
@@ -5577,7 +5577,7 @@ function li(e) {
     );
     h?.styleReset !== !1 && (m = h?.styleReset || m, Object.assign(e.style, m)), f = new Animation(b), f.play();
   }
-  Me.set(e, f), f.addEventListener("finish", Tn.bind(null, e, m));
+  Se.set(e, f), f.addEventListener("finish", Tn.bind(null, e, m));
 }
 function ui(e, t, n, r) {
   const o = Zt - t, s = en - n, a = document.documentElement.style.scrollBehavior;
@@ -5649,7 +5649,7 @@ const we = {
       item: "grow"
     }
   }
-}, pc = ({
+}, gc = ({
   options: e,
   selected: t,
   onChange: n,
@@ -5693,7 +5693,7 @@ const we = {
               we.border[u]
             ),
             children: e.map((E) => {
-              const S = r(t) === r(E);
+              const M = r(t) === r(E);
               return /* @__PURE__ */ d(
                 "button",
                 {
@@ -5701,8 +5701,8 @@ const we = {
                   className: N(
                     "border-r px-3 py-1 last:border-none text-nowrap shrink-0",
                     we.widths[c].item,
-                    !S && "lg:hover:bg-overlay-3",
-                    s ? s(S) : S ? we.colors[i] : we.unselectedColors[l],
+                    !M && "lg:hover:bg-overlay-3",
+                    s ? s(M) : M ? we.colors[i] : we.unselectedColors[l],
                     we.border[u],
                     a
                   ),
@@ -5767,9 +5767,9 @@ function fi({
   className: h
 }) {
   const [g, w] = I(-1), E = $(null), {
-    triggerRef: S,
+    triggerRef: M,
     triggerProps: C,
-    popoverRef: M,
+    popoverRef: S,
     getPopoverPosition: P,
     open: y,
     toggle: k,
@@ -5785,8 +5785,8 @@ function fi({
       w(-1);
     }
   });
-  Vt(M, (p) => {
-    !S.current || !y || !p.target || S.current.contains(p.target) || F();
+  Vt(S, (p) => {
+    !M.current || !y || !p.target || M.current.contains(p.target) || F();
   });
   const Y = P(), T = c && r ? c(r, n) : r;
   return /* @__PURE__ */ v("div", { className: N("relative", h), children: [
@@ -5803,7 +5803,7 @@ function fi({
     /* @__PURE__ */ v(
       U,
       {
-        ref: S,
+        ref: M,
         color: "solidhybrid",
         className: "w-full justify-between",
         onClick: k,
@@ -5827,13 +5827,13 @@ function fi({
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: -10 },
         transition: { duration: 0.15 },
-        ref: M,
+        ref: S,
         style: {
           position: "fixed",
           left: Y.x,
           top: Y.top,
           bottom: Y.bottom,
-          width: S.current?.offsetWidth ?? 200
+          width: M.current?.offsetWidth ?? 200
         },
         className: N(
           "bg-base-1 dark-theme:bg-base-3 border border-base-4",
@@ -5878,7 +5878,7 @@ function fi({
     ) }) })
   ] });
 }
-const gc = ({ name: e, ...t }) => {
+const vc = ({ name: e, ...t }) => {
   const { control: n } = Qe();
   return n ? /* @__PURE__ */ d(
     Je,
@@ -5899,7 +5899,7 @@ const gc = ({ name: e, ...t }) => {
     "Form control missing for field: ",
     e
   ] }));
-}, vc = ({ className: e }) => /* @__PURE__ */ d("div", { className: N("w-full h-px bg-base-4", e) }), wc = ({
+}, wc = ({
   text: e,
   length: t = 120,
   size: n = "sm",
@@ -6183,7 +6183,7 @@ function bi({
   required: o,
   className: s = ""
 }) {
-  const a = Sn();
+  const a = Mn();
   return /* @__PURE__ */ v(
     "button",
     {
@@ -6249,7 +6249,7 @@ const pi = ({
   maxTags: l,
   validateTag: c
 }) => {
-  const [u, f] = I(""), [m, b] = I(!1), [h, g] = I(null), w = $(null), E = $(null), S = $([]), C = r.length > 0, M = $(
+  const [u, f] = I(""), [m, b] = I(!1), [h, g] = I(null), w = $(null), E = $(null), M = $([]), C = r.length > 0, S = $(
     `taginput-${Math.random().toString(36).substr(2, 9)}`
   ).current, P = $(
     `label-${Math.random().toString(36).substr(2, 9)}`
@@ -6257,7 +6257,7 @@ const pi = ({
     `error-${Math.random().toString(36).substr(2, 9)}`
   ).current;
   H(() => {
-    S.current = S.current.slice(0, r.length);
+    M.current = M.current.slice(0, r.length);
   }, [r.length]);
   const k = (D) => {
     if (D.key === "Enter" && u.trim()) {
@@ -6285,7 +6285,7 @@ const pi = ({
     } else if (D.key === "Backspace" && !u && r.length > 0) {
       const W = r[r.length - 1];
       o(r.slice(0, -1)), O(`Removed tag ${W}`);
-    } else D.key === "ArrowLeft" && u === "" && r.length > 0 && S.current[r.length - 1] && S.current[r.length - 1]?.focus();
+    } else D.key === "ArrowLeft" && u === "" && r.length > 0 && M.current[r.length - 1] && M.current[r.length - 1]?.focus();
   }, F = (D, W) => {
     if (D.key === "Backspace" || D.key === "Delete") {
       D.preventDefault();
@@ -6293,10 +6293,10 @@ const pi = ({
       q.splice(W, 1), o(q), setTimeout(() => {
         w.current && w.current.focus();
       }, 0), O(`Removed tag ${j}`);
-    } else D.key === "ArrowRight" ? (D.preventDefault(), W < r.length - 1 ? S.current[W + 1]?.focus() : w.current?.focus()) : D.key === "ArrowLeft" && (D.preventDefault(), W > 0 && S.current[W - 1]?.focus());
+    } else D.key === "ArrowRight" ? (D.preventDefault(), W < r.length - 1 ? M.current[W + 1]?.focus() : w.current?.focus()) : D.key === "ArrowLeft" && (D.preventDefault(), W > 0 && M.current[W - 1]?.focus());
   }, Y = (D, W) => {
     o(r.filter((j) => j !== D)), setTimeout(() => {
-      W < r.length - 1 ? S.current[W]?.focus() : W > 0 ? S.current[W - 1]?.focus() : w.current?.focus();
+      W < r.length - 1 ? M.current[W]?.focus() : W > 0 ? M.current[W - 1]?.focus() : w.current?.focus();
     }, 0), O(`Removed tag ${D}`);
   }, T = (D) => {
     f(D.target.value), g(null);
@@ -6311,7 +6311,7 @@ const pi = ({
         "label",
         {
           id: P,
-          htmlFor: M,
+          htmlFor: S,
           className: N("text-base top-4 font-semibold left-3", {
             "text-sm top-2 left-2": m || C || i,
             "text-red-9": !!a
@@ -6344,7 +6344,7 @@ const pi = ({
               "label",
               {
                 id: P,
-                htmlFor: M,
+                htmlFor: S,
                 className: N(
                   "absolute transition-all duration-200 pointer-events-none",
                   "text-base top-4 font-semibold left-3",
@@ -6371,7 +6371,7 @@ const pi = ({
                     "div",
                     {
                       ref: (j) => {
-                        S.current[W] = j;
+                        M.current[W] = j;
                       },
                       className: N(
                         "line-clamp-1 text-brand rounded-full px-2 text-sm flex items-center",
@@ -6403,7 +6403,7 @@ const pi = ({
                   /* @__PURE__ */ d(
                     "input",
                     {
-                      id: M,
+                      id: S,
                       ref: w,
                       type: "text",
                       className: "flex-grow min-w-[60px] bg-transparent outline-none placeholder:text-sm placeholder:text-secondarytext",
@@ -6819,46 +6819,46 @@ const Tc = ({ colors: e }) => {
   }
 };
 export {
-  sc as AliveScope,
+  ic as AliveScope,
   zi as Avatar,
   Hi as AvatarsGroup,
   U as Button,
   nr as Calendar,
-  Ms as Checkbox,
+  Ss as Checkbox,
   tc as ConfirmationDialog,
   Qi as DatePickerDemo,
   Ji as DatePickerPopover,
   ec as DateTimePicker,
-  nc as ElasticHeader,
+  nc as Divider,
+  rc as ElasticHeader,
   Ii as FocusTrap,
-  rc as Form,
-  ac as FormInput,
-  dc as FormMultiSelect,
-  gc as FormSelect,
+  oc as Form,
+  sc as FormInput,
+  fc as FormMultiSelect,
+  vc as FormSelect,
   yc as FormSubmit,
   kc as FormTags,
   Ec as FormTextArea,
   $c as FormWorkingHours,
   js as Icon,
   lr as Input,
-  cc as KeepAlive,
+  lc as KeepAlive,
   fr as LazyImage,
   Ks as LazyImageWrapped,
-  lc as List,
-  uc as ListItem,
+  uc as List,
+  dc as ListItem,
   xc as ModalsProvider,
   Us as MultiSelect,
-  fc as PageScroller,
-  hc as PageTitle,
+  mc as PageScroller,
+  bc as PageTitle,
   Cs as PopoverCard,
   Ui as PopoverCardContent,
   Gi as PopoverCardFooter,
   Ki as PopoverCardHeader,
   je as Portal,
-  bc as SearchInput,
-  pc as SegmentedControl,
+  pc as SearchInput,
+  gc as SegmentedControl,
   fi as Select,
-  vc as Separator,
   wc as ShowMoreText,
   wr as Spinner,
   Nc as SuperModal,
@@ -6885,17 +6885,17 @@ export {
   Vi as useClickAwayAdvanced,
   Vt as useClickAwayWithRef,
   Lt as useEventListener,
-  ic as useKeepAlive,
+  cc as useKeepAlive,
   Zr as useKeyListener,
   xt as useLargeScreen,
   Xi as useLongPress,
   Rn as useMergedRef,
-  oc as useMethods,
+  ac as useMethods,
   mi as useModals,
   qi as useNetwork,
   Jr as useOverflow,
   ji as useOverflowState,
   Xt as usePopover,
   no as useRipple,
-  mc as useScroller
+  hc as useScroller
 };