@mateosuarezdev/react-ui 1.0.56 → 1.0.57

package/dist/index.js

@@ -16,7 +16,7 @@ import { twMerge as Mr } 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";
-import { useSearchParams as Br, navigate as ke, useInitialChangeEvent as Vr } from "@mateosuarezdev/react-router";
+import { useSearchParams as Br, navigate as Ee, useInitialChangeEvent as Vr } from "@mateosuarezdev/react-router";
 import { appendErrors as Wn, FormProvider as Xr, useForm as qr, useFormContext as Qe, Controller as Je } from "react-hook-form";
 import { validateFieldsNatively as on, toNestErrors as an } from "@hookform/resolvers";
 import { createGesture as _n } from "@mateosuarezdev/gestures";
@@ -329,8 +329,8 @@ function Xi({
     const f = s.current;
     if (!f) return;
     function m(C, M, P, y) {
-      const E = C - P, F = M - y;
-      return Math.sqrt(E * E + F * F);
+      const k = C - P, F = M - y;
+      return Math.sqrt(k * k + F * F);
     }
     function b(C) {
       if (C.touches.length !== 1) return;
@@ -357,14 +357,14 @@ function Xi({
     function w(C) {
       C.button === 0 && (u.current = !0);
     }
-    function k(C) {
+    function E(C) {
       C.button !== 0 || !u.current || (u.current = !1, t?.(C));
     }
     function S(C) {
       C.preventDefault();
     }
-    return f.addEventListener("touchstart", b), f.addEventListener("touchmove", h), f.addEventListener("touchend", g), f.addEventListener("mousedown", w), f.addEventListener("mouseup", k), 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", k), 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", 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);
     };
   }, [e, t, n, r, o]), s;
 }
@@ -411,13 +411,13 @@ const qi = () => {
     y: 0,
     width: 0,
     height: 0
-  }), w = $(null), k = Sn(), S = A(
+  }), w = $(null), E = Sn(), S = A(
     (y) => {
-      const E = y ?? g.current;
-      if (!E) return { x: 0, top: 0, bottom: void 0 };
+      const k = y ?? g.current;
+      if (!k) return { x: 0, top: 0, bottom: void 0 };
       const F = f.width, Y = f.height;
       return to({
-        triggerRect: E,
+        triggerRect: k,
         popoverWidth: F,
         popoverHeight: Y,
         align: t,
@@ -458,14 +458,14 @@ const qi = () => {
       y: y.y,
       width: y.width,
       height: y.height
-    }, u((E) => (E ? l?.() : i?.(), !E));
+    }, u((k) => (k ? l?.() : i?.(), !k));
   }, []), P = A(() => {
     u(!1), l?.();
   }, []);
   return {
     triggerRef: b,
     triggerProps: {
-      id: k,
+      id: E,
       "aria-expanded": c,
       "aria-haspopup": !0
     },
@@ -516,8 +516,8 @@ const qi = () => {
       else if (r === "end")
         c = e.right - t, c < a && (g >= t ? c = e.left : c = a);
       else {
-        const k = e.left + e.width / 2 - t / 2;
-        k >= a && k + t <= l.width - a ? c = k : k < a ? c = a : c = l.width - t - a;
+        const E = e.left + e.width / 2 - t / 2;
+        E >= a && E + t <= l.width - a ? c = E : E < a ? c = a : c = l.width - t - a;
       }
     } else {
       const b = e.top, h = l.height - e.bottom;
@@ -528,8 +528,8 @@ const qi = () => {
       else if (r === "end")
         c = e.right - t, c < a && (g >= t ? c = e.left : c = a);
       else {
-        const k = e.left + e.width / 2 - t / 2;
-        k >= a && k + t <= l.width - a ? c = k : k < a ? c = a : c = l.width - t - a;
+        const E = e.left + e.width / 2 - t / 2;
+        E >= a && E + t <= l.width - a ? c = E : E < a ? c = a : c = l.width - t - a;
       }
     }
     c = Math.max(
@@ -643,7 +643,7 @@ const qi = () => {
     type: m = "button",
     ...b
   }, h) => {
-    const [g, w] = I(!1), k = (P) => {
+    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(
       l,
@@ -656,7 +656,7 @@ const qi = () => {
         type: m,
         disabled: b.disabled ? b.disabled : o === "disabled" || o === "loading",
         onMouseDown: C,
-        onClick: (P) => g ? null : k(P),
+        onClick: (P) => g ? null : E(P),
         className: N(
           ro,
           oo[t],
@@ -729,7 +729,7 @@ function ln(e) {
   );
   return n.setUTCFullYear(t.getFullYear()), +e - +n;
 }
-function Et(e, ...t) {
+function kt(e, ...t) {
   const n = ce.bind(
     null,
     t.find((r) => typeof r == "object")
@@ -741,7 +741,7 @@ function dt(e, t) {
   return n.setHours(0, 0, 0, 0), n;
 }
 function mo(e, t, n) {
-  const [r, o] = Et(
+  const [r, o] = kt(
     n?.in,
     e,
     t
@@ -753,7 +753,7 @@ function ho(e, t) {
   return r.setFullYear(n, 0, 4), r.setHours(0, 0, 0, 0), ut(r);
 }
 function Dt(e, t, n) {
-  const [r, o] = Et(
+  const [r, o] = kt(
     n?.in,
     e,
     t
@@ -771,7 +771,7 @@ function go(e, t) {
   return n.setFullYear(n.getFullYear(), r + 1, 0), n.setHours(23, 59, 59, 999), n;
 }
 function vo(e, t) {
-  const [n, r] = Et(e, t.start, t.end);
+  const [n, r] = kt(e, t.start, t.end);
   return { start: n, end: r };
 }
 function wo(e, t) {
@@ -855,7 +855,7 @@ const No = {
     one: "almost 1 year",
     other: "almost {{count}} years"
   }
-}, Eo = (e, t, n) => {
+}, ko = (e, t, n) => {
   let r;
   const o = No[e];
   return typeof o == "string" ? r = o : t === 1 ? r = o.one : r = o.other.replace("{{count}}", t.toString()), n?.addSuffix ? n.comparison && n.comparison > 0 ? "in " + r : r + " ago" : r;
@@ -866,7 +866,7 @@ function We(e) {
     return e.formats[n] || e.formats[e.defaultWidth];
   };
 }
-const ko = {
+const Eo = {
   full: "EEEE, MMMM do, y",
   long: "MMMM do, y",
   medium: "MMM d, y",
@@ -883,7 +883,7 @@ const ko = {
   short: "{{date}}, {{time}}"
 }, Co = {
   date: We({
-    formats: ko,
+    formats: Eo,
     defaultWidth: "full"
   }),
   time: We({
@@ -1214,7 +1214,7 @@ const Io = /^(\d+)(th|st|nd|rd)?/i, jo = /\d+/i, zo = {
   })
 }, Hn = {
   code: "en-US",
-  formatDistance: Eo,
+  formatDistance: ko,
   formatLong: Co,
   formatRelative: Mo,
   localize: _o,
@@ -1794,7 +1794,7 @@ const ve = {
       // so this token always has the same output as `XX`
       case "XXXX":
       case "XX":
-        return Ee(r);
+        return ke(r);
       // Hours, minutes and optional seconds with `:` delimiter
       // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
       // so this token always has the same output as `XXX`
@@ -1802,7 +1802,7 @@ const ve = {
       case "XXX":
       // Hours and minutes with `:` delimiter
       default:
-        return Ee(r, ":");
+        return ke(r, ":");
     }
   },
   // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
@@ -1817,7 +1817,7 @@ const ve = {
       // so this token always has the same output as `xx`
       case "xxxx":
       case "xx":
-        return Ee(r);
+        return ke(r);
       // Hours, minutes and optional seconds with `:` delimiter
       // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
       // so this token always has the same output as `xxx`
@@ -1825,7 +1825,7 @@ const ve = {
       case "xxx":
       // Hours and minutes with `:` delimiter
       default:
-        return Ee(r, ":");
+        return ke(r, ":");
     }
   },
   // Timezone (GMT)
@@ -1840,7 +1840,7 @@ const ve = {
       // Long
       case "OOOO":
       default:
-        return "GMT" + Ee(r, ":");
+        return "GMT" + ke(r, ":");
     }
   },
   // Timezone (specific non-location)
@@ -1855,7 +1855,7 @@ const ve = {
       // Long
       case "zzzz":
       default:
-        return "GMT" + Ee(r, ":");
+        return "GMT" + ke(r, ":");
     }
   },
   // Seconds timestamp
@@ -1873,9 +1873,9 @@ function dn(e, t = "") {
   return s === 0 ? n + String(o) : n + String(o) + t + z(s, 2);
 }
 function fn(e, t) {
-  return e % 60 === 0 ? (e > 0 ? "-" : "+") + z(Math.abs(e) / 60, 2) : Ee(e, t);
+  return e % 60 === 0 ? (e > 0 ? "-" : "+") + z(Math.abs(e) / 60, 2) : ke(e, t);
 }
-function Ee(e, t = "") {
+function ke(e, t = "") {
   const n = e > 0 ? "-" : "+", r = Math.abs(e), o = z(Math.trunc(r / 60), 2), s = z(r % 60, 2);
   return n + o + t + s;
 }
@@ -1987,7 +1987,7 @@ function ga(e) {
   return t ? t[1].replace(ba, "'") : e;
 }
 function hn(e, t, n) {
-  const [r, o] = Et(
+  const [r, o] = kt(
     n?.in,
     e,
     t
@@ -2078,7 +2078,7 @@ const va = {
   long: "{{date}} 'a las' {{time}}",
   medium: "{{date}}, {{time}}",
   short: "{{date}}, {{time}}"
-}, Ea = {
+}, ka = {
   date: We({
     formats: ya,
     defaultWidth: "full"
@@ -2091,7 +2091,7 @@ const va = {
     formats: Na,
     defaultWidth: "full"
   })
-}, ka = {
+}, Ea = {
   lastWeek: "'el' eeee 'pasado a la' p",
   yesterday: "'ayer a la' p",
   today: "'hoy a la' p",
@@ -2105,7 +2105,7 @@ const va = {
   tomorrow: "'mañana a las' p",
   nextWeek: "eeee 'a las' p",
   other: "P"
-}, Ta = (e, t, n, r) => t.getHours() !== 1 ? $a[e] : ka[e], Ca = {
+}, Ta = (e, t, n, r) => t.getHours() !== 1 ? $a[e] : Ea[e], Ca = {
   narrow: ["AC", "DC"],
   abbreviated: ["AC", "DC"],
   wide: ["antes de cristo", "después de cristo"]
@@ -2356,7 +2356,7 @@ const va = {
 }, Ke = {
   code: "es",
   formatDistance: wa,
-  formatLong: Ea,
+  formatLong: ka,
   formatRelative: Ta,
   localize: Fa,
   match: qa,
@@ -2376,11 +2376,11 @@ function Ua(e) {
   return Ka(e) && e.nodeType === Node.DOCUMENT_FRAGMENT_NODE && "host" in e;
 }
 let Ga = !1;
-function kt() {
+function Et() {
   return Ga;
 }
 function bn(e, t) {
-  if (!kt()) return t && e ? e.contains(t) : !1;
+  if (!Et()) return t && e ? e.contains(t) : !1;
   if (!e || !t) return !1;
   let n = t;
   for (; n !== null; ) {
@@ -2391,13 +2391,13 @@ function bn(e, t) {
 }
 const ie = (e = document) => {
   var t;
-  if (!kt()) return e.activeElement;
+  if (!Et()) return e.activeElement;
   let n = e.activeElement;
   for (; n && "shadowRoot" in n && (!((t = n.shadowRoot) === null || t === void 0) && t.activeElement); ) n = n.shadowRoot.activeElement;
   return n;
 };
 function Fe(e) {
-  return kt() && e.target.shadowRoot && e.composedPath ? e.composedPath()[0] : e.target;
+  return Et() && e.target.shadowRoot && e.composedPath ? e.composedPath()[0] : e.target;
 }
 class Qa {
   get currentNode() {
@@ -2521,7 +2521,7 @@ class Qa {
   }
 }
 function Ja(e, t, n, r) {
-  return kt() ? new Qa(e, t, n, r) : e.createTreeWalker(t, n, r);
+  return Et() ? new Qa(e, t, n, r) : e.createTreeWalker(t, n, r);
 }
 function pn(e) {
   if (Za()) e.focus({
@@ -2785,7 +2785,7 @@ function ys(e) {
     };
   }, [
     t
-  ]), $s(i, r, n), Es(i, n), Ts(i, r, n), ks(i, o), H(() => {
+  ]), $s(i, r, n), ks(i, n), Ts(i, r, n), Es(i, o), H(() => {
     const m = ie(G(i.current ? i.current[0] : void 0));
     let b = null;
     if (ae(m, i.current)) {
@@ -2890,7 +2890,7 @@ function Ns(e) {
   }
   return t ? !t.some((s) => s.checked) : !1;
 }
-function Es(e, t) {
+function ks(e, t) {
   let n = $(void 0), r = $(void 0);
   me(() => {
     let o = e.current;
@@ -2981,7 +2981,7 @@ function tr(e, t = !0) {
 function It(e, t = !0) {
   be(tr(e, t));
 }
-function ks(e, t) {
+function Es(e, t) {
   const n = Ae.useRef(t);
   H(() => {
     if (n.current) {
@@ -3195,7 +3195,7 @@ const je = ({ children: e, node: t }) => Mn(e, t ?? document.body), Cs = ({
 }) => {
   const {
     triggerRef: w,
-    triggerProps: k,
+    triggerProps: E,
     popoverRef: S,
     getPopoverPosition: C,
     open: M,
@@ -3223,11 +3223,11 @@ const je = ({ children: e, node: t }) => Mn(e, t ?? document.body), Cs = ({
   ), Vt(S, (F) => {
     !c || !w.current || !M || !F.target || w.current.contains(F.target) || y();
   });
-  const E = C();
+  const k = C();
   return /* @__PURE__ */ v(vt, { children: [
     t ? t({
       triggerRef: w,
-      triggerProps: k,
+      triggerProps: E,
       toggle: P,
       open: M,
       close: y
@@ -3235,7 +3235,7 @@ const je = ({ children: e, node: t }) => Mn(e, t ?? document.body), Cs = ({
       "button",
       {
         ref: w,
-        ...k,
+        ...E,
         onClick: P,
         className: N(
           "outline-none p-2 rounded-md transition-colors",
@@ -3267,9 +3267,9 @@ const je = ({ children: e, node: t }) => Mn(e, t ?? document.body), Cs = ({
         ref: S,
         style: {
           position: "fixed",
-          left: E.x,
-          top: E.top,
-          bottom: E.bottom,
+          left: k.x,
+          top: k.top,
+          bottom: k.bottom,
           maxHeight: typeof b == "number" ? `${b}px` : b,
           minWidth: typeof h == "number" ? `${h}px` : h,
           maxWidth: typeof g == "number" ? `${g}px` : g,
@@ -3336,50 +3336,50 @@ const je = ({ children: e, node: t }) => Mn(e, t ?? document.body), Cs = ({
   ), b = $(null), h = te(() => n ? new Set(
     n.map((y) => new Date(y).toDateString())
   ) : /* @__PURE__ */ new Set(), [n]), g = te(() => new Set(r || []), [r]), w = te(() => {
-    const y = yo(c), E = go(c), F = new Date(y), Y = new Date(E);
+    const y = yo(c), k = go(c), F = new Date(y), Y = new Date(k);
     if (i) {
       const T = y.getDay(), p = T === 0 ? 6 : T - 1;
       F.setDate(y.getDate() - p);
-      const O = E.getDay(), D = O === 0 ? 0 : 7 - O;
-      Y.setDate(E.getDate() + D);
+      const O = k.getDay(), D = O === 0 ? 0 : 7 - O;
+      Y.setDate(k.getDate() + D);
     } else
-      F.setDate(y.getDate() - y.getDay()), Y.setDate(E.getDate() + (6 - E.getDay()));
+      F.setDate(y.getDate() - y.getDay()), Y.setDate(k.getDate() + (6 - k.getDay()));
     return wo({ start: F, end: Y });
-  }, [c, i]), k = te(
+  }, [c, i]), E = te(
     () => Ss(a ?? Ke, i),
     [a, i]
   ), S = (y) => {
-    const E = y.toDateString(), F = y.getDay();
-    return !(h.has(E) || g.has(F) || o && y < o || s && y > s);
+    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) => {
     if (!f) return;
-    let E = new Date(f), F = !0, Y, T;
+    let k = new Date(f), F = !0, Y, T;
     switch (y.key) {
       case "ArrowUp":
-        E.setDate(E.getDate() - 7);
+        k.setDate(k.getDate() - 7);
         break;
       case "ArrowDown":
-        E.setDate(E.getDate() + 7);
+        k.setDate(k.getDate() + 7);
         break;
       case "ArrowLeft":
-        E.setDate(E.getDate() - 1);
+        k.setDate(k.getDate() - 1);
         break;
       case "ArrowRight":
-        E.setDate(E.getDate() + 1);
+        k.setDate(k.getDate() + 1);
         break;
       case "Home":
-        Y = E.getDay(), E.setDate(E.getDate() - Y);
+        Y = k.getDay(), k.setDate(k.getDate() - Y);
         break;
       case "End":
-        T = E.getDay(), E.setDate(E.getDate() + (6 - T));
+        T = k.getDay(), k.setDate(k.getDate() + (6 - T));
         break;
       case "PageUp":
-        E = y.shiftKey ? Pt(E, 12) : Pt(E, 1);
+        k = y.shiftKey ? Pt(k, 12) : Pt(k, 1);
         break;
       case "PageDown":
-        E = y.shiftKey ? it(E, 12) : it(E, 1);
+        k = y.shiftKey ? it(k, 12) : it(k, 1);
         break;
       case "Enter":
       case " ":
@@ -3388,10 +3388,10 @@ const je = ({ children: e, node: t }) => Mn(e, t ?? document.body), Cs = ({
       default:
         F = !1;
     }
-    F && (y.preventDefault(), E.getTime() !== f.getTime() && (m(E), hn(E, c) || u(E)));
+    F && (y.preventDefault(), k.getTime() !== f.getTime() && (m(k), hn(k, c) || u(k)));
   }, P = (y) => {
     u(
-      (E) => y === "prev" ? Pt(E, 1) : it(E, 1)
+      (k) => y === "prev" ? Pt(k, 1) : it(k, 1)
     );
   };
   return /* @__PURE__ */ v(
@@ -3428,7 +3428,7 @@ const je = ({ children: e, node: t }) => Mn(e, t ?? document.body), Cs = ({
             }
           )
         ] }),
-        /* @__PURE__ */ d("div", { className: "grid grid-cols-7 gap-1 mt-4", role: "row", children: k.map((y) => /* @__PURE__ */ d(
+        /* @__PURE__ */ d("div", { className: "grid grid-cols-7 gap-1 mt-4", role: "row", children: E.map((y) => /* @__PURE__ */ d(
           "div",
           {
             className: "text-xs flex items-center w-8 justify-center text-base-11",
@@ -3437,7 +3437,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, E) => {
+        /* @__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());
           return /* @__PURE__ */ d(
             "button",
@@ -3462,7 +3462,7 @@ const je = ({ children: e, node: t }) => Mn(e, t ?? document.body), Cs = ({
               ),
               children: Ce(y, "d")
             },
-            E
+            k
           );
         }) })
       ]
@@ -3713,7 +3713,7 @@ const tc = ({
   trigger: l
 }) => {
   const { searchParams: c } = Br(), u = te(() => !!c[n], [c]), f = A(() => {
-    ke.to(`${window.location.pathname}?${n}=open`);
+    Ee.to(`${window.location.pathname}?${n}=open`);
   }, [n]);
   return /* @__PURE__ */ v(vt, { children: [
     /* @__PURE__ */ d(Ie, { initial: !1, children: u && r ? /* @__PURE__ */ v(je, { node: document && document.getElementById("modals"), children: [
@@ -3740,7 +3740,7 @@ const tc = ({
               /* @__PURE__ */ d(
                 U,
                 {
-                  onClick: () => ke.back(),
+                  onClick: () => Ee.back(),
                   color: "transparentinactive",
                   size: "sm",
                   children: o ?? "Cancelar"
@@ -3751,7 +3751,7 @@ const tc = ({
                 {
                   size: "sm",
                   onClick: () => {
-                    i && i(), ke.back();
+                    i && i(), Ee.back();
                   },
                   color: a,
                   children: s ?? "Continuar"
@@ -4019,8 +4019,8 @@ const js = ({
     type: h = "text",
     value: g,
     ...w
-  }, k) => {
-    const S = $(null), C = $(!1), [M, P] = I(!1), [y, E] = I(!1), F = h === "password", Y = F && M ? "text" : c ? "number" : h, T = g !== "" && g !== null && g !== void 0;
+  }, 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;
     return H(() => {
       if (!C.current) {
         C.current = !0;
@@ -4079,7 +4079,7 @@ const js = ({
               "input",
               {
                 ref: (p) => {
-                  k && (typeof k == "function" ? k(p) : k.current = p), S.current = p;
+                  E && (typeof E == "function" ? E(p) : E.current = p), S.current = p;
                 },
                 type: Y,
                 className: N(
@@ -4096,8 +4096,8 @@ const js = ({
                 ),
                 value: g,
                 placeholder: s,
-                onFocus: () => E(!0),
-                onBlur: () => E(!1),
+                onFocus: () => k(!0),
+                onBlur: () => k(!1),
                 ...w
               }
             )
@@ -4298,8 +4298,8 @@ const ac = ({
       if (n) return;
       const h = new IntersectionObserver(
         (w) => {
-          w.forEach((k) => {
-            k.isIntersecting && (u(!0), h.disconnect());
+          w.forEach((E) => {
+            E.isIntersecting && (u(!0), h.disconnect());
           });
         },
         {
@@ -4414,7 +4414,7 @@ const lc = ({
   disabled: b = !1,
   className: h
 }) => {
-  const [g, w] = I(""), [k, S] = I(!1), [C, M] = I(-1), P = $(null), y = $(null), E = $([]), {
+  const [g, w] = I(""), [E, S] = I(!1), [C, M] = I(-1), P = $(null), y = $(null), k = $([]), {
     triggerRef: F,
     triggerProps: Y,
     popoverRef: T,
@@ -4446,7 +4446,7 @@ const lc = ({
     (L) => a(L).toLowerCase().includes(g.toLowerCase())
   ) : n;
   H(() => {
-    E.current = E.current.slice(0, Q.length);
+    k.current = k.current.slice(0, Q.length);
   }, [Q.length]);
   const se = (L) => i ? r.some(
     (R) => R === s(L) || s(R) === s(L)
@@ -4501,13 +4501,13 @@ const lc = ({
             D();
           else {
             const R = C >= Q.length - 1 ? 0 : C + 1;
-            M(R), E.current[R]?.scrollIntoView({ block: "nearest" });
+            M(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), E.current[R]?.scrollIntoView({ block: "nearest" });
+            M(R), k.current[R]?.scrollIntoView({ block: "nearest" });
           }
           break;
         case "Backspace":
@@ -4517,9 +4517,9 @@ const lc = ({
           }
           break;
       }
-  }, Er = (L) => {
+  }, kr = (L) => {
     w(L.target.value), M(-1);
-  }, kr = () => {
+  }, Er = () => {
     b || (m && P.current && P.current.focus(), D());
   }, rt = (L) => {
     console.log(`Accessibility announcement: ${L}`);
@@ -4551,13 +4551,13 @@ const lc = ({
             {
               "py-3": t === "default",
               "pt-5 pb-2": t === "floating",
-              "ring-1 ring-brand": O || k,
+              "ring-1 ring-brand": O || E,
               "text-red-9": c,
-              "ring-2 ring-red-6": c && (O || k),
+              "ring-2 ring-red-6": c && (O || E),
               "opacity-60 cursor-not-allowed": b
             }
           ),
-          onClick: kr,
+          onClick: Er,
           role: "combobox",
           "aria-expanded": O,
           "aria-haspopup": "listbox",
@@ -4576,7 +4576,7 @@ const lc = ({
                   "absolute transition-all duration-200 pointer-events-none",
                   "text-base top-4 font-semibold left-3",
                   {
-                    "text-sm top-2 left-2": k || le,
+                    "text-sm top-2 left-2": E || le,
                     "text-red-9": !!c
                   }
                 ),
@@ -4629,7 +4629,7 @@ const lc = ({
                       type: "text",
                       className: "flex-grow min-w-[60px] bg-transparent outline-none placeholder:text-sm",
                       value: g,
-                      onChange: Er,
+                      onChange: kr,
                       onKeyDown: nt,
                       placeholder: le ? "" : u,
                       disabled: b,
@@ -4687,7 +4687,7 @@ const lc = ({
             "div",
             {
               ref: ($r) => {
-                E.current[R] = $r;
+                k.current[R] = $r;
               },
               className: N(
                 "px-3 py-2 text-sm cursor-pointer flex items-center justify-between",
@@ -4762,7 +4762,7 @@ const lc = ({
   showScrollbar: u = !0,
   onScroll: f
 }) => {
-  const m = $(null), b = $(null), h = $(null), g = $(null), w = $(null), [k, S] = I(!1), C = $(null), M = $({
+  const m = $(null), b = $(null), h = $(null), g = $(null), w = $(null), [E, S] = I(!1), C = $(null), M = $({
     startY: 0,
     // Track where the scroll position was when gesture started
     currentY: 0,
@@ -4781,7 +4781,7 @@ const lc = ({
       ));
     }),
     []
-  ), E = A((_) => {
+  ), k = A((_) => {
     const { maxScroll: x } = M.current;
     return _ > 0 ? Math.pow(_, 0.8) : _ < -x ? -x - Math.pow(-(_ + x), 0.8) : _;
   }, []), F = A(() => {
@@ -4856,22 +4856,22 @@ const lc = ({
     (_) => {
       const x = M.current;
       if (!x.isScrolling) return;
-      const V = E(x.startY + _.deltaY);
-      x.isPullingToRefresh && V < x.startY && (x.isPullingToRefresh = !1), Y(V), s && x.isPullingToRefresh && !k && V > 0 && (x.pullDistance = V, h.current && (h.current.textContent = x.pullDistance > x.refreshThreshold ? "Release to refresh" : "Pull to refresh")), O();
+      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();
     },
     [
       s,
       Y,
-      k,
+      E,
       O,
-      E
+      k
     ]
   ), j = A(
     (_) => {
       const x = M.current;
-      x.isScrolling && (x.isScrolling = !1, s && x.isPullingToRefresh && !k && x.pullDistance > x.refreshThreshold ? q() : x.currentY > 0 || x.currentY < -x.maxScroll ? T(x.currentY > 0 ? 0 : -x.maxScroll) : p(_.velocityY), x.isPullingToRefresh = !1);
+      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, k]
+    [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);
@@ -5022,7 +5022,7 @@ function mc({
   ), w = A((T) => {
     const { maxScroll: p } = h.current;
     return T > 0 ? Math.pow(T, 0.8) : T < -p ? -p - Math.pow(-(T + p), 0.8) : T;
-  }, []), k = A(() => {
+  }, []), E = A(() => {
     if (!t || !a.current || !c.current)
       return;
     const { currentY: T, maxScroll: p } = h.current, O = a.current.offsetHeight, D = Math.max(
@@ -5040,9 +5040,9 @@ function mc({
         );
         l.current.style.transform = `translate3d(0, ${p}px, 0)`;
       }
-      s && s(T), k();
+      s && s(T), E();
     },
-    [k]
+    [E]
   ), C = A(
     (T) => {
       const p = h.current;
@@ -5090,7 +5090,7 @@ function mc({
       p.isScrolling = !0, p.startY = p.currentY, p.lastTimestamp = Date.now(), p.isPullingToRefresh = p.currentY === 0, p.pullDistance = 0, p.frameCallback && (re(p.frameCallback), p.frameCallback = null), P();
     },
     [P]
-  ), E = A(
+  ), k = A(
     (T) => {
       const p = h.current;
       if (!p.isScrolling) return;
@@ -5123,16 +5123,16 @@ function mc({
       passive: !0,
       direction: "y",
       onStart: y,
-      onMove: E,
+      onMove: k,
       onEnd: Y
     });
     return T.init(), () => T.destroy();
-  }, [y, E, Y]), H(() => {
+  }, [y, k, Y]), H(() => {
     if (a.current)
-      return g(), k(), window.addEventListener("resize", g), () => {
+      return g(), E(), window.addEventListener("resize", g), () => {
         window.removeEventListener("resize", g), u.current !== null && clearTimeout(u.current);
       };
-  }, [g, k]), {
+  }, [g, E]), {
     container: {
       props: {
         id: e,
@@ -5176,7 +5176,7 @@ function mc({
     refreshing: f,
     updateMaxScroll: g,
     rubberBandEffect: w,
-    updateScrollbarPosition: k,
+    updateScrollbarPosition: E,
     setPosition: S
   };
 }
@@ -5267,7 +5267,7 @@ const Gs = {
       }
     );
   }
-), En = ({
+), kn = ({
   el: e,
   direction: t,
   amount: n = 200,
@@ -5295,7 +5295,7 @@ const Gs = {
   });
 }, Qs = {
   default: [0.32, 0.72, 0, 1]
-}, kn = {
+}, En = {
   initial: { opacity: 0 },
   animate: {
     opacity: 1,
@@ -5667,8 +5667,8 @@ const we = {
   className: b
 }) => {
   const [h, g] = I({ left: !1, right: !1 }), { ref: w } = Jr({
-    onOverflow: (k) => {
-      g({ left: k.canScrollLeft, right: k.canScrollRight });
+    onOverflow: (E) => {
+      g({ left: E.canScrollLeft, right: E.canScrollRight });
     },
     // enabled: inView,
     trackScroll: m
@@ -5692,12 +5692,12 @@ const we = {
               we.rounded[f],
               we.border[u]
             ),
-            children: e.map((k) => {
-              const S = r(t) === r(k);
+            children: e.map((E) => {
+              const S = r(t) === r(E);
               return /* @__PURE__ */ d(
                 "button",
                 {
-                  onClick: () => n?.(k),
+                  onClick: () => n?.(E),
                   className: N(
                     "border-r px-3 py-1 last:border-none text-nowrap shrink-0",
                     we.widths[c].item,
@@ -5706,9 +5706,9 @@ const we = {
                     we.border[u],
                     a
                   ),
-                  children: o(k)
+                  children: o(E)
                 },
-                r(k)
+                r(E)
               );
             })
           }
@@ -5717,12 +5717,12 @@ const we = {
           h.left ? /* @__PURE__ */ d(
             ne.button,
             {
-              variants: kn,
+              variants: En,
               initial: "initial",
               animate: "animate",
               exit: "exit",
               onClick: () => {
-                w.current && En({ el: w.current, direction: "left" });
+                w.current && kn({ el: w.current, direction: "left" });
               },
               className: "absolute shrink-0 left-0 px-1 h-full bg-gradient-to-r from-base-2 top-0",
               children: /* @__PURE__ */ d(Dn, { className: "text-base-13" })
@@ -5732,12 +5732,12 @@ const we = {
           h.right ? /* @__PURE__ */ d(
             ne.button,
             {
-              variants: kn,
+              variants: En,
               initial: "initial",
               animate: "animate",
               exit: "exit",
               onClick: () => {
-                w.current && En({ el: w.current, direction: "right" });
+                w.current && kn({ el: w.current, direction: "right" });
               },
               className: "absolute shrink-0 right-0 px-1 h-full bg-gradient-to-l from-base-2 top-0",
               children: /* @__PURE__ */ d(Pn, { className: "text-base-13" })
@@ -5766,20 +5766,20 @@ function fi({
   searchable: b,
   className: h
 }) {
-  const [g, w] = I(-1), k = $(null), {
+  const [g, w] = I(-1), E = $(null), {
     triggerRef: S,
     triggerProps: C,
     popoverRef: M,
     getPopoverPosition: P,
     open: y,
-    toggle: E,
+    toggle: k,
     close: F
   } = Xt({
     align: "start",
     side: "bottom",
     avoidCollisions: !0,
     onOpen: () => {
-      b && k.current && setTimeout(() => k.current?.focus(), 10);
+      b && E.current && setTimeout(() => E.current?.focus(), 10);
     },
     onClose: () => {
       w(-1);
@@ -5806,7 +5806,7 @@ function fi({
         ref: S,
         color: "solidhybrid",
         className: "w-full justify-between",
-        onClick: E,
+        onClick: k,
         ...C,
         children: [
           T ? a(T) : m,
@@ -6060,9 +6060,9 @@ const gc = ({ name: e, ...t }) => {
   const m = Vr(), b = xt(), h = $(null), g = mi(), w = te(() => i === "modal" || b, [i, b]);
   return H(() => {
     g.add(e);
-    const k = g.getPrevId();
-    if (!k || (h.current = document.getElementById(k), !h.current)) return;
-    k && g.animateParentModal(
+    const E = g.getPrevId();
+    if (!E || (h.current = document.getElementById(E), !h.current)) return;
+    E && g.animateParentModal(
       h.current,
       w ? "modal" : "sheet"
     );
@@ -6093,7 +6093,7 @@ const gc = ({ name: e, ...t }) => {
           }
         },
         onClick: () => {
-          m ? ke.back() : ke.replace(l ?? t);
+          m ? Ee.back() : Ee.replace(l ?? t);
         },
         className: N(
           "bg-black/40 absolute w-full h-full left-0 top-0",
@@ -6136,8 +6136,8 @@ const gc = ({ name: e, ...t }) => {
           translateY: w ? "50%" : 0,
           height: w ? "65%" : "95%"
         },
-        onAnimationStart: (k) => {
-          (k?.scale === 0.8 || k?.y > 50) && h.current && g.restoreParentModal(h.current);
+        onAnimationStart: (E) => {
+          (E?.scale === 0.8 || E?.y > 50) && h.current && g.restoreParentModal(h.current);
         },
         className: N(
           "bg-base-1 absolute w-full lg:max-w-[600px] h-full rounded-6 overflow-hidden flex flex-col",
@@ -6156,7 +6156,7 @@ const gc = ({ name: e, ...t }) => {
               {
                 size: "xs",
                 onClick: () => {
-                  m ? ke.back() : ke.replace(l ?? t);
+                  m ? Ee.back() : Ee.replace(l ?? t);
                 },
                 children: /* @__PURE__ */ d(yt, { size: 20 })
               }
@@ -6249,7 +6249,7 @@ const pi = ({
   maxTags: l,
   validateTag: c
 }) => {
-  const [u, f] = I(""), [m, b] = I(!1), [h, g] = I(null), w = $(null), k = $(null), S = $([]), C = r.length > 0, M = $(
+  const [u, f] = I(""), [m, b] = I(!1), [h, g] = I(null), w = $(null), E = $(null), S = $([]), C = r.length > 0, M = $(
     `taginput-${Math.random().toString(36).substr(2, 9)}`
   ).current, P = $(
     `label-${Math.random().toString(36).substr(2, 9)}`
@@ -6259,7 +6259,7 @@ const pi = ({
   H(() => {
     S.current = S.current.slice(0, r.length);
   }, [r.length]);
-  const E = (D) => {
+  const k = (D) => {
     if (D.key === "Enter" && u.trim()) {
       D.preventDefault();
       const W = u.trim();
@@ -6306,7 +6306,7 @@ const pi = ({
     console.log(`Accessibility announcement: ${D}`);
   };
   return /* @__PURE__ */ v("div", { children: [
-    /* @__PURE__ */ v("div", { className: "relative", ref: k, children: [
+    /* @__PURE__ */ v("div", { className: "relative", ref: E, children: [
       t === "default" ? /* @__PURE__ */ v(
         "label",
         {
@@ -6409,7 +6409,7 @@ const pi = ({
                       className: "flex-grow min-w-[60px] bg-transparent outline-none placeholder:text-sm placeholder:text-secondarytext",
                       value: u,
                       onChange: T,
-                      onKeyDown: E,
+                      onKeyDown: k,
                       onFocus: () => b(!0),
                       onBlur: () => b(!1),
                       enterKeyHint: "enter",
@@ -6439,7 +6439,7 @@ const pi = ({
     ),
     /* @__PURE__ */ d("div", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: r.length > 0 ? `Current tags: ${r.join(", ")}` : "No tags added yet" })
   ] });
-}, Ec = ({ name: e, ...t }) => {
+}, kc = ({ name: e, ...t }) => {
   const { control: n } = Qe();
   return n ? /* @__PURE__ */ d(
     Je,
@@ -6540,7 +6540,7 @@ const pi = ({
   }
 );
 xr.displayName = "TextArea";
-const kc = ({
+const Ec = ({
   name: e,
   customRead: t,
   customSet: n,
@@ -6649,21 +6649,6 @@ const kc = ({
     )
   ] });
 };
-class Tc {
-  constructor() {
-    this.listeners = /* @__PURE__ */ new Map();
-  }
-  emit(t, n) {
-    const r = this.listeners.get(t);
-    r && r.forEach((o) => o(n));
-  }
-  listen(t, n) {
-    return this.listeners.has(t) || this.listeners.set(t, /* @__PURE__ */ new Set()), this.listeners.get(t).add(n), () => {
-      const r = this.listeners.get(t);
-      r && (r.delete(n), r.size === 0 && this.listeners.delete(t));
-    };
-  }
-}
 function Lt(e, t, n = !0) {
   const r = $(void 0);
   H(() => (n || r.current && r.current(), r.current = he.listen(e, t), () => r.current && r.current()), [e, t, n]);
@@ -6676,7 +6661,7 @@ function Nr(e = 8) {
     n += t.charAt(Math.floor(Math.random() * t.length));
   return n;
 }
-const Cc = ({ colors: e }) => {
+const Tc = ({ colors: e }) => {
   const [t, n] = I([]), r = A(
     (a) => {
       n((i) => [
@@ -6718,7 +6703,7 @@ const Cc = ({ colors: e }) => {
       id: "toaster",
       className: "fixed z-9999 top-[calc(var(--safe-area-top)+0px)] pointer-events-none left-0 mt-4 mb-4 px-4 w-full flex flex-col gap-y-2 items-center justify-center",
       children: /* @__PURE__ */ d(Ie, { mode: "popLayout", children: t.map((a) => /* @__PURE__ */ d(
-        Ei,
+        ki,
         {
           toast: a,
           remove: o,
@@ -6749,7 +6734,7 @@ const Cc = ({ colors: e }) => {
     icon: Rr,
     color: "text-red-9"
   }
-}, Ei = ({
+}, ki = ({
   toast: e,
   remove: t,
   colors: n
@@ -6788,7 +6773,7 @@ const Cc = ({ colors: e }) => {
       ]
     }
   );
-}, Sc = {
+}, Cc = {
   simple: (e, t) => he.emit("create-toast", {
     type: "simple",
     message: e,
@@ -6845,15 +6830,14 @@ export {
   Ji as DatePickerPopover,
   ec as DateTimePicker,
   nc as ElasticHeader,
-  Tc as EventEmitter,
   Ii as FocusTrap,
   rc as Form,
   ac as FormInput,
   dc as FormMultiSelect,
   gc as FormSelect,
   yc as FormSubmit,
-  Ec as FormTags,
-  kc as FormTextArea,
+  kc as FormTags,
+  Ec as FormTextArea,
   $c as FormWorkingHours,
   js as Icon,
   lr as Input,
@@ -6882,7 +6866,7 @@ export {
   pi as Tags,
   xr as TextArea,
   Zi as TimePicker,
-  Cc as Toaster,
+  Tc as Toaster,
   to as calculatePopoverPosition,
   lt as checkOverflow,
   N as cn,
@@ -6896,7 +6880,7 @@ export {
   Gr as setFocusEnd,
   Ze as throttle,
   Yi as toTitleCase,
-  Sc as toast,
+  Cc as toast,
   Bi as useClickAway,
   Vi as useClickAwayAdvanced,
   Vt as useClickAwayWithRef,