@blakesteve/roster 4.4.0 → 4.5.0

package/dist/roster.es.js

@@ -1,9 +1,9 @@
 "use client";
-import { o as I, Y as Q, K as J, p as zt, m as Ea, n as oe, q as ot, r as ct, $ as ve, s as xe, w as tr, V as It, t as jt, u as pe, v as ht, x as ye, y as Kt, z as me, A as ge, C as Os, D as Cs, E as At, G as Mi, H as de, I as Li, J as _i, L as Z, j as f, F as mt, M as Vi, N as Na, O as Pa, P as xn, Q as Bi, R as Hi, B as Ut, S as zi, U as ps, W as hr, X as Oa, Z as Wi, _ as Ui, a0 as Ge, a1 as Yi, a2 as Gi, a3 as Ki, a4 as qi } from "./Table-CJZFk__H.js";
-import { a5 as eg, T as rg, e as sg, a6 as ng, g as ag, a7 as og, c as ig, a as lg, b as cg, a8 as ug, a9 as dg, aa as fg, ab as pg, ac as mg, ad as gg, ae as hg } from "./Table-CJZFk__H.js";
+import { o as I, Y as Q, K as J, p as zt, m as Ea, n as oe, q as ot, r as ct, $ as ve, s as xe, w as tr, V as It, t as jt, u as pe, v as ht, x as ye, y as Kt, z as me, A as ge, C as Os, D as Cs, E as At, G as Mi, H as de, I as Li, J as _i, L as Z, j as f, F as mt, M as Vi, N as Na, O as Pa, P as xn, Q as Bi, R as Hi, B as Ut, S as zi, U as ps, W as hr, X as Oa, Z as Wi, _ as Ui, a0 as Ge, a1 as Yi, a2 as Gi, a3 as Ki, a4 as qi } from "./Table-DdLQnzNl.js";
+import { a5 as eg, T as rg, e as sg, a6 as ng, g as ag, a7 as og, c as ig, a as lg, b as cg, a8 as ug, a9 as dg, aa as fg, ab as pg, ac as mg, ad as gg, ae as hg } from "./Table-DdLQnzNl.js";
 import * as y from "react";
 import S, { useState as X, useRef as V, isValidElement as Ca, useEffect as st, useContext as at, createContext as pt, useMemo as ft, useId as dt, useCallback as tt, useSyncExternalStore as Ta, useLayoutEffect as ja, cloneElement as Xi, Fragment as xt, useReducer as Qi, createRef as Zi, forwardRef as Ra } from "react";
-import { c as T } from "./utils-hNxf9HpA.js";
+import { c as C } from "./utils-hNxf9HpA.js";
 import * as Ke from "react-dom";
 import Ji, { flushSync as he, createPortal as $a } from "react-dom";
 function Ts(t, e, r) {
@@ -226,8 +226,8 @@ function hl(t, e) {
 }
 let bl = Q(hl), De = Object.assign(bl, {}), vl = "span";
 function xl(t, e) {
-  let r = dt(), s = Ie(), n = oe(), { id: a = s || `headlessui-checkbox-${r}`, disabled: o = n || !1, autoFocus: i = !1, checked: l, defaultChecked: c, onChange: u, name: p, value: m, form: d, indeterminate: g = !1, tabIndex: h = 0, ...b } = t, v = js(c), [w, x] = Ts(l, u, v ?? !1), k = Ae(), E = er(), C = zt(), [P, M] = X(!1), z = I(() => {
-    M(!0), x?.(!w), C.nextFrame(() => {
+  let r = dt(), s = Ie(), n = oe(), { id: a = s || `headlessui-checkbox-${r}`, disabled: o = n || !1, autoFocus: i = !1, checked: l, defaultChecked: c, onChange: u, name: p, value: m, form: d, indeterminate: g = !1, tabIndex: h = 0, ...b } = t, v = js(c), [w, x] = Ts(l, u, v ?? !1), k = Ae(), E = er(), T = zt(), [P, M] = X(!1), z = I(() => {
+    M(!0), x?.(!w), T.nextFrame(() => {
       M(!1);
     });
   }), N = I((A) => {
@@ -407,15 +407,15 @@ function Rl() {
         function b(E) {
           if (!v) {
             if (v = !0, w = E, E = p(E), m !== void 0 && g.hasValue) {
-              var C = g.value;
-              if (m(C, E))
-                return x = C;
+              var T = g.value;
+              if (m(T, E))
+                return x = T;
             }
             return x = E;
           }
-          if (C = x, r(w, E)) return C;
+          if (T = x, r(w, E)) return T;
           var P = p(E);
-          return m !== void 0 && m(C, P) ? (w = E, C) : (w = E, x = P);
+          return m !== void 0 && m(T, P) ? (w = E, T) : (w = E, x = P);
         }
         var v = !1, w, x, k = u === void 0 ? null : u;
         return [
@@ -458,16 +458,16 @@ function $l() {
           function b(E) {
             if (!v) {
               if (v = !0, w = E, E = p(E), m !== void 0 && g.hasValue) {
-                var C = g.value;
-                if (m(C, E))
-                  return x = C;
+                var T = g.value;
+                if (m(T, E))
+                  return x = T;
               }
               return x = E;
             }
-            if (C = x, r(w, E))
-              return C;
+            if (T = x, r(w, E))
+              return T;
             var P = p(E);
-            return m !== void 0 && m(C, P) ? (w = E, C) : (w = E, x = P);
+            return m !== void 0 && m(T, P) ? (w = E, T) : (w = E, x = P);
           }
           var v = !1, w, x, k = u === void 0 ? null : u;
           return [
@@ -1316,7 +1316,7 @@ const Pc = async (t, e, r) => {
       x,
       y: k,
       data: E,
-      reset: C
+      reset: T
     } = await w({
       x: u,
       y: p,
@@ -1340,11 +1340,11 @@ const Pc = async (t, e, r) => {
         ...d[v],
         ...E
       }
-    }, C && g <= 50 && (g++, typeof C == "object" && (C.placement && (m = C.placement), C.rects && (c = C.rects === !0 ? await o.getElementRects({
+    }, T && g <= 50 && (g++, typeof T == "object" && (T.placement && (m = T.placement), T.rects && (c = T.rects === !0 ? await o.getElementRects({
       reference: t,
       floating: e,
       strategy: n
-    }) : C.rects), {
+    }) : T.rects), {
       x: u,
       y: p
     } = _n(c, m, l)), b = -1);
@@ -1377,9 +1377,9 @@ const Pc = async (t, e, r) => {
     const p = no(u), m = {
       x: r,
       y: s
-    }, d = Us(n), g = Ws(d), h = await o.getDimensions(c), b = d === "y", v = b ? "top" : "left", w = b ? "bottom" : "right", x = b ? "clientHeight" : "clientWidth", k = a.reference[g] + a.reference[d] - m[d] - a.floating[g], E = m[d] - a.reference[d], C = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
-    let P = C ? C[x] : 0;
-    (!P || !await (o.isElement == null ? void 0 : o.isElement(C))) && (P = i.floating[x] || a.floating[g]);
+    }, d = Us(n), g = Ws(d), h = await o.getDimensions(c), b = d === "y", v = b ? "top" : "left", w = b ? "bottom" : "right", x = b ? "clientHeight" : "clientWidth", k = a.reference[g] + a.reference[d] - m[d] - a.floating[g], E = m[d] - a.reference[d], T = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
+    let P = T ? T[x] : 0;
+    (!P || !await (o.isElement == null ? void 0 : o.isElement(T))) && (P = i.floating[x] || a.floating[g]);
     const M = k / 2 - E / 2, z = P / 2 - h[g] / 2 - 1, N = Qt(p[v], z), $ = Qt(p[w], z), L = N, _ = P - h[g] - $, R = P / 2 - h[g] / 2 + M, D = bs(L, R, _), F = !l.arrow && Me(n) != null && R !== D && a.reference[g] / 2 - (R < L ? N : $) - h[g] / 2 < 0, U = F ? R < L ? R - L : R - _ : 0;
     return {
       [d]: m[d] + U,
@@ -1417,8 +1417,8 @@ const Pc = async (t, e, r) => {
       } = Ht(t, e);
       if ((r = a.arrow) != null && r.alignmentOffset)
         return {};
-      const v = Zt(n), w = Mt(i), x = Zt(i) === i, k = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), E = m || (x || !h ? [Er(i)] : yc(i)), C = g !== "none";
-      !m && C && E.push(...Ec(i, h, g, k));
+      const v = Zt(n), w = Mt(i), x = Zt(i) === i, k = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), E = m || (x || !h ? [Er(i)] : yc(i)), T = g !== "none";
+      !m && T && E.push(...Ec(i, h, g, k));
       const P = [i, ...E], M = await l.detectOverflow(e, b), z = [];
       let N = ((s = a.flip) == null ? void 0 : s.overflows) || [];
       if (u && z.push(M[v]), p) {
@@ -1449,7 +1449,7 @@ const Pc = async (t, e, r) => {
             case "bestFit": {
               var _;
               const U = (_ = N.filter((O) => {
-                if (C) {
+                if (T) {
                   const j = Mt(O.placement);
                   return j === w || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
@@ -1668,8 +1668,8 @@ const Rc = function(t) {
       }
       if (c) {
         var v, w;
-        const x = m === "y" ? "width" : "height", k = oo.has(Zt(n)), E = a.reference[p] - a.floating[x] + (k && ((v = o.offset) == null ? void 0 : v[p]) || 0) + (k ? 0 : b.crossAxis), C = a.reference[p] + a.reference[x] + (k ? 0 : ((w = o.offset) == null ? void 0 : w[p]) || 0) - (k ? b.crossAxis : 0);
-        g < E ? g = E : g > C && (g = C);
+        const x = m === "y" ? "width" : "height", k = oo.has(Zt(n)), E = a.reference[p] - a.floating[x] + (k && ((v = o.offset) == null ? void 0 : v[p]) || 0) + (k ? 0 : b.crossAxis), T = a.reference[p] + a.reference[x] + (k ? 0 : ((w = o.offset) == null ? void 0 : w[p]) || 0) - (k ? b.crossAxis : 0);
+        g < E ? g = E : g > T && (g = T);
       }
       return {
         [m]: d,
@@ -1698,9 +1698,9 @@ const Rc = function(t) {
       } = a.floating;
       let b, v;
       p === "top" || p === "bottom" ? (b = p, v = m === (await (o.isRTL == null ? void 0 : o.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (v = p, b = m === "end" ? "top" : "bottom");
-      const w = h - u.top - u.bottom, x = g - u.left - u.right, k = Qt(h - u[b], w), E = Qt(g - u[v], x), C = !e.middlewareData.shift;
+      const w = h - u.top - u.bottom, x = g - u.left - u.right, k = Qt(h - u[b], w), E = Qt(g - u[v], x), T = !e.middlewareData.shift;
       let P = k, M = E;
-      if ((r = e.middlewareData.shift) != null && r.enabled.x && (M = x), (s = e.middlewareData.shift) != null && s.enabled.y && (P = w), C && !m) {
+      if ((r = e.middlewareData.shift) != null && r.enabled.x && (M = x), (s = e.middlewareData.shift) != null && s.enabled.y && (P = w), T && !m) {
         const N = St(u.left, 0), $ = St(u.right, 0), L = St(u.top, 0), _ = St(u.bottom, 0);
         d ? M = g - 2 * (N !== 0 || $ !== 0 ? N + $ : St(u.left, u.right)) : P = h - 2 * (L !== 0 || _ !== 0 ? L + _ : St(u.top, u.bottom));
       }
@@ -2031,8 +2031,8 @@ function Xc(t, e) {
       threshold: St(0, Qt(1, l)) || 1
     };
     let k = !0;
-    function E(C) {
-      const P = C[0].intersectionRatio;
+    function E(T) {
+      const P = T[0].intersectionRatio;
       if (P !== l) {
         if (!k)
           return o();
@@ -2173,18 +2173,18 @@ function ho(t) {
   }), [m, d] = y.useState(s);
   Pr(m, s) || d(s);
   const [g, h] = y.useState(null), [b, v] = y.useState(null), w = y.useCallback((O) => {
-    O !== C.current && (C.current = O, h(O));
+    O !== T.current && (T.current = O, h(O));
   }, []), x = y.useCallback((O) => {
     O !== P.current && (P.current = O, v(O));
-  }, []), k = a || g, E = o || b, C = y.useRef(null), P = y.useRef(null), M = y.useRef(u), z = l != null, N = us(l), $ = us(n), L = us(c), _ = y.useCallback(() => {
-    if (!C.current || !P.current)
+  }, []), k = a || g, E = o || b, T = y.useRef(null), P = y.useRef(null), M = y.useRef(u), z = l != null, N = us(l), $ = us(n), L = us(c), _ = y.useCallback(() => {
+    if (!T.current || !P.current)
       return;
     const O = {
       placement: e,
       strategy: r,
       middleware: m
     };
-    $.current && (O.platform = $.current), su(C.current, P.current, O).then((j) => {
+    $.current && (O.platform = $.current), su(T.current, P.current, O).then((j) => {
       const H = {
         ...j,
         // The floating element's position may be recomputed while it's closed
@@ -2208,14 +2208,14 @@ function ho(t) {
   wr(() => (R.current = !0, () => {
     R.current = !1;
   }), []), wr(() => {
-    if (k && (C.current = k), E && (P.current = E), k && E) {
+    if (k && (T.current = k), E && (P.current = E), k && E) {
       if (N.current)
         return N.current(k, E, _);
       _();
     }
   }, [k, E, _, N, z]);
   const D = y.useMemo(() => ({
-    reference: C,
+    reference: T,
     floating: P,
     setReference: w,
     setFloating: x
@@ -2558,8 +2558,8 @@ const Ou = (t) => ({
     }, k = await cs(Qn(x, g.scrollHeight + h + m.clientTop), u), E = await cs(x, {
       ...u,
       elementContext: "reference"
-    }), C = St(0, k.top), P = x.y + C, N = (g.scrollHeight > g.clientHeight ? ($) => $ : Xe)(St(0, g.scrollHeight + (b && w || v ? h * 2 : 0) - C - St(0, k.bottom)));
-    if (g.style.maxHeight = N + "px", g.scrollTop = C, n) {
+    }), T = St(0, k.top), P = x.y + T, N = (g.scrollHeight > g.clientHeight ? ($) => $ : Xe)(St(0, g.scrollHeight + (b && w || v ? h * 2 : 0) - T - St(0, k.bottom)));
+    if (g.style.maxHeight = N + "px", g.scrollTop = T, n) {
       const $ = g.offsetHeight < d.offsetHeight * Qt(i, r.current.length) - 1 || E.top >= -l || E.bottom >= -l;
       Ke.flushSync(() => n($));
     }
@@ -2588,7 +2588,7 @@ function Cu(t, e) {
         return;
       const b = h.deltaY, v = a.current.top >= -0.5, w = a.current.bottom >= -0.5, x = g.scrollHeight - g.clientHeight, k = b < 0 ? -1 : 1, E = b < 0 ? "max" : "min";
       g.scrollHeight <= g.clientHeight || (!v && b > 0 || !w && b < 0 ? (h.preventDefault(), Ke.flushSync(() => {
-        l((C) => C + Math[E](b, x * k));
+        l((T) => T + Math[E](b, x * k));
       })) : /firefox/i.test(mc()) && (g.scrollTop += b));
     }
     const g = o?.current || s.floating;
@@ -2689,10 +2689,10 @@ function Js({ children: t, enabled: e = !0 }) {
     Object.assign(_.floating.style, { overflow: "auto", maxWidth: `${$}px`, maxHeight: `min(var(--anchor-max-height, 100vh), ${L}px)` });
   } })].filter(Boolean), whileElementsMounted: mo }), [k = h, E = b] = x.placement.split("-");
   h === "selection" && (k = "selection");
-  let C = ft(() => ({ anchor: [k, E].filter(Boolean).join(" ") }), [k, E]), P = Cu(x, { overflowRef: o, onChange: a }), { getReferenceProps: M, getFloatingProps: z } = Pu([P]), N = I(($) => {
+  let T = ft(() => ({ anchor: [k, E].filter(Boolean).join(" ") }), [k, E]), P = Cu(x, { overflowRef: o, onChange: a }), { getReferenceProps: M, getFloatingProps: z } = Pu([P]), N = I(($) => {
     l($), v.setFloating($);
   });
-  return y.createElement(Ks.Provider, { value: s }, y.createElement(Le.Provider, { value: { setFloating: N, setReference: v.setReference, styles: w, getReferenceProps: M, getFloatingProps: z, slot: C } }, t));
+  return y.createElement(Ks.Provider, { value: s }, y.createElement(Le.Provider, { value: { setFloating: N, setReference: v.setReference, styles: w, getReferenceProps: M, getFloatingProps: z, slot: T } }, t));
 }
 function Tu(t) {
   ot(() => {
@@ -3145,16 +3145,16 @@ function Mo(t, e) {
 let Lo = xt, _o = At.RenderStrategy;
 function ed(t, e) {
   var r, s;
-  let { transition: n = !0, beforeEnter: a, afterEnter: o, beforeLeave: i, afterLeave: l, enter: c, enterFrom: u, enterTo: p, entered: m, leave: d, leaveFrom: g, leaveTo: h, ...b } = t, [v, w] = X(null), x = V(null), k = Fo(t), E = lt(...k ? [x, e, w] : e === null ? [] : [e]), C = (r = b.unmount) == null || r ? de.Unmount : de.Hidden, { show: P, appear: M, initial: z } = Ju(), [N, $] = X(P ? "visible" : "hidden"), L = td(), { register: _, unregister: R } = L;
+  let { transition: n = !0, beforeEnter: a, afterEnter: o, beforeLeave: i, afterLeave: l, enter: c, enterFrom: u, enterTo: p, entered: m, leave: d, leaveFrom: g, leaveTo: h, ...b } = t, [v, w] = X(null), x = V(null), k = Fo(t), E = lt(...k ? [x, e, w] : e === null ? [] : [e]), T = (r = b.unmount) == null || r ? de.Unmount : de.Hidden, { show: P, appear: M, initial: z } = Ju(), [N, $] = X(P ? "visible" : "hidden"), L = td(), { register: _, unregister: R } = L;
   ot(() => _(x), [_, x]), ot(() => {
-    if (C === de.Hidden && x.current) {
+    if (T === de.Hidden && x.current) {
       if (P && N !== "visible") {
         $("visible");
         return;
       }
       return ht(N, { hidden: () => R(x), visible: () => _(x) });
     }
-  }, [N, x, _, R, P, C]);
+  }, [N, x, _, R, P, T]);
   let D = Yr();
   ot(() => {
     if (k && D && N === "visible" && x.current === null) throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
@@ -3233,11 +3233,11 @@ let ea = Q(function(t, e) {
   })();
   let d = ie();
   n === void 0 && d !== null && (n = (d & ut.Open) === ut.Open);
-  let g = V(null), h = lt(g, e), b = Xt(g.current), v = n ? 0 : 1, [w, x] = Qi(id, { titleId: null, descriptionId: null, panelRef: Zi() }), k = I(() => a(!1)), E = I((A) => x({ type: 0, id: A })), C = Yr() ? v === 0 : !1, [P, M] = To(), z = { get current() {
+  let g = V(null), h = lt(g, e), b = Xt(g.current), v = n ? 0 : 1, [w, x] = Qi(id, { titleId: null, descriptionId: null, panelRef: Zi() }), k = I(() => a(!1)), E = I((A) => x({ type: 0, id: A })), T = Yr() ? v === 0 : !1, [P, M] = To(), z = { get current() {
     var A;
     return (A = w.panelRef.current) != null ? A : g.current;
   } }, N = en(), { resolveContainers: $ } = $o({ mainTreeNode: N, portals: P, defaultContainers: [z] }), L = d !== null ? (d & ut.Closing) === ut.Closing : !1;
-  Ms(c || L ? !1 : C, { allowed: I(() => {
+  Ms(c || L ? !1 : T, { allowed: I(() => {
     var A, W;
     return [(W = (A = g.current) == null ? void 0 : A.closest("[data-headlessui-portal]")) != null ? W : null];
   }), disallowed: I(() => {
@@ -3246,16 +3246,16 @@ let ea = Q(function(t, e) {
   }) });
   let _ = we.get(null);
   ot(() => {
-    if (C) return _.actions.push(s), () => _.actions.pop(s);
-  }, [_, s, C]);
+    if (T) return _.actions.push(s), () => _.actions.pop(s);
+  }, [_, s, T]);
   let R = rt(_, tt((A) => _.selectors.isTop(A, s), [_, s]));
   Fr(R, $, (A) => {
     A.preventDefault(), k();
   }), Bu(R, b?.defaultView, (A) => {
     A.preventDefault(), A.stopPropagation(), document.activeElement && "blur" in document.activeElement && typeof document.activeElement.blur == "function" && document.activeElement.blur(), k();
-  }), Lr(c || L ? !1 : C, b, $), Dr(C, g, k);
+  }), Lr(c || L ? !1 : T, b, $), Dr(T, g, k);
   let [D, F] = $r(), U = ft(() => [{ dialogState: v, close: k, setTitleId: E, unmount: u }, w], [v, k, E, u, w]), O = ct({ open: v === 0 }), j = { ref: h, id: s, role: i, tabIndex: -1, "aria-modal": c ? void 0 : v === 0 ? !0 : void 0, "aria-labelledby": w.titleId, "aria-describedby": D, unmount: u }, H = !Hu(), nt = ue.None;
-  C && !c && (nt |= ue.RestoreFocus, nt |= ue.TabLock, l && (nt |= ue.AutoFocus), H && (nt |= ue.InitialFocus));
+  T && !c && (nt |= ue.RestoreFocus, nt |= ue.TabLock, l && (nt |= ue.AutoFocus), H && (nt |= ue.InitialFocus));
   let et = J();
   return S.createElement(No, null, S.createElement(ta, { force: !0 }, S.createElement(Ur, null, S.createElement(nn.Provider, { value: U }, S.createElement(jo, { target: g }, S.createElement(ta, { force: !1 }, S.createElement(F, { slot: O }, S.createElement(M, null, S.createElement(Gu, { initialFocus: o, initialFocusFallback: g, containers: $, features: nt }, S.createElement(As, { value: k }, et({ ourProps: j, theirProps: p, slot: O, defaultTag: ld, features: cd, visible: v === 0, name: "Dialog" })))))))))));
 }), ld = "div", cd = At.RenderStrategy | At.Static;
@@ -3519,7 +3519,7 @@ let jd = xt;
 function Rd(t, e) {
   let r = dt(), s = oe(), { value: n, defaultValue: a, form: o, name: i, onChange: l, by: c, invalid: u = !1, disabled: p = s || !1, horizontal: m = !1, multiple: d = !1, __demoMode: g = !1, ...h } = t;
   const b = m ? "horizontal" : "vertical";
-  let v = lt(e), w = js(a), [x = d ? [] : void 0, k] = Ts(n, l, w), E = Go({ id: r, __demoMode: g }), C = V({ static: !1, hold: !1 }), P = V(/* @__PURE__ */ new Map()), M = Sl(c), z = tt((et) => ht(N.mode, { [re.Multi]: () => x.some((A) => M(A, et)), [re.Single]: () => M(x, et) }), [x]), N = ct({ value: x, disabled: p, invalid: u, mode: d ? re.Multi : re.Single, orientation: b, onChange: k, compare: M, isSelected: z, optionsPropsRef: C, listRef: P });
+  let v = lt(e), w = js(a), [x = d ? [] : void 0, k] = Ts(n, l, w), E = Go({ id: r, __demoMode: g }), T = V({ static: !1, hold: !1 }), P = V(/* @__PURE__ */ new Map()), M = Sl(c), z = tt((et) => ht(N.mode, { [re.Multi]: () => x.some((A) => M(A, et)), [re.Single]: () => M(x, et) }), [x]), N = ct({ value: x, disabled: p, invalid: u, mode: d ? re.Multi : re.Single, orientation: b, onChange: k, compare: M, isSelected: z, optionsPropsRef: T, listRef: P });
   ot(() => {
     E.state.dataRef.current = N;
   }, [N]);
@@ -3558,14 +3558,14 @@ function Id(t, e) {
   }), w = Ua((D) => {
     var F;
     a.state.listboxState === Et.Open ? (he(() => a.actions.closeListbox()), (F = a.state.buttonElement) == null || F.focus({ preventScroll: !0 })) : (D.preventDefault(), a.actions.openListbox({ focus: K.Nothing }));
-  }), x = I((D) => D.preventDefault()), k = Ae([o]), E = er(), { isFocusVisible: C, focusProps: P } = ve({ autoFocus: l }), { isHovered: M, hoverProps: z } = xe({ isDisabled: i }), { pressed: N, pressProps: $ } = tr({ disabled: i }), L = ct({ open: m === Et.Open, active: N || m === Et.Open, disabled: i, invalid: n.invalid, value: n.value, hover: M, focus: C, autofocus: l }), _ = rt(a, (D) => D.listboxState === Et.Open), R = It(p(), { ref: u, id: o, type: Mr(t, d), "aria-haspopup": "listbox", "aria-controls": g?.id, "aria-expanded": _, "aria-labelledby": k, "aria-describedby": E, disabled: i || void 0, autoFocus: l, onKeyDown: b, onKeyUp: v, onKeyPress: x }, w, P, z, $);
+  }), x = I((D) => D.preventDefault()), k = Ae([o]), E = er(), { isFocusVisible: T, focusProps: P } = ve({ autoFocus: l }), { isHovered: M, hoverProps: z } = xe({ isDisabled: i }), { pressed: N, pressProps: $ } = tr({ disabled: i }), L = ct({ open: m === Et.Open, active: N || m === Et.Open, disabled: i, invalid: n.invalid, value: n.value, hover: M, focus: T, autofocus: l }), _ = rt(a, (D) => D.listboxState === Et.Open), R = It(p(), { ref: u, id: o, type: Mr(t, d), "aria-haspopup": "listbox", "aria-controls": g?.id, "aria-expanded": _, "aria-labelledby": k, "aria-describedby": E, disabled: i || void 0, autoFocus: l, onKeyDown: b, onKeyUp: v, onKeyPress: x }, w, P, z, $);
   return J()({ ourProps: R, theirProps: c, slot: L, defaultTag: $d, name: "Listbox.Button" });
 }
 let Ko = pt(!1), Ad = "div", Dd = At.RenderStrategy | At.Static;
 function Fd(t, e) {
   let r = dt(), { id: s = `headlessui-listbox-options-${r}`, anchor: n, portal: a = !1, modal: o = !0, transition: i = !1, ...l } = t, c = qs(n), [u, p] = X(null);
   c && (a = !0);
-  let m = fr("Listbox.Options"), d = an("Listbox.Options"), [g, h, b, v] = rt(d, (B) => [B.listboxState, B.buttonElement, B.optionsElement, B.__demoMode]), w = Xt(h), x = Xt(b), k = ie(), [E, C] = cr(i, u, k !== null ? (k & ut.Open) === ut.Open : g === Et.Open);
+  let m = fr("Listbox.Options"), d = an("Listbox.Options"), [g, h, b, v] = rt(d, (B) => [B.listboxState, B.buttonElement, B.optionsElement, B.__demoMode]), w = Xt(h), x = Xt(b), k = ie(), [E, T] = cr(i, u, k !== null ? (k & ut.Open) === ut.Open : g === Et.Open);
   Dr(E, h, d.actions.closeListbox);
   let P = v ? !1 : o && g === Et.Open;
   Lr(P, x);
@@ -3617,7 +3617,7 @@ function Fd(t, e) {
   }), nt = rt(d, (B) => {
     var q;
     return (q = B.buttonElement) == null ? void 0 : q.id;
-  }), et = ct({ open: g === Et.Open }), A = It(c ? U() : {}, { id: s, ref: O, "aria-activedescendant": rt(d, d.selectors.activeDescendantId), "aria-multiselectable": m.mode === re.Multi ? !0 : void 0, "aria-labelledby": nt, "aria-orientation": m.orientation, onKeyDown: H, role: "listbox", tabIndex: g === Et.Open ? 0 : void 0, style: { ...l.style, ...F, "--button-width": Ds(E, h, !0).width }, ...lr(C) }), W = J(), G = ft(() => m.mode === re.Multi ? m : { ...m, isSelected: L }, [m, L]);
+  }), et = ct({ open: g === Et.Open }), A = It(c ? U() : {}, { id: s, ref: O, "aria-activedescendant": rt(d, d.selectors.activeDescendantId), "aria-multiselectable": m.mode === re.Multi ? !0 : void 0, "aria-labelledby": nt, "aria-orientation": m.orientation, onKeyDown: H, role: "listbox", tabIndex: g === Et.Open ? 0 : void 0, style: { ...l.style, ...F, "--button-width": Ds(E, h, !0).width }, ...lr(T) }), W = J(), G = ft(() => m.mode === re.Multi ? m : { ...m, isSelected: L }, [m, L]);
   return S.createElement(Ur, { enabled: a ? t.static || E : !1, ownerDocument: w }, S.createElement(Zr.Provider, { value: G }, W({ ourProps: A, theirProps: l, slot: et, defaultTag: Ad, features: Dd, visible: z, name: "Listbox.Options" })));
 }
 let Md = "div";
@@ -3643,9 +3643,9 @@ function Ld(t, e) {
     c.actions.goToOption({ focus: K.Specific, id: s });
   }), x = eo(), k = I((N) => x.update(N)), E = I((N) => {
     x.wasMoved(N) && (n || u && c.state.activationTrigger === kr.Pointer || c.actions.goToOption({ focus: K.Specific, id: s }, kr.Pointer));
-  }), C = I((N) => {
+  }), T = I((N) => {
     x.wasMoved(N) && (n || u && c.state.activationTrigger === kr.Pointer && c.actions.goToOption({ focus: K.Nothing }));
-  }), P = ct({ active: u, focus: u, selected: p, disabled: n, selectedOption: p && i }), M = i ? {} : { id: s, ref: h, role: "option", tabIndex: n === !0 ? void 0 : -1, "aria-disabled": n === !0 ? !0 : void 0, "aria-selected": p, disabled: void 0, onClick: v, onFocus: w, onPointerEnter: k, onMouseEnter: k, onPointerMove: E, onMouseMove: E, onPointerLeave: C, onMouseLeave: C }, z = J();
+  }), P = ct({ active: u, focus: u, selected: p, disabled: n, selectedOption: p && i }), M = i ? {} : { id: s, ref: h, role: "option", tabIndex: n === !0 ? void 0 : -1, "aria-disabled": n === !0 ? !0 : void 0, "aria-selected": p, disabled: void 0, onClick: v, onFocus: w, onPointerEnter: k, onMouseEnter: k, onPointerMove: E, onMouseMove: E, onPointerLeave: T, onMouseLeave: T }, z = J();
   return !p && i ? null : z({ ourProps: M, theirProps: o, slot: P, defaultTag: Md, name: "Listbox.Option" });
 }
 let _d = xt;
@@ -3810,22 +3810,22 @@ function Zd(t, e) {
   let v = Ua((N) => {
     var $;
     a || (d === kt.Open ? (he(() => r.send({ type: it.CloseMenu })), ($ = l.current) == null || $.focus({ preventScroll: !0 })) : (N.preventDefault(), r.send({ type: it.OpenMenu, focus: { focus: K.Nothing }, trigger: Cr.Pointer })));
-  }), { isFocusVisible: w, focusProps: x } = ve({ autoFocus: o }), { isHovered: k, hoverProps: E } = xe({ isDisabled: a }), { pressed: C, pressProps: P } = tr({ disabled: a }), M = ct({ open: d === kt.Open, active: C || d === kt.Open, disabled: a, hover: k, focus: w, autofocus: o }), z = It(c(), { ref: u, id: n, type: Mr(t, l.current), "aria-haspopup": "menu", "aria-controls": h?.id, "aria-expanded": d === kt.Open, disabled: a || void 0, autoFocus: o, onKeyDown: p, onKeyUp: m }, v, x, E, P);
+  }), { isFocusVisible: w, focusProps: x } = ve({ autoFocus: o }), { isHovered: k, hoverProps: E } = xe({ isDisabled: a }), { pressed: T, pressProps: P } = tr({ disabled: a }), M = ct({ open: d === kt.Open, active: T || d === kt.Open, disabled: a, hover: k, focus: w, autofocus: o }), z = It(c(), { ref: u, id: n, type: Mr(t, l.current), "aria-haspopup": "menu", "aria-controls": h?.id, "aria-expanded": d === kt.Open, disabled: a || void 0, autoFocus: o, onKeyDown: p, onKeyUp: m }, v, x, E, P);
   return J()({ ourProps: z, theirProps: i, slot: M, defaultTag: Qd, name: "Menu.Button" });
 }
 let Jd = "div", tf = At.RenderStrategy | At.Static;
 function ef(t, e) {
   let r = dt(), { id: s = `headlessui-menu-items-${r}`, anchor: n, portal: a = !1, modal: o = !0, transition: i = !1, ...l } = t, c = qs(n), u = on("Menu.Items"), [p, m] = Zs(c), d = Qs(), [g, h] = X(null), b = lt(e, c ? p : null, I((O) => u.send({ type: it.SetItemsElement, element: O })), h), [v, w] = rt(u, (O) => [O.menuState, O.buttonElement]), x = Xt(w), k = Xt(g);
   c && (a = !0);
-  let E = ie(), [C, P] = cr(i, g, E !== null ? (E & ut.Open) === ut.Open : v === kt.Open);
-  Dr(C, w, () => {
+  let E = ie(), [T, P] = cr(i, g, E !== null ? (E & ut.Open) === ut.Open : v === kt.Open);
+  Dr(T, w, () => {
     u.send({ type: it.CloseMenu });
   });
   let M = rt(u, (O) => O.__demoMode), z = M ? !1 : o && v === kt.Open;
   Lr(z, k);
   let N = M ? !1 : o && v === kt.Open;
   Ms(N, { allowed: tt(() => [w, g], [w, g]) });
-  let $ = rt(u, u.selectors.didButtonMove) ? !1 : C;
+  let $ = rt(u, u.selectors.didButtonMove) ? !1 : T;
   st(() => {
     let O = g;
     O && v === kt.Open && (Cs(O) || O.focus({ preventScroll: !0 }));
@@ -3871,8 +3871,8 @@ function ef(t, e) {
   }), D = ct({ open: v === kt.Open }), F = It(c ? d() : {}, { "aria-activedescendant": rt(u, u.selectors.activeDescendantId), "aria-labelledby": rt(u, (O) => {
     var j;
     return (j = O.buttonElement) == null ? void 0 : j.id;
-  }), id: s, onKeyDown: _, onKeyUp: R, role: "menu", tabIndex: v === kt.Open ? 0 : void 0, ref: b, style: { ...l.style, ...m, "--button-width": Ds(C, w, !0).width }, ...lr(P) }), U = J();
-  return S.createElement(Ur, { enabled: a ? t.static || C : !1, ownerDocument: x }, U({ ourProps: F, theirProps: l, slot: D, defaultTag: Jd, features: tf, visible: $, name: "Menu.Items" }));
+  }), id: s, onKeyDown: _, onKeyUp: R, role: "menu", tabIndex: v === kt.Open ? 0 : void 0, ref: b, style: { ...l.style, ...m, "--button-width": Ds(T, w, !0).width }, ...lr(P) }), U = J();
+  return S.createElement(Ur, { enabled: a ? t.static || T : !1, ownerDocument: x }, U({ ourProps: F, theirProps: l, slot: D, defaultTag: Jd, features: tf, visible: $, name: "Menu.Items" }));
 }
 let rf = xt;
 function sf(t, e) {
@@ -3901,7 +3901,7 @@ function sf(t, e) {
     b.wasMoved($) && (n || i || o.send({ type: it.GoToItem, focus: K.Specific, id: s, trigger: Cr.Pointer }));
   }), x = I(($) => {
     b.wasMoved($) && (n || i && o.state.activationTrigger === Cr.Pointer && o.send({ type: it.GoToItem, focus: K.Nothing }));
-  }), [k, E] = sr(), [C, P] = $r(), M = ct({ active: i, focus: i, disabled: n, close: d }), z = { id: s, ref: c, role: "menuitem", tabIndex: n === !0 ? void 0 : -1, "aria-disabled": n === !0 ? !0 : void 0, "aria-labelledby": k, "aria-describedby": C, disabled: void 0, onClick: g, onFocus: h, onPointerEnter: v, onMouseEnter: v, onPointerMove: w, onMouseMove: w, onPointerLeave: x, onMouseLeave: x }, N = J();
+  }), [k, E] = sr(), [T, P] = $r(), M = ct({ active: i, focus: i, disabled: n, close: d }), z = { id: s, ref: c, role: "menuitem", tabIndex: n === !0 ? void 0 : -1, "aria-disabled": n === !0 ? !0 : void 0, "aria-labelledby": k, "aria-describedby": T, disabled: void 0, onClick: g, onFocus: h, onPointerEnter: v, onMouseEnter: v, onPointerMove: w, onMouseMove: w, onPointerLeave: x, onMouseLeave: x }, N = J();
   return S.createElement(E, null, S.createElement(P, null, N({ ourProps: z, theirProps: a, slot: M, defaultTag: rf, name: "Menu.Item" })));
 }
 let nf = "div";
@@ -3994,7 +3994,7 @@ function Sf(t, e) {
     return (D = w?.isFocusWithinPopoverGroup()) != null ? D : F && (u?.contains(F) || p?.contains(F));
   });
   st(() => x?.(v), [x, v]);
-  let [E, C] = To(), P = en(u), M = $o({ mainTreeNode: P, portals: E, defaultContainers: [{ get current() {
+  let [E, T] = To(), P = en(u), M = $o({ mainTreeNode: P, portals: E, defaultContainers: [{ get current() {
     return o.state.button;
   } }, { get current() {
     return o.state.panel;
@@ -4008,7 +4008,7 @@ function Sf(t, e) {
     o.actions.close(), ir(D, or.Loose) || (R.preventDefault(), u?.focus());
   });
   let N = ct({ open: c === vt.Open, close: o.actions.refocusableClose }), $ = rt(o, tt((R) => ht(R.popoverState, { [vt.Open]: ut.Open, [vt.Closed]: ut.Closed }), [])), L = { ref: l }, _ = J();
-  return S.createElement(Or, { node: P }, S.createElement(Js, null, S.createElement(ts.Provider, { value: null }, S.createElement(si.Provider, { value: o }, S.createElement(As, { value: o.actions.refocusableClose }, S.createElement(Wr, { value: $ }, S.createElement(C, null, _({ ourProps: L, theirProps: a, slot: N, defaultTag: kf, name: "Popover" }))))))));
+  return S.createElement(Or, { node: P }, S.createElement(Js, null, S.createElement(ts.Provider, { value: null }, S.createElement(si.Provider, { value: o }, S.createElement(As, { value: o.actions.refocusableClose }, S.createElement(Wr, { value: $ }, S.createElement(T, null, _({ ourProps: L, theirProps: a, slot: N, defaultTag: kf, name: "Popover" }))))))));
 }
 let Ef = "button";
 function Nf(t, e) {
@@ -4025,7 +4025,7 @@ function Nf(t, e) {
       }
       i.state.buttons.current.length > 1 && console.warn("You are already using a <Popover.Button /> but only 1 <Popover.Button /> is supported."), W && i.actions.setButton(W);
     }
-  })), C = lt(h, e), P = I((W) => {
+  })), T = lt(h, e), P = I((W) => {
     var G, B, q;
     if (x) {
       if (i.state.popoverState === vt.Closed) return;
@@ -4055,7 +4055,7 @@ function Nf(t, e) {
     Oe(W.currentTarget) || n || (x ? (i.actions.close(), (G = i.state.button) == null || G.focus()) : (W.preventDefault(), W.stopPropagation(), i.state.popoverState === vt.Closed ? (w?.(i.state.buttonId), i.actions.open()) : i.actions.close(), (B = i.state.button) == null || B.focus()));
   }), N = I((W) => {
     W.preventDefault(), W.stopPropagation();
-  }), { isFocusVisible: $, focusProps: L } = ve({ autoFocus: a }), { isHovered: _, hoverProps: R } = xe({ isDisabled: n }), { pressed: D, pressProps: F } = tr({ disabled: n }), U = l === vt.Open, O = ct({ open: U, active: D || U, disabled: n, hover: _, focus: $, autofocus: a }), j = Mr(t, u), H = x ? It({ ref: C, type: j, onKeyDown: P, onClick: z, disabled: n || void 0, autoFocus: a }, L, R, F) : It({ ref: E, id: p, type: j, "aria-expanded": l === vt.Open, "aria-controls": m ? d : void 0, disabled: n || void 0, autoFocus: a, onKeyDown: P, onKeyUp: M, onClick: z, onMouseDown: N }, L, R, F), nt = sn(), et = I(() => {
+  }), { isFocusVisible: $, focusProps: L } = ve({ autoFocus: a }), { isHovered: _, hoverProps: R } = xe({ isDisabled: n }), { pressed: D, pressProps: F } = tr({ disabled: n }), U = l === vt.Open, O = ct({ open: U, active: D || U, disabled: n, hover: _, focus: $, autofocus: a }), j = Mr(t, u), H = x ? It({ ref: T, type: j, onKeyDown: P, onClick: z, disabled: n || void 0, autoFocus: a }, L, R, F) : It({ ref: E, id: p, type: j, "aria-expanded": l === vt.Open, "aria-controls": m ? d : void 0, disabled: n || void 0, autoFocus: a, onKeyDown: P, onKeyUp: M, onClick: z, onMouseDown: N }, L, R, F), nt = sn(), et = I(() => {
     if (!wt(i.state.panel)) return;
     let W = i.state.panel;
     function G() {
@@ -4075,7 +4075,7 @@ function ai(t, e) {
 }
 let Cf = "div", Tf = At.RenderStrategy | At.Static;
 function jf(t, e) {
-  let r = dt(), { id: s = `headlessui-popover-panel-${r}`, focus: n = !1, anchor: a, portal: o = !1, modal: i = !1, transition: l = !1, ...c } = t, u = Jr("Popover.Panel"), p = rt(u, u.selectors.isPortalled), [m, d, g, h, b] = rt(u, tt((A) => [A.popoverState, A.button, A.__demoMode, A.beforePanelSentinel, A.afterPanelSentinel], [])), v = `headlessui-focus-sentinel-before-${r}`, w = `headlessui-focus-sentinel-after-${r}`, x = V(null), k = qs(a), [E, C] = Zs(k), P = Qs();
+  let r = dt(), { id: s = `headlessui-popover-panel-${r}`, focus: n = !1, anchor: a, portal: o = !1, modal: i = !1, transition: l = !1, ...c } = t, u = Jr("Popover.Panel"), p = rt(u, u.selectors.isPortalled), [m, d, g, h, b] = rt(u, tt((A) => [A.popoverState, A.button, A.__demoMode, A.beforePanelSentinel, A.afterPanelSentinel], [])), v = `headlessui-focus-sentinel-before-${r}`, w = `headlessui-focus-sentinel-after-${r}`, x = V(null), k = qs(a), [E, T] = Zs(k), P = Qs();
   k && (o = !0);
   let [M, z] = X(null), N = lt(x, e, k ? E : null, u.actions.setPanel, z), $ = Xt(d), L = Xt(x.current);
   ot(() => (u.actions.setPanelId(s), () => u.actions.setPanelId(null)), [s, u]);
@@ -4104,7 +4104,7 @@ function jf(t, e) {
     var W, G, B, q, bt;
     let yt = A.relatedTarget;
     yt && x.current && ((W = x.current) != null && W.contains(yt) || (u.actions.close(), ((B = (G = h.current) == null ? void 0 : G.contains) != null && B.call(G, yt) || (bt = (q = b.current) == null ? void 0 : q.contains) != null && bt.call(q, yt)) && yt.focus({ preventScroll: !0 })));
-  } : void 0, tabIndex: -1, style: { ...c.style, ...C, "--button-width": Ds(R, d, !0).width }, ...lr(D) }), j = sn(), H = I(() => {
+  } : void 0, tabIndex: -1, style: { ...c.style, ...T, "--button-width": Ds(R, d, !0).width }, ...lr(D) }), j = sn(), H = I(() => {
     let A = x.current;
     if (!A) return;
     function W() {
@@ -4177,8 +4177,8 @@ function Lf(t) {
 let _f = "button";
 function Vf(t, e) {
   var r;
-  let s = dt(), n = Ie(), a = oe(), { id: o = n || `headlessui-switch-${s}`, disabled: i = a || !1, checked: l, defaultChecked: c, onChange: u, name: p, value: m, form: d, autoFocus: g = !1, ...h } = t, b = at(dn), [v, w] = X(null), x = V(null), k = lt(x, e, b === null ? null : b.setSwitch, w), E = js(c), [C, P] = Ts(l, u, E ?? !1), M = zt(), [z, N] = X(!1), $ = I(() => {
-    N(!0), P?.(!C), M.nextFrame(() => {
+  let s = dt(), n = Ie(), a = oe(), { id: o = n || `headlessui-switch-${s}`, disabled: i = a || !1, checked: l, defaultChecked: c, onChange: u, name: p, value: m, form: d, autoFocus: g = !1, ...h } = t, b = at(dn), [v, w] = X(null), x = V(null), k = lt(x, e, b === null ? null : b.setSwitch, w), E = js(c), [T, P] = Ts(l, u, E ?? !1), M = zt(), [z, N] = X(!1), $ = I(() => {
+    N(!0), P?.(!T), M.nextFrame(() => {
       N(!1);
     });
   }), L = I((q) => {
@@ -4186,10 +4186,10 @@ function Vf(t, e) {
     q.preventDefault(), $();
   }), _ = I((q) => {
     q.key === Y.Space ? (q.preventDefault(), $()) : q.key === Y.Enter && Rs(q.currentTarget);
-  }), R = I((q) => q.preventDefault()), D = Ae(), F = er(), { isFocusVisible: U, focusProps: O } = ve({ autoFocus: g }), { isHovered: j, hoverProps: H } = xe({ isDisabled: i }), { pressed: nt, pressProps: et } = tr({ disabled: i }), A = ct({ checked: C, disabled: i, hover: j, focus: U, active: nt, autofocus: g, changing: z }), W = It({ id: o, ref: k, role: "switch", type: Mr(t, v), tabIndex: t.tabIndex === -1 ? 0 : (r = t.tabIndex) != null ? r : 0, "aria-checked": C, "aria-labelledby": D, "aria-describedby": F, disabled: i || void 0, autoFocus: g, onClick: L, onKeyUp: _, onKeyPress: R }, O, H, et), G = tt(() => {
+  }), R = I((q) => q.preventDefault()), D = Ae(), F = er(), { isFocusVisible: U, focusProps: O } = ve({ autoFocus: g }), { isHovered: j, hoverProps: H } = xe({ isDisabled: i }), { pressed: nt, pressProps: et } = tr({ disabled: i }), A = ct({ checked: T, disabled: i, hover: j, focus: U, active: nt, autofocus: g, changing: z }), W = It({ id: o, ref: k, role: "switch", type: Mr(t, v), tabIndex: t.tabIndex === -1 ? 0 : (r = t.tabIndex) != null ? r : 0, "aria-checked": T, "aria-labelledby": D, "aria-describedby": F, disabled: i || void 0, autoFocus: g, onClick: L, onKeyUp: _, onKeyPress: R }, O, H, et), G = tt(() => {
     if (E !== void 0) return P?.(E);
   }, [P, E]), B = J();
-  return S.createElement(S.Fragment, null, p != null && S.createElement($s, { 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" }));
+  return S.createElement(S.Fragment, null, p != null && S.createElement($s, { disabled: i, data: { [p]: m || "on" }, overrides: { type: "checkbox", checked: T }, form: d, onReset: G }), B({ ourProps: W, theirProps: h, slot: A, defaultTag: _f, name: "Switch" }));
 }
 let Bf = Q(Vf), Hf = Lf, zf = De, Wf = rr, Uf = Object.assign(Bf, { Group: Hf, Label: zf, Description: Wf }), Yf = "textarea";
 function Gf(t, e) {
@@ -4198,7 +4198,7 @@ function Gf(t, e) {
 }
 let Kf = Q(Gf);
 const qf = Z(
-  "rst:relative rst:inline-flex rst:items-center rst:justify-center rst:overflow-hidden rst:font-semibold rst:border rst:transition-colors rst:focus:outline-none rst:select-none rst:shrink-0 rst:shadow-sm",
+  "rst:font-ui rst:relative rst:inline-flex rst:items-center rst:justify-center rst:overflow-hidden rst:font-semibold rst:border rst:transition-colors rst:focus:outline-none rst:select-none rst:shrink-0 rst:shadow-sm",
   {
     variants: {
       size: {
@@ -4245,7 +4245,7 @@ const qf = Z(
       "div",
       {
         ref: c,
-        className: T(qf({ size: e, colorScheme: r, shape: s }), t),
+        className: C(qf({ size: e, colorScheme: r, shape: s }), t),
         ...l,
         children: m ? /* @__PURE__ */ f.jsx(
           "img",
@@ -4271,7 +4271,7 @@ const qf = Z(
         un,
         {
           anchor: "bottom",
-          className: T(
+          className: C(
             "rst:z-50 rst:mt-2 rst:rounded-md rst:px-3 rst:py-1.5 rst:text-xs rst:font-medium rst:shadow-xl rst:backdrop-blur-md rst:ring-1",
             "rst:bg-gray-900/95 rst:text-white rst:ring-black/5 rst:dark:bg-gray-100/95 rst:dark:text-gray-900 rst:dark:ring-white/20",
             "rst:transition rst:duration-200 rst:ease-in-out rst:data-closed:opacity-0 rst:data-closed:translate-y-1"
@@ -4284,7 +4284,7 @@ const qf = Z(
 );
 fn.displayName = "Avatar";
 const Xf = Z(
-  "rst:inline-flex rst:max-w-full rst:items-center rst:justify-center rst:font-medium rst:transition-colors rst:focus:outline-hidden rst:focus:ring-2 rst:focus:ring-ring rst:focus:ring-offset-2 rst:border",
+  "rst:font-ui rst:inline-flex rst:max-w-full rst:items-center rst:justify-center rst:font-medium rst:transition-colors rst:focus:outline-hidden rst:focus:ring-2 rst:focus:ring-ring rst:focus:ring-offset-2 rst:border",
   {
     variants: {
       variant: {
@@ -4377,7 +4377,7 @@ const Xf = Z(
     "span",
     {
       ref: c,
-      className: T(
+      className: C(
         Xf({ variant: e, statusBadge: r, size: s, fill: n }),
         t
       ),
@@ -4443,13 +4443,13 @@ const Qf = Z(
     "div",
     {
       ref: l,
-      className: T(Qf({ variant: e, padding: r }), t),
+      className: C(Qf({ variant: e, padding: r }), t),
       ...i,
       children: [
         s && /* @__PURE__ */ f.jsx(
           "div",
           {
-            className: T(
+            className: C(
               "rst:absolute rst:top-0 rst:inset-x-0 rst:h-1 rst:z-10",
               !n && "rst:bg-orange-500"
             ),
@@ -4460,7 +4460,7 @@ const Qf = Z(
         s && /* @__PURE__ */ f.jsx(
           "div",
           {
-            className: T(
+            className: C(
               "rst:absolute rst:bottom-0 rst:inset-x-0 rst:h-1 rst:z-10",
               !a && "rst:bg-primary-500"
             ),
@@ -4473,7 +4473,7 @@ const Qf = Z(
 );
 Zf.displayName = "Card";
 const Jf = Z(
-  "rst:flex rst:items-center rst:justify-center rst:shrink-0 rst:transition-colors rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-offset-2",
+  "rst:font-ui rst:flex rst:items-center rst:justify-center rst:shrink-0 rst:transition-colors rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-offset-2",
   {
     variants: {
       size: {
@@ -4553,7 +4553,7 @@ const Jf = Z(
         className: ({
           checked: u,
           disabled: p
-        }) => T(
+        }) => C(
           Jf({
             colorScheme: e,
             variant: r,
@@ -4567,7 +4567,7 @@ const Jf = Z(
           mt,
           {
             icon: n ? Vi : Na,
-            className: T(
+            className: C(
               "rst:pointer-events-none rst:transition-opacity rst:duration-200",
               u || n ? "rst:opacity-100" : "rst:opacity-0",
               i[s]
@@ -4580,7 +4580,7 @@ const Jf = Z(
 );
 t0.displayName = "Checkbox";
 const e0 = Z(
-  "rst:group rst:flex rst:w-full rst:items-center rst:justify-between rst:px-4 rst:py-3 rst:text-left rst:text-sm rst:font-medium rst:transition-all rst:focus:outline-none rst:focus-visible:ring-2 rst:focus-visible:ring-primary-500/75 rst:cursor-pointer rst:z-10 rst:relative",
+  "rst:font-ui rst:group rst:flex rst:w-full rst:items-center rst:justify-between rst:px-4 rst:py-3 rst:text-left rst:text-sm rst:font-medium rst:transition-all rst:focus:outline-none rst:focus-visible:ring-2 rst:focus-visible:ring-primary-500/75 rst:cursor-pointer rst:z-10 rst:relative",
   {
     variants: {
       variant: {
@@ -4626,14 +4626,14 @@ const e0 = Z(
     const d = !p;
     a === void 0 && u(d), o?.(d);
   };
-  return /* @__PURE__ */ f.jsxs("div", { className: T("rst:w-full rst:flex rst:flex-col", s), ...l, children: [
+  return /* @__PURE__ */ f.jsxs("div", { className: C("rst:w-full rst:flex rst:flex-col", s), ...l, children: [
     /* @__PURE__ */ f.jsxs(
       "button",
       {
         type: "button",
         onClick: m,
         "aria-expanded": p,
-        className: T(
+        className: C(
           e0({ variant: r }),
           // Dynamic rounding and border fix
           p ? "rst:rounded-t-md rst:rounded-b-none" : "rst:rounded-md",
@@ -4645,7 +4645,7 @@ const e0 = Z(
           /* @__PURE__ */ f.jsx(
             "span",
             {
-              className: T(
+              className: C(
                 "rst:ml-2 rst:flex rst:items-center rst:transition-transform rst:duration-200 rst:text-inherit",
                 p ? "rst:rotate-180" : ""
               ),
@@ -4674,7 +4674,7 @@ const e0 = Z(
         children: /* @__PURE__ */ f.jsx(
           "div",
           {
-            className: T(r0({ variant: r }), "rst:rounded-b-md"),
+            className: C(r0({ variant: r }), "rst:rounded-b-md"),
             children: e
           }
         )
@@ -4682,7 +4682,7 @@ const e0 = Z(
     )
   ] });
 }, n0 = Z(
-  "rst:flex rst:w-full rst:rounded-md rst:border rst:py-2.5 rst:px-4 rst:text-sm rst:ring-offset-background rst:file:border-0 rst:file:bg-transparent rst:file:text-sm rst:file:font-medium rst:focus-visible:outline-none rst:focus-visible:ring-2 rst:focus-visible:ring-primary-500 rst:dark:focus-visible:ring-primary-400 rst:disabled:cursor-not-allowed rst:disabled:opacity-50 rst:transition-all",
+  "rst:font-ui rst:flex rst:w-full rst:rounded-md rst:border rst:py-2.5 rst:px-4 rst:text-sm rst:ring-offset-background rst:file:border-0 rst:file:bg-transparent rst:file:text-sm rst:file:font-medium rst:focus-visible:outline-none rst:focus-visible:ring-2 rst:focus-visible:ring-primary-500 rst:dark:focus-visible:ring-primary-400 rst:disabled:cursor-not-allowed rst:disabled:opacity-50 rst:transition-all",
   {
     variants: {
       variant: {
@@ -4738,11 +4738,11 @@ const e0 = Z(
     ...u
   }, p) => {
     const m = !!n || o;
-    return /* @__PURE__ */ f.jsxs(Qr, { className: T("rst:w-full rst:space-y-1.5", t), children: [
+    return /* @__PURE__ */ f.jsxs(Qr, { className: C("rst:w-full rst:space-y-1.5", t), children: [
       r && /* @__PURE__ */ f.jsx(
         De,
         {
-          className: T(
+          className: C(
             "rst:block rst:text-sm rst:font-medium rst:leading-none rst:text-left rst:mb-1.5 rst:transition-colors",
             "rst:text-gray-900 rst:dark:text-gray-100",
             "rst:peer-disabled:cursor-not-allowed rst:peer-disabled:opacity-70"
@@ -4754,7 +4754,7 @@ const e0 = Z(
         i && /* @__PURE__ */ f.jsx(
           "div",
           {
-            className: T(
+            className: C(
               ca({ variant: a, error: m }),
               "rst:left-3"
             ),
@@ -4767,7 +4767,7 @@ const e0 = Z(
             ref: p,
             type: e,
             disabled: c,
-            className: T(
+            className: C(
               n0({ variant: a, error: m }),
               i && "rst:pl-10",
               l && "rst:pr-10"
@@ -4778,7 +4778,7 @@ const e0 = Z(
         l && /* @__PURE__ */ f.jsx(
           "div",
           {
-            className: T(
+            className: C(
               ca({ variant: a, error: m }),
               "rst:right-3"
             ),
@@ -4789,7 +4789,7 @@ const e0 = Z(
       (s || n) && /* @__PURE__ */ f.jsx(
         rr,
         {
-          className: T(
+          className: C(
             "rst:text-xs rst:text-left rst:mt-1",
             m ? "rst:text-error-600 rst:dark:text-error-400 rst:font-medium" : "rst:text-gray-500 rst:dark:text-gray-400"
           ),
@@ -4839,7 +4839,7 @@ const a0 = Z(
   href: l,
   ...c
 }) => {
-  const u = t || "a", p = a || typeof l == "string" && l.startsWith("http"), m = o ?? p, d = T(
+  const u = t || "a", p = a || typeof l == "string" && l.startsWith("http"), m = o ?? p, d = C(
     a0({ variant: r, underline: s, size: n }),
     e
   );
@@ -4909,7 +4909,7 @@ const a0 = Z(
         variant: i,
         error: l,
         errorMessage: c,
-        className: T("rst:[&_input::-ms-reveal]:hidden", u.className),
+        className: C("rst:[&_input::-ms-reveal]:hidden", u.className),
         endIcon: t ? /* @__PURE__ */ f.jsx(
           "button",
           {
@@ -4918,7 +4918,7 @@ const a0 = Z(
             disabled: o,
             "aria-label": h ? a : n,
             "aria-pressed": h,
-            className: T(
+            className: C(
               "rst:-m-1 rst:flex rst:items-center rst:rounded rst:p-1 rst:transition-opacity",
               "rst:opacity-70 rst:hover:opacity-100",
               "rst:focus:outline-none rst:focus-visible:ring-2 rst:focus-visible:ring-primary-500 rst:dark:focus-visible:ring-primary-400",
@@ -4941,7 +4941,7 @@ const a0 = Z(
 );
 o0.displayName = "PasswordInput";
 const i0 = Z(
-  "rst:inline-flex rst:items-center rst:rounded-full rst:font-medium rst:whitespace-nowrap rst:align-middle",
+  "rst:font-ui rst:inline-flex rst:items-center rst:rounded-full rst:font-medium rst:whitespace-nowrap rst:align-middle",
   {
     variants: {
       colorScheme: {
@@ -5031,7 +5031,7 @@ const i0 = Z(
     "span",
     {
       ref: c,
-      className: T(i0({ colorScheme: e, variant: r, size: s }), t),
+      className: C(i0({ colorScheme: e, variant: r, size: s }), t),
       ...l,
       children: [
         n ? (
@@ -5041,13 +5041,13 @@ const i0 = Z(
             a && /* @__PURE__ */ f.jsx(
               "span",
               {
-                className: T(
+                className: C(
                   ua({ colorScheme: e, variant: r, size: s }),
                   "rst:absolute rst:inset-0 rst:motion-safe:animate-ping rst:opacity-75"
                 )
               }
             ),
-            /* @__PURE__ */ f.jsx("span", { className: T(ua({ colorScheme: e, variant: r, size: s }), "rst:relative") })
+            /* @__PURE__ */ f.jsx("span", { className: C(ua({ colorScheme: e, variant: r, size: s }), "rst:relative") })
           ] })
         ) : o && /* @__PURE__ */ f.jsx("span", { className: "rst:inline-flex rst:shrink-0 rst:items-center", "aria-hidden": "true", children: o }),
         i
@@ -5093,7 +5093,7 @@ function jr({
   return /* @__PURE__ */ f.jsx(
     i,
     {
-      className: T(c0({ size: r, tone: s, weight: n }), e),
+      className: C(c0({ size: r, tone: s, weight: n }), e),
       ...o,
       children: a
     }
@@ -5118,7 +5118,7 @@ const u0 = Z("rst:font-mono rst:text-[0.8125rem]", {
     "code",
     {
       ref: a,
-      className: T(u0({ colorScheme: e, surface: r }), t),
+      className: C(u0({ colorScheme: e, surface: r }), t),
       ...n,
       children: s
     }
@@ -5126,7 +5126,7 @@ const u0 = Z("rst:font-mono rst:text-[0.8125rem]", {
 );
 d0.displayName = "InlineCode";
 const f0 = S.forwardRef(
-  ({ label: t, trailing: e, align: r = "start", className: s, ...n }, a) => /* @__PURE__ */ f.jsxs("div", { ref: a, className: T("rst:flex rst:items-center rst:gap-3", s), ...n, children: [
+  ({ label: t, trailing: e, align: r = "start", className: s, ...n }, a) => /* @__PURE__ */ f.jsxs("div", { ref: a, className: C("rst:font-ui rst:flex rst:items-center rst:gap-3", s), ...n, children: [
     r === "end" && /* @__PURE__ */ f.jsx("span", { role: "presentation", className: "rst:h-px rst:flex-1 rst:bg-gray-200 rst:dark:bg-gray-800" }),
     /* @__PURE__ */ f.jsx(jr, { children: t }),
     r === "start" && /* @__PURE__ */ f.jsx("span", { role: "presentation", className: "rst:h-px rst:flex-1 rst:bg-gray-200 rst:dark:bg-gray-800" }),
@@ -5155,8 +5155,8 @@ const p0 = Z(
     defaultVariants: { size: "md", colorScheme: "neutral" }
   }
 ), m0 = S.forwardRef(
-  ({ value: t, label: e, source: r, size: s, colorScheme: n, className: a, ...o }, i) => /* @__PURE__ */ f.jsxs("div", { ref: i, className: T("rst:flex rst:flex-col rst:gap-[3px]", a), ...o, children: [
-    /* @__PURE__ */ f.jsx("dd", { className: T("rst:m-0", p0({ size: s, colorScheme: n })), children: t }),
+  ({ value: t, label: e, source: r, size: s, colorScheme: n, className: a, ...o }, i) => /* @__PURE__ */ f.jsxs("div", { ref: i, className: C("rst:flex rst:flex-col rst:gap-[3px]", a), ...o, children: [
+    /* @__PURE__ */ f.jsx("dd", { className: C("rst:m-0", p0({ size: s, colorScheme: n })), children: t }),
     /* @__PURE__ */ f.jsx("dt", { children: /* @__PURE__ */ f.jsx(jr, { size: "xs", children: e }) }),
     r && /* @__PURE__ */ f.jsx("span", { className: "rst:font-mono rst:text-[0.53125rem] rst:leading-none rst:tracking-[0.06em] rst:text-gray-500 rst:opacity-75 rst:dark:text-gray-400", children: r })
   ] })
@@ -5230,7 +5230,7 @@ const x0 = S.forwardRef(
 );
 x0.displayName = "ThemeToggle";
 const y0 = Z(
-  "rst:relative rst:w-full rst:cursor-pointer rst:rounded-md rst:py-2.5 rst:pl-4 rst:pr-10 rst:text-left rst:text-sm rst:font-medium rst:shadow-sm rst:ring-1 rst:ring-inset rst:transition-all rst:focus:outline-none rst:focus:ring-2 rst:focus:ring-primary-500 rst:dark:focus:ring-primary-400 rst:sm:leading-6",
+  "rst:font-ui rst:relative rst:w-full rst:cursor-pointer rst:rounded-md rst:py-2.5 rst:pl-4 rst:pr-10 rst:text-left rst:text-sm rst:font-medium rst:shadow-sm rst:ring-1 rst:ring-inset rst:transition-all rst:focus:outline-none rst:focus:ring-2 rst:focus:ring-primary-500 rst:dark:focus:ring-primary-400 rst:sm:leading-6",
   {
     variants: {
       variant: {
@@ -5262,7 +5262,7 @@ const y0 = Z(
   label: l
 }) => {
   const c = t.find((u) => u.value === e);
-  return /* @__PURE__ */ f.jsxs(Qr, { className: T("rst:flex rst:flex-col rst:gap-1.5", i), children: [
+  return /* @__PURE__ */ f.jsxs(Qr, { className: C("rst:flex rst:flex-col rst:gap-1.5", i), children: [
     l && /* @__PURE__ */ f.jsx(De, { className: "rst:block rst:text-sm rst:font-medium rst:text-inherit rst:text-left", children: l }),
     /* @__PURE__ */ f.jsx(
       Wd,
@@ -5274,12 +5274,12 @@ const y0 = Z(
           /* @__PURE__ */ f.jsxs(
             qo,
             {
-              className: T(y0({ variant: a, error: o })),
+              className: C(y0({ variant: a, error: o })),
               children: [
                 /* @__PURE__ */ f.jsx(
                   "span",
                   {
-                    className: T(
+                    className: C(
                       "rst:block rst:truncate",
                       !c && "rst:text-gray-500 rst:dark:text-gray-400"
                     ),
@@ -5308,7 +5308,7 @@ const y0 = Z(
                 Xo,
                 {
                   anchor: "bottom start",
-                  className: T(
+                  className: C(
                     "rst:w-(--button-width) rst:z-50 rst:rounded-md rst:bg-white rst:dark:bg-gray-800 rst:py-1 rst:text-base rst:shadow-lg rst:ring-1 rst:ring-black/5 rst:dark:ring-gray-700 rst:focus:outline-none rst:sm:text-sm",
                     "rst:[--anchor-gap:4px]"
                   ),
@@ -5317,7 +5317,7 @@ const y0 = Z(
                     {
                       value: u.value,
                       disabled: u.disabled,
-                      className: T(
+                      className: C(
                         "rst:group rst:relative rst:cursor-default rst:select-none rst:py-2.5 rst:pl-4 rst:pr-9 rst:transition-colors",
                         "rst:text-gray-900 rst:dark:text-gray-100",
                         "rst:data-focus:bg-primary-100 rst:data-focus:text-primary-900",
@@ -5341,7 +5341,7 @@ const y0 = Z(
     )
   ] });
 }, w0 = Z(
-  "rst:group rst:relative rst:inline-flex rst:shrink-0 rst:cursor-pointer rst:rounded-full rst:border-2 rst:border-transparent rst:transition-colors rst:duration-200 rst:ease-in-out rst:focus:outline-none rst:focus-visible:ring-2 rst:focus-visible:ring-offset-2 rst:disabled:cursor-not-allowed rst:disabled:opacity-50",
+  "rst:font-ui rst:group rst:relative rst:inline-flex rst:shrink-0 rst:cursor-pointer rst:rounded-full rst:border-2 rst:border-transparent rst:transition-colors rst:duration-200 rst:ease-in-out rst:focus:outline-none rst:focus-visible:ring-2 rst:focus-visible:ring-offset-2 rst:disabled:cursor-not-allowed rst:disabled:opacity-50",
   {
     variants: {
       variant: {
@@ -5393,14 +5393,14 @@ const y0 = Z(
     Qr,
     {
       as: "div",
-      className: T("rst:flex rst:items-center rst:justify-between rst:gap-4", i),
+      className: C("rst:flex rst:items-center rst:justify-between rst:gap-4", i),
       children: [
         (r || s) && /* @__PURE__ */ f.jsxs("span", { className: "rst:flex rst:flex-col", children: [
           r && /* @__PURE__ */ f.jsx(
             De,
             {
               passive: !0,
-              className: T(
+              className: C(
                 "rst:text-sm rst:font-medium rst:text-gray-900 rst:dark:text-gray-100",
                 n && "rst:opacity-50"
               ),
@@ -5410,7 +5410,7 @@ const y0 = Z(
           s && /* @__PURE__ */ f.jsx(
             rr,
             {
-              className: T(
+              className: C(
                 "rst:text-xs rst:text-gray-500 rst:dark:text-gray-400",
                 n && "rst:opacity-50"
               ),
@@ -5425,12 +5425,12 @@ const y0 = Z(
             onChange: e,
             disabled: n,
             "aria-label": c,
-            className: T(w0({ variant: o, size: a })),
+            className: C(w0({ variant: o, size: a })),
             children: /* @__PURE__ */ f.jsx(
               "span",
               {
                 "aria-hidden": "true",
-                className: T(k0({ size: a }))
+                className: C(k0({ size: a }))
               }
             )
           }
@@ -5439,7 +5439,7 @@ const y0 = Z(
     }
   );
 }, S0 = Z(
-  "rst:flex rst:w-full rst:min-h-[80px] rst:rounded-md rst:border rst:py-2.5 rst:px-4 rst:text-sm rst:ring-offset-white rst:dark:ring-offset-gray-950 rst:placeholder:text-gray-400 rst:focus-visible:outline-none rst:focus-visible:ring-2 rst:focus-visible:ring-primary-500 rst:dark:focus-visible:ring-primary-400 rst:disabled:cursor-not-allowed rst:disabled:opacity-50 rst:transition-colors rst:custom-scrollbar",
+  "rst:font-ui rst:flex rst:w-full rst:min-h-[80px] rst:rounded-md rst:border rst:py-2.5 rst:px-4 rst:text-sm rst:ring-offset-white rst:dark:ring-offset-gray-950 rst:placeholder:text-gray-400 rst:focus-visible:outline-none rst:focus-visible:ring-2 rst:focus-visible:ring-primary-500 rst:dark:focus-visible:ring-primary-400 rst:disabled:cursor-not-allowed rst:disabled:opacity-50 rst:transition-colors rst:custom-scrollbar",
   {
     variants: {
       variant: {
@@ -5478,21 +5478,21 @@ const y0 = Z(
     ...l
   }, c) => {
     const u = !!s || a;
-    return /* @__PURE__ */ f.jsxs(Qr, { className: T("rst:w-full rst:space-y-1.5", t), children: [
+    return /* @__PURE__ */ f.jsxs(Qr, { className: C("rst:w-full rst:space-y-1.5", t), children: [
       e && /* @__PURE__ */ f.jsx(De, { className: "rst:block rst:text-sm rst:font-medium rst:leading-none rst:text-gray-900 rst:dark:text-gray-100 rst:peer-disabled:cursor-not-allowed rst:peer-disabled:opacity-70 rst:text-left", children: e }),
       /* @__PURE__ */ f.jsx(
         Kf,
         {
           ref: c,
           disabled: i,
-          className: T(S0({ variant: n, resize: o, error: u })),
+          className: C(S0({ variant: n, resize: o, error: u })),
           ...l
         }
       ),
       (r || s) && /* @__PURE__ */ f.jsx(
         rr,
         {
-          className: T(
+          className: C(
             "rst:text-xs rst:text-left",
             u ? "rst:text-error-600 rst:dark:text-error-400 rst:font-medium" : "rst:text-gray-500 rst:dark:text-gray-400"
           ),
@@ -5519,7 +5519,7 @@ function _m({
     "div",
     {
       "data-testid": "avatar-strip",
-      className: T("rst:flex rst:items-center rst:gap-3", l),
+      className: C("rst:font-ui rst:flex rst:items-center rst:gap-3", l),
       children: [
         n && /* @__PURE__ */ f.jsx(
           "button",
@@ -5547,7 +5547,7 @@ function _m({
                     colorScheme: p.colorScheme ?? "neutral",
                     size: "xs"
                   }
-                ), d = T(
+                ), d = C(
                   "rst:relative rst:inline-flex rst:h-6 rst:w-6 rst:rounded-full rst:ring-2 rst:transition-transform rst:hover:z-10 rst:hover:scale-110",
                   i
                 );
@@ -5577,7 +5577,7 @@ function _m({
                 {
                   title: `${u} more`,
                   "data-testid": "avatar-strip-overflow",
-                  className: T(
+                  className: C(
                     "rst:relative rst:flex rst:h-6 rst:w-6 rst:items-center rst:justify-center rst:rounded-full rst:bg-gray-500/10 rst:ring-2",
                     i
                   ),
@@ -5657,9 +5657,9 @@ function Vm({
       role: "tablist",
       "data-testid": "liquid-tabs",
       style: { background: "var(--roster-lt-bg)", borderColor: "var(--roster-lt-border)" },
-      className: T(
-        "rst:relative rst:flex rst:border",
-        p ? "rst:w-full rst:overflow-hidden rst:rounded-lg" : T(
+      className: C(
+        "rst:font-ui rst:relative rst:flex rst:border",
+        p ? "rst:w-full rst:overflow-hidden rst:rounded-lg" : C(
           "rst:gap-1 rst:rounded-xl rst:p-1",
           n ? "rst:w-full" : "rst:w-fit"
         ),
@@ -5672,7 +5672,7 @@ function Vm({
             ref: i,
             "aria-hidden": !0,
             "data-testid": "liquid-tabs-pill",
-            className: T(
+            className: C(
               "rst:absolute rst:rounded-lg",
               p ? "rst:top-0 rst:bottom-0" : "rst:top-1 rst:bottom-1"
             ),
@@ -5689,12 +5689,12 @@ function Vm({
               "data-tab-id": h.id,
               "data-testid": `liquid-tab-${h.id}`,
               onClick: () => g(h.id),
-              className: T(
+              className: C(
                 "rst:relative rst:z-10 rst:text-sm rst:font-medium rst:transition-colors rst:cursor-pointer",
-                p ? T(
+                p ? C(
                   "rst:flex-1 rst:py-2",
                   b ? "rst:text-white" : "rst:text-(--roster-lt-text-inactive) rst:hover:text-(--roster-lt-text-hover)"
-                ) : T(
+                ) : C(
                   "rst:rounded-lg rst:py-1.5",
                   n ? "rst:flex-1" : "rst:px-4",
                   b ? "rst:text-white" : "rst:text-(--roster-lt-text-inactive) rst:hover:text-(--roster-lt-text-hover)"
@@ -5895,7 +5895,7 @@ var D0 = "DismissableLayer", Es = "dismissableLayer.update", F0 = "dismissableLa
     } = t, c = y.useContext(di), [u, p] = y.useState(null), m = u?.ownerDocument ?? globalThis?.document, [, d] = y.useState({}), g = ke(e, (P) => p(P)), h = Array.from(c.layers), [b] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), v = h.indexOf(b), w = u ? h.indexOf(u) : -1, x = c.layersWithOutsidePointerEventsDisabled.size > 0, k = w >= v, E = V0((P) => {
       const M = P.target, z = [...c.branches].some((N) => N.contains(M));
       !k || z || (n?.(P), o?.(P), P.defaultPrevented || i?.());
-    }, m), C = B0((P) => {
+    }, m), T = B0((P) => {
       const M = P.target;
       [...c.branches].some((N) => N.contains(M)) || (a?.(P), o?.(P), P.defaultPrevented || i?.());
     }, m);
@@ -5920,8 +5920,8 @@ var D0 = "DismissableLayer", Es = "dismissableLayer.update", F0 = "dismissableLa
           pointerEvents: x ? k ? "auto" : "none" : void 0,
           ...t.style
         },
-        onFocusCapture: Yt(t.onFocusCapture, C.onFocusCapture),
-        onBlurCapture: Yt(t.onBlurCapture, C.onBlurCapture),
+        onFocusCapture: Yt(t.onFocusCapture, T.onFocusCapture),
+        onBlurCapture: Yt(t.onBlurCapture, T.onBlurCapture),
         onPointerDownCapture: Yt(
           t.onPointerDownCapture,
           E.onPointerDownCapture
@@ -6074,7 +6074,7 @@ var mn = "PopperContent", [q0, X0] = gi(mn), wi = y.forwardRef(
       updatePositionStrategy: d = "optimized",
       onPlaced: g,
       ...h
-    } = t, b = bi(mn, r), [v, w] = y.useState(null), x = ke(e, (q) => w(q)), [k, E] = y.useState(null), C = G0(k), P = C?.width ?? 0, M = C?.height ?? 0, z = s + (a !== "center" ? "-" + a : ""), N = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, $ = Array.isArray(c) ? c : [c], L = $.length > 0, _ = {
+    } = t, b = bi(mn, r), [v, w] = y.useState(null), x = ke(e, (q) => w(q)), [k, E] = y.useState(null), T = G0(k), P = T?.width ?? 0, M = T?.height ?? 0, z = s + (a !== "center" ? "-" + a : ""), N = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, $ = Array.isArray(c) ? c : [c], L = $.length > 0, _ = {
       padding: N,
       boundary: $.filter(Z0),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
@@ -6437,7 +6437,7 @@ var Je = "Tooltip", [bp, pr] = rs(Je), Ti = (t) => {
     window.clearTimeout(d.current), d.current = 0, b.current = !1, w(!0);
   }, [w]), E = y.useCallback(() => {
     window.clearTimeout(d.current), d.current = 0, w(!1);
-  }, [w]), C = y.useCallback(() => {
+  }, [w]), T = y.useCallback(() => {
     window.clearTimeout(d.current), d.current = window.setTimeout(() => {
       b.current = !0, w(!0), d.current = 0;
     }, h);
@@ -6454,8 +6454,8 @@ var Je = "Tooltip", [bp, pr] = rs(Je), Ti = (t) => {
       trigger: u,
       onTriggerChange: p,
       onTriggerEnter: y.useCallback(() => {
-        l.isOpenDelayedRef.current ? C() : k();
-      }, [l.isOpenDelayedRef, C, k]),
+        l.isOpenDelayedRef.current ? T() : k();
+      }, [l.isOpenDelayedRef, T, k]),
       onTriggerLeave: y.useCallback(() => {
         g ? E() : (window.clearTimeout(d.current), d.current = 0);
       }, [E, g]),
@@ -6716,8 +6716,8 @@ function Bm({
         sideOffset: 8,
         collisionPadding: 8,
         "data-testid": "tooltip-content",
-        className: T(
-          "rst:z-50 rst:max-w-60 rst:rounded-lg rst:px-3 rst:py-2 rst:text-xs rst:leading-snug rst:shadow-xl",
+        className: C(
+          "rst:font-ui rst:z-50 rst:max-w-60 rst:rounded-lg rst:px-3 rst:py-2 rst:text-xs rst:leading-snug rst:shadow-xl",
           "rst:animate-in rst:fade-in-0 rst:zoom-in-95",
           "rst:data-[side=bottom]:slide-in-from-top-2",
           "rst:data-[side=top]:slide-in-from-bottom-2",
@@ -6762,13 +6762,13 @@ function Hm({
   return st(() => {
     const u = c.current;
     u && l(u.scrollHeight > u.clientHeight);
-  }, [t, e]), /* @__PURE__ */ f.jsxs("div", { className: n, children: [
+  }, [t, e]), /* @__PURE__ */ f.jsxs("div", { className: C("rst:font-ui", n), children: [
     /* @__PURE__ */ f.jsx(
       "div",
       {
         ref: c,
         "data-testid": "collapsible-content",
-        className: T(!a && Fp[e], !a && "rst:overflow-hidden"),
+        className: C(!a && Fp[e], !a && "rst:overflow-hidden"),
         style: !a && i ? {
           maskImage: "linear-gradient(to bottom, black 50%, transparent 100%)",
           WebkitMaskImage: "linear-gradient(to bottom, black 50%, transparent 100%)"
@@ -6797,12 +6797,12 @@ function zm({
   const n = t.reduce((o, i) => o + i.value, 0);
   if (n === 0) return null;
   const a = t.filter((o) => o.value > 0);
-  return /* @__PURE__ */ f.jsxs("div", { className: T("rst:flex rst:flex-col rst:gap-1.5", s), children: [
+  return /* @__PURE__ */ f.jsxs("div", { className: C("rst:font-ui rst:flex rst:flex-col rst:gap-1.5", s), children: [
     /* @__PURE__ */ f.jsx(
       "div",
       {
         "data-testid": "segment-bar-track",
-        className: T(
+        className: C(
           "rst:flex rst:w-full rst:overflow-hidden rst:rounded-full",
           e === "sm" ? "rst:h-1.5" : "rst:h-2"
         ),
@@ -6856,7 +6856,7 @@ function zm({
   ] });
 }
 const Mp = Z(
-  "rst:flex rst:items-start rst:gap-2.5 rst:rounded-lg rst:border-l-4 rst:px-4 rst:py-3 rst:text-sm",
+  "rst:font-ui rst:flex rst:items-start rst:gap-2.5 rst:rounded-lg rst:border-l-4 rst:px-4 rst:py-3 rst:text-sm",
   {
     variants: {
       colorScheme: {
@@ -6957,7 +6957,7 @@ const Mp = Z(
         ref: c,
         role: u ? "alert" : "status",
         "aria-live": u ? "assertive" : "polite",
-        className: T(Mp({ colorScheme: t, surface: e }), i),
+        className: C(Mp({ colorScheme: t, surface: e }), i),
         ...l,
         children: [
           n === void 0 ? /* @__PURE__ */ f.jsx(
@@ -6970,7 +6970,7 @@ const Mp = Z(
           ) : n,
           /* @__PURE__ */ f.jsxs("div", { className: "rst:min-w-0 rst:flex-1", children: [
             r && /* @__PURE__ */ f.jsx("p", { className: "rst:font-semibold", children: r }),
-            /* @__PURE__ */ f.jsx("div", { className: T("rst:min-w-0", r && "rst:mt-0.5 rst:opacity-90"), children: s })
+            /* @__PURE__ */ f.jsx("div", { className: C("rst:min-w-0", r && "rst:mt-0.5 rst:opacity-90"), children: s })
           ] }),
           a && /* @__PURE__ */ f.jsx(
             "button",
@@ -7004,7 +7004,7 @@ const Wm = ({
       return e ? m ? p.delete(c) : p.add(c) : (p.clear(), m || p.add(c)), p;
     });
   };
-  return /* @__PURE__ */ f.jsx("div", { className: T("rst:w-full rst:space-y-1", s), children: t.map((c, u) => /* @__PURE__ */ f.jsxs("div", { className: "rst:relative", children: [
+  return /* @__PURE__ */ f.jsx("div", { className: C("rst:font-ui rst:w-full rst:space-y-1", s), children: t.map((c, u) => /* @__PURE__ */ f.jsxs("div", { className: "rst:relative", children: [
     n && u > 0 && /* @__PURE__ */ f.jsx("div", { className: "rst:mx-4 rst:h-px rst:bg-gray-200/50 rst:dark:bg-gray-700/50 rst:transition-colors rst:mb-1" }),
     /* @__PURE__ */ f.jsx(
       s0,
@@ -7038,17 +7038,17 @@ const Wm = ({
     "dl",
     {
       ref: o,
-      className: T(Vp({ layout: e, size: r }), n),
+      className: C(Vp({ layout: e, size: r }), n),
       ...a,
       children: t.map((i, l) => {
         const c = l === t.length - 1, u = s && !c ? "rst:border-b rst:border-gray-200 rst:pb-1.5 rst:dark:border-gray-800" : "";
-        return e === "stacked" ? /* @__PURE__ */ f.jsxs("div", { className: T("rst:flex rst:flex-col rst:gap-0.5", u), children: [
+        return e === "stacked" ? /* @__PURE__ */ f.jsxs("div", { className: C("rst:flex rst:flex-col rst:gap-0.5", u), children: [
           /* @__PURE__ */ f.jsx("dt", { className: "rst:font-mono rst:uppercase rst:tracking-[0.08em] rst:text-gray-500 rst:dark:text-gray-400", children: i.term }),
           /* @__PURE__ */ f.jsx("dd", { className: "rst:m-0 rst:text-gray-900 rst:dark:text-gray-100", children: i.description })
-        ] }, l) : e === "split" ? /* @__PURE__ */ f.jsxs("div", { className: T("rst:flex rst:items-baseline rst:justify-between rst:gap-4", u), children: [
+        ] }, l) : e === "split" ? /* @__PURE__ */ f.jsxs("div", { className: C("rst:flex rst:items-baseline rst:justify-between rst:gap-4", u), children: [
           /* @__PURE__ */ f.jsx("dt", { className: "rst:font-mono rst:uppercase rst:tracking-[0.08em] rst:text-gray-500 rst:dark:text-gray-400", children: i.term }),
           /* @__PURE__ */ f.jsx("dd", { className: "rst:m-0 rst:text-right rst:tabular-nums rst:text-gray-900 rst:dark:text-gray-100", children: i.description })
-        ] }, l) : /* @__PURE__ */ f.jsxs("div", { className: T("rst:contents", u), children: [
+        ] }, l) : /* @__PURE__ */ f.jsxs("div", { className: C("rst:contents", u), children: [
           /* @__PURE__ */ f.jsx("dt", { className: "rst:whitespace-nowrap rst:font-mono rst:uppercase rst:tracking-[0.08em] rst:text-gray-500 rst:dark:text-gray-400", children: i.term }),
           /* @__PURE__ */ f.jsx("dd", { className: "rst:m-0 rst:text-gray-900 rst:dark:text-gray-100", children: i.description })
         ] }, l);
@@ -7089,7 +7089,7 @@ const Hp = Z("rst:my-1", {
     "figure",
     {
       ref: i,
-      className: T(Hp({ variant: s, colorScheme: n }), a),
+      className: C(Hp({ variant: s, colorScheme: n }), a),
       ...o,
       children: [
         /* @__PURE__ */ f.jsx(
@@ -7107,7 +7107,7 @@ const Hp = Z("rst:my-1", {
 );
 zp.displayName = "Pullquote";
 const ga = Z(
-  "rst:flex rst:items-center rst:text-sm rst:font-medium rst:transition-colors",
+  "rst:font-ui rst:flex rst:items-center rst:text-sm rst:font-medium rst:transition-colors",
   {
     variants: {
       variant: {
@@ -7132,13 +7132,13 @@ const ga = Z(
   ...l
 }) => {
   const c = n ?? Ee, u = e ?? /* @__PURE__ */ f.jsx("span", { className: "rst:text-gray-300 rst:dark:text-gray-600 rst:text-sm rst:transition-colors", children: "/" });
-  return /* @__PURE__ */ f.jsx("nav", { "aria-label": "Breadcrumb", className: T("rst:flex", i), ...l, children: /* @__PURE__ */ f.jsxs("ol", { className: "rst:flex rst:items-center rst:space-x-2", children: [
+  return /* @__PURE__ */ f.jsx("nav", { "aria-label": "Breadcrumb", className: C("rst:flex", i), ...l, children: /* @__PURE__ */ f.jsxs("ol", { className: "rst:flex rst:items-center rst:space-x-2", children: [
     r && /* @__PURE__ */ f.jsxs("li", { className: "rst:flex rst:items-center", children: [
       /* @__PURE__ */ f.jsx(
         c,
         {
           href: s,
-          className: T(
+          className: C(
             ga({ variant: o }),
             "rst:hover:underline-none"
           ),
@@ -7172,7 +7172,7 @@ const ga = Z(
           d || !p.href ? /* @__PURE__ */ f.jsx(
             "span",
             {
-              className: T(
+              className: C(
                 "rst:font-semibold rst:text-sm rst:cursor-default rst:transition-colors",
                 o === "inverse" ? "rst:text-white" : "rst:text-gray-900 rst:dark:text-gray-100",
                 d && a,
@@ -7185,7 +7185,7 @@ const ga = Z(
             c,
             {
               href: p.href,
-              className: T(
+              className: C(
                 ga({ variant: o }),
                 "rst:hover:underline",
                 p.className
@@ -7198,7 +7198,7 @@ const ga = Z(
     })
   ] }) });
 }, Wp = Z(
-  "rst:relative rst:flex rst:flex-col rst:gap-4 rst:overflow-hidden rst:rounded-lg rst:border rst:p-6 rst:shadow-sm rst:transition-all rst:md:flex-row rst:md:items-center rst:md:justify-between",
+  "rst:font-ui rst:relative rst:flex rst:flex-col rst:gap-4 rst:overflow-hidden rst:rounded-lg rst:border rst:p-6 rst:shadow-sm rst:transition-all rst:md:flex-row rst:md:items-center rst:md:justify-between",
   {
     variants: {
       variant: {
@@ -7223,7 +7223,7 @@ const ga = Z(
   onDismiss: a,
   className: o,
   ...i
-}) => /* @__PURE__ */ f.jsxs("div", { className: T(Wp({ variant: n }), o), ...i, children: [
+}) => /* @__PURE__ */ f.jsxs("div", { className: C(Wp({ variant: n }), o), ...i, children: [
   /* @__PURE__ */ f.jsxs("div", { className: "rst:flex rst:items-start rst:gap-4", children: [
     s && /* @__PURE__ */ f.jsx("div", { className: "rst:mt-1 rst:shrink-0 rst:text-current", children: s }),
     /* @__PURE__ */ f.jsxs("div", { className: "rst:flex rst:flex-col rst:gap-1.5 rst:w-full", children: [
@@ -7244,7 +7244,7 @@ const ga = Z(
     }
   ) })
 ] }), Up = Z(
-  "rst:flex rst:flex-col rst:items-center rst:justify-center rst:text-center rst:p-8 rst:rounded-lg rst:transition-colors",
+  "rst:font-ui rst:flex rst:flex-col rst:items-center rst:justify-center rst:text-center rst:p-8 rst:rounded-lg rst:transition-colors",
   {
     variants: {
       variant: {
@@ -7264,13 +7264,13 @@ const ga = Z(
   variant: n,
   className: a,
   ...o
-}) => /* @__PURE__ */ f.jsxs("div", { className: T(Up({ variant: n }), a), ...o, children: [
+}) => /* @__PURE__ */ f.jsxs("div", { className: C(Up({ variant: n }), a), ...o, children: [
   r && /* @__PURE__ */ f.jsx("div", { className: "rst:mb-4 rst:flex rst:h-12 rst:w-12 rst:items-center rst:justify-center rst:rounded-full rst:bg-gray-100 rst:text-gray-400 rst:dark:bg-gray-800 rst:dark:text-gray-500", children: /* @__PURE__ */ f.jsx("div", { className: "rst:h-6 rst:w-6 rst:[&>svg]:h-full rst:[&>svg]:w-full", children: r }) }),
   /* @__PURE__ */ f.jsx("h3", { className: "rst:text-lg rst:font-semibold rst:text-gray-900 rst:dark:text-gray-100", children: t }),
   e && /* @__PURE__ */ f.jsx("p", { className: "rst:mt-1 rst:max-w-sm rst:text-sm rst:text-gray-500 rst:dark:text-gray-400", children: e }),
   s && /* @__PURE__ */ f.jsx("div", { className: "rst:mt-6", children: s })
 ] }), Yp = Z(
-  "rst:flex rst:flex-col rst:items-center rst:justify-center rst:text-center rst:p-8 rst:rounded-lg rst:transition-colors",
+  "rst:font-ui rst:flex rst:flex-col rst:items-center rst:justify-center rst:text-center rst:p-8 rst:rounded-lg rst:transition-colors",
   {
     variants: {
       variant: {
@@ -7291,7 +7291,7 @@ const ga = Z(
   variant: a,
   className: o,
   ...i
-}) => /* @__PURE__ */ f.jsxs("div", { className: T(Yp({ variant: a }), o), ...i, children: [
+}) => /* @__PURE__ */ f.jsxs("div", { className: C(Yp({ variant: a }), o), ...i, children: [
   /* @__PURE__ */ f.jsx("div", { className: "rst:mb-4 rst:flex rst:h-12 rst:w-12 rst:items-center rst:justify-center rst:rounded-full rst:bg-error-100 rst:text-error-600 rst:dark:bg-error-500/15 rst:dark:text-error-400", children: /* @__PURE__ */ f.jsx("div", { className: "rst:h-6 rst:w-6 rst:flex rst:items-center rst:justify-center", children: n || /* @__PURE__ */ f.jsx(
     mt,
     {
@@ -7303,7 +7303,7 @@ const ga = Z(
   /* @__PURE__ */ f.jsx(
     "p",
     {
-      className: T(
+      className: C(
         "rst:mt-2 rst:text-sm rst:leading-relaxed",
         a === "card" ? "rst:text-error-800/80 rst:dark:text-error-200/80" : "rst:text-gray-500 rst:dark:text-gray-400"
       ),
@@ -7354,7 +7354,7 @@ const ga = Z(
       {
         ref: o,
         type: "button",
-        className: T(
+        className: C(
           "rst:flex rst:items-center rst:gap-3 rst:rounded-lg rst:p-2 rst:text-left rst:transition rst:hover:bg-gray-100 rst:dark:hover:bg-slate-800",
           n
         ),
@@ -7373,7 +7373,7 @@ const ga = Z(
               t.accessory && /* @__PURE__ */ f.jsx(
                 "span",
                 {
-                  className: T(
+                  className: C(
                     "rst:text-sm rst:text-gray-800 rst:dark:text-gray-300",
                     t.isWinner && "rst:font-bold"
                   ),
@@ -7389,7 +7389,7 @@ const ga = Z(
               e.accessory && /* @__PURE__ */ f.jsx(
                 "span",
                 {
-                  className: T(
+                  className: C(
                     "rst:text-sm rst:text-gray-800 rst:dark:text-gray-300",
                     e.isWinner && "rst:font-bold"
                   ),
@@ -7414,7 +7414,7 @@ const ga = Z(
 );
 Gp.displayName = "MatchupCard";
 const Kp = Z(
-  "rst:w-full rst:z-40 rst:shadow-lg rst:backdrop-blur-md rst:transition-all",
+  "rst:font-ui rst:w-full rst:z-40 rst:shadow-lg rst:backdrop-blur-md rst:transition-all",
   {
     variants: {
       variant: {
@@ -7449,7 +7449,7 @@ const Kp = Z(
     "div",
     {
       ref: c,
-      className: T(Kp({ variant: o, position: a }), i),
+      className: C(Kp({ variant: o, position: a }), i),
       ...l,
       children: /* @__PURE__ */ f.jsxs("div", { className: "rst:container rst:mx-auto rst:p-4", children: [
         /* @__PURE__ */ f.jsxs("div", { className: "rst:flex rst:justify-between rst:items-center", children: [
@@ -7736,8 +7736,8 @@ const hm = (t) => {
     }
   }
 ), yr = ({ value: t, label: e, size: r, variant: s }) => /* @__PURE__ */ f.jsxs("div", { className: "rst:flex rst:flex-col rst:items-center", children: [
-  /* @__PURE__ */ f.jsx("span", { className: T(bm({ size: r, variant: s })), children: String(t).padStart(2, "0") }),
-  /* @__PURE__ */ f.jsx("span", { className: T(vm({ size: r })), children: e })
+  /* @__PURE__ */ f.jsx("span", { className: C(bm({ size: r, variant: s })), children: String(t).padStart(2, "0") }),
+  /* @__PURE__ */ f.jsx("span", { className: C(vm({ size: r })), children: e })
 ] }), xm = S.forwardRef(
   ({
     targetDate: t,
@@ -7753,24 +7753,24 @@ const hm = (t) => {
       "div",
       {
         ref: i,
-        className: T(
+        className: C(
           "rst:font-bold rst:w-full rst:text-center rst:text-gray-900 rst:dark:text-gray-100",
           n
         ),
         ...o,
-        children: /* @__PURE__ */ f.jsx("h3", { className: T(ka({ size: r }), "rst:mb-0"), children: a })
+        children: /* @__PURE__ */ f.jsx("h3", { className: C(ka({ size: r }), "rst:mb-0"), children: a })
       }
     ) : null : /* @__PURE__ */ f.jsxs(
       "div",
       {
         ref: i,
-        className: T(
+        className: C(
           "rst:font-bold rst:w-full rst:text-center rst:text-gray-900 rst:dark:text-gray-100",
           n
         ),
         ...o,
         children: [
-          e && /* @__PURE__ */ f.jsx("h3", { className: T(ka({ size: r })), children: e }),
+          e && /* @__PURE__ */ f.jsx("h3", { className: C(ka({ size: r })), children: e }),
           /* @__PURE__ */ f.jsxs("div", { className: "rst:flex rst:justify-center rst:gap-4 rst:sm:gap-6 rst:md:gap-8", children: [
             /* @__PURE__ */ f.jsx(
               yr,
@@ -7859,7 +7859,7 @@ const ym = Z(
   status: o,
   children: i,
   className: l
-}) => /* @__PURE__ */ f.jsx(je, { appear: !0, show: t, as: xt, children: /* @__PURE__ */ f.jsxs(xd, { as: "div", className: "rst:relative rst:z-50", onClose: e, children: [
+}) => /* @__PURE__ */ f.jsx(je, { appear: !0, show: t, as: xt, children: /* @__PURE__ */ f.jsxs(xd, { as: "div", className: "rst:font-ui rst:relative rst:z-50", onClose: e, children: [
   /* @__PURE__ */ f.jsx(
     Ze,
     {
@@ -7873,7 +7873,7 @@ const ym = Z(
       children: /* @__PURE__ */ f.jsx(
         vd,
         {
-          className: T(
+          className: C(
             "rst:fixed rst:inset-0 rst:transition-opacity",
             a === "glass" ? "rst:bg-slate-900/40 rst:dark:bg-black/60" : "rst:bg-slate-900/60 rst:dark:bg-black/80 rst:backdrop-blur-sm"
           )
@@ -7894,22 +7894,22 @@ const ym = Z(
       children: /* @__PURE__ */ f.jsxs(
         Bo,
         {
-          className: T(
+          className: C(
             ym({ size: n, variant: a, status: o }),
             l
           ),
           children: [
             /* @__PURE__ */ f.jsxs("div", { className: "rst:flex rst:items-start rst:justify-between", children: [
               /* @__PURE__ */ f.jsxs("div", { children: [
-                /* @__PURE__ */ f.jsx(Ho, { as: "h2", className: T(wm()), children: r }),
-                s && /* @__PURE__ */ f.jsx("p", { className: T(km()), children: s })
+                /* @__PURE__ */ f.jsx(Ho, { as: "h2", className: C(wm()), children: r }),
+                s && /* @__PURE__ */ f.jsx("p", { className: C(km()), children: s })
               ] }),
               /* @__PURE__ */ f.jsx("div", { className: "rst:ml-4 rst:flex rst:shrink-0", children: /* @__PURE__ */ f.jsx(
                 "button",
                 {
                   type: "button",
                   onClick: e,
-                  className: T(Sm()),
+                  className: C(Sm()),
                   "aria-label": "Close dialog",
                   children: /* @__PURE__ */ f.jsx(mt, { icon: Ge, className: "rst:h-5 rst:w-5" })
                 }
@@ -7922,7 +7922,7 @@ const ym = Z(
     }
   ) }) })
 ] }) }), Em = Z(
-  "rst:w-full rst:py-6 rst:mt-auto rst:transition-colors rst:duration-200",
+  "rst:font-ui rst:w-full rst:py-6 rst:mt-auto rst:transition-colors rst:duration-200",
   {
     variants: {
       variant: {
@@ -7948,7 +7948,7 @@ const ym = Z(
       "footer",
       {
         ref: o,
-        className: T(Em({ variant: e }), t),
+        className: C(Em({ variant: e }), t),
         ...a,
         children: /* @__PURE__ */ f.jsxs("div", { className: "rst:container rst:mx-auto rst:px-4 rst:flex rst:flex-col rst:items-center rst:gap-2", children: [
           s && s.length > 0 && /* @__PURE__ */ f.jsx("nav", { "aria-label": "Footer navigation", className: "rst:flex rst:flex-wrap rst:justify-center rst:gap-x-5 rst:gap-y-1", children: s.map((c) => /* @__PURE__ */ f.jsx(
@@ -7975,7 +7975,7 @@ const ym = Z(
 );
 Nm.displayName = "Footer";
 const Pm = Z(
-  "rst:w-full rst:z-30 rst:border-b rst:transition-colors rst:duration-200",
+  "rst:font-ui rst:w-full rst:z-30 rst:border-b rst:transition-colors rst:duration-200",
   {
     variants: {
       variant: {
@@ -8061,7 +8061,7 @@ const Xm = ({
   themeMode: x,
   notificationVariant: k = "error",
   notificationFill: E = "solid",
-  ...C
+  ...T
 }) => {
   const P = (i?.notificationCount || 0) > 0, M = typeof e == "number" ? `${e}px` : e, z = { width: M, height: M }, N = Om(x === "auto"), L = (x === "auto" ? N ? "dark" : "light" : x ?? (v === "white" || v === "default" ? "light" : "dark")) === "dark", _ = v === "slate" || v === "primary" || v === "default" && L || v === "white" && L || v === "transparent" && L, R = {
     brand: _ ? "rst:text-white rst:dark:text-white rst:hover:text-gray-200 rst:dark:hover:text-gray-200" : "rst:text-gray-900 rst:dark:text-gray-900 rst:hover:text-gray-600 rst:dark:hover:text-gray-600",
@@ -8073,8 +8073,8 @@ const Xm = ({
     oi,
     {
       as: "nav",
-      className: T("rst:z-50", Pm({ variant: v, position: w }), b),
-      ...C,
+      className: C("rst:z-50", Pm({ variant: v, position: w }), b),
+      ...T,
       children: ({ open: D, close: F }) => {
         const U = Sa(m, F), O = Sa(g, F);
         return /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
@@ -8087,7 +8087,7 @@ const Xm = ({
                 to: "/",
                 variant: "neutral",
                 underline: "none",
-                className: T(
+                className: C(
                   "rst:flex rst:items-center rst:gap-3 rst:transition-opacity",
                   R.brand
                 ),
@@ -8098,7 +8098,7 @@ const Xm = ({
                       src: t,
                       alt: `${s} Logo`,
                       style: z,
-                      className: T("rst:shrink-0", r ?? "rst:rounded-md")
+                      className: C("rst:shrink-0", r ?? "rst:rounded-md")
                     }
                   ),
                   d ?? /* @__PURE__ */ f.jsx("span", { className: "rst:text-xl rst:font-bold rst:tracking-tight", children: s })
@@ -8116,7 +8116,7 @@ const Xm = ({
                     to: j.path,
                     variant: "neutral",
                     underline: "none",
-                    className: T(
+                    className: C(
                       "rst:inline-flex rst:items-center rst:gap-1.5 rst:text-sm rst:transition-colors rst:duration-200",
                       H ? R.linkActive : R.linkBase
                     ),
@@ -8172,7 +8172,7 @@ const Xm = ({
                             colorScheme: "neutral",
                             size: "sm",
                             onClick: u,
-                            className: T(
+                            className: C(
                               "rst:w-full rst:justify-start rst:rounded-none rst:px-4",
                               j && "rst:bg-gray-50 rst:dark:bg-gray-700"
                             ),
@@ -8198,7 +8198,7 @@ const Xm = ({
                             },
                             role: "button",
                             tabIndex: 0,
-                            className: T(
+                            className: C(
                               "rst:flex rst:w-full rst:items-center rst:justify-between rst:px-4 rst:py-2 rst:text-sm rst:text-gray-700 rst:dark:text-gray-200 rst:cursor-pointer rst:transition-colors",
                               j && "rst:bg-gray-50 rst:dark:bg-gray-700"
                             ),
@@ -8211,7 +8211,7 @@ const Xm = ({
                                   mt,
                                   {
                                     icon: ps,
-                                    className: T(
+                                    className: C(
                                       "rst:w-4 rst:transition-colors",
                                       L ? "rst:text-amber-500" : "rst:text-gray-400"
                                     )
@@ -8242,7 +8242,7 @@ const Xm = ({
                           to: j.path,
                           variant: "neutral",
                           underline: "none",
-                          className: T(
+                          className: C(
                             "rst:flex rst:w-full rst:items-center rst:justify-between rst:gap-2 rst:px-4 rst:py-2 rst:text-sm rst:text-gray-700 rst:dark:text-gray-200 rst:transition-colors",
                             H && "rst:bg-gray-50 rst:dark:bg-gray-700"
                           ),
@@ -8259,7 +8259,7 @@ const Xm = ({
                           colorScheme: "neutral",
                           size: "sm",
                           onClick: c,
-                          className: T(
+                          className: C(
                             "rst:w-full rst:justify-start rst:rounded-none rst:px-4",
                             j && "rst:bg-gray-50 rst:dark:bg-gray-700"
                           ),
@@ -8281,7 +8281,7 @@ const Xm = ({
             /* @__PURE__ */ f.jsx("div", { "data-roster-hamburger": !0, className: "rst:flex rst:md:hidden", children: /* @__PURE__ */ f.jsxs(
               Tr,
               {
-                className: T(
+                className: C(
                   "rst:inline-flex rst:items-center rst:justify-center rst:rounded-md rst:p-2 rst:focus:outline-none rst:focus:ring-2 rst:focus:ring-inset rst:focus:ring-primary-500",
                   R.hamburger
                 ),
@@ -8336,7 +8336,7 @@ const Xm = ({
                               src: t,
                               alt: s,
                               style: z,
-                              className: T("rst:shrink-0", r ?? "rst:rounded-md")
+                              className: C("rst:shrink-0", r ?? "rst:rounded-md")
                             }
                           ),
                           d ?? /* @__PURE__ */ f.jsx("span", { className: "rst:font-bold rst:text-gray-900 rst:dark:text-white", children: s })
@@ -8367,7 +8367,7 @@ const Xm = ({
                                 onClick: () => F(),
                                 variant: "neutral",
                                 underline: "none",
-                                className: T(
+                                className: C(
                                   "rst:-m-3 rst:flex rst:items-center rst:rounded-md rst:p-3 rst:transition-colors",
                                   "rst:hover:bg-gray-50 rst:dark:hover:bg-gray-700",
                                   H ? "rst:bg-gray-50 rst:dark:bg-gray-700" : "rst:text-gray-900 rst:dark:text-gray-100"
@@ -8375,7 +8375,7 @@ const Xm = ({
                                 children: /* @__PURE__ */ f.jsxs(
                                   "span",
                                   {
-                                    className: T(
+                                    className: C(
                                       "rst:ml-3 rst:inline-flex rst:items-center rst:gap-1.5 rst:text-base rst:font-medium",
                                       H ? "rst:text-primary-600 rst:dark:text-primary-400 rst:font-bold" : "rst:text-gray-900 rst:dark:text-gray-100"
                                     ),
@@ -8402,7 +8402,7 @@ const Xm = ({
                                   onClick: () => F(),
                                   variant: "neutral",
                                   underline: "none",
-                                  className: T(
+                                  className: C(
                                     "rst:-m-3 rst:flex rst:items-center rst:rounded-md rst:p-3 rst:transition-colors",
                                     "rst:hover:bg-gray-50 rst:dark:hover:bg-gray-700",
                                     H ? "rst:bg-gray-50 rst:dark:bg-gray-700" : "rst:text-gray-900 rst:dark:text-gray-100"
@@ -8411,7 +8411,7 @@ const Xm = ({
                                     /* @__PURE__ */ f.jsx(
                                       "span",
                                       {
-                                        className: T(
+                                        className: C(
                                           "rst:ml-3 rst:text-base rst:font-medium",
                                           H ? "rst:text-primary-600 rst:dark:text-primary-400 rst:font-bold" : "rst:text-gray-900 rst:dark:text-gray-100"
                                         ),
@@ -8480,7 +8480,7 @@ const Xm = ({
                                 mt,
                                 {
                                   icon: ps,
-                                  className: T(
+                                  className: C(
                                     "rst:w-5 rst:transition-colors",
                                     L ? "rst:text-amber-500" : "rst:text-gray-400"
                                   )
@@ -8629,7 +8629,7 @@ export {
   ug as buttonVariants,
   Qf as cardVariants,
   Jf as checkboxVariants,
-  T as cn,
+  C as cn,
   Wp as ctaVariants,
   Vp as descriptionListVariants,
   r0 as disclosureContentVariants,