@mateosuarezdev/react-ui 1.0.15 → 1.0.17

package/dist/index.js

@@ -1,12 +1,12 @@
 import { jsx as d, jsxs as p, Fragment as Nn } from "react/jsx-runtime";
-import Te, { useRef as E, useEffect as A, useState as F, useSyncExternalStore as yr, useCallback as B, useId as En, forwardRef as Ye, useContext as at, useMemo as re, memo as xr, createContext as Ot, useLayoutEffect as Nr } from "react";
-import { createPortal as $n } from "react-dom";
+import Te, { useRef as E, useEffect as _, useState as F, useSyncExternalStore as xr, useLayoutEffect as En, useCallback as B, useId as $n, forwardRef as Ye, useContext as at, useMemo as re, memo as Nr, createContext as Ot } from "react";
+import { createPortal as kn } from "react-dom";
 import { clsx as Er } from "clsx";
 import { twMerge as $r } from "tailwind-merge";
 import { atom as kr } from "@mateosuarezdev/atoms";
-import { ChevronLeft as kn, ChevronRight as Mn, CalendarDays as Dn, Clock as Sn, Check as Tn, Minus as Mr, DollarSign as Dr, CheckIcon as Ge, EyeOffIcon as Sr, Eye as Tr, XIcon as Cr, ChevronDownIcon as Pr, Search as Or, X as st, Plus as Cn } from "lucide-react";
+import { ChevronLeft as Mn, ChevronRight as Dn, CalendarDays as Sn, Clock as Tn, Check as Cn, Minus as Mr, DollarSign as Dr, CheckIcon as Ge, EyeOffIcon as Sr, Eye as Tr, XIcon as Cr, ChevronDownIcon as Pr, Search as Or, X as st, Plus as Pn } from "lucide-react";
 import { AnimatePresence as Lt, motion as Pe, animate as Et } from "framer-motion";
-import { appendErrors as Pn, FormProvider as Lr, useForm as Fr, useFormContext as it, Controller as ct } from "react-hook-form";
+import { appendErrors as On, FormProvider as Lr, useForm as Fr, useFormContext as it, Controller as ct } from "react-hook-form";
 import { validateFieldsNatively as Zt, toNestErrors as en } from "@hookform/resolvers";
 import { useInitialChangeEvent as Wr, useRoute as Ar, navigate as Ve } from "@mateosuarezdev/react-router";
 const v = (...e) => $r(Er(e));
@@ -47,7 +47,7 @@ function gi(e) {
     return a.toUpperCase() + s;
   }).join(" ");
 }
-function On(e) {
+function Ln(e) {
   return e === null ? "" : e;
 }
 function $t(e) {
@@ -116,7 +116,7 @@ const Je = (e) => {
   deps: o = []
 } = {}) => {
   const a = E(null);
-  return A(() => {
+  return _(() => {
     if (!a.current || !r) return;
     let s = !1;
     const l = Ft(() => {
@@ -140,7 +140,7 @@ const Je = (e) => {
   deps: r = []
 } = {}) => {
   const o = E(null), [a, s] = F(null);
-  return A(() => {
+  return _(() => {
     if (!o.current || !n) return;
     let i = !1;
     const c = Ft(() => {
@@ -228,22 +228,24 @@ function Ni({
   );
 }
 function zr(e) {
-  return yr(
+  return xr(
     (t) => e.subscribe(t),
     () => e.get(),
     () => e.get()
   );
 }
-const kt = kr(!0);
+const kt = kr(
+  typeof window < "u" ? window.innerWidth > 1024 : !0
+);
 let vt = !1;
 const tn = Ft(() => {
   kt.set(window.innerWidth > 1024);
 });
 typeof window < "u" && (vt && (window.removeEventListener("resize", tn), vt = !1), window.addEventListener("resize", tn), vt = !0);
-const Wt = () => (A(() => {
+const Wt = () => (En(() => {
   kt.set(window.innerWidth > 1024);
 }, []), zr(kt));
-function Ln(...e) {
+function Fn(...e) {
   return (t) => {
     e.forEach((n) => {
       typeof n == "function" ? n(t) : n != null && (n.current = t);
@@ -277,7 +279,7 @@ const Yr = (e = !0, t) => {
       position: "relative"
     }
   };
-}, Fn = ({
+}, Wn = ({
   // routerMode = "outlet",
   scrollerId: e,
   // useScrollerSuffix,
@@ -303,7 +305,7 @@ const Yr = (e = !0, t) => {
     y: 0,
     width: 0,
     height: 0
-  }), x = E(null), $ = En(), k = B(
+  }), x = E(null), $ = $n(), k = B(
     (g) => {
       const w = g ?? y.current;
       if (!w) return { x: 0, top: 0, bottom: void 0 };
@@ -321,7 +323,7 @@ const Yr = (e = !0, t) => {
     },
     [y.current, f, t, n]
   );
-  A(() => {
+  _(() => {
     if (!c || !e || (x.current = document.getElementById(e), !x.current)) return;
     c && W();
     const g = () => {
@@ -438,7 +440,7 @@ const Yr = (e = !0, t) => {
 };
 function Ei(e) {
   const t = E(null);
-  return A(() => {
+  return _(() => {
     const n = (r) => {
       t.current && !t.current.contains(r.target) && e();
     };
@@ -453,7 +455,7 @@ function $i(e, t = {}) {
     events: r = ["mousedown", "touchstart"],
     excludeRefs: o = []
   } = t, a = E(null);
-  return A(() => {
+  return _(() => {
     if (!n) return;
     const s = (i) => {
       const l = i.target;
@@ -470,8 +472,8 @@ function $i(e, t = {}) {
     };
   }, [e, n, r, o]), a;
 }
-function Wn(e, t, n = !0) {
-  A(() => {
+function An(e, t, n = !0) {
+  _(() => {
     if (!n) return;
     const r = (o) => {
       e.current && !e.current.contains(o.target) && t(o);
@@ -483,9 +485,9 @@ function Wn(e, t, n = !0) {
 }
 function Br(e, { target: t = window, event: n = "keydown", enabled: r } = {}) {
   const o = E(e);
-  A(() => {
+  _(() => {
     o.current = e;
-  }, [e]), A(() => {
+  }, [e]), _(() => {
     if (!r) return;
     const a = (s) => {
       const i = s.key, l = o.current[i];
@@ -496,7 +498,7 @@ function Br(e, { target: t = window, event: n = "keydown", enabled: r } = {}) {
     };
   }, [t, n, r]);
 }
-const Vr = "relative shrink-0 select-none transition outline-none duration-200 ease-out focus:ring-border-brand-light flex items-center justify-center cursor-pointer", Kr = {
+const Vr = "relative shrink-0 select-none transition outline-none duration-200 ease-out focus-visible:ring-border-brand-light flex items-center justify-center cursor-pointer", Kr = {
   xs: "text-xs px-1 gap-x-0.5 py-1",
   sm: "text-sm px-2.5 gap-x-1 py-1.5",
   mdsm: "text-sm px-3 gap-x-1.5 py-2.5",
@@ -508,9 +510,9 @@ const Vr = "relative shrink-0 select-none transition outline-none duration-200 e
   iconMd: "text-base p-3",
   iconLg: "text-base p-4"
 }, Xr = {
-  all: "focus:ring-1 focus:ring-inset",
-  desktop: "lg:focus:ring-1 lg:focus:ring-inset",
-  mobile: "focus:ring-1 focus:ring-inset lg:focus-ring-0",
+  all: "focus-visible:ring-1",
+  desktop: "lg:focus-visible:ring-1",
+  mobile: "focus-visible:ring-1 lg:focus-ring-0",
   none: ""
 }, qr = {
   light: "font-light",
@@ -534,19 +536,19 @@ const Vr = "relative shrink-0 select-none transition outline-none duration-200 e
   12: "rounded-12",
   full: "rounded-full"
 }, Qr = {
-  transparent: "text-base-12 lg:hover:bg-base-4 focus:ring-base-6",
+  transparent: "text-base-12 lg:hover:bg-base-4 focus-visible:ring-base-6",
   transparentinactive: "text-base-11 lg:hover:bg-base-4",
-  brand: "bg-brand text-brand-text lg:hover:bg-brand-hover focus:ring-base-6 border border-transparent",
+  brand: "bg-brand text-brand-text lg:hover:bg-brand-hover focus-visible:ring-base-6 border border-transparent",
   accent: "bg-accent text-accent-text lg:hover:bg-accent-hover",
-  contrast: "bg-base-12 text-base-1 lg:hover:bg-base-11 focus:ring-base-6",
-  solid: "bg-base-3 dark-theme:bg-base-3 lg:hover:bg-base-4 border border-base-4 focus:ring-base-5",
-  solidhybrid: "border border-base-5 dark-theme:border-base-4 dark-theme:bg-base-3 lg:hover:bg-base-4 focus:ring-base-6",
-  outline: "border border-base-6 lg:hover:bg-base-3 focus:ring-base-6",
-  info: "bg-blue-3 text-blue-9 lg:hover:bg-blue-4 lg:active:bg-blue-5 focus:ring-blue-9 border border-transparent",
-  success: "bg-green-4 text-green-9 lg:hover:bg-green-5 lg:active:bg-green-6 focus:ring-green-9 border border-transparent",
-  warning: "bg-yellow-4 text-yellow-9 lg:hover:bg-yellow-5 lg:active:bg-yellow-6 focus:ring-yellow-9 border border-transparent",
-  danger: "bg-red-4 text-red-9 lg:hover:bg-red-5 focus:ring-red-9 border border-transparent",
-  dangersolid: "bg-red-9 text-base-1 dark-theme:text-base-12 lg:hover:bg-red-8 focus:ring-base-6 border border-transparent",
+  contrast: "bg-base-12 text-base-1 lg:hover:bg-base-11 focus-visible:ring-base-6",
+  solid: "bg-base-3 dark-theme:bg-base-3 lg:hover:bg-base-4 border border-base-4 focus-visible:ring-base-5",
+  solidhybrid: "border border-base-5 dark-theme:border-base-4 dark-theme:bg-base-3 lg:hover:bg-base-4 focus-visible:ring-base-6",
+  outline: "border border-base-6 lg:hover:bg-base-3 focus-visible:ring-base-6",
+  info: "bg-blue-3 text-blue-9 lg:hover:bg-blue-4 lg:active:bg-blue-5 focus-visible:ring-blue-9 border border-transparent",
+  success: "bg-green-4 text-green-9 lg:hover:bg-green-5 lg:active:bg-green-6 focus-visible:ring-green-9 border border-transparent",
+  warning: "bg-yellow-4 text-yellow-9 lg:hover:bg-yellow-5 lg:active:bg-yellow-6 focus-visible:ring-yellow-9 border border-transparent",
+  danger: "bg-red-4 text-red-9 lg:hover:bg-red-5 focus-visible:ring-red-9 border border-transparent",
+  dangersolid: "bg-red-9 text-base-1 dark-theme:text-base-12 lg:hover:bg-red-8 focus-visible:ring-base-6 border border-transparent",
   disabled: "bg-base-3 text-base-11 border border-transparent"
 }, Gr = {
   enabled: "",
@@ -574,7 +576,7 @@ const Vr = "relative shrink-0 select-none transition outline-none duration-200 e
     }, { ref: k, ripple: W } = Yr(
       l,
       e === "contrast" || c
-    ), P = Ln(k, b);
+    ), P = Fn(k, b);
     return /* @__PURE__ */ d(
       "button",
       {
@@ -601,7 +603,7 @@ const Vr = "relative shrink-0 select-none transition outline-none duration-200 e
   }
 );
 X.displayName = "Button";
-const An = 6048e5, Jr = 864e5, nn = Symbol.for("constructDateFrom");
+const _n = 6048e5, Jr = 864e5, nn = Symbol.for("constructDateFrom");
 function Z(e, t) {
   return typeof e == "function" ? e(t) : e && typeof e == "object" && nn in e ? e[nn](t) : e instanceof Date ? new e.constructor(t) : new Date(t);
 }
@@ -633,7 +635,7 @@ function _e(e, t) {
 function Ze(e, t) {
   return _e(e, { ...t, weekStartsOn: 1 });
 }
-function _n(e, t) {
+function jn(e, t) {
   const n = q(e, t?.in), r = n.getFullYear(), o = Z(n, 0);
   o.setFullYear(r + 1, 0, 4), o.setHours(0, 0, 0, 0);
   const a = Ze(o), s = Z(n, 0);
@@ -675,7 +677,7 @@ function eo(e, t, n) {
   return Math.round((i - l) / Jr);
 }
 function to(e, t) {
-  const n = _n(e, t), r = Z(e, 0);
+  const n = jn(e, t), r = Z(e, 0);
   return r.setFullYear(n, 0, 4), r.setHours(0, 0, 0, 0), Ze(r);
 }
 function wt(e, t, n) {
@@ -1022,7 +1024,7 @@ function Do(e, t) {
     if (t(e[n]))
       return n;
 }
-function jn(e) {
+function In(e) {
   return (t, n = {}) => {
     const r = t.match(e.matchPattern);
     if (!r) return null;
@@ -1102,7 +1104,7 @@ const So = /^(\d+)(th|st|nd|rd)?/i, To = /\d+/i, Co = {
     night: /night/i
   }
 }, Ro = {
-  ordinalNumber: jn({
+  ordinalNumber: In({
     matchPattern: So,
     parsePattern: To,
     valueCallback: (e) => parseInt(e, 10)
@@ -1138,7 +1140,7 @@ const So = /^(\d+)(th|st|nd|rd)?/i, To = /\d+/i, Co = {
     parsePatterns: Io,
     defaultParseWidth: "any"
   })
-}, In = {
+}, Rn = {
   code: "en-US",
   formatDistance: uo,
   formatLong: bo,
@@ -1156,9 +1158,9 @@ function zo(e, t) {
 }
 function Yo(e, t) {
   const n = q(e, t?.in), r = +Ze(n) - +to(n);
-  return Math.round(r / An) + 1;
+  return Math.round(r / _n) + 1;
 }
-function Rn(e, t) {
+function zn(e, t) {
   const n = q(e, t?.in), r = n.getFullYear(), o = lt(), a = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? o.firstWeekContainsDate ?? o.locale?.options?.firstWeekContainsDate ?? 1, s = Z(t?.in || e, 0);
   s.setFullYear(r + 1, 0, a), s.setHours(0, 0, 0, 0);
   const i = _e(s, t), l = Z(t?.in || e, 0);
@@ -1167,12 +1169,12 @@ function Rn(e, t) {
   return +n >= +i ? r + 1 : +n >= +c ? r : r - 1;
 }
 function Ho(e, t) {
-  const n = lt(), r = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? n.firstWeekContainsDate ?? n.locale?.options?.firstWeekContainsDate ?? 1, o = Rn(e, t), a = Z(t?.in || e, 0);
+  const n = lt(), r = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? n.firstWeekContainsDate ?? n.locale?.options?.firstWeekContainsDate ?? 1, o = zn(e, t), a = Z(t?.in || e, 0);
   return a.setFullYear(o, 0, r), a.setHours(0, 0, 0, 0), _e(a, t);
 }
 function Bo(e, t) {
   const n = q(e, t?.in), r = +_e(n, t) - +Ho(n, t);
-  return Math.round(r / An) + 1;
+  return Math.round(r / _n) + 1;
 }
 function S(e, t) {
   const n = e < 0 ? "-" : "", r = Math.abs(e).toString().padStart(t, "0");
@@ -1268,7 +1270,7 @@ const ue = {
   },
   // Local week-numbering year
   Y: function(e, t, n, r) {
-    const o = Rn(e, r), a = o > 0 ? o : 1 - o;
+    const o = zn(e, r), a = o > 0 ? o : 1 - o;
     if (t === "YY") {
       const s = a % 100;
       return S(s, 2);
@@ -1277,7 +1279,7 @@ const ue = {
   },
   // ISO week-numbering year
   R: function(e, t) {
-    const n = _n(e);
+    const n = jn(e);
     return S(n, t.length);
   },
   // Extended year. This is a single number designating the year of this calendar system.
@@ -1817,7 +1819,7 @@ const cn = (e, t) => {
     default:
       return t.date({ width: "full" });
   }
-}, zn = (e, t) => {
+}, Yn = (e, t) => {
   switch (e) {
     case "p":
       return t.time({ width: "short" });
@@ -1849,9 +1851,9 @@ const cn = (e, t) => {
       a = t.dateTime({ width: "full" });
       break;
   }
-  return a.replace("{{date}}", cn(r, t)).replace("{{time}}", zn(o, t));
+  return a.replace("{{date}}", cn(r, t)).replace("{{time}}", Yn(o, t));
 }, Ko = {
-  p: zn,
+  p: Yn,
   P: Vo
 }, Xo = /^D+$/, qo = /^Y+$/, Uo = ["D", "DD", "YY", "YYYY"];
 function Qo(e) {
@@ -1870,7 +1872,7 @@ function Zo(e, t, n) {
 }
 const ea = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, ta = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, na = /^'([^]*?)'?$/, ra = /''/g, oa = /[a-zA-Z]/;
 function ye(e, t, n) {
-  const r = lt(), o = n?.locale ?? r.locale ?? In, a = n?.firstWeekContainsDate ?? n?.locale?.options?.firstWeekContainsDate ?? r.firstWeekContainsDate ?? r.locale?.options?.firstWeekContainsDate ?? 1, s = n?.weekStartsOn ?? n?.locale?.options?.weekStartsOn ?? r.weekStartsOn ?? r.locale?.options?.weekStartsOn ?? 0, i = q(e, n?.in);
+  const r = lt(), o = n?.locale ?? r.locale ?? Rn, a = n?.firstWeekContainsDate ?? n?.locale?.options?.firstWeekContainsDate ?? r.firstWeekContainsDate ?? r.locale?.options?.firstWeekContainsDate ?? 1, s = n?.weekStartsOn ?? n?.locale?.options?.weekStartsOn ?? r.weekStartsOn ?? r.locale?.options?.weekStartsOn ?? 0, i = q(e, n?.in);
   if (!ro(i))
     throw new RangeError("Invalid time value");
   let l = t.match(ta).map((u) => {
@@ -2241,7 +2243,7 @@ const sa = {
     night: /noche/i
   }
 }, Wa = {
-  ordinalNumber: jn({
+  ordinalNumber: In({
     matchPattern: Ea,
     parsePattern: $a,
     valueCallback: function(e) {
@@ -2520,11 +2522,11 @@ ce(function() {
   return _t() || Ka();
 });
 ce(function() {
-  return ft(/AppleWebKit/i) && !Yn();
+  return ft(/AppleWebKit/i) && !Hn();
 });
-const Yn = ce(function() {
+const Hn = ce(function() {
   return ft(/Chrome/i);
-}), Hn = ce(function() {
+}), Bn = ce(function() {
   return ft(/Android/i);
 });
 ce(function() {
@@ -2563,7 +2565,7 @@ function qa(e) {
   });
 }
 function Ua(e) {
-  return e.pointerType === "" && e.isTrusted ? !0 : Hn() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
+  return e.pointerType === "" && e.isTrusted ? !0 : Bn() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
 }
 const Qa = typeof Element < "u" && "checkVisibility" in Element.prototype;
 function Ga(e) {
@@ -2605,12 +2607,12 @@ const It = [
 It.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
 const es = It.join(':not([hidden]):not([tabindex="-1"]),');
 function ts(e) {
-  return e.matches(Za) && jt(e) && !Bn(e);
+  return e.matches(Za) && jt(e) && !Vn(e);
 }
 function ns(e) {
-  return e.matches(es) && jt(e) && !Bn(e);
+  return e.matches(es) && jt(e) && !Vn(e);
 }
-function Bn(e) {
+function Vn(e) {
   let t = e;
   for (; t != null; ) {
     if (t instanceof t.ownerDocument.defaultView.HTMLElement && t.inert) return !0;
@@ -2631,13 +2633,13 @@ function nt(e) {
 function Q(e) {
   He = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (xe = !0, Rt("pointer", e));
 }
-function Vn(e) {
+function Kn(e) {
   Ua(e) && (xe = !0, He = "virtual");
 }
-function Kn(e) {
+function Xn(e) {
   e.target === window || e.target === document || rs || !e.isTrusted || (!xe && !Dt && (He = "virtual", Rt("virtual", e)), xe = !1, Dt = !1);
 }
-function Xn() {
+function qn() {
   xe = !1, Dt = !0;
 }
 function hn(e) {
@@ -2646,32 +2648,32 @@ function hn(e) {
   let r = t.HTMLElement.prototype.focus;
   t.HTMLElement.prototype.focus = function() {
     xe = !0, r.apply(this, arguments);
-  }, n.addEventListener("keydown", nt, !0), n.addEventListener("keyup", nt, !0), n.addEventListener("click", Vn, !0), t.addEventListener("focus", Kn, !0), t.addEventListener("blur", Xn, !1), typeof PointerEvent < "u" ? (n.addEventListener("pointerdown", Q, !0), n.addEventListener("pointermove", Q, !0), n.addEventListener("pointerup", Q, !0)) : process.env.NODE_ENV === "test" && (n.addEventListener("mousedown", Q, !0), n.addEventListener("mousemove", Q, !0), n.addEventListener("mouseup", Q, !0)), t.addEventListener("beforeunload", () => {
-    qn(e);
+  }, n.addEventListener("keydown", nt, !0), n.addEventListener("keyup", nt, !0), n.addEventListener("click", Kn, !0), t.addEventListener("focus", Xn, !0), t.addEventListener("blur", qn, !1), typeof PointerEvent < "u" ? (n.addEventListener("pointerdown", Q, !0), n.addEventListener("pointermove", Q, !0), n.addEventListener("pointerup", Q, !0)) : process.env.NODE_ENV === "test" && (n.addEventListener("mousedown", Q, !0), n.addEventListener("mousemove", Q, !0), n.addEventListener("mouseup", Q, !0)), t.addEventListener("beforeunload", () => {
+    Un(e);
   }, {
     once: !0
   }), We.set(t, {
     focus: r
   });
 }
-const qn = (e, t) => {
+const Un = (e, t) => {
   const n = tt(e), r = R(e);
-  t && r.removeEventListener("DOMContentLoaded", t), We.has(n) && (n.HTMLElement.prototype.focus = We.get(n).focus, r.removeEventListener("keydown", nt, !0), r.removeEventListener("keyup", nt, !0), r.removeEventListener("click", Vn, !0), n.removeEventListener("focus", Kn, !0), n.removeEventListener("blur", Xn, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", Q, !0), r.removeEventListener("pointermove", Q, !0), r.removeEventListener("pointerup", Q, !0)) : process.env.NODE_ENV === "test" && (r.removeEventListener("mousedown", Q, !0), r.removeEventListener("mousemove", Q, !0), r.removeEventListener("mouseup", Q, !0)), We.delete(n));
+  t && r.removeEventListener("DOMContentLoaded", t), We.has(n) && (n.HTMLElement.prototype.focus = We.get(n).focus, r.removeEventListener("keydown", nt, !0), r.removeEventListener("keyup", nt, !0), r.removeEventListener("click", Kn, !0), n.removeEventListener("focus", Xn, !0), n.removeEventListener("blur", qn, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", Q, !0), r.removeEventListener("pointermove", Q, !0), r.removeEventListener("pointerup", Q, !0)) : process.env.NODE_ENV === "test" && (r.removeEventListener("mousedown", Q, !0), r.removeEventListener("mousemove", Q, !0), r.removeEventListener("mouseup", Q, !0)), We.delete(n));
 };
 function ss(e) {
   const t = R(e);
   let n;
   return t.readyState !== "loading" ? hn(e) : (n = () => {
     hn(e);
-  }, t.addEventListener("DOMContentLoaded", n)), () => qn(e, n);
+  }, t.addEventListener("DOMContentLoaded", n)), () => Un(e, n);
 }
 typeof document < "u" && ss();
-function Un() {
+function Qn() {
   return He;
 }
 function is(e) {
   const t = R(e), n = J(t);
-  if (Un() === "virtual") {
+  if (Qn() === "virtual") {
     let r = n;
     qa(() => {
       J(t) === r && e.isConnected && dn(e);
@@ -2687,17 +2689,17 @@ function cs(e) {
     i
   ]);
   oe(() => {
-    let h = l || _.root;
-    if (_.getTreeNode(h.scopeRef) && L && !rt(L, h.scopeRef)) {
-      let m = _.getTreeNode(L);
+    let h = l || A.root;
+    if (A.getTreeNode(h.scopeRef) && L && !rt(L, h.scopeRef)) {
+      let m = A.getTreeNode(L);
       m && (h = m);
     }
-    h.addChild(c), _.addNode(c);
+    h.addChild(c), A.addNode(c);
   }, [
     c,
     l
   ]), oe(() => {
-    let h = _.getTreeNode(i);
+    let h = A.getTreeNode(i);
     h && (h.contain = !!n);
   }, [
     n
@@ -2711,19 +2713,19 @@ function cs(e) {
     };
   }, [
     t
-  ]), hs(i, r, n), ds(i, n), ms(i, r, n), fs(i, o), A(() => {
+  ]), hs(i, r, n), ds(i, n), ms(i, r, n), fs(i, o), _(() => {
     const h = J(R(i.current ? i.current[0] : void 0));
     let m = null;
     if (G(h, i.current)) {
-      for (let b of _.traverse()) b.scopeRef && G(h, b.scopeRef.current) && (m = b);
-      m === _.getTreeNode(i) && (L = m.scopeRef);
+      for (let b of A.traverse()) b.scopeRef && G(h, b.scopeRef.current) && (m = b);
+      m === A.getTreeNode(i) && (L = m.scopeRef);
     }
   }, [
     i
   ]), oe(() => () => {
     var h, m, b;
-    let y = (b = (m = _.getTreeNode(i)) === null || m === void 0 || (h = m.parent) === null || h === void 0 ? void 0 : h.scopeRef) !== null && b !== void 0 ? b : null;
-    (i === L || rt(i, L)) && (!y || _.getTreeNode(y)) && (L = y), _.removeTreeNode(i);
+    let y = (b = (m = A.getTreeNode(i)) === null || m === void 0 || (h = m.parent) === null || h === void 0 ? void 0 : h.scopeRef) !== null && b !== void 0 ? b : null;
+    (i === L || rt(i, L)) && (!y || A.getTreeNode(y)) && (L = y), A.removeTreeNode(i);
   }, [
     i
   ]);
@@ -2794,7 +2796,7 @@ function ge(e) {
   return e[0].parentElement;
 }
 function Le(e) {
-  let t = _.getTreeNode(L);
+  let t = A.getTreeNode(L);
   for (; t && t.scopeRef !== e; ) {
     if (t.contain) return !1;
     t = t.parent;
@@ -2840,7 +2842,7 @@ function ds(e, t) {
       (!L || rt(L, e)) && G(De(c), e.current) ? (L = e, n.current = De(c)) : Le(e) && !ve(De(c), e) ? n.current ? n.current.focus() : L && L.current && Tt(L.current) : Le(e) && (n.current = De(c));
     }, l = (c) => {
       r.current && cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
-        let u = Un(), f = (u === "virtual" || u === null) && Hn() && Yn(), h = J(a);
+        let u = Qn(), f = (u === "virtual" || u === null) && Bn() && Hn(), h = J(a);
         if (!f && h && Le(e) && !ve(h, e)) {
           L = e;
           let b = De(c);
@@ -2863,7 +2865,7 @@ function ds(e, t) {
     r
   ]);
 }
-function Qn(e) {
+function Gn(e) {
   return ve(e);
 }
 function G(e, t) {
@@ -2871,13 +2873,13 @@ function G(e, t) {
 }
 function ve(e, t = null) {
   if (e instanceof Element && e.closest("[data-react-aria-top-layer]")) return !0;
-  for (let { scopeRef: n } of _.traverse(_.getTreeNode(t)))
+  for (let { scopeRef: n } of A.traverse(A.getTreeNode(t)))
     if (n && G(e, n.current)) return !0;
   return !1;
 }
 function rt(e, t) {
   var n;
-  let r = (n = _.getTreeNode(t)) === null || n === void 0 ? void 0 : n.parent;
+  let r = (n = A.getTreeNode(t)) === null || n === void 0 ? void 0 : n.parent;
   for (; r; ) {
     if (r.scopeRef === e) return !0;
     r = r.parent;
@@ -2894,7 +2896,7 @@ function se(e, t = !1) {
   } catch {
   }
 }
-function Gn(e, t = !0) {
+function Jn(e, t = !0) {
   let n = e[0].previousElementSibling, r = ge(e), o = he(r, {
     tabbable: t
   }, e);
@@ -2905,11 +2907,11 @@ function Gn(e, t = !0) {
   }, e), o.currentNode = n, a = o.nextNode()), a;
 }
 function Tt(e, t = !0) {
-  se(Gn(e, t));
+  se(Jn(e, t));
 }
 function fs(e, t) {
   const n = Te.useRef(t);
-  A(() => {
+  _(() => {
     if (n.current) {
       L = e;
       const r = R(e.current ? e.current[0] : void 0);
@@ -2927,7 +2929,7 @@ function hs(e, t, n) {
     const o = R(r ? r[0] : void 0);
     let a = (s) => {
       let i = De(s);
-      G(i, e.current) ? L = e : Qn(i) || (L = null);
+      G(i, e.current) ? L = e : Gn(i) || (L = null);
     };
     return o.addEventListener("focusin", a, !1), r?.forEach((s) => s.addEventListener("focusin", a, !1)), () => {
       o.removeEventListener("focusin", a, !1), r?.forEach((s) => s.removeEventListener("focusin", a, !1));
@@ -2939,7 +2941,7 @@ function hs(e, t, n) {
   ]);
 }
 function bn(e) {
-  let t = _.getTreeNode(L);
+  let t = A.getTreeNode(L);
   for (; t && t.scopeRef !== e; ) {
     if (t.nodeToRestore) return !1;
     t = t.parent;
@@ -2968,7 +2970,7 @@ function ms(e, t, n) {
       if (s.key !== "Tab" || s.altKey || s.ctrlKey || s.metaKey || !Le(e) || s.isComposing) return;
       let i = o.activeElement;
       if (!ve(i, e) || !bn(e)) return;
-      let l = _.getTreeNode(e);
+      let l = A.getTreeNode(e);
       if (!l) return;
       let c = l.nodeToRestore, u = he(o.body, {
         tabbable: !0
@@ -2980,7 +2982,7 @@ function ms(e, t, n) {
         do
           f = s.shiftKey ? u.previousNode() : u.nextNode();
         while (ve(f, e));
-        s.preventDefault(), s.stopPropagation(), f ? se(f, !0) : Qn(c) ? se(c, !0) : i.blur();
+        s.preventDefault(), s.stopPropagation(), f ? se(f, !0) : Gn(c) ? se(c, !0) : i.blur();
       }
     };
     return n || o.addEventListener("keydown", a, !0), () => {
@@ -2993,15 +2995,15 @@ function ms(e, t, n) {
   ]), oe(() => {
     const o = R(e.current ? e.current[0] : void 0);
     if (!t) return;
-    let a = _.getTreeNode(e);
+    let a = A.getTreeNode(e);
     if (a) {
       var s;
       return a.nodeToRestore = (s = r.current) !== null && s !== void 0 ? s : void 0, () => {
-        let i = _.getTreeNode(e);
+        let i = A.getTreeNode(e);
         if (!i) return;
         let l = i.nodeToRestore, c = J(o);
         if (t && l && (c && ve(c, e) || c === o.body && bn(e))) {
-          let u = _.clone();
+          let u = A.clone();
           requestAnimationFrame(() => {
             if (o.activeElement === o.body) {
               let f = u.getTreeNode(e);
@@ -3013,8 +3015,8 @@ function ms(e, t, n) {
                 f = f.parent;
               }
               for (f = u.getTreeNode(e); f; ) {
-                if (f.scopeRef && f.scopeRef.current && _.getTreeNode(f.scopeRef)) {
-                  let h = Gn(f.scopeRef.current, !0);
+                if (f.scopeRef && f.scopeRef.current && A.getTreeNode(f.scopeRef)) {
+                  let h = Jn(f.scopeRef.current, !0);
                   pn(h);
                   return;
                 }
@@ -3100,8 +3102,8 @@ class Ct {
     this.children = /* @__PURE__ */ new Set(), this.contain = !1, this.scopeRef = t.scopeRef;
   }
 }
-let _ = new zt();
-const Yt = ({ children: e, node: t }) => $n(e, t ?? document.body), bs = ({
+let A = new zt();
+const Yt = ({ children: e, node: t }) => kn(e, t ?? document.body), bs = ({
   children: e,
   customTrigger: t,
   triggerContent: n,
@@ -3127,7 +3129,7 @@ const Yt = ({ children: e, node: t }) => $n(e, t ?? document.body), bs = ({
     open: P,
     toggle: O,
     close: g
-  } = Fn({
+  } = Wn({
     align: r,
     side: o,
     offset: a,
@@ -3146,7 +3148,7 @@ const Yt = ({ children: e, node: t }) => $n(e, t ?? document.body), bs = ({
       }
     },
     { enabled: P }
-  ), Wn(k, (T) => {
+  ), An(k, (T) => {
     !c || !x.current || !P || !T.target || x.current.contains(T.target) || g();
   });
   const w = W();
@@ -3165,7 +3167,7 @@ const Yt = ({ children: e, node: t }) => $n(e, t ?? document.body), bs = ({
         onClick: O,
         className: v(
           "outline-none p-2 rounded-md transition-colors",
-          "hover:bg-base-3 focus:bg-base-3 focus:ring-2 focus:ring-brand",
+          "hover:bg-base-3 focus-visible:bg-base-3 focus-visible:ring-2 focus-visible:ring-brand",
           i
         ),
         children: n
@@ -3241,12 +3243,12 @@ const Yt = ({ children: e, node: t }) => $n(e, t ?? document.body), bs = ({
     const a = new Date(n);
     a.setDate(n.getDate() + o), r.push(
       ye(a, "EEE", {
-        locale: e ?? In
+        locale: e ?? Rn
       })
     );
   }
   return t ? [...r.slice(1), r[0]] : r;
-}, Jn = ({
+}, Zn = ({
   selectedDate: e,
   onDateSelect: t,
   disabledDates: n,
@@ -3340,7 +3342,7 @@ const Yt = ({ children: e, node: t }) => $n(e, t ?? document.body), bs = ({
               onClick: () => O("prev"),
               size: "iconSm",
               "aria-label": "Previous month",
-              children: /* @__PURE__ */ d(kn, { size: 16 })
+              children: /* @__PURE__ */ d(Mn, { size: 16 })
             }
           ),
           /* @__PURE__ */ d("h2", { className: "text-sm font-medium", children: ye(c, "MMMM yyyy") }),
@@ -3350,7 +3352,7 @@ const Yt = ({ children: e, node: t }) => $n(e, t ?? document.body), bs = ({
               onClick: () => O("next"),
               size: "iconSm",
               "aria-label": "Next month",
-              children: /* @__PURE__ */ d(Mn, { size: 16 })
+              children: /* @__PURE__ */ d(Dn, { size: 16 })
             }
           )
         ] }),
@@ -3401,7 +3403,7 @@ const Yt = ({ children: e, node: t }) => $n(e, t ?? document.body), bs = ({
   return /* @__PURE__ */ d("div", { className: "p-8 bg-gray-100 min-h-screen", children: /* @__PURE__ */ p("div", { className: "max-w-md mx-auto", children: [
     /* @__PURE__ */ d("h1", { className: "text-2xl font-bold mb-6 text-gray-800", children: "Calendar Date Picker Demo" }),
     /* @__PURE__ */ d("div", { className: "mb-6", children: /* @__PURE__ */ d(
-      Jn,
+      Zn,
       {
         selectedDate: e,
         onDateSelect: t,
@@ -3487,12 +3489,12 @@ function Ti({
           children: [
             ye(/* @__PURE__ */ new Date(), "PP", { locale: je }),
             /* @__PURE__ */ d("span", { className: "grow" }),
-            /* @__PURE__ */ d(Dn, { size: 18, className: "text-base-11" })
+            /* @__PURE__ */ d(Sn, { size: 18, className: "text-base-11" })
           ]
         }
       ),
       children: (o) => /* @__PURE__ */ d(
-        Jn,
+        Zn,
         {
           selectedDate: n,
           onDateSelect: (a) => {
@@ -3510,7 +3512,7 @@ const Ci = () => /* @__PURE__ */ p("div", { children: [
   /* @__PURE__ */ p(X, { color: "solid", className: "px-3 mt-1", children: [
     ye(/* @__PURE__ */ new Date(), "p", { locale: je }),
     /* @__PURE__ */ d("span", { className: "grow" }),
-    /* @__PURE__ */ d(Sn, { size: 18, className: "text-base-11" })
+    /* @__PURE__ */ d(Tn, { size: 18, className: "text-base-11" })
   ] })
 ] }), Pi = () => /* @__PURE__ */ p("div", { className: "flex items-center gap-x-4", children: [
   /* @__PURE__ */ p("div", { className: "grow", children: [
@@ -3518,7 +3520,7 @@ const Ci = () => /* @__PURE__ */ p("div", { children: [
     /* @__PURE__ */ p(X, { color: "solid", className: "px-3 mt-1 w-full justify-start", children: [
       ye(/* @__PURE__ */ new Date(), "PP", { locale: je }),
       /* @__PURE__ */ d("span", { className: "grow" }),
-      /* @__PURE__ */ d(Dn, { size: 18, className: "text-base-11" })
+      /* @__PURE__ */ d(Sn, { size: 18, className: "text-base-11" })
     ] })
   ] }),
   /* @__PURE__ */ p("div", { children: [
@@ -3526,7 +3528,7 @@ const Ci = () => /* @__PURE__ */ p("div", { children: [
     /* @__PURE__ */ p(X, { color: "solid", className: "px-3 mt-1", children: [
       ye(/* @__PURE__ */ new Date(), "p", { locale: je }),
       /* @__PURE__ */ d("span", { className: "grow" }),
-      /* @__PURE__ */ d(Sn, { size: 18, className: "text-base-11" })
+      /* @__PURE__ */ d(Tn, { size: 18, className: "text-base-11" })
     ] })
   ] })
 ] }), Xe = {
@@ -3577,7 +3579,7 @@ const Ci = () => /* @__PURE__ */ p("div", { children: [
           className: v(
             // Base styles
             "inline-flex items-center justify-center rounded-2 border border-base-4 transition-all duration-200 ease-in-out",
-            "focus:outline-none focus:ring-2 focus:ring-base-5",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-base-5",
             // Size
             m[l],
             // Disabled state
@@ -3591,7 +3593,7 @@ const Ci = () => /* @__PURE__ */ p("div", { children: [
           ...c,
           children: [
             e === !0 && /* @__PURE__ */ d(
-              Tn,
+              Cn,
               {
                 size: b[l],
                 className: "stroke-current"
@@ -3627,7 +3629,7 @@ const Ci = () => /* @__PURE__ */ p("div", { children: [
   }
 );
 gs.displayName = "Checkbox";
-function Zn(e, t, n) {
+function er(e, t, n) {
   function r(i, l) {
     var c;
     Object.defineProperty(i, "_zod", {
@@ -3660,18 +3662,18 @@ class vs extends Error {
   }
 }
 const ws = {};
-function er(e) {
+function tr(e) {
   return ws;
 }
 function ys(e, t) {
   return typeof t == "bigint" ? t.toString() : t;
 }
-const tr = Error.captureStackTrace ? Error.captureStackTrace : (...e) => {
+const nr = Error.captureStackTrace ? Error.captureStackTrace : (...e) => {
 };
 function qe(e) {
   return typeof e == "string" ? e : e?.message;
 }
-function nr(e, t, n) {
+function rr(e, t, n) {
   const r = { ...e, path: e.path ?? [] };
   if (!e.message) {
     const o = qe(e.inst?._zod.def?.error?.(e)) ?? qe(t?.error?.(e)) ?? qe(n.customError?.(e)) ?? qe(n.localeError?.(e)) ?? "Invalid input";
@@ -3679,7 +3681,7 @@ function nr(e, t, n) {
   }
   return delete r.inst, delete r.continue, t?.reportInput || delete r.input, r;
 }
-const rr = (e, t) => {
+const or = (e, t) => {
   e.name = "$ZodError", Object.defineProperty(e, "_zod", {
     value: e._zod,
     enumerable: !1
@@ -3696,24 +3698,24 @@ const rr = (e, t) => {
     value: () => e.message,
     enumerable: !1
   });
-}, xs = Zn("$ZodError", rr), or = Zn("$ZodError", rr, { Parent: Error }), Ns = (e) => (t, n, r, o) => {
+}, xs = er("$ZodError", or), ar = er("$ZodError", or, { Parent: Error }), Ns = (e) => (t, n, r, o) => {
   const a = r ? Object.assign(r, { async: !1 }) : { async: !1 }, s = t._zod.run({ value: n, issues: [] }, a);
   if (s instanceof Promise)
     throw new vs();
   if (s.issues.length) {
-    const i = new (o?.Err ?? e)(s.issues.map((l) => nr(l, a, er())));
-    throw tr(i, o?.callee), i;
+    const i = new (o?.Err ?? e)(s.issues.map((l) => rr(l, a, tr())));
+    throw nr(i, o?.callee), i;
   }
   return s.value;
-}, Es = /* @__PURE__ */ Ns(or), $s = (e) => async (t, n, r, o) => {
+}, Es = /* @__PURE__ */ Ns(ar), $s = (e) => async (t, n, r, o) => {
   const a = r ? Object.assign(r, { async: !0 }) : { async: !0 };
   let s = t._zod.run({ value: n, issues: [] }, a);
   if (s instanceof Promise && (s = await s), s.issues.length) {
-    const i = new (o?.Err ?? e)(s.issues.map((l) => nr(l, a, er())));
-    throw tr(i, o?.callee), i;
+    const i = new (o?.Err ?? e)(s.issues.map((l) => rr(l, a, tr())));
+    throw nr(i, o?.callee), i;
   }
   return s.value;
-}, ks = /* @__PURE__ */ $s(or);
+}, ks = /* @__PURE__ */ $s(ar);
 function gn(e, t) {
   try {
     var n = e();
@@ -3735,7 +3737,7 @@ function Ms(e, t) {
       });
     }), t) {
       var l = n[s].types, c = l && l[r.code];
-      n[s] = Pn(s, t, n, o, c ? [].concat(c, r.message) : r.message);
+      n[s] = On(s, t, n, o, c ? [].concat(c, r.message) : r.message);
     }
     e.shift();
   }
@@ -3754,7 +3756,7 @@ function Ds(e, t) {
       });
     }), t) {
       var l = n[s].types, c = l && l[r.code];
-      n[s] = Pn(s, t, n, o, c ? [].concat(c, r.message) : r.message);
+      n[s] = On(s, t, n, o, c ? [].concat(c, r.message) : r.message);
     }
     e.shift();
   }
@@ -3854,7 +3856,7 @@ const Ts = ({
 }, Ps = {
   brand: "ring-1 ring-brand",
   solid: "ring-1 ring-base-6"
-}, ar = Ye(
+}, sr = Ye(
   ({
     label: e,
     description: t,
@@ -3875,7 +3877,7 @@ const Ts = ({
     ...x
   }, $) => {
     const k = E(null), W = E(!1), [P, O] = F(!1), [g, w] = F(!1), T = b === "password", I = T && P ? "text" : c ? "number" : b, H = y !== "" && y !== null && y !== void 0;
-    return A(() => {
+    return _(() => {
       if (!W.current) {
         W.current = !0;
         return;
@@ -3937,7 +3939,7 @@ const Ts = ({
                 },
                 type: I,
                 className: v(
-                  "w-full bg-transparent focus:outline-none",
+                  "w-full bg-transparent focus-visible:outline-none",
                   "placeholder:text-sm text-sm placeholder:text-base-11",
                   c || u ? "pl-9" : "pl-3",
                   {
@@ -3994,7 +3996,7 @@ const Ts = ({
     ] });
   }
 );
-ar.displayName = "Input";
+sr.displayName = "Input";
 const Fi = ({
   name: e,
   customRead: t,
@@ -4003,7 +4005,7 @@ const Fi = ({
   ...o
 }) => {
   const { control: a } = it(), s = B(
-    (l) => t ? t(l) : l === null ? On(l) : l,
+    (l) => t ? t(l) : l === null ? Ln(l) : l,
     [t]
   ), i = B(
     (l) => n ? r && l === null ? $t(l) : n(l) : l === null ? $t(l) : l,
@@ -4015,7 +4017,7 @@ const Fi = ({
       name: e,
       control: a,
       render: ({ field: l, fieldState: c }) => /* @__PURE__ */ d(
-        ar,
+        sr,
         {
           value: s(l.value),
           onChange: (u) => l.onChange(i(u.target.value)),
@@ -4030,11 +4032,11 @@ const Fi = ({
     "Form control missing for field: ",
     e
   ] }));
-}, sr = Ot(null), Os = ({
+}, ir = Ot(null), Os = ({
   children: e,
   value: t
-}) => /* @__PURE__ */ d(sr.Provider, { value: t, children: e }), Ls = () => {
-  const e = at(sr);
+}) => /* @__PURE__ */ d(ir.Provider, { value: t, children: e }), Ls = () => {
+  const e = at(ir);
   if (!e)
     throw new Error("useAliveScope must be wrapped within AliveScopeProvider");
   return e;
@@ -4081,16 +4083,16 @@ const Fi = ({
       ]
     }
   );
-}, ir = Ot(
+}, cr = Ot(
   null
 ), Fs = ({
   children: e,
   value: t
-}) => /* @__PURE__ */ d(ir.Provider, { value: t, children: e }), Ws = xr(({ id: e, onMountCallbacks: t, onDropCallbacks: n, children: r, element: o }) => /* @__PURE__ */ d(
+}) => /* @__PURE__ */ d(cr.Provider, { value: t, children: e }), Ws = Nr(({ id: e, onMountCallbacks: t, onDropCallbacks: n, children: r, element: o }) => /* @__PURE__ */ d(
   Fs,
   {
     value: { keepAliveId: e, onKeepAliveMount: (i, l = { runOnFirstMount: !1 }) => {
-      A(() => {
+      _(() => {
         const c = () => {
           if (document.getElementById(e))
             i(e);
@@ -4111,16 +4113,16 @@ const Fi = ({
         };
       }, []);
     }, onKeepAliveDrop: (i) => {
-      A(() => (n.current[e].push(i), () => {
+      _(() => (n.current[e].push(i), () => {
         n.current[e] = n.current[e].filter(
           (l) => l !== i
         );
       }), []);
     } },
-    children: $n(r, o, e)
+    children: kn(r, o, e)
   }
 )), Ai = () => {
-  const e = at(ir);
+  const e = at(cr);
   if (!e)
     throw new Error("useKeepAlive must be used within KeepAliveProvider");
   return e;
@@ -4131,7 +4133,7 @@ const Fi = ({
   ...r
 }) => {
   const o = E(null), { getPortalElement: a } = Ls();
-  return A(() => {
+  return _(() => {
     const s = a(e, t, r.className);
     return n && o.current && o.current.replaceWith(s), () => {
     };
@@ -4164,7 +4166,7 @@ const Fi = ({
     className: v(
       "w-full text-start first:rounded-t-7 last:rounded-b-7 border-b dark-theme:border-base-4",
       "last:border-none px-3 pr-2.5 py-3 dark-theme:bg-base-3 lg:hover:bg-base-4 max-lg:active:bg-base-4",
-      "transition-colors hover:cursor-pointer flex items-center justify-between outline-none lg:focus:ring-2 focus:ring-base-6",
+      "transition-colors hover:cursor-pointer flex items-center justify-between outline-none lg:focus-visible:ring-2 focus-visible:ring-base-6",
       t ? "bg-base-3 border-base-4" : "border-base-6",
       n
     ),
@@ -4195,7 +4197,7 @@ const Fi = ({
     open: j,
     toggle: M,
     close: C
-  } = Fn({
+  } = Wn({
     align: "start",
     side: "top",
     avoidCollisions: !1,
@@ -4218,7 +4220,7 @@ const Fi = ({
   )).filter(Boolean) : r, bt = le.length > 0, be = h ? n.filter(
     (N) => s(N).toLowerCase().includes(y.toLowerCase())
   ) : n;
-  A(() => {
+  _(() => {
     w.current = w.current.slice(0, be.length);
   }, [be.length]);
   const Ut = (N) => i ? r.some(
@@ -4290,14 +4292,14 @@ const Fi = ({
           }
           break;
       }
-  }, gr = (N) => {
+  }, vr = (N) => {
     x(N.target.value), P(-1);
-  }, vr = () => {
+  }, wr = () => {
     m || (h && O.current && O.current.focus(), M());
   }, Be = (N) => {
     console.log(`Accessibility announcement: ${N}`);
   };
-  Wn(H, (N) => {
+  An(H, (N) => {
     !T.current || !j || !N.target || T.current.contains(N.target) || C();
   });
   const pt = V();
@@ -4330,7 +4332,7 @@ const Fi = ({
               "opacity-60 cursor-not-allowed": m
             }
           ),
-          onClick: vr,
+          onClick: wr,
           role: "combobox",
           "aria-expanded": j,
           "aria-haspopup": "listbox",
@@ -4402,7 +4404,7 @@ const Fi = ({
                       type: "text",
                       className: "flex-grow min-w-[60px] bg-transparent outline-none placeholder:text-sm",
                       value: y,
-                      onChange: gr,
+                      onChange: vr,
                       onKeyDown: Jt,
                       placeholder: bt ? "" : u,
                       disabled: m,
@@ -4459,8 +4461,8 @@ const Fi = ({
           return /* @__PURE__ */ p(
             "div",
             {
-              ref: (wr) => {
-                w.current[D] = wr;
+              ref: (yr) => {
+                w.current[D] = yr;
               },
               className: v(
                 "px-3 py-2 text-sm cursor-pointer flex items-center justify-between",
@@ -4547,8 +4549,8 @@ const Fi = ({
     onMount: i,
     error: l
   }, c) => {
-    const u = E(null), f = Wt(), h = Ln(u, c), m = B(() => n && n(u), []);
-    return A(() => {
+    const u = E(null), f = Wt(), h = Fn(u, c), m = B(() => n && n(u), []);
+    return _(() => {
       const b = async () => {
         i && await i(u, f);
       };
@@ -4777,7 +4779,7 @@ const Fi = ({
                 x.current && vn({ el: x.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(kn, { className: "text-base-13" })
+              children: /* @__PURE__ */ d(Mn, { className: "text-base-13" })
             },
             "leftarrow"
           ) : null,
@@ -4792,7 +4794,7 @@ const Fi = ({
                 x.current && vn({ el: x.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(Mn, { className: "text-base-13" })
+              children: /* @__PURE__ */ d(Dn, { className: "text-base-13" })
             },
             "rightarrow"
           ) : null
@@ -4856,13 +4858,13 @@ const Fi = ({
         state: n ? "loading" : r ? "disabled" : "enabled",
         type: "submit",
         children: [
-          n ? /* @__PURE__ */ d(Is, {}) : e ? /* @__PURE__ */ d(Tn, { size: 18 }) : /* @__PURE__ */ d(Cn, { size: 18 }),
+          n ? /* @__PURE__ */ d(Is, {}) : e ? /* @__PURE__ */ d(Cn, { size: 18 }) : /* @__PURE__ */ d(Pn, { size: 18 }),
           e ? i : s
         ]
       }
     )
   ] });
-}, cr = Ot(void 0), Xi = ({
+}, lr = Ot(void 0), Xi = ({
   children: e,
   debug: t = !1
 }) => {
@@ -4914,9 +4916,9 @@ const Fi = ({
     restoreParentModal: i,
     getModals: l
   };
-  return /* @__PURE__ */ d(cr.Provider, { value: c, children: e });
+  return /* @__PURE__ */ d(lr.Provider, { value: c, children: e });
 }, Rs = () => {
-  const e = at(cr);
+  const e = at(lr);
   if (e === void 0)
     throw new Error("useModals must be used within a ModalsProvider");
   return e;
@@ -4933,7 +4935,7 @@ const Fi = ({
   // ...others
 }) => {
   const l = Wr(), c = Wt(), u = E(null), f = Rs(), { id: h, prevPath: m } = Ar(), b = re(() => r === "modal" || c, [r, c]);
-  return A(() => {
+  return _(() => {
     f.add(h);
     const y = f.getPrevId();
     if (!y || (u.current = document.getElementById(y), !u.current)) return;
@@ -4947,7 +4949,7 @@ const Fi = ({
       console.log("IS THIS CLEANUP RUNNING?");
     };
     //! NOT RUNNING...
-  }, [c]), Nr(() => () => f.remove(h), []), /* @__PURE__ */ p(Yt, { children: [
+  }, [c]), En(() => () => f.remove(h), []), /* @__PURE__ */ p(Yt, { children: [
     /* @__PURE__ */ d(
       Pe.div,
       {
@@ -5040,7 +5042,7 @@ function zs({
   required: o,
   className: a = ""
 }) {
-  const s = En();
+  const s = $n();
   return /* @__PURE__ */ p(
     "button",
     {
@@ -5113,7 +5115,7 @@ const Ys = ({
   ).current, g = E(
     `error-${Math.random().toString(36).substr(2, 9)}`
   ).current;
-  A(() => {
+  _(() => {
     k.current = k.current.slice(0, r.length);
   }, [r.length]);
   const w = (M) => {
@@ -5185,7 +5187,7 @@ const Ys = ({
         {
           className: v("rounded-6 px-2 transition cursor-text pr-10", {
             "bg-base-3": n === "solid",
-            "border border-uielborder focus:border-transparent": n === "outline",
+            "border border-uielborder focus-visible:border-transparent": n === "outline",
             "py-3": t === "default",
             "pt-5 pb-2": t === "floating",
             "ring-2 ring-branduielborder": h,
@@ -5320,7 +5322,7 @@ const Ys = ({
 }, Hs = {
   brand: "ring-1 ring-brand",
   solid: "ring-1 ring-base-6"
-}, lr = Ye(
+}, ur = Ye(
   ({
     label: e,
     labelPosition: t = "default",
@@ -5371,7 +5373,7 @@ const Ys = ({
                 ref: c,
                 className: v(
                   !r && u && Hs[o],
-                  "bg-base-3 border border-base-4 light-theme:drop-shadow-sm rounded-6 w-full focus:outline-none customscrollbarnohide",
+                  "bg-base-3 border border-base-4 light-theme:drop-shadow-sm rounded-6 w-full focus-visible:outline-none customscrollbarnohide",
                   "placeholder:text-base-11 text-sm",
                   "resize-none",
                   // Prevent manual resizing since we're auto-resizing
@@ -5396,7 +5398,7 @@ const Ys = ({
     ] });
   }
 );
-lr.displayName = "TextArea";
+ur.displayName = "TextArea";
 const Qi = ({
   name: e,
   customRead: t,
@@ -5404,7 +5406,7 @@ const Qi = ({
   ...r
 }) => {
   const { control: o } = it(), a = B(
-    (i) => t ? t(i) : i === null ? On(i) : i,
+    (i) => t ? t(i) : i === null ? Ln(i) : i,
     [t]
   ), s = B(
     (i) => n ? n(i) : i === null ? $t(i) : i,
@@ -5417,7 +5419,7 @@ const Qi = ({
       control: o,
       render: ({ field: i, fieldState: l }) => /* @__PURE__ */ p("div", { children: [
         /* @__PURE__ */ d(
-          lr,
+          ur,
           {
             value: a(i.value),
             onChange: (c) => i.onChange(s(c.target.value)),
@@ -5435,7 +5437,7 @@ const Qi = ({
   ] }));
 }, Pt = /* @__PURE__ */ new Set(), Y = /* @__PURE__ */ new WeakMap(), Ne = /* @__PURE__ */ new WeakMap(), U = /* @__PURE__ */ new WeakMap(), Ie = /* @__PURE__ */ new WeakMap(), xt = /* @__PURE__ */ new WeakMap(), Fe = /* @__PURE__ */ new WeakMap(), we = /* @__PURE__ */ new WeakMap(), me = /* @__PURE__ */ new WeakMap(), Se = /* @__PURE__ */ new WeakSet();
 let ae, Ht = 0, Bt = 0;
-const ie = "__aa_tgt", Re = "__aa_del", ot = "__aa_new", ur = (e) => {
+const ie = "__aa_tgt", Re = "__aa_del", ot = "__aa_new", dr = (e) => {
   const t = Xs(e);
   t && t.forEach((n) => qs(n));
 }, Bs = (e) => {
@@ -5443,7 +5445,7 @@ const ie = "__aa_tgt", Re = "__aa_del", ot = "__aa_new", ur = (e) => {
     t.target === ae && Vs(), Y.has(t.target) && Ee(t.target);
   });
 };
-function dr(e) {
+function fr(e) {
   const t = e.getBoundingClientRect(), n = ae?.clientWidth || 0, r = ae?.clientHeight || 0;
   return t.bottom < 0 || t.top > r || t.right < 0 || t.left > n;
 }
@@ -5488,7 +5490,7 @@ function Vs() {
     ae,
     setTimeout(() => {
       Pt.forEach(
-        (e) => Qe(e, (t) => fr(() => Ee(t)))
+        (e) => Qe(e, (t) => hr(() => Ee(t)))
       );
     }, 100)
   );
@@ -5497,16 +5499,16 @@ function Ks(e) {
   setTimeout(() => {
     Fe.set(
       e,
-      setInterval(() => fr(Ee.bind(null, e)), 2e3)
+      setInterval(() => hr(Ee.bind(null, e)), 2e3)
     );
   }, Math.round(2e3 * Math.random()));
 }
-function fr(e) {
+function hr(e) {
   typeof requestIdleCallback == "function" ? requestIdleCallback(() => e()) : requestAnimationFrame(() => e());
 }
 let Ae;
-const hr = typeof window < "u" && "ResizeObserver" in window;
-hr && (ae = document.documentElement, new MutationObserver(ur), Ae = new ResizeObserver(Bs), window.addEventListener("scroll", () => {
+const mr = typeof window < "u" && "ResizeObserver" in window;
+mr && (ae = document.documentElement, new MutationObserver(dr), Ae = new ResizeObserver(Bs), window.addEventListener("scroll", () => {
   Bt = window.scrollY, Ht = window.scrollX;
 }), Ae.observe(ae));
 function Xs(e) {
@@ -5572,7 +5574,7 @@ function Oe(e) {
     height: t.height
   };
 }
-function mr(e, t, n) {
+function br(e, t, n) {
   let r = t.width, o = t.height, a = n.width, s = n.height;
   const i = getComputedStyle(e);
   if (i.getPropertyValue("box-sizing") === "content-box") {
@@ -5584,11 +5586,11 @@ function mr(e, t, n) {
 function ht(e) {
   return ie in e && we.has(e[ie]) ? we.get(e[ie]) : { duration: 250, easing: "ease-in-out" };
 }
-function br(e) {
+function pr(e) {
   if (ie in e) return e[ie];
 }
 function Kt(e) {
-  const t = br(e);
+  const t = pr(e);
   return t ? Se.has(t) : !1;
 }
 function Qe(e, ...t) {
@@ -5607,7 +5609,7 @@ function ze(e) {
 function Qs(e) {
   const t = Y.get(e), n = Oe(e);
   if (!Kt(e)) return Y.set(e, n);
-  if (dr(e)) {
+  if (fr(e)) {
     Y.set(e, n), Vt(e);
     return;
   }
@@ -5618,7 +5620,7 @@ function Qs(e) {
     let a = t.left - n.left, s = t.top - n.top;
     const i = t.left + t.width - (n.left + n.width);
     t.top + t.height - (n.top + n.height) == 0 && (s = 0), i == 0 && (a = 0);
-    const [c, u, f, h] = mr(
+    const [c, u, f, h] = br(
       e,
       t,
       n
@@ -5647,7 +5649,7 @@ function yn(e) {
   Y.set(e, t);
   const n = ht(e);
   if (!Kt(e)) return;
-  if (dr(e)) {
+  if (fr(e)) {
     Vt(e);
     return;
   }
@@ -5684,7 +5686,7 @@ function Gs(e) {
   const [t, n] = Ne.get(e);
   Object.defineProperty(e, Re, { value: !0, configurable: !0 });
   const r = window.scrollX, o = window.scrollY;
-  if (n && n.parentNode && n.parentNode instanceof Element ? n.parentNode.insertBefore(e, n) : t && t.parentNode ? t.parentNode.appendChild(e) : br(e)?.appendChild(e), !Kt(e)) return xn(e);
+  if (n && n.parentNode && n.parentNode instanceof Element ? n.parentNode.insertBefore(e, n) : t && t.parentNode ? t.parentNode.appendChild(e) : pr(e)?.appendChild(e), !Kt(e)) return xn(e);
   const [a, s, i, l] = Zs(e), c = ht(e), u = Y.get(e);
   (r !== Ht || o !== Bt) && Js(e, r, o, c);
   let f, h = {
@@ -5745,7 +5747,7 @@ function Js(e, t, n, r) {
   h();
 }
 function Zs(e) {
-  const t = Y.get(e), [n, , r] = mr(e, t, Oe(e));
+  const t = Y.get(e), [n, , r] = br(e, t, Oe(e));
   let o = e.parentElement;
   for (; o && (getComputedStyle(o).position === "static" || o instanceof HTMLBodyElement); )
     o = o.parentElement;
@@ -5753,14 +5755,14 @@ function Zs(e) {
   const a = getComputedStyle(o), s = !U.has(e) || U.get(e)?.playState === "finished" ? Oe(o) : Y.get(o), i = Math.round(t.top - s.top) - ee(a.borderTopWidth), l = Math.round(t.left - s.left) - ee(a.borderLeftWidth);
   return [i, l, n, r];
 }
-function pr(e, t = {}) {
-  if (hr && Ae && !(window.matchMedia("(prefers-reduced-motion: reduce)").matches && !ze(t) && !t.disrespectUserMotionPreference)) {
+function gr(e, t = {}) {
+  if (mr && Ae && !(window.matchMedia("(prefers-reduced-motion: reduce)").matches && !ze(t) && !t.disrespectUserMotionPreference)) {
     Se.add(e), getComputedStyle(e).position === "static" && Object.assign(e.style, { position: "relative" }), Qe(e, Ee, Ks, (s) => Ae?.observe(s)), ze(t) ? we.set(e, t) : we.set(e, {
       duration: 250,
       easing: "ease-in-out",
       ...t
     });
-    const a = new MutationObserver(ur);
+    const a = new MutationObserver(dr);
     a.observe(e, { childList: !0 }), xt.set(e, a), Pt.add(e);
   }
   return Object.freeze({
@@ -5810,8 +5812,8 @@ const ei = [
   "Domingo"
 ], Gi = () => /* @__PURE__ */ d(ti, {}), ti = () => /* @__PURE__ */ d("div", { children: ei.map((e) => /* @__PURE__ */ d(ni, { day: e }, e)) }), ni = ({ day: e }) => {
   const [t, n] = F(!1), r = E(null);
-  return A(() => {
-    r.current && pr(r.current);
+  return _(() => {
+    r.current && gr(r.current);
   }, []), /* @__PURE__ */ p(
     "div",
     {
@@ -5842,8 +5844,8 @@ const ei = [
     { from: "08:00", to: "12:00" },
     { from: "14:00", to: "18:00" }
   ]), n = E(null);
-  return A(() => {
-    n.current && pr(n.current);
+  return _(() => {
+    n.current && gr(n.current);
   }, []), /* @__PURE__ */ p("div", { ref: n, children: [
     e.map((r, o) => /* @__PURE__ */ p(
       "div",
@@ -5866,7 +5868,7 @@ const ei = [
         className: "w-full mt-4",
         color: "contrast",
         children: [
-          /* @__PURE__ */ d(Cn, { className: "stroke-1" }),
+          /* @__PURE__ */ d(Pn, { className: "stroke-1" }),
           "Añadir hora"
         ]
       }
@@ -5878,7 +5880,7 @@ export {
   xi as Avatar,
   Ni as AvatarsGroup,
   X as Button,
-  Jn as Calendar,
+  Zn as Calendar,
   gs as Checkbox,
   Si as DatePickerDemo,
   Ti as DatePickerPopover,
@@ -5892,7 +5894,7 @@ export {
   Qi as FormTextArea,
   Gi as FormWorkingHours,
   Ts as Icon,
-  ar as Input,
+  sr as Input,
   _i as KeepAlive,
   ji as List,
   Ii as ListItem,
@@ -5912,7 +5914,7 @@ export {
   qi as SuperModal,
   zs as Switch,
   Ys as Tags,
-  lr as TextArea,
+  ur as TextArea,
   Ci as TimePicker,
   Hr as calculatePopoverPosition,
   Je as checkOverflow,
@@ -5920,7 +5922,7 @@ export {
   pi as debounce,
   vi as extractDirtyData,
   _r as generateInitials,
-  On as nullRead,
+  Ln as nullRead,
   $t as nullSet,
   Ir as removeWhitespaces,
   jr as setFocusEnd,
@@ -5928,16 +5930,16 @@ export {
   gi as toTitleCase,
   Ei as useClickAway,
   $i as useClickAwayAdvanced,
-  Wn as useClickAwayWithRef,
+  An as useClickAwayWithRef,
   Ai as useKeepAlive,
   Br as useKeyListener,
   Wt as useLargeScreen,
-  Ln as useMergedRef,
+  Fn as useMergedRef,
   Li as useMethods,
   Rs as useModals,
   Rr as useOverflow,
   yi as useOverflowState,
-  Fn as usePopover,
+  Wn as usePopover,
   Yr as useRipple
 };
 //# sourceMappingURL=index.js.map