mimir-ui-kit 1.38.2 → 1.38.5

package/dist/{combobox-CVtJDVoZ.js → combobox-DgSZTriw.js}

@@ -1,34 +1,34 @@
-import { n as H, u as Ne, d as xe, o as g, M as _e, W as ue, a as te, H as ce, y as fe, p as Qe, $ as Ve, b as Be, D as Ie, I as Je, s as Ze, c as k } from "./keyboard-B0lm_zyn.js";
+import { n as W, u as Le, d as xe, o as g, M as _e, W as ue, a as ne, H as ce, y as fe, p as Qe, $ as Ve, b as Be, D as Ie, I as Je, s as Ze, c as k } from "./keyboard-mgWkd2Vh.js";
 import * as se from "react";
-import z, { useRef as V, useEffect as We, useState as Te, createContext as ye, useReducer as et, createRef as tt, useCallback as Ee, useMemo as G, useId as he, useContext as Ce, Fragment as He } from "react";
+import $, { useRef as V, useEffect as je, useState as ye, createContext as Te, useReducer as et, createRef as tt, useCallback as Ee, useMemo as G, useId as he, useContext as Ce, Fragment as We } from "react";
 import { flushSync as Z } from "react-dom";
-import { w as nt } from "./use-active-press-86hajhdd.js";
+import { w as nt } from "./use-active-press-CqLGIFz7.js";
 import { u as ot } from "./use-by-comparator-CVuf9KBq.js";
-import { K as it, a as rt, b as st, T as lt, z as at, j as ut, u as ct, I as we, G as dt } from "./label-y3ANLTNC.js";
-import { c as pt, E as mt, R as ft, v as ht, y as vt, n as je, x as bt, a as gt, b as xt, m as Et, f as Ot, d as Pe, t as St, g as It } from "./portal-WDFNoIMz.js";
-import { e as Tt } from "./use-resolve-button-type-DhFdPxnv.js";
-import { c as yt, i as me, u as Ct, R as wt, H as Mt } from "./open-closed-CdldUPoq.js";
-import { f as Rt, _ as $t } from "./focus-management-DE4t_lW3.js";
+import { K as it, a as rt, b as st, T as lt, z as at, j as ut, u as ct, I as we, G as dt } from "./label-D4GFpe5F.js";
+import { c as pt, E as mt, R as ft, M as ht, y as vt, n as He, x as bt, a as gt, b as xt, m as Et, f as Ot, d as Pe, t as St, g as It } from "./portal-DPqg52FR.js";
+import { e as yt } from "./use-resolve-button-type-DhFdPxnv.js";
+import { c as Tt, i as me, u as Ct, x as wt, R as Mt } from "./open-closed-D2VjDhAN.js";
+import { f as Rt, _ as $t } from "./focus-management-BtPpk3D1.js";
 import { r as _t } from "./bugs-diTMAGNw.js";
-function re(e, i, t) {
+function te(e, i, t) {
   let n = t.initialDeps ?? [], o;
   return () => {
     var r, l, s, a;
     let c;
     t.key && ((r = t.debug) != null && r.call(t)) && (c = Date.now());
     const d = e();
-    if (!(d.length !== n.length || d.some((u, x) => n[x] !== u)))
+    if (!(d.length !== n.length || d.some((u, E) => n[E] !== u)))
       return o;
     n = d;
     let b;
     if (t.key && ((l = t.debug) != null && l.call(t)) && (b = Date.now()), o = i(...d), t.key && ((s = t.debug) != null && s.call(t))) {
-      const u = Math.round((Date.now() - c) * 100) / 100, x = Math.round((Date.now() - b) * 100) / 100, O = x / 16, h = (y, $) => {
-        for (y = String(y); y.length < $; )
-          y = " " + y;
-        return y;
+      const u = Math.round((Date.now() - c) * 100) / 100, E = Math.round((Date.now() - b) * 100) / 100, O = E / 16, h = (T, P) => {
+        for (T = String(T); T.length < P; )
+          T = " " + T;
+        return T;
       };
       console.info(
-        `%c⏱ ${h(x, 5)} /${h(u, 5)} ms`,
+        `%c⏱ ${h(E, 5)} /${h(u, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
@@ -87,7 +87,7 @@ const Pt = (e, i) => Math.abs(e - i) < 1, zt = (e, i, t) => {
   };
 }, ze = {
   passive: !0
-}, At = typeof window > "u" ? !0 : "onscrollend" in window, Lt = (e, i) => {
+}, At = typeof window > "u" ? !0 : "onscrollend" in window, Nt = (e, i) => {
   const t = e.scrollElement;
   if (!t)
     return;
@@ -103,12 +103,13 @@ const Pt = (e, i) => Math.abs(e - i) < 1, zt = (e, i, t) => {
     },
     e.options.isScrollingResetDelay
   ), l = (c) => () => {
-    o = t[e.options.horizontal ? "scrollLeft" : "scrollTop"], r(), i(o, c);
+    const { horizontal: d, isRtl: v } = e.options;
+    o = d ? t.scrollLeft * (v && -1 || 1) : t.scrollTop, r(), i(o, c);
   }, s = l(!0), a = l(!1);
   return a(), t.addEventListener("scroll", s, ze), t.addEventListener("scrollend", a, ze), () => {
     t.removeEventListener("scroll", s), t.removeEventListener("scrollend", a);
   };
-}, Nt = (e, i, t) => {
+}, Lt = (e, i, t) => {
   if (i != null && i.borderBoxSize) {
     const n = i.borderBoxSize[0];
     if (n)
@@ -142,7 +143,7 @@ class Bt {
       return {
         disconnect: () => {
           var o;
-          return (o = n()) == null ? void 0 : o.disconnect();
+          (o = n()) == null || o.disconnect(), t = null;
         },
         observe: (o) => {
           var r;
@@ -169,7 +170,7 @@ class Bt {
         rangeExtractor: Ft,
         onChange: () => {
         },
-        measureElement: Nt,
+        measureElement: Lt,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -178,17 +179,32 @@ class Bt {
         lanes: 1,
         isScrollingResetDelay: 150,
         enabled: !0,
+        isRtl: !1,
         ...t
       };
-    }, this.notify = (t, n) => {
-      var o, r;
-      const { startIndex: l, endIndex: s } = this.range ?? {
-        startIndex: void 0,
-        endIndex: void 0
-      }, a = this.calculateRange();
-      (t || l !== (a == null ? void 0 : a.startIndex) || s !== (a == null ? void 0 : a.endIndex)) && ((r = (o = this.options).onChange) == null || r.call(o, this, n));
-    }, this.cleanup = () => {
-      this.unsubs.filter(Boolean).forEach((t) => t()), this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.observer.disconnect(), this.elementsCache.clear();
+    }, this.notify = (t) => {
+      var n, o;
+      (o = (n = this.options).onChange) == null || o.call(n, this, t);
+    }, this.maybeNotify = te(
+      () => (this.calculateRange(), [
+        this.isScrolling,
+        this.range ? this.range.startIndex : null,
+        this.range ? this.range.endIndex : null
+      ]),
+      (t) => {
+        this.notify(t);
+      },
+      {
+        key: process.env.NODE_ENV !== "production" && "maybeNotify",
+        debug: () => this.options.debug,
+        initialDeps: [
+          this.isScrolling,
+          this.range ? this.range.startIndex : null,
+          this.range ? this.range.endIndex : null
+        ]
+      }
+    ), this.cleanup = () => {
+      this.unsubs.filter(Boolean).forEach((t) => t()), this.unsubs = [], this.observer.disconnect(), this.scrollElement = null, this.targetWindow = null;
     }, this._didMount = () => () => {
       this.cleanup();
     }, this._willUpdate = () => {
@@ -196,21 +212,21 @@ class Bt {
       const n = this.options.enabled ? this.options.getScrollElement() : null;
       if (this.scrollElement !== n) {
         if (this.cleanup(), !n) {
-          this.notify(!1, !1);
+          this.maybeNotify();
           return;
         }
-        this.scrollElement = n, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = ((t = this.scrollElement) == null ? void 0 : t.window) ?? null, this._scrollToOffset(this.getScrollOffset(), {
+        this.scrollElement = n, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = ((t = this.scrollElement) == null ? void 0 : t.window) ?? null, this.elementsCache.forEach((o) => {
+          this.observer.observe(o);
+        }), this._scrollToOffset(this.getScrollOffset(), {
           adjustments: void 0,
           behavior: void 0
         }), this.unsubs.push(
           this.options.observeElementRect(this, (o) => {
-            this.scrollRect = o, this.notify(!1, !1);
+            this.scrollRect = o, this.maybeNotify();
           })
         ), this.unsubs.push(
           this.options.observeElementOffset(this, (o, r) => {
-            this.scrollAdjustments = 0, this.scrollDirection = r ? this.getScrollOffset() < o ? "forward" : "backward" : null, this.scrollOffset = o;
-            const l = this.isScrolling;
-            this.isScrolling = r, this.notify(l !== r, r);
+            this.scrollAdjustments = 0, this.scrollDirection = r ? this.getScrollOffset() < o ? "forward" : "backward" : null, this.scrollOffset = o, this.isScrolling = r, this.maybeNotify();
           })
         );
       }
@@ -227,7 +243,7 @@ class Bt {
           break;
       }
       return r.size === this.options.lanes ? Array.from(r.values()).sort((l, s) => l.end === s.end ? l.index - s.index : l.end - s.end)[0] : void 0;
-    }, this.getMeasurementOptions = re(
+    }, this.getMeasurementOptions = te(
       () => [
         this.options.count,
         this.options.paddingStart,
@@ -245,51 +261,37 @@ class Bt {
       {
         key: !1
       }
-    ), this.getMeasurements = re(
+    ), this.getMeasurements = te(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
       ({ count: t, paddingStart: n, scrollMargin: o, getItemKey: r, enabled: l }, s) => {
-        var a;
         if (!l)
           return this.measurementsCache = [], this.itemSizeCache.clear(), [];
-        this.measurementsCache.length === 0 && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((m) => {
-          this.itemSizeCache.set(m.key, m.size);
+        this.measurementsCache.length === 0 && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((d) => {
+          this.itemSizeCache.set(d.key, d.size);
         }));
-        const c = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
+        const a = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
         this.pendingMeasuredCacheIndexes = [];
-        const d = this.measurementsCache.slice(0, c);
-        for (let m = c; m < t; m++) {
-          let b = (a = this.measurementsCache[m]) == null ? void 0 : a.measureElement;
-          b || (b = (S) => {
-            const w = r(m), I = this.elementsCache.get(w);
-            if (!S) {
-              I && (this.observer.unobserve(I), this.elementsCache.delete(w));
-              return;
-            }
-            I !== S && (I && this.observer.unobserve(I), this.observer.observe(S), this.elementsCache.set(w, S)), S.isConnected && this.resizeItem(
-              m,
-              this.options.measureElement(S, void 0, this)
-            );
-          });
-          const u = r(m), x = this.options.lanes === 1 ? d[m - 1] : this.getFurthestMeasurement(d, m), O = x ? x.end + this.options.gap : n + o, h = s.get(u), y = typeof h == "number" ? h : this.options.estimateSize(m), $ = O + y, _ = x ? x.lane : m % this.options.lanes;
-          d[m] = {
-            index: m,
-            start: O,
-            size: y,
-            end: $,
-            key: u,
-            lane: _,
-            measureElement: b
+        const c = this.measurementsCache.slice(0, a);
+        for (let d = a; d < t; d++) {
+          const v = r(d), b = this.options.lanes === 1 ? c[d - 1] : this.getFurthestMeasurement(c, d), u = b ? b.end + this.options.gap : n + o, E = s.get(v), O = typeof E == "number" ? E : this.options.estimateSize(d), h = u + O, T = b ? b.lane : d % this.options.lanes;
+          c[d] = {
+            index: d,
+            start: u,
+            size: O,
+            end: h,
+            key: v,
+            lane: T
           };
         }
-        return this.measurementsCache = d, d;
+        return this.measurementsCache = c, c;
       },
       {
         key: process.env.NODE_ENV !== "production" && "getMeasurements",
         debug: () => this.options.debug
       }
-    ), this.calculateRange = re(
+    ), this.calculateRange = te(
       () => [this.getMeasurements(), this.getSize(), this.getScrollOffset()],
-      (t, n, o) => this.range = t.length > 0 && n > 0 ? Wt({
+      (t, n, o) => this.range = t.length > 0 && n > 0 ? jt({
         measurements: t,
         outerSize: n,
         scrollOffset: o
@@ -298,7 +300,7 @@ class Bt {
         key: process.env.NODE_ENV !== "production" && "calculateRange",
         debug: () => this.options.debug
       }
-    ), this.getIndexes = re(
+    ), this.getIndexes = te(
       () => [
         this.options.rangeExtractor,
         this.calculateRange(),
@@ -321,27 +323,29 @@ class Bt {
         `Missing attribute name '${n}={index}' on measured element.`
       ), -1);
     }, this._measureElement = (t, n) => {
-      const o = this.indexFromElement(t), r = this.getMeasurements()[o];
-      if (!r || !t.isConnected) {
-        this.elementsCache.forEach((s, a) => {
-          s === t && (this.observer.unobserve(t), this.elementsCache.delete(a));
-        });
+      const o = this.indexFromElement(t), r = this.measurementsCache[o];
+      if (!r)
         return;
-      }
-      const l = this.elementsCache.get(r.key);
-      l !== t && (l && this.observer.unobserve(l), this.observer.observe(t), this.elementsCache.set(r.key, t)), this.resizeItem(o, this.options.measureElement(t, n, this));
+      const l = r.key, s = this.elementsCache.get(l);
+      s !== t && (s && this.observer.unobserve(s), this.observer.observe(t), this.elementsCache.set(l, t)), t.isConnected && this.resizeItem(o, this.options.measureElement(t, n, this));
     }, this.resizeItem = (t, n) => {
-      const o = this.getMeasurements()[t];
+      const o = this.measurementsCache[t];
       if (!o)
         return;
       const r = this.itemSizeCache.get(o.key) ?? o.size, l = n - r;
       l !== 0 && ((this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(o, l, this) : o.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", l), this._scrollToOffset(this.getScrollOffset(), {
         adjustments: this.scrollAdjustments += l,
         behavior: void 0
-      })), this.pendingMeasuredCacheIndexes.push(o.index), this.itemSizeCache = new Map(this.itemSizeCache.set(o.key, n)), this.notify(!0, !1));
+      })), this.pendingMeasuredCacheIndexes.push(o.index), this.itemSizeCache = new Map(this.itemSizeCache.set(o.key, n)), this.notify(!1));
     }, this.measureElement = (t) => {
-      t && this._measureElement(t, void 0);
-    }, this.getVirtualItems = re(
+      if (!t) {
+        this.elementsCache.forEach((n, o) => {
+          n.isConnected || (this.observer.unobserve(n), this.elementsCache.delete(o));
+        });
+        return;
+      }
+      this._measureElement(t, void 0);
+    }, this.getVirtualItems = te(
       () => [this.getIndexes(), this.getMeasurements()],
       (t, n) => {
         const o = [];
@@ -352,7 +356,7 @@ class Bt {
         return o;
       },
       {
-        key: process.env.NODE_ENV !== "production" && "getIndexes",
+        key: process.env.NODE_ENV !== "production" && "getVirtualItems",
         debug: () => this.options.debug
       }
     ), this.getVirtualItemForOffset = (t) => {
@@ -373,7 +377,7 @@ class Bt {
       return Math.max(Math.min(a, t), 0);
     }, this.getOffsetForIndex = (t, n = "auto") => {
       t = Math.max(0, Math.min(t, this.options.count - 1));
-      const o = this.getMeasurements()[t];
+      const o = this.measurementsCache[t];
       if (!o)
         return;
       const r = this.getSize(), l = this.getScrollOffset();
@@ -426,15 +430,17 @@ class Bt {
       let o;
       return n.length === 0 ? o = this.options.paddingStart : o = this.options.lanes === 1 ? ((t = n[n.length - 1]) == null ? void 0 : t.end) ?? 0 : Math.max(
         ...n.slice(-this.options.lanes).map((r) => r.end)
-      ), o - this.options.scrollMargin + this.options.paddingEnd;
+      ), Math.max(
+        o - this.options.scrollMargin + this.options.paddingEnd,
+        0
+      );
     }, this._scrollToOffset = (t, {
       adjustments: n,
       behavior: o
     }) => {
       this.options.scrollToFn(t, { behavior: o, adjustments: n }, this);
     }, this.measure = () => {
-      var t, n;
-      this.itemSizeCache = /* @__PURE__ */ new Map(), (n = (t = this.options).onChange) == null || n.call(t, this, !1);
+      this.itemSizeCache = /* @__PURE__ */ new Map(), this.notify(!1);
     }, this.setOptions(i);
   }
 }
@@ -450,7 +456,7 @@ const Ue = (e, i, t, n) => {
   }
   return e > 0 ? e - 1 : 0;
 };
-function Wt({
+function jt({
   measurements: e,
   outerSize: i,
   scrollOffset: t
@@ -461,8 +467,8 @@ function Wt({
     l++;
   return { startIndex: r, endIndex: l };
 }
-const Ht = typeof document < "u" ? se.useLayoutEffect : se.useEffect;
-function jt(e) {
+const Wt = typeof document < "u" ? se.useLayoutEffect : se.useEffect;
+function Ht(e) {
   const i = se.useReducer(() => ({}), {})[1], t = {
     ...e,
     onChange: (o, r) => {
@@ -472,12 +478,12 @@ function jt(e) {
   }, [n] = se.useState(
     () => new Bt(t)
   );
-  return n.setOptions(t), se.useEffect(() => n._didMount(), []), Ht(() => n._willUpdate()), n;
+  return n.setOptions(t), se.useEffect(() => n._didMount(), []), Wt(() => n._willUpdate()), n;
 }
 function Ut(e) {
-  return jt({
+  return Ht({
     observeElementRect: kt,
-    observeElementOffset: Lt,
+    observeElementOffset: Nt,
     scrollToFn: Vt,
     ...e
   });
@@ -497,7 +503,7 @@ function Fe(e) {
 }
 function Kt(e, { allowed: i, disallowed: t } = {}) {
   let n = pt(e, "inert-others");
-  H(() => {
+  W(() => {
     var o, r;
     if (!n) return;
     let l = xe();
@@ -505,11 +511,11 @@ function Kt(e, { allowed: i, disallowed: t } = {}) {
     let s = (r = i == null ? void 0 : i()) != null ? r : [];
     for (let a of s) {
       if (!a) continue;
-      let c = Ne(a);
+      let c = Le(a);
       if (!c) continue;
       let d = a.parentElement;
       for (; d && d !== c.body; ) {
-        for (let m of d.children) s.some((b) => m.contains(b)) || l.add(De(m));
+        for (let v of d.children) s.some((b) => v.contains(b)) || l.add(De(v));
         d = d.parentElement;
       }
     }
@@ -546,19 +552,19 @@ function Gt() {
 }
 function qt(e, { container: i, accept: t, walk: n }) {
   let o = V(t), r = V(n);
-  We(() => {
+  je(() => {
     o.current = t, r.current = n;
-  }, [t, n]), H(() => {
+  }, [t, n]), W(() => {
     if (!i || !e) return;
-    let l = Ne(i);
+    let l = Le(i);
     if (!l) return;
-    let s = o.current, a = r.current, c = Object.assign((m) => s(m), { acceptNode: s }), d = l.createTreeWalker(i, NodeFilter.SHOW_ELEMENT, c, !1);
+    let s = o.current, a = r.current, c = Object.assign((v) => s(v), { acceptNode: s }), d = l.createTreeWalker(i, NodeFilter.SHOW_ELEMENT, c, !1);
     for (; d.nextNode(); ) a(d.currentNode);
   }, [i, e, o, r]);
 }
 function Ae(e, i) {
   let t = V([]), n = g(e);
-  We(() => {
+  je(() => {
     let o = [...t.current];
     for (let [r, l] of i.entries()) if (t.current[r] !== l) {
       let s = n(i, o);
@@ -568,10 +574,10 @@ function Ae(e, i) {
 }
 function Yt({ children: e, freeze: i }) {
   let t = Se(i, e);
-  return z.createElement(z.Fragment, null, t);
+  return $.createElement($.Fragment, null, t);
 }
 function Se(e, i) {
-  let [t, n] = Te(i);
+  let [t, n] = ye(i);
   return !e && t !== i && n(i), e ? t : i;
 }
 function Xt(e) {
@@ -592,8 +598,8 @@ Xt(() => {
 function Qt(e) {
   throw new Error("Unexpected object: " + e);
 }
-var M = ((e) => (e[e.First = 0] = "First", e[e.Previous = 1] = "Previous", e[e.Next = 2] = "Next", e[e.Last = 3] = "Last", e[e.Specific = 4] = "Specific", e[e.Nothing = 5] = "Nothing", e))(M || {});
-function Le(e, i) {
+var w = ((e) => (e[e.First = 0] = "First", e[e.Previous = 1] = "Previous", e[e.Next = 2] = "Next", e[e.Last = 3] = "Last", e[e.Specific = 4] = "Specific", e[e.Nothing = 5] = "Nothing", e))(w || {});
+function Ne(e, i) {
   let t = i.resolveItems();
   if (t.length <= 0) return null;
   let n = i.resolveActiveIndex(), o = n ?? -1;
@@ -647,20 +653,20 @@ let nn = { 1(e) {
   var t, n, o, r;
   if ((t = e.dataRef.current) != null && t.disabled || e.optionsElement && !((n = e.dataRef.current) != null && n.optionsPropsRef.current.static) && e.comboboxState === 1) return e;
   if (e.virtual) {
-    let { options: c, disabled: d } = e.virtual, m = i.focus === M.Specific ? i.idx : Le(i, { resolveItems: () => c, resolveActiveIndex: () => {
-      var u, x;
-      return (x = (u = e.activeOptionIndex) != null ? u : c.findIndex((O) => !d(O))) != null ? x : null;
+    let { options: c, disabled: d } = e.virtual, v = i.focus === w.Specific ? i.idx : Ne(i, { resolveItems: () => c, resolveActiveIndex: () => {
+      var u, E;
+      return (E = (u = e.activeOptionIndex) != null ? u : c.findIndex((O) => !d(O))) != null ? E : null;
     }, resolveDisabled: d, resolveId() {
       throw new Error("Function not implemented.");
     } }), b = (o = i.trigger) != null ? o : 2;
-    return e.activeOptionIndex === m && e.activationTrigger === b ? e : { ...e, activeOptionIndex: m, activationTrigger: b, isTyping: !1, __demoMode: !1 };
+    return e.activeOptionIndex === v && e.activationTrigger === b ? e : { ...e, activeOptionIndex: v, activationTrigger: b, isTyping: !1, __demoMode: !1 };
   }
   let l = ge(e);
   if (l.activeOptionIndex === null) {
     let c = l.options.findIndex((d) => !d.dataRef.current.disabled);
     c !== -1 && (l.activeOptionIndex = c);
   }
-  let s = i.focus === M.Specific ? i.idx : Le(i, { resolveItems: () => l.options, resolveActiveIndex: () => l.activeOptionIndex, resolveId: (c) => c.id, resolveDisabled: (c) => c.dataRef.current.disabled }), a = (r = i.trigger) != null ? r : 2;
+  let s = i.focus === w.Specific ? i.idx : Ne(i, { resolveItems: () => l.options, resolveActiveIndex: () => l.activeOptionIndex, resolveId: (c) => c.id, resolveDisabled: (c) => c.dataRef.current.disabled }), a = (r = i.trigger) != null ? r : 2;
   return e.activeOptionIndex === s && e.activationTrigger === a ? e : { ...e, ...l, isTyping: !1, activeOptionIndex: s, activationTrigger: a, __demoMode: !1 };
 }, 4: (e, i) => {
   var t, n, o;
@@ -687,7 +693,7 @@ let nn = { 1(e) {
     r !== -1 ? o = r : o = null;
   }
   return { ...e, activeOptionIndex: o, virtual: { options: i.options, disabled: (n = i.disabled) != null ? n : () => !1 } };
-}, 8: (e, i) => e.inputElement === i.element ? e : { ...e, inputElement: i.element }, 9: (e, i) => e.buttonElement === i.element ? e : { ...e, buttonElement: i.element }, 10: (e, i) => e.optionsElement === i.element ? e : { ...e, optionsElement: i.element } }, Re = ye(null);
+}, 8: (e, i) => e.inputElement === i.element ? e : { ...e, inputElement: i.element }, 9: (e, i) => e.buttonElement === i.element ? e : { ...e, buttonElement: i.element }, 10: (e, i) => e.optionsElement === i.element ? e : { ...e, optionsElement: i.element } }, Re = Te(null);
 Re.displayName = "ComboboxActionsContext";
 function de(e) {
   let i = Ce(Re);
@@ -697,9 +703,9 @@ function de(e) {
   }
   return i;
 }
-let Ge = ye(null);
+let Ge = Te(null);
 function on(e) {
-  let i = ne("VirtualProvider"), { options: t } = i.virtual, [n, o] = G(() => {
+  let i = oe("VirtualProvider"), { options: t } = i.virtual, [n, o] = G(() => {
     let c = i.optionsElement;
     if (!c) return [0, 0];
     let d = window.getComputedStyle(c);
@@ -708,218 +714,215 @@ function on(e) {
     return 40;
   }, getScrollElement() {
     return i.optionsElement;
-  }, overscan: 12 }), [l, s] = Te(0);
-  H(() => {
+  }, overscan: 12 }), [l, s] = ye(0);
+  W(() => {
     s((c) => c + 1);
   }, [t]);
   let a = r.getVirtualItems();
-  return a.length === 0 ? null : z.createElement(Ge.Provider, { value: r }, z.createElement("div", { style: { position: "relative", width: "100%", height: `${r.getTotalSize()}px` }, ref: (c) => {
-    if (c) {
-      if (typeof process < "u" && process.env.JEST_WORKER_ID !== void 0 || i.activationTrigger === 0) return;
-      i.activeOptionIndex !== null && t.length > i.activeOptionIndex && r.scrollToIndex(i.activeOptionIndex);
-    }
+  return a.length === 0 ? null : $.createElement(Ge.Provider, { value: r }, $.createElement("div", { style: { position: "relative", width: "100%", height: `${r.getTotalSize()}px` }, ref: (c) => {
+    c && i.activationTrigger !== 0 && i.activeOptionIndex !== null && t.length > i.activeOptionIndex && r.scrollToIndex(i.activeOptionIndex);
   } }, a.map((c) => {
     var d;
-    return z.createElement(He, { key: c.key }, z.cloneElement((d = e.children) == null ? void 0 : d.call(e, { ...e.slot, option: t[c.index] }), { key: `${l}-${c.key}`, "data-index": c.index, "aria-setsize": t.length, "aria-posinset": c.index + 1, style: { position: "absolute", top: 0, left: 0, transform: `translateY(${c.start}px)`, overflowAnchor: "none" } }));
+    return $.createElement(We, { key: c.key }, $.cloneElement((d = e.children) == null ? void 0 : d.call(e, { ...e.slot, option: t[c.index] }), { key: `${l}-${c.key}`, "data-index": c.index, "aria-setsize": t.length, "aria-posinset": c.index + 1, style: { position: "absolute", top: 0, left: 0, transform: `translateY(${c.start}px)`, overflowAnchor: "none" } }));
   })));
 }
-let ae = ye(null);
+let ae = Te(null);
 ae.displayName = "ComboboxDataContext";
-function ne(e) {
+function oe(e) {
   let i = Ce(ae);
   if (i === null) {
     let t = new Error(`<${e} /> is missing a parent <Combobox /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(t, ne), t;
+    throw Error.captureStackTrace && Error.captureStackTrace(t, oe), t;
   }
   return i;
 }
 function rn(e, i) {
-  return te(i.type, nn, e, i);
+  return ne(i.type, nn, e, i);
 }
-let sn = He;
+let sn = We;
 function ln(e, i) {
   var t, n;
-  let o = rt(), { value: r, defaultValue: l, onChange: s, form: a, name: c, by: d, disabled: m = o || !1, onClose: b, __demoMode: u = !1, multiple: x = !1, immediate: O = !1, virtual: h = null, nullable: y, ...$ } = e, _ = st(l), [S = x ? [] : void 0, w] = lt(r, s, _), [I, C] = et(rn, { dataRef: tt(), comboboxState: u ? 0 : 1, isTyping: !1, options: [], virtual: h ? { options: h.options, disabled: (t = h.disabled) != null ? t : () => !1 } : null, activeOptionIndex: null, activationTrigger: 2, inputElement: null, buttonElement: null, optionsElement: null, __demoMode: u }), E = V(!1), j = V({ static: !1, hold: !1 }), A = ot(d), U = g((v) => h ? d === null ? h.options.indexOf(v) : h.options.findIndex((T) => A(T, v)) : I.options.findIndex((T) => A(T.dataRef.current.value, v))), q = Ee((v) => te(p.mode, { 1: () => S.some((T) => A(T, v)), 0: () => A(S, v) }), [S]), K = g((v) => I.activeOptionIndex === U(v)), p = G(() => ({ ...I, immediate: O, optionsPropsRef: j, value: S, defaultValue: _, disabled: m, mode: x ? 1 : 0, virtual: h ? I.virtual : null, get activeOptionIndex() {
-    if (E.current && I.activeOptionIndex === null && (h ? h.options.length > 0 : I.options.length > 0)) {
+  let o = rt(), { value: r, defaultValue: l, onChange: s, form: a, name: c, by: d, disabled: v = o || !1, onClose: b, __demoMode: u = !1, multiple: E = !1, immediate: O = !1, virtual: h = null, nullable: T, ...P } = e, z = st(l), [C = E ? [] : void 0, _] = lt(r, s, z), [I, y] = et(rn, { dataRef: tt(), comboboxState: u ? 0 : 1, isTyping: !1, options: [], virtual: h ? { options: h.options, disabled: (t = h.disabled) != null ? t : () => !1 } : null, activeOptionIndex: null, activationTrigger: 2, inputElement: null, buttonElement: null, optionsElement: null, __demoMode: u }), x = V(!1), H = V({ static: !1, hold: !1 }), A = ot(d), U = g((f) => h ? d === null ? h.options.indexOf(f) : h.options.findIndex((S) => A(S, f)) : I.options.findIndex((S) => A(S.dataRef.current.value, f))), q = Ee((f) => ne(p.mode, { 1: () => C.some((S) => A(S, f)), 0: () => A(C, f) }), [C]), K = g((f) => I.activeOptionIndex === U(f)), p = G(() => ({ ...I, immediate: O, optionsPropsRef: H, value: C, defaultValue: z, disabled: v, mode: E ? 1 : 0, virtual: h ? I.virtual : null, get activeOptionIndex() {
+    if (x.current && I.activeOptionIndex === null && (h ? h.options.length > 0 : I.options.length > 0)) {
       if (h) {
-        let T = h.options.findIndex((W) => {
+        let S = h.options.findIndex((j) => {
           var pe, $e;
-          return !(($e = (pe = h.disabled) == null ? void 0 : pe.call(h, W)) != null && $e);
+          return !(($e = (pe = h.disabled) == null ? void 0 : pe.call(h, j)) != null && $e);
         });
-        if (T !== -1) return T;
+        if (S !== -1) return S;
       }
-      let v = I.options.findIndex((T) => !T.dataRef.current.disabled);
-      if (v !== -1) return v;
+      let f = I.options.findIndex((S) => !S.dataRef.current.disabled);
+      if (f !== -1) return f;
     }
     return I.activeOptionIndex;
-  }, calculateIndex: U, compare: A, isSelected: q, isActive: K }), [S, _, m, x, u, I, h]);
-  H(() => {
-    var v;
-    h && C({ type: 7, options: h.options, disabled: (v = h.disabled) != null ? v : null });
-  }, [h, h == null ? void 0 : h.options, h == null ? void 0 : h.disabled]), H(() => {
+  }, calculateIndex: U, compare: A, isSelected: q, isActive: K }), [C, z, v, E, u, I, h]);
+  W(() => {
+    var f;
+    h && y({ type: 7, options: h.options, disabled: (f = h.disabled) != null ? f : null });
+  }, [h, h == null ? void 0 : h.options, h == null ? void 0 : h.disabled]), W(() => {
     I.dataRef.current = p;
   }, [p]);
   let B = p.comboboxState === 0;
   ft(B, [p.buttonElement, p.inputElement, p.optionsElement], () => F.closeCombobox());
-  let oe = G(() => {
-    var v, T, W;
-    return { open: p.comboboxState === 0, disabled: m, activeIndex: p.activeOptionIndex, activeOption: p.activeOptionIndex === null ? null : p.virtual ? p.virtual.options[(v = p.activeOptionIndex) != null ? v : 0] : (W = (T = p.options[p.activeOptionIndex]) == null ? void 0 : T.dataRef.current.value) != null ? W : null, value: S };
-  }, [p, m, S]), Y = g(() => {
+  let ie = G(() => {
+    var f, S, j;
+    return { open: p.comboboxState === 0, disabled: v, activeIndex: p.activeOptionIndex, activeOption: p.activeOptionIndex === null ? null : p.virtual ? p.virtual.options[(f = p.activeOptionIndex) != null ? f : 0] : (j = (S = p.options[p.activeOptionIndex]) == null ? void 0 : S.dataRef.current.value) != null ? j : null, value: C };
+  }, [p, v, C]), Y = g(() => {
     if (p.activeOptionIndex !== null) {
-      if (F.setIsTyping(!1), p.virtual) f(p.virtual.options[p.activeOptionIndex]);
+      if (F.setIsTyping(!1), p.virtual) m(p.virtual.options[p.activeOptionIndex]);
       else {
-        let { dataRef: v } = p.options[p.activeOptionIndex];
-        f(v.current.value);
+        let { dataRef: f } = p.options[p.activeOptionIndex];
+        m(f.current.value);
       }
-      F.goToOption(M.Specific, p.activeOptionIndex);
+      F.goToOption(w.Specific, p.activeOptionIndex);
     }
   }), X = g(() => {
-    C({ type: 0 }), E.current = !0;
+    y({ type: 0 }), x.current = !0;
   }), ee = g(() => {
-    C({ type: 1 }), E.current = !1, b == null || b();
-  }), ie = g((v) => {
-    C({ type: 3, isTyping: v });
-  }), D = g((v, T, W) => (E.current = !1, v === M.Specific ? C({ type: 2, focus: M.Specific, idx: T, trigger: W }) : C({ type: 2, focus: v, trigger: W }))), ve = g((v, T) => (C({ type: 4, payload: { id: v, dataRef: T } }), () => {
-    p.isActive(T.current.value) && (E.current = !0), C({ type: 5, id: v });
-  })), f = g((v) => te(p.mode, { 0() {
-    return w == null ? void 0 : w(v);
+    y({ type: 1 }), x.current = !1, b == null || b();
+  }), re = g((f) => {
+    y({ type: 3, isTyping: f });
+  }), D = g((f, S, j) => (x.current = !1, f === w.Specific ? y({ type: 2, focus: w.Specific, idx: S, trigger: j }) : y({ type: 2, focus: f, trigger: j }))), ve = g((f, S) => (y({ type: 4, payload: { id: f, dataRef: S } }), () => {
+    p.isActive(S.current.value) && (x.current = !0), y({ type: 5, id: f });
+  })), m = g((f) => ne(p.mode, { 0() {
+    return _ == null ? void 0 : _(f);
   }, 1() {
-    let T = p.value.slice(), W = T.findIndex((pe) => A(pe, v));
-    return W === -1 ? T.push(v) : T.splice(W, 1), w == null ? void 0 : w(T);
-  } })), L = g((v) => {
-    C({ type: 6, trigger: v });
-  }), P = g((v) => {
-    C({ type: 8, element: v });
-  }), N = g((v) => {
-    C({ type: 9, element: v });
-  }), R = g((v) => {
-    C({ type: 10, element: v });
-  }), F = G(() => ({ onChange: f, registerOption: ve, goToOption: D, setIsTyping: ie, closeCombobox: ee, openCombobox: X, setActivationTrigger: L, selectActiveOption: Y, setInputElement: P, setButtonElement: N, setOptionsElement: R }), []), [Q, qe] = at(), Ye = i === null ? {} : { ref: i }, Xe = Ee(() => {
-    if (_ !== void 0) return w == null ? void 0 : w(_);
-  }, [w, _]);
-  return z.createElement(qe, { value: Q, props: { htmlFor: (n = p.inputElement) == null ? void 0 : n.id }, slot: { open: p.comboboxState === 0, disabled: m } }, z.createElement(ht, null, z.createElement(Re.Provider, { value: F }, z.createElement(ae.Provider, { value: p }, z.createElement(yt, { value: te(p.comboboxState, { 0: me.Open, 1: me.Closed }) }, c != null && z.createElement(ut, { disabled: m, data: S != null ? { [c]: S } : {}, form: a, onReset: Xe }), ce({ ourProps: Ye, theirProps: $, slot: oe, defaultTag: sn, name: "Combobox" }))))));
+    let S = p.value.slice(), j = S.findIndex((pe) => A(pe, f));
+    return j === -1 ? S.push(f) : S.splice(j, 1), _ == null ? void 0 : _(S);
+  } })), N = g((f) => {
+    y({ type: 6, trigger: f });
+  }), R = g((f) => {
+    y({ type: 8, element: f });
+  }), L = g((f) => {
+    y({ type: 9, element: f });
+  }), M = g((f) => {
+    y({ type: 10, element: f });
+  }), F = G(() => ({ onChange: m, registerOption: ve, goToOption: D, setIsTyping: re, closeCombobox: ee, openCombobox: X, setActivationTrigger: N, selectActiveOption: Y, setInputElement: R, setButtonElement: L, setOptionsElement: M }), []), [Q, qe] = at(), Ye = i === null ? {} : { ref: i }, Xe = Ee(() => {
+    if (z !== void 0) return _ == null ? void 0 : _(z);
+  }, [_, z]);
+  return $.createElement(qe, { value: Q, props: { htmlFor: (n = p.inputElement) == null ? void 0 : n.id }, slot: { open: p.comboboxState === 0, disabled: v } }, $.createElement(ht, null, $.createElement(Re.Provider, { value: F }, $.createElement(ae.Provider, { value: p }, $.createElement(Tt, { value: ne(p.comboboxState, { 0: me.Open, 1: me.Closed }) }, c != null && $.createElement(ut, { disabled: v, data: C != null ? { [c]: C } : {}, form: a, onReset: Xe }), ce({ ourProps: Ye, theirProps: P, slot: ie, defaultTag: sn, name: "Combobox" }))))));
 }
 let an = "input";
 function un(e, i) {
   var t, n, o, r, l;
-  let s = ne("Combobox.Input"), a = de("Combobox.Input"), c = he(), d = ct(), { id: m = d || `headlessui-combobox-input-${c}`, onChange: b, displayValue: u, disabled: x = s.disabled || !1, autoFocus: O = !1, type: h = "text", ...y } = e, $ = V(null), _ = fe($, i, vt(), a.setInputElement), S = je(s.inputElement), w = Qe(), I = g(() => {
-    a.onChange(null), s.optionsElement && (s.optionsElement.scrollTop = 0), a.goToOption(M.Nothing);
-  }), C = G(() => {
-    var f;
-    return typeof u == "function" && s.value !== void 0 ? (f = u(s.value)) != null ? f : "" : typeof s.value == "string" ? s.value : "";
+  let s = oe("Combobox.Input"), a = de("Combobox.Input"), c = he(), d = ct(), { id: v = d || `headlessui-combobox-input-${c}`, onChange: b, displayValue: u, disabled: E = s.disabled || !1, autoFocus: O = !1, type: h = "text", ...T } = e, P = V(null), z = fe(P, i, vt(), a.setInputElement), C = He(s.inputElement), _ = Qe(), I = g(() => {
+    a.onChange(null), s.optionsElement && (s.optionsElement.scrollTop = 0), a.goToOption(w.Nothing);
+  }), y = G(() => {
+    var m;
+    return typeof u == "function" && s.value !== void 0 ? (m = u(s.value)) != null ? m : "" : typeof s.value == "string" ? s.value : "";
   }, [s.value, u]);
-  Ae(([f, L], [P, N]) => {
+  Ae(([m, N], [R, L]) => {
     if (s.isTyping) return;
-    let R = $.current;
-    R && ((N === 0 && L === 1 || f !== P) && (R.value = f), requestAnimationFrame(() => {
-      if (s.isTyping || !R || (S == null ? void 0 : S.activeElement) !== R) return;
-      let { selectionStart: F, selectionEnd: Q } = R;
-      Math.abs((Q ?? 0) - (F ?? 0)) === 0 && F === 0 && R.setSelectionRange(R.value.length, R.value.length);
+    let M = P.current;
+    M && ((L === 0 && N === 1 || m !== R) && (M.value = m), requestAnimationFrame(() => {
+      if (s.isTyping || !M || (C == null ? void 0 : C.activeElement) !== M) return;
+      let { selectionStart: F, selectionEnd: Q } = M;
+      Math.abs((Q ?? 0) - (F ?? 0)) === 0 && F === 0 && M.setSelectionRange(M.value.length, M.value.length);
     }));
-  }, [C, s.comboboxState, S, s.isTyping]), Ae(([f], [L]) => {
-    if (f === 0 && L === 1) {
+  }, [y, s.comboboxState, C, s.isTyping]), Ae(([m], [N]) => {
+    if (m === 0 && N === 1) {
       if (s.isTyping) return;
-      let P = $.current;
-      if (!P) return;
-      let N = P.value, { selectionStart: R, selectionEnd: F, selectionDirection: Q } = P;
-      P.value = "", P.value = N, Q !== null ? P.setSelectionRange(R, F, Q) : P.setSelectionRange(R, F);
+      let R = P.current;
+      if (!R) return;
+      let L = R.value, { selectionStart: M, selectionEnd: F, selectionDirection: Q } = R;
+      R.value = "", R.value = L, Q !== null ? R.setSelectionRange(M, F, Q) : R.setSelectionRange(M, F);
     }
   }, [s.comboboxState]);
-  let E = V(!1), j = g(() => {
-    E.current = !0;
+  let x = V(!1), H = g(() => {
+    x.current = !0;
   }), A = g(() => {
-    w.nextFrame(() => {
-      E.current = !1;
+    _.nextFrame(() => {
+      x.current = !1;
     });
-  }), U = g((f) => {
-    switch (a.setIsTyping(!0), f.key) {
+  }), U = g((m) => {
+    switch (a.setIsTyping(!0), m.key) {
       case k.Enter:
-        if (s.comboboxState !== 0 || E.current) return;
-        if (f.preventDefault(), f.stopPropagation(), s.activeOptionIndex === null) {
+        if (s.comboboxState !== 0 || x.current) return;
+        if (m.preventDefault(), m.stopPropagation(), s.activeOptionIndex === null) {
           a.closeCombobox();
           return;
         }
         a.selectActiveOption(), s.mode === 0 && a.closeCombobox();
         break;
       case k.ArrowDown:
-        return f.preventDefault(), f.stopPropagation(), te(s.comboboxState, { 0: () => a.goToOption(M.Next), 1: () => a.openCombobox() });
+        return m.preventDefault(), m.stopPropagation(), ne(s.comboboxState, { 0: () => a.goToOption(w.Next), 1: () => a.openCombobox() });
       case k.ArrowUp:
-        return f.preventDefault(), f.stopPropagation(), te(s.comboboxState, { 0: () => a.goToOption(M.Previous), 1: () => {
-          Z(() => a.openCombobox()), s.value || a.goToOption(M.Last);
+        return m.preventDefault(), m.stopPropagation(), ne(s.comboboxState, { 0: () => a.goToOption(w.Previous), 1: () => {
+          Z(() => a.openCombobox()), s.value || a.goToOption(w.Last);
         } });
       case k.Home:
-        if (f.shiftKey) break;
-        return f.preventDefault(), f.stopPropagation(), a.goToOption(M.First);
+        if (m.shiftKey) break;
+        return m.preventDefault(), m.stopPropagation(), a.goToOption(w.First);
       case k.PageUp:
-        return f.preventDefault(), f.stopPropagation(), a.goToOption(M.First);
+        return m.preventDefault(), m.stopPropagation(), a.goToOption(w.First);
       case k.End:
-        if (f.shiftKey) break;
-        return f.preventDefault(), f.stopPropagation(), a.goToOption(M.Last);
+        if (m.shiftKey) break;
+        return m.preventDefault(), m.stopPropagation(), a.goToOption(w.Last);
       case k.PageDown:
-        return f.preventDefault(), f.stopPropagation(), a.goToOption(M.Last);
+        return m.preventDefault(), m.stopPropagation(), a.goToOption(w.Last);
       case k.Escape:
-        return s.comboboxState !== 0 ? void 0 : (f.preventDefault(), s.optionsElement && !s.optionsPropsRef.current.static && f.stopPropagation(), s.mode === 0 && s.value === null && I(), a.closeCombobox());
+        return s.comboboxState !== 0 ? void 0 : (m.preventDefault(), s.optionsElement && !s.optionsPropsRef.current.static && m.stopPropagation(), s.mode === 0 && s.value === null && I(), a.closeCombobox());
       case k.Tab:
         if (s.comboboxState !== 0) return;
         s.mode === 0 && s.activationTrigger !== 1 && a.selectActiveOption(), a.closeCombobox();
         break;
     }
-  }), q = g((f) => {
-    b == null || b(f), s.mode === 0 && f.target.value === "" && I(), a.openCombobox();
-  }), K = g((f) => {
-    var L, P, N;
-    let R = (L = f.relatedTarget) != null ? L : J.find((F) => F !== f.currentTarget);
-    if (!((P = s.optionsElement) != null && P.contains(R)) && !((N = s.buttonElement) != null && N.contains(R)) && s.comboboxState === 0) return f.preventDefault(), s.mode === 0 && s.value === null && I(), a.closeCombobox();
-  }), p = g((f) => {
-    var L, P, N;
-    let R = (L = f.relatedTarget) != null ? L : J.find((F) => F !== f.currentTarget);
-    (P = s.buttonElement) != null && P.contains(R) || (N = s.optionsElement) != null && N.contains(R) || s.disabled || s.immediate && s.comboboxState !== 0 && w.microTask(() => {
+  }), q = g((m) => {
+    b == null || b(m), s.mode === 0 && m.target.value === "" && I(), a.openCombobox();
+  }), K = g((m) => {
+    var N, R, L;
+    let M = (N = m.relatedTarget) != null ? N : J.find((F) => F !== m.currentTarget);
+    if (!((R = s.optionsElement) != null && R.contains(M)) && !((L = s.buttonElement) != null && L.contains(M)) && s.comboboxState === 0) return m.preventDefault(), s.mode === 0 && s.value === null && I(), a.closeCombobox();
+  }), p = g((m) => {
+    var N, R, L;
+    let M = (N = m.relatedTarget) != null ? N : J.find((F) => F !== m.currentTarget);
+    (R = s.buttonElement) != null && R.contains(M) || (L = s.optionsElement) != null && L.contains(M) || s.disabled || s.immediate && s.comboboxState !== 0 && _.microTask(() => {
       Z(() => a.openCombobox()), a.setActivationTrigger(1);
     });
-  }), B = we(), oe = dt(), { isFocused: Y, focusProps: X } = Ve({ autoFocus: O }), { isHovered: ee, hoverProps: ie } = Be({ isDisabled: x }), D = G(() => ({ open: s.comboboxState === 0, disabled: x, hover: ee, focus: Y, autofocus: O }), [s, ee, Y, O, x]), ve = Ie({ ref: _, id: m, role: "combobox", type: h, "aria-controls": (t = s.optionsElement) == null ? void 0 : t.id, "aria-expanded": s.comboboxState === 0, "aria-activedescendant": s.activeOptionIndex === null ? void 0 : s.virtual ? (n = s.options.find((f) => !f.dataRef.current.disabled && s.compare(f.dataRef.current.value, s.virtual.options[s.activeOptionIndex]))) == null ? void 0 : n.id : (o = s.options[s.activeOptionIndex]) == null ? void 0 : o.id, "aria-labelledby": B, "aria-describedby": oe, "aria-autocomplete": "list", defaultValue: (l = (r = e.defaultValue) != null ? r : s.defaultValue !== void 0 ? u == null ? void 0 : u(s.defaultValue) : null) != null ? l : s.defaultValue, disabled: x || void 0, autoFocus: O, onCompositionStart: j, onCompositionEnd: A, onKeyDown: U, onChange: q, onFocus: p, onBlur: K }, X, ie);
-  return ce({ ourProps: ve, theirProps: y, slot: D, defaultTag: an, name: "Combobox.Input" });
+  }), B = we(), ie = dt(), { isFocused: Y, focusProps: X } = Ve({ autoFocus: O }), { isHovered: ee, hoverProps: re } = Be({ isDisabled: E }), D = G(() => ({ open: s.comboboxState === 0, disabled: E, hover: ee, focus: Y, autofocus: O }), [s, ee, Y, O, E]), ve = Ie({ ref: z, id: v, role: "combobox", type: h, "aria-controls": (t = s.optionsElement) == null ? void 0 : t.id, "aria-expanded": s.comboboxState === 0, "aria-activedescendant": s.activeOptionIndex === null ? void 0 : s.virtual ? (n = s.options.find((m) => !m.dataRef.current.disabled && s.compare(m.dataRef.current.value, s.virtual.options[s.activeOptionIndex]))) == null ? void 0 : n.id : (o = s.options[s.activeOptionIndex]) == null ? void 0 : o.id, "aria-labelledby": B, "aria-describedby": ie, "aria-autocomplete": "list", defaultValue: (l = (r = e.defaultValue) != null ? r : s.defaultValue !== void 0 ? u == null ? void 0 : u(s.defaultValue) : null) != null ? l : s.defaultValue, disabled: E || void 0, autoFocus: O, onCompositionStart: H, onCompositionEnd: A, onKeyDown: U, onChange: q, onFocus: p, onBlur: K }, X, re);
+  return ce({ ourProps: ve, theirProps: T, slot: D, defaultTag: an, name: "Combobox.Input" });
 }
 let cn = "button";
 function dn(e, i) {
   var t;
-  let n = ne("Combobox.Button"), o = de("Combobox.Button"), r = fe(i, o.setButtonElement), l = Je(), s = he(), { id: a = `headlessui-combobox-button-${s}`, disabled: c = n.disabled || !1, autoFocus: d = !1, ...m } = e, b = Ke(n.inputElement), u = g((E) => {
-    switch (E.key) {
+  let n = oe("Combobox.Button"), o = de("Combobox.Button"), r = fe(i, o.setButtonElement), l = Je(), s = he(), { id: a = `headlessui-combobox-button-${s}`, disabled: c = n.disabled || !1, autoFocus: d = !1, ...v } = e, b = Ke(n.inputElement), u = g((x) => {
+    switch (x.key) {
       case k.Space:
       case k.Enter:
-        E.preventDefault(), E.stopPropagation(), n.comboboxState === 1 && Z(() => o.openCombobox()), b();
+        x.preventDefault(), x.stopPropagation(), n.comboboxState === 1 && Z(() => o.openCombobox()), b();
         return;
       case k.ArrowDown:
-        E.preventDefault(), E.stopPropagation(), n.comboboxState === 1 && (Z(() => o.openCombobox()), n.value || o.goToOption(M.First)), b();
+        x.preventDefault(), x.stopPropagation(), n.comboboxState === 1 && (Z(() => o.openCombobox()), n.value || o.goToOption(w.First)), b();
         return;
       case k.ArrowUp:
-        E.preventDefault(), E.stopPropagation(), n.comboboxState === 1 && (Z(() => o.openCombobox()), n.value || o.goToOption(M.Last)), b();
+        x.preventDefault(), x.stopPropagation(), n.comboboxState === 1 && (Z(() => o.openCombobox()), n.value || o.goToOption(w.Last)), b();
         return;
       case k.Escape:
         if (n.comboboxState !== 0) return;
-        E.preventDefault(), n.optionsElement && !n.optionsPropsRef.current.static && E.stopPropagation(), Z(() => o.closeCombobox()), b();
+        x.preventDefault(), n.optionsElement && !n.optionsPropsRef.current.static && x.stopPropagation(), Z(() => o.closeCombobox()), b();
         return;
       default:
         return;
     }
-  }), x = g((E) => {
-    E.preventDefault(), !_t(E.currentTarget) && (E.button === Me.Left && (n.comboboxState === 0 ? o.closeCombobox() : o.openCombobox()), b());
-  }), O = we([a]), { isFocusVisible: h, focusProps: y } = Ve({ autoFocus: d }), { isHovered: $, hoverProps: _ } = Be({ isDisabled: c }), { pressed: S, pressProps: w } = nt({ disabled: c }), I = G(() => ({ open: n.comboboxState === 0, active: S || n.comboboxState === 0, disabled: c, value: n.value, hover: $, focus: h }), [n, $, h, S, c]), C = Ie({ ref: r, id: a, type: Tt(e, n.buttonElement), tabIndex: -1, "aria-haspopup": "listbox", "aria-controls": (t = n.optionsElement) == null ? void 0 : t.id, "aria-expanded": n.comboboxState === 0, "aria-labelledby": O, disabled: c || void 0, autoFocus: d, onMouseDown: x, onKeyDown: u }, y, _, w);
-  return ce({ mergeRefs: l, ourProps: C, theirProps: m, slot: I, defaultTag: cn, name: "Combobox.Button" });
+  }), E = g((x) => {
+    x.preventDefault(), !_t(x.currentTarget) && (x.button === Me.Left && (n.comboboxState === 0 ? o.closeCombobox() : o.openCombobox()), b());
+  }), O = we([a]), { isFocusVisible: h, focusProps: T } = Ve({ autoFocus: d }), { isHovered: P, hoverProps: z } = Be({ isDisabled: c }), { pressed: C, pressProps: _ } = nt({ disabled: c }), I = G(() => ({ open: n.comboboxState === 0, active: C || n.comboboxState === 0, disabled: c, value: n.value, hover: P, focus: h }), [n, P, h, C, c]), y = Ie({ ref: r, id: a, type: yt(e, n.buttonElement), tabIndex: -1, "aria-haspopup": "listbox", "aria-controls": (t = n.optionsElement) == null ? void 0 : t.id, "aria-expanded": n.comboboxState === 0, "aria-labelledby": O, disabled: c || void 0, autoFocus: d, onMouseDown: E, onKeyDown: u }, T, z, _);
+  return ce({ mergeRefs: l, ourProps: y, theirProps: v, slot: I, defaultTag: cn, name: "Combobox.Button" });
 }
 let pn = "div", mn = _e.RenderStrategy | _e.Static;
 function fn(e, i) {
   var t, n, o;
-  let r = he(), { id: l = `headlessui-combobox-options-${r}`, hold: s = !1, anchor: a, portal: c = !1, modal: d = !0, transition: m = !1, ...b } = e, u = ne("Combobox.Options"), x = de("Combobox.Options"), O = bt(a);
+  let r = he(), { id: l = `headlessui-combobox-options-${r}`, hold: s = !1, anchor: a, portal: c = !1, modal: d = !0, transition: v = !1, ...b } = e, u = oe("Combobox.Options"), E = de("Combobox.Options"), O = bt(a);
   O && (c = !0);
-  let [h, y] = gt(O), [$, _] = Te(null), S = xt(), w = fe(i, O ? h : null, x.setOptionsElement, _), I = je(u.optionsElement), C = Ct(), [E, j] = wt(m, $, C !== null ? (C & me.Open) === me.Open : u.comboboxState === 0);
-  Et(E, u.inputElement, x.closeCombobox);
+  let [h, T] = gt(O), [P, z] = ye(null), C = xt(), _ = fe(i, O ? h : null, E.setOptionsElement, z), I = He(u.optionsElement), y = Ct(), [x, H] = wt(v, P, y !== null ? (y & me.Open) === me.Open : u.comboboxState === 0);
+  Et(x, u.inputElement, E.closeCombobox);
   let A = u.__demoMode ? !1 : d && u.comboboxState === 0;
   Ot(A, I);
   let U = u.__demoMode ? !1 : d && u.comboboxState === 0;
-  Kt(U, { allowed: Ee(() => [u.inputElement, u.buttonElement, u.optionsElement], [u.inputElement, u.buttonElement, u.optionsElement]) }), H(() => {
+  Kt(U, { allowed: Ee(() => [u.inputElement, u.buttonElement, u.optionsElement], [u.inputElement, u.buttonElement, u.optionsElement]) }), W(() => {
     var D;
     u.optionsPropsRef.current.static = (D = e.static) != null ? D : !1;
-  }, [u.optionsPropsRef, e.static]), H(() => {
+  }, [u.optionsPropsRef, e.static]), W(() => {
     u.optionsPropsRef.current.hold = s;
   }, [u.optionsPropsRef, s]), qt(u.comboboxState === 0, { container: u.optionsElement, accept(D) {
     return D.getAttribute("role") === "option" ? NodeFilter.FILTER_REJECT : D.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
@@ -927,48 +930,48 @@ function fn(e, i) {
     D.setAttribute("role", "none");
   } });
   let q = we([(t = u.buttonElement) == null ? void 0 : t.id]), K = G(() => ({ open: u.comboboxState === 0, option: void 0 }), [u.comboboxState]), p = g(() => {
-    x.setActivationTrigger(0);
+    E.setActivationTrigger(0);
   }), B = g((D) => {
-    D.preventDefault(), x.setActivationTrigger(0);
-  }), oe = Ie(O ? S() : {}, { "aria-labelledby": q, role: "listbox", "aria-multiselectable": u.mode === 1 ? !0 : void 0, id: l, ref: w, style: { ...b.style, ...y, "--input-width": Pe(u.inputElement, !0).width, "--button-width": Pe(u.buttonElement, !0).width }, onWheel: u.activationTrigger === 0 ? void 0 : p, onMouseDown: B, ...Mt(j) }), Y = E && u.comboboxState === 1, X = Se(Y, (n = u.virtual) == null ? void 0 : n.options), ee = Se(Y, u.value), ie = g((D) => u.compare(ee, D));
+    D.preventDefault(), E.setActivationTrigger(0);
+  }), ie = Ie(O ? C() : {}, { "aria-labelledby": q, role: "listbox", "aria-multiselectable": u.mode === 1 ? !0 : void 0, id: l, ref: _, style: { ...b.style, ...T, "--input-width": Pe(u.inputElement, !0).width, "--button-width": Pe(u.buttonElement, !0).width }, onWheel: u.activationTrigger === 0 ? void 0 : p, onMouseDown: B, ...Mt(H) }), Y = x && u.comboboxState === 1, X = Se(Y, (n = u.virtual) == null ? void 0 : n.options), ee = Se(Y, u.value), re = g((D) => u.compare(ee, D));
   if (u.virtual) {
     if (X === void 0) throw new Error("Missing `options` in virtual mode");
-    Object.assign(b, { children: z.createElement(ae.Provider, { value: X !== u.virtual.options ? { ...u, virtual: { ...u.virtual, options: X } } : u }, z.createElement(on, { slot: K }, b.children)) });
+    Object.assign(b, { children: $.createElement(ae.Provider, { value: X !== u.virtual.options ? { ...u, virtual: { ...u.virtual, options: X } } : u }, $.createElement(on, { slot: K }, b.children)) });
   }
-  return z.createElement(St, { enabled: c ? e.static || E : !1 }, z.createElement(ae.Provider, { value: u.mode === 1 ? u : { ...u, isSelected: ie } }, ce({ ourProps: oe, theirProps: { ...b, children: z.createElement(Yt, { freeze: Y }, typeof b.children == "function" ? (o = b.children) == null ? void 0 : o.call(b, K) : b.children) }, slot: K, defaultTag: pn, features: mn, visible: E, name: "Combobox.Options" })));
+  return $.createElement(St, { enabled: c ? e.static || x : !1 }, $.createElement(ae.Provider, { value: u.mode === 1 ? u : { ...u, isSelected: re } }, ce({ ourProps: ie, theirProps: { ...b, children: $.createElement(Yt, { freeze: Y }, typeof b.children == "function" ? (o = b.children) == null ? void 0 : o.call(b, K) : b.children) }, slot: K, defaultTag: pn, features: mn, visible: x, name: "Combobox.Options" })));
 }
 let hn = "div";
 function vn(e, i) {
   var t, n, o, r;
-  let l = ne("Combobox.Option"), s = de("Combobox.Option"), a = he(), { id: c = `headlessui-combobox-option-${a}`, value: d, disabled: m = (o = (n = (t = l.virtual) == null ? void 0 : t.disabled) == null ? void 0 : n.call(t, d)) != null ? o : !1, order: b = null, ...u } = e, x = Ke(l.inputElement), O = l.virtual ? l.activeOptionIndex === l.calculateIndex(d) : l.activeOptionIndex === null ? !1 : ((r = l.options[l.activeOptionIndex]) == null ? void 0 : r.id) === c, h = l.isSelected(d), y = V(null), $ = Ze({ disabled: m, value: d, domRef: y, order: b }), _ = Ce(Ge), S = fe(i, y, _ ? _.measureElement : null), w = g(() => {
+  let l = oe("Combobox.Option"), s = de("Combobox.Option"), a = he(), { id: c = `headlessui-combobox-option-${a}`, value: d, disabled: v = (o = (n = (t = l.virtual) == null ? void 0 : t.disabled) == null ? void 0 : n.call(t, d)) != null ? o : !1, order: b = null, ...u } = e, E = Ke(l.inputElement), O = l.virtual ? l.activeOptionIndex === l.calculateIndex(d) : l.activeOptionIndex === null ? !1 : ((r = l.options[l.activeOptionIndex]) == null ? void 0 : r.id) === c, h = l.isSelected(d), T = V(null), P = Ze({ disabled: v, value: d, domRef: T, order: b }), z = Ce(Ge), C = fe(i, T, z ? z.measureElement : null), _ = g(() => {
     s.setIsTyping(!1), s.onChange(d);
   });
-  H(() => s.registerOption(c, $), [$, c]);
+  W(() => s.registerOption(c, P), [P, c]);
   let I = V(!(l.virtual || l.__demoMode));
-  H(() => {
+  W(() => {
     if (!l.virtual && !l.__demoMode) return xe().requestAnimationFrame(() => {
       I.current = !0;
     });
-  }, [l.virtual, l.__demoMode]), H(() => {
+  }, [l.virtual, l.__demoMode]), W(() => {
     if (I.current && l.comboboxState === 0 && O && l.activationTrigger !== 0) return xe().requestAnimationFrame(() => {
       var p, B;
-      (B = (p = y.current) == null ? void 0 : p.scrollIntoView) == null || B.call(p, { block: "nearest" });
+      (B = (p = T.current) == null ? void 0 : p.scrollIntoView) == null || B.call(p, { block: "nearest" });
     });
-  }, [y, O, l.comboboxState, l.activationTrigger, l.activeOptionIndex]);
-  let C = g((p) => {
-    p.preventDefault(), p.button === Me.Left && (m || (w(), It() || requestAnimationFrame(() => x()), l.mode === 0 && s.closeCombobox()));
-  }), E = g(() => {
-    if (m) return s.goToOption(M.Nothing);
+  }, [T, O, l.comboboxState, l.activationTrigger, l.activeOptionIndex]);
+  let y = g((p) => {
+    p.preventDefault(), p.button === Me.Left && (v || (_(), It() || requestAnimationFrame(() => E()), l.mode === 0 && s.closeCombobox()));
+  }), x = g(() => {
+    if (v) return s.goToOption(w.Nothing);
     let p = l.calculateIndex(d);
-    s.goToOption(M.Specific, p);
-  }), j = Gt(), A = g((p) => j.update(p)), U = g((p) => {
-    if (!j.wasMoved(p) || m || O) return;
+    s.goToOption(w.Specific, p);
+  }), H = Gt(), A = g((p) => H.update(p)), U = g((p) => {
+    if (!H.wasMoved(p) || v || O) return;
     let B = l.calculateIndex(d);
-    s.goToOption(M.Specific, B, 0);
+    s.goToOption(w.Specific, B, 0);
   }), q = g((p) => {
-    j.wasMoved(p) && (m || O && (l.optionsPropsRef.current.hold || s.goToOption(M.Nothing)));
-  }), K = G(() => ({ active: O, focus: O, selected: h, disabled: m }), [O, h, m]);
-  return ce({ ourProps: { id: c, ref: S, role: "option", tabIndex: m === !0 ? void 0 : -1, "aria-disabled": m === !0 ? !0 : void 0, "aria-selected": h, disabled: void 0, onMouseDown: C, onFocus: E, onPointerEnter: A, onMouseEnter: A, onPointerMove: U, onMouseMove: U, onPointerLeave: q, onMouseLeave: q }, theirProps: u, slot: K, defaultTag: hn, name: "Combobox.Option" });
+    H.wasMoved(p) && (v || O && (l.optionsPropsRef.current.hold || s.goToOption(w.Nothing)));
+  }), K = G(() => ({ active: O, focus: O, selected: h, disabled: v }), [O, h, v]);
+  return ce({ ourProps: { id: c, ref: C, role: "option", tabIndex: v === !0 ? void 0 : -1, "aria-disabled": v === !0 ? !0 : void 0, "aria-selected": h, disabled: void 0, onMouseDown: y, onFocus: x, onPointerEnter: A, onMouseEnter: A, onPointerMove: U, onMouseMove: U, onPointerLeave: q, onMouseLeave: q }, theirProps: u, slot: K, defaultTag: hn, name: "Combobox.Option" });
 }
 let bn = ue(ln), gn = ue(dn), xn = ue(un), En = it, On = ue(fn), Sn = ue(vn), Dn = Object.assign(bn, { Input: xn, Button: gn, Label: En, Options: On, Option: Sn });
 export {
@@ -976,5 +979,5 @@ export {
   Dn as H,
   On as K,
   gn as U,
-  Sn as W
+  Sn as j
 };