@teja-app/ui 0.0.2 → 0.0.3

package/dist/index.js

@@ -1,11 +1,11 @@
-import { u, a, b, c, d } from "./useSelection-BK6u5Ezx.js";
+import { u, a, b, c, d, e } from "./useSidebar-BWe09WbE.js";
 import { cn } from "./utils/index.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { forwardRef, useState, useRef, useCallback, useEffect, useMemo, useLayoutEffect, useContext, createContext, Fragment as Fragment$1, isValidElement, cloneElement, createElement, useId as useId$1, useSyncExternalStore, useReducer, createRef } from "react";
 import * as ReactDOM from "react-dom";
 import { flushSync, createPortal } from "react-dom";
-const variantStyles$3 = {
+const variantStyles$4 = {
   primary: [
     // Light mode
     "bg-primary-800 text-white border border-gold-500/40",
@@ -45,7 +45,7 @@ const variantStyles$3 = {
     "dark:focus:ring-error/30"
   ].join(" ")
 };
-const sizeStyles$a = {
+const sizeStyles$b = {
   sm: "px-3 py-1.5 text-sm h-8",
   md: "px-4 py-2 text-base h-10",
   lg: "px-6 py-3 text-lg h-12"
@@ -75,9 +75,9 @@ const Button = forwardRef(
           "dark:focus:ring-offset-primary-900",
           "disabled:opacity-50 disabled:cursor-not-allowed",
           // Variant styles
-          variantStyles$3[variant],
+          variantStyles$4[variant],
           // Size styles
-          sizeStyles$a[size2],
+          sizeStyles$b[size2],
           // Width styles
           fullWidth && "w-full",
           // Custom className (allows override)
@@ -128,7 +128,7 @@ const Button = forwardRef(
   }
 );
 Button.displayName = "Button";
-const sizeStyles$9 = {
+const sizeStyles$a = {
   xs: "h-3 w-3",
   // 12px
   sm: "h-4 w-4",
@@ -158,7 +158,7 @@ const Spinner = forwardRef(
         ref,
         className: cn(
           "animate-spin",
-          sizeStyles$9[size2],
+          sizeStyles$a[size2],
           colorStyles[color],
           className
         ),
@@ -451,8 +451,8 @@ const Textarea = forwardRef(
       }
     }, [autoResize]);
     const handleChange = useCallback(
-      (e2) => {
-        onChange?.(e2);
+      (e3) => {
+        onChange?.(e3);
         if (autoResize) {
           adjustHeight();
         }
@@ -798,14 +798,14 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
       }
     };
   }, []);
-  return useCallback((e2) => {
-    if (e2.target instanceof HTMLButtonElement || e2.target instanceof HTMLInputElement || e2.target instanceof HTMLTextAreaElement || e2.target instanceof HTMLSelectElement) {
+  return useCallback((e3) => {
+    if (e3.target instanceof HTMLButtonElement || e3.target instanceof HTMLInputElement || e3.target instanceof HTMLTextAreaElement || e3.target instanceof HTMLSelectElement) {
       stateRef.current.isFocused = true;
-      let target = e2.target;
-      let onBlurHandler = (e3) => {
+      let target = e3.target;
+      let onBlurHandler = (e4) => {
         stateRef.current.isFocused = false;
         if (target.disabled) {
-          let event = $8a9cb279dc87e130$export$525bc4921d56d4a(e3);
+          let event = $8a9cb279dc87e130$export$525bc4921d56d4a(e4);
           onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
         }
         if (stateRef.current.observer) {
@@ -851,38 +851,38 @@ const $507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS = {
   Tab: true,
   Escape: true
 };
-function $507fabe10e71c6fb$var$triggerChangeHandlers(modality, e2) {
-  for (let handler of $507fabe10e71c6fb$var$changeHandlers) handler(modality, e2);
+function $507fabe10e71c6fb$var$triggerChangeHandlers(modality, e3) {
+  for (let handler of $507fabe10e71c6fb$var$changeHandlers) handler(modality, e3);
 }
-function $507fabe10e71c6fb$var$isValidKey(e2) {
-  return !(e2.metaKey || !$c87311424ea30a05$export$9ac100e40613ea10() && e2.altKey || e2.ctrlKey || e2.key === "Control" || e2.key === "Shift" || e2.key === "Meta");
+function $507fabe10e71c6fb$var$isValidKey(e3) {
+  return !(e3.metaKey || !$c87311424ea30a05$export$9ac100e40613ea10() && e3.altKey || e3.ctrlKey || e3.key === "Control" || e3.key === "Shift" || e3.key === "Meta");
 }
-function $507fabe10e71c6fb$var$handleKeyboardEvent(e2) {
+function $507fabe10e71c6fb$var$handleKeyboardEvent(e3) {
   $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
-  if (!$ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening && $507fabe10e71c6fb$var$isValidKey(e2)) {
+  if (!$ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening && $507fabe10e71c6fb$var$isValidKey(e3)) {
     $507fabe10e71c6fb$var$currentModality = "keyboard";
-    $507fabe10e71c6fb$var$triggerChangeHandlers("keyboard", e2);
+    $507fabe10e71c6fb$var$triggerChangeHandlers("keyboard", e3);
   }
 }
-function $507fabe10e71c6fb$var$handlePointerEvent(e2) {
+function $507fabe10e71c6fb$var$handlePointerEvent(e3) {
   $507fabe10e71c6fb$var$currentModality = "pointer";
-  "pointerType" in e2 ? e2.pointerType : "mouse";
-  if (e2.type === "mousedown" || e2.type === "pointerdown") {
+  "pointerType" in e3 ? e3.pointerType : "mouse";
+  if (e3.type === "mousedown" || e3.type === "pointerdown") {
     $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
-    $507fabe10e71c6fb$var$triggerChangeHandlers("pointer", e2);
+    $507fabe10e71c6fb$var$triggerChangeHandlers("pointer", e3);
   }
 }
-function $507fabe10e71c6fb$var$handleClickEvent(e2) {
-  if (!$ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening && $6a7db85432448f7f$export$60278871457622de(e2)) {
+function $507fabe10e71c6fb$var$handleClickEvent(e3) {
+  if (!$ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening && $6a7db85432448f7f$export$60278871457622de(e3)) {
     $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
     $507fabe10e71c6fb$var$currentModality = "virtual";
   }
 }
-function $507fabe10e71c6fb$var$handleFocusEvent(e2) {
-  if (e2.target === window || e2.target === document || $8a9cb279dc87e130$export$fda7da73ab5d4c48 || !e2.isTrusted) return;
+function $507fabe10e71c6fb$var$handleFocusEvent(e3) {
+  if (e3.target === window || e3.target === document || $8a9cb279dc87e130$export$fda7da73ab5d4c48 || !e3.isTrusted) return;
   if (!$507fabe10e71c6fb$var$hasEventBeforeFocus && !$507fabe10e71c6fb$var$hasBlurredWindowRecently) {
     $507fabe10e71c6fb$var$currentModality = "virtual";
-    $507fabe10e71c6fb$var$triggerChangeHandlers("virtual", e2);
+    $507fabe10e71c6fb$var$triggerChangeHandlers("virtual", e3);
   }
   $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
   $507fabe10e71c6fb$var$hasBlurredWindowRecently = false;
@@ -972,20 +972,20 @@ const $507fabe10e71c6fb$var$nonTextInputTypes = /* @__PURE__ */ new Set([
   "submit",
   "reset"
 ]);
-function $507fabe10e71c6fb$var$isKeyboardFocusEvent(isTextInput, modality, e2) {
-  let document1 = $431fbd86ca7dc216$export$b204af158042fbac(e2 === null || e2 === void 0 ? void 0 : e2.target);
-  const IHTMLInputElement = typeof window !== "undefined" ? $431fbd86ca7dc216$export$f21a1ffae260145a(e2 === null || e2 === void 0 ? void 0 : e2.target).HTMLInputElement : HTMLInputElement;
-  const IHTMLTextAreaElement = typeof window !== "undefined" ? $431fbd86ca7dc216$export$f21a1ffae260145a(e2 === null || e2 === void 0 ? void 0 : e2.target).HTMLTextAreaElement : HTMLTextAreaElement;
-  const IHTMLElement = typeof window !== "undefined" ? $431fbd86ca7dc216$export$f21a1ffae260145a(e2 === null || e2 === void 0 ? void 0 : e2.target).HTMLElement : HTMLElement;
-  const IKeyboardEvent = typeof window !== "undefined" ? $431fbd86ca7dc216$export$f21a1ffae260145a(e2 === null || e2 === void 0 ? void 0 : e2.target).KeyboardEvent : KeyboardEvent;
+function $507fabe10e71c6fb$var$isKeyboardFocusEvent(isTextInput, modality, e3) {
+  let document1 = $431fbd86ca7dc216$export$b204af158042fbac(e3 === null || e3 === void 0 ? void 0 : e3.target);
+  const IHTMLInputElement = typeof window !== "undefined" ? $431fbd86ca7dc216$export$f21a1ffae260145a(e3 === null || e3 === void 0 ? void 0 : e3.target).HTMLInputElement : HTMLInputElement;
+  const IHTMLTextAreaElement = typeof window !== "undefined" ? $431fbd86ca7dc216$export$f21a1ffae260145a(e3 === null || e3 === void 0 ? void 0 : e3.target).HTMLTextAreaElement : HTMLTextAreaElement;
+  const IHTMLElement = typeof window !== "undefined" ? $431fbd86ca7dc216$export$f21a1ffae260145a(e3 === null || e3 === void 0 ? void 0 : e3.target).HTMLElement : HTMLElement;
+  const IKeyboardEvent = typeof window !== "undefined" ? $431fbd86ca7dc216$export$f21a1ffae260145a(e3 === null || e3 === void 0 ? void 0 : e3.target).KeyboardEvent : KeyboardEvent;
   isTextInput = isTextInput || document1.activeElement instanceof IHTMLInputElement && !$507fabe10e71c6fb$var$nonTextInputTypes.has(document1.activeElement.type) || document1.activeElement instanceof IHTMLTextAreaElement || document1.activeElement instanceof IHTMLElement && document1.activeElement.isContentEditable;
-  return !(isTextInput && modality === "keyboard" && e2 instanceof IKeyboardEvent && !$507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS[e2.key]);
+  return !(isTextInput && modality === "keyboard" && e3 instanceof IKeyboardEvent && !$507fabe10e71c6fb$var$FOCUS_VISIBLE_INPUT_KEYS[e3.key]);
 }
 function $507fabe10e71c6fb$export$ec71b4b83ac08ec3(fn, deps, opts) {
   $507fabe10e71c6fb$var$setupGlobalFocusEvents();
   useEffect(() => {
-    let handler = (modality, e2) => {
-      if (!$507fabe10e71c6fb$var$isKeyboardFocusEvent(!!(opts === null || opts === void 0 ? void 0 : opts.isTextInput), modality, e2)) return;
+    let handler = (modality, e3) => {
+      if (!$507fabe10e71c6fb$var$isKeyboardFocusEvent(!!(opts === null || opts === void 0 ? void 0 : opts.isTextInput), modality, e3)) return;
       fn($507fabe10e71c6fb$export$b9b3dfddab17db27());
     };
     $507fabe10e71c6fb$var$changeHandlers.add(handler);
@@ -996,9 +996,9 @@ function $507fabe10e71c6fb$export$ec71b4b83ac08ec3(fn, deps, opts) {
 }
 function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
   let { isDisabled, onFocus: onFocusProp, onBlur: onBlurProp, onFocusChange } = props;
-  const onBlur = useCallback((e2) => {
-    if (e2.target === e2.currentTarget) {
-      if (onBlurProp) onBlurProp(e2);
+  const onBlur = useCallback((e3) => {
+    if (e3.target === e3.currentTarget) {
+      if (onBlurProp) onBlurProp(e3);
       if (onFocusChange) onFocusChange(false);
       return true;
     }
@@ -1007,13 +1007,13 @@ function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
     onFocusChange
   ]);
   const onSyntheticFocus = $8a9cb279dc87e130$export$715c682d09d639cc(onBlur);
-  const onFocus = useCallback((e2) => {
-    const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(e2.target);
+  const onFocus = useCallback((e3) => {
+    const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(e3.target);
     const activeElement = ownerDocument ? $d4ee10de306f2510$export$cd4e5573fbe2b576(ownerDocument) : $d4ee10de306f2510$export$cd4e5573fbe2b576();
-    if (e2.target === e2.currentTarget && activeElement === $d4ee10de306f2510$export$e58f029f0fbfdb29(e2.nativeEvent)) {
-      if (onFocusProp) onFocusProp(e2);
+    if (e3.target === e3.currentTarget && activeElement === $d4ee10de306f2510$export$e58f029f0fbfdb29(e3.nativeEvent)) {
+      if (onFocusProp) onFocusProp(e3);
       if (onFocusChange) onFocusChange(true);
-      onSyntheticFocus(e2);
+      onSyntheticFocus(e3);
     }
   }, [
     onFocusChange,
@@ -1033,12 +1033,12 @@ function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
     isFocusWithin: false
   });
   let { addGlobalListener, removeAllGlobalListeners } = $03deb23ff14920c4$export$4eaf04e54aa8eed6();
-  let onBlur = useCallback((e2) => {
-    if (!e2.currentTarget.contains(e2.target)) return;
-    if (state.current.isFocusWithin && !e2.currentTarget.contains(e2.relatedTarget)) {
+  let onBlur = useCallback((e3) => {
+    if (!e3.currentTarget.contains(e3.target)) return;
+    if (state.current.isFocusWithin && !e3.currentTarget.contains(e3.relatedTarget)) {
       state.current.isFocusWithin = false;
       removeAllGlobalListeners();
-      if (onBlurWithin) onBlurWithin(e2);
+      if (onBlurWithin) onBlurWithin(e3);
       if (onFocusWithinChange) onFocusWithinChange(false);
     }
   }, [
@@ -1048,20 +1048,20 @@ function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
     removeAllGlobalListeners
   ]);
   let onSyntheticFocus = $8a9cb279dc87e130$export$715c682d09d639cc(onBlur);
-  let onFocus = useCallback((e2) => {
-    if (!e2.currentTarget.contains(e2.target)) return;
-    const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(e2.target);
+  let onFocus = useCallback((e3) => {
+    if (!e3.currentTarget.contains(e3.target)) return;
+    const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(e3.target);
     const activeElement = $d4ee10de306f2510$export$cd4e5573fbe2b576(ownerDocument);
-    if (!state.current.isFocusWithin && activeElement === $d4ee10de306f2510$export$e58f029f0fbfdb29(e2.nativeEvent)) {
-      if (onFocusWithin) onFocusWithin(e2);
+    if (!state.current.isFocusWithin && activeElement === $d4ee10de306f2510$export$e58f029f0fbfdb29(e3.nativeEvent)) {
+      if (onFocusWithin) onFocusWithin(e3);
       if (onFocusWithinChange) onFocusWithinChange(true);
       state.current.isFocusWithin = true;
-      onSyntheticFocus(e2);
-      let currentTarget = e2.currentTarget;
-      addGlobalListener(ownerDocument, "focus", (e3) => {
-        if (state.current.isFocusWithin && !$d4ee10de306f2510$export$4282f70798064fe0(currentTarget, e3.target)) {
+      onSyntheticFocus(e3);
+      let currentTarget = e3.currentTarget;
+      addGlobalListener(ownerDocument, "focus", (e4) => {
+        if (state.current.isFocusWithin && !$d4ee10de306f2510$export$4282f70798064fe0(currentTarget, e4.target)) {
           let nativeEvent = new ownerDocument.defaultView.FocusEvent("blur", {
-            relatedTarget: e3.target
+            relatedTarget: e4.target
           });
           $8a9cb279dc87e130$export$c2b7abe5d61ec696(nativeEvent, currentTarget);
           let event = $8a9cb279dc87e130$export$525bc4921d56d4a(nativeEvent);
@@ -1100,8 +1100,8 @@ function $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents() {
     $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = false;
   }, 50);
 }
-function $6179b936705e76d3$var$handleGlobalPointerEvent(e2) {
-  if (e2.pointerType === "touch") $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents();
+function $6179b936705e76d3$var$handleGlobalPointerEvent(e3) {
+  if (e3.pointerType === "touch") $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents();
 }
 function $6179b936705e76d3$var$setupGlobalTouchEvents() {
   if (typeof document === "undefined") return;
@@ -1135,8 +1135,8 @@ function $6179b936705e76d3$export$ae780daf29e6d456(props) {
       state.isHovered = true;
       let target = event.currentTarget;
       state.target = target;
-      addGlobalListener($431fbd86ca7dc216$export$b204af158042fbac(event.target), "pointerover", (e2) => {
-        if (state.isHovered && state.target && !$d4ee10de306f2510$export$4282f70798064fe0(state.target, e2.target)) triggerHoverEnd2(e2, e2.pointerType);
+      addGlobalListener($431fbd86ca7dc216$export$b204af158042fbac(event.target), "pointerover", (e3) => {
+        if (state.isHovered && state.target && !$d4ee10de306f2510$export$4282f70798064fe0(state.target, e3.target)) triggerHoverEnd2(e3, e3.pointerType);
       }, {
         capture: true
       });
@@ -1165,23 +1165,23 @@ function $6179b936705e76d3$export$ae780daf29e6d456(props) {
     };
     let hoverProps2 = {};
     if (typeof PointerEvent !== "undefined") {
-      hoverProps2.onPointerEnter = (e2) => {
-        if ($6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents && e2.pointerType === "mouse") return;
-        triggerHoverStart(e2, e2.pointerType);
+      hoverProps2.onPointerEnter = (e3) => {
+        if ($6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents && e3.pointerType === "mouse") return;
+        triggerHoverStart(e3, e3.pointerType);
       };
-      hoverProps2.onPointerLeave = (e2) => {
-        if (!isDisabled && e2.currentTarget.contains(e2.target)) triggerHoverEnd2(e2, e2.pointerType);
+      hoverProps2.onPointerLeave = (e3) => {
+        if (!isDisabled && e3.currentTarget.contains(e3.target)) triggerHoverEnd2(e3, e3.pointerType);
       };
     } else if (process.env.NODE_ENV === "test") {
       hoverProps2.onTouchStart = () => {
         state.ignoreEmulatedMouseEvents = true;
       };
-      hoverProps2.onMouseEnter = (e2) => {
-        if (!state.ignoreEmulatedMouseEvents && !$6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents) triggerHoverStart(e2, "mouse");
+      hoverProps2.onMouseEnter = (e3) => {
+        if (!state.ignoreEmulatedMouseEvents && !$6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents) triggerHoverStart(e3, "mouse");
         state.ignoreEmulatedMouseEvents = false;
       };
-      hoverProps2.onMouseLeave = (e2) => {
-        if (!isDisabled && e2.currentTarget.contains(e2.target)) triggerHoverEnd2(e2, "mouse");
+      hoverProps2.onMouseLeave = (e3) => {
+        if (!isDisabled && e3.currentTarget.contains(e3.target)) triggerHoverEnd2(e3, "mouse");
       };
     }
     return {
@@ -1246,16 +1246,16 @@ function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {
   };
 }
 var i$5 = Object.defineProperty;
-var d$3 = (t2, e2, n2) => e2 in t2 ? i$5(t2, e2, { enumerable: true, configurable: true, writable: true, value: n2 }) : t2[e2] = n2;
-var r$7 = (t2, e2, n2) => (d$3(t2, typeof e2 != "symbol" ? e2 + "" : e2, n2), n2);
+var d$3 = (t2, e3, n2) => e3 in t2 ? i$5(t2, e3, { enumerable: true, configurable: true, writable: true, value: n2 }) : t2[e3] = n2;
+var r$7 = (t2, e3, n2) => (d$3(t2, typeof e3 != "symbol" ? e3 + "" : e3, n2), n2);
 let o$8 = class o {
   constructor() {
     r$7(this, "current", this.detect());
     r$7(this, "handoffState", "pending");
     r$7(this, "currentId", 0);
   }
-  set(e2) {
-    this.current !== e2 && (this.handoffState = "pending", this.currentId = 0, this.current = e2);
+  set(e3) {
+    this.current !== e3 && (this.handoffState = "pending", this.currentId = 0, this.current = e3);
   }
   reset() {
     this.set(this.detect());
@@ -1295,72 +1295,72 @@ function e$5(n2) {
 function d$2(n2) {
   return e$5(n2) === n2;
 }
-function t$5(e2) {
-  typeof queueMicrotask == "function" ? queueMicrotask(e2) : Promise.resolve().then(e2).catch((o4) => setTimeout(() => {
+function t$5(e3) {
+  typeof queueMicrotask == "function" ? queueMicrotask(e3) : Promise.resolve().then(e3).catch((o4) => setTimeout(() => {
     throw o4;
   }));
 }
 function o$7() {
-  let s2 = [], r2 = { addEventListener(e2, t2, n2, i2) {
-    return e2.addEventListener(t2, n2, i2), r2.add(() => e2.removeEventListener(t2, n2, i2));
-  }, requestAnimationFrame(...e2) {
-    let t2 = requestAnimationFrame(...e2);
+  let s2 = [], r2 = { addEventListener(e3, t2, n2, i2) {
+    return e3.addEventListener(t2, n2, i2), r2.add(() => e3.removeEventListener(t2, n2, i2));
+  }, requestAnimationFrame(...e3) {
+    let t2 = requestAnimationFrame(...e3);
     return r2.add(() => cancelAnimationFrame(t2));
-  }, nextFrame(...e2) {
-    return r2.requestAnimationFrame(() => r2.requestAnimationFrame(...e2));
-  }, setTimeout(...e2) {
-    let t2 = setTimeout(...e2);
+  }, nextFrame(...e3) {
+    return r2.requestAnimationFrame(() => r2.requestAnimationFrame(...e3));
+  }, setTimeout(...e3) {
+    let t2 = setTimeout(...e3);
     return r2.add(() => clearTimeout(t2));
-  }, microTask(...e2) {
+  }, microTask(...e3) {
     let t2 = { current: true };
     return t$5(() => {
-      t2.current && e2[0]();
+      t2.current && e3[0]();
     }), r2.add(() => {
       t2.current = false;
     });
-  }, style(e2, t2, n2) {
-    let i2 = e2.style.getPropertyValue(t2);
-    return Object.assign(e2.style, { [t2]: n2 }), this.add(() => {
-      Object.assign(e2.style, { [t2]: i2 });
+  }, style(e3, t2, n2) {
+    let i2 = e3.style.getPropertyValue(t2);
+    return Object.assign(e3.style, { [t2]: n2 }), this.add(() => {
+      Object.assign(e3.style, { [t2]: i2 });
     });
-  }, group(e2) {
+  }, group(e3) {
     let t2 = o$7();
-    return e2(t2), this.add(() => t2.dispose());
-  }, add(e2) {
-    return s2.includes(e2) || s2.push(e2), () => {
-      let t2 = s2.indexOf(e2);
+    return e3(t2), this.add(() => t2.dispose());
+  }, add(e3) {
+    return s2.includes(e3) || s2.push(e3), () => {
+      let t2 = s2.indexOf(e3);
       if (t2 >= 0) for (let n2 of s2.splice(t2, 1)) n2();
     };
   }, dispose() {
-    for (let e2 of s2.splice(0)) e2();
+    for (let e3 of s2.splice(0)) e3();
   } };
   return r2;
 }
 function p$7() {
-  let [e2] = useState(o$7);
-  return useEffect(() => () => e2.dispose(), [e2]), e2;
+  let [e3] = useState(o$7);
+  return useEffect(() => () => e3.dispose(), [e3]), e3;
 }
-let n$6 = (e2, t2) => {
-  s$c.isServer ? useEffect(e2, t2) : useLayoutEffect(e2, t2);
+let n$6 = (e3, t2) => {
+  s$c.isServer ? useEffect(e3, t2) : useLayoutEffect(e3, t2);
 };
-function s$b(e2) {
-  let r2 = useRef(e2);
+function s$b(e3) {
+  let r2 = useRef(e3);
   return n$6(() => {
-    r2.current = e2;
-  }, [e2]), r2;
+    r2.current = e3;
+  }, [e3]), r2;
 }
 let o$6 = function(t2) {
-  let e2 = s$b(t2);
-  return React__default.useCallback((...r2) => e2.current(...r2), [e2]);
+  let e3 = s$b(t2);
+  return React__default.useCallback((...r2) => e3.current(...r2), [e3]);
 };
-function E$4(e2) {
-  let t2 = e2.width / 2, n2 = e2.height / 2;
-  return { top: e2.clientY - n2, right: e2.clientX + t2, bottom: e2.clientY + n2, left: e2.clientX - t2 };
+function E$4(e3) {
+  let t2 = e3.width / 2, n2 = e3.height / 2;
+  return { top: e3.clientY - n2, right: e3.clientX + t2, bottom: e3.clientY + n2, left: e3.clientX - t2 };
 }
-function P$4(e2, t2) {
-  return !(!e2 || !t2 || e2.right < t2.left || e2.left > t2.right || e2.bottom < t2.top || e2.top > t2.bottom);
+function P$4(e3, t2) {
+  return !(!e3 || !t2 || e3.right < t2.left || e3.left > t2.right || e3.bottom < t2.top || e3.top > t2.bottom);
 }
-function w$7({ disabled: e2 = false } = {}) {
+function w$7({ disabled: e3 = false } = {}) {
   let t2 = useRef(null), [n2, l2] = useState(false), r2 = p$7(), o4 = o$6(() => {
     t2.current = null, l2(false), r2.dispose();
   }), f2 = o$6((s2) => {
@@ -1377,10 +1377,10 @@ function w$7({ disabled: e2 = false } = {}) {
       }
     }
   });
-  return { pressed: n2, pressProps: e2 ? {} : { onPointerDown: f2, onPointerUp: o4, onClick: o4 } };
+  return { pressed: n2, pressProps: e3 ? {} : { onPointerDown: f2, onPointerUp: o4, onClick: o4 } };
 }
-function n$5(e2) {
-  return useMemo(() => e2, Object.values(e2));
+function n$5(e3) {
+  return useMemo(() => e3, Object.values(e3));
 }
 let e$4 = createContext(void 0);
 function a$e() {
@@ -1394,38 +1394,38 @@ function t$4(...r2) {
 }
 function u$e(r2, n2, ...a4) {
   if (r2 in n2) {
-    let e2 = n2[r2];
-    return typeof e2 == "function" ? e2(...a4) : e2;
+    let e3 = n2[r2];
+    return typeof e3 == "function" ? e3(...a4) : e3;
   }
-  let t2 = new Error(`Tried to handle "${r2}" but there is no handler defined. Only defined handlers are: ${Object.keys(n2).map((e2) => `"${e2}"`).join(", ")}.`);
+  let t2 = new Error(`Tried to handle "${r2}" but there is no handler defined. Only defined handlers are: ${Object.keys(n2).map((e3) => `"${e3}"`).join(", ")}.`);
   throw Error.captureStackTrace && Error.captureStackTrace(t2, u$e), t2;
 }
-var A$2 = ((a4) => (a4[a4.None = 0] = "None", a4[a4.RenderStrategy = 1] = "RenderStrategy", a4[a4.Static = 2] = "Static", a4))(A$2 || {}), C$8 = ((e2) => (e2[e2.Unmount = 0] = "Unmount", e2[e2.Hidden = 1] = "Hidden", e2))(C$8 || {});
+var A$2 = ((a4) => (a4[a4.None = 0] = "None", a4[a4.RenderStrategy = 1] = "RenderStrategy", a4[a4.Static = 2] = "Static", a4))(A$2 || {}), C$8 = ((e3) => (e3[e3.Unmount = 0] = "Unmount", e3[e3.Hidden = 1] = "Hidden", e3))(C$8 || {});
 function K() {
   let n2 = $$2();
   return useCallback((r2) => U$1({ mergeRefs: n2, ...r2 }), [n2]);
 }
-function U$1({ ourProps: n2, theirProps: r2, slot: e2, defaultTag: a4, features: s2, visible: t2 = true, name: l2, mergeRefs: i2 }) {
+function U$1({ ourProps: n2, theirProps: r2, slot: e3, defaultTag: a4, features: s2, visible: t2 = true, name: l2, mergeRefs: i2 }) {
   i2 = i2 != null ? i2 : I$6;
   let o4 = P$3(r2, n2);
-  if (t2) return F$3(o4, e2, a4, l2, i2);
+  if (t2) return F$3(o4, e3, a4, l2, i2);
   let y3 = s2 != null ? s2 : 0;
   if (y3 & 2) {
     let { static: f2 = false, ...u3 } = o4;
-    if (f2) return F$3(u3, e2, a4, l2, i2);
+    if (f2) return F$3(u3, e3, a4, l2, i2);
   }
   if (y3 & 1) {
     let { unmount: f2 = true, ...u3 } = o4;
     return u$e(f2 ? 0 : 1, { [0]() {
       return null;
     }, [1]() {
-      return F$3({ ...u3, hidden: true, style: { display: "none" } }, e2, a4, l2, i2);
+      return F$3({ ...u3, hidden: true, style: { display: "none" } }, e3, a4, l2, i2);
     } });
   }
-  return F$3(o4, e2, a4, l2, i2);
+  return F$3(o4, e3, a4, l2, i2);
 }
-function F$3(n2, r2 = {}, e2, a4, s2) {
-  let { as: t2 = e2, children: l2, refName: i2 = "ref", ...o4 } = h$7(n2, ["unmount", "static"]), y3 = n2.ref !== void 0 ? { [i2]: n2.ref } : {}, f2 = typeof l2 == "function" ? l2(r2) : l2;
+function F$3(n2, r2 = {}, e3, a4, s2) {
+  let { as: t2 = e3, children: l2, refName: i2 = "ref", ...o4 } = h$7(n2, ["unmount", "static"]), y3 = n2.ref !== void 0 ? { [i2]: n2.ref } : {}, f2 = typeof l2 == "function" ? l2(r2) : l2;
   "className" in o4 && o4.className && typeof o4.className == "function" && (o4.className = o4.className(r2)), o4["aria-labelledby"] && o4["aria-labelledby"] === o4.id && (o4["aria-labelledby"] = void 0);
   let u3 = {};
   if (r2) {
@@ -1449,29 +1449,29 @@ function F$3(n2, r2 = {}, e2, a4, s2) {
   return createElement(t2, Object.assign({}, h$7(o4, ["ref"]), !b$5(t2) && y3, !b$5(t2) && u3), f2);
 }
 function $$2() {
-  let n2 = useRef([]), r2 = useCallback((e2) => {
-    for (let a4 of n2.current) a4 != null && (typeof a4 == "function" ? a4(e2) : a4.current = e2);
+  let n2 = useRef([]), r2 = useCallback((e3) => {
+    for (let a4 of n2.current) a4 != null && (typeof a4 == "function" ? a4(e3) : a4.current = e3);
   }, []);
-  return (...e2) => {
-    if (!e2.every((a4) => a4 == null)) return n2.current = e2, r2;
+  return (...e3) => {
+    if (!e3.every((a4) => a4 == null)) return n2.current = e3, r2;
   };
 }
 function I$6(...n2) {
   return n2.every((r2) => r2 == null) ? void 0 : (r2) => {
-    for (let e2 of n2) e2 != null && (typeof e2 == "function" ? e2(r2) : e2.current = r2);
+    for (let e3 of n2) e3 != null && (typeof e3 == "function" ? e3(r2) : e3.current = r2);
   };
 }
 function P$3(...n2) {
   if (n2.length === 0) return {};
   if (n2.length === 1) return n2[0];
-  let r2 = {}, e2 = {};
-  for (let s2 of n2) for (let t2 in s2) t2.startsWith("on") && typeof s2[t2] == "function" ? (e2[t2] != null || (e2[t2] = []), e2[t2].push(s2[t2])) : r2[t2] = s2[t2];
-  if (r2.disabled || r2["aria-disabled"]) for (let s2 in e2) /^(on(?:Click|Pointer|Mouse|Key)(?:Down|Up|Press)?)$/.test(s2) && (e2[s2] = [(t2) => {
+  let r2 = {}, e3 = {};
+  for (let s2 of n2) for (let t2 in s2) t2.startsWith("on") && typeof s2[t2] == "function" ? (e3[t2] != null || (e3[t2] = []), e3[t2].push(s2[t2])) : r2[t2] = s2[t2];
+  if (r2.disabled || r2["aria-disabled"]) for (let s2 in e3) /^(on(?:Click|Pointer|Mouse|Key)(?:Down|Up|Press)?)$/.test(s2) && (e3[s2] = [(t2) => {
     var l2;
     return (l2 = t2 == null ? void 0 : t2.preventDefault) == null ? void 0 : l2.call(t2);
   }]);
-  for (let s2 in e2) Object.assign(r2, { [s2](t2, ...l2) {
-    let i2 = e2[s2];
+  for (let s2 in e3) Object.assign(r2, { [s2](t2, ...l2) {
+    let i2 = e3[s2];
     for (let o4 of i2) {
       if ((t2 instanceof Event || (t2 == null ? void 0 : t2.nativeEvent) instanceof Event) && t2.defaultPrevented) return;
       o4(t2, ...l2);
@@ -1482,10 +1482,10 @@ function P$3(...n2) {
 function V$3(...n2) {
   if (n2.length === 0) return {};
   if (n2.length === 1) return n2[0];
-  let r2 = {}, e2 = {};
-  for (let s2 of n2) for (let t2 in s2) t2.startsWith("on") && typeof s2[t2] == "function" ? (e2[t2] != null || (e2[t2] = []), e2[t2].push(s2[t2])) : r2[t2] = s2[t2];
-  for (let s2 in e2) Object.assign(r2, { [s2](...t2) {
-    let l2 = e2[s2];
+  let r2 = {}, e3 = {};
+  for (let s2 of n2) for (let t2 in s2) t2.startsWith("on") && typeof s2[t2] == "function" ? (e3[t2] != null || (e3[t2] = []), e3[t2].push(s2[t2])) : r2[t2] = s2[t2];
+  for (let s2 in e3) Object.assign(r2, { [s2](...t2) {
+    let l2 = e3[s2];
     for (let i2 of l2) i2 == null || i2(...t2);
   } });
   return r2;
@@ -1496,13 +1496,13 @@ function Y(n2) {
 }
 function m$4(n2) {
   let r2 = Object.assign({}, n2);
-  for (let e2 in r2) r2[e2] === void 0 && delete r2[e2];
+  for (let e3 in r2) r2[e3] === void 0 && delete r2[e3];
   return r2;
 }
 function h$7(n2, r2 = []) {
-  let e2 = Object.assign({}, n2);
-  for (let a4 of r2) a4 in e2 && delete e2[a4];
-  return e2;
+  let e3 = Object.assign({}, n2);
+  for (let a4 of r2) a4 in e3 && delete e3[a4];
+  return e3;
 }
 function H$3(n2) {
   return React__default.version.split(".")[0] >= "19" ? n2.props.ref : n2.ref;
@@ -1514,33 +1514,33 @@ function D$5(n2) {
   return b$5(n2.type);
 }
 function b$4(l2, r2, c3) {
-  let [i2, s2] = useState(c3), e2 = l2 !== void 0, t2 = useRef(e2), u3 = useRef(false), d3 = useRef(false);
-  return e2 && !t2.current && !u3.current ? (u3.current = true, t2.current = e2, 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.")) : !e2 && t2.current && !d3.current && (d3.current = true, t2.current = e2, 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.")), [e2 ? l2 : i2, o$6((n2) => (e2 || flushSync(() => s2(n2)), r2 == null ? void 0 : r2(n2)))];
+  let [i2, s2] = useState(c3), e3 = l2 !== void 0, t2 = useRef(e3), u3 = useRef(false), d3 = useRef(false);
+  return e3 && !t2.current && !u3.current ? (u3.current = true, t2.current = e3, 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.")) : !e3 && t2.current && !d3.current && (d3.current = true, t2.current = e3, 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.")), [e3 ? l2 : i2, o$6((n2) => (e3 || flushSync(() => s2(n2)), r2 == null ? void 0 : r2(n2)))];
 }
-function l$5(e2) {
-  let [t2] = useState(e2);
+function l$5(e3) {
+  let [t2] = useState(e3);
   return t2;
 }
 function p$6(t2 = {}, i2 = null, n2 = []) {
-  for (let [e2, o4] of Object.entries(t2)) s$a(n2, r$5(i2, e2), o4);
+  for (let [e3, o4] of Object.entries(t2)) s$a(n2, r$5(i2, e3), o4);
   return n2;
 }
 function r$5(t2, i2) {
   return t2 ? t2 + "[" + i2 + "]" : i2;
 }
 function s$a(t2, i2, n2) {
-  if (Array.isArray(n2)) for (let [e2, o4] of n2.entries()) s$a(t2, r$5(i2, e2.toString()), o4);
+  if (Array.isArray(n2)) for (let [e3, o4] of n2.entries()) s$a(t2, r$5(i2, e3.toString()), o4);
   else n2 instanceof Date ? t2.push([i2, n2.toISOString()]) : typeof n2 == "boolean" ? t2.push([i2, n2 ? "1" : "0"]) : typeof n2 == "string" ? t2.push([i2, n2]) : typeof n2 == "number" ? t2.push([i2, `${n2}`]) : n2 == null ? t2.push([i2, ""]) : c$b(n2) && !isValidElement(n2) && p$6(n2, i2, t2);
 }
 function g$3(t2) {
-  var n2, e2;
+  var n2, e3;
   let i2 = (n2 = t2 == null ? void 0 : t2.form) != null ? n2 : t2.closest("form");
   if (i2) {
     for (let o4 of i2.elements) if (o4 !== t2 && (o4.tagName === "INPUT" && o4.type === "submit" || o4.tagName === "BUTTON" && o4.type === "submit" || o4.nodeName === "INPUT" && o4.type === "image")) {
       o4.click();
       return;
     }
-    (e2 = i2.requestSubmit) == null || e2.call(i2);
+    (e3 = i2.requestSubmit) == null || e3.call(i2);
   }
 }
 function c$b(t2) {
@@ -1549,37 +1549,37 @@ function c$b(t2) {
   return i2 === null || Object.getPrototypeOf(i2) === null;
 }
 let a$d = "span";
-var s$9 = ((e2) => (e2[e2.None = 1] = "None", e2[e2.Focusable = 2] = "Focusable", e2[e2.Hidden = 4] = "Hidden", e2))(s$9 || {});
+var s$9 = ((e3) => (e3[e3.None = 1] = "None", e3[e3.Focusable = 2] = "Focusable", e3[e3.Hidden = 4] = "Hidden", e3))(s$9 || {});
 function l$4(t2, r2) {
   var n2;
-  let { features: d3 = 1, ...e2 } = t2, o4 = { ref: r2, "aria-hidden": (d3 & 2) === 2 ? true : (n2 = e2["aria-hidden"]) != null ? n2 : void 0, hidden: (d3 & 4) === 4 ? true : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(d3 & 4) === 4 && (d3 & 2) !== 2 && { display: "none" } } };
-  return K()({ ourProps: o4, theirProps: e2, slot: {}, defaultTag: a$d, name: "Hidden" });
+  let { features: d3 = 1, ...e3 } = t2, o4 = { ref: r2, "aria-hidden": (d3 & 2) === 2 ? true : (n2 = e3["aria-hidden"]) != null ? n2 : void 0, hidden: (d3 & 4) === 4 ? true : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(d3 & 4) === 4 && (d3 & 2) !== 2 && { display: "none" } } };
+  return K()({ ourProps: o4, theirProps: e3, slot: {}, defaultTag: a$d, name: "Hidden" });
 }
 let f$d = Y(l$4);
 let f$c = createContext(null);
 function W$2(t2) {
-  let [e2, r2] = useState(null);
-  return React__default.createElement(f$c.Provider, { value: { target: e2 } }, t2.children, React__default.createElement(f$d, { features: s$9.Hidden, ref: r2 }));
+  let [e3, r2] = useState(null);
+  return React__default.createElement(f$c.Provider, { value: { target: e3 } }, t2.children, React__default.createElement(f$d, { features: s$9.Hidden, ref: r2 }));
 }
 function c$a({ children: t2 }) {
-  let e2 = useContext(f$c);
-  if (!e2) return React__default.createElement(React__default.Fragment, null, t2);
-  let { target: r2 } = e2;
+  let e3 = useContext(f$c);
+  if (!e3) return React__default.createElement(React__default.Fragment, null, t2);
+  let { target: r2 } = e3;
   return r2 ? createPortal(React__default.createElement(React__default.Fragment, null, t2), r2) : null;
 }
-function j$6({ data: t2, form: e2, disabled: r2, onReset: n2, overrides: F2 }) {
+function j$6({ data: t2, form: e3, disabled: r2, onReset: n2, overrides: F2 }) {
   let [i2, a4] = useState(null), p2 = p$7();
   return useEffect(() => {
     if (n2 && i2) return p2.addEventListener(i2, "reset", n2);
-  }, [i2, e2, n2]), React__default.createElement(c$a, null, React__default.createElement(C$7, { setForm: a4, formId: e2 }), p$6(t2).map(([s2, v2]) => React__default.createElement(f$d, { features: s$9.Hidden, ...m$4({ key: s2, as: "input", type: "hidden", hidden: true, readOnly: true, form: e2, disabled: r2, name: s2, value: v2, ...F2 }) })));
+  }, [i2, e3, n2]), React__default.createElement(c$a, null, React__default.createElement(C$7, { setForm: a4, formId: e3 }), p$6(t2).map(([s2, v2]) => React__default.createElement(f$d, { features: s$9.Hidden, ...m$4({ key: s2, as: "input", type: "hidden", hidden: true, readOnly: true, form: e3, disabled: r2, name: s2, value: v2, ...F2 }) })));
 }
-function C$7({ setForm: t2, formId: e2 }) {
+function C$7({ setForm: t2, formId: e3 }) {
   return useEffect(() => {
-    if (e2) {
-      let r2 = document.getElementById(e2);
+    if (e3) {
+      let r2 = document.getElementById(e3);
       r2 && t2(r2);
     }
-  }, [t2, e2]), e2 ? null : React__default.createElement(f$d, { features: s$9.Hidden, as: "input", type: "hidden", hidden: true, readOnly: true, ref: (r2) => {
+  }, [t2, e3]), e3 ? null : React__default.createElement(f$d, { features: s$9.Hidden, as: "input", type: "hidden", hidden: true, readOnly: true, ref: (r2) => {
     if (!r2) return;
     let n2 = r2.closest("form");
     n2 && t2(n2);
@@ -1592,51 +1592,51 @@ function u$d() {
 function f$b({ id: t2, children: r2 }) {
   return React__default.createElement(e$3.Provider, { value: t2 }, r2);
 }
-function o$5(e2) {
-  return typeof e2 != "object" || e2 === null ? false : "nodeType" in e2;
+function o$5(e3) {
+  return typeof e3 != "object" || e3 === null ? false : "nodeType" in e3;
 }
-function t$3(e2) {
-  return o$5(e2) && "tagName" in e2;
+function t$3(e3) {
+  return o$5(e3) && "tagName" in e3;
 }
-function n$4(e2) {
-  return t$3(e2) && "accessKey" in e2;
+function n$4(e3) {
+  return t$3(e3) && "accessKey" in e3;
 }
-function i$4(e2) {
-  return t$3(e2) && "tabIndex" in e2;
+function i$4(e3) {
+  return t$3(e3) && "tabIndex" in e3;
 }
-function r$4(e2) {
-  return t$3(e2) && "style" in e2;
+function r$4(e3) {
+  return t$3(e3) && "style" in e3;
 }
-function u$c(e2) {
-  return n$4(e2) && e2.nodeName === "IFRAME";
+function u$c(e3) {
+  return n$4(e3) && e3.nodeName === "IFRAME";
 }
-function l$3(e2) {
-  return n$4(e2) && e2.nodeName === "INPUT";
+function l$3(e3) {
+  return n$4(e3) && e3.nodeName === "INPUT";
 }
-function m$3(e2) {
-  return n$4(e2) && e2.nodeName === "LABEL";
+function m$3(e3) {
+  return n$4(e3) && e3.nodeName === "LABEL";
 }
-function a$c(e2) {
-  return n$4(e2) && e2.nodeName === "FIELDSET";
+function a$c(e3) {
+  return n$4(e3) && e3.nodeName === "FIELDSET";
 }
-function E$3(e2) {
-  return n$4(e2) && e2.nodeName === "LEGEND";
+function E$3(e3) {
+  return n$4(e3) && e3.nodeName === "LEGEND";
 }
-function L$2(e2) {
-  return t$3(e2) ? e2.matches('a[href],audio[controls],button,details,embed,iframe,img[usemap],input:not([type="hidden"]),label,select,textarea,video[controls]') : false;
+function L$2(e3) {
+  return t$3(e3) ? e3.matches('a[href],audio[controls],button,details,embed,iframe,img[usemap],input:not([type="hidden"]),label,select,textarea,video[controls]') : false;
 }
 function s$8(l2) {
-  let e2 = l2.parentElement, t2 = null;
-  for (; e2 && !a$c(e2); ) E$3(e2) && (t2 = e2), e2 = e2.parentElement;
-  let i2 = (e2 == null ? void 0 : e2.getAttribute("disabled")) === "";
+  let e3 = l2.parentElement, t2 = null;
+  for (; e3 && !a$c(e3); ) E$3(e3) && (t2 = e3), e3 = e3.parentElement;
+  let i2 = (e3 == null ? void 0 : e3.getAttribute("disabled")) === "";
   return i2 && r$3(t2) ? false : i2;
 }
 function r$3(l2) {
   if (!l2) return false;
-  let e2 = l2.previousElementSibling;
-  for (; e2 !== null; ) {
-    if (E$3(e2)) return false;
-    e2 = e2.previousElementSibling;
+  let e3 = l2.previousElementSibling;
+  for (; e3 !== null; ) {
+    if (E$3(e3)) return false;
+    e3 = e3.previousElementSibling;
   }
   return true;
 }
@@ -1649,38 +1649,38 @@ function y$5(...t2) {
   useEffect(() => {
     n2.current = t2;
   }, [t2]);
-  let c3 = o$6((e2) => {
-    for (let o4 of n2.current) o4 != null && (typeof o4 == "function" ? o4(e2) : o4.current = e2);
+  let c3 = o$6((e3) => {
+    for (let o4 of n2.current) o4 != null && (typeof o4 == "function" ? o4(e3) : o4.current = e3);
   });
-  return t2.every((e2) => e2 == null || (e2 == null ? void 0 : e2[u$b])) ? void 0 : c3;
+  return t2.every((e3) => e3 == null || (e3 == null ? void 0 : e3[u$b])) ? void 0 : c3;
 }
 let a$b = createContext(null);
 a$b.displayName = "DescriptionContext";
 function f$a() {
   let r2 = useContext(a$b);
   if (r2 === null) {
-    let e2 = new Error("You used a <Description /> component, but it is not inside a relevant parent.");
-    throw Error.captureStackTrace && Error.captureStackTrace(e2, f$a), e2;
+    let e3 = new Error("You used a <Description /> component, but it is not inside a relevant parent.");
+    throw Error.captureStackTrace && Error.captureStackTrace(e3, f$a), e3;
   }
   return r2;
 }
 function w$6() {
-  var r2, e2;
-  return (e2 = (r2 = useContext(a$b)) == null ? void 0 : r2.value) != null ? e2 : void 0;
+  var r2, e3;
+  return (e3 = (r2 = useContext(a$b)) == null ? void 0 : r2.value) != null ? e3 : void 0;
 }
 function H$2() {
-  let [r2, e2] = useState([]);
+  let [r2, e3] = useState([]);
   return [r2.length > 0 ? r2.join(" ") : void 0, useMemo(() => function(t2) {
-    let i2 = o$6((n2) => (e2((o4) => [...o4, n2]), () => e2((o4) => {
+    let i2 = o$6((n2) => (e3((o4) => [...o4, n2]), () => e3((o4) => {
       let s2 = o4.slice(), p2 = s2.indexOf(n2);
       return p2 !== -1 && s2.splice(p2, 1), s2;
     }))), l2 = useMemo(() => ({ register: i2, slot: t2.slot, name: t2.name, props: t2.props, value: t2.value }), [i2, t2.slot, t2.name, t2.props, t2.value]);
     return React__default.createElement(a$b.Provider, { value: l2 }, t2.children);
-  }, [e2])];
+  }, [e3])];
 }
 let I$5 = "p";
-function C$6(r2, e2) {
-  let c3 = useId$1(), t2 = a$e(), { id: i2 = `headlessui-description-${c3}`, ...l2 } = r2, n2 = f$a(), o4 = y$5(e2);
+function C$6(r2, e3) {
+  let c3 = useId$1(), t2 = a$e(), { id: i2 = `headlessui-description-${c3}`, ...l2 } = r2, n2 = f$a(), o4 = y$5(e3);
   n$6(() => n2.register(i2), [i2, n2.register]);
   let s2 = n$5({ ...n2.slot, disabled: t2 || false }), p2 = { ref: o4, ...n2.props, id: i2 };
   return K()({ ourProps: p2, theirProps: l2, slot: s2, defaultTag: I$5, name: n2.name || "Description" });
@@ -1698,28 +1698,28 @@ function C$5() {
   return n2;
 }
 function N$1(n2) {
-  var a4, e2, o4;
-  let l2 = (e2 = (a4 = useContext(L$1)) == null ? void 0 : a4.value) != null ? e2 : void 0;
+  var a4, e3, o4;
+  let l2 = (e3 = (a4 = useContext(L$1)) == null ? void 0 : a4.value) != null ? e3 : void 0;
   return ((o4 = n2 == null ? void 0 : n2.length) != null ? o4 : 0) > 0 ? [l2, ...n2].filter(Boolean).join(" ") : l2;
 }
 function V$2({ inherit: n2 = false } = {}) {
-  let l2 = N$1(), [a4, e2] = useState([]), o4 = n2 ? [l2, ...a4].filter(Boolean) : a4;
+  let l2 = N$1(), [a4, e3] = useState([]), o4 = n2 ? [l2, ...a4].filter(Boolean) : a4;
   return [o4.length > 0 ? o4.join(" ") : void 0, useMemo(() => function(t2) {
-    let p2 = o$6((i2) => (e2((u3) => [...u3, i2]), () => e2((u3) => {
+    let p2 = o$6((i2) => (e3((u3) => [...u3, i2]), () => e3((u3) => {
       let d3 = u3.slice(), f2 = d3.indexOf(i2);
       return f2 !== -1 && d3.splice(f2, 1), d3;
     }))), b3 = useMemo(() => ({ register: p2, slot: t2.slot, name: t2.name, props: t2.props, value: t2.value }), [p2, t2.slot, t2.name, t2.props, t2.value]);
     return React__default.createElement(L$1.Provider, { value: b3 }, t2.children);
-  }, [e2])];
+  }, [e3])];
 }
 let G$2 = "label";
 function U(n2, l2) {
   var y3;
-  let a4 = useId$1(), e2 = C$5(), o4 = u$d(), T3 = a$e(), { id: t2 = `headlessui-label-${a4}`, htmlFor: p2 = o4 != null ? o4 : (y3 = e2.props) == null ? void 0 : y3.htmlFor, passive: b3 = false, ...i2 } = n2, u3 = y$5(l2);
-  n$6(() => e2.register(t2), [t2, e2.register]);
+  let a4 = useId$1(), e3 = C$5(), o4 = u$d(), T3 = a$e(), { id: t2 = `headlessui-label-${a4}`, htmlFor: p2 = o4 != null ? o4 : (y3 = e3.props) == null ? void 0 : y3.htmlFor, passive: b3 = false, ...i2 } = n2, u3 = y$5(l2);
+  n$6(() => e3.register(t2), [t2, e3.register]);
   let d3 = o$6((s2) => {
     let g2 = s2.currentTarget;
-    if (!(s2.target !== s2.currentTarget && L$2(s2.target)) && (m$3(g2) && s2.preventDefault(), e2.props && "onClick" in e2.props && typeof e2.props.onClick == "function" && e2.props.onClick(s2), m$3(g2))) {
+    if (!(s2.target !== s2.currentTarget && L$2(s2.target)) && (m$3(g2) && s2.preventDefault(), e3.props && "onClick" in e3.props && typeof e3.props.onClick == "function" && e3.props.onClick(s2), m$3(g2))) {
       let r2 = document.getElementById(g2.htmlFor);
       if (r2) {
         let E2 = r2.getAttribute("disabled");
@@ -1729,8 +1729,8 @@ function U(n2, l2) {
         (l$3(r2) && (r2.type === "file" || r2.type === "radio" || r2.type === "checkbox") || r2.role === "radio" || r2.role === "checkbox" || r2.role === "switch") && r2.click(), r2.focus({ preventScroll: true });
       }
     }
-  }), f2 = n$5({ ...e2.slot, disabled: T3 || false }), c3 = { ref: u3, ...e2.props, id: t2, htmlFor: p2, onClick: d3 };
-  return b3 && ("onClick" in c3 && (delete c3.htmlFor, delete c3.onClick), "onClick" in i2 && delete i2.onClick), K()({ ourProps: c3, theirProps: i2, slot: f2, defaultTag: p2 ? G$2 : "div", name: e2.name || "Label" });
+  }), f2 = n$5({ ...e3.slot, disabled: T3 || false }), c3 = { ref: u3, ...e3.props, id: t2, htmlFor: p2, onClick: d3 };
+  return b3 && ("onClick" in c3 && (delete c3.htmlFor, delete c3.onClick), "onClick" in i2 && delete i2.onClick), K()({ ourProps: c3, theirProps: i2, slot: f2, defaultTag: p2 ? G$2 : "div", name: e3.name || "Label" });
 }
 let j$5 = Y(U), Z = Object.assign(j$5, {});
 let e$2 = createContext(() => {
@@ -2650,24 +2650,24 @@ function useVirtualizer(options) {
     ...options
   });
 }
-function l$2(e2, r2) {
-  return e2 !== null && r2 !== null && typeof e2 == "object" && typeof r2 == "object" && "id" in e2 && "id" in r2 ? e2.id === r2.id : e2 === r2;
+function l$2(e3, r2) {
+  return e3 !== null && r2 !== null && typeof e3 == "object" && typeof r2 == "object" && "id" in e3 && "id" in r2 ? e3.id === r2.id : e3 === r2;
 }
-function u$a(e2 = l$2) {
+function u$a(e3 = l$2) {
   return useCallback((r2, t2) => {
-    if (typeof e2 == "string") {
-      let o4 = e2;
+    if (typeof e3 == "string") {
+      let o4 = e3;
       return (r2 == null ? void 0 : r2[o4]) === (t2 == null ? void 0 : t2[o4]);
     }
-    return e2(r2, t2);
-  }, [e2]);
+    return e3(r2, t2);
+  }, [e3]);
 }
 function h$6(i2) {
   if (i2 === null) return { width: 0, height: 0 };
-  let { width: t2, height: e2 } = i2.getBoundingClientRect();
-  return { width: t2, height: e2 };
+  let { width: t2, height: e3 } = i2.getBoundingClientRect();
+  return { width: t2, height: e3 };
 }
-function w$5(i2, t2, e2 = false) {
+function w$5(i2, t2, e3 = false) {
   let [r2, f2] = useState(() => h$6(t2));
   return n$6(() => {
     if (!t2 || !i2) return;
@@ -2680,14 +2680,14 @@ function w$5(i2, t2, e2 = false) {
     }), () => {
       n2.dispose();
     };
-  }, [t2, i2]), e2 ? { width: `${r2.width}px`, height: `${r2.height}px` } : r2;
+  }, [t2, i2]), e3 ? { width: `${r2.width}px`, height: `${r2.height}px` } : r2;
 }
 var g$2 = ((f2) => (f2[f2.Left = 0] = "Left", f2[f2.Right = 2] = "Right", f2))(g$2 || {});
 function s$7(t2) {
-  let r2 = useRef(null), u3 = o$6((e2) => {
-    r2.current = e2.pointerType, !s$8(e2.currentTarget) && e2.pointerType === "mouse" && e2.button === g$2.Left && (e2.preventDefault(), t2(e2));
-  }), i2 = o$6((e2) => {
-    r2.current !== "mouse" && (s$8(e2.currentTarget) || t2(e2));
+  let r2 = useRef(null), u3 = o$6((e3) => {
+    r2.current = e3.pointerType, !s$8(e3.currentTarget) && e3.pointerType === "mouse" && e3.button === g$2.Left && (e3.preventDefault(), t2(e3));
+  }), i2 = o$6((e3) => {
+    r2.current !== "mouse" && (s$8(e3.currentTarget) || t2(e3));
   });
   return { onPointerDown: u3, onClick: i2 };
 }
@@ -2697,27 +2697,27 @@ let a$a = class a2 extends Map {
     this.factory = t2;
   }
   get(t2) {
-    let e2 = super.get(t2);
-    return e2 === void 0 && (e2 = this.factory(t2), this.set(t2, e2)), e2;
+    let e3 = super.get(t2);
+    return e3 === void 0 && (e3 = this.factory(t2), this.set(t2, e3)), e3;
   }
 };
 var h$5 = Object.defineProperty;
-var v$3 = (t2, e2, r2) => e2 in t2 ? h$5(t2, e2, { enumerable: true, configurable: true, writable: true, value: r2 }) : t2[e2] = r2;
-var S$6 = (t2, e2, r2) => (v$3(t2, e2 + "", r2), r2), b$3 = (t2, e2, r2) => {
-  if (!e2.has(t2)) throw TypeError("Cannot " + r2);
+var v$3 = (t2, e3, r2) => e3 in t2 ? h$5(t2, e3, { enumerable: true, configurable: true, writable: true, value: r2 }) : t2[e3] = r2;
+var S$6 = (t2, e3, r2) => (v$3(t2, e3 + "", r2), r2), b$3 = (t2, e3, r2) => {
+  if (!e3.has(t2)) throw TypeError("Cannot " + r2);
 };
-var i$3 = (t2, e2, r2) => (b$3(t2, e2, "read from private field"), r2 ? r2.call(t2) : e2.get(t2)), c$9 = (t2, e2, r2) => {
-  if (e2.has(t2)) throw TypeError("Cannot add the same private member more than once");
-  e2 instanceof WeakSet ? e2.add(t2) : e2.set(t2, r2);
-}, u$9 = (t2, e2, r2, s2) => (b$3(t2, e2, "write to private field"), e2.set(t2, r2), r2);
+var i$3 = (t2, e3, r2) => (b$3(t2, e3, "read from private field"), r2 ? r2.call(t2) : e3.get(t2)), c$9 = (t2, e3, r2) => {
+  if (e3.has(t2)) throw TypeError("Cannot add the same private member more than once");
+  e3 instanceof WeakSet ? e3.add(t2) : e3.set(t2, r2);
+}, u$9 = (t2, e3, r2, s2) => (b$3(t2, e3, "write to private field"), e3.set(t2, r2), r2);
 var n$3, a$9, o$3;
 let T$3 = class T {
-  constructor(e2) {
+  constructor(e3) {
     c$9(this, n$3, {});
     c$9(this, a$9, new a$a(() => /* @__PURE__ */ new Set()));
     c$9(this, o$3, /* @__PURE__ */ new Set());
     S$6(this, "disposables", o$7());
-    u$9(this, n$3, e2), s$c.isServer && this.disposables.microTask(() => {
+    u$9(this, n$3, e3), s$c.isServer && this.disposables.microTask(() => {
       this.dispose();
     });
   }
@@ -2727,70 +2727,70 @@ let T$3 = class T {
   get state() {
     return i$3(this, n$3);
   }
-  subscribe(e2, r2) {
+  subscribe(e3, r2) {
     if (s$c.isServer) return () => {
     };
-    let s2 = { selector: e2, callback: r2, current: e2(i$3(this, n$3)) };
+    let s2 = { selector: e3, callback: r2, current: e3(i$3(this, n$3)) };
     return i$3(this, o$3).add(s2), this.disposables.add(() => {
       i$3(this, o$3).delete(s2);
     });
   }
-  on(e2, r2) {
+  on(e3, r2) {
     return s$c.isServer ? () => {
-    } : (i$3(this, a$9).get(e2).add(r2), this.disposables.add(() => {
-      i$3(this, a$9).get(e2).delete(r2);
+    } : (i$3(this, a$9).get(e3).add(r2), this.disposables.add(() => {
+      i$3(this, a$9).get(e3).delete(r2);
     }));
   }
-  send(e2) {
-    let r2 = this.reduce(i$3(this, n$3), e2);
+  send(e3) {
+    let r2 = this.reduce(i$3(this, n$3), e3);
     if (r2 !== i$3(this, n$3)) {
       u$9(this, n$3, r2);
       for (let s2 of i$3(this, o$3)) {
         let l2 = s2.selector(i$3(this, n$3));
         j$4(s2.current, l2) || (s2.current = l2, s2.callback(l2));
       }
-      for (let s2 of i$3(this, a$9).get(e2.type)) s2(i$3(this, n$3), e2);
+      for (let s2 of i$3(this, a$9).get(e3.type)) s2(i$3(this, n$3), e3);
     }
   }
 };
 n$3 = /* @__PURE__ */ new WeakMap(), a$9 = /* @__PURE__ */ new WeakMap(), o$3 = /* @__PURE__ */ new WeakMap();
-function j$4(t2, e2) {
-  return Object.is(t2, e2) ? true : typeof t2 != "object" || t2 === null || typeof e2 != "object" || e2 === null ? false : Array.isArray(t2) && Array.isArray(e2) ? t2.length !== e2.length ? false : f$9(t2[Symbol.iterator](), e2[Symbol.iterator]()) : t2 instanceof Map && e2 instanceof Map || t2 instanceof Set && e2 instanceof Set ? t2.size !== e2.size ? false : f$9(t2.entries(), e2.entries()) : p$5(t2) && p$5(e2) ? f$9(Object.entries(t2)[Symbol.iterator](), Object.entries(e2)[Symbol.iterator]()) : false;
+function j$4(t2, e3) {
+  return Object.is(t2, e3) ? true : typeof t2 != "object" || t2 === null || typeof e3 != "object" || e3 === null ? false : Array.isArray(t2) && Array.isArray(e3) ? t2.length !== e3.length ? false : f$9(t2[Symbol.iterator](), e3[Symbol.iterator]()) : t2 instanceof Map && e3 instanceof Map || t2 instanceof Set && e3 instanceof Set ? t2.size !== e3.size ? false : f$9(t2.entries(), e3.entries()) : p$5(t2) && p$5(e3) ? f$9(Object.entries(t2)[Symbol.iterator](), Object.entries(e3)[Symbol.iterator]()) : false;
 }
-function f$9(t2, e2) {
+function f$9(t2, e3) {
   do {
-    let r2 = t2.next(), s2 = e2.next();
+    let r2 = t2.next(), s2 = e3.next();
     if (r2.done && s2.done) return true;
     if (r2.done || s2.done || !Object.is(r2.value, s2.value)) return false;
   } while (true);
 }
 function p$5(t2) {
   if (Object.prototype.toString.call(t2) !== "[object Object]") return false;
-  let e2 = Object.getPrototypeOf(t2);
-  return e2 === null || Object.getPrototypeOf(e2) === null;
+  let e3 = Object.getPrototypeOf(t2);
+  return e3 === null || Object.getPrototypeOf(e3) === null;
 }
 function k$4(t2) {
-  let [e2, r2] = t2(), s2 = o$7();
+  let [e3, r2] = t2(), s2 = o$7();
   return (...l2) => {
-    e2(...l2), s2.dispose(), s2.microTask(r2);
+    e3(...l2), s2.dispose(), s2.microTask(r2);
   };
 }
 var a$8 = Object.defineProperty;
-var r$2 = (e2, c3, t2) => c3 in e2 ? a$8(e2, c3, { enumerable: true, configurable: true, writable: true, value: t2 }) : e2[c3] = t2;
-var p$4 = (e2, c3, t2) => (r$2(e2, typeof c3 != "symbol" ? c3 + "" : c3, t2), t2);
+var r$2 = (e3, c3, t2) => c3 in e3 ? a$8(e3, c3, { enumerable: true, configurable: true, writable: true, value: t2 }) : e3[c3] = t2;
+var p$4 = (e3, c3, t2) => (r$2(e3, typeof c3 != "symbol" ? c3 + "" : c3, t2), t2);
 var k$3 = ((t2) => (t2[t2.Push = 0] = "Push", t2[t2.Pop = 1] = "Pop", t2))(k$3 || {});
-let y$4 = { [0](e2, c3) {
-  let t2 = c3.id, s2 = e2.stack, i2 = e2.stack.indexOf(t2);
+let y$4 = { [0](e3, c3) {
+  let t2 = c3.id, s2 = e3.stack, i2 = e3.stack.indexOf(t2);
   if (i2 !== -1) {
-    let n2 = e2.stack.slice();
-    return n2.splice(i2, 1), n2.push(t2), s2 = n2, { ...e2, stack: s2 };
-  }
-  return { ...e2, stack: [...e2.stack, t2] };
-}, [1](e2, c3) {
-  let t2 = c3.id, s2 = e2.stack.indexOf(t2);
-  if (s2 === -1) return e2;
-  let i2 = e2.stack.slice();
-  return i2.splice(s2, 1), { ...e2, stack: i2 };
+    let n2 = e3.stack.slice();
+    return n2.splice(i2, 1), n2.push(t2), s2 = n2, { ...e3, stack: s2 };
+  }
+  return { ...e3, stack: [...e3.stack, t2] };
+}, [1](e3, c3) {
+  let t2 = c3.id, s2 = e3.stack.indexOf(t2);
+  if (s2 === -1) return e3;
+  let i2 = e3.stack.slice();
+  return i2.splice(s2, 1), { ...e3, stack: i2 };
 } };
 let o$2 = class o2 extends T$3 {
   constructor() {
@@ -2949,38 +2949,38 @@ function requireWithSelector() {
   return withSelector.exports;
 }
 var withSelectorExports = requireWithSelector();
-function S$5(e2, n2, r2 = j$4) {
-  return withSelectorExports.useSyncExternalStoreWithSelector(o$6((i2) => e2.subscribe(s$6, i2)), o$6(() => e2.state), o$6(() => e2.state), o$6(n2), r2);
+function S$5(e3, n2, r2 = j$4) {
+  return withSelectorExports.useSyncExternalStoreWithSelector(o$6((i2) => e3.subscribe(s$6, i2)), o$6(() => e3.state), o$6(() => e3.state), o$6(n2), r2);
 }
-function s$6(e2) {
-  return e2;
+function s$6(e3) {
+  return e3;
 }
 function I$4(o4, s2) {
-  let t2 = useId$1(), r2 = x$4.get(s2), [i2, c3] = S$5(r2, useCallback((e2) => [r2.selectors.isTop(e2, t2), r2.selectors.inStack(e2, t2)], [r2, t2]));
+  let t2 = useId$1(), r2 = x$4.get(s2), [i2, c3] = S$5(r2, useCallback((e3) => [r2.selectors.isTop(e3, t2), r2.selectors.inStack(e3, t2)], [r2, t2]));
   return n$6(() => {
     if (o4) return r2.actions.push(t2), () => r2.actions.pop(t2);
   }, [r2, o4, t2]), o4 ? c3 ? i2 : true : false;
 }
 let f$8 = /* @__PURE__ */ new Map(), u$8 = /* @__PURE__ */ new Map();
 function h$4(t2) {
-  var e2;
-  let r2 = (e2 = u$8.get(t2)) != null ? e2 : 0;
+  var e3;
+  let r2 = (e3 = u$8.get(t2)) != null ? e3 : 0;
   return u$8.set(t2, r2 + 1), r2 !== 0 ? () => m$2(t2) : (f$8.set(t2, { "aria-hidden": t2.getAttribute("aria-hidden"), inert: t2.inert }), t2.setAttribute("aria-hidden", "true"), t2.inert = true, () => m$2(t2));
 }
 function m$2(t2) {
   var i2;
   let r2 = (i2 = u$8.get(t2)) != null ? i2 : 1;
   if (r2 === 1 ? u$8.delete(t2) : u$8.set(t2, r2 - 1), r2 !== 1) return;
-  let e2 = f$8.get(t2);
-  e2 && (e2["aria-hidden"] === null ? t2.removeAttribute("aria-hidden") : t2.setAttribute("aria-hidden", e2["aria-hidden"]), t2.inert = e2.inert, f$8.delete(t2));
+  let e3 = f$8.get(t2);
+  e3 && (e3["aria-hidden"] === null ? t2.removeAttribute("aria-hidden") : t2.setAttribute("aria-hidden", e3["aria-hidden"]), t2.inert = e3.inert, f$8.delete(t2));
 }
-function y$3(t2, { allowed: r2, disallowed: e2 } = {}) {
+function y$3(t2, { allowed: r2, disallowed: e3 } = {}) {
   let i2 = I$4(t2, "inert-others");
   n$6(() => {
     var d3, c3;
     if (!i2) return;
     let a4 = o$7();
-    for (let n2 of (d3 = e2 == null ? void 0 : e2()) != null ? d3 : []) n2 && a4.add(h$4(n2));
+    for (let n2 of (d3 = e3 == null ? void 0 : e3()) != null ? d3 : []) n2 && a4.add(h$4(n2));
     let s2 = (c3 = r2 == null ? void 0 : r2()) != null ? c3 : [];
     for (let n2 of s2) {
       if (!n2) continue;
@@ -2993,44 +2993,44 @@ function y$3(t2, { allowed: r2, disallowed: e2 } = {}) {
       }
     }
     return a4.dispose;
-  }, [i2, r2, e2]);
+  }, [i2, r2, e3]);
 }
 function p$3(s2, n2, o4) {
   let i2 = s$b((t2) => {
-    let e2 = t2.getBoundingClientRect();
-    e2.x === 0 && e2.y === 0 && e2.width === 0 && e2.height === 0 && o4();
+    let e3 = t2.getBoundingClientRect();
+    e3.x === 0 && e3.y === 0 && e3.width === 0 && e3.height === 0 && o4();
   });
   useEffect(() => {
     if (!s2) return;
     let t2 = n2 === null ? null : n$4(n2) ? n2 : n2.current;
     if (!t2) return;
-    let e2 = o$7();
+    let e3 = o$7();
     if (typeof ResizeObserver != "undefined") {
       let r2 = new ResizeObserver(() => i2.current(t2));
-      r2.observe(t2), e2.add(() => r2.disconnect());
+      r2.observe(t2), e3.add(() => r2.disconnect());
     }
     if (typeof IntersectionObserver != "undefined") {
       let r2 = new IntersectionObserver(() => i2.current(t2));
-      r2.observe(t2), e2.add(() => r2.disconnect());
+      r2.observe(t2), e3.add(() => r2.disconnect());
     }
-    return () => e2.dispose();
+    return () => e3.dispose();
   }, [n2, i2, s2]);
 }
-let E$2 = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "details>summary", "textarea:not([disabled])"].map((e2) => `${e2}:not([tabindex='-1'])`).join(","), S$4 = ["[data-autofocus]"].map((e2) => `${e2}:not([tabindex='-1'])`).join(",");
+let E$2 = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "details>summary", "textarea:not([disabled])"].map((e3) => `${e3}:not([tabindex='-1'])`).join(","), S$4 = ["[data-autofocus]"].map((e3) => `${e3}:not([tabindex='-1'])`).join(",");
 var T$2 = ((o4) => (o4[o4.First = 1] = "First", o4[o4.Previous = 2] = "Previous", o4[o4.Next = 4] = "Next", o4[o4.Last = 8] = "Last", o4[o4.WrapAround = 16] = "WrapAround", o4[o4.NoScroll = 32] = "NoScroll", o4[o4.AutoFocus = 64] = "AutoFocus", o4))(T$2 || {}), A$1 = ((n2) => (n2[n2.Error = 0] = "Error", n2[n2.Overflow = 1] = "Overflow", n2[n2.Success = 2] = "Success", n2[n2.Underflow = 3] = "Underflow", n2))(A$1 || {}), O$2 = ((t2) => (t2[t2.Previous = -1] = "Previous", t2[t2.Next = 1] = "Next", t2))(O$2 || {});
-function x$3(e2 = document.body) {
-  return e2 == null ? [] : Array.from(e2.querySelectorAll(E$2)).sort((r2, t2) => Math.sign((r2.tabIndex || Number.MAX_SAFE_INTEGER) - (t2.tabIndex || Number.MAX_SAFE_INTEGER)));
+function x$3(e3 = document.body) {
+  return e3 == null ? [] : Array.from(e3.querySelectorAll(E$2)).sort((r2, t2) => Math.sign((r2.tabIndex || Number.MAX_SAFE_INTEGER) - (t2.tabIndex || Number.MAX_SAFE_INTEGER)));
 }
-function h$3(e2 = document.body) {
-  return e2 == null ? [] : Array.from(e2.querySelectorAll(S$4)).sort((r2, t2) => Math.sign((r2.tabIndex || Number.MAX_SAFE_INTEGER) - (t2.tabIndex || Number.MAX_SAFE_INTEGER)));
+function h$3(e3 = document.body) {
+  return e3 == null ? [] : Array.from(e3.querySelectorAll(S$4)).sort((r2, t2) => Math.sign((r2.tabIndex || Number.MAX_SAFE_INTEGER) - (t2.tabIndex || Number.MAX_SAFE_INTEGER)));
 }
 var I$3 = ((t2) => (t2[t2.Strict = 0] = "Strict", t2[t2.Loose = 1] = "Loose", t2))(I$3 || {});
-function H$1(e2, r2 = 0) {
+function H$1(e3, r2 = 0) {
   var t2;
-  return e2 === ((t2 = l$7(e2)) == null ? void 0 : t2.body) ? false : u$e(r2, { [0]() {
-    return e2.matches(E$2);
+  return e3 === ((t2 = l$7(e3)) == null ? void 0 : t2.body) ? false : u$e(r2, { [0]() {
+    return e3.matches(E$2);
   }, [1]() {
-    let l2 = e2;
+    let l2 = e3;
     for (; l2 !== null; ) {
       if (l2.matches(E$2)) return true;
       l2 = l2.parentElement;
@@ -3039,32 +3039,32 @@ function H$1(e2, r2 = 0) {
   } });
 }
 var g$1 = ((t2) => (t2[t2.Keyboard = 0] = "Keyboard", t2[t2.Mouse = 1] = "Mouse", t2))(g$1 || {});
-typeof window != "undefined" && typeof document != "undefined" && (document.addEventListener("keydown", (e2) => {
-  e2.metaKey || e2.altKey || e2.ctrlKey || (document.documentElement.dataset.headlessuiFocusVisible = "");
-}, true), document.addEventListener("click", (e2) => {
-  e2.detail === 1 ? delete document.documentElement.dataset.headlessuiFocusVisible : e2.detail === 0 && (document.documentElement.dataset.headlessuiFocusVisible = "");
+typeof window != "undefined" && typeof document != "undefined" && (document.addEventListener("keydown", (e3) => {
+  e3.metaKey || e3.altKey || e3.ctrlKey || (document.documentElement.dataset.headlessuiFocusVisible = "");
+}, true), document.addEventListener("click", (e3) => {
+  e3.detail === 1 ? delete document.documentElement.dataset.headlessuiFocusVisible : e3.detail === 0 && (document.documentElement.dataset.headlessuiFocusVisible = "");
 }, true));
-function w$4(e2) {
-  e2 == null || e2.focus({ preventScroll: true });
+function w$4(e3) {
+  e3 == null || e3.focus({ preventScroll: true });
 }
 let _$3 = ["textarea", "input"].join(",");
-function P$2(e2) {
+function P$2(e3) {
   var r2, t2;
-  return (t2 = (r2 = e2 == null ? void 0 : e2.matches) == null ? void 0 : r2.call(e2, _$3)) != null ? t2 : false;
+  return (t2 = (r2 = e3 == null ? void 0 : e3.matches) == null ? void 0 : r2.call(e3, _$3)) != null ? t2 : false;
 }
-function G$1(e2, r2 = (t2) => t2) {
-  return e2.slice().sort((t2, l2) => {
+function G$1(e3, r2 = (t2) => t2) {
+  return e3.slice().sort((t2, l2) => {
     let n2 = r2(t2), a4 = r2(l2);
     if (n2 === null || a4 === null) return 0;
     let u3 = n2.compareDocumentPosition(a4);
     return u3 & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : u3 & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
   });
 }
-function R(e2, r2, t2 = e2 === null ? document.body : r$6(e2)) {
-  return v$2(x$3(t2), r2, { relativeTo: e2 });
+function R(e3, r2, t2 = e3 === null ? document.body : r$6(e3)) {
+  return v$2(x$3(t2), r2, { relativeTo: e3 });
 }
-function v$2(e2, r2, { sorted: t2 = true, relativeTo: l2 = null, skipElements: n2 = [] } = {}) {
-  let a4 = Array.isArray(e2) ? e2.length > 0 ? r$6(e2[0]) : document : r$6(e2), u3 = Array.isArray(e2) ? t2 ? G$1(e2) : e2 : r2 & 64 ? h$3(e2) : x$3(e2);
+function v$2(e3, r2, { sorted: t2 = true, relativeTo: l2 = null, skipElements: n2 = [] } = {}) {
+  let a4 = Array.isArray(e3) ? e3.length > 0 ? r$6(e3[0]) : document : r$6(e3), u3 = Array.isArray(e3) ? t2 ? G$1(e3) : e3 : r2 & 64 ? h$3(e3) : x$3(e3);
   n2.length > 0 && u3.length > 1 && (u3 = u3.filter((i2) => !n2.some((d3) => d3 != null && "current" in d3 ? (d3 == null ? void 0 : d3.current) === i2 : d3 === i2))), l2 = l2 != null ? l2 : a4 == null ? void 0 : a4.activeElement;
   let o4 = (() => {
     if (r2 & 5) return 1;
@@ -3098,60 +3098,60 @@ function i$2() {
 function n$2() {
   return t$2() || i$2();
 }
-function i$1(t2, e2, o4, n2) {
+function i$1(t2, e3, o4, n2) {
   let u3 = s$b(o4);
   useEffect(() => {
     if (!t2) return;
     function r2(m2) {
       u3.current(m2);
     }
-    return document.addEventListener(e2, r2, n2), () => document.removeEventListener(e2, r2, n2);
-  }, [t2, e2, n2]);
+    return document.addEventListener(e3, r2, n2), () => document.removeEventListener(e3, r2, n2);
+  }, [t2, e3, n2]);
 }
-function s$5(t2, e2, o4, n2) {
+function s$5(t2, e3, o4, n2) {
   let i2 = s$b(o4);
   useEffect(() => {
     if (!t2) return;
     function r2(d3) {
       i2.current(d3);
     }
-    return window.addEventListener(e2, r2, n2), () => window.removeEventListener(e2, r2, n2);
-  }, [t2, e2, n2]);
+    return window.addEventListener(e3, r2, n2), () => window.removeEventListener(e3, r2, n2);
+  }, [t2, e3, n2]);
 }
 const C$3 = 30;
 function k$2(o4, f2, h3) {
-  let m2 = s$b(h3), s2 = useCallback(function(e2, c3) {
-    if (e2.defaultPrevented) return;
-    let r2 = c3(e2);
+  let m2 = s$b(h3), s2 = useCallback(function(e3, c3) {
+    if (e3.defaultPrevented) return;
+    let r2 = c3(e3);
     if (r2 === null || !r2.getRootNode().contains(r2) || !r2.isConnected) return;
     let M2 = (function u3(n2) {
       return typeof n2 == "function" ? u3(n2()) : Array.isArray(n2) || n2 instanceof Set ? n2 : [n2];
     })(f2);
-    for (let u3 of M2) if (u3 !== null && (u3.contains(r2) || e2.composed && e2.composedPath().includes(u3))) return;
-    return !H$1(r2, I$3.Loose) && r2.tabIndex !== -1 && e2.preventDefault(), m2.current(e2, r2);
+    for (let u3 of M2) if (u3 !== null && (u3.contains(r2) || e3.composed && e3.composedPath().includes(u3))) return;
+    return !H$1(r2, I$3.Loose) && r2.tabIndex !== -1 && e3.preventDefault(), m2.current(e3, r2);
   }, [m2, f2]), i2 = useRef(null);
   i$1(o4, "pointerdown", (t2) => {
-    var e2, c3;
-    n$2() || (i2.current = ((c3 = (e2 = t2.composedPath) == null ? void 0 : e2.call(t2)) == null ? void 0 : c3[0]) || t2.target);
+    var e3, c3;
+    n$2() || (i2.current = ((c3 = (e3 = t2.composedPath) == null ? void 0 : e3.call(t2)) == null ? void 0 : c3[0]) || t2.target);
   }, true), i$1(o4, "pointerup", (t2) => {
     if (n$2() || !i2.current) return;
-    let e2 = i2.current;
-    return i2.current = null, s2(t2, () => e2);
+    let e3 = i2.current;
+    return i2.current = null, s2(t2, () => e3);
   }, true);
   let l2 = useRef({ x: 0, y: 0 });
   i$1(o4, "touchstart", (t2) => {
     l2.current.x = t2.touches[0].clientX, l2.current.y = t2.touches[0].clientY;
   }, true), i$1(o4, "touchend", (t2) => {
-    let e2 = { x: t2.changedTouches[0].clientX, y: t2.changedTouches[0].clientY };
-    if (!(Math.abs(e2.x - l2.current.x) >= C$3 || Math.abs(e2.y - l2.current.y) >= C$3)) return s2(t2, () => i$4(t2.target) ? t2.target : null);
+    let e3 = { x: t2.changedTouches[0].clientX, y: t2.changedTouches[0].clientY };
+    if (!(Math.abs(e3.x - l2.current.x) >= C$3 || Math.abs(e3.y - l2.current.y) >= C$3)) return s2(t2, () => i$4(t2.target) ? t2.target : null);
   }, true), s$5(o4, "blur", (t2) => s2(t2, () => u$c(window.document.activeElement) ? window.document.activeElement : null), true);
 }
-function u$7(...e2) {
-  return useMemo(() => l$7(...e2), [...e2]);
+function u$7(...e3) {
+  return useMemo(() => l$7(...e3), [...e3]);
 }
-var H = ((e2) => (e2[e2.Ignore = 0] = "Ignore", e2[e2.Select = 1] = "Select", e2[e2.Close = 2] = "Close", e2))(H || {});
+var H = ((e3) => (e3[e3.Ignore = 0] = "Ignore", e3[e3.Select = 1] = "Select", e3[e3.Close = 2] = "Close", e3))(H || {});
 const S$3 = { Ignore: { kind: 0 }, Select: (r2) => ({ kind: 1, target: r2 }), Close: { kind: 2 } }, M$2 = 200, f$7 = 5;
-function L(r2, { trigger: n2, action: T3, close: e2, select: p2 }) {
+function L(r2, { trigger: n2, action: T3, close: e3, select: p2 }) {
   let l2 = useRef(null), i2 = useRef(null), u3 = useRef(null);
   i$1(r2 && n2 !== null, "pointerdown", (t2) => {
     o$5(t2 == null ? void 0 : t2.target) && n2 != null && n2.contains(t2.target) && (i2.current = t2.x, u3.current = t2.y, l2.current = t2.timeStamp);
@@ -3164,37 +3164,37 @@ function L(r2, { trigger: n2, action: T3, close: e2, select: p2 }) {
       case 0:
         return;
       case 1: {
-        t2.timeStamp - c3 > M$2 && (p2(a4.target), e2());
+        t2.timeStamp - c3 > M$2 && (p2(a4.target), e3());
         break;
       }
       case 2: {
-        e2();
+        e3();
         break;
       }
     }
   }, { capture: true });
 }
-function E$1(n2, e2, a4, t2) {
+function E$1(n2, e3, a4, t2) {
   let i2 = s$b(a4);
   useEffect(() => {
     n2 = n2 != null ? n2 : window;
     function r2(o4) {
       i2.current(o4);
     }
-    return n2.addEventListener(e2, r2, t2), () => n2.removeEventListener(e2, r2, t2);
-  }, [n2, e2, t2]);
+    return n2.addEventListener(e3, r2, t2), () => n2.removeEventListener(e3, r2, t2);
+  }, [n2, e3, t2]);
 }
-function v$1(e2) {
+function v$1(e3) {
   let l2 = useRef({ value: "", selectionStart: null, selectionEnd: null });
-  return E$1(e2, "blur", (n2) => {
+  return E$1(e3, "blur", (n2) => {
     let t2 = n2.target;
     l$3(t2) && (l2.current = { value: t2.value, selectionStart: t2.selectionStart, selectionEnd: t2.selectionEnd });
   }), o$6(() => {
-    if (!d$2(e2) && l$3(e2) && e2.isConnected) {
-      if (e2.focus({ preventScroll: true }), e2.value !== l2.current.value) e2.setSelectionRange(e2.value.length, e2.value.length);
+    if (!d$2(e3) && l$3(e3) && e3.isConnected) {
+      if (e3.focus({ preventScroll: true }), e3.value !== l2.current.value) e3.setSelectionRange(e3.value.length, e3.value.length);
       else {
         let { selectionStart: n2, selectionEnd: t2 } = l2.current;
-        n2 !== null && t2 !== null && e2.setSelectionRange(n2, t2);
+        n2 !== null && t2 !== null && e3.setSelectionRange(n2, t2);
       }
       l2.current = { value: "", selectionStart: null, selectionEnd: null };
     }
@@ -3215,21 +3215,21 @@ function a$7(o4, r2) {
   let t2 = o4(), n2 = /* @__PURE__ */ new Set();
   return { getSnapshot() {
     return t2;
-  }, subscribe(e2) {
-    return n2.add(e2), () => n2.delete(e2);
-  }, dispatch(e2, ...s2) {
-    let i2 = r2[e2].call(t2, ...s2);
+  }, subscribe(e3) {
+    return n2.add(e3), () => n2.delete(e3);
+  }, dispatch(e3, ...s2) {
+    let i2 = r2[e3].call(t2, ...s2);
     i2 && (t2 = i2, n2.forEach((c3) => c3()));
   } };
 }
 function d$1() {
   let r2;
-  return { before({ doc: e2 }) {
+  return { before({ doc: e3 }) {
     var l2;
-    let o4 = e2.documentElement, t2 = (l2 = e2.defaultView) != null ? l2 : window;
+    let o4 = e3.documentElement, t2 = (l2 = e3.defaultView) != null ? l2 : window;
     r2 = Math.max(0, t2.innerWidth - o4.clientWidth);
-  }, after({ doc: e2, d: o4 }) {
-    let t2 = e2.documentElement, l2 = Math.max(0, t2.clientWidth - t2.offsetWidth), n2 = Math.max(0, r2 - l2);
+  }, after({ doc: e3, d: o4 }) {
+    let t2 = e3.documentElement, l2 = Math.max(0, t2.clientWidth - t2.offsetWidth), n2 = Math.max(0, r2 - l2);
     o4.style(t2, "paddingRight", `${n2}px`);
   } };
 }
@@ -3248,99 +3248,99 @@ function w$3() {
       let s2 = (c3 = window.scrollY) != null ? c3 : window.pageYOffset, l2 = null;
       r2.addEventListener(o4, "click", (t2) => {
         if (i$4(t2.target)) try {
-          let e2 = t2.target.closest("a");
-          if (!e2) return;
-          let { hash: n2 } = new URL(e2.href), f2 = o4.querySelector(n2);
+          let e3 = t2.target.closest("a");
+          if (!e3) return;
+          let { hash: n2 } = new URL(e3.href), f2 = o4.querySelector(n2);
           i$4(f2) && !a4(f2) && (l2 = f2);
         } catch {
         }
       }, true), r2.group((t2) => {
-        r2.addEventListener(o4, "touchstart", (e2) => {
-          if (t2.dispose(), i$4(e2.target) && r$4(e2.target)) if (a4(e2.target)) {
-            let n2 = e2.target;
+        r2.addEventListener(o4, "touchstart", (e3) => {
+          if (t2.dispose(), i$4(e3.target) && r$4(e3.target)) if (a4(e3.target)) {
+            let n2 = e3.target;
             for (; n2.parentElement && a4(n2.parentElement); ) n2 = n2.parentElement;
             t2.style(n2, "overscrollBehavior", "contain");
-          } else t2.style(e2.target, "touchAction", "none");
+          } else t2.style(e3.target, "touchAction", "none");
         });
       }), r2.addEventListener(o4, "touchmove", (t2) => {
         if (i$4(t2.target)) {
           if (l$3(t2.target)) return;
           if (a4(t2.target)) {
-            let e2 = t2.target;
-            for (; e2.parentElement && e2.dataset.headlessuiPortal !== "" && !(e2.scrollHeight > e2.clientHeight || e2.scrollWidth > e2.clientWidth); ) e2 = e2.parentElement;
-            e2.dataset.headlessuiPortal === "" && t2.preventDefault();
+            let e3 = t2.target;
+            for (; e3.parentElement && e3.dataset.headlessuiPortal !== "" && !(e3.scrollHeight > e3.clientHeight || e3.scrollWidth > e3.clientWidth); ) e3 = e3.parentElement;
+            e3.dataset.headlessuiPortal === "" && t2.preventDefault();
           } else t2.preventDefault();
         }
       }, { passive: false }), r2.add(() => {
-        var e2;
-        let t2 = (e2 = window.scrollY) != null ? e2 : window.pageYOffset;
+        var e3;
+        let t2 = (e3 = window.scrollY) != null ? e3 : window.pageYOffset;
         s2 !== t2 && window.scrollTo(0, s2), l2 && l2.isConnected && (l2.scrollIntoView({ block: "nearest" }), l2 = null);
       });
     });
   } } : {};
 }
 function r$1() {
-  return { before({ doc: e2, d: o4 }) {
-    o4.style(e2.documentElement, "overflow", "hidden");
+  return { before({ doc: e3, d: o4 }) {
+    o4.style(e3.documentElement, "overflow", "hidden");
   } };
 }
-function r(e2) {
+function r(e3) {
   let o4 = {};
-  for (let t2 of e2) Object.assign(o4, t2(o4));
+  for (let t2 of e3) Object.assign(o4, t2(o4));
   return o4;
 }
-let c$8 = a$7(() => /* @__PURE__ */ new Map(), { PUSH(e2, o4) {
+let c$8 = a$7(() => /* @__PURE__ */ new Map(), { PUSH(e3, o4) {
   var n2;
-  let t2 = (n2 = this.get(e2)) != null ? n2 : { doc: e2, count: 0, d: o$7(), meta: /* @__PURE__ */ new Set(), computedMeta: {} };
-  return t2.count++, t2.meta.add(o4), t2.computedMeta = r(t2.meta), this.set(e2, t2), this;
-}, POP(e2, o4) {
-  let t2 = this.get(e2);
+  let t2 = (n2 = this.get(e3)) != null ? n2 : { doc: e3, count: 0, d: o$7(), meta: /* @__PURE__ */ new Set(), computedMeta: {} };
+  return t2.count++, t2.meta.add(o4), t2.computedMeta = r(t2.meta), this.set(e3, t2), this;
+}, POP(e3, o4) {
+  let t2 = this.get(e3);
   return t2 && (t2.count--, t2.meta.delete(o4), t2.computedMeta = r(t2.meta)), this;
-}, SCROLL_PREVENT(e2) {
-  let o4 = { doc: e2.doc, d: e2.d, meta() {
-    return e2.computedMeta;
+}, SCROLL_PREVENT(e3) {
+  let o4 = { doc: e3.doc, d: e3.d, meta() {
+    return e3.computedMeta;
   } }, t2 = [w$3(), d$1(), r$1()];
   t2.forEach(({ before: n2 }) => n2 == null ? void 0 : n2(o4)), t2.forEach(({ after: n2 }) => n2 == null ? void 0 : n2(o4));
-}, SCROLL_ALLOW({ d: e2 }) {
-  e2.dispose();
-}, TEARDOWN({ doc: e2 }) {
-  this.delete(e2);
+}, SCROLL_ALLOW({ d: e3 }) {
+  e3.dispose();
+}, TEARDOWN({ doc: e3 }) {
+  this.delete(e3);
 } });
 c$8.subscribe(() => {
-  let e2 = c$8.getSnapshot(), o4 = /* @__PURE__ */ new Map();
-  for (let [t2] of e2) o4.set(t2, t2.documentElement.style.overflow);
-  for (let t2 of e2.values()) {
+  let e3 = c$8.getSnapshot(), o4 = /* @__PURE__ */ new Map();
+  for (let [t2] of e3) o4.set(t2, t2.documentElement.style.overflow);
+  for (let t2 of e3.values()) {
     let n2 = o4.get(t2.doc) === "hidden", a4 = t2.count !== 0;
     (a4 && !n2 || !a4 && n2) && c$8.dispatch(t2.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", t2), t2.count === 0 && c$8.dispatch("TEARDOWN", t2);
   }
 });
-function a$6(r2, e2, n2 = () => ({ containers: [] })) {
-  let f2 = o$1(c$8), o4 = e2 ? f2.get(e2) : void 0, i2 = o4 ? o4.count > 0 : false;
+function a$6(r2, e3, n2 = () => ({ containers: [] })) {
+  let f2 = o$1(c$8), o4 = e3 ? f2.get(e3) : void 0, i2 = o4 ? o4.count > 0 : false;
   return n$6(() => {
-    if (!(!e2 || !r2)) return c$8.dispatch("PUSH", e2, n2), () => c$8.dispatch("POP", e2, n2);
-  }, [r2, e2]), i2;
+    if (!(!e3 || !r2)) return c$8.dispatch("PUSH", e3, n2), () => c$8.dispatch("POP", e3, n2);
+  }, [r2, e3]), i2;
 }
-function f$6(e2, c3, n2 = () => [document.body]) {
-  let r2 = I$4(e2, "scroll-lock");
+function f$6(e3, c3, n2 = () => [document.body]) {
+  let r2 = I$4(e3, "scroll-lock");
   a$6(r2, c3, (t2) => {
     var o4;
     return { containers: [...(o4 = t2.containers) != null ? o4 : [], n2] };
   });
 }
-function t$1(e2) {
-  return [e2.screenX, e2.screenY];
+function t$1(e3) {
+  return [e3.screenX, e3.screenY];
 }
 function u$6() {
-  let e2 = useRef([-1, -1]);
+  let e3 = useRef([-1, -1]);
   return { wasMoved(r2) {
     let n2 = t$1(r2);
-    return e2.current[0] === n2[0] && e2.current[1] === n2[1] ? false : (e2.current = n2, true);
+    return e3.current[0] === n2[0] && e3.current[1] === n2[1] ? false : (e3.current = n2, true);
   }, update(r2) {
-    e2.current = t$1(r2);
+    e3.current = t$1(r2);
   } };
 }
 function c$7(u3 = 0) {
-  let [r2, a4] = useState(u3), g2 = useCallback((e2) => a4(e2), []), s2 = useCallback((e2) => a4((l2) => l2 | e2), []), m2 = useCallback((e2) => (r2 & e2) === e2, [r2]), n2 = useCallback((e2) => a4((l2) => l2 & ~e2), []), F2 = useCallback((e2) => a4((l2) => l2 ^ e2), []);
+  let [r2, a4] = useState(u3), g2 = useCallback((e3) => a4(e3), []), s2 = useCallback((e3) => a4((l2) => l2 | e3), []), m2 = useCallback((e3) => (r2 & e3) === e3, [r2]), n2 = useCallback((e3) => a4((l2) => l2 & ~e3), []), F2 = useCallback((e3) => a4((l2) => l2 ^ e3), []);
   return { flags: r2, setFlag: g2, addFlag: s2, hasFlag: m2, removeFlag: n2, toggleFlag: F2 };
 }
 var T$1, S$2;
@@ -3349,16 +3349,16 @@ typeof process != "undefined" && typeof globalThis != "undefined" && typeof Elem
 `)), [];
 });
 var A = ((i2) => (i2[i2.None = 0] = "None", i2[i2.Closed = 1] = "Closed", i2[i2.Enter = 2] = "Enter", i2[i2.Leave = 4] = "Leave", i2))(A || {});
-function x$2(e2) {
+function x$2(e3) {
   let r2 = {};
-  for (let t2 in e2) e2[t2] === true && (r2[`data-${t2}`] = "");
+  for (let t2 in e3) e3[t2] === true && (r2[`data-${t2}`] = "");
   return r2;
 }
-function N(e2, r2, t2, n2) {
-  let [i2, a4] = useState(t2), { hasFlag: s2, addFlag: o4, removeFlag: l2 } = c$7(e2 && i2 ? 3 : 0), u3 = useRef(false), f2 = useRef(false), E2 = p$7();
+function N(e3, r2, t2, n2) {
+  let [i2, a4] = useState(t2), { hasFlag: s2, addFlag: o4, removeFlag: l2 } = c$7(e3 && i2 ? 3 : 0), u3 = useRef(false), f2 = useRef(false), E2 = p$7();
   return n$6(() => {
     var d3;
-    if (e2) {
+    if (e3) {
       if (t2 && a4(true), !r2) {
         t2 && o4(3);
         return;
@@ -3372,60 +3372,60 @@ function N(e2, r2, t2, n2) {
         f2.current && D$4(r2) || (u3.current = false, l2(7), t2 || a4(false), (p2 = n2 == null ? void 0 : n2.end) == null || p2.call(n2, t2));
       } });
     }
-  }, [e2, t2, r2, E2]), e2 ? [i2, { closed: s2(1), enter: s2(2), leave: s2(4), transition: s2(2) || s2(4) }] : [t2, { closed: void 0, enter: void 0, leave: void 0, transition: void 0 }];
+  }, [e3, t2, r2, E2]), e3 ? [i2, { closed: s2(1), enter: s2(2), leave: s2(4), transition: s2(2) || s2(4) }] : [t2, { closed: void 0, enter: void 0, leave: void 0, transition: void 0 }];
 }
-function C$2(e2, { prepare: r2, run: t2, done: n2, inFlight: i2 }) {
+function C$2(e3, { prepare: r2, run: t2, done: n2, inFlight: i2 }) {
   let a4 = o$7();
-  return j$3(e2, { prepare: r2, inFlight: i2 }), a4.nextFrame(() => {
+  return j$3(e3, { prepare: r2, inFlight: i2 }), a4.nextFrame(() => {
     t2(), a4.requestAnimationFrame(() => {
-      a4.add(M$1(e2, n2));
+      a4.add(M$1(e3, n2));
     });
   }), a4.dispose;
 }
-function M$1(e2, r2) {
+function M$1(e3, r2) {
   var a4, s2;
   let t2 = o$7();
-  if (!e2) return t2.dispose;
+  if (!e3) return t2.dispose;
   let n2 = false;
   t2.add(() => {
     n2 = true;
   });
-  let i2 = (s2 = (a4 = e2.getAnimations) == null ? void 0 : a4.call(e2).filter((o4) => o4 instanceof CSSTransition)) != null ? s2 : [];
+  let i2 = (s2 = (a4 = e3.getAnimations) == null ? void 0 : a4.call(e3).filter((o4) => o4 instanceof CSSTransition)) != null ? s2 : [];
   return i2.length === 0 ? (r2(), t2.dispose) : (Promise.allSettled(i2.map((o4) => o4.finished)).then(() => {
     n2 || r2();
   }), t2.dispose);
 }
-function j$3(e2, { inFlight: r2, prepare: t2 }) {
+function j$3(e3, { inFlight: r2, prepare: t2 }) {
   if (r2 != null && r2.current) {
     t2();
     return;
   }
-  let n2 = e2.style.transition;
-  e2.style.transition = "none", t2(), e2.offsetHeight, e2.style.transition = n2;
+  let n2 = e3.style.transition;
+  e3.style.transition = "none", t2(), e3.offsetHeight, e3.style.transition = n2;
 }
-function D$4(e2) {
+function D$4(e3) {
   var t2, n2;
-  return ((n2 = (t2 = e2.getAnimations) == null ? void 0 : t2.call(e2)) != null ? n2 : []).some((i2) => i2 instanceof CSSTransition && i2.playState !== "finished");
+  return ((n2 = (t2 = e3.getAnimations) == null ? void 0 : t2.call(e3)) != null ? n2 : []).some((i2) => i2 instanceof CSSTransition && i2.playState !== "finished");
 }
-function F$2(c3, { container: e2, accept: t2, walk: r2 }) {
+function F$2(c3, { container: e3, accept: t2, walk: r2 }) {
   let o4 = useRef(t2), l2 = useRef(r2);
   useEffect(() => {
     o4.current = t2, l2.current = r2;
   }, [t2, r2]), n$6(() => {
-    if (!e2 || !c3) return;
-    let n2 = l$7(e2);
+    if (!e3 || !c3) return;
+    let n2 = l$7(e3);
     if (!n2) return;
-    let f2 = o4.current, p2 = l2.current, i2 = Object.assign((m2) => f2(m2), { acceptNode: f2 }), u3 = n2.createTreeWalker(e2, NodeFilter.SHOW_ELEMENT, i2, false);
+    let f2 = o4.current, p2 = l2.current, i2 = Object.assign((m2) => f2(m2), { acceptNode: f2 }), u3 = n2.createTreeWalker(e3, NodeFilter.SHOW_ELEMENT, i2, false);
     for (; u3.nextNode(); ) p2(u3.currentNode);
-  }, [e2, c3, o4, l2]);
+  }, [e3, c3, o4, l2]);
 }
 function m$1(u3, t2) {
-  let e2 = useRef([]), r2 = o$6(u3);
+  let e3 = useRef([]), r2 = o$6(u3);
   useEffect(() => {
-    let o4 = [...e2.current];
-    for (let [a4, l2] of t2.entries()) if (e2.current[a4] !== l2) {
+    let o4 = [...e3.current];
+    for (let [a4, l2] of t2.entries()) if (e3.current[a4] !== l2) {
       let n2 = r2(t2, o4);
-      return e2.current = t2, n2;
+      return e3.current = t2, n2;
     }
   }, [r2, ...t2]);
 }
@@ -5495,11 +5495,11 @@ function useInnerOffset(context, props) {
   const initialOverflowRef = React.useRef(null);
   React.useEffect(() => {
     if (!enabled) return;
-    function onWheel(e2) {
-      if (e2.ctrlKey || !el || overflowRef.current == null) {
+    function onWheel(e3) {
+      if (e3.ctrlKey || !el || overflowRef.current == null) {
         return;
       }
-      const dY = e2.deltaY;
+      const dY = e3.deltaY;
       const isAtTop = overflowRef.current.top >= -0.5;
       const isAtBottom = overflowRef.current.bottom >= -0.5;
       const remainingScroll = el.scrollHeight - el.clientHeight;
@@ -5509,7 +5509,7 @@ function useInnerOffset(context, props) {
         return;
       }
       if (!isAtTop && dY > 0 || !isAtBottom && dY < 0) {
-        e2.preventDefault();
+        e3.preventDefault();
         ReactDOM.flushSync(() => {
           onChange((d3) => d3 + Math[method](dY, remainingScroll * sign));
         });
@@ -5571,8 +5571,8 @@ let y$2 = createContext({ styles: void 0, setReference: () => {
 y$2.displayName = "FloatingContext";
 let $$1 = createContext(null);
 $$1.displayName = "PlacementContext";
-function ye(e2) {
-  return useMemo(() => e2 ? typeof e2 == "string" ? { to: e2 } : e2 : null, [e2]);
+function ye(e3) {
+  return useMemo(() => e3 ? typeof e3 == "string" ? { to: e3 } : e3 : null, [e3]);
 }
 function Fe$3() {
   return useContext(y$2).setReference;
@@ -5581,12 +5581,12 @@ function be() {
   return useContext(y$2).getReferenceProps;
 }
 function Te$1() {
-  let { getFloatingProps: e2, slot: t2 } = useContext(y$2);
-  return useCallback((...n2) => Object.assign({}, e2(...n2), { "data-anchor": t2.anchor }), [e2, t2]);
+  let { getFloatingProps: e3, slot: t2 } = useContext(y$2);
+  return useCallback((...n2) => Object.assign({}, e3(...n2), { "data-anchor": t2.anchor }), [e3, t2]);
 }
-function Re$1(e2 = null) {
-  e2 === false && (e2 = null), typeof e2 == "string" && (e2 = { to: e2 });
-  let t2 = useContext($$1), n2 = useMemo(() => e2, [JSON.stringify(e2, (l2, o4) => {
+function Re$1(e3 = null) {
+  e3 === false && (e3 = null), typeof e3 == "string" && (e3 = { to: e3 });
+  let t2 = useContext($$1), n2 = useMemo(() => e3, [JSON.stringify(e3, (l2, o4) => {
     var u3;
     return (u3 = o4 == null ? void 0 : o4.outerHTML) != null ? u3 : o4;
   })]);
@@ -5594,10 +5594,10 @@ function Re$1(e2 = null) {
     t2 == null || t2(n2 != null ? n2 : null);
   }, [t2, n2]);
   let r2 = useContext(y$2);
-  return useMemo(() => [r2.setFloating, e2 ? r2.styles : {}], [r2.setFloating, e2, r2.styles]);
+  return useMemo(() => [r2.setFloating, e3 ? r2.styles : {}], [r2.setFloating, e3, r2.styles]);
 }
 let D$3 = 4;
-function Ae$2({ children: e2, enabled: t2 = true }) {
+function Ae$2({ children: e3, enabled: t2 = true }) {
   let [n2, r2] = useState(null), [l2, o4] = useState(0), u3 = useRef(null), [f2, s2] = useState(null);
   ce(f2);
   let i2 = t2 && n2 !== null && f2 !== null, { to: F2 = "bottom", gap: E2 = 0, offset: A2 = 0, padding: c3 = 0, inner: h3 } = ge$1(n2, f2), [a4, p2 = "center"] = F2.split(" ");
@@ -5629,28 +5629,28 @@ function Ae$2({ children: e2, enabled: t2 = true }) {
   let G2 = useMemo(() => ({ anchor: [w2, V2].filter(Boolean).join(" ") }), [w2, V2]), K2 = useInnerOffset(g2, { overflowRef: u3, onChange: o4 }), { getReferenceProps: Q2, getFloatingProps: X2 } = useInteractions([K2]), Y2 = o$6((P2) => {
     s2(P2), b3.setFloating(P2);
   });
-  return React.createElement($$1.Provider, { value: r2 }, React.createElement(y$2.Provider, { value: { setFloating: Y2, setReference: b3.setReference, styles: S2, getReferenceProps: Q2, getFloatingProps: X2, slot: G2 } }, e2));
+  return React.createElement($$1.Provider, { value: r2 }, React.createElement(y$2.Provider, { value: { setFloating: Y2, setReference: b3.setReference, styles: S2, getReferenceProps: Q2, getFloatingProps: X2, slot: G2 } }, e3));
 }
-function ce(e2) {
+function ce(e3) {
   n$6(() => {
-    if (!e2) return;
+    if (!e3) return;
     let t2 = new MutationObserver(() => {
-      let n2 = window.getComputedStyle(e2).maxHeight, r2 = parseFloat(n2);
+      let n2 = window.getComputedStyle(e3).maxHeight, r2 = parseFloat(n2);
       if (isNaN(r2)) return;
       let l2 = parseInt(n2);
-      isNaN(l2) || r2 !== l2 && (e2.style.maxHeight = `${Math.ceil(r2)}px`);
+      isNaN(l2) || r2 !== l2 && (e3.style.maxHeight = `${Math.ceil(r2)}px`);
     });
-    return t2.observe(e2, { attributes: true, attributeFilter: ["style"] }), () => {
+    return t2.observe(e3, { attributes: true, attributeFilter: ["style"] }), () => {
       t2.disconnect();
     };
-  }, [e2]);
+  }, [e3]);
 }
-function ge$1(e2, t2) {
+function ge$1(e3, t2) {
   var o4, u3, f2;
-  let n2 = O$1((o4 = e2 == null ? void 0 : e2.gap) != null ? o4 : "var(--anchor-gap, 0)", t2), r2 = O$1((u3 = e2 == null ? void 0 : e2.offset) != null ? u3 : "var(--anchor-offset, 0)", t2), l2 = O$1((f2 = e2 == null ? void 0 : e2.padding) != null ? f2 : "var(--anchor-padding, 0)", t2);
-  return { ...e2, gap: n2, offset: r2, padding: l2 };
+  let n2 = O$1((o4 = e3 == null ? void 0 : e3.gap) != null ? o4 : "var(--anchor-gap, 0)", t2), r2 = O$1((u3 = e3 == null ? void 0 : e3.offset) != null ? u3 : "var(--anchor-offset, 0)", t2), l2 = O$1((f2 = e3 == null ? void 0 : e3.padding) != null ? f2 : "var(--anchor-padding, 0)", t2);
+  return { ...e3, gap: n2, offset: r2, padding: l2 };
 }
-function O$1(e2, t2, n2 = void 0) {
+function O$1(e3, t2, n2 = void 0) {
   let r2 = p$7(), l2 = o$6((s2, i2) => {
     if (s2 == null) return [n2, null];
     if (typeof s2 == "number") return [s2, null];
@@ -5680,14 +5680,14 @@ function O$1(e2, t2, n2 = void 0) {
       }];
     }
     return [n2, null];
-  }), o4 = useMemo(() => l2(e2, t2)[0], [e2, t2]), [u3 = o4, f2] = useState();
+  }), o4 = useMemo(() => l2(e3, t2)[0], [e3, t2]), [u3 = o4, f2] = useState();
   return n$6(() => {
-    let [s2, i2] = l2(e2, t2);
+    let [s2, i2] = l2(e3, t2);
     if (f2(s2), !!i2) return i2(f2);
-  }, [e2, t2]), u3;
+  }, [e3, t2]), u3;
 }
-function q(e2) {
-  let t2 = /var\((.*)\)/.exec(e2);
+function q(e3) {
+  let t2 = /var\((.*)\)/.exec(e3);
   if (t2) {
     let n2 = t2[1].indexOf(",");
     if (n2 === -1) return [t2[1]];
@@ -5696,24 +5696,24 @@ function q(e2) {
   }
   return [];
 }
-function J$1(e2, t2) {
+function J$1(e3, t2) {
   let n2 = document.createElement("div");
-  t2.appendChild(n2), n2.style.setProperty("margin-top", "0px", "important"), n2.style.setProperty("margin-top", e2, "important");
+  t2.appendChild(n2), n2.style.setProperty("margin-top", "0px", "important"), n2.style.setProperty("margin-top", e3, "important");
   let r2 = parseFloat(window.getComputedStyle(n2).marginTop) || 0;
   return t2.removeChild(n2), r2;
 }
-function f$5({ children: t2, freeze: e2 }, o4) {
-  let n2 = u$5(e2, t2);
+function f$5({ children: t2, freeze: e3 }, o4) {
+  let n2 = u$5(e3, t2);
   return isValidElement(n2) ? cloneElement(n2, { ref: o4 }) : React__default.createElement(React__default.Fragment, null, n2);
 }
 const s$4 = React__default.forwardRef(f$5);
-function u$5(t2, e2) {
-  let [o4, n2] = useState(e2);
-  return !t2 && o4 !== e2 && n2(e2), t2 ? o4 : e2;
+function u$5(t2, e3) {
+  let [o4, n2] = useState(e3);
+  return !t2 && o4 !== e3 && n2(e3), t2 ? o4 : e3;
 }
 let n$1 = createContext(null);
 n$1.displayName = "OpenClosedContext";
-var i = ((e2) => (e2[e2.Open = 1] = "Open", e2[e2.Closed = 2] = "Closed", e2[e2.Closing = 4] = "Closing", e2[e2.Opening = 8] = "Opening", e2))(i || {});
+var i = ((e3) => (e3[e3.Open = 1] = "Open", e3[e3.Closed = 2] = "Closed", e3[e3.Closing = 4] = "Closing", e3[e3.Opening = 8] = "Opening", e3))(i || {});
 function u$4() {
   return useContext(n$1);
 }
@@ -5724,19 +5724,19 @@ function s$3({ children: o4 }) {
   return React__default.createElement(n$1.Provider, { value: null }, o4);
 }
 function t(n2) {
-  function e2() {
-    document.readyState !== "loading" && (n2(), document.removeEventListener("DOMContentLoaded", e2));
+  function e3() {
+    document.readyState !== "loading" && (n2(), document.removeEventListener("DOMContentLoaded", e3));
   }
-  typeof window != "undefined" && typeof document != "undefined" && (document.addEventListener("DOMContentLoaded", e2), e2());
+  typeof window != "undefined" && typeof document != "undefined" && (document.addEventListener("DOMContentLoaded", e3), e3());
 }
 let n = [];
 t(() => {
-  function e2(t2) {
+  function e3(t2) {
     if (!i$4(t2.target) || t2.target === document.body || n[0] === t2.target) return;
     let r2 = t2.target;
     r2 = r2.closest(E$2), n.unshift(r2 != null ? r2 : t2.target), n = n.filter((o4) => o4 != null && o4.isConnected), n.splice(10);
   }
-  window.addEventListener("click", e2, { capture: true }), window.addEventListener("mousedown", e2, { capture: true }), window.addEventListener("focus", e2, { capture: true }), document.body.addEventListener("click", e2, { capture: true }), document.body.addEventListener("mousedown", e2, { capture: true }), document.body.addEventListener("focus", e2, { capture: true });
+  window.addEventListener("click", e3, { capture: true }), window.addEventListener("mousedown", e3, { capture: true }), window.addEventListener("focus", e3, { capture: true }), document.body.addEventListener("click", e3, { capture: true }), document.body.addEventListener("mousedown", e3, { capture: true }), document.body.addEventListener("focus", e3, { capture: true });
 });
 function u$3(l2) {
   throw new Error("Unexpected object: " + l2);
@@ -5748,24 +5748,24 @@ function f$4(l2, n2) {
   let r2 = n2.resolveActiveIndex(), s2 = r2 != null ? r2 : -1;
   switch (l2.focus) {
     case 0: {
-      for (let e2 = 0; e2 < t2.length; ++e2) if (!n2.resolveDisabled(t2[e2], e2, t2)) return e2;
+      for (let e3 = 0; e3 < t2.length; ++e3) if (!n2.resolveDisabled(t2[e3], e3, t2)) return e3;
       return r2;
     }
     case 1: {
       s2 === -1 && (s2 = t2.length);
-      for (let e2 = s2 - 1; e2 >= 0; --e2) if (!n2.resolveDisabled(t2[e2], e2, t2)) return e2;
+      for (let e3 = s2 - 1; e3 >= 0; --e3) if (!n2.resolveDisabled(t2[e3], e3, t2)) return e3;
       return r2;
     }
     case 2: {
-      for (let e2 = s2 + 1; e2 < t2.length; ++e2) if (!n2.resolveDisabled(t2[e2], e2, t2)) return e2;
+      for (let e3 = s2 + 1; e3 < t2.length; ++e3) if (!n2.resolveDisabled(t2[e3], e3, t2)) return e3;
       return r2;
     }
     case 3: {
-      for (let e2 = t2.length - 1; e2 >= 0; --e2) if (!n2.resolveDisabled(t2[e2], e2, t2)) return e2;
+      for (let e3 = t2.length - 1; e3 >= 0; --e3) if (!n2.resolveDisabled(t2[e3], e3, t2)) return e3;
       return r2;
     }
     case 4: {
-      for (let e2 = 0; e2 < t2.length; ++e2) if (n2.resolveId(t2[e2], e2, t2) === l2.id) return e2;
+      for (let e3 = 0; e3 < t2.length; ++e3) if (n2.resolveId(t2[e3], e3, t2) === l2.id) return e3;
       return r2;
     }
     case 5:
@@ -5775,34 +5775,34 @@ function f$4(l2, n2) {
   }
 }
 function c$4(t2) {
-  let r2 = o$6(t2), e2 = useRef(false);
-  useEffect(() => (e2.current = false, () => {
-    e2.current = true, t$5(() => {
-      e2.current && r2();
+  let r2 = o$6(t2), e3 = useRef(false);
+  useEffect(() => (e3.current = false, () => {
+    e3.current = true, t$5(() => {
+      e3.current && r2();
     });
   }), [r2]);
 }
-let e = createContext(false);
+let e2 = createContext(false);
 function a$5() {
-  return useContext(e);
+  return useContext(e2);
 }
 function l$1(o4) {
-  return React__default.createElement(e.Provider, { value: o4.force }, o4.children);
+  return React__default.createElement(e2.Provider, { value: o4.force }, o4.children);
 }
-function W$1(e2) {
+function W$1(e3) {
   let o4 = a$5(), l2 = useContext(c$3), [r2, p2] = useState(() => {
     var s2;
     if (!o4 && l2 !== null) return (s2 = l2.current) != null ? s2 : null;
     if (s$c.isServer) return null;
-    let t2 = e2 == null ? void 0 : e2.getElementById("headlessui-portal-root");
+    let t2 = e3 == null ? void 0 : e3.getElementById("headlessui-portal-root");
     if (t2) return t2;
-    if (e2 === null) return null;
-    let n2 = e2.createElement("div");
-    return n2.setAttribute("id", "headlessui-portal-root"), e2.body.appendChild(n2);
+    if (e3 === null) return null;
+    let n2 = e3.createElement("div");
+    return n2.setAttribute("id", "headlessui-portal-root"), e3.body.appendChild(n2);
   });
   return useEffect(() => {
-    r2 !== null && (e2 != null && e2.body.contains(r2) || e2 == null || e2.body.appendChild(r2));
-  }, [r2, e2]), useEffect(() => {
+    r2 !== null && (e3 != null && e3.body.contains(r2) || e3 == null || e3.body.appendChild(r2));
+  }, [r2, e3]), useEffect(() => {
     o4 || l2 !== null && p2(l2.current);
   }, [l2, p2, o4]), r2;
 }
@@ -5817,59 +5817,59 @@ let _$2 = Fragment$1, j$2 = Y(function(o4, l2) {
     g2.dispose(), y3 && a4 && g2.add(y3.register(a4));
   } }, v2({ ourProps: { ref: n2 }, theirProps: p2, slot: {}, defaultTag: _$2, name: "Portal" })), u3) : null;
 });
-function S$1(e2, o4) {
-  let l2 = y$5(o4), { enabled: r2 = true, ownerDocument: p2, ...t2 } = e2, n2 = K();
+function S$1(e3, o4) {
+  let l2 = y$5(o4), { enabled: r2 = true, ownerDocument: p2, ...t2 } = e3, n2 = K();
   return r2 ? React__default.createElement(j$2, { ...t2, ownerDocument: p2, ref: l2 }) : n2({ ourProps: { ref: l2 }, theirProps: t2, slot: {}, defaultTag: _$2, name: "Portal" });
 }
 let I$2 = Fragment$1, c$3 = createContext(null);
-function D$2(e2, o4) {
-  let { target: l2, ...r2 } = e2, t2 = { ref: y$5(o4) }, n2 = K();
+function D$2(e3, o4) {
+  let { target: l2, ...r2 } = e3, t2 = { ref: y$5(o4) }, n2 = K();
   return React__default.createElement(c$3.Provider, { value: l2 }, n2({ ourProps: t2, theirProps: r2, defaultTag: I$2, name: "Popover.Group" }));
 }
 let m = createContext(null);
 function ee$1() {
-  let e2 = useContext(m), o4 = useRef([]), l2 = o$6((t2) => (o4.current.push(t2), e2 && e2.register(t2), () => r2(t2))), r2 = o$6((t2) => {
+  let e3 = useContext(m), o4 = useRef([]), l2 = o$6((t2) => (o4.current.push(t2), e3 && e3.register(t2), () => r2(t2))), r2 = o$6((t2) => {
     let n2 = o4.current.indexOf(t2);
-    n2 !== -1 && o4.current.splice(n2, 1), e2 && e2.unregister(t2);
+    n2 !== -1 && o4.current.splice(n2, 1), e3 && e3.unregister(t2);
   }), p2 = useMemo(() => ({ register: l2, unregister: r2, portals: o4 }), [l2, r2, o4]);
   return [o4, useMemo(() => function({ children: n2 }) {
     return React__default.createElement(m.Provider, { value: p2 }, n2);
   }, [p2])];
 }
 let J = Y(S$1), X$1 = Y(D$2), te$2 = Object.assign(J, { Group: X$1 });
-const c$2 = { Idle: { kind: "Idle" }, Tracked: (e2) => ({ kind: "Tracked", position: e2 }), Moved: { kind: "Moved" } };
-function a$4(e2) {
-  let t2 = e2.getBoundingClientRect();
+const c$2 = { Idle: { kind: "Idle" }, Tracked: (e3) => ({ kind: "Tracked", position: e3 }), Moved: { kind: "Moved" } };
+function a$4(e3) {
+  let t2 = e3.getBoundingClientRect();
   return `${t2.x},${t2.y}`;
 }
-function p$2(e2, t2, i2) {
+function p$2(e3, t2, i2) {
   let n2 = o$7();
   if (t2.kind === "Tracked") {
     let o4 = function() {
-      d3 !== a$4(e2) && (n2.dispose(), i2());
+      d3 !== a$4(e3) && (n2.dispose(), i2());
     };
     let { position: d3 } = t2, s2 = new ResizeObserver(o4);
-    s2.observe(e2), n2.add(() => s2.disconnect()), n2.addEventListener(window, "scroll", o4, { passive: true }), n2.addEventListener(window, "resize", o4);
+    s2.observe(e3), n2.add(() => s2.disconnect()), n2.addEventListener(window, "scroll", o4, { passive: true }), n2.addEventListener(window, "resize", o4);
   }
   return () => n2.dispose();
 }
 var I$1 = Object.defineProperty;
-var h$2 = (t2, i2, e2) => i2 in t2 ? I$1(t2, i2, { enumerable: true, configurable: true, writable: true, value: e2 }) : t2[i2] = e2;
-var f$3 = (t2, i2, e2) => (h$2(t2, typeof i2 != "symbol" ? i2 + "" : i2, e2), e2);
-var P$1 = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(P$1 || {}), k$1 = ((e2) => (e2[e2.Single = 0] = "Single", e2[e2.Multi = 1] = "Multi", e2))(k$1 || {}), _$1 = ((n2) => (n2[n2.Pointer = 0] = "Pointer", n2[n2.Focus = 1] = "Focus", n2[n2.Other = 2] = "Other", n2))(_$1 || {}), D$1 = ((l2) => (l2[l2.OpenCombobox = 0] = "OpenCombobox", l2[l2.CloseCombobox = 1] = "CloseCombobox", l2[l2.GoToOption = 2] = "GoToOption", l2[l2.SetTyping = 3] = "SetTyping", l2[l2.RegisterOption = 4] = "RegisterOption", l2[l2.UnregisterOption = 5] = "UnregisterOption", l2[l2.DefaultToFirstOption = 6] = "DefaultToFirstOption", l2[l2.SetActivationTrigger = 7] = "SetActivationTrigger", l2[l2.UpdateVirtualConfiguration = 8] = "UpdateVirtualConfiguration", l2[l2.SetInputElement = 9] = "SetInputElement", l2[l2.SetButtonElement = 10] = "SetButtonElement", l2[l2.SetOptionsElement = 11] = "SetOptionsElement", l2[l2.MarkInputAsMoved = 12] = "MarkInputAsMoved", l2))(D$1 || {});
-function v(t2, i2 = (e2) => e2) {
-  let e2 = t2.activeOptionIndex !== null ? t2.options[t2.activeOptionIndex] : null, n2 = i2(t2.options.slice()), o4 = n2.length > 0 && n2[0].dataRef.current.order !== null ? n2.sort((u3, a4) => u3.dataRef.current.order - a4.dataRef.current.order) : G$1(n2, (u3) => u3.dataRef.current.domRef.current), r2 = e2 ? o4.indexOf(e2) : null;
+var h$2 = (t2, i2, e3) => i2 in t2 ? I$1(t2, i2, { enumerable: true, configurable: true, writable: true, value: e3 }) : t2[i2] = e3;
+var f$3 = (t2, i2, e3) => (h$2(t2, typeof i2 != "symbol" ? i2 + "" : i2, e3), e3);
+var P$1 = ((e3) => (e3[e3.Open = 0] = "Open", e3[e3.Closed = 1] = "Closed", e3))(P$1 || {}), k$1 = ((e3) => (e3[e3.Single = 0] = "Single", e3[e3.Multi = 1] = "Multi", e3))(k$1 || {}), _$1 = ((n2) => (n2[n2.Pointer = 0] = "Pointer", n2[n2.Focus = 1] = "Focus", n2[n2.Other = 2] = "Other", n2))(_$1 || {}), D$1 = ((l2) => (l2[l2.OpenCombobox = 0] = "OpenCombobox", l2[l2.CloseCombobox = 1] = "CloseCombobox", l2[l2.GoToOption = 2] = "GoToOption", l2[l2.SetTyping = 3] = "SetTyping", l2[l2.RegisterOption = 4] = "RegisterOption", l2[l2.UnregisterOption = 5] = "UnregisterOption", l2[l2.DefaultToFirstOption = 6] = "DefaultToFirstOption", l2[l2.SetActivationTrigger = 7] = "SetActivationTrigger", l2[l2.UpdateVirtualConfiguration = 8] = "UpdateVirtualConfiguration", l2[l2.SetInputElement = 9] = "SetInputElement", l2[l2.SetButtonElement = 10] = "SetButtonElement", l2[l2.SetOptionsElement = 11] = "SetOptionsElement", l2[l2.MarkInputAsMoved = 12] = "MarkInputAsMoved", l2))(D$1 || {});
+function v(t2, i2 = (e3) => e3) {
+  let e3 = t2.activeOptionIndex !== null ? t2.options[t2.activeOptionIndex] : null, n2 = i2(t2.options.slice()), o4 = n2.length > 0 && n2[0].dataRef.current.order !== null ? n2.sort((u3, a4) => u3.dataRef.current.order - a4.dataRef.current.order) : G$1(n2, (u3) => u3.dataRef.current.domRef.current), r2 = e3 ? o4.indexOf(e3) : null;
   return r2 === -1 && (r2 = null), { options: o4, activeOptionIndex: r2 };
 }
 let j$1 = { [1](t2) {
-  var e2;
-  if ((e2 = t2.dataRef.current) != null && e2.disabled || t2.comboboxState === 1) return t2;
+  var e3;
+  if ((e3 = t2.dataRef.current) != null && e3.disabled || t2.comboboxState === 1) return t2;
   let i2 = t2.inputElement ? c$2.Tracked(a$4(t2.inputElement)) : t2.inputPositionState;
   return { ...t2, activeOptionIndex: null, comboboxState: 1, isTyping: false, activationTrigger: 2, inputPositionState: i2, __demoMode: false };
 }, [0](t2) {
-  var i2, e2;
+  var i2, e3;
   if ((i2 = t2.dataRef.current) != null && i2.disabled || t2.comboboxState === 0) return t2;
-  if ((e2 = t2.dataRef.current) != null && e2.value) {
+  if ((e3 = t2.dataRef.current) != null && e3.value) {
     let n2 = t2.dataRef.current.calculateIndex(t2.dataRef.current.value);
     if (n2 !== -1) return { ...t2, activeOptionIndex: n2, comboboxState: 0, __demoMode: false, inputPositionState: c$2.Idle };
   }
@@ -5888,105 +5888,105 @@ let j$1 = { [1](t2) {
     } }), b3 = (a4 = i2.trigger) != null ? a4 : 2;
     return t2.activeOptionIndex === m2 && t2.activationTrigger === b3 ? t2 : { ...t2, activeOptionIndex: m2, activationTrigger: b3, isTyping: false, __demoMode: false };
   }
-  let e2 = v(t2);
-  if (e2.activeOptionIndex === null) {
-    let p2 = e2.options.findIndex((c3) => !c3.dataRef.current.disabled);
-    p2 !== -1 && (e2.activeOptionIndex = p2);
+  let e3 = v(t2);
+  if (e3.activeOptionIndex === null) {
+    let p2 = e3.options.findIndex((c3) => !c3.dataRef.current.disabled);
+    p2 !== -1 && (e3.activeOptionIndex = p2);
   }
-  let n2 = i2.focus === c$5.Specific ? i2.idx : f$4(i2, { resolveItems: () => e2.options, resolveActiveIndex: () => e2.activeOptionIndex, resolveId: (p2) => p2.id, resolveDisabled: (p2) => p2.dataRef.current.disabled }), o4 = (s2 = i2.trigger) != null ? s2 : 2;
-  return t2.activeOptionIndex === n2 && t2.activationTrigger === o4 ? t2 : { ...t2, ...e2, isTyping: false, activeOptionIndex: n2, activationTrigger: o4, __demoMode: false };
+  let n2 = i2.focus === c$5.Specific ? i2.idx : f$4(i2, { resolveItems: () => e3.options, resolveActiveIndex: () => e3.activeOptionIndex, resolveId: (p2) => p2.id, resolveDisabled: (p2) => p2.dataRef.current.disabled }), o4 = (s2 = i2.trigger) != null ? s2 : 2;
+  return t2.activeOptionIndex === n2 && t2.activationTrigger === o4 ? t2 : { ...t2, ...e3, isTyping: false, activeOptionIndex: n2, activationTrigger: o4, __demoMode: false };
 }, [4]: (t2, i2) => {
   var r2, u3, a4, s2;
   if ((r2 = t2.dataRef.current) != null && r2.virtual) return { ...t2, options: [...t2.options, i2.payload] };
-  let e2 = i2.payload, n2 = v(t2, (p2) => (p2.push(e2), p2));
-  t2.activeOptionIndex === null && (a4 = (u3 = t2.dataRef.current).isSelected) != null && a4.call(u3, i2.payload.dataRef.current.value) && (n2.activeOptionIndex = n2.options.indexOf(e2));
+  let e3 = i2.payload, n2 = v(t2, (p2) => (p2.push(e3), p2));
+  t2.activeOptionIndex === null && (a4 = (u3 = t2.dataRef.current).isSelected) != null && a4.call(u3, i2.payload.dataRef.current.value) && (n2.activeOptionIndex = n2.options.indexOf(e3));
   let o4 = { ...t2, ...n2, activationTrigger: 2 };
   return (s2 = t2.dataRef.current) != null && s2.__demoMode && t2.dataRef.current.value === void 0 && (o4.activeOptionIndex = 0), o4;
 }, [5]: (t2, i2) => {
   var n2;
   if ((n2 = t2.dataRef.current) != null && n2.virtual) return { ...t2, options: t2.options.filter((o4) => o4.id !== i2.id) };
-  let e2 = v(t2, (o4) => {
+  let e3 = v(t2, (o4) => {
     let r2 = o4.findIndex((u3) => u3.id === i2.id);
     return r2 !== -1 && o4.splice(r2, 1), o4;
   });
-  return { ...t2, ...e2, activationTrigger: 2 };
+  return { ...t2, ...e3, activationTrigger: 2 };
 }, [6]: (t2, i2) => t2.defaultToFirstOption === i2.value ? t2 : { ...t2, defaultToFirstOption: i2.value }, [7]: (t2, i2) => t2.activationTrigger === i2.trigger ? t2 : { ...t2, activationTrigger: i2.trigger }, [8]: (t2, i2) => {
   var n2, o4;
   if (t2.virtual === null) return { ...t2, virtual: { options: i2.options, disabled: (n2 = i2.disabled) != null ? n2 : () => false } };
   if (t2.virtual.options === i2.options && t2.virtual.disabled === i2.disabled) return t2;
-  let e2 = t2.activeOptionIndex;
+  let e3 = t2.activeOptionIndex;
   if (t2.activeOptionIndex !== null) {
     let r2 = i2.options.indexOf(t2.virtual.options[t2.activeOptionIndex]);
-    r2 !== -1 ? e2 = r2 : e2 = null;
+    r2 !== -1 ? e3 = r2 : e3 = null;
   }
-  return { ...t2, activeOptionIndex: e2, virtual: { options: i2.options, disabled: (o4 = i2.disabled) != null ? o4 : () => false } };
+  return { ...t2, activeOptionIndex: e3, virtual: { options: i2.options, disabled: (o4 = i2.disabled) != null ? o4 : () => false } };
 }, [9]: (t2, i2) => t2.inputElement === i2.element ? t2 : { ...t2, inputElement: i2.element }, [10]: (t2, i2) => t2.buttonElement === i2.element ? t2 : { ...t2, buttonElement: i2.element }, [11]: (t2, i2) => t2.optionsElement === i2.element ? t2 : { ...t2, optionsElement: i2.element }, [12](t2) {
   return t2.inputPositionState.kind !== "Tracked" ? t2 : { ...t2, inputPositionState: c$2.Moved };
 } };
 let y$1 = class y extends T$3 {
-  constructor(e2) {
-    super(e2);
-    f$3(this, "actions", { onChange: (e3) => {
+  constructor(e3) {
+    super(e3);
+    f$3(this, "actions", { onChange: (e4) => {
       let { onChange: n2, compare: o4, mode: r2, value: u3 } = this.state.dataRef.current;
-      return u$e(r2, { [0]: () => n2 == null ? void 0 : n2(e3), [1]: () => {
-        let a4 = u3.slice(), s2 = a4.findIndex((p2) => o4(p2, e3));
-        return s2 === -1 ? a4.push(e3) : a4.splice(s2, 1), n2 == null ? void 0 : n2(a4);
+      return u$e(r2, { [0]: () => n2 == null ? void 0 : n2(e4), [1]: () => {
+        let a4 = u3.slice(), s2 = a4.findIndex((p2) => o4(p2, e4));
+        return s2 === -1 ? a4.push(e4) : a4.splice(s2, 1), n2 == null ? void 0 : n2(a4);
       } });
-    }, registerOption: (e3, n2) => (this.send({ type: 4, payload: { id: e3, dataRef: n2 } }), () => {
-      this.state.activeOptionIndex === this.state.dataRef.current.calculateIndex(n2.current.value) && this.send({ type: 6, value: true }), this.send({ type: 5, id: e3 });
-    }), goToOption: (e3, n2) => (this.send({ type: 6, value: false }), this.send({ type: 2, ...e3, trigger: n2 })), setIsTyping: (e3) => {
-      this.send({ type: 3, isTyping: e3 });
+    }, registerOption: (e4, n2) => (this.send({ type: 4, payload: { id: e4, dataRef: n2 } }), () => {
+      this.state.activeOptionIndex === this.state.dataRef.current.calculateIndex(n2.current.value) && this.send({ type: 6, value: true }), this.send({ type: 5, id: e4 });
+    }), goToOption: (e4, n2) => (this.send({ type: 6, value: false }), this.send({ type: 2, ...e4, trigger: n2 })), setIsTyping: (e4) => {
+      this.send({ type: 3, isTyping: e4 });
     }, closeCombobox: () => {
-      var e3, n2;
-      this.send({ type: 1 }), this.send({ type: 6, value: false }), (n2 = (e3 = this.state.dataRef.current).onClose) == null || n2.call(e3);
+      var e4, n2;
+      this.send({ type: 1 }), this.send({ type: 6, value: false }), (n2 = (e4 = this.state.dataRef.current).onClose) == null || n2.call(e4);
     }, openCombobox: () => {
       this.send({ type: 0 }), this.send({ type: 6, value: true });
-    }, setActivationTrigger: (e3) => {
-      this.send({ type: 7, trigger: e3 });
+    }, setActivationTrigger: (e4) => {
+      this.send({ type: 7, trigger: e4 });
     }, selectActiveOption: () => {
-      let e3 = this.selectors.activeOptionIndex(this.state);
-      if (e3 !== null) {
-        if (this.actions.setIsTyping(false), this.state.virtual) this.actions.onChange(this.state.virtual.options[e3]);
+      let e4 = this.selectors.activeOptionIndex(this.state);
+      if (e4 !== null) {
+        if (this.actions.setIsTyping(false), this.state.virtual) this.actions.onChange(this.state.virtual.options[e4]);
         else {
-          let { dataRef: n2 } = this.state.options[e3];
+          let { dataRef: n2 } = this.state.options[e4];
           this.actions.onChange(n2.current.value);
         }
-        this.actions.goToOption({ focus: c$5.Specific, idx: e3 });
-      }
-    }, setInputElement: (e3) => {
-      this.send({ type: 9, element: e3 });
-    }, setButtonElement: (e3) => {
-      this.send({ type: 10, element: e3 });
-    }, setOptionsElement: (e3) => {
-      this.send({ type: 11, element: e3 });
+        this.actions.goToOption({ focus: c$5.Specific, idx: e4 });
+      }
+    }, setInputElement: (e4) => {
+      this.send({ type: 9, element: e4 });
+    }, setButtonElement: (e4) => {
+      this.send({ type: 10, element: e4 });
+    }, setOptionsElement: (e4) => {
+      this.send({ type: 11, element: e4 });
     } });
-    f$3(this, "selectors", { activeDescendantId: (e3) => {
+    f$3(this, "selectors", { activeDescendantId: (e4) => {
       var o4, r2;
-      let n2 = this.selectors.activeOptionIndex(e3);
-      if (n2 !== null) return e3.virtual ? (r2 = e3.options.find((u3) => !u3.dataRef.current.disabled && e3.dataRef.current.compare(u3.dataRef.current.value, e3.virtual.options[n2]))) == null ? void 0 : r2.id : (o4 = e3.options[n2]) == null ? void 0 : o4.id;
-    }, activeOptionIndex: (e3) => {
-      if (e3.defaultToFirstOption && e3.activeOptionIndex === null && (e3.virtual ? e3.virtual.options.length > 0 : e3.options.length > 0)) {
-        if (e3.virtual) {
-          let { options: o4, disabled: r2 } = e3.virtual, u3 = o4.findIndex((a4) => {
+      let n2 = this.selectors.activeOptionIndex(e4);
+      if (n2 !== null) return e4.virtual ? (r2 = e4.options.find((u3) => !u3.dataRef.current.disabled && e4.dataRef.current.compare(u3.dataRef.current.value, e4.virtual.options[n2]))) == null ? void 0 : r2.id : (o4 = e4.options[n2]) == null ? void 0 : o4.id;
+    }, activeOptionIndex: (e4) => {
+      if (e4.defaultToFirstOption && e4.activeOptionIndex === null && (e4.virtual ? e4.virtual.options.length > 0 : e4.options.length > 0)) {
+        if (e4.virtual) {
+          let { options: o4, disabled: r2 } = e4.virtual, u3 = o4.findIndex((a4) => {
             var s2;
             return !((s2 = r2 == null ? void 0 : r2(a4)) != null && s2);
           });
           if (u3 !== -1) return u3;
         }
-        let n2 = e3.options.findIndex((o4) => !o4.dataRef.current.disabled);
+        let n2 = e4.options.findIndex((o4) => !o4.dataRef.current.disabled);
         if (n2 !== -1) return n2;
       }
-      return e3.activeOptionIndex;
-    }, activeOption: (e3) => {
+      return e4.activeOptionIndex;
+    }, activeOption: (e4) => {
       var o4, r2;
-      let n2 = this.selectors.activeOptionIndex(e3);
-      return n2 === null ? null : e3.virtual ? e3.virtual.options[n2 != null ? n2 : 0] : (r2 = (o4 = e3.options[n2]) == null ? void 0 : o4.dataRef.current.value) != null ? r2 : null;
-    }, isActive: (e3, n2, o4) => {
+      let n2 = this.selectors.activeOptionIndex(e4);
+      return n2 === null ? null : e4.virtual ? e4.virtual.options[n2 != null ? n2 : 0] : (r2 = (o4 = e4.options[n2]) == null ? void 0 : o4.dataRef.current.value) != null ? r2 : null;
+    }, isActive: (e4, n2, o4) => {
       var u3;
-      let r2 = this.selectors.activeOptionIndex(e3);
-      return r2 === null ? false : e3.virtual ? r2 === e3.dataRef.current.calculateIndex(n2) : ((u3 = e3.options[r2]) == null ? void 0 : u3.id) === o4;
-    }, shouldScrollIntoView: (e3, n2, o4) => !(e3.virtual || e3.__demoMode || e3.comboboxState !== 0 || e3.activationTrigger === 0 || !this.selectors.isActive(e3, n2, o4)), didInputMove(e3) {
-      return e3.inputPositionState.kind === "Moved";
+      let r2 = this.selectors.activeOptionIndex(e4);
+      return r2 === null ? false : e4.virtual ? r2 === e4.dataRef.current.calculateIndex(n2) : ((u3 = e4.options[r2]) == null ? void 0 : u3.id) === o4;
+    }, shouldScrollIntoView: (e4, n2, o4) => !(e4.virtual || e4.__demoMode || e4.comboboxState !== 0 || e4.activationTrigger === 0 || !this.selectors.isActive(e4, n2, o4)), didInputMove(e4) {
+      return e4.inputPositionState.kind === "Moved";
     } });
     {
       let n2 = this.state.id, o4 = x$4.get(null);
@@ -6002,25 +6002,25 @@ let y$1 = class y extends T$3 {
       });
     });
   }
-  static new({ id: e2, virtual: n2 = null, __demoMode: o4 = false }) {
+  static new({ id: e3, virtual: n2 = null, __demoMode: o4 = false }) {
     var r2;
-    return new y({ id: e2, dataRef: { current: {} }, comboboxState: o4 ? 0 : 1, isTyping: false, options: [], virtual: n2 ? { options: n2.options, disabled: (r2 = n2.disabled) != null ? r2 : () => false } : null, activeOptionIndex: null, activationTrigger: 2, inputElement: null, buttonElement: null, optionsElement: null, __demoMode: o4, inputPositionState: c$2.Idle });
+    return new y({ id: e3, dataRef: { current: {} }, comboboxState: o4 ? 0 : 1, isTyping: false, options: [], virtual: n2 ? { options: n2.options, disabled: (r2 = n2.disabled) != null ? r2 : () => false } : null, activeOptionIndex: null, activationTrigger: 2, inputElement: null, buttonElement: null, optionsElement: null, __demoMode: o4, inputPositionState: c$2.Idle });
   }
-  reduce(e2, n2) {
-    return u$e(n2.type, j$1, e2, n2);
+  reduce(e3, n2) {
+    return u$e(n2.type, j$1, e3, n2);
   }
 };
 const u$2 = createContext(null);
 function p$1(n2) {
   let o4 = useContext(u$2);
   if (o4 === null) {
-    let e2 = new Error(`<${n2} /> is missing a parent <Combobox /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(e2, b$2), e2;
+    let e3 = new Error(`<${n2} /> is missing a parent <Combobox /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(e3, b$2), e3;
   }
   return o4;
 }
-function b$2({ id: n2, virtual: o4 = null, __demoMode: e2 = false }) {
-  let t2 = useMemo(() => y$1.new({ id: n2, virtual: o4, __demoMode: e2 }), []);
+function b$2({ id: n2, virtual: o4 = null, __demoMode: e3 = false }) {
+  let t2 = useMemo(() => y$1.new({ id: n2, virtual: o4, __demoMode: e3 }), []);
   return c$4(() => t2.dispose()), t2;
 }
 let de$1 = createContext(null);
@@ -6028,14 +6028,14 @@ de$1.displayName = "ComboboxDataContext";
 function te$1(T3) {
   let O2 = useContext(de$1);
   if (O2 === null) {
-    let e2 = new Error(`<${T3} /> is missing a parent <Combobox /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(e2, te$1), e2;
+    let e3 = new Error(`<${T3} /> is missing a parent <Combobox /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(e3, te$1), e3;
   }
   return O2;
 }
 let Le$3 = createContext(null);
 function Eo(T3) {
-  let O2 = p$1("VirtualProvider"), e2 = te$1("VirtualProvider"), { options: o4 } = e2.virtual, E2 = S$5(O2, (a4) => a4.optionsElement), [R2, y3] = useMemo(() => {
+  let O2 = p$1("VirtualProvider"), e3 = te$1("VirtualProvider"), { options: o4 } = e3.virtual, E2 = S$5(O2, (a4) => a4.optionsElement), [R2, y3] = useMemo(() => {
     let a4 = E2;
     if (!a4) return [0, 0];
     let u3 = window.getComputedStyle(a4);
@@ -6058,14 +6058,14 @@ function Eo(T3) {
 }
 let ho = Fragment$1;
 function Ao(T3, O2) {
-  let e2 = useId$1(), o4 = a$e(), { value: E2, defaultValue: R2, onChange: y3, form: b3, name: h3, by: p2, invalid: f2 = false, disabled: n2 = o4 || false, onClose: m2, __demoMode: a4 = false, multiple: u3 = false, immediate: A2 = false, virtual: d3 = null, nullable: X2, ...G2 } = T3, C2 = l$5(R2), [x2 = u3 ? [] : void 0, v2] = b$4(E2, y3, C2), c3 = b$2({ id: e2, virtual: d3, __demoMode: a4 }), z2 = useRef({ static: false, hold: false }), D2 = u$a(p2), K$1 = o$6((i2) => d3 ? p2 === null ? d3.options.indexOf(i2) : d3.options.findIndex((M2) => D2(M2, i2)) : c3.state.options.findIndex((M2) => D2(M2.dataRef.current.value, i2))), W2 = useCallback((i2) => u$e(l2.mode, { [k$1.Multi]: () => x2.some((M2) => D2(M2, i2)), [k$1.Single]: () => D2(x2, i2) }), [x2]), S2 = S$5(c3, (i2) => i2.virtual), j2 = o$6(() => m2 == null ? void 0 : m2()), l2 = useMemo(() => ({ __demoMode: a4, immediate: A2, optionsPropsRef: z2, value: x2, defaultValue: C2, disabled: n2, invalid: f2, mode: u3 ? k$1.Multi : k$1.Single, virtual: d3 ? S2 : null, onChange: v2, isSelected: W2, calculateIndex: K$1, compare: D2, onClose: j2 }), [a4, A2, z2, x2, C2, n2, f2, u3, d3, S2, v2, W2, K$1, D2, j2]);
+  let e3 = useId$1(), o4 = a$e(), { value: E2, defaultValue: R2, onChange: y3, form: b3, name: h3, by: p2, invalid: f2 = false, disabled: n2 = o4 || false, onClose: m2, __demoMode: a4 = false, multiple: u3 = false, immediate: A2 = false, virtual: d3 = null, nullable: X2, ...G2 } = T3, C2 = l$5(R2), [x2 = u3 ? [] : void 0, v2] = b$4(E2, y3, C2), c3 = b$2({ id: e3, virtual: d3, __demoMode: a4 }), z2 = useRef({ static: false, hold: false }), D2 = u$a(p2), K$1 = o$6((i2) => d3 ? p2 === null ? d3.options.indexOf(i2) : d3.options.findIndex((M2) => D2(M2, i2)) : c3.state.options.findIndex((M2) => D2(M2.dataRef.current.value, i2))), W2 = useCallback((i2) => u$e(l2.mode, { [k$1.Multi]: () => x2.some((M2) => D2(M2, i2)), [k$1.Single]: () => D2(x2, i2) }), [x2]), S2 = S$5(c3, (i2) => i2.virtual), j2 = o$6(() => m2 == null ? void 0 : m2()), l2 = useMemo(() => ({ __demoMode: a4, immediate: A2, optionsPropsRef: z2, value: x2, defaultValue: C2, disabled: n2, invalid: f2, mode: u3 ? k$1.Multi : k$1.Single, virtual: d3 ? S2 : null, onChange: v2, isSelected: W2, calculateIndex: K$1, compare: D2, onClose: j2 }), [a4, A2, z2, x2, C2, n2, f2, u3, d3, S2, v2, W2, K$1, D2, j2]);
   n$6(() => {
     var i2;
     d3 && c3.send({ type: D$1.UpdateVirtualConfiguration, options: d3.options, disabled: (i2 = d3.disabled) != null ? i2 : null });
   }, [d3, d3 == null ? void 0 : d3.options, d3 == null ? void 0 : d3.disabled]), n$6(() => {
     c3.state.dataRef.current = l2;
   }, [l2]);
-  let [k2, Y2, s2, U2] = S$5(c3, (i2) => [i2.comboboxState, i2.buttonElement, i2.inputElement, i2.optionsElement]), $2 = x$4.get(null), ne2 = S$5($2, useCallback((i2) => $2.selectors.isTop(i2, e2), [$2, e2]));
+  let [k2, Y2, s2, U2] = S$5(c3, (i2) => [i2.comboboxState, i2.buttonElement, i2.inputElement, i2.optionsElement]), $2 = x$4.get(null), ne2 = S$5($2, useCallback((i2) => $2.selectors.isTop(i2, e3), [$2, e3]));
   k$2(ne2, [Y2, s2, U2], () => c3.actions.closeCombobox());
   let be2 = S$5(c3, c3.selectors.activeOptionIndex), ee2 = S$5(c3, c3.selectors.activeOption), q2 = n$5({ open: k2 === P$1.Open, disabled: n2, invalid: f2, activeIndex: be2, activeOption: ee2, value: x2 }), [t2, V2] = V$2(), P2 = O2 === null ? {} : { ref: O2 }, N2 = useCallback(() => {
     if (C2 !== void 0) return v2 == null ? void 0 : v2(C2);
@@ -6075,23 +6075,23 @@ function Ao(T3, O2) {
 let Io = "input";
 function Ro(T3, O2) {
   var ee2, q2;
-  let e2 = p$1("Combobox.Input"), o4 = te$1("Combobox.Input"), E2 = useId$1(), R2 = u$d(), { id: y3 = R2 || `headlessui-combobox-input-${E2}`, onChange: b3, displayValue: h3, disabled: p2 = o4.disabled || false, autoFocus: f2 = false, type: n$12 = "text", ...m2 } = T3, a4 = useRef(null), u3 = y$5(a4, O2, Fe$3(), e2.actions.setInputElement), [A2, d3] = S$5(e2, (t2) => [t2.comboboxState, t2.isTyping]), X2 = p$7(), G2 = o$6(() => {
-    e2.actions.onChange(null), e2.state.optionsElement && (e2.state.optionsElement.scrollTop = 0), e2.actions.goToOption({ focus: c$5.Nothing });
+  let e3 = p$1("Combobox.Input"), o4 = te$1("Combobox.Input"), E2 = useId$1(), R2 = u$d(), { id: y3 = R2 || `headlessui-combobox-input-${E2}`, onChange: b3, displayValue: h3, disabled: p2 = o4.disabled || false, autoFocus: f2 = false, type: n$12 = "text", ...m2 } = T3, a4 = useRef(null), u3 = y$5(a4, O2, Fe$3(), e3.actions.setInputElement), [A2, d3] = S$5(e3, (t2) => [t2.comboboxState, t2.isTyping]), X2 = p$7(), G2 = o$6(() => {
+    e3.actions.onChange(null), e3.state.optionsElement && (e3.state.optionsElement.scrollTop = 0), e3.actions.goToOption({ focus: c$5.Nothing });
   }), C2 = useMemo(() => {
     var t2;
     return typeof h3 == "function" && o4.value !== void 0 ? (t2 = h3(o4.value)) != null ? t2 : "" : typeof o4.value == "string" ? o4.value : "";
   }, [o4.value, h3]);
   m$1(([t2, V2], [P2, N2]) => {
-    if (e2.state.isTyping) return;
+    if (e3.state.isTyping) return;
     let g2 = a4.current;
     g2 && ((N2 === P$1.Open && V2 === P$1.Closed || t2 !== P2) && (g2.value = t2), requestAnimationFrame(() => {
-      if (e2.state.isTyping || !g2 || d$2(g2)) return;
+      if (e3.state.isTyping || !g2 || d$2(g2)) return;
       let { selectionStart: i2, selectionEnd: M2 } = g2;
       Math.abs((M2 != null ? M2 : 0) - (i2 != null ? i2 : 0)) === 0 && i2 === 0 && g2.setSelectionRange(g2.value.length, g2.value.length);
     }));
   }, [C2, A2, d3]), m$1(([t2], [V2]) => {
     if (t2 === P$1.Open && V2 === P$1.Closed) {
-      if (e2.state.isTyping) return;
+      if (e3.state.isTyping) return;
       let P2 = a4.current;
       if (!P2) return;
       let N2 = P2.value, { selectionStart: g2, selectionEnd: i2, selectionDirection: M2 } = P2;
@@ -6105,90 +6105,90 @@ function Ro(T3, O2) {
       x2.current = false;
     });
   }), z2 = o$6((t2) => {
-    switch (e2.actions.setIsTyping(true), t2.key) {
+    switch (e3.actions.setIsTyping(true), t2.key) {
       case o$4.Enter:
-        if (e2.state.comboboxState !== P$1.Open || x2.current) return;
-        if (t2.preventDefault(), t2.stopPropagation(), e2.selectors.activeOptionIndex(e2.state) === null) {
-          e2.actions.closeCombobox();
+        if (e3.state.comboboxState !== P$1.Open || x2.current) return;
+        if (t2.preventDefault(), t2.stopPropagation(), e3.selectors.activeOptionIndex(e3.state) === null) {
+          e3.actions.closeCombobox();
           return;
         }
-        e2.actions.selectActiveOption(), o4.mode === k$1.Single && e2.actions.closeCombobox();
+        e3.actions.selectActiveOption(), o4.mode === k$1.Single && e3.actions.closeCombobox();
         break;
       case o$4.ArrowDown:
-        return t2.preventDefault(), t2.stopPropagation(), u$e(e2.state.comboboxState, { [P$1.Open]: () => e2.actions.goToOption({ focus: c$5.Next }), [P$1.Closed]: () => e2.actions.openCombobox() });
+        return t2.preventDefault(), t2.stopPropagation(), u$e(e3.state.comboboxState, { [P$1.Open]: () => e3.actions.goToOption({ focus: c$5.Next }), [P$1.Closed]: () => e3.actions.openCombobox() });
       case o$4.ArrowUp:
-        return t2.preventDefault(), t2.stopPropagation(), u$e(e2.state.comboboxState, { [P$1.Open]: () => e2.actions.goToOption({ focus: c$5.Previous }), [P$1.Closed]: () => {
-          flushSync(() => e2.actions.openCombobox()), o4.value || e2.actions.goToOption({ focus: c$5.Last });
+        return t2.preventDefault(), t2.stopPropagation(), u$e(e3.state.comboboxState, { [P$1.Open]: () => e3.actions.goToOption({ focus: c$5.Previous }), [P$1.Closed]: () => {
+          flushSync(() => e3.actions.openCombobox()), o4.value || e3.actions.goToOption({ focus: c$5.Last });
         } });
       case o$4.Home:
-        if (e2.state.comboboxState === P$1.Closed || t2.shiftKey) break;
-        return t2.preventDefault(), t2.stopPropagation(), e2.actions.goToOption({ focus: c$5.First });
+        if (e3.state.comboboxState === P$1.Closed || t2.shiftKey) break;
+        return t2.preventDefault(), t2.stopPropagation(), e3.actions.goToOption({ focus: c$5.First });
       case o$4.PageUp:
-        return t2.preventDefault(), t2.stopPropagation(), e2.actions.goToOption({ focus: c$5.First });
+        return t2.preventDefault(), t2.stopPropagation(), e3.actions.goToOption({ focus: c$5.First });
       case o$4.End:
-        if (e2.state.comboboxState === P$1.Closed || t2.shiftKey) break;
-        return t2.preventDefault(), t2.stopPropagation(), e2.actions.goToOption({ focus: c$5.Last });
+        if (e3.state.comboboxState === P$1.Closed || t2.shiftKey) break;
+        return t2.preventDefault(), t2.stopPropagation(), e3.actions.goToOption({ focus: c$5.Last });
       case o$4.PageDown:
-        return t2.preventDefault(), t2.stopPropagation(), e2.actions.goToOption({ focus: c$5.Last });
+        return t2.preventDefault(), t2.stopPropagation(), e3.actions.goToOption({ focus: c$5.Last });
       case o$4.Escape:
-        return e2.state.comboboxState !== P$1.Open ? void 0 : (t2.preventDefault(), e2.state.optionsElement && !o4.optionsPropsRef.current.static && t2.stopPropagation(), o4.mode === k$1.Single && o4.value === null && G2(), e2.actions.closeCombobox());
+        return e3.state.comboboxState !== P$1.Open ? void 0 : (t2.preventDefault(), e3.state.optionsElement && !o4.optionsPropsRef.current.static && t2.stopPropagation(), o4.mode === k$1.Single && o4.value === null && G2(), e3.actions.closeCombobox());
       case o$4.Tab:
-        if (e2.actions.setIsTyping(false), e2.state.comboboxState !== P$1.Open) return;
-        o4.mode === k$1.Single && e2.state.activationTrigger !== _$1.Focus && e2.actions.selectActiveOption(), e2.actions.closeCombobox();
+        if (e3.actions.setIsTyping(false), e3.state.comboboxState !== P$1.Open) return;
+        o4.mode === k$1.Single && e3.state.activationTrigger !== _$1.Focus && e3.actions.selectActiveOption(), e3.actions.closeCombobox();
         break;
     }
   }), D2 = o$6((t2) => {
-    b3 == null || b3(t2), o4.mode === k$1.Single && t2.target.value === "" && G2(), e2.actions.openCombobox();
+    b3 == null || b3(t2), o4.mode === k$1.Single && t2.target.value === "" && G2(), e3.actions.openCombobox();
   }), K$1 = o$6((t2) => {
     var P2, N2, g2;
     let V2 = (P2 = t2.relatedTarget) != null ? P2 : n.find((i2) => i2 !== t2.currentTarget);
-    if (!((N2 = e2.state.optionsElement) != null && N2.contains(V2)) && !((g2 = e2.state.buttonElement) != null && g2.contains(V2)) && e2.state.comboboxState === P$1.Open) return t2.preventDefault(), o4.mode === k$1.Single && o4.value === null && G2(), e2.actions.closeCombobox();
+    if (!((N2 = e3.state.optionsElement) != null && N2.contains(V2)) && !((g2 = e3.state.buttonElement) != null && g2.contains(V2)) && e3.state.comboboxState === P$1.Open) return t2.preventDefault(), o4.mode === k$1.Single && o4.value === null && G2(), e3.actions.closeCombobox();
   }), W2 = o$6((t2) => {
     var P2, N2, g2;
     let V2 = (P2 = t2.relatedTarget) != null ? P2 : n.find((i2) => i2 !== t2.currentTarget);
-    (N2 = e2.state.buttonElement) != null && N2.contains(V2) || (g2 = e2.state.optionsElement) != null && g2.contains(V2) || o4.disabled || o4.immediate && e2.state.comboboxState !== P$1.Open && X2.microTask(() => {
-      flushSync(() => e2.actions.openCombobox()), e2.actions.setActivationTrigger(_$1.Focus);
+    (N2 = e3.state.buttonElement) != null && N2.contains(V2) || (g2 = e3.state.optionsElement) != null && g2.contains(V2) || o4.disabled || o4.immediate && e3.state.comboboxState !== P$1.Open && X2.microTask(() => {
+      flushSync(() => e3.actions.openCombobox()), e3.actions.setActivationTrigger(_$1.Focus);
     });
-  }), S2 = N$1(), j2 = w$6(), { isFocused: l2, focusProps: k2 } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: f2 }), { isHovered: Y2, hoverProps: s2 } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: p2 }), U2 = S$5(e2, (t2) => t2.optionsElement), $2 = n$5({ open: A2 === P$1.Open, disabled: p2, invalid: o4.invalid, hover: Y2, focus: l2, autofocus: f2 }), ne2 = V$3({ ref: u3, id: y3, role: "combobox", type: n$12, "aria-controls": U2 == null ? void 0 : U2.id, "aria-expanded": A2 === P$1.Open, "aria-activedescendant": S$5(e2, e2.selectors.activeDescendantId), "aria-labelledby": S2, "aria-describedby": j2, "aria-autocomplete": "list", defaultValue: (q2 = (ee2 = T3.defaultValue) != null ? ee2 : o4.defaultValue !== void 0 ? h3 == null ? void 0 : h3(o4.defaultValue) : null) != null ? q2 : o4.defaultValue, disabled: p2 || void 0, autoFocus: f2, onCompositionStart: v2, onCompositionEnd: c3, onKeyDown: z2, onChange: D2, onFocus: W2, onBlur: K$1 }, k2, s2);
+  }), S2 = N$1(), j2 = w$6(), { isFocused: l2, focusProps: k2 } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: f2 }), { isHovered: Y2, hoverProps: s2 } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: p2 }), U2 = S$5(e3, (t2) => t2.optionsElement), $2 = n$5({ open: A2 === P$1.Open, disabled: p2, invalid: o4.invalid, hover: Y2, focus: l2, autofocus: f2 }), ne2 = V$3({ ref: u3, id: y3, role: "combobox", type: n$12, "aria-controls": U2 == null ? void 0 : U2.id, "aria-expanded": A2 === P$1.Open, "aria-activedescendant": S$5(e3, e3.selectors.activeDescendantId), "aria-labelledby": S2, "aria-describedby": j2, "aria-autocomplete": "list", defaultValue: (q2 = (ee2 = T3.defaultValue) != null ? ee2 : o4.defaultValue !== void 0 ? h3 == null ? void 0 : h3(o4.defaultValue) : null) != null ? q2 : o4.defaultValue, disabled: p2 || void 0, autoFocus: f2, onCompositionStart: v2, onCompositionEnd: c3, onKeyDown: z2, onChange: D2, onFocus: W2, onBlur: K$1 }, k2, s2);
   return K()({ ourProps: ne2, theirProps: m2, slot: $2, defaultTag: Io, name: "Combobox.Input" });
 }
 let _o = "button";
 function Fo(T3, O2) {
-  let e2 = p$1("Combobox.Button"), o4 = te$1("Combobox.Button"), [E2, R2] = useState(null), y3 = y$5(O2, R2, e2.actions.setButtonElement), b3 = useId$1(), { id: h3 = `headlessui-combobox-button-${b3}`, disabled: p2 = o4.disabled || false, autoFocus: f2 = false, ...n2 } = T3, [m2, a4, u3] = S$5(e2, (l2) => [l2.comboboxState, l2.inputElement, l2.optionsElement]), A2 = v$1(a4), d3 = m2 === P$1.Open;
+  let e3 = p$1("Combobox.Button"), o4 = te$1("Combobox.Button"), [E2, R2] = useState(null), y3 = y$5(O2, R2, e3.actions.setButtonElement), b3 = useId$1(), { id: h3 = `headlessui-combobox-button-${b3}`, disabled: p2 = o4.disabled || false, autoFocus: f2 = false, ...n2 } = T3, [m2, a4, u3] = S$5(e3, (l2) => [l2.comboboxState, l2.inputElement, l2.optionsElement]), A2 = v$1(a4), d3 = m2 === P$1.Open;
   L(d3, { trigger: E2, action: useCallback((l2) => {
     if (E2 != null && E2.contains(l2.target)) return S$3.Ignore;
     if (a4 != null && a4.contains(l2.target)) return S$3.Ignore;
     let k2 = l2.target.closest('[role="option"]:not([data-disabled])');
     return n$4(k2) ? S$3.Select(k2) : u3 != null && u3.contains(l2.target) ? S$3.Ignore : S$3.Close;
-  }, [E2, a4, u3]), close: e2.actions.closeCombobox, select: e2.actions.selectActiveOption });
+  }, [E2, a4, u3]), close: e3.actions.closeCombobox, select: e3.actions.selectActiveOption });
   let X2 = o$6((l2) => {
     switch (l2.key) {
       case o$4.Space:
       case o$4.Enter:
-        l2.preventDefault(), l2.stopPropagation(), e2.state.comboboxState === P$1.Closed && flushSync(() => e2.actions.openCombobox()), A2();
+        l2.preventDefault(), l2.stopPropagation(), e3.state.comboboxState === P$1.Closed && flushSync(() => e3.actions.openCombobox()), A2();
         return;
       case o$4.ArrowDown:
-        l2.preventDefault(), l2.stopPropagation(), e2.state.comboboxState === P$1.Closed && (flushSync(() => e2.actions.openCombobox()), e2.state.dataRef.current.value || e2.actions.goToOption({ focus: c$5.First })), A2();
+        l2.preventDefault(), l2.stopPropagation(), e3.state.comboboxState === P$1.Closed && (flushSync(() => e3.actions.openCombobox()), e3.state.dataRef.current.value || e3.actions.goToOption({ focus: c$5.First })), A2();
         return;
       case o$4.ArrowUp:
-        l2.preventDefault(), l2.stopPropagation(), e2.state.comboboxState === P$1.Closed && (flushSync(() => e2.actions.openCombobox()), e2.state.dataRef.current.value || e2.actions.goToOption({ focus: c$5.Last })), A2();
+        l2.preventDefault(), l2.stopPropagation(), e3.state.comboboxState === P$1.Closed && (flushSync(() => e3.actions.openCombobox()), e3.state.dataRef.current.value || e3.actions.goToOption({ focus: c$5.Last })), A2();
         return;
       case o$4.Escape:
-        if (e2.state.comboboxState !== P$1.Open) return;
-        l2.preventDefault(), e2.state.optionsElement && !o4.optionsPropsRef.current.static && l2.stopPropagation(), flushSync(() => e2.actions.closeCombobox()), A2();
+        if (e3.state.comboboxState !== P$1.Open) return;
+        l2.preventDefault(), e3.state.optionsElement && !o4.optionsPropsRef.current.static && l2.stopPropagation(), flushSync(() => e3.actions.closeCombobox()), A2();
         return;
       default:
         return;
     }
   }), G2 = s$7(() => {
-    e2.state.comboboxState === P$1.Open ? e2.actions.closeCombobox() : e2.actions.openCombobox(), A2();
+    e3.state.comboboxState === P$1.Open ? e3.actions.closeCombobox() : e3.actions.openCombobox(), A2();
   }), C2 = N$1([h3]), { isFocusVisible: x2, focusProps: v2 } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: f2 }), { isHovered: c3, hoverProps: z2 } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: p2 }), { pressed: D2, pressProps: K$1 } = w$7({ disabled: p2 }), W2 = n$5({ open: m2 === P$1.Open, active: D2 || m2 === P$1.Open, disabled: p2, invalid: o4.invalid, value: o4.value, hover: c3, focus: x2 }), S2 = V$3({ ref: y3, id: h3, type: e$1(T3, E2), tabIndex: -1, "aria-haspopup": "listbox", "aria-controls": u3 == null ? void 0 : u3.id, "aria-expanded": m2 === P$1.Open, "aria-labelledby": C2, disabled: p2 || void 0, autoFocus: f2, onKeyDown: X2 }, G2, v2, z2, K$1);
   return K()({ ourProps: S2, theirProps: n2, slot: W2, defaultTag: _o, name: "Combobox.Button" });
 }
 let Do = "div", So = A$2.RenderStrategy | A$2.Static;
 function Mo$1(T3, O2) {
   var M2, Ce2, ve2;
-  let e2 = useId$1(), { id: o4 = `headlessui-combobox-options-${e2}`, hold: E2 = false, anchor: R2, portal: y3 = false, modal: b3 = true, transition: h3 = false, ...p2 } = T3, f2 = p$1("Combobox.Options"), n2 = te$1("Combobox.Options"), m2 = ye(R2);
+  let e3 = useId$1(), { id: o4 = `headlessui-combobox-options-${e3}`, hold: E2 = false, anchor: R2, portal: y3 = false, modal: b3 = true, transition: h3 = false, ...p2 } = T3, f2 = p$1("Combobox.Options"), n2 = te$1("Combobox.Options"), m2 = ye(R2);
   m2 && (y3 = true);
   let [a4, u3] = Re$1(m2), [A2, d3] = useState(null), X2 = Te$1(), G2 = y$5(O2, m2 ? a4 : null, f2.actions.setOptionsElement, d3), [C2, x2, v2, c3, z2] = S$5(f2, (_2) => [_2.comboboxState, _2.inputElement, _2.buttonElement, _2.optionsElement, _2.activationTrigger]), D2 = u$7(x2 || v2), K$1 = u$7(c3), W2 = u$4(), [S2, j2] = N(h3, A2, W2 !== null ? (W2 & i.Open) === i.Open : C2 === P$1.Open);
   p$3(S2, x2, f2.actions.closeCombobox);
@@ -6223,7 +6223,7 @@ function Mo$1(T3, O2) {
 let Lo = "div";
 function Vo(T3, O2) {
   var l2, k2, Y2;
-  let e2 = te$1("Combobox.Option"), o4 = p$1("Combobox.Option"), E2 = useId$1(), { id: R2 = `headlessui-combobox-option-${E2}`, value: y3, disabled: b3 = (Y2 = (k2 = (l2 = e2.virtual) == null ? void 0 : l2.disabled) == null ? void 0 : k2.call(l2, y3)) != null ? Y2 : false, order: h3 = null, ...p2 } = T3, [f2] = S$5(o4, (s2) => [s2.inputElement]), n2 = v$1(f2), m2 = S$5(o4, useCallback((s2) => o4.selectors.isActive(s2, y3, R2), [y3, R2])), a4 = e2.isSelected(y3), u3 = useRef(null), A2 = s$b({ disabled: b3, value: y3, domRef: u3, order: h3 }), d3 = useContext(Le$3), X2 = y$5(O2, u3, d3 ? d3.measureElement : null), G2 = o$6(() => {
+  let e3 = te$1("Combobox.Option"), o4 = p$1("Combobox.Option"), E2 = useId$1(), { id: R2 = `headlessui-combobox-option-${E2}`, value: y3, disabled: b3 = (Y2 = (k2 = (l2 = e3.virtual) == null ? void 0 : l2.disabled) == null ? void 0 : k2.call(l2, y3)) != null ? Y2 : false, order: h3 = null, ...p2 } = T3, [f2] = S$5(o4, (s2) => [s2.inputElement]), n2 = v$1(f2), m2 = S$5(o4, useCallback((s2) => o4.selectors.isActive(s2, y3, R2), [y3, R2])), a4 = e3.isSelected(y3), u3 = useRef(null), A2 = s$b({ disabled: b3, value: y3, domRef: u3, order: h3 }), d3 = useContext(Le$3), X2 = y$5(O2, u3, d3 ? d3.measureElement : null), G2 = o$6(() => {
     o4.actions.setIsTyping(false), o4.actions.onChange(y3);
   });
   n$6(() => o4.actions.registerOption(R2, A2), [A2, R2]);
@@ -6235,45 +6235,45 @@ function Vo(T3, O2) {
     });
   }, [C2, u3]);
   let x2 = o$6((s2) => {
-    s2.preventDefault(), s2.button === g$2.Left && (b3 || (G2(), n$2() || requestAnimationFrame(() => n2()), e2.mode === k$1.Single && o4.actions.closeCombobox()));
+    s2.preventDefault(), s2.button === g$2.Left && (b3 || (G2(), n$2() || requestAnimationFrame(() => n2()), e3.mode === k$1.Single && o4.actions.closeCombobox()));
   }), v2 = o$6(() => {
     if (b3) return o4.actions.goToOption({ focus: c$5.Nothing });
-    let s2 = e2.calculateIndex(y3);
+    let s2 = e3.calculateIndex(y3);
     o4.actions.goToOption({ focus: c$5.Specific, idx: s2 });
   }), c3 = u$6(), z2 = o$6((s2) => c3.update(s2)), D2 = o$6((s2) => {
     if (!c3.wasMoved(s2) || b3 || m2 && o4.state.activationTrigger === _$1.Pointer) return;
-    let U2 = e2.calculateIndex(y3);
+    let U2 = e3.calculateIndex(y3);
     o4.actions.goToOption({ focus: c$5.Specific, idx: U2 }, _$1.Pointer);
   }), K$1 = o$6((s2) => {
-    c3.wasMoved(s2) && (b3 || m2 && (e2.optionsPropsRef.current.hold || o4.state.activationTrigger === _$1.Pointer && o4.actions.goToOption({ focus: c$5.Nothing })));
+    c3.wasMoved(s2) && (b3 || m2 && (e3.optionsPropsRef.current.hold || o4.state.activationTrigger === _$1.Pointer && o4.actions.goToOption({ focus: c$5.Nothing })));
   }), W2 = n$5({ active: m2, focus: m2, selected: a4, disabled: b3 }), S2 = { id: R2, ref: X2, role: "option", tabIndex: b3 === true ? void 0 : -1, "aria-disabled": b3 === true ? true : void 0, "aria-selected": a4, disabled: void 0, onMouseDown: x2, onFocus: v2, onPointerEnter: z2, onMouseEnter: z2, onPointerMove: D2, onMouseMove: D2, onPointerLeave: K$1, onMouseLeave: K$1 };
   return K()({ ourProps: S2, theirProps: p2, slot: W2, defaultTag: Lo, name: "Combobox.Option" });
 }
 let wo = Y(Ao), Bo = Y(Fo), ko = Y(Ro), No = Z, Uo = Y(Mo$1), Ho = Y(Vo), Ht = Object.assign(wo, { Input: ko, Button: Bo, Label: No, Options: Uo, Option: Ho });
 function a$3(o4, r2 = typeof document != "undefined" ? document.defaultView : null, t2) {
   let n2 = I$4(o4, "escape");
-  E$1(r2, "keydown", (e2) => {
-    n2 && (e2.defaultPrevented || e2.key === o$4.Escape && t2(e2));
+  E$1(r2, "keydown", (e3) => {
+    n2 && (e3.defaultPrevented || e3.key === o$4.Escape && t2(e3));
   });
 }
 function f$2() {
   var t2;
-  let [e2] = useState(() => typeof window != "undefined" && typeof window.matchMedia == "function" ? window.matchMedia("(pointer: coarse)") : null), [o4, c3] = useState((t2 = e2 == null ? void 0 : e2.matches) != null ? t2 : false);
+  let [e3] = useState(() => typeof window != "undefined" && typeof window.matchMedia == "function" ? window.matchMedia("(pointer: coarse)") : null), [o4, c3] = useState((t2 = e3 == null ? void 0 : e3.matches) != null ? t2 : false);
   return n$6(() => {
-    if (!e2) return;
+    if (!e3) return;
     function n2(r2) {
       c3(r2.matches);
     }
-    return e2.addEventListener("change", n2), () => e2.removeEventListener("change", n2);
-  }, [e2]), o4;
+    return e3.addEventListener("change", n2), () => e3.removeEventListener("change", n2);
+  }, [e3]), o4;
 }
 function S({ defaultContainers: l2 = [], portals: n2, mainTreeNode: o4 } = {}) {
   let c3 = o$6(() => {
     var r2, u3;
     let i2 = l$7(o4), t2 = [];
-    for (let e2 of l2) e2 !== null && (t$3(e2) ? t2.push(e2) : "current" in e2 && t$3(e2.current) && t2.push(e2.current));
-    if (n2 != null && n2.current) for (let e2 of n2.current) t2.push(e2);
-    for (let e2 of (r2 = i2 == null ? void 0 : i2.querySelectorAll("html > *, body > *")) != null ? r2 : []) e2 !== document.body && e2 !== document.head && t$3(e2) && e2.id !== "headlessui-portal-root" && (o4 && (e2.contains(o4) || e2.contains((u3 = o4 == null ? void 0 : o4.getRootNode()) == null ? void 0 : u3.host)) || t2.some((E2) => e2.contains(E2)) || t2.push(e2));
+    for (let e3 of l2) e3 !== null && (t$3(e3) ? t2.push(e3) : "current" in e3 && t$3(e3.current) && t2.push(e3.current));
+    if (n2 != null && n2.current) for (let e3 of n2.current) t2.push(e3);
+    for (let e3 of (r2 = i2 == null ? void 0 : i2.querySelectorAll("html > *, body > *")) != null ? r2 : []) e3 !== document.body && e3 !== document.head && t$3(e3) && e3.id !== "headlessui-portal-root" && (o4 && (e3.contains(o4) || e3.contains((u3 = o4 == null ? void 0 : o4.getRootNode()) == null ? void 0 : u3.host)) || t2.some((E2) => e3.contains(E2)) || t2.push(e3));
     return t2;
   });
   return { resolveContainers: c3, contains: o$6((i2) => c3().some((t2) => t2.contains(i2))) };
@@ -6284,8 +6284,8 @@ function j({ children: l2, node: n2 }) {
   return React__default.createElement(d2.Provider, { value: i2 }, l2, i2 === null && React__default.createElement(f$d, { features: s$9.Hidden, ref: (t2) => {
     var r2, u3;
     if (t2) {
-      for (let e2 of (u3 = (r2 = l$7(t2)) == null ? void 0 : r2.querySelectorAll("html > *, body > *")) != null ? u3 : []) if (e2 !== document.body && e2 !== document.head && t$3(e2) && e2 != null && e2.contains(t2)) {
-        c3(e2);
+      for (let e3 of (u3 = (r2 = l$7(t2)) == null ? void 0 : r2.querySelectorAll("html > *, body > *")) != null ? u3 : []) if (e3 !== document.body && e3 !== document.head && t$3(e3) && e3 != null && e3.contains(t2)) {
+        c3(e3);
         break;
       }
     }
@@ -6301,43 +6301,43 @@ function s$2() {
   }, () => false, () => !r2) : false;
 }
 function l() {
-  let r2 = s$2(), [e2, n2] = React.useState(s$c.isHandoffComplete);
-  return e2 && s$c.isHandoffComplete === false && n2(false), React.useEffect(() => {
-    e2 !== true && n2(true);
-  }, [e2]), React.useEffect(() => s$c.handoff(), []), r2 ? false : e2;
+  let r2 = s$2(), [e3, n2] = React.useState(s$c.isHandoffComplete);
+  return e3 && s$c.isHandoffComplete === false && n2(false), React.useEffect(() => {
+    e3 !== true && n2(true);
+  }, [e3]), React.useEffect(() => s$c.handoff(), []), r2 ? false : e3;
 }
 function f$1() {
-  let e2 = useRef(false);
-  return n$6(() => (e2.current = true, () => {
-    e2.current = false;
-  }), []), e2;
+  let e3 = useRef(false);
+  return n$6(() => (e3.current = true, () => {
+    e3.current = false;
+  }), []), e3;
 }
 var a$2 = ((r2) => (r2[r2.Forwards = 0] = "Forwards", r2[r2.Backwards = 1] = "Backwards", r2))(a$2 || {});
 function u$1() {
-  let e2 = useRef(0);
+  let e3 = useRef(0);
   return s$5(true, "keydown", (r2) => {
-    r2.key === "Tab" && (e2.current = r2.shiftKey ? 1 : 0);
-  }, true), e2;
+    r2.key === "Tab" && (e3.current = r2.shiftKey ? 1 : 0);
+  }, true), e3;
 }
 function x(o4) {
   if (!o4) return /* @__PURE__ */ new Set();
   if (typeof o4 == "function") return new Set(o4());
   let t2 = /* @__PURE__ */ new Set();
-  for (let e2 of o4.current) t$3(e2.current) && t2.add(e2.current);
+  for (let e3 of o4.current) t$3(e3.current) && t2.add(e3.current);
   return t2;
 }
 let $ = "div";
 var G = ((n2) => (n2[n2.None = 0] = "None", n2[n2.InitialFocus = 1] = "InitialFocus", n2[n2.TabLock = 2] = "TabLock", n2[n2.FocusLock = 4] = "FocusLock", n2[n2.RestoreFocus = 8] = "RestoreFocus", n2[n2.AutoFocus = 16] = "AutoFocus", n2))(G || {});
 function w$2(o4, t2) {
-  let e2 = useRef(null), r2 = y$5(e2, t2), { initialFocus: u3, initialFocusFallback: a4, containers: n2, features: s2 = 15, ...f2 } = o4;
+  let e3 = useRef(null), r2 = y$5(e3, t2), { initialFocus: u3, initialFocusFallback: a4, containers: n2, features: s2 = 15, ...f2 } = o4;
   l() || (s2 = 0);
-  let l$12 = u$7(e2.current);
+  let l$12 = u$7(e3.current);
   re(s2, { ownerDocument: l$12 });
-  let T3 = ne(s2, { ownerDocument: l$12, container: e2, initialFocus: u3, initialFocusFallback: a4 });
-  oe$1(s2, { ownerDocument: l$12, container: e2, containers: n2, previousActiveElement: T3 });
+  let T3 = ne(s2, { ownerDocument: l$12, container: e3, initialFocus: u3, initialFocusFallback: a4 });
+  oe$1(s2, { ownerDocument: l$12, container: e3, containers: n2, previousActiveElement: T3 });
   let g2 = u$1(), A2 = o$6((c3) => {
-    if (!n$4(e2.current)) return;
-    let E2 = e2.current;
+    if (!n$4(e3.current)) return;
+    let E2 = e3.current;
     ((V2) => V2())(() => {
       u$e(g2.current, { [a$2.Forwards]: () => {
         v$2(E2, T$2.First, { skipElements: [c3.relatedTarget, a4] });
@@ -6352,33 +6352,33 @@ function w$2(o4, t2) {
   }, onBlur(c3) {
     if (!(s2 & 4)) return;
     let E2 = x(n2);
-    n$4(e2.current) && E2.add(e2.current);
+    n$4(e3.current) && E2.add(e3.current);
     let L2 = c3.relatedTarget;
-    i$4(L2) && L2.dataset.headlessuiFocusGuard !== "true" && (I(E2, L2) || (b3.current ? v$2(e2.current, u$e(g2.current, { [a$2.Forwards]: () => T$2.Next, [a$2.Backwards]: () => T$2.Previous }) | T$2.WrapAround, { relativeTo: c3.target }) : i$4(c3.target) && w$4(c3.target)));
+    i$4(L2) && L2.dataset.headlessuiFocusGuard !== "true" && (I(E2, L2) || (b3.current ? v$2(e3.current, u$e(g2.current, { [a$2.Forwards]: () => T$2.Next, [a$2.Backwards]: () => T$2.Previous }) | T$2.WrapAround, { relativeTo: c3.target }) : i$4(c3.target) && w$4(c3.target)));
   } }, B = K();
   return React__default.createElement(React__default.Fragment, null, v2 && React__default.createElement(f$d, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: A2, features: s$9.Focusable }), B({ ourProps: k2, theirProps: f2, defaultTag: $, name: "FocusTrap" }), v2 && React__default.createElement(f$d, { as: "button", type: "button", "data-headlessui-focus-guard": true, onFocus: A2, features: s$9.Focusable }));
 }
 let ee = Y(w$2), ge = Object.assign(ee, { features: G });
 function te(o4 = true) {
   let t2 = useRef(n.slice());
-  return m$1(([e2], [r2]) => {
-    r2 === true && e2 === false && t$5(() => {
+  return m$1(([e3], [r2]) => {
+    r2 === true && e3 === false && t$5(() => {
       t2.current.splice(0);
-    }), r2 === false && e2 === true && (t2.current = n.slice());
+    }), r2 === false && e3 === true && (t2.current = n.slice());
   }, [o4, n, t2]), o$6(() => {
-    var e2;
-    return (e2 = t2.current.find((r2) => r2 != null && r2.isConnected)) != null ? e2 : null;
+    var e3;
+    return (e3 = t2.current.find((r2) => r2 != null && r2.isConnected)) != null ? e3 : null;
   });
 }
 function re(o4, { ownerDocument: t2 }) {
-  let e2 = !!(o4 & 8), r2 = te(e2);
+  let e3 = !!(o4 & 8), r2 = te(e3);
   m$1(() => {
-    e2 || d$2(t2 == null ? void 0 : t2.body) && w$4(r2());
-  }, [e2]), c$4(() => {
-    e2 && w$4(r2());
+    e3 || d$2(t2 == null ? void 0 : t2.body) && w$4(r2());
+  }, [e3]), c$4(() => {
+    e3 && w$4(r2());
   });
 }
-function ne(o4, { ownerDocument: t2, container: e2, initialFocus: r2, initialFocusFallback: u3 }) {
+function ne(o4, { ownerDocument: t2, container: e3, initialFocus: r2, initialFocusFallback: u3 }) {
   let a4 = useRef(null), n2 = I$4(!!(o4 & 1), "focus-trap#initial-focus"), s2 = f$1();
   return m$1(() => {
     if (o4 === 0) return;
@@ -6386,7 +6386,7 @@ function ne(o4, { ownerDocument: t2, container: e2, initialFocus: r2, initialFoc
       u3 != null && u3.current && w$4(u3.current);
       return;
     }
-    let f2 = e2.current;
+    let f2 = e3.current;
     f2 && t$5(() => {
       if (!s2.current) return;
       let l2 = t2 == null ? void 0 : t2.activeElement;
@@ -6411,12 +6411,12 @@ function ne(o4, { ownerDocument: t2, container: e2, initialFocus: r2, initialFoc
     });
   }, [u3, n2, o4]), a4;
 }
-function oe$1(o4, { ownerDocument: t2, container: e2, containers: r2, previousActiveElement: u3 }) {
+function oe$1(o4, { ownerDocument: t2, container: e3, containers: r2, previousActiveElement: u3 }) {
   let a4 = f$1(), n2 = !!(o4 & 4);
   E$1(t2 == null ? void 0 : t2.defaultView, "focus", (s2) => {
     if (!n2 || !a4.current) return;
     let f2 = x(r2);
-    n$4(e2.current) && f2.add(e2.current);
+    n$4(e3.current) && f2.add(e3.current);
     let l2 = u3.current;
     if (!l2) return;
     let T3 = s2.target;
@@ -6424,33 +6424,33 @@ function oe$1(o4, { ownerDocument: t2, container: e2, containers: r2, previousAc
   }, true);
 }
 function I(o4, t2) {
-  for (let e2 of o4) if (e2.contains(t2)) return true;
+  for (let e3 of o4) if (e3.contains(t2)) return true;
   return false;
 }
-function ue(e2) {
+function ue(e3) {
   var t2;
-  return !!(e2.enter || e2.enterFrom || e2.enterTo || e2.leave || e2.leaveFrom || e2.leaveTo) || !b$5((t2 = e2.as) != null ? t2 : de) || React__default.Children.count(e2.children) === 1;
+  return !!(e3.enter || e3.enterFrom || e3.enterTo || e3.leave || e3.leaveFrom || e3.leaveTo) || !b$5((t2 = e3.as) != null ? t2 : de) || React__default.Children.count(e3.children) === 1;
 }
 let V$1 = createContext(null);
 V$1.displayName = "TransitionContext";
 var De$1 = ((n2) => (n2.Visible = "visible", n2.Hidden = "hidden", n2))(De$1 || {});
 function He$2() {
-  let e2 = useContext(V$1);
-  if (e2 === null) throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");
-  return e2;
+  let e3 = useContext(V$1);
+  if (e3 === null) throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");
+  return e3;
 }
 function Ae$1() {
-  let e2 = useContext(w$1);
-  if (e2 === null) throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");
-  return e2;
+  let e3 = useContext(w$1);
+  if (e3 === null) throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");
+  return e3;
 }
 let w$1 = createContext(null);
 w$1.displayName = "NestingContext";
-function M(e2) {
-  return "children" in e2 ? M(e2.children) : e2.current.filter(({ el: t2 }) => t2.current !== null).filter(({ state: t2 }) => t2 === "visible").length > 0;
+function M(e3) {
+  return "children" in e3 ? M(e3.children) : e3.current.filter(({ el: t2 }) => t2.current !== null).filter(({ state: t2 }) => t2 === "visible").length > 0;
 }
-function Te(e2, t2) {
-  let n2 = s$b(e2), l2 = useRef([]), S2 = f$1(), R2 = p$7(), d3 = o$6((o4, i2 = C$8.Hidden) => {
+function Te(e3, t2) {
+  let n2 = s$b(e3), l2 = useRef([]), S2 = f$1(), R2 = p$7(), d3 = o$6((o4, i2 = C$8.Hidden) => {
     let a4 = l2.current.findIndex(({ el: s2 }) => s2 === o4);
     a4 !== -1 && (u$e(i2, { [C$8.Unmount]() {
       l2.current.splice(a4, 1);
@@ -6478,9 +6478,9 @@ function Te(e2, t2) {
   return useMemo(() => ({ children: l2, register: y3, unregister: d3, onStart: g2, onStop: v2, wait: p2, chains: h3 }), [y3, d3, l2, g2, v2, h3, p2]);
 }
 let de = Fragment$1, fe = A$2.RenderStrategy;
-function Fe$2(e2, t2) {
+function Fe$2(e3, t2) {
   var ee2, te2;
-  let { transition: n2 = true, beforeEnter: l$12, afterEnter: S2, beforeLeave: R2, afterLeave: d3, enter: y3, enterFrom: C2, enterTo: p2, entered: h3, leave: g2, leaveFrom: v2, leaveTo: o4, ...i$12 } = e2, [a4, s2] = useState(null), r2 = useRef(null), f2 = ue(e2), U2 = y$5(...f2 ? [r2, t2, s2] : t2 === null ? [] : [t2]), H2 = (ee2 = i$12.unmount) == null || ee2 ? C$8.Unmount : C$8.Hidden, { show: u3, appear: z2, initial: K$1 } = He$2(), [m2, j2] = useState(u3 ? "visible" : "hidden"), Q2 = Ae$1(), { register: A2, unregister: F2 } = Q2;
+  let { transition: n2 = true, beforeEnter: l$12, afterEnter: S2, beforeLeave: R2, afterLeave: d3, enter: y3, enterFrom: C2, enterTo: p2, entered: h3, leave: g2, leaveFrom: v2, leaveTo: o4, ...i$12 } = e3, [a4, s2] = useState(null), r2 = useRef(null), f2 = ue(e3), U2 = y$5(...f2 ? [r2, t2, s2] : t2 === null ? [] : [t2]), H2 = (ee2 = i$12.unmount) == null || ee2 ? C$8.Unmount : C$8.Hidden, { show: u3, appear: z2, initial: K$1 } = He$2(), [m2, j2] = useState(u3 ? "visible" : "hidden"), Q2 = Ae$1(), { register: A2, unregister: F2 } = Q2;
   n$6(() => A2(r2), [A2, r2]), n$6(() => {
     if (H2 === C$8.Hidden && r2.current) {
       if (u3 && m2 !== "visible") {
@@ -6516,8 +6516,8 @@ function Fe$2(e2, t2) {
   let he2 = K();
   return React__default.createElement(w$1.Provider, { value: I2 }, React__default.createElement(c$6, { value: N$12 }, he2({ ourProps: Ce2, theirProps: i$12, defaultTag: de, features: fe, visible: m2 === "visible", name: "Transition.Child" })));
 }
-function Ie$1(e2, t2) {
-  let { show: n2, appear: l$12 = false, unmount: S2 = true, ...R2 } = e2, d3 = useRef(null), y3 = ue(e2), C2 = y$5(...y3 ? [d3, t2] : t2 === null ? [] : [t2]);
+function Ie$1(e3, t2) {
+  let { show: n2, appear: l$12 = false, unmount: S2 = true, ...R2 } = e3, d3 = useRef(null), y3 = ue(e3), C2 = y$5(...y3 ? [d3, t2] : t2 === null ? [] : [t2]);
   l();
   let p2 = u$4();
   if (n2 === void 0 && p2 !== null && (n2 = (p2 & i.Open) === i.Open), n2 === void 0) throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");
@@ -6533,33 +6533,33 @@ function Ie$1(e2, t2) {
   }, [n2, v2]);
   let r2 = { unmount: S2 }, f2 = o$6(() => {
     var u3;
-    o4 && i$12(false), (u3 = e2.beforeEnter) == null || u3.call(e2);
+    o4 && i$12(false), (u3 = e3.beforeEnter) == null || u3.call(e3);
   }), U2 = o$6(() => {
     var u3;
-    o4 && i$12(false), (u3 = e2.beforeLeave) == null || u3.call(e2);
+    o4 && i$12(false), (u3 = e3.beforeLeave) == null || u3.call(e3);
   }), H2 = K();
   return React__default.createElement(w$1.Provider, { value: v2 }, React__default.createElement(V$1.Provider, { value: s2 }, H2({ ourProps: { ...r2, as: Fragment$1, children: React__default.createElement(me, { ref: C2, ...r2, ...R2, beforeEnter: f2, beforeLeave: U2 }) }, theirProps: {}, defaultTag: Fragment$1, features: fe, visible: h3 === "visible", name: "Transition" })));
 }
-function Le$2(e2, t2) {
+function Le$2(e3, t2) {
   let n2 = useContext(V$1) !== null, l2 = u$4() !== null;
-  return React__default.createElement(React__default.Fragment, null, !n2 && l2 ? React__default.createElement(X, { ref: t2, ...e2 }) : React__default.createElement(me, { ref: t2, ...e2 }));
+  return React__default.createElement(React__default.Fragment, null, !n2 && l2 ? React__default.createElement(X, { ref: t2, ...e3 }) : React__default.createElement(me, { ref: t2, ...e3 }));
 }
 let X = Y(Ie$1), me = Y(Fe$2), Oe$2 = Y(Le$2), Ke$2 = Object.assign(X, { Child: Oe$2, Root: X });
 var we$1 = ((o4) => (o4[o4.Open = 0] = "Open", o4[o4.Closed = 1] = "Closed", o4))(we$1 || {}), Be$1 = ((t2) => (t2[t2.SetTitleId = 0] = "SetTitleId", t2))(Be$1 || {});
-let Ue$1 = { [0](e2, t2) {
-  return e2.titleId === t2.id ? e2 : { ...e2, titleId: t2.id };
+let Ue$1 = { [0](e3, t2) {
+  return e3.titleId === t2.id ? e3 : { ...e3, titleId: t2.id };
 } }, w = createContext(null);
 w.displayName = "DialogContext";
-function O(e2) {
+function O(e3) {
   let t2 = useContext(w);
   if (t2 === null) {
-    let o4 = new Error(`<${e2} /> is missing a parent <Dialog /> component.`);
+    let o4 = new Error(`<${e3} /> is missing a parent <Dialog /> component.`);
     throw Error.captureStackTrace && Error.captureStackTrace(o4, O), o4;
   }
   return t2;
 }
-function He$1(e2, t2) {
-  return u$e(t2.type, Ue$1, e2, t2);
+function He$1(e3, t2) {
+  return u$e(t2.type, Ue$1, e3, t2);
 }
 let z$1 = Y(function(t2, o4) {
   let a4 = useId$1(), { id: n2 = `headlessui-dialog-${a4}`, open: i$12, onClose: p2, initialFocus: d3, role: s2 = "dialog", autoFocus: f2 = true, __demoMode: u3 = false, unmount: y3 = false, ...S$12 } = t2, R2 = useRef(false);
@@ -6594,30 +6594,30 @@ let z$1 = Y(function(t2, o4) {
   let ie = K();
   return React__default.createElement(s$3, null, React__default.createElement(l$1, { force: true }, React__default.createElement(te$2, null, React__default.createElement(w.Provider, { value: re2 }, React__default.createElement(X$1, { target: T3 }, React__default.createElement(l$1, { force: false }, React__default.createElement(ne2, { slot: N2 }, React__default.createElement(ee2, null, React__default.createElement(ge, { initialFocus: d3, initialFocusFallback: T3, containers: M2, features: E2 }, React__default.createElement(C$4, { value: m2 }, ie({ ourProps: le, theirProps: S$12, slot: N2, defaultTag: Ne$1, features: We$1, visible: c3 === 0, name: "Dialog" })))))))))));
 }), Ne$1 = "div", We$1 = A$2.RenderStrategy | A$2.Static;
-function $e(e2, t2) {
-  let { transition: o4 = false, open: a4, ...n2 } = e2, i2 = u$4(), p2 = e2.hasOwnProperty("open") || i2 !== null, d3 = e2.hasOwnProperty("onClose");
+function $e(e3, t2) {
+  let { transition: o4 = false, open: a4, ...n2 } = e3, i2 = u$4(), p2 = e3.hasOwnProperty("open") || i2 !== null, d3 = e3.hasOwnProperty("onClose");
   if (!p2 && !d3) throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");
   if (!p2) throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");
   if (!d3) throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");
-  if (!i2 && typeof e2.open != "boolean") throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${e2.open}`);
-  if (typeof e2.onClose != "function") throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${e2.onClose}`);
+  if (!i2 && typeof e3.open != "boolean") throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${e3.open}`);
+  if (typeof e3.onClose != "function") throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${e3.onClose}`);
   return (a4 !== void 0 || o4) && !n2.static ? React__default.createElement(j, null, React__default.createElement(Ke$2, { show: a4, transition: o4, unmount: n2.unmount }, React__default.createElement(z$1, { ref: t2, ...n2 }))) : React__default.createElement(j, null, React__default.createElement(z$1, { ref: t2, open: a4, ...n2 }));
 }
 let je$1 = "div";
-function Ye(e2, t2) {
-  let o4 = useId$1(), { id: a4 = `headlessui-dialog-panel-${o4}`, transition: n2 = false, ...i2 } = e2, [{ dialogState: p2, unmount: d3 }, s2] = O("Dialog.Panel"), f2 = y$5(t2, s2.panelRef), u3 = n$5({ open: p2 === 0 }), y3 = o$6((I2) => {
+function Ye(e3, t2) {
+  let o4 = useId$1(), { id: a4 = `headlessui-dialog-panel-${o4}`, transition: n2 = false, ...i2 } = e3, [{ dialogState: p2, unmount: d3 }, s2] = O("Dialog.Panel"), f2 = y$5(t2, s2.panelRef), u3 = n$5({ open: p2 === 0 }), y3 = o$6((I2) => {
     I2.stopPropagation();
   }), S2 = { ref: f2, id: a4, onClick: y3 }, R2 = n2 ? Oe$2 : Fragment$1, g2 = n2 ? { unmount: d3 } : {}, T3 = K();
   return React__default.createElement(R2, { ...g2 }, T3({ ourProps: S2, theirProps: i2, slot: u3, defaultTag: je$1, name: "Dialog.Panel" }));
 }
 let Je = "div";
-function Ke$1(e2, t2) {
-  let { transition: o4 = false, ...a4 } = e2, [{ dialogState: n2, unmount: i2 }] = O("Dialog.Backdrop"), p2 = n$5({ open: n2 === 0 }), d3 = { ref: t2, "aria-hidden": true }, s2 = o4 ? Oe$2 : Fragment$1, f2 = o4 ? { unmount: i2 } : {}, u3 = K();
+function Ke$1(e3, t2) {
+  let { transition: o4 = false, ...a4 } = e3, [{ dialogState: n2, unmount: i2 }] = O("Dialog.Backdrop"), p2 = n$5({ open: n2 === 0 }), d3 = { ref: t2, "aria-hidden": true }, s2 = o4 ? Oe$2 : Fragment$1, f2 = o4 ? { unmount: i2 } : {}, u3 = K();
   return React__default.createElement(s2, { ...f2 }, u3({ ourProps: d3, theirProps: a4, slot: p2, defaultTag: Je, name: "Dialog.Backdrop" }));
 }
 let Xe = "h2";
-function Ve(e2, t2) {
-  let o4 = useId$1(), { id: a4 = `headlessui-dialog-title-${o4}`, ...n2 } = e2, [{ dialogState: i2, setTitleId: p2 }] = O("Dialog.Title"), d3 = y$5(t2);
+function Ve(e3, t2) {
+  let o4 = useId$1(), { id: a4 = `headlessui-dialog-title-${o4}`, ...n2 } = e3, [{ dialogState: i2, setTitleId: p2 }] = O("Dialog.Title"), d3 = y$5(t2);
   useEffect(() => (p2(a4), () => p2(null)), [a4, p2]);
   let s2 = n$5({ open: i2 === 0 }), f2 = { ref: d3, id: a4 };
   return K()({ ourProps: f2, theirProps: n2, slot: s2, defaultTag: Xe, name: "Dialog.Title" });
@@ -6632,19 +6632,19 @@ function c$1(d3, l2) {
 }
 let W = Y(c$1);
 let a$1 = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
-function o3(e2) {
+function o3(e3) {
   var l2, n2;
-  let i2 = (l2 = e2.innerText) != null ? l2 : "", t2 = e2.cloneNode(true);
+  let i2 = (l2 = e3.innerText) != null ? l2 : "", t2 = e3.cloneNode(true);
   if (!n$4(t2)) return i2;
   let u3 = false;
   for (let f2 of t2.querySelectorAll('[hidden],[aria-hidden],[role="img"]')) f2.remove(), u3 = true;
   let r2 = u3 ? (n2 = t2.innerText) != null ? n2 : "" : i2;
   return a$1.test(r2) && (r2 = r2.replace(a$1, "")), r2;
 }
-function F$1(e2) {
-  let i2 = e2.getAttribute("aria-label");
+function F$1(e3) {
+  let i2 = e3.getAttribute("aria-label");
   if (typeof i2 == "string") return i2.trim();
-  let t2 = e2.getAttribute("aria-labelledby");
+  let t2 = e3.getAttribute("aria-labelledby");
   if (t2) {
     let u3 = t2.split(" ").map((r2) => {
       let l2 = document.getElementById(r2);
@@ -6656,93 +6656,93 @@ function F$1(e2) {
     }).filter(Boolean);
     if (u3.length > 0) return u3.join(", ");
   }
-  return o3(e2).trim();
+  return o3(e3).trim();
 }
 function s$1(c3) {
   let t2 = useRef(""), r2 = useRef("");
   return o$6(() => {
-    let e2 = c3.current;
-    if (!e2) return "";
-    let u3 = e2.innerText;
+    let e3 = c3.current;
+    if (!e3) return "";
+    let u3 = e3.innerText;
     if (t2.current === u3) return r2.current;
-    let n2 = F$1(e2).trim().toLowerCase();
+    let n2 = F$1(e3).trim().toLowerCase();
     return t2.current = u3, r2.current = n2, n2;
   });
 }
 var T2 = Object.defineProperty;
-var y2 = (e2, o4, t2) => o4 in e2 ? T2(e2, o4, { enumerable: true, configurable: true, writable: true, value: t2 }) : e2[o4] = t2;
-var b$1 = (e2, o4, t2) => (y2(e2, typeof o4 != "symbol" ? o4 + "" : o4, t2), t2);
+var y2 = (e3, o4, t2) => o4 in e3 ? T2(e3, o4, { enumerable: true, configurable: true, writable: true, value: t2 }) : e3[o4] = t2;
+var b$1 = (e3, o4, t2) => (y2(e3, typeof o4 != "symbol" ? o4 + "" : o4, t2), t2);
 var F = ((t2) => (t2[t2.Open = 0] = "Open", t2[t2.Closed = 1] = "Closed", t2))(F || {}), P = ((t2) => (t2[t2.Single = 0] = "Single", t2[t2.Multi = 1] = "Multi", t2))(P || {}), C$1 = ((t2) => (t2[t2.Pointer = 0] = "Pointer", t2[t2.Other = 1] = "Other", t2))(C$1 || {}), k = ((r2) => (r2[r2.OpenListbox = 0] = "OpenListbox", r2[r2.CloseListbox = 1] = "CloseListbox", r2[r2.GoToOption = 2] = "GoToOption", r2[r2.Search = 3] = "Search", r2[r2.ClearSearch = 4] = "ClearSearch", r2[r2.SelectOption = 5] = "SelectOption", r2[r2.RegisterOptions = 6] = "RegisterOptions", r2[r2.UnregisterOptions = 7] = "UnregisterOptions", r2[r2.SetButtonElement = 8] = "SetButtonElement", r2[r2.SetOptionsElement = 9] = "SetOptionsElement", r2[r2.SortOptions = 10] = "SortOptions", r2[r2.MarkButtonAsMoved = 11] = "MarkButtonAsMoved", r2))(k || {});
-function g(e2, o4 = (t2) => t2) {
-  let t2 = e2.activeOptionIndex !== null ? e2.options[e2.activeOptionIndex] : null, n2 = G$1(o4(e2.options.slice()), (s2) => s2.dataRef.current.domRef.current), i2 = t2 ? n2.indexOf(t2) : null;
+function g(e3, o4 = (t2) => t2) {
+  let t2 = e3.activeOptionIndex !== null ? e3.options[e3.activeOptionIndex] : null, n2 = G$1(o4(e3.options.slice()), (s2) => s2.dataRef.current.domRef.current), i2 = t2 ? n2.indexOf(t2) : null;
   return i2 === -1 && (i2 = null), { options: n2, activeOptionIndex: i2 };
 }
-let D = { [1](e2) {
-  if (e2.dataRef.current.disabled || e2.listboxState === 1) return e2;
-  let o4 = e2.buttonElement ? c$2.Tracked(a$4(e2.buttonElement)) : e2.buttonPositionState;
-  return { ...e2, activeOptionIndex: null, pendingFocus: { focus: c$5.Nothing }, listboxState: 1, __demoMode: false, buttonPositionState: o4 };
-}, [0](e2, o4) {
-  if (e2.dataRef.current.disabled || e2.listboxState === 0) return e2;
-  let t2 = e2.activeOptionIndex, { isSelected: n2 } = e2.dataRef.current, i2 = e2.options.findIndex((s2) => n2(s2.dataRef.current.value));
-  return i2 !== -1 && (t2 = i2), { ...e2, frozenValue: false, pendingFocus: o4.focus, listboxState: 0, activeOptionIndex: t2, __demoMode: false, buttonPositionState: c$2.Idle };
-}, [2](e2, o4) {
+let D = { [1](e3) {
+  if (e3.dataRef.current.disabled || e3.listboxState === 1) return e3;
+  let o4 = e3.buttonElement ? c$2.Tracked(a$4(e3.buttonElement)) : e3.buttonPositionState;
+  return { ...e3, activeOptionIndex: null, pendingFocus: { focus: c$5.Nothing }, listboxState: 1, __demoMode: false, buttonPositionState: o4 };
+}, [0](e3, o4) {
+  if (e3.dataRef.current.disabled || e3.listboxState === 0) return e3;
+  let t2 = e3.activeOptionIndex, { isSelected: n2 } = e3.dataRef.current, i2 = e3.options.findIndex((s2) => n2(s2.dataRef.current.value));
+  return i2 !== -1 && (t2 = i2), { ...e3, frozenValue: false, pendingFocus: o4.focus, listboxState: 0, activeOptionIndex: t2, __demoMode: false, buttonPositionState: c$2.Idle };
+}, [2](e3, o4) {
   var s2, l2, c3, p2, f2;
-  if (e2.dataRef.current.disabled || e2.listboxState === 1) return e2;
-  let t2 = { ...e2, searchQuery: "", activationTrigger: (s2 = o4.trigger) != null ? s2 : 1, __demoMode: false };
+  if (e3.dataRef.current.disabled || e3.listboxState === 1) return e3;
+  let t2 = { ...e3, searchQuery: "", activationTrigger: (s2 = o4.trigger) != null ? s2 : 1, __demoMode: false };
   if (o4.focus === c$5.Nothing) return { ...t2, activeOptionIndex: null };
-  if (o4.focus === c$5.Specific) return { ...t2, activeOptionIndex: e2.options.findIndex((d3) => d3.id === o4.id) };
+  if (o4.focus === c$5.Specific) return { ...t2, activeOptionIndex: e3.options.findIndex((d3) => d3.id === o4.id) };
   if (o4.focus === c$5.Previous) {
-    let d3 = e2.activeOptionIndex;
+    let d3 = e3.activeOptionIndex;
     if (d3 !== null) {
-      let O2 = e2.options[d3].dataRef.current.domRef, r2 = f$4(o4, { resolveItems: () => e2.options, resolveActiveIndex: () => e2.activeOptionIndex, resolveId: (u3) => u3.id, resolveDisabled: (u3) => u3.dataRef.current.disabled });
+      let O2 = e3.options[d3].dataRef.current.domRef, r2 = f$4(o4, { resolveItems: () => e3.options, resolveActiveIndex: () => e3.activeOptionIndex, resolveId: (u3) => u3.id, resolveDisabled: (u3) => u3.dataRef.current.disabled });
       if (r2 !== null) {
-        let u3 = e2.options[r2].dataRef.current.domRef;
+        let u3 = e3.options[r2].dataRef.current.domRef;
         if (((l2 = O2.current) == null ? void 0 : l2.previousElementSibling) === u3.current || ((c3 = u3.current) == null ? void 0 : c3.previousElementSibling) === null) return { ...t2, activeOptionIndex: r2 };
       }
     }
   } else if (o4.focus === c$5.Next) {
-    let d3 = e2.activeOptionIndex;
+    let d3 = e3.activeOptionIndex;
     if (d3 !== null) {
-      let O2 = e2.options[d3].dataRef.current.domRef, r2 = f$4(o4, { resolveItems: () => e2.options, resolveActiveIndex: () => e2.activeOptionIndex, resolveId: (u3) => u3.id, resolveDisabled: (u3) => u3.dataRef.current.disabled });
+      let O2 = e3.options[d3].dataRef.current.domRef, r2 = f$4(o4, { resolveItems: () => e3.options, resolveActiveIndex: () => e3.activeOptionIndex, resolveId: (u3) => u3.id, resolveDisabled: (u3) => u3.dataRef.current.disabled });
       if (r2 !== null) {
-        let u3 = e2.options[r2].dataRef.current.domRef;
+        let u3 = e3.options[r2].dataRef.current.domRef;
         if (((p2 = O2.current) == null ? void 0 : p2.nextElementSibling) === u3.current || ((f2 = u3.current) == null ? void 0 : f2.nextElementSibling) === null) return { ...t2, activeOptionIndex: r2 };
       }
     }
   }
-  let n2 = g(e2), i2 = f$4(o4, { resolveItems: () => n2.options, resolveActiveIndex: () => n2.activeOptionIndex, resolveId: (d3) => d3.id, resolveDisabled: (d3) => d3.dataRef.current.disabled });
+  let n2 = g(e3), i2 = f$4(o4, { resolveItems: () => n2.options, resolveActiveIndex: () => n2.activeOptionIndex, resolveId: (d3) => d3.id, resolveDisabled: (d3) => d3.dataRef.current.disabled });
   return { ...t2, ...n2, activeOptionIndex: i2 };
-}, [3]: (e2, o4) => {
-  if (e2.dataRef.current.disabled || e2.listboxState === 1) return e2;
-  let n2 = e2.searchQuery !== "" ? 0 : 1, i2 = e2.searchQuery + o4.value.toLowerCase(), l2 = (e2.activeOptionIndex !== null ? e2.options.slice(e2.activeOptionIndex + n2).concat(e2.options.slice(0, e2.activeOptionIndex + n2)) : e2.options).find((p2) => {
+}, [3]: (e3, o4) => {
+  if (e3.dataRef.current.disabled || e3.listboxState === 1) return e3;
+  let n2 = e3.searchQuery !== "" ? 0 : 1, i2 = e3.searchQuery + o4.value.toLowerCase(), l2 = (e3.activeOptionIndex !== null ? e3.options.slice(e3.activeOptionIndex + n2).concat(e3.options.slice(0, e3.activeOptionIndex + n2)) : e3.options).find((p2) => {
     var f2;
     return !p2.dataRef.current.disabled && ((f2 = p2.dataRef.current.textValue) == null ? void 0 : f2.startsWith(i2));
-  }), c3 = l2 ? e2.options.indexOf(l2) : -1;
-  return c3 === -1 || c3 === e2.activeOptionIndex ? { ...e2, searchQuery: i2 } : { ...e2, searchQuery: i2, activeOptionIndex: c3, activationTrigger: 1 };
-}, [4](e2) {
-  return e2.dataRef.current.disabled || e2.listboxState === 1 || e2.searchQuery === "" ? e2 : { ...e2, searchQuery: "" };
-}, [5](e2) {
-  return e2.dataRef.current.mode === 0 ? { ...e2, frozenValue: true } : { ...e2 };
-}, [6]: (e2, o4) => {
-  let t2 = e2.options.concat(o4.options), n2 = e2.activeOptionIndex;
-  if (e2.pendingFocus.focus !== c$5.Nothing && (n2 = f$4(e2.pendingFocus, { resolveItems: () => t2, resolveActiveIndex: () => e2.activeOptionIndex, resolveId: (i2) => i2.id, resolveDisabled: (i2) => i2.dataRef.current.disabled })), e2.activeOptionIndex === null) {
-    let { isSelected: i2 } = e2.dataRef.current;
+  }), c3 = l2 ? e3.options.indexOf(l2) : -1;
+  return c3 === -1 || c3 === e3.activeOptionIndex ? { ...e3, searchQuery: i2 } : { ...e3, searchQuery: i2, activeOptionIndex: c3, activationTrigger: 1 };
+}, [4](e3) {
+  return e3.dataRef.current.disabled || e3.listboxState === 1 || e3.searchQuery === "" ? e3 : { ...e3, searchQuery: "" };
+}, [5](e3) {
+  return e3.dataRef.current.mode === 0 ? { ...e3, frozenValue: true } : { ...e3 };
+}, [6]: (e3, o4) => {
+  let t2 = e3.options.concat(o4.options), n2 = e3.activeOptionIndex;
+  if (e3.pendingFocus.focus !== c$5.Nothing && (n2 = f$4(e3.pendingFocus, { resolveItems: () => t2, resolveActiveIndex: () => e3.activeOptionIndex, resolveId: (i2) => i2.id, resolveDisabled: (i2) => i2.dataRef.current.disabled })), e3.activeOptionIndex === null) {
+    let { isSelected: i2 } = e3.dataRef.current;
     if (i2) {
       let s2 = t2.findIndex((l2) => i2 == null ? void 0 : i2(l2.dataRef.current.value));
       s2 !== -1 && (n2 = s2);
     }
   }
-  return { ...e2, options: t2, activeOptionIndex: n2, pendingFocus: { focus: c$5.Nothing }, pendingShouldSort: true };
-}, [7]: (e2, o4) => {
-  let t2 = e2.options, n2 = [], i2 = new Set(o4.options);
+  return { ...e3, options: t2, activeOptionIndex: n2, pendingFocus: { focus: c$5.Nothing }, pendingShouldSort: true };
+}, [7]: (e3, o4) => {
+  let t2 = e3.options, n2 = [], i2 = new Set(o4.options);
   for (let [s2, l2] of t2.entries()) if (i2.has(l2.id) && (n2.push(s2), i2.delete(l2.id), i2.size === 0)) break;
   if (n2.length > 0) {
     t2 = t2.slice();
     for (let s2 of n2.reverse()) t2.splice(s2, 1);
   }
-  return { ...e2, options: t2, activationTrigger: 1 };
-}, [8]: (e2, o4) => e2.buttonElement === o4.element ? e2 : { ...e2, buttonElement: o4.element }, [9]: (e2, o4) => e2.optionsElement === o4.element ? e2 : { ...e2, optionsElement: o4.element }, [10]: (e2) => e2.pendingShouldSort ? { ...e2, ...g(e2), pendingShouldSort: false } : e2, [11](e2) {
-  return e2.buttonPositionState.kind !== "Tracked" ? e2 : { ...e2, buttonPositionState: c$2.Moved };
+  return { ...e3, options: t2, activationTrigger: 1 };
+}, [8]: (e3, o4) => e3.buttonElement === o4.element ? e3 : { ...e3, buttonElement: o4.element }, [9]: (e3, o4) => e3.optionsElement === o4.element ? e3 : { ...e3, optionsElement: o4.element }, [10]: (e3) => e3.pendingShouldSort ? { ...e3, ...g(e3), pendingShouldSort: false } : e3, [11](e3) {
+  return e3.buttonPositionState.kind !== "Tracked" ? e3 : { ...e3, buttonPositionState: c$2.Moved };
 } };
 let h$1 = class h extends T$3 {
   constructor(t2) {
@@ -6835,15 +6835,15 @@ let h$1 = class h extends T$3 {
 };
 const c2 = createContext(null);
 function p(o4) {
-  let e2 = useContext(c2);
-  if (e2 === null) {
+  let e3 = useContext(c2);
+  if (e3 === null) {
     let t2 = new Error(`<${o4} /> is missing a parent <Listbox /> component.`);
     throw Error.captureStackTrace && Error.captureStackTrace(t2, u2), t2;
   }
-  return e2;
+  return e3;
 }
-function u2({ id: o4, __demoMode: e2 = false }) {
-  let t2 = useMemo(() => h$1.new({ id: o4, __demoMode: e2 }), []);
+function u2({ id: o4, __demoMode: e3 = false }) {
+  let t2 = useMemo(() => h$1.new({ id: o4, __demoMode: e3 }), []);
   return c$4(() => t2.dispose()), t2;
 }
 let oe = createContext(null);
@@ -6910,58 +6910,58 @@ let Oe$1 = createContext(false), ht = "div", At = A$2.RenderStrategy | A$2.Stati
 function _t(b3, E2) {
   let m2 = useId$1(), { id: u3 = `headlessui-listbox-options-${m2}`, anchor: s2, portal: a4 = false, modal: _2 = true, transition: i$12 = false, ...y3 } = b3, o4 = ye(s2), [x2, O2] = useState(null);
   o4 && (a4 = true);
-  let l2 = Q$1("Listbox.Options"), t2 = p("Listbox.Options"), [p$12, S2, h3, I2] = S$5(t2, (e2) => [e2.listboxState, e2.buttonElement, e2.optionsElement, e2.__demoMode]), R$1 = u$7(S2), c3 = u$7(h3), L2 = u$4(), [f2, k2] = N(i$12, x2, L2 !== null ? (L2 & i.Open) === i.Open : p$12 === F.Open);
+  let l2 = Q$1("Listbox.Options"), t2 = p("Listbox.Options"), [p$12, S2, h3, I2] = S$5(t2, (e3) => [e3.listboxState, e3.buttonElement, e3.optionsElement, e3.__demoMode]), R$1 = u$7(S2), c3 = u$7(h3), L2 = u$4(), [f2, k2] = N(i$12, x2, L2 !== null ? (L2 & i.Open) === i.Open : p$12 === F.Open);
   p$3(f2, S2, t2.actions.closeListbox);
   let N$12 = I2 ? false : _2 && p$12 === F.Open;
   f$6(N$12, c3);
   let C2 = I2 ? false : _2 && p$12 === F.Open;
   y$3(C2, { allowed: useCallback(() => [S2, h3], [S2, h3]) });
-  let n2 = S$5(t2, t2.selectors.didButtonMove) ? false : f2, F$12 = S$5(t2, t2.selectors.hasFrozenValue) && !b3.static, U2 = u$5(F$12, l2.value), H2 = useCallback((e2) => l2.compare(U2, e2), [l2.compare, U2]), A2 = S$5(t2, (e2) => {
+  let n2 = S$5(t2, t2.selectors.didButtonMove) ? false : f2, F$12 = S$5(t2, t2.selectors.hasFrozenValue) && !b3.static, U2 = u$5(F$12, l2.value), H2 = useCallback((e3) => l2.compare(U2, e3), [l2.compare, U2]), A2 = S$5(t2, (e3) => {
     var de2;
     if (o4 == null || !((de2 = o4 == null ? void 0 : o4.to) != null && de2.includes("selection"))) return null;
-    let w2 = e2.options.findIndex((ve2) => H2(ve2.dataRef.current.value));
+    let w2 = e3.options.findIndex((ve2) => H2(ve2.dataRef.current.value));
     return w2 === -1 && (w2 = 0), w2;
   }), $2 = (() => {
     if (o4 == null) return;
     if (A2 === null) return { ...o4, inner: void 0 };
-    let e2 = Array.from(l2.listRef.current.values());
-    return { ...o4, inner: { listRef: { current: e2 }, index: A2 } };
+    let e3 = Array.from(l2.listRef.current.values());
+    return { ...o4, inner: { listRef: { current: e3 }, index: A2 } };
   })(), [r2, M2] = Re$1($2), ne2 = Te$1(), re2 = y$5(E2, o4 ? r2 : null, t2.actions.setOptionsElement, O2), q2 = p$7();
   useEffect(() => {
-    let e2 = h3;
-    e2 && p$12 === F.Open && (d$2(e2) || e2 == null || e2.focus({ preventScroll: true }));
+    let e3 = h3;
+    e3 && p$12 === F.Open && (d$2(e3) || e3 == null || e3.focus({ preventScroll: true }));
   }, [p$12, h3]);
-  let le = o$6((e2) => {
+  let le = o$6((e3) => {
     var w2;
-    switch (q2.dispose(), e2.key) {
+    switch (q2.dispose(), e3.key) {
       case o$4.Space:
-        if (t2.state.searchQuery !== "") return e2.preventDefault(), e2.stopPropagation(), t2.actions.search(e2.key);
+        if (t2.state.searchQuery !== "") return e3.preventDefault(), e3.stopPropagation(), t2.actions.search(e3.key);
       case o$4.Enter:
-        e2.preventDefault(), e2.stopPropagation(), t2.actions.selectActiveOption();
+        e3.preventDefault(), e3.stopPropagation(), t2.actions.selectActiveOption();
         break;
       case u$e(l2.orientation, { vertical: o$4.ArrowDown, horizontal: o$4.ArrowRight }):
-        return e2.preventDefault(), e2.stopPropagation(), t2.actions.goToOption({ focus: c$5.Next });
+        return e3.preventDefault(), e3.stopPropagation(), t2.actions.goToOption({ focus: c$5.Next });
       case u$e(l2.orientation, { vertical: o$4.ArrowUp, horizontal: o$4.ArrowLeft }):
-        return e2.preventDefault(), e2.stopPropagation(), t2.actions.goToOption({ focus: c$5.Previous });
+        return e3.preventDefault(), e3.stopPropagation(), t2.actions.goToOption({ focus: c$5.Previous });
       case o$4.Home:
       case o$4.PageUp:
-        return e2.preventDefault(), e2.stopPropagation(), t2.actions.goToOption({ focus: c$5.First });
+        return e3.preventDefault(), e3.stopPropagation(), t2.actions.goToOption({ focus: c$5.First });
       case o$4.End:
       case o$4.PageDown:
-        return e2.preventDefault(), e2.stopPropagation(), t2.actions.goToOption({ focus: c$5.Last });
+        return e3.preventDefault(), e3.stopPropagation(), t2.actions.goToOption({ focus: c$5.Last });
       case o$4.Escape:
-        e2.preventDefault(), e2.stopPropagation(), flushSync(() => t2.actions.closeListbox()), (w2 = t2.state.buttonElement) == null || w2.focus({ preventScroll: true });
+        e3.preventDefault(), e3.stopPropagation(), flushSync(() => t2.actions.closeListbox()), (w2 = t2.state.buttonElement) == null || w2.focus({ preventScroll: true });
         return;
       case o$4.Tab:
-        e2.preventDefault(), e2.stopPropagation(), flushSync(() => t2.actions.closeListbox()), R(t2.state.buttonElement, e2.shiftKey ? T$2.Previous : T$2.Next);
+        e3.preventDefault(), e3.stopPropagation(), flushSync(() => t2.actions.closeListbox()), R(t2.state.buttonElement, e3.shiftKey ? T$2.Previous : T$2.Next);
         break;
       default:
-        e2.key.length === 1 && (t2.actions.search(e2.key), q2.setTimeout(() => t2.actions.clearSearch(), 350));
+        e3.key.length === 1 && (t2.actions.search(e3.key), q2.setTimeout(() => t2.actions.clearSearch(), 350));
         break;
     }
-  }), P$12 = S$5(t2, (e2) => {
+  }), P$12 = S$5(t2, (e3) => {
     var w2;
-    return (w2 = e2.buttonElement) == null ? void 0 : w2.id;
+    return (w2 = e3.buttonElement) == null ? void 0 : w2.id;
   }), W2 = n$5({ open: p$12 === F.Open }), Le2 = V$3(o4 ? ne2() : {}, { id: u3, ref: re2, "aria-activedescendant": S$5(t2, t2.selectors.activeDescendantId), "aria-multiselectable": l2.mode === P.Multi ? true : void 0, "aria-labelledby": P$12, "aria-orientation": l2.orientation, onKeyDown: le, role: "listbox", tabIndex: p$12 === F.Open ? 0 : void 0, style: { ...y3.style, ...M2, "--button-width": w$5(f2, S2, true).width }, ...x$2(k2) }), Pe = K(), ge2 = useMemo(() => l2.mode === P.Multi ? l2 : { ...l2, isSelected: H2 }, [l2, H2]);
   return React__default.createElement(te$2, { enabled: a4 ? b3.static || f2 : false, ownerDocument: R$1 }, React__default.createElement(oe.Provider, { value: ge2 }, Pe({ ourProps: Le2, theirProps: y3, slot: W2, defaultTag: ht, features: At, visible: n2, name: "Listbox.Options" })));
 }
@@ -7016,12 +7016,12 @@ function Le$1(n2, t2) {
     P2(true), r2 == null || r2(!d3), F2.nextFrame(() => {
       P2(false);
     });
-  }), k2 = o$6((e2) => {
-    if (s$8(e2.currentTarget)) return e2.preventDefault();
-    e2.preventDefault(), D2();
-  }), M2 = o$6((e2) => {
-    e2.key === o$4.Space ? (e2.preventDefault(), D2()) : e2.key === o$4.Enter && g$3(e2.currentTarget);
-  }), U2 = o$6((e2) => e2.preventDefault()), I2 = N$1(), B = w$6(), { isFocusVisible: K$1, focusProps: O2 } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: S2 }), { isHovered: W2, hoverProps: N2 } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: o4 }), { pressed: J2, pressProps: V2 } = w$7({ disabled: o4 }), X2 = n$5({ checked: d3, disabled: o4, hover: W2, focus: K$1, active: J2, autofocus: S2, changing: H2 }), j2 = V$3({ id: b3, ref: A2, role: "switch", type: e$1(n2, L2), tabIndex: n2.tabIndex === -1 ? 0 : (g2 = n2.tabIndex) != null ? g2 : 0, "aria-checked": d3, "aria-labelledby": I2, "aria-describedby": B, disabled: o4 || void 0, autoFocus: S2, onClick: k2, onKeyUp: M2, onKeyPress: U2 }, O2, N2, V2), $2 = useCallback(() => {
+  }), k2 = o$6((e3) => {
+    if (s$8(e3.currentTarget)) return e3.preventDefault();
+    e3.preventDefault(), D2();
+  }), M2 = o$6((e3) => {
+    e3.key === o$4.Space ? (e3.preventDefault(), D2()) : e3.key === o$4.Enter && g$3(e3.currentTarget);
+  }), U2 = o$6((e3) => e3.preventDefault()), I2 = N$1(), B = w$6(), { isFocusVisible: K$1, focusProps: O2 } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: S2 }), { isHovered: W2, hoverProps: N2 } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: o4 }), { pressed: J2, pressProps: V2 } = w$7({ disabled: o4 }), X2 = n$5({ checked: d3, disabled: o4, hover: W2, focus: K$1, active: J2, autofocus: S2, changing: H2 }), j2 = V$3({ id: b3, ref: A2, role: "switch", type: e$1(n2, L2), tabIndex: n2.tabIndex === -1 ? 0 : (g2 = n2.tabIndex) != null ? g2 : 0, "aria-checked": d3, "aria-labelledby": I2, "aria-describedby": B, disabled: o4 || void 0, autoFocus: S2, onClick: k2, onKeyUp: M2, onKeyPress: U2 }, O2, N2, V2), $2 = useCallback(() => {
     if (l2 !== void 0) return r2 == null ? void 0 : r2(l2);
   }, [r2, l2]), q2 = K();
   return React__default.createElement(React__default.Fragment, null, p2 != null && React__default.createElement(j$6, { disabled: o4, data: { [p2]: c3 || "on" }, overrides: { type: "checkbox", checked: d3 }, form: u3, onReset: $2 }), q2({ ourProps: j2, theirProps: C2, slot: X2, defaultTag: Ce$1, name: "Switch" }));
@@ -7031,106 +7031,106 @@ function b2({ onFocus: n2 }) {
   let [r2, o4] = useState(true), u3 = f$1();
   return r2 ? React__default.createElement(f$d, { as: "button", type: "button", features: s$9.Focusable, onFocus: (a4) => {
     a4.preventDefault();
-    let e2, i2 = 50;
+    let e3, i2 = 50;
     function t2() {
       if (i2-- <= 0) {
-        e2 && cancelAnimationFrame(e2);
+        e3 && cancelAnimationFrame(e3);
         return;
       }
       if (n2()) {
-        if (cancelAnimationFrame(e2), !u3.current) return;
+        if (cancelAnimationFrame(e3), !u3.current) return;
         o4(false);
         return;
       }
-      e2 = requestAnimationFrame(t2);
+      e3 = requestAnimationFrame(t2);
     }
-    e2 = requestAnimationFrame(t2);
+    e3 = requestAnimationFrame(t2);
   } }) : null;
 }
 const s = React.createContext(null);
 function a3() {
-  return { groups: /* @__PURE__ */ new Map(), get(o4, e2) {
+  return { groups: /* @__PURE__ */ new Map(), get(o4, e3) {
     var i2;
     let t2 = this.groups.get(o4);
     t2 || (t2 = /* @__PURE__ */ new Map(), this.groups.set(o4, t2));
-    let n2 = (i2 = t2.get(e2)) != null ? i2 : 0;
-    t2.set(e2, n2 + 1);
-    let r2 = Array.from(t2.keys()).indexOf(e2);
+    let n2 = (i2 = t2.get(e3)) != null ? i2 : 0;
+    t2.set(e3, n2 + 1);
+    let r2 = Array.from(t2.keys()).indexOf(e3);
     function u3() {
-      let c3 = t2.get(e2);
-      c3 > 1 ? t2.set(e2, c3 - 1) : t2.delete(e2);
+      let c3 = t2.get(e3);
+      c3 > 1 ? t2.set(e3, c3 - 1) : t2.delete(e3);
     }
     return [r2, u3];
   } };
 }
 function f({ children: o4 }) {
-  let e2 = React.useRef(a3());
-  return React.createElement(s.Provider, { value: e2 }, o4);
+  let e3 = React.useRef(a3());
+  return React.createElement(s.Provider, { value: e3 }, o4);
 }
 function C(o4) {
-  let e2 = React.useContext(s);
-  if (!e2) throw new Error("You must wrap your component in a <StableCollection>");
-  let t2 = React.useId(), [n2, r2] = e2.current.get(o4, t2);
+  let e3 = React.useContext(s);
+  if (!e3) throw new Error("You must wrap your component in a <StableCollection>");
+  let t2 = React.useId(), [n2, r2] = e3.current.get(o4, t2);
   return React.useEffect(() => r2, []), n2;
 }
 var Le = ((t2) => (t2[t2.Forwards = 0] = "Forwards", t2[t2.Backwards = 1] = "Backwards", t2))(Le || {}), _e = ((l2) => (l2[l2.Less = -1] = "Less", l2[l2.Equal = 0] = "Equal", l2[l2.Greater = 1] = "Greater", l2))(_e || {}), Se = ((n2) => (n2[n2.SetSelectedIndex = 0] = "SetSelectedIndex", n2[n2.RegisterTab = 1] = "RegisterTab", n2[n2.UnregisterTab = 2] = "UnregisterTab", n2[n2.RegisterPanel = 3] = "RegisterPanel", n2[n2.UnregisterPanel = 4] = "UnregisterPanel", n2))(Se || {});
-let De = { [0](e2, r2) {
+let De = { [0](e3, r2) {
   var d3;
-  let t2 = G$1(e2.tabs, (u3) => u3.current), l2 = G$1(e2.panels, (u3) => u3.current), a4 = t2.filter((u3) => {
+  let t2 = G$1(e3.tabs, (u3) => u3.current), l2 = G$1(e3.panels, (u3) => u3.current), a4 = t2.filter((u3) => {
     var T3;
     return !((T3 = u3.current) != null && T3.hasAttribute("disabled"));
-  }), n2 = { ...e2, tabs: t2, panels: l2 };
+  }), n2 = { ...e3, tabs: t2, panels: l2 };
   if (r2.index < 0 || r2.index > t2.length - 1) {
-    let u3 = u$e(Math.sign(r2.index - e2.selectedIndex), { [-1]: () => 1, [0]: () => u$e(Math.sign(r2.index), { [-1]: () => 0, [0]: () => 0, [1]: () => 1 }), [1]: () => 0 });
+    let u3 = u$e(Math.sign(r2.index - e3.selectedIndex), { [-1]: () => 1, [0]: () => u$e(Math.sign(r2.index), { [-1]: () => 0, [0]: () => 0, [1]: () => 1 }), [1]: () => 0 });
     if (a4.length === 0) return n2;
     let T3 = u$e(u3, { [0]: () => t2.indexOf(a4[0]), [1]: () => t2.indexOf(a4[a4.length - 1]) });
-    return { ...n2, selectedIndex: T3 === -1 ? e2.selectedIndex : T3 };
+    return { ...n2, selectedIndex: T3 === -1 ? e3.selectedIndex : T3 };
   }
   let s2 = t2.slice(0, r2.index), f2 = [...t2.slice(r2.index), ...s2].find((u3) => a4.includes(u3));
   if (!f2) return n2;
-  let b3 = (d3 = t2.indexOf(f2)) != null ? d3 : e2.selectedIndex;
-  return b3 === -1 && (b3 = e2.selectedIndex), { ...n2, selectedIndex: b3 };
-}, [1](e2, r2) {
-  if (e2.tabs.includes(r2.tab)) return e2;
-  let t2 = e2.tabs[e2.selectedIndex], l2 = G$1([...e2.tabs, r2.tab], (n2) => n2.current), a4 = e2.selectedIndex;
-  return e2.info.current.isControlled || (a4 = l2.indexOf(t2), a4 === -1 && (a4 = e2.selectedIndex)), { ...e2, tabs: l2, selectedIndex: a4 };
-}, [2](e2, r2) {
-  return { ...e2, tabs: e2.tabs.filter((t2) => t2 !== r2.tab) };
-}, [3](e2, r2) {
-  return e2.panels.includes(r2.panel) ? e2 : { ...e2, panels: G$1([...e2.panels, r2.panel], (t2) => t2.current) };
-}, [4](e2, r2) {
-  return { ...e2, panels: e2.panels.filter((t2) => t2 !== r2.panel) };
+  let b3 = (d3 = t2.indexOf(f2)) != null ? d3 : e3.selectedIndex;
+  return b3 === -1 && (b3 = e3.selectedIndex), { ...n2, selectedIndex: b3 };
+}, [1](e3, r2) {
+  if (e3.tabs.includes(r2.tab)) return e3;
+  let t2 = e3.tabs[e3.selectedIndex], l2 = G$1([...e3.tabs, r2.tab], (n2) => n2.current), a4 = e3.selectedIndex;
+  return e3.info.current.isControlled || (a4 = l2.indexOf(t2), a4 === -1 && (a4 = e3.selectedIndex)), { ...e3, tabs: l2, selectedIndex: a4 };
+}, [2](e3, r2) {
+  return { ...e3, tabs: e3.tabs.filter((t2) => t2 !== r2.tab) };
+}, [3](e3, r2) {
+  return e3.panels.includes(r2.panel) ? e3 : { ...e3, panels: G$1([...e3.panels, r2.panel], (t2) => t2.current) };
+}, [4](e3, r2) {
+  return { ...e3, panels: e3.panels.filter((t2) => t2 !== r2.panel) };
 } }, z = createContext(null);
 z.displayName = "TabsDataContext";
-function h2(e2) {
+function h2(e3) {
   let r2 = useContext(z);
   if (r2 === null) {
-    let t2 = new Error(`<${e2} /> is missing a parent <Tab.Group /> component.`);
+    let t2 = new Error(`<${e3} /> is missing a parent <Tab.Group /> component.`);
     throw Error.captureStackTrace && Error.captureStackTrace(t2, h2), t2;
   }
   return r2;
 }
 let V = createContext(null);
 V.displayName = "TabsActionsContext";
-function Q(e2) {
+function Q(e3) {
   let r2 = useContext(V);
   if (r2 === null) {
-    let t2 = new Error(`<${e2} /> is missing a parent <Tab.Group /> component.`);
+    let t2 = new Error(`<${e3} /> is missing a parent <Tab.Group /> component.`);
     throw Error.captureStackTrace && Error.captureStackTrace(t2, Q), t2;
   }
   return r2;
 }
-function Fe(e2, r2) {
-  return u$e(r2.type, De, e2, r2);
+function Fe(e3, r2) {
+  return u$e(r2.type, De, e3, r2);
 }
 let Ie = "div";
-function he(e2, r2) {
-  let { defaultIndex: t2 = 0, vertical: l2 = false, manual: a4 = false, onChange: n2, selectedIndex: s2 = null, ...g2 } = e2;
+function he(e3, r2) {
+  let { defaultIndex: t2 = 0, vertical: l2 = false, manual: a4 = false, onChange: n2, selectedIndex: s2 = null, ...g2 } = e3;
   const f$12 = l2 ? "vertical" : "horizontal", b$12 = a4 ? "manual" : "auto";
   let d3 = s2 !== null, u3 = s$b({ isControlled: d3 }), T3 = y$5(r2), [p2, c3] = useReducer(Fe, { info: u3, selectedIndex: s2 != null ? s2 : t2, tabs: [], panels: [] }), v2 = n$5({ selectedIndex: p2.selectedIndex }), m2 = s$b(n2 || (() => {
   })), C2 = s$b(p2.tabs), D2 = useMemo(() => ({ orientation: f$12, activation: b$12, ...p2 }), [f$12, b$12, p2]), P2 = o$6((i2) => (c3({ type: 1, tab: i2 }), () => c3({ type: 2, tab: i2 }))), R2 = o$6((i2) => (c3({ type: 3, panel: i2 }), () => c3({ type: 4, panel: i2 }))), A2 = o$6((i2) => {
     L2.current !== i2 && m2.current(i2), d3 || c3({ type: 0, index: i2 });
-  }), L2 = s$b(d3 ? e2.selectedIndex : p2.selectedIndex), _2 = useMemo(() => ({ registerTab: P2, registerPanel: R2, change: A2 }), []);
+  }), L2 = s$b(d3 ? e3.selectedIndex : p2.selectedIndex), _2 = useMemo(() => ({ registerTab: P2, registerPanel: R2, change: A2 }), []);
   n$6(() => {
     c3({ type: 0, index: s2 != null ? s2 : t2 });
   }, [s2]), n$6(() => {
@@ -7146,14 +7146,14 @@ function he(e2, r2) {
   } }), X2({ ourProps: J2, theirProps: g2, slot: v2, defaultTag: Ie, name: "Tabs" }))));
 }
 let ve = "div";
-function Ce(e2, r2) {
-  let { orientation: t2, selectedIndex: l2 } = h2("Tab.List"), a4 = y$5(r2), n2 = n$5({ selectedIndex: l2 }), s2 = e2, g2 = { ref: a4, role: "tablist", "aria-orientation": t2 };
+function Ce(e3, r2) {
+  let { orientation: t2, selectedIndex: l2 } = h2("Tab.List"), a4 = y$5(r2), n2 = n$5({ selectedIndex: l2 }), s2 = e3, g2 = { ref: a4, role: "tablist", "aria-orientation": t2 };
   return K()({ ourProps: g2, theirProps: s2, slot: n2, defaultTag: ve, name: "Tabs.List" });
 }
 let Me = "button";
-function Ge(e2, r2) {
+function Ge(e3, r2) {
   var Y2, Z2;
-  let t2 = useId$1(), { id: l2 = `headlessui-tabs-tab-${t2}`, disabled: a4 = false, autoFocus: n2 = false, ...s2 } = e2, { orientation: g2, activation: f2, selectedIndex: b3, tabs: d3, panels: u3 } = h2("Tab"), T3 = Q("Tab"), p2 = h2("Tab"), [c3, v2] = useState(null), m2 = useRef(null), C$12 = y$5(m2, r2, v2);
+  let t2 = useId$1(), { id: l2 = `headlessui-tabs-tab-${t2}`, disabled: a4 = false, autoFocus: n2 = false, ...s2 } = e3, { orientation: g2, activation: f2, selectedIndex: b3, tabs: d3, panels: u3 } = h2("Tab"), T3 = Q("Tab"), p2 = h2("Tab"), [c3, v2] = useState(null), m2 = useRef(null), C$12 = y$5(m2, r2, v2);
   n$6(() => T3.registerTab(m2), [T3, m2]);
   let D2 = C("tabs"), P2 = d3.indexOf(m2);
   P2 === -1 && (P2 = D2);
@@ -7190,18 +7190,18 @@ function Ge(e2, r2) {
     }));
   }), X2 = o$6((o4) => {
     o4.preventDefault();
-  }), { isFocusVisible: i2, focusProps: M2 } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: n2 }), { isHovered: S2, hoverProps: $2 } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: a4 }), { pressed: pe, pressProps: ue2 } = w$7({ disabled: a4 }), Te2 = n$5({ selected: R2, hover: S2, active: pe, focus: i2, autofocus: n2, disabled: a4 }), de2 = V$3({ ref: C$12, onKeyDown: L2, onMouseDown: X2, onClick: J2, id: l2, role: "tab", type: e$1(e2, c3), "aria-controls": (Z2 = (Y2 = u3[P2]) == null ? void 0 : Y2.current) == null ? void 0 : Z2.id, "aria-selected": R2, tabIndex: R2 ? 0 : -1, disabled: a4 || void 0, autoFocus: n2 }, M2, $2, ue2);
+  }), { isFocusVisible: i2, focusProps: M2 } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: n2 }), { isHovered: S2, hoverProps: $2 } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: a4 }), { pressed: pe, pressProps: ue2 } = w$7({ disabled: a4 }), Te2 = n$5({ selected: R2, hover: S2, active: pe, focus: i2, autofocus: n2, disabled: a4 }), de2 = V$3({ ref: C$12, onKeyDown: L2, onMouseDown: X2, onClick: J2, id: l2, role: "tab", type: e$1(e3, c3), "aria-controls": (Z2 = (Y2 = u3[P2]) == null ? void 0 : Y2.current) == null ? void 0 : Z2.id, "aria-selected": R2, tabIndex: R2 ? 0 : -1, disabled: a4 || void 0, autoFocus: n2 }, M2, $2, ue2);
   return K()({ ourProps: de2, theirProps: s2, slot: Te2, defaultTag: Me, name: "Tabs.Tab" });
 }
 let Ue = "div";
-function He(e2, r2) {
-  let { selectedIndex: t2 } = h2("Tab.Panels"), l2 = y$5(r2), a4 = n$5({ selectedIndex: t2 }), n2 = e2, s2 = { ref: l2 };
+function He(e3, r2) {
+  let { selectedIndex: t2 } = h2("Tab.Panels"), l2 = y$5(r2), a4 = n$5({ selectedIndex: t2 }), n2 = e3, s2 = { ref: l2 };
   return K()({ ourProps: s2, theirProps: n2, slot: a4, defaultTag: Ue, name: "Tabs.Panels" });
 }
 let we = "div", Oe = A$2.RenderStrategy | A$2.Static;
-function Ne(e2, r2) {
+function Ne(e3, r2) {
   var R2, A2, L2, _2;
-  let t2 = useId$1(), { id: l2 = `headlessui-tabs-panel-${t2}`, tabIndex: a4 = 0, ...n2 } = e2, { selectedIndex: s2, tabs: g2, panels: f2 } = h2("Tab.Panel"), b3 = Q("Tab.Panel"), d3 = useRef(null), u3 = y$5(d3, r2);
+  let t2 = useId$1(), { id: l2 = `headlessui-tabs-panel-${t2}`, tabIndex: a4 = 0, ...n2 } = e3, { selectedIndex: s2, tabs: g2, panels: f2 } = h2("Tab.Panel"), b3 = Q("Tab.Panel"), d3 = useRef(null), u3 = y$5(d3, r2);
   n$6(() => b3.registerPanel(d3), [b3, d3]);
   let T3 = C("panels"), p2 = f2.indexOf(d3);
   p2 === -1 && (p2 = T3);
@@ -7369,7 +7369,7 @@ const CloseIcon$2 = () => /* @__PURE__ */ jsx(
     )
   }
 );
-const sizeStyles$8 = {
+const sizeStyles$9 = {
   sm: "max-w-[400px]",
   md: "max-w-[560px]",
   lg: "max-w-[720px]"
@@ -7422,7 +7422,7 @@ function Modal({
               "bg-white border border-primary-200",
               // Dark mode
               "dark:bg-primary-800 dark:border-primary-700",
-              sizeStyles$8[size2],
+              sizeStyles$9[size2],
               className
             ),
             children: [
@@ -7500,7 +7500,7 @@ const CloseIcon$1 = () => /* @__PURE__ */ jsx(
     )
   }
 );
-const sizeStyles$7 = {
+const sizeStyles$8 = {
   sm: "max-w-[400px]",
   md: "max-w-[560px]",
   lg: "max-w-[720px]"
@@ -7549,7 +7549,7 @@ function Drawer({
               "bg-white border-l border-primary-200",
               // Dark mode
               "dark:bg-primary-800 dark:border-primary-700",
-              sizeStyles$7[size2],
+              sizeStyles$8[size2],
               className
             ),
             children: [
@@ -7665,7 +7665,7 @@ const paddingStyles = {
   md: "p-6",
   lg: "p-8"
 };
-const variantStyles$2 = {
+const variantStyles$3 = {
   default: [
     "shadow-sm border border-primary-200",
     "dark:border-primary-700"
@@ -7706,7 +7706,7 @@ const Card = forwardRef(
           // Padding
           paddingStyles[padding],
           // Variant
-          variantStyles$2[variant],
+          variantStyles$3[variant],
           // Hover effect
           hoverable && [
             "cursor-pointer",
@@ -7722,7 +7722,7 @@ const Card = forwardRef(
   }
 );
 Card.displayName = "Card";
-const sizeStyles$6 = {
+const sizeStyles$7 = {
   sm: "h-4 w-4",
   md: "h-5 w-5",
   lg: "h-6 w-6"
@@ -7767,8 +7767,8 @@ const Checkbox = forwardRef(
       },
       [forwardedRef]
     );
-    const handleChange = (e2) => {
-      onChange?.(e2.target.checked);
+    const handleChange = (e3) => {
+      onChange?.(e3.target.checked);
     };
     return /* @__PURE__ */ jsxs("div", { className, children: [
       /* @__PURE__ */ jsxs(
@@ -7792,7 +7792,7 @@ const Checkbox = forwardRef(
                 "aria-describedby": errorId,
                 onChange: handleChange,
                 className: cn(
-                  sizeStyles$6[size2],
+                  sizeStyles$7[size2],
                   "rounded border transition-colors",
                   "focus:ring-2 focus:ring-offset-0",
                   "disabled:cursor-not-allowed",
@@ -7846,7 +7846,7 @@ const Checkbox = forwardRef(
   }
 );
 Checkbox.displayName = "Checkbox";
-const sizeStyles$5 = {
+const sizeStyles$6 = {
   sm: "h-4 w-4",
   md: "h-5 w-5",
   lg: "h-6 w-6"
@@ -7885,7 +7885,7 @@ const Radio = forwardRef(
               id: radioId,
               disabled,
               className: cn(
-                sizeStyles$5[size2],
+                sizeStyles$6[size2],
                 "border transition-colors",
                 "focus:ring-2 focus:ring-offset-0",
                 "disabled:cursor-not-allowed",
@@ -7941,8 +7941,8 @@ function RadioGroup({
   const hasError = !!error2;
   const groupId = `${name}-group`;
   const isDisabled = disabled || isLoading;
-  const handleChange = (e2) => {
-    onChange?.(e2.target.value);
+  const handleChange = (e3) => {
+    onChange?.(e3.target.value);
   };
   return /* @__PURE__ */ jsxs("fieldset", { className, role: "radiogroup", "aria-labelledby": label ? groupId : void 0, children: [
     label && /* @__PURE__ */ jsxs(
@@ -7992,7 +7992,7 @@ function RadioGroup({
   ] });
 }
 RadioGroup.displayName = "RadioGroup";
-const sizeStyles$4 = {
+const sizeStyles$5 = {
   sm: {
     switch: "h-5 w-9",
     dot: "h-3 w-3",
@@ -8019,7 +8019,7 @@ function Toggle({
   className,
   isLoading = false
 }) {
-  const currentSize = sizeStyles$4[size2];
+  const currentSize = sizeStyles$5[size2];
   const isDisabled = disabled || isLoading;
   return /* @__PURE__ */ jsx(W, { className, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
     (label || description) && /* @__PURE__ */ jsxs("div", { className: "flex-1 mr-4", children: [
@@ -8174,8 +8174,8 @@ function Combobox({
                 "aria-label": !label ? placeholder : void 0,
                 "aria-labelledby": label ? labelId : void 0,
                 displayValue: () => selectedOption?.label || "",
-                onChange: (e2) => {
-                  const newQuery = e2.target.value;
+                onChange: (e3) => {
+                  const newQuery = e3.target.value;
                   setQuery(newQuery);
                   onSearch?.(newQuery);
                 },
@@ -8256,7 +8256,7 @@ function Combobox({
   ] });
 }
 Combobox.displayName = "Combobox";
-const variantStyles$1 = {
+const variantStyles$2 = {
   default: cn(
     "bg-primary-100 text-primary-700 border-primary-200",
     "dark:bg-primary-800 dark:text-primary-200 dark:border-primary-700"
@@ -8282,7 +8282,7 @@ const variantStyles$1 = {
     "dark:bg-gold-900/50 dark:text-gold-300 dark:border-gold-700"
   )
 };
-const sizeStyles$3 = {
+const sizeStyles$4 = {
   sm: "px-2 py-0.5 text-xs",
   md: "px-2.5 py-1 text-sm",
   lg: "px-3 py-1.5 text-base"
@@ -8295,8 +8295,8 @@ const Badge = forwardRef(
         ref,
         className: cn(
           "inline-flex items-center justify-center font-medium rounded-full border",
-          variantStyles$1[variant],
-          sizeStyles$3[size2],
+          variantStyles$2[variant],
+          sizeStyles$4[size2],
           className
         ),
         ...props,
@@ -8454,7 +8454,7 @@ const TableCell = forwardRef(
   }
 );
 TableCell.displayName = "TableCell";
-const sizeStyles$2 = {
+const sizeStyles$3 = {
   sm: "px-3 py-1.5 text-sm",
   md: "px-4 py-2 text-sm",
   lg: "px-5 py-2.5 text-base"
@@ -8503,7 +8503,7 @@ function Tabs({
               className: ({ selected }) => cn(
                 "relative outline-none transition-colors duration-normal",
                 "focus-visible:ring-2 focus-visible:ring-gold-500/50",
-                sizeStyles$2[size2],
+                sizeStyles$3[size2],
                 fullWidth && "flex-1",
                 // Default variant styles
                 variant === "default" && [
@@ -8687,7 +8687,7 @@ const Breadcrumbs = forwardRef(
   }
 );
 Breadcrumbs.displayName = "Breadcrumbs";
-const variantStyles = {
+const variantStyles$1 = {
   text: "rounded",
   circular: "rounded-full",
   rectangular: "rounded-md"
@@ -8723,7 +8723,7 @@ const Skeleton = forwardRef(
               {
                 className: cn(
                   "bg-primary-200 dark:bg-primary-700",
-                  variantStyles[variant],
+                  variantStyles$1[variant],
                   animate && "animate-pulse"
                 ),
                 style: {
@@ -8745,7 +8745,7 @@ const Skeleton = forwardRef(
         ref,
         className: cn(
           "bg-primary-200 dark:bg-primary-700",
-          variantStyles[variant],
+          variantStyles$1[variant],
           animate && "animate-pulse",
           className
         ),
@@ -8823,7 +8823,7 @@ const defaultIcons = {
     }
   )
 };
-const sizeStyles$1 = {
+const sizeStyles$2 = {
   sm: {
     container: "py-6 px-4",
     icon: "w-10 h-10",
@@ -8859,7 +8859,7 @@ const EmptyState = forwardRef(
     className,
     ...props
   }, ref) => {
-    const styles = sizeStyles$1[size2];
+    const styles = sizeStyles$2[size2];
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -8903,7 +8903,7 @@ const EmptyState = forwardRef(
 EmptyState.displayName = "EmptyState";
 const ChevronLeftIcon = () => /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) });
 const ChevronRightIcon = () => /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) });
-const sizeStyles = {
+const sizeStyles$1 = {
   sm: { button: "h-8 min-w-8 px-2 text-sm", text: "text-sm" },
   md: { button: "h-10 min-w-10 px-3 text-sm", text: "text-sm" }
 };
@@ -8953,7 +8953,7 @@ function Pagination({
   className
 }) {
   const pageSizeId = useId$1();
-  const currentSize = sizeStyles[size2];
+  const currentSize = sizeStyles$1[size2];
   const canGoPrevious = currentPage > 1;
   const canGoNext = currentPage < totalPages;
   const pageNumbers = useMemo(
@@ -9067,7 +9067,7 @@ function Pagination({
               {
                 id: pageSizeId,
                 value: pageSize,
-                onChange: (e2) => onPageSizeChange(Number(e2.target.value)),
+                onChange: (e3) => onPageSizeChange(Number(e3.target.value)),
                 disabled,
                 className: cn(
                   "rounded-md border bg-white px-2 py-1",
@@ -9243,9 +9243,9 @@ function MultiSelect({
   );
   const allSelected = selectableOptions.length > 0 && selectableOptions.every((opt) => value.includes(opt.value));
   const someSelected = selectableOptions.some((opt) => value.includes(opt.value));
-  const handleSelectAll = (e2) => {
-    e2.preventDefault();
-    e2.stopPropagation();
+  const handleSelectAll = (e3) => {
+    e3.preventDefault();
+    e3.stopPropagation();
     if (allSelected) {
       const selectableValues = selectableOptions.map((opt) => opt.value);
       onChange(value.filter((v2) => !selectableValues.includes(v2)));
@@ -9255,18 +9255,18 @@ function MultiSelect({
       onChange(Array.from(newValues));
     }
   };
-  const handleRemove = (optionValue, e2) => {
-    e2.preventDefault();
-    e2.stopPropagation();
+  const handleRemove = (optionValue, e3) => {
+    e3.preventDefault();
+    e3.stopPropagation();
     onChange(value.filter((v2) => v2 !== optionValue));
   };
-  const handleClearAll = (e2) => {
-    e2.preventDefault();
-    e2.stopPropagation();
+  const handleClearAll = (e3) => {
+    e3.preventDefault();
+    e3.stopPropagation();
     onChange([]);
   };
-  const handleSearchChange = (e2) => {
-    const newQuery = e2.target.value;
+  const handleSearchChange = (e3) => {
+    const newQuery = e3.target.value;
     setQuery(newQuery);
     onSearch?.(newQuery);
   };
@@ -9322,7 +9322,7 @@ function MultiSelect({
                         "button",
                         {
                           type: "button",
-                          onClick: (e2) => handleRemove(option.value, e2),
+                          onClick: (e3) => handleRemove(option.value, e3),
                           className: "rounded hover:bg-primary-200 dark:hover:bg-primary-600",
                           "aria-label": `Remove ${option.label}`,
                           disabled: isDisabled,
@@ -9399,7 +9399,7 @@ function MultiSelect({
                             "focus:border-gold-500 focus:outline-none focus:ring-1 focus:ring-gold-500",
                             "dark:border-primary-600"
                           ),
-                          onClick: (e2) => e2.stopPropagation()
+                          onClick: (e3) => e3.stopPropagation()
                         }
                       )
                     ] }),
@@ -9480,6 +9480,446 @@ function MultiSelect({
   ] });
 }
 MultiSelect.displayName = "MultiSelect";
+function shouldShowItem(item) {
+  if (item.visible === void 0) return true;
+  if (typeof item.visible === "boolean") return item.visible;
+  if (typeof item.visible === "function") return item.visible();
+  return true;
+}
+function isItemActive(currentPath, href, matcher = "exact") {
+  if (!currentPath) return false;
+  if (typeof matcher === "function") {
+    return matcher(currentPath, href);
+  }
+  switch (matcher) {
+    case "exact":
+      return currentPath === href;
+    case "startsWith":
+      return currentPath === href || currentPath.startsWith(`${href}/`);
+    default:
+      return false;
+  }
+}
+const sizeStyles = {
+  sm: "px-2 py-1.5 text-xs gap-2",
+  md: "px-3 py-2.5 text-sm gap-3",
+  lg: "px-4 py-3 text-base gap-3"
+};
+const iconSizeStyles = {
+  sm: "h-4 w-4",
+  md: "h-5 w-5",
+  lg: "h-6 w-6"
+};
+const DefaultLink = ({
+  to,
+  children,
+  className,
+  onClick,
+  title,
+  "aria-current": ariaCurrent,
+  "aria-label": ariaLabel
+}) => /* @__PURE__ */ jsx(
+  "a",
+  {
+    href: to,
+    className,
+    onClick,
+    title,
+    "aria-current": ariaCurrent,
+    "aria-label": ariaLabel,
+    children
+  }
+);
+function SidebarItem({
+  item,
+  currentPath,
+  size: size2 = "md",
+  collapsed = false,
+  onNavigate,
+  LinkComponent,
+  className,
+  ...props
+}) {
+  if (!shouldShowItem(item)) {
+    return null;
+  }
+  const isActive = isItemActive(currentPath, item.href, item.activeMatch);
+  const LinkElement = LinkComponent || DefaultLink;
+  const handleClick = () => {
+    if (item.disabled) return;
+    item.onClick?.();
+    onNavigate?.(item.href);
+  };
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    item.icon && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "flex-shrink-0",
+          iconSizeStyles[size2],
+          "[&>svg]:h-full [&>svg]:w-full"
+        ),
+        "aria-hidden": "true",
+        children: item.icon
+      }
+    ),
+    !collapsed && /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: item.label }),
+    !collapsed && item.badge !== void 0 && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "flex-shrink-0 rounded-full px-2 py-0.5 text-xs font-medium",
+          isActive ? "bg-primary-200 text-primary-800 dark:bg-primary-700 dark:text-primary-200" : "bg-primary-100 text-primary-600 dark:bg-primary-800 dark:text-primary-300"
+        ),
+        children: item.badge
+      }
+    )
+  ] });
+  if (item.onClick && !item.href) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: handleClick,
+        disabled: item.disabled,
+        "aria-label": item["aria-label"] || item.label,
+        title: collapsed ? item.label : void 0,
+        className: cn(
+          // Base styles
+          "flex w-full items-center rounded-lg font-medium",
+          "transition-colors duration-150",
+          "focus:outline-none focus:ring-2 focus:ring-primary-500/20 focus:ring-offset-2",
+          "dark:focus:ring-offset-primary-900",
+          // Size styles
+          sizeStyles[size2],
+          // State styles
+          item.disabled && "opacity-50 cursor-not-allowed",
+          !item.disabled && !isActive && [
+            "text-primary-600 hover:bg-primary-50 hover:text-primary-900",
+            "dark:text-primary-400 dark:hover:bg-primary-800 dark:hover:text-primary-100"
+          ],
+          isActive && [
+            "bg-primary-100 text-primary-900",
+            "dark:bg-primary-800 dark:text-primary-100"
+          ],
+          // Collapsed mode
+          collapsed && "justify-center",
+          className
+        ),
+        ...props,
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    LinkElement,
+    {
+      to: item.href,
+      onClick: handleClick,
+      className: cn(
+        // Base styles
+        "flex items-center rounded-lg font-medium",
+        "transition-colors duration-150",
+        "focus:outline-none focus:ring-2 focus:ring-primary-500/20 focus:ring-offset-2",
+        "dark:focus:ring-offset-primary-900",
+        // Size styles
+        sizeStyles[size2],
+        // State styles
+        item.disabled && "opacity-50 cursor-not-allowed pointer-events-none",
+        !item.disabled && !isActive && [
+          "text-primary-600 hover:bg-primary-50 hover:text-primary-900",
+          "dark:text-primary-400 dark:hover:bg-primary-800 dark:hover:text-primary-100"
+        ],
+        isActive && [
+          "bg-primary-100 text-primary-900",
+          "dark:bg-primary-800 dark:text-primary-100"
+        ],
+        // Collapsed mode
+        collapsed && "justify-center",
+        className
+      ),
+      "aria-current": isActive ? "page" : void 0,
+      "aria-label": item["aria-label"] || (collapsed ? item.label : void 0),
+      title: collapsed ? item.label : void 0,
+      children: content
+    }
+  );
+}
+function shouldShowGroup(group) {
+  if (group.visible === void 0) return true;
+  if (typeof group.visible === "boolean") return group.visible;
+  if (typeof group.visible === "function") return group.visible();
+  return true;
+}
+const SidebarGroup = forwardRef(
+  ({
+    group,
+    currentPath,
+    size: size2 = "md",
+    collapsed = false,
+    LinkComponent,
+    onNavigate,
+    className,
+    ...props
+  }, ref) => {
+    if (!shouldShowGroup(group)) {
+      return null;
+    }
+    const visibleItems = group.items.filter(shouldShowItem);
+    if (visibleItems.length === 0) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs("div", { ref, role: "group", className: cn("space-y-1", className), ...props, children: [
+      group.label && !collapsed && /* @__PURE__ */ jsx(
+        "h3",
+        {
+          className: cn(
+            "px-3 py-2 text-xs font-semibold uppercase tracking-wider",
+            "text-primary-500 dark:text-primary-400"
+          ),
+          children: group.label
+        }
+      ),
+      /* @__PURE__ */ jsx("nav", { "aria-label": group.label || `Navigation group ${group.key}`, children: /* @__PURE__ */ jsx("ul", { className: "space-y-1", children: visibleItems.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+        SidebarItem,
+        {
+          item,
+          currentPath,
+          size: size2,
+          collapsed,
+          LinkComponent,
+          onNavigate
+        }
+      ) }, item.key)) }) })
+    ] });
+  }
+);
+SidebarGroup.displayName = "SidebarGroup";
+const SidebarDivider = forwardRef(
+  ({ label, className, ...props }, ref) => {
+    if (label) {
+      return /* @__PURE__ */ jsxs("div", { className: cn("relative my-4", className), children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+          "hr",
+          {
+            ref,
+            className: "w-full border-t border-primary-200 dark:border-primary-700",
+            ...props
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "relative flex justify-center", children: /* @__PURE__ */ jsx("span", { className: "bg-white px-2 text-xs text-primary-500 dark:bg-primary-900 dark:text-primary-400", children: label }) })
+      ] });
+    }
+    return /* @__PURE__ */ jsx(
+      "hr",
+      {
+        ref,
+        className: cn(
+          "my-4 border-t border-primary-200 dark:border-primary-700",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+SidebarDivider.displayName = "SidebarDivider";
+const variantStyles = {
+  default: [
+    "bg-white border-r border-gold-500/40",
+    "dark:bg-primary-900 dark:border-gold-500/20"
+  ].join(" "),
+  minimal: [
+    "bg-white border-r border-primary-200",
+    "dark:bg-primary-900 dark:border-primary-700"
+  ].join(" ")
+};
+const Sidebar = forwardRef(
+  ({
+    navigation,
+    currentPath,
+    isOpen = false,
+    onClose,
+    collapsed = false,
+    onCollapsedChange,
+    variant = "default",
+    size: size2 = "md",
+    header,
+    footer,
+    LinkComponent,
+    onNavigate,
+    showMobileOverlay = true,
+    width = "16rem",
+    collapsedWidth = "4rem",
+    className,
+    "aria-label": ariaLabel = "Main navigation",
+    ...props
+  }, ref) => {
+    useEffect(() => {
+      const handleEscape = (event) => {
+        if (event.key === "Escape" && isOpen) {
+          onClose?.();
+        }
+      };
+      document.addEventListener("keydown", handleEscape);
+      return () => document.removeEventListener("keydown", handleEscape);
+    }, [isOpen, onClose]);
+    useEffect(() => {
+      if (isOpen) {
+        document.body.style.overflow = "hidden";
+      } else {
+        document.body.style.overflow = "";
+      }
+      return () => {
+        document.body.style.overflow = "";
+      };
+    }, [isOpen]);
+    const handleNavigate = useCallback(
+      (href) => {
+        onNavigate?.(href);
+        onClose?.();
+      },
+      [onNavigate, onClose]
+    );
+    const handleOverlayClick = useCallback(() => {
+      onClose?.();
+    }, [onClose]);
+    const handleCollapseToggle = useCallback(() => {
+      onCollapsedChange?.(!collapsed);
+    }, [collapsed, onCollapsedChange]);
+    const hasVisibleGroups = (groups) => groups?.some(shouldShowGroup) ?? false;
+    const hasFeatured = hasVisibleGroups(navigation.featured);
+    const hasPrimary = hasVisibleGroups(navigation.primary);
+    const hasSecondary = hasVisibleGroups(navigation.secondary);
+    const hasBottom = hasVisibleGroups(navigation.bottom);
+    const sidebarWidth = collapsed ? collapsedWidth : width;
+    const sidebarContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+      header && /* @__PURE__ */ jsx("div", { className: cn("flex-shrink-0", collapsed && "px-2"), children: header }),
+      hasFeatured && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 px-3 py-3", children: /* @__PURE__ */ jsx("div", { className: "space-y-2", children: navigation.featured?.map((group) => /* @__PURE__ */ jsx(
+        SidebarGroup,
+        {
+          group,
+          currentPath,
+          size: size2,
+          collapsed,
+          LinkComponent,
+          onNavigate: handleNavigate
+        },
+        group.key
+      )) }) }),
+      hasPrimary && /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-3 py-4", children: /* @__PURE__ */ jsx("div", { className: "space-y-4", children: navigation.primary?.map((group) => /* @__PURE__ */ jsx(
+        SidebarGroup,
+        {
+          group,
+          currentPath,
+          size: size2,
+          collapsed,
+          LinkComponent,
+          onNavigate: handleNavigate
+        },
+        group.key
+      )) }) }),
+      hasPrimary && hasSecondary && /* @__PURE__ */ jsx("div", { className: "px-3", children: /* @__PURE__ */ jsx(SidebarDivider, {}) }),
+      hasSecondary && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 px-3 py-2", children: /* @__PURE__ */ jsx("div", { className: "space-y-4", children: navigation.secondary?.map((group) => /* @__PURE__ */ jsx(
+        SidebarGroup,
+        {
+          group,
+          currentPath,
+          size: size2,
+          collapsed,
+          LinkComponent,
+          onNavigate: handleNavigate
+        },
+        group.key
+      )) }) }),
+      !hasPrimary && /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+      (hasPrimary || hasSecondary) && hasBottom && /* @__PURE__ */ jsx("div", { className: "px-3", children: /* @__PURE__ */ jsx(SidebarDivider, {}) }),
+      hasBottom && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 px-3 py-4", children: /* @__PURE__ */ jsx("div", { className: "space-y-4", children: navigation.bottom?.map((group) => /* @__PURE__ */ jsx(
+        SidebarGroup,
+        {
+          group,
+          currentPath,
+          size: size2,
+          collapsed,
+          LinkComponent,
+          onNavigate: handleNavigate
+        },
+        group.key
+      )) }) }),
+      footer && /* @__PURE__ */ jsx("div", { className: cn("flex-shrink-0", collapsed && "px-2"), children: footer }),
+      onCollapsedChange && /* @__PURE__ */ jsx("div", { className: "hidden lg:block flex-shrink-0 border-t border-primary-200 dark:border-primary-700 p-2", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleCollapseToggle,
+          className: cn(
+            "flex w-full items-center justify-center rounded-lg p-2",
+            "text-primary-500 hover:bg-primary-50 hover:text-primary-700",
+            "dark:text-primary-400 dark:hover:bg-primary-800 dark:hover:text-primary-200",
+            "transition-colors duration-150",
+            "focus:outline-none focus:ring-2 focus:ring-primary-500/20"
+          ),
+          "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
+          children: /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: cn(
+                "h-5 w-5 transition-transform duration-200",
+                collapsed && "rotate-180"
+              ),
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M11 19l-7-7 7-7m8 14l-7-7 7-7"
+                }
+              )
+            }
+          )
+        }
+      ) })
+    ] });
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      showMobileOverlay && isOpen && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "fixed inset-0 z-40 bg-black/20 lg:hidden",
+          onClick: handleOverlayClick,
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "aside",
+        {
+          ref,
+          className: cn(
+            // Base styles
+            "fixed top-0 left-0 z-50 flex h-full flex-col",
+            "transform transition-all duration-300 ease-in-out",
+            // Desktop styles
+            "lg:static lg:z-auto lg:translate-x-0",
+            // Mobile styles
+            isOpen ? "translate-x-0" : "-translate-x-full",
+            // Variant styles
+            variantStyles[variant],
+            className
+          ),
+          style: { width: sidebarWidth },
+          "aria-label": ariaLabel,
+          ...props,
+          children: sidebarContent
+        }
+      )
+    ] });
+  }
+);
+Sidebar.displayName = "Sidebar";
 export {
   Badge,
   Breadcrumbs,
@@ -9498,6 +9938,10 @@ export {
   Radio,
   RadioGroup,
   Select,
+  Sidebar,
+  SidebarDivider,
+  SidebarGroup,
+  SidebarItem,
   Skeleton,
   Spinner,
   TabContentPanels,
@@ -9515,6 +9959,7 @@ export {
   a as useDebouncedCallback,
   b as useDebouncedCallbackWithControl,
   c as useSelection,
-  d as useTable
+  d as useSidebar,
+  e as useTable
 };
 //# sourceMappingURL=index.js.map