@pagehub/sdk 0.1.5 → 0.1.6

package/dist/chunks/SearchableMenuPopover-DZKVXiEl.js

@@ -0,0 +1,1251 @@
+import { jsxs as re, Fragment as Be, jsx as G } from "react/jsx-runtime";
+import * as Oe from "react";
+import W, { useRef as J, useEffect as Ue, useContext as Ie, useMemo as se, createContext as we, useId as be, useState as ae, useCallback as X, Fragment as He, forwardRef as lt, useImperativeHandle as rt } from "react";
+import { ea as $e, a$ as _, eb as Ke, bq as Q, b2 as at, bN as ut, ec as ct, b5 as dt, b6 as qe, ed as ht, ee as pt, ef as fe, b7 as ue, eg as D, eh as Pe, ei as ft, ej as mt, ba as bt, ek as vt, bb as ve, el as gt, bd as ye, be as xt, bc as L, em as St, bM as B, en as Me, eo as Ot, bf as Ge, bg as Xe, bi as ge, bk as Te, bl as xe, bm as Et, bn as yt, bo as Ct, bp as Ae, br as It, bs as wt, bt as Ee, bu as Mt, bv as Tt, ep as Rt, bz as $t, bA as Fe, eq as _e, bC as Pt, er as At, bF as Ft, es as _t, et as kt, eu as zt, ev as Dt, ew as Lt, ex as Nt, ey as Vt, ez as Wt, bH as jt, eA as Bt, bI as Ut, bJ as Ht, eB as Kt, eC as qt, eD as pe, b8 as Gt, eE as Xt, bh as Yt, bj as Jt, bK as ke, dp as Qt, P as Zt, aA as en } from "./index-C66dAl3Q.js";
+import { A as tn } from "./AnchoredPopover-CckPTxXu.js";
+import { flushSync as oe } from "react-dom";
+import { E as nn } from "./use-event-listener-DO3Sk7g0.js";
+function le(t, i, e) {
+  let o = e.initialDeps ?? [], n, s = !0;
+  function l() {
+    var r, u, d;
+    let h;
+    e.key && ((r = e.debug) != null && r.call(e)) && (h = Date.now());
+    const f = t();
+    if (!(f.length !== o.length || f.some((c, g) => o[g] !== c)))
+      return n;
+    o = f;
+    let a;
+    if (e.key && ((u = e.debug) != null && u.call(e)) && (a = Date.now()), n = i(...f), e.key && ((d = e.debug) != null && d.call(e))) {
+      const c = Math.round((Date.now() - h) * 100) / 100, g = Math.round((Date.now() - a) * 100) / 100, x = g / 16, y = (w, C) => {
+        for (w = String(w); w.length < C; )
+          w = " " + w;
+        return w;
+      };
+      console.info(
+        `%c⏱ ${y(g, 5)} /${y(c, 5)} ms`,
+        `
+            font-size: .6rem;
+            font-weight: bold;
+            color: hsl(${Math.max(
+          0,
+          Math.min(120 - 120 * x, 120)
+        )}deg 100% 31%);`,
+        e == null ? void 0 : e.key
+      );
+    }
+    return e != null && e.onChange && !(s && e.skipInitialOnChange) && e.onChange(n), s = !1, n;
+  }
+  return l.updateDeps = (r) => {
+    o = r;
+  }, l;
+}
+function ze(t, i) {
+  if (t === void 0)
+    throw new Error("Unexpected undefined");
+  return t;
+}
+const on = (t, i) => Math.abs(t - i) < 1.01, sn = (t, i, e) => {
+  let o;
+  return function(...n) {
+    t.clearTimeout(o), o = t.setTimeout(() => i.apply(this, n), e);
+  };
+}, De = (t) => {
+  const { offsetWidth: i, offsetHeight: e } = t;
+  return { width: i, height: e };
+}, ln = (t) => t, rn = (t) => {
+  const i = Math.max(t.startIndex - t.overscan, 0), e = Math.min(t.endIndex + t.overscan, t.count - 1), o = [];
+  for (let n = i; n <= e; n++)
+    o.push(n);
+  return o;
+}, an = (t, i) => {
+  const e = t.scrollElement;
+  if (!e)
+    return;
+  const o = t.targetWindow;
+  if (!o)
+    return;
+  const n = (l) => {
+    const { width: r, height: u } = l;
+    i({ width: Math.round(r), height: Math.round(u) });
+  };
+  if (n(De(e)), !o.ResizeObserver)
+    return () => {
+    };
+  const s = new o.ResizeObserver((l) => {
+    const r = () => {
+      const u = l[0];
+      if (u != null && u.borderBoxSize) {
+        const d = u.borderBoxSize[0];
+        if (d) {
+          n({ width: d.inlineSize, height: d.blockSize });
+          return;
+        }
+      }
+      n(De(e));
+    };
+    t.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(r) : r();
+  });
+  return s.observe(e, { box: "border-box" }), () => {
+    s.unobserve(e);
+  };
+}, Le = {
+  passive: !0
+}, Ne = typeof window > "u" ? !0 : "onscrollend" in window, un = (t, i) => {
+  const e = t.scrollElement;
+  if (!e)
+    return;
+  const o = t.targetWindow;
+  if (!o)
+    return;
+  let n = 0;
+  const s = t.options.useScrollendEvent && Ne ? () => {
+  } : sn(
+    o,
+    () => {
+      i(n, !1);
+    },
+    t.options.isScrollingResetDelay
+  ), l = (h) => () => {
+    const { horizontal: f, isRtl: m } = t.options;
+    n = f ? e.scrollLeft * (m && -1 || 1) : e.scrollTop, s(), i(n, h);
+  }, r = l(!0), u = l(!1);
+  e.addEventListener("scroll", r, Le);
+  const d = t.options.useScrollendEvent && Ne;
+  return d && e.addEventListener("scrollend", u, Le), () => {
+    e.removeEventListener("scroll", r), d && e.removeEventListener("scrollend", u);
+  };
+}, cn = (t, i, e) => {
+  if (i != null && i.borderBoxSize) {
+    const o = i.borderBoxSize[0];
+    if (o)
+      return Math.round(
+        o[e.options.horizontal ? "inlineSize" : "blockSize"]
+      );
+  }
+  return t[e.options.horizontal ? "offsetWidth" : "offsetHeight"];
+}, dn = (t, {
+  adjustments: i = 0,
+  behavior: e
+}, o) => {
+  var n, s;
+  const l = t + i;
+  (s = (n = o.scrollElement) == null ? void 0 : n.scrollTo) == null || s.call(n, {
+    [o.options.horizontal ? "left" : "top"]: l,
+    behavior: e
+  });
+};
+class hn {
+  constructor(i) {
+    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollState = 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.now = () => {
+      var e, o, n;
+      return ((n = (o = (e = this.targetWindow) == null ? void 0 : e.performance) == null ? void 0 : o.now) == null ? void 0 : n.call(o)) ?? Date.now();
+    }, this.observer = /* @__PURE__ */ (() => {
+      let e = null;
+      const o = () => e || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : e = new this.targetWindow.ResizeObserver((n) => {
+        n.forEach((s) => {
+          const l = () => {
+            const r = s.target, u = this.indexFromElement(r);
+            if (!r.isConnected) {
+              this.observer.unobserve(r);
+              return;
+            }
+            this.shouldMeasureDuringScroll(u) && this.resizeItem(
+              u,
+              this.options.measureElement(r, s, this)
+            );
+          };
+          this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(l) : l();
+        });
+      }));
+      return {
+        disconnect: () => {
+          var n;
+          (n = o()) == null || n.disconnect(), e = null;
+        },
+        observe: (n) => {
+          var s;
+          return (s = o()) == null ? void 0 : s.observe(n, { box: "border-box" });
+        },
+        unobserve: (n) => {
+          var s;
+          return (s = o()) == null ? void 0 : s.unobserve(n);
+        }
+      };
+    })(), this.range = null, this.setOptions = (e) => {
+      Object.entries(e).forEach(([o, n]) => {
+        typeof n > "u" && delete e[o];
+      }), this.options = {
+        debug: !1,
+        initialOffset: 0,
+        overscan: 1,
+        paddingStart: 0,
+        paddingEnd: 0,
+        scrollPaddingStart: 0,
+        scrollPaddingEnd: 0,
+        horizontal: !1,
+        getItemKey: ln,
+        rangeExtractor: rn,
+        onChange: () => {
+        },
+        measureElement: cn,
+        initialRect: { width: 0, height: 0 },
+        scrollMargin: 0,
+        gap: 0,
+        indexAttribute: "data-index",
+        initialMeasurementsCache: [],
+        lanes: 1,
+        isScrollingResetDelay: 150,
+        enabled: !0,
+        isRtl: !1,
+        useScrollendEvent: !1,
+        useAnimationFrameWithResizeObserver: !1,
+        laneAssignmentMode: "estimate",
+        ...e
+      };
+    }, this.notify = (e) => {
+      var o, n;
+      (n = (o = this.options).onChange) == null || n.call(o, this, e);
+    }, this.maybeNotify = le(
+      () => (this.calculateRange(), [
+        this.isScrolling,
+        this.range ? this.range.startIndex : null,
+        this.range ? this.range.endIndex : null
+      ]),
+      (e) => {
+        this.notify(e);
+      },
+      {
+        key: !1,
+        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((e) => e()), this.unsubs = [], this.observer.disconnect(), this.rafId != null && this.targetWindow && (this.targetWindow.cancelAnimationFrame(this.rafId), this.rafId = null), this.scrollState = null, this.scrollElement = null, this.targetWindow = null;
+    }, this._didMount = () => () => {
+      this.cleanup();
+    }, this._willUpdate = () => {
+      var e;
+      const o = this.options.enabled ? this.options.getScrollElement() : null;
+      if (this.scrollElement !== o) {
+        if (this.cleanup(), !o) {
+          this.maybeNotify();
+          return;
+        }
+        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.unsubs.push(
+          this.options.observeElementRect(this, (n) => {
+            this.scrollRect = n, this.maybeNotify();
+          })
+        ), this.unsubs.push(
+          this.options.observeElementOffset(this, (n, s) => {
+            this.scrollAdjustments = 0, this.scrollDirection = s ? this.getScrollOffset() < n ? "forward" : "backward" : null, this.scrollOffset = n, this.isScrolling = s, this.scrollState && this.scheduleScrollReconcile(), this.maybeNotify();
+          })
+        ), this._scrollToOffset(this.getScrollOffset(), {
+          adjustments: void 0,
+          behavior: void 0
+        });
+      }
+    }, this.rafId = null, 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(), s = /* @__PURE__ */ new Map();
+      for (let l = o - 1; l >= 0; l--) {
+        const r = e[l];
+        if (n.has(r.lane))
+          continue;
+        const u = s.get(
+          r.lane
+        );
+        if (u == null || r.end > u.end ? s.set(r.lane, r) : r.end < u.end && n.set(r.lane, !0), n.size === this.options.lanes)
+          break;
+      }
+      return s.size === this.options.lanes ? Array.from(s.values()).sort((l, r) => l.end === r.end ? l.index - r.index : l.end - r.end)[0] : void 0;
+    }, this.getMeasurementOptions = le(
+      () => [
+        this.options.count,
+        this.options.paddingStart,
+        this.options.scrollMargin,
+        this.options.getItemKey,
+        this.options.enabled,
+        this.options.lanes,
+        this.options.laneAssignmentMode
+      ],
+      (e, o, n, s, l, r, u) => (this.prevLanes !== void 0 && this.prevLanes !== r && (this.lanesChangedFlag = !0), this.prevLanes = r, this.pendingMeasuredCacheIndexes = [], {
+        count: e,
+        paddingStart: o,
+        scrollMargin: n,
+        getItemKey: s,
+        enabled: l,
+        lanes: r,
+        laneAssignmentMode: u
+      }),
+      {
+        key: !1
+      }
+    ), this.getMeasurements = le(
+      () => [this.getMeasurementOptions(), this.itemSizeCache],
+      ({
+        count: e,
+        paddingStart: o,
+        scrollMargin: n,
+        getItemKey: s,
+        enabled: l,
+        lanes: r,
+        laneAssignmentMode: u
+      }, d) => {
+        if (!l)
+          return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
+        if (this.laneAssignments.size > e)
+          for (const a of this.laneAssignments.keys())
+            a >= e && this.laneAssignments.delete(a);
+        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((a) => {
+          this.itemSizeCache.set(a.key, a.size);
+        }));
+        const h = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
+        this.pendingMeasuredCacheIndexes = [], this.lanesSettling && this.measurementsCache.length === e && (this.lanesSettling = !1);
+        const f = this.measurementsCache.slice(0, h), m = new Array(r).fill(
+          void 0
+        );
+        for (let a = 0; a < h; a++) {
+          const c = f[a];
+          c && (m[c.lane] = a);
+        }
+        for (let a = h; a < e; a++) {
+          const c = s(a), g = this.laneAssignments.get(a);
+          let x, y;
+          const w = u === "estimate" || d.has(c);
+          if (g !== void 0 && this.options.lanes > 1) {
+            x = g;
+            const b = m[x], A = b !== void 0 ? f[b] : void 0;
+            y = A ? A.end + this.options.gap : o + n;
+          } else {
+            const b = this.options.lanes === 1 ? f[a - 1] : this.getFurthestMeasurement(f, a);
+            y = b ? b.end + this.options.gap : o + n, x = b ? b.lane : a % this.options.lanes, this.options.lanes > 1 && w && this.laneAssignments.set(a, x);
+          }
+          const C = d.get(c), M = typeof C == "number" ? C : this.options.estimateSize(a), T = y + M;
+          f[a] = {
+            index: a,
+            start: y,
+            size: M,
+            end: T,
+            key: c,
+            lane: x
+          }, m[x] = a;
+        }
+        return this.measurementsCache = f, f;
+      },
+      {
+        key: !1,
+        debug: () => this.options.debug
+      }
+    ), this.calculateRange = le(
+      () => [
+        this.getMeasurements(),
+        this.getSize(),
+        this.getScrollOffset(),
+        this.options.lanes
+      ],
+      (e, o, n, s) => this.range = e.length > 0 && o > 0 ? pn({
+        measurements: e,
+        outerSize: o,
+        scrollOffset: n,
+        lanes: s
+      }) : null,
+      {
+        key: !1,
+        debug: () => this.options.debug
+      }
+    ), this.getVirtualIndexes = le(
+      () => {
+        let e = null, o = null;
+        const n = this.calculateRange();
+        return n && (e = n.startIndex, o = n.endIndex), this.maybeNotify.updateDeps([this.isScrolling, e, o]), [
+          this.options.rangeExtractor,
+          this.options.overscan,
+          this.options.count,
+          e,
+          o
+        ];
+      },
+      (e, o, n, s, l) => s === null || l === null ? [] : e({
+        startIndex: s,
+        endIndex: l,
+        overscan: o,
+        count: n
+      }),
+      {
+        key: !1,
+        debug: () => this.options.debug
+      }
+    ), this.indexFromElement = (e) => {
+      const o = this.options.indexAttribute, n = e.getAttribute(o);
+      return n ? parseInt(n, 10) : (console.warn(
+        `Missing attribute name '${o}={index}' on measured element.`
+      ), -1);
+    }, this.shouldMeasureDuringScroll = (e) => {
+      var o;
+      if (!this.scrollState || this.scrollState.behavior !== "smooth")
+        return !0;
+      const n = this.scrollState.index ?? ((o = this.getVirtualItemForOffset(this.scrollState.lastTargetOffset)) == null ? void 0 : o.index);
+      if (n !== void 0 && this.range) {
+        const s = Math.max(
+          this.options.overscan,
+          Math.ceil((this.range.endIndex - this.range.startIndex) / 2)
+        ), l = Math.max(0, n - s), r = Math.min(
+          this.options.count - 1,
+          n + s
+        );
+        return e >= l && e <= r;
+      }
+      return !0;
+    }, this.measureElement = (e) => {
+      if (!e) {
+        this.elementsCache.forEach((l, r) => {
+          l.isConnected || (this.observer.unobserve(l), this.elementsCache.delete(r));
+        });
+        return;
+      }
+      const o = this.indexFromElement(e), n = this.options.getItemKey(o), s = this.elementsCache.get(n);
+      s !== e && (s && this.observer.unobserve(s), this.observer.observe(e), this.elementsCache.set(n, e)), (!this.isScrolling || this.scrollState) && this.shouldMeasureDuringScroll(o) && this.resizeItem(o, this.options.measureElement(e, void 0, this));
+    }, this.resizeItem = (e, o) => {
+      var n;
+      const s = this.measurementsCache[e];
+      if (!s) return;
+      const l = this.itemSizeCache.get(s.key) ?? s.size, r = o - l;
+      r !== 0 && (((n = this.scrollState) == null ? void 0 : n.behavior) !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(s, r, this) : s.start < this.getScrollOffset() + this.scrollAdjustments) && this._scrollToOffset(this.getScrollOffset(), {
+        adjustments: this.scrollAdjustments += r,
+        behavior: void 0
+      }), this.pendingMeasuredCacheIndexes.push(s.index), this.itemSizeCache = new Map(this.itemSizeCache.set(s.key, o)), this.notify(!1));
+    }, this.getVirtualItems = le(
+      () => [this.getVirtualIndexes(), this.getMeasurements()],
+      (e, o) => {
+        const n = [];
+        for (let s = 0, l = e.length; s < l; s++) {
+          const r = e[s], u = o[r];
+          n.push(u);
+        }
+        return n;
+      },
+      {
+        key: !1,
+        debug: () => this.options.debug
+      }
+    ), this.getVirtualItemForOffset = (e) => {
+      const o = this.getMeasurements();
+      if (o.length !== 0)
+        return ze(
+          o[Ye(
+            0,
+            o.length - 1,
+            (n) => ze(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 s = this.getSize(), l = this.getScrollOffset();
+      o === "auto" && (o = e >= l + s ? "end" : "start"), o === "center" ? e += (n - s) / 2 : o === "end" && (e -= s);
+      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));
+      const n = this.getSize(), s = this.getScrollOffset(), l = this.measurementsCache[e];
+      if (!l) return;
+      if (o === "auto")
+        if (l.end >= s + n - this.options.scrollPaddingEnd)
+          o = "end";
+        else if (l.start <= s + this.options.scrollPaddingStart)
+          o = "start";
+        else
+          return [s, o];
+      if (o === "end" && e === this.options.count - 1)
+        return [this.getMaxScrollOffset(), o];
+      const r = o === "end" ? l.end + this.options.scrollPaddingEnd : l.start - this.options.scrollPaddingStart;
+      return [
+        this.getOffsetForAlignment(r, o, l.size),
+        o
+      ];
+    }, this.scrollToOffset = (e, { align: o = "start", behavior: n = "auto" } = {}) => {
+      const s = this.getOffsetForAlignment(e, o), l = this.now();
+      this.scrollState = {
+        index: null,
+        align: o,
+        behavior: n,
+        startedAt: l,
+        lastTargetOffset: s,
+        stableFrames: 0
+      }, this._scrollToOffset(s, { adjustments: void 0, behavior: n }), this.scheduleScrollReconcile();
+    }, this.scrollToIndex = (e, {
+      align: o = "auto",
+      behavior: n = "auto"
+    } = {}) => {
+      e = Math.max(0, Math.min(e, this.options.count - 1));
+      const s = this.getOffsetForIndex(e, o);
+      if (!s)
+        return;
+      const [l, r] = s, u = this.now();
+      this.scrollState = {
+        index: e,
+        align: r,
+        behavior: n,
+        startedAt: u,
+        lastTargetOffset: l,
+        stableFrames: 0
+      }, this._scrollToOffset(l, { adjustments: void 0, behavior: n }), this.scheduleScrollReconcile();
+    }, this.scrollBy = (e, { behavior: o = "auto" } = {}) => {
+      const n = this.getScrollOffset() + e, s = this.now();
+      this.scrollState = {
+        index: null,
+        align: "start",
+        behavior: o,
+        startedAt: s,
+        lastTargetOffset: n,
+        stableFrames: 0
+      }, this._scrollToOffset(n, { adjustments: void 0, behavior: o }), this.scheduleScrollReconcile();
+    }, this.getTotalSize = () => {
+      var e;
+      const o = this.getMeasurements();
+      let n;
+      if (o.length === 0)
+        n = this.options.paddingStart;
+      else if (this.options.lanes === 1)
+        n = ((e = o[o.length - 1]) == null ? void 0 : e.end) ?? 0;
+      else {
+        const s = Array(this.options.lanes).fill(null);
+        let l = o.length - 1;
+        for (; l >= 0 && s.some((r) => r === null); ) {
+          const r = o[l];
+          s[r.lane] === null && (s[r.lane] = r.end), l--;
+        }
+        n = Math.max(...s.filter((r) => r !== null));
+      }
+      return Math.max(
+        n - this.options.scrollMargin + this.options.paddingEnd,
+        0
+      );
+    }, this._scrollToOffset = (e, {
+      adjustments: o,
+      behavior: n
+    }) => {
+      this.options.scrollToFn(e, { behavior: n, adjustments: o }, this);
+    }, this.measure = () => {
+      this.itemSizeCache = /* @__PURE__ */ new Map(), this.laneAssignments = /* @__PURE__ */ new Map(), this.notify(!1);
+    }, this.setOptions(i);
+  }
+  scheduleScrollReconcile() {
+    if (!this.targetWindow) {
+      this.scrollState = null;
+      return;
+    }
+    this.rafId == null && (this.rafId = this.targetWindow.requestAnimationFrame(() => {
+      this.rafId = null, this.reconcileScroll();
+    }));
+  }
+  reconcileScroll() {
+    if (!this.scrollState || !this.scrollElement) return;
+    if (this.now() - this.scrollState.startedAt > 5e3) {
+      this.scrollState = null;
+      return;
+    }
+    const o = this.scrollState.index != null ? this.getOffsetForIndex(this.scrollState.index, this.scrollState.align) : void 0, n = o ? o[0] : this.scrollState.lastTargetOffset, s = 1, l = n !== this.scrollState.lastTargetOffset;
+    if (!l && on(n, this.getScrollOffset())) {
+      if (this.scrollState.stableFrames++, this.scrollState.stableFrames >= s) {
+        this.scrollState = null;
+        return;
+      }
+    } else
+      this.scrollState.stableFrames = 0, l && (this.scrollState.lastTargetOffset = n, this.scrollState.behavior = "auto", this._scrollToOffset(n, {
+        adjustments: void 0,
+        behavior: "auto"
+      }));
+    this.scheduleScrollReconcile();
+  }
+}
+const Ye = (t, i, e, o) => {
+  for (; t <= i; ) {
+    const n = (t + i) / 2 | 0, s = e(n);
+    if (s < o)
+      t = n + 1;
+    else if (s > o)
+      i = n - 1;
+    else
+      return n;
+  }
+  return t > 0 ? t - 1 : 0;
+};
+function pn({
+  measurements: t,
+  outerSize: i,
+  scrollOffset: e,
+  lanes: o
+}) {
+  const n = t.length - 1, s = (u) => t[u].start;
+  if (t.length <= o)
+    return {
+      startIndex: 0,
+      endIndex: n
+    };
+  let l = Ye(
+    0,
+    n,
+    s,
+    e
+  ), r = l;
+  if (o === 1)
+    for (; r < n && t[r].end < e + i; )
+      r++;
+  else if (o > 1) {
+    const u = Array(o).fill(0);
+    for (; r < n && u.some((h) => h < e + i); ) {
+      const h = t[r];
+      u[h.lane] = h.end, r++;
+    }
+    const d = Array(o).fill(e + i);
+    for (; l >= 0 && d.some((h) => h >= e); ) {
+      const h = t[l];
+      d[h.lane] = h.start, l--;
+    }
+    l = Math.max(0, l - l % o), r = Math.min(n, r + (o - 1 - r % o));
+  }
+  return { startIndex: l, endIndex: r };
+}
+const Ve = typeof document < "u" ? Oe.useLayoutEffect : Oe.useEffect;
+function fn({
+  useFlushSync: t = !0,
+  ...i
+}) {
+  const e = Oe.useReducer(() => ({}), {})[1], o = {
+    ...i,
+    onChange: (s, l) => {
+      var r;
+      t && l ? oe(e) : e(), (r = i.onChange) == null || r.call(i, s, l);
+    }
+  }, [n] = Oe.useState(
+    () => new hn(o)
+  );
+  return n.setOptions(o), Ve(() => n._didMount(), []), Ve(() => n._willUpdate()), n;
+}
+function mn(t) {
+  return fn({
+    observeElementRect: an,
+    observeElementOffset: un,
+    scrollToFn: dn,
+    ...t
+  });
+}
+function Je(t) {
+  let i = J({ value: "", selectionStart: null, selectionEnd: null });
+  return nn(t, "blur", (e) => {
+    let o = e.target;
+    $e(o) && (i.current = { value: o.value, selectionStart: o.selectionStart, selectionEnd: o.selectionEnd });
+  }), _(() => {
+    if (!Ke(t) && $e(t) && t.isConnected) {
+      if (t.focus({ preventScroll: !0 }), t.value !== i.current.value) t.setSelectionRange(t.value.length, t.value.length);
+      else {
+        let { selectionStart: e, selectionEnd: o } = i.current;
+        e !== null && o !== null && t.setSelectionRange(e, o);
+      }
+      i.current = { value: "", selectionStart: null, selectionEnd: null };
+    }
+  });
+}
+function bn(t, { container: i, accept: e, walk: o }) {
+  let n = J(e), s = J(o);
+  Ue(() => {
+    n.current = e, s.current = o;
+  }, [e, o]), Q(() => {
+    if (!i || !t) return;
+    let l = at(i);
+    if (!l) return;
+    let r = n.current, u = s.current, d = Object.assign((f) => r(f), { acceptNode: r }), h = l.createTreeWalker(i, NodeFilter.SHOW_ELEMENT, d, !1);
+    for (; h.nextNode(); ) u(h.currentNode);
+  }, [i, t, n, s]);
+}
+function We(t, i) {
+  let e = J([]), o = _(t);
+  Ue(() => {
+    let n = [...e.current];
+    for (let [s, l] of i.entries()) if (e.current[s] !== l) {
+      let r = o(i, n);
+      return e.current = i, r;
+    }
+  }, [o, ...i]);
+}
+function vn(t) {
+  function i() {
+    document.readyState !== "loading" && (t(), document.removeEventListener("DOMContentLoaded", i));
+  }
+  typeof window < "u" && typeof document < "u" && (document.addEventListener("DOMContentLoaded", i), i());
+}
+let ne = [];
+vn(() => {
+  function t(i) {
+    if (!ut(i.target) || i.target === document.body || ne[0] === i.target) return;
+    let e = i.target;
+    e = e.closest(ct), ne.unshift(e ?? i.target), ne = ne.filter((o) => o != null && o.isConnected), ne.splice(10);
+  }
+  window.addEventListener("click", t, { capture: !0 }), window.addEventListener("mousedown", t, { capture: !0 }), window.addEventListener("focus", t, { capture: !0 }), document.body.addEventListener("click", t, { capture: !0 }), document.body.addEventListener("mousedown", t, { capture: !0 }), document.body.addEventListener("focus", t, { capture: !0 });
+});
+var gn = Object.defineProperty, xn = (t, i, e) => i in t ? gn(t, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[i] = e, je = (t, i, e) => (xn(t, typeof i != "symbol" ? i + "" : i, e), e), v = ((t) => (t[t.Open = 0] = "Open", t[t.Closed = 1] = "Closed", t))(v || {}), q = ((t) => (t[t.Single = 0] = "Single", t[t.Multi = 1] = "Multi", t))(q || {}), Y = ((t) => (t[t.Pointer = 0] = "Pointer", t[t.Focus = 1] = "Focus", t[t.Other = 2] = "Other", t))(Y || {}), Qe = ((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))(Qe || {});
+function Ce(t, i = (e) => e) {
+  let e = t.activeOptionIndex !== null ? t.options[t.activeOptionIndex] : null, o = i(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) : mt(o, (l) => l.dataRef.current.domRef.current), s = e ? n.indexOf(e) : null;
+  return s === -1 && (s = null), { options: n, activeOptionIndex: s };
+}
+let Sn = { 1(t) {
+  var i;
+  if ((i = t.dataRef.current) != null && i.disabled || t.comboboxState === 1) return t;
+  let e = t.inputElement ? fe.Tracked(ft(t.inputElement)) : t.inputPositionState;
+  return { ...t, activeOptionIndex: null, comboboxState: 1, isTyping: !1, activationTrigger: 2, inputPositionState: e, __demoMode: !1 };
+}, 0(t) {
+  var i, e;
+  if ((i = t.dataRef.current) != null && i.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: fe.Idle };
+  }
+  return { ...t, comboboxState: 0, inputPositionState: fe.Idle, __demoMode: !1 };
+}, 3(t, i) {
+  return t.isTyping === i.isTyping ? t : { ...t, isTyping: i.isTyping };
+}, 2(t, i) {
+  var e, o, n, s;
+  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: d, disabled: h } = t.virtual, f = i.focus === D.Specific ? i.idx : Pe(i, { resolveItems: () => d, resolveActiveIndex: () => {
+      var a, c;
+      return (c = (a = t.activeOptionIndex) != null ? a : d.findIndex((g) => !h(g))) != null ? c : null;
+    }, resolveDisabled: h, resolveId() {
+      throw new Error("Function not implemented.");
+    } }), m = (n = i.trigger) != null ? n : 2;
+    return t.activeOptionIndex === f && t.activationTrigger === m ? t : { ...t, activeOptionIndex: f, activationTrigger: m, isTyping: !1, __demoMode: !1 };
+  }
+  let l = Ce(t);
+  if (l.activeOptionIndex === null) {
+    let d = l.options.findIndex((h) => !h.dataRef.current.disabled);
+    d !== -1 && (l.activeOptionIndex = d);
+  }
+  let r = i.focus === D.Specific ? i.idx : Pe(i, { resolveItems: () => l.options, resolveActiveIndex: () => l.activeOptionIndex, resolveId: (d) => d.id, resolveDisabled: (d) => d.dataRef.current.disabled }), u = (s = i.trigger) != null ? s : 2;
+  return t.activeOptionIndex === r && t.activationTrigger === u ? t : { ...t, ...l, isTyping: !1, activeOptionIndex: r, activationTrigger: u, __demoMode: !1 };
+}, 4: (t, i) => {
+  var e, o, n, s;
+  if ((e = t.dataRef.current) != null && e.virtual) return { ...t, options: [...t.options, i.payload] };
+  let l = i.payload, r = Ce(t, (d) => (d.push(l), d));
+  t.activeOptionIndex === null && (n = (o = t.dataRef.current).isSelected) != null && n.call(o, i.payload.dataRef.current.value) && (r.activeOptionIndex = r.options.indexOf(l));
+  let u = { ...t, ...r, activationTrigger: 2 };
+  return (s = t.dataRef.current) != null && s.__demoMode && t.dataRef.current.value === void 0 && (u.activeOptionIndex = 0), u;
+}, 5: (t, i) => {
+  var e;
+  if ((e = t.dataRef.current) != null && e.virtual) return { ...t, options: t.options.filter((n) => n.id !== i.id) };
+  let o = Ce(t, (n) => {
+    let s = n.findIndex((l) => l.id === i.id);
+    return s !== -1 && n.splice(s, 1), n;
+  });
+  return { ...t, ...o, activationTrigger: 2 };
+}, 6: (t, i) => t.defaultToFirstOption === i.value ? t : { ...t, defaultToFirstOption: i.value }, 7: (t, i) => t.activationTrigger === i.trigger ? t : { ...t, activationTrigger: i.trigger }, 8: (t, i) => {
+  var e, o;
+  if (t.virtual === null) return { ...t, virtual: { options: i.options, disabled: (e = i.disabled) != null ? e : () => !1 } };
+  if (t.virtual.options === i.options && t.virtual.disabled === i.disabled) return t;
+  let n = t.activeOptionIndex;
+  if (t.activeOptionIndex !== null) {
+    let s = i.options.indexOf(t.virtual.options[t.activeOptionIndex]);
+    s !== -1 ? n = s : n = null;
+  }
+  return { ...t, activeOptionIndex: n, virtual: { options: i.options, disabled: (o = i.disabled) != null ? o : () => !1 } };
+}, 9: (t, i) => t.inputElement === i.element ? t : { ...t, inputElement: i.element }, 10: (t, i) => t.buttonElement === i.element ? t : { ...t, buttonElement: i.element }, 11: (t, i) => t.optionsElement === i.element ? t : { ...t, optionsElement: i.element }, 12(t) {
+  return t.inputPositionState.kind !== "Tracked" ? t : { ...t, inputPositionState: fe.Moved };
+} };
+class Re extends dt {
+  constructor(i) {
+    super(i), je(this, "actions", { onChange: (e) => {
+      let { onChange: o, compare: n, mode: s, value: l } = this.state.dataRef.current;
+      return ue(s, { 0: () => o == null ? void 0 : o(e), 1: () => {
+        let r = l.slice(), u = r.findIndex((d) => n(d, e));
+        return u === -1 ? r.push(e) : r.splice(u, 1), o == null ? void 0 : o(r);
+      } });
+    }, registerOption: (e, o) => (this.send({ type: 4, payload: { id: e, dataRef: o } }), () => {
+      this.state.activeOptionIndex === this.state.dataRef.current.calculateIndex(o.current.value) && this.send({ type: 6, value: !0 }), this.send({ type: 5, id: e });
+    }), goToOption: (e, o) => (this.send({ type: 6, value: !1 }), this.send({ type: 2, ...e, trigger: o })), setIsTyping: (e) => {
+      this.send({ type: 3, isTyping: e });
+    }, closeCombobox: () => {
+      var e, o;
+      this.send({ type: 1 }), this.send({ type: 6, value: !1 }), (o = (e = this.state.dataRef.current).onClose) == null || o.call(e);
+    }, openCombobox: () => {
+      this.send({ type: 0 }), this.send({ type: 6, value: !0 });
+    }, setActivationTrigger: (e) => {
+      this.send({ type: 7, trigger: e });
+    }, selectActiveOption: () => {
+      let e = this.selectors.activeOptionIndex(this.state);
+      if (e !== null) {
+        if (this.actions.setIsTyping(!1), this.state.virtual) this.actions.onChange(this.state.virtual.options[e]);
+        else {
+          let { dataRef: o } = this.state.options[e];
+          this.actions.onChange(o.current.value);
+        }
+        this.actions.goToOption({ focus: D.Specific, idx: e });
+      }
+    }, setInputElement: (e) => {
+      this.send({ type: 9, element: e });
+    }, setButtonElement: (e) => {
+      this.send({ type: 10, element: e });
+    }, setOptionsElement: (e) => {
+      this.send({ type: 11, element: e });
+    } }), je(this, "selectors", { activeDescendantId: (e) => {
+      var o, n;
+      let s = this.selectors.activeOptionIndex(e);
+      if (s !== null) return e.virtual ? (n = e.options.find((l) => !l.dataRef.current.disabled && e.dataRef.current.compare(l.dataRef.current.value, e.virtual.options[s]))) == null ? void 0 : n.id : (o = e.options[s]) == null ? void 0 : o.id;
+    }, activeOptionIndex: (e) => {
+      if (e.defaultToFirstOption && e.activeOptionIndex === null && (e.virtual ? e.virtual.options.length > 0 : e.options.length > 0)) {
+        if (e.virtual) {
+          let { options: n, disabled: s } = e.virtual, l = n.findIndex((r) => {
+            var u;
+            return !((u = s == null ? void 0 : s(r)) != null && u);
+          });
+          if (l !== -1) return l;
+        }
+        let o = e.options.findIndex((n) => !n.dataRef.current.disabled);
+        if (o !== -1) return o;
+      }
+      return e.activeOptionIndex;
+    }, activeOption: (e) => {
+      var o, n;
+      let s = this.selectors.activeOptionIndex(e);
+      return s === null ? null : e.virtual ? e.virtual.options[s ?? 0] : (n = (o = e.options[s]) == null ? void 0 : o.dataRef.current.value) != null ? n : null;
+    }, isActive: (e, o, n) => {
+      var s;
+      let l = this.selectors.activeOptionIndex(e);
+      return l === null ? !1 : e.virtual ? l === e.dataRef.current.calculateIndex(o) : ((s = e.options[l]) == null ? void 0 : s.id) === n;
+    }, shouldScrollIntoView: (e, o, n) => !(e.virtual || e.__demoMode || e.comboboxState !== 0 || e.activationTrigger === 0 || !this.selectors.isActive(e, o, n)), didInputMove(e) {
+      return e.inputPositionState.kind === "Moved";
+    } });
+    {
+      let e = this.state.id, o = qe.get(null);
+      this.disposables.add(o.on(ht.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(pt(o.inputElement, o.inputPositionState, () => {
+          this.send({ type: 12 });
+        })));
+      });
+    });
+  }
+  static new({ id: i, virtual: e = null, __demoMode: o = !1 }) {
+    var n;
+    return new Re({ id: i, 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: fe.Idle });
+  }
+  reduce(i, e) {
+    return ue(e.type, Sn, i, e);
+  }
+}
+const Ze = we(null);
+function Se(t) {
+  let i = Ie(Ze);
+  if (i === null) {
+    let e = new Error(`<${t} /> is missing a parent <Combobox /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(e, et), e;
+  }
+  return i;
+}
+function et({ id: t, virtual: i = null, __demoMode: e = !1 }) {
+  let o = se(() => Re.new({ id: t, virtual: i, __demoMode: e }), []);
+  return bt(() => o.dispose()), o;
+}
+let me = we(null);
+me.displayName = "ComboboxDataContext";
+function ce(t) {
+  let i = Ie(me);
+  if (i === null) {
+    let e = new Error(`<${t} /> is missing a parent <Combobox /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(e, ce), e;
+  }
+  return i;
+}
+let tt = we(null);
+function On(t) {
+  let i = Se("VirtualProvider"), e = ce("VirtualProvider"), { options: o } = e.virtual, n = L(i, (a) => a.optionsElement), [s, l] = se(() => {
+    let a = n;
+    if (!a) return [0, 0];
+    let c = window.getComputedStyle(a);
+    return [parseFloat(c.paddingBlockStart || c.paddingTop), parseFloat(c.paddingBlockEnd || c.paddingBottom)];
+  }, [n]), r = mn({ enabled: o.length !== 0, scrollPaddingStart: s, scrollPaddingEnd: l, count: o.length, estimateSize() {
+    return 40;
+  }, getScrollElement() {
+    return i.state.optionsElement;
+  }, overscan: 12 }), [u, d] = ae(0);
+  Q(() => {
+    d((a) => a + 1);
+  }, [o]);
+  let h = r.getVirtualItems(), f = L(i, (a) => a.activationTrigger === Y.Pointer), m = L(i, i.selectors.activeOptionIndex);
+  return h.length === 0 ? null : W.createElement(tt.Provider, { value: r }, W.createElement("div", { style: { position: "relative", width: "100%", height: `${r.getTotalSize()}px` }, ref: (a) => {
+    a && (f || m !== null && o.length > m && r.scrollToIndex(m));
+  } }, h.map((a) => {
+    var c;
+    return W.createElement(He, { key: a.key }, W.cloneElement((c = t.children) == null ? void 0 : c.call(t, { ...t.slot, option: o[a.index] }), { key: `${u}-${a.key}`, "data-index": a.index, "aria-setsize": o.length, "aria-posinset": a.index + 1, style: { position: "absolute", top: 0, left: 0, transform: `translateY(${a.start}px)`, overflowAnchor: "none" } }));
+  })));
+}
+let En = He;
+function yn(t, i) {
+  let e = be(), o = Lt(), { value: n, defaultValue: s, onChange: l, form: r, name: u, by: d, invalid: h = !1, disabled: f = o || !1, onClose: m, __demoMode: a = !1, multiple: c = !1, immediate: g = !1, virtual: x = null, nullable: y, ...w } = t, C = Nt(s), [M = c ? [] : void 0, T] = Vt(n, l, C), b = et({ id: e, virtual: x, __demoMode: a }), A = J({ static: !1, hold: !1 }), R = Wt(d), k = _((I) => x ? d === null ? x.options.indexOf(I) : x.options.findIndex((te) => R(te, I)) : b.state.options.findIndex((te) => R(te.dataRef.current.value, I))), U = X((I) => ue(S.mode, { [q.Multi]: () => M.some((te) => R(te, I)), [q.Single]: () => R(M, I) }), [M]), H = L(b, (I) => I.virtual), E = _(() => m == null ? void 0 : m()), S = se(() => ({ __demoMode: a, immediate: g, optionsPropsRef: A, value: M, defaultValue: C, disabled: f, invalid: h, mode: c ? q.Multi : q.Single, virtual: x ? H : null, onChange: T, isSelected: U, calculateIndex: k, compare: R, onClose: E }), [a, g, A, M, C, f, h, c, x, H, T, U, k, R, E]);
+  Q(() => {
+    var I;
+    x && b.send({ type: Qe.UpdateVirtualConfiguration, options: x.options, disabled: (I = x.disabled) != null ? I : null });
+  }, [x, x == null ? void 0 : x.options, x == null ? void 0 : x.disabled]), Q(() => {
+    b.state.dataRef.current = S;
+  }, [S]);
+  let [$, O, j, de] = L(b, (I) => [I.comboboxState, I.buttonElement, I.inputElement, I.optionsElement]), Z = qe.get(null), ie = L(Z, X((I) => Z.selectors.isTop(I, e), [Z, e]));
+  jt(ie, [O, j, de], () => b.actions.closeCombobox());
+  let ee = L(b, b.selectors.activeOptionIndex), he = L(b, b.selectors.activeOption), p = ge({ open: $ === v.Open, disabled: f, invalid: h, activeIndex: ee, activeOption: he, value: M }), [K, F] = Bt(), N = i === null ? {} : { ref: i }, P = X(() => {
+    if (C !== void 0) return T == null ? void 0 : T(C);
+  }, [T, C]), V = xe();
+  return W.createElement(F, { value: K, props: { htmlFor: j == null ? void 0 : j.id }, slot: { open: $ === v.Open, disabled: f } }, W.createElement(Ut, null, W.createElement(me.Provider, { value: S }, W.createElement(Ze.Provider, { value: b }, W.createElement(Ht, { value: ue($, { [v.Open]: Ee.Open, [v.Closed]: Ee.Closed }) }, u != null && W.createElement(Kt, { disabled: f, data: M != null ? { [u]: M } : {}, form: r, onReset: P }), V({ ourProps: N, theirProps: w, slot: p, defaultTag: En, name: "Combobox" }))))));
+}
+let Cn = "input";
+function In(t, i) {
+  var e, o;
+  let n = Se("Combobox.Input"), s = ce("Combobox.Input"), l = be(), r = gt(), { id: u = r || `headlessui-combobox-input-${l}`, onChange: d, displayValue: h, disabled: f = s.disabled || !1, autoFocus: m = !1, type: a = "text", ...c } = t, g = J(null), x = ye(g, i, xt(), n.actions.setInputElement), [y, w] = L(n, (p) => [p.comboboxState, p.isTyping]), C = St(), M = _(() => {
+    n.actions.onChange(null), n.state.optionsElement && (n.state.optionsElement.scrollTop = 0), n.actions.goToOption({ focus: D.Nothing });
+  }), T = se(() => {
+    var p;
+    return typeof h == "function" && s.value !== void 0 ? (p = h(s.value)) != null ? p : "" : typeof s.value == "string" ? s.value : "";
+  }, [s.value, h]);
+  We(([p, K], [F, N]) => {
+    if (n.state.isTyping) return;
+    let P = g.current;
+    P && ((N === v.Open && K === v.Closed || p !== F) && (P.value = p), requestAnimationFrame(() => {
+      if (n.state.isTyping || !P || Ke(P)) return;
+      let { selectionStart: V, selectionEnd: I } = P;
+      Math.abs((I ?? 0) - (V ?? 0)) === 0 && V === 0 && P.setSelectionRange(P.value.length, P.value.length);
+    }));
+  }, [T, y, w]), We(([p], [K]) => {
+    if (p === v.Open && K === v.Closed) {
+      if (n.state.isTyping) return;
+      let F = g.current;
+      if (!F) return;
+      let N = F.value, { selectionStart: P, selectionEnd: V, selectionDirection: I } = F;
+      F.value = "", F.value = N, I !== null ? F.setSelectionRange(P, V, I) : F.setSelectionRange(P, V);
+    }
+  }, [y]);
+  let b = J(!1), A = _(() => {
+    b.current = !0;
+  }), R = _(() => {
+    C.nextFrame(() => {
+      b.current = !1;
+    });
+  }), k = _((p) => {
+    switch (n.actions.setIsTyping(!0), p.key) {
+      case B.Enter:
+        if (n.state.comboboxState !== v.Open || b.current) return;
+        if (p.preventDefault(), p.stopPropagation(), n.selectors.activeOptionIndex(n.state) === null) {
+          n.actions.closeCombobox();
+          return;
+        }
+        n.actions.selectActiveOption(), s.mode === q.Single && n.actions.closeCombobox();
+        break;
+      case B.ArrowDown:
+        return p.preventDefault(), p.stopPropagation(), ue(n.state.comboboxState, { [v.Open]: () => n.actions.goToOption({ focus: D.Next }), [v.Closed]: () => n.actions.openCombobox() });
+      case B.ArrowUp:
+        return p.preventDefault(), p.stopPropagation(), ue(n.state.comboboxState, { [v.Open]: () => n.actions.goToOption({ focus: D.Previous }), [v.Closed]: () => {
+          oe(() => n.actions.openCombobox()), s.value || n.actions.goToOption({ focus: D.Last });
+        } });
+      case B.Home:
+        if (n.state.comboboxState === v.Closed || p.shiftKey) break;
+        return p.preventDefault(), p.stopPropagation(), n.actions.goToOption({ focus: D.First });
+      case B.PageUp:
+        return p.preventDefault(), p.stopPropagation(), n.actions.goToOption({ focus: D.First });
+      case B.End:
+        if (n.state.comboboxState === v.Closed || p.shiftKey) break;
+        return p.preventDefault(), p.stopPropagation(), n.actions.goToOption({ focus: D.Last });
+      case B.PageDown:
+        return p.preventDefault(), p.stopPropagation(), n.actions.goToOption({ focus: D.Last });
+      case B.Escape:
+        return n.state.comboboxState !== v.Open ? void 0 : (p.preventDefault(), n.state.optionsElement && !s.optionsPropsRef.current.static && p.stopPropagation(), s.mode === q.Single && s.value === null && M(), n.actions.closeCombobox());
+      case B.Tab:
+        if (n.actions.setIsTyping(!1), n.state.comboboxState !== v.Open) return;
+        s.mode === q.Single && n.state.activationTrigger !== Y.Focus && n.actions.selectActiveOption(), n.actions.closeCombobox();
+        break;
+    }
+  }), U = _((p) => {
+    d == null || d(p), s.mode === q.Single && p.target.value === "" && M(), n.actions.openCombobox();
+  }), H = _((p) => {
+    var K, F, N;
+    let P = (K = p.relatedTarget) != null ? K : ne.find((V) => V !== p.currentTarget);
+    if (!((F = n.state.optionsElement) != null && F.contains(P)) && !((N = n.state.buttonElement) != null && N.contains(P)) && n.state.comboboxState === v.Open) return p.preventDefault(), s.mode === q.Single && s.value === null && M(), n.actions.closeCombobox();
+  }), E = _((p) => {
+    var K, F, N;
+    let P = (K = p.relatedTarget) != null ? K : ne.find((V) => V !== p.currentTarget);
+    (F = n.state.buttonElement) != null && F.contains(P) || (N = n.state.optionsElement) != null && N.contains(P) || s.disabled || s.immediate && n.state.comboboxState !== v.Open && C.microTask(() => {
+      oe(() => n.actions.openCombobox()), n.actions.setActivationTrigger(Y.Focus);
+    });
+  }), S = Me(), $ = Ot(), { isFocused: O, focusProps: j } = Ge({ autoFocus: m }), { isHovered: de, hoverProps: Z } = Xe({ isDisabled: f }), ie = L(n, (p) => p.optionsElement), ee = ge({ open: y === v.Open, disabled: f, invalid: s.invalid, hover: de, focus: O, autofocus: m }), he = Te({ ref: x, id: u, role: "combobox", type: a, "aria-controls": ie == null ? void 0 : ie.id, "aria-expanded": y === v.Open, "aria-activedescendant": L(n, n.selectors.activeDescendantId), "aria-labelledby": S, "aria-describedby": $, "aria-autocomplete": "list", defaultValue: (o = (e = t.defaultValue) != null ? e : s.defaultValue !== void 0 ? h == null ? void 0 : h(s.defaultValue) : null) != null ? o : s.defaultValue, disabled: f || void 0, autoFocus: m, onCompositionStart: A, onCompositionEnd: R, onKeyDown: k, onChange: U, onFocus: E, onBlur: H }, j, Z);
+  return xe()({ ourProps: he, theirProps: c, slot: ee, defaultTag: Cn, name: "Combobox.Input" });
+}
+let wn = "button";
+function Mn(t, i) {
+  let e = Se("Combobox.Button"), o = ce("Combobox.Button"), [n, s] = ae(null), l = ye(i, s, e.actions.setButtonElement), r = be(), { id: u = `headlessui-combobox-button-${r}`, disabled: d = o.disabled || !1, autoFocus: h = !1, ...f } = t, [m, a, c] = L(e, (E) => [E.comboboxState, E.inputElement, E.optionsElement]), g = Je(a), x = m === v.Open;
+  qt(x, { trigger: n, action: X((E) => {
+    if (n != null && n.contains(E.target)) return pe.Ignore;
+    if (a != null && a.contains(E.target)) return pe.Ignore;
+    let S = E.target.closest('[role="option"]:not([data-disabled])');
+    return Gt(S) ? pe.Select(S) : c != null && c.contains(E.target) ? pe.Ignore : pe.Close;
+  }, [n, a, c]), close: e.actions.closeCombobox, select: e.actions.selectActiveOption });
+  let y = _((E) => {
+    switch (E.key) {
+      case B.Space:
+      case B.Enter:
+        E.preventDefault(), E.stopPropagation(), e.state.comboboxState === v.Closed && oe(() => e.actions.openCombobox()), g();
+        return;
+      case B.ArrowDown:
+        E.preventDefault(), E.stopPropagation(), e.state.comboboxState === v.Closed && (oe(() => e.actions.openCombobox()), e.state.dataRef.current.value || e.actions.goToOption({ focus: D.First })), g();
+        return;
+      case B.ArrowUp:
+        E.preventDefault(), E.stopPropagation(), e.state.comboboxState === v.Closed && (oe(() => e.actions.openCombobox()), e.state.dataRef.current.value || e.actions.goToOption({ focus: D.Last })), g();
+        return;
+      case B.Escape:
+        if (e.state.comboboxState !== v.Open) return;
+        E.preventDefault(), e.state.optionsElement && !o.optionsPropsRef.current.static && E.stopPropagation(), oe(() => e.actions.closeCombobox()), g();
+        return;
+      default:
+        return;
+    }
+  }), w = Xt(() => {
+    e.state.comboboxState === v.Open ? e.actions.closeCombobox() : e.actions.openCombobox(), g();
+  }), C = Me([u]), { isFocusVisible: M, focusProps: T } = Ge({ autoFocus: h }), { isHovered: b, hoverProps: A } = Xe({ isDisabled: d }), { pressed: R, pressProps: k } = Yt({ disabled: d }), U = ge({ open: m === v.Open, active: R || m === v.Open, disabled: d, invalid: o.invalid, value: o.value, hover: b, focus: M }), H = Te({ ref: l, id: u, type: Jt(t, n), tabIndex: -1, "aria-haspopup": "listbox", "aria-controls": c == null ? void 0 : c.id, "aria-expanded": m === v.Open, "aria-labelledby": C, disabled: d || void 0, autoFocus: h, onKeyDown: y }, w, T, A, k);
+  return xe()({ ourProps: H, theirProps: f, slot: U, defaultTag: wn, name: "Combobox.Button" });
+}
+let Tn = "div", Rn = ke.RenderStrategy | ke.Static;
+function $n(t, i) {
+  var e, o, n;
+  let s = be(), { id: l = `headlessui-combobox-options-${s}`, hold: r = !1, anchor: u, portal: d = !1, modal: h = !0, transition: f = !1, ...m } = t, a = Se("Combobox.Options"), c = ce("Combobox.Options"), g = Et(u);
+  g && (d = !0);
+  let [x, y] = yt(g), [w, C] = ae(null), M = Ct(), T = ye(i, g ? x : null, a.actions.setOptionsElement, C), [b, A, R, k, U] = L(a, (z) => [z.comboboxState, z.inputElement, z.buttonElement, z.optionsElement, z.activationTrigger]), H = Ae(A || R), E = Ae(k), S = It(), [$, O] = wt(f, w, S !== null ? (S & Ee.Open) === Ee.Open : b === v.Open);
+  Mt($, A, a.actions.closeCombobox);
+  let j = c.__demoMode ? !1 : h && b === v.Open;
+  Tt(j, E);
+  let de = c.__demoMode ? !1 : h && b === v.Open;
+  Rt(de, { allowed: X(() => [A, R, k], [A, R, k]) });
+  let Z = L(a, a.selectors.didInputMove) ? !1 : $;
+  Q(() => {
+    var z;
+    c.optionsPropsRef.current.static = (z = t.static) != null ? z : !1;
+  }, [c.optionsPropsRef, t.static]), Q(() => {
+    c.optionsPropsRef.current.hold = r;
+  }, [c.optionsPropsRef, r]), bn(b === v.Open, { container: k, accept(z) {
+    return z.getAttribute("role") === "option" ? NodeFilter.FILTER_REJECT : z.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
+  }, walk(z) {
+    z.setAttribute("role", "none");
+  } });
+  let ie = Me([R == null ? void 0 : R.id]), ee = ge({ open: b === v.Open, option: void 0 }), he = _(() => {
+    a.actions.setActivationTrigger(Y.Pointer);
+  }), p = _((z) => {
+    z.preventDefault(), a.actions.setActivationTrigger(Y.Pointer);
+  }), K = Te(g ? M() : {}, { "aria-labelledby": ie, role: "listbox", "aria-multiselectable": c.mode === q.Multi ? !0 : void 0, id: l, ref: T, style: { ...m.style, ...y, "--input-width": Fe($, A, !0).width, "--button-width": Fe($, R, !0).width }, onWheel: U === Y.Pointer ? void 0 : he, onMouseDown: p, ...$t(O) }), F = $ && b === v.Closed && !t.static, N = _e(F, (e = c.virtual) == null ? void 0 : e.options), P = _e(F, c.value), V = X((z) => c.compare(P, z), [c.compare, P]), I = se(() => {
+    if (!c.virtual) return c;
+    if (N === void 0) throw new Error("Missing `options` in virtual mode");
+    return N !== c.virtual.options ? { ...c, virtual: { ...c.virtual, options: N } } : c;
+  }, [c, N, (o = c.virtual) == null ? void 0 : o.options]);
+  c.virtual && Object.assign(m, { children: W.createElement(me.Provider, { value: I }, W.createElement(On, { slot: ee }, m.children)) });
+  let te = xe(), it = se(() => c.mode === q.Multi ? c : { ...c, isSelected: V }, [c, V]);
+  return W.createElement(Pt, { enabled: d ? t.static || $ : !1, ownerDocument: H }, W.createElement(me.Provider, { value: it }, te({ ourProps: K, theirProps: { ...m, children: W.createElement(At, { freeze: F }, typeof m.children == "function" ? (n = m.children) == null ? void 0 : n.call(m, ee) : m.children) }, slot: ee, defaultTag: Tn, features: Rn, visible: Z, name: "Combobox.Options" })));
+}
+let Pn = "div";
+function An(t, i) {
+  var e, o, n;
+  let s = ce("Combobox.Option"), l = Se("Combobox.Option"), r = be(), { id: u = `headlessui-combobox-option-${r}`, value: d, disabled: h = (n = (o = (e = s.virtual) == null ? void 0 : e.disabled) == null ? void 0 : o.call(e, d)) != null ? n : !1, order: f = null, ...m } = t, [a] = L(l, (O) => [O.inputElement]), c = Je(a), g = L(l, X((O) => l.selectors.isActive(O, d, u), [d, u])), x = s.isSelected(d), y = J(null), w = Ft({ disabled: h, value: d, domRef: y, order: f }), C = Ie(tt), M = ye(i, y, C ? C.measureElement : null), T = _(() => {
+    l.actions.setIsTyping(!1), l.actions.onChange(d);
+  });
+  Q(() => l.actions.registerOption(u, w), [w, u]);
+  let b = L(l, X((O) => l.selectors.shouldScrollIntoView(O, d, u), [d, u]));
+  Q(() => {
+    if (b) return _t().requestAnimationFrame(() => {
+      var O, j;
+      (j = (O = y.current) == null ? void 0 : O.scrollIntoView) == null || j.call(O, { block: "nearest" });
+    });
+  }, [b, y]);
+  let A = _((O) => {
+    O.preventDefault(), O.button === kt.Left && (h || (T(), zt() || requestAnimationFrame(() => c()), s.mode === q.Single && l.actions.closeCombobox()));
+  }), R = _(() => {
+    if (h) return l.actions.goToOption({ focus: D.Nothing });
+    let O = s.calculateIndex(d);
+    l.actions.goToOption({ focus: D.Specific, idx: O });
+  }), k = Dt(), U = _((O) => k.update(O)), H = _((O) => {
+    if (!k.wasMoved(O) || h || g && l.state.activationTrigger === Y.Pointer) return;
+    let j = s.calculateIndex(d);
+    l.actions.goToOption({ focus: D.Specific, idx: j }, Y.Pointer);
+  }), E = _((O) => {
+    k.wasMoved(O) && (h || g && (s.optionsPropsRef.current.hold || l.state.activationTrigger === Y.Pointer && l.actions.goToOption({ focus: D.Nothing })));
+  }), S = ge({ active: g, focus: g, selected: x, disabled: h }), $ = { id: u, ref: M, role: "option", tabIndex: h === !0 ? void 0 : -1, "aria-disabled": h === !0 ? !0 : void 0, "aria-selected": x, disabled: void 0, onMouseDown: A, onFocus: R, onPointerEnter: U, onMouseEnter: U, onPointerMove: H, onMouseMove: H, onPointerLeave: E, onMouseLeave: E };
+  return xe()({ ourProps: $, theirProps: m, slot: S, defaultTag: Pn, name: "Combobox.Option" });
+}
+let Fn = ve(yn), _n = ve(Mn), nt = ve(In), kn = vt, ot = ve($n), st = ve(An), zn = Object.assign(Fn, { Input: nt, Button: _n, Label: kn, Options: ot, Option: st });
+const Dn = {
+  "bottom start": "bottom-start",
+  "bottom end": "bottom-end",
+  "top start": "top-start",
+  "top end": "top-end"
+}, Ln = "text-neutral-content hover:text-base-content hover:bg-base-200 flex size-4 shrink-0 items-center justify-center rounded-md opacity-70 hover:opacity-100 transition-[color,background-color,opacity]";
+function Nn(t, i) {
+  var o;
+  if (!i) return !0;
+  const e = i.toLowerCase();
+  return !!(t.label.toLowerCase().includes(e) || t.id.toLowerCase().includes(e) || (o = t.keywords) != null && o.some((n) => n.toLowerCase().includes(e)));
+}
+function Vn(t) {
+  return /* @__PURE__ */ re(Be, { children: [
+    /* @__PURE__ */ G("span", { className: "min-w-0 flex-1 truncate", children: t.label }),
+    t.hint && /* @__PURE__ */ G("span", { className: "text-neutral-content shrink-0 text-[10px]", children: t.hint })
+  ] });
+}
+function Wn({
+  trigger: t,
+  triggerClassName: i = Ln,
+  triggerAriaLabel: e,
+  onTriggerClick: o,
+  items: n,
+  onSelect: s,
+  searchPlaceholder: l = "Type to search...",
+  emptyMessage: r = "Nothing to add",
+  noResultsMessage: u = (y) => `No matches for "${y}"`,
+  anchor: d = "bottom end",
+  panelWidthClass: h = "w-64",
+  filterFn: f = Nn,
+  renderItem: m = Vn,
+  multiSelect: a = !1,
+  onSelectMany: c,
+  applyLabel: g = (y) => `Add${y ? ` (${y})` : ""}`
+}, x) {
+  const [y, w] = ae(!1), [C, M] = ae(""), [T, b] = ae([]), A = J(null);
+  rt(
+    x,
+    () => ({
+      open: () => w(!0),
+      close: () => w(!1)
+    }),
+    []
+  );
+  const R = X(() => {
+    w(!1), M(""), b([]);
+  }, []), k = X((S) => {
+    b(($) => {
+      const O = $.findIndex((j) => j.id === S.id);
+      return O === -1 ? [...$, S] : [...$.slice(0, O), ...$.slice(O + 1)];
+    });
+  }, []), U = X(() => {
+    T.length && c && c(T), R();
+  }, [T, c, R]), H = X(() => {
+    o == null || o(), w((S) => !S);
+  }, [o]), E = se(
+    () => n.filter((S) => f(S, C)),
+    [n, C, f]
+  );
+  return /* @__PURE__ */ re(Be, { children: [
+    /* @__PURE__ */ G(
+      "button",
+      {
+        ref: A,
+        type: "button",
+        className: i,
+        "aria-label": e,
+        "aria-expanded": y,
+        onClick: H,
+        children: t
+      }
+    ),
+    /* @__PURE__ */ G(
+      tn,
+      {
+        open: y,
+        onOpenChange: w,
+        anchor: A,
+        placement: Dn[d],
+        ignoreOutsideClicks: [A],
+        className: `pagehub-sdk-root border-base-300 bg-base-100 ${h} overflow-hidden rounded-xl border p-1 shadow-xl`,
+        children: /* @__PURE__ */ re(
+          zn,
+          {
+            value: null,
+            onChange: (S) => {
+              if (S) {
+                if (a) {
+                  k(S);
+                  return;
+                }
+                s(S), R();
+              }
+            },
+            children: [
+              /* @__PURE__ */ re("div", { className: "border-base-300/60 mb-1 flex items-center gap-1.5 border-b px-2 py-1.5", children: [
+                /* @__PURE__ */ G(Qt, { className: "text-neutral-content size-3.5 shrink-0", "aria-hidden": !0 }),
+                /* @__PURE__ */ G(
+                  nt,
+                  {
+                    autoFocus: !0,
+                    value: C,
+                    onChange: (S) => M(S.target.value),
+                    placeholder: l,
+                    displayValue: () => C,
+                    className: "text-base-content placeholder:text-neutral-content min-w-0 flex-1 bg-transparent text-xs outline-none"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ G(ot, { static: !0, as: "div", className: "scrollbar max-h-60 overflow-y-auto", children: E.length === 0 ? /* @__PURE__ */ G("div", { className: "text-neutral-content px-3 py-4 text-center text-xs italic", children: n.length === 0 ? r : u(C) }) : E.map((S) => {
+                const $ = a && T.some((O) => O.id === S.id);
+                return /* @__PURE__ */ re(
+                  st,
+                  {
+                    value: S,
+                    "data-tooltip-id": S.help ? Zt : void 0,
+                    "data-tooltip-content": S.help,
+                    "data-tooltip-place": "right",
+                    className: ({ focus: O }) => `flex w-full cursor-pointer items-center justify-between gap-2 rounded-md px-3 py-1.5 text-left text-xs transition-colors ${O ? "bg-base-200 text-base-content" : "text-base-content"}`,
+                    children: [
+                      a && /* @__PURE__ */ G(
+                        "span",
+                        {
+                          "aria-hidden": !0,
+                          className: `flex size-3.5 shrink-0 items-center justify-center rounded-sm border transition-colors ${$ ? "bg-primary border-primary text-primary-content" : "border-base-300 bg-base-100"}`,
+                          children: $ && /* @__PURE__ */ G(en, { className: "size-2.5" })
+                        }
+                      ),
+                      m(S)
+                    ]
+                  },
+                  S.id
+                );
+              }) }),
+              a && /* @__PURE__ */ re("div", { className: "border-base-300/60 mt-1 flex items-center justify-between gap-2 border-t px-2 py-1.5", children: [
+                /* @__PURE__ */ G("span", { className: "text-neutral-content text-[10px]", children: T.length ? `${T.length} selected` : "Pick one or more" }),
+                /* @__PURE__ */ G(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: U,
+                    disabled: T.length === 0,
+                    className: "bg-primary text-primary-content rounded-md px-2.5 py-1 text-xs font-medium transition-opacity hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-40",
+                    children: g(T.length)
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+const Gn = lt(Wn);
+export {
+  Gn as S
+};