@forsyteco/product-ui 0.0.11 → 0.0.13

package/dist/{combobox-Dyen_KC6.mjs → combobox-Umb1ZW9S.mjs}

@@ -1,45 +1,43 @@
-import { jsx as X, jsxs as nt } from "react/jsx-runtime";
-import * as xe from "react";
-import N, { useRef as pe, createContext as Ie, useMemo as ie, useContext as we, useId as he, useCallback as Y, Fragment as Ue, useState as Se } from "react";
-import { c as ye } from "./tailwind-DtaLkIY8.mjs";
-import { $ as Ke, a as qe } from "./useFocusRing-Bocdsy5M.mjs";
-import { flushSync as ee } from "react-dom";
-import { w as ot, e as it } from "./use-resolve-button-type-637wy6MK.mjs";
-import { u as st } from "./use-by-comparator-Bmefvuy2.mjs";
-import { l as lt, b as rt, j as at } from "./form-fields-CXtJvVC5.mjs";
-import { a as R, u as se, Y as me, n as te, K as ge, s as ut, y as Ee, V as $e, p as ct, A as Re, o as dt } from "./use-sync-refs-B0fmGxD4.mjs";
-import { A as pt, y as ft, R as ht, T as mt, w as Pe, F as gt } from "./floating-dEgEvBqv.mjs";
-import { a as A, p as vt, c as de, f as Ae, b as bt, u as xt, L as Ot, S as ue, s as St, g as Et } from "./element-movement-B3AVr940.mjs";
-import { y as yt } from "./use-inert-others-BCB16FKE.mjs";
-import { T as Ct, x as He, a as It, c as wt, S as F, b as $t, u as Fe, p as Tt, f as Mt, t as Rt, n as Pt } from "./portal-BaBdcS83.mjs";
-import { c as ze, d as Ge, b as ve, n as At, o as j } from "./keyboard-Bi11Rnr0.mjs";
-import { E as Ft } from "./use-event-listener-BjXsgSkG.mjs";
-import { c as zt, u as _t, N as kt, x as Dt, i as Oe } from "./open-closed-BkH8ZC7H.mjs";
-import { F as Nt } from "./use-tree-walker-D25YXIMY.mjs";
-import { m as _e, n as ke } from "./active-element-history-BJ1HYFpN.mjs";
-import { a as Vt, w as Lt } from "./description-CAH1nOgr.mjs";
-import { u as De, s as Wt } from "./frozen-Cpa22rmr.mjs";
-import { Z as jt, V as Bt, N as Te, u as Ut } from "./label-DAaE-vxI.mjs";
-import { G as Kt } from "./focus-management-DUVCz_zm.mjs";
-function oe(t, s, e) {
+import { $ as We, a as Be } from "./useFocusRing-Df1NuOsX.mjs";
+import * as ge from "react";
+import V, { useRef as ce, useMemo as oe, createContext as Ee, useContext as Se, useId as pe, useCallback as X, Fragment as je, useState as ye } from "react";
+import { flushSync as Q } from "react-dom";
+import { w as Qe, e as et } from "./use-resolve-button-type-BhmWA6Dl.mjs";
+import { u as tt } from "./use-by-comparator-Bmefvuy2.mjs";
+import { l as nt, b as ot, j as it } from "./form-fields-Bpp9kTvo.mjs";
+import { a as R, u as ie, Y as he, n as ee, K as fe, A as we, y as xe, V as Ce, p as st, s as lt, o as rt } from "./use-sync-refs-CDCE8QtA.mjs";
+import { A as at, F as ut, y as ct, R as dt, T as pt, w as Me } from "./floating-DQ2M2ViQ.mjs";
+import { p as ht, c as ue, a as A, f as $e, b as ft, L as mt, S as ae, s as vt, g as gt, u as bt } from "./element-movement-Bad2OqSj.mjs";
+import { y as xt } from "./use-inert-others-CgSXXC-d.mjs";
+import { T as Ot, x as Ue, a as Et, c as St, S as F, b as yt, u as Re, p as Ct, f as It, t as Tt, n as wt } from "./portal-D-TZOwvF.mjs";
+import { c as Pe, d as He, b as me, n as Mt, o as B } from "./keyboard-BzaAKRwG.mjs";
+import { E as $t } from "./use-event-listener-BUA2xXRr.mjs";
+import { c as Rt, i as be, u as Pt, N as At, x as Ft } from "./open-closed-Be5nD5U2.mjs";
+import { F as zt } from "./use-tree-walker-CHC6ccbq.mjs";
+import { m as Ae, n as Fe } from "./active-element-history-B7wA4w4L.mjs";
+import { a as _t, w as Dt } from "./description-hiFZ303Y.mjs";
+import { u as ze, s as kt } from "./frozen-CXF36eio.mjs";
+import { Z as Vt, V as Nt, N as Ie, u as Lt } from "./label--pGndX3z.mjs";
+import { G as Wt } from "./focus-management-BGuC9pKE.mjs";
+function ne(t, s, e) {
   let o = e.initialDeps ?? [], n, i = !0;
   function l() {
     var r, u, a;
-    let c;
-    e.key && ((r = e.debug) != null && r.call(e)) && (c = Date.now());
-    const v = t();
-    if (!(v.length !== o.length || v.some((p, g) => o[g] !== p)))
+    let d;
+    e.key && ((r = e.debug) != null && r.call(e)) && (d = Date.now());
+    const g = t();
+    if (!(g.length !== o.length || g.some((p, m) => o[m] !== p)))
       return n;
-    o = v;
-    let f;
-    if (e.key && ((u = e.debug) != null && u.call(e)) && (f = Date.now()), n = s(...v), e.key && ((a = e.debug) != null && a.call(e))) {
-      const p = Math.round((Date.now() - c) * 100) / 100, g = Math.round((Date.now() - f) * 100) / 100, b = g / 16, w = ($, T) => {
-        for ($ = String($); $.length < T; )
-          $ = " " + $;
-        return $;
+    o = g;
+    let h;
+    if (e.key && ((u = e.debug) != null && u.call(e)) && (h = Date.now()), n = s(...g), e.key && ((a = e.debug) != null && a.call(e))) {
+      const p = Math.round((Date.now() - d) * 100) / 100, m = Math.round((Date.now() - h) * 100) / 100, b = m / 16, T = (w, M) => {
+        for (w = String(w); w.length < M; )
+          w = " " + w;
+        return w;
       };
       console.info(
-        `%c⏱ ${w(g, 5)} /${w(p, 5)} ms`,
+        `%c⏱ ${T(m, 5)} /${T(p, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
@@ -56,25 +54,25 @@ function oe(t, s, e) {
     o = r;
   }, l;
 }
-function Ne(t, s) {
+function _e(t, s) {
   if (t === void 0)
     throw new Error("Unexpected undefined");
   return t;
 }
-const qt = (t, s) => Math.abs(t - s) < 1.01, Ht = (t, s, e) => {
+const Bt = (t, s) => Math.abs(t - s) < 1.01, jt = (t, s, e) => {
   let o;
   return function(...n) {
     t.clearTimeout(o), o = t.setTimeout(() => s.apply(this, n), e);
   };
-}, Ve = (t) => {
+}, De = (t) => {
   const { offsetWidth: s, offsetHeight: e } = t;
   return { width: s, height: e };
-}, Gt = (t) => t, Xt = (t) => {
+}, Ut = (t) => t, Ht = (t) => {
   const s = Math.max(t.startIndex - t.overscan, 0), e = Math.min(t.endIndex + t.overscan, t.count - 1), o = [];
   for (let n = s; n <= e; n++)
     o.push(n);
   return o;
-}, Yt = (t, s) => {
+}, Kt = (t, s) => {
   const e = t.scrollElement;
   if (!e)
     return;
@@ -85,7 +83,7 @@ const qt = (t, s) => Math.abs(t - s) < 1.01, Ht = (t, s, e) => {
     const { width: r, height: u } = l;
     s({ width: Math.round(r), height: Math.round(u) });
   };
-  if (n(Ve(e)), !o.ResizeObserver)
+  if (n(De(e)), !o.ResizeObserver)
     return () => {
     };
   const i = new o.ResizeObserver((l) => {
@@ -98,16 +96,16 @@ const qt = (t, s) => Math.abs(t - s) < 1.01, Ht = (t, s, e) => {
           return;
         }
       }
-      n(Ve(e));
+      n(De(e));
     };
     t.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(r) : r();
   });
   return i.observe(e, { box: "border-box" }), () => {
     i.unobserve(e);
   };
-}, Le = {
+}, ke = {
   passive: !0
-}, We = typeof window > "u" ? !0 : "onscrollend" in window, Jt = (t, s) => {
+}, Ve = typeof window > "u" ? !0 : "onscrollend" in window, qt = (t, s) => {
   const e = t.scrollElement;
   if (!e)
     return;
@@ -115,23 +113,23 @@ const qt = (t, s) => Math.abs(t - s) < 1.01, Ht = (t, s, e) => {
   if (!o)
     return;
   let n = 0;
-  const i = t.options.useScrollendEvent && We ? () => {
-  } : Ht(
+  const i = t.options.useScrollendEvent && Ve ? () => {
+  } : jt(
     o,
     () => {
       s(n, !1);
     },
     t.options.isScrollingResetDelay
-  ), l = (c) => () => {
-    const { horizontal: v, isRtl: d } = t.options;
-    n = v ? e.scrollLeft * (d && -1 || 1) : e.scrollTop, i(), s(n, c);
+  ), l = (d) => () => {
+    const { horizontal: g, isRtl: c } = t.options;
+    n = g ? e.scrollLeft * (c && -1 || 1) : e.scrollTop, i(), s(n, d);
   }, r = l(!0), u = l(!1);
-  u(), e.addEventListener("scroll", r, Le);
-  const a = t.options.useScrollendEvent && We;
-  return a && e.addEventListener("scrollend", u, Le), () => {
+  e.addEventListener("scroll", r, ke);
+  const a = t.options.useScrollendEvent && Ve;
+  return a && e.addEventListener("scrollend", u, ke), () => {
     e.removeEventListener("scroll", r), a && e.removeEventListener("scrollend", u);
   };
-}, Qt = (t, s, e) => {
+}, Gt = (t, s, e) => {
   if (s?.borderBoxSize) {
     const o = s.borderBoxSize[0];
     if (o)
@@ -140,7 +138,7 @@ const qt = (t, s) => Math.abs(t - s) < 1.01, Ht = (t, s, e) => {
       );
   }
   return t[e.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, Zt = (t, {
+}, Xt = (t, {
   adjustments: s = 0,
   behavior: e
 }, o) => {
@@ -151,9 +149,9 @@ const qt = (t, s) => Math.abs(t - s) < 1.01, Ht = (t, s, e) => {
     behavior: e
   });
 };
-class en {
+class Yt {
   constructor(s) {
-    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.observer = /* @__PURE__ */ (() => {
+    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.currentScrollToIndex = null, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.observer = /* @__PURE__ */ (() => {
       let e = null;
       const o = () => e || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : e = new this.targetWindow.ResizeObserver((n) => {
         n.forEach((i) => {
@@ -189,11 +187,11 @@ class en {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: !1,
-        getItemKey: Gt,
-        rangeExtractor: Xt,
+        getItemKey: Ut,
+        rangeExtractor: Ht,
         onChange: () => {
         },
-        measureElement: Qt,
+        measureElement: Gt,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -210,7 +208,7 @@ class en {
     }, this.notify = (e) => {
       var o, n;
       (n = (o = this.options).onChange) == null || n.call(o, this, e);
-    }, this.maybeNotify = oe(
+    }, this.maybeNotify = ne(
       () => (this.calculateRange(), [
         this.isScrolling,
         this.range ? this.range.startIndex : null,
@@ -242,9 +240,6 @@ class en {
         }
         this.scrollElement = o, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = ((e = this.scrollElement) == null ? void 0 : e.window) ?? null, this.elementsCache.forEach((n) => {
           this.observer.observe(n);
-        }), this._scrollToOffset(this.getScrollOffset(), {
-          adjustments: void 0,
-          behavior: void 0
         }), this.unsubs.push(
           this.options.observeElementRect(this, (n) => {
             this.scrollRect = n, this.maybeNotify();
@@ -253,7 +248,10 @@ class en {
           this.options.observeElementOffset(this, (n, i) => {
             this.scrollAdjustments = 0, this.scrollDirection = i ? this.getScrollOffset() < n ? "forward" : "backward" : null, this.scrollOffset = n, this.isScrolling = i, this.maybeNotify();
           })
-        );
+        ), this._scrollToOffset(this.getScrollOffset(), {
+          adjustments: void 0,
+          behavior: void 0
+        });
       }
     }, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (e, o) => {
       const n = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
@@ -268,7 +266,7 @@ class en {
           break;
       }
       return i.size === this.options.lanes ? Array.from(i.values()).sort((l, r) => l.end === r.end ? l.index - r.index : l.end - r.end)[0] : void 0;
-    }, this.getMeasurementOptions = oe(
+    }, this.getMeasurementOptions = ne(
       () => [
         this.options.count,
         this.options.paddingStart,
@@ -286,67 +284,63 @@ class en {
         lanes: r
       }),
       {
-        key: !1,
-        skipInitialOnChange: !0,
-        onChange: () => {
-          this.notify(this.isScrolling);
-        }
+        key: !1
       }
-    ), this.getMeasurements = oe(
+    ), this.getMeasurements = ne(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
       ({ count: e, paddingStart: o, scrollMargin: n, getItemKey: i, enabled: l, lanes: r }, u) => {
         if (!l)
           return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
         if (this.laneAssignments.size > e)
-          for (const d of this.laneAssignments.keys())
-            d >= e && this.laneAssignments.delete(d);
-        this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMeasuredCacheIndexes = []), this.measurementsCache.length === 0 && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((d) => {
-          this.itemSizeCache.set(d.key, d.size);
+          for (const c of this.laneAssignments.keys())
+            c >= e && this.laneAssignments.delete(c);
+        this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMeasuredCacheIndexes = []), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((c) => {
+          this.itemSizeCache.set(c.key, c.size);
         }));
         const a = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
         this.pendingMeasuredCacheIndexes = [], this.lanesSettling && this.measurementsCache.length === e && (this.lanesSettling = !1);
-        const c = this.measurementsCache.slice(0, a), v = new Array(r).fill(
+        const d = this.measurementsCache.slice(0, a), g = new Array(r).fill(
           void 0
         );
-        for (let d = 0; d < a; d++) {
-          const f = c[d];
-          f && (v[f.lane] = d);
+        for (let c = 0; c < a; c++) {
+          const h = d[c];
+          h && (g[h.lane] = c);
         }
-        for (let d = a; d < e; d++) {
-          const f = i(d), p = this.laneAssignments.get(d);
-          let g, b;
+        for (let c = a; c < e; c++) {
+          const h = i(c), p = this.laneAssignments.get(c);
+          let m, b;
           if (p !== void 0 && this.options.lanes > 1) {
-            g = p;
-            const S = v[g], z = S !== void 0 ? c[S] : void 0;
+            m = p;
+            const E = g[m], z = E !== void 0 ? d[E] : void 0;
             b = z ? z.end + this.options.gap : o + n;
           } else {
-            const S = this.options.lanes === 1 ? c[d - 1] : this.getFurthestMeasurement(c, d);
-            b = S ? S.end + this.options.gap : o + n, g = S ? S.lane : d % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(d, g);
+            const E = this.options.lanes === 1 ? d[c - 1] : this.getFurthestMeasurement(d, c);
+            b = E ? E.end + this.options.gap : o + n, m = E ? E.lane : c % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(c, m);
           }
-          const w = u.get(f), $ = typeof w == "number" ? w : this.options.estimateSize(d), T = b + $;
-          c[d] = {
-            index: d,
+          const T = u.get(h), w = typeof T == "number" ? T : this.options.estimateSize(c), M = b + w;
+          d[c] = {
+            index: c,
             start: b,
-            size: $,
-            end: T,
-            key: f,
-            lane: g
-          }, v[g] = d;
+            size: w,
+            end: M,
+            key: h,
+            lane: m
+          }, g[m] = c;
         }
-        return this.measurementsCache = c, c;
+        return this.measurementsCache = d, d;
       },
       {
         key: process.env.NODE_ENV !== "production" && "getMeasurements",
         debug: () => this.options.debug
       }
-    ), this.calculateRange = oe(
+    ), this.calculateRange = ne(
       () => [
         this.getMeasurements(),
         this.getSize(),
         this.getScrollOffset(),
         this.options.lanes
       ],
-      (e, o, n, i) => this.range = e.length > 0 && o > 0 ? tn({
+      (e, o, n, i) => this.range = e.length > 0 && o > 0 ? Jt({
         measurements: e,
         outerSize: o,
         scrollOffset: n,
@@ -356,7 +350,7 @@ class en {
         key: process.env.NODE_ENV !== "production" && "calculateRange",
         debug: () => this.options.debug
       }
-    ), this.getVirtualIndexes = oe(
+    ), this.getVirtualIndexes = ne(
       () => {
         let e = null, o = null;
         const n = this.calculateRange();
@@ -406,7 +400,7 @@ class en {
         return;
       }
       this._measureElement(e, void 0);
-    }, this.getVirtualItems = oe(
+    }, this.getVirtualItems = ne(
       () => [this.getVirtualIndexes(), this.getMeasurements()],
       (e, o) => {
         const n = [];
@@ -423,18 +417,27 @@ class en {
     ), this.getVirtualItemForOffset = (e) => {
       const o = this.getMeasurements();
       if (o.length !== 0)
-        return Ne(
-          o[Xe(
+        return _e(
+          o[Ke(
             0,
             o.length - 1,
-            (n) => Ne(o[n]).start,
+            (n) => _e(o[n]).start,
             e
           )]
         );
+    }, this.getMaxScrollOffset = () => {
+      if (!this.scrollElement) return 0;
+      if ("scrollHeight" in this.scrollElement)
+        return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
+      {
+        const e = this.scrollElement.document.documentElement;
+        return this.options.horizontal ? e.scrollWidth - this.scrollElement.innerWidth : e.scrollHeight - this.scrollElement.innerHeight;
+      }
     }, this.getOffsetForAlignment = (e, o, n = 0) => {
+      if (!this.scrollElement) return 0;
       const i = this.getSize(), l = this.getScrollOffset();
       o === "auto" && (o = e >= l + i ? "end" : "start"), o === "center" ? e += (n - i) / 2 : o === "end" && (e -= i);
-      const r = this.getTotalSize() + this.options.scrollMargin - i;
+      const r = this.getMaxScrollOffset();
       return Math.max(Math.min(r, e), 0);
     }, this.getOffsetForIndex = (e, o = "auto") => {
       e = Math.max(0, Math.min(e, this.options.count - 1));
@@ -449,6 +452,8 @@ class en {
           o = "start";
         else
           return [l, o];
+      if (o === "end" && e === this.options.count - 1)
+        return [this.getMaxScrollOffset(), o];
       const r = o === "end" ? n.end + this.options.scrollPaddingEnd : n.start - this.options.scrollPaddingStart;
       return [
         this.getOffsetForAlignment(r, o, n.size),
@@ -464,26 +469,30 @@ class en {
     }, this.scrollToIndex = (e, { align: o = "auto", behavior: n } = {}) => {
       n === "smooth" && this.isDynamicMode() && console.warn(
         "The `smooth` scroll behavior is not fully supported with dynamic size."
-      ), e = Math.max(0, Math.min(e, this.options.count - 1));
+      ), e = Math.max(0, Math.min(e, this.options.count - 1)), this.currentScrollToIndex = e;
       let i = 0;
       const l = 10, r = (a) => {
         if (!this.targetWindow) return;
-        const c = this.getOffsetForIndex(e, a);
-        if (!c) {
+        const d = this.getOffsetForIndex(e, a);
+        if (!d) {
           console.warn("Failed to get offset for index:", e);
           return;
         }
-        const [v, d] = c;
-        this._scrollToOffset(v, { adjustments: void 0, behavior: n }), this.targetWindow.requestAnimationFrame(() => {
-          const f = this.getScrollOffset(), p = this.getOffsetForIndex(e, d);
-          if (!p) {
-            console.warn("Failed to get offset for index:", e);
-            return;
-          }
-          qt(p[0], f) || u(d);
+        const [g, c] = d;
+        this._scrollToOffset(g, { adjustments: void 0, behavior: n }), this.targetWindow.requestAnimationFrame(() => {
+          const h = () => {
+            if (this.currentScrollToIndex !== e) return;
+            const p = this.getScrollOffset(), m = this.getOffsetForIndex(e, c);
+            if (!m) {
+              console.warn("Failed to get offset for index:", e);
+              return;
+            }
+            Bt(m[0], p) || u(c);
+          };
+          this.isDynamicMode() ? this.targetWindow.requestAnimationFrame(h) : h();
         });
       }, u = (a) => {
-        this.targetWindow && (i++, i < l ? (process.env.NODE_ENV !== "production" && this.options.debug && console.info("Schedule retry", i, l), this.targetWindow.requestAnimationFrame(() => r(a))) : console.warn(
+        this.targetWindow && this.currentScrollToIndex === e && (i++, i < l ? (process.env.NODE_ENV !== "production" && this.options.debug && console.info("Schedule retry", i, l), this.targetWindow.requestAnimationFrame(() => r(a))) : console.warn(
           `Failed to scroll to index ${e} after ${l} attempts.`
         ));
       };
@@ -526,7 +535,7 @@ class en {
     }, this.setOptions(s);
   }
 }
-const Xe = (t, s, e, o) => {
+const Ke = (t, s, e, o) => {
   for (; t <= s; ) {
     const n = (t + s) / 2 | 0, i = e(n);
     if (i < o)
@@ -538,7 +547,7 @@ const Xe = (t, s, e, o) => {
   }
   return t > 0 ? t - 1 : 0;
 };
-function tn({
+function Jt({
   measurements: t,
   outerSize: s,
   scrollOffset: e,
@@ -550,7 +559,7 @@ function tn({
       startIndex: 0,
       endIndex: n
     };
-  let l = Xe(
+  let l = Ke(
     0,
     n,
     i,
@@ -561,47 +570,50 @@ function tn({
       r++;
   else if (o > 1) {
     const u = Array(o).fill(0);
-    for (; r < n && u.some((c) => c < e + s); ) {
-      const c = t[r];
-      u[c.lane] = c.end, r++;
+    for (; r < n && u.some((d) => d < e + s); ) {
+      const d = t[r];
+      u[d.lane] = d.end, r++;
     }
     const a = Array(o).fill(e + s);
-    for (; l >= 0 && a.some((c) => c >= e); ) {
-      const c = t[l];
-      a[c.lane] = c.start, l--;
+    for (; l >= 0 && a.some((d) => d >= e); ) {
+      const d = t[l];
+      a[d.lane] = d.start, l--;
     }
     l = Math.max(0, l - l % o), r = Math.min(n, r + (o - 1 - r % o));
   }
   return { startIndex: l, endIndex: r };
 }
-const je = typeof document < "u" ? xe.useLayoutEffect : xe.useEffect;
-function nn(t) {
-  const s = xe.useReducer(() => ({}), {})[1], e = {
-    ...t,
-    onChange: (n, i) => {
-      var l;
-      i ? ee(s) : s(), (l = t.onChange) == null || l.call(t, n, i);
+const Ne = typeof document < "u" ? ge.useLayoutEffect : ge.useEffect;
+function Zt({
+  useFlushSync: t = !0,
+  ...s
+}) {
+  const e = ge.useReducer(() => ({}), {})[1], o = {
+    ...s,
+    onChange: (i, l) => {
+      var r;
+      t && l ? Q(e) : e(), (r = s.onChange) == null || r.call(s, i, l);
     }
-  }, [o] = xe.useState(
-    () => new en(e)
+  }, [n] = ge.useState(
+    () => new Yt(o)
   );
-  return o.setOptions(e), je(() => o._didMount(), []), je(() => o._willUpdate()), o;
+  return n.setOptions(o), Ne(() => n._didMount(), []), Ne(() => n._willUpdate()), n;
 }
-function on(t) {
-  return nn({
-    observeElementRect: Yt,
-    observeElementOffset: Jt,
-    scrollToFn: Zt,
+function Qt(t) {
+  return Zt({
+    observeElementRect: Kt,
+    observeElementOffset: qt,
+    scrollToFn: Xt,
     ...t
   });
 }
-function Ye(t) {
-  let s = pe({ value: "", selectionStart: null, selectionEnd: null });
-  return Ft(t, "blur", (e) => {
+function qe(t) {
+  let s = ce({ value: "", selectionStart: null, selectionEnd: null });
+  return $t(t, "blur", (e) => {
     let o = e.target;
-    ze(o) && (s.current = { value: o.value, selectionStart: o.selectionStart, selectionEnd: o.selectionEnd });
+    Pe(o) && (s.current = { value: o.value, selectionStart: o.selectionStart, selectionEnd: o.selectionEnd });
   }), R(() => {
-    if (!Ge(t) && ze(t) && t.isConnected) {
+    if (!He(t) && Pe(t) && t.isConnected) {
       if (t.focus({ preventScroll: !0 }), t.value !== s.current.value) t.setSelectionRange(t.value.length, t.value.length);
       else {
         let { selectionStart: e, selectionEnd: o } = s.current;
@@ -611,56 +623,56 @@ function Ye(t) {
     }
   });
 }
-var sn = Object.defineProperty, ln = (t, s, e) => s in t ? sn(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e, Be = (t, s, e) => (ln(t, typeof s != "symbol" ? s + "" : s, e), e), m = ((t) => (t[t.Open = 0] = "Open", t[t.Closed = 1] = "Closed", t))(m || {}), U = ((t) => (t[t.Single = 0] = "Single", t[t.Multi = 1] = "Multi", t))(U || {}), G = ((t) => (t[t.Pointer = 0] = "Pointer", t[t.Focus = 1] = "Focus", t[t.Other = 2] = "Other", t))(G || {}), Je = ((t) => (t[t.OpenCombobox = 0] = "OpenCombobox", t[t.CloseCombobox = 1] = "CloseCombobox", t[t.GoToOption = 2] = "GoToOption", t[t.SetTyping = 3] = "SetTyping", t[t.RegisterOption = 4] = "RegisterOption", t[t.UnregisterOption = 5] = "UnregisterOption", t[t.DefaultToFirstOption = 6] = "DefaultToFirstOption", t[t.SetActivationTrigger = 7] = "SetActivationTrigger", t[t.UpdateVirtualConfiguration = 8] = "UpdateVirtualConfiguration", t[t.SetInputElement = 9] = "SetInputElement", t[t.SetButtonElement = 10] = "SetButtonElement", t[t.SetOptionsElement = 11] = "SetOptionsElement", t[t.MarkInputAsMoved = 12] = "MarkInputAsMoved", t))(Je || {});
-function Ce(t, s = (e) => e) {
-  let e = t.activeOptionIndex !== null ? t.options[t.activeOptionIndex] : null, o = s(t.options.slice()), n = o.length > 0 && o[0].dataRef.current.order !== null ? o.sort((l, r) => l.dataRef.current.order - r.dataRef.current.order) : Kt(o, (l) => l.dataRef.current.domRef.current), i = e ? n.indexOf(e) : null;
+var en = Object.defineProperty, tn = (t, s, e) => s in t ? en(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e, Le = (t, s, e) => (tn(t, typeof s != "symbol" ? s + "" : s, e), e), v = ((t) => (t[t.Open = 0] = "Open", t[t.Closed = 1] = "Closed", t))(v || {}), U = ((t) => (t[t.Single = 0] = "Single", t[t.Multi = 1] = "Multi", t))(U || {}), G = ((t) => (t[t.Pointer = 0] = "Pointer", t[t.Focus = 1] = "Focus", t[t.Other = 2] = "Other", t))(G || {}), Ge = ((t) => (t[t.OpenCombobox = 0] = "OpenCombobox", t[t.CloseCombobox = 1] = "CloseCombobox", t[t.GoToOption = 2] = "GoToOption", t[t.SetTyping = 3] = "SetTyping", t[t.RegisterOption = 4] = "RegisterOption", t[t.UnregisterOption = 5] = "UnregisterOption", t[t.DefaultToFirstOption = 6] = "DefaultToFirstOption", t[t.SetActivationTrigger = 7] = "SetActivationTrigger", t[t.UpdateVirtualConfiguration = 8] = "UpdateVirtualConfiguration", t[t.SetInputElement = 9] = "SetInputElement", t[t.SetButtonElement = 10] = "SetButtonElement", t[t.SetOptionsElement = 11] = "SetOptionsElement", t[t.MarkInputAsMoved = 12] = "MarkInputAsMoved", t))(Ge || {});
+function Oe(t, s = (e) => e) {
+  let e = t.activeOptionIndex !== null ? t.options[t.activeOptionIndex] : null, o = s(t.options.slice()), n = o.length > 0 && o[0].dataRef.current.order !== null ? o.sort((l, r) => l.dataRef.current.order - r.dataRef.current.order) : Wt(o, (l) => l.dataRef.current.domRef.current), i = e ? n.indexOf(e) : null;
   return i === -1 && (i = null), { options: n, activeOptionIndex: i };
 }
-let rn = { 1(t) {
+let nn = { 1(t) {
   var s;
   if ((s = t.dataRef.current) != null && s.disabled || t.comboboxState === 1) return t;
-  let e = t.inputElement ? de.Tracked(bt(t.inputElement)) : t.inputPositionState;
+  let e = t.inputElement ? ue.Tracked(ft(t.inputElement)) : t.inputPositionState;
   return { ...t, activeOptionIndex: null, comboboxState: 1, isTyping: !1, activationTrigger: 2, inputPositionState: e, __demoMode: !1 };
 }, 0(t) {
   var s, e;
   if ((s = t.dataRef.current) != null && s.disabled || t.comboboxState === 0) return t;
   if ((e = t.dataRef.current) != null && e.value) {
     let o = t.dataRef.current.calculateIndex(t.dataRef.current.value);
-    if (o !== -1) return { ...t, activeOptionIndex: o, comboboxState: 0, __demoMode: !1, inputPositionState: de.Idle };
+    if (o !== -1) return { ...t, activeOptionIndex: o, comboboxState: 0, __demoMode: !1, inputPositionState: ue.Idle };
   }
-  return { ...t, comboboxState: 0, inputPositionState: de.Idle, __demoMode: !1 };
+  return { ...t, comboboxState: 0, inputPositionState: ue.Idle, __demoMode: !1 };
 }, 3(t, s) {
   return t.isTyping === s.isTyping ? t : { ...t, isTyping: s.isTyping };
 }, 2(t, s) {
   var e, o, n, i;
   if ((e = t.dataRef.current) != null && e.disabled || t.optionsElement && !((o = t.dataRef.current) != null && o.optionsPropsRef.current.static) && t.comboboxState === 1) return t;
   if (t.virtual) {
-    let { options: a, disabled: c } = t.virtual, v = s.focus === A.Specific ? s.idx : Ae(s, { resolveItems: () => a, resolveActiveIndex: () => {
-      var f, p;
-      return (p = (f = t.activeOptionIndex) != null ? f : a.findIndex((g) => !c(g))) != null ? p : null;
-    }, resolveDisabled: c, resolveId() {
+    let { options: a, disabled: d } = t.virtual, g = s.focus === A.Specific ? s.idx : $e(s, { resolveItems: () => a, resolveActiveIndex: () => {
+      var h, p;
+      return (p = (h = t.activeOptionIndex) != null ? h : a.findIndex((m) => !d(m))) != null ? p : null;
+    }, resolveDisabled: d, resolveId() {
       throw new Error("Function not implemented.");
-    } }), d = (n = s.trigger) != null ? n : 2;
-    return t.activeOptionIndex === v && t.activationTrigger === d ? t : { ...t, activeOptionIndex: v, activationTrigger: d, isTyping: !1, __demoMode: !1 };
+    } }), c = (n = s.trigger) != null ? n : 2;
+    return t.activeOptionIndex === g && t.activationTrigger === c ? t : { ...t, activeOptionIndex: g, activationTrigger: c, isTyping: !1, __demoMode: !1 };
   }
-  let l = Ce(t);
+  let l = Oe(t);
   if (l.activeOptionIndex === null) {
-    let a = l.options.findIndex((c) => !c.dataRef.current.disabled);
+    let a = l.options.findIndex((d) => !d.dataRef.current.disabled);
     a !== -1 && (l.activeOptionIndex = a);
   }
-  let r = s.focus === A.Specific ? s.idx : Ae(s, { resolveItems: () => l.options, resolveActiveIndex: () => l.activeOptionIndex, resolveId: (a) => a.id, resolveDisabled: (a) => a.dataRef.current.disabled }), u = (i = s.trigger) != null ? i : 2;
+  let r = s.focus === A.Specific ? s.idx : $e(s, { resolveItems: () => l.options, resolveActiveIndex: () => l.activeOptionIndex, resolveId: (a) => a.id, resolveDisabled: (a) => a.dataRef.current.disabled }), u = (i = s.trigger) != null ? i : 2;
   return t.activeOptionIndex === r && t.activationTrigger === u ? t : { ...t, ...l, isTyping: !1, activeOptionIndex: r, activationTrigger: u, __demoMode: !1 };
 }, 4: (t, s) => {
   var e, o, n, i;
   if ((e = t.dataRef.current) != null && e.virtual) return { ...t, options: [...t.options, s.payload] };
-  let l = s.payload, r = Ce(t, (a) => (a.push(l), a));
+  let l = s.payload, r = Oe(t, (a) => (a.push(l), a));
   t.activeOptionIndex === null && (n = (o = t.dataRef.current).isSelected) != null && n.call(o, s.payload.dataRef.current.value) && (r.activeOptionIndex = r.options.indexOf(l));
   let u = { ...t, ...r, activationTrigger: 2 };
   return (i = t.dataRef.current) != null && i.__demoMode && t.dataRef.current.value === void 0 && (u.activeOptionIndex = 0), u;
 }, 5: (t, s) => {
   var e;
   if ((e = t.dataRef.current) != null && e.virtual) return { ...t, options: t.options.filter((n) => n.id !== s.id) };
-  let o = Ce(t, (n) => {
+  let o = Oe(t, (n) => {
     let i = n.findIndex((l) => l.id === s.id);
     return i !== -1 && n.splice(i, 1), n;
   });
@@ -676,13 +688,13 @@ let rn = { 1(t) {
   }
   return { ...t, activeOptionIndex: n, virtual: { options: s.options, disabled: (o = s.disabled) != null ? o : () => !1 } };
 }, 9: (t, s) => t.inputElement === s.element ? t : { ...t, inputElement: s.element }, 10: (t, s) => t.buttonElement === s.element ? t : { ...t, buttonElement: s.element }, 11: (t, s) => t.optionsElement === s.element ? t : { ...t, optionsElement: s.element }, 12(t) {
-  return t.inputPositionState.kind !== "Tracked" ? t : { ...t, inputPositionState: de.Moved };
+  return t.inputPositionState.kind !== "Tracked" ? t : { ...t, inputPositionState: ue.Moved };
 } };
-class Me extends Ct {
+class Te extends Ot {
   constructor(s) {
-    super(s), Be(this, "actions", { onChange: (e) => {
+    super(s), Le(this, "actions", { onChange: (e) => {
       let { onChange: o, compare: n, mode: i, value: l } = this.state.dataRef.current;
-      return se(i, { 0: () => o?.(e), 1: () => {
+      return ie(i, { 0: () => o?.(e), 1: () => {
         let r = l.slice(), u = r.findIndex((a) => n(a, e));
         return u === -1 ? r.push(e) : r.splice(u, 1), o?.(r);
       } });
@@ -713,7 +725,7 @@ class Me extends Ct {
       this.send({ type: 10, element: e });
     }, setOptionsElement: (e) => {
       this.send({ type: 11, element: e });
-    } }), Be(this, "selectors", { activeDescendantId: (e) => {
+    } }), Le(this, "selectors", { activeDescendantId: (e) => {
       var o, n;
       let i = this.selectors.activeOptionIndex(e);
       if (i !== null) return e.virtual ? (n = e.options.find((l) => !l.dataRef.current.disabled && e.dataRef.current.compare(l.dataRef.current.value, e.virtual.options[i]))) == null ? void 0 : n.id : (o = e.options[i]) == null ? void 0 : o.id;
@@ -742,14 +754,14 @@ class Me extends Ct {
       return e.inputPositionState.kind === "Moved";
     } });
     {
-      let e = this.state.id, o = He.get(null);
-      this.disposables.add(o.on(It.Push, (n) => {
+      let e = this.state.id, o = Ue.get(null);
+      this.disposables.add(o.on(Et.Push, (n) => {
         !o.selectors.isTop(n, e) && this.state.comboboxState === 0 && this.actions.closeCombobox();
       })), this.on(0, () => o.actions.push(e)), this.on(1, () => o.actions.pop(e));
     }
     this.disposables.group((e) => {
       this.on(1, (o) => {
-        o.inputElement && (e.dispose(), e.add(vt(o.inputElement, o.inputPositionState, () => {
+        o.inputElement && (e.dispose(), e.add(ht(o.inputElement, o.inputPositionState, () => {
           this.send({ type: 12 });
         })));
       });
@@ -757,318 +769,256 @@ class Me extends Ct {
   }
   static new({ id: s, virtual: e = null, __demoMode: o = !1 }) {
     var n;
-    return new Me({ id: s, dataRef: { current: {} }, comboboxState: o ? 0 : 1, isTyping: !1, options: [], virtual: e ? { options: e.options, disabled: (n = e.disabled) != null ? n : () => !1 } : null, activeOptionIndex: null, activationTrigger: 2, inputElement: null, buttonElement: null, optionsElement: null, __demoMode: o, inputPositionState: de.Idle });
+    return new Te({ id: s, dataRef: { current: {} }, comboboxState: o ? 0 : 1, isTyping: !1, options: [], virtual: e ? { options: e.options, disabled: (n = e.disabled) != null ? n : () => !1 } : null, activeOptionIndex: null, activationTrigger: 2, inputElement: null, buttonElement: null, optionsElement: null, __demoMode: o, inputPositionState: ue.Idle });
   }
   reduce(s, e) {
-    return se(e.type, rn, s, e);
+    return ie(e.type, nn, s, e);
   }
 }
-const Qe = Ie(null);
-function be(t) {
-  let s = we(Qe);
+const Xe = Ee(null);
+function ve(t) {
+  let s = Se(Xe);
   if (s === null) {
     let e = new Error(`<${t} /> is missing a parent <Combobox /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(e, Ze), e;
+    throw Error.captureStackTrace && Error.captureStackTrace(e, Ye), e;
   }
   return s;
 }
-function Ze({ id: t, virtual: s = null, __demoMode: e = !1 }) {
-  let o = ie(() => Me.new({ id: t, virtual: s, __demoMode: e }), []);
-  return wt(() => o.dispose()), o;
+function Ye({ id: t, virtual: s = null, __demoMode: e = !1 }) {
+  let o = oe(() => Te.new({ id: t, virtual: s, __demoMode: e }), []);
+  return St(() => o.dispose()), o;
 }
-let fe = Ie(null);
-fe.displayName = "ComboboxDataContext";
-function le(t) {
-  let s = we(fe);
+let de = Ee(null);
+de.displayName = "ComboboxDataContext";
+function se(t) {
+  let s = Se(de);
   if (s === null) {
     let e = new Error(`<${t} /> is missing a parent <Combobox /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(e, le), e;
+    throw Error.captureStackTrace && Error.captureStackTrace(e, se), e;
   }
   return s;
 }
-let et = Ie(null);
-function an(t) {
-  let s = be("VirtualProvider"), e = le("VirtualProvider"), { options: o } = e.virtual, n = F(s, (f) => f.optionsElement), [i, l] = ie(() => {
-    let f = n;
-    if (!f) return [0, 0];
-    let p = window.getComputedStyle(f);
+let Je = Ee(null);
+function on(t) {
+  let s = ve("VirtualProvider"), e = se("VirtualProvider"), { options: o } = e.virtual, n = F(s, (h) => h.optionsElement), [i, l] = oe(() => {
+    let h = n;
+    if (!h) return [0, 0];
+    let p = window.getComputedStyle(h);
     return [parseFloat(p.paddingBlockStart || p.paddingTop), parseFloat(p.paddingBlockEnd || p.paddingBottom)];
-  }, [n]), r = on({ enabled: o.length !== 0, scrollPaddingStart: i, scrollPaddingEnd: l, count: o.length, estimateSize() {
+  }, [n]), r = Qt({ enabled: o.length !== 0, scrollPaddingStart: i, scrollPaddingEnd: l, count: o.length, estimateSize() {
     return 40;
   }, getScrollElement() {
     return s.state.optionsElement;
-  }, overscan: 12 }), [u, a] = Se(0);
-  te(() => {
-    a((f) => f + 1);
+  }, overscan: 12 }), [u, a] = ye(0);
+  ee(() => {
+    a((h) => h + 1);
   }, [o]);
-  let c = r.getVirtualItems(), v = F(s, (f) => f.activationTrigger === G.Pointer), d = F(s, s.selectors.activeOptionIndex);
-  return c.length === 0 ? null : N.createElement(et.Provider, { value: r }, N.createElement("div", { style: { position: "relative", width: "100%", height: `${r.getTotalSize()}px` }, ref: (f) => {
-    f && (v || d !== null && o.length > d && r.scrollToIndex(d));
-  } }, c.map((f) => {
+  let d = r.getVirtualItems(), g = F(s, (h) => h.activationTrigger === G.Pointer), c = F(s, s.selectors.activeOptionIndex);
+  return d.length === 0 ? null : V.createElement(Je.Provider, { value: r }, V.createElement("div", { style: { position: "relative", width: "100%", height: `${r.getTotalSize()}px` }, ref: (h) => {
+    h && (g || c !== null && o.length > c && r.scrollToIndex(c));
+  } }, d.map((h) => {
     var p;
-    return N.createElement(Ue, { key: f.key }, N.cloneElement((p = t.children) == null ? void 0 : p.call(t, { ...t.slot, option: o[f.index] }), { key: `${u}-${f.key}`, "data-index": f.index, "aria-setsize": o.length, "aria-posinset": f.index + 1, style: { position: "absolute", top: 0, left: 0, transform: `translateY(${f.start}px)`, overflowAnchor: "none" } }));
+    return V.createElement(je, { key: h.key }, V.cloneElement((p = t.children) == null ? void 0 : p.call(t, { ...t.slot, option: o[h.index] }), { key: `${u}-${h.key}`, "data-index": h.index, "aria-setsize": o.length, "aria-posinset": h.index + 1, style: { position: "absolute", top: 0, left: 0, transform: `translateY(${h.start}px)`, overflowAnchor: "none" } }));
   })));
 }
-let un = Ue;
-function cn(t, s) {
-  let e = he(), o = Vt(), { value: n, defaultValue: i, onChange: l, form: r, name: u, by: a, invalid: c = !1, disabled: v = o || !1, onClose: d, __demoMode: f = !1, multiple: p = !1, immediate: g = !1, virtual: b = null, nullable: w, ...$ } = t, T = lt(i), [S = p ? [] : void 0, z] = rt(n, l, T), O = Ze({ id: e, virtual: b, __demoMode: f }), V = pe({ static: !1, hold: !1 }), M = st(a), k = R((y) => b ? a === null ? b.options.indexOf(y) : b.options.findIndex((Z) => M(Z, y)) : O.state.options.findIndex((Z) => M(Z.dataRef.current.value, y))), q = Y((y) => se(L.mode, { [U.Multi]: () => S.some((Z) => M(Z, y)), [U.Single]: () => M(S, y) }), [S]), H = F(O, (y) => y.virtual), x = R(() => d?.()), L = ie(() => ({ __demoMode: f, immediate: g, optionsPropsRef: V, value: S, defaultValue: T, disabled: v, invalid: c, mode: p ? U.Multi : U.Single, virtual: b ? H : null, onChange: z, isSelected: q, calculateIndex: k, compare: M, onClose: x }), [f, g, V, S, T, v, c, p, b, H, z, q, k, M, x]);
-  te(() => {
+let sn = je;
+function ln(t, s) {
+  let e = pe(), o = _t(), { value: n, defaultValue: i, onChange: l, form: r, name: u, by: a, invalid: d = !1, disabled: g = o || !1, onClose: c, __demoMode: h = !1, multiple: p = !1, immediate: m = !1, virtual: b = null, nullable: T, ...w } = t, M = nt(i), [E = p ? [] : void 0, z] = ot(n, l, M), O = Ye({ id: e, virtual: b, __demoMode: h }), N = ce({ static: !1, hold: !1 }), $ = tt(a), D = R((y) => b ? a === null ? b.options.indexOf(y) : b.options.findIndex((Z) => $(Z, y)) : O.state.options.findIndex((Z) => $(Z.dataRef.current.value, y))), K = X((y) => ie(L.mode, { [U.Multi]: () => E.some((Z) => $(Z, y)), [U.Single]: () => $(E, y) }), [E]), q = F(O, (y) => y.virtual), x = R(() => c?.()), L = oe(() => ({ __demoMode: h, immediate: m, optionsPropsRef: N, value: E, defaultValue: M, disabled: g, invalid: d, mode: p ? U.Multi : U.Single, virtual: b ? q : null, onChange: z, isSelected: K, calculateIndex: D, compare: $, onClose: x }), [h, m, N, E, M, g, d, p, b, q, z, K, D, $, x]);
+  ee(() => {
     var y;
-    b && O.send({ type: Je.UpdateVirtualConfiguration, options: b.options, disabled: (y = b.disabled) != null ? y : null });
-  }, [b, b?.options, b?.disabled]), te(() => {
+    b && O.send({ type: Ge.UpdateVirtualConfiguration, options: b.options, disabled: (y = b.disabled) != null ? y : null });
+  }, [b, b?.options, b?.disabled]), ee(() => {
     O.state.dataRef.current = L;
   }, [L]);
-  let [W, E, K, re] = F(O, (y) => [y.comboboxState, y.buttonElement, y.inputElement, y.optionsElement]), J = He.get(null), ne = F(J, Y((y) => J.selectors.isTop(y, e), [J, e]));
-  $t(ne, [E, K, re], () => O.actions.closeCombobox());
-  let Q = F(O, O.selectors.activeOptionIndex), ae = F(O, O.selectors.activeOption), h = ve({ open: W === m.Open, disabled: v, invalid: c, activeIndex: Q, activeOption: ae, value: S }), [B, I] = Bt(), _ = s === null ? {} : { ref: s }, C = Y(() => {
-    if (T !== void 0) return z?.(T);
-  }, [z, T]), D = ge();
-  return N.createElement(I, { value: B, props: { htmlFor: K?.id }, slot: { open: W === m.Open, disabled: v } }, N.createElement(pt, null, N.createElement(fe.Provider, { value: L }, N.createElement(Qe.Provider, { value: O }, N.createElement(zt, { value: se(W, { [m.Open]: Oe.Open, [m.Closed]: Oe.Closed }) }, u != null && N.createElement(at, { disabled: v, data: S != null ? { [u]: S } : {}, form: r, onReset: C }), D({ ourProps: _, theirProps: $, slot: h, defaultTag: un, name: "Combobox" }))))));
+  let [W, S, H, le] = F(O, (y) => [y.comboboxState, y.buttonElement, y.inputElement, y.optionsElement]), Y = Ue.get(null), te = F(Y, X((y) => Y.selectors.isTop(y, e), [Y, e]));
+  yt(te, [S, H, le], () => O.actions.closeCombobox());
+  let J = F(O, O.selectors.activeOptionIndex), re = F(O, O.selectors.activeOption), f = me({ open: W === v.Open, disabled: g, invalid: d, activeIndex: J, activeOption: re, value: E }), [j, I] = Nt(), _ = s === null ? {} : { ref: s }, C = X(() => {
+    if (M !== void 0) return z?.(M);
+  }, [z, M]), k = fe();
+  return V.createElement(I, { value: j, props: { htmlFor: H?.id }, slot: { open: W === v.Open, disabled: g } }, V.createElement(at, null, V.createElement(de.Provider, { value: L }, V.createElement(Xe.Provider, { value: O }, V.createElement(Rt, { value: ie(W, { [v.Open]: be.Open, [v.Closed]: be.Closed }) }, u != null && V.createElement(it, { disabled: g, data: E != null ? { [u]: E } : {}, form: r, onReset: C }), k({ ourProps: _, theirProps: w, slot: f, defaultTag: sn, name: "Combobox" }))))));
 }
-let dn = "input";
-function pn(t, s) {
+let rn = "input";
+function an(t, s) {
   var e, o;
-  let n = be("Combobox.Input"), i = le("Combobox.Input"), l = he(), r = Ut(), { id: u = r || `headlessui-combobox-input-${l}`, onChange: a, displayValue: c, disabled: v = i.disabled || !1, autoFocus: d = !1, type: f = "text", ...p } = t, g = pe(null), b = Ee(g, s, gt(), n.actions.setInputElement), [w, $] = F(n, (h) => [h.comboboxState, h.isTyping]), T = ct(), S = R(() => {
+  let n = ve("Combobox.Input"), i = se("Combobox.Input"), l = pe(), r = Lt(), { id: u = r || `headlessui-combobox-input-${l}`, onChange: a, displayValue: d, disabled: g = i.disabled || !1, autoFocus: c = !1, type: h = "text", ...p } = t, m = ce(null), b = xe(m, s, ut(), n.actions.setInputElement), [T, w] = F(n, (f) => [f.comboboxState, f.isTyping]), M = st(), E = R(() => {
     n.actions.onChange(null), n.state.optionsElement && (n.state.optionsElement.scrollTop = 0), n.actions.goToOption({ focus: A.Nothing });
-  }), z = ie(() => {
-    var h;
-    return typeof c == "function" && i.value !== void 0 ? (h = c(i.value)) != null ? h : "" : typeof i.value == "string" ? i.value : "";
-  }, [i.value, c]);
-  _e(([h, B], [I, _]) => {
+  }), z = oe(() => {
+    var f;
+    return typeof d == "function" && i.value !== void 0 ? (f = d(i.value)) != null ? f : "" : typeof i.value == "string" ? i.value : "";
+  }, [i.value, d]);
+  Ae(([f, j], [I, _]) => {
     if (n.state.isTyping) return;
-    let C = g.current;
-    C && ((_ === m.Open && B === m.Closed || h !== I) && (C.value = h), requestAnimationFrame(() => {
-      if (n.state.isTyping || !C || Ge(C)) return;
-      let { selectionStart: D, selectionEnd: y } = C;
-      Math.abs((y ?? 0) - (D ?? 0)) === 0 && D === 0 && C.setSelectionRange(C.value.length, C.value.length);
+    let C = m.current;
+    C && ((_ === v.Open && j === v.Closed || f !== I) && (C.value = f), requestAnimationFrame(() => {
+      if (n.state.isTyping || !C || He(C)) return;
+      let { selectionStart: k, selectionEnd: y } = C;
+      Math.abs((y ?? 0) - (k ?? 0)) === 0 && k === 0 && C.setSelectionRange(C.value.length, C.value.length);
     }));
-  }, [z, w, $]), _e(([h], [B]) => {
-    if (h === m.Open && B === m.Closed) {
+  }, [z, T, w]), Ae(([f], [j]) => {
+    if (f === v.Open && j === v.Closed) {
       if (n.state.isTyping) return;
-      let I = g.current;
+      let I = m.current;
       if (!I) return;
-      let _ = I.value, { selectionStart: C, selectionEnd: D, selectionDirection: y } = I;
-      I.value = "", I.value = _, y !== null ? I.setSelectionRange(C, D, y) : I.setSelectionRange(C, D);
+      let _ = I.value, { selectionStart: C, selectionEnd: k, selectionDirection: y } = I;
+      I.value = "", I.value = _, y !== null ? I.setSelectionRange(C, k, y) : I.setSelectionRange(C, k);
     }
-  }, [w]);
-  let O = pe(!1), V = R(() => {
+  }, [T]);
+  let O = ce(!1), N = R(() => {
     O.current = !0;
-  }), M = R(() => {
-    T.nextFrame(() => {
+  }), $ = R(() => {
+    M.nextFrame(() => {
       O.current = !1;
     });
-  }), k = R((h) => {
-    switch (n.actions.setIsTyping(!0), h.key) {
-      case j.Enter:
-        if (n.state.comboboxState !== m.Open || O.current) return;
-        if (h.preventDefault(), h.stopPropagation(), n.selectors.activeOptionIndex(n.state) === null) {
+  }), D = R((f) => {
+    switch (n.actions.setIsTyping(!0), f.key) {
+      case B.Enter:
+        if (n.state.comboboxState !== v.Open || O.current) return;
+        if (f.preventDefault(), f.stopPropagation(), n.selectors.activeOptionIndex(n.state) === null) {
           n.actions.closeCombobox();
           return;
         }
         n.actions.selectActiveOption(), i.mode === U.Single && n.actions.closeCombobox();
         break;
-      case j.ArrowDown:
-        return h.preventDefault(), h.stopPropagation(), se(n.state.comboboxState, { [m.Open]: () => n.actions.goToOption({ focus: A.Next }), [m.Closed]: () => n.actions.openCombobox() });
-      case j.ArrowUp:
-        return h.preventDefault(), h.stopPropagation(), se(n.state.comboboxState, { [m.Open]: () => n.actions.goToOption({ focus: A.Previous }), [m.Closed]: () => {
-          ee(() => n.actions.openCombobox()), i.value || n.actions.goToOption({ focus: A.Last });
+      case B.ArrowDown:
+        return f.preventDefault(), f.stopPropagation(), ie(n.state.comboboxState, { [v.Open]: () => n.actions.goToOption({ focus: A.Next }), [v.Closed]: () => n.actions.openCombobox() });
+      case B.ArrowUp:
+        return f.preventDefault(), f.stopPropagation(), ie(n.state.comboboxState, { [v.Open]: () => n.actions.goToOption({ focus: A.Previous }), [v.Closed]: () => {
+          Q(() => n.actions.openCombobox()), i.value || n.actions.goToOption({ focus: A.Last });
         } });
-      case j.Home:
-        if (n.state.comboboxState === m.Closed || h.shiftKey) break;
-        return h.preventDefault(), h.stopPropagation(), n.actions.goToOption({ focus: A.First });
-      case j.PageUp:
-        return h.preventDefault(), h.stopPropagation(), n.actions.goToOption({ focus: A.First });
-      case j.End:
-        if (n.state.comboboxState === m.Closed || h.shiftKey) break;
-        return h.preventDefault(), h.stopPropagation(), n.actions.goToOption({ focus: A.Last });
-      case j.PageDown:
-        return h.preventDefault(), h.stopPropagation(), n.actions.goToOption({ focus: A.Last });
-      case j.Escape:
-        return n.state.comboboxState !== m.Open ? void 0 : (h.preventDefault(), n.state.optionsElement && !i.optionsPropsRef.current.static && h.stopPropagation(), i.mode === U.Single && i.value === null && S(), n.actions.closeCombobox());
-      case j.Tab:
-        if (n.actions.setIsTyping(!1), n.state.comboboxState !== m.Open) return;
+      case B.Home:
+        if (n.state.comboboxState === v.Closed || f.shiftKey) break;
+        return f.preventDefault(), f.stopPropagation(), n.actions.goToOption({ focus: A.First });
+      case B.PageUp:
+        return f.preventDefault(), f.stopPropagation(), n.actions.goToOption({ focus: A.First });
+      case B.End:
+        if (n.state.comboboxState === v.Closed || f.shiftKey) break;
+        return f.preventDefault(), f.stopPropagation(), n.actions.goToOption({ focus: A.Last });
+      case B.PageDown:
+        return f.preventDefault(), f.stopPropagation(), n.actions.goToOption({ focus: A.Last });
+      case B.Escape:
+        return n.state.comboboxState !== v.Open ? void 0 : (f.preventDefault(), n.state.optionsElement && !i.optionsPropsRef.current.static && f.stopPropagation(), i.mode === U.Single && i.value === null && E(), n.actions.closeCombobox());
+      case B.Tab:
+        if (n.actions.setIsTyping(!1), n.state.comboboxState !== v.Open) return;
         i.mode === U.Single && n.state.activationTrigger !== G.Focus && n.actions.selectActiveOption(), n.actions.closeCombobox();
         break;
     }
-  }), q = R((h) => {
-    a?.(h), i.mode === U.Single && h.target.value === "" && S(), n.actions.openCombobox();
-  }), H = R((h) => {
-    var B, I, _;
-    let C = (B = h.relatedTarget) != null ? B : ke.find((D) => D !== h.currentTarget);
-    if (!((I = n.state.optionsElement) != null && I.contains(C)) && !((_ = n.state.buttonElement) != null && _.contains(C)) && n.state.comboboxState === m.Open) return h.preventDefault(), i.mode === U.Single && i.value === null && S(), n.actions.closeCombobox();
-  }), x = R((h) => {
-    var B, I, _;
-    let C = (B = h.relatedTarget) != null ? B : ke.find((D) => D !== h.currentTarget);
-    (I = n.state.buttonElement) != null && I.contains(C) || (_ = n.state.optionsElement) != null && _.contains(C) || i.disabled || i.immediate && n.state.comboboxState !== m.Open && T.microTask(() => {
-      ee(() => n.actions.openCombobox()), n.actions.setActivationTrigger(G.Focus);
+  }), K = R((f) => {
+    a?.(f), i.mode === U.Single && f.target.value === "" && E(), n.actions.openCombobox();
+  }), q = R((f) => {
+    var j, I, _;
+    let C = (j = f.relatedTarget) != null ? j : Fe.find((k) => k !== f.currentTarget);
+    if (!((I = n.state.optionsElement) != null && I.contains(C)) && !((_ = n.state.buttonElement) != null && _.contains(C)) && n.state.comboboxState === v.Open) return f.preventDefault(), i.mode === U.Single && i.value === null && E(), n.actions.closeCombobox();
+  }), x = R((f) => {
+    var j, I, _;
+    let C = (j = f.relatedTarget) != null ? j : Fe.find((k) => k !== f.currentTarget);
+    (I = n.state.buttonElement) != null && I.contains(C) || (_ = n.state.optionsElement) != null && _.contains(C) || i.disabled || i.immediate && n.state.comboboxState !== v.Open && M.microTask(() => {
+      Q(() => n.actions.openCombobox()), n.actions.setActivationTrigger(G.Focus);
     });
-  }), L = Te(), W = Lt(), { isFocused: E, focusProps: K } = Ke({ autoFocus: d }), { isHovered: re, hoverProps: J } = qe({ isDisabled: v }), ne = F(n, (h) => h.optionsElement), Q = ve({ open: w === m.Open, disabled: v, invalid: i.invalid, hover: re, focus: E, autofocus: d }), ae = $e({ ref: b, id: u, role: "combobox", type: f, "aria-controls": ne?.id, "aria-expanded": w === m.Open, "aria-activedescendant": F(n, n.selectors.activeDescendantId), "aria-labelledby": L, "aria-describedby": W, "aria-autocomplete": "list", defaultValue: (o = (e = t.defaultValue) != null ? e : i.defaultValue !== void 0 ? c?.(i.defaultValue) : null) != null ? o : i.defaultValue, disabled: v || void 0, autoFocus: d, onCompositionStart: V, onCompositionEnd: M, onKeyDown: k, onChange: q, onFocus: x, onBlur: H }, K, J);
-  return ge()({ ourProps: ae, theirProps: p, slot: Q, defaultTag: dn, name: "Combobox.Input" });
+  }), L = Ie(), W = Dt(), { isFocused: S, focusProps: H } = We({ autoFocus: c }), { isHovered: le, hoverProps: Y } = Be({ isDisabled: g }), te = F(n, (f) => f.optionsElement), J = me({ open: T === v.Open, disabled: g, invalid: i.invalid, hover: le, focus: S, autofocus: c }), re = Ce({ ref: b, id: u, role: "combobox", type: h, "aria-controls": te?.id, "aria-expanded": T === v.Open, "aria-activedescendant": F(n, n.selectors.activeDescendantId), "aria-labelledby": L, "aria-describedby": W, "aria-autocomplete": "list", defaultValue: (o = (e = t.defaultValue) != null ? e : i.defaultValue !== void 0 ? d?.(i.defaultValue) : null) != null ? o : i.defaultValue, disabled: g || void 0, autoFocus: c, onCompositionStart: N, onCompositionEnd: $, onKeyDown: D, onChange: K, onFocus: x, onBlur: q }, H, Y);
+  return fe()({ ourProps: re, theirProps: p, slot: J, defaultTag: rn, name: "Combobox.Input" });
 }
-let fn = "button";
-function hn(t, s) {
-  let e = be("Combobox.Button"), o = le("Combobox.Button"), [n, i] = Se(null), l = Ee(s, i, e.actions.setButtonElement), r = he(), { id: u = `headlessui-combobox-button-${r}`, disabled: a = o.disabled || !1, autoFocus: c = !1, ...v } = t, [d, f, p] = F(e, (x) => [x.comboboxState, x.inputElement, x.optionsElement]), g = Ye(f), b = d === m.Open;
-  Ot(b, { trigger: n, action: Y((x) => {
-    if (n != null && n.contains(x.target)) return ue.Ignore;
-    if (f != null && f.contains(x.target)) return ue.Ignore;
+let un = "button";
+function cn(t, s) {
+  let e = ve("Combobox.Button"), o = se("Combobox.Button"), [n, i] = ye(null), l = xe(s, i, e.actions.setButtonElement), r = pe(), { id: u = `headlessui-combobox-button-${r}`, disabled: a = o.disabled || !1, autoFocus: d = !1, ...g } = t, [c, h, p] = F(e, (x) => [x.comboboxState, x.inputElement, x.optionsElement]), m = qe(h), b = c === v.Open;
+  mt(b, { trigger: n, action: X((x) => {
+    if (n != null && n.contains(x.target)) return ae.Ignore;
+    if (h != null && h.contains(x.target)) return ae.Ignore;
     let L = x.target.closest('[role="option"]:not([data-disabled])');
-    return At(L) ? ue.Select(L) : p != null && p.contains(x.target) ? ue.Ignore : ue.Close;
-  }, [n, f, p]), close: e.actions.closeCombobox, select: e.actions.selectActiveOption });
-  let w = R((x) => {
+    return Mt(L) ? ae.Select(L) : p != null && p.contains(x.target) ? ae.Ignore : ae.Close;
+  }, [n, h, p]), close: e.actions.closeCombobox, select: e.actions.selectActiveOption });
+  let T = R((x) => {
     switch (x.key) {
-      case j.Space:
-      case j.Enter:
-        x.preventDefault(), x.stopPropagation(), e.state.comboboxState === m.Closed && ee(() => e.actions.openCombobox()), g();
+      case B.Space:
+      case B.Enter:
+        x.preventDefault(), x.stopPropagation(), e.state.comboboxState === v.Closed && Q(() => e.actions.openCombobox()), m();
         return;
-      case j.ArrowDown:
-        x.preventDefault(), x.stopPropagation(), e.state.comboboxState === m.Closed && (ee(() => e.actions.openCombobox()), e.state.dataRef.current.value || e.actions.goToOption({ focus: A.First })), g();
+      case B.ArrowDown:
+        x.preventDefault(), x.stopPropagation(), e.state.comboboxState === v.Closed && (Q(() => e.actions.openCombobox()), e.state.dataRef.current.value || e.actions.goToOption({ focus: A.First })), m();
         return;
-      case j.ArrowUp:
-        x.preventDefault(), x.stopPropagation(), e.state.comboboxState === m.Closed && (ee(() => e.actions.openCombobox()), e.state.dataRef.current.value || e.actions.goToOption({ focus: A.Last })), g();
+      case B.ArrowUp:
+        x.preventDefault(), x.stopPropagation(), e.state.comboboxState === v.Closed && (Q(() => e.actions.openCombobox()), e.state.dataRef.current.value || e.actions.goToOption({ focus: A.Last })), m();
         return;
-      case j.Escape:
-        if (e.state.comboboxState !== m.Open) return;
-        x.preventDefault(), e.state.optionsElement && !o.optionsPropsRef.current.static && x.stopPropagation(), ee(() => e.actions.closeCombobox()), g();
+      case B.Escape:
+        if (e.state.comboboxState !== v.Open) return;
+        x.preventDefault(), e.state.optionsElement && !o.optionsPropsRef.current.static && x.stopPropagation(), Q(() => e.actions.closeCombobox()), m();
         return;
       default:
         return;
     }
-  }), $ = St(() => {
-    e.state.comboboxState === m.Open ? e.actions.closeCombobox() : e.actions.openCombobox(), g();
-  }), T = Te([u]), { isFocusVisible: S, focusProps: z } = Ke({ autoFocus: c }), { isHovered: O, hoverProps: V } = qe({ isDisabled: a }), { pressed: M, pressProps: k } = ot({ disabled: a }), q = ve({ open: d === m.Open, active: M || d === m.Open, disabled: a, invalid: o.invalid, value: o.value, hover: O, focus: S }), H = $e({ ref: l, id: u, type: it(t, n), tabIndex: -1, "aria-haspopup": "listbox", "aria-controls": p?.id, "aria-expanded": d === m.Open, "aria-labelledby": T, disabled: a || void 0, autoFocus: c, onKeyDown: w }, $, z, V, k);
-  return ge()({ ourProps: H, theirProps: v, slot: q, defaultTag: fn, name: "Combobox.Button" });
+  }), w = vt(() => {
+    e.state.comboboxState === v.Open ? e.actions.closeCombobox() : e.actions.openCombobox(), m();
+  }), M = Ie([u]), { isFocusVisible: E, focusProps: z } = We({ autoFocus: d }), { isHovered: O, hoverProps: N } = Be({ isDisabled: a }), { pressed: $, pressProps: D } = Qe({ disabled: a }), K = me({ open: c === v.Open, active: $ || c === v.Open, disabled: a, invalid: o.invalid, value: o.value, hover: O, focus: E }), q = Ce({ ref: l, id: u, type: et(t, n), tabIndex: -1, "aria-haspopup": "listbox", "aria-controls": p?.id, "aria-expanded": c === v.Open, "aria-labelledby": M, disabled: a || void 0, autoFocus: d, onKeyDown: T }, w, z, N, D);
+  return fe()({ ourProps: q, theirProps: g, slot: K, defaultTag: un, name: "Combobox.Button" });
 }
-let mn = "div", gn = Re.RenderStrategy | Re.Static;
-function vn(t, s) {
+let dn = "div", pn = we.RenderStrategy | we.Static;
+function hn(t, s) {
   var e, o, n;
-  let i = he(), { id: l = `headlessui-combobox-options-${i}`, hold: r = !1, anchor: u, portal: a = !1, modal: c = !0, transition: v = !1, ...d } = t, f = be("Combobox.Options"), p = le("Combobox.Options"), g = ft(u);
-  g && (a = !0);
-  let [b, w] = ht(g), [$, T] = Se(null), S = mt(), z = Ee(s, g ? b : null, f.actions.setOptionsElement, T), [O, V, M, k, q] = F(f, (P) => [P.comboboxState, P.inputElement, P.buttonElement, P.optionsElement, P.activationTrigger]), H = Fe(V || M), x = Fe(k), L = _t(), [W, E] = kt(v, $, L !== null ? (L & Oe.Open) === Oe.Open : O === m.Open);
-  Tt(W, V, f.actions.closeCombobox);
-  let K = p.__demoMode ? !1 : c && O === m.Open;
-  Mt(K, x);
-  let re = p.__demoMode ? !1 : c && O === m.Open;
-  yt(re, { allowed: Y(() => [V, M, k], [V, M, k]) });
-  let J = F(f, f.selectors.didInputMove) ? !1 : W;
-  te(() => {
+  let i = pe(), { id: l = `headlessui-combobox-options-${i}`, hold: r = !1, anchor: u, portal: a = !1, modal: d = !0, transition: g = !1, ...c } = t, h = ve("Combobox.Options"), p = se("Combobox.Options"), m = ct(u);
+  m && (a = !0);
+  let [b, T] = dt(m), [w, M] = ye(null), E = pt(), z = xe(s, m ? b : null, h.actions.setOptionsElement, M), [O, N, $, D, K] = F(h, (P) => [P.comboboxState, P.inputElement, P.buttonElement, P.optionsElement, P.activationTrigger]), q = Re(N || $), x = Re(D), L = Pt(), [W, S] = At(g, w, L !== null ? (L & be.Open) === be.Open : O === v.Open);
+  Ct(W, N, h.actions.closeCombobox);
+  let H = p.__demoMode ? !1 : d && O === v.Open;
+  It(H, x);
+  let le = p.__demoMode ? !1 : d && O === v.Open;
+  xt(le, { allowed: X(() => [N, $, D], [N, $, D]) });
+  let Y = F(h, h.selectors.didInputMove) ? !1 : W;
+  ee(() => {
     var P;
     p.optionsPropsRef.current.static = (P = t.static) != null ? P : !1;
-  }, [p.optionsPropsRef, t.static]), te(() => {
+  }, [p.optionsPropsRef, t.static]), ee(() => {
     p.optionsPropsRef.current.hold = r;
-  }, [p.optionsPropsRef, r]), Nt(O === m.Open, { container: k, accept(P) {
+  }, [p.optionsPropsRef, r]), zt(O === v.Open, { container: D, accept(P) {
     return P.getAttribute("role") === "option" ? NodeFilter.FILTER_REJECT : P.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
   }, walk(P) {
     P.setAttribute("role", "none");
   } });
-  let ne = Te([M?.id]), Q = ve({ open: O === m.Open, option: void 0 }), ae = R(() => {
-    f.actions.setActivationTrigger(G.Pointer);
-  }), h = R((P) => {
-    P.preventDefault(), f.actions.setActivationTrigger(G.Pointer);
-  }), B = $e(g ? S() : {}, { "aria-labelledby": ne, role: "listbox", "aria-multiselectable": p.mode === U.Multi ? !0 : void 0, id: l, ref: z, style: { ...d.style, ...w, "--input-width": Pe(W, V, !0).width, "--button-width": Pe(W, M, !0).width }, onWheel: q === G.Pointer ? void 0 : ae, onMouseDown: h, ...Dt(E) }), I = W && O === m.Closed && !t.static, _ = De(I, (e = p.virtual) == null ? void 0 : e.options), C = De(I, p.value), D = Y((P) => p.compare(C, P), [p.compare, C]), y = ie(() => {
+  let te = Ie([$?.id]), J = me({ open: O === v.Open, option: void 0 }), re = R(() => {
+    h.actions.setActivationTrigger(G.Pointer);
+  }), f = R((P) => {
+    P.preventDefault(), h.actions.setActivationTrigger(G.Pointer);
+  }), j = Ce(m ? E() : {}, { "aria-labelledby": te, role: "listbox", "aria-multiselectable": p.mode === U.Multi ? !0 : void 0, id: l, ref: z, style: { ...c.style, ...T, "--input-width": Me(W, N, !0).width, "--button-width": Me(W, $, !0).width }, onWheel: K === G.Pointer ? void 0 : re, onMouseDown: f, ...Ft(S) }), I = W && O === v.Closed && !t.static, _ = ze(I, (e = p.virtual) == null ? void 0 : e.options), C = ze(I, p.value), k = X((P) => p.compare(C, P), [p.compare, C]), y = oe(() => {
     if (!p.virtual) return p;
     if (_ === void 0) throw new Error("Missing `options` in virtual mode");
     return _ !== p.virtual.options ? { ...p, virtual: { ...p.virtual, options: _ } } : p;
   }, [p, _, (o = p.virtual) == null ? void 0 : o.options]);
-  p.virtual && Object.assign(d, { children: N.createElement(fe.Provider, { value: y }, N.createElement(an, { slot: Q }, d.children)) });
-  let Z = ge(), tt = ie(() => p.mode === U.Multi ? p : { ...p, isSelected: D }, [p, D]);
-  return N.createElement(Rt, { enabled: a ? t.static || W : !1, ownerDocument: H }, N.createElement(fe.Provider, { value: tt }, Z({ ourProps: B, theirProps: { ...d, children: N.createElement(Wt, { freeze: I }, typeof d.children == "function" ? (n = d.children) == null ? void 0 : n.call(d, Q) : d.children) }, slot: Q, defaultTag: mn, features: gn, visible: J, name: "Combobox.Options" })));
+  p.virtual && Object.assign(c, { children: V.createElement(de.Provider, { value: y }, V.createElement(on, { slot: J }, c.children)) });
+  let Z = fe(), Ze = oe(() => p.mode === U.Multi ? p : { ...p, isSelected: k }, [p, k]);
+  return V.createElement(Tt, { enabled: a ? t.static || W : !1, ownerDocument: q }, V.createElement(de.Provider, { value: Ze }, Z({ ourProps: j, theirProps: { ...c, children: V.createElement(kt, { freeze: I }, typeof c.children == "function" ? (n = c.children) == null ? void 0 : n.call(c, J) : c.children) }, slot: J, defaultTag: dn, features: pn, visible: Y, name: "Combobox.Options" })));
 }
-let bn = "div";
-function xn(t, s) {
+let fn = "div";
+function mn(t, s) {
   var e, o, n;
-  let i = le("Combobox.Option"), l = be("Combobox.Option"), r = he(), { id: u = `headlessui-combobox-option-${r}`, value: a, disabled: c = (n = (o = (e = i.virtual) == null ? void 0 : e.disabled) == null ? void 0 : o.call(e, a)) != null ? n : !1, order: v = null, ...d } = t, [f] = F(l, (E) => [E.inputElement]), p = Ye(f), g = F(l, Y((E) => l.selectors.isActive(E, a, u), [a, u])), b = i.isSelected(a), w = pe(null), $ = ut({ disabled: c, value: a, domRef: w, order: v }), T = we(et), S = Ee(s, w, T ? T.measureElement : null), z = R(() => {
+  let i = se("Combobox.Option"), l = ve("Combobox.Option"), r = pe(), { id: u = `headlessui-combobox-option-${r}`, value: a, disabled: d = (n = (o = (e = i.virtual) == null ? void 0 : e.disabled) == null ? void 0 : o.call(e, a)) != null ? n : !1, order: g = null, ...c } = t, [h] = F(l, (S) => [S.inputElement]), p = qe(h), m = F(l, X((S) => l.selectors.isActive(S, a, u), [a, u])), b = i.isSelected(a), T = ce(null), w = lt({ disabled: d, value: a, domRef: T, order: g }), M = Se(Je), E = xe(s, T, M ? M.measureElement : null), z = R(() => {
     l.actions.setIsTyping(!1), l.actions.onChange(a);
   });
-  te(() => l.actions.registerOption(u, $), [$, u]);
-  let O = F(l, Y((E) => l.selectors.shouldScrollIntoView(E, a, u), [a, u]));
-  te(() => {
-    if (O) return dt().requestAnimationFrame(() => {
-      var E, K;
-      (K = (E = w.current) == null ? void 0 : E.scrollIntoView) == null || K.call(E, { block: "nearest" });
+  ee(() => l.actions.registerOption(u, w), [w, u]);
+  let O = F(l, X((S) => l.selectors.shouldScrollIntoView(S, a, u), [a, u]));
+  ee(() => {
+    if (O) return rt().requestAnimationFrame(() => {
+      var S, H;
+      (H = (S = T.current) == null ? void 0 : S.scrollIntoView) == null || H.call(S, { block: "nearest" });
     });
-  }, [O, w]);
-  let V = R((E) => {
-    E.preventDefault(), E.button === Et.Left && (c || (z(), Pt() || requestAnimationFrame(() => p()), i.mode === U.Single && l.actions.closeCombobox()));
-  }), M = R(() => {
-    if (c) return l.actions.goToOption({ focus: A.Nothing });
-    let E = i.calculateIndex(a);
-    l.actions.goToOption({ focus: A.Specific, idx: E });
-  }), k = xt(), q = R((E) => k.update(E)), H = R((E) => {
-    if (!k.wasMoved(E) || c || g && l.state.activationTrigger === G.Pointer) return;
-    let K = i.calculateIndex(a);
-    l.actions.goToOption({ focus: A.Specific, idx: K }, G.Pointer);
-  }), x = R((E) => {
-    k.wasMoved(E) && (c || g && (i.optionsPropsRef.current.hold || l.state.activationTrigger === G.Pointer && l.actions.goToOption({ focus: A.Nothing })));
-  }), L = ve({ active: g, focus: g, selected: b, disabled: c }), W = { id: u, ref: S, role: "option", tabIndex: c === !0 ? void 0 : -1, "aria-disabled": c === !0 ? !0 : void 0, "aria-selected": b, disabled: void 0, onMouseDown: V, onFocus: M, onPointerEnter: q, onMouseEnter: q, onPointerMove: H, onMouseMove: H, onPointerLeave: x, onMouseLeave: x };
-  return ge()({ ourProps: W, theirProps: d, slot: L, defaultTag: bn, name: "Combobox.Option" });
-}
-let On = me(cn), Sn = me(hn), En = me(pn), yn = jt, Cn = me(vn), In = me(xn), ce = Object.assign(On, { Input: En, Button: Sn, Label: yn, Options: Cn, Option: In });
-function Gn({
-  options: t,
-  value: s,
-  onChange: e,
-  placeholder: o = "Select an option...",
-  className: n,
-  disabled: i = !1
-}) {
-  const [l, r] = Se(""), u = l === "" ? t : t.filter(
-    (a) => a.label.toLowerCase().includes(l.toLowerCase())
-  );
-  return /* @__PURE__ */ X("div", { className: ye("relative", n), children: /* @__PURE__ */ nt(
-    ce,
-    {
-      value: s,
-      onChange: (a) => {
-        a && e?.(a);
-      },
-      disabled: i,
-      children: [
-        /* @__PURE__ */ X(
-          ce.Input,
-          {
-            className: ye(
-              "w-full rounded-md border border-input bg-background py-2 pl-3 pr-10 text-base leading-5 text-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background",
-              i && "cursor-not-allowed opacity-50"
-            ),
-            displayValue: (a) => a?.label || "",
-            onChange: (a) => r(a.target.value),
-            placeholder: o
-          }
-        ),
-        /* @__PURE__ */ X(ce.Button, { className: "absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ X(
-          "svg",
-          {
-            className: "h-5 w-5 text-muted-foreground",
-            fill: "none",
-            stroke: "currentColor",
-            viewBox: "0 0 24 24",
-            children: /* @__PURE__ */ X(
-              "path",
-              {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: 2,
-                d: "M19 9l-7 7-7-7"
-              }
-            )
-          }
-        ) }),
-        /* @__PURE__ */ X(ce.Options, { className: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-background py-1 text-base shadow-lg ring-1 ring-border focus:outline-none", children: u.length === 0 && l !== "" ? /* @__PURE__ */ X("div", { className: "relative cursor-default select-none px-4 py-2 text-muted-foreground", children: "Nothing found." }) : u.map((a) => /* @__PURE__ */ X(
-          ce.Option,
-          {
-            value: a,
-            className: ({ active: c }) => ye(
-              "relative cursor-default select-none py-2 pl-10 pr-4",
-              c ? "bg-accent text-accent-foreground" : "text-foreground"
-            ),
-            children: a.label
-          },
-          a.id
-        )) })
-      ]
-    }
-  ) });
+  }, [O, T]);
+  let N = R((S) => {
+    S.preventDefault(), S.button === gt.Left && (d || (z(), wt() || requestAnimationFrame(() => p()), i.mode === U.Single && l.actions.closeCombobox()));
+  }), $ = R(() => {
+    if (d) return l.actions.goToOption({ focus: A.Nothing });
+    let S = i.calculateIndex(a);
+    l.actions.goToOption({ focus: A.Specific, idx: S });
+  }), D = bt(), K = R((S) => D.update(S)), q = R((S) => {
+    if (!D.wasMoved(S) || d || m && l.state.activationTrigger === G.Pointer) return;
+    let H = i.calculateIndex(a);
+    l.actions.goToOption({ focus: A.Specific, idx: H }, G.Pointer);
+  }), x = R((S) => {
+    D.wasMoved(S) && (d || m && (i.optionsPropsRef.current.hold || l.state.activationTrigger === G.Pointer && l.actions.goToOption({ focus: A.Nothing })));
+  }), L = me({ active: m, focus: m, selected: b, disabled: d }), W = { id: u, ref: E, role: "option", tabIndex: d === !0 ? void 0 : -1, "aria-disabled": d === !0 ? !0 : void 0, "aria-selected": b, disabled: void 0, onMouseDown: N, onFocus: $, onPointerEnter: K, onMouseEnter: K, onPointerMove: q, onMouseMove: q, onPointerLeave: x, onMouseLeave: x };
+  return fe()({ ourProps: W, theirProps: c, slot: L, defaultTag: fn, name: "Combobox.Option" });
 }
+let vn = he(ln), gn = he(cn), bn = he(an), xn = Vt, On = he(hn), En = he(mn), Bn = Object.assign(vn, { Input: bn, Button: gn, Label: xn, Options: On, Option: En });
 export {
-  Gn as C
+  gn as B,
+  En as H,
+  On as U,
+  Bn as a,
+  bn as k
 };