@blakesteve/roster 4.1.0 → 4.2.1

package/dist/roster.es.js

@@ -1,13 +1,14 @@
 "use client";
-import { o as I, Y as Q, K as J, p as ze, m as No, a as st, n as se, b as ce, $ as xt, c as yt, w as er, V as Ie, d as je, s as mt, u as he, l as wt, e as Ke, r as gt, f as ht, t as Cn, g as Tn, A as Ae, h as Mi, C as ft, i as Li, j as _i, k as Z, q as d, v as T, F as me, x as Vi, y as Po, z as Oo, B as xa, D as Bi, E as Hi, G as Ue, H as zi, I as mn, J as nn, L as Co, M as Wi, N as Ui, O as Gt, P as Yi, Q as Gi, R as Ki, S as qi } from "./Table-DNbzjCZM.js";
-import { T as eg, U as tg, W as rg, X as ng, Z as ag, _ as og, a0 as sg, a1 as ig, a2 as lg, a3 as cg, a4 as ug, a5 as dg, a6 as fg, a7 as pg, a8 as mg, a9 as gg } from "./Table-DNbzjCZM.js";
+import { o as I, Y as Q, K as J, p as ze, m as No, n as st, q as se, r as ce, $ as vt, s as xt, w as er, V as Ie, t as je, u as pt, v as he, x as yt, y as Ke, z as mt, A as gt, C as Cn, D as Tn, E as Ae, G as Mi, H as dt, I as Li, J as _i, L as Z, j as f, F as me, M as Vi, N as Po, O as Oo, P as xa, Q as Bi, R as Hi, B as Ue, S as zi, U as mn, W as nn, X as Co, Z as Wi, _ as Ui, a0 as Gt, a1 as Yi, a2 as Gi, a3 as Ki, a4 as qi } from "./Table-BaJ8qfrV.js";
+import { a5 as tg, T as rg, e as ng, a6 as ag, g as og, a7 as sg, 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-BaJ8qfrV.js";
 import * as y from "react";
 import E, { useState as X, useRef as V, isValidElement as To, useEffect as ne, useContext as oe, createContext as pe, useMemo as fe, useId as de, useCallback as ee, useSyncExternalStore as jo, useLayoutEffect as Ro, cloneElement as Xi, Fragment as xe, useReducer as Qi, createRef as Zi, forwardRef as $o } from "react";
+import { c as T } from "./utils-DtaLkIY8.js";
 import * as Kt from "react-dom";
-import Ji, { flushSync as bt, createPortal as Io } from "react-dom";
+import Ji, { flushSync as ht, createPortal as Io } from "react-dom";
 function jn(e, t, r) {
   let [n, a] = X(r), o = e !== void 0, s = V(o), i = V(!1), l = V(!1);
-  return o && !s.current && !i.current ? (i.current = !0, s.current = o, console.error("A component is changing from uncontrolled to controlled. This may be caused by the value changing from undefined to a defined value, which should not happen.")) : !o && s.current && !l.current && (l.current = !0, s.current = o, console.error("A component is changing from controlled to uncontrolled. This may be caused by the value changing from a defined value to undefined, which should not happen.")), [o ? e : n, I((c) => (o || bt(() => a(c)), t?.(c)))];
+  return o && !s.current && !i.current ? (i.current = !0, s.current = o, console.error("A component is changing from uncontrolled to controlled. This may be caused by the value changing from undefined to a defined value, which should not happen.")) : !o && s.current && !l.current && (l.current = !0, s.current = o, console.error("A component is changing from controlled to uncontrolled. This may be caused by the value changing from a defined value to undefined, which should not happen.")), [o ? e : n, I((c) => (o || ht(() => a(c)), t?.(c)))];
 }
 function Rn(e) {
   let [t] = X(e);
@@ -220,12 +221,12 @@ function hl(e, t) {
         (Vo(v) && (v.type === "file" || v.type === "radio" || v.type === "checkbox") || v.role === "radio" || v.role === "checkbox" || v.role === "switch") && v.click(), v.focus({ preventScroll: !0 });
       }
     }
-  }), f = ce({ ...a.slot, disabled: s || !1 }), g = { ref: p, ...a.props, id: i, htmlFor: l, onClick: m };
-  return c && ("onClick" in g && (delete g.htmlFor, delete g.onClick), "onClick" in u && delete u.onClick), J()({ ourProps: g, theirProps: u, slot: f, defaultTag: l ? gl : "div", name: a.name || "Label" });
+  }), d = ce({ ...a.slot, disabled: s || !1 }), g = { ref: p, ...a.props, id: i, htmlFor: l, onClick: m };
+  return c && ("onClick" in g && (delete g.htmlFor, delete g.onClick), "onClick" in u && delete u.onClick), J()({ ourProps: g, theirProps: u, slot: d, defaultTag: l ? gl : "div", name: a.name || "Label" });
 }
 let bl = Q(hl), Dt = Object.assign(bl, {}), vl = "span";
 function xl(e, t) {
-  let r = de(), n = It(), a = st(), { id: o = n || `headlessui-checkbox-${r}`, disabled: s = a || !1, autoFocus: i = !1, checked: l, defaultChecked: c, onChange: u, name: p, value: m, form: f, indeterminate: g = !1, tabIndex: h = 0, ...b } = e, v = Rn(c), [w, x] = jn(l, u, v ?? !1), k = At(), S = tr(), C = ze(), [P, M] = X(!1), z = I(() => {
+  let r = de(), n = It(), a = st(), { id: o = n || `headlessui-checkbox-${r}`, disabled: s = a || !1, autoFocus: i = !1, checked: l, defaultChecked: c, onChange: u, name: p, value: m, form: d, indeterminate: g = !1, tabIndex: h = 0, ...b } = e, v = Rn(c), [w, x] = jn(l, u, v ?? !1), k = At(), S = tr(), C = ze(), [P, M] = X(!1), z = I(() => {
     M(!0), x?.(!w), C.nextFrame(() => {
       M(!1);
     });
@@ -234,10 +235,10 @@ function xl(e, t) {
     A.preventDefault(), z();
   }), $ = I((A) => {
     A.key === Y.Space ? (A.preventDefault(), z()) : A.key === Y.Enter && $n(A.currentTarget);
-  }), L = I((A) => A.preventDefault()), { isFocusVisible: _, focusProps: R } = xt({ autoFocus: i }), { isHovered: D, hoverProps: F } = yt({ isDisabled: s }), { pressed: U, pressProps: O } = er({ disabled: s }), j = Ie({ ref: t, id: o, role: "checkbox", "aria-checked": g ? "mixed" : w ? "true" : "false", "aria-labelledby": k, "aria-describedby": S, "aria-disabled": s ? !0 : void 0, indeterminate: g ? "true" : void 0, tabIndex: s ? void 0 : h, onKeyUp: s ? void 0 : $, onKeyPress: s ? void 0 : L, onClick: s ? void 0 : N }, R, F, O), H = ce({ checked: w, disabled: s, hover: D, focus: _, active: U, indeterminate: g, changing: P, autofocus: i }), ae = ee(() => {
+  }), L = I((A) => A.preventDefault()), { isFocusVisible: _, focusProps: R } = vt({ autoFocus: i }), { isHovered: D, hoverProps: F } = xt({ isDisabled: s }), { pressed: U, pressProps: O } = er({ disabled: s }), j = Ie({ ref: t, id: o, role: "checkbox", "aria-checked": g ? "mixed" : w ? "true" : "false", "aria-labelledby": k, "aria-describedby": S, "aria-disabled": s ? !0 : void 0, indeterminate: g ? "true" : void 0, tabIndex: s ? void 0 : h, onKeyUp: s ? void 0 : $, onKeyPress: s ? void 0 : L, onClick: s ? void 0 : N }, R, F, O), H = ce({ checked: w, disabled: s, hover: D, focus: _, active: U, indeterminate: g, changing: P, autofocus: i }), ae = ee(() => {
     if (v !== void 0) return x?.(v);
   }, [x, v]), te = J();
-  return E.createElement(E.Fragment, null, p != null && E.createElement(In, { disabled: s, data: { [p]: m || "on" }, overrides: { type: "checkbox", checked: w }, form: f, onReset: ae }), te({ ourProps: j, theirProps: b, slot: H, defaultTag: vl, name: "Checkbox" }));
+  return E.createElement(E.Fragment, null, p != null && E.createElement(In, { disabled: s, data: { [p]: m || "on" }, overrides: { type: "checkbox", checked: w }, form: d, onReset: ae }), te({ ourProps: j, theirProps: b, slot: H, defaultTag: vl, name: "Checkbox" }));
 }
 let yl = Q(xl), wl = pe(() => {
 });
@@ -302,7 +303,7 @@ var Sl = Object.defineProperty, Nl = (e, t, r) => t in e ? Sl(e, t, { enumerable
 }, wa = (e, t, r, n) => (Ko(e, t, "write to private field"), t.set(e, r), r), Fe, Bt, Ht;
 let Ir = class {
   constructor(t) {
-    an(this, Fe, {}), an(this, Bt, new Go(() => /* @__PURE__ */ new Set())), an(this, Ht, /* @__PURE__ */ new Set()), Pl(this, "disposables", je()), wa(this, Fe, t), mt.isServer && this.disposables.microTask(() => {
+    an(this, Fe, {}), an(this, Bt, new Go(() => /* @__PURE__ */ new Set())), an(this, Ht, /* @__PURE__ */ new Set()), Pl(this, "disposables", je()), wa(this, Fe, t), pt.isServer && this.disposables.microTask(() => {
       this.dispose();
     });
   }
@@ -313,7 +314,7 @@ let Ir = class {
     return Re(this, Fe);
   }
   subscribe(t, r) {
-    if (mt.isServer) return () => {
+    if (pt.isServer) return () => {
     };
     let n = { selector: t, callback: r, current: t(Re(this, Fe)) };
     return Re(this, Ht).add(n), this.disposables.add(() => {
@@ -321,7 +322,7 @@ let Ir = class {
     });
   }
   on(t, r) {
-    return mt.isServer ? () => {
+    return pt.isServer ? () => {
     } : (Re(this, Bt).get(t).add(r), this.disposables.add(() => {
       Re(this, Bt).get(t).delete(r);
     }));
@@ -384,7 +385,7 @@ let Tl = { 0(e, t) {
     return he(r.type, Tl, t, r);
   }
 };
-const kt = new Go(() => jl.new());
+const wt = new Go(() => jl.new());
 var hr = { exports: {} }, sn = {};
 var Sa;
 function Rl() {
@@ -396,12 +397,12 @@ function Rl() {
   }
   var r = typeof Object.is == "function" ? Object.is : t, n = e.useSyncExternalStore, a = e.useRef, o = e.useEffect, s = e.useMemo, i = e.useDebugValue;
   return sn.useSyncExternalStoreWithSelector = function(l, c, u, p, m) {
-    var f = a(null);
-    if (f.current === null) {
+    var d = a(null);
+    if (d.current === null) {
       var g = { hasValue: !1, value: null };
-      f.current = g;
-    } else g = f.current;
-    f = s(
+      d.current = g;
+    } else g = d.current;
+    d = s(
       function() {
         function b(S) {
           if (!v) {
@@ -428,7 +429,7 @@ function Rl() {
       },
       [c, u, p, m]
     );
-    var h = n(l, f[0], f[1]);
+    var h = n(l, d[0], d[1]);
     return o(
       function() {
         g.hasValue = !0, g.value = h;
@@ -447,12 +448,12 @@ function $l() {
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
     var t = E, r = typeof Object.is == "function" ? Object.is : e, n = t.useSyncExternalStore, a = t.useRef, o = t.useEffect, s = t.useMemo, i = t.useDebugValue;
     ln.useSyncExternalStoreWithSelector = function(l, c, u, p, m) {
-      var f = a(null);
-      if (f.current === null) {
+      var d = a(null);
+      if (d.current === null) {
         var g = { hasValue: !1, value: null };
-        f.current = g;
-      } else g = f.current;
-      f = s(
+        d.current = g;
+      } else g = d.current;
+      d = s(
         function() {
           function b(S) {
             if (!v) {
@@ -480,7 +481,7 @@ function $l() {
         },
         [c, u, p, m]
       );
-      var h = n(l, f[0], f[1]);
+      var h = n(l, d[0], d[1]);
       return o(
         function() {
           g.hasValue = !0, g.value = h;
@@ -502,7 +503,7 @@ function Dl(e) {
   return e;
 }
 function ar(e, t) {
-  let r = de(), n = kt.get(t), [a, o] = re(n, ee((s) => [n.selectors.isTop(s, r), n.selectors.inStack(s, r)], [n, r]));
+  let r = de(), n = wt.get(t), [a, o] = re(n, ee((s) => [n.selectors.isTop(s, r), n.selectors.inStack(s, r)], [n, r]));
   return se(() => {
     if (e) return n.actions.push(r), () => n.actions.pop(r);
   }, [n, e, r]), e ? o ? a : !0 : !1;
@@ -530,7 +531,7 @@ function Ln(e, { allowed: t, disallowed: r } = {}) {
     let i = (o = t?.()) != null ? o : [];
     for (let l of i) {
       if (!l) continue;
-      let c = wt(l);
+      let c = yt(l);
       if (!c) continue;
       let u = l.parentElement;
       for (; u && u !== c.body; ) {
@@ -573,7 +574,7 @@ function Ll(e = document.body) {
 var sr = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(sr || {});
 function ir(e, t = 0) {
   var r;
-  return e === ((r = wt(e)) == null ? void 0 : r.body) ? !1 : he(t, { 0() {
+  return e === ((r = yt(e)) == null ? void 0 : r.body) ? !1 : he(t, { 0() {
     return e.matches(kr);
   }, 1() {
     let n = e;
@@ -586,7 +587,7 @@ function ir(e, t = 0) {
 }
 function Qo(e) {
   je().nextFrame(() => {
-    let t = ht(e);
+    let t = gt(e);
     t && $e(t) && !ir(t, 0) && Le(e);
   });
 }
@@ -612,12 +613,12 @@ function _n(e, t = (r) => r) {
     return s & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : s & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
   });
 }
-function Zo(e, t, r = e === null ? document.body : gt(e)) {
+function Zo(e, t, r = e === null ? document.body : mt(e)) {
   return Oe(or(r), t, { relativeTo: e });
 }
 function Oe(e, t, { sorted: r = !0, relativeTo: n = null, skipElements: a = [] } = {}) {
-  let o = Array.isArray(e) ? e.length > 0 ? gt(e[0]) : document : gt(e), s = Array.isArray(e) ? r ? _n(e) : e : t & 64 ? Ll(e) : or(e);
-  a.length > 0 && s.length > 1 && (s = s.filter((f) => !a.some((g) => g != null && "current" in g ? g?.current === f : g === f))), n = n ?? o?.activeElement;
+  let o = Array.isArray(e) ? e.length > 0 ? mt(e[0]) : document : mt(e), s = Array.isArray(e) ? r ? _n(e) : e : t & 64 ? Ll(e) : or(e);
+  a.length > 0 && s.length > 1 && (s = s.filter((d) => !a.some((g) => g != null && "current" in g ? g?.current === d : g === d))), n = n ?? o?.activeElement;
   let i = (() => {
     if (t & 5) return 1;
     if (t & 10) return -1;
@@ -631,14 +632,14 @@ function Oe(e, t, { sorted: r = !0, relativeTo: n = null, skipElements: a = [] }
   })(), c = t & 32 ? { preventScroll: !0 } : {}, u = 0, p = s.length, m;
   do {
     if (u >= p || u + p <= 0) return 0;
-    let f = l + u;
-    if (t & 16) f = (f + p) % p;
+    let d = l + u;
+    if (t & 16) d = (d + p) % p;
     else {
-      if (f < 0) return 3;
-      if (f >= p) return 1;
+      if (d < 0) return 3;
+      if (d >= p) return 1;
     }
-    m = s[f], m?.focus(c), u += i;
-  } while (m !== ht(m));
+    m = s[d], m?.focus(c), u += i;
+  } while (m !== gt(m));
   return t & 6 && Bl(m) && m.select(), 2;
 }
 function Jo() {
@@ -699,10 +700,10 @@ function Dr(e, t, r) {
   }, !0), es(e, "blur", (i) => a(i, () => ll(window.document.activeElement) ? window.document.activeElement : null), !0);
 }
 function Xe(...e) {
-  return fe(() => wt(...e), [...e]);
+  return fe(() => yt(...e), [...e]);
 }
 function zl(...e) {
-  return fe(() => gt(...e), [...e]);
+  return fe(() => mt(...e), [...e]);
 }
 var Wl = ((e) => (e[e.Ignore = 0] = "Ignore", e[e.Select = 1] = "Select", e[e.Close = 2] = "Close", e))(Wl || {});
 const et = { Ignore: { kind: 0 }, Select: (e) => ({ kind: 1, target: e }), Close: { kind: 2 } }, Ul = 200, Ra = 5;
@@ -828,7 +829,7 @@ function $a(e) {
   for (let r of e) Object.assign(t, r(t));
   return t;
 }
-let pt = Gl(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
+let ft = Gl(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
   var r;
   let n = (r = this.get(e)) != null ? r : { doc: e, count: 0, d: je(), meta: /* @__PURE__ */ new Set(), computedMeta: {} };
   return n.count++, n.meta.add(t), n.computedMeta = $a(n.meta), this.set(e, n), this;
@@ -845,18 +846,18 @@ let pt = Gl(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
 }, TEARDOWN({ doc: e }) {
   this.delete(e);
 } });
-pt.subscribe(() => {
-  let e = pt.getSnapshot(), t = /* @__PURE__ */ new Map();
+ft.subscribe(() => {
+  let e = ft.getSnapshot(), t = /* @__PURE__ */ new Map();
   for (let [r] of e) t.set(r, r.documentElement.style.overflow);
   for (let r of e.values()) {
     let n = t.get(r.doc) === "hidden", a = r.count !== 0;
-    (a && !n || !a && n) && pt.dispatch(r.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", r), r.count === 0 && pt.dispatch("TEARDOWN", r);
+    (a && !n || !a && n) && ft.dispatch(r.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", r), r.count === 0 && ft.dispatch("TEARDOWN", r);
   }
 });
 function Ql(e, t, r = () => ({ containers: [] })) {
-  let n = Yl(pt), a = t ? n.get(t) : void 0, o = a ? a.count > 0 : !1;
+  let n = Yl(ft), a = t ? n.get(t) : void 0, o = a ? a.count > 0 : !1;
   return se(() => {
-    if (!(!t || !e)) return pt.dispatch("PUSH", t, r), () => pt.dispatch("POP", t, r);
+    if (!(!t || !e)) return ft.dispatch("PUSH", t, r), () => ft.dispatch("POP", t, r);
   }, [e, t]), o;
 }
 function Mr(e, t, r = () => [document.body]) {
@@ -907,8 +908,8 @@ function cr(e, t, r, n) {
       }, run() {
         u.current ? r ? (l(3), i(4)) : (l(4), i(3)) : r ? l(1) : i(1);
       }, done() {
-        var f;
-        u.current && nc(t) || (c.current = !1, l(7), r || o(!1), (f = n?.end) == null || f.call(n, r));
+        var d;
+        u.current && nc(t) || (c.current = !1, l(7), r || o(!1), (d = n?.end) == null || d.call(n, r));
       } });
     }
   }, [e, r, t, p]), e ? [a, { closed: s(1), enter: s(2), leave: s(4), transition: s(2) || s(4) }] : [r, { closed: void 0, enter: void 0, leave: void 0, transition: void 0 }];
@@ -952,7 +953,7 @@ function ac(e, { container: t, accept: r, walk: n }) {
     a.current = r, o.current = n;
   }, [r, n]), se(() => {
     if (!t || !e) return;
-    let s = wt(t);
+    let s = yt(t);
     if (!s) return;
     let i = a.current, l = o.current, c = Object.assign((p) => i(p), { acceptNode: i }), u = s.createTreeWalker(t, NodeFilter.SHOW_ELEMENT, c, !1);
     for (; u.nextNode(); ) l(u.currentNode);
@@ -1204,47 +1205,47 @@ function _a(e, t, r) {
     floating: a
   } = e;
   const o = Me(t), s = Yn(t), i = Un(s), l = Ze(t), c = o === "y", u = n.x + n.width / 2 - a.width / 2, p = n.y + n.height / 2 - a.height / 2, m = n[i] / 2 - a[i] / 2;
-  let f;
+  let d;
   switch (l) {
     case "top":
-      f = {
+      d = {
         x: u,
         y: n.y - a.height
       };
       break;
     case "bottom":
-      f = {
+      d = {
         x: u,
         y: n.y + n.height
       };
       break;
     case "right":
-      f = {
+      d = {
         x: n.x + n.width,
         y: p
       };
       break;
     case "left":
-      f = {
+      d = {
         x: n.x - a.width,
         y: p
       };
       break;
     default:
-      f = {
+      d = {
         x: n.x,
         y: n.y
       };
   }
   switch (Mt(t)) {
     case "start":
-      f[s] -= m * (r && c ? -1 : 1);
+      d[s] -= m * (r && c ? -1 : 1);
       break;
     case "end":
-      f[s] += m * (r && c ? -1 : 1);
+      d[s] += m * (r && c ? -1 : 1);
       break;
   }
-  return f;
+  return d;
 }
 async function ss(e, t) {
   var r;
@@ -1261,8 +1262,8 @@ async function ss(e, t) {
     rootBoundary: u = "viewport",
     elementContext: p = "floating",
     altBoundary: m = !1,
-    padding: f = 0
-  } = He(t, e), g = os(f), b = i[m ? p === "floating" ? "reference" : "floating" : p], v = Sr(await o.getClippingRect({
+    padding: d = 0
+  } = He(t, e), g = os(d), b = i[m ? p === "floating" ? "reference" : "floating" : p], v = Sr(await o.getClippingRect({
     element: (r = await (o.isElement == null ? void 0 : o.isElement(b))) == null || r ? b : b.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(i.floating)),
     boundary: c,
     rootBoundary: u,
@@ -1305,7 +1306,7 @@ const Pc = async (e, t, r) => {
   }), {
     x: u,
     y: p
-  } = _a(c, n, l), m = n, f = {}, g = 0;
+  } = _a(c, n, l), m = n, d = {}, g = 0;
   for (let b = 0; b < i.length; b++) {
     var h;
     const {
@@ -1322,7 +1323,7 @@ const Pc = async (e, t, r) => {
       initialPlacement: n,
       placement: m,
       strategy: a,
-      middlewareData: f,
+      middlewareData: d,
       rects: c,
       platform: {
         ...s,
@@ -1333,10 +1334,10 @@ const Pc = async (e, t, r) => {
         floating: t
       }
     });
-    u = x ?? u, p = k ?? p, f = {
-      ...f,
+    u = x ?? u, p = k ?? p, d = {
+      ...d,
       [v]: {
-        ...f[v],
+        ...d[v],
         ...S
       }
     }, C && g <= 50 && (g++, typeof C == "object" && (C.placement && (m = C.placement), C.rects && (c = C.rects === !0 ? await s.getElementRects({
@@ -1353,7 +1354,7 @@ const Pc = async (e, t, r) => {
     y: p,
     placement: m,
     strategy: a,
-    middlewareData: f
+    middlewareData: d
   };
 }, Oc = (e) => ({
   name: "arrow",
@@ -1376,14 +1377,14 @@ const Pc = async (e, t, r) => {
     const p = os(u), m = {
       x: r,
       y: n
-    }, f = Yn(a), g = Un(f), h = await s.getDimensions(c), b = f === "y", v = b ? "top" : "left", w = b ? "bottom" : "right", x = b ? "clientHeight" : "clientWidth", k = o.reference[g] + o.reference[f] - m[f] - o.floating[g], S = m[f] - o.reference[f], C = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
+    }, d = Yn(a), g = Un(d), h = await s.getDimensions(c), b = d === "y", v = b ? "top" : "left", w = b ? "bottom" : "right", x = b ? "clientHeight" : "clientWidth", k = o.reference[g] + o.reference[d] - m[d] - o.floating[g], S = m[d] - o.reference[d], C = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
     let P = C ? C[x] : 0;
     (!P || !await (s.isElement == null ? void 0 : s.isElement(C))) && (P = i.floating[x] || o.floating[g]);
     const M = k / 2 - S / 2, z = P / 2 - h[g] / 2 - 1, N = Qe(p[v], z), $ = Qe(p[w], z), L = N, _ = P - h[g] - $, R = P / 2 - h[g] / 2 + M, D = vn(L, R, _), F = !l.arrow && Mt(a) != null && R !== D && o.reference[g] / 2 - (R < L ? N : $) - h[g] / 2 < 0, U = F ? R < L ? R - L : R - _ : 0;
     return {
-      [f]: m[f] + U,
+      [d]: m[d] + U,
       data: {
-        [f]: D,
+        [d]: D,
         centerOffset: R - D - U,
         ...F && {
           alignmentOffset: U
@@ -1409,7 +1410,7 @@ const Pc = async (e, t, r) => {
         mainAxis: u = !0,
         crossAxis: p = !0,
         fallbackPlacements: m,
-        fallbackStrategy: f = "bestFit",
+        fallbackStrategy: d = "bestFit",
         fallbackAxisSideDirection: g = "none",
         flipAlignment: h = !0,
         ...b
@@ -1444,7 +1445,7 @@ const Pc = async (e, t, r) => {
           };
         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;
         if (!F)
-          switch (f) {
+          switch (d) {
             case "bestFit": {
               var _;
               const U = (_ = N.filter((O) => {
@@ -1536,7 +1537,7 @@ async function jc(e, t) {
   } = e, o = await (n.isRTL == null ? void 0 : n.isRTL(a.floating)), s = Ze(r), i = Mt(r), l = Me(r) === "y", c = is.has(s) ? -1 : 1, u = o && l ? -1 : 1, p = He(t, e);
   let {
     mainAxis: m,
-    crossAxis: f,
+    crossAxis: d,
     alignmentAxis: g
   } = typeof p == "number" ? {
     mainAxis: p,
@@ -1547,12 +1548,12 @@ async function jc(e, t) {
     crossAxis: p.crossAxis || 0,
     alignmentAxis: p.alignmentAxis
   };
-  return i && typeof g == "number" && (f = i === "end" ? g * -1 : g), l ? {
-    x: f * u,
+  return i && typeof g == "number" && (d = i === "end" ? g * -1 : g), l ? {
+    x: d * u,
     y: m * c
   } : {
     x: m * c,
-    y: f * u
+    y: d * u
   };
 }
 const Rc = function(e) {
@@ -1606,10 +1607,10 @@ const Rc = function(e) {
       } = He(e, t), u = {
         x: r,
         y: n
-      }, p = await o.detectOverflow(t, c), m = Me(Ze(a)), f = Wn(m);
-      let g = u[f], h = u[m];
+      }, p = await o.detectOverflow(t, c), m = Me(Ze(a)), d = Wn(m);
+      let g = u[d], h = u[m];
       if (s) {
-        const v = f === "y" ? "top" : "left", w = f === "y" ? "bottom" : "right", x = g + p[v], k = g - p[w];
+        const v = d === "y" ? "top" : "left", w = d === "y" ? "bottom" : "right", x = g + p[v], k = g - p[w];
         g = vn(x, g, k);
       }
       if (i) {
@@ -1618,7 +1619,7 @@ const Rc = function(e) {
       }
       const b = l.fn({
         ...t,
-        [f]: g,
+        [d]: g,
         [m]: h
       });
       return {
@@ -1627,7 +1628,7 @@ const Rc = function(e) {
           x: b.x - r,
           y: b.y - n,
           enabled: {
-            [f]: s,
+            [d]: s,
             [m]: i
           }
         }
@@ -1652,7 +1653,7 @@ const Rc = function(e) {
         x: r,
         y: n
       }, p = Me(a), m = Wn(p);
-      let f = u[m], g = u[p];
+      let d = u[m], g = u[p];
       const h = He(i, t), b = typeof h == "number" ? {
         mainAxis: h,
         crossAxis: 0
@@ -1663,7 +1664,7 @@ const Rc = function(e) {
       };
       if (l) {
         const x = m === "y" ? "height" : "width", k = o.reference[m] - o.floating[x] + b.mainAxis, S = o.reference[m] + o.reference[x] - b.mainAxis;
-        f < k ? f = k : f > S && (f = S);
+        d < k ? d = k : d > S && (d = S);
       }
       if (c) {
         var v, w;
@@ -1671,7 +1672,7 @@ const Rc = function(e) {
         g < S ? g = S : g > C && (g = C);
       }
       return {
-        [m]: f,
+        [m]: d,
         [p]: g
       };
     }
@@ -1691,7 +1692,7 @@ const Rc = function(e) {
         apply: l = () => {
         },
         ...c
-      } = He(e, t), u = await s.detectOverflow(t, c), p = Ze(a), m = Mt(a), f = Me(a) === "y", {
+      } = He(e, t), u = await s.detectOverflow(t, c), p = Ze(a), m = Mt(a), d = Me(a) === "y", {
         width: g,
         height: h
       } = o.floating;
@@ -1701,7 +1702,7 @@ const Rc = function(e) {
       let P = k, M = S;
       if ((r = t.middlewareData.shift) != null && r.enabled.x && (M = x), (n = t.middlewareData.shift) != null && n.enabled.y && (P = w), C && !m) {
         const N = Ee(u.left, 0), $ = Ee(u.right, 0), L = Ee(u.top, 0), _ = Ee(u.bottom, 0);
-        f ? M = g - 2 * (N !== 0 || $ !== 0 ? N + $ : Ee(u.left, u.right)) : P = h - 2 * (L !== 0 || _ !== 0 ? L + _ : Ee(u.top, u.bottom));
+        d ? M = g - 2 * (N !== 0 || $ !== 0 ? N + $ : Ee(u.left, u.right)) : P = h - 2 * (L !== 0 || _ !== 0 ? L + _ : Ee(u.top, u.bottom));
       }
       await l({
         ...t,
@@ -1756,7 +1757,7 @@ function cs(e) {
 function Fc(e, t, r) {
   return t === void 0 && (t = !1), !r || t && r !== Te(e) ? !1 : t;
 }
-function vt(e, t, r, n) {
+function bt(e, t, r, n) {
   t === void 0 && (t = !1), r === void 0 && (r = !1);
   const a = e.getBoundingClientRect(), o = Gn(e);
   let s = _e(1);
@@ -1764,9 +1765,9 @@ function vt(e, t, r, n) {
   const i = Fc(o, r, n) ? cs(o) : _e(0);
   let l = (a.left + i.x) / s.x, c = (a.top + i.y) / s.y, u = a.width / s.x, p = a.height / s.y;
   if (o) {
-    const m = Te(o), f = n && Ne(n) ? Te(n) : n;
+    const m = Te(o), d = n && Ne(n) ? Te(n) : n;
     let g = m, h = bn(g);
-    for (; h && n && f !== g; ) {
+    for (; h && n && d !== g; ) {
       const b = Pt(h), v = h.getBoundingClientRect(), w = De(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 = Te(h), h = bn(g);
     }
@@ -1780,7 +1781,7 @@ function vt(e, t, r, n) {
 }
 function Br(e, t) {
   const r = Vr(e).scrollLeft;
-  return t ? t.left + r : vt(We(e)).left + r;
+  return t ? t.left + r : bt(We(e)).left + r;
 }
 function us(e, t) {
   const r = e.getBoundingClientRect(), n = r.left + t.scrollLeft - Br(e, r), a = r.top + t.scrollTop;
@@ -1805,8 +1806,8 @@ function Mc(e) {
   }, c = _e(1);
   const u = _e(0), p = Be(n);
   if ((p || !p && !o) && ((Ft(n) !== "body" || ur(s)) && (l = Vr(n)), Be(n))) {
-    const f = vt(n);
-    c = Pt(n), u.x = f.x + n.clientLeft, u.y = f.y + n.clientTop;
+    const d = bt(n);
+    c = Pt(n), u.x = d.x + n.clientLeft, u.y = d.y + n.clientTop;
   }
   const m = s && !p && !o ? us(s, l) : _e(0);
   return {
@@ -1841,7 +1842,7 @@ function Vc(e, t) {
   }
   const c = Br(n);
   if (c <= 0) {
-    const u = n.ownerDocument, p = u.body, m = getComputedStyle(p), f = u.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, g = Math.abs(n.clientWidth - p.clientWidth - f);
+    const u = n.ownerDocument, p = u.body, m = getComputedStyle(p), d = u.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, g = Math.abs(n.clientWidth - p.clientWidth - d);
     g <= Ha && (o -= g);
   } else c <= Ha && (o += c);
   return {
@@ -1853,7 +1854,7 @@ function Vc(e, t) {
 }
 const Bc = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function Hc(e, t) {
-  const r = vt(e, !0, t === "fixed"), n = r.top + e.clientTop, a = r.left + e.clientLeft, o = Be(e) ? Pt(e) : _e(1), s = e.clientWidth * o.x, i = e.clientHeight * o.y, l = a * o.x, c = n * o.y;
+  const r = bt(e, !0, t === "fixed"), n = r.top + e.clientTop, a = r.left + e.clientLeft, o = Be(e) ? Pt(e) : _e(1), s = e.clientWidth * o.x, i = e.clientHeight * o.y, l = a * o.x, c = n * o.y;
   return {
     width: s,
     height: i,
@@ -1926,7 +1927,7 @@ function Uc(e) {
   };
 }
 function Yc(e, t, r) {
-  const n = Be(t), a = We(t), o = r === "fixed", s = vt(e, !0, o, t);
+  const n = Be(t), a = We(t), o = r === "fixed", s = bt(e, !0, o, t);
   let i = {
     scrollLeft: 0,
     scrollTop: 0
@@ -1937,8 +1938,8 @@ function Yc(e, t, r) {
   }
   if (n || !n && !o)
     if ((Ft(t) !== "body" || ur(a)) && (i = Vr(t)), n) {
-      const f = vt(t, !0, o, t);
-      l.x = f.x + t.clientLeft, l.y = f.y + t.clientTop;
+      const d = bt(t, !0, o, t);
+      l.x = d.x + t.clientLeft, l.y = d.y + t.clientTop;
     } else a && c();
   o && !n && a && c();
   const u = a && !n && !o ? us(a, i) : _e(0), p = s.left + i.scrollLeft - l.x - u.x, m = s.top + i.scrollTop - l.y - u.y;
@@ -2021,11 +2022,11 @@ function Xc(e, t) {
       left: u,
       top: p,
       width: m,
-      height: f
+      height: d
     } = c;
-    if (i || t(), !m || !f)
+    if (i || t(), !m || !d)
       return;
-    const g = br(p), h = br(a.clientWidth - (u + m)), b = br(a.clientHeight - (p + f)), v = br(u), x = {
+    const g = br(p), h = br(a.clientWidth - (u + m)), b = br(a.clientHeight - (p + d)), v = br(u), x = {
       rootMargin: -g + "px " + -h + "px " + -b + "px " + -v + "px",
       threshold: Ee(0, Qe(1, l)) || 1
     };
@@ -2069,25 +2070,25 @@ function ms(e, t, r, n) {
     }), o && v.addEventListener("resize", r);
   });
   const p = c && i ? Xc(c, r) : null;
-  let m = -1, f = null;
-  s && (f = new ResizeObserver((v) => {
+  let m = -1, d = null;
+  s && (d = new ResizeObserver((v) => {
     let [w] = v;
-    w && w.target === c && f && (f.unobserve(t), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+    w && w.target === c && d && (d.unobserve(t), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
       var x;
-      (x = f) == null || x.observe(t);
+      (x = d) == null || x.observe(t);
     })), r();
-  }), c && !l && f.observe(c), f.observe(t));
-  let g, h = l ? vt(e) : null;
+  }), c && !l && d.observe(c), d.observe(t));
+  let g, h = l ? bt(e) : null;
   l && b();
   function b() {
-    const v = vt(e);
+    const v = bt(e);
     h && !ps(h, v) && r(), h = v, g = requestAnimationFrame(b);
   }
   return r(), () => {
     var v;
     u.forEach((w) => {
       a && w.removeEventListener("scroll", r), o && w.removeEventListener("resize", r);
-    }), p?.(), (v = f) == null || v.disconnect(), f = null, l && cancelAnimationFrame(g);
+    }), p?.(), (v = d) == null || v.disconnect(), d = null, l && cancelAnimationFrame(g);
   };
 }
 const un = ss, Qc = Rc, Zc = $c, Jc = Cc, eu = Ac, tu = Tc, Ua = Oc, ru = Ic, nu = (e, t, r) => {
@@ -2169,8 +2170,8 @@ function hs(e) {
     placement: t,
     middlewareData: {},
     isPositioned: !1
-  }), [m, f] = y.useState(n);
-  Nr(m, n) || f(n);
+  }), [m, d] = y.useState(n);
+  Nr(m, n) || d(n);
   const [g, h] = y.useState(null), [b, v] = y.useState(null), w = y.useCallback((O) => {
     O !== C.current && (C.current = O, h(O));
   }, []), x = y.useCallback((O) => {
@@ -2371,16 +2372,16 @@ function Su(e) {
     elements: n
   } = e, a = gu(), o = y.useRef({}), [s] = y.useState(() => vu()), i = wu() != null;
   if (process.env.NODE_ENV !== "production") {
-    const f = n.reference;
-    f && !Ne(f) && bu("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `refs.setPositionReference()`", "instead.");
+    const d = n.reference;
+    d && !Ne(d) && bu("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `refs.setPositionReference()`", "instead.");
   }
-  const [l, c] = y.useState(n.reference), u = ws((f, g, h) => {
-    o.current.openEvent = f ? g : void 0, s.emit("openchange", {
-      open: f,
+  const [l, c] = y.useState(n.reference), u = ws((d, g, h) => {
+    o.current.openEvent = d ? g : void 0, s.emit("openchange", {
+      open: d,
       event: g,
       reason: h,
       nested: i
-    }), r?.(f, g, h);
+    }), r?.(d, g, h);
   }), p = y.useMemo(() => ({
     setPositionReference: c
   }), []), m = y.useMemo(() => ({
@@ -2413,7 +2414,7 @@ function Nu(e) {
   yn(() => {
     u && (p.current = u);
   }, [u]);
-  const f = hs({
+  const d = hs({
     ...e,
     elements: {
       ...a,
@@ -2426,37 +2427,37 @@ function Nu(e) {
       getBoundingClientRect: () => x.getBoundingClientRect(),
       contextElement: x
     } : x;
-    l(k), f.refs.setReference(k);
-  }, [f.refs]), h = y.useCallback((x) => {
-    (Ne(x) || x === null) && (p.current = x, s(x)), (Ne(f.refs.reference.current) || f.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
+    l(k), d.refs.setReference(k);
+  }, [d.refs]), h = y.useCallback((x) => {
+    (Ne(x) || x === null) && (p.current = x, s(x)), (Ne(d.refs.reference.current) || d.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
     // `null` to support `positionReference` + an unstable `reference`
     // callback ref.
-    x !== null && !Ne(x)) && f.refs.setReference(x);
-  }, [f.refs]), b = y.useMemo(() => ({
-    ...f.refs,
+    x !== null && !Ne(x)) && d.refs.setReference(x);
+  }, [d.refs]), b = y.useMemo(() => ({
+    ...d.refs,
     setReference: h,
     setPositionReference: g,
     domReference: p
-  }), [f.refs, h, g]), v = y.useMemo(() => ({
-    ...f.elements,
+  }), [d.refs, h, g]), v = y.useMemo(() => ({
+    ...d.elements,
     domReference: u
-  }), [f.elements, u]), w = y.useMemo(() => ({
-    ...f,
+  }), [d.elements, u]), w = y.useMemo(() => ({
+    ...d,
     ...n,
     refs: b,
     elements: v,
     nodeId: t
-  }), [f, b, v, t, n]);
+  }), [d, b, v, t, n]);
   return yn(() => {
     n.dataRef.current.floatingContext = w;
     const x = m?.nodesRef.current.find((k) => k.id === t);
     x && (x.context = w);
   }), y.useMemo(() => ({
-    ...f,
+    ...d,
     context: w,
     refs: b,
     elements: v
-  }), [f, b, v, w]);
+  }), [d, b, v, w]);
 }
 const qa = "active", Xa = "selected";
 function fn(e, t, r) {
@@ -2486,7 +2487,7 @@ function fn(e, t, r) {
           if (n.has(c) || n.set(c, []), typeof u == "function") {
             var p;
             (p = n.get(c)) == null || p.push(u), s[c] = function() {
-              for (var m, f = arguments.length, g = new Array(f), h = 0; h < f; h++)
+              for (var m, d = arguments.length, g = new Array(d), h = 0; h < d; h++)
                 g[h] = arguments[h];
               return (m = n.get(c)) == null ? void 0 : m.map((b) => b(...g)).find((b) => b !== void 0);
             };
@@ -2548,18 +2549,18 @@ const Ou = (e) => ({
       elements: {
         floating: m
       }
-    } = t, f = r.current[s], g = c?.current || m, h = m.clientTop || g.clientTop, b = m.clientTop !== 0, v = g.clientTop !== 0, w = m === g;
-    if (process.env.NODE_ENV !== "production" && (t.placement.startsWith("bottom") || hu('`placement` side must be "bottom" when using the `inner`', "middleware.")), !f)
+    } = t, d = r.current[s], g = c?.current || m, h = m.clientTop || g.clientTop, b = m.clientTop !== 0, v = g.clientTop !== 0, w = m === g;
+    if (process.env.NODE_ENV !== "production" && (t.placement.startsWith("bottom") || hu('`placement` side must be "bottom" when using the `inner`', "middleware.")), !d)
       return {};
     const x = {
       ...t,
-      ...await Kn(-f.offsetTop - m.clientTop - p.reference.height / 2 - f.offsetHeight / 2 - o).fn(t)
+      ...await Kn(-d.offsetTop - m.clientTop - p.reference.height / 2 - d.offsetHeight / 2 - o).fn(t)
     }, k = await un(Qa(x, g.scrollHeight + h + m.clientTop), u), S = await un(x, {
       ...u,
       elementContext: "reference"
     }), C = Ee(0, k.top), P = x.y + C, N = (g.scrollHeight > g.clientHeight ? ($) => $ : Xt)(Ee(0, g.scrollHeight + (b && w || v ? h * 2 : 0) - C - Ee(0, k.bottom)));
     if (g.style.maxHeight = N + "px", g.scrollTop = C, a) {
-      const $ = g.offsetHeight < f.offsetHeight * Qe(i, r.current.length) - 1 || S.top >= -l || S.bottom >= -l;
+      const $ = g.offsetHeight < d.offsetHeight * Qe(i, r.current.length) - 1 || S.top >= -l || S.bottom >= -l;
       Kt.flushSync(() => a($));
     }
     return n && (n.current = await un(Qa({
@@ -2582,7 +2583,7 @@ function Cu(e, t) {
   } = t, l = ws(i), c = y.useRef(!1), u = y.useRef(null), p = y.useRef(null);
   y.useEffect(() => {
     if (!a) return;
-    function f(h) {
+    function d(h) {
       if (h.ctrlKey || !g || o.current == null)
         return;
       const b = h.deltaY, v = o.current.top >= -0.5, w = o.current.bottom >= -0.5, x = g.scrollHeight - g.clientHeight, k = b < 0 ? -1 : 1, S = b < 0 ? "max" : "min";
@@ -2592,12 +2593,12 @@ function Cu(e, t) {
     }
     const g = s?.current || n.floating;
     if (r && g)
-      return g.addEventListener("wheel", f), requestAnimationFrame(() => {
+      return g.addEventListener("wheel", d), requestAnimationFrame(() => {
         u.current = g.scrollTop, o.current != null && (p.current = {
           ...o.current
         });
       }), () => {
-        u.current = null, p.current = null, g.removeEventListener("wheel", f);
+        u.current = null, p.current = null, g.removeEventListener("wheel", d);
       };
   }, [a, r, n.floating, o, s, l]);
   const m = y.useMemo(() => ({
@@ -2611,14 +2612,14 @@ function Cu(e, t) {
       c.current = !1;
     },
     onScroll() {
-      const f = s?.current || n.floating;
-      if (!(!o.current || !f || !c.current)) {
+      const d = s?.current || n.floating;
+      if (!(!o.current || !d || !c.current)) {
         if (u.current !== null) {
-          const g = f.scrollTop - u.current;
+          const g = d.scrollTop - u.current;
           (o.current.bottom < -0.5 && g < -1 || o.current.top < -0.5 && g > 1) && Kt.flushSync(() => l((h) => h + g));
         }
         requestAnimationFrame(() => {
-          u.current = f.scrollTop;
+          u.current = d.scrollTop;
         });
       }
     }
@@ -2662,11 +2663,11 @@ let Za = 4;
 function ea({ children: e, enabled: t = !0 }) {
   let [r, n] = X(null), [a, o] = X(0), s = V(null), [i, l] = X(null);
   Tu(i);
-  let c = t && r !== null && i !== null, { to: u = "bottom", gap: p = 0, offset: m = 0, padding: f = 0, inner: g } = ju(r, i), [h, b = "center"] = u.split(" ");
+  let c = t && r !== null && i !== null, { to: u = "bottom", gap: p = 0, offset: m = 0, padding: d = 0, inner: g } = ju(r, i), [h, b = "center"] = u.split(" ");
   se(() => {
     c && o(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: [Kn({ mainAxis: h === "selection" ? 0 : p, crossAxis: m }), bs({ padding: f }), h !== "selection" && vs({ padding: f }), h === "selection" && g ? Ou({ ...g, padding: f, overflowRef: s, offset: a, minItemsVisible: Za, referenceOverflowThreshold: f, 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: [Kn({ mainAxis: h === "selection" ? 0 : p, crossAxis: m }), bs({ padding: d }), h !== "selection" && vs({ padding: d }), h === "selection" && g ? Ou({ ...g, padding: d, overflowRef: s, offset: a, minItemsVisible: Za, referenceOverflowThreshold: d, onFallbackChange($) {
     var L, _;
     if (!$) return;
     let R = x.elements.floating;
@@ -2684,7 +2685,7 @@ function ea({ children: e, enabled: t = !0 }) {
       let H = U * F - O + D;
       return j >= H ? j : H;
     });
-  } }) : null, xs({ padding: f, apply({ availableWidth: $, availableHeight: L, elements: _ }) {
+  } }) : null, xs({ 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: ms }), [k = h, S = b] = x.placement.split("-");
   h === "selection" && (k = "selection");
@@ -2722,14 +2723,14 @@ function pn(e, t, r = void 0) {
       return [u, (p) => {
         let m = Es(l);
         {
-          let f = m.map((g) => window.getComputedStyle(c).getPropertyValue(g));
+          let d = m.map((g) => window.getComputedStyle(c).getPropertyValue(g));
           n.requestAnimationFrame(function g() {
             n.nextFrame(g);
             let h = !1;
             for (let [v, w] of m.entries()) {
               let x = window.getComputedStyle(c).getPropertyValue(w);
-              if (f[v] !== x) {
-                f[v] = x, h = !0;
+              if (d[v] !== x) {
+                d[v] = x, h = !0;
                 break;
               }
             }
@@ -2855,7 +2856,7 @@ function Du(e) {
   let t = Au(), r = oe(Cs), [n, a] = X(() => {
     var o;
     if (!t && r !== null) return (o = r.current) != null ? o : null;
-    if (mt.isServer) return null;
+    if (pt.isServer) return null;
     let s = e?.getElementById("headlessui-portal-root");
     if (s) return s;
     if (e === null) return null;
@@ -2934,7 +2935,7 @@ function Hu() {
 function $s({ defaultContainers: e = [], portals: t, mainTreeNode: r } = {}) {
   let n = I(() => {
     var a, o;
-    let s = wt(r), i = [];
+    let s = yt(r), i = [];
     for (let l of e) l !== null && (Ge(l) ? i.push(l) : "current" in l && Ge(l.current) && i.push(l.current));
     if (t != null && t.current) for (let l of t.current) i.push(l);
     for (let l of (a = s?.querySelectorAll("html > *, body > *")) != null ? a : []) l !== document.body && l !== document.head && Ge(l) && l.id !== "headlessui-portal-root" && (r && (l.contains(r) || l.contains((o = r?.getRootNode()) == null ? void 0 : o.host)) || i.some((c) => l.contains(c)) || i.push(l));
@@ -2948,7 +2949,7 @@ function Pr({ children: e, node: t }) {
   return E.createElement(Is.Provider, { value: a }, e, a === null && E.createElement(qe, { features: Ve.Hidden, ref: (o) => {
     var s, i;
     if (o) {
-      for (let l of (i = (s = wt(o)) == null ? void 0 : s.querySelectorAll("html > *, body > *")) != null ? i : []) if (l !== document.body && l !== document.head && Ge(l) && l != null && l.contains(o)) {
+      for (let l of (i = (s = yt(o)) == null ? void 0 : s.querySelectorAll("html > *, body > *")) != null ? i : []) if (l !== document.body && l !== document.head && Ge(l) && l != null && l.contains(o)) {
         n(l);
         break;
       }
@@ -2965,10 +2966,10 @@ function zu() {
   }, () => !1, () => !e) : !1;
 }
 function Ur() {
-  let e = zu(), [t, r] = y.useState(mt.isHandoffComplete);
-  return t && mt.isHandoffComplete === !1 && r(!1), y.useEffect(() => {
+  let e = zu(), [t, r] = y.useState(pt.isHandoffComplete);
+  return t && pt.isHandoffComplete === !1 && r(!1), y.useEffect(() => {
     t !== !0 && r(!0);
-  }, [t]), y.useEffect(() => mt.handoff(), []), e ? !1 : t;
+  }, [t]), y.useEffect(() => pt.handoff(), []), e ? !1 : t;
 }
 function na() {
   let e = V(!1);
@@ -3009,7 +3010,7 @@ function Uu(e, t) {
         Oe(x, ge.Last, { skipElements: [w.relatedTarget, o] });
       } });
     });
-  }), f = ar(!!(i & 2), "focus-trap#tab-lock"), g = ze(), h = V(!1), b = { ref: n, onKeyDown(w) {
+  }), d = ar(!!(i & 2), "focus-trap#tab-lock"), g = ze(), h = V(!1), b = { ref: n, onKeyDown(w) {
     w.key == "Tab" && (h.current = !0, g.requestAnimationFrame(() => {
       h.current = !1;
     }));
@@ -3020,7 +3021,7 @@ function Uu(e, t) {
     let k = w.relatedTarget;
     $e(k) && k.dataset.headlessuiFocusGuard !== "true" && (Ds(x, k) || (h.current ? Oe(r.current, he(p.current, { [Ce.Forwards]: () => ge.Next, [Ce.Backwards]: () => ge.Previous }) | ge.WrapAround, { relativeTo: w.target }) : $e(w.target) && Le(w.target)));
   } }, v = J();
-  return E.createElement(E.Fragment, null, f && E.createElement(qe, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: m, features: Ve.Focusable }), v({ ourProps: b, theirProps: l, defaultTag: Wu, name: "FocusTrap" }), f && E.createElement(qe, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: m, features: Ve.Focusable }));
+  return E.createElement(E.Fragment, null, d && E.createElement(qe, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: m, features: Ve.Focusable }), v({ ourProps: b, theirProps: l, defaultTag: Wu, name: "FocusTrap" }), d && E.createElement(qe, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: m, features: Ve.Focusable }));
 }
 let Yu = Q(Uu), Gu = Object.assign(Yu, { features: ut });
 function Ku(e = !0) {
@@ -3114,26 +3115,26 @@ function Kr(e) {
   return "children" in e ? Kr(e.children) : e.current.filter(({ el: t }) => t.current !== null).filter(({ state: t }) => t === "visible").length > 0;
 }
 function Ms(e, t) {
-  let r = Ke(e), n = V([]), a = na(), o = ze(), s = I((f, g = ft.Hidden) => {
-    let h = n.current.findIndex(({ el: b }) => b === f);
-    h !== -1 && (he(g, { [ft.Unmount]() {
+  let r = Ke(e), n = V([]), a = na(), o = ze(), s = I((d, g = dt.Hidden) => {
+    let h = n.current.findIndex(({ el: b }) => b === d);
+    h !== -1 && (he(g, { [dt.Unmount]() {
       n.current.splice(h, 1);
-    }, [ft.Hidden]() {
+    }, [dt.Hidden]() {
       n.current[h].state = "hidden";
     } }), o.microTask(() => {
       var b;
       !Kr(n) && a.current && ((b = r.current) == null || b.call(r));
     }));
-  }), i = I((f) => {
-    let g = n.current.find(({ el: h }) => h === f);
-    return g ? g.state !== "visible" && (g.state = "visible") : n.current.push({ el: f, state: "visible" }), () => s(f, ft.Unmount);
-  }), l = V([]), c = V(Promise.resolve()), u = V({ enter: [], leave: [] }), p = I((f, g, h) => {
-    l.current.splice(0), t && (t.chains.current[g] = t.chains.current[g].filter(([b]) => b !== f)), t?.chains.current[g].push([f, new Promise((b) => {
+  }), i = I((d) => {
+    let g = n.current.find(({ el: h }) => h === d);
+    return g ? g.state !== "visible" && (g.state = "visible") : n.current.push({ el: d, state: "visible" }), () => s(d, dt.Unmount);
+  }), l = V([]), c = V(Promise.resolve()), u = V({ enter: [], leave: [] }), p = I((d, g, h) => {
+    l.current.splice(0), t && (t.chains.current[g] = t.chains.current[g].filter(([b]) => b !== d)), t?.chains.current[g].push([d, new Promise((b) => {
       l.current.push(b);
-    })]), t?.chains.current[g].push([f, new Promise((b) => {
+    })]), t?.chains.current[g].push([d, new Promise((b) => {
       Promise.all(u.current[g].map(([v, w]) => w)).then(() => b());
     })]), g === "enter" ? c.current = c.current.then(() => t?.wait.current).then(() => h(g)) : h(g);
-  }), m = I((f, g, h) => {
+  }), m = I((d, g, h) => {
     Promise.all(u.current[g].splice(0).map(([b, v]) => v)).then(() => {
       var b;
       (b = l.current.shift()) == null || b();
@@ -3144,9 +3145,9 @@ function Ms(e, t) {
 let Ls = xe, _s = Ae.RenderStrategy;
 function td(e, t) {
   var r, n;
-  let { transition: a = !0, beforeEnter: o, afterEnter: s, beforeLeave: i, afterLeave: l, enter: c, enterFrom: u, enterTo: p, entered: m, leave: f, leaveFrom: g, leaveTo: h, ...b } = e, [v, w] = X(null), x = V(null), k = Fs(e), S = le(...k ? [x, t, w] : t === null ? [] : [t]), C = (r = b.unmount) == null || r ? ft.Unmount : ft.Hidden, { show: P, appear: M, initial: z } = Ju(), [N, $] = X(P ? "visible" : "hidden"), L = ed(), { register: _, unregister: R } = L;
+  let { transition: a = !0, beforeEnter: o, afterEnter: s, beforeLeave: i, afterLeave: l, enter: c, enterFrom: u, enterTo: p, entered: m, leave: d, leaveFrom: g, leaveTo: h, ...b } = e, [v, w] = X(null), x = V(null), k = Fs(e), S = le(...k ? [x, t, w] : t === null ? [] : [t]), C = (r = b.unmount) == null || r ? dt.Unmount : dt.Hidden, { show: P, appear: M, initial: z } = Ju(), [N, $] = X(P ? "visible" : "hidden"), L = ed(), { register: _, unregister: R } = L;
   se(() => _(x), [_, x]), se(() => {
-    if (C === ft.Hidden && x.current) {
+    if (C === dt.Hidden && x.current) {
       if (P && N !== "visible") {
         $("visible");
         return;
@@ -3175,7 +3176,7 @@ function td(e, t) {
   ne(() => {
     k && a || (H(P), ae(P));
   }, [P, k, a]);
-  let te = !(!a || !k || !D || F), [, A] = cr(te, v, P, { start: H, end: ae }), W = No({ ref: S, className: ((n = Li(b.className, U && c, U && u, A.enter && c, A.enter && A.closed && u, A.enter && !A.closed && p, A.leave && f, A.leave && !A.closed && g, A.leave && A.closed && h, !A.transition && P && m)) == null ? void 0 : n.trim()) || void 0, ...lr(A) }), G = 0;
+  let te = !(!a || !k || !D || F), [, A] = cr(te, v, P, { start: H, end: ae }), W = No({ ref: S, className: ((n = 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 : n.trim()) || void 0, ...lr(A) }), G = 0;
   N === "visible" && (G |= ue.Open), N === "hidden" && (G |= ue.Closed), P && N === "hidden" && (G |= ue.Opening), !P && N === "visible" && (G |= ue.Closing);
   let B = J();
   return E.createElement(Gr.Provider, { value: j }, E.createElement(zr, { value: G }, B({ ourProps: W, theirProps: b, defaultTag: Ls, features: _s, visible: N === "visible", name: "Transition.Child" })));
@@ -3187,20 +3188,20 @@ function rd(e, t) {
   if (r === void 0 && c !== null && (r = (c & ue.Open) === ue.Open), r === void 0) throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");
   let [u, p] = X(r ? "visible" : "hidden"), m = Ms(() => {
     r || p("hidden");
-  }), [f, g] = X(!0), h = V([r]);
+  }), [d, g] = X(!0), h = V([r]);
   se(() => {
-    f !== !1 && h.current[h.current.length - 1] !== r && (h.current.push(r), g(!1));
+    d !== !1 && h.current[h.current.length - 1] !== r && (h.current.push(r), g(!1));
   }, [h, r]);
-  let b = fe(() => ({ show: r, appear: n, initial: f }), [r, n, f]);
+  let b = fe(() => ({ show: r, appear: n, initial: d }), [r, n, d]);
   se(() => {
     r ? p("visible") : !Kr(m) && s.current !== null && p("hidden");
   }, [r, m]);
   let v = { unmount: a }, w = I(() => {
     var S;
-    f && g(!1), (S = e.beforeEnter) == null || S.call(e);
+    d && g(!1), (S = e.beforeEnter) == null || S.call(e);
   }), x = I(() => {
     var S;
-    f && g(!1), (S = e.beforeLeave) == null || S.call(e);
+    d && g(!1), (S = e.beforeLeave) == null || S.call(e);
   }), k = J();
   return E.createElement(Gr.Provider, { value: m }, E.createElement(Yr.Provider, { value: b }, k({ ourProps: { ...v, as: xe, children: E.createElement(Vs, { ref: l, ...v, ...o, beforeEnter: w, beforeLeave: x }) }, theirProps: {}, defaultTag: xe, features: _s, visible: u === "visible", name: "Transition" })));
 }
@@ -3230,12 +3231,12 @@ let to = Q(function(e, t) {
   i = (function() {
     return i === "dialog" || i === "alertdialog" ? i : (m.current || (m.current = !0, console.warn(`Invalid role [${i}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog");
   })();
-  let f = it();
-  a === void 0 && f !== null && (a = (f & ue.Open) === ue.Open);
+  let d = it();
+  a === void 0 && d !== null && (a = (d & ue.Open) === ue.Open);
   let g = V(null), h = le(g, t), b = Xe(g.current), v = a ? 0 : 1, [w, x] = Qi(id, { titleId: null, descriptionId: null, panelRef: Zi() }), k = I(() => o(!1)), S = I((A) => x({ type: 0, id: A })), C = Ur() ? v === 0 : !1, [P, M] = Ts(), z = { get current() {
     var A;
     return (A = w.panelRef.current) != null ? A : g.current;
-  } }, N = ra(), { resolveContainers: $ } = $s({ mainTreeNode: N, portals: P, defaultContainers: [z] }), L = f !== null ? (f & ue.Closing) === ue.Closing : !1;
+  } }, N = ra(), { resolveContainers: $ } = $s({ mainTreeNode: N, portals: P, defaultContainers: [z] }), L = d !== null ? (d & ue.Closing) === ue.Closing : !1;
   Ln(c || L ? !1 : C, { allowed: I(() => {
     var A, W;
     return [(W = (A = g.current) == null ? void 0 : A.closest("[data-headlessui-portal]")) != null ? W : null];
@@ -3243,7 +3244,7 @@ let to = Q(function(e, t) {
     var A;
     return [(A = N?.closest("body > *:not(#headlessui-portal-root)")) != null ? A : null];
   }) });
-  let _ = kt.get(null);
+  let _ = wt.get(null);
   se(() => {
     if (C) return _.actions.push(n), () => _.actions.pop(n);
   }, [_, n, C]);
@@ -3271,8 +3272,8 @@ let dd = "div";
 function fd(e, t) {
   let r = de(), { id: n = `headlessui-dialog-panel-${r}`, transition: a = !1, ...o } = e, [{ dialogState: s, unmount: i }, l] = qr("Dialog.Panel"), c = le(t, l.panelRef), u = ce({ open: s === 0 }), p = I((b) => {
     b.stopPropagation();
-  }), m = { ref: c, id: n, onClick: p }, f = a ? Zt : xe, g = a ? { unmount: i } : {}, h = J();
-  return E.createElement(f, { ...g }, h({ ourProps: m, theirProps: o, slot: u, defaultTag: dd, name: "Dialog.Panel" }));
+  }), m = { ref: c, id: n, onClick: p }, d = a ? Zt : xe, g = a ? { unmount: i } : {}, h = J();
+  return E.createElement(d, { ...g }, h({ ourProps: m, theirProps: o, slot: u, defaultTag: dd, name: "Dialog.Panel" }));
 }
 let pd = "div";
 function md(e, t) {
@@ -3293,7 +3294,7 @@ function wd(e, t) {
 }
 let Xr = Q(wd), kd = "input";
 function Ed(e, t) {
-  let r = de(), n = It(), a = st(), { id: o = n || `headlessui-input-${r}`, disabled: s = a || !1, autoFocus: i = !1, invalid: l = !1, ...c } = e, u = At(), p = tr(), { isFocused: m, focusProps: f } = xt({ autoFocus: i }), { isHovered: g, hoverProps: h } = yt({ isDisabled: s }), b = Ie({ ref: t, id: o, "aria-labelledby": u, "aria-describedby": p, "aria-invalid": l ? "true" : void 0, disabled: s || void 0, autoFocus: i }, f, h), v = ce({ disabled: s, invalid: l, hover: g, focus: m, autofocus: i });
+  let r = de(), n = It(), a = st(), { id: o = n || `headlessui-input-${r}`, disabled: s = a || !1, autoFocus: i = !1, invalid: l = !1, ...c } = e, u = At(), p = tr(), { isFocused: m, focusProps: d } = vt({ autoFocus: i }), { isHovered: g, hoverProps: h } = xt({ isDisabled: s }), b = Ie({ ref: t, id: o, "aria-labelledby": u, "aria-describedby": p, "aria-invalid": l ? "true" : void 0, disabled: s || void 0, autoFocus: i }, d, h), v = ce({ disabled: s, invalid: l, hover: g, focus: m, autofocus: i });
   return J()({ ourProps: b, theirProps: c, slot: v, defaultTag: kd, name: "Input" });
 }
 let Sd = Q(Ed), ro = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
@@ -3356,19 +3357,19 @@ let Cd = { 1(e) {
   if (t.focus === K.Previous) {
     let u = e.activeOptionIndex;
     if (u !== null) {
-      let p = e.options[u].dataRef.current.domRef, m = tt(t, { resolveItems: () => e.options, resolveActiveIndex: () => e.activeOptionIndex, resolveId: (f) => f.id, resolveDisabled: (f) => f.dataRef.current.disabled });
+      let p = e.options[u].dataRef.current.domRef, m = tt(t, { resolveItems: () => e.options, resolveActiveIndex: () => e.activeOptionIndex, resolveId: (d) => d.id, resolveDisabled: (d) => d.dataRef.current.disabled });
       if (m !== null) {
-        let f = e.options[m].dataRef.current.domRef;
-        if (((n = p.current) == null ? void 0 : n.previousElementSibling) === f.current || ((a = f.current) == null ? void 0 : a.previousElementSibling) === null) return { ...i, activeOptionIndex: m };
+        let d = e.options[m].dataRef.current.domRef;
+        if (((n = p.current) == null ? void 0 : n.previousElementSibling) === d.current || ((a = d.current) == null ? void 0 : a.previousElementSibling) === null) return { ...i, activeOptionIndex: m };
       }
     }
   } else if (t.focus === K.Next) {
     let u = e.activeOptionIndex;
     if (u !== null) {
-      let p = e.options[u].dataRef.current.domRef, m = tt(t, { resolveItems: () => e.options, resolveActiveIndex: () => e.activeOptionIndex, resolveId: (f) => f.id, resolveDisabled: (f) => f.dataRef.current.disabled });
+      let p = e.options[u].dataRef.current.domRef, m = tt(t, { resolveItems: () => e.options, resolveActiveIndex: () => e.activeOptionIndex, resolveId: (d) => d.id, resolveDisabled: (d) => d.dataRef.current.disabled });
       if (m !== null) {
-        let f = e.options[m].dataRef.current.domRef;
-        if (((o = p.current) == null ? void 0 : o.nextElementSibling) === f.current || ((s = f.current) == null ? void 0 : s.nextElementSibling) === null) return { ...i, activeOptionIndex: m };
+        let d = e.options[m].dataRef.current.domRef;
+        if (((o = p.current) == null ? void 0 : o.nextElementSibling) === d.current || ((s = d.current) == null ? void 0 : s.nextElementSibling) === null) return { ...i, activeOptionIndex: m };
       }
     }
   }
@@ -3468,7 +3469,7 @@ let Cd = { 1(e) {
       });
     });
     {
-      let r = this.state.id, n = kt.get(null);
+      let r = this.state.id, n = wt.get(null);
       this.disposables.add(n.on(Mn.Push, (a) => {
         !n.selectors.isTop(a, r) && this.state.listboxState === 0 && this.actions.closeListbox();
       })), this.on(0, () => n.actions.push(r)), this.on(1, () => n.actions.pop(r));
@@ -3516,13 +3517,13 @@ function fr(e) {
 }
 let jd = xe;
 function Rd(e, t) {
-  let r = de(), n = st(), { value: a, defaultValue: o, form: s, name: i, onChange: l, by: c, invalid: u = !1, disabled: p = n || !1, horizontal: m = !1, multiple: f = !1, __demoMode: g = !1, ...h } = e;
+  let r = de(), n = st(), { value: a, defaultValue: o, form: s, name: i, onChange: l, by: c, invalid: u = !1, disabled: p = n || !1, horizontal: m = !1, multiple: d = !1, __demoMode: g = !1, ...h } = e;
   const b = m ? "horizontal" : "vertical";
-  let v = le(t), w = Rn(o), [x = f ? [] : void 0, k] = jn(a, l, w), S = Gs({ id: r, __demoMode: g }), C = V({ static: !1, hold: !1 }), P = V(/* @__PURE__ */ new Map()), M = El(c), z = ee((te) => he(N.mode, { [rt.Multi]: () => x.some((A) => M(A, te)), [rt.Single]: () => M(x, te) }), [x]), N = ce({ value: x, disabled: p, invalid: u, mode: f ? rt.Multi : rt.Single, orientation: b, onChange: k, compare: M, isSelected: z, optionsPropsRef: C, listRef: P });
+  let v = le(t), w = Rn(o), [x = d ? [] : void 0, k] = jn(a, l, w), S = Gs({ id: r, __demoMode: g }), C = V({ static: !1, hold: !1 }), P = V(/* @__PURE__ */ new Map()), M = El(c), z = ee((te) => he(N.mode, { [rt.Multi]: () => x.some((A) => M(A, te)), [rt.Single]: () => M(x, te) }), [x]), N = ce({ value: x, disabled: p, invalid: u, mode: d ? rt.Multi : rt.Single, orientation: b, onChange: k, compare: M, isSelected: z, optionsPropsRef: C, listRef: P });
   se(() => {
     S.state.dataRef.current = N;
   }, [N]);
-  let $ = re(S, (te) => te.listboxState), L = kt.get(null), _ = re(L, ee((te) => L.selectors.isTop(te, r), [L, r])), [R, D] = re(S, (te) => [te.buttonElement, te.optionsElement]);
+  let $ = re(S, (te) => te.listboxState), L = wt.get(null), _ = re(L, ee((te) => L.selectors.isTop(te, r), [L, r])), [R, D] = re(S, (te) => [te.buttonElement, te.optionsElement]);
   Dr(_, [R, D], (te, A) => {
     S.send({ type: Ws.CloseListbox }), ir(A, sr.Loose) || (te.preventDefault(), R?.focus());
   });
@@ -3533,12 +3534,12 @@ function Rd(e, t) {
 }
 let $d = "button";
 function Id(e, t) {
-  let r = de(), n = It(), a = fr("Listbox.Button"), o = sa("Listbox.Button"), { id: s = n || `headlessui-listbox-button-${r}`, disabled: i = a.disabled || !1, autoFocus: l = !1, ...c } = e, u = le(t, Qn(), o.actions.setButtonElement), p = ks(), [m, f, g] = re(o, (D) => [D.listboxState, D.buttonElement, D.optionsElement]), h = m === Se.Open;
-  ts(h, { trigger: f, action: ee((D) => {
-    if (f != null && f.contains(D.target)) return et.Ignore;
+  let r = de(), n = It(), a = fr("Listbox.Button"), o = sa("Listbox.Button"), { id: s = n || `headlessui-listbox-button-${r}`, disabled: i = a.disabled || !1, autoFocus: l = !1, ...c } = e, u = le(t, Qn(), o.actions.setButtonElement), p = ks(), [m, d, g] = re(o, (D) => [D.listboxState, D.buttonElement, D.optionsElement]), h = m === Se.Open;
+  ts(h, { trigger: d, action: ee((D) => {
+    if (d != null && d.contains(D.target)) return et.Ignore;
     let F = D.target.closest('[role="option"]:not([data-disabled])');
     return we(F) ? et.Select(F) : g != null && g.contains(D.target) ? et.Ignore : et.Close;
-  }, [f, g]), close: o.actions.closeListbox, select: o.actions.selectActiveOption });
+  }, [d, g]), close: o.actions.closeListbox, select: o.actions.selectActiveOption });
   let b = I((D) => {
     switch (D.key) {
       case Y.Enter:
@@ -3556,21 +3557,21 @@ function Id(e, t) {
     D.key === Y.Space && D.preventDefault();
   }), w = Yo((D) => {
     var F;
-    o.state.listboxState === Se.Open ? (bt(() => o.actions.closeListbox()), (F = o.state.buttonElement) == null || F.focus({ preventScroll: !0 })) : (D.preventDefault(), o.actions.openListbox({ focus: K.Nothing }));
-  }), x = I((D) => D.preventDefault()), k = At([s]), S = tr(), { isFocusVisible: C, focusProps: P } = xt({ autoFocus: l }), { isHovered: M, hoverProps: z } = yt({ isDisabled: i }), { pressed: N, pressProps: $ } = er({ disabled: i }), L = ce({ open: m === Se.Open, active: N || m === Se.Open, disabled: i, invalid: a.invalid, value: a.value, hover: M, focus: C, autofocus: l }), _ = re(o, (D) => D.listboxState === Se.Open), R = Ie(p(), { ref: u, id: s, type: Fr(e, f), "aria-haspopup": "listbox", "aria-controls": g?.id, "aria-expanded": _, "aria-labelledby": k, "aria-describedby": S, disabled: i || void 0, autoFocus: l, onKeyDown: b, onKeyUp: v, onKeyPress: x }, w, P, z, $);
+    o.state.listboxState === Se.Open ? (ht(() => o.actions.closeListbox()), (F = o.state.buttonElement) == null || F.focus({ preventScroll: !0 })) : (D.preventDefault(), o.actions.openListbox({ focus: K.Nothing }));
+  }), x = I((D) => D.preventDefault()), k = At([s]), S = tr(), { isFocusVisible: C, focusProps: P } = vt({ autoFocus: l }), { isHovered: M, hoverProps: z } = xt({ isDisabled: i }), { pressed: N, pressProps: $ } = er({ disabled: i }), L = ce({ open: m === Se.Open, active: N || m === Se.Open, disabled: i, invalid: a.invalid, value: a.value, hover: M, focus: C, autofocus: l }), _ = re(o, (D) => D.listboxState === Se.Open), R = Ie(p(), { ref: u, id: s, type: Fr(e, d), "aria-haspopup": "listbox", "aria-controls": g?.id, "aria-expanded": _, "aria-labelledby": k, "aria-describedby": S, disabled: i || void 0, autoFocus: l, onKeyDown: b, onKeyUp: v, onKeyPress: x }, w, P, z, $);
   return J()({ ourProps: R, theirProps: c, slot: L, defaultTag: $d, name: "Listbox.Button" });
 }
 let Ks = pe(!1), Ad = "div", Dd = Ae.RenderStrategy | Ae.Static;
 function Fd(e, t) {
   let r = de(), { id: n = `headlessui-listbox-options-${r}`, anchor: a, portal: o = !1, modal: s = !0, transition: i = !1, ...l } = e, c = Xn(a), [u, p] = X(null);
   c && (o = !0);
-  let m = fr("Listbox.Options"), f = sa("Listbox.Options"), [g, h, b, v] = re(f, (B) => [B.listboxState, B.buttonElement, B.optionsElement, B.__demoMode]), w = Xe(h), x = Xe(b), k = it(), [S, C] = cr(i, u, k !== null ? (k & ue.Open) === ue.Open : g === Se.Open);
-  Ar(S, h, f.actions.closeListbox);
+  let m = fr("Listbox.Options"), d = sa("Listbox.Options"), [g, h, b, v] = re(d, (B) => [B.listboxState, B.buttonElement, B.optionsElement, B.__demoMode]), w = Xe(h), x = Xe(b), k = it(), [S, C] = cr(i, u, k !== null ? (k & ue.Open) === ue.Open : g === Se.Open);
+  Ar(S, h, d.actions.closeListbox);
   let P = v ? !1 : s && g === Se.Open;
   Mr(P, x);
   let M = v ? !1 : s && g === Se.Open;
   Ln(M, { allowed: ee(() => [h, b], [h, b]) });
-  let z = re(f, f.selectors.didButtonMove) ? !1 : S, N = re(f, f.selectors.hasFrozenValue) && !e.static, $ = Ss(N, m.value), L = ee((B) => m.compare($, B), [m.compare, $]), _ = re(f, (B) => {
+  let z = re(d, d.selectors.didButtonMove) ? !1 : S, N = re(d, d.selectors.hasFrozenValue) && !e.static, $ = Ss(N, m.value), L = ee((B) => m.compare($, B), [m.compare, $]), _ = re(d, (B) => {
     var q;
     if (c == null || !((q = c?.to) != null && q.includes("selection"))) return null;
     let be = B.options.findIndex((ye) => L(ye.dataRef.current.value));
@@ -3580,7 +3581,7 @@ function Fd(e, t) {
     if (_ === null) return { ...c, inner: void 0 };
     let B = Array.from(m.listRef.current.values());
     return { ...c, inner: { listRef: { current: B }, index: _ } };
-  })(), [D, F] = Jn(R), U = Zn(), O = le(t, c ? D : null, f.actions.setOptionsElement, p), j = ze();
+  })(), [D, F] = Jn(R), U = Zn(), O = le(t, c ? D : null, d.actions.setOptionsElement, p), j = ze();
   ne(() => {
     let B = b;
     B && g === Se.Open && (Tn(B) || B == null || B.focus({ preventScroll: !0 }));
@@ -3589,40 +3590,40 @@ function Fd(e, t) {
     var q;
     switch (j.dispose(), B.key) {
       case Y.Space:
-        if (f.state.searchQuery !== "") return B.preventDefault(), B.stopPropagation(), f.actions.search(B.key);
+        if (d.state.searchQuery !== "") return B.preventDefault(), B.stopPropagation(), d.actions.search(B.key);
       case Y.Enter:
-        B.preventDefault(), B.stopPropagation(), f.actions.selectActiveOption();
+        B.preventDefault(), B.stopPropagation(), d.actions.selectActiveOption();
         break;
       case he(m.orientation, { vertical: Y.ArrowDown, horizontal: Y.ArrowRight }):
-        return B.preventDefault(), B.stopPropagation(), f.actions.goToOption({ focus: K.Next });
+        return B.preventDefault(), B.stopPropagation(), d.actions.goToOption({ focus: K.Next });
       case he(m.orientation, { vertical: Y.ArrowUp, horizontal: Y.ArrowLeft }):
-        return B.preventDefault(), B.stopPropagation(), f.actions.goToOption({ focus: K.Previous });
+        return B.preventDefault(), B.stopPropagation(), d.actions.goToOption({ focus: K.Previous });
       case Y.Home:
       case Y.PageUp:
-        return B.preventDefault(), B.stopPropagation(), f.actions.goToOption({ focus: K.First });
+        return B.preventDefault(), B.stopPropagation(), d.actions.goToOption({ focus: K.First });
       case Y.End:
       case Y.PageDown:
-        return B.preventDefault(), B.stopPropagation(), f.actions.goToOption({ focus: K.Last });
+        return B.preventDefault(), B.stopPropagation(), d.actions.goToOption({ focus: K.Last });
       case Y.Escape:
-        B.preventDefault(), B.stopPropagation(), bt(() => f.actions.closeListbox()), (q = f.state.buttonElement) == null || q.focus({ preventScroll: !0 });
+        B.preventDefault(), B.stopPropagation(), ht(() => d.actions.closeListbox()), (q = d.state.buttonElement) == null || q.focus({ preventScroll: !0 });
         return;
       case Y.Tab:
-        B.preventDefault(), B.stopPropagation(), bt(() => f.actions.closeListbox()), Zo(f.state.buttonElement, B.shiftKey ? ge.Previous : ge.Next);
+        B.preventDefault(), B.stopPropagation(), ht(() => d.actions.closeListbox()), Zo(d.state.buttonElement, B.shiftKey ? ge.Previous : ge.Next);
         break;
       default:
-        B.key.length === 1 && (f.actions.search(B.key), j.setTimeout(() => f.actions.clearSearch(), 350));
+        B.key.length === 1 && (d.actions.search(B.key), j.setTimeout(() => d.actions.clearSearch(), 350));
         break;
     }
-  }), ae = re(f, (B) => {
+  }), ae = re(d, (B) => {
     var q;
     return (q = B.buttonElement) == null ? void 0 : q.id;
-  }), te = ce({ open: g === Se.Open }), A = Ie(c ? U() : {}, { id: n, ref: O, "aria-activedescendant": re(f, f.selectors.activeDescendantId), "aria-multiselectable": m.mode === rt.Multi ? !0 : void 0, "aria-labelledby": ae, "aria-orientation": m.orientation, onKeyDown: H, role: "listbox", tabIndex: g === Se.Open ? 0 : void 0, style: { ...l.style, ...F, "--button-width": Fn(S, h, !0).width }, ...lr(C) }), W = J(), G = fe(() => m.mode === rt.Multi ? m : { ...m, isSelected: L }, [m, L]);
+  }), te = ce({ open: g === Se.Open }), A = Ie(c ? U() : {}, { id: n, ref: O, "aria-activedescendant": re(d, d.selectors.activeDescendantId), "aria-multiselectable": m.mode === rt.Multi ? !0 : void 0, "aria-labelledby": ae, "aria-orientation": m.orientation, onKeyDown: H, role: "listbox", tabIndex: g === Se.Open ? 0 : void 0, style: { ...l.style, ...F, "--button-width": Fn(S, h, !0).width }, ...lr(C) }), W = J(), G = fe(() => m.mode === rt.Multi ? m : { ...m, isSelected: L }, [m, L]);
   return E.createElement(Wr, { enabled: o ? e.static || S : !1, ownerDocument: w }, E.createElement(Qr.Provider, { value: G }, W({ ourProps: A, theirProps: l, slot: te, defaultTag: Ad, features: Dd, visible: z, name: "Listbox.Options" })));
 }
 let Md = "div";
 function Ld(e, t) {
-  let r = de(), { id: n = `headlessui-listbox-option-${r}`, disabled: a = !1, value: o, ...s } = e, i = oe(Ks) === !0, l = fr("Listbox.Option"), c = sa("Listbox.Option"), u = re(c, (N) => c.selectors.isActive(N, n)), p = l.isSelected(o), m = V(null), f = zs(m), g = Ke({ disabled: a, value: o, domRef: m, get textValue() {
-    return f();
+  let r = de(), { id: n = `headlessui-listbox-option-${r}`, disabled: a = !1, value: o, ...s } = e, i = oe(Ks) === !0, l = fr("Listbox.Option"), c = sa("Listbox.Option"), u = re(c, (N) => c.selectors.isActive(N, n)), p = l.isSelected(o), m = V(null), d = zs(m), g = Ke({ disabled: a, value: o, domRef: m, get textValue() {
+    return d();
   } }), h = le(t, m, (N) => {
     N ? l.listRef.current.set(n, N) : l.listRef.current.delete(n);
   }), b = re(c, (N) => c.selectors.shouldScrollIntoView(N, n));
@@ -3673,19 +3674,19 @@ let Gd = { 1(e) {
   if (t.focus === K.Previous) {
     let u = e.activeItemIndex;
     if (u !== null) {
-      let p = e.items[u].dataRef.current.domRef, m = tt(t, { resolveItems: () => e.items, resolveActiveIndex: () => e.activeItemIndex, resolveId: (f) => f.id, resolveDisabled: (f) => f.dataRef.current.disabled });
+      let p = e.items[u].dataRef.current.domRef, m = tt(t, { resolveItems: () => e.items, resolveActiveIndex: () => e.activeItemIndex, resolveId: (d) => d.id, resolveDisabled: (d) => d.dataRef.current.disabled });
       if (m !== null) {
-        let f = e.items[m].dataRef.current.domRef;
-        if (((n = p.current) == null ? void 0 : n.previousElementSibling) === f.current || ((a = f.current) == null ? void 0 : a.previousElementSibling) === null) return { ...i, activeItemIndex: m };
+        let d = e.items[m].dataRef.current.domRef;
+        if (((n = p.current) == null ? void 0 : n.previousElementSibling) === d.current || ((a = d.current) == null ? void 0 : a.previousElementSibling) === null) return { ...i, activeItemIndex: m };
       }
     }
   } else if (t.focus === K.Next) {
     let u = e.activeItemIndex;
     if (u !== null) {
-      let p = e.items[u].dataRef.current.domRef, m = tt(t, { resolveItems: () => e.items, resolveActiveIndex: () => e.activeItemIndex, resolveId: (f) => f.id, resolveDisabled: (f) => f.dataRef.current.disabled });
+      let p = e.items[u].dataRef.current.domRef, m = tt(t, { resolveItems: () => e.items, resolveActiveIndex: () => e.activeItemIndex, resolveId: (d) => d.id, resolveDisabled: (d) => d.dataRef.current.disabled });
       if (m !== null) {
-        let f = e.items[m].dataRef.current.domRef;
-        if (((o = p.current) == null ? void 0 : o.nextElementSibling) === f.current || ((s = f.current) == null ? void 0 : s.nextElementSibling) === null) return { ...i, activeItemIndex: m };
+        let d = e.items[m].dataRef.current.domRef;
+        if (((o = p.current) == null ? void 0 : o.nextElementSibling) === d.current || ((s = d.current) == null ? void 0 : s.nextElementSibling) === null) return { ...i, activeItemIndex: m };
       }
     }
   }
@@ -3740,7 +3741,7 @@ let Gd = { 1(e) {
       });
     });
     {
-      let r = this.state.id, n = kt.get(null);
+      let r = this.state.id, n = wt.get(null);
       this.disposables.add(n.on(Mn.Push, (a) => {
         !n.selectors.isTop(a, r) && this.state.menuState === 0 && this.send({ type: 1 });
       })), this.on(0, () => n.actions.push(r)), this.on(1, () => n.actions.pop(r));
@@ -3775,15 +3776,15 @@ function ei({ id: e, __demoMode: t = !1 }) {
 }
 let qd = xe;
 function Xd(e, t) {
-  let r = de(), { __demoMode: n = !1, ...a } = e, o = ei({ id: r, __demoMode: n }), [s, i, l] = re(o, (b) => [b.menuState, b.itemsElement, b.buttonElement]), c = le(t), u = kt.get(null), p = re(u, ee((b) => u.selectors.isTop(b, r), [u, r]));
+  let r = de(), { __demoMode: n = !1, ...a } = e, o = ei({ id: r, __demoMode: n }), [s, i, l] = re(o, (b) => [b.menuState, b.itemsElement, b.buttonElement]), c = le(t), u = wt.get(null), p = re(u, ee((b) => u.selectors.isTop(b, r), [u, r]));
   Dr(p, [l, i], (b, v) => {
     var w;
     o.send({ type: ie.CloseMenu }), ir(v, sr.Loose) || (b.preventDefault(), (w = o.state.buttonElement) == null || w.focus());
   });
   let m = I(() => {
     o.send({ type: ie.CloseMenu });
-  }), f = ce({ open: s === ke.Open, close: m }), g = { ref: c }, h = J();
-  return E.createElement(ea, null, E.createElement(Js.Provider, { value: o }, E.createElement(zr, { value: he(s, { [ke.Open]: ue.Open, [ke.Closed]: ue.Closed }) }, h({ ourProps: g, theirProps: a, slot: f, defaultTag: qd, name: "Menu" }))));
+  }), d = ce({ open: s === ke.Open, close: m }), g = { ref: c }, h = J();
+  return E.createElement(ea, null, E.createElement(Js.Provider, { value: o }, E.createElement(zr, { value: he(s, { [ke.Open]: ue.Open, [ke.Closed]: ue.Closed }) }, h({ ourProps: g, theirProps: a, slot: d, defaultTag: qd, name: "Menu" }))));
 }
 let Qd = "button";
 function Zd(e, t) {
@@ -3800,7 +3801,7 @@ function Zd(e, t) {
     }
   }), m = I((N) => {
     N.key === Y.Space && N.preventDefault();
-  }), [f, g, h] = re(r, (N) => [N.menuState, N.buttonElement, N.itemsElement]), b = f === ke.Open;
+  }), [d, g, h] = re(r, (N) => [N.menuState, N.buttonElement, N.itemsElement]), b = d === ke.Open;
   ts(b, { trigger: g, action: ee((N) => {
     if (g != null && g.contains(N.target)) return et.Ignore;
     let $ = N.target.closest('[role="menuitem"]:not([data-disabled])');
@@ -3808,13 +3809,13 @@ function Zd(e, t) {
   }, [g, h]), close: ee(() => r.send({ type: ie.CloseMenu }), []), select: ee((N) => N.click(), []) });
   let v = Yo((N) => {
     var $;
-    o || (f === ke.Open ? (bt(() => r.send({ type: ie.CloseMenu })), ($ = l.current) == null || $.focus({ preventScroll: !0 })) : (N.preventDefault(), r.send({ type: ie.OpenMenu, focus: { focus: K.Nothing }, trigger: Or.Pointer })));
-  }), { isFocusVisible: w, focusProps: x } = xt({ autoFocus: s }), { isHovered: k, hoverProps: S } = yt({ isDisabled: o }), { pressed: C, pressProps: P } = er({ disabled: o }), M = ce({ open: f === ke.Open, active: C || f === ke.Open, disabled: o, hover: k, focus: w, autofocus: s }), z = Ie(c(), { ref: u, id: a, type: Fr(e, l.current), "aria-haspopup": "menu", "aria-controls": h?.id, "aria-expanded": f === ke.Open, disabled: o || void 0, autoFocus: s, onKeyDown: p, onKeyUp: m }, v, x, S, P);
+    o || (d === ke.Open ? (ht(() => r.send({ type: ie.CloseMenu })), ($ = l.current) == null || $.focus({ preventScroll: !0 })) : (N.preventDefault(), r.send({ type: ie.OpenMenu, focus: { focus: K.Nothing }, trigger: Or.Pointer })));
+  }), { isFocusVisible: w, focusProps: x } = vt({ autoFocus: s }), { isHovered: k, hoverProps: S } = xt({ isDisabled: o }), { pressed: C, pressProps: P } = er({ disabled: o }), M = ce({ open: d === ke.Open, active: C || d === ke.Open, disabled: o, hover: k, focus: w, autofocus: s }), z = Ie(c(), { ref: u, id: a, type: Fr(e, l.current), "aria-haspopup": "menu", "aria-controls": h?.id, "aria-expanded": d === ke.Open, disabled: o || void 0, autoFocus: s, onKeyDown: p, onKeyUp: m }, v, x, S, P);
   return J()({ ourProps: z, theirProps: i, slot: M, defaultTag: Qd, name: "Menu.Button" });
 }
 let Jd = "div", ef = Ae.RenderStrategy | Ae.Static;
 function tf(e, t) {
-  let r = de(), { id: n = `headlessui-menu-items-${r}`, anchor: a, portal: o = !1, modal: s = !0, transition: i = !1, ...l } = e, c = Xn(a), u = ia("Menu.Items"), [p, m] = Jn(c), f = Zn(), [g, h] = X(null), b = le(t, c ? p : null, I((O) => u.send({ type: ie.SetItemsElement, element: O })), h), [v, w] = re(u, (O) => [O.menuState, O.buttonElement]), x = Xe(w), k = Xe(g);
+  let r = de(), { id: n = `headlessui-menu-items-${r}`, anchor: a, portal: o = !1, modal: s = !0, transition: i = !1, ...l } = e, c = Xn(a), u = ia("Menu.Items"), [p, m] = Jn(c), d = Zn(), [g, h] = X(null), b = le(t, c ? p : null, I((O) => u.send({ type: ie.SetItemsElement, element: O })), h), [v, w] = re(u, (O) => [O.menuState, O.buttonElement]), x = Xe(w), k = Xe(g);
   c && (o = !0);
   let S = it(), [C, P] = cr(i, g, S !== null ? (S & ue.Open) === ue.Open : v === ke.Open);
   Ar(C, w, () => {
@@ -3856,10 +3857,10 @@ function tf(e, t) {
       case Y.PageDown:
         return O.preventDefault(), O.stopPropagation(), u.send({ type: ie.GoToItem, focus: K.Last });
       case Y.Escape:
-        O.preventDefault(), O.stopPropagation(), bt(() => u.send({ type: ie.CloseMenu })), (ae = u.state.buttonElement) == null || ae.focus({ preventScroll: !0 });
+        O.preventDefault(), O.stopPropagation(), ht(() => u.send({ type: ie.CloseMenu })), (ae = u.state.buttonElement) == null || ae.focus({ preventScroll: !0 });
         break;
       case Y.Tab:
-        O.preventDefault(), O.stopPropagation(), bt(() => u.send({ type: ie.CloseMenu })), Zo(u.state.buttonElement, O.shiftKey ? ge.Previous : ge.Next);
+        O.preventDefault(), O.stopPropagation(), ht(() => u.send({ type: ie.CloseMenu })), Zo(u.state.buttonElement, O.shiftKey ? ge.Previous : ge.Next);
         break;
       default:
         O.key.length === 1 && (u.send({ type: ie.Search, value: O.key }), L.setTimeout(() => u.send({ type: ie.ClearSearch }), 350));
@@ -3867,7 +3868,7 @@ function tf(e, t) {
     }
   }), R = I((O) => {
     O.key === Y.Space && O.preventDefault();
-  }), D = ce({ open: v === ke.Open }), F = Ie(c ? f() : {}, { "aria-activedescendant": re(u, u.selectors.activeDescendantId), "aria-labelledby": re(u, (O) => {
+  }), D = ce({ open: v === ke.Open }), F = Ie(c ? d() : {}, { "aria-activedescendant": re(u, u.selectors.activeDescendantId), "aria-labelledby": re(u, (O) => {
     var j;
     return (j = O.buttonElement) == null ? void 0 : j.id;
   }), id: n, onKeyDown: _, onKeyUp: R, role: "menu", tabIndex: v === ke.Open ? 0 : void 0, ref: b, style: { ...l.style, ...m, "--button-width": Fn(C, w, !0).width }, ...lr(P) }), U = J();
@@ -3888,7 +3889,7 @@ function nf(e, t) {
   se(() => {
     m.current.disabled = a;
   }, [m, a]), se(() => (s.actions.registerItem(n, m), () => s.actions.unregisterItem(n)), [m, n]);
-  let f = I(() => {
+  let d = I(() => {
     s.send({ type: ie.CloseMenu });
   }), g = I(($) => {
     if (a) return $.preventDefault();
@@ -3900,7 +3901,7 @@ function nf(e, t) {
     b.wasMoved($) && (a || i || s.send({ type: ie.GoToItem, focus: K.Specific, id: n, trigger: Or.Pointer }));
   }), x = I(($) => {
     b.wasMoved($) && (a || i && s.state.activationTrigger === Or.Pointer && s.send({ type: ie.GoToItem, focus: K.Nothing }));
-  }), [k, S] = nr(), [C, P] = Rr(), M = ce({ active: i, focus: i, disabled: a, close: f }), z = { id: n, ref: c, role: "menuitem", tabIndex: a === !0 ? void 0 : -1, "aria-disabled": a === !0 ? !0 : void 0, "aria-labelledby": k, "aria-describedby": C, disabled: void 0, onClick: g, onFocus: h, onPointerEnter: v, onMouseEnter: v, onPointerMove: w, onMouseMove: w, onPointerLeave: x, onMouseLeave: x }, N = J();
+  }), [k, S] = nr(), [C, P] = Rr(), M = ce({ active: i, focus: i, disabled: a, close: d }), z = { id: n, ref: c, role: "menuitem", tabIndex: a === !0 ? void 0 : -1, "aria-disabled": a === !0 ? !0 : void 0, "aria-labelledby": k, "aria-describedby": C, disabled: void 0, onClick: g, onFocus: h, onPointerEnter: v, onMouseEnter: v, onPointerMove: w, onMouseMove: w, onPointerLeave: x, onMouseLeave: x }, N = J();
   return E.createElement(S, null, E.createElement(P, null, N({ ourProps: z, theirProps: o, slot: M, defaultTag: rf, name: "Menu.Item" })));
 }
 let af = "div";
@@ -3942,13 +3943,13 @@ class la extends Ir {
     }, open: () => this.send({ type: 0 }), setButtonId: (r) => this.send({ type: 3, buttonId: r }), setButton: (r) => this.send({ type: 2, button: r }), setPanelId: (r) => this.send({ type: 5, panelId: r }), setPanel: (r) => this.send({ type: 4, panel: r }) }), lo(this, "selectors", { isPortalled: (r) => {
       var n;
       if (!r.button || !r.panel) return !1;
-      let a = (n = wt(r.button)) != null ? n : document;
+      let a = (n = yt(r.button)) != null ? n : document;
       for (let p of a.querySelectorAll("body > *")) if (Number(p?.contains(r.button)) ^ Number(p?.contains(r.panel))) return !0;
       let o = or(a), s = o.indexOf(r.button), i = (s + o.length - 1) % o.length, l = (s + 1) % o.length, c = o[i], u = o[l];
       return !r.panel.contains(c) && !r.panel.contains(u);
     } });
     {
-      let r = this.state.id, n = kt.get(null);
+      let r = this.state.id, n = wt.get(null);
       this.on(0, () => n.actions.push(r)), this.on(1, () => n.actions.pop(r));
     }
   }
@@ -3987,9 +3988,9 @@ function Ef(e, t) {
   var r;
   let n = de(), { __demoMode: a = !1, ...o } = e, s = yf({ id: n, __demoMode: a }), i = V(null), l = le(t, zo((R) => {
     i.current = R;
-  })), [c, u, p, m, f] = re(s, ee((R) => [R.popoverState, R.button, R.panel, R.buttonId, R.panelId], [])), g = zl((r = i.current) != null ? r : u), h = Ke(m), b = Ke(f), v = fe(() => ({ buttonId: h, panelId: b, close: s.actions.close }), [h, b, s]), w = ai(), x = w?.registerPopover, k = I(() => {
+  })), [c, u, p, m, d] = re(s, ee((R) => [R.popoverState, R.button, R.panel, R.buttonId, R.panelId], [])), g = zl((r = i.current) != null ? r : u), h = Ke(m), b = Ke(d), v = fe(() => ({ buttonId: h, panelId: b, close: s.actions.close }), [h, b, s]), w = ai(), x = w?.registerPopover, k = I(() => {
     var R, D;
-    let F = ht((R = i.current) != null ? R : u);
+    let F = gt((R = i.current) != null ? R : u);
     return (D = w?.isFocusWithinPopoverGroup()) != null ? D : F && (u?.contains(F) || p?.contains(F));
   });
   ne(() => x?.(v), [x, v]);
@@ -4011,7 +4012,7 @@ function Ef(e, t) {
 }
 let Sf = "button";
 function Nf(e, t) {
-  let r = de(), { id: n = `headlessui-popover-button-${r}`, disabled: a = !1, autoFocus: o = !1, ...s } = e, i = Zr("Popover.Button"), [l, c, u, p, m, f, g] = re(i, ee((W) => [W.popoverState, i.selectors.isPortalled(W), W.button, W.buttonId, W.panel, W.panelId, W.afterButtonSentinel], [])), h = V(null), b = `headlessui-focus-sentinel-${de()}`, v = ai(), w = v?.closeOthers, x = wf() !== null;
+  let r = de(), { id: n = `headlessui-popover-button-${r}`, disabled: a = !1, autoFocus: o = !1, ...s } = e, i = Zr("Popover.Button"), [l, c, u, p, m, d, g] = re(i, ee((W) => [W.popoverState, i.selectors.isPortalled(W), W.button, W.buttonId, W.panel, W.panelId, W.afterButtonSentinel], [])), h = V(null), b = `headlessui-focus-sentinel-${de()}`, v = ai(), w = v?.closeOthers, x = wf() !== null;
   ne(() => {
     if (!x) return i.actions.setButtonId(n), () => i.actions.setButtonId(null);
   }, [x, n, i]);
@@ -4042,7 +4043,7 @@ function Nf(e, t) {
       case Y.Escape:
         if (i.state.popoverState !== ve.Open) return w?.(i.state.buttonId);
         if (!h.current) return;
-        let be = ht(h.current);
+        let be = gt(h.current);
         if (be && !h.current.contains(be)) return;
         W.preventDefault(), W.stopPropagation(), i.actions.close();
         break;
@@ -4054,11 +4055,11 @@ function Nf(e, t) {
     Ot(W.currentTarget) || a || (x ? (i.actions.close(), (G = i.state.button) == null || G.focus()) : (W.preventDefault(), W.stopPropagation(), i.state.popoverState === ve.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 } = xt({ autoFocus: o }), { isHovered: _, hoverProps: R } = yt({ isDisabled: a }), { pressed: D, pressProps: F } = er({ disabled: a }), U = l === ve.Open, O = ce({ open: U, active: D || U, disabled: a, hover: _, focus: $, autofocus: o }), j = Fr(e, u), H = x ? Ie({ ref: C, type: j, onKeyDown: P, onClick: z, disabled: a || void 0, autoFocus: o }, L, R, F) : Ie({ ref: S, id: p, type: j, "aria-expanded": l === ve.Open, "aria-controls": m ? f : void 0, disabled: a || void 0, autoFocus: o, onKeyDown: P, onKeyUp: M, onClick: z, onMouseDown: N }, L, R, F), ae = aa(), te = I(() => {
+  }), { isFocusVisible: $, focusProps: L } = vt({ autoFocus: o }), { isHovered: _, hoverProps: R } = xt({ isDisabled: a }), { pressed: D, pressProps: F } = er({ disabled: a }), U = l === ve.Open, O = ce({ open: U, active: D || U, disabled: a, hover: _, focus: $, autofocus: o }), j = Fr(e, u), H = x ? Ie({ ref: C, type: j, onKeyDown: P, onClick: z, disabled: a || void 0, autoFocus: o }, L, R, F) : Ie({ ref: S, id: p, type: j, "aria-expanded": l === ve.Open, "aria-controls": m ? d : void 0, disabled: a || void 0, autoFocus: o, onKeyDown: P, onKeyUp: M, onClick: z, onMouseDown: N }, L, R, F), ae = aa(), te = I(() => {
     if (!we(i.state.panel)) return;
     let W = i.state.panel;
     function G() {
-      he(ae.current, { [Ce.Forwards]: () => Oe(W, ge.First), [Ce.Backwards]: () => Oe(W, ge.Last) }) === Ct.Error && Oe(or(gt(i.state.button)).filter((B) => B.dataset.headlessuiFocusGuard !== "true"), he(ae.current, { [Ce.Forwards]: ge.Next, [Ce.Backwards]: ge.Previous }), { relativeTo: i.state.button });
+      he(ae.current, { [Ce.Forwards]: () => Oe(W, ge.First), [Ce.Backwards]: () => Oe(W, ge.Last) }) === Ct.Error && Oe(or(mt(i.state.button)).filter((B) => B.dataset.headlessuiFocusGuard !== "true"), he(ae.current, { [Ce.Forwards]: ge.Next, [Ce.Backwards]: ge.Previous }), { relativeTo: i.state.button });
     }
     G();
   }), A = J();
@@ -4066,26 +4067,26 @@ function Nf(e, t) {
 }
 let Pf = "div", Of = Ae.RenderStrategy | Ae.Static;
 function oi(e, t) {
-  let r = de(), { id: n = `headlessui-popover-backdrop-${r}`, transition: a = !1, ...o } = e, s = Zr("Popover.Backdrop"), i = re(s, ee((v) => v.popoverState, [])), [l, c] = X(null), u = le(t, c), p = it(), [m, f] = cr(a, l, p !== null ? (p & ue.Open) === ue.Open : i === ve.Open), g = I((v) => {
+  let r = de(), { id: n = `headlessui-popover-backdrop-${r}`, transition: a = !1, ...o } = e, s = Zr("Popover.Backdrop"), i = re(s, ee((v) => v.popoverState, [])), [l, c] = X(null), u = le(t, c), p = it(), [m, d] = cr(a, l, p !== null ? (p & ue.Open) === ue.Open : i === ve.Open), g = I((v) => {
     if (Ot(v.currentTarget)) return v.preventDefault();
     s.actions.close();
-  }), h = ce({ open: i === ve.Open }), b = { ref: u, id: n, "aria-hidden": !0, onClick: g, ...lr(f) };
+  }), h = ce({ open: i === ve.Open }), b = { ref: u, id: n, "aria-hidden": !0, onClick: g, ...lr(d) };
   return J()({ ourProps: b, theirProps: o, slot: h, defaultTag: Pf, features: Of, visible: m, name: "Popover.Backdrop" });
 }
 let Cf = "div", Tf = Ae.RenderStrategy | Ae.Static;
 function jf(e, t) {
-  let r = de(), { id: n = `headlessui-popover-panel-${r}`, focus: a = !1, anchor: o, portal: s = !1, modal: i = !1, transition: l = !1, ...c } = e, u = Zr("Popover.Panel"), p = re(u, u.selectors.isPortalled), [m, f, g, h, b] = re(u, ee((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 = Xn(o), [S, C] = Jn(k), P = Zn();
+  let r = de(), { id: n = `headlessui-popover-panel-${r}`, focus: a = !1, anchor: o, portal: s = !1, modal: i = !1, transition: l = !1, ...c } = e, u = Zr("Popover.Panel"), p = re(u, u.selectors.isPortalled), [m, d, g, h, b] = re(u, ee((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 = Xn(o), [S, C] = Jn(k), P = Zn();
   k && (s = !0);
-  let [M, z] = X(null), N = le(x, t, k ? S : null, u.actions.setPanel, z), $ = Xe(f), L = Xe(x.current);
+  let [M, z] = X(null), N = le(x, t, k ? S : null, u.actions.setPanel, z), $ = Xe(d), L = Xe(x.current);
   se(() => (u.actions.setPanelId(n), () => u.actions.setPanelId(null)), [n, u]);
   let _ = it(), [R, D] = cr(l, M, _ !== null ? (_ & ue.Open) === ue.Open : m === ve.Open);
-  Ar(R, f, u.actions.close), Mr(g ? !1 : i && R, L);
+  Ar(R, d, u.actions.close), Mr(g ? !1 : i && R, L);
   let F = I((A) => {
     var W;
     switch (A.key) {
       case Y.Escape:
         if (u.state.popoverState !== ve.Open || !x.current) return;
-        let G = ht(x.current);
+        let G = gt(x.current);
         if (G && !x.current.contains(G)) return;
         A.preventDefault(), A.stopPropagation(), u.actions.close(), (W = u.state.button) == null || W.focus();
         break;
@@ -4096,14 +4097,14 @@ function jf(e, t) {
     e.static || m === ve.Closed && ((A = e.unmount) == null || A) && u.actions.setPanel(null);
   }, [m, e.unmount, e.static, u]), ne(() => {
     if (g || !a || m !== ve.Open || !x.current) return;
-    let A = ht(x.current);
+    let A = gt(x.current);
     x.current.contains(A) || Oe(x.current, ge.First);
   }, [g, a, x.current, m]);
   let U = ce({ open: m === ve.Open, close: u.actions.refocusableClose }), O = Ie(k ? P() : {}, { ref: N, id: n, onKeyDown: F, onBlur: a && m === ve.Open ? (A) => {
     var W, G, B, q, be;
     let ye = A.relatedTarget;
     ye && x.current && ((W = x.current) != null && W.contains(ye) || (u.actions.close(), ((B = (G = h.current) == null ? void 0 : G.contains) != null && B.call(G, ye) || (be = (q = b.current) == null ? void 0 : q.contains) != null && be.call(q, ye)) && ye.focus({ preventScroll: !0 })));
-  } : void 0, tabIndex: -1, style: { ...c.style, ...C, "--button-width": Fn(R, f, !0).width }, ...lr(D) }), j = aa(), H = I(() => {
+  } : void 0, tabIndex: -1, style: { ...c.style, ...C, "--button-width": Fn(R, d, !0).width }, ...lr(D) }), j = aa(), H = I(() => {
     let A = x.current;
     if (!A) return;
     function W() {
@@ -4123,12 +4124,12 @@ function jf(e, t) {
       he(j.current, { [Ce.Forwards]: () => {
         var G;
         if (!u.state.button) return;
-        let B = (G = gt(u.state.button)) != null ? G : document.body, q = or(B), be = q.indexOf(u.state.button), ye = q.slice(0, be + 1), St = [...q.slice(be + 1), ...ye];
-        for (let _t of St.slice()) if (_t.dataset.headlessuiFocusGuard === "true" || M != null && M.contains(_t)) {
-          let mr = St.indexOf(_t);
-          mr !== -1 && St.splice(mr, 1);
+        let B = (G = mt(u.state.button)) != null ? G : document.body, q = or(B), be = q.indexOf(u.state.button), ye = q.slice(0, be + 1), Et = [...q.slice(be + 1), ...ye];
+        for (let _t of Et.slice()) if (_t.dataset.headlessuiFocusGuard === "true" || M != null && M.contains(_t)) {
+          let mr = Et.indexOf(_t);
+          mr !== -1 && Et.splice(mr, 1);
         }
-        Oe(St, ge.First, { sorted: !1 });
+        Oe(Et, ge.First, { sorted: !1 });
       }, [Ce.Backwards]: () => {
         var G;
         Oe(A, ge.Previous) === Ct.Error && ((G = u.state.button) == null || G.focus());
@@ -4151,17 +4152,17 @@ function $f(e, t) {
     });
   }), i = I((h) => (o((b) => [...b, h]), () => s(h))), l = I(() => {
     var h;
-    let b = gt(r.current);
+    let b = mt(r.current);
     if (!b) return !1;
-    let v = ht(r.current);
+    let v = gt(r.current);
     return (h = r.current) != null && h.contains(v) ? !0 : a.some((w) => {
       var x, k;
       return ((x = b.getElementById(w.buttonId.current)) == null ? void 0 : x.contains(v)) || ((k = b.getElementById(w.panelId.current)) == null ? void 0 : k.contains(v));
     });
   }), c = I((h) => {
     for (let b of a) b.buttonId.current !== h && b.close();
-  }), u = fe(() => ({ registerPopover: i, unregisterPopover: s, isFocusWithinPopoverGroup: l, closeOthers: c }), [i, s, l, c]), p = ce({}), m = e, f = { ref: n }, g = J();
-  return E.createElement(Pr, null, E.createElement(ca.Provider, { value: u }, g({ ourProps: f, theirProps: m, slot: p, defaultTag: Rf, name: "Popover.Group" })));
+  }), u = fe(() => ({ registerPopover: i, unregisterPopover: s, isFocusWithinPopoverGroup: l, closeOthers: c }), [i, s, l, c]), p = ce({}), m = e, d = { ref: n }, g = J();
+  return E.createElement(Pr, null, E.createElement(ca.Provider, { value: u }, g({ ourProps: d, theirProps: m, slot: p, defaultTag: Rf, name: "Popover.Group" })));
 }
 let If = Q(Ef), Cr = Q(Nf), Af = Q(oi), Df = Q(oi), ua = Q(jf), Ff = Q($f), si = Object.assign(If, { Button: Cr, Backdrop: Df, Overlay: Af, Panel: ua, Group: Ff }), da = pe(null);
 da.displayName = "GroupContext";
@@ -4176,7 +4177,7 @@ function Lf(e) {
 let _f = "button";
 function Vf(e, t) {
   var r;
-  let n = de(), a = It(), o = st(), { id: s = a || `headlessui-switch-${n}`, disabled: i = o || !1, checked: l, defaultChecked: c, onChange: u, name: p, value: m, form: f, autoFocus: g = !1, ...h } = e, b = oe(da), [v, w] = X(null), x = V(null), k = le(x, t, b === null ? null : b.setSwitch, w), S = Rn(c), [C, P] = jn(l, u, S ?? !1), M = ze(), [z, N] = X(!1), $ = I(() => {
+  let n = de(), a = It(), o = st(), { id: s = a || `headlessui-switch-${n}`, disabled: i = o || !1, checked: l, defaultChecked: c, onChange: u, name: p, value: m, form: d, autoFocus: g = !1, ...h } = e, b = oe(da), [v, w] = X(null), x = V(null), k = le(x, t, b === null ? null : b.setSwitch, w), S = Rn(c), [C, P] = jn(l, u, S ?? !1), M = ze(), [z, N] = X(!1), $ = I(() => {
     N(!0), P?.(!C), M.nextFrame(() => {
       N(!1);
     });
@@ -4185,14 +4186,14 @@ function Vf(e, t) {
     q.preventDefault(), $();
   }), _ = I((q) => {
     q.key === Y.Space ? (q.preventDefault(), $()) : q.key === Y.Enter && $n(q.currentTarget);
-  }), R = I((q) => q.preventDefault()), D = At(), F = tr(), { isFocusVisible: U, focusProps: O } = xt({ autoFocus: g }), { isHovered: j, hoverProps: H } = yt({ isDisabled: i }), { pressed: ae, pressProps: te } = er({ disabled: i }), A = ce({ checked: C, disabled: i, hover: j, focus: U, active: ae, autofocus: g, changing: z }), W = Ie({ id: s, ref: k, role: "switch", type: Fr(e, v), tabIndex: e.tabIndex === -1 ? 0 : (r = e.tabIndex) != null ? r : 0, "aria-checked": C, "aria-labelledby": D, "aria-describedby": F, disabled: i || void 0, autoFocus: g, onClick: L, onKeyUp: _, onKeyPress: R }, O, H, te), G = ee(() => {
+  }), R = I((q) => q.preventDefault()), D = At(), F = tr(), { isFocusVisible: U, focusProps: O } = vt({ autoFocus: g }), { isHovered: j, hoverProps: H } = xt({ isDisabled: i }), { pressed: ae, pressProps: te } = er({ disabled: i }), A = ce({ checked: C, disabled: i, hover: j, focus: U, active: ae, autofocus: g, changing: z }), W = Ie({ id: s, ref: k, role: "switch", type: Fr(e, v), tabIndex: e.tabIndex === -1 ? 0 : (r = e.tabIndex) != null ? r : 0, "aria-checked": C, "aria-labelledby": D, "aria-describedby": F, disabled: i || void 0, autoFocus: g, onClick: L, onKeyUp: _, onKeyPress: R }, O, H, te), G = ee(() => {
     if (S !== void 0) return P?.(S);
   }, [P, S]), B = J();
-  return E.createElement(E.Fragment, null, p != null && E.createElement(In, { disabled: i, data: { [p]: m || "on" }, overrides: { type: "checkbox", checked: C }, form: f, onReset: G }), B({ ourProps: W, theirProps: h, slot: A, defaultTag: _f, name: "Switch" }));
+  return E.createElement(E.Fragment, null, p != null && E.createElement(In, { disabled: i, data: { [p]: m || "on" }, overrides: { type: "checkbox", checked: C }, form: d, onReset: G }), B({ ourProps: W, theirProps: h, slot: A, defaultTag: _f, name: "Switch" }));
 }
 let Bf = Q(Vf), Hf = Lf, zf = Dt, Wf = rr, Uf = Object.assign(Bf, { Group: Hf, Label: zf, Description: Wf }), Yf = "textarea";
 function Gf(e, t) {
-  let r = de(), n = It(), a = st(), { id: o = n || `headlessui-textarea-${r}`, disabled: s = a || !1, autoFocus: i = !1, invalid: l = !1, ...c } = e, u = At(), p = tr(), { isFocused: m, focusProps: f } = xt({ autoFocus: i }), { isHovered: g, hoverProps: h } = yt({ isDisabled: s }), b = Ie({ ref: t, id: o, "aria-labelledby": u, "aria-describedby": p, "aria-invalid": l ? "true" : void 0, disabled: s || void 0, autoFocus: i }, f, h), v = ce({ disabled: s, invalid: l, hover: g, focus: m, autofocus: i });
+  let r = de(), n = It(), a = st(), { id: o = n || `headlessui-textarea-${r}`, disabled: s = a || !1, autoFocus: i = !1, invalid: l = !1, ...c } = e, u = At(), p = tr(), { isFocused: m, focusProps: d } = vt({ autoFocus: i }), { isHovered: g, hoverProps: h } = xt({ isDisabled: s }), b = Ie({ ref: t, id: o, "aria-labelledby": u, "aria-describedby": p, "aria-invalid": l ? "true" : void 0, disabled: s || void 0, autoFocus: i }, d, h), v = ce({ disabled: s, invalid: l, hover: g, focus: m, autofocus: i });
   return J()({ ourProps: b, theirProps: c, slot: v, defaultTag: Yf, name: "Textarea" });
 }
 let Kf = Q(Gf);
@@ -4240,13 +4241,13 @@ const qf = Z(
     title: i,
     ...l
   }, c) => {
-    const [u, p] = X(!1), m = o && !u, f = /* @__PURE__ */ d.jsx(
+    const [u, p] = X(!1), m = o && !u, d = /* @__PURE__ */ f.jsx(
       "div",
       {
         ref: c,
         className: T(qf({ size: t, colorScheme: r, shape: n }), e),
         ...l,
-        children: m ? /* @__PURE__ */ d.jsx(
+        children: m ? /* @__PURE__ */ f.jsx(
           "img",
           {
             src: o,
@@ -4254,19 +4255,19 @@ const qf = Z(
             className: "h-full w-full object-cover",
             onError: () => p(!0)
           }
-        ) : /* @__PURE__ */ d.jsx("span", { className: "leading-none uppercase", children: a?.slice(0, 2) })
+        ) : /* @__PURE__ */ f.jsx("span", { className: "leading-none uppercase", children: a?.slice(0, 2) })
       }
     );
-    return i ? /* @__PURE__ */ d.jsxs(si, { className: "relative inline-flex", children: [
-      /* @__PURE__ */ d.jsx(
+    return i ? /* @__PURE__ */ f.jsxs(si, { className: "relative inline-flex", children: [
+      /* @__PURE__ */ f.jsx(
         Cr,
         {
           as: "div",
           className: "outline-none cursor-pointer focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 rounded-full",
-          children: f
+          children: d
         }
       ),
-      /* @__PURE__ */ d.jsx(
+      /* @__PURE__ */ f.jsx(
         ua,
         {
           anchor: "bottom",
@@ -4278,7 +4279,7 @@ const qf = Z(
           children: i
         }
       )
-    ] }) : f;
+    ] }) : d;
   }
 );
 fa.displayName = "Avatar";
@@ -4372,7 +4373,7 @@ const Xf = Z(
     rightIcon: s,
     children: i,
     ...l
-  }, c) => /* @__PURE__ */ d.jsxs(
+  }, c) => /* @__PURE__ */ f.jsxs(
     "span",
     {
       ref: c,
@@ -4382,9 +4383,9 @@ const Xf = Z(
       ),
       ...l,
       children: [
-        o && /* @__PURE__ */ d.jsx("span", { className: "flex shrink-0 items-center justify-center opacity-70", children: o }),
-        /* @__PURE__ */ d.jsx("span", { className: "truncate min-w-0", children: i }),
-        s && /* @__PURE__ */ d.jsx("span", { className: "flex shrink-0 items-center justify-center opacity-70", children: s })
+        o && /* @__PURE__ */ f.jsx("span", { className: "flex shrink-0 items-center justify-center opacity-70", children: o }),
+        /* @__PURE__ */ f.jsx("span", { className: "truncate min-w-0", children: i }),
+        s && /* @__PURE__ */ f.jsx("span", { className: "flex shrink-0 items-center justify-center opacity-70", children: s })
       ]
     }
   )
@@ -4438,14 +4439,14 @@ const Qf = Z(
     brandColorBottom: o,
     children: s,
     ...i
-  }, l) => /* @__PURE__ */ d.jsxs(
+  }, l) => /* @__PURE__ */ f.jsxs(
     "div",
     {
       ref: l,
       className: T(Qf({ variant: t, padding: r }), e),
       ...i,
       children: [
-        n && /* @__PURE__ */ d.jsx(
+        n && /* @__PURE__ */ f.jsx(
           "div",
           {
             className: T(
@@ -4456,7 +4457,7 @@ const Qf = Z(
           }
         ),
         s,
-        n && /* @__PURE__ */ d.jsx(
+        n && /* @__PURE__ */ f.jsx(
           "div",
           {
             className: T(
@@ -4544,7 +4545,7 @@ const Jf = Z(
     };
     return ne(() => {
       a && l.current && l.current.setAttribute("aria-checked", "mixed");
-    }, [a, o.checked]), /* @__PURE__ */ d.jsx(
+    }, [a, o.checked]), /* @__PURE__ */ f.jsx(
       yl,
       {
         ref: c,
@@ -4562,7 +4563,7 @@ const Jf = Z(
           p || o.disabled ? "opacity-50" : "cursor-pointer",
           e
         ),
-        children: ({ checked: u }) => /* @__PURE__ */ d.jsx(
+        children: ({ checked: u }) => /* @__PURE__ */ f.jsx(
           me,
           {
             icon: a ? Vi : Po,
@@ -4622,11 +4623,11 @@ const t0 = Z(
   ...l
 }) => {
   const [c, u] = X(a), p = o !== void 0 ? o : c, m = () => {
-    const f = !p;
-    o === void 0 && u(f), s?.(f);
+    const d = !p;
+    o === void 0 && u(d), s?.(d);
   };
-  return /* @__PURE__ */ d.jsxs("div", { className: T("w-full flex flex-col", n), ...l, children: [
-    /* @__PURE__ */ d.jsxs(
+  return /* @__PURE__ */ f.jsxs("div", { className: T("w-full flex flex-col", n), ...l, children: [
+    /* @__PURE__ */ f.jsxs(
       "button",
       {
         type: "button",
@@ -4640,15 +4641,15 @@ const t0 = Z(
           p && r === "outline" && "border-b-transparent dark:border-b-transparent"
         ),
         children: [
-          /* @__PURE__ */ d.jsx("span", { className: "flex-1 text-left text-inherit", children: e }),
-          /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ f.jsx("span", { className: "flex-1 text-left text-inherit", children: e }),
+          /* @__PURE__ */ f.jsx(
             "span",
             {
               className: T(
                 "ml-2 flex items-center transition-transform duration-200 text-inherit",
                 p ? "rotate-180" : ""
               ),
-              children: i || /* @__PURE__ */ d.jsx(
+              children: i || /* @__PURE__ */ f.jsx(
                 me,
                 {
                   icon: Oo,
@@ -4660,7 +4661,7 @@ const t0 = Z(
         ]
       }
     ),
-    /* @__PURE__ */ d.jsx(
+    /* @__PURE__ */ f.jsx(
       jt,
       {
         show: p,
@@ -4670,7 +4671,7 @@ const t0 = Z(
         leave: "transition duration-75 ease-out",
         leaveFrom: "transform scale-100 opacity-100",
         leaveTo: "transform scale-95 opacity-0",
-        children: /* @__PURE__ */ d.jsx(
+        children: /* @__PURE__ */ f.jsx(
           "div",
           {
             className: T(r0({ variant: r }), "rounded-b-md"),
@@ -4737,8 +4738,8 @@ const t0 = Z(
     ...u
   }, p) => {
     const m = !!a || s;
-    return /* @__PURE__ */ d.jsxs(Xr, { className: T("w-full space-y-1.5", e), children: [
-      r && /* @__PURE__ */ d.jsx(
+    return /* @__PURE__ */ f.jsxs(Xr, { className: T("w-full space-y-1.5", e), children: [
+      r && /* @__PURE__ */ f.jsx(
         Dt,
         {
           className: T(
@@ -4749,8 +4750,8 @@ const t0 = Z(
           children: r
         }
       ),
-      /* @__PURE__ */ d.jsxs("div", { className: "relative", children: [
-        i && /* @__PURE__ */ d.jsx(
+      /* @__PURE__ */ f.jsxs("div", { className: "relative", children: [
+        i && /* @__PURE__ */ f.jsx(
           "div",
           {
             className: T(
@@ -4760,7 +4761,7 @@ const t0 = Z(
             children: i
           }
         ),
-        /* @__PURE__ */ d.jsx(
+        /* @__PURE__ */ f.jsx(
           Sd,
           {
             ref: p,
@@ -4774,7 +4775,7 @@ const t0 = Z(
             ...u
           }
         ),
-        l && /* @__PURE__ */ d.jsx(
+        l && /* @__PURE__ */ f.jsx(
           "div",
           {
             className: T(
@@ -4785,7 +4786,7 @@ const t0 = Z(
           }
         )
       ] }),
-      (n || a) && /* @__PURE__ */ d.jsx(
+      (n || a) && /* @__PURE__ */ f.jsx(
         rr,
         {
           className: T(
@@ -4826,7 +4827,7 @@ const o0 = Z(
       size: "md"
     }
   }
-), dt = ({
+), St = ({
   as: e,
   className: t,
   variant: r,
@@ -4838,21 +4839,21 @@ const o0 = Z(
   href: l,
   ...c
 }) => {
-  const u = e || "a", p = o || typeof l == "string" && l.startsWith("http"), m = s ?? p, f = T(
+  const u = e || "a", p = o || typeof l == "string" && l.startsWith("http"), m = s ?? p, d = T(
     o0({ variant: r, underline: n, size: a }),
     t
   );
-  return p ? /* @__PURE__ */ d.jsxs(
+  return p ? /* @__PURE__ */ f.jsxs(
     "a",
     {
       href: l,
-      className: f,
+      className: d,
       target: "_blank",
       rel: "noopener noreferrer",
       ...c,
       children: [
         i,
-        m && /* @__PURE__ */ d.jsx(
+        m && /* @__PURE__ */ f.jsx(
           me,
           {
             icon: xa,
@@ -4862,15 +4863,15 @@ const o0 = Z(
         )
       ]
     }
-  ) : /* @__PURE__ */ d.jsxs(
+  ) : /* @__PURE__ */ f.jsxs(
     u,
     {
-      className: f,
+      className: d,
       ...l !== void 0 ? { href: l } : {},
       ...c,
       children: [
         i,
-        m && /* @__PURE__ */ d.jsx(
+        m && /* @__PURE__ */ f.jsx(
           me,
           {
             icon: xa,
@@ -4895,11 +4896,11 @@ const o0 = Z(
     errorMessage: c,
     ...u
   }, p) => {
-    const [m, f] = E.useState(t), g = r !== void 0, h = g ? r : m, b = () => {
+    const [m, d] = E.useState(t), g = r !== void 0, h = g ? r : m, b = () => {
       const v = !h;
-      g || f(v), n?.(v);
+      g || d(v), n?.(v);
     };
-    return /* @__PURE__ */ d.jsx(
+    return /* @__PURE__ */ f.jsx(
       ii,
       {
         ref: p,
@@ -4909,7 +4910,7 @@ const o0 = Z(
         error: l,
         errorMessage: c,
         className: T("[&_input::-ms-reveal]:hidden", u.className),
-        endIcon: e ? /* @__PURE__ */ d.jsx(
+        endIcon: e ? /* @__PURE__ */ f.jsx(
           "button",
           {
             type: "button",
@@ -4923,7 +4924,7 @@ const o0 = Z(
               "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400",
               s && "cursor-not-allowed opacity-40 hover:opacity-40"
             ),
-            children: /* @__PURE__ */ d.jsx(
+            children: /* @__PURE__ */ f.jsx(
               me,
               {
                 icon: h ? Bi : Hi,
@@ -5026,7 +5027,7 @@ const i0 = Z(
     leadingIcon: s,
     children: i,
     ...l
-  }, c) => /* @__PURE__ */ d.jsxs(
+  }, c) => /* @__PURE__ */ f.jsxs(
     "span",
     {
       ref: c,
@@ -5036,8 +5037,8 @@ const i0 = Z(
         a ? (
           // The pulse is a sibling ring rather than an animation on the dot
           // itself, so the dot stays a crisp solid circle while it radiates.
-          /* @__PURE__ */ d.jsxs("span", { className: "relative inline-flex shrink-0", "aria-hidden": "true", children: [
-            o && /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ f.jsxs("span", { className: "relative inline-flex shrink-0", "aria-hidden": "true", children: [
+            o && /* @__PURE__ */ f.jsx(
               "span",
               {
                 className: T(
@@ -5046,9 +5047,9 @@ const i0 = Z(
                 )
               }
             ),
-            /* @__PURE__ */ d.jsx("span", { className: T(uo({ colorScheme: t, variant: r, size: n }), "relative") })
+            /* @__PURE__ */ f.jsx("span", { className: T(uo({ colorScheme: t, variant: r, size: n }), "relative") })
           ] })
-        ) : s && /* @__PURE__ */ d.jsx("span", { className: "inline-flex shrink-0 items-center", "aria-hidden": "true", children: s }),
+        ) : s && /* @__PURE__ */ f.jsx("span", { className: "inline-flex shrink-0 items-center", "aria-hidden": "true", children: s }),
         i
       ]
     }
@@ -5078,17 +5079,26 @@ const c0 = Z(
     },
     defaultVariants: { size: "xs", tone: "faint", weight: "normal" }
   }
-), Tr = E.forwardRef(
-  ({ as: e = "span", className: t, size: r, tone: n, weight: a, children: o, ...s }, i) => /* @__PURE__ */ d.jsx(
-    e,
+);
+function Tr({
+  as: e,
+  className: t,
+  size: r,
+  tone: n,
+  weight: a,
+  children: o,
+  ...s
+}) {
+  const i = e ?? "span";
+  return /* @__PURE__ */ f.jsx(
+    i,
     {
-      ref: i,
       className: T(c0({ size: r, tone: n, weight: a }), t),
       ...s,
       children: o
     }
-  )
-);
+  );
+}
 Tr.displayName = "Eyebrow";
 const u0 = Z("font-mono text-[0.8125rem]", {
   variants: {
@@ -5104,7 +5114,7 @@ const u0 = Z("font-mono text-[0.8125rem]", {
   },
   defaultVariants: { colorScheme: "primary", surface: "none" }
 }), d0 = E.forwardRef(
-  ({ className: e, colorScheme: t, surface: r, children: n, ...a }, o) => /* @__PURE__ */ d.jsx(
+  ({ className: e, colorScheme: t, surface: r, children: n, ...a }, o) => /* @__PURE__ */ f.jsx(
     "code",
     {
       ref: o,
@@ -5116,11 +5126,11 @@ const u0 = Z("font-mono text-[0.8125rem]", {
 );
 d0.displayName = "InlineCode";
 const f0 = E.forwardRef(
-  ({ label: e, trailing: t, align: r = "start", className: n, ...a }, o) => /* @__PURE__ */ d.jsxs("div", { ref: o, className: T("flex items-center gap-3", n), ...a, children: [
-    r === "end" && /* @__PURE__ */ d.jsx("span", { role: "presentation", className: "h-px flex-1 bg-gray-200 dark:bg-gray-800" }),
-    /* @__PURE__ */ d.jsx(Tr, { children: e }),
-    r === "start" && /* @__PURE__ */ d.jsx("span", { role: "presentation", className: "h-px flex-1 bg-gray-200 dark:bg-gray-800" }),
-    t && /* @__PURE__ */ d.jsx(Tr, { children: t })
+  ({ label: e, trailing: t, align: r = "start", className: n, ...a }, o) => /* @__PURE__ */ f.jsxs("div", { ref: o, className: T("flex items-center gap-3", n), ...a, children: [
+    r === "end" && /* @__PURE__ */ f.jsx("span", { role: "presentation", className: "h-px flex-1 bg-gray-200 dark:bg-gray-800" }),
+    /* @__PURE__ */ f.jsx(Tr, { children: e }),
+    r === "start" && /* @__PURE__ */ f.jsx("span", { role: "presentation", className: "h-px flex-1 bg-gray-200 dark:bg-gray-800" }),
+    t && /* @__PURE__ */ f.jsx(Tr, { children: t })
   ] })
 );
 f0.displayName = "LabeledDivider";
@@ -5145,10 +5155,10 @@ const p0 = Z(
     defaultVariants: { size: "md", colorScheme: "neutral" }
   }
 ), m0 = E.forwardRef(
-  ({ value: e, label: t, source: r, size: n, colorScheme: a, className: o, ...s }, i) => /* @__PURE__ */ d.jsxs("div", { ref: i, className: T("flex flex-col gap-[3px]", o), ...s, children: [
-    /* @__PURE__ */ d.jsx("dd", { className: T("m-0", p0({ size: n, colorScheme: a })), children: e }),
-    /* @__PURE__ */ d.jsx("dt", { children: /* @__PURE__ */ d.jsx(Tr, { size: "xs", children: t }) }),
-    r && /* @__PURE__ */ d.jsx("span", { className: "font-mono text-[0.53125rem] leading-none tracking-[0.06em] text-gray-500 opacity-75 dark:text-gray-400", children: r })
+  ({ value: e, label: t, source: r, size: n, colorScheme: a, className: o, ...s }, i) => /* @__PURE__ */ f.jsxs("div", { ref: i, className: T("flex flex-col gap-[3px]", o), ...s, children: [
+    /* @__PURE__ */ f.jsx("dd", { className: T("m-0", p0({ size: n, colorScheme: a })), children: e }),
+    /* @__PURE__ */ f.jsx("dt", { children: /* @__PURE__ */ f.jsx(Tr, { size: "xs", children: t }) }),
+    r && /* @__PURE__ */ f.jsx("span", { className: "font-mono text-[0.53125rem] leading-none tracking-[0.06em] text-gray-500 opacity-75 dark:text-gray-400", children: r })
   ] })
 );
 m0.displayName = "Stat";
@@ -5174,42 +5184,46 @@ const x0 = E.forwardRef(
     storageKey: e = g0,
     onThemeChange: t,
     showLabel: r = !1,
-    toDarkLabel: n = "Switch to dark mode",
-    toLightLabel: a = "Switch to light mode",
-    variant: o = "ghost",
-    colorScheme: s = "neutral",
-    size: i = "sm",
-    ...l
-  }, c) => {
-    const u = jo(h0, b0, v0), p = ee(() => {
-      const m = !document.documentElement.classList.contains("dark");
-      document.documentElement.classList.toggle("dark", m);
+    lightLabel: n = "Light",
+    darkLabel: a = "Dark",
+    lightIcon: o,
+    darkIcon: s,
+    toDarkLabel: i = "Switch to dark mode",
+    toLightLabel: l = "Switch to light mode",
+    variant: c = "ghost",
+    colorScheme: u = "neutral",
+    size: p = "sm",
+    ...m
+  }, d) => {
+    const g = jo(h0, b0, v0), h = ee(() => {
+      const b = !document.documentElement.classList.contains("dark");
+      document.documentElement.classList.toggle("dark", b);
       try {
-        localStorage.setItem(e, m ? "dark" : "light");
+        localStorage.setItem(e, b ? "dark" : "light");
       } catch {
       }
-      Sn.forEach((f) => f()), t?.(m ? "dark" : "light");
+      Sn.forEach((v) => v()), t?.(b ? "dark" : "light");
     }, [e, t]);
-    return /* @__PURE__ */ d.jsx(
+    return /* @__PURE__ */ f.jsx(
       Ue,
       {
-        ref: c,
-        variant: o,
-        colorScheme: s,
-        size: i,
-        onClick: p,
-        "aria-pressed": u,
-        "aria-label": u ? a : n,
-        startIcon: /* @__PURE__ */ d.jsx(
+        ref: d,
+        variant: c,
+        colorScheme: u,
+        size: p,
+        onClick: h,
+        "aria-pressed": g,
+        "aria-label": g ? l : i,
+        startIcon: (g ? s : o) ?? /* @__PURE__ */ f.jsx(
           me,
           {
-            icon: u ? zi : mn,
+            icon: g ? zi : mn,
             className: "h-3.5 w-3.5",
             "aria-hidden": "true"
           }
         ),
-        ...l,
-        children: r ? u ? "Dark" : "Light" : null
+        ...m,
+        children: r ? g ? a : n : null
       }
     );
   }
@@ -5236,7 +5250,7 @@ const y0 = Z(
       error: !1
     }
   }
-), Mm = ({
+), Lm = ({
   options: e,
   value: t,
   onChange: r,
@@ -5248,21 +5262,21 @@ const y0 = Z(
   label: l
 }) => {
   const c = e.find((u) => u.value === t);
-  return /* @__PURE__ */ d.jsxs(Xr, { className: T("flex flex-col gap-1.5", i), children: [
-    l && /* @__PURE__ */ d.jsx(Dt, { className: "block text-sm font-medium text-inherit text-left", children: l }),
-    /* @__PURE__ */ d.jsx(
+  return /* @__PURE__ */ f.jsxs(Xr, { className: T("flex flex-col gap-1.5", i), children: [
+    l && /* @__PURE__ */ f.jsx(Dt, { className: "block text-sm font-medium text-inherit text-left", children: l }),
+    /* @__PURE__ */ f.jsx(
       Wd,
       {
         value: t ?? void 0,
         onChange: r,
         disabled: a,
-        children: /* @__PURE__ */ d.jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ d.jsxs(
+        children: /* @__PURE__ */ f.jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ f.jsxs(
             qs,
             {
               className: T(y0({ variant: o, error: s })),
               children: [
-                /* @__PURE__ */ d.jsx(
+                /* @__PURE__ */ f.jsx(
                   "span",
                   {
                     className: T(
@@ -5272,7 +5286,7 @@ const y0 = Z(
                     children: c ? c.label : n
                   }
                 ),
-                /* @__PURE__ */ d.jsx("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3", children: /* @__PURE__ */ d.jsx(
+                /* @__PURE__ */ f.jsx("span", { className: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3", children: /* @__PURE__ */ f.jsx(
                   me,
                   {
                     icon: Oo,
@@ -5283,14 +5297,14 @@ const y0 = Z(
               ]
             }
           ),
-          /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ f.jsx(
             jt,
             {
               as: xe,
               leave: "transition ease-in duration-100",
               leaveFrom: "opacity-100",
               leaveTo: "opacity-0",
-              children: /* @__PURE__ */ d.jsx(
+              children: /* @__PURE__ */ f.jsx(
                 Xs,
                 {
                   anchor: "bottom start",
@@ -5298,7 +5312,7 @@ const y0 = Z(
                     "w-(--button-width) z-50 rounded-md bg-white dark:bg-gray-800 py-1 text-base shadow-lg ring-1 ring-black/5 dark:ring-gray-700 focus:outline-none sm:text-sm",
                     "[--anchor-gap:4px]"
                   ),
-                  children: e.map((u) => /* @__PURE__ */ d.jsxs(
+                  children: e.map((u) => /* @__PURE__ */ f.jsxs(
                     Qs,
                     {
                       value: u.value,
@@ -5312,8 +5326,8 @@ const y0 = Z(
                         "data-disabled:opacity-50 data-disabled:cursor-not-allowed"
                       ),
                       children: [
-                        /* @__PURE__ */ d.jsx("span", { className: "block truncate font-normal group-data-selected:font-semibold", children: u.label }),
-                        /* @__PURE__ */ d.jsx("span", { className: "absolute inset-y-0 right-0 hidden items-center pr-4 text-primary-600 dark:text-primary-400 group-data-selected:flex", children: /* @__PURE__ */ d.jsx(me, { icon: Po, className: "h-3.5 w-3.5" }) })
+                        /* @__PURE__ */ f.jsx("span", { className: "block truncate font-normal group-data-selected:font-semibold", children: u.label }),
+                        /* @__PURE__ */ f.jsx("span", { className: "absolute inset-y-0 right-0 hidden items-center pr-4 text-primary-600 dark:text-primary-400 group-data-selected:flex", children: /* @__PURE__ */ f.jsx(me, { icon: Po, className: "h-3.5 w-3.5" }) })
                       ]
                     },
                     u.value
@@ -5375,14 +5389,14 @@ const y0 = Z(
   ariaLabel: l
 }) => {
   const c = r ? void 0 : l || "Toggle setting";
-  return /* @__PURE__ */ d.jsxs(
+  return /* @__PURE__ */ f.jsxs(
     Xr,
     {
       as: "div",
       className: T("flex items-center justify-between gap-4", i),
       children: [
-        (r || n) && /* @__PURE__ */ d.jsxs("span", { className: "flex flex-col", children: [
-          r && /* @__PURE__ */ d.jsx(
+        (r || n) && /* @__PURE__ */ f.jsxs("span", { className: "flex flex-col", children: [
+          r && /* @__PURE__ */ f.jsx(
             Dt,
             {
               passive: !0,
@@ -5393,7 +5407,7 @@ const y0 = Z(
               children: r
             }
           ),
-          n && /* @__PURE__ */ d.jsx(
+          n && /* @__PURE__ */ f.jsx(
             rr,
             {
               className: T(
@@ -5404,7 +5418,7 @@ const y0 = Z(
             }
           )
         ] }),
-        /* @__PURE__ */ d.jsx(
+        /* @__PURE__ */ f.jsx(
           Uf,
           {
             checked: e,
@@ -5412,7 +5426,7 @@ const y0 = Z(
             disabled: a,
             "aria-label": c,
             className: T(w0({ variant: s, size: o })),
-            children: /* @__PURE__ */ d.jsx(
+            children: /* @__PURE__ */ f.jsx(
               "span",
               {
                 "aria-hidden": "true",
@@ -5464,9 +5478,9 @@ const y0 = Z(
     ...l
   }, c) => {
     const u = !!n || o;
-    return /* @__PURE__ */ d.jsxs(Xr, { className: T("w-full space-y-1.5", e), children: [
-      t && /* @__PURE__ */ d.jsx(Dt, { className: "block text-sm font-medium leading-none text-gray-900 dark:text-gray-100 peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-left", children: t }),
-      /* @__PURE__ */ d.jsx(
+    return /* @__PURE__ */ f.jsxs(Xr, { className: T("w-full space-y-1.5", e), children: [
+      t && /* @__PURE__ */ f.jsx(Dt, { className: "block text-sm font-medium leading-none text-gray-900 dark:text-gray-100 peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-left", children: t }),
+      /* @__PURE__ */ f.jsx(
         Kf,
         {
           ref: c,
@@ -5475,7 +5489,7 @@ const y0 = Z(
           ...l
         }
       ),
-      (r || n) && /* @__PURE__ */ d.jsx(
+      (r || n) && /* @__PURE__ */ f.jsx(
         rr,
         {
           className: T(
@@ -5489,7 +5503,7 @@ const y0 = Z(
   }
 );
 S0.displayName = "Textarea";
-function Lm({
+function _m({
   items: e,
   maxDisplay: t = 5,
   totalCount: r,
@@ -5501,13 +5515,13 @@ function Lm({
   className: l
 }) {
   const c = e.filter((p) => p.key !== n).slice(0, t), u = r !== void 0 ? Math.max(0, r - c.length) : Math.max(0, e.filter((p) => p.key !== n).length - t);
-  return c.length === 0 && !o ? null : /* @__PURE__ */ d.jsxs(
+  return c.length === 0 && !o ? null : /* @__PURE__ */ f.jsxs(
     "div",
     {
       "data-testid": "avatar-strip",
       className: T("flex items-center gap-3", l),
       children: [
-        a && /* @__PURE__ */ d.jsx(
+        a && /* @__PURE__ */ f.jsx(
           "button",
           {
             type: "button",
@@ -5518,14 +5532,14 @@ function Lm({
             children: "✕"
           }
         ),
-        /* @__PURE__ */ d.jsxs(
+        /* @__PURE__ */ f.jsxs(
           "div",
           {
             "data-testid": "avatar-strip-stack",
             className: "flex items-center -space-x-2",
             children: [
               c.map((p) => {
-                const m = /* @__PURE__ */ d.jsx(
+                const m = /* @__PURE__ */ f.jsx(
                   fa,
                   {
                     initials: p.label[0].toUpperCase(),
@@ -5533,32 +5547,32 @@ function Lm({
                     colorScheme: p.colorScheme ?? "neutral",
                     size: "xs"
                   }
-                ), f = T(
+                ), d = T(
                   "relative inline-flex h-6 w-6 rounded-full ring-2 transition-transform hover:z-10 hover:scale-110",
                   i
                 );
-                return p.href ? /* @__PURE__ */ d.jsx(
+                return p.href ? /* @__PURE__ */ f.jsx(
                   "a",
                   {
                     href: p.href,
                     title: p.label,
                     "data-testid": `avatar-strip-item-${p.key}`,
-                    className: f,
+                    className: d,
                     children: m
                   },
                   p.key
-                ) : /* @__PURE__ */ d.jsx(
+                ) : /* @__PURE__ */ f.jsx(
                   "span",
                   {
                     title: p.label,
                     "data-testid": `avatar-strip-item-${p.key}`,
-                    className: f,
+                    className: d,
                     children: m
                   },
                   p.key
                 );
               }),
-              u > 0 && /* @__PURE__ */ d.jsx(
+              u > 0 && /* @__PURE__ */ f.jsx(
                 "div",
                 {
                   title: `${u} more`,
@@ -5567,7 +5581,7 @@ function Lm({
                     "relative flex h-6 w-6 items-center justify-center rounded-full bg-gray-500/10 ring-2",
                     i
                   ),
-                  children: /* @__PURE__ */ d.jsxs("span", { className: "text-[9px] font-bold text-gray-500 dark:text-gray-400 select-none", children: [
+                  children: /* @__PURE__ */ f.jsxs("span", { className: "text-[9px] font-bold text-gray-500 dark:text-gray-400 select-none", children: [
                     "+",
                     u
                   ] })
@@ -5577,12 +5591,12 @@ function Lm({
             ]
           }
         ),
-        s && /* @__PURE__ */ d.jsx("div", { "data-testid": "avatar-strip-label", children: s })
+        s && /* @__PURE__ */ f.jsx("div", { "data-testid": "avatar-strip-label", children: s })
       ]
     }
   );
 }
-function _m({
+function Vm({
   tabs: e,
   activeTab: t,
   onChange: r,
@@ -5597,18 +5611,18 @@ function _m({
     if (!v) return null;
     const w = b.getBoundingClientRect(), x = v.getBoundingClientRect();
     return { left: x.left - w.left, width: x.width };
-  }, []), f = ee((h, b, v) => {
+  }, []), d = ee((h, b, v) => {
     const w = i.current;
     w && (w.style.transition = b, w.style.left = `${h.left}px`, w.style.width = `${h.width}px`, w.style.transform = `scaleY(${v})`);
   }, []);
   ne(() => {
     const h = m(t);
-    h && (l.current = h, f(h, "none", 1), i.current && (i.current.style.opacity = "1"), u.current = !0);
+    h && (l.current = h, d(h, "none", 1), i.current && (i.current.style.opacity = "1"), u.current = !0);
   }, []), ne(() => {
     if (!u.current || c.current !== null) return;
     const h = m(t);
-    h && (l.current = h, f(h, "none", 1));
-  }, [t, m, f]);
+    h && (l.current = h, d(h, "none", 1));
+  }, [t, m, d]);
   const g = ee(
     (h) => {
       if (h === t || (r(h), !u.current)) return;
@@ -5616,27 +5630,27 @@ function _m({
       const b = l.current ?? m(t), v = m(h);
       if (!b || !v) return;
       const w = Math.min(b.left, v.left), x = Math.max(b.left + b.width, v.left + v.width) - w;
-      f(
+      d(
         { left: w, width: x },
         "left 130ms ease-out, width 130ms ease-out, transform 130ms ease-out",
         0.55
       ), c.current = setTimeout(() => {
         const k = m(h) ?? v;
-        l.current = k, f(
+        l.current = k, d(
           k,
           "left 160ms ease-in, width 160ms ease-in, transform 160ms ease-in",
           1
         ), c.current = null;
       }, 130);
     },
-    [t, m, r, f]
+    [t, m, r, d]
   );
   return ne(
     () => () => {
       c.current && clearTimeout(c.current);
     },
     []
-  ), /* @__PURE__ */ d.jsxs(
+  ), /* @__PURE__ */ f.jsxs(
     "div",
     {
       ref: s,
@@ -5652,7 +5666,7 @@ function _m({
         o
       ),
       children: [
-        /* @__PURE__ */ d.jsx(
+        /* @__PURE__ */ f.jsx(
           "div",
           {
             ref: i,
@@ -5667,7 +5681,7 @@ function _m({
         ),
         e.map((h) => {
           const b = h.id === t;
-          return /* @__PURE__ */ d.jsx(
+          return /* @__PURE__ */ f.jsx(
             "button",
             {
               role: "tab",
@@ -5722,7 +5736,7 @@ function li(...e) {
       };
   };
 }
-function Et(...e) {
+function kt(...e) {
   return y.useCallback(li(...e), e);
 }
 function ci(e, t = []) {
@@ -5731,12 +5745,12 @@ function ci(e, t = []) {
     const i = y.createContext(s), l = r.length;
     r = [...r, s];
     const c = (p) => {
-      const { scope: m, children: f, ...g } = p, h = m?.[e]?.[l] || i, b = y.useMemo(() => g, Object.values(g));
-      return /* @__PURE__ */ d.jsx(h.Provider, { value: b, children: f });
+      const { scope: m, children: d, ...g } = p, h = m?.[e]?.[l] || i, b = y.useMemo(() => g, Object.values(g));
+      return /* @__PURE__ */ f.jsx(h.Provider, { value: b, children: d });
     };
     c.displayName = o + "Provider";
     function u(p, m) {
-      const f = m?.[e]?.[l] || i, g = y.useContext(f);
+      const d = m?.[e]?.[l] || i, g = y.useContext(d);
       if (g) return g;
       if (s !== void 0) return s;
       throw new Error(`\`${p}\` must be used within \`${o}\``);
@@ -5779,9 +5793,9 @@ function P0(e) {
     const { children: o, ...s } = n, i = y.Children.toArray(o), l = i.find(T0);
     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__ */ d.jsx(t, { ...s, ref: a, children: y.isValidElement(c) ? y.cloneElement(c, void 0, u) : null });
+      return /* @__PURE__ */ f.jsx(t, { ...s, ref: a, children: y.isValidElement(c) ? y.cloneElement(c, void 0, u) : null });
     }
-    return /* @__PURE__ */ d.jsx(t, { ...s, ref: a, children: o });
+    return /* @__PURE__ */ f.jsx(t, { ...s, ref: a, children: o });
   });
   return r.displayName = `${e}.Slot`, r;
 }
@@ -5800,7 +5814,7 @@ function O0(e) {
 var ui = /* @__PURE__ */ Symbol("radix.slottable");
 // @__NO_SIDE_EFFECTS__
 function C0(e) {
-  const t = ({ children: r }) => /* @__PURE__ */ d.jsx(d.Fragment, { children: r });
+  const t = ({ children: r }) => /* @__PURE__ */ f.jsx(f.Fragment, { children: r });
   return t.displayName = `${e}.Slottable`, t.__radixId = ui, t;
 }
 function T0(e) {
@@ -5842,7 +5856,7 @@ var $0 = [
 ], lt = $0.reduce((e, t) => {
   const r = /* @__PURE__ */ P0(`Primitive.${t}`), n = y.forwardRef((a, o) => {
     const { asChild: s, ...i } = a, l = s ? r : t;
-    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ d.jsx(l, { ...i, ref: o });
+    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ f.jsx(l, { ...i, ref: o });
   });
   return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
 }, {});
@@ -5878,7 +5892,7 @@ var D0 = "DismissableLayer", Nn = "dismissableLayer.update", F0 = "dismissableLa
       onInteractOutside: s,
       onDismiss: i,
       ...l
-    } = e, c = y.useContext(di), [u, p] = y.useState(null), m = u?.ownerDocument ?? globalThis?.document, [, f] = y.useState({}), g = Et(t, (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, S = V0((P) => {
+    } = e, c = y.useContext(di), [u, p] = y.useState(null), m = u?.ownerDocument ?? globalThis?.document, [, d] = y.useState({}), g = kt(t, (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, S = V0((P) => {
       const M = P.target, z = [...c.branches].some((N) => N.contains(M));
       !k || z || (a?.(P), s?.(P), P.defaultPrevented || i?.());
     }, m), C = B0((P) => {
@@ -5895,9 +5909,9 @@ var D0 = "DismissableLayer", Nn = "dismissableLayer.update", F0 = "dismissableLa
     }, [u, m, r, c]), y.useEffect(() => () => {
       u && (c.layers.delete(u), c.layersWithOutsidePointerEventsDisabled.delete(u), go());
     }, [u, c]), y.useEffect(() => {
-      const P = () => f({});
+      const P = () => d({});
       return document.addEventListener(Nn, P), () => document.removeEventListener(Nn, P);
-    }, []), /* @__PURE__ */ d.jsx(
+    }, []), /* @__PURE__ */ f.jsx(
       lt.div,
       {
         ...l,
@@ -5918,14 +5932,14 @@ var D0 = "DismissableLayer", Nn = "dismissableLayer.update", F0 = "dismissableLa
 );
 fi.displayName = D0;
 var L0 = "DismissableLayerBranch", _0 = y.forwardRef((e, t) => {
-  const r = y.useContext(di), n = y.useRef(null), a = Et(t, n);
+  const r = y.useContext(di), n = y.useRef(null), a = kt(t, n);
   return y.useEffect(() => {
     const o = n.current;
     if (o)
       return r.branches.add(o), () => {
         r.branches.delete(o);
       };
-  }, [r.branches]), /* @__PURE__ */ d.jsx(lt.div, { ...e, ref: a });
+  }, [r.branches]), /* @__PURE__ */ f.jsx(lt.div, { ...e, ref: a });
 });
 _0.displayName = L0;
 function V0(e, t = globalThis?.document) {
@@ -5991,7 +6005,7 @@ function W0(e) {
 }
 var U0 = "Arrow", mi = y.forwardRef((e, t) => {
   const { children: r, width: n = 10, height: a = 5, ...o } = e;
-  return /* @__PURE__ */ d.jsx(
+  return /* @__PURE__ */ f.jsx(
     lt.svg,
     {
       ...o,
@@ -6000,7 +6014,7 @@ var U0 = "Arrow", mi = y.forwardRef((e, t) => {
       height: a,
       viewBox: "0 0 30 10",
       preserveAspectRatio: "none",
-      children: e.asChild ? r : /* @__PURE__ */ d.jsx("polygon", { points: "0,0 30,0 15,10" })
+      children: e.asChild ? r : /* @__PURE__ */ f.jsx("polygon", { points: "0,0 30,0 15,10" })
     }
   );
 });
@@ -6030,16 +6044,16 @@ function G0(e) {
 }
 var pa = "Popper", [gi, hi] = ci(pa), [K0, bi] = gi(pa), vi = (e) => {
   const { __scopePopper: t, children: r } = e, [n, a] = y.useState(null);
-  return /* @__PURE__ */ d.jsx(K0, { scope: t, anchor: n, onAnchorChange: a, children: r });
+  return /* @__PURE__ */ f.jsx(K0, { scope: t, anchor: n, onAnchorChange: a, children: r });
 };
 vi.displayName = pa;
 var xi = "PopperAnchor", yi = y.forwardRef(
   (e, t) => {
-    const { __scopePopper: r, virtualRef: n, ...a } = e, o = bi(xi, r), s = y.useRef(null), i = Et(t, s), l = y.useRef(null);
+    const { __scopePopper: r, virtualRef: n, ...a } = e, o = bi(xi, r), s = y.useRef(null), i = kt(t, s), l = y.useRef(null);
     return y.useEffect(() => {
       const c = l.current;
       l.current = n?.current || s.current, c !== l.current && o.onAnchorChange(l.current);
-    }), n ? null : /* @__PURE__ */ d.jsx(lt.div, { ...a, ref: i });
+    }), n ? null : /* @__PURE__ */ f.jsx(lt.div, { ...a, ref: i });
   }
 );
 yi.displayName = xi;
@@ -6057,10 +6071,10 @@ var ma = "PopperContent", [q0, X0] = gi(ma), wi = y.forwardRef(
       collisionPadding: u = 0,
       sticky: p = "partial",
       hideWhenDetached: m = !1,
-      updatePositionStrategy: f = "optimized",
+      updatePositionStrategy: d = "optimized",
       onPlaced: g,
       ...h
-    } = e, b = bi(ma, r), [v, w] = y.useState(null), x = Et(t, (q) => w(q)), [k, S] = y.useState(null), C = G0(k), P = C?.width ?? 0, M = C?.height ?? 0, z = n + (o !== "center" ? "-" + o : ""), N = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, $ = Array.isArray(c) ? c : [c], L = $.length > 0, _ = {
+    } = e, b = bi(ma, r), [v, w] = y.useState(null), x = kt(t, (q) => w(q)), [k, S] = y.useState(null), C = G0(k), P = C?.width ?? 0, M = C?.height ?? 0, z = n + (o !== "center" ? "-" + o : ""), 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),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
@@ -6070,7 +6084,7 @@ var ma = "PopperContent", [q0, X0] = gi(ma), wi = y.forwardRef(
       strategy: "fixed",
       placement: z,
       whileElementsMounted: (...q) => ms(...q, {
-        animationFrame: f === "always"
+        animationFrame: d === "always"
       }),
       elements: {
         reference: b.anchor
@@ -6086,9 +6100,9 @@ var ma = "PopperContent", [q0, X0] = gi(ma), wi = y.forwardRef(
         l && vs({ ..._ }),
         xs({
           ..._,
-          apply: ({ elements: q, rects: be, availableWidth: ye, availableHeight: St }) => {
+          apply: ({ elements: q, rects: be, availableWidth: ye, availableHeight: Et }) => {
             const { width: _t, height: mr } = be.reference, gr = q.floating.style;
-            gr.setProperty("--radix-popper-available-width", `${ye}px`), gr.setProperty("--radix-popper-available-height", `${St}px`), gr.setProperty("--radix-popper-anchor-width", `${_t}px`), gr.setProperty("--radix-popper-anchor-height", `${mr}px`);
+            gr.setProperty("--radix-popper-available-width", `${ye}px`), gr.setProperty("--radix-popper-available-height", `${Et}px`), gr.setProperty("--radix-popper-anchor-width", `${_t}px`), gr.setProperty("--radix-popper-anchor-height", `${mr}px`);
           }
         }),
         k && cu({ element: k, padding: i }),
@@ -6102,7 +6116,7 @@ var ma = "PopperContent", [q0, X0] = gi(ma), wi = y.forwardRef(
     const te = O.arrow?.x, A = O.arrow?.y, W = O.arrow?.centerOffset !== 0, [G, B] = y.useState();
     return ot(() => {
       v && B(window.getComputedStyle(v).zIndex);
-    }, [v]), /* @__PURE__ */ d.jsx(
+    }, [v]), /* @__PURE__ */ f.jsx(
       "div",
       {
         ref: R.setFloating,
@@ -6126,7 +6140,7 @@ var ma = "PopperContent", [q0, X0] = gi(ma), wi = y.forwardRef(
           }
         },
         dir: e.dir,
-        children: /* @__PURE__ */ d.jsx(
+        children: /* @__PURE__ */ f.jsx(
           q0,
           {
             scope: r,
@@ -6135,7 +6149,7 @@ var ma = "PopperContent", [q0, X0] = gi(ma), wi = y.forwardRef(
             arrowX: te,
             arrowY: A,
             shouldHideArrow: W,
-            children: /* @__PURE__ */ d.jsx(
+            children: /* @__PURE__ */ f.jsx(
               lt.div,
               {
                 "data-side": j,
@@ -6168,7 +6182,7 @@ var ki = "PopperArrow", Q0 = {
     // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
     // doesn't report size as we'd expect on SVG elements.
     // it reports their bounding box which is effectively the largest path inside the SVG.
-    /* @__PURE__ */ d.jsx(
+    /* @__PURE__ */ f.jsx(
       "span",
       {
         ref: o.onArrowChange,
@@ -6191,7 +6205,7 @@ var ki = "PopperArrow", Q0 = {
           }[o.placedSide],
           visibility: o.shouldHideArrow ? "hidden" : void 0
         },
-        children: /* @__PURE__ */ d.jsx(
+        children: /* @__PURE__ */ f.jsx(
           Y0,
           {
             ...a,
@@ -6215,9 +6229,9 @@ var J0 = (e) => ({
   name: "transformOrigin",
   options: e,
   fn(t) {
-    const { placement: r, rects: n, middlewareData: a } = t, s = a.arrow?.centerOffset !== 0, i = s ? 0 : e.arrowWidth, l = s ? 0 : e.arrowHeight, [c, u] = Si(r), p = { start: "0%", center: "50%", end: "100%" }[u], m = (a.arrow?.x ?? 0) + i / 2, f = (a.arrow?.y ?? 0) + l / 2;
+    const { placement: r, rects: n, middlewareData: a } = t, s = a.arrow?.centerOffset !== 0, i = s ? 0 : e.arrowWidth, l = s ? 0 : e.arrowHeight, [c, u] = Si(r), p = { start: "0%", center: "50%", end: "100%" }[u], m = (a.arrow?.x ?? 0) + i / 2, d = (a.arrow?.y ?? 0) + l / 2;
     let g = "", h = "";
-    return c === "bottom" ? (g = s ? p : `${m}px`, h = `${-l}px`) : c === "top" ? (g = s ? p : `${m}px`, h = `${n.floating.height + l}px`) : c === "right" ? (g = `${-l}px`, h = s ? p : `${f}px`) : c === "left" && (g = `${n.floating.width + l}px`, h = s ? p : `${f}px`), { data: { x: g, y: h } };
+    return c === "bottom" ? (g = s ? p : `${m}px`, h = `${-l}px`) : c === "top" ? (g = s ? p : `${m}px`, h = `${n.floating.height + l}px`) : c === "right" ? (g = `${-l}px`, h = s ? p : `${d}px`) : c === "left" && (g = `${n.floating.width + l}px`, h = s ? p : `${d}px`), { data: { x: g, y: h } };
   }
 });
 function Si(e) {
@@ -6228,14 +6242,14 @@ var ep = vi, tp = yi, rp = wi, np = Ei, ap = "Portal", Ni = y.forwardRef((e, t)
   const { container: r, ...n } = e, [a, o] = y.useState(!1);
   ot(() => o(!0), []);
   const s = r || a && globalThis?.document?.body;
-  return s ? Ji.createPortal(/* @__PURE__ */ d.jsx(lt.div, { ...n, ref: t }), s) : null;
+  return s ? Ji.createPortal(/* @__PURE__ */ f.jsx(lt.div, { ...n, ref: t }), s) : null;
 });
 Ni.displayName = ap;
 function op(e, t) {
   return y.useReducer((r, n) => t[r][n] ?? r, e);
 }
 var ga = (e) => {
-  const { present: t, children: r } = e, n = sp(t), a = typeof r == "function" ? r({ present: n.isPresent }) : y.Children.only(r), o = Et(n.ref, ip(a));
+  const { present: t, children: r } = e, n = sp(t), a = typeof r == "function" ? r({ present: n.isPresent }) : y.Children.only(r), o = kt(n.ref, ip(a));
   return typeof r == "function" || n.isPresent ? y.cloneElement(a, { ref: o }) : null;
 };
 ga.displayName = "Presence";
@@ -6259,22 +6273,22 @@ function sp(e) {
   }, [i]), ot(() => {
     const c = n.current, u = a.current;
     if (u !== e) {
-      const m = o.current, f = vr(c);
-      e ? l("MOUNT") : f === "none" || c?.display === "none" ? l("UNMOUNT") : l(u && m !== f ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
+      const m = o.current, d = vr(c);
+      e ? l("MOUNT") : d === "none" || c?.display === "none" ? l("UNMOUNT") : l(u && m !== d ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
     }
   }, [e, l]), ot(() => {
     if (t) {
       let c;
-      const u = t.ownerDocument.defaultView ?? window, p = (f) => {
-        const h = vr(n.current).includes(CSS.escape(f.animationName));
-        if (f.target === t && h && (l("ANIMATION_END"), !a.current)) {
+      const u = t.ownerDocument.defaultView ?? window, p = (d) => {
+        const h = vr(n.current).includes(CSS.escape(d.animationName));
+        if (d.target === t && h && (l("ANIMATION_END"), !a.current)) {
           const b = t.style.animationFillMode;
           t.style.animationFillMode = "forwards", c = u.setTimeout(() => {
             t.style.animationFillMode === "forwards" && (t.style.animationFillMode = b);
           });
         }
-      }, m = (f) => {
-        f.target === t && (o.current = vr(n.current));
+      }, m = (d) => {
+        d.target === t && (o.current = vr(n.current));
       };
       return t.addEventListener("animationstart", m), t.addEventListener("animationcancel", p), t.addEventListener("animationend", p), () => {
         u.clearTimeout(c), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", p), t.removeEventListener("animationend", p);
@@ -6355,7 +6369,7 @@ var fp = Object.freeze({
   whiteSpace: "nowrap",
   wordWrap: "normal"
 }), pp = "VisuallyHidden", Pi = y.forwardRef(
-  (e, t) => /* @__PURE__ */ d.jsx(
+  (e, t) => /* @__PURE__ */ f.jsx(
     lt.span,
     {
       ...e,
@@ -6378,7 +6392,7 @@ var mp = Pi, [tn] = ci("Tooltip", [
   return y.useEffect(() => {
     const c = l.current;
     return () => window.clearTimeout(c);
-  }, []), /* @__PURE__ */ d.jsx(
+  }, []), /* @__PURE__ */ f.jsx(
     hp,
     {
       scope: t,
@@ -6412,7 +6426,7 @@ var Jt = "Tooltip", [bp, pr] = tn(Jt), Ti = (e) => {
     onOpenChange: o,
     disableHoverableContent: s,
     delayDuration: i
-  } = e, l = ha(Jt, e.__scopeTooltip), c = rn(t), [u, p] = y.useState(null), m = W0(), f = y.useRef(0), g = s ?? l.disableHoverableContent, h = i ?? l.delayDuration, b = y.useRef(!1), [v, w] = cp({
+  } = e, l = ha(Jt, e.__scopeTooltip), c = rn(t), [u, p] = y.useState(null), m = W0(), d = y.useRef(0), g = s ?? l.disableHoverableContent, h = i ?? l.delayDuration, b = y.useRef(!1), [v, w] = cp({
     prop: n,
     defaultProp: a ?? !1,
     onChange: (P) => {
@@ -6420,17 +6434,17 @@ var Jt = "Tooltip", [bp, pr] = tn(Jt), Ti = (e) => {
     },
     caller: Jt
   }), x = y.useMemo(() => v ? b.current ? "delayed-open" : "instant-open" : "closed", [v]), k = y.useCallback(() => {
-    window.clearTimeout(f.current), f.current = 0, b.current = !1, w(!0);
+    window.clearTimeout(d.current), d.current = 0, b.current = !1, w(!0);
   }, [w]), S = y.useCallback(() => {
-    window.clearTimeout(f.current), f.current = 0, w(!1);
+    window.clearTimeout(d.current), d.current = 0, w(!1);
   }, [w]), C = y.useCallback(() => {
-    window.clearTimeout(f.current), f.current = window.setTimeout(() => {
-      b.current = !0, w(!0), f.current = 0;
+    window.clearTimeout(d.current), d.current = window.setTimeout(() => {
+      b.current = !0, w(!0), d.current = 0;
     }, h);
   }, [h, w]);
   return y.useEffect(() => () => {
-    f.current && (window.clearTimeout(f.current), f.current = 0);
-  }, []), /* @__PURE__ */ d.jsx(ep, { ...c, children: /* @__PURE__ */ d.jsx(
+    d.current && (window.clearTimeout(d.current), d.current = 0);
+  }, []), /* @__PURE__ */ f.jsx(ep, { ...c, children: /* @__PURE__ */ f.jsx(
     bp,
     {
       scope: t,
@@ -6443,7 +6457,7 @@ var Jt = "Tooltip", [bp, pr] = tn(Jt), Ti = (e) => {
         l.isOpenDelayedRef.current ? C() : k();
       }, [l.isOpenDelayedRef, C, k]),
       onTriggerLeave: y.useCallback(() => {
-        g ? S() : (window.clearTimeout(f.current), f.current = 0);
+        g ? S() : (window.clearTimeout(d.current), d.current = 0);
       }, [S, g]),
       onOpen: k,
       onClose: S,
@@ -6455,8 +6469,8 @@ var Jt = "Tooltip", [bp, pr] = tn(Jt), Ti = (e) => {
 Ti.displayName = Jt;
 var On = "TooltipTrigger", ji = y.forwardRef(
   (e, t) => {
-    const { __scopeTooltip: r, ...n } = e, a = pr(On, r), o = ha(On, r), s = rn(r), i = y.useRef(null), l = Et(t, i, a.onTriggerChange), c = y.useRef(!1), u = y.useRef(!1), p = y.useCallback(() => c.current = !1, []);
-    return y.useEffect(() => () => document.removeEventListener("pointerup", p), [p]), /* @__PURE__ */ d.jsx(tp, { asChild: !0, ...s, children: /* @__PURE__ */ d.jsx(
+    const { __scopeTooltip: r, ...n } = e, a = pr(On, r), o = ha(On, r), s = rn(r), i = y.useRef(null), l = kt(t, i, a.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(tp, { asChild: !0, ...s, children: /* @__PURE__ */ f.jsx(
       lt.button,
       {
         "aria-describedby": a.open ? a.contentId : void 0,
@@ -6486,18 +6500,18 @@ var ba = "TooltipPortal", [vp, xp] = tn(ba, {
   forceMount: void 0
 }), Ri = (e) => {
   const { __scopeTooltip: t, forceMount: r, children: n, container: a } = e, o = pr(ba, t);
-  return /* @__PURE__ */ d.jsx(vp, { scope: t, forceMount: r, children: /* @__PURE__ */ d.jsx(ga, { present: r || o.open, children: /* @__PURE__ */ d.jsx(Ni, { asChild: !0, container: a, children: n }) }) });
+  return /* @__PURE__ */ f.jsx(vp, { scope: t, forceMount: r, children: /* @__PURE__ */ f.jsx(ga, { present: r || o.open, children: /* @__PURE__ */ f.jsx(Ni, { asChild: !0, container: a, children: n }) }) });
 };
 Ri.displayName = ba;
 var Rt = "TooltipContent", $i = y.forwardRef(
   (e, t) => {
     const r = xp(Rt, e.__scopeTooltip), { forceMount: n = r.forceMount, side: a = "top", ...o } = e, s = pr(Rt, e.__scopeTooltip);
-    return /* @__PURE__ */ d.jsx(ga, { present: n || s.open, children: s.disableHoverableContent ? /* @__PURE__ */ d.jsx(Ii, { side: a, ...o, ref: t }) : /* @__PURE__ */ d.jsx(yp, { side: a, ...o, ref: t }) });
+    return /* @__PURE__ */ f.jsx(ga, { present: n || s.open, children: s.disableHoverableContent ? /* @__PURE__ */ f.jsx(Ii, { side: a, ...o, ref: t }) : /* @__PURE__ */ f.jsx(yp, { side: a, ...o, ref: t }) });
   }
 ), yp = y.forwardRef((e, t) => {
-  const r = pr(Rt, e.__scopeTooltip), n = ha(Rt, e.__scopeTooltip), a = y.useRef(null), o = Et(t, a), [s, i] = y.useState(null), { trigger: l, onClose: c } = r, u = a.current, { onPointerInTransitChange: p } = n, m = y.useCallback(() => {
+  const r = pr(Rt, e.__scopeTooltip), n = ha(Rt, e.__scopeTooltip), a = y.useRef(null), o = kt(t, a), [s, i] = y.useState(null), { trigger: l, onClose: c } = r, u = a.current, { onPointerInTransitChange: p } = n, m = y.useCallback(() => {
     i(null), p(!1);
-  }, [p]), f = y.useCallback(
+  }, [p]), d = y.useCallback(
     (g, h) => {
       const b = g.currentTarget, v = { x: g.clientX, y: g.clientY }, w = Sp(v, b.getBoundingClientRect()), x = Np(v, w), k = Pp(h.getBoundingClientRect()), S = Cp([...x, ...k]);
       i(S), p(!0);
@@ -6506,12 +6520,12 @@ var Rt = "TooltipContent", $i = y.forwardRef(
   );
   return y.useEffect(() => () => m(), [m]), y.useEffect(() => {
     if (l && u) {
-      const g = (b) => f(b, u), h = (b) => f(b, l);
+      const g = (b) => d(b, u), h = (b) => d(b, l);
       return l.addEventListener("pointerleave", g), u.addEventListener("pointerleave", h), () => {
         l.removeEventListener("pointerleave", g), u.removeEventListener("pointerleave", h);
       };
     }
-  }, [l, u, f, m]), y.useEffect(() => {
+  }, [l, u, d, m]), y.useEffect(() => {
     if (s) {
       const g = (h) => {
         const b = h.target, v = { x: h.clientX, y: h.clientY }, w = l?.contains(b) || u?.contains(b), x = !Op(v, s);
@@ -6519,7 +6533,7 @@ var Rt = "TooltipContent", $i = y.forwardRef(
       };
       return document.addEventListener("pointermove", g), () => document.removeEventListener("pointermove", g);
     }
-  }, [l, u, s, c, m]), /* @__PURE__ */ d.jsx(Ii, { ...e, ref: o });
+  }, [l, u, s, c, m]), /* @__PURE__ */ f.jsx(Ii, { ...e, ref: o });
 }), [wp, kp] = tn(Jt, { isInside: !1 }), Ep = /* @__PURE__ */ C0("TooltipContent"), Ii = y.forwardRef(
   (e, t) => {
     const {
@@ -6537,7 +6551,7 @@ var Rt = "TooltipContent", $i = y.forwardRef(
         };
         return window.addEventListener("scroll", p, { capture: !0 }), () => window.removeEventListener("scroll", p, { capture: !0 });
       }
-    }, [l.trigger, u]), /* @__PURE__ */ d.jsx(
+    }, [l.trigger, u]), /* @__PURE__ */ f.jsx(
       fi,
       {
         asChild: !0,
@@ -6546,7 +6560,7 @@ var Rt = "TooltipContent", $i = y.forwardRef(
         onPointerDownOutside: s,
         onFocusOutside: (p) => p.preventDefault(),
         onDismiss: u,
-        children: /* @__PURE__ */ d.jsxs(
+        children: /* @__PURE__ */ f.jsxs(
           rp,
           {
             "data-state": l.stateAttribute,
@@ -6562,8 +6576,8 @@ var Rt = "TooltipContent", $i = y.forwardRef(
               "--radix-tooltip-trigger-height": "var(--radix-popper-anchor-height)"
             },
             children: [
-              /* @__PURE__ */ d.jsx(Ep, { children: n }),
-              /* @__PURE__ */ d.jsx(wp, { scope: r, isInside: !0, children: /* @__PURE__ */ d.jsx(mp, { id: l.contentId, role: "tooltip", children: a || n }) })
+              /* @__PURE__ */ f.jsx(Ep, { children: n }),
+              /* @__PURE__ */ f.jsx(wp, { scope: r, isInside: !0, children: /* @__PURE__ */ f.jsx(mp, { id: l.contentId, role: "tooltip", children: a || n }) })
             ]
           }
         )
@@ -6578,7 +6592,7 @@ var Ai = "TooltipArrow", Di = y.forwardRef(
     return kp(
       Ai,
       r
-    ).isInside ? null : /* @__PURE__ */ d.jsx(np, { ...a, ...n, ref: t });
+    ).isInside ? null : /* @__PURE__ */ f.jsx(np, { ...a, ...n, ref: t });
   }
 );
 Di.displayName = Ai;
@@ -6675,7 +6689,7 @@ function Tp(e) {
   return r.pop(), t.length === 1 && r.length === 1 && t[0].x === r[0].x && t[0].y === r[0].y ? t : t.concat(r);
 }
 var jp = Ci, Rp = Ti, $p = ji, Ip = Ri, Ap = $i, Dp = Di;
-function Vm({
+function Bm({
   content: e,
   children: t,
   placement: r = "top",
@@ -6685,8 +6699,8 @@ function Vm({
   className: s
 }) {
   const [i, l] = X(o), c = ee(() => l((u) => !u), []);
-  return /* @__PURE__ */ d.jsx(jp, { delayDuration: a, children: /* @__PURE__ */ d.jsxs(Rp, { open: i, onOpenChange: l, children: [
-    /* @__PURE__ */ d.jsx($p, { asChild: !0, onClick: c, children: /* @__PURE__ */ d.jsx(
+  return /* @__PURE__ */ f.jsx(jp, { delayDuration: a, children: /* @__PURE__ */ f.jsxs(Rp, { open: i, onOpenChange: l, children: [
+    /* @__PURE__ */ f.jsx($p, { asChild: !0, onClick: c, children: /* @__PURE__ */ f.jsx(
       "span",
       {
         className: "inline-flex items-center cursor-default",
@@ -6695,7 +6709,7 @@ function Vm({
         children: t
       }
     ) }),
-    /* @__PURE__ */ d.jsx(Ip, { children: /* @__PURE__ */ d.jsxs(
+    /* @__PURE__ */ f.jsx(Ip, { children: /* @__PURE__ */ f.jsxs(
       Ap,
       {
         side: r,
@@ -6714,7 +6728,7 @@ function Vm({
         ),
         children: [
           e,
-          /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ f.jsx(
             Dp,
             {
               className: n === "dark" ? "fill-zinc-900" : "fill-white",
@@ -6737,7 +6751,7 @@ const Fp = {
   lg: "max-h-36"
   // ~6-7 lines
 };
-function Bm({
+function Hm({
   children: e,
   size: t = "md",
   expandLabel: r = "Show more",
@@ -6748,8 +6762,8 @@ function Bm({
   return ne(() => {
     const u = c.current;
     u && l(u.scrollHeight > u.clientHeight);
-  }, [e, t]), /* @__PURE__ */ d.jsxs("div", { className: a, children: [
-    /* @__PURE__ */ d.jsx(
+  }, [e, t]), /* @__PURE__ */ f.jsxs("div", { className: a, children: [
+    /* @__PURE__ */ f.jsx(
       "div",
       {
         ref: c,
@@ -6762,7 +6776,7 @@ function Bm({
         children: e
       }
     ),
-    i && /* @__PURE__ */ d.jsx(
+    i && /* @__PURE__ */ f.jsx(
       "button",
       {
         type: "button",
@@ -6774,7 +6788,7 @@ function Bm({
     )
   ] });
 }
-function Hm({
+function zm({
   segments: e,
   size: t = "md",
   showLegend: r = !0,
@@ -6783,8 +6797,8 @@ function Hm({
   const a = e.reduce((s, i) => s + i.value, 0);
   if (a === 0) return null;
   const o = e.filter((s) => s.value > 0);
-  return /* @__PURE__ */ d.jsxs("div", { className: T("flex flex-col gap-1.5", n), children: [
-    /* @__PURE__ */ d.jsx(
+  return /* @__PURE__ */ f.jsxs("div", { className: T("flex flex-col gap-1.5", n), children: [
+    /* @__PURE__ */ f.jsx(
       "div",
       {
         "data-testid": "segment-bar-track",
@@ -6794,7 +6808,7 @@ function Hm({
         ),
         children: o.map((s) => {
           const i = s.value / a * 100;
-          return /* @__PURE__ */ d.jsx(
+          return /* @__PURE__ */ f.jsx(
             "div",
             {
               "data-testid": `segment-${s.key}`,
@@ -6807,19 +6821,19 @@ function Hm({
         })
       }
     ),
-    r && /* @__PURE__ */ d.jsx(
+    r && /* @__PURE__ */ f.jsx(
       "div",
       {
         "data-testid": "segment-bar-legend",
         className: "flex flex-wrap gap-x-3 gap-y-0.5",
         children: o.map((s) => {
           const i = Math.round(s.value / a * 100);
-          return /* @__PURE__ */ d.jsxs(
+          return /* @__PURE__ */ f.jsxs(
             "span",
             {
               className: "flex items-center gap-1.5 text-xs text-gray-600 dark:text-gray-400",
               children: [
-                /* @__PURE__ */ d.jsx(
+                /* @__PURE__ */ f.jsx(
                   "span",
                   {
                     className: "h-2 w-2 flex-none rounded-full",
@@ -6828,7 +6842,7 @@ function Hm({
                   }
                 ),
                 s.label,
-                /* @__PURE__ */ d.jsxs("span", { className: "opacity-60", children: [
+                /* @__PURE__ */ f.jsxs("span", { className: "opacity-60", children: [
                   i,
                   "%"
                 ] })
@@ -6877,7 +6891,7 @@ const Mp = Z(
     ...i
   }, l) => {
     const c = e === "error";
-    return /* @__PURE__ */ d.jsxs(
+    return /* @__PURE__ */ f.jsxs(
       "div",
       {
         ref: l,
@@ -6886,7 +6900,7 @@ const Mp = Z(
         className: T(Mp({ colorScheme: e }), s),
         ...i,
         children: [
-          n === void 0 ? /* @__PURE__ */ d.jsx(
+          n === void 0 ? /* @__PURE__ */ f.jsx(
             me,
             {
               icon: Lp[e ?? "error"],
@@ -6894,18 +6908,18 @@ const Mp = Z(
               "aria-hidden": "true"
             }
           ) : n,
-          /* @__PURE__ */ d.jsxs("div", { className: "min-w-0 flex-1", children: [
-            t && /* @__PURE__ */ d.jsx("p", { className: "font-semibold", children: t }),
-            /* @__PURE__ */ d.jsx("div", { className: T("min-w-0", t && "mt-0.5 opacity-90"), children: r })
+          /* @__PURE__ */ f.jsxs("div", { className: "min-w-0 flex-1", children: [
+            t && /* @__PURE__ */ f.jsx("p", { className: "font-semibold", children: t }),
+            /* @__PURE__ */ f.jsx("div", { className: T("min-w-0", t && "mt-0.5 opacity-90"), children: r })
           ] }),
-          a && /* @__PURE__ */ d.jsx(
+          a && /* @__PURE__ */ f.jsx(
             "button",
             {
               type: "button",
               onClick: a,
               "aria-label": o,
               className: "-m-1 shrink-0 rounded p-1 opacity-60 transition-opacity hover:opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-current",
-              children: /* @__PURE__ */ d.jsx(me, { icon: Gt, className: "h-3.5 w-3.5", "aria-hidden": "true" })
+              children: /* @__PURE__ */ f.jsx(me, { icon: Gt, className: "h-3.5 w-3.5", "aria-hidden": "true" })
             }
           )
         ]
@@ -6914,7 +6928,7 @@ const Mp = Z(
   }
 );
 _p.displayName = "Alert";
-const zm = ({
+const Wm = ({
   items: e,
   allowMultiple: t = !1,
   variant: r = "soft",
@@ -6930,9 +6944,9 @@ const zm = ({
       return t ? m ? p.delete(c) : p.add(c) : (p.clear(), m || p.add(c)), p;
     });
   };
-  return /* @__PURE__ */ d.jsx("div", { className: T("w-full space-y-1", n), children: e.map((c, u) => /* @__PURE__ */ d.jsxs("div", { className: "relative", children: [
-    a && u > 0 && /* @__PURE__ */ d.jsx("div", { className: "mx-4 h-px bg-gray-200/50 dark:bg-gray-700/50 transition-colors mb-1" }),
-    /* @__PURE__ */ d.jsx(
+  return /* @__PURE__ */ f.jsx("div", { className: T("w-full space-y-1", n), children: e.map((c, u) => /* @__PURE__ */ f.jsxs("div", { className: "relative", children: [
+    a && u > 0 && /* @__PURE__ */ f.jsx("div", { className: "mx-4 h-px bg-gray-200/50 dark:bg-gray-700/50 transition-colors mb-1" }),
+    /* @__PURE__ */ f.jsx(
       n0,
       {
         title: c.title,
@@ -6960,7 +6974,7 @@ const zm = ({
   },
   defaultVariants: { layout: "inline", size: "sm" }
 }), Bp = E.forwardRef(
-  ({ items: e, layout: t, size: r, dividers: n = !1, className: a, ...o }, s) => /* @__PURE__ */ d.jsx(
+  ({ items: e, layout: t, size: r, dividers: n = !1, className: a, ...o }, s) => /* @__PURE__ */ f.jsx(
     "dl",
     {
       ref: s,
@@ -6968,15 +6982,15 @@ const zm = ({
       ...o,
       children: e.map((i, l) => {
         const c = l === e.length - 1, u = n && !c ? "border-b border-gray-200 pb-1.5 dark:border-gray-800" : "";
-        return t === "stacked" ? /* @__PURE__ */ d.jsxs("div", { className: T("flex flex-col gap-0.5", u), children: [
-          /* @__PURE__ */ d.jsx("dt", { className: "font-mono uppercase tracking-[0.08em] text-gray-500 dark:text-gray-400", children: i.term }),
-          /* @__PURE__ */ d.jsx("dd", { className: "m-0 text-gray-900 dark:text-gray-100", children: i.description })
-        ] }, l) : t === "split" ? /* @__PURE__ */ d.jsxs("div", { className: T("flex items-baseline justify-between gap-4", u), children: [
-          /* @__PURE__ */ d.jsx("dt", { className: "font-mono uppercase tracking-[0.08em] text-gray-500 dark:text-gray-400", children: i.term }),
-          /* @__PURE__ */ d.jsx("dd", { className: "m-0 text-right tabular-nums text-gray-900 dark:text-gray-100", children: i.description })
-        ] }, l) : /* @__PURE__ */ d.jsxs("div", { className: T("contents", u), children: [
-          /* @__PURE__ */ d.jsx("dt", { className: "whitespace-nowrap font-mono uppercase tracking-[0.08em] text-gray-500 dark:text-gray-400", children: i.term }),
-          /* @__PURE__ */ d.jsx("dd", { className: "m-0 text-gray-900 dark:text-gray-100", children: i.description })
+        return t === "stacked" ? /* @__PURE__ */ f.jsxs("div", { className: T("flex flex-col gap-0.5", u), children: [
+          /* @__PURE__ */ f.jsx("dt", { className: "font-mono uppercase tracking-[0.08em] text-gray-500 dark:text-gray-400", children: i.term }),
+          /* @__PURE__ */ f.jsx("dd", { className: "m-0 text-gray-900 dark:text-gray-100", children: i.description })
+        ] }, l) : t === "split" ? /* @__PURE__ */ f.jsxs("div", { className: T("flex items-baseline justify-between gap-4", u), children: [
+          /* @__PURE__ */ f.jsx("dt", { className: "font-mono uppercase tracking-[0.08em] text-gray-500 dark:text-gray-400", children: i.term }),
+          /* @__PURE__ */ f.jsx("dd", { className: "m-0 text-right tabular-nums text-gray-900 dark:text-gray-100", children: i.description })
+        ] }, l) : /* @__PURE__ */ f.jsxs("div", { className: T("contents", u), children: [
+          /* @__PURE__ */ f.jsx("dt", { className: "whitespace-nowrap font-mono uppercase tracking-[0.08em] text-gray-500 dark:text-gray-400", children: i.term }),
+          /* @__PURE__ */ f.jsx("dd", { className: "m-0 text-gray-900 dark:text-gray-100", children: i.description })
         ] }, l);
       })
     }
@@ -7011,14 +7025,14 @@ const Hp = Z("my-1", {
   },
   defaultVariants: { variant: "rule", colorScheme: "primary" }
 }), zp = E.forwardRef(
-  ({ children: e, cite: t, citeUrl: r, variant: n, colorScheme: a, className: o, ...s }, i) => /* @__PURE__ */ d.jsxs(
+  ({ children: e, cite: t, citeUrl: r, variant: n, colorScheme: a, className: o, ...s }, i) => /* @__PURE__ */ f.jsxs(
     "figure",
     {
       ref: i,
       className: T(Hp({ variant: n, colorScheme: a }), o),
       ...s,
       children: [
-        /* @__PURE__ */ d.jsx(
+        /* @__PURE__ */ f.jsx(
           "blockquote",
           {
             cite: r,
@@ -7026,7 +7040,7 @@ const Hp = Z("my-1", {
             children: e
           }
         ),
-        t && /* @__PURE__ */ d.jsx("figcaption", { className: "mt-[7px] font-mono text-[0.625rem] uppercase leading-none tracking-[0.14em] text-gray-500 dark:text-gray-400", children: t })
+        t && /* @__PURE__ */ f.jsx("figcaption", { className: "mt-[7px] font-mono text-[0.625rem] uppercase leading-none tracking-[0.14em] text-gray-500 dark:text-gray-400", children: t })
       ]
     }
   )
@@ -7046,71 +7060,81 @@ const ho = Z(
       variant: "default"
     }
   }
-), Wm = ({
+), Um = ({
   items: e,
   separator: t,
   showHomeIcon: r,
-  variant: n,
-  className: a,
-  ...o
+  homeHref: n = "/",
+  linkComponent: a,
+  currentClassName: o,
+  variant: s,
+  className: i,
+  ...l
 }) => {
-  const s = t ?? /* @__PURE__ */ d.jsx("span", { className: "text-gray-300 dark:text-gray-600 text-sm transition-colors", children: "/" });
-  return /* @__PURE__ */ d.jsx("nav", { "aria-label": "Breadcrumb", className: T("flex", a), ...o, children: /* @__PURE__ */ d.jsxs("ol", { className: "flex items-center space-x-2", children: [
-    r && /* @__PURE__ */ d.jsxs("li", { className: "flex items-center", children: [
-      /* @__PURE__ */ d.jsx(
-        dt,
+  const c = a ?? St, u = t ?? /* @__PURE__ */ f.jsx("span", { className: "text-gray-300 dark:text-gray-600 text-sm transition-colors", children: "/" });
+  return /* @__PURE__ */ f.jsx("nav", { "aria-label": "Breadcrumb", className: T("flex", i), ...l, children: /* @__PURE__ */ f.jsxs("ol", { className: "flex items-center space-x-2", children: [
+    r && /* @__PURE__ */ f.jsxs("li", { className: "flex items-center", children: [
+      /* @__PURE__ */ f.jsx(
+        c,
         {
-          href: "/",
+          href: n,
           className: T(
-            ho({ variant: n }),
+            ho({ variant: s }),
             "hover:underline-none"
           ),
           "aria-label": "Home",
-          children: /* @__PURE__ */ d.jsx(me, { icon: Yi, className: "h-4 w-4" })
+          children: /* @__PURE__ */ f.jsx(me, { icon: Yi, className: "h-4 w-4" })
         }
       ),
-      /* @__PURE__ */ d.jsx(
+      /* @__PURE__ */ f.jsx(
         "span",
         {
           className: "ml-2 flex select-none items-center",
           "aria-hidden": "true",
-          children: s
+          children: u
         }
       )
     ] }),
-    e.map((i, l) => {
-      const c = l === e.length - 1;
-      return /* @__PURE__ */ d.jsxs("li", { className: "flex items-center", children: [
-        l > 0 && /* @__PURE__ */ d.jsx(
-          "span",
-          {
-            className: "mr-2 flex select-none items-center",
-            "aria-hidden": "true",
-            children: s
-          }
-        ),
-        c ? /* @__PURE__ */ d.jsx(
-          "span",
-          {
-            className: T(
-              "font-semibold text-sm cursor-default transition-colors",
-              n === "inverse" ? "text-white" : "text-gray-900 dark:text-gray-100"
-            ),
-            "aria-current": "page",
-            children: i.label
-          }
-        ) : /* @__PURE__ */ d.jsx(
-          dt,
-          {
-            href: i.href,
-            className: T(
-              ho({ variant: n }),
-              "hover:underline"
-            ),
-            children: i.label
-          }
-        )
-      ] }, i.href);
+    e.map((p, m) => {
+      const d = m === e.length - 1;
+      return (
+        /* Keyed by index: `href` is optional now, and a trail can legally
+           repeat one. */
+        /* @__PURE__ */ f.jsxs("li", { className: "flex items-center", children: [
+          m > 0 && /* @__PURE__ */ f.jsx(
+            "span",
+            {
+              className: "mr-2 flex select-none items-center",
+              "aria-hidden": "true",
+              children: u
+            }
+          ),
+          d || !p.href ? /* @__PURE__ */ f.jsx(
+            "span",
+            {
+              className: T(
+                "font-semibold text-sm cursor-default transition-colors",
+                s === "inverse" ? "text-white" : "text-gray-900 dark:text-gray-100",
+                d && o,
+                p.className
+              ),
+              "aria-current": d ? "page" : void 0,
+              children: p.label
+            }
+          ) : /* @__PURE__ */ f.jsx(
+            c,
+            {
+              href: p.href,
+              className: T(
+                ho({ variant: s }),
+                "hover:underline",
+                p.className
+              ),
+              children: p.label
+            }
+          )
+        ] }, m)
+      );
     })
   ] }) });
 }, Wp = Z(
@@ -7130,7 +7154,7 @@ const ho = Z(
       variant: "primary"
     }
   }
-), Um = ({
+), Ym = ({
   title: e,
   description: t,
   action: r,
@@ -7139,16 +7163,16 @@ const ho = Z(
   onDismiss: o,
   className: s,
   ...i
-}) => /* @__PURE__ */ d.jsxs("div", { className: T(Wp({ variant: a }), s), ...i, children: [
-  /* @__PURE__ */ d.jsxs("div", { className: "flex items-start gap-4", children: [
-    n && /* @__PURE__ */ d.jsx("div", { className: "mt-1 shrink-0 text-current", children: n }),
-    /* @__PURE__ */ d.jsxs("div", { className: "flex flex-col gap-1.5 w-full", children: [
-      /* @__PURE__ */ d.jsx("h3", { className: "text-lg font-bold leading-tight tracking-tight text-current", children: e }),
-      t && /* @__PURE__ */ d.jsx("div", { className: "max-w-prose text-sm leading-relaxed text-current opacity-90 dark:opacity-80", children: t })
+}) => /* @__PURE__ */ f.jsxs("div", { className: T(Wp({ variant: a }), s), ...i, children: [
+  /* @__PURE__ */ f.jsxs("div", { className: "flex items-start gap-4", children: [
+    n && /* @__PURE__ */ f.jsx("div", { className: "mt-1 shrink-0 text-current", children: n }),
+    /* @__PURE__ */ f.jsxs("div", { className: "flex flex-col gap-1.5 w-full", children: [
+      /* @__PURE__ */ f.jsx("h3", { className: "text-lg font-bold leading-tight tracking-tight text-current", children: e }),
+      t && /* @__PURE__ */ f.jsx("div", { className: "max-w-prose text-sm leading-relaxed text-current opacity-90 dark:opacity-80", children: t })
     ] })
   ] }),
-  r && /* @__PURE__ */ d.jsx("div", { className: "shrink-0 pt-2 md:pt-0", children: r }),
-  o && /* @__PURE__ */ d.jsx("div", { className: "absolute right-2 top-2", children: /* @__PURE__ */ d.jsx(
+  r && /* @__PURE__ */ f.jsx("div", { className: "shrink-0 pt-2 md:pt-0", children: r }),
+  o && /* @__PURE__ */ f.jsx("div", { className: "absolute right-2 top-2", children: /* @__PURE__ */ f.jsx(
     Ue,
     {
       variant: "ghost",
@@ -7156,7 +7180,7 @@ const ho = Z(
       className: "h-8 w-8 rounded-full p-0 opacity-60 hover:opacity-100 dark:hover:bg-black/20",
       onClick: o,
       "aria-label": "Dismiss",
-      children: /* @__PURE__ */ d.jsx(me, { icon: Gt, className: "h-4 w-4" })
+      children: /* @__PURE__ */ f.jsx(me, { icon: Gt, className: "h-4 w-4" })
     }
   ) })
 ] }), Up = Z(
@@ -7172,7 +7196,7 @@ const ho = Z(
       variant: "dashed"
     }
   }
-), Ym = ({
+), Gm = ({
   title: e,
   description: t,
   icon: r,
@@ -7180,11 +7204,11 @@ const ho = Z(
   variant: a,
   className: o,
   ...s
-}) => /* @__PURE__ */ d.jsxs("div", { className: T(Up({ variant: a }), o), ...s, children: [
-  r && /* @__PURE__ */ d.jsx("div", { className: "mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-gray-100 text-gray-400", children: /* @__PURE__ */ d.jsx("div", { className: "h-6 w-6 [&>svg]:h-full [&>svg]:w-full", children: r }) }),
-  /* @__PURE__ */ d.jsx("h3", { className: "text-lg font-semibold text-gray-900", children: e }),
-  t && /* @__PURE__ */ d.jsx("p", { className: "mt-1 max-w-sm text-sm text-gray-500", children: t }),
-  n && /* @__PURE__ */ d.jsx("div", { className: "mt-6", children: n })
+}) => /* @__PURE__ */ f.jsxs("div", { className: T(Up({ variant: a }), o), ...s, children: [
+  r && /* @__PURE__ */ f.jsx("div", { className: "mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-gray-100 text-gray-400", children: /* @__PURE__ */ f.jsx("div", { className: "h-6 w-6 [&>svg]:h-full [&>svg]:w-full", children: r }) }),
+  /* @__PURE__ */ f.jsx("h3", { className: "text-lg font-semibold text-gray-900", children: e }),
+  t && /* @__PURE__ */ f.jsx("p", { className: "mt-1 max-w-sm text-sm text-gray-500", children: t }),
+  n && /* @__PURE__ */ f.jsx("div", { className: "mt-6", children: n })
 ] }), Yp = Z(
   "flex flex-col items-center justify-center text-center p-8 rounded-lg transition-colors",
   {
@@ -7198,7 +7222,7 @@ const ho = Z(
       variant: "card"
     }
   }
-), Gm = ({
+), Km = ({
   title: e = "An Error Occurred",
   description: t,
   onRetry: r,
@@ -7207,16 +7231,16 @@ const ho = Z(
   variant: o,
   className: s,
   ...i
-}) => /* @__PURE__ */ d.jsxs("div", { className: T(Yp({ variant: o }), s), ...i, children: [
-  /* @__PURE__ */ d.jsx("div", { className: "mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-error-100 text-error-600", children: /* @__PURE__ */ d.jsx("div", { className: "h-6 w-6 flex items-center justify-center", children: a || /* @__PURE__ */ d.jsx(
+}) => /* @__PURE__ */ f.jsxs("div", { className: T(Yp({ variant: o }), s), ...i, children: [
+  /* @__PURE__ */ f.jsx("div", { className: "mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-error-100 text-error-600", children: /* @__PURE__ */ f.jsx("div", { className: "h-6 w-6 flex items-center justify-center", children: a || /* @__PURE__ */ f.jsx(
     me,
     {
       icon: Co,
       className: "h-full w-full"
     }
   ) }) }),
-  /* @__PURE__ */ d.jsx("h3", { className: "text-lg font-bold tracking-tight", children: e }),
-  /* @__PURE__ */ d.jsx(
+  /* @__PURE__ */ f.jsx("h3", { className: "text-lg font-bold tracking-tight", children: e }),
+  /* @__PURE__ */ f.jsx(
     "p",
     {
       className: T(
@@ -7226,7 +7250,7 @@ const ho = Z(
       children: t
     }
   ),
-  /* @__PURE__ */ d.jsx("div", { className: "mt-6", children: n || (r ? /* @__PURE__ */ d.jsx(
+  /* @__PURE__ */ f.jsx("div", { className: "mt-6", children: n || (r ? /* @__PURE__ */ f.jsx(
     Ue,
     {
       onClick: r,
@@ -7265,7 +7289,7 @@ const ho = Z(
     ...o
   }, s) => {
     const i = (u) => r ? n ? "tie" : u.isWinner ? "winner" : "loser" : "default", l = i(e), c = i(t);
-    return /* @__PURE__ */ d.jsxs(
+    return /* @__PURE__ */ f.jsxs(
       "button",
       {
         ref: s,
@@ -7276,8 +7300,8 @@ const ho = Z(
         ),
         ...o,
         children: [
-          /* @__PURE__ */ d.jsxs("div", { className: bo({ state: l }), children: [
-            /* @__PURE__ */ d.jsx("div", { className: "relative", children: /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ f.jsxs("div", { className: bo({ state: l }), children: [
+            /* @__PURE__ */ f.jsx("div", { className: "relative", children: /* @__PURE__ */ f.jsx(
               "img",
               {
                 src: e.logoSrc,
@@ -7285,8 +7309,8 @@ const ho = Z(
                 className: vo({ state: l })
               }
             ) }),
-            /* @__PURE__ */ d.jsxs("div", { className: "flex flex-col items-end", children: [
-              e.accessory && /* @__PURE__ */ d.jsx(
+            /* @__PURE__ */ f.jsxs("div", { className: "flex flex-col items-end", children: [
+              e.accessory && /* @__PURE__ */ f.jsx(
                 "span",
                 {
                   className: T(
@@ -7296,13 +7320,13 @@ const ho = Z(
                   children: e.accessory
                 }
               ),
-              r && e.score !== void 0 && /* @__PURE__ */ d.jsx("span", { className: "text-xs font-mono font-semibold text-gray-900 dark:text-white", children: e.score })
+              r && e.score !== void 0 && /* @__PURE__ */ f.jsx("span", { className: "text-xs font-mono font-semibold text-gray-900 dark:text-white", children: e.score })
             ] })
           ] }),
-          /* @__PURE__ */ d.jsx("span", { className: "text-xs font-medium text-gray-500 self-center px-1", children: r ? "-" : "@" }),
-          /* @__PURE__ */ d.jsxs("div", { className: bo({ state: c }), children: [
-            /* @__PURE__ */ d.jsxs("div", { className: "flex flex-col items-start", children: [
-              t.accessory && /* @__PURE__ */ d.jsx(
+          /* @__PURE__ */ f.jsx("span", { className: "text-xs font-medium text-gray-500 self-center px-1", children: r ? "-" : "@" }),
+          /* @__PURE__ */ f.jsxs("div", { className: bo({ state: c }), children: [
+            /* @__PURE__ */ f.jsxs("div", { className: "flex flex-col items-start", children: [
+              t.accessory && /* @__PURE__ */ f.jsx(
                 "span",
                 {
                   className: T(
@@ -7312,9 +7336,9 @@ const ho = Z(
                   children: t.accessory
                 }
               ),
-              r && t.score !== void 0 && /* @__PURE__ */ d.jsx("span", { className: "text-xs font-mono font-semibold text-gray-900 dark:text-white", children: t.score })
+              r && t.score !== void 0 && /* @__PURE__ */ f.jsx("span", { className: "text-xs font-mono font-semibold text-gray-900 dark:text-white", children: t.score })
             ] }),
-            /* @__PURE__ */ d.jsx("div", { className: "relative", children: /* @__PURE__ */ d.jsx(
+            /* @__PURE__ */ f.jsx("div", { className: "relative", children: /* @__PURE__ */ f.jsx(
               "img",
               {
                 src: t.logoSrc,
@@ -7361,22 +7385,22 @@ const Kp = Z(
     variant: s,
     className: i,
     ...l
-  }, c) => /* @__PURE__ */ d.jsx(
+  }, c) => /* @__PURE__ */ f.jsx(
     "div",
     {
       ref: c,
       className: T(Kp({ variant: s, position: o }), i),
       ...l,
-      children: /* @__PURE__ */ d.jsxs("div", { className: "container mx-auto p-4", children: [
-        /* @__PURE__ */ d.jsxs("div", { className: "flex justify-between items-center", children: [
-          /* @__PURE__ */ d.jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center gap-x-4 gap-y-2", children: [
-            e && /* @__PURE__ */ d.jsx("span", { className: "font-semibold text-lg", children: e }),
-            r && /* @__PURE__ */ d.jsx("div", { className: "max-w-44 sm:max-w-max mr-2", children: r })
+      children: /* @__PURE__ */ f.jsxs("div", { className: "container mx-auto p-4", children: [
+        /* @__PURE__ */ f.jsxs("div", { className: "flex justify-between items-center", children: [
+          /* @__PURE__ */ f.jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center gap-x-4 gap-y-2", children: [
+            e && /* @__PURE__ */ f.jsx("span", { className: "font-semibold text-lg", children: e }),
+            r && /* @__PURE__ */ f.jsx("div", { className: "max-w-44 sm:max-w-max mr-2", children: r })
           ] }),
-          n && /* @__PURE__ */ d.jsx("div", { className: "flex gap-2", children: n })
+          n && /* @__PURE__ */ f.jsx("div", { className: "flex gap-2", children: n })
         ] }),
-        t && /* @__PURE__ */ d.jsx("div", { className: "text-sm opacity-80 mt-1 font-medium", children: t }),
-        a && /* @__PURE__ */ d.jsx("div", { className: "flex flex-wrap items-center mt-4 pt-4 border-t border-black/10 dark:border-white/10 gap-y-2", children: a })
+        t && /* @__PURE__ */ f.jsx("div", { className: "text-sm opacity-80 mt-1 font-medium", children: t }),
+        a && /* @__PURE__ */ f.jsx("div", { className: "flex flex-wrap items-center mt-4 pt-4 border-t border-black/10 dark:border-white/10 gap-y-2", children: a })
       ] })
     }
   )
@@ -7416,7 +7440,7 @@ function Vt(e, t, r) {
     hours: i = 0,
     minutes: l = 0,
     seconds: c = 0
-  } = t, u = Pe(e), p = a || n ? em(u, a + n * 12) : u, m = s || o ? Jp(p, s + o * 7) : p, f = l + i * 60, h = (c + f * 60) * 1e3;
+  } = t, u = Pe(e), p = a || n ? em(u, a + n * 12) : u, m = s || o ? Jp(p, s + o * 7) : p, d = l + i * 60, h = (c + d * 60) * 1e3;
   return $t(e, +m + h);
 }
 function yo(e) {
@@ -7564,8 +7588,8 @@ function mm(e, t) {
   c && (a.days = c);
   const u = Vt(l, { days: a.days }), p = om(n, u);
   p && (a.hours = p);
-  const m = Vt(u, { hours: a.hours }), f = sm(n, m);
-  f && (a.minutes = f);
+  const m = Vt(u, { hours: a.hours }), d = sm(n, m);
+  d && (a.minutes = d);
   const g = Vt(m, { minutes: a.minutes }), h = dm(n, g);
   return h && (a.seconds = h), a;
 }
@@ -7651,9 +7675,9 @@ const hm = (e) => {
       size: "md"
     }
   }
-), xr = ({ value: e, label: t, size: r, variant: n }) => /* @__PURE__ */ d.jsxs("div", { className: "flex flex-col items-center", children: [
-  /* @__PURE__ */ d.jsx("span", { className: T(bm({ size: r, variant: n })), children: String(e).padStart(2, "0") }),
-  /* @__PURE__ */ d.jsx("span", { className: T(vm({ size: r })), children: t })
+), xr = ({ value: e, label: t, size: r, variant: n }) => /* @__PURE__ */ f.jsxs("div", { className: "flex flex-col items-center", children: [
+  /* @__PURE__ */ f.jsx("span", { className: T(bm({ size: r, variant: n })), children: String(e).padStart(2, "0") }),
+  /* @__PURE__ */ f.jsx("span", { className: T(vm({ size: r })), children: t })
 ] }), xm = E.forwardRef(
   ({
     targetDate: e,
@@ -7665,7 +7689,7 @@ const hm = (e) => {
     ...s
   }, i) => {
     const { days: l, hours: c, minutes: u, seconds: p, isFinished: m } = hm(e);
-    return m ? o ? /* @__PURE__ */ d.jsx(
+    return m ? o ? /* @__PURE__ */ f.jsx(
       "div",
       {
         ref: i,
@@ -7674,9 +7698,9 @@ const hm = (e) => {
           a
         ),
         ...s,
-        children: /* @__PURE__ */ d.jsx("h3", { className: T(Eo({ size: r }), "mb-0"), children: o })
+        children: /* @__PURE__ */ f.jsx("h3", { className: T(Eo({ size: r }), "mb-0"), children: o })
       }
-    ) : null : /* @__PURE__ */ d.jsxs(
+    ) : null : /* @__PURE__ */ f.jsxs(
       "div",
       {
         ref: i,
@@ -7686,9 +7710,9 @@ const hm = (e) => {
         ),
         ...s,
         children: [
-          t && /* @__PURE__ */ d.jsx("h3", { className: T(Eo({ size: r })), children: t }),
-          /* @__PURE__ */ d.jsxs("div", { className: "flex justify-center gap-4 sm:gap-6 md:gap-8", children: [
-            /* @__PURE__ */ d.jsx(
+          t && /* @__PURE__ */ f.jsx("h3", { className: T(Eo({ size: r })), children: t }),
+          /* @__PURE__ */ f.jsxs("div", { className: "flex justify-center gap-4 sm:gap-6 md:gap-8", children: [
+            /* @__PURE__ */ f.jsx(
               xr,
               {
                 value: l,
@@ -7697,7 +7721,7 @@ const hm = (e) => {
                 variant: n
               }
             ),
-            /* @__PURE__ */ d.jsx(
+            /* @__PURE__ */ f.jsx(
               xr,
               {
                 value: c,
@@ -7706,7 +7730,7 @@ const hm = (e) => {
                 variant: n
               }
             ),
-            /* @__PURE__ */ d.jsx(
+            /* @__PURE__ */ f.jsx(
               xr,
               {
                 value: u,
@@ -7715,7 +7739,7 @@ const hm = (e) => {
                 variant: n
               }
             ),
-            /* @__PURE__ */ d.jsx(
+            /* @__PURE__ */ f.jsx(
               xr,
               {
                 value: p,
@@ -7765,7 +7789,7 @@ const ym = Z(
   }
 ), wm = Z("text-xl font-bold leading-6 text-inherit"), km = Z("mt-1 text-sm text-inherit opacity-75"), Em = Z(
   "inline-flex rounded-md bg-transparent text-inherit opacity-50 hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 transition-opacity"
-), Km = ({
+), qm = ({
   isOpen: e,
   onClose: t,
   title: r,
@@ -7775,8 +7799,8 @@ const ym = Z(
   status: s,
   children: i,
   className: l
-}) => /* @__PURE__ */ d.jsx(jt, { appear: !0, show: e, as: xe, children: /* @__PURE__ */ d.jsxs(xd, { as: "div", className: "relative z-50", onClose: t, children: [
-  /* @__PURE__ */ d.jsx(
+}) => /* @__PURE__ */ f.jsx(jt, { appear: !0, show: e, as: xe, children: /* @__PURE__ */ f.jsxs(xd, { as: "div", className: "relative z-50", onClose: t, children: [
+  /* @__PURE__ */ f.jsx(
     Zt,
     {
       as: xe,
@@ -7786,7 +7810,7 @@ const ym = Z(
       leave: "ease-in duration-200",
       leaveFrom: "opacity-100",
       leaveTo: "opacity-0",
-      children: /* @__PURE__ */ d.jsx(
+      children: /* @__PURE__ */ f.jsx(
         vd,
         {
           className: T(
@@ -7797,7 +7821,7 @@ const ym = Z(
       )
     }
   ),
-  /* @__PURE__ */ d.jsx("div", { className: "fixed inset-0 overflow-y-auto", children: /* @__PURE__ */ d.jsx("div", { className: "flex min-h-full items-center justify-center p-4 text-center", children: /* @__PURE__ */ d.jsx(
+  /* @__PURE__ */ f.jsx("div", { className: "fixed inset-0 overflow-y-auto", children: /* @__PURE__ */ f.jsx("div", { className: "flex min-h-full items-center justify-center p-4 text-center", children: /* @__PURE__ */ f.jsx(
     Zt,
     {
       as: xe,
@@ -7807,7 +7831,7 @@ const ym = Z(
       leave: "ease-in duration-200",
       leaveFrom: "opacity-100 scale-100",
       leaveTo: "opacity-0 scale-95",
-      children: /* @__PURE__ */ d.jsxs(
+      children: /* @__PURE__ */ f.jsxs(
         Bs,
         {
           className: T(
@@ -7815,23 +7839,23 @@ const ym = Z(
             l
           ),
           children: [
-            /* @__PURE__ */ d.jsxs("div", { className: "flex items-start justify-between", children: [
-              /* @__PURE__ */ d.jsxs("div", { children: [
-                /* @__PURE__ */ d.jsx(Hs, { as: "h2", className: T(wm()), children: r }),
-                n && /* @__PURE__ */ d.jsx("p", { className: T(km()), children: n })
+            /* @__PURE__ */ f.jsxs("div", { className: "flex items-start justify-between", children: [
+              /* @__PURE__ */ f.jsxs("div", { children: [
+                /* @__PURE__ */ f.jsx(Hs, { as: "h2", className: T(wm()), children: r }),
+                n && /* @__PURE__ */ f.jsx("p", { className: T(km()), children: n })
               ] }),
-              /* @__PURE__ */ d.jsx("div", { className: "ml-4 flex shrink-0", children: /* @__PURE__ */ d.jsx(
+              /* @__PURE__ */ f.jsx("div", { className: "ml-4 flex shrink-0", children: /* @__PURE__ */ f.jsx(
                 "button",
                 {
                   type: "button",
                   onClick: t,
                   className: T(Em()),
                   "aria-label": "Close dialog",
-                  children: /* @__PURE__ */ d.jsx(me, { icon: Gt, className: "h-5 w-5" })
+                  children: /* @__PURE__ */ f.jsx(me, { icon: Gt, className: "h-5 w-5" })
                 }
               ) })
             ] }),
-            /* @__PURE__ */ d.jsx("div", { className: "mt-6", children: i })
+            /* @__PURE__ */ f.jsx("div", { className: "mt-6", children: i })
           ]
         }
       )
@@ -7860,14 +7884,14 @@ const ym = Z(
 ), Nm = E.forwardRef(
   ({ className: e, variant: t, companyName: r = "Ball Collaborative", links: n, routerElement: a, ...o }, s) => {
     const i = (/* @__PURE__ */ new Date()).getFullYear(), l = a ?? "a";
-    return /* @__PURE__ */ d.jsx(
+    return /* @__PURE__ */ f.jsx(
       "footer",
       {
         ref: s,
         className: T(Sm({ variant: t }), e),
         ...o,
-        children: /* @__PURE__ */ d.jsxs("div", { className: "container mx-auto px-4 flex flex-col items-center gap-2", children: [
-          n && n.length > 0 && /* @__PURE__ */ d.jsx("nav", { "aria-label": "Footer navigation", className: "flex flex-wrap justify-center gap-x-5 gap-y-1", children: n.map((c) => /* @__PURE__ */ d.jsx(
+        children: /* @__PURE__ */ f.jsxs("div", { className: "container mx-auto px-4 flex flex-col items-center gap-2", children: [
+          n && n.length > 0 && /* @__PURE__ */ f.jsx("nav", { "aria-label": "Footer navigation", className: "flex flex-wrap justify-center gap-x-5 gap-y-1", children: n.map((c) => /* @__PURE__ */ f.jsx(
             l,
             {
               href: c.href,
@@ -7877,7 +7901,7 @@ const ym = Z(
             },
             c.href
           )) }),
-          /* @__PURE__ */ d.jsxs("p", { className: "text-center text-sm font-medium text-inherit", children: [
+          /* @__PURE__ */ f.jsxs("p", { className: "text-center text-sm font-medium text-inherit", children: [
             "© ",
             i,
             " ",
@@ -7954,7 +7978,7 @@ function Tm({
     r.current !== e && (r.current = e, t());
   }, [e, t]), null;
 }
-const qm = ({
+const Xm = ({
   logoSrc: e,
   logoSize: t = "2rem",
   logoClassName: r,
@@ -7968,7 +7992,7 @@ const qm = ({
   onInboxClick: u,
   onThemeToggle: p,
   actions: m,
-  brandElement: f,
+  brandElement: d,
   navActions: g,
   userMenuItems: h = [],
   className: b,
@@ -7985,7 +8009,7 @@ const qm = ({
     linkActive: _ ? "text-primary-400 dark:text-primary-400 font-semibold hover:text-primary-300 dark:hover:text-primary-300" : "text-primary-600 dark:text-primary-600 font-semibold hover:text-primary-700 dark:hover:text-primary-700",
     hamburger: _ ? "text-gray-300 dark:text-gray-300 hover:bg-white/10 dark:hover:bg-white/10 hover:text-white dark:hover:text-white" : "text-gray-500 dark:text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-100 hover:text-gray-700 dark:hover:text-gray-700"
   };
-  return /* @__PURE__ */ d.jsx(
+  return /* @__PURE__ */ f.jsx(
     si,
     {
       as: "nav",
@@ -7993,10 +8017,10 @@ const qm = ({
       ...C,
       children: ({ open: D, close: F }) => {
         const U = So(m, F), O = So(g, F);
-        return /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
-          /* @__PURE__ */ d.jsxs("div", { className: "container mx-auto flex items-center justify-between px-4 h-16", children: [
-            /* @__PURE__ */ d.jsxs(
-              dt,
+        return /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
+          /* @__PURE__ */ f.jsxs("div", { className: "container mx-auto flex items-center justify-between px-4 h-16", children: [
+            /* @__PURE__ */ f.jsxs(
+              St,
               {
                 as: s,
                 href: "/",
@@ -8008,7 +8032,7 @@ const qm = ({
                   R.brand
                 ),
                 children: [
-                  /* @__PURE__ */ d.jsx(
+                  /* @__PURE__ */ f.jsx(
                     "img",
                     {
                       src: e,
@@ -8017,15 +8041,15 @@ const qm = ({
                       className: T("shrink-0", r ?? "rounded-md")
                     }
                   ),
-                  f ?? /* @__PURE__ */ d.jsx("span", { className: "text-xl font-bold tracking-tight", children: n })
+                  d ?? /* @__PURE__ */ f.jsx("span", { className: "text-xl font-bold tracking-tight", children: n })
                 ]
               }
             ),
-            /* @__PURE__ */ d.jsxs("div", { className: "hidden md:flex items-center gap-8", children: [
-              /* @__PURE__ */ d.jsx("div", { className: "flex items-center gap-6", children: a.map((j) => {
+            /* @__PURE__ */ f.jsxs("div", { className: "hidden md:flex items-center gap-8", children: [
+              /* @__PURE__ */ f.jsx("div", { className: "flex items-center gap-6", children: a.map((j) => {
                 const H = o === j.path;
-                return /* @__PURE__ */ d.jsxs(
-                  dt,
+                return /* @__PURE__ */ f.jsxs(
+                  St,
                   {
                     as: s,
                     href: j.path,
@@ -8038,17 +8062,17 @@ const qm = ({
                     ),
                     children: [
                       j.label,
-                      j.badge && /* @__PURE__ */ d.jsx("span", { className: "inline-flex", children: j.badge })
+                      j.badge && /* @__PURE__ */ f.jsx("span", { className: "inline-flex", children: j.badge })
                     ]
                   },
                   j.path
                 );
               }) }),
               O,
-              U ?? (i ? /* @__PURE__ */ d.jsxs(gf, { as: "div", className: "relative ml-2", children: [
-                /* @__PURE__ */ d.jsxs(ti, { className: "relative flex rounded-full text-sm focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 ring-offset-transparent", children: [
-                  /* @__PURE__ */ d.jsx("span", { className: "sr-only", children: "Open user menu" }),
-                  /* @__PURE__ */ d.jsx(
+              U ?? (i ? /* @__PURE__ */ f.jsxs(gf, { as: "div", className: "relative ml-2", children: [
+                /* @__PURE__ */ f.jsxs(ti, { className: "relative flex rounded-full text-sm focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 ring-offset-transparent", children: [
+                  /* @__PURE__ */ f.jsx("span", { className: "sr-only", children: "Open user menu" }),
+                  /* @__PURE__ */ f.jsx(
                     fa,
                     {
                       initials: i.initials,
@@ -8058,7 +8082,7 @@ const qm = ({
                       colorScheme: i.avatarColor ?? "primary"
                     }
                   ),
-                  P && /* @__PURE__ */ d.jsx("div", { className: "absolute -top-1 -right-2", children: /* @__PURE__ */ d.jsx(
+                  P && /* @__PURE__ */ f.jsx("div", { className: "absolute -top-1 -right-2", children: /* @__PURE__ */ f.jsx(
                     En,
                     {
                       fill: S,
@@ -8069,7 +8093,7 @@ const qm = ({
                     }
                   ) })
                 ] }),
-                /* @__PURE__ */ d.jsx(
+                /* @__PURE__ */ f.jsx(
                   jt,
                   {
                     as: xe,
@@ -8079,9 +8103,9 @@ const qm = ({
                     leave: "transition ease-in duration-75",
                     leaveFrom: "transform opacity-100 scale-100",
                     leaveTo: "transform opacity-0 scale-95",
-                    children: /* @__PURE__ */ d.jsxs(ri, { className: "absolute right-0 z-50 mt-2 w-48 origin-top-right rounded-md bg-white dark:bg-gray-800 py-1 shadow-lg ring-1 ring-black/5 dark:ring-white/10 focus:outline-none divide-y divide-gray-100 dark:divide-gray-700", children: [
-                      /* @__PURE__ */ d.jsxs("div", { className: "py-1", children: [
-                        P && u && /* @__PURE__ */ d.jsx(zt, { children: ({ focus: j }) => /* @__PURE__ */ d.jsxs(
+                    children: /* @__PURE__ */ f.jsxs(ri, { className: "absolute right-0 z-50 mt-2 w-48 origin-top-right rounded-md bg-white dark:bg-gray-800 py-1 shadow-lg ring-1 ring-black/5 dark:ring-white/10 focus:outline-none divide-y divide-gray-100 dark:divide-gray-700", children: [
+                      /* @__PURE__ */ f.jsxs("div", { className: "py-1", children: [
+                        P && u && /* @__PURE__ */ f.jsx(zt, { children: ({ focus: j }) => /* @__PURE__ */ f.jsxs(
                           Ue,
                           {
                             variant: "ghost",
@@ -8092,7 +8116,7 @@ const qm = ({
                               "w-full justify-start rounded-none px-4",
                               j && "bg-gray-50 dark:bg-gray-700"
                             ),
-                            startIcon: /* @__PURE__ */ d.jsx(
+                            startIcon: /* @__PURE__ */ f.jsx(
                               me,
                               {
                                 icon: Gi,
@@ -8106,7 +8130,7 @@ const qm = ({
                             ]
                           }
                         ) }),
-                        p && /* @__PURE__ */ d.jsx(zt, { children: ({ focus: j }) => /* @__PURE__ */ d.jsxs(
+                        p && /* @__PURE__ */ f.jsx(zt, { children: ({ focus: j }) => /* @__PURE__ */ f.jsxs(
                           "div",
                           {
                             onClick: (H) => {
@@ -8122,8 +8146,8 @@ const qm = ({
                               (H.key === "Enter" || H.key === " ") && (H.preventDefault(), p());
                             },
                             children: [
-                              /* @__PURE__ */ d.jsxs("div", { className: "flex items-center gap-2", children: [
-                                /* @__PURE__ */ d.jsx(
+                              /* @__PURE__ */ f.jsxs("div", { className: "flex items-center gap-2", children: [
+                                /* @__PURE__ */ f.jsx(
                                   me,
                                   {
                                     icon: mn,
@@ -8133,9 +8157,9 @@ const qm = ({
                                     )
                                   }
                                 ),
-                                /* @__PURE__ */ d.jsx("span", { className: "font-medium", children: "Dark Mode" })
+                                /* @__PURE__ */ f.jsx("span", { className: "font-medium", children: "Dark Mode" })
                               ] }),
-                              /* @__PURE__ */ d.jsx(
+                              /* @__PURE__ */ f.jsx(
                                 fo,
                                 {
                                   checked: L,
@@ -8150,8 +8174,8 @@ const qm = ({
                           }
                         ) })
                       ] }),
-                      h.length > 0 && /* @__PURE__ */ d.jsx("div", { className: "py-1", children: h.map((j) => /* @__PURE__ */ d.jsx(zt, { children: ({ focus: H }) => /* @__PURE__ */ d.jsxs(
-                        dt,
+                      h.length > 0 && /* @__PURE__ */ f.jsx("div", { className: "py-1", children: h.map((j) => /* @__PURE__ */ f.jsx(zt, { children: ({ focus: H }) => /* @__PURE__ */ f.jsxs(
+                        St,
                         {
                           as: s,
                           href: j.path,
@@ -8164,11 +8188,11 @@ const qm = ({
                           ),
                           children: [
                             j.label,
-                            j.badge && /* @__PURE__ */ d.jsx("span", { className: "inline-flex", children: j.badge })
+                            j.badge && /* @__PURE__ */ f.jsx("span", { className: "inline-flex", children: j.badge })
                           ]
                         }
                       ) }, j.path)) }),
-                      c && /* @__PURE__ */ d.jsx("div", { className: "py-1", children: /* @__PURE__ */ d.jsx(zt, { children: ({ focus: j }) => /* @__PURE__ */ d.jsx(
+                      c && /* @__PURE__ */ f.jsx("div", { className: "py-1", children: /* @__PURE__ */ f.jsx(zt, { children: ({ focus: j }) => /* @__PURE__ */ f.jsx(
                         Ue,
                         {
                           variant: "ghost",
@@ -8179,7 +8203,7 @@ const qm = ({
                             "w-full justify-start rounded-none px-4",
                             j && "bg-gray-50 dark:bg-gray-700"
                           ),
-                          startIcon: /* @__PURE__ */ d.jsx(
+                          startIcon: /* @__PURE__ */ f.jsx(
                             me,
                             {
                               icon: Ki,
@@ -8192,9 +8216,9 @@ const qm = ({
                     ] })
                   }
                 )
-              ] }) : /* @__PURE__ */ d.jsx(Ue, { size: "sm", variant: "solid", colorScheme: "primary", onClick: l, children: "Log In" }))
+              ] }) : /* @__PURE__ */ f.jsx(Ue, { size: "sm", variant: "solid", colorScheme: "primary", onClick: l, children: "Log In" }))
             ] }),
-            /* @__PURE__ */ d.jsx("div", { "data-roster-hamburger": !0, className: "flex md:hidden", children: /* @__PURE__ */ d.jsxs(
+            /* @__PURE__ */ f.jsx("div", { "data-roster-hamburger": !0, className: "flex md:hidden", children: /* @__PURE__ */ f.jsxs(
               Cr,
               {
                 className: T(
@@ -8202,16 +8226,16 @@ const qm = ({
                   R.hamburger
                 ),
                 children: [
-                  /* @__PURE__ */ d.jsx("span", { className: "sr-only", children: "Open main menu" }),
-                  D ? /* @__PURE__ */ d.jsx(
+                  /* @__PURE__ */ f.jsx("span", { className: "sr-only", children: "Open main menu" }),
+                  D ? /* @__PURE__ */ f.jsx(
                     me,
                     {
                       icon: Gt,
                       className: "block h-6 w-6",
                       "aria-hidden": "true"
                     }
-                  ) : /* @__PURE__ */ d.jsxs("div", { className: "relative", children: [
-                    /* @__PURE__ */ d.jsx(
+                  ) : /* @__PURE__ */ f.jsxs("div", { className: "relative", children: [
+                    /* @__PURE__ */ f.jsx(
                       me,
                       {
                         icon: qi,
@@ -8219,15 +8243,15 @@ const qm = ({
                         "aria-hidden": "true"
                       }
                     ),
-                    P && /* @__PURE__ */ d.jsx("span", { className: "absolute top-0 right-0 block h-2.5 w-2.5 rounded-full bg-error-500 ring-2 ring-transparent transform translate-x-1/4 -translate-y-1/4" })
+                    P && /* @__PURE__ */ f.jsx("span", { className: "absolute top-0 right-0 block h-2.5 w-2.5 rounded-full bg-error-500 ring-2 ring-transparent transform translate-x-1/4 -translate-y-1/4" })
                   ] })
                 ]
               }
             ) })
           ] }),
-          D && /* @__PURE__ */ d.jsx(Cm, { close: F }),
-          D && /* @__PURE__ */ d.jsx(Tm, { activePath: o, close: F }),
-          /* @__PURE__ */ d.jsx(
+          D && /* @__PURE__ */ f.jsx(Cm, { close: F }),
+          D && /* @__PURE__ */ f.jsx(Tm, { activePath: o, close: F }),
+          /* @__PURE__ */ f.jsx(
             jt,
             {
               as: xe,
@@ -8237,16 +8261,16 @@ const qm = ({
               leave: "duration-100 ease-in",
               leaveFrom: "opacity-100 scale-100",
               leaveTo: "opacity-0 scale-95",
-              children: /* @__PURE__ */ d.jsx(
+              children: /* @__PURE__ */ f.jsx(
                 ua,
                 {
                   focus: !0,
                   className: "absolute top-0 inset-x-0 z-50 origin-top-right transform p-2 transition md:hidden",
-                  children: /* @__PURE__ */ d.jsxs("div", { "data-roster-mobile-panel": !0, className: "rounded-lg shadow-lg ring-1 ring-black/5 dark:ring-white/10 divide-y divide-gray-100 dark:divide-gray-700 bg-white dark:bg-gray-800", children: [
-                    /* @__PURE__ */ d.jsxs("div", { className: "px-5 pt-5 pb-6", children: [
-                      /* @__PURE__ */ d.jsxs("div", { className: "flex items-center justify-between", children: [
-                        /* @__PURE__ */ d.jsxs("div", { className: "flex items-center gap-3", children: [
-                          /* @__PURE__ */ d.jsx(
+                  children: /* @__PURE__ */ f.jsxs("div", { "data-roster-mobile-panel": !0, className: "rounded-lg shadow-lg ring-1 ring-black/5 dark:ring-white/10 divide-y divide-gray-100 dark:divide-gray-700 bg-white dark:bg-gray-800", children: [
+                    /* @__PURE__ */ f.jsxs("div", { className: "px-5 pt-5 pb-6", children: [
+                      /* @__PURE__ */ f.jsxs("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ f.jsxs("div", { className: "flex items-center gap-3", children: [
+                          /* @__PURE__ */ f.jsx(
                             "img",
                             {
                               src: e,
@@ -8255,11 +8279,11 @@ const qm = ({
                               className: T("shrink-0", r ?? "rounded-md")
                             }
                           ),
-                          f ?? /* @__PURE__ */ d.jsx("span", { className: "font-bold text-gray-900 dark:text-white", children: n })
+                          d ?? /* @__PURE__ */ f.jsx("span", { className: "font-bold text-gray-900 dark:text-white", children: n })
                         ] }),
-                        /* @__PURE__ */ d.jsx("div", { className: "-mr-2", children: /* @__PURE__ */ d.jsxs(Cr, { className: "inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-500 dark:hover:text-white focus:outline-none", children: [
-                          /* @__PURE__ */ d.jsx("span", { className: "sr-only", children: "Close menu" }),
-                          /* @__PURE__ */ d.jsx(
+                        /* @__PURE__ */ f.jsx("div", { className: "-mr-2", children: /* @__PURE__ */ f.jsxs(Cr, { className: "inline-flex items-center justify-center rounded-md p-2 text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-500 dark:hover:text-white focus:outline-none", children: [
+                          /* @__PURE__ */ f.jsx("span", { className: "sr-only", children: "Close menu" }),
+                          /* @__PURE__ */ f.jsx(
                             me,
                             {
                               icon: Gt,
@@ -8269,13 +8293,13 @@ const qm = ({
                           )
                         ] }) })
                       ] }),
-                      /* @__PURE__ */ d.jsxs("div", { className: "mt-6", children: [
-                        O && /* @__PURE__ */ d.jsx("div", { className: "mb-4", children: O }),
-                        /* @__PURE__ */ d.jsxs("nav", { className: "grid gap-y-4", children: [
+                      /* @__PURE__ */ f.jsxs("div", { className: "mt-6", children: [
+                        O && /* @__PURE__ */ f.jsx("div", { className: "mb-4", children: O }),
+                        /* @__PURE__ */ f.jsxs("nav", { className: "grid gap-y-4", children: [
                           a.map((j) => {
                             const H = o === j.path;
-                            return /* @__PURE__ */ d.jsx(
-                              dt,
+                            return /* @__PURE__ */ f.jsx(
+                              St,
                               {
                                 as: s,
                                 href: j.path,
@@ -8288,7 +8312,7 @@ const qm = ({
                                   "hover:bg-gray-50 dark:hover:bg-gray-700",
                                   H ? "bg-gray-50 dark:bg-gray-700" : "text-gray-900 dark:text-gray-100"
                                 ),
-                                children: /* @__PURE__ */ d.jsxs(
+                                children: /* @__PURE__ */ f.jsxs(
                                   "span",
                                   {
                                     className: T(
@@ -8297,7 +8321,7 @@ const qm = ({
                                     ),
                                     children: [
                                       j.label,
-                                      j.badge && /* @__PURE__ */ d.jsx("span", { className: "inline-flex", children: j.badge })
+                                      j.badge && /* @__PURE__ */ f.jsx("span", { className: "inline-flex", children: j.badge })
                                     ]
                                   }
                                 )
@@ -8305,12 +8329,12 @@ const qm = ({
                               j.path
                             );
                           }),
-                          i && h.length > 0 && /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
-                            /* @__PURE__ */ d.jsx("hr", { className: "border-gray-100 dark:border-gray-700" }),
+                          i && h.length > 0 && /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
+                            /* @__PURE__ */ f.jsx("hr", { className: "border-gray-100 dark:border-gray-700" }),
                             h.map((j) => {
                               const H = o === j.path;
-                              return /* @__PURE__ */ d.jsxs(
-                                dt,
+                              return /* @__PURE__ */ f.jsxs(
+                                St,
                                 {
                                   as: s,
                                   href: j.path,
@@ -8324,7 +8348,7 @@ const qm = ({
                                     H ? "bg-gray-50 dark:bg-gray-700" : "text-gray-900 dark:text-gray-100"
                                   ),
                                   children: [
-                                    /* @__PURE__ */ d.jsx(
+                                    /* @__PURE__ */ f.jsx(
                                       "span",
                                       {
                                         className: T(
@@ -8334,7 +8358,7 @@ const qm = ({
                                         children: j.label
                                       }
                                     ),
-                                    j.badge && /* @__PURE__ */ d.jsx("span", { className: "ml-2 inline-flex", children: j.badge })
+                                    j.badge && /* @__PURE__ */ f.jsx("span", { className: "ml-2 inline-flex", children: j.badge })
                                   ]
                                 },
                                 j.path
@@ -8344,7 +8368,7 @@ const qm = ({
                         ] })
                       ] })
                     ] }),
-                    (i || U || l) && /* @__PURE__ */ d.jsx("div", { className: "py-6 px-5 space-y-4", children: U || (!i && l ? /* @__PURE__ */ d.jsx(
+                    (i || U || l) && /* @__PURE__ */ f.jsx("div", { className: "py-6 px-5 space-y-4", children: U || (!i && l ? /* @__PURE__ */ f.jsx(
                       Ue,
                       {
                         variant: "solid",
@@ -8355,8 +8379,8 @@ const qm = ({
                         },
                         children: "Log In"
                       }
-                    ) : /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
-                      P && u && /* @__PURE__ */ d.jsx(
+                    ) : /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
+                      P && u && /* @__PURE__ */ f.jsx(
                         Ue,
                         {
                           variant: "ghost",
@@ -8365,7 +8389,7 @@ const qm = ({
                             u?.(), F();
                           },
                           className: "w-full justify-between px-4 text-base font-medium hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-900 dark:text-gray-100",
-                          endIcon: /* @__PURE__ */ d.jsx(
+                          endIcon: /* @__PURE__ */ f.jsx(
                             En,
                             {
                               fill: S,
@@ -8378,7 +8402,7 @@ const qm = ({
                           children: "Pending Invitations"
                         }
                       ),
-                      p && /* @__PURE__ */ d.jsxs(
+                      p && /* @__PURE__ */ f.jsxs(
                         "div",
                         {
                           onClick: (j) => {
@@ -8391,8 +8415,8 @@ const qm = ({
                           },
                           className: "flex w-full items-center justify-between rounded-md px-4 py-2 text-base transition-colors cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-900 dark:text-gray-100",
                           children: [
-                            /* @__PURE__ */ d.jsxs("div", { className: "flex items-center gap-3 font-medium", children: [
-                              /* @__PURE__ */ d.jsx(
+                            /* @__PURE__ */ f.jsxs("div", { className: "flex items-center gap-3 font-medium", children: [
+                              /* @__PURE__ */ f.jsx(
                                 me,
                                 {
                                   icon: mn,
@@ -8402,9 +8426,9 @@ const qm = ({
                                   )
                                 }
                               ),
-                              /* @__PURE__ */ d.jsx("span", { children: "Dark Mode" })
+                              /* @__PURE__ */ f.jsx("span", { children: "Dark Mode" })
                             ] }),
-                            /* @__PURE__ */ d.jsx(
+                            /* @__PURE__ */ f.jsx(
                               fo,
                               {
                                 checked: L,
@@ -8418,7 +8442,7 @@ const qm = ({
                           ]
                         }
                       ),
-                      c && /* @__PURE__ */ d.jsx(
+                      c && /* @__PURE__ */ f.jsx(
                         Ue,
                         {
                           variant: "outline",
@@ -8446,7 +8470,7 @@ const qm = ({
   preventDefault: !1,
   enabled: !0,
   ignoreWhenTyping: !0
-}, Xm = [
+}, Qm = [
   "ArrowUp",
   "ArrowUp",
   "ArrowDown",
@@ -8465,7 +8489,7 @@ function Rm(e) {
   const t = e.getAttribute("contenteditable");
   return t !== null && t !== "false" ? !0 : ["INPUT", "TEXTAREA", "SELECT"].includes(e.tagName);
 }
-function Qm(e, t, r = {}) {
+function Zm(e, t, r = {}) {
   const { timeout: n, ignoreCase: a, preventDefault: o, enabled: s, ignoreWhenTyping: i } = {
     ...jm,
     ...r
@@ -8475,7 +8499,7 @@ function Qm(e, t, r = {}) {
   }, [t]), ne(() => {
     if (!s || e.length === 0) return;
     const p = (g) => a ? g.toLowerCase() : g, m = e.map(p);
-    function f(g) {
+    function d(g) {
       if (i && Rm(g.target)) return;
       const h = Date.now();
       n > 0 && l.current > 0 && h - c.current > n && (l.current = 0), c.current = h;
@@ -8486,63 +8510,63 @@ function Qm(e, t, r = {}) {
       }
       l.current = b === m[0] ? 1 : 0;
     }
-    return window.addEventListener("keydown", f), () => window.removeEventListener("keydown", f);
+    return window.addEventListener("keydown", d), () => window.removeEventListener("keydown", d);
   }, [e, n, a, o, s, i]);
 }
 export {
-  zm as Accordion,
+  Wm as Accordion,
   qp as ActionBar,
   _p as Alert,
   fa as Avatar,
-  Lm as AvatarStrip,
+  _m as AvatarStrip,
   En as Badge,
-  Wm as Breadcrumbs,
+  Um as Breadcrumbs,
   Ue as Button,
-  Um as CallToAction,
+  Ym as CallToAction,
   Zf as Card,
   e0 as Checkbox,
-  Bm as CollapsibleSection,
+  Hm as CollapsibleSection,
   xm as Countdown,
   Bp as DescriptionList,
-  Km as Dialog,
+  qm as Dialog,
   n0 as Disclosure,
-  Ym as EmptyState,
-  Gm as ErrorState,
+  Gm as EmptyState,
+  Km as ErrorState,
   Tr as Eyebrow,
   Nm as Footer,
   d0 as InlineCode,
   ii as Input,
-  Xm as KONAMI_CODE,
+  Qm as KONAMI_CODE,
   f0 as LabeledDivider,
-  dt as Link,
-  _m as LiquidTabs,
+  St as Link,
+  Vm as LiquidTabs,
   Gp as MatchupCard,
-  qm as Navbar,
+  Xm as Navbar,
   s0 as PasswordInput,
   l0 as Pill,
   zp as Pullquote,
-  Hm as SegmentBar,
-  Mm as Select,
-  eg as Spinner,
+  zm as SegmentBar,
+  Lm as Select,
+  tg as Spinner,
   m0 as Stat,
   fo as Switch,
-  tg as Table,
-  rg as TableBody,
-  ng as TableCaption,
-  ag as TableCell,
-  og as TableFooter,
-  sg as TableHead,
-  ig as TableHeader,
-  lg as TableRow,
+  rg as Table,
+  ng as TableBody,
+  ag as TableCaption,
+  og as TableCell,
+  sg as TableFooter,
+  ig as TableHead,
+  lg as TableHeader,
+  cg as TableRow,
   S0 as Textarea,
   x0 as ThemeToggle,
-  Vm as Tooltip,
+  Bm as Tooltip,
   Kp as actionBarVariants,
   Mp as alertVariants,
   qf as avatarVariants,
   Xf as badgeVariants,
   ho as breadcrumbVariants,
-  cg as buttonVariants,
+  ug as buttonVariants,
   Qf as cardVariants,
   Jf as checkboxVariants,
   T as cn,
@@ -8565,13 +8589,13 @@ export {
   p0 as statValueVariants,
   k0 as switchThumbVariants,
   w0 as switchTrackVariants,
-  ug as tableCellVariants,
-  dg as tableHeadVariants,
-  fg as tableHeaderVariants,
-  pg as tableRowVariants,
-  mg as tableVariants,
-  gg as tableWrapperVariants,
+  dg as tableCellVariants,
+  fg as tableHeadVariants,
+  pg as tableHeaderVariants,
+  mg as tableRowVariants,
+  gg as tableVariants,
+  hg as tableWrapperVariants,
   E0 as textareaVariants,
   hm as useCountdown,
-  Qm as useKeySequence
+  Zm as useKeySequence
 };