@clicktap/ui 0.2.13 → 0.3.0

package/index.mjs

@@ -1,8 +1,8 @@
 import { jsxs as Q, jsx as g, Fragment as sr } from "react/jsx-runtime";
 import * as ot from "react";
-import ce, { useRef as U, useImperativeHandle as Un, useState as fe, useEffect as ie, useCallback as le, useContext as Oe, useMemo as Ce, useLayoutEffect as Kn, forwardRef as we, cloneElement as Ir, useId as fo, createContext as gr, Children as or, isValidElement as _r, createElement as Y, Fragment as Nt, useReducer as bi } from "react";
+import ce, { useRef as U, useImperativeHandle as Un, useCallback as ie, useContext as Oe, useState as fe, useEffect as le, useMemo as Ce, useLayoutEffect as Kn, forwardRef as $e, cloneElement as Ir, useId as fo, createContext as vr, Children as or, isValidElement as _r, createElement as Y, Fragment as Nt, useReducer as bi } from "react";
 import { styled as C, keyframes as ke, createGlobalStyle as Yn, css as Ke } from "styled-components";
-import { AnimatePresence as Xn, motion as yr, LazyMotion as gi, domAnimation as vi, m as $i } from "framer-motion";
+import { AnimatePresence as Xn, motion as wr, LazyMotion as gi, domAnimation as vi, m as $i } from "framer-motion";
 import { Breadcrumbs as yi, Breadcrumb as qn, Link as ft, Button as Zn, Checkbox as wi, Provider as xi, Popover as Jn, Menu as mi, DateField as hi, DateInput as Qn, DateSegment as ea, Label as Xe, FieldError as Ar, Text as Lr, Input as pt, TextField as bt, Meter as Ci, Modal as Ei, ModalOverlay as Si, Dialog as ra, NumberField as ki, Group as ta, ProgressBar as oa, ComboBox as Ti, ListBoxItem as Pi, ListBox as Oi, Slider as _i, SliderOutput as Ri, SliderThumb as Mi, SliderTrack as Ii, Switch as Ai, Tabs as Li, TabList as Ni, Tab as Di, TabPanel as Fi, TimeField as zi, ToggleButton as ji } from "react-aria-components";
 import { useSeparator as Vi } from "react-aria";
 import na, { flushSync as aa } from "react-dom";
@@ -76,7 +76,7 @@ function sa(e) {
         e[r] && (o && (o += " "), o += r);
   return o;
 }
-function vr(...e) {
+function $r(...e) {
   for (var r = 0, t, o, n = ""; r < e.length; )
     (t = e[r++]) && (o = sa(t)) && (n && (n += " "), n += o);
   return n;
@@ -644,9 +644,9 @@ var Zi = Object.create, la = Object.defineProperty, Ji = Object.getOwnPropertyDe
           Object.freeze && Object.freeze(ge), P.children = ge;
         }
         if (a && a.defaultProps) {
-          var $e = a.defaultProps;
-          for (m in $e)
-            P[m] === void 0 && (P[m] = $e[m]);
+          var ye = a.defaultProps;
+          for (m in ye)
+            P[m] === void 0 && (P[m] = ye[m]);
         }
         if (G || j) {
           var me = typeof a == "function" ? a.displayName || a.name || "Unknown" : a;
@@ -673,13 +673,13 @@ var Zi = Object.create, la = Object.defineProperty, Ji = Object.getOwnPropertyDe
         if (ve === 1)
           P.children = w;
         else if (ve > 1) {
-          for (var $e = Array(ve), me = 0; me < ve; me++)
-            $e[me] = arguments[me + 2];
-          P.children = $e;
+          for (var ye = Array(ve), me = 0; me < ve; me++)
+            ye[me] = arguments[me + 2];
+          P.children = ye;
         }
         return yt(a.type, G, j, X, ne, pe, P);
       }
-      function lr(a) {
+      function cr(a) {
         return typeof a == "object" && a !== null && a.$$typeof === o;
       }
       var Ao = ".", ys = ":";
@@ -726,23 +726,23 @@ var Zi = Object.create, la = Object.defineProperty, Ji = Object.getOwnPropertyDe
               return pi;
             });
           } else
-            ne != null && (lr(ne) && (ne.key && (!X || X.key !== ne.key) && zr(ne.key), ne = vs(
+            ne != null && (cr(ne) && (ne.key && (!X || X.key !== ne.key) && zr(ne.key), ne = vs(
               ne,
               w + (ne.key && (!X || X.key !== ne.key) ? No("" + ne.key) + "/" : "") + pe
             )), u.push(ne));
           return 1;
         }
-        var ve, $e, me = 0, Se = m === "" ? Ao : m + ys;
+        var ve, ye, me = 0, Se = m === "" ? Ao : m + ys;
         if (He(a))
           for (var Yr = 0; Yr < a.length; Yr++)
-            ve = a[Yr], $e = Se + wt(ve, Yr), me += jr(ve, u, w, $e, P);
+            ve = a[Yr], ye = Se + wt(ve, Yr), me += jr(ve, u, w, ye, P);
         else {
           var Pt = R(a);
           if (typeof Pt == "function") {
             var sn = a;
             Pt === sn.entries && (Lo || B("Using Maps as children is not supported. Use an array of keyed ReactElements instead."), Lo = !0);
             for (var ui = Pt.call(sn), ln, fi = 0; !(ln = ui.next()).done; )
-              ve = ln.value, $e = Se + wt(ve, fi++), me += jr(ve, u, w, $e, P);
+              ve = ln.value, ye = Se + wt(ve, fi++), me += jr(ve, u, w, ye, P);
           } else if (G === "object") {
             var cn = String(a);
             throw new Error("Objects are not valid as a React child (found: " + (cn === "[object Object]" ? "object with keys {" + Object.keys(a).join(", ") + "}" : cn) + "). If you meant to render a collection of children, use an array instead.");
@@ -775,7 +775,7 @@ var Zi = Object.create, la = Object.defineProperty, Ji = Object.getOwnPropertyDe
         }) || [];
       }
       function Es(a) {
-        if (!lr(a))
+        if (!cr(a))
           throw new Error("React.Children.only expected to receive a single React element child.");
         return a;
       }
@@ -1192,7 +1192,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
         } finally {
           Ct = !1, mt.current = G, Ks(), Error.prepareStackTrace = P;
         }
-        var $e = a ? a.displayName || a.name : "", me = $e ? Br($e) : "";
+        var ye = a ? a.displayName || a.name : "", me = ye ? Br(ye) : "";
         return typeof a == "function" && Hr.set(a, me), me;
       }
       function Xs(a, u, w) {
@@ -1258,7 +1258,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
             }
         }
       }
-      function cr(a) {
+      function dr(a) {
         if (a) {
           var u = a._owner, w = Wr(a.type, a._source, u ? u.type : null);
           N(w);
@@ -1307,7 +1307,7 @@ Check the top-level render call using <` + w + ">.");
           if (!Jo[w]) {
             Jo[w] = !0;
             var m = "";
-            a && a._owner && a._owner !== T.current && (m = " It was passed a child from " + qe(a._owner.type) + "."), cr(a), A('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', w, m), cr(null);
+            a && a._owner && a._owner !== T.current && (m = " It was passed a child from " + qe(a._owner.type) + "."), dr(a), A('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', w, m), dr(null);
           }
         }
       }
@@ -1316,15 +1316,15 @@ Check the top-level render call using <` + w + ">.");
           if (He(a))
             for (var w = 0; w < a.length; w++) {
               var m = a[w];
-              lr(m) && Qo(m, u);
+              cr(m) && Qo(m, u);
             }
-          else if (lr(a))
+          else if (cr(a))
             a._store && (a._store.validated = !0);
           else if (a) {
             var P = R(a);
             if (typeof P == "function" && P !== a.entries)
               for (var G = P.call(a), j; !(j = G.next()).done; )
-                lr(j.value) && Qo(j.value, u);
+                cr(j.value) && Qo(j.value, u);
           }
         }
       }
@@ -1356,11 +1356,11 @@ Check the top-level render call using <` + w + ">.");
           for (var u = Object.keys(a.props), w = 0; w < u.length; w++) {
             var m = u[w];
             if (m !== "children" && m !== "key") {
-              cr(a), A("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", m), cr(null);
+              dr(a), A("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", m), dr(null);
               break;
             }
           }
-          a.ref !== null && (cr(a), A("Invalid attribute `ref` supplied to `React.Fragment`."), cr(null));
+          a.ref !== null && (dr(a), A("Invalid attribute `ref` supplied to `React.Fragment`."), dr(null));
         }
       }
       function tn(a, u, w) {
@@ -1427,27 +1427,27 @@ Check the top-level render call using <` + w + ">.");
           }
         return Ur(a);
       }
-      var dr = 0, an = !1;
+      var ur = 0, an = !1;
       function si(a) {
         {
-          var u = dr;
-          dr++, O.current === null && (O.current = []);
+          var u = ur;
+          ur++, O.current === null && (O.current = []);
           var w = O.isBatchingLegacy, m;
           try {
             if (O.isBatchingLegacy = !0, m = a(), !w && O.didScheduleLegacyUpdate) {
               var P = O.current;
               P !== null && (O.didScheduleLegacyUpdate = !1, Tt(P));
             }
-          } catch ($e) {
-            throw Kr(u), $e;
+          } catch (ye) {
+            throw Kr(u), ye;
           } finally {
             O.isBatchingLegacy = w;
           }
           if (m !== null && typeof m == "object" && typeof m.then == "function") {
             var G = m, j = !1, X = {
-              then: function($e, me) {
+              then: function(ye, me) {
                 j = !0, G.then(function(Se) {
-                  Kr(u), dr === 0 ? St(Se, $e, me) : $e(Se);
+                  Kr(u), ur === 0 ? St(Se, ye, me) : ye(Se);
                 }, function(Se) {
                   Kr(u), me(Se);
                 });
@@ -1459,19 +1459,19 @@ Check the top-level render call using <` + w + ">.");
             }), X;
           } else {
             var ne = m;
-            if (Kr(u), dr === 0) {
+            if (Kr(u), ur === 0) {
               var pe = O.current;
               pe !== null && (Tt(pe), O.current = null);
               var ge = {
-                then: function($e, me) {
-                  O.current === null ? (O.current = [], St(ne, $e, me)) : $e(ne);
+                then: function(ye, me) {
+                  O.current === null ? (O.current = [], St(ne, ye, me)) : ye(ne);
                 }
               };
               return ge;
             } else {
               var ve = {
-                then: function($e, me) {
-                  $e(ne);
+                then: function(ye, me) {
+                  ye(ne);
                 }
               };
               return ve;
@@ -1480,7 +1480,7 @@ Check the top-level render call using <` + w + ">.");
         }
       }
       function Kr(a) {
-        a !== dr - 1 && A("You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. "), dr = a;
+        a !== ur - 1 && A("You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. "), ur = a;
       }
       function St(a, u, w) {
         {
@@ -1524,7 +1524,7 @@ Check the top-level render call using <` + w + ">.");
         toArray: Cs,
         only: Es
       };
-      e.Children = di, e.Component = K, e.Fragment = s, e.Profiler = l, e.PureComponent = ue, e.StrictMode = i, e.Suspense = v, e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = z, e.cloneElement = li, e.createContext = Ss, e.createElement = ii, e.createFactory = ci, e.createRef = Ne, e.forwardRef = Os, e.isValidElement = lr, e.lazy = Ps, e.memo = _s, e.startTransition = ni, e.unstable_act = si, e.useCallback = Fs, e.useContext = Rs, e.useDebugValue = Vs, e.useDeferredValue = Hs, e.useEffect = Ls, e.useId = Ws, e.useImperativeHandle = js, e.useInsertionEffect = Ns, e.useLayoutEffect = Ds, e.useMemo = zs, e.useReducer = Is, e.useRef = As, e.useState = Ms, e.useSyncExternalStore = Gs, e.useTransition = Bs, e.version = t, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+      e.Children = di, e.Component = K, e.Fragment = s, e.Profiler = l, e.PureComponent = ue, e.StrictMode = i, e.Suspense = v, e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = z, e.cloneElement = li, e.createContext = Ss, e.createElement = ii, e.createFactory = ci, e.createRef = Ne, e.forwardRef = Os, e.isValidElement = cr, e.lazy = Ps, e.memo = _s, e.startTransition = ni, e.unstable_act = si, e.useCallback = Fs, e.useContext = Rs, e.useDebugValue = Vs, e.useDeferredValue = Hs, e.useEffect = Ls, e.useId = Ws, e.useImperativeHandle = js, e.useInsertionEffect = Ns, e.useLayoutEffect = Ds, e.useMemo = zs, e.useReducer = Is, e.useRef = As, e.useState = Ms, e.useSyncExternalStore = Gs, e.useTransition = Bs, e.version = t, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
     }();
   }
 }), al = po({
@@ -4842,42 +4842,26 @@ var Gl = /* @__PURE__ */ zt(Vt), Ul = { twMerge: !0, twMergeConfig: {}, responsi
     }
   ]
 });
-function Ca(e, r, t) {
-  let [o, n] = fe(e || r), s = U(e !== void 0), i = e !== void 0;
-  ie(() => {
-    let p = s.current;
-    p !== i && console.warn(`WARN: A component changed from ${p ? "controlled" : "uncontrolled"} to ${i ? "controlled" : "uncontrolled"}.`), s.current = i;
-  }, [
-    i
-  ]);
-  let l = i ? e : o, d = le((p, ...f) => {
-    let v = (x, ...b) => {
-      t && (Object.is(l, x) || t(x, ...b)), i || (l = x);
-    };
-    typeof p == "function" ? (console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), n((b, ...y) => {
-      let h = p(i ? l : b, ...y);
-      return v(h, ...f), i ? b : h;
-    })) : (i || n(p), v(p, ...f));
+const nr = typeof document < "u" ? ce.useLayoutEffect : () => {
+};
+function Ht(e) {
+  const r = U(null);
+  return nr(() => {
+    r.current = e;
   }, [
-    i,
-    l,
-    t
-  ]);
-  return [
-    l,
-    d
-  ];
-}
-function Ht(e, r = -1 / 0, t = 1 / 0) {
-  return Math.min(Math.max(e, r), t);
+    e
+  ]), ie((...t) => {
+    const o = r.current;
+    return o == null ? void 0 : o(...t);
+  }, []);
 }
 const at = {
   prefix: String(Math.round(Math.random() * 1e10)),
   current: 0
-}, Ea = /* @__PURE__ */ ce.createContext(at), ql = /* @__PURE__ */ ce.createContext(!1);
+}, Ca = /* @__PURE__ */ ce.createContext(at), ql = /* @__PURE__ */ ce.createContext(!1);
 let Zl = !!(typeof window < "u" && window.document && window.document.createElement), Rt = /* @__PURE__ */ new WeakMap();
 function Jl(e = !1) {
-  let r = Oe(Ea), t = U(null);
+  let r = Oe(Ca), t = U(null);
   if (t.current === null && !e) {
     var o, n;
     let s = (n = ce.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || n === void 0 || (o = n.ReactCurrentOwner) === null || o === void 0 ? void 0 : o.current;
@@ -4893,7 +4877,7 @@ function Jl(e = !1) {
   return t.current;
 }
 function Ql(e) {
-  let r = Oe(Ea);
+  let r = Oe(Ca);
   r === at && !Zl && console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
   let t = Jl(!!e), o = r === at && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${r.prefix}`;
   return e || `${o}-${t}`;
@@ -4916,56 +4900,24 @@ function nc(e) {
 function go() {
   return typeof ce.useSyncExternalStore == "function" ? ce.useSyncExternalStore(nc, tc, oc) : Oe(ql);
 }
-function Sa(e) {
-  var r, t, o = "";
-  if (typeof e == "string" || typeof e == "number")
-    o += e;
-  else if (typeof e == "object")
-    if (Array.isArray(e)) {
-      var n = e.length;
-      for (r = 0; r < n; r++)
-        e[r] && (t = Sa(e[r])) && (o && (o += " "), o += t);
-    } else
-      for (t in e)
-        e[t] && (o && (o += " "), o += t);
-  return o;
-}
-function ac() {
-  for (var e, r, t = 0, o = "", n = arguments.length; t < n; t++)
-    (e = arguments[t]) && (r = Sa(e)) && (o && (o += " "), o += r);
-  return o;
-}
-const nr = typeof document < "u" ? ce.useLayoutEffect : () => {
-};
-function Wt(e) {
-  const r = U(null);
-  return nr(() => {
-    r.current = e;
-  }, [
-    e
-  ]), le((...t) => {
-    const o = r.current;
-    return o == null ? void 0 : o(...t);
-  }, []);
-}
-let sc = !!(typeof window < "u" && window.document && window.document.createElement), st = /* @__PURE__ */ new Map();
-function ic(e) {
-  let [r, t] = fe(e), o = U(null), n = rc(r), s = le((i) => {
+let ac = !!(typeof window < "u" && window.document && window.document.createElement), st = /* @__PURE__ */ new Map();
+function sc(e) {
+  let [r, t] = fe(e), o = U(null), n = rc(r), s = ie((i) => {
     o.current = i;
   }, []);
-  return sc && st.set(n, s), nr(() => {
+  return ac && st.set(n, s), nr(() => {
     let i = n;
     return () => {
       st.delete(i);
     };
   }, [
     n
-  ]), ie(() => {
+  ]), le(() => {
     let i = o.current;
     i && (o.current = null, t(i));
   }), n;
 }
-function lc(e, r) {
+function ic(e, r) {
   if (e === r)
     return e;
   let t = st.get(e);
@@ -4974,16 +4926,35 @@ function lc(e, r) {
   let o = st.get(r);
   return o ? (o(e), e) : r;
 }
-function cc(...e) {
+function lc(...e) {
   return (...r) => {
     for (let t of e)
       typeof t == "function" && t(...r);
   };
 }
-const wr = (e) => {
+const lr = (e) => {
   var r;
   return (r = e == null ? void 0 : e.ownerDocument) !== null && r !== void 0 ? r : document;
-}, tr = (e) => e && "window" in e && e.window === e ? e : wr(e).defaultView || window;
+}, tr = (e) => e && "window" in e && e.window === e ? e : lr(e).defaultView || window;
+function Ea(e) {
+  var r, t, o = "";
+  if (typeof e == "string" || typeof e == "number")
+    o += e;
+  else if (typeof e == "object")
+    if (Array.isArray(e)) {
+      var n = e.length;
+      for (r = 0; r < n; r++)
+        e[r] && (t = Ea(e[r])) && (o && (o += " "), o += t);
+    } else
+      for (t in e)
+        e[t] && (o && (o += " "), o += t);
+  return o;
+}
+function cc() {
+  for (var e, r, t = 0, o = "", n = arguments.length; t < n; t++)
+    (e = arguments[t]) && (r = Ea(e)) && (o && (o += " "), o += r);
+  return o;
+}
 function Ae(...e) {
   let r = {
     ...e[0]
@@ -4995,7 +4966,7 @@ function Ae(...e) {
       typeof s == "function" && typeof i == "function" && // This is a lot faster than a regex.
       n[0] === "o" && n[1] === "n" && n.charCodeAt(2) >= /* 'A' */
       65 && n.charCodeAt(2) <= /* 'Z' */
-      90 ? r[n] = cc(s, i) : (n === "className" || n === "UNSAFE_className") && typeof s == "string" && typeof i == "string" ? r[n] = ac(s, i) : n === "id" && s && i ? r.id = lc(s, i) : r[n] = i !== void 0 ? i : s;
+      90 ? r[n] = lc(s, i) : (n === "className" || n === "UNSAFE_className") && typeof s == "string" && typeof i == "string" ? r[n] = cc(s, i) : n === "id" && s && i ? r.id = ic(s, i) : r[n] = i !== void 0 ? i : s;
     }
   }
   return r;
@@ -5009,6 +4980,7 @@ const dc = /* @__PURE__ */ new Set([
   "aria-details"
 ]), fc = /* @__PURE__ */ new Set([
   "href",
+  "hrefLang",
   "target",
   "rel",
   "download",
@@ -5084,7 +5056,7 @@ function mc() {
 function hc() {
   return vo(/Android/i);
 }
-let fr = /* @__PURE__ */ new Map(), Gt = /* @__PURE__ */ new Set();
+let pr = /* @__PURE__ */ new Map(), Wt = /* @__PURE__ */ new Set();
 function mn() {
   if (typeof window > "u")
     return;
@@ -5094,18 +5066,18 @@ function mn() {
   let r = (o) => {
     if (!e(o) || !o.target)
       return;
-    let n = fr.get(o.target);
-    n || (n = /* @__PURE__ */ new Set(), fr.set(o.target, n), o.target.addEventListener("transitioncancel", t, {
+    let n = pr.get(o.target);
+    n || (n = /* @__PURE__ */ new Set(), pr.set(o.target, n), o.target.addEventListener("transitioncancel", t, {
       once: !0
     })), n.add(o.propertyName);
   }, t = (o) => {
     if (!e(o) || !o.target)
       return;
-    let n = fr.get(o.target);
-    if (n && (n.delete(o.propertyName), n.size === 0 && (o.target.removeEventListener("transitioncancel", t), fr.delete(o.target)), fr.size === 0)) {
-      for (let s of Gt)
+    let n = pr.get(o.target);
+    if (n && (n.delete(o.propertyName), n.size === 0 && (o.target.removeEventListener("transitioncancel", t), pr.delete(o.target)), pr.size === 0)) {
+      for (let s of Wt)
         s();
-      Gt.clear();
+      Wt.clear();
     }
   };
   document.body.addEventListener("transitionrun", r), document.body.addEventListener("transitionend", t);
@@ -5113,7 +5085,7 @@ function mn() {
 typeof document < "u" && (document.readyState !== "loading" ? mn() : document.addEventListener("DOMContentLoaded", mn));
 function Cc(e) {
   requestAnimationFrame(() => {
-    fr.size === 0 ? e() : Gt.add(e);
+    pr.size === 0 ? e() : Wt.add(e);
   });
 }
 function Ec(e) {
@@ -5134,7 +5106,7 @@ function Sc() {
 }
 function kc(e) {
   const { ref: r, onResize: t } = e;
-  ie(() => {
+  le(() => {
     let o = r == null ? void 0 : r.current;
     if (o)
       if (Sc()) {
@@ -5153,7 +5125,7 @@ function kc(e) {
     r
   ]);
 }
-function ka(e, r) {
+function Sa(e, r) {
   nr(() => {
     if (e && e.ref && r)
       return e.ref.current = r.current, () => {
@@ -5164,6 +5136,35 @@ function ka(e, r) {
 function Tc(e) {
   return e.mozInputSource === 0 && e.isTrusted ? !0 : hc() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
 }
+function ka(e, r, t) {
+  let [o, n] = fe(e || r), s = U(e !== void 0), i = e !== void 0;
+  le(() => {
+    let p = s.current;
+    p !== i && console.warn(`WARN: A component changed from ${p ? "controlled" : "uncontrolled"} to ${i ? "controlled" : "uncontrolled"}.`), s.current = i;
+  }, [
+    i
+  ]);
+  let l = i ? e : o, d = ie((p, ...f) => {
+    let v = (x, ...b) => {
+      t && (Object.is(l, x) || t(x, ...b)), i || (l = x);
+    };
+    typeof p == "function" ? (console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), n((b, ...y) => {
+      let h = p(i ? l : b, ...y);
+      return v(h, ...f), i ? b : h;
+    })) : (i || n(p), v(p, ...f));
+  }, [
+    i,
+    l,
+    t
+  ]);
+  return [
+    l,
+    d
+  ];
+}
+function Gt(e, r = -1 / 0, t = 1 / 0) {
+  return Math.min(Math.max(e, r), t);
+}
 const Ut = ce.createContext({
   register: () => {
   }
@@ -5179,7 +5180,7 @@ const Pc = /* @__PURE__ */ ce.forwardRef(({ children: e, ...r }, t) => {
       o.current = !0, n && n.register();
     }
   });
-  return ka(n, t), ie(() => {
+  return Sa(n, t), le(() => {
     o.current || (console.warn("A PressResponder was rendered without a pressable child. Either call the usePress hook, or wrap your DOM node with <Pressable> component."), o.current = !0);
   }, []), /* @__PURE__ */ ce.createElement(Ut.Provider, {
     value: s
@@ -5215,10 +5216,10 @@ function Ta(e) {
       o.observer && (o.observer.disconnect(), o.observer = null);
     };
   }, []);
-  let t = Wt((o) => {
+  let t = Ht((o) => {
     e == null || e(o);
   });
-  return le((o) => {
+  return ie((o) => {
     if (o.target instanceof HTMLButtonElement || o.target instanceof HTMLInputElement || o.target instanceof HTMLTextAreaElement || o.target instanceof HTMLSelectElement) {
       r.current.isFocused = !0;
       let n = o.target, s = (i) => {
@@ -5251,14 +5252,15 @@ function Ta(e) {
 }
 function Pa(e) {
   let { isDisabled: r, onFocus: t, onBlur: o, onFocusChange: n } = e;
-  const s = le((d) => {
+  const s = ie((d) => {
     if (d.target === d.currentTarget)
       return o && o(d), n && n(!1), !0;
   }, [
     o,
     n
-  ]), i = Ta(s), l = le((d) => {
-    d.target === d.currentTarget && document.activeElement === d.target && (t && t(d), n && n(!0), i(d));
+  ]), i = Ta(s), l = ie((d) => {
+    const p = lr(d.target);
+    d.target === d.currentTarget && p.activeElement === d.target && (t && t(d), n && n(!0), i(d));
   }, [
     n,
     t,
@@ -5301,7 +5303,7 @@ function Ra() {
 function Xt(e) {
   if (typeof window > "u" || Or.get(tr(e)))
     return;
-  const r = tr(e), t = wr(e);
+  const r = tr(e), t = lr(e);
   let o = r.HTMLElement.prototype.focus;
   r.HTMLElement.prototype.focus = function() {
     ar = !0, o.apply(this, arguments);
@@ -5314,11 +5316,11 @@ function Xt(e) {
   });
 }
 const Ma = (e, r) => {
-  const t = tr(e), o = wr(e);
+  const t = tr(e), o = lr(e);
   r && o.removeEventListener("DOMContentLoaded", r), Or.has(t) && (t.HTMLElement.prototype.focus = Or.get(t).focus, o.removeEventListener("keydown", it, !0), o.removeEventListener("keyup", it, !0), o.removeEventListener("click", Oa, !0), t.removeEventListener("focus", _a, !0), t.removeEventListener("blur", Ra, !1), typeof PointerEvent < "u" ? (o.removeEventListener("pointerdown", Me, !0), o.removeEventListener("pointermove", Me, !0), o.removeEventListener("pointerup", Me, !0)) : (o.removeEventListener("mousedown", Me, !0), o.removeEventListener("mousemove", Me, !0), o.removeEventListener("mouseup", Me, !0)), Or.delete(t));
 };
 function Mc(e) {
-  const r = wr(e);
+  const r = lr(e);
   let t;
   return r.readyState !== "loading" ? Xt(e) : (t = () => {
     Xt(e);
@@ -5348,7 +5350,7 @@ function Ac(e, r, t) {
   return e = e || (t == null ? void 0 : t.target) instanceof n && !Ic.has(t == null || (o = t.target) === null || o === void 0 ? void 0 : o.type) || (t == null ? void 0 : t.target) instanceof s || (t == null ? void 0 : t.target) instanceof i && (t == null ? void 0 : t.target.isContentEditable), !(e && r === "keyboard" && t instanceof l && !_c[t.key]);
 }
 function Lc(e, r, t) {
-  Xt(), ie(() => {
+  Xt(), le(() => {
     let o = (n, s) => {
       Ac(!!(t != null && t.isTextInput), n, s) && e(yo());
     };
@@ -5360,13 +5362,13 @@ function Lc(e, r, t) {
 function Aa(e) {
   let { isDisabled: r, onBlurWithin: t, onFocusWithin: o, onFocusWithinChange: n } = e, s = U({
     isFocusWithin: !1
-  }), i = le((p) => {
+  }), i = ie((p) => {
     s.current.isFocusWithin && !p.currentTarget.contains(p.relatedTarget) && (s.current.isFocusWithin = !1, t && t(p), n && n(!1));
   }, [
     t,
     n,
     s
-  ]), l = Ta(i), d = le((p) => {
+  ]), l = Ta(i), d = ie((p) => {
     !s.current.isFocusWithin && document.activeElement === p.target && (o && o(p), n && n(!0), s.current.isFocusWithin = !0, l(p));
   }, [
     o,
@@ -5408,7 +5410,7 @@ function wo(e) {
     pointerType: "",
     target: null
   }).current;
-  ie(Nc, []);
+  le(Nc, []);
   let { hoverProps: d, triggerHoverEnd: p } = Ce(() => {
     let f = (b, y) => {
       if (l.pointerType = y, n || y === "touch" || l.isHovered || !b.currentTarget.contains(b.target))
@@ -5452,7 +5454,7 @@ function wo(e) {
     n,
     l
   ]);
-  return ie(() => {
+  return le(() => {
     n && p({
       currentTarget: l.target
     }, l.pointerType);
@@ -5467,16 +5469,16 @@ function Dc(e) {
   let { ref: r, onInteractOutside: t, isDisabled: o, onInteractOutsideStart: n } = e, s = U({
     isPointerDown: !1,
     ignoreEmulatedMouseEvents: !1
-  }), i = Wt((d) => {
+  }), i = Ht((d) => {
     t && Jr(d, r) && (n && n(d), s.current.isPointerDown = !0);
-  }), l = Wt((d) => {
+  }), l = Ht((d) => {
     t && t(d);
   });
-  ie(() => {
+  le(() => {
     let d = s.current;
     if (o)
       return;
-    const p = r.current, f = wr(p);
+    const p = r.current, f = lr(p);
     if (typeof PointerEvent < "u") {
       let v = (x) => {
         d.isPointerDown && Jr(x, r) && l(x), d.isPointerDown = !1;
@@ -5543,7 +5545,7 @@ function Fc(e) {
   };
 }
 function zc(e) {
-  const r = wr(e);
+  const r = lr(e);
   if (Ia() === "virtual") {
     let t = r.activeElement;
     Cc(() => {
@@ -5634,7 +5636,7 @@ function Hc(e = {}) {
   let { autoFocus: r = !1, isTextInput: t, within: o } = e, n = U({
     isFocused: !1,
     isFocusVisible: r || yo()
-  }), [s, i] = fe(!1), [l, d] = fe(() => n.current.isFocused && n.current.isFocusVisible), p = le(() => d(n.current.isFocused && n.current.isFocusVisible), []), f = le((b) => {
+  }), [s, i] = fe(!1), [l, d] = fe(() => n.current.isFocused && n.current.isFocusVisible), p = ie(() => d(n.current.isFocused && n.current.isFocusVisible), []), f = ie((b) => {
     n.current.isFocused = b, i(b), p();
   }, [
     p
@@ -5660,13 +5662,13 @@ function Hc(e = {}) {
 let Wc = /* @__PURE__ */ ce.createContext(null);
 function Gc(e) {
   let r = Oe(Wc) || {};
-  ka(r, e);
+  Sa(r, e);
   let { ref: t, ...o } = r;
   return o;
 }
 function Uc(e, r) {
   let { focusProps: t } = Pa(e), { keyboardProps: o } = Fc(e), n = Ae(t, o), s = Gc(r), i = e.isDisabled ? {} : s, l = U(e.autoFocus);
-  return ie(() => {
+  return le(() => {
     l.current && r.current && zc(r.current), l.current = !1;
   }, [
     r
@@ -5677,13 +5679,13 @@ function Uc(e, r) {
     }, i)
   };
 }
-var Na = globalThis != null && globalThis.document ? Kn : ie;
+var Na = globalThis != null && globalThis.document ? Kn : le;
 function Kc(e = {}) {
   const { loading: r, src: t, srcSet: o, onLoad: n, onError: s, crossOrigin: i, sizes: l, ignoreFallback: d } = e, [p, f] = fe("pending");
-  ie(() => {
+  le(() => {
     f(t ? "loading" : "pending");
   }, [t]);
-  const v = U(), x = le(() => {
+  const v = U(), x = ie(() => {
     if (!t)
       return;
     b();
@@ -5743,7 +5745,7 @@ function Yc(e = {}) {
       });
     },
     [k, R, M, I, O, l, i == null ? void 0 : i.isGrid]
-  ), de = vr(b == null ? void 0 : b.base, _), se = Ce(() => T || d === "button", [T, d]), ue = le(
+  ), de = $r(b == null ? void 0 : b.base, _), se = Ce(() => T || d === "button", [T, d]), ue = ie(
     (Ne = {}) => ({
       ref: B,
       tabIndex: se ? 0 : -1,
@@ -5751,12 +5753,12 @@ function Yc(e = {}) {
       "data-focus": Ve(Z),
       "data-focus-visible": Ve(W),
       className: ae.base({
-        class: vr(de, Ne == null ? void 0 : Ne.className)
+        class: $r(de, Ne == null ? void 0 : Ne.className)
       }),
       ...Ae(F, S, se ? ee : {})
     }),
     [se, ae, de, ee, F]
-  ), he = le(
+  ), he = ie(
     (Ne = {}) => ({
       ref: A,
       src: f,
@@ -5851,7 +5853,7 @@ function kn() {
 }
 function Qc() {
   let e = go(), [r, t] = fe(Zt);
-  return ie(() => (Pr.size === 0 && window.addEventListener("languagechange", kn), Pr.add(t), () => {
+  return le(() => (Pr.size === 0 && window.addEventListener("languagechange", kn), Pr.add(t), () => {
     Pr.delete(t), Pr.size === 0 && window.removeEventListener("languagechange", kn);
   }), []), e ? {
     locale: "en-US",
@@ -5863,7 +5865,7 @@ function rd() {
   let e = Qc();
   return Oe(ed) || e;
 }
-const pr = {
+const br = {
   top: "top",
   bottom: "top",
   left: "left",
@@ -5894,7 +5896,7 @@ function Tn(e) {
     var f;
     t = (f = Pe == null ? void 0 : Pe.height) !== null && f !== void 0 ? f : n, l.top = v.scrollTop || e.scrollTop, l.left = v.scrollLeft || e.scrollLeft, Pe && (s = Pe.offsetTop, i = Pe.offsetLeft);
   } else
-    ({ width: r, height: t, top: s, left: i } = br(e)), l.top = e.scrollTop, l.left = e.scrollLeft, o = r, n = t;
+    ({ width: r, height: t, top: s, left: i } = gr(e)), l.top = e.scrollTop, l.left = e.scrollLeft, o = r, n = t;
   return xc() && (e.tagName === "BODY" || e.tagName === "HTML") && d && (l.top = 0, l.left = 0, s = Pe.pageTop, i = Pe.pageLeft), {
     width: r,
     height: t,
@@ -5914,7 +5916,7 @@ function od(e) {
   };
 }
 function Pn(e, r, t, o, n, s, i) {
-  let l = n.scroll[e], d = o[Jt[e]], p = o.scroll[pr[e]] + s, f = d + o.scroll[pr[e]] - s, v = r - l + i[e] - o[pr[e]], x = r - l + t + i[e] - o[pr[e]];
+  let l = n.scroll[e], d = o[Jt[e]], p = o.scroll[br[e]] + s, f = d + o.scroll[br[e]] - s, v = r - l + i[e] - o[br[e]], x = r - l + t + i[e] - o[br[e]];
   return v < p ? p - v : x > f ? Math.max(f - x, p - v) : 0;
 }
 function nd(e) {
@@ -5929,8 +5931,8 @@ function nd(e) {
 function On(e) {
   if (Qr[e])
     return Qr[e];
-  let [r, t] = e.split(" "), o = pr[r] || "right", n = td[o];
-  pr[t] || (t = "center");
+  let [r, t] = e.split(" "), o = br[r] || "right", n = td[o];
+  br[t] || (t = "center");
   let s = Jt[o], i = Jt[n];
   return Qr[e] = {
     placement: r,
@@ -5945,7 +5947,7 @@ function It(e, r, t, o, n, s, i, l, d, p) {
   let { placement: f, crossPlacement: v, axis: x, crossAxis: b, size: y, crossSize: h } = o, E = {};
   E[b] = e[b], v === "center" ? E[b] += (e[h] - t[h]) / 2 : v !== b && (E[b] += e[h] - t[h]), E[b] += s;
   const k = e[b] - t[h] + d + p, R = e[b] + e[h] - d - p;
-  if (E[b] = Ht(E[b], k, R), f === x) {
+  if (E[b] = Gt(E[b], k, R), f === x) {
     const M = l ? i[y] : r[Fa[y]];
     E[ct[x]] = Math.floor(M - e[x] + n);
   } else
@@ -5977,8 +5979,8 @@ function sd(e, r, t, o, n, s, i, l, d, p, f, v, x, b, y, h) {
   let q = ad(T, l, p, x, n, s, t.height, N);
   b && b < q && (q = b), t.height = Math.min(t.height, q), T = It(r, l, t, E, D, v, p, x, y, h), J = Pn(R, T[R], t[M], l, d, s, p), T[R] += J;
   let _ = {}, V = r[R] + 0.5 * r[M] - t[R];
-  const F = y / 2 + h, z = t[M] - y / 2 - h, B = r[R] - t[R] + y / 2, A = r[R] + r[M] - t[R] - y / 2, W = Ht(V, B, A);
-  return _[R] = Ht(W, F, z), {
+  const F = y / 2 + h, z = t[M] - y / 2 - h, B = r[R] - t[R] + y / 2, A = r[R] + r[M] - t[R] - y / 2, W = Gt(V, B, A);
+  return _[R] = Gt(W, F, z), {
     position: T,
     maxHeight: q,
     arrowOffsetLeft: _.left,
@@ -5989,17 +5991,17 @@ function sd(e, r, t, o, n, s, i, l, d, p, f, v, x, b, y, h) {
 function id(e) {
   let { placement: r, targetNode: t, overlayNode: o, scrollNode: n, padding: s, shouldFlip: i, boundaryElement: l, offset: d, crossOffset: p, maxHeight: f, arrowSize: v = 0, arrowBoundaryOffset: x = 0 } = e, b = o instanceof HTMLElement ? ld(o) : document.documentElement, y = b === document.documentElement;
   const h = window.getComputedStyle(b).position;
-  let E = !!h && h !== "static", k = y ? br(t) : Rn(t, b);
+  let E = !!h && h !== "static", k = y ? gr(t) : Rn(t, b);
   if (!y) {
     let { marginTop: L, marginLeft: N } = window.getComputedStyle(t);
     k.top += parseInt(L, 10) || 0, k.left += parseInt(N, 10) || 0;
   }
-  let R = br(o), M = nd(o);
+  let R = gr(o), M = nd(o);
   R.width += M.left + M.right, R.height += M.top + M.bottom;
-  let I = od(n), O = Tn(l), T = Tn(b), D = l.tagName === "BODY" ? br(b) : Rn(b, l);
+  let I = od(n), O = Tn(l), T = Tn(b), D = l.tagName === "BODY" ? gr(b) : Rn(b, l);
   return b.tagName === "HTML" && l.tagName === "BODY" && (T.scroll.top = 0, T.scroll.left = 0), sd(r, k, R, I, M, s, i, O, T, D, d, p, E, f, v, x);
 }
-function br(e) {
+function gr(e) {
   let { top: r, left: t, width: o, height: n } = e.getBoundingClientRect(), { scrollTop: s, scrollLeft: i, clientTop: l, clientLeft: d } = document.documentElement;
   return {
     top: r + s - l,
@@ -6019,8 +6021,8 @@ function Rn(e, r) {
       height: l
     };
   } else {
-    o = br(e);
-    let n = br(r), s = window.getComputedStyle(r);
+    o = gr(e);
+    let n = gr(r), s = window.getComputedStyle(r);
     n.top += (parseInt(s.borderTopWidth, 10) || 0) - r.scrollTop, n.left += (parseInt(s.borderLeftWidth, 10) || 0) - r.scrollLeft, o.top -= n.top, o.left -= n.left;
   }
   return o.top -= parseInt(t.marginTop, 10) || 0, o.left -= parseInt(t.marginLeft, 10) || 0, o;
@@ -6041,7 +6043,7 @@ function Mn(e) {
 const cd = /* @__PURE__ */ new WeakMap();
 function dd(e) {
   let { triggerRef: r, isOpen: t, onClose: o } = e;
-  ie(() => {
+  le(() => {
     if (!t || o === null)
       return;
     let n = (s) => {
@@ -6085,12 +6087,12 @@ function ud(e) {
     E,
     t
   ], I = U(xe == null ? void 0 : xe.scale);
-  ie(() => {
+  le(() => {
     b && (I.current = xe == null ? void 0 : xe.scale);
   }, [
     b
   ]);
-  let O = le(() => {
+  let O = ie(() => {
     if (x === !1 || !b || !n.current || !o.current || !s.current || !p || (xe == null ? void 0 : xe.scale) !== I.current)
       return;
     !h && n.current && (n.current.style.maxHeight = "none");
@@ -6129,7 +6131,7 @@ function ud(e) {
   }, [
     O
   ]);
-  let D = le(() => {
+  let D = ie(() => {
     T.current || y();
   }, [
     y,
@@ -6173,7 +6175,7 @@ function pd(e, r) {
 const We = [];
 function bd(e, r) {
   let { onClose: t, shouldCloseOnBlur: o, isOpen: n, isDismissable: s = !1, isKeyboardDismissDisabled: i = !1, shouldCloseOnInteractOutside: l } = e;
-  ie(() => (n && We.push(r), () => {
+  le(() => (n && We.push(r), () => {
     let y = We.indexOf(r);
     y >= 0 && We.splice(y, 1);
   }), [
@@ -6187,7 +6189,7 @@ function bd(e, r) {
   }, f = (y) => {
     (!l || l(y.target)) && (We[We.length - 1] === r && (y.stopPropagation(), y.preventDefault()), d());
   }, v = (y) => {
-    y.key === "Escape" && !i && (y.stopPropagation(), y.preventDefault(), d());
+    y.key === "Escape" && !i && !y.nativeEvent.isComposing && (y.stopPropagation(), y.preventDefault(), d());
   };
   Dc({
     ref: r,
@@ -6263,7 +6265,7 @@ function In(e) {
   return /* @__PURE__ */ na.createPortal(n, t);
 }
 function vt(e) {
-  return we(e);
+  return $e(e);
 }
 var za = (e, r, t = !0) => {
   if (!r)
@@ -6325,7 +6327,7 @@ function wd(e = {}) {
     [s, i, l, v, p, f]
   ), M = Ce(() => Xl({ className: b, isGrid: v }), [b, v]), I = sl(d), O = o ? I.slice(0, o) : I, T = n || (o != null ? I.length - o : -1), D = O.map((J, q) => {
     const _ = q === 0, V = q === O.length - 1, F = {
-      className: vr(
+      className: $r(
         _ ? "ms-0" : v ? "" : "-ms-2",
         V && T < 1 ? "hover:-translate-x-0" : ""
       )
@@ -6341,7 +6343,7 @@ function wd(e = {}) {
     getAvatarGroupProps: () => ({
       ref: E,
       className: M.base({
-        class: vr(y == null ? void 0 : y.base, b)
+        class: $r(y == null ? void 0 : y.base, b)
       }),
       role: "group",
       ...h
@@ -7090,7 +7092,7 @@ function Sd(e) {
   ), v = Ce(() => {
     var h;
     return ((h = String(i)) == null ? void 0 : h.length) === 0;
-  }, [i]), x = vr(l == null ? void 0 : l.badge, s), b = Ce(
+  }, [i]), x = $r(l == null ? void 0 : l.badge, s), b = Ce(
     () => wn({
       ...t,
       showOutline: e != null && e.disableOutline ? !(e != null && e.disableOutline) : e == null ? void 0 : e.showOutline,
@@ -7276,7 +7278,7 @@ function fp({
   return /* @__PURE__ */ Q(Td, { children: [
     e,
     /* @__PURE__ */ g(Pd, { placement: o, shape: n, children: /* @__PURE__ */ g(Xn, { children: !r && /* @__PURE__ */ g(
-      yr.div,
+      wr.div,
       {
         variants: _d,
         initial: t ? "show" : "hidden",
@@ -7609,28 +7611,27 @@ const je = C(Zn)`
   }
 }};
   }
-`;
-function yp({
-  children: e,
-  isDisabled: r = !1,
-  isLoading: t = !1,
-  size: o = "md",
-  variant: n = "solid",
-  ...s
-}) {
-  return /* @__PURE__ */ g(
-    je,
-    {
-      isDisabled: r || t,
-      isLoading: t,
-      size: o,
-      variant: n,
-      ...s,
-      children: e
-    }
-  );
-}
-const Ld = C.div`
+`, yp = $e(
+  function({
+    isDisabled: r = !1,
+    isLoading: t = !1,
+    size: o = "md",
+    variant: n = "solid",
+    ...s
+  }, i) {
+    return /* @__PURE__ */ g(
+      je,
+      {
+        isDisabled: r || t,
+        isLoading: t,
+        size: o,
+        variant: n,
+        ...s,
+        ref: i
+      }
+    );
+  }
+), Ld = C.div`
   display: flex;
   flex-direction: column;
 `;
@@ -7851,19 +7852,19 @@ function xp({ children: e, ...r }) {
 }
 const Dd = C.div`
   width: 100%;
-`, Fd = C(yr.div)`
+`, Fd = C(wr.div)`
   width: 100%;
   overflow: hidden;
-`, Wa = gr({});
+`, Wa = vr({});
 function mp({
   children: e,
   ...r
 }) {
-  const t = fo(), [o, n] = Ca(
+  const t = fo(), [o, n] = ka(
     r.isOpen,
     r.defaultOpen || !1,
     r.onOpenChange
-  ), s = U(null), i = le(() => {
+  ), s = U(null), i = ie(() => {
     n(!o);
   }, [n, o]);
   return /* @__PURE__ */ g(
@@ -7926,12 +7927,12 @@ const zd = (e) => {
   padding: 0 1rem;
 
   ${({ theme: e }) => zd((e == null ? void 0 : e.screens) ?? c.screens)}
-`, Cp = we(
+`, Cp = $e(
   ({ children: e, ...r }, t) => (
     // eslint-disable-next-line react/jsx-props-no-spreading
     /* @__PURE__ */ g(jd, { ...r, ref: t, children: e })
   )
-), Vd = C(yr(Jn))`
+), Vd = C(wr(Jn))`
   padding: 0.4rem 0;
   box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   border-radius: 0.375rem;
@@ -8414,7 +8415,7 @@ const eu = C(Ci)`
 }};
   forced-color-adjust: none;
   overflow: hidden;
-`, au = C(yr.div)`
+`, au = C(wr.div)`
   height: 100%;
   background-color: ${({ theme: e }) => {
   var r, t;
@@ -9024,9 +9025,9 @@ function Tu({
 }) {
   fe(-1);
   const [y, h] = fe(f), [E, k] = fe(Array(l).fill("")), R = U([]);
-  ie(() => {
+  le(() => {
     R.current = R.current.slice(0, l);
-  }, [l]), ie(() => {
+  }, [l]), le(() => {
     const T = E.join("");
     h(T), p && p(T);
   }, [p, E]);
@@ -9316,7 +9317,7 @@ const ju = C(Ti)`
   display: flex;
   position: relative;
   width: 100%;
-`, Bu = C(yr(Jn))`
+`, Bu = C(wr(Jn))`
   padding: 0.4rem 0;
   box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   border-radius: 0.375rem;
@@ -9910,11 +9911,12 @@ function df({
       children: [
         /* @__PURE__ */ g(sf, { children: e }),
         r && /* @__PURE__ */ g(lf, { children: ({ state: n }) => n.values.map((s, i) => n.getThumbValueLabel(i)).join(" – ") }),
-        /* @__PURE__ */ g(cf, { children: ({ state: n }) => n.values.map((s, i) => /* @__PURE__ */ g(
+        /* @__PURE__ */ g(cf, { "data-track": !0, children: ({ state: n }) => n.values.map((s, i) => /* @__PURE__ */ g(
           to,
           {
             index: i,
-            "aria-label": t == null ? void 0 : t[i]
+            "aria-label": t == null ? void 0 : t[i],
+            "data-thumb": !0
           },
           i
         )) })
@@ -10203,7 +10205,7 @@ const ff = C(Li)`
   &[data-disabled] {
     opacity: 0.5;
   }
-`, bf = C(yr.span).attrs({
+`, bf = C(wr.span).attrs({
   className: "tab-overlay"
 })`
   position: absolute;
@@ -10266,7 +10268,7 @@ const ff = C(Li)`
   display: flex;
   flex-grow: 1;
   padding: 1rem 0;
-`, mo = gr("horizontal");
+`, mo = vr("horizontal");
 function Lp({ children: e, ...r }) {
   return /* @__PURE__ */ g(mo.Provider, { value: r.orientation ?? "horizontal", children: /* @__PURE__ */ g(ff, { ...r, children: e }) });
 }
@@ -10676,16 +10678,16 @@ function zp({
   );
 }
 function Ef(e) {
-  let [r, t] = Ca(e.isOpen, e.defaultOpen || !1, e.onOpenChange);
-  const o = le(() => {
+  let [r, t] = ka(e.isOpen, e.defaultOpen || !1, e.onOpenChange);
+  const o = ie(() => {
     t(!0);
   }, [
     t
-  ]), n = le(() => {
+  ]), n = ie(() => {
     t(!1);
   }, [
     t
-  ]), s = le(() => {
+  ]), s = ie(() => {
     t(!r);
   }, [
     t,
@@ -10720,7 +10722,7 @@ function Tf(e = {}) {
       Ge = null, Tr = !0, f();
     }, r) : o || f();
   };
-  return ie(() => () => {
+  return le(() => () => {
     clearTimeout(l.current), Je[i] && delete Je[i];
   }, [
     i
@@ -10746,12 +10748,12 @@ function Pf(e, r) {
   };
 }
 function Of(e, r, t) {
-  let { isDisabled: o, trigger: n } = e, s = ic(), i = U(!1), l = U(!1), d = () => {
+  let { isDisabled: o, trigger: n } = e, s = sc(), i = U(!1), l = U(!1), d = () => {
     (i.current || l.current) && r.open(l.current);
   }, p = (k) => {
     !i.current && !l.current && r.close(k);
   };
-  ie(() => {
+  le(() => {
     let k = (R) => {
       t && t.current && R.key === "Escape" && (R.stopPropagation(), r.close(!0));
     };
@@ -10958,14 +10960,14 @@ function Mf(e) {
       });
     },
     [ia(t), e == null ? void 0 : e.radius, e == null ? void 0 : e.size, e == null ? void 0 : e.shadow]
-  ), ue = le(
+  ), ue = ie(
     (Be = {}, He = null) => ({
       ...Ae($, Be),
       ref: qi(He, A),
       "aria-describedby": ee ? Z : void 0
     }),
     [$, ee, Z, B]
-  ), he = le(
+  ), he = ie(
     () => ({
       ref: W,
       "data-slot": "base",
@@ -10992,14 +10994,14 @@ function Mf(e) {
       r,
       Z
     ]
-  ), Ne = le(
+  ), Ne = ie(
     () => ({
       "data-slot": "content",
       "data-open": Ve(ee),
       "data-arrow": Ve(k),
       "data-disabled": Ve(f),
       "data-placement": Dn(re, y),
-      className: se.content({ class: vr(V == null ? void 0 : V.content, J) })
+      className: se.content({ class: $r(V == null ? void 0 : V.content, J) })
     }),
     [se, ee, k, f, re, y, V]
   );
@@ -11020,7 +11022,7 @@ function Mf(e) {
     getTooltipProps: he
   };
 }
-var ur = {
+var fr = {
   ease: [0.36, 0.66, 0.4, 1],
   easeIn: [0.4, 0, 1, 1],
   easeOut: [0, 0, 0.2, 1],
@@ -11082,7 +11084,7 @@ var ur = {
       opacity: 1,
       transition: {
         duration: 0.25,
-        ease: ur.easeIn
+        ease: fr.easeIn
       }
     },
     exit: {
@@ -11090,7 +11092,7 @@ var ur = {
       opacity: 0,
       transition: {
         duration: 0.2,
-        ease: ur.easeOut
+        ease: fr.easeOut
       }
     }
   },
@@ -11100,7 +11102,7 @@ var ur = {
       opacity: 1,
       transition: {
         duration: 0.4,
-        ease: ur.ease
+        ease: fr.ease
       }
     },
     exit: {
@@ -11108,7 +11110,7 @@ var ur = {
       opacity: 0,
       transition: {
         duration: 0.3,
-        ease: ur.ease
+        ease: fr.ease
       }
     }
   },
@@ -11117,14 +11119,14 @@ var ur = {
       opacity: 1,
       transition: {
         duration: 0.4,
-        ease: ur.ease
+        ease: fr.ease
       }
     },
     exit: {
       opacity: 0,
       transition: {
         duration: 0.3,
-        ease: ur.ease
+        ease: fr.ease
       }
     }
   },
@@ -11339,31 +11341,32 @@ const Lf = C(Af).attrs({
     border-radius: 0.375rem;
     box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   }
-`;
-function jp({ children: e, ...r }) {
-  return /* @__PURE__ */ g(
-    Lf,
-    {
-      classNames: { base: ["tooltip"], content: ["tooltip-content"] },
-      ...r,
-      children: e
-    }
-  );
-}
-function ye() {
-  return ye = Object.assign ? Object.assign.bind() : function(e) {
+`, jp = $e(
+  function(r, t) {
+    return /* @__PURE__ */ g(
+      Lf,
+      {
+        classNames: { base: ["tooltip"], content: ["tooltip-content"] },
+        ...r,
+        ref: t
+      }
+    );
+  }
+);
+function we() {
+  return we = Object.assign ? Object.assign.bind() : function(e) {
     for (var r = 1; r < arguments.length; r++) {
       var t = arguments[r];
       for (var o in t)
         Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
     return e;
-  }, ye.apply(this, arguments);
+  }, we.apply(this, arguments);
 }
 function qa(e, r = []) {
   let t = [];
   function o(s, i) {
-    const l = /* @__PURE__ */ gr(i), d = t.length;
+    const l = /* @__PURE__ */ vr(i), d = t.length;
     t = [
       ...t,
       i
@@ -11391,7 +11394,7 @@ function qa(e, r = []) {
     ];
   }
   const n = () => {
-    const s = t.map((i) => /* @__PURE__ */ gr(i));
+    const s = t.map((i) => /* @__PURE__ */ vr(i));
     return function(l) {
       const d = (l == null ? void 0 : l[e]) || s;
       return Ce(
@@ -11459,22 +11462,22 @@ function ho(...e) {
   );
 }
 function Ye(...e) {
-  return le(ho(...e), e);
+  return ie(ho(...e), e);
 }
-const dt = /* @__PURE__ */ we((e, r) => {
+const dt = /* @__PURE__ */ $e((e, r) => {
   const { children: t, ...o } = e, n = or.toArray(t), s = n.find(zf);
   if (s) {
     const i = s.props.children, l = n.map((d) => d === s ? or.count(i) > 1 ? or.only(null) : /* @__PURE__ */ _r(i) ? i.props.children : null : d);
-    return /* @__PURE__ */ Y(oo, ye({}, o, {
+    return /* @__PURE__ */ Y(oo, we({}, o, {
       ref: r
     }), /* @__PURE__ */ _r(i) ? /* @__PURE__ */ Ir(i, void 0, l) : null);
   }
-  return /* @__PURE__ */ Y(oo, ye({}, o, {
+  return /* @__PURE__ */ Y(oo, we({}, o, {
     ref: r
   }), t);
 });
 dt.displayName = "Slot";
-const oo = /* @__PURE__ */ we((e, r) => {
+const oo = /* @__PURE__ */ $e((e, r) => {
   const { children: t, ...o } = e;
   return /* @__PURE__ */ _r(t) ? /* @__PURE__ */ Ir(t, {
     ...jf(o, t.props),
@@ -11525,11 +11528,11 @@ const Vf = [
   "svg",
   "ul"
 ], Le = Vf.reduce((e, r) => {
-  const t = /* @__PURE__ */ we((o, n) => {
+  const t = /* @__PURE__ */ $e((o, n) => {
     const { asChild: s, ...i } = o, l = s ? dt : r;
-    return ie(() => {
+    return le(() => {
       window[Symbol.for("radix-ui")] = !0;
-    }, []), /* @__PURE__ */ Y(l, ye({}, i, {
+    }, []), /* @__PURE__ */ Y(l, we({}, i, {
       ref: n
     }));
   });
@@ -11545,7 +11548,7 @@ function no(e, r) {
 }
 function Ie(e) {
   const r = U(e);
-  return ie(() => {
+  return le(() => {
     r.current = e;
   }), Ce(
     () => (...t) => {
@@ -11560,7 +11563,7 @@ function Bf({ prop: e, defaultProp: r, onChange: t = () => {
   const [o, n] = Hf({
     defaultProp: r,
     onChange: t
-  }), s = e !== void 0, i = s ? e : o, l = Ie(t), d = le((p) => {
+  }), s = e !== void 0, i = s ? e : o, l = Ie(t), d = ie((p) => {
     if (s) {
       const v = typeof p == "function" ? p(e) : p;
       v !== e && l(v);
@@ -11579,7 +11582,7 @@ function Bf({ prop: e, defaultProp: r, onChange: t = () => {
 }
 function Hf({ defaultProp: e, onChange: r }) {
   const t = fe(e), [o] = t, n = U(o), s = Ie(r);
-  return ie(() => {
+  return le(() => {
     n.current !== o && (s(o), n.current = o);
   }, [
     o,
@@ -11587,12 +11590,12 @@ function Hf({ defaultProp: e, onChange: r }) {
     s
   ]), t;
 }
-const Wf = /* @__PURE__ */ gr(void 0);
+const Wf = /* @__PURE__ */ vr(void 0);
 function Gf(e) {
   const r = Oe(Wf);
   return e || r || "ltr";
 }
-const $r = globalThis != null && globalThis.document ? Kn : () => {
+const yr = globalThis != null && globalThis.document ? Kn : () => {
 };
 function Uf(e, r) {
   return bi((t, o) => {
@@ -11623,12 +11626,12 @@ function Kf(e) {
       MOUNT: "mounted"
     }
   });
-  return ie(() => {
+  return le(() => {
     const p = et(o.current);
     s.current = l === "mounted" ? p : "none";
   }, [
     l
-  ]), $r(() => {
+  ]), yr(() => {
     const p = o.current, f = n.current;
     if (f !== e) {
       const x = s.current, b = et(p);
@@ -11637,7 +11640,7 @@ function Kf(e) {
   }, [
     e,
     d
-  ]), $r(() => {
+  ]), yr(() => {
     if (r) {
       const p = (v) => {
         const b = et(o.current).includes(v.animationName);
@@ -11660,7 +11663,7 @@ function Kf(e) {
       "mounted",
       "unmountSuspended"
     ].includes(l),
-    ref: le((p) => {
+    ref: ie((p) => {
       p && (o.current = getComputedStyle(p)), t(p);
     }, [])
   };
@@ -11673,7 +11676,7 @@ const Yf = ot["useId".toString()] || (() => {
 let Xf = 0;
 function Za(e) {
   const [r, t] = ot.useState(Yf());
-  return $r(() => {
+  return yr(() => {
     e || t(
       (o) => o ?? String(Xf++)
     );
@@ -11736,7 +11739,7 @@ function Ja(e) {
 }
 function qf(e, r = globalThis == null ? void 0 : globalThis.document) {
   const t = Ie(e);
-  ie(() => {
+  le(() => {
     const o = (n) => {
       n.key === "Escape" && t(n);
     };
@@ -11748,11 +11751,11 @@ function qf(e, r = globalThis == null ? void 0 : globalThis.document) {
 }
 const ao = "dismissableLayer.update", Zf = "dismissableLayer.pointerDownOutside", Jf = "dismissableLayer.focusOutside";
 let Fn;
-const Qf = /* @__PURE__ */ gr({
+const Qf = /* @__PURE__ */ vr({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
-}), e0 = /* @__PURE__ */ we((e, r) => {
+}), e0 = /* @__PURE__ */ $e((e, r) => {
   var t;
   const { disableOutsidePointerEvents: o = !1, onEscapeKeyDown: n, onPointerDownOutside: s, onFocusOutside: i, onInteractOutside: l, onDismiss: d, ...p } = e, f = Oe(Qf), [v, x] = fe(null), b = (t = v == null ? void 0 : v.ownerDocument) !== null && t !== void 0 ? t : globalThis == null ? void 0 : globalThis.document, [, y] = fe({}), h = Ye(
     r,
@@ -11776,7 +11779,7 @@ const Qf = /* @__PURE__ */ gr({
   }, b);
   return qf((L) => {
     M === f.layers.size - 1 && (n == null || n(L), !L.defaultPrevented && d && (L.preventDefault(), d()));
-  }, b), ie(() => {
+  }, b), le(() => {
     if (v)
       return o && (f.layersWithOutsidePointerEventsDisabled.size === 0 && (Fn = b.body.style.pointerEvents, b.body.style.pointerEvents = "none"), f.layersWithOutsidePointerEventsDisabled.add(v)), f.layers.add(v), zn(), () => {
         o && f.layersWithOutsidePointerEventsDisabled.size === 1 && (b.body.style.pointerEvents = Fn);
@@ -11786,15 +11789,15 @@ const Qf = /* @__PURE__ */ gr({
     b,
     o,
     f
-  ]), ie(() => () => {
+  ]), le(() => () => {
     v && (f.layers.delete(v), f.layersWithOutsidePointerEventsDisabled.delete(v), zn());
   }, [
     v,
     f
-  ]), ie(() => {
+  ]), le(() => {
     const L = () => y({});
     return document.addEventListener(ao, L), () => document.removeEventListener(ao, L);
-  }, []), /* @__PURE__ */ Y(Le.div, ye({}, p, {
+  }, []), /* @__PURE__ */ Y(Le.div, we({}, p, {
     ref: h,
     style: {
       pointerEvents: I ? O ? "auto" : "none" : void 0,
@@ -11808,7 +11811,7 @@ const Qf = /* @__PURE__ */ gr({
 function r0(e, r = globalThis == null ? void 0 : globalThis.document) {
   const t = Ie(e), o = U(!1), n = U(() => {
   });
-  return ie(() => {
+  return le(() => {
     const s = (l) => {
       if (l.target && !o.current) {
         let p = function() {
@@ -11841,7 +11844,7 @@ function r0(e, r = globalThis == null ? void 0 : globalThis.document) {
 }
 function t0(e, r = globalThis == null ? void 0 : globalThis.document) {
   const t = Ie(e), o = U(!1);
-  return ie(() => {
+  return le(() => {
     const n = (s) => {
       s.target && !o.current && Qa(Jf, t, {
         originalEvent: s
@@ -11881,7 +11884,7 @@ function o0(e) {
     e
   ]);
 }
-const n0 = /* @__PURE__ */ we((e, r) => /* @__PURE__ */ Y(Le.span, ye({}, e, {
+const n0 = /* @__PURE__ */ $e((e, r) => /* @__PURE__ */ Y(Le.span, we({}, e, {
   ref: r,
   style: {
     // See: https://github.com/twbs/bootstrap/blob/master/scss/mixins/_screen-reader.scss
@@ -11900,7 +11903,7 @@ const n0 = /* @__PURE__ */ we((e, r) => /* @__PURE__ */ Y(Le.span, ye({}, e, {
 }))), a0 = n0, Dr = "NavigationMenu", [Co, es, s0] = Ja(Dr), [so, i0, l0] = Ja(Dr), [Eo, Vp] = qa(Dr, [
   s0,
   l0
-]), [c0, Fe] = Eo(Dr), [d0, u0] = Eo(Dr), f0 = /* @__PURE__ */ we((e, r) => {
+]), [c0, Fe] = Eo(Dr), [d0, u0] = Eo(Dr), f0 = /* @__PURE__ */ $e((e, r) => {
   const { __scopeNavigationMenu: t, value: o, onValueChange: n, defaultValue: s, delayDuration: i = 200, skipDelayDuration: l = 300, orientation: d = "horizontal", dir: p, ...f } = e, [v, x] = fe(null), b = Ye(
     r,
     (N) => x(N)
@@ -11914,18 +11917,18 @@ const n0 = /* @__PURE__ */ we((e, r) => /* @__PURE__ */ Y(Le.span, ye({}, e, {
       )), n == null || n(N);
     },
     defaultProp: s
-  }), T = le(() => {
+  }), T = ie(() => {
     window.clearTimeout(E.current), E.current = window.setTimeout(
       () => O(""),
       150
     );
   }, [
     O
-  ]), D = le((N) => {
+  ]), D = ie((N) => {
     window.clearTimeout(E.current), O(N);
   }, [
     O
-  ]), L = le((N) => {
+  ]), L = ie((N) => {
     I === N ? window.clearTimeout(E.current) : h.current = window.setTimeout(() => {
       window.clearTimeout(E.current), O(N);
     }, i);
@@ -11934,7 +11937,7 @@ const n0 = /* @__PURE__ */ we((e, r) => /* @__PURE__ */ Y(Le.span, ye({}, e, {
     O,
     i
   ]);
-  return ie(() => () => {
+  return le(() => () => {
     window.clearTimeout(h.current), window.clearTimeout(E.current), window.clearTimeout(k.current);
   }, []), /* @__PURE__ */ Y(p0, {
     scope: t,
@@ -11957,7 +11960,7 @@ const n0 = /* @__PURE__ */ we((e, r) => /* @__PURE__ */ Y(Le.span, ye({}, e, {
       );
     },
     onItemDismiss: () => O("")
-  }, /* @__PURE__ */ Y(Le.nav, ye({
+  }, /* @__PURE__ */ Y(Le.nav, we({
     "aria-label": "Main",
     "data-orientation": d,
     dir: y
@@ -11985,10 +11988,10 @@ const n0 = /* @__PURE__ */ we((e, r) => /* @__PURE__ */ Y(Le.span, ye({}, e, {
     onContentLeave: Ie(b),
     onItemSelect: Ie(d),
     onItemDismiss: Ie(p),
-    onViewportContentChange: le((I, O) => {
+    onViewportContentChange: ie((I, O) => {
       k((T) => (T.set(I, O), new Map(T)));
     }, []),
-    onViewportContentRemove: le((I) => {
+    onViewportContentRemove: ie((I) => {
       k((O) => O.has(I) ? (O.delete(I), new Map(O)) : O);
     }, [])
   }, /* @__PURE__ */ Y(Co.Provider, {
@@ -11997,8 +12000,8 @@ const n0 = /* @__PURE__ */ we((e, r) => /* @__PURE__ */ Y(Le.span, ye({}, e, {
     scope: r,
     items: E
   }, i)));
-}, b0 = "NavigationMenuList", g0 = /* @__PURE__ */ we((e, r) => {
-  const { __scopeNavigationMenu: t, ...o } = e, n = Fe(b0, t), s = /* @__PURE__ */ Y(Le.ul, ye({
+}, b0 = "NavigationMenuList", g0 = /* @__PURE__ */ $e((e, r) => {
+  const { __scopeNavigationMenu: t, ...o } = e, n = Fe(b0, t), s = /* @__PURE__ */ Y(Le.ul, we({
     "data-orientation": n.orientation
   }, o, {
     ref: r
@@ -12013,15 +12016,15 @@ const n0 = /* @__PURE__ */ we((e, r) => /* @__PURE__ */ Y(Le.span, ye({}, e, {
   }, n.isRootMenu ? /* @__PURE__ */ Y(as, {
     asChild: !0
   }, s) : s));
-}), v0 = "NavigationMenuItem", [$0, rs] = Eo(v0), y0 = /* @__PURE__ */ we((e, r) => {
+}), v0 = "NavigationMenuItem", [$0, rs] = Eo(v0), y0 = /* @__PURE__ */ $e((e, r) => {
   const { __scopeNavigationMenu: t, value: o, ...n } = e, s = Za(), i = o || s || "LEGACY_REACT_AUTO_VALUE", l = U(null), d = U(null), p = U(null), f = U(() => {
-  }), v = U(!1), x = le((y = "start") => {
+  }), v = U(!1), x = ie((y = "start") => {
     if (l.current) {
       f.current();
       const h = io(l.current);
       h.length && So(y === "start" ? h : h.reverse());
     }
-  }, []), b = le(() => {
+  }, []), b = ie(() => {
     if (l.current) {
       const y = io(l.current);
       y.length && (f.current = O0(y));
@@ -12038,17 +12041,17 @@ const n0 = /* @__PURE__ */ we((e, r) => /* @__PURE__ */ Y(Le.span, ye({}, e, {
     onFocusProxyEnter: x,
     onRootContentClose: b,
     onContentFocusOutside: b
-  }, /* @__PURE__ */ Y(Le.li, ye({}, n, {
+  }, /* @__PURE__ */ Y(Le.li, we({}, n, {
     ref: r
   })));
-}), jn = "NavigationMenuTrigger", w0 = /* @__PURE__ */ we((e, r) => {
+}), jn = "NavigationMenuTrigger", w0 = /* @__PURE__ */ $e((e, r) => {
   const { __scopeNavigationMenu: t, disabled: o, ...n } = e, s = Fe(jn, e.__scopeNavigationMenu), i = rs(jn, e.__scopeNavigationMenu), l = U(null), d = Ye(l, i.triggerRef, r), p = is(s.baseId, i.value), f = ls(s.baseId, i.value), v = U(!1), x = U(!1), b = i.value === s.value;
   return /* @__PURE__ */ Y(Nt, null, /* @__PURE__ */ Y(Co.ItemSlot, {
     scope: t,
     value: i.value
   }, /* @__PURE__ */ Y(ss, {
     asChild: !0
-  }, /* @__PURE__ */ Y(Le.button, ye({
+  }, /* @__PURE__ */ Y(Le.button, we({
     id: p,
     disabled: o,
     "data-disabled": o ? "" : void 0,
@@ -12087,11 +12090,11 @@ const n0 = /* @__PURE__ */ we((e, r) => /* @__PURE__ */ Y(Le.span, ye({}, e, {
   }), s.viewport && /* @__PURE__ */ Y("span", {
     "aria-owns": f
   })));
-}), Vn = "navigationMenu.linkSelect", x0 = /* @__PURE__ */ we((e, r) => {
+}), Vn = "navigationMenu.linkSelect", x0 = /* @__PURE__ */ $e((e, r) => {
   const { __scopeNavigationMenu: t, active: o, onSelect: n, ...s } = e;
   return /* @__PURE__ */ Y(ss, {
     asChild: !0
-  }, /* @__PURE__ */ Y(Le.a, ye({
+  }, /* @__PURE__ */ Y(Le.a, we({
     "data-active": o ? "" : void 0,
     "aria-current": o ? "page" : void 0
   }, s, {
@@ -12118,16 +12121,16 @@ const n0 = /* @__PURE__ */ we((e, r) => /* @__PURE__ */ Y(Le.span, ye({}, e, {
       checkForDefaultPrevented: !1
     })
   })));
-}), ts = "NavigationMenuIndicator", m0 = /* @__PURE__ */ we((e, r) => {
+}), ts = "NavigationMenuIndicator", m0 = /* @__PURE__ */ $e((e, r) => {
   const { forceMount: t, ...o } = e, n = Fe(ts, e.__scopeNavigationMenu), s = !!n.value;
   return n.indicatorTrack ? /* @__PURE__ */ na.createPortal(/* @__PURE__ */ Y(Nr, {
     present: t || s
-  }, /* @__PURE__ */ Y(h0, ye({}, o, {
+  }, /* @__PURE__ */ Y(h0, we({}, o, {
     ref: r
   }))), n.indicatorTrack) : null;
-}), h0 = /* @__PURE__ */ we((e, r) => {
+}), h0 = /* @__PURE__ */ $e((e, r) => {
   const { __scopeNavigationMenu: t, ...o } = e, n = Fe(ts, t), s = es(t), [i, l] = fe(null), [d, p] = fe(null), f = n.orientation === "horizontal", v = !!n.value;
-  ie(() => {
+  le(() => {
     var b;
     const h = (b = s().find(
       (E) => E.value === n.value
@@ -12143,7 +12146,7 @@ const n0 = /* @__PURE__ */ we((e, r) => /* @__PURE__ */ Y(Le.span, ye({}, e, {
       offset: f ? i.offsetLeft : i.offsetTop
     });
   };
-  return lo(i, x), lo(n.indicatorTrack, x), d ? /* @__PURE__ */ Y(Le.div, ye({
+  return lo(i, x), lo(n.indicatorTrack, x), d ? /* @__PURE__ */ Y(Le.div, we({
     "aria-hidden": !0,
     "data-state": v ? "visible" : "hidden",
     "data-orientation": n.orientation
@@ -12163,7 +12166,7 @@ const n0 = /* @__PURE__ */ we((e, r) => /* @__PURE__ */ Y(Le.span, ye({}, e, {
       ...o.style
     }
   })) : null;
-}), Mr = "NavigationMenuContent", C0 = /* @__PURE__ */ we((e, r) => {
+}), Mr = "NavigationMenuContent", C0 = /* @__PURE__ */ $e((e, r) => {
   const { forceMount: t, ...o } = e, n = Fe(Mr, e.__scopeNavigationMenu), s = rs(Mr, e.__scopeNavigationMenu), i = Ye(s.contentRef, r), l = s.value === n.value, d = {
     value: s.value,
     triggerRef: s.triggerRef,
@@ -12173,13 +12176,13 @@ const n0 = /* @__PURE__ */ we((e, r) => /* @__PURE__ */ Y(Le.span, ye({}, e, {
     onRootContentClose: s.onRootContentClose,
     ...o
   };
-  return n.viewport ? /* @__PURE__ */ Y(E0, ye({
+  return n.viewport ? /* @__PURE__ */ Y(E0, we({
     forceMount: t
   }, d, {
     ref: i
   })) : /* @__PURE__ */ Y(Nr, {
     present: t || l
-  }, /* @__PURE__ */ Y(os, ye({
+  }, /* @__PURE__ */ Y(os, we({
     "data-state": ko(l)
   }, d, {
     ref: i,
@@ -12191,9 +12194,9 @@ const n0 = /* @__PURE__ */ we((e, r) => /* @__PURE__ */ Y(Le.span, ye({}, e, {
       ...d.style
     }
   })));
-}), E0 = /* @__PURE__ */ we((e, r) => {
+}), E0 = /* @__PURE__ */ $e((e, r) => {
   const t = Fe(Mr, e.__scopeNavigationMenu), { onViewportContentChange: o, onViewportContentRemove: n } = t;
-  return $r(() => {
+  return yr(() => {
     o(e.value, {
       ref: r,
       ...e
@@ -12202,13 +12205,13 @@ const n0 = /* @__PURE__ */ we((e, r) => /* @__PURE__ */ Y(Le.span, ye({}, e, {
     e,
     r,
     o
-  ]), $r(() => () => n(e.value), [
+  ]), yr(() => () => n(e.value), [
     e.value,
     n
   ]), null;
-}), tt = "navigationMenu.rootContentDismiss", os = /* @__PURE__ */ we((e, r) => {
+}), tt = "navigationMenu.rootContentDismiss", os = /* @__PURE__ */ $e((e, r) => {
   const { __scopeNavigationMenu: t, value: o, triggerRef: n, focusProxyRef: s, wasEscapeCloseRef: i, onRootContentClose: l, onContentFocusOutside: d, ...p } = e, f = Fe(Mr, t), v = U(null), x = Ye(v, r), b = is(f.baseId, o), y = ls(f.baseId, o), h = es(t), E = U(null), { onItemDismiss: k } = f;
-  ie(() => {
+  le(() => {
     const M = v.current;
     if (f.isRootMenu && M) {
       const I = () => {
@@ -12251,7 +12254,7 @@ const n0 = /* @__PURE__ */ we((e, r) => /* @__PURE__ */ Y(Le.span, ye({}, e, {
   ]);
   return /* @__PURE__ */ Y(as, {
     asChild: !0
-  }, /* @__PURE__ */ Y(e0, ye({
+  }, /* @__PURE__ */ Y(e0, we({
     id: y,
     "aria-labelledby": b,
     "data-motion": R,
@@ -12298,21 +12301,21 @@ const n0 = /* @__PURE__ */ we((e, r) => /* @__PURE__ */ Y(Le.span, ye({}, e, {
       i.current = !0;
     })
   })));
-}), ns = "NavigationMenuViewport", S0 = /* @__PURE__ */ we((e, r) => {
+}), ns = "NavigationMenuViewport", S0 = /* @__PURE__ */ $e((e, r) => {
   const { forceMount: t, ...o } = e, s = !!Fe(ns, e.__scopeNavigationMenu).value;
   return /* @__PURE__ */ Y(Nr, {
     present: t || s
-  }, /* @__PURE__ */ Y(k0, ye({}, o, {
+  }, /* @__PURE__ */ Y(k0, we({}, o, {
     ref: r
   })));
-}), k0 = /* @__PURE__ */ we((e, r) => {
+}), k0 = /* @__PURE__ */ $e((e, r) => {
   const { __scopeNavigationMenu: t, children: o, ...n } = e, s = Fe(ns, t), i = Ye(r, s.onViewportChange), l = u0(Mr, e.__scopeNavigationMenu), [d, p] = fe(null), [f, v] = fe(null), x = d ? (d == null ? void 0 : d.width) + "px" : void 0, b = d ? (d == null ? void 0 : d.height) + "px" : void 0, y = !!s.value, h = y ? s.value : s.previousValue;
   return lo(f, () => {
     f && p({
       width: f.offsetWidth,
       height: f.offsetHeight
     });
-  }), /* @__PURE__ */ Y(Le.div, ye({
+  }), /* @__PURE__ */ Y(Le.div, we({
     "data-state": ko(y),
     "data-orientation": s.orientation
   }, n, {
@@ -12331,19 +12334,19 @@ const n0 = /* @__PURE__ */ we((e, r) => /* @__PURE__ */ Y(Le.span, ye({}, e, {
     return /* @__PURE__ */ Y(Nr, {
       key: k,
       present: M || O
-    }, /* @__PURE__ */ Y(os, ye({}, I, {
+    }, /* @__PURE__ */ Y(os, we({}, I, {
       ref: ho(R, (T) => {
         O && T && v(T);
       })
     })));
   }));
-}), T0 = "FocusGroup", as = /* @__PURE__ */ we((e, r) => {
+}), T0 = "FocusGroup", as = /* @__PURE__ */ $e((e, r) => {
   const { __scopeNavigationMenu: t, ...o } = e, n = Fe(T0, t);
   return /* @__PURE__ */ Y(so.Provider, {
     scope: t
   }, /* @__PURE__ */ Y(so.Slot, {
     scope: t
-  }, /* @__PURE__ */ Y(Le.div, ye({
+  }, /* @__PURE__ */ Y(Le.div, we({
     dir: n.dir
   }, o, {
     ref: r
@@ -12353,11 +12356,11 @@ const n0 = /* @__PURE__ */ we((e, r) => /* @__PURE__ */ Y(Le.span, ye({}, e, {
   "ArrowLeft",
   "ArrowUp",
   "ArrowDown"
-], P0 = "FocusGroupItem", ss = /* @__PURE__ */ we((e, r) => {
+], P0 = "FocusGroupItem", ss = /* @__PURE__ */ $e((e, r) => {
   const { __scopeNavigationMenu: t, ...o } = e, n = i0(t), s = Fe(P0, t);
   return /* @__PURE__ */ Y(so.ItemSlot, {
     scope: t
-  }, /* @__PURE__ */ Y(Le.button, ye({}, o, {
+  }, /* @__PURE__ */ Y(Le.button, we({}, o, {
     ref: r,
     onKeyDown: Ee(e.onKeyDown, (i) => {
       if ([
@@ -12410,7 +12413,7 @@ function O0(e) {
 }
 function lo(e, r) {
   const t = Ie(r);
-  $r(() => {
+  yr(() => {
     let o = 0;
     if (e) {
       const n = new ResizeObserver(() => {
@@ -12814,7 +12817,7 @@ function uo({
 uo.defaultProps = {
   className: void 0
 };
-const ze = we(
+const ze = $e(
   ({ className: e, children: r, title: t, ...o }, n) => /* @__PURE__ */ g("li", { children: /* @__PURE__ */ g(co, { asChild: !0, children: /* @__PURE__ */ Q(
     X0,
     {