@blakesteve/roster 4.6.2 → 4.8.0

package/dist/roster.es.js

@@ -1,6 +1,6 @@
 "use client";
-import { o as I, Y as Q, K as J, p as zt, m as Ea, n as oe, q as ot, r as ct, $ as ve, s as xe, w as tr, V as It, t as jt, u as pe, v as ht, x as ye, y as Kt, z as me, A as ge, C as Os, D as Cs, E as At, G as Mi, H as de, I as Li, J as _i, L as Z, j as f, F as mt, M as Vi, N as Na, O as Pa, P as xn, Q as Bi, R as Hi, B as Ut, S as zi, U as ps, W as hr, X as Oa, Z as Wi, _ as Ui, a0 as Ge, a1 as Yi, a2 as Gi, a3 as Ki, a4 as qi } from "./Table-DuLc2mEo.js";
-import { a5 as eg, T as rg, e as sg, a6 as ng, g as ag, a7 as og, c as ig, a as lg, b as cg, a8 as ug, a9 as dg, aa as fg, ab as pg, ac as mg, ad as gg, ae as hg } from "./Table-DuLc2mEo.js";
+import { o as I, Y as Q, K as J, p as zt, m as Ea, n as oe, q as ot, r as ct, $ as ve, s as xe, w as tr, V as It, t as jt, u as pe, v as ht, x as ye, y as Kt, z as me, A as ge, C as Ps, D as Cs, E as At, G as Mi, H as de, I as Li, J as _i, L as Z, j as f, F as mt, M as Vi, N as Na, O as Oa, P as xn, Q as Bi, R as Hi, B as Ut, S as zi, U as ps, W as hr, X as Pa, Z as Wi, _ as Ui, a0 as Ge, a1 as Yi, a2 as Gi, a3 as Ki, a4 as qi } from "./Table--O-sD53L.js";
+import { a5 as rg, T as sg, e as ng, a6 as ag, g as og, a7 as ig, c as lg, a as cg, b as ug, a8 as dg, a9 as fg, aa as pg, ab as mg, ac as gg, ad as hg, ae as bg } from "./Table--O-sD53L.js";
 import * as y from "react";
 import S, { useState as X, useRef as V, isValidElement as Ca, useEffect as st, useContext as at, createContext as pt, useMemo as ft, useId as dt, useCallback as tt, useSyncExternalStore as Ta, useLayoutEffect as ja, cloneElement as Xi, Fragment as xt, useReducer as Qi, createRef as Zi, forwardRef as Ra } from "react";
 import { c as C } from "./utils-hNxf9HpA.js";
@@ -117,7 +117,7 @@ function Va(t) {
 function ul(t) {
   return Gt(t) ? t.matches('a[href],audio[controls],button,details,embed,iframe,img[usemap],input:not([type="hidden"]),label,select,textarea,video[controls]') : !1;
 }
-function Oe(t) {
+function Pe(t) {
   let e = t.parentElement, r = null;
   for (; e && !cl(e); ) Va(e) && (r = e), e = e.parentElement;
   let s = e?.getAttribute("disabled") === "";
@@ -226,16 +226,16 @@ function hl(t, e) {
 }
 let bl = Q(hl), De = Object.assign(bl, {}), vl = "span";
 function xl(t, e) {
-  let r = dt(), s = Ie(), n = oe(), { id: a = s || `headlessui-checkbox-${r}`, disabled: o = n || !1, autoFocus: i = !1, checked: l, defaultChecked: c, onChange: u, name: p, value: m, form: d, indeterminate: g = !1, tabIndex: h = 0, ...b } = t, v = js(c), [w, x] = Ts(l, u, v ?? !1), k = Ae(), E = er(), T = zt(), [P, M] = X(!1), z = I(() => {
+  let r = dt(), s = Ie(), n = oe(), { id: a = s || `headlessui-checkbox-${r}`, disabled: o = n || !1, autoFocus: i = !1, checked: l, defaultChecked: c, onChange: u, name: p, value: m, form: d, indeterminate: g = !1, tabIndex: h = 0, ...b } = t, v = js(c), [w, x] = Ts(l, u, v ?? !1), k = Ae(), E = er(), T = zt(), [O, M] = X(!1), z = I(() => {
     M(!0), x?.(!w), T.nextFrame(() => {
       M(!1);
     });
   }), N = I((A) => {
-    if (Oe(A.currentTarget)) return A.preventDefault();
+    if (Pe(A.currentTarget)) return A.preventDefault();
     A.preventDefault(), z();
   }), $ = I((A) => {
     A.key === Y.Space ? (A.preventDefault(), z()) : A.key === Y.Enter && Rs(A.currentTarget);
-  }), L = I((A) => A.preventDefault()), { isFocusVisible: _, focusProps: R } = ve({ autoFocus: i }), { isHovered: D, hoverProps: F } = xe({ isDisabled: o }), { pressed: U, pressProps: O } = tr({ disabled: o }), j = It({ ref: e, id: a, role: "checkbox", "aria-checked": g ? "mixed" : w ? "true" : "false", "aria-labelledby": k, "aria-describedby": E, "aria-disabled": o ? !0 : void 0, indeterminate: g ? "true" : void 0, tabIndex: o ? void 0 : h, onKeyUp: o ? void 0 : $, onKeyPress: o ? void 0 : L, onClick: o ? void 0 : N }, R, F, O), H = ct({ checked: w, disabled: o, hover: D, focus: _, active: U, indeterminate: g, changing: P, autofocus: i }), nt = tt(() => {
+  }), L = I((A) => A.preventDefault()), { isFocusVisible: _, focusProps: R } = ve({ autoFocus: i }), { isHovered: D, hoverProps: F } = xe({ isDisabled: o }), { pressed: U, pressProps: P } = tr({ disabled: o }), j = It({ ref: e, id: a, role: "checkbox", "aria-checked": g ? "mixed" : w ? "true" : "false", "aria-labelledby": k, "aria-describedby": E, "aria-disabled": o ? !0 : void 0, indeterminate: g ? "true" : void 0, tabIndex: o ? void 0 : h, onKeyUp: o ? void 0 : $, onKeyPress: o ? void 0 : L, onClick: o ? void 0 : N }, R, F, P), H = ct({ checked: w, disabled: o, hover: D, focus: _, active: U, indeterminate: g, changing: O, autofocus: i }), nt = tt(() => {
     if (v !== void 0) return x?.(v);
   }, [x, v]), et = J();
   return S.createElement(S.Fragment, null, p != null && S.createElement($s, { disabled: o, data: { [p]: m || "on" }, overrides: { type: "checkbox", checked: w }, form: d, onReset: nt }), et({ ourProps: j, theirProps: b, slot: H, defaultTag: vl, name: "Checkbox" }));
@@ -280,9 +280,9 @@ function Ds(t, e, r = !1) {
 var Wa = ((t) => (t[t.Left = 0] = "Left", t[t.Right = 2] = "Right", t))(Wa || {});
 function Ua(t) {
   let e = V(null), r = I((n) => {
-    e.current = n.pointerType, !Oe(n.currentTarget) && n.pointerType === "mouse" && n.button === Wa.Left && (n.preventDefault(), t(n));
+    e.current = n.pointerType, !Pe(n.currentTarget) && n.pointerType === "mouse" && n.button === Wa.Left && (n.preventDefault(), t(n));
   }), s = I((n) => {
-    e.current !== "mouse" && (Oe(n.currentTarget) || t(n));
+    e.current !== "mouse" && (Pe(n.currentTarget) || t(n));
   });
   return { onPointerDown: r, onClick: s };
 }
@@ -295,7 +295,7 @@ let Ya = class extends Map {
     return r === void 0 && (r = this.factory(e), this.set(e, r)), r;
   }
 };
-var El = Object.defineProperty, Nl = (t, e, r) => e in t ? El(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Pl = (t, e, r) => (Nl(t, e + "", r), r), Ga = (t, e, r) => {
+var El = Object.defineProperty, Nl = (t, e, r) => e in t ? El(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Ol = (t, e, r) => (Nl(t, e + "", r), r), Ga = (t, e, r) => {
   if (!e.has(t)) throw TypeError("Cannot " + r);
 }, Rt = (t, e, r) => (Ga(t, e, "read from private field"), r ? r.call(t) : e.get(t)), ns = (t, e, r) => {
   if (e.has(t)) throw TypeError("Cannot add the same private member more than once");
@@ -303,7 +303,7 @@ var El = Object.defineProperty, Nl = (t, e, r) => e in t ? El(t, e, { enumerable
 }, wn = (t, e, r, s) => (Ga(t, e, "write to private field"), e.set(t, r), r), Ft, Be, He;
 let Ar = class {
   constructor(e) {
-    ns(this, Ft, {}), ns(this, Be, new Ya(() => /* @__PURE__ */ new Set())), ns(this, He, /* @__PURE__ */ new Set()), Pl(this, "disposables", jt()), wn(this, Ft, e), pe.isServer && this.disposables.microTask(() => {
+    ns(this, Ft, {}), ns(this, Be, new Ya(() => /* @__PURE__ */ new Set())), ns(this, He, /* @__PURE__ */ new Set()), Ol(this, "disposables", jt()), wn(this, Ft, e), pe.isServer && this.disposables.microTask(() => {
       this.dispose();
     });
   }
@@ -361,7 +361,7 @@ function We(t) {
     e(...n), s.dispose(), s.microTask(r);
   };
 }
-var Ol = Object.defineProperty, Cl = (t, e, r) => e in t ? Ol(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Sn = (t, e, r) => (Cl(t, typeof e != "symbol" ? e + "" : e, r), r), Fs = ((t) => (t[t.Push = 0] = "Push", t[t.Pop = 1] = "Pop", t))(Fs || {});
+var Pl = Object.defineProperty, Cl = (t, e, r) => e in t ? Pl(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Sn = (t, e, r) => (Cl(t, typeof e != "symbol" ? e + "" : e, r), r), Fs = ((t) => (t[t.Push = 0] = "Push", t[t.Pop = 1] = "Pop", t))(Fs || {});
 let Tl = { 0(t, e) {
   let r = e.id, s = t.stack, n = t.stack.indexOf(r);
   if (n !== -1) {
@@ -414,8 +414,8 @@ function Rl() {
             return x = E;
           }
           if (T = x, r(w, E)) return T;
-          var P = p(E);
-          return m !== void 0 && m(T, P) ? (w = E, T) : (w = E, x = P);
+          var O = p(E);
+          return m !== void 0 && m(T, O) ? (w = E, T) : (w = E, x = O);
         }
         var v = !1, w, x, k = u === void 0 ? null : u;
         return [
@@ -466,8 +466,8 @@ function $l() {
             }
             if (T = x, r(w, E))
               return T;
-            var P = p(E);
-            return m !== void 0 && m(T, P) ? (w = E, T) : (w = E, x = P);
+            var O = p(E);
+            return m !== void 0 && m(T, O) ? (w = E, T) : (w = E, x = O);
           }
           var v = !1, w, x, k = u === void 0 ? null : u;
           return [
@@ -491,9 +491,9 @@ function $l() {
     }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
   })()), is;
 }
-var Pn;
+var On;
 function Il() {
-  return Pn || (Pn = 1, process.env.NODE_ENV === "production" ? br.exports = Rl() : br.exports = $l()), br.exports;
+  return On || (On = 1, process.env.NODE_ENV === "production" ? br.exports = Rl() : br.exports = $l()), br.exports;
 }
 var Al = Il();
 function rt(t, e, r = Ka) {
@@ -509,7 +509,7 @@ function nr(t, e) {
   }, [s, t, r]), t ? a ? n : !0 : !1;
 }
 let gs = /* @__PURE__ */ new Map(), Ue = /* @__PURE__ */ new Map();
-function On(t) {
+function Pn(t) {
   var e;
   let r = (e = Ue.get(t)) != null ? e : 0;
   return Ue.set(t, r + 1), r !== 0 ? () => Cn(t) : (gs.set(t, { "aria-hidden": t.getAttribute("aria-hidden"), inert: t.inert }), t.setAttribute("aria-hidden", "true"), t.inert = !0, () => Cn(t));
@@ -527,7 +527,7 @@ function Ms(t, { allowed: e, disallowed: r } = {}) {
     var n, a;
     if (!s) return;
     let o = jt();
-    for (let l of (n = r?.()) != null ? n : []) l && o.add(On(l));
+    for (let l of (n = r?.()) != null ? n : []) l && o.add(Pn(l));
     let i = (a = e?.()) != null ? a : [];
     for (let l of i) {
       if (!l) continue;
@@ -535,7 +535,7 @@ function Ms(t, { allowed: e, disallowed: r } = {}) {
       if (!c) continue;
       let u = l.parentElement;
       for (; u && u !== c.body; ) {
-        for (let p of u.children) i.some((m) => p.contains(m)) || o.add(On(p));
+        for (let p of u.children) i.some((m) => p.contains(m)) || o.add(Pn(p));
         u = u.parentElement;
       }
     }
@@ -614,9 +614,9 @@ function Ls(t, e = (r) => r) {
   });
 }
 function Qa(t, e, r = t === null ? document.body : me(t)) {
-  return Ot(ar(r), e, { relativeTo: t });
+  return Pt(ar(r), e, { relativeTo: t });
 }
-function Ot(t, e, { sorted: r = !0, relativeTo: s = null, skipElements: n = [] } = {}) {
+function Pt(t, e, { sorted: r = !0, relativeTo: s = null, skipElements: n = [] } = {}) {
   let a = Array.isArray(t) ? t.length > 0 ? me(t[0]) : document : me(t), o = Array.isArray(t) ? r ? Ls(t) : t : e & 64 ? Ll(t) : ar(t);
   n.length > 0 && o.length > 1 && (o = o.filter((d) => !n.some((g) => g != null && "current" in g ? g?.current === d : g === d))), s = s ?? a?.activeElement;
   let i = (() => {
@@ -1292,7 +1292,7 @@ async function ao(t, e) {
     right: (E.right - v.right + g.right) / k.x
   };
 }
-const Pc = async (t, e, r) => {
+const Oc = async (t, e, r) => {
   const {
     placement: s = "bottom",
     strategy: n = "absolute",
@@ -1356,7 +1356,7 @@ const Pc = async (t, e, r) => {
     strategy: n,
     middlewareData: d
   };
-}, Oc = (t) => ({
+}, Pc = (t) => ({
   name: "arrow",
   options: t,
   async fn(e) {
@@ -1378,9 +1378,9 @@ const Pc = async (t, e, r) => {
       x: r,
       y: s
     }, d = Us(n), g = Ws(d), h = await o.getDimensions(c), b = d === "y", v = b ? "top" : "left", w = b ? "bottom" : "right", x = b ? "clientHeight" : "clientWidth", k = a.reference[g] + a.reference[d] - m[d] - a.floating[g], E = m[d] - a.reference[d], T = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
-    let P = T ? T[x] : 0;
-    (!P || !await (o.isElement == null ? void 0 : o.isElement(T))) && (P = i.floating[x] || a.floating[g]);
-    const M = k / 2 - E / 2, z = P / 2 - h[g] / 2 - 1, N = Qt(p[v], z), $ = Qt(p[w], z), L = N, _ = P - h[g] - $, R = P / 2 - h[g] / 2 + M, D = bs(L, R, _), F = !l.arrow && Me(n) != null && R !== D && a.reference[g] / 2 - (R < L ? N : $) - h[g] / 2 < 0, U = F ? R < L ? R - L : R - _ : 0;
+    let O = T ? T[x] : 0;
+    (!O || !await (o.isElement == null ? void 0 : o.isElement(T))) && (O = i.floating[x] || a.floating[g]);
+    const M = k / 2 - E / 2, z = O / 2 - h[g] / 2 - 1, N = Qt(p[v], z), $ = Qt(p[w], z), L = N, _ = O - h[g] - $, R = O / 2 - h[g] / 2 + M, D = bs(L, R, _), F = !l.arrow && Me(n) != null && R !== D && a.reference[g] / 2 - (R < L ? N : $) - h[g] / 2 < 0, U = F ? R < L ? R - L : R - _ : 0;
     return {
       [d]: m[d] + U,
       data: {
@@ -1419,7 +1419,7 @@ const Pc = async (t, e, r) => {
         return {};
       const v = Zt(n), w = Mt(i), x = Zt(i) === i, k = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), E = m || (x || !h ? [Er(i)] : yc(i)), T = g !== "none";
       !m && T && E.push(...Ec(i, h, g, k));
-      const P = [i, ...E], M = await l.detectOverflow(e, b), z = [];
+      const O = [i, ...E], M = await l.detectOverflow(e, b), z = [];
       let N = ((s = a.flip) == null ? void 0 : s.overflows) || [];
       if (u && z.push(M[v]), p) {
         const R = xc(n, o, k);
@@ -1430,10 +1430,10 @@ const Pc = async (t, e, r) => {
         overflows: z
       }], !z.every((R) => R <= 0)) {
         var $, L;
-        const R = ((($ = a.flip) == null ? void 0 : $.index) || 0) + 1, D = P[R];
+        const R = ((($ = a.flip) == null ? void 0 : $.index) || 0) + 1, D = O[R];
         if (D && (!(p === "alignment" ? w !== Mt(D) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        N.every((O) => Mt(O.placement) === w ? O.overflows[0] > 0 : !0)))
+        N.every((P) => Mt(P.placement) === w ? P.overflows[0] > 0 : !0)))
           return {
             data: {
               index: R,
@@ -1443,20 +1443,20 @@ const Pc = async (t, e, r) => {
               placement: D
             }
           };
-        let F = (L = N.filter((U) => U.overflows[0] <= 0).sort((U, O) => U.overflows[1] - O.overflows[1])[0]) == null ? void 0 : L.placement;
+        let F = (L = N.filter((U) => U.overflows[0] <= 0).sort((U, P) => U.overflows[1] - P.overflows[1])[0]) == null ? void 0 : L.placement;
         if (!F)
           switch (d) {
             case "bestFit": {
               var _;
-              const U = (_ = N.filter((O) => {
+              const U = (_ = N.filter((P) => {
                 if (T) {
-                  const j = Mt(O.placement);
+                  const j = Mt(P.placement);
                   return j === w || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   j === "y";
                 }
                 return !0;
-              }).map((O) => [O.placement, O.overflows.filter((j) => j > 0).reduce((j, H) => j + H, 0)]).sort((O, j) => O[1] - j[1])[0]) == null ? void 0 : _[0];
+              }).map((P) => [P.placement, P.overflows.filter((j) => j > 0).reduce((j, H) => j + H, 0)]).sort((P, j) => P[1] - j[1])[0]) == null ? void 0 : _[0];
               U && (F = U);
               break;
             }
@@ -1699,15 +1699,15 @@ const Rc = function(t) {
       let b, v;
       p === "top" || p === "bottom" ? (b = p, v = m === (await (o.isRTL == null ? void 0 : o.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (v = p, b = m === "end" ? "top" : "bottom");
       const w = h - u.top - u.bottom, x = g - u.left - u.right, k = Qt(h - u[b], w), E = Qt(g - u[v], x), T = !e.middlewareData.shift;
-      let P = k, M = E;
-      if ((r = e.middlewareData.shift) != null && r.enabled.x && (M = x), (s = e.middlewareData.shift) != null && s.enabled.y && (P = w), T && !m) {
+      let O = k, M = E;
+      if ((r = e.middlewareData.shift) != null && r.enabled.x && (M = x), (s = e.middlewareData.shift) != null && s.enabled.y && (O = w), T && !m) {
         const N = St(u.left, 0), $ = St(u.right, 0), L = St(u.top, 0), _ = St(u.bottom, 0);
-        d ? M = g - 2 * (N !== 0 || $ !== 0 ? N + $ : St(u.left, u.right)) : P = h - 2 * (L !== 0 || _ !== 0 ? L + _ : St(u.top, u.bottom));
+        d ? M = g - 2 * (N !== 0 || $ !== 0 ? N + $ : St(u.left, u.right)) : O = h - 2 * (L !== 0 || _ !== 0 ? L + _ : St(u.top, u.bottom));
       }
       await l({
         ...e,
         availableWidth: M,
-        availableHeight: P
+        availableHeight: O
       });
       const z = await o.getDimensions(i.floating);
       return g !== z.width || h !== z.height ? {
@@ -1731,7 +1731,7 @@ function io(t) {
 function Ys(t) {
   return Nt(t) ? t : t.contextElement;
 }
-function Pe(t) {
+function Oe(t) {
   const e = Ys(t);
   if (!Bt(e))
     return _t(1);
@@ -1761,14 +1761,14 @@ function be(t, e, r, s) {
   e === void 0 && (e = !1), r === void 0 && (r = !1);
   const n = t.getBoundingClientRect(), a = Ys(t);
   let o = _t(1);
-  e && (s ? Nt(s) && (o = Pe(s)) : o = Pe(t));
+  e && (s ? Nt(s) && (o = Oe(s)) : o = Oe(t));
   const i = Fc(a, r, s) ? lo(a) : _t(0);
   let l = (n.left + i.x) / o.x, c = (n.top + i.y) / o.y, u = n.width / o.x, p = n.height / o.y;
   if (a) {
     const m = Tt(a), d = s && Nt(s) ? Tt(s) : s;
     let g = m, h = hs(g);
     for (; h && s && d !== g; ) {
-      const b = Pe(h), v = h.getBoundingClientRect(), w = Dt(h), x = v.left + (h.clientLeft + parseFloat(w.paddingLeft)) * b.x, k = v.top + (h.clientTop + parseFloat(w.paddingTop)) * b.y;
+      const b = Oe(h), v = h.getBoundingClientRect(), w = Dt(h), x = v.left + (h.clientLeft + parseFloat(w.paddingLeft)) * b.x, k = v.top + (h.clientTop + parseFloat(w.paddingTop)) * b.y;
       l *= b.x, c *= b.y, u *= b.x, p *= b.y, l += x, c += k, g = Tt(h), h = hs(g);
     }
   }
@@ -1807,7 +1807,7 @@ function Mc(t) {
   const u = _t(0), p = Bt(s);
   if ((p || !p && !a) && ((Fe(s) !== "body" || ur(o)) && (l = Br(s)), Bt(s))) {
     const d = be(s);
-    c = Pe(s), u.x = d.x + s.clientLeft, u.y = d.y + s.clientTop;
+    c = Oe(s), u.x = d.x + s.clientLeft, u.y = d.y + s.clientTop;
   }
   const m = o && !p && !a ? co(o, l) : _t(0);
   return {
@@ -1854,7 +1854,7 @@ function Vc(t, e) {
 }
 const Bc = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function Hc(t, e) {
-  const r = be(t, !0, e === "fixed"), s = r.top + t.clientTop, n = r.left + t.clientLeft, a = Bt(t) ? Pe(t) : _t(1), o = t.clientWidth * a.x, i = t.clientHeight * a.y, l = n * a.x, c = s * a.y;
+  const r = be(t, !0, e === "fixed"), s = r.top + t.clientTop, n = r.left + t.clientLeft, a = Bt(t) ? Oe(t) : _t(1), o = t.clientWidth * a.x, i = t.clientHeight * a.y, l = n * a.x, c = s * a.y;
   return {
     width: o,
     height: i,
@@ -2002,7 +2002,7 @@ const qc = {
   getElementRects: Gc,
   getClientRects: Lc,
   getDimensions: Uc,
-  getScale: Pe,
+  getScale: Oe,
   isElement: Nt,
   isRTL: Kc
 };
@@ -2032,15 +2032,15 @@ function Xc(t, e) {
     };
     let k = !0;
     function E(T) {
-      const P = T[0].intersectionRatio;
-      if (P !== l) {
+      const O = T[0].intersectionRatio;
+      if (O !== l) {
         if (!k)
           return o();
-        P ? o(!1, P) : s = setTimeout(() => {
+        O ? o(!1, O) : s = setTimeout(() => {
           o(!1, 1e-7);
         }, 1e3);
       }
-      P === 1 && !po(c, t.getBoundingClientRect()) && o(), k = !1;
+      O === 1 && !po(c, t.getBoundingClientRect()) && o(), k = !1;
     }
     try {
       r = new IntersectionObserver(E, {
@@ -2091,7 +2091,7 @@ function mo(t, e, r, s) {
     }), p?.(), (v = d) == null || v.disconnect(), d = null, l && cancelAnimationFrame(g);
   };
 }
-const cs = ao, Qc = Rc, Zc = $c, Jc = Cc, tu = Ac, eu = Tc, Un = Oc, ru = Ic, su = (t, e, r) => {
+const cs = ao, Qc = Rc, Zc = $c, Jc = Cc, tu = Ac, eu = Tc, Un = Pc, ru = Ic, su = (t, e, r) => {
   const s = /* @__PURE__ */ new Map(), n = {
     platform: qc,
     ...r
@@ -2099,14 +2099,14 @@ const cs = ao, Qc = Rc, Zc = $c, Jc = Cc, tu = Ac, eu = Tc, Un = Oc, ru = Ic, su
     ...n.platform,
     _c: s
   };
-  return Pc(t, e, {
+  return Oc(t, e, {
     ...n,
     platform: a
   });
 };
 var nu = typeof document < "u", au = function() {
 }, wr = nu ? ja : au;
-function Pr(t, e) {
+function Or(t, e) {
   if (t === e)
     return !0;
   if (typeof t != typeof e)
@@ -2118,7 +2118,7 @@ function Pr(t, e) {
     if (Array.isArray(t)) {
       if (r = t.length, r !== e.length) return !1;
       for (s = r; s-- !== 0; )
-        if (!Pr(t[s], e[s]))
+        if (!Or(t[s], e[s]))
           return !1;
       return !0;
     }
@@ -2129,7 +2129,7 @@ function Pr(t, e) {
         return !1;
     for (s = r; s-- !== 0; ) {
       const a = n[s];
-      if (!(a === "_owner" && t.$$typeof) && !Pr(t[a], e[a]))
+      if (!(a === "_owner" && t.$$typeof) && !Or(t[a], e[a]))
         return !1;
     }
     return !0;
@@ -2171,20 +2171,20 @@ function ho(t) {
     middlewareData: {},
     isPositioned: !1
   }), [m, d] = y.useState(s);
-  Pr(m, s) || d(s);
-  const [g, h] = y.useState(null), [b, v] = y.useState(null), w = y.useCallback((O) => {
-    O !== T.current && (T.current = O, h(O));
-  }, []), x = y.useCallback((O) => {
-    O !== P.current && (P.current = O, v(O));
-  }, []), k = a || g, E = o || b, T = y.useRef(null), P = y.useRef(null), M = y.useRef(u), z = l != null, N = us(l), $ = us(n), L = us(c), _ = y.useCallback(() => {
-    if (!T.current || !P.current)
+  Or(m, s) || d(s);
+  const [g, h] = y.useState(null), [b, v] = y.useState(null), w = y.useCallback((P) => {
+    P !== T.current && (T.current = P, h(P));
+  }, []), x = y.useCallback((P) => {
+    P !== O.current && (O.current = P, v(P));
+  }, []), k = a || g, E = o || b, T = y.useRef(null), O = y.useRef(null), M = y.useRef(u), z = l != null, N = us(l), $ = us(n), L = us(c), _ = y.useCallback(() => {
+    if (!T.current || !O.current)
       return;
-    const O = {
+    const P = {
       placement: e,
       strategy: r,
       middleware: m
     };
-    $.current && (O.platform = $.current), su(T.current, P.current, O).then((j) => {
+    $.current && (P.platform = $.current), su(T.current, O.current, P).then((j) => {
       const H = {
         ...j,
         // The floating element's position may be recomputed while it's closed
@@ -2193,14 +2193,14 @@ function ho(t) {
         // setting it to `true` when `open === false` (must be specified).
         isPositioned: L.current !== !1
       };
-      R.current && !Pr(M.current, H) && (M.current = H, Ke.flushSync(() => {
+      R.current && !Or(M.current, H) && (M.current = H, Ke.flushSync(() => {
         p(H);
       }));
     });
   }, [m, e, r, $, L]);
   wr(() => {
-    c === !1 && M.current.isPositioned && (M.current.isPositioned = !1, p((O) => ({
-      ...O,
+    c === !1 && M.current.isPositioned && (M.current.isPositioned = !1, p((P) => ({
+      ...P,
       isPositioned: !1
     })));
   }, [c]);
@@ -2208,7 +2208,7 @@ function ho(t) {
   wr(() => (R.current = !0, () => {
     R.current = !1;
   }), []), wr(() => {
-    if (k && (T.current = k), E && (P.current = E), k && E) {
+    if (k && (T.current = k), E && (O.current = E), k && E) {
       if (N.current)
         return N.current(k, E, _);
       _();
@@ -2216,23 +2216,23 @@ function ho(t) {
   }, [k, E, _, N, z]);
   const D = y.useMemo(() => ({
     reference: T,
-    floating: P,
+    floating: O,
     setReference: w,
     setFloating: x
   }), [w, x]), F = y.useMemo(() => ({
     reference: k,
     floating: E
   }), [k, E]), U = y.useMemo(() => {
-    const O = {
+    const P = {
       position: r,
       left: 0,
       top: 0
     };
     if (!F.floating)
-      return O;
+      return P;
     const j = Yn(F.floating, u.x), H = Yn(F.floating, u.y);
     return i ? {
-      ...O,
+      ...P,
       transform: "translate(" + j + "px, " + H + "px)",
       ...go(F.floating) >= 1.5 && {
         willChange: "transform"
@@ -2497,7 +2497,7 @@ function ds(t, e, r) {
     }), o), {})
   };
 }
-function Pu(t) {
+function Ou(t) {
   t === void 0 && (t = []);
   const e = t.map((i) => i?.reference), r = t.map((i) => i?.floating), s = t.map((i) => i?.item), n = y.useCallback(
     (i) => ds(i, t, "reference"),
@@ -2530,7 +2530,7 @@ function Qn(t, e) {
     }
   };
 }
-const Ou = (t) => ({
+const Pu = (t) => ({
   name: "inner",
   options: t,
   async fn(e) {
@@ -2558,16 +2558,16 @@ const Ou = (t) => ({
     }, k = await cs(Qn(x, g.scrollHeight + h + m.clientTop), u), E = await cs(x, {
       ...u,
       elementContext: "reference"
-    }), T = St(0, k.top), P = x.y + T, N = (g.scrollHeight > g.clientHeight ? ($) => $ : Xe)(St(0, g.scrollHeight + (b && w || v ? h * 2 : 0) - T - St(0, k.bottom)));
+    }), T = St(0, k.top), O = x.y + T, N = (g.scrollHeight > g.clientHeight ? ($) => $ : Xe)(St(0, g.scrollHeight + (b && w || v ? h * 2 : 0) - T - St(0, k.bottom)));
     if (g.style.maxHeight = N + "px", g.scrollTop = T, n) {
       const $ = g.offsetHeight < d.offsetHeight * Qt(i, r.current.length) - 1 || E.top >= -l || E.bottom >= -l;
       Ke.flushSync(() => n($));
     }
     return s && (s.current = await cs(Qn({
       ...x,
-      y: P
+      y: O
     }, g.offsetHeight + h + m.clientTop), u)), {
-      y: P
+      y: O
     };
   }
 });
@@ -2667,29 +2667,29 @@ function Js({ children: t, enabled: e = !0 }) {
   ot(() => {
     c && a(0);
   }, [c]);
-  let { refs: v, floatingStyles: w, context: x } = Nu({ open: c, placement: h === "selection" ? b === "center" ? "bottom" : `bottom-${b}` : b === "center" ? `${h}` : `${h}-${b}`, strategy: "absolute", transform: !1, middleware: [Gs({ mainAxis: h === "selection" ? 0 : p, crossAxis: m }), bo({ padding: d }), h !== "selection" && vo({ padding: d }), h === "selection" && g ? Ou({ ...g, padding: d, overflowRef: o, offset: n, minItemsVisible: Zn, referenceOverflowThreshold: d, onFallbackChange($) {
+  let { refs: v, floatingStyles: w, context: x } = Nu({ open: c, placement: h === "selection" ? b === "center" ? "bottom" : `bottom-${b}` : b === "center" ? `${h}` : `${h}-${b}`, strategy: "absolute", transform: !1, middleware: [Gs({ mainAxis: h === "selection" ? 0 : p, crossAxis: m }), bo({ padding: d }), h !== "selection" && vo({ padding: d }), h === "selection" && g ? Pu({ ...g, padding: d, overflowRef: o, offset: n, minItemsVisible: Zn, referenceOverflowThreshold: d, onFallbackChange($) {
     var L, _;
     if (!$) return;
     let R = x.elements.floating;
     if (!R) return;
-    let D = parseFloat(getComputedStyle(R).scrollPaddingBottom) || 0, F = Math.min(Zn, R.childElementCount), U = 0, O = 0;
+    let D = parseFloat(getComputedStyle(R).scrollPaddingBottom) || 0, F = Math.min(Zn, R.childElementCount), U = 0, P = 0;
     for (let j of (_ = (L = x.elements.floating) == null ? void 0 : L.childNodes) != null ? _ : []) if (wt(j)) {
       let H = j.offsetTop, nt = H + j.clientHeight + D, et = R.scrollTop, A = et + R.clientHeight;
       if (H >= et && nt <= A) F--;
       else {
-        O = Math.max(0, Math.min(nt, A) - Math.max(H, et)), U = j.clientHeight;
+        P = Math.max(0, Math.min(nt, A) - Math.max(H, et)), U = j.clientHeight;
         break;
       }
     }
     F >= 1 && a((j) => {
-      let H = U * F - O + D;
+      let H = U * F - P + D;
       return j >= H ? j : H;
     });
   } }) : null, xo({ padding: d, apply({ availableWidth: $, availableHeight: L, elements: _ }) {
     Object.assign(_.floating.style, { overflow: "auto", maxWidth: `${$}px`, maxHeight: `min(var(--anchor-max-height, 100vh), ${L}px)` });
   } })].filter(Boolean), whileElementsMounted: mo }), [k = h, E = b] = x.placement.split("-");
   h === "selection" && (k = "selection");
-  let T = ft(() => ({ anchor: [k, E].filter(Boolean).join(" ") }), [k, E]), P = Cu(x, { overflowRef: o, onChange: a }), { getReferenceProps: M, getFloatingProps: z } = Pu([P]), N = I(($) => {
+  let T = ft(() => ({ anchor: [k, E].filter(Boolean).join(" ") }), [k, E]), O = Cu(x, { overflowRef: o, onChange: a }), { getReferenceProps: M, getFloatingProps: z } = Ou([O]), N = I(($) => {
     l($), v.setFloating($);
   });
   return y.createElement(Ks.Provider, { value: s }, y.createElement(Le.Provider, { value: { setFloating: N, setReference: v.setReference, styles: w, getReferenceProps: M, getFloatingProps: z, slot: T } }, t));
@@ -2840,17 +2840,17 @@ function ee(t, e) {
 function dr(t) {
   let e = I(t), r = V(!1);
   st(() => (r.current = !1, () => {
-    r.current = !0, Os(() => {
+    r.current = !0, Ps(() => {
       r.current && e();
     });
   }), [e]);
 }
-let Po = pt(!1);
+let Oo = pt(!1);
 function Au() {
-  return at(Po);
+  return at(Oo);
 }
 function ta(t) {
-  return S.createElement(Po.Provider, { value: t.force }, t.children);
+  return S.createElement(Oo.Provider, { value: t.force }, t.children);
 }
 function Du(t) {
   let e = Au(), r = at(Co), [s, n] = X(() => {
@@ -2869,7 +2869,7 @@ function Du(t) {
     e || r !== null && n(r.current);
   }, [r, n, e]), s;
 }
-let Oo = xt, Fu = Q(function(t, e) {
+let Po = xt, Fu = Q(function(t, e) {
   let { ownerDocument: r = null, ...s } = t, n = V(null), a = lt(Ha((m) => {
     n.current = m;
   }), e), o = Xt(n.current), i = r ?? o, l = Du(i), c = at(ys), u = zt(), p = J();
@@ -2878,11 +2878,11 @@ let Oo = xt, Fu = Q(function(t, e) {
     l && l.childNodes.length <= 0 && ((m = l.parentElement) == null || m.removeChild(l));
   }), l ? $a(S.createElement("div", { "data-headlessui-portal": "", ref: (m) => {
     u.dispose(), c && m && u.add(c.register(m));
-  } }, p({ ourProps: { ref: a }, theirProps: s, slot: {}, defaultTag: Oo, name: "Portal" })), l) : null;
+  } }, p({ ourProps: { ref: a }, theirProps: s, slot: {}, defaultTag: Po, name: "Portal" })), l) : null;
 });
 function Mu(t, e) {
   let r = lt(e), { enabled: s = !0, ownerDocument: n, ...a } = t, o = J();
-  return s ? S.createElement(Fu, { ...a, ownerDocument: n, ref: r }) : o({ ourProps: { ref: r }, theirProps: a, slot: {}, defaultTag: Oo, name: "Portal" });
+  return s ? S.createElement(Fu, { ...a, ownerDocument: n, ref: r }) : o({ ourProps: { ref: r }, theirProps: a, slot: {}, defaultTag: Po, name: "Portal" });
 }
 let Lu = xt, Co = pt(null);
 function _u(t, e) {
@@ -2944,7 +2944,7 @@ function $o({ defaultContainers: t = [], portals: e, mainTreeNode: r } = {}) {
   return { resolveContainers: s, contains: I((n) => s().some((a) => a.contains(n))) };
 }
 let Io = pt(null);
-function Or({ children: t, node: e }) {
+function Pr({ children: t, node: e }) {
   let [r, s] = X(null), n = en(e ?? r);
   return S.createElement(Io.Provider, { value: n }, t, n === null && S.createElement(qt, { features: Vt.Hidden, ref: (a) => {
     var o, i;
@@ -3005,9 +3005,9 @@ function Uu(t, e) {
     let x = r.current;
     ((k) => k())(() => {
       ht(p.current, { [Ct.Forwards]: () => {
-        Ot(x, gt.First, { skipElements: [w.relatedTarget, a] });
+        Pt(x, gt.First, { skipElements: [w.relatedTarget, a] });
       }, [Ct.Backwards]: () => {
-        Ot(x, gt.Last, { skipElements: [w.relatedTarget, a] });
+        Pt(x, gt.Last, { skipElements: [w.relatedTarget, a] });
       } });
     });
   }), d = nr(!!(i & 2), "focus-trap#tab-lock"), g = zt(), h = V(!1), b = { ref: s, onKeyDown(w) {
@@ -3019,7 +3019,7 @@ function Uu(t, e) {
     let x = Ao(o);
     wt(r.current) && x.add(r.current);
     let k = w.relatedTarget;
-    $t(k) && k.dataset.headlessuiFocusGuard !== "true" && (Do(x, k) || (h.current ? Ot(r.current, ht(p.current, { [Ct.Forwards]: () => gt.Next, [Ct.Backwards]: () => gt.Previous }) | gt.WrapAround, { relativeTo: w.target }) : $t(w.target) && Lt(w.target)));
+    $t(k) && k.dataset.headlessuiFocusGuard !== "true" && (Do(x, k) || (h.current ? Pt(r.current, ht(p.current, { [Ct.Forwards]: () => gt.Next, [Ct.Backwards]: () => gt.Previous }) | gt.WrapAround, { relativeTo: w.target }) : $t(w.target) && Lt(w.target)));
   } }, v = J();
   return S.createElement(S.Fragment, null, d && S.createElement(qt, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: m, features: Vt.Focusable }), v({ ourProps: b, theirProps: l, defaultTag: Wu, name: "FocusTrap" }), d && S.createElement(qt, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: m, features: Vt.Focusable }));
 }
@@ -3027,7 +3027,7 @@ let Yu = Q(Uu), Gu = Object.assign(Yu, { features: ue });
 function Ku(t = !0) {
   let e = V(Jt.slice());
   return Vs(([r], [s]) => {
-    s === !0 && r === !1 && Os(() => {
+    s === !0 && r === !1 && Ps(() => {
       e.current.splice(0);
     }), s === !1 && r === !0 && (e.current = Jt.slice());
   }, [t, Jt, e]), I(() => {
@@ -3052,7 +3052,7 @@ function Xu(t, { ownerDocument: e, container: r, initialFocus: s, initialFocusFa
       return;
     }
     let l = r.current;
-    l && Os(() => {
+    l && Ps(() => {
       if (!i.current) return;
       let c = e?.activeElement;
       if (s != null && s.current) {
@@ -3067,8 +3067,8 @@ function Xu(t, { ownerDocument: e, container: r, initialFocus: s, initialFocusFa
       if (s != null && s.current) Lt(s.current);
       else {
         if (t & 16) {
-          if (Ot(l, gt.First | gt.AutoFocus) !== Ce.Error) return;
-        } else if (Ot(l, gt.First) !== Ce.Error) return;
+          if (Pt(l, gt.First | gt.AutoFocus) !== Ce.Error) return;
+        } else if (Pt(l, gt.First) !== Ce.Error) return;
         if (n != null && n.current && (Lt(n.current), e?.activeElement === n.current)) return;
         console.warn("There are no focusable elements inside the <FocusTrap />");
       }
@@ -3145,39 +3145,39 @@ function Mo(t, e) {
 let Lo = xt, _o = At.RenderStrategy;
 function ed(t, e) {
   var r, s;
-  let { transition: n = !0, beforeEnter: a, afterEnter: o, beforeLeave: i, afterLeave: l, enter: c, enterFrom: u, enterTo: p, entered: m, leave: d, leaveFrom: g, leaveTo: h, ...b } = t, [v, w] = X(null), x = V(null), k = Fo(t), E = lt(...k ? [x, e, w] : e === null ? [] : [e]), T = (r = b.unmount) == null || r ? de.Unmount : de.Hidden, { show: P, appear: M, initial: z } = Ju(), [N, $] = X(P ? "visible" : "hidden"), L = td(), { register: _, unregister: R } = L;
+  let { transition: n = !0, beforeEnter: a, afterEnter: o, beforeLeave: i, afterLeave: l, enter: c, enterFrom: u, enterTo: p, entered: m, leave: d, leaveFrom: g, leaveTo: h, ...b } = t, [v, w] = X(null), x = V(null), k = Fo(t), E = lt(...k ? [x, e, w] : e === null ? [] : [e]), T = (r = b.unmount) == null || r ? de.Unmount : de.Hidden, { show: O, appear: M, initial: z } = Ju(), [N, $] = X(O ? "visible" : "hidden"), L = td(), { register: _, unregister: R } = L;
   ot(() => _(x), [_, x]), ot(() => {
     if (T === de.Hidden && x.current) {
-      if (P && N !== "visible") {
+      if (O && N !== "visible") {
         $("visible");
         return;
       }
       return ht(N, { hidden: () => R(x), visible: () => _(x) });
     }
-  }, [N, x, _, R, P, T]);
+  }, [N, x, _, R, O, T]);
   let D = Yr();
   ot(() => {
     if (k && D && N === "visible" && x.current === null) throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
   }, [x, N, D, k]);
-  let F = z && !M, U = M && P && z, O = V(!1), j = Mo(() => {
-    O.current || ($("hidden"), R(x));
+  let F = z && !M, U = M && O && z, P = V(!1), j = Mo(() => {
+    P.current || ($("hidden"), R(x));
   }, L), H = I((q) => {
-    O.current = !0;
+    P.current = !0;
     let bt = q ? "enter" : "leave";
     j.onStart(x, bt, (yt) => {
       yt === "enter" ? a?.() : yt === "leave" && i?.();
     });
   }), nt = I((q) => {
     let bt = q ? "enter" : "leave";
-    O.current = !1, j.onStop(x, bt, (yt) => {
+    P.current = !1, j.onStop(x, bt, (yt) => {
       yt === "enter" ? o?.() : yt === "leave" && l?.();
     }), bt === "leave" && !qr(j) && ($("hidden"), R(x));
   });
   st(() => {
-    k && n || (H(P), nt(P));
-  }, [P, k, n]);
-  let et = !(!n || !k || !D || F), [, A] = cr(et, v, P, { start: H, end: nt }), W = Ea({ ref: E, className: ((s = Li(b.className, U && c, U && u, A.enter && c, A.enter && A.closed && u, A.enter && !A.closed && p, A.leave && d, A.leave && !A.closed && g, A.leave && A.closed && h, !A.transition && P && m)) == null ? void 0 : s.trim()) || void 0, ...lr(A) }), G = 0;
-  N === "visible" && (G |= ut.Open), N === "hidden" && (G |= ut.Closed), P && N === "hidden" && (G |= ut.Opening), !P && N === "visible" && (G |= ut.Closing);
+    k && n || (H(O), nt(O));
+  }, [O, k, n]);
+  let et = !(!n || !k || !D || F), [, A] = cr(et, v, O, { start: H, end: nt }), W = Ea({ ref: E, className: ((s = Li(b.className, U && c, U && u, A.enter && c, A.enter && A.closed && u, A.enter && !A.closed && p, A.leave && d, A.leave && !A.closed && g, A.leave && A.closed && h, !A.transition && O && m)) == null ? void 0 : s.trim()) || void 0, ...lr(A) }), G = 0;
+  N === "visible" && (G |= ut.Open), N === "hidden" && (G |= ut.Closed), O && N === "hidden" && (G |= ut.Opening), !O && N === "visible" && (G |= ut.Closing);
   let B = J();
   return S.createElement(Kr.Provider, { value: j }, S.createElement(Wr, { value: G }, B({ ourProps: W, theirProps: b, defaultTag: Lo, features: _o, visible: N === "visible", name: "Transition.Child" })));
 }
@@ -3233,10 +3233,10 @@ let ea = Q(function(t, e) {
   })();
   let d = ie();
   n === void 0 && d !== null && (n = (d & ut.Open) === ut.Open);
-  let g = V(null), h = lt(g, e), b = Xt(g.current), v = n ? 0 : 1, [w, x] = Qi(id, { titleId: null, descriptionId: null, panelRef: Zi() }), k = I(() => a(!1)), E = I((A) => x({ type: 0, id: A })), T = Yr() ? v === 0 : !1, [P, M] = To(), z = { get current() {
+  let g = V(null), h = lt(g, e), b = Xt(g.current), v = n ? 0 : 1, [w, x] = Qi(id, { titleId: null, descriptionId: null, panelRef: Zi() }), k = I(() => a(!1)), E = I((A) => x({ type: 0, id: A })), T = Yr() ? v === 0 : !1, [O, M] = To(), z = { get current() {
     var A;
     return (A = w.panelRef.current) != null ? A : g.current;
-  } }, N = en(), { resolveContainers: $ } = $o({ mainTreeNode: N, portals: P, defaultContainers: [z] }), L = d !== null ? (d & ut.Closing) === ut.Closing : !1;
+  } }, N = en(), { resolveContainers: $ } = $o({ mainTreeNode: N, portals: O, defaultContainers: [z] }), L = d !== null ? (d & ut.Closing) === ut.Closing : !1;
   Ms(c || L ? !1 : T, { allowed: I(() => {
     var A, W;
     return [(W = (A = g.current) == null ? void 0 : A.closest("[data-headlessui-portal]")) != null ? W : null];
@@ -3254,10 +3254,10 @@ let ea = Q(function(t, e) {
   }), Bu(R, b?.defaultView, (A) => {
     A.preventDefault(), A.stopPropagation(), document.activeElement && "blur" in document.activeElement && typeof document.activeElement.blur == "function" && document.activeElement.blur(), k();
   }), Lr(c || L ? !1 : T, b, $), Dr(T, g, k);
-  let [D, F] = $r(), U = ft(() => [{ dialogState: v, close: k, setTitleId: E, unmount: u }, w], [v, k, E, u, w]), O = ct({ open: v === 0 }), j = { ref: h, id: s, role: i, tabIndex: -1, "aria-modal": c ? void 0 : v === 0 ? !0 : void 0, "aria-labelledby": w.titleId, "aria-describedby": D, unmount: u }, H = !Hu(), nt = ue.None;
+  let [D, F] = $r(), U = ft(() => [{ dialogState: v, close: k, setTitleId: E, unmount: u }, w], [v, k, E, u, w]), P = ct({ open: v === 0 }), j = { ref: h, id: s, role: i, tabIndex: -1, "aria-modal": c ? void 0 : v === 0 ? !0 : void 0, "aria-labelledby": w.titleId, "aria-describedby": D, unmount: u }, H = !Hu(), nt = ue.None;
   T && !c && (nt |= ue.RestoreFocus, nt |= ue.TabLock, l && (nt |= ue.AutoFocus), H && (nt |= ue.InitialFocus));
   let et = J();
-  return S.createElement(No, null, S.createElement(ta, { force: !0 }, S.createElement(Ur, null, S.createElement(nn.Provider, { value: U }, S.createElement(jo, { target: g }, S.createElement(ta, { force: !1 }, S.createElement(F, { slot: O }, S.createElement(M, null, S.createElement(Gu, { initialFocus: o, initialFocusFallback: g, containers: $, features: nt }, S.createElement(As, { value: k }, et({ ourProps: j, theirProps: p, slot: O, defaultTag: ld, features: cd, visible: v === 0, name: "Dialog" })))))))))));
+  return S.createElement(No, null, S.createElement(ta, { force: !0 }, S.createElement(Ur, null, S.createElement(nn.Provider, { value: U }, S.createElement(jo, { target: g }, S.createElement(ta, { force: !1 }, S.createElement(F, { slot: P }, S.createElement(M, null, S.createElement(Gu, { initialFocus: o, initialFocusFallback: g, containers: $, features: nt }, S.createElement(As, { value: k }, et({ ourProps: j, theirProps: p, slot: P, defaultTag: ld, features: cd, visible: v === 0, name: "Dialog" })))))))))));
 }), ld = "div", cd = At.RenderStrategy | At.Static;
 function ud(t, e) {
   let { transition: r = !1, open: s, ...n } = t, a = ie(), o = t.hasOwnProperty("open") || a !== null, i = t.hasOwnProperty("onClose");
@@ -3266,7 +3266,7 @@ function ud(t, e) {
   if (!i) throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");
   if (!a && typeof t.open != "boolean") throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${t.open}`);
   if (typeof t.onClose != "function") throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${t.onClose}`);
-  return (s !== void 0 || r) && !n.static ? S.createElement(Or, null, S.createElement(je, { show: s, transition: r, unmount: n.unmount }, S.createElement(ea, { ref: e, ...n }))) : S.createElement(Or, null, S.createElement(ea, { ref: e, open: s, ...n }));
+  return (s !== void 0 || r) && !n.static ? S.createElement(Pr, null, S.createElement(je, { show: s, transition: r, unmount: n.unmount }, S.createElement(ea, { ref: e, ...n }))) : S.createElement(Pr, null, S.createElement(ea, { ref: e, open: s, ...n }));
 }
 let dd = "div";
 function fd(t, e) {
@@ -3335,7 +3335,7 @@ function zo(t) {
     return e.current = n, r.current = a, a;
   });
 }
-var Pd = Object.defineProperty, Od = (t, e, r) => e in t ? Pd(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, na = (t, e, r) => (Od(t, typeof e != "symbol" ? e + "" : e, r), r), Et = ((t) => (t[t.Open = 0] = "Open", t[t.Closed = 1] = "Closed", t))(Et || {}), re = ((t) => (t[t.Single = 0] = "Single", t[t.Multi = 1] = "Multi", t))(re || {}), kr = ((t) => (t[t.Pointer = 0] = "Pointer", t[t.Other = 1] = "Other", t))(kr || {}), Wo = ((t) => (t[t.OpenListbox = 0] = "OpenListbox", t[t.CloseListbox = 1] = "CloseListbox", t[t.GoToOption = 2] = "GoToOption", t[t.Search = 3] = "Search", t[t.ClearSearch = 4] = "ClearSearch", t[t.SelectOption = 5] = "SelectOption", t[t.RegisterOptions = 6] = "RegisterOptions", t[t.UnregisterOptions = 7] = "UnregisterOptions", t[t.SetButtonElement = 8] = "SetButtonElement", t[t.SetOptionsElement = 9] = "SetOptionsElement", t[t.SortOptions = 10] = "SortOptions", t[t.MarkButtonAsMoved = 11] = "MarkButtonAsMoved", t))(Wo || {});
+var Od = Object.defineProperty, Pd = (t, e, r) => e in t ? Od(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, na = (t, e, r) => (Pd(t, typeof e != "symbol" ? e + "" : e, r), r), Et = ((t) => (t[t.Open = 0] = "Open", t[t.Closed = 1] = "Closed", t))(Et || {}), re = ((t) => (t[t.Single = 0] = "Single", t[t.Multi = 1] = "Multi", t))(re || {}), kr = ((t) => (t[t.Pointer = 0] = "Pointer", t[t.Other = 1] = "Other", t))(kr || {}), Wo = ((t) => (t[t.OpenListbox = 0] = "OpenListbox", t[t.CloseListbox = 1] = "CloseListbox", t[t.GoToOption = 2] = "GoToOption", t[t.Search = 3] = "Search", t[t.ClearSearch = 4] = "ClearSearch", t[t.SelectOption = 5] = "SelectOption", t[t.RegisterOptions = 6] = "RegisterOptions", t[t.UnregisterOptions = 7] = "UnregisterOptions", t[t.SetButtonElement = 8] = "SetButtonElement", t[t.SetOptionsElement = 9] = "SetOptionsElement", t[t.SortOptions = 10] = "SortOptions", t[t.MarkButtonAsMoved = 11] = "MarkButtonAsMoved", t))(Wo || {});
 function aa(t, e = (r) => r) {
   let r = t.activeOptionIndex !== null ? t.options[t.activeOptionIndex] : null, s = Ls(e(t.options.slice()), (a) => a.dataRef.current.domRef.current), n = r ? s.indexOf(r) : null;
   return n === -1 && (n = null), { options: s, activeOptionIndex: n };
@@ -3519,7 +3519,7 @@ let jd = xt;
 function Rd(t, e) {
   let r = dt(), s = oe(), { value: n, defaultValue: a, form: o, name: i, onChange: l, by: c, invalid: u = !1, disabled: p = s || !1, horizontal: m = !1, multiple: d = !1, __demoMode: g = !1, ...h } = t;
   const b = m ? "horizontal" : "vertical";
-  let v = lt(e), w = js(a), [x = d ? [] : void 0, k] = Ts(n, l, w), E = Go({ id: r, __demoMode: g }), T = V({ static: !1, hold: !1 }), P = V(/* @__PURE__ */ new Map()), M = Sl(c), z = tt((et) => ht(N.mode, { [re.Multi]: () => x.some((A) => M(A, et)), [re.Single]: () => M(x, et) }), [x]), N = ct({ value: x, disabled: p, invalid: u, mode: d ? re.Multi : re.Single, orientation: b, onChange: k, compare: M, isSelected: z, optionsPropsRef: T, listRef: P });
+  let v = lt(e), w = js(a), [x = d ? [] : void 0, k] = Ts(n, l, w), E = Go({ id: r, __demoMode: g }), T = V({ static: !1, hold: !1 }), O = V(/* @__PURE__ */ new Map()), M = Sl(c), z = tt((et) => ht(N.mode, { [re.Multi]: () => x.some((A) => M(A, et)), [re.Single]: () => M(x, et) }), [x]), N = ct({ value: x, disabled: p, invalid: u, mode: d ? re.Multi : re.Single, orientation: b, onChange: k, compare: M, isSelected: z, optionsPropsRef: T, listRef: O });
   ot(() => {
     E.state.dataRef.current = N;
   }, [N]);
@@ -3527,10 +3527,10 @@ function Rd(t, e) {
   Fr(_, [R, D], (et, A) => {
     E.send({ type: Wo.CloseListbox }), ir(A, or.Loose) || (et.preventDefault(), R?.focus());
   });
-  let F = ct({ open: $ === Et.Open, disabled: p, invalid: u, value: x }), [U, O] = sr({ inherit: !0 }), j = { ref: v }, H = tt(() => {
+  let F = ct({ open: $ === Et.Open, disabled: p, invalid: u, value: x }), [U, P] = sr({ inherit: !0 }), j = { ref: v }, H = tt(() => {
     if (w !== void 0) return k?.(w);
   }, [k, w]), nt = J();
-  return S.createElement(O, { value: U, props: { htmlFor: R?.id }, slot: { open: $ === Et.Open, disabled: p } }, S.createElement(Js, null, S.createElement(Yo.Provider, { value: E }, S.createElement(Zr.Provider, { value: N }, S.createElement(Wr, { value: ht($, { [Et.Open]: ut.Open, [Et.Closed]: ut.Closed }) }, i != null && x != null && S.createElement($s, { disabled: p, data: { [i]: x }, form: o, onReset: H }), nt({ ourProps: j, theirProps: h, slot: F, defaultTag: jd, name: "Listbox" }))))));
+  return S.createElement(P, { value: U, props: { htmlFor: R?.id }, slot: { open: $ === Et.Open, disabled: p } }, S.createElement(Js, null, S.createElement(Yo.Provider, { value: E }, S.createElement(Zr.Provider, { value: N }, S.createElement(Wr, { value: ht($, { [Et.Open]: ut.Open, [Et.Closed]: ut.Closed }) }, i != null && x != null && S.createElement($s, { disabled: p, data: { [i]: x }, form: o, onReset: H }), nt({ ourProps: j, theirProps: h, slot: F, defaultTag: jd, name: "Listbox" }))))));
 }
 let $d = "button";
 function Id(t, e) {
@@ -3558,7 +3558,7 @@ function Id(t, e) {
   }), w = Ua((D) => {
     var F;
     a.state.listboxState === Et.Open ? (he(() => a.actions.closeListbox()), (F = a.state.buttonElement) == null || F.focus({ preventScroll: !0 })) : (D.preventDefault(), a.actions.openListbox({ focus: K.Nothing }));
-  }), x = I((D) => D.preventDefault()), k = Ae([o]), E = er(), { isFocusVisible: T, focusProps: P } = ve({ autoFocus: l }), { isHovered: M, hoverProps: z } = xe({ isDisabled: i }), { pressed: N, pressProps: $ } = tr({ disabled: i }), L = ct({ open: m === Et.Open, active: N || m === Et.Open, disabled: i, invalid: n.invalid, value: n.value, hover: M, focus: T, autofocus: l }), _ = rt(a, (D) => D.listboxState === Et.Open), R = It(p(), { ref: u, id: o, type: Mr(t, d), "aria-haspopup": "listbox", "aria-controls": g?.id, "aria-expanded": _, "aria-labelledby": k, "aria-describedby": E, disabled: i || void 0, autoFocus: l, onKeyDown: b, onKeyUp: v, onKeyPress: x }, w, P, z, $);
+  }), x = I((D) => D.preventDefault()), k = Ae([o]), E = er(), { isFocusVisible: T, focusProps: O } = ve({ autoFocus: l }), { isHovered: M, hoverProps: z } = xe({ isDisabled: i }), { pressed: N, pressProps: $ } = tr({ disabled: i }), L = ct({ open: m === Et.Open, active: N || m === Et.Open, disabled: i, invalid: n.invalid, value: n.value, hover: M, focus: T, autofocus: l }), _ = rt(a, (D) => D.listboxState === Et.Open), R = It(p(), { ref: u, id: o, type: Mr(t, d), "aria-haspopup": "listbox", "aria-controls": g?.id, "aria-expanded": _, "aria-labelledby": k, "aria-describedby": E, disabled: i || void 0, autoFocus: l, onKeyDown: b, onKeyUp: v, onKeyPress: x }, w, O, z, $);
   return J()({ ourProps: R, theirProps: c, slot: L, defaultTag: $d, name: "Listbox.Button" });
 }
 let Ko = pt(!1), Ad = "div", Dd = At.RenderStrategy | At.Static;
@@ -3567,8 +3567,8 @@ function Fd(t, e) {
   c && (a = !0);
   let m = fr("Listbox.Options"), d = an("Listbox.Options"), [g, h, b, v] = rt(d, (B) => [B.listboxState, B.buttonElement, B.optionsElement, B.__demoMode]), w = Xt(h), x = Xt(b), k = ie(), [E, T] = cr(i, u, k !== null ? (k & ut.Open) === ut.Open : g === Et.Open);
   Dr(E, h, d.actions.closeListbox);
-  let P = v ? !1 : o && g === Et.Open;
-  Lr(P, x);
+  let O = v ? !1 : o && g === Et.Open;
+  Lr(O, x);
   let M = v ? !1 : o && g === Et.Open;
   Ms(M, { allowed: tt(() => [h, b], [h, b]) });
   let z = rt(d, d.selectors.didButtonMove) ? !1 : E, N = rt(d, d.selectors.hasFrozenValue) && !t.static, $ = Eo(N, m.value), L = tt((B) => m.compare($, B), [m.compare, $]), _ = rt(d, (B) => {
@@ -3581,7 +3581,7 @@ function Fd(t, e) {
     if (_ === null) return { ...c, inner: void 0 };
     let B = Array.from(m.listRef.current.values());
     return { ...c, inner: { listRef: { current: B }, index: _ } };
-  })(), [D, F] = Zs(R), U = Qs(), O = lt(e, c ? D : null, d.actions.setOptionsElement, p), j = zt();
+  })(), [D, F] = Zs(R), U = Qs(), P = lt(e, c ? D : null, d.actions.setOptionsElement, p), j = zt();
   st(() => {
     let B = b;
     B && g === Et.Open && (Cs(B) || B == null || B.focus({ preventScroll: !0 }));
@@ -3617,7 +3617,7 @@ function Fd(t, e) {
   }), nt = rt(d, (B) => {
     var q;
     return (q = B.buttonElement) == null ? void 0 : q.id;
-  }), et = ct({ open: g === Et.Open }), A = It(c ? U() : {}, { id: s, ref: O, "aria-activedescendant": rt(d, d.selectors.activeDescendantId), "aria-multiselectable": m.mode === re.Multi ? !0 : void 0, "aria-labelledby": nt, "aria-orientation": m.orientation, onKeyDown: H, role: "listbox", tabIndex: g === Et.Open ? 0 : void 0, style: { ...l.style, ...F, "--button-width": Ds(E, h, !0).width }, ...lr(T) }), W = J(), G = ft(() => m.mode === re.Multi ? m : { ...m, isSelected: L }, [m, L]);
+  }), et = ct({ open: g === Et.Open }), A = It(c ? U() : {}, { id: s, ref: P, "aria-activedescendant": rt(d, d.selectors.activeDescendantId), "aria-multiselectable": m.mode === re.Multi ? !0 : void 0, "aria-labelledby": nt, "aria-orientation": m.orientation, onKeyDown: H, role: "listbox", tabIndex: g === Et.Open ? 0 : void 0, style: { ...l.style, ...F, "--button-width": Ds(E, h, !0).width }, ...lr(T) }), W = J(), G = ft(() => m.mode === re.Multi ? m : { ...m, isSelected: L }, [m, L]);
   return S.createElement(Ur, { enabled: a ? t.static || E : !1, ownerDocument: w }, S.createElement(Zr.Provider, { value: G }, W({ ourProps: A, theirProps: l, slot: et, defaultTag: Ad, features: Dd, visible: z, name: "Listbox.Options" })));
 }
 let Md = "div";
@@ -3645,8 +3645,8 @@ function Ld(t, e) {
     x.wasMoved(N) && (n || u && c.state.activationTrigger === kr.Pointer || c.actions.goToOption({ focus: K.Specific, id: s }, kr.Pointer));
   }), T = I((N) => {
     x.wasMoved(N) && (n || u && c.state.activationTrigger === kr.Pointer && c.actions.goToOption({ focus: K.Nothing }));
-  }), P = ct({ active: u, focus: u, selected: p, disabled: n, selectedOption: p && i }), M = i ? {} : { id: s, ref: h, role: "option", tabIndex: n === !0 ? void 0 : -1, "aria-disabled": n === !0 ? !0 : void 0, "aria-selected": p, disabled: void 0, onClick: v, onFocus: w, onPointerEnter: k, onMouseEnter: k, onPointerMove: E, onMouseMove: E, onPointerLeave: T, onMouseLeave: T }, z = J();
-  return !p && i ? null : z({ ourProps: M, theirProps: o, slot: P, defaultTag: Md, name: "Listbox.Option" });
+  }), O = ct({ active: u, focus: u, selected: p, disabled: n, selectedOption: p && i }), M = i ? {} : { id: s, ref: h, role: "option", tabIndex: n === !0 ? void 0 : -1, "aria-disabled": n === !0 ? !0 : void 0, "aria-selected": p, disabled: void 0, onClick: v, onFocus: w, onPointerEnter: k, onMouseEnter: k, onPointerMove: E, onMouseMove: E, onPointerLeave: T, onMouseLeave: T }, z = J();
+  return !p && i ? null : z({ ourProps: M, theirProps: o, slot: O, defaultTag: Md, name: "Listbox.Option" });
 }
 let _d = xt;
 function Vd(t, e) {
@@ -3810,68 +3810,68 @@ function Zd(t, e) {
   let v = Ua((N) => {
     var $;
     a || (d === kt.Open ? (he(() => r.send({ type: it.CloseMenu })), ($ = l.current) == null || $.focus({ preventScroll: !0 })) : (N.preventDefault(), r.send({ type: it.OpenMenu, focus: { focus: K.Nothing }, trigger: Cr.Pointer })));
-  }), { isFocusVisible: w, focusProps: x } = ve({ autoFocus: o }), { isHovered: k, hoverProps: E } = xe({ isDisabled: a }), { pressed: T, pressProps: P } = tr({ disabled: a }), M = ct({ open: d === kt.Open, active: T || d === kt.Open, disabled: a, hover: k, focus: w, autofocus: o }), z = It(c(), { ref: u, id: n, type: Mr(t, l.current), "aria-haspopup": "menu", "aria-controls": h?.id, "aria-expanded": d === kt.Open, disabled: a || void 0, autoFocus: o, onKeyDown: p, onKeyUp: m }, v, x, E, P);
+  }), { isFocusVisible: w, focusProps: x } = ve({ autoFocus: o }), { isHovered: k, hoverProps: E } = xe({ isDisabled: a }), { pressed: T, pressProps: O } = tr({ disabled: a }), M = ct({ open: d === kt.Open, active: T || d === kt.Open, disabled: a, hover: k, focus: w, autofocus: o }), z = It(c(), { ref: u, id: n, type: Mr(t, l.current), "aria-haspopup": "menu", "aria-controls": h?.id, "aria-expanded": d === kt.Open, disabled: a || void 0, autoFocus: o, onKeyDown: p, onKeyUp: m }, v, x, E, O);
   return J()({ ourProps: z, theirProps: i, slot: M, defaultTag: Qd, name: "Menu.Button" });
 }
 let Jd = "div", tf = At.RenderStrategy | At.Static;
 function ef(t, e) {
-  let r = dt(), { id: s = `headlessui-menu-items-${r}`, anchor: n, portal: a = !1, modal: o = !0, transition: i = !1, ...l } = t, c = qs(n), u = on("Menu.Items"), [p, m] = Zs(c), d = Qs(), [g, h] = X(null), b = lt(e, c ? p : null, I((O) => u.send({ type: it.SetItemsElement, element: O })), h), [v, w] = rt(u, (O) => [O.menuState, O.buttonElement]), x = Xt(w), k = Xt(g);
+  let r = dt(), { id: s = `headlessui-menu-items-${r}`, anchor: n, portal: a = !1, modal: o = !0, transition: i = !1, ...l } = t, c = qs(n), u = on("Menu.Items"), [p, m] = Zs(c), d = Qs(), [g, h] = X(null), b = lt(e, c ? p : null, I((P) => u.send({ type: it.SetItemsElement, element: P })), h), [v, w] = rt(u, (P) => [P.menuState, P.buttonElement]), x = Xt(w), k = Xt(g);
   c && (a = !0);
-  let E = ie(), [T, P] = cr(i, g, E !== null ? (E & ut.Open) === ut.Open : v === kt.Open);
+  let E = ie(), [T, O] = cr(i, g, E !== null ? (E & ut.Open) === ut.Open : v === kt.Open);
   Dr(T, w, () => {
     u.send({ type: it.CloseMenu });
   });
-  let M = rt(u, (O) => O.__demoMode), z = M ? !1 : o && v === kt.Open;
+  let M = rt(u, (P) => P.__demoMode), z = M ? !1 : o && v === kt.Open;
   Lr(z, k);
   let N = M ? !1 : o && v === kt.Open;
   Ms(N, { allowed: tt(() => [w, g], [w, g]) });
   let $ = rt(u, u.selectors.didButtonMove) ? !1 : T;
   st(() => {
-    let O = g;
-    O && v === kt.Open && (Cs(O) || O.focus({ preventScroll: !0 }));
-  }, [v, g]), nc(v === kt.Open, { container: g, accept(O) {
-    return O.getAttribute("role") === "menuitem" ? NodeFilter.FILTER_REJECT : O.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
-  }, walk(O) {
-    O.setAttribute("role", "none");
+    let P = g;
+    P && v === kt.Open && (Cs(P) || P.focus({ preventScroll: !0 }));
+  }, [v, g]), nc(v === kt.Open, { container: g, accept(P) {
+    return P.getAttribute("role") === "menuitem" ? NodeFilter.FILTER_REJECT : P.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
+  }, walk(P) {
+    P.setAttribute("role", "none");
   } });
-  let L = zt(), _ = I((O) => {
+  let L = zt(), _ = I((P) => {
     var j, H, nt;
-    switch (L.dispose(), O.key) {
+    switch (L.dispose(), P.key) {
       case Y.Space:
-        if (u.state.searchQuery !== "") return O.preventDefault(), O.stopPropagation(), u.send({ type: it.Search, value: O.key });
+        if (u.state.searchQuery !== "") return P.preventDefault(), P.stopPropagation(), u.send({ type: it.Search, value: P.key });
       case Y.Enter:
-        if (O.preventDefault(), O.stopPropagation(), u.state.activeItemIndex !== null) {
+        if (P.preventDefault(), P.stopPropagation(), u.state.activeItemIndex !== null) {
           let { dataRef: et } = u.state.items[u.state.activeItemIndex];
           (H = (j = et.current) == null ? void 0 : j.domRef.current) == null || H.click();
         }
         u.send({ type: it.CloseMenu }), Xa(u.state.buttonElement);
         break;
       case Y.ArrowDown:
-        return O.preventDefault(), O.stopPropagation(), u.send({ type: it.GoToItem, focus: K.Next });
+        return P.preventDefault(), P.stopPropagation(), u.send({ type: it.GoToItem, focus: K.Next });
       case Y.ArrowUp:
-        return O.preventDefault(), O.stopPropagation(), u.send({ type: it.GoToItem, focus: K.Previous });
+        return P.preventDefault(), P.stopPropagation(), u.send({ type: it.GoToItem, focus: K.Previous });
       case Y.Home:
       case Y.PageUp:
-        return O.preventDefault(), O.stopPropagation(), u.send({ type: it.GoToItem, focus: K.First });
+        return P.preventDefault(), P.stopPropagation(), u.send({ type: it.GoToItem, focus: K.First });
       case Y.End:
       case Y.PageDown:
-        return O.preventDefault(), O.stopPropagation(), u.send({ type: it.GoToItem, focus: K.Last });
+        return P.preventDefault(), P.stopPropagation(), u.send({ type: it.GoToItem, focus: K.Last });
       case Y.Escape:
-        O.preventDefault(), O.stopPropagation(), he(() => u.send({ type: it.CloseMenu })), (nt = u.state.buttonElement) == null || nt.focus({ preventScroll: !0 });
+        P.preventDefault(), P.stopPropagation(), he(() => u.send({ type: it.CloseMenu })), (nt = u.state.buttonElement) == null || nt.focus({ preventScroll: !0 });
         break;
       case Y.Tab:
-        O.preventDefault(), O.stopPropagation(), he(() => u.send({ type: it.CloseMenu })), Qa(u.state.buttonElement, O.shiftKey ? gt.Previous : gt.Next);
+        P.preventDefault(), P.stopPropagation(), he(() => u.send({ type: it.CloseMenu })), Qa(u.state.buttonElement, P.shiftKey ? gt.Previous : gt.Next);
         break;
       default:
-        O.key.length === 1 && (u.send({ type: it.Search, value: O.key }), L.setTimeout(() => u.send({ type: it.ClearSearch }), 350));
+        P.key.length === 1 && (u.send({ type: it.Search, value: P.key }), L.setTimeout(() => u.send({ type: it.ClearSearch }), 350));
         break;
     }
-  }), R = I((O) => {
-    O.key === Y.Space && O.preventDefault();
-  }), D = ct({ open: v === kt.Open }), F = It(c ? d() : {}, { "aria-activedescendant": rt(u, u.selectors.activeDescendantId), "aria-labelledby": rt(u, (O) => {
+  }), R = I((P) => {
+    P.key === Y.Space && P.preventDefault();
+  }), D = ct({ open: v === kt.Open }), F = It(c ? d() : {}, { "aria-activedescendant": rt(u, u.selectors.activeDescendantId), "aria-labelledby": rt(u, (P) => {
     var j;
-    return (j = O.buttonElement) == null ? void 0 : j.id;
-  }), id: s, onKeyDown: _, onKeyUp: R, role: "menu", tabIndex: v === kt.Open ? 0 : void 0, ref: b, style: { ...l.style, ...m, "--button-width": Ds(T, w, !0).width }, ...lr(P) }), U = J();
+    return (j = P.buttonElement) == null ? void 0 : j.id;
+  }), id: s, onKeyDown: _, onKeyUp: R, role: "menu", tabIndex: v === kt.Open ? 0 : void 0, ref: b, style: { ...l.style, ...m, "--button-width": Ds(T, w, !0).width }, ...lr(O) }), U = J();
   return S.createElement(Ur, { enabled: a ? t.static || T : !1, ownerDocument: x }, U({ ourProps: F, theirProps: l, slot: D, defaultTag: Jd, features: tf, visible: $, name: "Menu.Items" }));
 }
 let rf = xt;
@@ -3901,8 +3901,8 @@ function sf(t, e) {
     b.wasMoved($) && (n || i || o.send({ type: it.GoToItem, focus: K.Specific, id: s, trigger: Cr.Pointer }));
   }), x = I(($) => {
     b.wasMoved($) && (n || i && o.state.activationTrigger === Cr.Pointer && o.send({ type: it.GoToItem, focus: K.Nothing }));
-  }), [k, E] = sr(), [T, P] = $r(), M = ct({ active: i, focus: i, disabled: n, close: d }), z = { id: s, ref: c, role: "menuitem", tabIndex: n === !0 ? void 0 : -1, "aria-disabled": n === !0 ? !0 : void 0, "aria-labelledby": k, "aria-describedby": T, disabled: void 0, onClick: g, onFocus: h, onPointerEnter: v, onMouseEnter: v, onPointerMove: w, onMouseMove: w, onPointerLeave: x, onMouseLeave: x }, N = J();
-  return S.createElement(E, null, S.createElement(P, null, N({ ourProps: z, theirProps: a, slot: M, defaultTag: rf, name: "Menu.Item" })));
+  }), [k, E] = sr(), [T, O] = $r(), M = ct({ active: i, focus: i, disabled: n, close: d }), z = { id: s, ref: c, role: "menuitem", tabIndex: n === !0 ? void 0 : -1, "aria-disabled": n === !0 ? !0 : void 0, "aria-labelledby": k, "aria-describedby": T, disabled: void 0, onClick: g, onFocus: h, onPointerEnter: v, onMouseEnter: v, onPointerMove: w, onMouseMove: w, onPointerLeave: x, onMouseLeave: x }, N = J();
+  return S.createElement(E, null, S.createElement(O, null, N({ ourProps: z, theirProps: a, slot: M, defaultTag: rf, name: "Menu.Item" })));
 }
 let nf = "div";
 function af(t, e) {
@@ -3994,21 +3994,21 @@ function Sf(t, e) {
     return (D = w?.isFocusWithinPopoverGroup()) != null ? D : F && (u?.contains(F) || p?.contains(F));
   });
   st(() => x?.(v), [x, v]);
-  let [E, T] = To(), P = en(u), M = $o({ mainTreeNode: P, portals: E, defaultContainers: [{ get current() {
+  let [E, T] = To(), O = en(u), M = $o({ mainTreeNode: O, portals: E, defaultContainers: [{ get current() {
     return o.state.button;
   } }, { get current() {
     return o.state.panel;
   } }] });
   _s(g, "focus", (R) => {
-    var D, F, U, O, j, H;
-    R.target !== window && $t(R.target) && o.state.popoverState === vt.Open && (k() || o.state.button && o.state.panel && (M.contains(R.target) || (F = (D = o.state.beforePanelSentinel.current) == null ? void 0 : D.contains) != null && F.call(D, R.target) || (O = (U = o.state.afterPanelSentinel.current) == null ? void 0 : U.contains) != null && O.call(U, R.target) || (H = (j = o.state.afterButtonSentinel.current) == null ? void 0 : j.contains) != null && H.call(j, R.target) || o.actions.close()));
+    var D, F, U, P, j, H;
+    R.target !== window && $t(R.target) && o.state.popoverState === vt.Open && (k() || o.state.button && o.state.panel && (M.contains(R.target) || (F = (D = o.state.beforePanelSentinel.current) == null ? void 0 : D.contains) != null && F.call(D, R.target) || (P = (U = o.state.afterPanelSentinel.current) == null ? void 0 : U.contains) != null && P.call(U, R.target) || (H = (j = o.state.afterButtonSentinel.current) == null ? void 0 : j.contains) != null && H.call(j, R.target) || o.actions.close()));
   }, !0);
   let z = c === vt.Open;
   Fr(z, M.resolveContainers, (R, D) => {
     o.actions.close(), ir(D, or.Loose) || (R.preventDefault(), u?.focus());
   });
   let N = ct({ open: c === vt.Open, close: o.actions.refocusableClose }), $ = rt(o, tt((R) => ht(R.popoverState, { [vt.Open]: ut.Open, [vt.Closed]: ut.Closed }), [])), L = { ref: l }, _ = J();
-  return S.createElement(Or, { node: P }, S.createElement(Js, null, S.createElement(ts.Provider, { value: null }, S.createElement(si.Provider, { value: o }, S.createElement(As, { value: o.actions.refocusableClose }, S.createElement(Wr, { value: $ }, S.createElement(T, null, _({ ourProps: L, theirProps: a, slot: N, defaultTag: kf, name: "Popover" }))))))));
+  return S.createElement(Pr, { node: O }, S.createElement(Js, null, S.createElement(ts.Provider, { value: null }, S.createElement(si.Provider, { value: o }, S.createElement(As, { value: o.actions.refocusableClose }, S.createElement(Wr, { value: $ }, S.createElement(T, null, _({ ourProps: L, theirProps: a, slot: N, defaultTag: kf, name: "Popover" }))))))));
 }
 let Ef = "button";
 function Nf(t, e) {
@@ -4025,7 +4025,7 @@ function Nf(t, e) {
       }
       i.state.buttons.current.length > 1 && console.warn("You are already using a <Popover.Button /> but only 1 <Popover.Button /> is supported."), W && i.actions.setButton(W);
     }
-  })), T = lt(h, e), P = I((W) => {
+  })), T = lt(h, e), O = I((W) => {
     var G, B, q;
     if (x) {
       if (i.state.popoverState === vt.Closed) return;
@@ -4052,30 +4052,30 @@ function Nf(t, e) {
     x || W.key === Y.Space && W.preventDefault();
   }), z = I((W) => {
     var G, B;
-    Oe(W.currentTarget) || n || (x ? (i.actions.close(), (G = i.state.button) == null || G.focus()) : (W.preventDefault(), W.stopPropagation(), i.state.popoverState === vt.Closed ? (w?.(i.state.buttonId), i.actions.open()) : i.actions.close(), (B = i.state.button) == null || B.focus()));
+    Pe(W.currentTarget) || n || (x ? (i.actions.close(), (G = i.state.button) == null || G.focus()) : (W.preventDefault(), W.stopPropagation(), i.state.popoverState === vt.Closed ? (w?.(i.state.buttonId), i.actions.open()) : i.actions.close(), (B = i.state.button) == null || B.focus()));
   }), N = I((W) => {
     W.preventDefault(), W.stopPropagation();
-  }), { isFocusVisible: $, focusProps: L } = ve({ autoFocus: a }), { isHovered: _, hoverProps: R } = xe({ isDisabled: n }), { pressed: D, pressProps: F } = tr({ disabled: n }), U = l === vt.Open, O = ct({ open: U, active: D || U, disabled: n, hover: _, focus: $, autofocus: a }), j = Mr(t, u), H = x ? It({ ref: T, type: j, onKeyDown: P, onClick: z, disabled: n || void 0, autoFocus: a }, L, R, F) : It({ ref: E, id: p, type: j, "aria-expanded": l === vt.Open, "aria-controls": m ? d : void 0, disabled: n || void 0, autoFocus: a, onKeyDown: P, onKeyUp: M, onClick: z, onMouseDown: N }, L, R, F), nt = sn(), et = I(() => {
+  }), { isFocusVisible: $, focusProps: L } = ve({ autoFocus: a }), { isHovered: _, hoverProps: R } = xe({ isDisabled: n }), { pressed: D, pressProps: F } = tr({ disabled: n }), U = l === vt.Open, P = ct({ open: U, active: D || U, disabled: n, hover: _, focus: $, autofocus: a }), j = Mr(t, u), H = x ? It({ ref: T, type: j, onKeyDown: O, onClick: z, disabled: n || void 0, autoFocus: a }, L, R, F) : It({ ref: E, id: p, type: j, "aria-expanded": l === vt.Open, "aria-controls": m ? d : void 0, disabled: n || void 0, autoFocus: a, onKeyDown: O, onKeyUp: M, onClick: z, onMouseDown: N }, L, R, F), nt = sn(), et = I(() => {
     if (!wt(i.state.panel)) return;
     let W = i.state.panel;
     function G() {
-      ht(nt.current, { [Ct.Forwards]: () => Ot(W, gt.First), [Ct.Backwards]: () => Ot(W, gt.Last) }) === Ce.Error && Ot(ar(me(i.state.button)).filter((B) => B.dataset.headlessuiFocusGuard !== "true"), ht(nt.current, { [Ct.Forwards]: gt.Next, [Ct.Backwards]: gt.Previous }), { relativeTo: i.state.button });
+      ht(nt.current, { [Ct.Forwards]: () => Pt(W, gt.First), [Ct.Backwards]: () => Pt(W, gt.Last) }) === Ce.Error && Pt(ar(me(i.state.button)).filter((B) => B.dataset.headlessuiFocusGuard !== "true"), ht(nt.current, { [Ct.Forwards]: gt.Next, [Ct.Backwards]: gt.Previous }), { relativeTo: i.state.button });
     }
     G();
   }), A = J();
-  return S.createElement(S.Fragment, null, A({ ourProps: H, theirProps: o, slot: O, defaultTag: Ef, name: "Popover.Button" }), U && !x && c && S.createElement(qt, { id: b, ref: g, features: Vt.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: et }));
+  return S.createElement(S.Fragment, null, A({ ourProps: H, theirProps: o, slot: P, defaultTag: Ef, name: "Popover.Button" }), U && !x && c && S.createElement(qt, { id: b, ref: g, features: Vt.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: et }));
 }
-let Pf = "div", Of = At.RenderStrategy | At.Static;
+let Of = "div", Pf = At.RenderStrategy | At.Static;
 function ai(t, e) {
   let r = dt(), { id: s = `headlessui-popover-backdrop-${r}`, transition: n = !1, ...a } = t, o = Jr("Popover.Backdrop"), i = rt(o, tt((v) => v.popoverState, [])), [l, c] = X(null), u = lt(e, c), p = ie(), [m, d] = cr(n, l, p !== null ? (p & ut.Open) === ut.Open : i === vt.Open), g = I((v) => {
-    if (Oe(v.currentTarget)) return v.preventDefault();
+    if (Pe(v.currentTarget)) return v.preventDefault();
     o.actions.close();
   }), h = ct({ open: i === vt.Open }), b = { ref: u, id: s, "aria-hidden": !0, onClick: g, ...lr(d) };
-  return J()({ ourProps: b, theirProps: a, slot: h, defaultTag: Pf, features: Of, visible: m, name: "Popover.Backdrop" });
+  return J()({ ourProps: b, theirProps: a, slot: h, defaultTag: Of, features: Pf, visible: m, name: "Popover.Backdrop" });
 }
 let Cf = "div", Tf = At.RenderStrategy | At.Static;
 function jf(t, e) {
-  let r = dt(), { id: s = `headlessui-popover-panel-${r}`, focus: n = !1, anchor: a, portal: o = !1, modal: i = !1, transition: l = !1, ...c } = t, u = Jr("Popover.Panel"), p = rt(u, u.selectors.isPortalled), [m, d, g, h, b] = rt(u, tt((A) => [A.popoverState, A.button, A.__demoMode, A.beforePanelSentinel, A.afterPanelSentinel], [])), v = `headlessui-focus-sentinel-before-${r}`, w = `headlessui-focus-sentinel-after-${r}`, x = V(null), k = qs(a), [E, T] = Zs(k), P = Qs();
+  let r = dt(), { id: s = `headlessui-popover-panel-${r}`, focus: n = !1, anchor: a, portal: o = !1, modal: i = !1, transition: l = !1, ...c } = t, u = Jr("Popover.Panel"), p = rt(u, u.selectors.isPortalled), [m, d, g, h, b] = rt(u, tt((A) => [A.popoverState, A.button, A.__demoMode, A.beforePanelSentinel, A.afterPanelSentinel], [])), v = `headlessui-focus-sentinel-before-${r}`, w = `headlessui-focus-sentinel-after-${r}`, x = V(null), k = qs(a), [E, T] = Zs(k), O = Qs();
   k && (o = !0);
   let [M, z] = X(null), N = lt(x, e, k ? E : null, u.actions.setPanel, z), $ = Xt(d), L = Xt(x.current);
   ot(() => (u.actions.setPanelId(s), () => u.actions.setPanelId(null)), [s, u]);
@@ -4098,9 +4098,9 @@ function jf(t, e) {
   }, [m, t.unmount, t.static, u]), st(() => {
     if (g || !n || m !== vt.Open || !x.current) return;
     let A = ge(x.current);
-    x.current.contains(A) || Ot(x.current, gt.First);
+    x.current.contains(A) || Pt(x.current, gt.First);
   }, [g, n, x.current, m]);
-  let U = ct({ open: m === vt.Open, close: u.actions.refocusableClose }), O = It(k ? P() : {}, { ref: N, id: s, onKeyDown: F, onBlur: n && m === vt.Open ? (A) => {
+  let U = ct({ open: m === vt.Open, close: u.actions.refocusableClose }), P = It(k ? O() : {}, { ref: N, id: s, onKeyDown: F, onBlur: n && m === vt.Open ? (A) => {
     var W, G, B, q, bt;
     let yt = A.relatedTarget;
     yt && x.current && ((W = x.current) != null && W.contains(yt) || (u.actions.close(), ((B = (G = h.current) == null ? void 0 : G.contains) != null && B.call(G, yt) || (bt = (q = b.current) == null ? void 0 : q.contains) != null && bt.call(q, yt)) && yt.focus({ preventScroll: !0 })));
@@ -4110,7 +4110,7 @@ function jf(t, e) {
     function W() {
       ht(j.current, { [Ct.Forwards]: () => {
         var G;
-        Ot(A, gt.First) === Ce.Error && ((G = u.state.afterPanelSentinel.current) == null || G.focus());
+        Pt(A, gt.First) === Ce.Error && ((G = u.state.afterPanelSentinel.current) == null || G.focus());
       }, [Ct.Backwards]: () => {
         var G;
         (G = u.state.button) == null || G.focus({ preventScroll: !0 });
@@ -4129,15 +4129,15 @@ function jf(t, e) {
           let mr = Se.indexOf(_e);
           mr !== -1 && Se.splice(mr, 1);
         }
-        Ot(Se, gt.First, { sorted: !1 });
+        Pt(Se, gt.First, { sorted: !1 });
       }, [Ct.Backwards]: () => {
         var G;
-        Ot(A, gt.Previous) === Ce.Error && ((G = u.state.button) == null || G.focus());
+        Pt(A, gt.Previous) === Ce.Error && ((G = u.state.button) == null || G.focus());
       } });
     }
     W();
   }), et = J();
-  return S.createElement(No, null, S.createElement(ts.Provider, { value: s }, S.createElement(As, { value: u.actions.refocusableClose }, S.createElement(Ur, { enabled: o ? t.static || R : !1, ownerDocument: $ }, R && p && S.createElement(qt, { id: v, ref: h, features: Vt.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: H }), et({ ourProps: O, theirProps: c, slot: U, defaultTag: Cf, features: Tf, visible: R, name: "Popover.Panel" }), R && p && S.createElement(qt, { id: w, ref: b, features: Vt.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: nt })))));
+  return S.createElement(No, null, S.createElement(ts.Provider, { value: s }, S.createElement(As, { value: u.actions.refocusableClose }, S.createElement(Ur, { enabled: o ? t.static || R : !1, ownerDocument: $ }, R && p && S.createElement(qt, { id: v, ref: h, features: Vt.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: H }), et({ ourProps: P, theirProps: c, slot: U, defaultTag: Cf, features: Tf, visible: R, name: "Popover.Panel" }), R && p && S.createElement(qt, { id: w, ref: b, features: Vt.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: nt })))));
 }
 let Rf = "div";
 function $f(t, e) {
@@ -4162,7 +4162,7 @@ function $f(t, e) {
   }), c = I((h) => {
     for (let b of n) b.buttonId.current !== h && b.close();
   }), u = ft(() => ({ registerPopover: i, unregisterPopover: o, isFocusWithinPopoverGroup: l, closeOthers: c }), [i, o, l, c]), p = ct({}), m = t, d = { ref: s }, g = J();
-  return S.createElement(Or, null, S.createElement(cn.Provider, { value: u }, g({ ourProps: d, theirProps: m, slot: p, defaultTag: Rf, name: "Popover.Group" })));
+  return S.createElement(Pr, null, S.createElement(cn.Provider, { value: u }, g({ ourProps: d, theirProps: m, slot: p, defaultTag: Rf, name: "Popover.Group" })));
 }
 let If = Q(Sf), Tr = Q(Nf), Af = Q(ai), Df = Q(ai), un = Q(jf), Ff = Q($f), oi = Object.assign(If, { Button: Tr, Backdrop: Df, Overlay: Af, Panel: un, Group: Ff }), dn = pt(null);
 dn.displayName = "GroupContext";
@@ -4177,18 +4177,18 @@ function Lf(t) {
 let _f = "button";
 function Vf(t, e) {
   var r;
-  let s = dt(), n = Ie(), a = oe(), { id: o = n || `headlessui-switch-${s}`, disabled: i = a || !1, checked: l, defaultChecked: c, onChange: u, name: p, value: m, form: d, autoFocus: g = !1, ...h } = t, b = at(dn), [v, w] = X(null), x = V(null), k = lt(x, e, b === null ? null : b.setSwitch, w), E = js(c), [T, P] = Ts(l, u, E ?? !1), M = zt(), [z, N] = X(!1), $ = I(() => {
-    N(!0), P?.(!T), M.nextFrame(() => {
+  let s = dt(), n = Ie(), a = oe(), { id: o = n || `headlessui-switch-${s}`, disabled: i = a || !1, checked: l, defaultChecked: c, onChange: u, name: p, value: m, form: d, autoFocus: g = !1, ...h } = t, b = at(dn), [v, w] = X(null), x = V(null), k = lt(x, e, b === null ? null : b.setSwitch, w), E = js(c), [T, O] = Ts(l, u, E ?? !1), M = zt(), [z, N] = X(!1), $ = I(() => {
+    N(!0), O?.(!T), M.nextFrame(() => {
       N(!1);
     });
   }), L = I((q) => {
-    if (Oe(q.currentTarget)) return q.preventDefault();
+    if (Pe(q.currentTarget)) return q.preventDefault();
     q.preventDefault(), $();
   }), _ = I((q) => {
     q.key === Y.Space ? (q.preventDefault(), $()) : q.key === Y.Enter && Rs(q.currentTarget);
-  }), R = I((q) => q.preventDefault()), D = Ae(), F = er(), { isFocusVisible: U, focusProps: O } = ve({ autoFocus: g }), { isHovered: j, hoverProps: H } = xe({ isDisabled: i }), { pressed: nt, pressProps: et } = tr({ disabled: i }), A = ct({ checked: T, disabled: i, hover: j, focus: U, active: nt, autofocus: g, changing: z }), W = It({ id: o, ref: k, role: "switch", type: Mr(t, v), tabIndex: t.tabIndex === -1 ? 0 : (r = t.tabIndex) != null ? r : 0, "aria-checked": T, "aria-labelledby": D, "aria-describedby": F, disabled: i || void 0, autoFocus: g, onClick: L, onKeyUp: _, onKeyPress: R }, O, H, et), G = tt(() => {
-    if (E !== void 0) return P?.(E);
-  }, [P, E]), B = J();
+  }), R = I((q) => q.preventDefault()), D = Ae(), F = er(), { isFocusVisible: U, focusProps: P } = ve({ autoFocus: g }), { isHovered: j, hoverProps: H } = xe({ isDisabled: i }), { pressed: nt, pressProps: et } = tr({ disabled: i }), A = ct({ checked: T, disabled: i, hover: j, focus: U, active: nt, autofocus: g, changing: z }), W = It({ id: o, ref: k, role: "switch", type: Mr(t, v), tabIndex: t.tabIndex === -1 ? 0 : (r = t.tabIndex) != null ? r : 0, "aria-checked": T, "aria-labelledby": D, "aria-describedby": F, disabled: i || void 0, autoFocus: g, onClick: L, onKeyUp: _, onKeyPress: R }, P, H, et), G = tt(() => {
+    if (E !== void 0) return O?.(E);
+  }, [O, E]), B = J();
   return S.createElement(S.Fragment, null, p != null && S.createElement($s, { disabled: i, data: { [p]: m || "on" }, overrides: { type: "checkbox", checked: T }, form: d, onReset: G }), B({ ourProps: W, theirProps: h, slot: A, defaultTag: _f, name: "Switch" }));
 }
 let Bf = Q(Vf), Hf = Lf, zf = De, Wf = rr, Uf = Object.assign(Bf, { Group: Hf, Label: zf, Description: Wf }), Yf = "textarea";
@@ -4342,14 +4342,14 @@ const Xf = Z(
       { fill: "outline", variant: "error", className: "rst:border-error-600 rst:text-error-600 rst:dark:border-error-500 rst:dark:text-error-400" },
       { fill: "outline", variant: "neutral", className: "rst:border-gray-500 rst:text-gray-600 rst:dark:border-gray-500 rst:dark:text-gray-400" },
       // --- SOLID ---
-      { fill: "solid", variant: "primary", className: "rst:border-transparent rst:bg-primary-500 rst:hover:bg-primary-600 rst:text-white rst:dark:bg-primary-600 rst:dark:hover:bg-primary-500" },
-      { fill: "solid", variant: "orange", className: "rst:border-transparent rst:bg-orange-500 rst:hover:bg-orange-400 rst:text-gray-950 rst:dark:bg-orange-600 rst:dark:hover:bg-orange-700 rst:dark:text-white" },
-      { fill: "solid", variant: "teal", className: "rst:border-transparent rst:bg-teal-500 rst:hover:bg-teal-600 rst:text-gray-950 rst:dark:bg-teal-600 rst:dark:hover:bg-teal-500" },
-      { fill: "solid", variant: "purple", className: "rst:border-transparent rst:bg-purple-500 rst:hover:bg-purple-400 rst:text-gray-950 rst:dark:bg-purple-600 rst:dark:hover:bg-purple-700 rst:dark:text-white" },
-      { fill: "solid", variant: "amber", className: "rst:border-transparent rst:bg-amber-400 rst:hover:bg-amber-500 rst:text-gray-950 rst:dark:bg-amber-500 rst:dark:hover:bg-amber-400" },
-      { fill: "solid", variant: "success", className: "rst:border-transparent rst:bg-success-500 rst:hover:bg-success-400 rst:text-gray-950 rst:dark:bg-success-600 rst:dark:hover:bg-success-700 rst:dark:text-white" },
-      { fill: "solid", variant: "error", className: "rst:border-transparent rst:bg-error-500 rst:hover:bg-error-600 rst:text-white rst:dark:bg-error-600 rst:dark:hover:bg-error-500" },
-      { fill: "solid", variant: "neutral", className: "rst:border-transparent rst:bg-gray-500 rst:hover:bg-gray-600 rst:text-white rst:dark:bg-gray-600 rst:dark:hover:bg-gray-500" },
+      { fill: "solid", variant: "primary", className: "rst:border-transparent rst:bg-primary-500 rst:hover:bg-primary-600 rst:dark:bg-primary-600 rst:dark:hover:bg-primary-500 rst:text-primary-500-ink rst:hover:text-primary-600-ink rst:dark:text-primary-600-ink rst:dark:hover:text-primary-500-ink" },
+      { fill: "solid", variant: "orange", className: "rst:border-transparent rst:bg-orange-500 rst:hover:bg-orange-400 rst:dark:bg-orange-600 rst:dark:hover:bg-orange-700 rst:text-orange-500-ink rst:hover:text-orange-400-ink rst:dark:text-orange-600-ink rst:dark:hover:text-orange-700-ink" },
+      { fill: "solid", variant: "teal", className: "rst:border-transparent rst:bg-teal-500 rst:hover:bg-teal-600 rst:dark:bg-teal-600 rst:dark:hover:bg-teal-500 rst:text-teal-500-ink rst:hover:text-teal-600-ink rst:dark:text-teal-600-ink rst:dark:hover:text-teal-500-ink" },
+      { fill: "solid", variant: "purple", className: "rst:border-transparent rst:bg-purple-500 rst:hover:bg-purple-400 rst:dark:bg-purple-600 rst:dark:hover:bg-purple-700 rst:text-purple-500-ink rst:hover:text-purple-400-ink rst:dark:text-purple-600-ink rst:dark:hover:text-purple-700-ink" },
+      { fill: "solid", variant: "amber", className: "rst:border-transparent rst:bg-amber-400 rst:hover:bg-amber-500 rst:dark:bg-amber-500 rst:dark:hover:bg-amber-400 rst:text-amber-400-ink rst:hover:text-amber-500-ink rst:dark:text-amber-500-ink rst:dark:hover:text-amber-400-ink" },
+      { fill: "solid", variant: "success", className: "rst:border-transparent rst:bg-success-500 rst:hover:bg-success-400 rst:dark:bg-success-600 rst:dark:hover:bg-success-700 rst:text-success-500-ink rst:hover:text-success-400-ink rst:dark:text-success-600-ink rst:dark:hover:text-success-700-ink" },
+      { fill: "solid", variant: "error", className: "rst:border-transparent rst:bg-error-500 rst:hover:bg-error-600 rst:dark:bg-error-600 rst:dark:hover:bg-error-500 rst:text-error-500-ink rst:hover:text-error-600-ink rst:dark:text-error-600-ink rst:dark:hover:text-error-500-ink" },
+      { fill: "solid", variant: "neutral", className: "rst:border-transparent rst:bg-gray-500 rst:hover:bg-gray-600 rst:dark:bg-gray-600 rst:dark:hover:bg-gray-500 rst:text-gray-500-ink rst:hover:text-gray-600-ink rst:dark:text-gray-600-ink rst:dark:hover:text-gray-500-ink" },
       // --- STATUS PILL SIZES ---
       { statusBadge: !0, size: "xs", className: "rst:min-w-[1.25rem] rst:h-5 rst:px-1" },
       { statusBadge: !0, size: "sm", className: "rst:min-w-[1.5rem] rst:h-6 rst:px-1.5" },
@@ -4502,14 +4502,14 @@ const Jf = Z(
     },
     compoundVariants: [
       // --- SOLID VARIANTS ---
-      { checked: !0, variant: "solid", colorScheme: "primary", className: "rst:bg-primary-600 rst:border-primary-600 rst:text-white rst:dark:bg-primary-600 rst:dark:border-primary-500" },
-      { checked: !0, variant: "solid", colorScheme: "orange", className: "rst:bg-orange-600 rst:border-orange-600 rst:text-white rst:dark:bg-orange-600 rst:dark:border-orange-500" },
-      { checked: !0, variant: "solid", colorScheme: "teal", className: "rst:bg-teal-600 rst:border-teal-600 rst:text-white rst:dark:bg-teal-600 rst:dark:border-teal-500" },
-      { checked: !0, variant: "solid", colorScheme: "purple", className: "rst:bg-purple-600 rst:border-purple-600 rst:text-white rst:dark:bg-purple-600 rst:dark:border-purple-500" },
-      { checked: !0, variant: "solid", colorScheme: "amber", className: "rst:bg-amber-400 rst:border-amber-400 rst:text-gray-950 rst:dark:bg-amber-500 rst:dark:border-amber-500" },
-      { checked: !0, variant: "solid", colorScheme: "success", className: "rst:bg-success-600 rst:border-success-600 rst:text-white rst:dark:bg-success-600 rst:dark:border-success-500" },
-      { checked: !0, variant: "solid", colorScheme: "error", className: "rst:bg-error-600 rst:border-error-600 rst:text-white rst:dark:bg-error-600 rst:dark:border-error-500" },
-      { checked: !0, variant: "solid", colorScheme: "neutral", className: "rst:bg-gray-600 rst:border-gray-600 rst:text-white rst:dark:bg-gray-600 rst:dark:border-gray-500" },
+      { checked: !0, variant: "solid", colorScheme: "primary", className: "rst:bg-primary-600 rst:border-primary-600 rst:dark:bg-primary-600 rst:dark:border-primary-500 rst:text-primary-600-ink" },
+      { checked: !0, variant: "solid", colorScheme: "orange", className: "rst:bg-orange-600 rst:border-orange-600 rst:dark:bg-orange-600 rst:dark:border-orange-500 rst:text-orange-600-ink" },
+      { checked: !0, variant: "solid", colorScheme: "teal", className: "rst:bg-teal-600 rst:border-teal-600 rst:dark:bg-teal-600 rst:dark:border-teal-500 rst:text-teal-600-ink" },
+      { checked: !0, variant: "solid", colorScheme: "purple", className: "rst:bg-purple-600 rst:border-purple-600 rst:dark:bg-purple-600 rst:dark:border-purple-500 rst:text-purple-600-ink" },
+      { checked: !0, variant: "solid", colorScheme: "amber", className: "rst:bg-amber-400 rst:border-amber-400 rst:dark:bg-amber-500 rst:dark:border-amber-500 rst:text-amber-400-ink rst:dark:text-amber-500-ink" },
+      { checked: !0, variant: "solid", colorScheme: "success", className: "rst:bg-success-600 rst:border-success-600 rst:dark:bg-success-600 rst:dark:border-success-500 rst:text-success-600-ink" },
+      { checked: !0, variant: "solid", colorScheme: "error", className: "rst:bg-error-600 rst:border-error-600 rst:dark:bg-error-600 rst:dark:border-error-500 rst:text-error-600-ink" },
+      { checked: !0, variant: "solid", colorScheme: "neutral", className: "rst:bg-gray-600 rst:border-gray-600 rst:dark:bg-gray-600 rst:dark:border-gray-500 rst:text-gray-600-ink" },
       // --- SOFT VARIANTS ---
       { checked: !0, variant: "soft", colorScheme: "primary", className: "rst:bg-primary-50 rst:border-primary-200 rst:text-primary-700 rst:dark:bg-primary-900/40 rst:dark:border-primary-800/50 rst:dark:text-primary-300" },
       { checked: !0, variant: "soft", colorScheme: "orange", className: "rst:bg-orange-50 rst:border-orange-200 rst:text-orange-700 rst:dark:bg-orange-900/30 rst:dark:border-orange-800/50 rst:dark:text-orange-300" },
@@ -4652,7 +4652,7 @@ const e0 = Z(
               children: i || /* @__PURE__ */ f.jsx(
                 mt,
                 {
-                  icon: Pa,
+                  icon: Oa,
                   className: "rst:h-3.5 rst:w-3.5 rst:opacity-60"
                 }
               )
@@ -4682,16 +4682,44 @@ const e0 = Z(
     )
   ] });
 }, n0 = Z(
-  "rst:font-ui rst:flex rst:w-full rst:rounded-md rst:border rst:py-2.5 rst:px-4 rst:text-sm rst:ring-offset-background rst:focus-visible:ring-offset-2 rst:file:border-0 rst:file:bg-transparent rst:file:text-sm rst:file:font-medium rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:disabled:cursor-not-allowed rst:disabled:opacity-50 rst:transition-all",
+  /* `h-10 px-4` are floors, not defaults. `VariantProps` admits `null`, so
+     `size={fieldSize ?? null}` typechecks and `defaultVariants` cannot catch it
+     — and because padding moved out of this base into the size scale, a null
+     size produced a field with no height AND no horizontal padding, text flush
+     against the border. `cn()` is tailwind-merge, so a real size still wins. */
+  "rst:font-ui rst:flex rst:w-full rst:rounded-md rst:border rst:h-10 rst:px-4 rst:text-sm rst:ring-offset-background rst:focus-visible:ring-offset-2 rst:file:border-0 rst:file:bg-transparent rst:file:text-sm rst:file:font-medium rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:disabled:cursor-not-allowed rst:disabled:opacity-50 rst:transition-all",
   {
     variants: {
       variant: {
         white: "rst:border-gray-300 rst:bg-white rst:text-gray-900 rst:placeholder:text-gray-400 rst:focus-visible:border-primary-500 rst:dark:border-gray-700 rst:dark:bg-gray-800 rst:dark:text-gray-100 rst:dark:placeholder:text-gray-500",
         soft: "rst:border-transparent rst:bg-gray-100 rst:text-gray-900 rst:placeholder:text-gray-400 rst:focus-visible:bg-white rst:focus-visible:border-primary-500 rst:dark:bg-gray-800 rst:dark:text-gray-100 rst:dark:placeholder:text-gray-500 rst:dark:focus-visible:bg-gray-900",
         slate: "rst:border-transparent rst:bg-gray-700 rst:text-gray-100 rst:placeholder:text-gray-400 rst:focus-visible:bg-gray-600 rst:dark:bg-gray-900 rst:dark:placeholder:text-gray-500 rst:dark:focus-visible:bg-gray-800",
-        outline: "rst:border-gray-300 rst:bg-transparent rst:text-gray-900 rst:placeholder:text-gray-400 rst:focus-visible:border-primary-500 rst:dark:border-gray-700 rst:dark:text-gray-100 rst:dark:placeholder:text-gray-500",
+        /* The default variant, and the only one that reads tokens.
+           `Button`'s colors resolve through `--roster-*`, so remapping a palette
+           carries; these were hardcoded, so a consumer wanting a field border in
+           their own accent had no variant for it and no token to point at.
+           The four tokens default to exactly the values this variant used
+           before, so nothing moves for a consumer who sets none of them at
+           `:root`. The other four
+           variants stay opinionated on purpose: `white`, `soft`, `slate` and
+           `ghost` each name a specific surface, and a token that meant something
+           different in each would not be a token. */
+        outline: "rst:border-[var(--roster-control-border)] rst:bg-[var(--roster-control-bg)] rst:text-[var(--roster-control-text)] rst:placeholder:text-gray-400 rst:focus-visible:border-[var(--roster-control-border-focus)] rst:dark:placeholder:text-gray-500",
         ghost: "rst:border-transparent rst:bg-transparent rst:text-gray-900 rst:placeholder:text-gray-400 rst:hover:bg-gray-100 rst:focus-visible:bg-gray-100 rst:dark:text-gray-100 rst:dark:placeholder:text-gray-500 rst:dark:hover:bg-gray-800 rst:dark:focus-visible:bg-gray-800"
       },
+      /* Deliberately the same three heights as Button: h-9 / h-10 / h-11.
+         Input was a fixed 42px, which agreed with Button at no size at all, so
+         a field beside a submit button never lined up. retrospect gave up and
+         kept a raw <input> pinned to h-11. */
+      size: {
+        sm: "rst:h-9 rst:px-3",
+        default: "rst:h-10 rst:px-4",
+        /* Heights mirror Button exactly. Padding does not at `lg`: Button is
+           `px-8`, which centres a short label, while a field's text should
+           start near its edge at every size. The alignment contract is the
+           height, and that is what the parity test asserts. */
+        lg: "rst:h-11 rst:px-4"
+      },
       error: {
         true: "rst:border-error-500 rst:focus-visible:ring-error-500 rst:text-error-600 rst:placeholder:text-error-300 rst:dark:border-error-500 rst:dark:text-error-400 rst:dark:placeholder:text-error-800 rst:dark:focus-visible:ring-error-400",
         false: ""
@@ -4699,6 +4727,7 @@ const e0 = Z(
     },
     defaultVariants: {
       variant: "outline",
+      size: "default",
       error: !1
     }
   }
@@ -4731,72 +4760,88 @@ const e0 = Z(
     helperText: s,
     errorMessage: n,
     variant: a,
-    error: o,
-    startIcon: i,
-    endIcon: l,
-    disabled: c,
-    ...u
-  }, p) => {
-    const m = !!n || o;
-    return /* @__PURE__ */ f.jsxs(Qr, { className: C("rst:w-full rst:space-y-1.5", t), children: [
-      r && /* @__PURE__ */ f.jsx(
-        De,
-        {
-          className: C(
-            "rst:block rst:text-sm rst:font-medium rst:leading-none rst:text-left rst:mb-1.5 rst:transition-colors",
-            "rst:text-gray-900 rst:dark:text-gray-100",
-            "rst:peer-disabled:cursor-not-allowed rst:peer-disabled:opacity-70"
-          ),
-          children: r
-        }
-      ),
-      /* @__PURE__ */ f.jsxs("div", { className: "rst:relative", children: [
-        i && /* @__PURE__ */ f.jsx(
-          "div",
-          {
-            className: C(
-              ca({ variant: a, error: m }),
-              "rst:left-3"
-            ),
-            children: i
-          }
-        ),
-        /* @__PURE__ */ f.jsx(
-          Ed,
+    size: o,
+    error: i,
+    startIcon: l,
+    endIcon: c,
+    disabled: u,
+    inputClassName: p,
+    ...m
+  }, d) => {
+    const g = !!n || i;
+    return (
+      /* No `space-y-*` here, deliberately. Headless UI's Field appends a
+          hidden zero-height <span> after the control, and Tailwind v4 applies
+          space-y as `margin-block-end` on `:not(:last-child)` — so the input's
+          wrapper stopped being the last child and picked up a stray 6px bottom
+          margin. The Field's box then ended 6px below the control, and any
+          `items-end` row aligned a neighbouring Button to that phantom edge
+          rather than to the field. Measured in Storybook: 6px off at every
+          size, while both were the correct height. Spacing is set explicitly on
+          the label and the description instead. */
+      /* @__PURE__ */ f.jsxs(Qr, { className: C("rst:w-full", t), children: [
+        r && /* @__PURE__ */ f.jsx(
+          De,
           {
-            ref: p,
-            type: e,
-            disabled: c,
             className: C(
-              n0({ variant: a, error: m }),
-              i && "rst:pl-10",
-              l && "rst:pr-10"
+              "rst:block rst:text-sm rst:font-medium rst:leading-none rst:text-left rst:mb-1.5 rst:transition-colors",
+              "rst:text-gray-900 rst:dark:text-gray-100",
+              "rst:peer-disabled:cursor-not-allowed rst:peer-disabled:opacity-70"
             ),
-            ...u
+            children: r
           }
         ),
-        l && /* @__PURE__ */ f.jsx(
-          "div",
+        /* @__PURE__ */ f.jsxs("div", { className: "rst:relative", children: [
+          l && /* @__PURE__ */ f.jsx(
+            "div",
+            {
+              className: C(
+                ca({ variant: a, error: g }),
+                "rst:left-3"
+              ),
+              children: l
+            }
+          ),
+          /* @__PURE__ */ f.jsx(
+            Ed,
+            {
+              ref: d,
+              type: e,
+              disabled: u,
+              className: C(
+                n0({ variant: a, size: o, error: g }),
+                /* Icon inset tracks the size's own padding: sm is px-3, so it
+                   needs one step less clearance than the 16px sizes. */
+                l && (o === "sm" ? "rst:pl-9" : "rst:pl-10"),
+                c && (o === "sm" ? "rst:pr-9" : "rst:pr-10"),
+                p
+              ),
+              ...m
+            }
+          ),
+          c && /* @__PURE__ */ f.jsx(
+            "div",
+            {
+              className: C(
+                ca({ variant: a, error: g }),
+                "rst:right-3"
+              ),
+              children: c
+            }
+          )
+        ] }),
+        (s || n) && /* @__PURE__ */ f.jsx(
+          rr,
           {
             className: C(
-              ca({ variant: a, error: m }),
-              "rst:right-3"
+              "rst:text-xs rst:text-left rst:mt-1.5",
+              g ? "rst:text-error-600 rst:dark:text-error-400 rst:font-medium" : "rst:text-gray-500 rst:dark:text-gray-400"
             ),
-            children: l
+            children: n || s
           }
         )
-      ] }),
-      (s || n) && /* @__PURE__ */ f.jsx(
-        rr,
-        {
-          className: C(
-            "rst:text-xs rst:text-left rst:mt-1",
-            m ? "rst:text-error-600 rst:dark:text-error-400 rst:font-medium" : "rst:text-gray-500 rst:dark:text-gray-400"
-          ),
-          children: n || s
-        }
-      )
-    ] });
+      ] })
+    );
   }
 );
 ii.displayName = "Input";
@@ -4894,30 +4939,31 @@ const a0 = Z(
     variant: i,
     error: l,
     errorMessage: c,
-    ...u
-  }, p) => {
-    const [m, d] = S.useState(e), g = r !== void 0, h = g ? r : m, b = () => {
-      const v = !h;
-      g || d(v), s?.(v);
+    className: u,
+    ...p
+  }, m) => {
+    const [d, g] = S.useState(e), h = r !== void 0, b = h ? r : d, v = () => {
+      const w = !b;
+      h || g(w), s?.(w);
     };
     return /* @__PURE__ */ f.jsx(
       ii,
       {
-        ref: p,
-        type: h ? "text" : "password",
+        ref: m,
+        type: b ? "text" : "password",
         disabled: o,
         variant: i,
         error: l,
         errorMessage: c,
-        className: C("rst:[&_input::-ms-reveal]:hidden", u.className),
+        className: C("rst:[&_input::-ms-reveal]:hidden", u),
         endIcon: t ? /* @__PURE__ */ f.jsx(
           "button",
           {
             type: "button",
-            onClick: b,
+            onClick: v,
             disabled: o,
-            "aria-label": h ? a : n,
-            "aria-pressed": h,
+            "aria-label": b ? a : n,
+            "aria-pressed": b,
             className: C(
               "rst:-m-1 rst:flex rst:items-center rst:rounded rst:p-1 rst:transition-opacity",
               "rst:opacity-70 rst:hover:opacity-100",
@@ -4927,14 +4973,14 @@ const a0 = Z(
             children: /* @__PURE__ */ f.jsx(
               mt,
               {
-                icon: h ? Bi : Hi,
+                icon: b ? Bi : Hi,
                 className: "rst:h-4 rst:w-4",
                 "aria-hidden": "true"
               }
             )
           }
         ) : void 0,
-        ...u
+        ...p
       }
     );
   }
@@ -4978,12 +5024,12 @@ const i0 = Z(
       { variant: "outline", colorScheme: "info", className: "rst:border-info-300 rst:text-info-700 rst:dark:border-info-700 rst:dark:text-info-300" },
       { variant: "outline", colorScheme: "neutral", className: "rst:border-gray-300 rst:text-gray-700 rst:dark:border-gray-600 rst:dark:text-gray-300" },
       // Solid is for when the pill is the loudest thing in its row on purpose.
-      { variant: "solid", colorScheme: "primary", className: "rst:bg-primary-500 rst:text-white" },
-      { variant: "solid", colorScheme: "success", className: "rst:bg-success-500 rst:text-gray-950" },
-      { variant: "solid", colorScheme: "error", className: "rst:bg-error-500 rst:text-white" },
-      { variant: "solid", colorScheme: "amber", className: "rst:bg-amber-500 rst:text-gray-950" },
-      { variant: "solid", colorScheme: "info", className: "rst:bg-info-500 rst:text-gray-950" },
-      { variant: "solid", colorScheme: "neutral", className: "rst:bg-gray-600 rst:text-white rst:dark:bg-gray-500" }
+      { variant: "solid", colorScheme: "primary", className: "rst:bg-primary-500 rst:text-primary-500-ink" },
+      { variant: "solid", colorScheme: "success", className: "rst:bg-success-500 rst:text-success-500-ink" },
+      { variant: "solid", colorScheme: "error", className: "rst:bg-error-500 rst:text-error-500-ink" },
+      { variant: "solid", colorScheme: "amber", className: "rst:bg-amber-500 rst:text-amber-500-ink" },
+      { variant: "solid", colorScheme: "info", className: "rst:bg-info-500 rst:text-info-500-ink" },
+      { variant: "solid", colorScheme: "neutral", className: "rst:bg-gray-600 rst:dark:bg-gray-500 rst:text-gray-600-ink rst:dark:text-gray-500-ink" }
     ],
     defaultVariants: {
       colorScheme: "neutral",
@@ -5230,117 +5276,221 @@ const x0 = S.forwardRef(
 );
 x0.displayName = "ThemeToggle";
 const y0 = Z(
-  "rst:font-ui rst:relative rst:w-full rst:cursor-pointer rst:rounded-md rst:py-2.5 rst:pl-4 rst:pr-10 rst:text-left rst:text-sm rst:font-medium rst:shadow-sm rst:ring-1 rst:ring-inset rst:transition-all rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:sm:leading-6",
+  /* `h-10 pl-4 pr-10` are floors, not defaults, for the same reason Input's
+       are: `VariantProps` admits `null`, so `size={fieldSize ?? null}`
+       typechecks and would otherwise leave the trigger with no height and its
+       label flush against the ring. `cn()` is tailwind-merge, so a real size
+       still wins.
+  
+       Height used to be a side effect of `py-2.5` plus the line box, and the
+       base carried `sm:leading-6` — which made this the only control in the
+       library whose height changed at a breakpoint: 40px on mobile, 44px from
+       `sm` up. It is now an explicit height at every width. */
+  "rst:font-ui rst:relative rst:flex rst:w-full rst:cursor-pointer rst:disabled:cursor-not-allowed rst:disabled:opacity-50 rst:items-center rst:rounded-md rst:h-10 rst:pl-4 rst:pr-10 rst:text-left rst:text-sm rst:font-medium rst:shadow-sm rst:ring-1 rst:ring-inset rst:transition-all rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring",
   {
     variants: {
       variant: {
         white: "rst:bg-white rst:text-gray-900 rst:ring-gray-300 rst:hover:bg-gray-50 rst:dark:bg-gray-800 rst:dark:text-gray-100 rst:dark:ring-gray-700 rst:dark:hover:bg-gray-700",
         soft: "rst:bg-gray-100 rst:text-gray-900 rst:ring-transparent rst:hover:bg-gray-200 rst:dark:bg-gray-800 rst:dark:text-gray-100 rst:dark:hover:bg-gray-700",
         slate: "rst:bg-gray-700 rst:text-gray-100 rst:ring-transparent rst:hover:bg-gray-600 rst:dark:bg-gray-900 rst:dark:text-gray-100 rst:dark:hover:bg-gray-800",
-        outline: "rst:bg-transparent rst:text-gray-900 rst:ring-gray-300 rst:hover:bg-gray-50 rst:dark:ring-gray-700 rst:dark:text-gray-100 rst:dark:hover:bg-gray-800/50",
+        /* The default variant, and the only one that reads tokens, exactly as
+                   in Input. It takes three of the four: focus on the trigger is the
+                   shared ring, not a border color, so `--roster-control-border-focus`
+                   has nothing to apply to here.
+        
+                   No `hover:bg-*`, unlike the other four. A hover fill is a second
+                   hardcoded surface painted over the one the consumer just chose:
+                   tailwind-merge keeps both (different modifier), so a themed trigger
+                   took the host's color at rest and gray-50 on hover. The
+                   `ThemedWithTokens` story was the repro — near-white text on gray-50,
+                   about 1:1. Input's outline has no hover either, so this is also the
+                   parity the size scale is arguing for. */
+        outline: "rst:bg-[var(--roster-control-bg)] rst:text-[var(--roster-control-text)] rst:ring-[color:var(--roster-control-border)]",
         ghost: "rst:bg-transparent rst:text-gray-700 rst:ring-transparent rst:hover:bg-gray-100 rst:hover:text-gray-900 rst:dark:text-gray-300 rst:dark:hover:bg-gray-800 rst:dark:hover:text-gray-100"
       },
+      /* The same three heights as Button and Input: h-9 / h-10 / h-11. */
+      size: {
+        sm: "rst:h-9 rst:pl-3 rst:pr-9",
+        default: "rst:h-10 rst:pl-4 rst:pr-10",
+        /* Right padding does not grow with `lg`. It is clearance for the
+           chevron, which is a fixed 14px at every size, so widening it would
+           only push the label away from a gap that is already big enough. */
+        lg: "rst:h-11 rst:pl-4 rst:pr-10"
+      },
       error: {
-        true: "rst:ring-error-500 rst:text-error-600 rst:focus:ring-error-500 rst:dark:ring-error-500 rst:dark:text-error-400 rst:dark:focus:ring-error-400",
+        /* `focus-visible:`, not `focus:`. The base sets
+           `focus-visible:ring-ring`; a `focus:` class lands in a different
+           tailwind-merge group, so both survived, and equal specificity meant
+           the later rule in the stylesheet won — an errored Select drew the
+           PRIMARY ring on keyboard focus. Input avoided this by accident of
+           modifier choice. */
+        true: "rst:ring-error-500 rst:text-error-600 rst:focus-visible:ring-error-500 rst:dark:ring-error-500 rst:dark:text-error-400 rst:dark:focus-visible:ring-error-400",
         false: ""
       }
     },
     defaultVariants: {
       variant: "outline",
+      size: "default",
       error: !1
     }
   }
-), Lm = ({
+), w0 = Z(
+  /* Horizontal padding is a floor here, and tracks the trigger's so the label's
+       left edge stays put between the closed trigger and the open menu. (The menu
+       does not open OVER the trigger — it is anchored `bottom start` with a 4px
+       gap — so this is vertical continuity, not overlap.)
+  
+       `text-sm` lives here rather than on the popup, and carries no `sm:`. The
+       popup used to set `text-base sm:text-sm`, which made a menu row 44px on
+       mobile and 40px from `sm` up: the exact breakpoint-dependent geometry this
+       change removed from the trigger, still alive one element away. */
+  "rst:text-sm rst:group rst:relative rst:cursor-default rst:select-none rst:py-2.5 rst:pl-4 rst:pr-9 rst:transition-colors rst:text-gray-900 rst:dark:text-gray-100 rst:data-focus:bg-primary-100 rst:data-focus:text-primary-900 rst:dark:data-focus:bg-primary-900/30 rst:dark:data-focus:text-primary-100 rst:data-selected:bg-gray-50 rst:dark:data-selected:bg-gray-700/50 rst:data-disabled:opacity-50 rst:data-disabled:cursor-not-allowed",
+  {
+    variants: {
+      size: {
+        sm: "rst:py-2 rst:pl-3 rst:pr-8",
+        default: "rst:py-2.5 rst:pl-4 rst:pr-9",
+        /* `lg` matches `default` on purpose: trigger height is an alignment
+           contract with a neighbouring Button, while menu row height is a
+           scan-density choice with nothing to align to. Density does not have
+           to follow alignment. */
+        lg: "rst:py-2.5 rst:pl-4 rst:pr-9"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+), _m = ({
   options: t,
   value: e,
   onChange: r,
   placeholder: s = "Select an option",
   disabled: n = !1,
   variant: a,
-  error: o,
-  className: i,
-  label: l
+  size: o,
+  error: i,
+  className: l,
+  triggerClassName: c,
+  label: u,
+  ...p
 }) => {
-  const c = t.find((u) => u.value === e);
-  return /* @__PURE__ */ f.jsxs(Qr, { className: C("rst:flex rst:flex-col rst:gap-1.5", i), children: [
-    l && /* @__PURE__ */ f.jsx(De, { className: "rst:block rst:text-sm rst:font-medium rst:text-inherit rst:text-left", children: l }),
-    /* @__PURE__ */ f.jsx(
-      Wd,
-      {
-        value: e ?? void 0,
-        onChange: r,
-        disabled: n,
-        children: /* @__PURE__ */ f.jsxs("div", { className: "rst:relative", children: [
-          /* @__PURE__ */ f.jsxs(
-            qo,
-            {
-              className: C(y0({ variant: a, error: o })),
-              children: [
-                /* @__PURE__ */ f.jsx(
-                  "span",
-                  {
-                    className: C(
-                      "rst:block rst:truncate",
-                      !c && "rst:text-gray-500 rst:dark:text-gray-400"
-                    ),
-                    children: c ? c.label : s
-                  }
-                ),
-                /* @__PURE__ */ f.jsx("span", { className: "rst:pointer-events-none rst:absolute rst:inset-y-0 rst:right-0 rst:flex rst:items-center rst:pr-3", children: /* @__PURE__ */ f.jsx(
-                  mt,
-                  {
-                    icon: Pa,
-                    className: "rst:h-3.5 rst:w-3.5 rst:text-gray-400 rst:dark:text-gray-500",
-                    "aria-hidden": "true"
-                  }
-                ) })
-              ]
-            }
-          ),
-          /* @__PURE__ */ f.jsx(
-            je,
-            {
-              as: xt,
-              leave: "rst:transition rst:ease-in rst:duration-100",
-              leaveFrom: "rst:opacity-100",
-              leaveTo: "rst:opacity-0",
-              children: /* @__PURE__ */ f.jsx(
-                Xo,
+  const m = t.find((b) => b.value === e), d = S.useRef(null), [g, h] = S.useState(!1);
+  return S.useLayoutEffect(() => {
+    h(!!d.current?.closest(".dark"));
+  }, []), /* `...props` is spread here, and was not before. The prop type has always
+         extended `HTMLAttributes<HTMLDivElement>`, so `id`, `data-*` and the
+         handlers all typechecked and were then silently dropped on the floor.
+  
+         Deliberately NOT claimed: `aria-*`. This is a plain wrapper div with no
+         role, so an `aria-describedby` landing here is inert, and Headless UI
+         wires the trigger's description from the Field's <Description> context
+         rather than from the wrapper's attributes. Select has no `helperText` /
+         `errorMessage` yet, so there is currently no supported way to describe
+         the trigger at all — filed, not fixed here. */
+  /* @__PURE__ */ f.jsxs(
+    Qr,
+    {
+      className: C("rst:flex rst:flex-col rst:gap-1.5", l),
+      ...p,
+      children: [
+        u && /* @__PURE__ */ f.jsx(De, { className: "rst:block rst:text-sm rst:font-medium rst:text-inherit rst:text-left", children: u }),
+        /* @__PURE__ */ f.jsx(
+          Wd,
+          {
+            value: e ?? void 0,
+            onChange: r,
+            disabled: n,
+            children: /* @__PURE__ */ f.jsxs("div", { ref: d, className: "rst:relative", children: [
+              /* @__PURE__ */ f.jsxs(
+                qo,
                 {
-                  anchor: "bottom start",
                   className: C(
-                    "rst:w-(--button-width) rst:z-50 rst:rounded-md rst:bg-white rst:dark:bg-gray-800 rst:py-1 rst:text-base rst:shadow-lg rst:ring-1 rst:ring-black/5 rst:dark:ring-gray-700 rst:focus:outline-hidden rst:sm:text-sm",
-                    "rst:[--anchor-gap:4px]"
+                    y0({ variant: a, size: o, error: i }),
+                    c
                   ),
-                  children: t.map((u) => /* @__PURE__ */ f.jsxs(
-                    Qo,
+                  children: [
+                    /* @__PURE__ */ f.jsx(
+                      "span",
+                      {
+                        className: C(
+                          "rst:block rst:truncate",
+                          !m && "rst:text-gray-500 rst:dark:text-gray-400"
+                        ),
+                        children: m ? m.label : s
+                      }
+                    ),
+                    /* @__PURE__ */ f.jsx(
+                      "span",
+                      {
+                        className: C(
+                          "rst:pointer-events-none rst:absolute rst:inset-y-0 rst:right-0 rst:flex rst:items-center",
+                          /* Clearance tracks the size's own right padding, the way
+                             Input's icon inset tracks its horizontal padding. */
+                          o === "sm" ? "rst:pr-2.5" : "rst:pr-3"
+                        ),
+                        children: /* @__PURE__ */ f.jsx(
+                          mt,
+                          {
+                            icon: Oa,
+                            className: "rst:h-3.5 rst:w-3.5 rst:text-gray-400 rst:dark:text-gray-500",
+                            "aria-hidden": "true"
+                          }
+                        )
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ f.jsx(
+                je,
+                {
+                  as: xt,
+                  leave: "rst:transition rst:ease-in rst:duration-100",
+                  leaveFrom: "rst:opacity-100",
+                  leaveTo: "rst:opacity-0",
+                  children: /* @__PURE__ */ f.jsx(
+                    Xo,
                     {
-                      value: u.value,
-                      disabled: u.disabled,
+                      anchor: "bottom start",
                       className: C(
-                        "rst:group rst:relative rst:cursor-default rst:select-none rst:py-2.5 rst:pl-4 rst:pr-9 rst:transition-colors",
-                        "rst:text-gray-900 rst:dark:text-gray-100",
-                        "rst:data-focus:bg-primary-100 rst:data-focus:text-primary-900",
-                        "rst:dark:data-focus:bg-primary-900/30 rst:dark:data-focus:text-primary-100",
-                        "rst:data-selected:bg-gray-50 rst:dark:data-selected:bg-gray-700/50",
-                        "rst:data-disabled:opacity-50 rst:data-disabled:cursor-not-allowed"
+                        g && "dark",
+                        "rst:w-(--button-width) rst:z-50 rst:rounded-md rst:bg-white rst:dark:bg-gray-800 rst:py-1 rst:shadow-lg rst:ring-1 rst:ring-black/5 rst:dark:ring-gray-700 rst:focus:outline-hidden",
+                        "rst:[--anchor-gap:4px]"
                       ),
-                      children: [
-                        /* @__PURE__ */ f.jsx("span", { className: "rst:block rst:truncate rst:font-normal rst:group-data-selected:font-semibold", children: u.label }),
-                        /* @__PURE__ */ f.jsx("span", { className: "rst:absolute rst:inset-y-0 rst:right-0 rst:hidden rst:items-center rst:pr-4 rst:text-primary-600 rst:dark:text-primary-400 rst:group-data-selected:flex", children: /* @__PURE__ */ f.jsx(mt, { icon: Na, className: "rst:h-3.5 rst:w-3.5" }) })
-                      ]
-                    },
-                    u.value
-                  ))
+                      children: t.map((b) => /* @__PURE__ */ f.jsxs(
+                        Qo,
+                        {
+                          value: b.value,
+                          disabled: b.disabled,
+                          className: C(w0({ size: o })),
+                          children: [
+                            /* @__PURE__ */ f.jsx("span", { className: "rst:block rst:truncate rst:font-normal rst:group-data-selected:font-semibold", children: b.label }),
+                            /* @__PURE__ */ f.jsx(
+                              "span",
+                              {
+                                className: C(
+                                  "rst:absolute rst:inset-y-0 rst:right-0 rst:hidden rst:items-center rst:text-primary-600 rst:dark:text-primary-400 rst:group-data-selected:flex",
+                                  o === "sm" ? "rst:pr-3" : "rst:pr-4"
+                                ),
+                                children: /* @__PURE__ */ f.jsx(mt, { icon: Na, className: "rst:h-3.5 rst:w-3.5" })
+                              }
+                            )
+                          ]
+                        },
+                        b.value
+                      ))
+                    }
+                  )
                 }
               )
-            }
-          )
-        ] })
-      }
-    )
-  ] });
-}, w0 = Z(
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}, k0 = Z(
   "rst:font-ui rst:group rst:relative rst:inline-flex rst:shrink-0 rst:cursor-pointer rst:rounded-full rst:border-2 rst:border-transparent rst:transition-colors rst:duration-200 rst:ease-in-out rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-offset-2 rst:ring-offset-background rst:disabled:cursor-not-allowed rst:disabled:opacity-50",
   {
     variants: {
@@ -5362,7 +5512,7 @@ const y0 = Z(
       size: "md"
     }
   }
-), k0 = Z(
+), S0 = Z(
   "rst:pointer-events-none rst:inline-block rst:rounded-full rst:bg-white rst:shadow rst:ring-0 rst:transition rst:duration-200 rst:ease-in-out rst:transform",
   {
     variants: {
@@ -5425,12 +5575,12 @@ const y0 = Z(
             onChange: e,
             disabled: n,
             "aria-label": c,
-            className: C(w0({ variant: o, size: a })),
+            className: C(k0({ variant: o, size: a })),
             children: /* @__PURE__ */ f.jsx(
               "span",
               {
                 "aria-hidden": "true",
-                className: C(k0({ size: a }))
+                className: C(S0({ size: a }))
               }
             )
           }
@@ -5438,7 +5588,7 @@ const y0 = Z(
       ]
     }
   );
-}, S0 = Z(
+}, E0 = Z(
   "rst:font-ui rst:flex rst:w-full rst:min-h-[80px] rst:rounded-md rst:border rst:py-2.5 rst:px-4 rst:text-sm rst:ring-offset-background rst:focus-visible:ring-offset-2 rst:placeholder:text-gray-400 rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:disabled:cursor-not-allowed rst:disabled:opacity-50 rst:transition-colors rst:custom-scrollbar",
   {
     variants: {
@@ -5465,7 +5615,7 @@ const y0 = Z(
       resize: "vertical"
     }
   }
-), E0 = S.forwardRef(
+), N0 = S.forwardRef(
   ({
     className: t,
     label: e,
@@ -5475,35 +5625,49 @@ const y0 = Z(
     error: a,
     resize: o,
     disabled: i,
-    ...l
-  }, c) => {
-    const u = !!s || a;
-    return /* @__PURE__ */ f.jsxs(Qr, { className: C("rst:w-full rst:space-y-1.5", t), children: [
-      e && /* @__PURE__ */ f.jsx(De, { className: "rst:block rst:text-sm rst:font-medium rst:leading-none rst:text-gray-900 rst:dark:text-gray-100 rst:peer-disabled:cursor-not-allowed rst:peer-disabled:opacity-70 rst:text-left", children: e }),
-      /* @__PURE__ */ f.jsx(
-        Kf,
-        {
-          ref: c,
-          disabled: i,
-          className: C(S0({ variant: n, resize: o, error: u })),
-          ...l
-        }
-      ),
-      (r || s) && /* @__PURE__ */ f.jsx(
-        rr,
-        {
-          className: C(
-            "rst:text-xs rst:text-left",
-            u ? "rst:text-error-600 rst:dark:text-error-400 rst:font-medium" : "rst:text-gray-500 rst:dark:text-gray-400"
-          ),
-          children: s || r
-        }
-      )
-    ] });
+    textareaClassName: l,
+    ...c
+  }, u) => {
+    const p = !!s || a;
+    return (
+      /* No `space-y-*` here, for the reason documented on Input: Headless UI's
+          Field always renders a trailing hidden element, and Tailwind v4
+          applies space-y as `margin-block-end` on `:not(:last-child)`, so the
+          control stopped being the last child and picked up a stray 6px bottom
+          margin against a sibling nobody can see. Spacing is set explicitly on
+          the label and description instead. Select is immune to the same trap
+          only because it spaces with `gap`, and the hidden element is
+          `display: none` so it is not a flex item. */
+      /* @__PURE__ */ f.jsxs(Qr, { className: C("rst:w-full", t), children: [
+        e && /* @__PURE__ */ f.jsx(De, { className: "rst:block rst:text-sm rst:font-medium rst:leading-none rst:text-gray-900 rst:dark:text-gray-100 rst:peer-disabled:cursor-not-allowed rst:peer-disabled:opacity-70 rst:text-left rst:mb-1.5", children: e }),
+        /* @__PURE__ */ f.jsx(
+          Kf,
+          {
+            ref: u,
+            disabled: i,
+            className: C(
+              E0({ variant: n, resize: o, error: p }),
+              l
+            ),
+            ...c
+          }
+        ),
+        (r || s) && /* @__PURE__ */ f.jsx(
+          rr,
+          {
+            className: C(
+              "rst:text-xs rst:text-left rst:mt-1.5",
+              p ? "rst:text-error-600 rst:dark:text-error-400 rst:font-medium" : "rst:text-gray-500 rst:dark:text-gray-400"
+            ),
+            children: s || r
+          }
+        )
+      ] })
+    );
   }
 );
-E0.displayName = "Textarea";
-function _m({
+N0.displayName = "Textarea";
+function Vm({
   items: t,
   maxDisplay: e = 5,
   totalCount: r,
@@ -5596,7 +5760,7 @@ function _m({
     }
   );
 }
-function Vm({
+function Bm({
   tabs: t,
   activeTab: e,
   onChange: r,
@@ -5767,9 +5931,9 @@ function ci(t, e = []) {
       );
     };
   };
-  return n.scopeName = t, [s, N0(n, ...e)];
+  return n.scopeName = t, [s, O0(n, ...e)];
 }
-function N0(...t) {
+function O0(...t) {
   const e = t[0];
   if (t.length === 1) return e;
   const r = () => {
@@ -5789,8 +5953,8 @@ function N0(...t) {
 }
 // @__NO_SIDE_EFFECTS__
 function P0(t) {
-  const e = /* @__PURE__ */ O0(t), r = y.forwardRef((s, n) => {
-    const { children: a, ...o } = s, i = y.Children.toArray(a), l = i.find(T0);
+  const e = /* @__PURE__ */ C0(t), r = y.forwardRef((s, n) => {
+    const { children: a, ...o } = s, i = y.Children.toArray(a), l = i.find(j0);
     if (l) {
       const c = l.props.children, u = i.map((p) => p === l ? y.Children.count(c) > 1 ? y.Children.only(null) : y.isValidElement(c) ? c.props.children : null : p);
       return /* @__PURE__ */ f.jsx(e, { ...o, ref: n, children: y.isValidElement(c) ? y.cloneElement(c, void 0, u) : null });
@@ -5800,11 +5964,11 @@ function P0(t) {
   return r.displayName = `${t}.Slot`, r;
 }
 // @__NO_SIDE_EFFECTS__
-function O0(t) {
+function C0(t) {
   const e = y.forwardRef((r, s) => {
     const { children: n, ...a } = r;
     if (y.isValidElement(n)) {
-      const o = R0(n), i = j0(a, n.props);
+      const o = $0(n), i = R0(a, n.props);
       return n.type !== y.Fragment && (i.ref = s ? li(s, o) : o), y.cloneElement(n, i);
     }
     return y.Children.count(n) > 1 ? y.Children.only(null) : null;
@@ -5813,14 +5977,14 @@ function O0(t) {
 }
 var ui = /* @__PURE__ */ Symbol("radix.slottable");
 // @__NO_SIDE_EFFECTS__
-function C0(t) {
+function T0(t) {
   const e = ({ children: r }) => /* @__PURE__ */ f.jsx(f.Fragment, { children: r });
   return e.displayName = `${t}.Slottable`, e.__radixId = ui, e;
 }
-function T0(t) {
+function j0(t) {
   return y.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === ui;
 }
-function j0(t, e) {
+function R0(t, e) {
   const r = { ...e };
   for (const s in e) {
     const n = t[s], a = e[s];
@@ -5831,11 +5995,11 @@ function j0(t, e) {
   }
   return { ...t, ...r };
 }
-function R0(t) {
+function $0(t) {
   let e = Object.getOwnPropertyDescriptor(t.props, "ref")?.get, r = e && "isReactWarning" in e && e.isReactWarning;
   return r ? t.ref : (e = Object.getOwnPropertyDescriptor(t, "ref")?.get, r = e && "isReactWarning" in e && e.isReactWarning, r ? t.props.ref : t.props.ref || t.ref);
 }
-var $0 = [
+var I0 = [
   "a",
   "button",
   "div",
@@ -5853,14 +6017,14 @@ var $0 = [
   "span",
   "svg",
   "ul"
-], le = $0.reduce((t, e) => {
+], le = I0.reduce((t, e) => {
   const r = /* @__PURE__ */ P0(`Primitive.${e}`), s = y.forwardRef((n, a) => {
     const { asChild: o, ...i } = n, l = o ? r : e;
     return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f.jsx(l, { ...i, ref: a });
   });
   return s.displayName = `Primitive.${e}`, { ...t, [e]: s };
 }, {});
-function I0(t, e) {
+function A0(t, e) {
   t && Ke.flushSync(() => t.dispatchEvent(e));
 }
 function es(t) {
@@ -5869,7 +6033,7 @@ function es(t) {
     e.current = t;
   }), y.useMemo(() => (...r) => e.current?.(...r), []);
 }
-function A0(t, e = globalThis?.document) {
+function D0(t, e = globalThis?.document) {
   const r = es(t);
   y.useEffect(() => {
     const s = (n) => {
@@ -5878,7 +6042,7 @@ function A0(t, e = globalThis?.document) {
     return e.addEventListener("keydown", s, { capture: !0 }), () => e.removeEventListener("keydown", s, { capture: !0 });
   }, [r, e]);
 }
-var D0 = "DismissableLayer", Es = "dismissableLayer.update", F0 = "dismissableLayer.pointerDownOutside", M0 = "dismissableLayer.focusOutside", pa, di = y.createContext({
+var F0 = "DismissableLayer", Es = "dismissableLayer.update", M0 = "dismissableLayer.pointerDownOutside", L0 = "dismissableLayer.focusOutside", pa, di = y.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
@@ -5892,15 +6056,15 @@ var D0 = "DismissableLayer", Es = "dismissableLayer.update", F0 = "dismissableLa
       onInteractOutside: o,
       onDismiss: i,
       ...l
-    } = t, c = y.useContext(di), [u, p] = y.useState(null), m = u?.ownerDocument ?? globalThis?.document, [, d] = y.useState({}), g = ke(e, (P) => p(P)), h = Array.from(c.layers), [b] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), v = h.indexOf(b), w = u ? h.indexOf(u) : -1, x = c.layersWithOutsidePointerEventsDisabled.size > 0, k = w >= v, E = V0((P) => {
-      const M = P.target, z = [...c.branches].some((N) => N.contains(M));
-      !k || z || (n?.(P), o?.(P), P.defaultPrevented || i?.());
-    }, m), T = B0((P) => {
-      const M = P.target;
-      [...c.branches].some((N) => N.contains(M)) || (a?.(P), o?.(P), P.defaultPrevented || i?.());
+    } = t, c = y.useContext(di), [u, p] = y.useState(null), m = u?.ownerDocument ?? globalThis?.document, [, d] = y.useState({}), g = ke(e, (O) => p(O)), h = Array.from(c.layers), [b] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), v = h.indexOf(b), w = u ? h.indexOf(u) : -1, x = c.layersWithOutsidePointerEventsDisabled.size > 0, k = w >= v, E = B0((O) => {
+      const M = O.target, z = [...c.branches].some((N) => N.contains(M));
+      !k || z || (n?.(O), o?.(O), O.defaultPrevented || i?.());
+    }, m), T = H0((O) => {
+      const M = O.target;
+      [...c.branches].some((N) => N.contains(M)) || (a?.(O), o?.(O), O.defaultPrevented || i?.());
     }, m);
-    return A0((P) => {
-      w === c.layers.size - 1 && (s?.(P), !P.defaultPrevented && i && (P.preventDefault(), i()));
+    return D0((O) => {
+      w === c.layers.size - 1 && (s?.(O), !O.defaultPrevented && i && (O.preventDefault(), i()));
     }, m), y.useEffect(() => {
       if (u)
         return r && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (pa = m.body.style.pointerEvents, m.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(u)), c.layers.add(u), ma(), () => {
@@ -5909,8 +6073,8 @@ var D0 = "DismissableLayer", Es = "dismissableLayer.update", F0 = "dismissableLa
     }, [u, m, r, c]), y.useEffect(() => () => {
       u && (c.layers.delete(u), c.layersWithOutsidePointerEventsDisabled.delete(u), ma());
     }, [u, c]), y.useEffect(() => {
-      const P = () => d({});
-      return document.addEventListener(Es, P), () => document.removeEventListener(Es, P);
+      const O = () => d({});
+      return document.addEventListener(Es, O), () => document.removeEventListener(Es, O);
     }, []), /* @__PURE__ */ f.jsx(
       le.div,
       {
@@ -5930,8 +6094,8 @@ var D0 = "DismissableLayer", Es = "dismissableLayer.update", F0 = "dismissableLa
     );
   }
 );
-fi.displayName = D0;
-var L0 = "DismissableLayerBranch", _0 = y.forwardRef((t, e) => {
+fi.displayName = F0;
+var _0 = "DismissableLayerBranch", V0 = y.forwardRef((t, e) => {
   const r = y.useContext(di), s = y.useRef(null), n = ke(e, s);
   return y.useEffect(() => {
     const a = s.current;
@@ -5941,8 +6105,8 @@ var L0 = "DismissableLayerBranch", _0 = y.forwardRef((t, e) => {
       };
   }, [r.branches]), /* @__PURE__ */ f.jsx(le.div, { ...t, ref: n });
 });
-_0.displayName = L0;
-function V0(t, e = globalThis?.document) {
+V0.displayName = _0;
+function B0(t, e = globalThis?.document) {
   const r = es(t), s = y.useRef(!1), n = y.useRef(() => {
   });
   return y.useEffect(() => {
@@ -5950,7 +6114,7 @@ function V0(t, e = globalThis?.document) {
       if (i.target && !s.current) {
         let l = function() {
           pi(
-            F0,
+            M0,
             r,
             c,
             { discrete: !0 }
@@ -5972,11 +6136,11 @@ function V0(t, e = globalThis?.document) {
     onPointerDownCapture: () => s.current = !0
   };
 }
-function B0(t, e = globalThis?.document) {
+function H0(t, e = globalThis?.document) {
   const r = es(t), s = y.useRef(!1);
   return y.useEffect(() => {
     const n = (a) => {
-      a.target && !s.current && pi(M0, r, { originalEvent: a }, {
+      a.target && !s.current && pi(L0, r, { originalEvent: a }, {
         discrete: !1
       });
     };
@@ -5992,18 +6156,18 @@ function ma() {
 }
 function pi(t, e, r, { discrete: s }) {
   const n = r.originalEvent.target, a = new CustomEvent(t, { bubbles: !1, cancelable: !0, detail: r });
-  e && n.addEventListener(t, e, { once: !0 }), s ? I0(n, a) : n.dispatchEvent(a);
+  e && n.addEventListener(t, e, { once: !0 }), s ? A0(n, a) : n.dispatchEvent(a);
 }
 var ae = globalThis?.document ? y.useLayoutEffect : () => {
-}, H0 = y[" useId ".trim().toString()] || (() => {
-}), z0 = 0;
-function W0(t) {
-  const [e, r] = y.useState(H0());
+}, z0 = y[" useId ".trim().toString()] || (() => {
+}), W0 = 0;
+function U0(t) {
+  const [e, r] = y.useState(z0());
   return ae(() => {
-    r((s) => s ?? String(z0++));
+    r((s) => s ?? String(W0++));
   }, [t]), e ? `radix-${e}` : "";
 }
-var U0 = "Arrow", mi = y.forwardRef((t, e) => {
+var Y0 = "Arrow", mi = y.forwardRef((t, e) => {
   const { children: r, width: s = 10, height: n = 5, ...a } = t;
   return /* @__PURE__ */ f.jsx(
     le.svg,
@@ -6018,9 +6182,9 @@ var U0 = "Arrow", mi = y.forwardRef((t, e) => {
     }
   );
 });
-mi.displayName = U0;
-var Y0 = mi;
-function G0(t) {
+mi.displayName = Y0;
+var G0 = mi;
+function K0(t) {
   const [e, r] = y.useState(void 0);
   return ae(() => {
     if (t) {
@@ -6042,9 +6206,9 @@ function G0(t) {
       r(void 0);
   }, [t]), e;
 }
-var pn = "Popper", [gi, hi] = ci(pn), [K0, bi] = gi(pn), vi = (t) => {
+var pn = "Popper", [gi, hi] = ci(pn), [q0, bi] = gi(pn), vi = (t) => {
   const { __scopePopper: e, children: r } = t, [s, n] = y.useState(null);
-  return /* @__PURE__ */ f.jsx(K0, { scope: e, anchor: s, onAnchorChange: n, children: r });
+  return /* @__PURE__ */ f.jsx(q0, { scope: e, anchor: s, onAnchorChange: n, children: r });
 };
 vi.displayName = pn;
 var xi = "PopperAnchor", yi = y.forwardRef(
@@ -6057,7 +6221,7 @@ var xi = "PopperAnchor", yi = y.forwardRef(
   }
 );
 yi.displayName = xi;
-var mn = "PopperContent", [q0, X0] = gi(mn), wi = y.forwardRef(
+var mn = "PopperContent", [X0, Q0] = gi(mn), wi = y.forwardRef(
   (t, e) => {
     const {
       __scopePopper: r,
@@ -6074,12 +6238,12 @@ var mn = "PopperContent", [q0, X0] = gi(mn), wi = y.forwardRef(
       updatePositionStrategy: d = "optimized",
       onPlaced: g,
       ...h
-    } = t, b = bi(mn, r), [v, w] = y.useState(null), x = ke(e, (q) => w(q)), [k, E] = y.useState(null), T = G0(k), P = T?.width ?? 0, M = T?.height ?? 0, z = s + (a !== "center" ? "-" + a : ""), N = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, $ = Array.isArray(c) ? c : [c], L = $.length > 0, _ = {
+    } = t, b = bi(mn, r), [v, w] = y.useState(null), x = ke(e, (q) => w(q)), [k, E] = y.useState(null), T = K0(k), O = T?.width ?? 0, M = T?.height ?? 0, z = s + (a !== "center" ? "-" + a : ""), N = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, $ = Array.isArray(c) ? c : [c], L = $.length > 0, _ = {
       padding: N,
-      boundary: $.filter(Z0),
+      boundary: $.filter(J0),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: L
-    }, { refs: R, floatingStyles: D, placement: F, isPositioned: U, middlewareData: O } = ho({
+    }, { refs: R, floatingStyles: D, placement: F, isPositioned: U, middlewareData: P } = ho({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
       placement: z,
@@ -6106,14 +6270,14 @@ var mn = "PopperContent", [q0, X0] = gi(mn), wi = y.forwardRef(
           }
         }),
         k && cu({ element: k, padding: i }),
-        J0({ arrowWidth: P, arrowHeight: M }),
+        tp({ arrowWidth: O, arrowHeight: M }),
         m && lu({ strategy: "referenceHidden", ..._ })
       ]
     }), [j, H] = Ei(F), nt = es(g);
     ae(() => {
       U && nt?.();
     }, [U, nt]);
-    const et = O.arrow?.x, A = O.arrow?.y, W = O.arrow?.centerOffset !== 0, [G, B] = y.useState();
+    const et = P.arrow?.x, A = P.arrow?.y, W = P.arrow?.centerOffset !== 0, [G, B] = y.useState();
     return ae(() => {
       v && B(window.getComputedStyle(v).zIndex);
     }, [v]), /* @__PURE__ */ f.jsx(
@@ -6128,20 +6292,20 @@ var mn = "PopperContent", [q0, X0] = gi(mn), wi = y.forwardRef(
           minWidth: "max-content",
           zIndex: G,
           "--radix-popper-transform-origin": [
-            O.transformOrigin?.x,
-            O.transformOrigin?.y
+            P.transformOrigin?.x,
+            P.transformOrigin?.y
           ].join(" "),
           // hide the content if using the hide middleware and should be hidden
           // set visibility to hidden and disable pointer events so the UI behaves
           // as if the PopperContent isn't there at all
-          ...O.hide?.referenceHidden && {
+          ...P.hide?.referenceHidden && {
             visibility: "hidden",
             pointerEvents: "none"
           }
         },
         dir: t.dir,
         children: /* @__PURE__ */ f.jsx(
-          q0,
+          X0,
           {
             scope: r,
             placedSide: j,
@@ -6171,13 +6335,13 @@ var mn = "PopperContent", [q0, X0] = gi(mn), wi = y.forwardRef(
   }
 );
 wi.displayName = mn;
-var ki = "PopperArrow", Q0 = {
+var ki = "PopperArrow", Z0 = {
   top: "bottom",
   right: "left",
   bottom: "top",
   left: "right"
 }, Si = y.forwardRef(function(e, r) {
-  const { __scopePopper: s, ...n } = e, a = X0(ki, s), o = Q0[a.placedSide];
+  const { __scopePopper: s, ...n } = e, a = Q0(ki, s), o = Z0[a.placedSide];
   return (
     // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
     // doesn't report size as we'd expect on SVG elements.
@@ -6206,7 +6370,7 @@ var ki = "PopperArrow", Q0 = {
           visibility: a.shouldHideArrow ? "hidden" : void 0
         },
         children: /* @__PURE__ */ f.jsx(
-          Y0,
+          G0,
           {
             ...n,
             ref: r,
@@ -6222,10 +6386,10 @@ var ki = "PopperArrow", Q0 = {
   );
 });
 Si.displayName = ki;
-function Z0(t) {
+function J0(t) {
   return t !== null;
 }
-var J0 = (t) => ({
+var tp = (t) => ({
   name: "transformOrigin",
   options: t,
   fn(e) {
@@ -6238,23 +6402,23 @@ function Ei(t) {
   const [e, r = "center"] = t.split("-");
   return [e, r];
 }
-var tp = vi, ep = yi, rp = wi, sp = Si, np = "Portal", Ni = y.forwardRef((t, e) => {
+var ep = vi, rp = yi, sp = wi, np = Si, ap = "Portal", Ni = y.forwardRef((t, e) => {
   const { container: r, ...s } = t, [n, a] = y.useState(!1);
   ae(() => a(!0), []);
   const o = r || n && globalThis?.document?.body;
   return o ? Ji.createPortal(/* @__PURE__ */ f.jsx(le.div, { ...s, ref: e }), o) : null;
 });
-Ni.displayName = np;
-function ap(t, e) {
+Ni.displayName = ap;
+function op(t, e) {
   return y.useReducer((r, s) => e[r][s] ?? r, t);
 }
 var gn = (t) => {
-  const { present: e, children: r } = t, s = op(e), n = typeof r == "function" ? r({ present: s.isPresent }) : y.Children.only(r), a = ke(s.ref, ip(n));
+  const { present: e, children: r } = t, s = ip(e), n = typeof r == "function" ? r({ present: s.isPresent }) : y.Children.only(r), a = ke(s.ref, lp(n));
   return typeof r == "function" || s.isPresent ? y.cloneElement(n, { ref: a }) : null;
 };
 gn.displayName = "Presence";
-function op(t) {
-  const [e, r] = y.useState(), s = y.useRef(null), n = y.useRef(t), a = y.useRef("none"), o = t ? "mounted" : "unmounted", [i, l] = ap(o, {
+function ip(t) {
+  const [e, r] = y.useState(), s = y.useRef(null), n = y.useRef(t), a = y.useRef("none"), o = t ? "mounted" : "unmounted", [i, l] = op(o, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -6305,19 +6469,19 @@ function op(t) {
 function xr(t) {
   return t?.animationName || "none";
 }
-function ip(t) {
+function lp(t) {
   let e = Object.getOwnPropertyDescriptor(t.props, "ref")?.get, r = e && "isReactWarning" in e && e.isReactWarning;
   return r ? t.ref : (e = Object.getOwnPropertyDescriptor(t, "ref")?.get, r = e && "isReactWarning" in e && e.isReactWarning, r ? t.props.ref : t.props.ref || t.ref);
 }
-var lp = y[" useInsertionEffect ".trim().toString()] || ae;
-function cp({
+var cp = y[" useInsertionEffect ".trim().toString()] || ae;
+function up({
   prop: t,
   defaultProp: e,
   onChange: r = () => {
   },
   caller: s
 }) {
-  const [n, a, o] = up({
+  const [n, a, o] = dp({
     defaultProp: e,
     onChange: r
   }), i = t !== void 0, l = i ? t : n;
@@ -6333,7 +6497,7 @@ function cp({
   const c = y.useCallback(
     (u) => {
       if (i) {
-        const p = dp(u) ? u(t) : u;
+        const p = fp(u) ? u(t) : u;
         p !== t && o.current?.(p);
       } else
         a(u);
@@ -6342,21 +6506,21 @@ function cp({
   );
   return [l, c];
 }
-function up({
+function dp({
   defaultProp: t,
   onChange: e
 }) {
   const [r, s] = y.useState(t), n = y.useRef(r), a = y.useRef(e);
-  return lp(() => {
+  return cp(() => {
     a.current = e;
   }, [e]), y.useEffect(() => {
     n.current !== r && (a.current?.(r), n.current = r);
   }, [r, n]), [r, s, a];
 }
-function dp(t) {
+function fp(t) {
   return typeof t == "function";
 }
-var fp = Object.freeze({
+var pp = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
   position: "absolute",
   border: 0,
@@ -6368,23 +6532,23 @@ var fp = Object.freeze({
   clip: "rect(0, 0, 0, 0)",
   whiteSpace: "nowrap",
   wordWrap: "normal"
-}), pp = "VisuallyHidden", Pi = y.forwardRef(
+}), mp = "VisuallyHidden", Oi = y.forwardRef(
   (t, e) => /* @__PURE__ */ f.jsx(
     le.span,
     {
       ...t,
       ref: e,
-      style: { ...fp, ...t.style }
+      style: { ...pp, ...t.style }
     }
   )
 );
-Pi.displayName = pp;
-var mp = Pi, [rs] = ci("Tooltip", [
+Oi.displayName = mp;
+var gp = Oi, [rs] = ci("Tooltip", [
   hi
-]), ss = hi(), Oi = "TooltipProvider", gp = 700, Ns = "tooltip.open", [hp, hn] = rs(Oi), Ci = (t) => {
+]), ss = hi(), Pi = "TooltipProvider", hp = 700, Ns = "tooltip.open", [bp, hn] = rs(Pi), Ci = (t) => {
   const {
     __scopeTooltip: e,
-    delayDuration: r = gp,
+    delayDuration: r = hp,
     skipDelayDuration: s = 300,
     disableHoverableContent: n = !1,
     children: a
@@ -6393,7 +6557,7 @@ var mp = Pi, [rs] = ci("Tooltip", [
     const c = l.current;
     return () => window.clearTimeout(c);
   }, []), /* @__PURE__ */ f.jsx(
-    hp,
+    bp,
     {
       scope: e,
       isOpenDelayedRef: o,
@@ -6416,8 +6580,8 @@ var mp = Pi, [rs] = ci("Tooltip", [
     }
   );
 };
-Ci.displayName = Oi;
-var Je = "Tooltip", [bp, pr] = rs(Je), Ti = (t) => {
+Ci.displayName = Pi;
+var Je = "Tooltip", [vp, pr] = rs(Je), Ti = (t) => {
   const {
     __scopeTooltip: e,
     children: r,
@@ -6426,11 +6590,11 @@ var Je = "Tooltip", [bp, pr] = rs(Je), Ti = (t) => {
     onOpenChange: a,
     disableHoverableContent: o,
     delayDuration: i
-  } = t, l = hn(Je, t.__scopeTooltip), c = ss(e), [u, p] = y.useState(null), m = W0(), d = y.useRef(0), g = o ?? l.disableHoverableContent, h = i ?? l.delayDuration, b = y.useRef(!1), [v, w] = cp({
+  } = t, l = hn(Je, t.__scopeTooltip), c = ss(e), [u, p] = y.useState(null), m = U0(), d = y.useRef(0), g = o ?? l.disableHoverableContent, h = i ?? l.delayDuration, b = y.useRef(!1), [v, w] = up({
     prop: s,
     defaultProp: n ?? !1,
-    onChange: (P) => {
-      P ? (l.onOpen(), document.dispatchEvent(new CustomEvent(Ns))) : l.onClose(), a?.(P);
+    onChange: (O) => {
+      O ? (l.onOpen(), document.dispatchEvent(new CustomEvent(Ns))) : l.onClose(), a?.(O);
     },
     caller: Je
   }), x = y.useMemo(() => v ? b.current ? "delayed-open" : "instant-open" : "closed", [v]), k = y.useCallback(() => {
@@ -6444,8 +6608,8 @@ var Je = "Tooltip", [bp, pr] = rs(Je), Ti = (t) => {
   }, [h, w]);
   return y.useEffect(() => () => {
     d.current && (window.clearTimeout(d.current), d.current = 0);
-  }, []), /* @__PURE__ */ f.jsx(tp, { ...c, children: /* @__PURE__ */ f.jsx(
-    bp,
+  }, []), /* @__PURE__ */ f.jsx(ep, { ...c, children: /* @__PURE__ */ f.jsx(
+    vp,
     {
       scope: e,
       contentId: m,
@@ -6467,10 +6631,10 @@ var Je = "Tooltip", [bp, pr] = rs(Je), Ti = (t) => {
   ) });
 };
 Ti.displayName = Je;
-var Ps = "TooltipTrigger", ji = y.forwardRef(
+var Os = "TooltipTrigger", ji = y.forwardRef(
   (t, e) => {
-    const { __scopeTooltip: r, ...s } = t, n = pr(Ps, r), a = hn(Ps, r), o = ss(r), i = y.useRef(null), l = ke(e, i, n.onTriggerChange), c = y.useRef(!1), u = y.useRef(!1), p = y.useCallback(() => c.current = !1, []);
-    return y.useEffect(() => () => document.removeEventListener("pointerup", p), [p]), /* @__PURE__ */ f.jsx(ep, { asChild: !0, ...o, children: /* @__PURE__ */ f.jsx(
+    const { __scopeTooltip: r, ...s } = t, n = pr(Os, r), a = hn(Os, r), o = ss(r), i = y.useRef(null), l = ke(e, i, n.onTriggerChange), c = y.useRef(!1), u = y.useRef(!1), p = y.useCallback(() => c.current = !1, []);
+    return y.useEffect(() => () => document.removeEventListener("pointerup", p), [p]), /* @__PURE__ */ f.jsx(rp, { asChild: !0, ...o, children: /* @__PURE__ */ f.jsx(
       le.button,
       {
         "aria-describedby": n.open ? n.contentId : void 0,
@@ -6495,25 +6659,25 @@ var Ps = "TooltipTrigger", ji = y.forwardRef(
     ) });
   }
 );
-ji.displayName = Ps;
-var bn = "TooltipPortal", [vp, xp] = rs(bn, {
+ji.displayName = Os;
+var bn = "TooltipPortal", [xp, yp] = rs(bn, {
   forceMount: void 0
 }), Ri = (t) => {
   const { __scopeTooltip: e, forceMount: r, children: s, container: n } = t, a = pr(bn, e);
-  return /* @__PURE__ */ f.jsx(vp, { scope: e, forceMount: r, children: /* @__PURE__ */ f.jsx(gn, { present: r || a.open, children: /* @__PURE__ */ f.jsx(Ni, { asChild: !0, container: n, children: s }) }) });
+  return /* @__PURE__ */ f.jsx(xp, { scope: e, forceMount: r, children: /* @__PURE__ */ f.jsx(gn, { present: r || a.open, children: /* @__PURE__ */ f.jsx(Ni, { asChild: !0, container: n, children: s }) }) });
 };
 Ri.displayName = bn;
 var Re = "TooltipContent", $i = y.forwardRef(
   (t, e) => {
-    const r = xp(Re, t.__scopeTooltip), { forceMount: s = r.forceMount, side: n = "top", ...a } = t, o = pr(Re, t.__scopeTooltip);
-    return /* @__PURE__ */ f.jsx(gn, { present: s || o.open, children: o.disableHoverableContent ? /* @__PURE__ */ f.jsx(Ii, { side: n, ...a, ref: e }) : /* @__PURE__ */ f.jsx(yp, { side: n, ...a, ref: e }) });
+    const r = yp(Re, t.__scopeTooltip), { forceMount: s = r.forceMount, side: n = "top", ...a } = t, o = pr(Re, t.__scopeTooltip);
+    return /* @__PURE__ */ f.jsx(gn, { present: s || o.open, children: o.disableHoverableContent ? /* @__PURE__ */ f.jsx(Ii, { side: n, ...a, ref: e }) : /* @__PURE__ */ f.jsx(wp, { side: n, ...a, ref: e }) });
   }
-), yp = y.forwardRef((t, e) => {
+), wp = y.forwardRef((t, e) => {
   const r = pr(Re, t.__scopeTooltip), s = hn(Re, t.__scopeTooltip), n = y.useRef(null), a = ke(e, n), [o, i] = y.useState(null), { trigger: l, onClose: c } = r, u = n.current, { onPointerInTransitChange: p } = s, m = y.useCallback(() => {
     i(null), p(!1);
   }, [p]), d = y.useCallback(
     (g, h) => {
-      const b = g.currentTarget, v = { x: g.clientX, y: g.clientY }, w = Ep(v, b.getBoundingClientRect()), x = Np(v, w), k = Pp(h.getBoundingClientRect()), E = Cp([...x, ...k]);
+      const b = g.currentTarget, v = { x: g.clientX, y: g.clientY }, w = Np(v, b.getBoundingClientRect()), x = Op(v, w), k = Pp(h.getBoundingClientRect()), E = Tp([...x, ...k]);
       i(E), p(!0);
     },
     [p]
@@ -6528,13 +6692,13 @@ var Re = "TooltipContent", $i = y.forwardRef(
   }, [l, u, d, m]), y.useEffect(() => {
     if (o) {
       const g = (h) => {
-        const b = h.target, v = { x: h.clientX, y: h.clientY }, w = l?.contains(b) || u?.contains(b), x = !Op(v, o);
+        const b = h.target, v = { x: h.clientX, y: h.clientY }, w = l?.contains(b) || u?.contains(b), x = !Cp(v, o);
         w ? m() : x && (m(), c());
       };
       return document.addEventListener("pointermove", g), () => document.removeEventListener("pointermove", g);
     }
   }, [l, u, o, c, m]), /* @__PURE__ */ f.jsx(Ii, { ...t, ref: a });
-}), [wp, kp] = rs(Je, { isInside: !1 }), Sp = /* @__PURE__ */ C0("TooltipContent"), Ii = y.forwardRef(
+}), [kp, Sp] = rs(Je, { isInside: !1 }), Ep = /* @__PURE__ */ T0("TooltipContent"), Ii = y.forwardRef(
   (t, e) => {
     const {
       __scopeTooltip: r,
@@ -6561,7 +6725,7 @@ var Re = "TooltipContent", $i = y.forwardRef(
         onFocusOutside: (p) => p.preventDefault(),
         onDismiss: u,
         children: /* @__PURE__ */ f.jsxs(
-          rp,
+          sp,
           {
             "data-state": l.stateAttribute,
             ...c,
@@ -6576,8 +6740,8 @@ var Re = "TooltipContent", $i = y.forwardRef(
               "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
             },
             children: [
-              /* @__PURE__ */ f.jsx(Sp, { children: s }),
-              /* @__PURE__ */ f.jsx(wp, { scope: r, isInside: !0, children: /* @__PURE__ */ f.jsx(mp, { id: l.contentId, role: "tooltip", children: n || s }) })
+              /* @__PURE__ */ f.jsx(Ep, { children: s }),
+              /* @__PURE__ */ f.jsx(kp, { scope: r, isInside: !0, children: /* @__PURE__ */ f.jsx(gp, { id: l.contentId, role: "tooltip", children: n || s }) })
             ]
           }
         )
@@ -6589,14 +6753,14 @@ $i.displayName = Re;
 var Ai = "TooltipArrow", Di = y.forwardRef(
   (t, e) => {
     const { __scopeTooltip: r, ...s } = t, n = ss(r);
-    return kp(
+    return Sp(
       Ai,
       r
-    ).isInside ? null : /* @__PURE__ */ f.jsx(sp, { ...n, ...s, ref: e });
+    ).isInside ? null : /* @__PURE__ */ f.jsx(np, { ...n, ...s, ref: e });
   }
 );
 Di.displayName = Ai;
-function Ep(t, e) {
+function Np(t, e) {
   const r = Math.abs(e.top - t.y), s = Math.abs(e.bottom - t.y), n = Math.abs(e.right - t.x), a = Math.abs(e.left - t.x);
   switch (Math.min(r, s, n, a)) {
     case a:
@@ -6611,7 +6775,7 @@ function Ep(t, e) {
       throw new Error("unreachable");
   }
 }
-function Np(t, e, r = 5) {
+function Op(t, e, r = 5) {
   const s = [];
   switch (e) {
     case "top":
@@ -6650,7 +6814,7 @@ function Pp(t) {
     { x: n, y: s }
   ];
 }
-function Op(t, e) {
+function Cp(t, e) {
   const { x: r, y: s } = t;
   let n = !1;
   for (let a = 0, o = e.length - 1; a < e.length; o = a++) {
@@ -6659,11 +6823,11 @@ function Op(t, e) {
   }
   return n;
 }
-function Cp(t) {
+function Tp(t) {
   const e = t.slice();
-  return e.sort((r, s) => r.x < s.x ? -1 : r.x > s.x ? 1 : r.y < s.y ? -1 : r.y > s.y ? 1 : 0), Tp(e);
+  return e.sort((r, s) => r.x < s.x ? -1 : r.x > s.x ? 1 : r.y < s.y ? -1 : r.y > s.y ? 1 : 0), jp(e);
 }
-function Tp(t) {
+function jp(t) {
   if (t.length <= 1) return t.slice();
   const e = [];
   for (let s = 0; s < t.length; s++) {
@@ -6688,8 +6852,8 @@ function Tp(t) {
   }
   return r.pop(), e.length === 1 && r.length === 1 && e[0].x === r[0].x && e[0].y === r[0].y ? e : e.concat(r);
 }
-var jp = Ci, Rp = Ti, $p = ji, Ip = Ri, Ap = $i, Dp = Di;
-function Bm({
+var Rp = Ci, $p = Ti, Ip = ji, Ap = Ri, Dp = $i, Fp = Di;
+function Hm({
   content: t,
   children: e,
   placement: r = "top",
@@ -6699,8 +6863,8 @@ function Bm({
   className: o
 }) {
   const [i, l] = X(a), c = tt(() => l((u) => !u), []);
-  return /* @__PURE__ */ f.jsx(jp, { delayDuration: n, children: /* @__PURE__ */ f.jsxs(Rp, { open: i, onOpenChange: l, children: [
-    /* @__PURE__ */ f.jsx($p, { asChild: !0, onClick: c, children: /* @__PURE__ */ f.jsx(
+  return /* @__PURE__ */ f.jsx(Rp, { delayDuration: n, children: /* @__PURE__ */ f.jsxs($p, { open: i, onOpenChange: l, children: [
+    /* @__PURE__ */ f.jsx(Ip, { asChild: !0, onClick: c, children: /* @__PURE__ */ f.jsx(
       "span",
       {
         className: "rst:inline-flex rst:items-center rst:cursor-default",
@@ -6709,8 +6873,8 @@ function Bm({
         children: e
       }
     ) }),
-    /* @__PURE__ */ f.jsx(Ip, { children: /* @__PURE__ */ f.jsxs(
-      Ap,
+    /* @__PURE__ */ f.jsx(Ap, { children: /* @__PURE__ */ f.jsxs(
+      Dp,
       {
         side: r,
         sideOffset: 8,
@@ -6729,7 +6893,7 @@ function Bm({
         children: [
           t,
           /* @__PURE__ */ f.jsx(
-            Dp,
+            Fp,
             {
               className: s === "dark" ? "rst:fill-zinc-900" : "rst:fill-white",
               width: 12,
@@ -6741,7 +6905,7 @@ function Bm({
     ) })
   ] }) });
 }
-const Fp = {
+const Mp = {
   xs: "rst:max-h-8",
   // single row of chips, tags, or badges
   sm: "rst:max-h-16",
@@ -6751,7 +6915,7 @@ const Fp = {
   lg: "rst:max-h-36"
   // ~6-7 lines
 };
-function Hm({
+function zm({
   children: t,
   size: e = "md",
   expandLabel: r = "Show more",
@@ -6768,7 +6932,7 @@ function Hm({
       {
         ref: c,
         "data-testid": "collapsible-content",
-        className: C(!a && Fp[e], !a && "rst:overflow-hidden"),
+        className: C(!a && Mp[e], !a && "rst:overflow-hidden"),
         style: !a && i ? {
           maskImage: "linear-gradient(to bottom, black 50%, transparent 100%)",
           WebkitMaskImage: "linear-gradient(to bottom, black 50%, transparent 100%)"
@@ -6788,7 +6952,7 @@ function Hm({
     )
   ] });
 }
-function zm({
+function Wm({
   segments: t,
   size: e = "md",
   showLegend: r = !0,
@@ -6855,7 +7019,7 @@ function zm({
     )
   ] });
 }
-const Mp = Z(
+const Lp = Z(
   "rst:font-ui rst:flex rst:items-start rst:gap-2.5 rst:rounded-lg rst:border-l-4 rst:px-4 rst:py-3 rst:text-sm",
   {
     variants: {
@@ -6930,15 +7094,15 @@ const Mp = Z(
       surface: "tint"
     }
   }
-), Lp = {
+), _p = {
   error: Ui,
   success: Wi,
-  amber: Oa,
+  amber: Pa,
   info: hr,
   primary: hr,
   neutral: hr,
   current: hr
-}, _p = S.forwardRef(
+}, Vp = S.forwardRef(
   ({
     colorScheme: t = "error",
     surface: e,
@@ -6957,13 +7121,13 @@ const Mp = Z(
         ref: c,
         role: u ? "alert" : "status",
         "aria-live": u ? "assertive" : "polite",
-        className: C(Mp({ colorScheme: t, surface: e }), i),
+        className: C(Lp({ colorScheme: t, surface: e }), i),
         ...l,
         children: [
           n === void 0 ? /* @__PURE__ */ f.jsx(
             mt,
             {
-              icon: Lp[t ?? "error"],
+              icon: _p[t ?? "error"],
               className: "rst:mt-0.5 rst:h-4 rst:w-4 rst:shrink-0",
               "aria-hidden": "true"
             }
@@ -6987,8 +7151,8 @@ const Mp = Z(
     );
   }
 );
-_p.displayName = "Alert";
-const Wm = ({
+Vp.displayName = "Alert";
+const Um = ({
   items: t,
   allowMultiple: e = !1,
   variant: r = "soft",
@@ -7017,7 +7181,7 @@ const Wm = ({
       }
     )
   ] }, c.id)) });
-}, Vp = Z("rst:m-0", {
+}, Bp = Z("rst:m-0", {
   variants: {
     layout: {
       /** Term and description on one row, term column sized to content. */
@@ -7033,12 +7197,12 @@ const Wm = ({
     }
   },
   defaultVariants: { layout: "inline", size: "sm" }
-}), Bp = S.forwardRef(
+}), Hp = S.forwardRef(
   ({ items: t, layout: e, size: r, dividers: s = !1, className: n, ...a }, o) => /* @__PURE__ */ f.jsx(
     "dl",
     {
       ref: o,
-      className: C(Vp({ layout: e, size: r }), n),
+      className: C(Bp({ layout: e, size: r }), n),
       ...a,
       children: t.map((i, l) => {
         const c = l === t.length - 1, u = s && !c ? "rst:border-b rst:border-gray-200 rst:pb-1.5 rst:dark:border-gray-800" : "";
@@ -7056,8 +7220,8 @@ const Wm = ({
     }
   )
 );
-Bp.displayName = "DescriptionList";
-const Hp = Z("rst:my-1", {
+Hp.displayName = "DescriptionList";
+const zp = Z("rst:my-1", {
   variants: {
     variant: {
       /** Accent rule down the left. The quiet default. */
@@ -7084,12 +7248,12 @@ const Hp = Z("rst:my-1", {
     }
   },
   defaultVariants: { variant: "rule", colorScheme: "primary" }
-}), zp = S.forwardRef(
+}), Wp = S.forwardRef(
   ({ children: t, cite: e, citeUrl: r, variant: s, colorScheme: n, className: a, ...o }, i) => /* @__PURE__ */ f.jsxs(
     "figure",
     {
       ref: i,
-      className: C(Hp({ variant: s, colorScheme: n }), a),
+      className: C(zp({ variant: s, colorScheme: n }), a),
       ...o,
       children: [
         /* @__PURE__ */ f.jsx(
@@ -7105,7 +7269,7 @@ const Hp = Z("rst:my-1", {
     }
   )
 );
-zp.displayName = "Pullquote";
+Wp.displayName = "Pullquote";
 const ga = Z(
   "rst:font-ui rst:flex rst:items-center rst:text-sm rst:font-medium rst:transition-colors",
   {
@@ -7120,7 +7284,7 @@ const ga = Z(
       variant: "default"
     }
   }
-), Um = ({
+), Ym = ({
   items: t,
   separator: e,
   showHomeIcon: r,
@@ -7197,7 +7361,7 @@ const ga = Z(
       );
     })
   ] }) });
-}, Wp = Z(
+}, Up = Z(
   "rst:font-ui rst:relative rst:flex rst:flex-col rst:gap-4 rst:overflow-hidden rst:rounded-lg rst:border rst:p-6 rst:shadow-sm rst:transition-all rst:md:flex-row rst:md:items-center rst:md:justify-between",
   {
     variants: {
@@ -7214,7 +7378,7 @@ const ga = Z(
       variant: "primary"
     }
   }
-), Ym = ({
+), Gm = ({
   title: t,
   description: e,
   action: r,
@@ -7223,7 +7387,7 @@ const ga = Z(
   onDismiss: a,
   className: o,
   ...i
-}) => /* @__PURE__ */ f.jsxs("div", { className: C(Wp({ variant: n }), o), ...i, children: [
+}) => /* @__PURE__ */ f.jsxs("div", { className: C(Up({ variant: n }), o), ...i, children: [
   /* @__PURE__ */ f.jsxs("div", { className: "rst:flex rst:items-start rst:gap-4", children: [
     s && /* @__PURE__ */ f.jsx("div", { className: "rst:mt-1 rst:shrink-0 rst:text-current", children: s }),
     /* @__PURE__ */ f.jsxs("div", { className: "rst:flex rst:flex-col rst:gap-1.5 rst:w-full", children: [
@@ -7243,7 +7407,7 @@ const ga = Z(
       children: /* @__PURE__ */ f.jsx(mt, { icon: Ge, className: "rst:h-4 rst:w-4" })
     }
   ) })
-] }), Up = Z(
+] }), Yp = Z(
   "rst:font-ui rst:flex rst:flex-col rst:items-center rst:justify-center rst:text-center rst:p-8 rst:rounded-lg rst:transition-colors",
   {
     variants: {
@@ -7256,7 +7420,7 @@ const ga = Z(
       variant: "dashed"
     }
   }
-), Gm = ({
+), Km = ({
   title: t,
   description: e,
   icon: r,
@@ -7264,12 +7428,12 @@ const ga = Z(
   variant: n,
   className: a,
   ...o
-}) => /* @__PURE__ */ f.jsxs("div", { className: C(Up({ variant: n }), a), ...o, children: [
+}) => /* @__PURE__ */ f.jsxs("div", { className: C(Yp({ variant: n }), a), ...o, children: [
   r && /* @__PURE__ */ f.jsx("div", { className: "rst:mb-4 rst:flex rst:h-12 rst:w-12 rst:items-center rst:justify-center rst:rounded-full rst:bg-gray-100 rst:text-gray-400 rst:dark:bg-gray-800 rst:dark:text-gray-500", children: /* @__PURE__ */ f.jsx("div", { className: "rst:h-6 rst:w-6 rst:[&>svg]:h-full rst:[&>svg]:w-full", children: r }) }),
   /* @__PURE__ */ f.jsx("h3", { className: "rst:text-lg rst:font-semibold rst:text-gray-900 rst:dark:text-gray-100", children: t }),
   e && /* @__PURE__ */ f.jsx("p", { className: "rst:mt-1 rst:max-w-sm rst:text-sm rst:text-gray-500 rst:dark:text-gray-400", children: e }),
   s && /* @__PURE__ */ f.jsx("div", { className: "rst:mt-6", children: s })
-] }), Yp = Z(
+] }), Gp = Z(
   "rst:font-ui rst:flex rst:flex-col rst:items-center rst:justify-center rst:text-center rst:p-8 rst:rounded-lg rst:transition-colors",
   {
     variants: {
@@ -7282,7 +7446,7 @@ const ga = Z(
       variant: "card"
     }
   }
-), Km = ({
+), qm = ({
   title: t = "An Error Occurred",
   description: e,
   onRetry: r,
@@ -7291,11 +7455,11 @@ const ga = Z(
   variant: a,
   className: o,
   ...i
-}) => /* @__PURE__ */ f.jsxs("div", { className: C(Yp({ variant: a }), o), ...i, children: [
+}) => /* @__PURE__ */ f.jsxs("div", { className: C(Gp({ variant: a }), o), ...i, children: [
   /* @__PURE__ */ f.jsx("div", { className: "rst:mb-4 rst:flex rst:h-12 rst:w-12 rst:items-center rst:justify-center rst:rounded-full rst:bg-error-100 rst:text-error-600 rst:dark:bg-error-500/15 rst:dark:text-error-400", children: /* @__PURE__ */ f.jsx("div", { className: "rst:h-6 rst:w-6 rst:flex rst:items-center rst:justify-center", children: n || /* @__PURE__ */ f.jsx(
     mt,
     {
-      icon: Oa,
+      icon: Pa,
       className: "rst:h-full rst:w-full"
     }
   ) }) }),
@@ -7339,7 +7503,7 @@ const ga = Z(
     }
   },
   defaultVariants: { state: "default" }
-}), Gp = S.forwardRef(
+}), Kp = S.forwardRef(
   ({
     awayTeam: t,
     homeTeam: e,
@@ -7412,8 +7576,8 @@ const ga = Z(
     );
   }
 );
-Gp.displayName = "MatchupCard";
-const Kp = Z(
+Kp.displayName = "MatchupCard";
+const qp = Z(
   "rst:font-ui rst:w-full rst:z-40 rst:shadow-lg rst:backdrop-blur-md rst:transition-all",
   {
     variants: {
@@ -7434,7 +7598,7 @@ const Kp = Z(
       position: "top"
     }
   }
-), qp = Ra(
+), Xp = Ra(
   ({
     title: t,
     subtitle: e,
@@ -7449,7 +7613,7 @@ const Kp = Z(
     "div",
     {
       ref: c,
-      className: C(Kp({ variant: o, position: a }), i),
+      className: C(qp({ variant: o, position: a }), i),
       ...l,
       children: /* @__PURE__ */ f.jsxs("div", { className: "rst:container rst:mx-auto rst:p-4", children: [
         /* @__PURE__ */ f.jsxs("div", { className: "rst:flex rst:justify-between rst:items-center", children: [
@@ -7465,20 +7629,20 @@ const Kp = Z(
     }
   )
 );
-qp.displayName = "ActionBar";
-const Xp = 864e5, Qp = 6e4, Zp = 36e5, va = /* @__PURE__ */ Symbol.for("constructDateFrom");
+Xp.displayName = "ActionBar";
+const Qp = 864e5, Zp = 6e4, Jp = 36e5, va = /* @__PURE__ */ Symbol.for("constructDateFrom");
 function $e(t, e) {
   return typeof t == "function" ? t(e) : t && typeof t == "object" && va in t ? t[va](e) : t instanceof Date ? new t.constructor(e) : new Date(e);
 }
-function Pt(t, e) {
+function Ot(t, e) {
   return $e(t, t);
 }
-function Jp(t, e, r) {
-  const s = Pt(t);
+function tm(t, e, r) {
+  const s = Ot(t);
   return isNaN(e) ? $e(t, NaN) : (e && s.setDate(s.getDate() + e), s);
 }
-function tm(t, e, r) {
-  const s = Pt(t);
+function em(t, e, r) {
+  const s = Ot(t);
   if (isNaN(e)) return $e(t, NaN);
   if (!e)
     return s;
@@ -7500,11 +7664,11 @@ function Ve(t, e, r) {
     hours: i = 0,
     minutes: l = 0,
     seconds: c = 0
-  } = e, u = Pt(t), p = n || s ? tm(u, n + s * 12) : u, m = o || a ? Jp(p, o + a * 7) : p, d = l + i * 60, h = (c + d * 60) * 1e3;
+  } = e, u = Ot(t), p = n || s ? em(u, n + s * 12) : u, m = o || a ? tm(p, o + a * 7) : p, d = l + i * 60, h = (c + d * 60) * 1e3;
   return $e(t, +m + h);
 }
 function xa(t) {
-  const e = Pt(t), r = new Date(
+  const e = Ot(t), r = new Date(
     Date.UTC(
       e.getFullYear(),
       e.getMonth(),
@@ -7525,22 +7689,22 @@ function ce(t, ...e) {
   return e.map(r);
 }
 function ya(t, e) {
-  const r = Pt(t);
+  const r = Ot(t);
   return r.setHours(0, 0, 0, 0), r;
 }
-function em(t, e, r) {
+function rm(t, e, r) {
   const [s, n] = ce(
     r?.in,
     t,
     e
   ), a = ya(s), o = ya(n), i = +a - xa(a), l = +o - xa(o);
-  return Math.round((i - l) / Xp);
+  return Math.round((i - l) / Qp);
 }
 function Ye(t, e) {
-  const r = +Pt(t) - +Pt(e);
+  const r = +Ot(t) - +Ot(e);
   return r < 0 ? -1 : r > 0 ? 1 : r;
 }
-function rm(t, e, r) {
+function sm(t, e, r) {
   const [s, n] = ce(
     r?.in,
     t,
@@ -7548,7 +7712,7 @@ function rm(t, e, r) {
   ), a = s.getFullYear() - n.getFullYear(), o = s.getMonth() - n.getMonth();
   return a * 12 + o;
 }
-function sm(t, e, r) {
+function nm(t, e, r) {
   const [s, n] = ce(
     r?.in,
     t,
@@ -7556,13 +7720,13 @@ function sm(t, e, r) {
   );
   return s.getFullYear() - n.getFullYear();
 }
-function nm(t, e, r) {
+function am(t, e, r) {
   const [s, n] = ce(
     r?.in,
     t,
     e
   ), a = wa(s, n), o = Math.abs(
-    em(s, n)
+    rm(s, n)
   );
   s.setDate(s.getDate() - a * o);
   const i = +(wa(s, n) === -a), l = a * (o - i);
@@ -7578,90 +7742,90 @@ function vn(t) {
     return s === 0 ? 0 : s;
   };
 }
-function am(t, e, r) {
+function om(t, e, r) {
   const [s, n] = ce(
     r?.in,
     t,
     e
-  ), a = (+s - +n) / Zp;
+  ), a = (+s - +n) / Jp;
   return vn(r?.roundingMethod)(a);
 }
 function Fi(t, e) {
-  return +Pt(t) - +Pt(e);
+  return +Ot(t) - +Ot(e);
 }
-function om(t, e, r) {
-  const s = Fi(t, e) / Qp;
+function im(t, e, r) {
+  const s = Fi(t, e) / Zp;
   return vn(r?.roundingMethod)(s);
 }
-function im(t, e) {
-  const r = Pt(t);
+function lm(t, e) {
+  const r = Ot(t);
   return r.setHours(23, 59, 59, 999), r;
 }
-function lm(t, e) {
-  const r = Pt(t), s = r.getMonth();
+function cm(t, e) {
+  const r = Ot(t), s = r.getMonth();
   return r.setFullYear(r.getFullYear(), s + 1, 0), r.setHours(23, 59, 59, 999), r;
 }
-function cm(t, e) {
-  const r = Pt(t);
-  return +im(r) == +lm(r);
+function um(t, e) {
+  const r = Ot(t);
+  return +lm(r) == +cm(r);
 }
-function um(t, e, r) {
+function dm(t, e, r) {
   const [s, n, a] = ce(
     r?.in,
     t,
     t,
     e
   ), o = Ye(n, a), i = Math.abs(
-    rm(n, a)
+    sm(n, a)
   );
   if (i < 1) return 0;
   n.getMonth() === 1 && n.getDate() > 27 && n.setDate(30), n.setMonth(n.getMonth() - o * i);
   let l = Ye(n, a) === -o;
-  cm(s) && i === 1 && Ye(s, a) === 1 && (l = !1);
+  um(s) && i === 1 && Ye(s, a) === 1 && (l = !1);
   const c = o * (i - +l);
   return c === 0 ? 0 : c;
 }
-function dm(t, e, r) {
+function fm(t, e, r) {
   const s = Fi(t, e) / 1e3;
   return vn(r?.roundingMethod)(s);
 }
-function fm(t, e, r) {
+function pm(t, e, r) {
   const [s, n] = ce(
     r?.in,
     t,
     e
-  ), a = Ye(s, n), o = Math.abs(sm(s, n));
+  ), a = Ye(s, n), o = Math.abs(nm(s, n));
   s.setFullYear(1584), n.setFullYear(1584);
   const i = Ye(s, n) === -a, l = a * (o - +i);
   return l === 0 ? 0 : l;
 }
-function pm(t, e) {
+function mm(t, e) {
   const [r, s] = ce(t, e.start, e.end);
   return { start: r, end: s };
 }
-function mm(t, e) {
-  const { start: r, end: s } = pm(e?.in, t), n = {}, a = fm(s, r);
+function gm(t, e) {
+  const { start: r, end: s } = mm(e?.in, t), n = {}, a = pm(s, r);
   a && (n.years = a);
-  const o = Ve(r, { years: n.years }), i = um(s, o);
+  const o = Ve(r, { years: n.years }), i = dm(s, o);
   i && (n.months = i);
-  const l = Ve(o, { months: n.months }), c = nm(s, l);
+  const l = Ve(o, { months: n.months }), c = am(s, l);
   c && (n.days = c);
-  const u = Ve(l, { days: n.days }), p = am(s, u);
+  const u = Ve(l, { days: n.days }), p = om(s, u);
   p && (n.hours = p);
-  const m = Ve(u, { hours: n.hours }), d = om(s, m);
+  const m = Ve(u, { hours: n.hours }), d = im(s, m);
   d && (n.minutes = d);
-  const g = Ve(m, { minutes: n.minutes }), h = dm(s, g);
+  const g = Ve(m, { minutes: n.minutes }), h = fm(s, g);
   return h && (n.seconds = h), n;
 }
-function gm(t, e) {
-  return +Pt(t) > +Pt(e);
+function hm(t, e) {
+  return +Ot(t) > +Ot(e);
 }
-const hm = (t) => {
+const bm = (t) => {
   const e = t.getTime(), r = tt(() => {
     const i = /* @__PURE__ */ new Date(), l = new Date(e);
-    if (gm(i, l))
+    if (hm(i, l))
       return { days: 0, hours: 0, minutes: 0, seconds: 0, isFinished: !0 };
-    const c = mm({
+    const c = gm({
       start: i,
       end: l
     });
@@ -7697,7 +7861,7 @@ const hm = (t) => {
       size: "md"
     }
   }
-), bm = Z(
+), vm = Z(
   "rst:font-mono rst:bg-clip-text rst:transition-all",
   {
     variants: {
@@ -7719,7 +7883,7 @@ const hm = (t) => {
       size: "md"
     }
   }
-), vm = Z(
+), xm = Z(
   "rst:uppercase rst:tracking-widest rst:mt-1 rst:transition-colors rst:text-gray-500 rst:dark:text-gray-400",
   {
     variants: {
@@ -7736,9 +7900,9 @@ const hm = (t) => {
     }
   }
 ), yr = ({ value: t, label: e, size: r, variant: s }) => /* @__PURE__ */ f.jsxs("div", { className: "rst:flex rst:flex-col rst:items-center", children: [
-  /* @__PURE__ */ f.jsx("span", { className: C(bm({ size: r, variant: s })), children: String(t).padStart(2, "0") }),
-  /* @__PURE__ */ f.jsx("span", { className: C(vm({ size: r })), children: e })
-] }), xm = S.forwardRef(
+  /* @__PURE__ */ f.jsx("span", { className: C(vm({ size: r, variant: s })), children: String(t).padStart(2, "0") }),
+  /* @__PURE__ */ f.jsx("span", { className: C(xm({ size: r })), children: e })
+] }), ym = S.forwardRef(
   ({
     targetDate: t,
     title: e,
@@ -7748,7 +7912,7 @@ const hm = (t) => {
     completionText: a,
     ...o
   }, i) => {
-    const { days: l, hours: c, minutes: u, seconds: p, isFinished: m } = hm(t);
+    const { days: l, hours: c, minutes: u, seconds: p, isFinished: m } = bm(t);
     return m ? a ? /* @__PURE__ */ f.jsx(
       "div",
       {
@@ -7814,8 +7978,8 @@ const hm = (t) => {
     );
   }
 );
-xm.displayName = "Countdown";
-const ym = Z(
+ym.displayName = "Countdown";
+const wm = Z(
   "rst:relative rst:w-full rst:transform rst:overflow-hidden rst:rounded-2xl rst:p-6 rst:text-left rst:align-middle rst:shadow-xl rst:transition-all rst:border",
   {
     variants: {
@@ -7847,9 +8011,9 @@ const ym = Z(
       status: "default"
     }
   }
-), wm = Z("rst:text-xl rst:font-bold rst:leading-6 rst:text-inherit"), km = Z("rst:mt-1 rst:text-sm rst:text-inherit rst:opacity-75"), Sm = Z(
+), km = Z("rst:text-xl rst:font-bold rst:leading-6 rst:text-inherit"), Sm = Z("rst:mt-1 rst:text-sm rst:text-inherit rst:opacity-75"), Em = Z(
   "rst:inline-flex rst:rounded-md rst:bg-transparent rst:text-inherit rst:opacity-50 rst:hover:opacity-100 rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:focus-visible:ring-offset-2 rst:ring-offset-background rst:transition-opacity"
-), qm = ({
+), Xm = ({
   isOpen: t,
   onClose: e,
   title: r,
@@ -7895,21 +8059,21 @@ const ym = Z(
         Bo,
         {
           className: C(
-            ym({ size: n, variant: a, status: o }),
+            wm({ size: n, variant: a, status: o }),
             l
           ),
           children: [
             /* @__PURE__ */ f.jsxs("div", { className: "rst:flex rst:items-start rst:justify-between", children: [
               /* @__PURE__ */ f.jsxs("div", { children: [
-                /* @__PURE__ */ f.jsx(Ho, { as: "h2", className: C(wm()), children: r }),
-                s && /* @__PURE__ */ f.jsx("p", { className: C(km()), children: s })
+                /* @__PURE__ */ f.jsx(Ho, { as: "h2", className: C(km()), children: r }),
+                s && /* @__PURE__ */ f.jsx("p", { className: C(Sm()), children: s })
               ] }),
               /* @__PURE__ */ f.jsx("div", { className: "rst:ml-4 rst:flex rst:shrink-0", children: /* @__PURE__ */ f.jsx(
                 "button",
                 {
                   type: "button",
                   onClick: e,
-                  className: C(Sm()),
+                  className: C(Em()),
                   "aria-label": "Close dialog",
                   children: /* @__PURE__ */ f.jsx(mt, { icon: Ge, className: "rst:h-5 rst:w-5" })
                 }
@@ -7921,7 +8085,7 @@ const ym = Z(
       )
     }
   ) }) })
-] }) }), Em = Z(
+] }) }), Nm = Z(
   "rst:font-ui rst:w-full rst:py-6 rst:mt-auto rst:transition-colors rst:duration-200",
   {
     variants: {
@@ -7941,14 +8105,14 @@ const ym = Z(
       variant: "default"
     }
   }
-), Nm = S.forwardRef(
+), Om = S.forwardRef(
   ({ className: t, variant: e, companyName: r = "Ball Collaborative", links: s, routerElement: n, ...a }, o) => {
     const i = (/* @__PURE__ */ new Date()).getFullYear(), l = n ?? "a";
     return /* @__PURE__ */ f.jsx(
       "footer",
       {
         ref: o,
-        className: C(Em({ variant: e }), t),
+        className: C(Nm({ variant: e }), t),
         ...a,
         children: /* @__PURE__ */ f.jsxs("div", { className: "rst:container rst:mx-auto rst:px-4 rst:flex rst:flex-col rst:items-center rst:gap-2", children: [
           s && s.length > 0 && /* @__PURE__ */ f.jsx("nav", { "aria-label": "Footer navigation", className: "rst:flex rst:flex-wrap rst:justify-center rst:gap-x-5 rst:gap-y-1", children: s.map((c) => /* @__PURE__ */ f.jsx(
@@ -7973,7 +8137,7 @@ const ym = Z(
     );
   }
 );
-Nm.displayName = "Footer";
+Om.displayName = "Footer";
 const Pm = Z(
   "rst:font-ui rst:w-full rst:z-30 rst:border-b rst:transition-colors rst:duration-200",
   {
@@ -8005,7 +8169,7 @@ const Pm = Z(
     }
   }
 ), Sa = (t, e) => typeof t == "function" ? t({ close: e }) : t;
-function Om(t) {
+function Cm(t) {
   return S.useSyncExternalStore(
     (e) => {
       if (!t || typeof document > "u") return () => {
@@ -8020,7 +8184,7 @@ function Om(t) {
     () => !1
   );
 }
-function Cm({ close: t }) {
+function Tm({ close: t }) {
   return st(() => {
     const e = (r) => {
       const s = document.querySelector("[data-roster-mobile-panel]"), n = document.querySelector("[data-roster-hamburger]"), a = r.target;
@@ -8029,7 +8193,7 @@ function Cm({ close: t }) {
     return document.addEventListener("pointerdown", e, { capture: !0 }), () => document.removeEventListener("pointerdown", e, { capture: !0 });
   }, [t]), null;
 }
-function Tm({
+function jm({
   activePath: t,
   close: e
 }) {
@@ -8038,7 +8202,7 @@ function Tm({
     r.current !== t && (r.current = t, e());
   }, [t, e]), null;
 }
-const Xm = ({
+const Qm = ({
   logoSrc: t,
   logoSize: e = "2rem",
   logoClassName: r,
@@ -8063,7 +8227,7 @@ const Xm = ({
   notificationFill: E = "solid",
   ...T
 }) => {
-  const P = (i?.notificationCount || 0) > 0, M = typeof e == "number" ? `${e}px` : e, z = { width: M, height: M }, N = Om(x === "auto"), L = (x === "auto" ? N ? "dark" : "light" : x ?? (v === "white" || v === "default" ? "light" : "dark")) === "dark", _ = v === "slate" || v === "primary" || v === "default" && L || v === "white" && L || v === "transparent" && L, R = {
+  const O = (i?.notificationCount || 0) > 0, M = typeof e == "number" ? `${e}px` : e, z = { width: M, height: M }, N = Cm(x === "auto"), L = (x === "auto" ? N ? "dark" : "light" : x ?? (v === "white" || v === "default" ? "light" : "dark")) === "dark", _ = v === "slate" || v === "primary" || v === "default" && L || v === "white" && L || v === "transparent" && L, R = {
     brand: _ ? "rst:text-white rst:dark:text-white rst:hover:text-gray-200 rst:dark:hover:text-gray-200" : "rst:text-gray-900 rst:dark:text-gray-900 rst:hover:text-gray-600 rst:dark:hover:text-gray-600",
     linkBase: _ ? "rst:text-gray-300 rst:dark:text-gray-300 rst:hover:text-white rst:dark:hover:text-white" : "rst:text-gray-600 rst:dark:text-gray-600 rst:hover:text-gray-900 rst:dark:hover:text-gray-900",
     linkActive: _ ? "rst:text-primary-400 rst:dark:text-primary-400 rst:font-semibold rst:hover:text-primary-300 rst:dark:hover:text-primary-300" : "rst:text-primary-600 rst:dark:text-primary-600 rst:font-semibold rst:hover:text-primary-700 rst:dark:hover:text-primary-700",
@@ -8076,7 +8240,7 @@ const Xm = ({
       className: C("rst:z-50", Pm({ variant: v, position: w }), b),
       ...T,
       children: ({ open: D, close: F }) => {
-        const U = Sa(m, F), O = Sa(g, F);
+        const U = Sa(m, F), P = Sa(g, F);
         return /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
           /* @__PURE__ */ f.jsxs("div", { className: "rst:container rst:mx-auto rst:flex rst:items-center rst:justify-between rst:px-4 rst:h-16", children: [
             /* @__PURE__ */ f.jsxs(
@@ -8128,7 +8292,7 @@ const Xm = ({
                   j.path
                 );
               }) }),
-              O,
+              P,
               U ?? (i ? /* @__PURE__ */ f.jsxs(gf, { as: "div", className: "rst:relative rst:ml-2", children: [
                 /* @__PURE__ */ f.jsxs(ei, { className: "rst:relative rst:flex rst:rounded-full rst:text-sm rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:focus-visible:ring-offset-2 rst:ring-offset-background", children: [
                   /* @__PURE__ */ f.jsx("span", { className: "rst:sr-only", children: "Open user menu" }),
@@ -8142,7 +8306,7 @@ const Xm = ({
                       colorScheme: i.avatarColor ?? "primary"
                     }
                   ),
-                  P && /* @__PURE__ */ f.jsx("div", { className: "rst:absolute rst:-top-1 rst:-right-2", children: /* @__PURE__ */ f.jsx(
+                  O && /* @__PURE__ */ f.jsx("div", { className: "rst:absolute rst:-top-1 rst:-right-2", children: /* @__PURE__ */ f.jsx(
                     ks,
                     {
                       fill: E,
@@ -8165,7 +8329,7 @@ const Xm = ({
                     leaveTo: "rst:transform rst:opacity-0 rst:scale-95",
                     children: /* @__PURE__ */ f.jsxs(ri, { className: "rst:absolute rst:right-0 rst:z-50 rst:mt-2 rst:w-48 rst:origin-top-right rst:rounded-md rst:bg-white rst:dark:bg-gray-800 rst:py-1 rst:shadow-lg rst:ring-1 rst:ring-black/5 rst:dark:ring-white/10 rst:focus:outline-hidden rst:divide-y rst:divide-gray-100 rst:dark:divide-gray-700", children: [
                       /* @__PURE__ */ f.jsxs("div", { className: "rst:py-1", children: [
-                        P && u && /* @__PURE__ */ f.jsx(ze, { children: ({ focus: j }) => /* @__PURE__ */ f.jsxs(
+                        O && u && /* @__PURE__ */ f.jsx(ze, { children: ({ focus: j }) => /* @__PURE__ */ f.jsxs(
                           Ut,
                           {
                             variant: "ghost",
@@ -8303,14 +8467,14 @@ const Xm = ({
                         "aria-hidden": "true"
                       }
                     ),
-                    P && /* @__PURE__ */ f.jsx("span", { className: "rst:absolute rst:top-0 rst:right-0 rst:block rst:h-2.5 rst:w-2.5 rst:rounded-full rst:bg-error-500 rst:ring-2 rst:ring-transparent rst:transform rst:translate-x-1/4 rst:-translate-y-1/4" })
+                    O && /* @__PURE__ */ f.jsx("span", { className: "rst:absolute rst:top-0 rst:right-0 rst:block rst:h-2.5 rst:w-2.5 rst:rounded-full rst:bg-error-500 rst:ring-2 rst:ring-transparent rst:transform rst:translate-x-1/4 rst:-translate-y-1/4" })
                   ] })
                 ]
               }
             ) })
           ] }),
-          D && /* @__PURE__ */ f.jsx(Cm, { close: F }),
-          D && /* @__PURE__ */ f.jsx(Tm, { activePath: a, close: F }),
+          D && /* @__PURE__ */ f.jsx(Tm, { close: F }),
+          D && /* @__PURE__ */ f.jsx(jm, { activePath: a, close: F }),
           /* @__PURE__ */ f.jsx(
             je,
             {
@@ -8354,7 +8518,7 @@ const Xm = ({
                         ] }) })
                       ] }),
                       /* @__PURE__ */ f.jsxs("div", { className: "rst:mt-6", children: [
-                        O && /* @__PURE__ */ f.jsx("div", { className: "rst:mb-4", children: O }),
+                        P && /* @__PURE__ */ f.jsx("div", { className: "rst:mb-4", children: P }),
                         /* @__PURE__ */ f.jsxs("nav", { className: "rst:grid rst:gap-y-4", children: [
                           n.map((j) => {
                             const H = a === j.path;
@@ -8440,7 +8604,7 @@ const Xm = ({
                         children: "Log In"
                       }
                     ) : /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
-                      P && u && /* @__PURE__ */ f.jsx(
+                      O && u && /* @__PURE__ */ f.jsx(
                         Ut,
                         {
                           variant: "ghost",
@@ -8524,13 +8688,13 @@ const Xm = ({
       }
     }
   );
-}, jm = {
+}, Rm = {
   timeout: 1500,
   ignoreCase: !0,
   preventDefault: !1,
   enabled: !0,
   ignoreWhenTyping: !0
-}, Qm = [
+}, Zm = [
   "ArrowUp",
   "ArrowUp",
   "ArrowDown",
@@ -8543,15 +8707,15 @@ const Xm = ({
   "a",
   "Enter"
 ];
-function Rm(t) {
+function $m(t) {
   if (!(t instanceof HTMLElement)) return !1;
   if (t.isContentEditable) return !0;
   const e = t.getAttribute("contenteditable");
   return e !== null && e !== "false" ? !0 : ["INPUT", "TEXTAREA", "SELECT"].includes(t.tagName);
 }
-function Zm(t, e, r = {}) {
+function Jm(t, e, r = {}) {
   const { timeout: s, ignoreCase: n, preventDefault: a, enabled: o, ignoreWhenTyping: i } = {
-    ...jm,
+    ...Rm,
     ...r
   }, l = V(0), c = V(0), u = V(e);
   st(() => {
@@ -8560,7 +8724,7 @@ function Zm(t, e, r = {}) {
     if (!o || t.length === 0) return;
     const p = (g) => n ? g.toLowerCase() : g, m = t.map(p);
     function d(g) {
-      if (i && Rm(g.target)) return;
+      if (i && $m(g.target)) return;
       const h = Date.now();
       s > 0 && l.current > 0 && h - c.current > s && (l.current = 0), c.current = h;
       const b = p(g.key);
@@ -8574,68 +8738,68 @@ function Zm(t, e, r = {}) {
   }, [t, s, n, a, o, i]);
 }
 export {
-  Wm as Accordion,
-  qp as ActionBar,
-  _p as Alert,
+  Um as Accordion,
+  Xp as ActionBar,
+  Vp as Alert,
   fn as Avatar,
-  _m as AvatarStrip,
+  Vm as AvatarStrip,
   ks as Badge,
-  Um as Breadcrumbs,
+  Ym as Breadcrumbs,
   Ut as Button,
-  Ym as CallToAction,
+  Gm as CallToAction,
   Zf as Card,
   t0 as Checkbox,
-  Hm as CollapsibleSection,
-  xm as Countdown,
-  Bp as DescriptionList,
-  qm as Dialog,
+  zm as CollapsibleSection,
+  ym as Countdown,
+  Hp as DescriptionList,
+  Xm as Dialog,
   s0 as Disclosure,
-  Gm as EmptyState,
-  Km as ErrorState,
+  Km as EmptyState,
+  qm as ErrorState,
   jr as Eyebrow,
-  Nm as Footer,
+  Om as Footer,
   d0 as InlineCode,
   ii as Input,
-  Qm as KONAMI_CODE,
+  Zm as KONAMI_CODE,
   f0 as LabeledDivider,
   Ee as Link,
-  Vm as LiquidTabs,
-  Gp as MatchupCard,
-  Xm as Navbar,
+  Bm as LiquidTabs,
+  Kp as MatchupCard,
+  Qm as Navbar,
   o0 as PasswordInput,
   l0 as Pill,
-  zp as Pullquote,
-  zm as SegmentBar,
-  Lm as Select,
-  eg as Spinner,
+  Wp as Pullquote,
+  Wm as SegmentBar,
+  _m as Select,
+  rg as Spinner,
   m0 as Stat,
   da as Switch,
-  rg as Table,
-  sg as TableBody,
-  ng as TableCaption,
-  ag as TableCell,
-  og as TableFooter,
-  ig as TableHead,
-  lg as TableHeader,
-  cg as TableRow,
-  E0 as Textarea,
+  sg as Table,
+  ng as TableBody,
+  ag as TableCaption,
+  og as TableCell,
+  ig as TableFooter,
+  lg as TableHead,
+  cg as TableHeader,
+  ug as TableRow,
+  N0 as Textarea,
   x0 as ThemeToggle,
-  Bm as Tooltip,
-  Kp as actionBarVariants,
-  Mp as alertVariants,
+  Hm as Tooltip,
+  qp as actionBarVariants,
+  Lp as alertVariants,
   qf as avatarVariants,
   Xf as badgeVariants,
   ga as breadcrumbVariants,
-  ug as buttonVariants,
+  dg as buttonVariants,
   Qf as cardVariants,
   Jf as checkboxVariants,
   C as cn,
-  Wp as ctaVariants,
-  Vp as descriptionListVariants,
+  Up as ctaVariants,
+  Bp as descriptionListVariants,
   r0 as disclosureContentVariants,
   e0 as disclosureTriggerVariants,
-  Up as emptyStateVariants,
-  Yp as errorStateVariants,
+  Yp as emptyStateVariants,
+  Gp as errorStateVariants,
   c0 as eyebrowVariants,
   ca as iconVariants,
   u0 as inlineCodeVariants,
@@ -8644,18 +8808,19 @@ export {
   Pm as navbarVariants,
   ua as pillDotVariants,
   i0 as pillVariants,
-  Hp as pullquoteVariants,
+  zp as pullquoteVariants,
+  w0 as selectOptionVariants,
   y0 as selectTriggerVariants,
   p0 as statValueVariants,
-  k0 as switchThumbVariants,
-  w0 as switchTrackVariants,
-  dg as tableCellVariants,
-  fg as tableHeadVariants,
-  pg as tableHeaderVariants,
-  mg as tableRowVariants,
-  gg as tableVariants,
-  hg as tableWrapperVariants,
-  S0 as textareaVariants,
-  hm as useCountdown,
-  Zm as useKeySequence
+  S0 as switchThumbVariants,
+  k0 as switchTrackVariants,
+  fg as tableCellVariants,
+  pg as tableHeadVariants,
+  mg as tableHeaderVariants,
+  gg as tableRowVariants,
+  hg as tableVariants,
+  bg as tableWrapperVariants,
+  E0 as textareaVariants,
+  bm as useCountdown,
+  Jm as useKeySequence
 };