@blakesteve/roster 2.3.0 → 2.5.0

package/dist/roster.es.js

@@ -1,6 +1,6 @@
 "use client";
 import * as j from "react";
-import $, { useRef as Y, useCallback as ie, useEffect as me, useState as ae, useMemo as ye, useLayoutEffect as Ko, useContext as fe, createContext as Ce, forwardRef as qo, isValidElement as Xo, cloneElement as zl, createElement as cf, Fragment as Ie, useId as xe, useSyncExternalStore as df, useReducer as ff, createRef as gf } from "react";
+import C, { useRef as K, useCallback as ie, useEffect as me, useState as ae, useMemo as ye, useLayoutEffect as Ko, useContext as fe, createContext as Ce, forwardRef as qo, isValidElement as Xo, cloneElement as zl, createElement as cf, Fragment as Ie, useId as xe, useSyncExternalStore as df, useReducer as ff, createRef as gf } from "react";
 import * as Bn from "react-dom";
 import { flushSync as nr, createPortal as Hl } from "react-dom";
 var En = { exports: {} }, _r = {};
@@ -30,12 +30,12 @@ var Tr = {};
 var Xi;
 function pf() {
   return Xi || (Xi = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(C) {
-      if (C == null) return null;
-      if (typeof C == "function")
-        return C.$$typeof === I ? null : C.displayName || C.name || null;
-      if (typeof C == "string") return C;
-      switch (C) {
+    function e(E) {
+      if (E == null) return null;
+      if (typeof E == "function")
+        return E.$$typeof === $ ? null : E.displayName || E.name || null;
+      if (typeof E == "string") return E;
+      switch (E) {
         case v:
           return "Fragment";
         case x:
@@ -46,130 +46,130 @@ function pf() {
           return "Suspense";
         case N:
           return "SuspenseList";
-        case S:
+        case F:
           return "Activity";
       }
-      if (typeof C == "object")
-        switch (typeof C.tag == "number" && console.error(
+      if (typeof E == "object")
+        switch (typeof E.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), C.$$typeof) {
+        ), E.$$typeof) {
           case p:
             return "Portal";
-          case E:
-            return C.displayName || "Context";
+          case S:
+            return E.displayName || "Context";
           case y:
-            return (C._context.displayName || "Context") + ".Consumer";
+            return (E._context.displayName || "Context") + ".Consumer";
           case w:
-            var L = C.render;
-            return C = C.displayName, C || (C = L.displayName || L.name || "", C = C !== "" ? "ForwardRef(" + C + ")" : "ForwardRef"), C;
-          case F:
-            return L = C.displayName || null, L !== null ? L : e(C.type) || "Memo";
-          case z:
-            L = C._payload, C = C._init;
+            var L = E.render;
+            return E = E.displayName, E || (E = L.displayName || L.name || "", E = E !== "" ? "ForwardRef(" + E + ")" : "ForwardRef"), E;
+          case I:
+            return L = E.displayName || null, L !== null ? L : e(E.type) || "Memo";
+          case B:
+            L = E._payload, E = E._init;
             try {
-              return e(C(L));
+              return e(E(L));
             } catch {
             }
         }
       return null;
     }
-    function t(C) {
-      return "" + C;
+    function t(E) {
+      return "" + E;
     }
-    function r(C) {
+    function r(E) {
       try {
-        t(C);
+        t(E);
         var L = !1;
       } catch {
         L = !0;
       }
       if (L) {
         L = console;
-        var R = L.error, O = typeof Symbol == "function" && Symbol.toStringTag && C[Symbol.toStringTag] || C.constructor.name || "Object";
+        var R = L.error, O = typeof Symbol == "function" && Symbol.toStringTag && E[Symbol.toStringTag] || E.constructor.name || "Object";
         return R.call(
           L,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           O
-        ), t(C);
+        ), t(E);
       }
     }
-    function n(C) {
-      if (C === v) return "<>";
-      if (typeof C == "object" && C !== null && C.$$typeof === z)
+    function n(E) {
+      if (E === v) return "<>";
+      if (typeof E == "object" && E !== null && E.$$typeof === B)
         return "<...>";
       try {
-        var L = e(C);
+        var L = e(E);
         return L ? "<" + L + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function a() {
-      var C = K.A;
-      return C === null ? null : C.getOwner();
+      var E = V.A;
+      return E === null ? null : E.getOwner();
     }
     function o() {
       return Error("react-stack-top-frame");
     }
-    function i(C) {
-      if (X.call(C, "key")) {
-        var L = Object.getOwnPropertyDescriptor(C, "key").get;
+    function i(E) {
+      if (X.call(E, "key")) {
+        var L = Object.getOwnPropertyDescriptor(E, "key").get;
         if (L && L.isReactWarning) return !1;
       }
-      return C.key !== void 0;
+      return E.key !== void 0;
     }
-    function s(C, L) {
+    function s(E, L) {
       function R() {
-        W || (W = !0, console.error(
+        U || (U = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           L
         ));
       }
-      R.isReactWarning = !0, Object.defineProperty(C, "key", {
+      R.isReactWarning = !0, Object.defineProperty(E, "key", {
         get: R,
         configurable: !0
       });
     }
     function l() {
-      var C = e(this.type);
-      return J[C] || (J[C] = !0, console.error(
+      var E = e(this.type);
+      return J[E] || (J[E] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), C = this.props.ref, C !== void 0 ? C : null;
+      )), E = this.props.ref, E !== void 0 ? E : null;
     }
-    function u(C, L, R, O, Q, B) {
+    function u(E, L, R, O, Q, W) {
       var D = R.ref;
-      return C = {
+      return E = {
         $$typeof: m,
-        type: C,
+        type: E,
         key: L,
         props: R,
         _owner: O
-      }, (D !== void 0 ? D : null) !== null ? Object.defineProperty(C, "ref", {
+      }, (D !== void 0 ? D : null) !== null ? Object.defineProperty(E, "ref", {
         enumerable: !1,
         get: l
-      }) : Object.defineProperty(C, "ref", { enumerable: !1, value: null }), C._store = {}, Object.defineProperty(C._store, "validated", {
+      }) : Object.defineProperty(E, "ref", { enumerable: !1, value: null }), E._store = {}, Object.defineProperty(E._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(C, "_debugInfo", {
+      }), Object.defineProperty(E, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(C, "_debugStack", {
+      }), Object.defineProperty(E, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: Q
-      }), Object.defineProperty(C, "_debugTask", {
+      }), Object.defineProperty(E, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: B
-      }), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
+        value: W
+      }), Object.freeze && (Object.freeze(E.props), Object.freeze(E)), E;
     }
-    function c(C, L, R, O, Q, B) {
+    function c(E, L, R, O, Q, W) {
       var D = L.children;
       if (D !== void 0)
         if (O)
@@ -183,7 +183,7 @@ function pf() {
             );
         else f(D);
       if (X.call(L, "key")) {
-        D = e(C);
+        D = e(E);
         var pe = Object.keys(L).filter(function(Xe) {
           return Xe !== "key";
         });
@@ -207,53 +207,53 @@ React keys must be passed directly to JSX without using spread:
       } else R = L;
       return D && s(
         R,
-        typeof C == "function" ? C.displayName || C.name || "Unknown" : C
+        typeof E == "function" ? E.displayName || E.name || "Unknown" : E
       ), u(
-        C,
+        E,
         D,
         R,
         a(),
         Q,
-        B
+        W
       );
     }
-    function f(C) {
-      g(C) ? C._store && (C._store.validated = 1) : typeof C == "object" && C !== null && C.$$typeof === z && (C._payload.status === "fulfilled" ? g(C._payload.value) && C._payload.value._store && (C._payload.value._store.validated = 1) : C._store && (C._store.validated = 1));
+    function f(E) {
+      g(E) ? E._store && (E._store.validated = 1) : typeof E == "object" && E !== null && E.$$typeof === B && (E._payload.status === "fulfilled" ? g(E._payload.value) && E._payload.value._store && (E._payload.value._store.validated = 1) : E._store && (E._store.validated = 1));
     }
-    function g(C) {
-      return typeof C == "object" && C !== null && C.$$typeof === m;
+    function g(E) {
+      return typeof E == "object" && E !== null && E.$$typeof === m;
     }
-    var d = $, m = /* @__PURE__ */ Symbol.for("react.transitional.element"), p = /* @__PURE__ */ Symbol.for("react.portal"), v = /* @__PURE__ */ Symbol.for("react.fragment"), b = /* @__PURE__ */ Symbol.for("react.strict_mode"), x = /* @__PURE__ */ Symbol.for("react.profiler"), y = /* @__PURE__ */ Symbol.for("react.consumer"), E = /* @__PURE__ */ Symbol.for("react.context"), w = /* @__PURE__ */ Symbol.for("react.forward_ref"), P = /* @__PURE__ */ Symbol.for("react.suspense"), N = /* @__PURE__ */ Symbol.for("react.suspense_list"), F = /* @__PURE__ */ Symbol.for("react.memo"), z = /* @__PURE__ */ Symbol.for("react.lazy"), S = /* @__PURE__ */ Symbol.for("react.activity"), I = /* @__PURE__ */ Symbol.for("react.client.reference"), K = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, X = Object.prototype.hasOwnProperty, M = Array.isArray, V = console.createTask ? console.createTask : function() {
+    var d = C, m = /* @__PURE__ */ Symbol.for("react.transitional.element"), p = /* @__PURE__ */ Symbol.for("react.portal"), v = /* @__PURE__ */ Symbol.for("react.fragment"), b = /* @__PURE__ */ Symbol.for("react.strict_mode"), x = /* @__PURE__ */ Symbol.for("react.profiler"), y = /* @__PURE__ */ Symbol.for("react.consumer"), S = /* @__PURE__ */ Symbol.for("react.context"), w = /* @__PURE__ */ Symbol.for("react.forward_ref"), P = /* @__PURE__ */ Symbol.for("react.suspense"), N = /* @__PURE__ */ Symbol.for("react.suspense_list"), I = /* @__PURE__ */ Symbol.for("react.memo"), B = /* @__PURE__ */ Symbol.for("react.lazy"), F = /* @__PURE__ */ Symbol.for("react.activity"), $ = /* @__PURE__ */ Symbol.for("react.client.reference"), V = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, X = Object.prototype.hasOwnProperty, M = Array.isArray, z = console.createTask ? console.createTask : function() {
       return null;
     };
     d = {
-      react_stack_bottom_frame: function(C) {
-        return C();
+      react_stack_bottom_frame: function(E) {
+        return E();
       }
     };
-    var W, J = {}, k = d.react_stack_bottom_frame.bind(
+    var U, J = {}, k = d.react_stack_bottom_frame.bind(
       d,
       o
-    )(), U = V(n(o)), re = {};
-    Tr.Fragment = v, Tr.jsx = function(C, L, R) {
-      var O = 1e4 > K.recentlyCreatedOwnerStacks++;
+    )(), Y = z(n(o)), re = {};
+    Tr.Fragment = v, Tr.jsx = function(E, L, R) {
+      var O = 1e4 > V.recentlyCreatedOwnerStacks++;
       return c(
-        C,
+        E,
         L,
         R,
         !1,
         O ? Error("react-stack-top-frame") : k,
-        O ? V(n(C)) : U
+        O ? z(n(E)) : Y
       );
-    }, Tr.jsxs = function(C, L, R) {
-      var O = 1e4 > K.recentlyCreatedOwnerStacks++;
+    }, Tr.jsxs = function(E, L, R) {
+      var O = 1e4 > V.recentlyCreatedOwnerStacks++;
       return c(
-        C,
+        E,
         L,
         R,
         !0,
         O ? Error("react-stack-top-frame") : k,
-        O ? V(n(C)) : U
+        O ? z(n(E)) : Y
       );
     };
   })()), Tr;
@@ -263,7 +263,7 @@ function hf() {
   return Ji || (Ji = 1, process.env.NODE_ENV === "production" ? En.exports = mf() : En.exports = pf()), En.exports;
 }
 var h = hf();
-const vf = typeof document < "u" ? $.useLayoutEffect : () => {
+const vf = typeof document < "u" ? C.useLayoutEffect : () => {
 }, Gt = (e) => {
   var t;
   return (t = e?.ownerDocument) !== null && t !== void 0 ? t : document;
@@ -413,7 +413,7 @@ function Zr(e, t, r = !0) {
 }
 Zr.isOpening = !1;
 function Yl() {
-  let e = Y(/* @__PURE__ */ new Map()), t = ie((a, o, i, s) => {
+  let e = K(/* @__PURE__ */ new Map()), t = ie((a, o, i, s) => {
     let l = s?.once ? (...u) => {
       e.current.delete(i), i(...u);
     } : i;
@@ -458,7 +458,7 @@ function Af(e, t) {
   });
 }
 function ql(e) {
-  let t = Y({
+  let t = K({
     isFocused: !1,
     observer: null
   });
@@ -610,7 +610,7 @@ function Vf(e) {
   };
 }
 function zf(e) {
-  let { isDisabled: t, onBlurWithin: r, onFocusWithin: n, onFocusWithinChange: a } = e, o = Y({
+  let { isDisabled: t, onBlurWithin: r, onFocusWithin: n, onFocusWithinChange: a } = e, o = K({
     isFocusWithin: !1
   }), { addGlobalListener: i, removeAllGlobalListeners: s } = Yl(), l = ie((f) => {
     Pt(f.currentTarget, f.target) && o.current.isFocusWithin && !Pt(f.currentTarget, f.relatedTarget) && (o.current.isFocusWithin = !1, s(), r && r(f), a && a(!1));
@@ -674,7 +674,7 @@ function Hf() {
     };
 }
 function Bt(e) {
-  let { onHoverStart: t, onHoverChange: r, onHoverEnd: n, isDisabled: a } = e, [o, i] = ae(!1), s = Y({
+  let { onHoverStart: t, onHoverChange: r, onHoverEnd: n, isDisabled: a } = e, [o, i] = ae(!1), s = K({
     isHovered: !1,
     ignoreEmulatedMouseEvents: !1,
     pointerType: "",
@@ -738,7 +738,7 @@ function Bt(e) {
   };
 }
 function Wt(e = {}) {
-  let { autoFocus: t = !1, isTextInput: r, within: n } = e, a = Y({
+  let { autoFocus: t = !1, isTextInput: r, within: n } = e, a = K({
     isFocused: !1,
     isFocusVisible: t || po()
   }), [o, i] = ae(!1), [s, l] = ae(() => a.current.isFocused && a.current.isFocusVisible), u = ie(() => l(a.current.isFocused && a.current.isFocusVisible), []), c = ie((d) => {
@@ -862,14 +862,14 @@ let ge = (e, t) => {
   ot.isServer ? me(e, t) : Ko(e, t);
 };
 function lt(e) {
-  let t = Y(e);
+  let t = K(e);
   return ge(() => {
     t.current = e;
   }, [e]), t;
 }
 let T = function(e) {
   let t = lt(e);
-  return $.useCallback((...r) => t.current(...r), [t]);
+  return C.useCallback((...r) => t.current(...r), [t]);
 };
 function Uf(e) {
   let t = e.width / 2, r = e.height / 2;
@@ -879,7 +879,7 @@ function Yf(e, t) {
   return !(!e || !t || e.right < t.left || e.left > t.right || e.bottom < t.top || e.top > t.bottom);
 }
 function Sr({ disabled: e = !1 } = {}) {
-  let t = Y(null), [r, n] = ae(!1), a = rt(), o = T(() => {
+  let t = K(null), [r, n] = ae(!1), a = rt(), o = T(() => {
     t.current = null, n(!1), a.dispose();
   }), i = T((s) => {
     if (a.dispose(), t.current === null) {
@@ -905,7 +905,7 @@ function St() {
   return fe(eu);
 }
 function Kf({ value: e, children: t }) {
-  return $.createElement(eu.Provider, { value: e }, t);
+  return C.createElement(eu.Provider, { value: e }, t);
 }
 function vo(...e) {
   return Array.from(new Set(e.flatMap((t) => typeof t == "string" ? t.split(" ") : []))).filter(Boolean).join(" ");
@@ -967,7 +967,7 @@ function Rn(e, t = {}, r, n, a) {
   return cf(o, Object.assign({}, La(l, ["ref"]), !Br(o) && u, !Br(o) && f), c);
 }
 function Xf() {
-  let e = Y([]), t = ie((r) => {
+  let e = K([]), t = ie((r) => {
     for (let n of e.current) n != null && (typeof n == "function" ? n(r) : n.current = r);
   }, []);
   return (...r) => {
@@ -1023,7 +1023,7 @@ function La(e, t = []) {
   return r;
 }
 function Qf(e) {
-  return $.version.split(".")[0] >= "19" ? e.props.ref : e.ref;
+  return C.version.split(".")[0] >= "19" ? e.props.ref : e.ref;
 }
 function Br(e) {
   return e === Ie || e === /* @__PURE__ */ Symbol.for("react.fragment");
@@ -1039,7 +1039,7 @@ function tg(e, t) {
 }
 let rg = le(tg);
 function ti(e, t, r) {
-  let [n, a] = ae(r), o = e !== void 0, i = Y(o), s = Y(!1), l = Y(!1);
+  let [n, a] = ae(r), o = e !== void 0, i = K(o), s = K(!1), l = K(!1);
   return o && !i.current && !s.current ? (s.current = !0, i.current = o, console.error("A component is changing from uncontrolled to controlled. This may be caused by the value changing from undefined to a defined value, which should not happen.")) : !o && i.current && !l.current && (l.current = !0, i.current = o, console.error("A component is changing from controlled to uncontrolled. This may be caused by the value changing from a defined value to undefined, which should not happen.")), [o ? e : n, T((u) => (o || nr(() => a(u)), t?.(u)))];
 }
 function ri(e) {
@@ -1083,19 +1083,19 @@ function og(e, t) {
 let bt = le(og), ou = Ce(null);
 function ig(e) {
   let [t, r] = ae(null);
-  return $.createElement(ou.Provider, { value: { target: t } }, e.children, $.createElement(bt, { features: ut.Hidden, ref: r }));
+  return C.createElement(ou.Provider, { value: { target: t } }, e.children, C.createElement(bt, { features: ut.Hidden, ref: r }));
 }
 function sg({ children: e }) {
   let t = fe(ou);
-  if (!t) return $.createElement($.Fragment, null, e);
+  if (!t) return C.createElement(C.Fragment, null, e);
   let { target: r } = t;
-  return r ? Hl($.createElement($.Fragment, null, e), r) : null;
+  return r ? Hl(C.createElement(C.Fragment, null, e), r) : null;
 }
 function ai({ data: e, form: t, disabled: r, onReset: n, overrides: a }) {
   let [o, i] = ae(null), s = rt();
   return me(() => {
     if (n && o) return s.addEventListener(o, "reset", n);
-  }, [o, t, n]), $.createElement(sg, null, $.createElement(lg, { setForm: i, formId: t }), ru(e).map(([l, u]) => $.createElement(bt, { features: ut.Hidden, ...$t({ key: l, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: t, disabled: r, name: l, value: u, ...a }) })));
+  }, [o, t, n]), C.createElement(sg, null, C.createElement(lg, { setForm: i, formId: t }), ru(e).map(([l, u]) => C.createElement(bt, { features: ut.Hidden, ...$t({ key: l, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: t, disabled: r, name: l, value: u, ...a }) })));
 }
 function lg({ setForm: e, formId: t }) {
   return me(() => {
@@ -1103,7 +1103,7 @@ function lg({ setForm: e, formId: t }) {
       let r = document.getElementById(t);
       r && e(r);
     }
-  }, [e, t]), t ? null : $.createElement(bt, { features: ut.Hidden, as: "input", type: "hidden", hidden: !0, readOnly: !0, ref: (r) => {
+  }, [e, t]), t ? null : C.createElement(bt, { features: ut.Hidden, as: "input", type: "hidden", hidden: !0, readOnly: !0, ref: (r) => {
     if (!r) return;
     let n = r.closest("form");
     n && e(n);
@@ -1114,7 +1114,7 @@ function Er() {
   return fe(iu);
 }
 function ug({ id: e, children: t }) {
-  return $.createElement(iu.Provider, { value: e }, t);
+  return C.createElement(iu.Provider, { value: e }, t);
 }
 function su(e) {
   return typeof e != "object" || e === null ? !1 : "nodeType" in e;
@@ -1169,7 +1169,7 @@ function du(e, t = !0) {
   return Object.assign(e, { [cu]: t });
 }
 function be(...e) {
-  let t = Y(e);
+  let t = K(e);
   me(() => {
     t.current = e;
   }, [e]);
@@ -1199,7 +1199,7 @@ function la() {
       let s = i.slice(), l = s.indexOf(o);
       return l !== -1 && s.splice(l, 1), s;
     }))), a = ye(() => ({ register: n, slot: r.slot, name: r.name, props: r.props, value: r.value }), [n, r.slot, r.name, r.props, r.value]);
-    return $.createElement(sa.Provider, { value: a }, r.children);
+    return C.createElement(sa.Provider, { value: a }, r.children);
   }, [t])];
 }
 let pg = "p";
@@ -1233,7 +1233,7 @@ function cn({ inherit: e = !1 } = {}) {
       let c = u.slice(), f = c.indexOf(l);
       return f !== -1 && c.splice(f, 1), c;
     }))), s = ye(() => ({ register: i, slot: o.slot, name: o.name, props: o.props, value: o.value }), [i, o.slot, o.name, o.props, o.value]);
-    return $.createElement(ua.Provider, { value: s }, o.children);
+    return C.createElement(ua.Provider, { value: s }, o.children);
   }, [n])];
 }
 let bg = "label";
@@ -1258,24 +1258,24 @@ function yg(e, t) {
 }
 let xg = le(yg), $r = Object.assign(xg, {}), wg = "span";
 function kg(e, t) {
-  let r = xe(), n = Er(), a = St(), { id: o = n || `headlessui-checkbox-${r}`, disabled: i = a || !1, autoFocus: s = !1, checked: l, defaultChecked: u, onChange: c, name: f, value: g, form: d, indeterminate: m = !1, tabIndex: p = 0, ...v } = e, b = ri(u), [x, y] = ti(l, c, b ?? !1), E = Cr(), w = ln(), P = rt(), [N, F] = ae(!1), z = T(() => {
-    F(!0), y?.(!x), P.nextFrame(() => {
-      F(!1);
+  let r = xe(), n = Er(), a = St(), { id: o = n || `headlessui-checkbox-${r}`, disabled: i = a || !1, autoFocus: s = !1, checked: l, defaultChecked: u, onChange: c, name: f, value: g, form: d, indeterminate: m = !1, tabIndex: p = 0, ...v } = e, b = ri(u), [x, y] = ti(l, c, b ?? !1), S = Cr(), w = ln(), P = rt(), [N, I] = ae(!1), B = T(() => {
+    I(!0), y?.(!x), P.nextFrame(() => {
+      I(!1);
     });
-  }), S = T((R) => {
+  }), F = T((R) => {
     if (vr(R.currentTarget)) return R.preventDefault();
-    R.preventDefault(), z();
-  }), I = T((R) => {
-    R.key === te.Space ? (R.preventDefault(), z()) : R.key === te.Enter && ni(R.currentTarget);
-  }), K = T((R) => R.preventDefault()), { isFocusVisible: X, focusProps: M } = Wt({ autoFocus: s }), { isHovered: V, hoverProps: W } = Bt({ isDisabled: i }), { pressed: J, pressProps: k } = Sr({ disabled: i }), U = qe({ ref: t, id: o, role: "checkbox", "aria-checked": m ? "mixed" : x ? "true" : "false", "aria-labelledby": E, "aria-describedby": w, "aria-disabled": i ? !0 : void 0, indeterminate: m ? "true" : void 0, tabIndex: i ? void 0 : p, onKeyUp: i ? void 0 : I, onKeyPress: i ? void 0 : K, onClick: i ? void 0 : S }, M, W, k), re = ve({ checked: x, disabled: i, hover: V, focus: X, active: J, indeterminate: m, changing: N, autofocus: s }), C = ie(() => {
+    R.preventDefault(), B();
+  }), $ = T((R) => {
+    R.key === te.Space ? (R.preventDefault(), B()) : R.key === te.Enter && ni(R.currentTarget);
+  }), V = T((R) => R.preventDefault()), { isFocusVisible: X, focusProps: M } = Wt({ autoFocus: s }), { isHovered: z, hoverProps: U } = Bt({ isDisabled: i }), { pressed: J, pressProps: k } = Sr({ disabled: i }), Y = qe({ ref: t, id: o, role: "checkbox", "aria-checked": m ? "mixed" : x ? "true" : "false", "aria-labelledby": S, "aria-describedby": w, "aria-disabled": i ? !0 : void 0, indeterminate: m ? "true" : void 0, tabIndex: i ? void 0 : p, onKeyUp: i ? void 0 : $, onKeyPress: i ? void 0 : V, onClick: i ? void 0 : F }, M, U, k), re = ve({ checked: x, disabled: i, hover: z, focus: X, active: J, indeterminate: m, changing: N, autofocus: s }), E = ie(() => {
     if (b !== void 0) return y?.(b);
   }, [y, b]), L = ue();
-  return $.createElement($.Fragment, null, f != null && $.createElement(ai, { disabled: i, data: { [f]: g || "on" }, overrides: { type: "checkbox", checked: x }, form: d, onReset: C }), L({ ourProps: U, theirProps: v, slot: re, defaultTag: wg, name: "Checkbox" }));
+  return C.createElement(C.Fragment, null, f != null && C.createElement(ai, { disabled: i, data: { [f]: g || "on" }, overrides: { type: "checkbox", checked: x }, form: d, onReset: E }), L({ ourProps: Y, theirProps: v, slot: re, defaultTag: wg, name: "Checkbox" }));
 }
 let Sg = le(kg), Eg = Ce(() => {
 });
 function ii({ value: e, children: t }) {
-  return $.createElement(Eg.Provider, { value: e }, t);
+  return C.createElement(Eg.Provider, { value: e }, t);
 }
 function Cg(e, t) {
   return e !== null && t !== null && typeof e == "object" && typeof t == "object" && "id" in e && "id" in t ? e.id === t.id : e === t;
@@ -1311,7 +1311,7 @@ function si(e, t, r = !1) {
 }
 var gu = ((e) => (e[e.Left = 0] = "Left", e[e.Right = 2] = "Right", e))(gu || {});
 function mu(e) {
-  let t = Y(null), r = T((a) => {
+  let t = K(null), r = T((a) => {
     t.current = a.pointerType, !vr(a.currentTarget) && a.pointerType === "mouse" && a.button === gu.Left && (a.preventDefault(), e(a));
   }), n = T((a) => {
     t.current !== "mouse" && (vr(a.currentTarget) || e(a));
@@ -1423,7 +1423,7 @@ var ns;
 function _g() {
   if (ns) return za;
   ns = 1;
-  var e = $;
+  var e = C;
   function t(l, u) {
     return l === u && (l !== 0 || 1 / l === 1 / u) || l !== l && u !== u;
   }
@@ -1449,13 +1449,13 @@ function _g() {
           var N = f(w);
           return g !== void 0 && g(P, N) ? (x = w, P) : (x = w, y = N);
         }
-        var b = !1, x, y, E = c === void 0 ? null : c;
+        var b = !1, x, y, S = c === void 0 ? null : c;
         return [
           function() {
             return v(u());
           },
-          E === null ? void 0 : function() {
-            return v(E());
+          S === null ? void 0 : function() {
+            return v(S());
           }
         ];
       },
@@ -1478,7 +1478,7 @@ function Tg() {
       return l === u && (l !== 0 || 1 / l === 1 / u) || l !== l && u !== u;
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var t = $, r = typeof Object.is == "function" ? Object.is : e, n = t.useSyncExternalStore, a = t.useRef, o = t.useEffect, i = t.useMemo, s = t.useDebugValue;
+    var t = C, r = typeof Object.is == "function" ? Object.is : e, n = t.useSyncExternalStore, a = t.useRef, o = t.useEffect, i = t.useMemo, s = t.useDebugValue;
     Ha.useSyncExternalStoreWithSelector = function(l, u, c, f, g) {
       var d = a(null);
       if (d.current === null) {
@@ -1501,13 +1501,13 @@ function Tg() {
             var N = f(w);
             return g !== void 0 && g(P, N) ? (x = w, P) : (x = w, y = N);
           }
-          var b = !1, x, y, E = c === void 0 ? null : c;
+          var b = !1, x, y, S = c === void 0 ? null : c;
           return [
             function() {
               return v(u());
             },
-            E === null ? void 0 : function() {
-              return v(E());
+            S === null ? void 0 : function() {
+              return v(S());
             }
           ];
         },
@@ -1714,7 +1714,7 @@ function fa(e, t, r) {
     })(t);
     for (let f of c) if (f !== null && (f.contains(u) || s.composed && s.composedPath().includes(f))) return;
     return !mn(u, gn.Loose) && u.tabIndex !== -1 && s.preventDefault(), n.current(s, u);
-  }, [n, t]), o = Y(null);
+  }, [n, t]), o = K(null);
   gr(e, "pointerdown", (s) => {
     var l, u;
     ls() || (o.current = ((u = (l = s.composedPath) == null ? void 0 : l.call(s)) == null ? void 0 : u[0]) || s.target);
@@ -1723,7 +1723,7 @@ function fa(e, t, r) {
     let l = o.current;
     return o.current = null, a(s, () => l);
   }, !0);
-  let i = Y({ x: 0, y: 0 });
+  let i = K({ x: 0, y: 0 });
   gr(e, "touchstart", (s) => {
     i.current.x = s.touches[0].clientX, i.current.y = s.touches[0].clientY;
   }, !0), gr(e, "touchend", (s) => {
@@ -1740,7 +1740,7 @@ function Ug(...e) {
 var Yg = ((e) => (e[e.Ignore = 0] = "Ignore", e[e.Select = 1] = "Select", e[e.Close = 2] = "Close", e))(Yg || {});
 const It = { Ignore: { kind: 0 }, Select: (e) => ({ kind: 1, target: e }), Close: { kind: 2 } }, Kg = 200, cs = 5;
 function Su(e, { trigger: t, action: r, close: n, select: a }) {
-  let o = Y(null), i = Y(null), s = Y(null);
+  let o = K(null), i = K(null), s = K(null);
   gr(e && t !== null, "pointerdown", (l) => {
     su(l?.target) && t != null && t.contains(l.target) && (i.current = l.x, s.current = l.y, o.current = l.timeStamp);
   }), gr(e && t !== null, "pointerup", (l) => {
@@ -1903,7 +1903,7 @@ function fs(e) {
   return [e.screenX, e.screenY];
 }
 function Eu() {
-  let e = Y([-1, -1]);
+  let e = K([-1, -1]);
   return { wasMoved(t) {
     let r = fs(t);
     return e.current[0] === r[0] && e.current[1] === r[1] ? !1 : (e.current = r, !0);
@@ -1927,7 +1927,7 @@ function pn(e) {
   return t;
 }
 function hn(e, t, r, n) {
-  let [a, o] = ae(r), { hasFlag: i, addFlag: s, removeFlag: l } = tm(e && a ? 3 : 0), u = Y(!1), c = Y(!1), f = rt();
+  let [a, o] = ae(r), { hasFlag: i, addFlag: s, removeFlag: l } = tm(e && a ? 3 : 0), u = K(!1), c = K(!1), f = rt();
   return ge(() => {
     var g;
     if (e) {
@@ -1980,7 +1980,7 @@ function im(e) {
   return ((r = (t = e.getAnimations) == null ? void 0 : t.call(e)) != null ? r : []).some((n) => n instanceof CSSTransition && n.playState !== "finished");
 }
 function sm(e, { container: t, accept: r, walk: n }) {
-  let a = Y(r), o = Y(n);
+  let a = K(r), o = K(n);
   me(() => {
     a.current = r, o.current = n;
   }, [r, n]), ge(() => {
@@ -1992,7 +1992,7 @@ function sm(e, { container: t, accept: r, walk: n }) {
   }, [t, e, a, o]);
 }
 function fi(e, t) {
-  let r = Y([]), n = T(e);
+  let r = K([]), n = T(e);
   me(() => {
     let a = [...r.current];
     for (let [o, i] of t.entries()) if (r.current[o] !== i) {
@@ -2305,7 +2305,7 @@ async function Iu(e, t) {
     y: a,
     width: i.floating.width,
     height: i.floating.height
-  } : i.reference, y = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(s.floating)), E = await (o.isElement == null ? void 0 : o.isElement(y)) ? await (o.getScale == null ? void 0 : o.getScale(y)) || {
+  } : i.reference, y = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(s.floating)), S = await (o.isElement == null ? void 0 : o.isElement(y)) ? await (o.getScale == null ? void 0 : o.getScale(y)) || {
     x: 1,
     y: 1
   } : {
@@ -2318,10 +2318,10 @@ async function Iu(e, t) {
     strategy: l
   }) : x);
   return {
-    top: (b.top - w.top + m.top) / E.y,
-    bottom: (w.bottom - b.bottom + m.bottom) / E.y,
-    left: (b.left - w.left + m.left) / E.x,
-    right: (w.right - b.right + m.right) / E.x
+    top: (b.top - w.top + m.top) / S.y,
+    bottom: (w.bottom - b.bottom + m.bottom) / S.y,
+    left: (b.left - w.left + m.left) / S.x,
+    right: (w.right - b.right + m.right) / S.x
   };
 }
 const Fm = async (e, t, r) => {
@@ -2346,7 +2346,7 @@ const Fm = async (e, t, r) => {
       fn: x
     } = s[v], {
       x: y,
-      y: E,
+      y: S,
       data: w,
       reset: P
     } = await x({
@@ -2366,7 +2366,7 @@ const Fm = async (e, t, r) => {
         floating: t
       }
     });
-    c = y ?? c, f = E ?? f, d = {
+    c = y ?? c, f = S ?? f, d = {
       ...d,
       [b]: {
         ...d[b],
@@ -2412,57 +2412,57 @@ const Fm = async (e, t, r) => {
       } = Pr(e, t);
       if ((r = o.arrow) != null && r.alignmentOffset)
         return {};
-      const b = Lt(a), x = ht(s), y = Lt(s) === s, E = await (l.isRTL == null ? void 0 : l.isRTL(u.floating)), w = g || (y || !p ? [Kn(s)] : km(s)), P = m !== "none";
-      !g && P && w.push(...$m(s, p, m, E));
-      const N = [s, ...w], F = await l.detectOverflow(t, v), z = [];
-      let S = ((n = o.flip) == null ? void 0 : n.overflows) || [];
-      if (c && z.push(F[b]), f) {
-        const M = wm(a, i, E);
-        z.push(F[M[0]], F[M[1]]);
-      }
-      if (S = [...S, {
+      const b = Lt(a), x = ht(s), y = Lt(s) === s, S = await (l.isRTL == null ? void 0 : l.isRTL(u.floating)), w = g || (y || !p ? [Kn(s)] : km(s)), P = m !== "none";
+      !g && P && w.push(...$m(s, p, m, S));
+      const N = [s, ...w], I = await l.detectOverflow(t, v), B = [];
+      let F = ((n = o.flip) == null ? void 0 : n.overflows) || [];
+      if (c && B.push(I[b]), f) {
+        const M = wm(a, i, S);
+        B.push(I[M[0]], I[M[1]]);
+      }
+      if (F = [...F, {
         placement: a,
-        overflows: z
-      }], !z.every((M) => M <= 0)) {
-        var I, K;
-        const M = (((I = o.flip) == null ? void 0 : I.index) || 0) + 1, V = N[M];
-        if (V && (!(f === "alignment" ? x !== ht(V) : !1) || // We leave the current main axis only if every placement on that axis
+        overflows: B
+      }], !B.every((M) => M <= 0)) {
+        var $, V;
+        const M = ((($ = o.flip) == null ? void 0 : $.index) || 0) + 1, z = N[M];
+        if (z && (!(f === "alignment" ? x !== ht(z) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        S.every((k) => ht(k.placement) === x ? k.overflows[0] > 0 : !0)))
+        F.every((k) => ht(k.placement) === x ? k.overflows[0] > 0 : !0)))
           return {
             data: {
               index: M,
-              overflows: S
+              overflows: F
             },
             reset: {
-              placement: V
+              placement: z
             }
           };
-        let W = (K = S.filter((J) => J.overflows[0] <= 0).sort((J, k) => J.overflows[1] - k.overflows[1])[0]) == null ? void 0 : K.placement;
-        if (!W)
+        let U = (V = F.filter((J) => J.overflows[0] <= 0).sort((J, k) => J.overflows[1] - k.overflows[1])[0]) == null ? void 0 : V.placement;
+        if (!U)
           switch (d) {
             case "bestFit": {
               var X;
-              const J = (X = S.filter((k) => {
+              const J = (X = F.filter((k) => {
                 if (P) {
-                  const U = ht(k.placement);
-                  return U === x || // Create a bias to the `y` side axis due to horizontal
+                  const Y = ht(k.placement);
+                  return Y === x || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  U === "y";
+                  Y === "y";
                 }
                 return !0;
-              }).map((k) => [k.placement, k.overflows.filter((U) => U > 0).reduce((U, re) => U + re, 0)]).sort((k, U) => k[1] - U[1])[0]) == null ? void 0 : X[0];
-              J && (W = J);
+              }).map((k) => [k.placement, k.overflows.filter((Y) => Y > 0).reduce((Y, re) => Y + re, 0)]).sort((k, Y) => k[1] - Y[1])[0]) == null ? void 0 : X[0];
+              J && (U = J);
               break;
             }
             case "initialPlacement":
-              W = s;
+              U = s;
               break;
           }
-        if (a !== W)
+        if (a !== U)
           return {
             reset: {
-              placement: W
+              placement: U
             }
           };
       }
@@ -2551,12 +2551,12 @@ const Om = function(e) {
       }, f = await o.detectOverflow(t, u), g = ht(Lt(a)), d = Ru(g);
       let m = c[d], p = c[g];
       if (i) {
-        const b = d === "y" ? "top" : "left", x = d === "y" ? "bottom" : "right", y = m + f[b], E = m - f[x];
-        m = hs(y, m, E);
+        const b = d === "y" ? "top" : "left", x = d === "y" ? "bottom" : "right", y = m + f[b], S = m - f[x];
+        m = hs(y, m, S);
       }
       if (s) {
-        const b = g === "y" ? "top" : "left", x = g === "y" ? "bottom" : "right", y = p + f[b], E = p - f[x];
-        p = hs(y, p, E);
+        const b = g === "y" ? "top" : "left", x = g === "y" ? "bottom" : "right", y = p + f[b], S = p - f[x];
+        p = hs(y, p, S);
       }
       const v = l.fn({
         ...t,
@@ -2597,19 +2597,19 @@ const Om = function(e) {
       } = o.floating;
       let v, b;
       f === "top" || f === "bottom" ? (v = f, b = g === (await (i.isRTL == null ? void 0 : i.isRTL(s.floating)) ? "start" : "end") ? "left" : "right") : (b = f, v = g === "end" ? "top" : "bottom");
-      const x = p - c.top - c.bottom, y = m - c.left - c.right, E = or(p - c[v], x), w = or(m - c[b], y), P = !t.middlewareData.shift;
-      let N = E, F = w;
-      if ((r = t.middlewareData.shift) != null && r.enabled.x && (F = y), (n = t.middlewareData.shift) != null && n.enabled.y && (N = x), P && !g) {
-        const S = Te(c.left, 0), I = Te(c.right, 0), K = Te(c.top, 0), X = Te(c.bottom, 0);
-        d ? F = m - 2 * (S !== 0 || I !== 0 ? S + I : Te(c.left, c.right)) : N = p - 2 * (K !== 0 || X !== 0 ? K + X : Te(c.top, c.bottom));
+      const x = p - c.top - c.bottom, y = m - c.left - c.right, S = or(p - c[v], x), w = or(m - c[b], y), P = !t.middlewareData.shift;
+      let N = S, I = w;
+      if ((r = t.middlewareData.shift) != null && r.enabled.x && (I = y), (n = t.middlewareData.shift) != null && n.enabled.y && (N = x), P && !g) {
+        const F = Te(c.left, 0), $ = Te(c.right, 0), V = Te(c.top, 0), X = Te(c.bottom, 0);
+        d ? I = m - 2 * (F !== 0 || $ !== 0 ? F + $ : Te(c.left, c.right)) : N = p - 2 * (V !== 0 || X !== 0 ? V + X : Te(c.top, c.bottom));
       }
       await l({
         ...t,
-        availableWidth: F,
+        availableWidth: I,
         availableHeight: N
       });
-      const z = await i.getDimensions(s.floating);
-      return m !== z.width || p !== z.height ? {
+      const B = await i.getDimensions(s.floating);
+      return m !== B.width || p !== B.height ? {
         reset: {
           rects: !0
         }
@@ -2667,8 +2667,8 @@ function ir(e, t, r, n) {
     const g = Ge(o), d = n && je(n) ? Ge(n) : n;
     let m = g, p = xo(m);
     for (; p && n && d !== m; ) {
-      const v = pr(p), b = p.getBoundingClientRect(), x = et(p), y = b.left + (p.clientLeft + parseFloat(x.paddingLeft)) * v.x, E = b.top + (p.clientTop + parseFloat(x.paddingTop)) * v.y;
-      l *= v.x, u *= v.y, c *= v.x, f *= v.y, l += y, u += E, m = Ge(p), p = xo(m);
+      const v = pr(p), b = p.getBoundingClientRect(), x = et(p), y = b.left + (p.clientLeft + parseFloat(x.paddingLeft)) * v.x, S = b.top + (p.clientTop + parseFloat(x.paddingTop)) * v.y;
+      l *= v.x, u *= v.y, c *= v.x, f *= v.y, l += y, u += S, m = Ge(p), p = xo(m);
     }
   }
   return qn({
@@ -2929,17 +2929,17 @@ function Jm(e, t) {
       rootMargin: -m + "px " + -p + "px " + -v + "px " + -b + "px",
       threshold: Te(0, or(1, l)) || 1
     };
-    let E = !0;
+    let S = !0;
     function w(P) {
       const N = P[0].intersectionRatio;
       if (N !== l) {
-        if (!E)
+        if (!S)
           return i();
         N ? i(!1, N) : n = setTimeout(() => {
           i(!1, 1e-7);
         }, 1e3);
       }
-      N === 1 && !Mu(u, e.getBoundingClientRect()) && i(), E = !1;
+      N === 1 && !Mu(u, e.getBoundingClientRect()) && i(), S = !1;
     }
     try {
       r = new IntersectionObserver(w, {
@@ -3075,7 +3075,7 @@ function ip(e) {
     k !== P.current && (P.current = k, p(k));
   }, []), y = j.useCallback((k) => {
     k !== N.current && (N.current = k, b(k));
-  }, []), E = o || m, w = i || v, P = j.useRef(null), N = j.useRef(null), F = j.useRef(c), z = l != null, S = Wa(l), I = Wa(a), K = Wa(u), X = j.useCallback(() => {
+  }, []), S = o || m, w = i || v, P = j.useRef(null), N = j.useRef(null), I = j.useRef(c), B = l != null, F = Wa(l), $ = Wa(a), V = Wa(u), X = j.useCallback(() => {
     if (!P.current || !N.current)
       return;
     const k = {
@@ -3083,22 +3083,22 @@ function ip(e) {
       strategy: r,
       middleware: g
     };
-    I.current && (k.platform = I.current), np(P.current, N.current, k).then((U) => {
+    $.current && (k.platform = $.current), np(P.current, N.current, k).then((Y) => {
       const re = {
-        ...U,
+        ...Y,
         // The floating element's position may be recomputed while it's closed
         // but still mounted (such as when transitioning out). To ensure
         // `isPositioned` will be `false` initially on the next open, avoid
         // setting it to `true` when `open === false` (must be specified).
-        isPositioned: K.current !== !1
+        isPositioned: V.current !== !1
       };
-      M.current && !Xn(F.current, re) && (F.current = re, Bn.flushSync(() => {
+      M.current && !Xn(I.current, re) && (I.current = re, Bn.flushSync(() => {
         f(re);
       }));
     });
-  }, [g, t, r, I, K]);
+  }, [g, t, r, $, V]);
   Ln(() => {
-    u === !1 && F.current.isPositioned && (F.current.isPositioned = !1, f((k) => ({
+    u === !1 && I.current.isPositioned && (I.current.isPositioned = !1, f((k) => ({
       ...k,
       isPositioned: !1
     })));
@@ -3107,48 +3107,48 @@ function ip(e) {
   Ln(() => (M.current = !0, () => {
     M.current = !1;
   }), []), Ln(() => {
-    if (E && (P.current = E), w && (N.current = w), E && w) {
-      if (S.current)
-        return S.current(E, w, X);
+    if (S && (P.current = S), w && (N.current = w), S && w) {
+      if (F.current)
+        return F.current(S, w, X);
       X();
     }
-  }, [E, w, X, S, z]);
-  const V = j.useMemo(() => ({
+  }, [S, w, X, F, B]);
+  const z = j.useMemo(() => ({
     reference: P,
     floating: N,
     setReference: x,
     setFloating: y
-  }), [x, y]), W = j.useMemo(() => ({
-    reference: E,
+  }), [x, y]), U = j.useMemo(() => ({
+    reference: S,
     floating: w
-  }), [E, w]), J = j.useMemo(() => {
+  }), [S, w]), J = j.useMemo(() => {
     const k = {
       position: r,
       left: 0,
       top: 0
     };
-    if (!W.floating)
+    if (!U.floating)
       return k;
-    const U = Ss(W.floating, c.x), re = Ss(W.floating, c.y);
+    const Y = Ss(U.floating, c.x), re = Ss(U.floating, c.y);
     return s ? {
       ...k,
-      transform: "translate(" + U + "px, " + re + "px)",
-      ...ju(W.floating) >= 1.5 && {
+      transform: "translate(" + Y + "px, " + re + "px)",
+      ...ju(U.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: r,
-      left: U,
+      left: Y,
       top: re
     };
-  }, [r, s, W.floating, c.x, c.y]);
+  }, [r, s, U.floating, c.x, c.y]);
   return j.useMemo(() => ({
     ...c,
     update: X,
-    refs: V,
-    elements: W,
+    refs: z,
+    elements: U,
     floatingStyles: J
-  }), [c, X, V, W, J]);
+  }), [c, X, z, U, J]);
 }
 const Lu = (e, t) => ({
   ...Zm(e),
@@ -3292,11 +3292,11 @@ function Cp(e) {
       }
     }
   }), m = j.useCallback((y) => {
-    const E = je(y) ? {
+    const S = je(y) ? {
       getBoundingClientRect: () => y.getBoundingClientRect(),
       contextElement: y
     } : y;
-    l(E), d.refs.setReference(E);
+    l(S), d.refs.setReference(S);
   }, [d.refs]), p = j.useCallback((y) => {
     (je(y) || y === null) && (f.current = y, i(y)), (je(d.refs.reference.current) || d.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
     // `null` to support `positionReference` + an unstable `reference`
@@ -3319,7 +3319,7 @@ function Cp(e) {
   }), [d, v, b, t, n]);
   return ko(() => {
     n.dataRef.current.floatingContext = x;
-    const y = g?.nodesRef.current.find((E) => E.id === t);
+    const y = g?.nodesRef.current.find((S) => S.id === t);
     y && (y.context = x);
   }), j.useMemo(() => ({
     ...d,
@@ -3424,13 +3424,13 @@ const Rp = (e) => ({
     const y = {
       ...t,
       ...await Lu(-d.offsetTop - g.clientTop - f.reference.height / 2 - d.offsetHeight / 2 - o).fn(t)
-    }, E = await Ba(Ps(y, m.scrollHeight + p + g.clientTop), c), w = await Ba(y, {
+    }, S = await Ba(Ps(y, m.scrollHeight + p + g.clientTop), c), w = await Ba(y, {
       ...c,
       elementContext: "reference"
-    }), P = Te(0, E.top), N = y.y + P, S = (m.scrollHeight > m.clientHeight ? (I) => I : tn)(Te(0, m.scrollHeight + (v && x || b ? p * 2 : 0) - P - Te(0, E.bottom)));
-    if (m.style.maxHeight = S + "px", m.scrollTop = P, a) {
-      const I = m.offsetHeight < d.offsetHeight * or(s, r.current.length) - 1 || w.top >= -l || w.bottom >= -l;
-      Bn.flushSync(() => a(I));
+    }), P = Te(0, S.top), N = y.y + P, F = (m.scrollHeight > m.clientHeight ? ($) => $ : tn)(Te(0, m.scrollHeight + (v && x || b ? p * 2 : 0) - P - Te(0, S.bottom)));
+    if (m.style.maxHeight = F + "px", m.scrollTop = P, a) {
+      const $ = m.offsetHeight < d.offsetHeight * or(s, r.current.length) - 1 || w.top >= -l || w.bottom >= -l;
+      Bn.flushSync(() => a($));
     }
     return n && (n.current = await Ba(Ps({
       ...y,
@@ -3455,9 +3455,9 @@ function Pp(e, t) {
     function d(p) {
       if (p.ctrlKey || !m || o.current == null)
         return;
-      const v = p.deltaY, b = o.current.top >= -0.5, x = o.current.bottom >= -0.5, y = m.scrollHeight - m.clientHeight, E = v < 0 ? -1 : 1, w = v < 0 ? "max" : "min";
+      const v = p.deltaY, b = o.current.top >= -0.5, x = o.current.bottom >= -0.5, y = m.scrollHeight - m.clientHeight, S = v < 0 ? -1 : 1, w = v < 0 ? "max" : "min";
       m.scrollHeight <= m.clientHeight || (!b && v > 0 || !x && v < 0 ? (p.preventDefault(), Bn.flushSync(() => {
-        l((P) => P + Math[w](v, y * E));
+        l((P) => P + Math[w](v, y * S));
       })) : /firefox/i.test(vm()) && (m.scrollTop += v));
     }
     const m = i?.current || n.floating;
@@ -3530,38 +3530,38 @@ function xi(e = null) {
 }
 let Fs = 4;
 function wi({ children: e, enabled: t = !0 }) {
-  let [r, n] = ae(null), [a, o] = ae(0), i = Y(null), [s, l] = ae(null);
+  let [r, n] = ae(null), [a, o] = ae(0), i = K(null), [s, l] = ae(null);
   Fp(s);
   let u = t && r !== null && s !== null, { to: c = "bottom", gap: f = 0, offset: g = 0, padding: d = 0, inner: m } = Ip(r, s), [p, v = "center"] = c.split(" ");
   ge(() => {
     u && o(0);
   }, [u]);
-  let { refs: b, floatingStyles: x, context: y } = Cp({ open: u, placement: p === "selection" ? v === "center" ? "bottom" : `bottom-${v}` : v === "center" ? `${p}` : `${p}-${v}`, strategy: "absolute", transform: !1, middleware: [Lu({ mainAxis: p === "selection" ? 0 : f, crossAxis: g }), sp({ padding: d }), p !== "selection" && lp({ padding: d }), p === "selection" && m ? Rp({ ...m, padding: d, overflowRef: i, offset: a, minItemsVisible: Fs, referenceOverflowThreshold: d, onFallbackChange(I) {
-    var K, X;
-    if (!I) return;
+  let { refs: b, floatingStyles: x, context: y } = Cp({ open: u, placement: p === "selection" ? v === "center" ? "bottom" : `bottom-${v}` : v === "center" ? `${p}` : `${p}-${v}`, strategy: "absolute", transform: !1, middleware: [Lu({ mainAxis: p === "selection" ? 0 : f, crossAxis: g }), sp({ padding: d }), p !== "selection" && lp({ padding: d }), p === "selection" && m ? Rp({ ...m, padding: d, overflowRef: i, offset: a, minItemsVisible: Fs, referenceOverflowThreshold: d, onFallbackChange($) {
+    var V, X;
+    if (!$) return;
     let M = y.elements.floating;
     if (!M) return;
-    let V = parseFloat(getComputedStyle(M).scrollPaddingBottom) || 0, W = Math.min(Fs, M.childElementCount), J = 0, k = 0;
-    for (let U of (X = (K = y.elements.floating) == null ? void 0 : K.childNodes) != null ? X : []) if (Ne(U)) {
-      let re = U.offsetTop, C = re + U.clientHeight + V, L = M.scrollTop, R = L + M.clientHeight;
-      if (re >= L && C <= R) W--;
+    let z = parseFloat(getComputedStyle(M).scrollPaddingBottom) || 0, U = Math.min(Fs, M.childElementCount), J = 0, k = 0;
+    for (let Y of (X = (V = y.elements.floating) == null ? void 0 : V.childNodes) != null ? X : []) if (Ne(Y)) {
+      let re = Y.offsetTop, E = re + Y.clientHeight + z, L = M.scrollTop, R = L + M.clientHeight;
+      if (re >= L && E <= R) U--;
       else {
-        k = Math.max(0, Math.min(C, R) - Math.max(re, L)), J = U.clientHeight;
+        k = Math.max(0, Math.min(E, R) - Math.max(re, L)), J = Y.clientHeight;
         break;
       }
     }
-    W >= 1 && o((U) => {
-      let re = J * W - k + V;
-      return U >= re ? U : re;
+    U >= 1 && o((Y) => {
+      let re = J * U - k + z;
+      return Y >= re ? Y : re;
     });
-  } }) : null, up({ padding: d, apply({ availableWidth: I, availableHeight: K, elements: X }) {
-    Object.assign(X.floating.style, { overflow: "auto", maxWidth: `${I}px`, maxHeight: `min(var(--anchor-max-height, 100vh), ${K}px)` });
-  } })].filter(Boolean), whileElementsMounted: Qm }), [E = p, w = v] = y.placement.split("-");
-  p === "selection" && (E = "selection");
-  let P = ye(() => ({ anchor: [E, w].filter(Boolean).join(" ") }), [E, w]), N = Pp(y, { overflowRef: i, onChange: o }), { getReferenceProps: F, getFloatingProps: z } = $p([N]), S = T((I) => {
-    l(I), b.setFloating(I);
+  } }) : null, up({ padding: d, apply({ availableWidth: $, availableHeight: V, elements: X }) {
+    Object.assign(X.floating.style, { overflow: "auto", maxWidth: `${$}px`, maxHeight: `min(var(--anchor-max-height, 100vh), ${V}px)` });
+  } })].filter(Boolean), whileElementsMounted: Qm }), [S = p, w = v] = y.placement.split("-");
+  p === "selection" && (S = "selection");
+  let P = ye(() => ({ anchor: [S, w].filter(Boolean).join(" ") }), [S, w]), N = Pp(y, { overflowRef: i, onChange: o }), { getReferenceProps: I, getFloatingProps: B } = $p([N]), F = T(($) => {
+    l($), b.setFloating($);
   });
-  return j.createElement(hi.Provider, { value: n }, j.createElement(Fr.Provider, { value: { setFloating: S, setReference: b.setReference, styles: x, getReferenceProps: F, getFloatingProps: z, slot: P } }, e));
+  return j.createElement(hi.Provider, { value: n }, j.createElement(Fr.Provider, { value: { setFloating: F, setReference: b.setReference, styles: x, getReferenceProps: I, getFloatingProps: B, slot: P } }, e));
 }
 function Fp(e) {
   ge(() => {
@@ -3636,9 +3636,9 @@ function Is(e, t) {
 }
 function Np({ children: e, freeze: t }, r) {
   let n = Gu(t, e);
-  return Xo(n) ? zl(n, { ref: r }) : $.createElement($.Fragment, null, n);
+  return Xo(n) ? zl(n, { ref: r }) : C.createElement(C.Fragment, null, n);
 }
-$.forwardRef(Np);
+C.forwardRef(Np);
 function Gu(e, t) {
   let [r, n] = ae(t);
   return !e && r !== t && n(t), e ? r : t;
@@ -3650,10 +3650,10 @@ function Yt() {
   return fe(ya);
 }
 function xa({ value: e, children: t }) {
-  return $.createElement(ya.Provider, { value: e }, t);
+  return C.createElement(ya.Provider, { value: e }, t);
 }
 function Bu({ children: e }) {
-  return $.createElement(ya.Provider, { value: null }, e);
+  return C.createElement(ya.Provider, { value: null }, e);
 }
 function Ap(e) {
   function t() {
@@ -3707,7 +3707,7 @@ function Nt(e, t) {
   }
 }
 function yn(e) {
-  let t = T(e), r = Y(!1);
+  let t = T(e), r = K(!1);
   me(() => (r.current = !1, () => {
     r.current = !0, ia(() => {
       r.current && t();
@@ -3719,7 +3719,7 @@ function _p() {
   return fe(Wu);
 }
 function Ns(e) {
-  return $.createElement(Wu.Provider, { value: e.force }, e.children);
+  return C.createElement(Wu.Provider, { value: e.force }, e.children);
 }
 function Tp(e) {
   let t = _p(), r = fe(Yu), [n, a] = ae(() => {
@@ -3739,33 +3739,33 @@ function Tp(e) {
   }, [r, a, t]), n;
 }
 let Uu = Ie, Mp = le(function(e, t) {
-  let { ownerDocument: r = null, ...n } = e, a = Y(null), o = be(du((g) => {
+  let { ownerDocument: r = null, ...n } = e, a = K(null), o = be(du((g) => {
     a.current = g;
   }), t), i = yt(a.current), s = r ?? i, l = Tp(s), u = fe(So), c = rt(), f = ue();
   return yn(() => {
     var g;
     l && l.childNodes.length <= 0 && ((g = l.parentElement) == null || g.removeChild(l));
-  }), l ? Hl($.createElement("div", { "data-headlessui-portal": "", ref: (g) => {
+  }), l ? Hl(C.createElement("div", { "data-headlessui-portal": "", ref: (g) => {
     c.dispose(), u && g && c.add(u.register(g));
   } }, f({ ourProps: { ref: o }, theirProps: n, slot: {}, defaultTag: Uu, name: "Portal" })), l) : null;
 });
 function jp(e, t) {
   let r = be(t), { enabled: n = !0, ownerDocument: a, ...o } = e, i = ue();
-  return n ? $.createElement(Mp, { ...o, ownerDocument: a, ref: r }) : i({ ourProps: { ref: r }, theirProps: o, slot: {}, defaultTag: Uu, name: "Portal" });
+  return n ? C.createElement(Mp, { ...o, ownerDocument: a, ref: r }) : i({ ourProps: { ref: r }, theirProps: o, slot: {}, defaultTag: Uu, name: "Portal" });
 }
 let Lp = Ie, Yu = Ce(null);
 function Dp(e, t) {
   let { target: r, ...n } = e, a = { ref: be(t) }, o = ue();
-  return $.createElement(Yu.Provider, { value: r }, o({ ourProps: a, theirProps: n, defaultTag: Lp, name: "Popover.Group" }));
+  return C.createElement(Yu.Provider, { value: r }, o({ ourProps: a, theirProps: n, defaultTag: Lp, name: "Popover.Group" }));
 }
 let So = Ce(null);
 function Ku() {
-  let e = fe(So), t = Y([]), r = T((o) => (t.current.push(o), e && e.register(o), () => n(o))), n = T((o) => {
+  let e = fe(So), t = K([]), r = T((o) => (t.current.push(o), e && e.register(o), () => n(o))), n = T((o) => {
     let i = t.current.indexOf(o);
     i !== -1 && t.current.splice(i, 1), e && e.unregister(o);
   }), a = ye(() => ({ register: r, unregister: n, portals: t }), [r, n, t]);
   return [t, ye(() => function({ children: o }) {
-    return $.createElement(So.Provider, { value: a }, o);
+    return C.createElement(So.Provider, { value: a }, o);
   }, [a])];
 }
 let Vp = le(jp), qu = le(Dp), wa = Object.assign(Vp, { Group: qu });
@@ -3815,7 +3815,7 @@ function Ju({ defaultContainers: e = [], portals: t, mainTreeNode: r } = {}) {
 let Qu = Ce(null);
 function Jn({ children: e, node: t }) {
   let [r, n] = ae(null), a = Si(t ?? r);
-  return $.createElement(Qu.Provider, { value: a }, e, a === null && $.createElement(bt, { features: ut.Hidden, ref: (o) => {
+  return C.createElement(Qu.Provider, { value: a }, e, a === null && C.createElement(bt, { features: ut.Hidden, ref: (o) => {
     var i, s;
     if (o) {
       for (let l of (s = (i = Ut(o)) == null ? void 0 : i.querySelectorAll("html > *, body > *")) != null ? s : []) if (l !== document.body && l !== document.head && vt(l) && l != null && l.contains(o)) {
@@ -3841,14 +3841,14 @@ function ka() {
   }, [t]), j.useEffect(() => ot.handoff(), []), e ? !1 : t;
 }
 function Ei() {
-  let e = Y(!1);
+  let e = K(!1);
   return ge(() => (e.current = !0, () => {
     e.current = !1;
   }), []), e;
 }
 var He = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(He || {});
 function Ci() {
-  let e = Y(0);
+  let e = K(0);
   return ku(!0, "keydown", (t) => {
     t.key === "Tab" && (e.current = t.shiftKey ? 1 : 0);
   }, !0), e;
@@ -3863,7 +3863,7 @@ function Zu(e) {
 let Bp = "div";
 var Qt = ((e) => (e[e.None = 0] = "None", e[e.InitialFocus = 1] = "InitialFocus", e[e.TabLock = 2] = "TabLock", e[e.FocusLock = 4] = "FocusLock", e[e.RestoreFocus = 8] = "RestoreFocus", e[e.AutoFocus = 16] = "AutoFocus", e))(Qt || {});
 function Wp(e, t) {
-  let r = Y(null), n = be(r, t), { initialFocus: a, initialFocusFallback: o, containers: i, features: s = 15, ...l } = e;
+  let r = K(null), n = be(r, t), { initialFocus: a, initialFocusFallback: o, containers: i, features: s = 15, ...l } = e;
   ka() || (s = 0);
   let u = yt(r.current);
   qp(s, { ownerDocument: u });
@@ -3872,14 +3872,14 @@ function Wp(e, t) {
   let f = Ci(), g = T((x) => {
     if (!Ne(r.current)) return;
     let y = r.current;
-    ((E) => E())(() => {
+    ((S) => S())(() => {
       $e(f.current, { [He.Forwards]: () => {
         ze(y, Re.First, { skipElements: [x.relatedTarget, o] });
       }, [He.Backwards]: () => {
         ze(y, Re.Last, { skipElements: [x.relatedTarget, o] });
       } });
     });
-  }), d = dn(!!(s & 2), "focus-trap#tab-lock"), m = rt(), p = Y(!1), v = { ref: n, onKeyDown(x) {
+  }), d = dn(!!(s & 2), "focus-trap#tab-lock"), m = rt(), p = K(!1), v = { ref: n, onKeyDown(x) {
     x.key == "Tab" && (p.current = !0, m.requestAnimationFrame(() => {
       p.current = !1;
     }));
@@ -3887,14 +3887,14 @@ function Wp(e, t) {
     if (!(s & 4)) return;
     let y = Zu(i);
     Ne(r.current) && y.add(r.current);
-    let E = x.relatedTarget;
-    Je(E) && E.dataset.headlessuiFocusGuard !== "true" && (ec(y, E) || (p.current ? ze(r.current, $e(f.current, { [He.Forwards]: () => Re.Next, [He.Backwards]: () => Re.Previous }) | Re.WrapAround, { relativeTo: x.target }) : Je(x.target) && it(x.target)));
+    let S = x.relatedTarget;
+    Je(S) && S.dataset.headlessuiFocusGuard !== "true" && (ec(y, S) || (p.current ? ze(r.current, $e(f.current, { [He.Forwards]: () => Re.Next, [He.Backwards]: () => Re.Previous }) | Re.WrapAround, { relativeTo: x.target }) : Je(x.target) && it(x.target)));
   } }, b = ue();
-  return $.createElement($.Fragment, null, d && $.createElement(bt, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: g, features: ut.Focusable }), b({ ourProps: v, theirProps: l, defaultTag: Bp, name: "FocusTrap" }), d && $.createElement(bt, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: g, features: ut.Focusable }));
+  return C.createElement(C.Fragment, null, d && C.createElement(bt, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: g, features: ut.Focusable }), b({ ourProps: v, theirProps: l, defaultTag: Bp, name: "FocusTrap" }), d && C.createElement(bt, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: g, features: ut.Focusable }));
 }
 let Up = le(Wp), Yp = Object.assign(Up, { features: Qt });
 function Kp(e = !0) {
-  let t = Y(Rt.slice());
+  let t = K(Rt.slice());
   return fi(([r], [n]) => {
     n === !0 && r === !1 && ia(() => {
       t.current.splice(0);
@@ -3913,7 +3913,7 @@ function qp(e, { ownerDocument: t }) {
   });
 }
 function Xp(e, { ownerDocument: t, container: r, initialFocus: n, initialFocusFallback: a }) {
-  let o = Y(null), i = dn(!!(e & 1), "focus-trap#initial-focus"), s = Ei();
+  let o = K(null), i = dn(!!(e & 1), "focus-trap#initial-focus"), s = Ei();
   return fi(() => {
     if (e === 0) return;
     if (!i) {
@@ -3963,7 +3963,7 @@ function ec(e, t) {
 }
 function tc(e) {
   var t;
-  return !!(e.enter || e.enterFrom || e.enterTo || e.leave || e.leaveFrom || e.leaveTo) || !Br((t = e.as) != null ? t : nc) || $.Children.count(e.children) === 1;
+  return !!(e.enter || e.enterFrom || e.enterTo || e.leave || e.leaveFrom || e.leaveTo) || !Br((t = e.as) != null ? t : nc) || C.Children.count(e.children) === 1;
 }
 let Sa = Ce(null);
 Sa.displayName = "TransitionContext";
@@ -3984,7 +3984,7 @@ function Ca(e) {
   return "children" in e ? Ca(e.children) : e.current.filter(({ el: t }) => t.current !== null).filter(({ state: t }) => t === "visible").length > 0;
 }
 function rc(e, t) {
-  let r = lt(e), n = Y([]), a = Ei(), o = rt(), i = T((d, m = Ft.Hidden) => {
+  let r = lt(e), n = K([]), a = Ei(), o = rt(), i = T((d, m = Ft.Hidden) => {
     let p = n.current.findIndex(({ el: v }) => v === d);
     p !== -1 && ($e(m, { [Ft.Unmount]() {
       n.current.splice(p, 1);
@@ -3997,7 +3997,7 @@ function rc(e, t) {
   }), s = T((d) => {
     let m = n.current.find(({ el: p }) => p === d);
     return m ? m.state !== "visible" && (m.state = "visible") : n.current.push({ el: d, state: "visible" }), () => i(d, Ft.Unmount);
-  }), l = Y([]), u = Y(Promise.resolve()), c = Y({ enter: [], leave: [] }), f = T((d, m, p) => {
+  }), l = K([]), u = K(Promise.resolve()), c = K({ enter: [], leave: [] }), f = T((d, m, p) => {
     l.current.splice(0), t && (t.chains.current[m] = t.chains.current[m].filter(([v]) => v !== d)), t?.chains.current[m].push([d, new Promise((v) => {
       l.current.push(v);
     })]), t?.chains.current[m].push([d, new Promise((v) => {
@@ -4014,50 +4014,50 @@ function rc(e, t) {
 let nc = Ie, ac = Ke.RenderStrategy;
 function t0(e, t) {
   var r, n;
-  let { transition: a = !0, beforeEnter: o, afterEnter: i, beforeLeave: s, afterLeave: l, enter: u, enterFrom: c, enterTo: f, entered: g, leave: d, leaveFrom: m, leaveTo: p, ...v } = e, [b, x] = ae(null), y = Y(null), E = tc(e), w = be(...E ? [y, t, x] : t === null ? [] : [t]), P = (r = v.unmount) == null || r ? Ft.Unmount : Ft.Hidden, { show: N, appear: F, initial: z } = Zp(), [S, I] = ae(N ? "visible" : "hidden"), K = e0(), { register: X, unregister: M } = K;
+  let { transition: a = !0, beforeEnter: o, afterEnter: i, beforeLeave: s, afterLeave: l, enter: u, enterFrom: c, enterTo: f, entered: g, leave: d, leaveFrom: m, leaveTo: p, ...v } = e, [b, x] = ae(null), y = K(null), S = tc(e), w = be(...S ? [y, t, x] : t === null ? [] : [t]), P = (r = v.unmount) == null || r ? Ft.Unmount : Ft.Hidden, { show: N, appear: I, initial: B } = Zp(), [F, $] = ae(N ? "visible" : "hidden"), V = e0(), { register: X, unregister: M } = V;
   ge(() => X(y), [X, y]), ge(() => {
     if (P === Ft.Hidden && y.current) {
-      if (N && S !== "visible") {
-        I("visible");
+      if (N && F !== "visible") {
+        $("visible");
         return;
       }
-      return $e(S, { hidden: () => M(y), visible: () => X(y) });
+      return $e(F, { hidden: () => M(y), visible: () => X(y) });
     }
-  }, [S, y, X, M, N, P]);
-  let V = ka();
+  }, [F, y, X, M, N, P]);
+  let z = ka();
   ge(() => {
-    if (E && V && S === "visible" && y.current === null) throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
-  }, [y, S, V, E]);
-  let W = z && !F, J = F && N && z, k = Y(!1), U = rc(() => {
-    k.current || (I("hidden"), M(y));
-  }, K), re = T((D) => {
+    if (S && z && F === "visible" && y.current === null) throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
+  }, [y, F, z, S]);
+  let U = B && !I, J = I && N && B, k = K(!1), Y = rc(() => {
+    k.current || ($("hidden"), M(y));
+  }, V), re = T((D) => {
     k.current = !0;
     let pe = D ? "enter" : "leave";
-    U.onStart(y, pe, (Se) => {
+    Y.onStart(y, pe, (Se) => {
       Se === "enter" ? o?.() : Se === "leave" && s?.();
     });
-  }), C = T((D) => {
+  }), E = T((D) => {
     let pe = D ? "enter" : "leave";
-    k.current = !1, U.onStop(y, pe, (Se) => {
+    k.current = !1, Y.onStop(y, pe, (Se) => {
       Se === "enter" ? i?.() : Se === "leave" && l?.();
-    }), pe === "leave" && !Ca(U) && (I("hidden"), M(y));
+    }), pe === "leave" && !Ca(Y) && ($("hidden"), M(y));
   });
   me(() => {
-    E && a || (re(N), C(N));
-  }, [N, E, a]);
-  let L = !(!a || !E || !V || W), [, R] = hn(L, b, N, { start: re, end: C }), O = $t({ ref: w, className: ((n = vo(v.className, J && u, J && c, R.enter && u, R.enter && R.closed && c, R.enter && !R.closed && f, R.leave && d, R.leave && !R.closed && m, R.leave && R.closed && p, !R.transition && N && g)) == null ? void 0 : n.trim()) || void 0, ...pn(R) }), Q = 0;
-  S === "visible" && (Q |= we.Open), S === "hidden" && (Q |= we.Closed), N && S === "hidden" && (Q |= we.Opening), !N && S === "visible" && (Q |= we.Closing);
-  let B = ue();
-  return $.createElement(Ea.Provider, { value: U }, $.createElement(xa, { value: Q }, B({ ourProps: O, theirProps: v, defaultTag: nc, features: ac, visible: S === "visible", name: "Transition.Child" })));
+    S && a || (re(N), E(N));
+  }, [N, S, a]);
+  let L = !(!a || !S || !z || U), [, R] = hn(L, b, N, { start: re, end: E }), O = $t({ ref: w, className: ((n = vo(v.className, J && u, J && c, R.enter && u, R.enter && R.closed && c, R.enter && !R.closed && f, R.leave && d, R.leave && !R.closed && m, R.leave && R.closed && p, !R.transition && N && g)) == null ? void 0 : n.trim()) || void 0, ...pn(R) }), Q = 0;
+  F === "visible" && (Q |= we.Open), F === "hidden" && (Q |= we.Closed), N && F === "hidden" && (Q |= we.Opening), !N && F === "visible" && (Q |= we.Closing);
+  let W = ue();
+  return C.createElement(Ea.Provider, { value: Y }, C.createElement(xa, { value: Q }, W({ ourProps: O, theirProps: v, defaultTag: nc, features: ac, visible: F === "visible", name: "Transition.Child" })));
 }
 function r0(e, t) {
-  let { show: r, appear: n = !1, unmount: a = !0, ...o } = e, i = Y(null), s = tc(e), l = be(...s ? [i, t] : t === null ? [] : [t]);
+  let { show: r, appear: n = !1, unmount: a = !0, ...o } = e, i = K(null), s = tc(e), l = be(...s ? [i, t] : t === null ? [] : [t]);
   ka();
   let u = Yt();
   if (r === void 0 && u !== null && (r = (u & we.Open) === we.Open), r === void 0) throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");
   let [c, f] = ae(r ? "visible" : "hidden"), g = rc(() => {
     r || f("hidden");
-  }), [d, m] = ae(!0), p = Y([r]);
+  }), [d, m] = ae(!0), p = K([r]);
   ge(() => {
     d !== !1 && p.current[p.current.length - 1] !== r && (p.current.push(r), m(!1));
   }, [p, r]);
@@ -4071,12 +4071,12 @@ function r0(e, t) {
   }), y = T(() => {
     var w;
     d && m(!1), (w = e.beforeLeave) == null || w.call(e);
-  }), E = ue();
-  return $.createElement(Ea.Provider, { value: g }, $.createElement(Sa.Provider, { value: v }, E({ ourProps: { ...b, as: Ie, children: $.createElement(oc, { ref: l, ...b, ...o, beforeEnter: x, beforeLeave: y }) }, theirProps: {}, defaultTag: Ie, features: ac, visible: c === "visible", name: "Transition" })));
+  }), S = ue();
+  return C.createElement(Ea.Provider, { value: g }, C.createElement(Sa.Provider, { value: v }, S({ ourProps: { ...b, as: Ie, children: C.createElement(oc, { ref: l, ...b, ...o, beforeEnter: x, beforeLeave: y }) }, theirProps: {}, defaultTag: Ie, features: ac, visible: c === "visible", name: "Transition" })));
 }
 function n0(e, t) {
   let r = fe(Sa) !== null, n = Yt() !== null;
-  return $.createElement($.Fragment, null, !r && n ? $.createElement(Eo, { ref: t, ...e }) : $.createElement(oc, { ref: t, ...e }));
+  return C.createElement(C.Fragment, null, !r && n ? C.createElement(Eo, { ref: t, ...e }) : C.createElement(oc, { ref: t, ...e }));
 }
 let Eo = le(r0), oc = le(t0), nn = le(n0), xr = Object.assign(Eo, { Child: nn, Root: Eo });
 var a0 = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(a0 || {}), o0 = ((e) => (e[e.SetTitleId = 0] = "SetTitleId", e))(o0 || {});
@@ -4096,37 +4096,37 @@ function s0(e, t) {
   return $e(t.type, i0, e, t);
 }
 let As = le(function(e, t) {
-  let r = xe(), { id: n = `headlessui-dialog-${r}`, open: a, onClose: o, initialFocus: i, role: s = "dialog", autoFocus: l = !0, __demoMode: u = !1, unmount: c = !1, ...f } = e, g = Y(!1);
+  let r = xe(), { id: n = `headlessui-dialog-${r}`, open: a, onClose: o, initialFocus: i, role: s = "dialog", autoFocus: l = !0, __demoMode: u = !1, unmount: c = !1, ...f } = e, g = K(!1);
   s = (function() {
     return s === "dialog" || s === "alertdialog" ? s : (g.current || (g.current = !0, console.warn(`Invalid role [${s}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog");
   })();
   let d = Yt();
   a === void 0 && d !== null && (a = (d & we.Open) === we.Open);
-  let m = Y(null), p = be(m, t), v = yt(m.current), b = a ? 0 : 1, [x, y] = ff(s0, { titleId: null, descriptionId: null, panelRef: gf() }), E = T(() => o(!1)), w = T((R) => y({ type: 0, id: R })), P = ka() ? b === 0 : !1, [N, F] = Ku(), z = { get current() {
+  let m = K(null), p = be(m, t), v = yt(m.current), b = a ? 0 : 1, [x, y] = ff(s0, { titleId: null, descriptionId: null, panelRef: gf() }), S = T(() => o(!1)), w = T((R) => y({ type: 0, id: R })), P = ka() ? b === 0 : !1, [N, I] = Ku(), B = { get current() {
     var R;
     return (R = x.panelRef.current) != null ? R : m.current;
-  } }, S = Si(), { resolveContainers: I } = Ju({ mainTreeNode: S, portals: N, defaultContainers: [z] }), K = d !== null ? (d & we.Closing) === we.Closing : !1;
-  ui(u || K ? !1 : P, { allowed: T(() => {
+  } }, F = Si(), { resolveContainers: $ } = Ju({ mainTreeNode: F, portals: N, defaultContainers: [B] }), V = d !== null ? (d & we.Closing) === we.Closing : !1;
+  ui(u || V ? !1 : P, { allowed: T(() => {
     var R, O;
     return [(O = (R = m.current) == null ? void 0 : R.closest("[data-headlessui-portal]")) != null ? O : null];
   }), disallowed: T(() => {
     var R;
-    return [(R = S?.closest("body > *:not(#headlessui-portal-root)")) != null ? R : null];
+    return [(R = F?.closest("body > *:not(#headlessui-portal-root)")) != null ? R : null];
   }) });
   let X = ur.get(null);
   ge(() => {
     if (P) return X.actions.push(n), () => X.actions.pop(n);
   }, [X, n, P]);
   let M = de(X, ie((R) => X.selectors.isTop(R, n), [X, n]));
-  fa(M, I, (R) => {
-    R.preventDefault(), E();
+  fa(M, $, (R) => {
+    R.preventDefault(), S();
   }), zp(M, v?.defaultView, (R) => {
-    R.preventDefault(), R.stopPropagation(), document.activeElement && "blur" in document.activeElement && typeof document.activeElement.blur == "function" && document.activeElement.blur(), E();
-  }), ma(u || K ? !1 : P, v, I), da(P, m, E);
-  let [V, W] = la(), J = ye(() => [{ dialogState: b, close: E, setTitleId: w, unmount: c }, x], [b, E, w, c, x]), k = ve({ open: b === 0 }), U = { ref: p, id: n, role: s, tabIndex: -1, "aria-modal": u ? void 0 : b === 0 ? !0 : void 0, "aria-labelledby": x.titleId, "aria-describedby": V, unmount: c }, re = !Hp(), C = Qt.None;
-  P && !u && (C |= Qt.RestoreFocus, C |= Qt.TabLock, l && (C |= Qt.AutoFocus), re && (C |= Qt.InitialFocus));
+    R.preventDefault(), R.stopPropagation(), document.activeElement && "blur" in document.activeElement && typeof document.activeElement.blur == "function" && document.activeElement.blur(), S();
+  }), ma(u || V ? !1 : P, v, $), da(P, m, S);
+  let [z, U] = la(), J = ye(() => [{ dialogState: b, close: S, setTitleId: w, unmount: c }, x], [b, S, w, c, x]), k = ve({ open: b === 0 }), Y = { ref: p, id: n, role: s, tabIndex: -1, "aria-modal": u ? void 0 : b === 0 ? !0 : void 0, "aria-labelledby": x.titleId, "aria-describedby": z, unmount: c }, re = !Hp(), E = Qt.None;
+  P && !u && (E |= Qt.RestoreFocus, E |= Qt.TabLock, l && (E |= Qt.AutoFocus), re && (E |= Qt.InitialFocus));
   let L = ue();
-  return $.createElement(Bu, null, $.createElement(Ns, { force: !0 }, $.createElement(wa, null, $.createElement($i.Provider, { value: J }, $.createElement(qu, { target: m }, $.createElement(Ns, { force: !1 }, $.createElement(W, { slot: k }, $.createElement(F, null, $.createElement(Yp, { initialFocus: i, initialFocusFallback: m, containers: I, features: C }, $.createElement(ii, { value: E }, L({ ourProps: U, theirProps: f, slot: k, defaultTag: l0, features: u0, visible: b === 0, name: "Dialog" })))))))))));
+  return C.createElement(Bu, null, C.createElement(Ns, { force: !0 }, C.createElement(wa, null, C.createElement($i.Provider, { value: J }, C.createElement(qu, { target: m }, C.createElement(Ns, { force: !1 }, C.createElement(U, { slot: k }, C.createElement(I, null, C.createElement(Yp, { initialFocus: i, initialFocusFallback: m, containers: $, features: E }, C.createElement(ii, { value: S }, L({ ourProps: Y, theirProps: f, slot: k, defaultTag: l0, features: u0, visible: b === 0, name: "Dialog" })))))))))));
 }), l0 = "div", u0 = Ke.RenderStrategy | Ke.Static;
 function c0(e, t) {
   let { transition: r = !1, open: n, ...a } = e, o = Yt(), i = e.hasOwnProperty("open") || o !== null, s = e.hasOwnProperty("onClose");
@@ -4135,19 +4135,19 @@ function c0(e, t) {
   if (!s) throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");
   if (!o && typeof e.open != "boolean") throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${e.open}`);
   if (typeof e.onClose != "function") throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${e.onClose}`);
-  return (n !== void 0 || r) && !a.static ? $.createElement(Jn, null, $.createElement(xr, { show: n, transition: r, unmount: a.unmount }, $.createElement(As, { ref: t, ...a }))) : $.createElement(Jn, null, $.createElement(As, { ref: t, open: n, ...a }));
+  return (n !== void 0 || r) && !a.static ? C.createElement(Jn, null, C.createElement(xr, { show: n, transition: r, unmount: a.unmount }, C.createElement(As, { ref: t, ...a }))) : C.createElement(Jn, null, C.createElement(As, { ref: t, open: n, ...a }));
 }
 let d0 = "div";
 function f0(e, t) {
   let r = xe(), { id: n = `headlessui-dialog-panel-${r}`, transition: a = !1, ...o } = e, [{ dialogState: i, unmount: s }, l] = $a("Dialog.Panel"), u = be(t, l.panelRef), c = ve({ open: i === 0 }), f = T((v) => {
     v.stopPropagation();
   }), g = { ref: u, id: n, onClick: f }, d = a ? nn : Ie, m = a ? { unmount: s } : {}, p = ue();
-  return $.createElement(d, { ...m }, p({ ourProps: g, theirProps: o, slot: c, defaultTag: d0, name: "Dialog.Panel" }));
+  return C.createElement(d, { ...m }, p({ ourProps: g, theirProps: o, slot: c, defaultTag: d0, name: "Dialog.Panel" }));
 }
 let g0 = "div";
 function m0(e, t) {
   let { transition: r = !1, ...n } = e, [{ dialogState: a, unmount: o }] = $a("Dialog.Backdrop"), i = ve({ open: a === 0 }), s = { ref: t, "aria-hidden": !0 }, l = r ? nn : Ie, u = r ? { unmount: o } : {}, c = ue();
-  return $.createElement(l, { ...u }, c({ ourProps: s, theirProps: n, slot: i, defaultTag: g0, name: "Dialog.Backdrop" }));
+  return C.createElement(l, { ...u }, c({ ourProps: s, theirProps: n, slot: i, defaultTag: g0, name: "Dialog.Backdrop" }));
 }
 let p0 = "h2";
 function h0(e, t) {
@@ -4159,7 +4159,7 @@ function h0(e, t) {
 let v0 = le(c0), ic = le(f0), b0 = le(m0), sc = le(h0), y0 = Object.assign(v0, { Panel: ic, Title: sc, Description: un }), x0 = "div";
 function w0(e, t) {
   let r = `headlessui-control-${xe()}`, [n, a] = cn(), [o, i] = la(), s = St(), { disabled: l = s || !1, ...u } = e, c = ve({ disabled: l }), f = { ref: t, disabled: l || void 0, "aria-disabled": l || void 0 }, g = ue();
-  return $.createElement(Kf, { value: l }, $.createElement(a, { value: n }, $.createElement(i, { value: o }, $.createElement(ug, { id: r }, g({ ourProps: f, theirProps: { ...u, children: $.createElement(ig, null, typeof u.children == "function" ? u.children(c) : u.children) }, slot: c, defaultTag: x0, name: "Field" })))));
+  return C.createElement(Kf, { value: l }, C.createElement(a, { value: n }, C.createElement(i, { value: o }, C.createElement(ug, { id: r }, g({ ourProps: f, theirProps: { ...u, children: C.createElement(ig, null, typeof u.children == "function" ? u.children(c) : u.children) }, slot: c, defaultTag: x0, name: "Field" })))));
 }
 let Ra = le(w0), k0 = "input";
 function S0(e, t) {
@@ -4194,7 +4194,7 @@ function C0(e) {
   return _s(e).trim();
 }
 function lc(e) {
-  let t = Y(""), r = Y("");
+  let t = K(""), r = K("");
   return T(() => {
     let n = e.current;
     if (!n) return "";
@@ -4388,139 +4388,139 @@ let I0 = Ie;
 function N0(e, t) {
   let r = xe(), n = St(), { value: a, defaultValue: o, form: i, name: s, onChange: l, by: u, invalid: c = !1, disabled: f = n || !1, horizontal: g = !1, multiple: d = !1, __demoMode: m = !1, ...p } = e;
   const v = g ? "horizontal" : "vertical";
-  let b = be(t), x = ri(o), [y = d ? [] : void 0, E] = ti(a, l, x), w = fc({ id: r, __demoMode: m }), P = Y({ static: !1, hold: !1 }), N = Y(/* @__PURE__ */ new Map()), F = $g(u), z = ie((L) => $e(S.mode, { [At.Multi]: () => y.some((R) => F(R, L)), [At.Single]: () => F(y, L) }), [y]), S = ve({ value: y, disabled: f, invalid: c, mode: d ? At.Multi : At.Single, orientation: v, onChange: E, compare: F, isSelected: z, optionsPropsRef: P, listRef: N });
+  let b = be(t), x = ri(o), [y = d ? [] : void 0, S] = ti(a, l, x), w = fc({ id: r, __demoMode: m }), P = K({ static: !1, hold: !1 }), N = K(/* @__PURE__ */ new Map()), I = $g(u), B = ie((L) => $e(F.mode, { [At.Multi]: () => y.some((R) => I(R, L)), [At.Single]: () => I(y, L) }), [y]), F = ve({ value: y, disabled: f, invalid: c, mode: d ? At.Multi : At.Single, orientation: v, onChange: S, compare: I, isSelected: B, optionsPropsRef: P, listRef: N });
   ge(() => {
-    w.state.dataRef.current = S;
-  }, [S]);
-  let I = de(w, (L) => L.listboxState), K = ur.get(null), X = de(K, ie((L) => K.selectors.isTop(L, r), [K, r])), [M, V] = de(w, (L) => [L.buttonElement, L.optionsElement]);
-  fa(X, [M, V], (L, R) => {
+    w.state.dataRef.current = F;
+  }, [F]);
+  let $ = de(w, (L) => L.listboxState), V = ur.get(null), X = de(V, ie((L) => V.selectors.isTop(L, r), [V, r])), [M, z] = de(w, (L) => [L.buttonElement, L.optionsElement]);
+  fa(X, [M, z], (L, R) => {
     w.send({ type: uc.CloseListbox }), mn(R, gn.Loose) || (L.preventDefault(), M?.focus());
   });
-  let W = ve({ open: I === Me.Open, disabled: f, invalid: c, value: y }), [J, k] = cn({ inherit: !0 }), U = { ref: b }, re = ie(() => {
-    if (x !== void 0) return E?.(x);
-  }, [E, x]), C = ue();
-  return $.createElement(k, { value: J, props: { htmlFor: M?.id }, slot: { open: I === Me.Open, disabled: f } }, $.createElement(wi, null, $.createElement(dc.Provider, { value: w }, $.createElement(Pa.Provider, { value: S }, $.createElement(xa, { value: $e(I, { [Me.Open]: we.Open, [Me.Closed]: we.Closed }) }, s != null && y != null && $.createElement(ai, { disabled: f, data: { [s]: y }, form: i, onReset: re }), C({ ourProps: U, theirProps: p, slot: W, defaultTag: I0, name: "Listbox" }))))));
+  let U = ve({ open: $ === Me.Open, disabled: f, invalid: c, value: y }), [J, k] = cn({ inherit: !0 }), Y = { ref: b }, re = ie(() => {
+    if (x !== void 0) return S?.(x);
+  }, [S, x]), E = ue();
+  return C.createElement(k, { value: J, props: { htmlFor: M?.id }, slot: { open: $ === Me.Open, disabled: f } }, C.createElement(wi, null, C.createElement(dc.Provider, { value: w }, C.createElement(Pa.Provider, { value: F }, C.createElement(xa, { value: $e($, { [Me.Open]: we.Open, [Me.Closed]: we.Closed }) }, s != null && y != null && C.createElement(ai, { disabled: f, data: { [s]: y }, form: i, onReset: re }), E({ ourProps: Y, theirProps: p, slot: U, defaultTag: I0, name: "Listbox" }))))));
 }
 let A0 = "button";
 function O0(e, t) {
-  let r = xe(), n = Er(), a = xn("Listbox.Button"), o = Ri("Listbox.Button"), { id: i = n || `headlessui-listbox-button-${r}`, disabled: s = a.disabled || !1, autoFocus: l = !1, ...u } = e, c = be(t, bi(), o.actions.setButtonElement), f = zu(), [g, d, m] = de(o, (V) => [V.listboxState, V.buttonElement, V.optionsElement]), p = g === Me.Open;
-  Su(p, { trigger: d, action: ie((V) => {
-    if (d != null && d.contains(V.target)) return It.Ignore;
-    let W = V.target.closest('[role="option"]:not([data-disabled])');
-    return Ne(W) ? It.Select(W) : m != null && m.contains(V.target) ? It.Ignore : It.Close;
+  let r = xe(), n = Er(), a = xn("Listbox.Button"), o = Ri("Listbox.Button"), { id: i = n || `headlessui-listbox-button-${r}`, disabled: s = a.disabled || !1, autoFocus: l = !1, ...u } = e, c = be(t, bi(), o.actions.setButtonElement), f = zu(), [g, d, m] = de(o, (z) => [z.listboxState, z.buttonElement, z.optionsElement]), p = g === Me.Open;
+  Su(p, { trigger: d, action: ie((z) => {
+    if (d != null && d.contains(z.target)) return It.Ignore;
+    let U = z.target.closest('[role="option"]:not([data-disabled])');
+    return Ne(U) ? It.Select(U) : m != null && m.contains(z.target) ? It.Ignore : It.Close;
   }, [d, m]), close: o.actions.closeListbox, select: o.actions.selectActiveOption });
-  let v = T((V) => {
-    switch (V.key) {
+  let v = T((z) => {
+    switch (z.key) {
       case te.Enter:
-        ni(V.currentTarget);
+        ni(z.currentTarget);
         break;
       case te.Space:
       case te.ArrowDown:
-        V.preventDefault(), o.actions.openListbox({ focus: a.value ? oe.Nothing : oe.First });
+        z.preventDefault(), o.actions.openListbox({ focus: a.value ? oe.Nothing : oe.First });
         break;
       case te.ArrowUp:
-        V.preventDefault(), o.actions.openListbox({ focus: a.value ? oe.Nothing : oe.Last });
+        z.preventDefault(), o.actions.openListbox({ focus: a.value ? oe.Nothing : oe.Last });
         break;
     }
-  }), b = T((V) => {
-    V.key === te.Space && V.preventDefault();
-  }), x = mu((V) => {
-    var W;
-    o.state.listboxState === Me.Open ? (nr(() => o.actions.closeListbox()), (W = o.state.buttonElement) == null || W.focus({ preventScroll: !0 })) : (V.preventDefault(), o.actions.openListbox({ focus: oe.Nothing }));
-  }), y = T((V) => V.preventDefault()), E = Cr([i]), w = ln(), { isFocusVisible: P, focusProps: N } = Wt({ autoFocus: l }), { isHovered: F, hoverProps: z } = Bt({ isDisabled: s }), { pressed: S, pressProps: I } = Sr({ disabled: s }), K = ve({ open: g === Me.Open, active: S || g === Me.Open, disabled: s, invalid: a.invalid, value: a.value, hover: F, focus: P, autofocus: l }), X = de(o, (V) => V.listboxState === Me.Open), M = qe(f(), { ref: c, id: i, type: ga(e, d), "aria-haspopup": "listbox", "aria-controls": m?.id, "aria-expanded": X, "aria-labelledby": E, "aria-describedby": w, disabled: s || void 0, autoFocus: l, onKeyDown: v, onKeyUp: b, onKeyPress: y }, x, N, z, I);
-  return ue()({ ourProps: M, theirProps: u, slot: K, defaultTag: A0, name: "Listbox.Button" });
+  }), b = T((z) => {
+    z.key === te.Space && z.preventDefault();
+  }), x = mu((z) => {
+    var U;
+    o.state.listboxState === Me.Open ? (nr(() => o.actions.closeListbox()), (U = o.state.buttonElement) == null || U.focus({ preventScroll: !0 })) : (z.preventDefault(), o.actions.openListbox({ focus: oe.Nothing }));
+  }), y = T((z) => z.preventDefault()), S = Cr([i]), w = ln(), { isFocusVisible: P, focusProps: N } = Wt({ autoFocus: l }), { isHovered: I, hoverProps: B } = Bt({ isDisabled: s }), { pressed: F, pressProps: $ } = Sr({ disabled: s }), V = ve({ open: g === Me.Open, active: F || g === Me.Open, disabled: s, invalid: a.invalid, value: a.value, hover: I, focus: P, autofocus: l }), X = de(o, (z) => z.listboxState === Me.Open), M = qe(f(), { ref: c, id: i, type: ga(e, d), "aria-haspopup": "listbox", "aria-controls": m?.id, "aria-expanded": X, "aria-labelledby": S, "aria-describedby": w, disabled: s || void 0, autoFocus: l, onKeyDown: v, onKeyUp: b, onKeyPress: y }, x, N, B, $);
+  return ue()({ ourProps: M, theirProps: u, slot: V, defaultTag: A0, name: "Listbox.Button" });
 }
 let gc = Ce(!1), _0 = "div", T0 = Ke.RenderStrategy | Ke.Static;
 function M0(e, t) {
   let r = xe(), { id: n = `headlessui-listbox-options-${r}`, anchor: a, portal: o = !1, modal: i = !0, transition: s = !1, ...l } = e, u = vi(a), [c, f] = ae(null);
   u && (o = !0);
-  let g = xn("Listbox.Options"), d = Ri("Listbox.Options"), [m, p, v, b] = de(d, (B) => [B.listboxState, B.buttonElement, B.optionsElement, B.__demoMode]), x = yt(p), y = yt(v), E = Yt(), [w, P] = hn(s, c, E !== null ? (E & we.Open) === we.Open : m === Me.Open);
+  let g = xn("Listbox.Options"), d = Ri("Listbox.Options"), [m, p, v, b] = de(d, (W) => [W.listboxState, W.buttonElement, W.optionsElement, W.__demoMode]), x = yt(p), y = yt(v), S = Yt(), [w, P] = hn(s, c, S !== null ? (S & we.Open) === we.Open : m === Me.Open);
   da(w, p, d.actions.closeListbox);
   let N = b ? !1 : i && m === Me.Open;
   ma(N, y);
-  let F = b ? !1 : i && m === Me.Open;
-  ui(F, { allowed: ie(() => [p, v], [p, v]) });
-  let z = de(d, d.selectors.didButtonMove) ? !1 : w, S = de(d, d.selectors.hasFrozenValue) && !e.static, I = Gu(S, g.value), K = ie((B) => g.compare(I, B), [g.compare, I]), X = de(d, (B) => {
+  let I = b ? !1 : i && m === Me.Open;
+  ui(I, { allowed: ie(() => [p, v], [p, v]) });
+  let B = de(d, d.selectors.didButtonMove) ? !1 : w, F = de(d, d.selectors.hasFrozenValue) && !e.static, $ = Gu(F, g.value), V = ie((W) => g.compare($, W), [g.compare, $]), X = de(d, (W) => {
     var D;
     if (u == null || !((D = u?.to) != null && D.includes("selection"))) return null;
-    let pe = B.options.findIndex((Se) => K(Se.dataRef.current.value));
+    let pe = W.options.findIndex((Se) => V(Se.dataRef.current.value));
     return pe === -1 && (pe = 0), pe;
   }), M = (() => {
     if (u == null) return;
     if (X === null) return { ...u, inner: void 0 };
-    let B = Array.from(g.listRef.current.values());
-    return { ...u, inner: { listRef: { current: B }, index: X } };
-  })(), [V, W] = xi(M), J = yi(), k = be(t, u ? V : null, d.actions.setOptionsElement, f), U = rt();
+    let W = Array.from(g.listRef.current.values());
+    return { ...u, inner: { listRef: { current: W }, index: X } };
+  })(), [z, U] = xi(M), J = yi(), k = be(t, u ? z : null, d.actions.setOptionsElement, f), Y = rt();
   me(() => {
-    let B = v;
-    B && m === Me.Open && (ei(B) || B == null || B.focus({ preventScroll: !0 }));
+    let W = v;
+    W && m === Me.Open && (ei(W) || W == null || W.focus({ preventScroll: !0 }));
   }, [m, v]);
-  let re = T((B) => {
+  let re = T((W) => {
     var D;
-    switch (U.dispose(), B.key) {
+    switch (Y.dispose(), W.key) {
       case te.Space:
-        if (d.state.searchQuery !== "") return B.preventDefault(), B.stopPropagation(), d.actions.search(B.key);
+        if (d.state.searchQuery !== "") return W.preventDefault(), W.stopPropagation(), d.actions.search(W.key);
       case te.Enter:
-        B.preventDefault(), B.stopPropagation(), d.actions.selectActiveOption();
+        W.preventDefault(), W.stopPropagation(), d.actions.selectActiveOption();
         break;
       case $e(g.orientation, { vertical: te.ArrowDown, horizontal: te.ArrowRight }):
-        return B.preventDefault(), B.stopPropagation(), d.actions.goToOption({ focus: oe.Next });
+        return W.preventDefault(), W.stopPropagation(), d.actions.goToOption({ focus: oe.Next });
       case $e(g.orientation, { vertical: te.ArrowUp, horizontal: te.ArrowLeft }):
-        return B.preventDefault(), B.stopPropagation(), d.actions.goToOption({ focus: oe.Previous });
+        return W.preventDefault(), W.stopPropagation(), d.actions.goToOption({ focus: oe.Previous });
       case te.Home:
       case te.PageUp:
-        return B.preventDefault(), B.stopPropagation(), d.actions.goToOption({ focus: oe.First });
+        return W.preventDefault(), W.stopPropagation(), d.actions.goToOption({ focus: oe.First });
       case te.End:
       case te.PageDown:
-        return B.preventDefault(), B.stopPropagation(), d.actions.goToOption({ focus: oe.Last });
+        return W.preventDefault(), W.stopPropagation(), d.actions.goToOption({ focus: oe.Last });
       case te.Escape:
-        B.preventDefault(), B.stopPropagation(), nr(() => d.actions.closeListbox()), (D = d.state.buttonElement) == null || D.focus({ preventScroll: !0 });
+        W.preventDefault(), W.stopPropagation(), nr(() => d.actions.closeListbox()), (D = d.state.buttonElement) == null || D.focus({ preventScroll: !0 });
         return;
       case te.Tab:
-        B.preventDefault(), B.stopPropagation(), nr(() => d.actions.closeListbox()), xu(d.state.buttonElement, B.shiftKey ? Re.Previous : Re.Next);
+        W.preventDefault(), W.stopPropagation(), nr(() => d.actions.closeListbox()), xu(d.state.buttonElement, W.shiftKey ? Re.Previous : Re.Next);
         break;
       default:
-        B.key.length === 1 && (d.actions.search(B.key), U.setTimeout(() => d.actions.clearSearch(), 350));
+        W.key.length === 1 && (d.actions.search(W.key), Y.setTimeout(() => d.actions.clearSearch(), 350));
         break;
     }
-  }), C = de(d, (B) => {
+  }), E = de(d, (W) => {
     var D;
-    return (D = B.buttonElement) == null ? void 0 : D.id;
-  }), L = ve({ open: m === Me.Open }), R = qe(u ? J() : {}, { id: n, ref: k, "aria-activedescendant": de(d, d.selectors.activeDescendantId), "aria-multiselectable": g.mode === At.Multi ? !0 : void 0, "aria-labelledby": C, "aria-orientation": g.orientation, onKeyDown: re, role: "listbox", tabIndex: m === Me.Open ? 0 : void 0, style: { ...l.style, ...W, "--button-width": si(w, p, !0).width }, ...pn(P) }), O = ue(), Q = ye(() => g.mode === At.Multi ? g : { ...g, isSelected: K }, [g, K]);
-  return $.createElement(wa, { enabled: o ? e.static || w : !1, ownerDocument: x }, $.createElement(Pa.Provider, { value: Q }, O({ ourProps: R, theirProps: l, slot: L, defaultTag: _0, features: T0, visible: z, name: "Listbox.Options" })));
+    return (D = W.buttonElement) == null ? void 0 : D.id;
+  }), L = ve({ open: m === Me.Open }), R = qe(u ? J() : {}, { id: n, ref: k, "aria-activedescendant": de(d, d.selectors.activeDescendantId), "aria-multiselectable": g.mode === At.Multi ? !0 : void 0, "aria-labelledby": E, "aria-orientation": g.orientation, onKeyDown: re, role: "listbox", tabIndex: m === Me.Open ? 0 : void 0, style: { ...l.style, ...U, "--button-width": si(w, p, !0).width }, ...pn(P) }), O = ue(), Q = ye(() => g.mode === At.Multi ? g : { ...g, isSelected: V }, [g, V]);
+  return C.createElement(wa, { enabled: o ? e.static || w : !1, ownerDocument: x }, C.createElement(Pa.Provider, { value: Q }, O({ ourProps: R, theirProps: l, slot: L, defaultTag: _0, features: T0, visible: B, name: "Listbox.Options" })));
 }
 let j0 = "div";
 function L0(e, t) {
-  let r = xe(), { id: n = `headlessui-listbox-option-${r}`, disabled: a = !1, value: o, ...i } = e, s = fe(gc) === !0, l = xn("Listbox.Option"), u = Ri("Listbox.Option"), c = de(u, (S) => u.selectors.isActive(S, n)), f = l.isSelected(o), g = Y(null), d = lc(g), m = lt({ disabled: a, value: o, domRef: g, get textValue() {
+  let r = xe(), { id: n = `headlessui-listbox-option-${r}`, disabled: a = !1, value: o, ...i } = e, s = fe(gc) === !0, l = xn("Listbox.Option"), u = Ri("Listbox.Option"), c = de(u, (F) => u.selectors.isActive(F, n)), f = l.isSelected(o), g = K(null), d = lc(g), m = lt({ disabled: a, value: o, domRef: g, get textValue() {
     return d();
-  } }), p = be(t, g, (S) => {
-    S ? l.listRef.current.set(n, S) : l.listRef.current.delete(n);
-  }), v = de(u, (S) => u.selectors.shouldScrollIntoView(S, n));
+  } }), p = be(t, g, (F) => {
+    F ? l.listRef.current.set(n, F) : l.listRef.current.delete(n);
+  }), v = de(u, (F) => u.selectors.shouldScrollIntoView(F, n));
   ge(() => {
     if (v) return Le().requestAnimationFrame(() => {
-      var S, I;
-      (I = (S = g.current) == null ? void 0 : S.scrollIntoView) == null || I.call(S, { block: "nearest" });
+      var F, $;
+      ($ = (F = g.current) == null ? void 0 : F.scrollIntoView) == null || $.call(F, { block: "nearest" });
     });
   }, [v, g]), ge(() => {
     if (!s) return u.actions.registerOption(n, m), () => u.actions.unregisterOption(n);
   }, [m, n, s]);
-  let b = T((S) => {
-    if (a) return S.preventDefault();
+  let b = T((F) => {
+    if (a) return F.preventDefault();
     u.actions.selectOption(o);
   }), x = T(() => {
     if (a) return u.actions.goToOption({ focus: oe.Nothing });
     u.actions.goToOption({ focus: oe.Specific, id: n });
-  }), y = Eu(), E = T((S) => y.update(S)), w = T((S) => {
-    y.wasMoved(S) && (a || c && u.state.activationTrigger === Dn.Pointer || u.actions.goToOption({ focus: oe.Specific, id: n }, Dn.Pointer));
-  }), P = T((S) => {
-    y.wasMoved(S) && (a || c && u.state.activationTrigger === Dn.Pointer && u.actions.goToOption({ focus: oe.Nothing }));
-  }), N = ve({ active: c, focus: c, selected: f, disabled: a, selectedOption: f && s }), F = s ? {} : { id: n, ref: p, role: "option", tabIndex: a === !0 ? void 0 : -1, "aria-disabled": a === !0 ? !0 : void 0, "aria-selected": f, disabled: void 0, onClick: b, onFocus: x, onPointerEnter: E, onMouseEnter: E, onPointerMove: w, onMouseMove: w, onPointerLeave: P, onMouseLeave: P }, z = ue();
-  return !f && s ? null : z({ ourProps: F, theirProps: i, slot: N, defaultTag: j0, name: "Listbox.Option" });
+  }), y = Eu(), S = T((F) => y.update(F)), w = T((F) => {
+    y.wasMoved(F) && (a || c && u.state.activationTrigger === Dn.Pointer || u.actions.goToOption({ focus: oe.Specific, id: n }, Dn.Pointer));
+  }), P = T((F) => {
+    y.wasMoved(F) && (a || c && u.state.activationTrigger === Dn.Pointer && u.actions.goToOption({ focus: oe.Nothing }));
+  }), N = ve({ active: c, focus: c, selected: f, disabled: a, selectedOption: f && s }), I = s ? {} : { id: n, ref: p, role: "option", tabIndex: a === !0 ? void 0 : -1, "aria-disabled": a === !0 ? !0 : void 0, "aria-selected": f, disabled: void 0, onClick: b, onFocus: x, onPointerEnter: S, onMouseEnter: S, onPointerMove: w, onMouseMove: w, onPointerLeave: P, onMouseLeave: P }, B = ue();
+  return !f && s ? null : B({ ourProps: I, theirProps: i, slot: N, defaultTag: j0, name: "Listbox.Option" });
 }
 let D0 = Ie;
 function V0(e, t) {
   let { options: r, placeholder: n, ...a } = e, o = { ref: be(t) }, i = xn("ListboxSelectedOption"), s = ve({}), l = i.value === void 0 || i.value === null || i.mode === At.Multi && Array.isArray(i.value) && i.value.length === 0, u = ue();
-  return $.createElement(gc.Provider, { value: !0 }, u({ ourProps: o, theirProps: { ...a, children: $.createElement($.Fragment, null, n && l ? n : r) }, slot: s, defaultTag: D0, name: "ListboxSelectedOption" }));
+  return C.createElement(gc.Provider, { value: !0 }, u({ ourProps: o, theirProps: { ...a, children: C.createElement(C.Fragment, null, n && l ? n : r) }, slot: s, defaultTag: D0, name: "ListboxSelectedOption" }));
 }
 let z0 = le(N0), mc = le(O0), H0 = $r, pc = le(M0), hc = le(L0), G0 = le(V0), B0 = Object.assign(z0, { Button: mc, Label: H0, Options: pc, Option: hc, SelectedOption: G0 });
 var W0 = Object.defineProperty, U0 = (e, t, r) => t in e ? W0(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, js = (e, t, r) => (U0(e, typeof t != "symbol" ? t + "" : t, r), r), _e = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(_e || {}), Qn = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Other = 1] = "Other", e))(Qn || {}), he = ((e) => (e[e.OpenMenu = 0] = "OpenMenu", e[e.CloseMenu = 1] = "CloseMenu", e[e.GoToItem = 2] = "GoToItem", e[e.Search = 3] = "Search", e[e.ClearSearch = 4] = "ClearSearch", e[e.RegisterItems = 5] = "RegisterItems", e[e.UnregisterItems = 6] = "UnregisterItems", e[e.SetButtonElement = 7] = "SetButtonElement", e[e.SetItemsElement = 8] = "SetItemsElement", e[e.SortItems = 9] = "SortItems", e[e.MarkButtonAsMoved = 10] = "MarkButtonAsMoved", e))(he || {});
@@ -4653,48 +4653,48 @@ function X0(e, t) {
   let g = T(() => {
     o.send({ type: he.CloseMenu });
   }), d = ve({ open: i === _e.Open, close: g }), m = { ref: u }, p = ue();
-  return $.createElement(wi, null, $.createElement(bc.Provider, { value: o }, $.createElement(xa, { value: $e(i, { [_e.Open]: we.Open, [_e.Closed]: we.Closed }) }, p({ ourProps: m, theirProps: a, slot: d, defaultTag: q0, name: "Menu" }))));
+  return C.createElement(wi, null, C.createElement(bc.Provider, { value: o }, C.createElement(xa, { value: $e(i, { [_e.Open]: we.Open, [_e.Closed]: we.Closed }) }, p({ ourProps: m, theirProps: a, slot: d, defaultTag: q0, name: "Menu" }))));
 }
 let J0 = "button";
 function Q0(e, t) {
-  let r = Pi("Menu.Button"), n = xe(), { id: a = `headlessui-menu-button-${n}`, disabled: o = !1, autoFocus: i = !1, ...s } = e, l = Y(null), u = zu(), c = be(t, l, bi(), T((S) => r.send({ type: he.SetButtonElement, element: S }))), f = T((S) => {
-    switch (S.key) {
+  let r = Pi("Menu.Button"), n = xe(), { id: a = `headlessui-menu-button-${n}`, disabled: o = !1, autoFocus: i = !1, ...s } = e, l = K(null), u = zu(), c = be(t, l, bi(), T((F) => r.send({ type: he.SetButtonElement, element: F }))), f = T((F) => {
+    switch (F.key) {
       case te.Space:
       case te.Enter:
       case te.ArrowDown:
-        S.preventDefault(), S.stopPropagation(), r.send({ type: he.OpenMenu, focus: { focus: oe.First } });
+        F.preventDefault(), F.stopPropagation(), r.send({ type: he.OpenMenu, focus: { focus: oe.First } });
         break;
       case te.ArrowUp:
-        S.preventDefault(), S.stopPropagation(), r.send({ type: he.OpenMenu, focus: { focus: oe.Last } });
+        F.preventDefault(), F.stopPropagation(), r.send({ type: he.OpenMenu, focus: { focus: oe.Last } });
         break;
     }
-  }), g = T((S) => {
-    S.key === te.Space && S.preventDefault();
-  }), [d, m, p] = de(r, (S) => [S.menuState, S.buttonElement, S.itemsElement]), v = d === _e.Open;
-  Su(v, { trigger: m, action: ie((S) => {
-    if (m != null && m.contains(S.target)) return It.Ignore;
-    let I = S.target.closest('[role="menuitem"]:not([data-disabled])');
-    return Ne(I) ? It.Select(I) : p != null && p.contains(S.target) ? It.Ignore : It.Close;
-  }, [m, p]), close: ie(() => r.send({ type: he.CloseMenu }), []), select: ie((S) => S.click(), []) });
-  let b = mu((S) => {
-    var I;
-    o || (d === _e.Open ? (nr(() => r.send({ type: he.CloseMenu })), (I = l.current) == null || I.focus({ preventScroll: !0 })) : (S.preventDefault(), r.send({ type: he.OpenMenu, focus: { focus: oe.Nothing }, trigger: Qn.Pointer })));
-  }), { isFocusVisible: x, focusProps: y } = Wt({ autoFocus: i }), { isHovered: E, hoverProps: w } = Bt({ isDisabled: o }), { pressed: P, pressProps: N } = Sr({ disabled: o }), F = ve({ open: d === _e.Open, active: P || d === _e.Open, disabled: o, hover: E, focus: x, autofocus: i }), z = qe(u(), { ref: c, id: a, type: ga(e, l.current), "aria-haspopup": "menu", "aria-controls": p?.id, "aria-expanded": d === _e.Open, disabled: o || void 0, autoFocus: i, onKeyDown: f, onKeyUp: g }, b, y, w, N);
-  return ue()({ ourProps: z, theirProps: s, slot: F, defaultTag: J0, name: "Menu.Button" });
+  }), g = T((F) => {
+    F.key === te.Space && F.preventDefault();
+  }), [d, m, p] = de(r, (F) => [F.menuState, F.buttonElement, F.itemsElement]), v = d === _e.Open;
+  Su(v, { trigger: m, action: ie((F) => {
+    if (m != null && m.contains(F.target)) return It.Ignore;
+    let $ = F.target.closest('[role="menuitem"]:not([data-disabled])');
+    return Ne($) ? It.Select($) : p != null && p.contains(F.target) ? It.Ignore : It.Close;
+  }, [m, p]), close: ie(() => r.send({ type: he.CloseMenu }), []), select: ie((F) => F.click(), []) });
+  let b = mu((F) => {
+    var $;
+    o || (d === _e.Open ? (nr(() => r.send({ type: he.CloseMenu })), ($ = l.current) == null || $.focus({ preventScroll: !0 })) : (F.preventDefault(), r.send({ type: he.OpenMenu, focus: { focus: oe.Nothing }, trigger: Qn.Pointer })));
+  }), { isFocusVisible: x, focusProps: y } = Wt({ autoFocus: i }), { isHovered: S, hoverProps: w } = Bt({ isDisabled: o }), { pressed: P, pressProps: N } = Sr({ disabled: o }), I = ve({ open: d === _e.Open, active: P || d === _e.Open, disabled: o, hover: S, focus: x, autofocus: i }), B = qe(u(), { ref: c, id: a, type: ga(e, l.current), "aria-haspopup": "menu", "aria-controls": p?.id, "aria-expanded": d === _e.Open, disabled: o || void 0, autoFocus: i, onKeyDown: f, onKeyUp: g }, b, y, w, N);
+  return ue()({ ourProps: B, theirProps: s, slot: I, defaultTag: J0, name: "Menu.Button" });
 }
 let Z0 = "div", eh = Ke.RenderStrategy | Ke.Static;
 function th(e, t) {
-  let r = xe(), { id: n = `headlessui-menu-items-${r}`, anchor: a, portal: o = !1, modal: i = !0, transition: s = !1, ...l } = e, u = vi(a), c = Pi("Menu.Items"), [f, g] = xi(u), d = yi(), [m, p] = ae(null), v = be(t, u ? f : null, T((k) => c.send({ type: he.SetItemsElement, element: k })), p), [b, x] = de(c, (k) => [k.menuState, k.buttonElement]), y = yt(x), E = yt(m);
+  let r = xe(), { id: n = `headlessui-menu-items-${r}`, anchor: a, portal: o = !1, modal: i = !0, transition: s = !1, ...l } = e, u = vi(a), c = Pi("Menu.Items"), [f, g] = xi(u), d = yi(), [m, p] = ae(null), v = be(t, u ? f : null, T((k) => c.send({ type: he.SetItemsElement, element: k })), p), [b, x] = de(c, (k) => [k.menuState, k.buttonElement]), y = yt(x), S = yt(m);
   u && (o = !0);
   let w = Yt(), [P, N] = hn(s, m, w !== null ? (w & we.Open) === we.Open : b === _e.Open);
   da(P, x, () => {
     c.send({ type: he.CloseMenu });
   });
-  let F = de(c, (k) => k.__demoMode), z = F ? !1 : i && b === _e.Open;
-  ma(z, E);
-  let S = F ? !1 : i && b === _e.Open;
-  ui(S, { allowed: ie(() => [x, m], [x, m]) });
-  let I = de(c, c.selectors.didButtonMove) ? !1 : P;
+  let I = de(c, (k) => k.__demoMode), B = I ? !1 : i && b === _e.Open;
+  ma(B, S);
+  let F = I ? !1 : i && b === _e.Open;
+  ui(F, { allowed: ie(() => [x, m], [x, m]) });
+  let $ = de(c, c.selectors.didButtonMove) ? !1 : P;
   me(() => {
     let k = m;
     k && b === _e.Open && (ei(k) || k.focus({ preventScroll: !0 }));
@@ -4703,15 +4703,15 @@ function th(e, t) {
   }, walk(k) {
     k.setAttribute("role", "none");
   } });
-  let K = rt(), X = T((k) => {
-    var U, re, C;
-    switch (K.dispose(), k.key) {
+  let V = rt(), X = T((k) => {
+    var Y, re, E;
+    switch (V.dispose(), k.key) {
       case te.Space:
         if (c.state.searchQuery !== "") return k.preventDefault(), k.stopPropagation(), c.send({ type: he.Search, value: k.key });
       case te.Enter:
         if (k.preventDefault(), k.stopPropagation(), c.state.activeItemIndex !== null) {
           let { dataRef: L } = c.state.items[c.state.activeItemIndex];
-          (re = (U = L.current) == null ? void 0 : U.domRef.current) == null || re.click();
+          (re = (Y = L.current) == null ? void 0 : Y.domRef.current) == null || re.click();
         }
         c.send({ type: he.CloseMenu }), yu(c.state.buttonElement);
         break;
@@ -4726,33 +4726,33 @@ function th(e, t) {
       case te.PageDown:
         return k.preventDefault(), k.stopPropagation(), c.send({ type: he.GoToItem, focus: oe.Last });
       case te.Escape:
-        k.preventDefault(), k.stopPropagation(), nr(() => c.send({ type: he.CloseMenu })), (C = c.state.buttonElement) == null || C.focus({ preventScroll: !0 });
+        k.preventDefault(), k.stopPropagation(), nr(() => c.send({ type: he.CloseMenu })), (E = c.state.buttonElement) == null || E.focus({ preventScroll: !0 });
         break;
       case te.Tab:
         k.preventDefault(), k.stopPropagation(), nr(() => c.send({ type: he.CloseMenu })), xu(c.state.buttonElement, k.shiftKey ? Re.Previous : Re.Next);
         break;
       default:
-        k.key.length === 1 && (c.send({ type: he.Search, value: k.key }), K.setTimeout(() => c.send({ type: he.ClearSearch }), 350));
+        k.key.length === 1 && (c.send({ type: he.Search, value: k.key }), V.setTimeout(() => c.send({ type: he.ClearSearch }), 350));
         break;
     }
   }), M = T((k) => {
     k.key === te.Space && k.preventDefault();
-  }), V = ve({ open: b === _e.Open }), W = qe(u ? d() : {}, { "aria-activedescendant": de(c, c.selectors.activeDescendantId), "aria-labelledby": de(c, (k) => {
-    var U;
-    return (U = k.buttonElement) == null ? void 0 : U.id;
+  }), z = ve({ open: b === _e.Open }), U = qe(u ? d() : {}, { "aria-activedescendant": de(c, c.selectors.activeDescendantId), "aria-labelledby": de(c, (k) => {
+    var Y;
+    return (Y = k.buttonElement) == null ? void 0 : Y.id;
   }), id: n, onKeyDown: X, onKeyUp: M, role: "menu", tabIndex: b === _e.Open ? 0 : void 0, ref: v, style: { ...l.style, ...g, "--button-width": si(P, x, !0).width }, ...pn(N) }), J = ue();
-  return $.createElement(wa, { enabled: o ? e.static || P : !1, ownerDocument: y }, J({ ourProps: W, theirProps: l, slot: V, defaultTag: Z0, features: eh, visible: I, name: "Menu.Items" }));
+  return C.createElement(wa, { enabled: o ? e.static || P : !1, ownerDocument: y }, J({ ourProps: U, theirProps: l, slot: z, defaultTag: Z0, features: eh, visible: $, name: "Menu.Items" }));
 }
 let rh = Ie;
 function nh(e, t) {
-  let r = xe(), { id: n = `headlessui-menu-item-${r}`, disabled: a = !1, ...o } = e, i = Pi("Menu.Item"), s = de(i, (I) => i.selectors.isActive(I, n)), l = Y(null), u = be(t, l), c = de(i, (I) => i.selectors.shouldScrollIntoView(I, n));
+  let r = xe(), { id: n = `headlessui-menu-item-${r}`, disabled: a = !1, ...o } = e, i = Pi("Menu.Item"), s = de(i, ($) => i.selectors.isActive($, n)), l = K(null), u = be(t, l), c = de(i, ($) => i.selectors.shouldScrollIntoView($, n));
   ge(() => {
     if (c) return Le().requestAnimationFrame(() => {
-      var I, K;
-      (K = (I = l.current) == null ? void 0 : I.scrollIntoView) == null || K.call(I, { block: "nearest" });
+      var $, V;
+      (V = ($ = l.current) == null ? void 0 : $.scrollIntoView) == null || V.call($, { block: "nearest" });
     });
   }, [c, l]);
-  let f = lc(l), g = Y({ disabled: a, domRef: l, get textValue() {
+  let f = lc(l), g = K({ disabled: a, domRef: l, get textValue() {
     return f();
   } });
   ge(() => {
@@ -4760,23 +4760,23 @@ function nh(e, t) {
   }, [g, a]), ge(() => (i.actions.registerItem(n, g), () => i.actions.unregisterItem(n)), [g, n]);
   let d = T(() => {
     i.send({ type: he.CloseMenu });
-  }), m = T((I) => {
-    if (a) return I.preventDefault();
+  }), m = T(($) => {
+    if (a) return $.preventDefault();
     i.send({ type: he.CloseMenu }), yu(i.state.buttonElement);
   }), p = T(() => {
     if (a) return i.send({ type: he.GoToItem, focus: oe.Nothing });
     i.send({ type: he.GoToItem, focus: oe.Specific, id: n });
-  }), v = Eu(), b = T((I) => v.update(I)), x = T((I) => {
-    v.wasMoved(I) && (a || s || i.send({ type: he.GoToItem, focus: oe.Specific, id: n, trigger: Qn.Pointer }));
-  }), y = T((I) => {
-    v.wasMoved(I) && (a || s && i.state.activationTrigger === Qn.Pointer && i.send({ type: he.GoToItem, focus: oe.Nothing }));
-  }), [E, w] = cn(), [P, N] = la(), F = ve({ active: s, focus: s, disabled: a, close: d }), z = { id: n, ref: u, role: "menuitem", tabIndex: a === !0 ? void 0 : -1, "aria-disabled": a === !0 ? !0 : void 0, "aria-labelledby": E, "aria-describedby": P, disabled: void 0, onClick: m, onFocus: p, onPointerEnter: b, onMouseEnter: b, onPointerMove: x, onMouseMove: x, onPointerLeave: y, onMouseLeave: y }, S = ue();
-  return $.createElement(w, null, $.createElement(N, null, S({ ourProps: z, theirProps: o, slot: F, defaultTag: rh, name: "Menu.Item" })));
+  }), v = Eu(), b = T(($) => v.update($)), x = T(($) => {
+    v.wasMoved($) && (a || s || i.send({ type: he.GoToItem, focus: oe.Specific, id: n, trigger: Qn.Pointer }));
+  }), y = T(($) => {
+    v.wasMoved($) && (a || s && i.state.activationTrigger === Qn.Pointer && i.send({ type: he.GoToItem, focus: oe.Nothing }));
+  }), [S, w] = cn(), [P, N] = la(), I = ve({ active: s, focus: s, disabled: a, close: d }), B = { id: n, ref: u, role: "menuitem", tabIndex: a === !0 ? void 0 : -1, "aria-disabled": a === !0 ? !0 : void 0, "aria-labelledby": S, "aria-describedby": P, disabled: void 0, onClick: m, onFocus: p, onPointerEnter: b, onMouseEnter: b, onPointerMove: x, onMouseMove: x, onPointerLeave: y, onMouseLeave: y }, F = ue();
+  return C.createElement(w, null, C.createElement(N, null, F({ ourProps: B, theirProps: o, slot: I, defaultTag: rh, name: "Menu.Item" })));
 }
 let ah = "div";
 function oh(e, t) {
   let [r, n] = cn(), a = e, o = { ref: t, "aria-labelledby": r, role: "group" }, i = ue();
-  return $.createElement(n, null, i({ ourProps: o, theirProps: a, slot: {}, defaultTag: ah, name: "Menu.Section" }));
+  return C.createElement(n, null, i({ ourProps: o, theirProps: a, slot: {}, defaultTag: ah, name: "Menu.Section" }));
 }
 let ih = "header";
 function sh(e, t) {
@@ -4854,53 +4854,53 @@ function wh() {
 let kh = "div";
 function Sh(e, t) {
   var r;
-  let n = xe(), { __demoMode: a = !1, ...o } = e, i = xh({ id: n, __demoMode: a }), s = Y(null), l = be(t, du((M) => {
+  let n = xe(), { __demoMode: a = !1, ...o } = e, i = xh({ id: n, __demoMode: a }), s = K(null), l = be(t, du((M) => {
     s.current = M;
-  })), [u, c, f, g, d] = de(i, ie((M) => [M.popoverState, M.button, M.panel, M.buttonId, M.panelId], [])), m = Ug((r = s.current) != null ? r : c), p = lt(g), v = lt(d), b = ye(() => ({ buttonId: p, panelId: v, close: i.actions.close }), [p, v, i]), x = Ec(), y = x?.registerPopover, E = T(() => {
-    var M, V;
-    let W = Mt((M = s.current) != null ? M : c);
-    return (V = x?.isFocusWithinPopoverGroup()) != null ? V : W && (c?.contains(W) || f?.contains(W));
+  })), [u, c, f, g, d] = de(i, ie((M) => [M.popoverState, M.button, M.panel, M.buttonId, M.panelId], [])), m = Ug((r = s.current) != null ? r : c), p = lt(g), v = lt(d), b = ye(() => ({ buttonId: p, panelId: v, close: i.actions.close }), [p, v, i]), x = Ec(), y = x?.registerPopover, S = T(() => {
+    var M, z;
+    let U = Mt((M = s.current) != null ? M : c);
+    return (z = x?.isFocusWithinPopoverGroup()) != null ? z : U && (c?.contains(U) || f?.contains(U));
   });
   me(() => y?.(b), [y, b]);
-  let [w, P] = Ku(), N = Si(c), F = Ju({ mainTreeNode: N, portals: w, defaultContainers: [{ get current() {
+  let [w, P] = Ku(), N = Si(c), I = Ju({ mainTreeNode: N, portals: w, defaultContainers: [{ get current() {
     return i.state.button;
   } }, { get current() {
     return i.state.panel;
   } }] });
   di(m, "focus", (M) => {
-    var V, W, J, k, U, re;
-    M.target !== window && Je(M.target) && i.state.popoverState === Pe.Open && (E() || i.state.button && i.state.panel && (F.contains(M.target) || (W = (V = i.state.beforePanelSentinel.current) == null ? void 0 : V.contains) != null && W.call(V, M.target) || (k = (J = i.state.afterPanelSentinel.current) == null ? void 0 : J.contains) != null && k.call(J, M.target) || (re = (U = i.state.afterButtonSentinel.current) == null ? void 0 : U.contains) != null && re.call(U, M.target) || i.actions.close()));
+    var z, U, J, k, Y, re;
+    M.target !== window && Je(M.target) && i.state.popoverState === Pe.Open && (S() || i.state.button && i.state.panel && (I.contains(M.target) || (U = (z = i.state.beforePanelSentinel.current) == null ? void 0 : z.contains) != null && U.call(z, M.target) || (k = (J = i.state.afterPanelSentinel.current) == null ? void 0 : J.contains) != null && k.call(J, M.target) || (re = (Y = i.state.afterButtonSentinel.current) == null ? void 0 : Y.contains) != null && re.call(Y, M.target) || i.actions.close()));
   }, !0);
-  let z = u === Pe.Open;
-  fa(z, F.resolveContainers, (M, V) => {
-    i.actions.close(), mn(V, gn.Loose) || (M.preventDefault(), c?.focus());
+  let B = u === Pe.Open;
+  fa(B, I.resolveContainers, (M, z) => {
+    i.actions.close(), mn(z, gn.Loose) || (M.preventDefault(), c?.focus());
   });
-  let S = ve({ open: u === Pe.Open, close: i.actions.refocusableClose }), I = de(i, ie((M) => $e(M.popoverState, { [Pe.Open]: we.Open, [Pe.Closed]: we.Closed }), [])), K = { ref: l }, X = ue();
-  return $.createElement(Jn, { node: N }, $.createElement(wi, null, $.createElement(Ia.Provider, { value: null }, $.createElement(Sc.Provider, { value: i }, $.createElement(ii, { value: i.actions.refocusableClose }, $.createElement(xa, { value: I }, $.createElement(P, null, X({ ourProps: K, theirProps: o, slot: S, defaultTag: kh, name: "Popover" }))))))));
+  let F = ve({ open: u === Pe.Open, close: i.actions.refocusableClose }), $ = de(i, ie((M) => $e(M.popoverState, { [Pe.Open]: we.Open, [Pe.Closed]: we.Closed }), [])), V = { ref: l }, X = ue();
+  return C.createElement(Jn, { node: N }, C.createElement(wi, null, C.createElement(Ia.Provider, { value: null }, C.createElement(Sc.Provider, { value: i }, C.createElement(ii, { value: i.actions.refocusableClose }, C.createElement(xa, { value: $ }, C.createElement(P, null, X({ ourProps: V, theirProps: o, slot: F, defaultTag: kh, name: "Popover" }))))))));
 }
 let Eh = "button";
 function Ch(e, t) {
-  let r = xe(), { id: n = `headlessui-popover-button-${r}`, disabled: a = !1, autoFocus: o = !1, ...i } = e, s = Fa("Popover.Button"), [l, u, c, f, g, d, m] = de(s, ie((O) => [O.popoverState, s.selectors.isPortalled(O), O.button, O.buttonId, O.panel, O.panelId, O.afterButtonSentinel], [])), p = Y(null), v = `headlessui-focus-sentinel-${xe()}`, b = Ec(), x = b?.closeOthers, y = wh() !== null;
+  let r = xe(), { id: n = `headlessui-popover-button-${r}`, disabled: a = !1, autoFocus: o = !1, ...i } = e, s = Fa("Popover.Button"), [l, u, c, f, g, d, m] = de(s, ie((O) => [O.popoverState, s.selectors.isPortalled(O), O.button, O.buttonId, O.panel, O.panelId, O.afterButtonSentinel], [])), p = K(null), v = `headlessui-focus-sentinel-${xe()}`, b = Ec(), x = b?.closeOthers, y = wh() !== null;
   me(() => {
     if (!y) return s.actions.setButtonId(n), () => s.actions.setButtonId(null);
   }, [y, n, s]);
-  let [E] = ae(() => /* @__PURE__ */ Symbol()), w = be(p, t, bi(), T((O) => {
+  let [S] = ae(() => /* @__PURE__ */ Symbol()), w = be(p, t, bi(), T((O) => {
     if (!y) {
-      if (O) s.state.buttons.current.push(E);
+      if (O) s.state.buttons.current.push(S);
       else {
-        let Q = s.state.buttons.current.indexOf(E);
+        let Q = s.state.buttons.current.indexOf(S);
         Q !== -1 && s.state.buttons.current.splice(Q, 1);
       }
       s.state.buttons.current.length > 1 && console.warn("You are already using a <Popover.Button /> but only 1 <Popover.Button /> is supported."), O && s.actions.setButton(O);
     }
   })), P = be(p, t), N = T((O) => {
-    var Q, B, D;
+    var Q, W, D;
     if (y) {
       if (s.state.popoverState === Pe.Closed) return;
       switch (O.key) {
         case te.Space:
         case te.Enter:
-          O.preventDefault(), (B = (Q = O.target).click) == null || B.call(Q), s.actions.close(), (D = s.state.button) == null || D.focus();
+          O.preventDefault(), (W = (Q = O.target).click) == null || W.call(Q), s.actions.close(), (D = s.state.button) == null || D.focus();
           break;
       }
     } else switch (O.key) {
@@ -4916,22 +4916,22 @@ function Ch(e, t) {
         O.preventDefault(), O.stopPropagation(), s.actions.close();
         break;
     }
-  }), F = T((O) => {
+  }), I = T((O) => {
     y || O.key === te.Space && O.preventDefault();
-  }), z = T((O) => {
-    var Q, B;
-    vr(O.currentTarget) || a || (y ? (s.actions.close(), (Q = s.state.button) == null || Q.focus()) : (O.preventDefault(), O.stopPropagation(), s.state.popoverState === Pe.Closed ? (x?.(s.state.buttonId), s.actions.open()) : s.actions.close(), (B = s.state.button) == null || B.focus()));
-  }), S = T((O) => {
+  }), B = T((O) => {
+    var Q, W;
+    vr(O.currentTarget) || a || (y ? (s.actions.close(), (Q = s.state.button) == null || Q.focus()) : (O.preventDefault(), O.stopPropagation(), s.state.popoverState === Pe.Closed ? (x?.(s.state.buttonId), s.actions.open()) : s.actions.close(), (W = s.state.button) == null || W.focus()));
+  }), F = T((O) => {
     O.preventDefault(), O.stopPropagation();
-  }), { isFocusVisible: I, focusProps: K } = Wt({ autoFocus: o }), { isHovered: X, hoverProps: M } = Bt({ isDisabled: a }), { pressed: V, pressProps: W } = Sr({ disabled: a }), J = l === Pe.Open, k = ve({ open: J, active: V || J, disabled: a, hover: X, focus: I, autofocus: o }), U = ga(e, c), re = qe(y ? { ref: P, type: U, onKeyDown: N, onClick: z, disabled: a || void 0, autoFocus: o } : { ref: w, id: f, type: U, "aria-expanded": l === Pe.Open, "aria-controls": g ? d : void 0, disabled: a || void 0, autoFocus: o, onKeyDown: N, onKeyUp: F, onClick: z, onMouseDown: S }, K, M, W), C = Ci(), L = T(() => {
+  }), { isFocusVisible: $, focusProps: V } = Wt({ autoFocus: o }), { isHovered: X, hoverProps: M } = Bt({ isDisabled: a }), { pressed: z, pressProps: U } = Sr({ disabled: a }), J = l === Pe.Open, k = ve({ open: J, active: z || J, disabled: a, hover: X, focus: $, autofocus: o }), Y = ga(e, c), re = qe(y ? { ref: P, type: Y, onKeyDown: N, onClick: B, disabled: a || void 0, autoFocus: o } : { ref: w, id: f, type: Y, "aria-expanded": l === Pe.Open, "aria-controls": g ? d : void 0, disabled: a || void 0, autoFocus: o, onKeyDown: N, onKeyUp: I, onClick: B, onMouseDown: F }, V, M, U), E = Ci(), L = T(() => {
     if (!Ne(s.state.panel)) return;
     let O = s.state.panel;
     function Q() {
-      $e(C.current, { [He.Forwards]: () => ze(O, Re.First), [He.Backwards]: () => ze(O, Re.Last) }) === br.Error && ze(fn(Tt(s.state.button)).filter((B) => B.dataset.headlessuiFocusGuard !== "true"), $e(C.current, { [He.Forwards]: Re.Next, [He.Backwards]: Re.Previous }), { relativeTo: s.state.button });
+      $e(E.current, { [He.Forwards]: () => ze(O, Re.First), [He.Backwards]: () => ze(O, Re.Last) }) === br.Error && ze(fn(Tt(s.state.button)).filter((W) => W.dataset.headlessuiFocusGuard !== "true"), $e(E.current, { [He.Forwards]: Re.Next, [He.Backwards]: Re.Previous }), { relativeTo: s.state.button });
     }
     Q();
   }), R = ue();
-  return $.createElement($.Fragment, null, R({ ourProps: re, theirProps: i, slot: k, defaultTag: Eh, name: "Popover.Button" }), J && !y && u && $.createElement(bt, { id: v, ref: m, features: ut.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: L }));
+  return C.createElement(C.Fragment, null, R({ ourProps: re, theirProps: i, slot: k, defaultTag: Eh, name: "Popover.Button" }), J && !y && u && C.createElement(bt, { id: v, ref: m, features: ut.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: L }));
 }
 let $h = "div", Rh = Ke.RenderStrategy | Ke.Static;
 function Cc(e, t) {
@@ -4943,13 +4943,13 @@ function Cc(e, t) {
 }
 let Ph = "div", Fh = Ke.RenderStrategy | Ke.Static;
 function Ih(e, t) {
-  let r = xe(), { id: n = `headlessui-popover-panel-${r}`, focus: a = !1, anchor: o, portal: i = !1, modal: s = !1, transition: l = !1, ...u } = e, c = Fa("Popover.Panel"), f = de(c, c.selectors.isPortalled), [g, d, m, p, v] = de(c, ie((R) => [R.popoverState, R.button, R.__demoMode, R.beforePanelSentinel, R.afterPanelSentinel], [])), b = `headlessui-focus-sentinel-before-${r}`, x = `headlessui-focus-sentinel-after-${r}`, y = Y(null), E = vi(o), [w, P] = xi(E), N = yi();
-  E && (i = !0);
-  let [F, z] = ae(null), S = be(y, t, E ? w : null, c.actions.setPanel, z), I = yt(d), K = yt(y.current);
+  let r = xe(), { id: n = `headlessui-popover-panel-${r}`, focus: a = !1, anchor: o, portal: i = !1, modal: s = !1, transition: l = !1, ...u } = e, c = Fa("Popover.Panel"), f = de(c, c.selectors.isPortalled), [g, d, m, p, v] = de(c, ie((R) => [R.popoverState, R.button, R.__demoMode, R.beforePanelSentinel, R.afterPanelSentinel], [])), b = `headlessui-focus-sentinel-before-${r}`, x = `headlessui-focus-sentinel-after-${r}`, y = K(null), S = vi(o), [w, P] = xi(S), N = yi();
+  S && (i = !0);
+  let [I, B] = ae(null), F = be(y, t, S ? w : null, c.actions.setPanel, B), $ = yt(d), V = yt(y.current);
   ge(() => (c.actions.setPanelId(n), () => c.actions.setPanelId(null)), [n, c]);
-  let X = Yt(), [M, V] = hn(l, F, X !== null ? (X & we.Open) === we.Open : g === Pe.Open);
-  da(M, d, c.actions.close), ma(m ? !1 : s && M, K);
-  let W = T((R) => {
+  let X = Yt(), [M, z] = hn(l, I, X !== null ? (X & we.Open) === we.Open : g === Pe.Open);
+  da(M, d, c.actions.close), ma(m ? !1 : s && M, V);
+  let U = T((R) => {
     var O;
     switch (R.key) {
       case te.Escape:
@@ -4968,15 +4968,15 @@ function Ih(e, t) {
     let R = Mt(y.current);
     y.current.contains(R) || ze(y.current, Re.First);
   }, [m, a, y.current, g]);
-  let J = ve({ open: g === Pe.Open, close: c.actions.refocusableClose }), k = qe(E ? N() : {}, { ref: S, id: n, onKeyDown: W, onBlur: a && g === Pe.Open ? (R) => {
-    var O, Q, B, D, pe;
+  let J = ve({ open: g === Pe.Open, close: c.actions.refocusableClose }), k = qe(S ? N() : {}, { ref: F, id: n, onKeyDown: U, onBlur: a && g === Pe.Open ? (R) => {
+    var O, Q, W, D, pe;
     let Se = R.relatedTarget;
-    Se && y.current && ((O = y.current) != null && O.contains(Se) || (c.actions.close(), ((B = (Q = p.current) == null ? void 0 : Q.contains) != null && B.call(Q, Se) || (pe = (D = v.current) == null ? void 0 : D.contains) != null && pe.call(D, Se)) && Se.focus({ preventScroll: !0 })));
-  } : void 0, tabIndex: -1, style: { ...u.style, ...P, "--button-width": si(M, d, !0).width }, ...pn(V) }), U = Ci(), re = T(() => {
+    Se && y.current && ((O = y.current) != null && O.contains(Se) || (c.actions.close(), ((W = (Q = p.current) == null ? void 0 : Q.contains) != null && W.call(Q, Se) || (pe = (D = v.current) == null ? void 0 : D.contains) != null && pe.call(D, Se)) && Se.focus({ preventScroll: !0 })));
+  } : void 0, tabIndex: -1, style: { ...u.style, ...P, "--button-width": si(M, d, !0).width }, ...pn(z) }), Y = Ci(), re = T(() => {
     let R = y.current;
     if (!R) return;
     function O() {
-      $e(U.current, { [He.Forwards]: () => {
+      $e(Y.current, { [He.Forwards]: () => {
         var Q;
         ze(R, Re.First) === br.Error && ((Q = c.state.afterPanelSentinel.current) == null || Q.focus());
       }, [He.Backwards]: () => {
@@ -4985,15 +4985,15 @@ function Ih(e, t) {
       } });
     }
     O();
-  }), C = T(() => {
+  }), E = T(() => {
     let R = y.current;
     if (!R) return;
     function O() {
-      $e(U.current, { [He.Forwards]: () => {
+      $e(Y.current, { [He.Forwards]: () => {
         var Q;
         if (!c.state.button) return;
-        let B = (Q = Tt(c.state.button)) != null ? Q : document.body, D = fn(B), pe = D.indexOf(c.state.button), Se = D.slice(0, pe + 1), Xe = [...D.slice(pe + 1), ...Se];
-        for (let qt of Xe.slice()) if (qt.dataset.headlessuiFocusGuard === "true" || F != null && F.contains(qt)) {
+        let W = (Q = Tt(c.state.button)) != null ? Q : document.body, D = fn(W), pe = D.indexOf(c.state.button), Se = D.slice(0, pe + 1), Xe = [...D.slice(pe + 1), ...Se];
+        for (let qt of Xe.slice()) if (qt.dataset.headlessuiFocusGuard === "true" || I != null && I.contains(qt)) {
           let Xt = Xe.indexOf(qt);
           Xt !== -1 && Xe.splice(Xt, 1);
         }
@@ -5005,11 +5005,11 @@ function Ih(e, t) {
     }
     O();
   }), L = ue();
-  return $.createElement(Bu, null, $.createElement(Ia.Provider, { value: n }, $.createElement(ii, { value: c.actions.refocusableClose }, $.createElement(wa, { enabled: i ? e.static || M : !1, ownerDocument: I }, M && f && $.createElement(bt, { id: b, ref: p, features: ut.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: re }), L({ ourProps: k, theirProps: u, slot: J, defaultTag: Ph, features: Fh, visible: M, name: "Popover.Panel" }), M && f && $.createElement(bt, { id: x, ref: v, features: ut.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: C })))));
+  return C.createElement(Bu, null, C.createElement(Ia.Provider, { value: n }, C.createElement(ii, { value: c.actions.refocusableClose }, C.createElement(wa, { enabled: i ? e.static || M : !1, ownerDocument: $ }, M && f && C.createElement(bt, { id: b, ref: p, features: ut.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: re }), L({ ourProps: k, theirProps: u, slot: J, defaultTag: Ph, features: Fh, visible: M, name: "Popover.Panel" }), M && f && C.createElement(bt, { id: x, ref: v, features: ut.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: E })))));
 }
 let Nh = "div";
 function Ah(e, t) {
-  let r = Y(null), n = be(r, t), [a, o] = ae([]), i = T((p) => {
+  let r = K(null), n = be(r, t), [a, o] = ae([]), i = T((p) => {
     o((v) => {
       let b = v.indexOf(p);
       if (b !== -1) {
@@ -5024,13 +5024,13 @@ function Ah(e, t) {
     if (!v) return !1;
     let b = Mt(r.current);
     return (p = r.current) != null && p.contains(b) ? !0 : a.some((x) => {
-      var y, E;
-      return ((y = v.getElementById(x.buttonId.current)) == null ? void 0 : y.contains(b)) || ((E = v.getElementById(x.panelId.current)) == null ? void 0 : E.contains(b));
+      var y, S;
+      return ((y = v.getElementById(x.buttonId.current)) == null ? void 0 : y.contains(b)) || ((S = v.getElementById(x.panelId.current)) == null ? void 0 : S.contains(b));
     });
   }), u = T((p) => {
     for (let v of a) v.buttonId.current !== p && v.close();
   }), c = ye(() => ({ registerPopover: s, unregisterPopover: i, isFocusWithinPopoverGroup: l, closeOthers: u }), [s, i, l, u]), f = ve({}), g = e, d = { ref: n }, m = ue();
-  return $.createElement(Jn, null, $.createElement(Fi.Provider, { value: c }, m({ ourProps: d, theirProps: g, slot: f, defaultTag: Nh, name: "Popover.Group" })));
+  return C.createElement(Jn, null, C.createElement(Fi.Provider, { value: c }, m({ ourProps: d, theirProps: g, slot: f, defaultTag: Nh, name: "Popover.Group" })));
 }
 let Oh = le(Sh), Zn = le(Ch), _h = le(Cc), Th = le(Cc), Ii = le(Ih), Mh = le(Ah), $c = Object.assign(Oh, { Button: Zn, Backdrop: Th, Overlay: _h, Panel: Ii, Group: Mh }), Ni = Ce(null);
 Ni.displayName = "GroupContext";
@@ -5038,26 +5038,26 @@ let jh = Ie;
 function Lh(e) {
   var t;
   let [r, n] = ae(null), [a, o] = cn(), [i, s] = la(), l = ye(() => ({ switch: r, setSwitch: n }), [r, n]), u = {}, c = e, f = ue();
-  return $.createElement(s, { name: "Switch.Description", value: i }, $.createElement(o, { name: "Switch.Label", value: a, props: { htmlFor: (t = l.switch) == null ? void 0 : t.id, onClick(g) {
+  return C.createElement(s, { name: "Switch.Description", value: i }, C.createElement(o, { name: "Switch.Label", value: a, props: { htmlFor: (t = l.switch) == null ? void 0 : t.id, onClick(g) {
     r && (bo(g.currentTarget) && g.preventDefault(), r.click(), r.focus({ preventScroll: !0 }));
-  } } }, $.createElement(Ni.Provider, { value: l }, f({ ourProps: u, theirProps: c, slot: {}, defaultTag: jh, name: "Switch.Group" }))));
+  } } }, C.createElement(Ni.Provider, { value: l }, f({ ourProps: u, theirProps: c, slot: {}, defaultTag: jh, name: "Switch.Group" }))));
 }
 let Dh = "button";
 function Vh(e, t) {
   var r;
-  let n = xe(), a = Er(), o = St(), { id: i = a || `headlessui-switch-${n}`, disabled: s = o || !1, checked: l, defaultChecked: u, onChange: c, name: f, value: g, form: d, autoFocus: m = !1, ...p } = e, v = fe(Ni), [b, x] = ae(null), y = Y(null), E = be(y, t, v === null ? null : v.setSwitch, x), w = ri(u), [P, N] = ti(l, c, w ?? !1), F = rt(), [z, S] = ae(!1), I = T(() => {
-    S(!0), N?.(!P), F.nextFrame(() => {
-      S(!1);
+  let n = xe(), a = Er(), o = St(), { id: i = a || `headlessui-switch-${n}`, disabled: s = o || !1, checked: l, defaultChecked: u, onChange: c, name: f, value: g, form: d, autoFocus: m = !1, ...p } = e, v = fe(Ni), [b, x] = ae(null), y = K(null), S = be(y, t, v === null ? null : v.setSwitch, x), w = ri(u), [P, N] = ti(l, c, w ?? !1), I = rt(), [B, F] = ae(!1), $ = T(() => {
+    F(!0), N?.(!P), I.nextFrame(() => {
+      F(!1);
     });
-  }), K = T((D) => {
+  }), V = T((D) => {
     if (vr(D.currentTarget)) return D.preventDefault();
-    D.preventDefault(), I();
+    D.preventDefault(), $();
   }), X = T((D) => {
-    D.key === te.Space ? (D.preventDefault(), I()) : D.key === te.Enter && ni(D.currentTarget);
-  }), M = T((D) => D.preventDefault()), V = Cr(), W = ln(), { isFocusVisible: J, focusProps: k } = Wt({ autoFocus: m }), { isHovered: U, hoverProps: re } = Bt({ isDisabled: s }), { pressed: C, pressProps: L } = Sr({ disabled: s }), R = ve({ checked: P, disabled: s, hover: U, focus: J, active: C, autofocus: m, changing: z }), O = qe({ id: i, ref: E, role: "switch", type: ga(e, b), tabIndex: e.tabIndex === -1 ? 0 : (r = e.tabIndex) != null ? r : 0, "aria-checked": P, "aria-labelledby": V, "aria-describedby": W, disabled: s || void 0, autoFocus: m, onClick: K, onKeyUp: X, onKeyPress: M }, k, re, L), Q = ie(() => {
+    D.key === te.Space ? (D.preventDefault(), $()) : D.key === te.Enter && ni(D.currentTarget);
+  }), M = T((D) => D.preventDefault()), z = Cr(), U = ln(), { isFocusVisible: J, focusProps: k } = Wt({ autoFocus: m }), { isHovered: Y, hoverProps: re } = Bt({ isDisabled: s }), { pressed: E, pressProps: L } = Sr({ disabled: s }), R = ve({ checked: P, disabled: s, hover: Y, focus: J, active: E, autofocus: m, changing: B }), O = qe({ id: i, ref: S, role: "switch", type: ga(e, b), tabIndex: e.tabIndex === -1 ? 0 : (r = e.tabIndex) != null ? r : 0, "aria-checked": P, "aria-labelledby": z, "aria-describedby": U, disabled: s || void 0, autoFocus: m, onClick: V, onKeyUp: X, onKeyPress: M }, k, re, L), Q = ie(() => {
     if (w !== void 0) return N?.(w);
-  }, [N, w]), B = ue();
-  return $.createElement($.Fragment, null, f != null && $.createElement(ai, { disabled: s, data: { [f]: g || "on" }, overrides: { type: "checkbox", checked: P }, form: d, onReset: Q }), B({ ourProps: O, theirProps: p, slot: R, defaultTag: Dh, name: "Switch" }));
+  }, [N, w]), W = ue();
+  return C.createElement(C.Fragment, null, f != null && C.createElement(ai, { disabled: s, data: { [f]: g || "on" }, overrides: { type: "checkbox", checked: P }, form: d, onReset: Q }), W({ ourProps: O, theirProps: p, slot: R, defaultTag: Dh, name: "Switch" }));
 }
 let zh = le(Vh), Hh = Lh, Gh = $r, Bh = un, Wh = Object.assign(zh, { Group: Hh, Label: Gh, Description: Bh }), Uh = "textarea";
 function Yh(e, t) {
@@ -5328,10 +5328,10 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
       }
       v = !1;
     }
-    const x = g.length === 0 ? "" : g.length === 1 ? g[0] : o(g).join(":"), y = d ? x + Co : x, E = y + b;
-    if (i.indexOf(E) > -1)
+    const x = g.length === 0 ? "" : g.length === 1 ? g[0] : o(g).join(":"), y = d ? x + Co : x, S = y + b;
+    if (i.indexOf(S) > -1)
       continue;
-    i.push(E);
+    i.push(S);
     const w = a(b, v);
     for (let P = 0; P < w.length; ++P) {
       const N = w[P];
@@ -5380,7 +5380,7 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
   const n = Ac.exec(e);
   return n ? n[1] ? t(n[1]) : r : !1;
 }, _c = (e) => e === "position" || e === "percentage", Tc = (e) => e === "image" || e === "url", Mc = (e) => e === "length" || e === "size" || e === "bg-size", jc = (e) => e === "length", Ov = (e) => e === "number", _v = (e) => e === "family-name", Lc = (e) => e === "shadow", Tv = () => {
-  const e = Fe("color"), t = Fe("font"), r = Fe("text"), n = Fe("font-weight"), a = Fe("tracking"), o = Fe("leading"), i = Fe("breakpoint"), s = Fe("container"), l = Fe("spacing"), u = Fe("radius"), c = Fe("shadow"), f = Fe("inset-shadow"), g = Fe("text-shadow"), d = Fe("drop-shadow"), m = Fe("blur"), p = Fe("perspective"), v = Fe("aspect"), b = Fe("ease"), x = Fe("animate"), y = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], E = () => [
+  const e = Fe("color"), t = Fe("font"), r = Fe("text"), n = Fe("font-weight"), a = Fe("tracking"), o = Fe("leading"), i = Fe("breakpoint"), s = Fe("container"), l = Fe("spacing"), u = Fe("radius"), c = Fe("shadow"), f = Fe("inset-shadow"), g = Fe("text-shadow"), d = Fe("drop-shadow"), m = Fe("blur"), p = Fe("perspective"), v = Fe("aspect"), b = Fe("ease"), x = Fe("animate"), y = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], S = () => [
     "center",
     "top",
     "bottom",
@@ -5398,13 +5398,13 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], w = () => [...E(), G, H], P = () => ["auto", "hidden", "clip", "visible", "scroll"], N = () => ["auto", "contain", "none"], F = () => [G, H, l], z = () => [cr, "full", "auto", ...F()], S = () => [Ct, "none", "subgrid", G, H], I = () => ["auto", {
+  ], w = () => [...S(), G, H], P = () => ["auto", "hidden", "clip", "visible", "scroll"], N = () => ["auto", "contain", "none"], I = () => [G, H, l], B = () => [cr, "full", "auto", ...I()], F = () => [Ct, "none", "subgrid", G, H], $ = () => ["auto", {
     span: ["full", Ct, G, H]
-  }, Ct, G, H], K = () => [Ct, "auto", G, H], X = () => ["auto", "min", "max", "fr", G, H], M = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], V = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], W = () => ["auto", ...F()], J = () => [cr, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...F()], k = () => [e, G, H], U = () => [...E(), Us, Ws, {
+  }, Ct, G, H], V = () => [Ct, "auto", G, H], X = () => ["auto", "min", "max", "fr", G, H], M = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], z = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], U = () => ["auto", ...I()], J = () => [cr, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...I()], k = () => [e, G, H], Y = () => [...S(), Us, Ws, {
     position: [G, H]
   }], re = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], C = () => ["auto", "cover", "contain", Nv, Pv, {
+  }], E = () => ["auto", "cover", "contain", Nv, Pv, {
     size: [G, H]
   }], L = () => [Ka, Mr, Jt], R = () => [
     // Deprecated since Tailwind CSS v4.0.0
@@ -5414,14 +5414,14 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
     u,
     G,
     H
-  ], O = () => ["", se, Mr, Jt], Q = () => ["solid", "dashed", "dotted", "double"], B = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], D = () => [se, Ka, Us, Ws], pe = () => [
+  ], O = () => ["", se, Mr, Jt], Q = () => ["solid", "dashed", "dotted", "double"], W = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], D = () => [se, Ka, Us, Ws], pe = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     m,
     G,
     H
-  ], Se = () => ["none", se, G, H], Xe = () => ["none", se, G, H], qt = () => [se, G, H], Xt = () => [cr, "full", ...F()];
+  ], Se = () => ["none", se, G, H], Xe = () => ["none", se, G, H], qt = () => [se, G, H], Xt = () => [cr, "full", ...I()];
   return {
     cacheSize: 500,
     theme: {
@@ -5599,63 +5599,63 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: z()
+        inset: B()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": z()
+        "inset-x": B()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": z()
+        "inset-y": B()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: z()
+        start: B()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: z()
+        end: B()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: z()
+        top: B()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: z()
+        right: B()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: z()
+        bottom: B()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: z()
+        left: B()
       }],
       /**
        * Visibility
@@ -5677,7 +5677,7 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [cr, "full", "auto", s, ...F()]
+        basis: [cr, "full", "auto", s, ...I()]
       }],
       /**
        * Flex Direction
@@ -5726,56 +5726,56 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": S()
+        "grid-cols": F()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: I()
+        col: $()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": K()
+        "col-start": V()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": K()
+        "col-end": V()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": S()
+        "grid-rows": F()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: I()
+        row: $()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": K()
+        "row-start": V()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": K()
+        "row-end": V()
       }],
       /**
        * Grid Auto Flow
@@ -5803,21 +5803,21 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: F()
+        gap: I()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": F()
+        "gap-x": I()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": F()
+        "gap-y": I()
       }],
       /**
        * Justify Content
@@ -5831,14 +5831,14 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...V(), "normal"]
+        "justify-items": [...z(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...V()]
+        "justify-self": ["auto", ...z()]
       }],
       /**
        * Align Content
@@ -5852,7 +5852,7 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...V(), {
+        items: [...z(), {
           baseline: ["", "last"]
         }]
       }],
@@ -5861,7 +5861,7 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...V(), {
+        self: ["auto", ...z(), {
           baseline: ["", "last"]
         }]
       }],
@@ -5877,14 +5877,14 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...V(), "baseline"]
+        "place-items": [...z(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...V()]
+        "place-self": ["auto", ...z()]
       }],
       // Spacing
       /**
@@ -5892,133 +5892,133 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: F()
+        p: I()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: F()
+        px: I()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: F()
+        py: I()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: F()
+        ps: I()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: F()
+        pe: I()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: F()
+        pt: I()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: F()
+        pr: I()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: F()
+        pb: I()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: F()
+        pl: I()
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: W()
+        m: U()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: W()
+        mx: U()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: W()
+        my: U()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: W()
+        ms: U()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: W()
+        me: U()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: W()
+        mt: U()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: W()
+        mr: U()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: W()
+        mb: U()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: W()
+        ml: U()
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": F()
+        "space-x": I()
       }],
       /**
        * Space Between X Reverse
@@ -6030,7 +6030,7 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": F()
+        "space-y": I()
       }],
       /**
        * Space Between Y Reverse
@@ -6199,7 +6199,7 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           o,
-          ...F()
+          ...I()
         ]
       }],
       /**
@@ -6300,7 +6300,7 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: F()
+        indent: I()
       }],
       /**
        * Vertical Alignment
@@ -6373,7 +6373,7 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: U()
+        bg: Y()
       }],
       /**
        * Background Repeat
@@ -6387,7 +6387,7 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: C()
+        bg: E()
       }],
       /**
        * Background Image
@@ -6875,14 +6875,14 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...B(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...W(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": B()
+        "bg-blend": W()
       }],
       /**
        * Mask Clip
@@ -7014,7 +7014,7 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": E()
+        "mask-radial-at": S()
       }],
       "mask-image-conic-pos": [{
         "mask-conic": [se]
@@ -7050,7 +7050,7 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: U()
+        mask: Y()
       }],
       /**
        * Mask Repeat
@@ -7064,7 +7064,7 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: C()
+        mask: E()
       }],
       /**
        * Mask Type
@@ -7264,21 +7264,21 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": F()
+        "border-spacing": I()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": F()
+        "border-spacing-x": I()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": F()
+        "border-spacing-y": I()
       }],
       /**
        * Table Layout
@@ -7570,126 +7570,126 @@ const Vs = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, zs = Wl, c
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": F()
+        "scroll-m": I()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": F()
+        "scroll-mx": I()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": F()
+        "scroll-my": I()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": F()
+        "scroll-ms": I()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": F()
+        "scroll-me": I()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": F()
+        "scroll-mt": I()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": F()
+        "scroll-mr": I()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": F()
+        "scroll-mb": I()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": F()
+        "scroll-ml": I()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": F()
+        "scroll-p": I()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": F()
+        "scroll-px": I()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": F()
+        "scroll-py": I()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": F()
+        "scroll-ps": I()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": F()
+        "scroll-pe": I()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": F()
+        "scroll-pt": I()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": F()
+        "scroll-pr": I()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": F()
+        "scroll-pb": I()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": F()
+        "scroll-pl": I()
       }],
       /**
        * Scroll Snap Align
@@ -7885,7 +7885,7 @@ const jv = ce(
       shape: "circle"
     }
   }
-), Dc = $.forwardRef(
+), Dc = C.forwardRef(
   ({
     className: e,
     size: t,
@@ -8172,7 +8172,7 @@ const Dv = ce("animate-spin rounded-full transition-colors", {
       size: "default"
     }
   }
-), Ve = $.forwardRef(
+), Ve = C.forwardRef(
   ({
     className: e,
     colorScheme: t,
@@ -8239,7 +8239,7 @@ const Hv = ce(
       padding: "md"
     }
   }
-), Gv = $.forwardRef(
+), Gv = C.forwardRef(
   ({
     className: e,
     variant: t,
@@ -10367,8 +10367,8 @@ function Hi(e) {
   } : zt("generateAbstractIcon", b) || {
     children: [],
     attributes: {}
-  }, y = x.children, E = x.attributes;
-  return b.children = y, b.attributes = E, s ? yx(b) : bx(b);
+  }, y = x.children, S = x.attributes;
+  return b.children = y, b.attributes = S, s ? yx(b) : bx(b);
 }
 function ul(e) {
   var t = e.content, r = e.width, n = e.height, a = e.transform, o = e.extra, i = e.watchable, s = i === void 0 ? !1 : i, l = A(A({}, o.attributes), {}, {
@@ -10952,9 +10952,9 @@ function bl(e, t) {
       }
       if (b && !v && (!i || i.getAttribute(Ti) !== d || i.getAttribute(Mi) !== x)) {
         e.setAttribute(r, x), i && e.removeChild(i);
-        var E = Tx(), w = E.extra;
+        var S = Tx(), w = S.extra;
         w.attributes[Io] = t, Lo(b, d).then(function(P) {
-          var N = Hi(A(A({}, E), {}, {
+          var N = Hi(A(A({}, S), {}, {
             icons: {
               main: P,
               mask: _d()
@@ -10963,9 +10963,9 @@ function bl(e, t) {
             iconName: x,
             extra: w,
             watchable: !0
-          })), F = ke.createElementNS("http://www.w3.org/2000/svg", "svg");
-          t === "::before" ? e.insertBefore(F, e.firstChild) : e.appendChild(F), F.outerHTML = N.map(function(z) {
-            return Sn(z);
+          })), I = ke.createElementNS("http://www.w3.org/2000/svg", "svg");
+          t === "::before" ? e.insertBefore(I, e.firstChild) : e.appendChild(I), I.outerHTML = N.map(function(B) {
+            return Sn(B);
           }).join(`
 `), e.removeAttribute(r), n();
         }).catch(a);
@@ -11250,7 +11250,7 @@ var n1 = {
         tag: "g",
         attributes: A({}, d.outer),
         children: [v]
-      }, x = "mask-".concat(s || rl()), y = "clip-".concat(s || rl()), E = {
+      }, x = "mask-".concat(s || rl()), y = "clip-".concat(s || rl()), S = {
         tag: "mask",
         attributes: A(A({}, ro), {}, {
           id: x,
@@ -11266,7 +11266,7 @@ var n1 = {
             id: y
           },
           children: r1(g)
-        }, E]
+        }, S]
       };
       return n.push(w, {
         tag: "rect",
@@ -11443,7 +11443,7 @@ function Bd(e, t, r = {}) {
   } = r;
   return i && (o.style = o.style ? { ...o.style, ...i } : i), s && (o.role = s), l && (o["aria-label"] = l, o["aria-hidden"] = "false"), e(t.tag, { ...o, ...u }, ...n);
 }
-var f1 = Bd.bind(null, $.createElement), Sl = (e, t) => {
+var f1 = Bd.bind(null, C.createElement), Sl = (e, t) => {
   const r = xe();
   return e || (t ? r : void 0);
 }, g1 = class {
@@ -11558,9 +11558,9 @@ function x1(e) {
     swapOpacity: b,
     rotateBy: x,
     widthAuto: y,
-    className: E
+    className: S
   } = e, w = [];
-  return E && w.push(...E.split(" ")), t && w.push(gt.beat), r && w.push(gt.fade), n && w.push(gt.beatFade), a && w.push(gt.bounce), o && w.push(gt.shake), i && w.push(gt.spin), l && w.push(gt.spinReverse), s && w.push(gt.spinPulse), u && w.push(gt.pulse), c && w.push(mt.fixedWidth), f && w.push(mt.inverse), g && w.push(mt.border), d === !0 && w.push(mt.flip), (d === "horizontal" || d === "both") && w.push(mt.flipHorizontal), (d === "vertical" || d === "both") && w.push(mt.flipVertical), m != null && w.push(b1[m]), p != null && p !== 0 && w.push(v1[p]), v != null && w.push(h1[v]), b && w.push(mt.swapOpacity), p1 ? (x && w.push(mt.rotateBy), y && w.push(mt.widthAuto), (on.cssPrefix || on.familyPrefix || qr) === qr ? w : (
+  return S && w.push(...S.split(" ")), t && w.push(gt.beat), r && w.push(gt.fade), n && w.push(gt.beatFade), a && w.push(gt.bounce), o && w.push(gt.shake), i && w.push(gt.spin), l && w.push(gt.spinReverse), s && w.push(gt.spinPulse), u && w.push(gt.pulse), c && w.push(mt.fixedWidth), f && w.push(mt.inverse), g && w.push(mt.border), d === !0 && w.push(mt.flip), (d === "horizontal" || d === "both") && w.push(mt.flipHorizontal), (d === "vertical" || d === "both") && w.push(mt.flipVertical), m != null && w.push(b1[m]), p != null && p !== 0 && w.push(v1[p]), v != null && w.push(h1[v]), b && w.push(mt.swapOpacity), p1 ? (x && w.push(mt.rotateBy), y && w.push(mt.widthAuto), (on.cssPrefix || on.familyPrefix || qr) === qr ? w : (
     // TODO: see if we can achieve custom prefix support without iterating
     // eslint-disable-next-line unicorn/no-array-callback-reference
     w.map(y1)
@@ -11603,7 +11603,7 @@ var Cl = new g1("FontAwesomeIcon"), Wd = {
   transform: void 0,
   swapOpacity: !1,
   widthAuto: !1
-}, S1 = new Set(Object.keys(Wd)), Ee = $.forwardRef((e, t) => {
+}, S1 = new Set(Object.keys(Wd)), Ee = C.forwardRef((e, t) => {
   const r = { ...Wd, ...e }, {
     icon: n,
     mask: a,
@@ -11769,7 +11769,7 @@ const L1 = ce(
       sm: "w-2.5 h-2.5",
       md: "w-3 h-3",
       lg: "w-4 h-4"
-    }, l = Y(null), u = (c) => {
+    }, l = K(null), u = (c) => {
       l.current = c, typeof i == "function" ? i(c) : i && (i.current = c);
     };
     return me(() => {
@@ -11952,7 +11952,7 @@ const V1 = ce(
       error: !1
     }
   }
-), B1 = $.forwardRef(
+), B1 = C.forwardRef(
   ({
     className: e,
     type: t,
@@ -12347,7 +12347,7 @@ const W1 = ce(
       resize: "vertical"
     }
   }
-), X1 = $.forwardRef(
+), X1 = C.forwardRef(
   ({
     className: e,
     label: t,
@@ -12637,7 +12637,7 @@ const zk = ({
     }
   },
   defaultVariants: { state: "default" }
-}), ew = $.forwardRef(
+}), ew = C.forwardRef(
   ({
     awayTeam: e,
     homeTeam: t,
@@ -13037,7 +13037,7 @@ const Sw = (e) => {
 ), _n = ({ value: e, label: t, size: r, variant: n }) => /* @__PURE__ */ h.jsxs("div", { className: "flex flex-col items-center", children: [
   /* @__PURE__ */ h.jsx("span", { className: _(Ew({ size: r, variant: n })), children: String(e).padStart(2, "0") }),
   /* @__PURE__ */ h.jsx("span", { className: _(Cw({ size: r })), children: t })
-] }), $w = $.forwardRef(
+] }), $w = C.forwardRef(
   ({
     targetDate: e,
     title: t,
@@ -13237,7 +13237,7 @@ const Rw = ce(
       variant: "default"
     }
   }
-), Aw = $.forwardRef(
+), Aw = C.forwardRef(
   ({ className: e, variant: t, companyName: r = "Ball Collaborative", ...n }, a) => {
     const o = (/* @__PURE__ */ new Date()).getFullYear();
     return /* @__PURE__ */ h.jsx(
@@ -13298,27 +13298,28 @@ const Ow = ce(
   onThemeToggle: u,
   actions: c,
   brandElement: f,
-  userMenuItems: g = [],
-  className: d,
-  variant: m = "default",
-  position: p = "sticky",
-  themeMode: v,
-  notificationVariant: b = "error",
-  ...x
+  navActions: g,
+  userMenuItems: d = [],
+  className: m,
+  variant: p = "default",
+  position: v = "sticky",
+  themeMode: b,
+  notificationVariant: x = "error",
+  ...y
 }) => {
-  const y = (o?.notificationCount || 0) > 0, w = (v ?? (m === "white" || m === "default" ? "light" : "dark")) === "dark", P = m === "slate" || m === "primary" || m === "default" && w || m === "white" && w || m === "transparent" && w, N = {
-    brand: P ? "text-white dark:text-white hover:text-gray-200 dark:hover:text-gray-200" : "text-gray-900 dark:text-gray-900 hover:text-gray-600 dark:hover:text-gray-600",
-    linkBase: P ? "text-gray-300 dark:text-gray-300 hover:text-white dark:hover:text-white" : "text-gray-600 dark:text-gray-600 hover:text-gray-900 dark:hover:text-gray-900",
-    linkActive: P ? "text-primary-400 dark:text-primary-400 font-semibold hover:text-primary-300 dark:hover:text-primary-300" : "text-primary-600 dark:text-primary-600 font-semibold hover:text-primary-700 dark:hover:text-primary-700",
-    hamburger: P ? "text-gray-300 dark:text-gray-300 hover:bg-white/10 dark:hover:bg-white/10 hover:text-white dark:hover:text-white" : "text-gray-500 dark:text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-100 hover:text-gray-700 dark:hover:text-gray-700"
+  const S = (o?.notificationCount || 0) > 0, P = (b ?? (p === "white" || p === "default" ? "light" : "dark")) === "dark", N = p === "slate" || p === "primary" || p === "default" && P || p === "white" && P || p === "transparent" && P, I = {
+    brand: N ? "text-white dark:text-white hover:text-gray-200 dark:hover:text-gray-200" : "text-gray-900 dark:text-gray-900 hover:text-gray-600 dark:hover:text-gray-600",
+    linkBase: N ? "text-gray-300 dark:text-gray-300 hover:text-white dark:hover:text-white" : "text-gray-600 dark:text-gray-600 hover:text-gray-900 dark:hover:text-gray-900",
+    linkActive: N ? "text-primary-400 dark:text-primary-400 font-semibold hover:text-primary-300 dark:hover:text-primary-300" : "text-primary-600 dark:text-primary-600 font-semibold hover:text-primary-700 dark:hover:text-primary-700",
+    hamburger: N ? "text-gray-300 dark:text-gray-300 hover:bg-white/10 dark:hover:bg-white/10 hover:text-white dark:hover:text-white" : "text-gray-500 dark:text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-100 hover:text-gray-700 dark:hover:text-gray-700"
   };
   return /* @__PURE__ */ h.jsx(
     $c,
     {
       as: "nav",
-      className: _("z-50", Ow({ variant: m, position: p }), d),
-      ...x,
-      children: ({ open: F, close: z }) => /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
+      className: _("z-50", Ow({ variant: p, position: v }), m),
+      ...y,
+      children: ({ open: B, close: F }) => /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
         /* @__PURE__ */ h.jsxs("div", { className: "container mx-auto flex items-center justify-between px-4 h-16", children: [
           /* @__PURE__ */ h.jsxs(
             Zt,
@@ -13330,7 +13331,7 @@ const Ow = ce(
               underline: "none",
               className: _(
                 "flex items-center gap-3 transition-opacity",
-                N.brand
+                I.brand
               ),
               children: [
                 /* @__PURE__ */ h.jsx(
@@ -13346,25 +13347,26 @@ const Ow = ce(
             }
           ),
           /* @__PURE__ */ h.jsxs("div", { className: "hidden md:flex items-center gap-8", children: [
-            /* @__PURE__ */ h.jsx("div", { className: "flex items-center gap-6", children: r.map((S) => {
-              const I = n === S.path;
+            /* @__PURE__ */ h.jsx("div", { className: "flex items-center gap-6", children: r.map(($) => {
+              const V = n === $.path;
               return /* @__PURE__ */ h.jsx(
                 Zt,
                 {
                   as: a,
-                  href: S.path,
-                  to: S.path,
+                  href: $.path,
+                  to: $.path,
                   variant: "neutral",
                   underline: "none",
                   className: _(
                     "text-sm transition-colors duration-200",
-                    I ? N.linkActive : N.linkBase
+                    V ? I.linkActive : I.linkBase
                   ),
-                  children: S.label
+                  children: $.label
                 },
-                S.path
+                $.path
               );
             }) }),
+            g,
             c ?? (o ? /* @__PURE__ */ h.jsxs(mh, { as: "div", className: "relative ml-2", children: [
               /* @__PURE__ */ h.jsxs(xc, { className: "relative flex rounded-full text-sm focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 ring-offset-transparent", children: [
                 /* @__PURE__ */ h.jsx("span", { className: "sr-only", children: "Open user menu" }),
@@ -13375,16 +13377,16 @@ const Ow = ce(
                     src: o.avatarSrc,
                     size: "sm",
                     shape: "circle",
-                    colorScheme: "primary"
+                    colorScheme: o.avatarColor ?? "primary"
                   }
                 ),
-                y && /* @__PURE__ */ h.jsx("div", { className: "absolute -top-1 -right-2", children: /* @__PURE__ */ h.jsx(
+                S && /* @__PURE__ */ h.jsx("div", { className: "absolute -top-1 -right-2", children: /* @__PURE__ */ h.jsx(
                   $o,
                   {
                     fill: "solid",
                     size: "xs",
                     statusBadge: !0,
-                    variant: b,
+                    variant: x,
                     children: o.notificationCount
                   }
                 ) })
@@ -13401,7 +13403,7 @@ const Ow = ce(
                   leaveTo: "transform opacity-0 scale-95",
                   children: /* @__PURE__ */ h.jsxs(wc, { className: "absolute right-0 z-50 mt-2 w-48 origin-top-right rounded-md bg-white dark:bg-gray-800 py-1 shadow-lg ring-1 ring-black/5 dark:ring-white/10 focus:outline-none divide-y divide-gray-100 dark:divide-gray-700", children: [
                     /* @__PURE__ */ h.jsxs("div", { className: "py-1", children: [
-                      y && l && /* @__PURE__ */ h.jsx(zr, { children: ({ focus: S }) => /* @__PURE__ */ h.jsxs(
+                      S && l && /* @__PURE__ */ h.jsx(zr, { children: ({ focus: $ }) => /* @__PURE__ */ h.jsxs(
                         Ve,
                         {
                           variant: "ghost",
@@ -13410,7 +13412,7 @@ const Ow = ce(
                           onClick: l,
                           className: _(
                             "w-full justify-start rounded-none px-4",
-                            S && "bg-gray-50 dark:bg-gray-700"
+                            $ && "bg-gray-50 dark:bg-gray-700"
                           ),
                           startIcon: /* @__PURE__ */ h.jsx(
                             Ee,
@@ -13426,20 +13428,20 @@ const Ow = ce(
                           ]
                         }
                       ) }),
-                      u && /* @__PURE__ */ h.jsx(zr, { children: ({ focus: S }) => /* @__PURE__ */ h.jsxs(
+                      u && /* @__PURE__ */ h.jsx(zr, { children: ({ focus: $ }) => /* @__PURE__ */ h.jsxs(
                         "div",
                         {
-                          onClick: (I) => {
-                            I.preventDefault(), u();
+                          onClick: (V) => {
+                            V.preventDefault(), u();
                           },
                           role: "button",
                           tabIndex: 0,
                           className: _(
                             "flex w-full items-center justify-between px-4 py-2 text-sm text-gray-700 dark:text-gray-200 cursor-pointer transition-colors",
-                            S && "bg-gray-50 dark:bg-gray-700"
+                            $ && "bg-gray-50 dark:bg-gray-700"
                           ),
-                          onKeyDown: (I) => {
-                            (I.key === "Enter" || I.key === " ") && (I.preventDefault(), u());
+                          onKeyDown: (V) => {
+                            (V.key === "Enter" || V.key === " ") && (V.preventDefault(), u());
                           },
                           children: [
                             /* @__PURE__ */ h.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -13449,7 +13451,7 @@ const Ow = ce(
                                   icon: Rl,
                                   className: _(
                                     "w-4 transition-colors",
-                                    w ? "text-amber-500" : "text-gray-400"
+                                    P ? "text-amber-500" : "text-gray-400"
                                   )
                                 }
                               ),
@@ -13458,7 +13460,7 @@ const Ow = ce(
                             /* @__PURE__ */ h.jsx(
                               Fl,
                               {
-                                checked: w,
+                                checked: P,
                                 onChange: () => {
                                 },
                                 size: "xs",
@@ -13470,22 +13472,22 @@ const Ow = ce(
                         }
                       ) })
                     ] }),
-                    g.length > 0 && /* @__PURE__ */ h.jsx("div", { className: "py-1", children: g.map((S) => /* @__PURE__ */ h.jsx(zr, { children: ({ focus: I }) => /* @__PURE__ */ h.jsx(
+                    d.length > 0 && /* @__PURE__ */ h.jsx("div", { className: "py-1", children: d.map(($) => /* @__PURE__ */ h.jsx(zr, { children: ({ focus: V }) => /* @__PURE__ */ h.jsx(
                       Zt,
                       {
                         as: a,
-                        href: S.path,
-                        to: S.path,
+                        href: $.path,
+                        to: $.path,
                         variant: "neutral",
                         underline: "none",
                         className: _(
                           "block w-full px-4 py-2 text-sm text-gray-700 dark:text-gray-200 transition-colors",
-                          I && "bg-gray-50 dark:bg-gray-700"
+                          V && "bg-gray-50 dark:bg-gray-700"
                         ),
-                        children: S.label
+                        children: $.label
                       }
-                    ) }, S.path)) }),
-                    s && /* @__PURE__ */ h.jsx("div", { className: "py-1", children: /* @__PURE__ */ h.jsx(zr, { children: ({ focus: S }) => /* @__PURE__ */ h.jsx(
+                    ) }, $.path)) }),
+                    s && /* @__PURE__ */ h.jsx("div", { className: "py-1", children: /* @__PURE__ */ h.jsx(zr, { children: ({ focus: $ }) => /* @__PURE__ */ h.jsx(
                       Ve,
                       {
                         variant: "ghost",
@@ -13494,7 +13496,7 @@ const Ow = ce(
                         onClick: s,
                         className: _(
                           "w-full justify-start rounded-none px-4",
-                          S && "bg-gray-50 dark:bg-gray-700"
+                          $ && "bg-gray-50 dark:bg-gray-700"
                         ),
                         startIcon: /* @__PURE__ */ h.jsx(
                           Ee,
@@ -13516,11 +13518,11 @@ const Ow = ce(
             {
               className: _(
                 "inline-flex items-center justify-center rounded-md p-2 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-primary-500",
-                N.hamburger
+                I.hamburger
               ),
               children: [
                 /* @__PURE__ */ h.jsx("span", { className: "sr-only", children: "Open main menu" }),
-                F ? /* @__PURE__ */ h.jsx(
+                B ? /* @__PURE__ */ h.jsx(
                   Ee,
                   {
                     icon: aa,
@@ -13536,7 +13538,7 @@ const Ow = ce(
                       "aria-hidden": "true"
                     }
                   ),
-                  y && /* @__PURE__ */ h.jsx("span", { className: "absolute top-0 right-0 block h-2.5 w-2.5 rounded-full bg-error-500 ring-2 ring-transparent transform translate-x-1/4 -translate-y-1/4" })
+                  S && /* @__PURE__ */ h.jsx("span", { className: "absolute top-0 right-0 block h-2.5 w-2.5 rounded-full bg-error-500 ring-2 ring-transparent transform translate-x-1/4 -translate-y-1/4" })
                 ] })
               ]
             }
@@ -13583,71 +13585,74 @@ const Ow = ce(
                         )
                       ] }) })
                     ] }),
-                    /* @__PURE__ */ h.jsx("div", { className: "mt-6", children: /* @__PURE__ */ h.jsxs("nav", { className: "grid gap-y-4", children: [
-                      r.map((S) => {
-                        const I = n === S.path;
-                        return /* @__PURE__ */ h.jsx(
-                          Zt,
-                          {
-                            as: a,
-                            href: S.path,
-                            to: S.path,
-                            onClick: () => z(),
-                            variant: "neutral",
-                            underline: "none",
-                            className: _(
-                              "-m-3 flex items-center rounded-md p-3 transition-colors",
-                              "hover:bg-gray-50 dark:hover:bg-gray-700",
-                              I ? "bg-gray-50 dark:bg-gray-700" : "text-gray-900 dark:text-gray-100"
-                            ),
-                            children: /* @__PURE__ */ h.jsx(
-                              "span",
-                              {
-                                className: _(
-                                  "ml-3 text-base font-medium",
-                                  I ? "text-primary-600 dark:text-primary-400 font-bold" : "text-gray-900 dark:text-gray-100"
-                                ),
-                                children: S.label
-                              }
-                            )
-                          },
-                          S.path
-                        );
-                      }),
-                      o && g.length > 0 && /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
-                        /* @__PURE__ */ h.jsx("hr", { className: "border-gray-100 dark:border-gray-700" }),
-                        g.map((S) => {
-                          const I = n === S.path;
+                    /* @__PURE__ */ h.jsxs("div", { className: "mt-6", children: [
+                      g && /* @__PURE__ */ h.jsx("div", { className: "mb-4", children: g }),
+                      /* @__PURE__ */ h.jsxs("nav", { className: "grid gap-y-4", children: [
+                        r.map(($) => {
+                          const V = n === $.path;
                           return /* @__PURE__ */ h.jsx(
                             Zt,
                             {
                               as: a,
-                              href: S.path,
-                              to: S.path,
-                              onClick: () => z(),
+                              href: $.path,
+                              to: $.path,
+                              onClick: () => F(),
                               variant: "neutral",
                               underline: "none",
                               className: _(
                                 "-m-3 flex items-center rounded-md p-3 transition-colors",
                                 "hover:bg-gray-50 dark:hover:bg-gray-700",
-                                I ? "bg-gray-50 dark:bg-gray-700" : "text-gray-900 dark:text-gray-100"
+                                V ? "bg-gray-50 dark:bg-gray-700" : "text-gray-900 dark:text-gray-100"
                               ),
                               children: /* @__PURE__ */ h.jsx(
                                 "span",
                                 {
                                   className: _(
                                     "ml-3 text-base font-medium",
-                                    I ? "text-primary-600 dark:text-primary-400 font-bold" : "text-gray-900 dark:text-gray-100"
+                                    V ? "text-primary-600 dark:text-primary-400 font-bold" : "text-gray-900 dark:text-gray-100"
                                   ),
-                                  children: S.label
+                                  children: $.label
                                 }
                               )
                             },
-                            S.path
+                            $.path
                           );
-                        })
+                        }),
+                        o && d.length > 0 && /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
+                          /* @__PURE__ */ h.jsx("hr", { className: "border-gray-100 dark:border-gray-700" }),
+                          d.map(($) => {
+                            const V = n === $.path;
+                            return /* @__PURE__ */ h.jsx(
+                              Zt,
+                              {
+                                as: a,
+                                href: $.path,
+                                to: $.path,
+                                onClick: () => F(),
+                                variant: "neutral",
+                                underline: "none",
+                                className: _(
+                                  "-m-3 flex items-center rounded-md p-3 transition-colors",
+                                  "hover:bg-gray-50 dark:hover:bg-gray-700",
+                                  V ? "bg-gray-50 dark:bg-gray-700" : "text-gray-900 dark:text-gray-100"
+                                ),
+                                children: /* @__PURE__ */ h.jsx(
+                                  "span",
+                                  {
+                                    className: _(
+                                      "ml-3 text-base font-medium",
+                                      V ? "text-primary-600 dark:text-primary-400 font-bold" : "text-gray-900 dark:text-gray-100"
+                                    ),
+                                    children: $.label
+                                  }
+                                )
+                              },
+                              $.path
+                            );
+                          })
+                        ] })
                       ] })
-                    ] }) })
+                    ] })
                   ] }),
                   (o || c || i) && /* @__PURE__ */ h.jsx("div", { className: "py-6 px-5 space-y-4", children: c || (!o && i ? /* @__PURE__ */ h.jsx(
                     Ve,
@@ -13656,18 +13661,18 @@ const Ow = ce(
                       colorScheme: "primary",
                       className: "w-full justify-center",
                       onClick: () => {
-                        i(), z();
+                        i(), F();
                       },
                       children: "Log In"
                     }
                   ) : /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
-                    y && l && /* @__PURE__ */ h.jsx(
+                    S && l && /* @__PURE__ */ h.jsx(
                       Ve,
                       {
                         variant: "ghost",
                         colorScheme: "neutral",
                         onClick: () => {
-                          l?.(), z();
+                          l?.(), F();
                         },
                         className: "w-full justify-between px-4 text-base font-medium hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-900 dark:text-gray-100",
                         endIcon: /* @__PURE__ */ h.jsx(
@@ -13676,7 +13681,7 @@ const Ow = ce(
                             fill: "solid",
                             size: "xs",
                             statusBadge: !0,
-                            variant: b,
+                            variant: x,
                             children: o?.notificationCount
                           }
                         ),
@@ -13686,13 +13691,13 @@ const Ow = ce(
                     u && /* @__PURE__ */ h.jsxs(
                       "div",
                       {
-                        onClick: (S) => {
-                          S.preventDefault(), u();
+                        onClick: ($) => {
+                          $.preventDefault(), u();
                         },
                         role: "button",
                         tabIndex: 0,
-                        onKeyDown: (S) => {
-                          (S.key === "Enter" || S.key === " ") && (S.preventDefault(), u());
+                        onKeyDown: ($) => {
+                          ($.key === "Enter" || $.key === " ") && ($.preventDefault(), u());
                         },
                         className: "flex w-full items-center justify-between rounded-md px-4 py-2 text-base transition-colors cursor-pointer hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-900 dark:text-gray-100",
                         children: [
@@ -13703,7 +13708,7 @@ const Ow = ce(
                                 icon: Rl,
                                 className: _(
                                   "w-5 transition-colors",
-                                  w ? "text-amber-500" : "text-gray-400"
+                                  P ? "text-amber-500" : "text-gray-400"
                                 )
                               }
                             ),
@@ -13712,7 +13717,7 @@ const Ow = ce(
                           /* @__PURE__ */ h.jsx(
                             Fl,
                             {
-                              checked: w,
+                              checked: P,
                               onChange: () => {
                               },
                               size: "sm",
@@ -13730,7 +13735,7 @@ const Ow = ce(
                         colorScheme: "error",
                         className: "w-full justify-center",
                         onClick: () => {
-                          s?.(), z();
+                          s?.(), F();
                         },
                         children: "Log Out"
                       }
@@ -14156,14 +14161,14 @@ function Tn(e, t, r, n) {
     }, p = [];
     g.forEach((v) => {
       const b = [...p].reverse()[0], x = v.column.depth === m.depth;
-      let y, E = !1;
-      if (x && v.column.parent ? y = v.column.parent : (y = v.column, E = !0), b && b?.column === y)
+      let y, S = !1;
+      if (x && v.column.parent ? y = v.column.parent : (y = v.column, S = !0), b && b?.column === y)
         b.subHeaders.push(v);
       else {
         const w = Ll(r, y, {
           id: [n, d, y.id, v?.id].filter(Boolean).join("_"),
-          isPlaceholder: E,
-          placeholderId: E ? `${p.filter((P) => P.column === y).length}` : void 0,
+          isPlaceholder: S,
+          placeholderId: S ? `${p.filter((P) => P.column === y).length}` : void 0,
           depth: d,
           index: p.length
         });
@@ -14180,10 +14185,10 @@ function Tn(e, t, r, n) {
     let p = 0, v = 0, b = [0];
     m.subHeaders && m.subHeaders.length ? (b = [], f(m.subHeaders).forEach((y) => {
       let {
-        colSpan: E,
+        colSpan: S,
         rowSpan: w
       } = y;
-      p += E, b.push(w);
+      p += S, b.push(w);
     })) : p = 1;
     const x = Math.min(...b);
     return v = v + x, m.colSpan = p, m.rowSpan = v, {
@@ -14695,15 +14700,15 @@ const Mn = {
           return;
         const i = e.getSize(), s = e ? e.getLeafHeaders().map((b) => [b.column.id, b.column.getSize()]) : [[n.id, n.getSize()]], l = io(o) ? Math.round(o.touches[0].clientX) : o.clientX, u = {}, c = (b, x) => {
           typeof x == "number" && (t.setColumnSizingInfo((y) => {
-            var E, w;
-            const P = t.options.columnResizeDirection === "rtl" ? -1 : 1, N = (x - ((E = y?.startOffset) != null ? E : 0)) * P, F = Math.max(N / ((w = y?.startSize) != null ? w : 0), -0.999999);
-            return y.columnSizingStart.forEach((z) => {
-              let [S, I] = z;
-              u[S] = Math.round(Math.max(I + I * F, 0) * 100) / 100;
+            var S, w;
+            const P = t.options.columnResizeDirection === "rtl" ? -1 : 1, N = (x - ((S = y?.startOffset) != null ? S : 0)) * P, I = Math.max(N / ((w = y?.startSize) != null ? w : 0), -0.999999);
+            return y.columnSizingStart.forEach((B) => {
+              let [F, $] = B;
+              u[F] = Math.round(Math.max($ + $ * I, 0) * 100) / 100;
             }), {
               ...y,
               deltaOffset: N,
-              deltaPercentage: F
+              deltaPercentage: I
             };
           }), (t.options.columnResizeMode === "onChange" || b === "end") && t.setColumnSizing((y) => ({
             ...y,
@@ -15647,7 +15652,7 @@ function Ik() {
           const m = o[d], p = i[m.id], v = p.sortUndefined, b = (g = m?.desc) != null ? g : !1;
           let x = 0;
           if (v) {
-            const y = c.getValue(m.id), E = f.getValue(m.id), w = y === void 0, P = E === void 0;
+            const y = c.getValue(m.id), S = f.getValue(m.id), w = y === void 0, P = S === void 0;
             if (w || P) {
               if (v === "first") return w ? -1 : 1;
               if (v === "last") return w ? 1 : -1;