@new-black/lyra 1.0.1 → 1.0.3

package/dist/lyra611.js

@@ -1,141 +1,413 @@
-import { getChildNodes as p, getLastItem as v, getFirstItem as w } from "./lyra227.js";
-import { useMultipleSelectionState as b, SelectionManager as x } from "./lyra662.js";
-import { useMemo as g, useRef as M, useEffect as m } from "react";
-function S(u) {
-  let { collection: e, focusMode: i } = u, o = b(u), c = g(() => u.disabledKeys ? new Set(u.disabledKeys) : /* @__PURE__ */ new Set(), [
-    u.disabledKeys
-  ]), s = o.setFocusedKey;
-  o.setFocusedKey = (t, l) => {
-    if (i === "cell" && t != null) {
-      let y = e.getItem(t);
-      if ((y == null ? void 0 : y.type) === "item") {
-        var h, a;
-        let r = p(y, e);
-        l === "last" ? t = (h = v(r)) === null || h === void 0 ? void 0 : h.key : t = (a = w(r)) === null || a === void 0 ? void 0 : a.key;
-      }
-    }
-    s(t, l);
-  };
-  let n = g(() => new x(e, o), [
-    e,
-    o
-  ]);
-  const d = M(null);
-  return m(() => {
-    if (o.focusedKey != null && !e.getItem(o.focusedKey)) {
-      const t = d.current.getItem(o.focusedKey), l = t.parentKey != null && (t.type === "cell" || t.type === "rowheader" || t.type === "column") ? d.current.getItem(t.parentKey) : t, h = d.current.rows, a = e.rows, y = h.length - a.length;
-      let r = Math.min(y > 1 ? Math.max(l.index - y + 1, 0) : l.index, a.length - 1), f;
-      for (; r >= 0; ) {
-        if (!n.isDisabled(a[r].key) && a[r].type !== "headerrow") {
-          f = a[r];
-          break;
-        }
-        r < a.length - 1 ? r++ : (r > l.index && (r = l.index), r--);
-      }
-      if (f) {
-        const K = f.hasChildNodes ? [
-          ...p(f, e)
-        ] : [], k = f.hasChildNodes && l !== t && t.index < K.length ? K[t.index].key : f.key;
-        o.setFocusedKey(k);
-      } else
-        o.setFocusedKey(null);
-    }
-    d.current = e;
-  }, [
-    e,
-    n,
-    o,
-    o.focusedKey
-  ]), {
-    collection: e,
-    disabledKeys: c,
-    isKeyboardNavigationDisabled: !1,
-    selectionManager: n
-  };
+import { useVirtualizer as he } from "./lyra610.js";
+import V, { createContext as le, useReducer as ye, createRef as Pe, useRef as M, useCallback as $e, useMemo as N, useEffect as Ee, useContext as ue, useState as Fe, Fragment as Oe } from "react";
+import { useComputed as se } from "./lyra778.js";
+import { useControllable as Ae } from "./lyra779.js";
+import { useDisposables as ce } from "./lyra780.js";
+import { useEvent as f } from "./lyra781.js";
+import { useId as Y } from "./lyra782.js";
+import { useIsoMorphicEffect as B } from "./lyra783.js";
+import { useLatestValue as De } from "./lyra784.js";
+import { useOutsideClick as ke } from "./lyra785.js";
+import { useOwnerDocument as we } from "./lyra786.js";
+import { useResolveButtonType as Le } from "./lyra787.js";
+import { useSyncRefs as G } from "./lyra788.js";
+import { useTrackedPointer as _e } from "./lyra789.js";
+import { useTreeWalker as Me } from "./lyra790.js";
+import { useWatch as be } from "./lyra791.js";
+import { Hidden as Ve, Features as Ne } from "./lyra792.js";
+import { OpenClosedProvider as Be, State as te, useOpenClosed as Ke } from "./lyra793.js";
+import { history as fe } from "./lyra794.js";
+import { isDisabledReactIssue7711 as ze } from "./lyra795.js";
+import { Focus as T, calculateActiveIndex as me } from "./lyra796.js";
+import { disposables as xe } from "./lyra797.js";
+import { sortByDomNode as Ue } from "./lyra798.js";
+import { objectToFormEntries as je } from "./lyra799.js";
+import { match as J } from "./lyra800.js";
+import { isMobile as qe } from "./lyra801.js";
+import { Features as ge, forwardRefWithAs as W, compact as Je, render as H } from "./lyra802.js";
+import { Keys as L } from "./lyra803.js";
+var We = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(We || {}), He = ((e) => (e[e.Single = 0] = "Single", e[e.Multi = 1] = "Multi", e))(He || {}), Xe = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Focus = 1] = "Focus", e[e.Other = 2] = "Other", e))(Xe || {}), Ye = ((e) => (e[e.OpenCombobox = 0] = "OpenCombobox", e[e.CloseCombobox = 1] = "CloseCombobox", e[e.GoToOption = 2] = "GoToOption", e[e.RegisterOption = 3] = "RegisterOption", e[e.UnregisterOption = 4] = "UnregisterOption", e[e.RegisterLabel = 5] = "RegisterLabel", e[e.SetActivationTrigger = 6] = "SetActivationTrigger", e[e.UpdateVirtualOptions = 7] = "UpdateVirtualOptions", e))(Ye || {});
+function ae(e, r = (a) => a) {
+  let a = e.activeOptionIndex !== null ? e.options[e.activeOptionIndex] : null, n = r(e.options.slice()), s = n.length > 0 && n[0].dataRef.current.order !== null ? n.sort((l, b) => l.dataRef.current.order - b.dataRef.current.order) : Ue(n, (l) => l.dataRef.current.domRef.current), u = a ? s.indexOf(a) : null;
+  return u === -1 && (u = null), { options: s, activeOptionIndex: u };
 }
-class F {
-  *[Symbol.iterator]() {
-    yield* [
-      ...this.rows
-    ];
-  }
-  get size() {
-    return [
-      ...this.rows
-    ].length;
-  }
-  getKeys() {
-    return this.keyMap.keys();
+let Ge = { 1(e) {
+  var r;
+  return (r = e.dataRef.current) != null && r.disabled || e.comboboxState === 1 ? e : { ...e, activeOptionIndex: null, comboboxState: 1 };
+}, 0(e) {
+  var r, a;
+  if ((r = e.dataRef.current) != null && r.disabled || e.comboboxState === 0)
+    return e;
+  if ((a = e.dataRef.current) != null && a.value) {
+    let n = e.dataRef.current.calculateIndex(e.dataRef.current.value);
+    if (n !== -1)
+      return { ...e, activeOptionIndex: n, comboboxState: 0 };
   }
-  getKeyBefore(e) {
-    let i = this.keyMap.get(e);
-    return i ? i.prevKey : null;
+  return { ...e, comboboxState: 0 };
+}, 2(e, r) {
+  var a, n, s, u, l;
+  if ((a = e.dataRef.current) != null && a.disabled || (n = e.dataRef.current) != null && n.optionsRef.current && !((s = e.dataRef.current) != null && s.optionsPropsRef.current.static) && e.comboboxState === 1)
+    return e;
+  if (e.virtual) {
+    let v = r.focus === T.Specific ? r.idx : me(r, { resolveItems: () => e.virtual.options, resolveActiveIndex: () => {
+      var E, t;
+      return (t = (E = e.activeOptionIndex) != null ? E : e.virtual.options.findIndex((p) => !e.virtual.disabled(p))) != null ? t : null;
+    }, resolveDisabled: e.virtual.disabled, resolveId() {
+      throw new Error("Function not implemented.");
+    } }), O = (u = r.trigger) != null ? u : 2;
+    return e.activeOptionIndex === v && e.activationTrigger === O ? e : { ...e, activeOptionIndex: v, activationTrigger: O };
   }
-  getKeyAfter(e) {
-    let i = this.keyMap.get(e);
-    return i ? i.nextKey : null;
+  let b = ae(e);
+  if (b.activeOptionIndex === null) {
+    let v = b.options.findIndex((O) => !O.dataRef.current.disabled);
+    v !== -1 && (b.activeOptionIndex = v);
   }
-  getFirstKey() {
-    var e;
-    return (e = [
-      ...this.rows
-    ][0]) === null || e === void 0 ? void 0 : e.key;
+  let c = r.focus === T.Specific ? r.idx : me(r, { resolveItems: () => b.options, resolveActiveIndex: () => b.activeOptionIndex, resolveId: (v) => v.id, resolveDisabled: (v) => v.dataRef.current.disabled }), i = (l = r.trigger) != null ? l : 2;
+  return e.activeOptionIndex === c && e.activationTrigger === i ? e : { ...e, ...b, activeOptionIndex: c, activationTrigger: i };
+}, 3: (e, r) => {
+  var a, n, s;
+  if ((a = e.dataRef.current) != null && a.virtual)
+    return { ...e, options: [...e.options, r.payload] };
+  let u = r.payload, l = ae(e, (c) => (c.push(u), c));
+  e.activeOptionIndex === null && (n = e.dataRef.current) != null && n.isSelected(r.payload.dataRef.current.value) && (l.activeOptionIndex = l.options.indexOf(u));
+  let b = { ...e, ...l, activationTrigger: 2 };
+  return (s = e.dataRef.current) != null && s.__demoMode && e.dataRef.current.value === void 0 && (b.activeOptionIndex = 0), b;
+}, 4: (e, r) => {
+  var a;
+  if ((a = e.dataRef.current) != null && a.virtual)
+    return { ...e, options: e.options.filter((s) => s.id !== r.id) };
+  let n = ae(e, (s) => {
+    let u = s.findIndex((l) => l.id === r.id);
+    return u !== -1 && s.splice(u, 1), s;
+  });
+  return { ...e, ...n, activationTrigger: 2 };
+}, 5: (e, r) => e.labelId === r.id ? e : { ...e, labelId: r.id }, 6: (e, r) => e.activationTrigger === r.trigger ? e : { ...e, activationTrigger: r.trigger }, 7: (e, r) => {
+  var a;
+  if (((a = e.virtual) == null ? void 0 : a.options) === r.options)
+    return e;
+  let n = e.activeOptionIndex;
+  if (e.activeOptionIndex !== null) {
+    let s = r.options.indexOf(e.virtual.options[e.activeOptionIndex]);
+    s !== -1 ? n = s : n = null;
   }
-  getLastKey() {
-    var e;
-    let i = [
-      ...this.rows
-    ];
-    return (e = i[i.length - 1]) === null || e === void 0 ? void 0 : e.key;
+  return { ...e, activeOptionIndex: n, virtual: Object.assign({}, e.virtual, { options: r.options }) };
+} }, de = le(null);
+de.displayName = "ComboboxActionsContext";
+function Q(e) {
+  let r = ue(de);
+  if (r === null) {
+    let a = new Error(`<${e} /> is missing a parent <Combobox /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(a, Q), a;
   }
-  getItem(e) {
-    return this.keyMap.get(e);
-  }
-  at(e) {
-    const i = [
-      ...this.getKeys()
-    ];
-    return this.getItem(i[e]);
-  }
-  getChildren(e) {
-    let i = this.keyMap.get(e);
-    return (i == null ? void 0 : i.childNodes) || [];
-  }
-  constructor(e) {
-    this.keyMap = /* @__PURE__ */ new Map(), this.keyMap = /* @__PURE__ */ new Map(), this.columnCount = e == null ? void 0 : e.columnCount, this.rows = [];
-    let i = (s) => {
-      let n = this.keyMap.get(s.key);
-      e.visitNode && (s = e.visitNode(s)), this.keyMap.set(s.key, s);
-      let d = /* @__PURE__ */ new Set(), t;
-      for (let l of s.childNodes)
-        l.type === "cell" && l.parentKey == null && (l.parentKey = s.key), d.add(l.key), t ? (t.nextKey = l.key, l.prevKey = t.key) : l.prevKey = null, i(l), t = l;
-      if (t && (t.nextKey = null), n)
-        for (let l of n.childNodes)
-          d.has(l.key) || o(l);
-    }, o = (s) => {
-      this.keyMap.delete(s.key);
-      for (let n of s.childNodes)
-        this.keyMap.get(n.key) === n && o(n);
-    }, c;
-    e.items.forEach((s, n) => {
-      let d = {
-        level: 0,
-        key: "row-" + n,
-        type: "row",
-        value: void 0,
-        hasChildNodes: !0,
-        childNodes: [
-          ...s.childNodes
-        ],
-        rendered: void 0,
-        textValue: void 0,
-        ...s
-      };
-      c ? (c.nextKey = d.key, d.prevKey = c.key) : d.prevKey = null, this.rows.push(d), i(d), c = d;
-    }), c && (c.nextKey = null);
+  return r;
+}
+let Ie = le(null);
+function Qe(e) {
+  var r;
+  let a = z("VirtualProvider"), [n, s] = N(() => {
+    let c = a.optionsRef.current;
+    if (!c)
+      return [0, 0];
+    let i = window.getComputedStyle(c);
+    return [parseFloat(i.paddingBlockStart || i.paddingTop), parseFloat(i.paddingBlockEnd || i.paddingBottom)];
+  }, [a.optionsRef.current]), u = he({ scrollPaddingStart: n, scrollPaddingEnd: s, count: a.virtual.options.length, estimateSize() {
+    return 40;
+  }, getScrollElement() {
+    var c;
+    return (c = a.optionsRef.current) != null ? c : null;
+  }, overscan: 12 }), [l, b] = Fe(0);
+  return B(() => {
+    b((c) => c + 1);
+  }, [(r = a.virtual) == null ? void 0 : r.options]), V.createElement(Ie.Provider, { value: u }, V.createElement("div", { style: { position: "relative", width: "100%", height: `${u.getTotalSize()}px` }, ref: (c) => {
+    if (c) {
+      if (typeof process < "u" && process.env.JEST_WORKER_ID !== void 0 || a.activationTrigger === 0)
+        return;
+      a.activeOptionIndex !== null && a.virtual.options.length > a.activeOptionIndex && u.scrollToIndex(a.activeOptionIndex);
+    }
+  } }, u.getVirtualItems().map((c) => {
+    var i;
+    return V.createElement(Oe, { key: c.key }, V.cloneElement((i = e.children) == null ? void 0 : i.call(e, { option: a.virtual.options[c.index], open: a.comboboxState === 0 }), { key: `${l}-${c.key}`, "data-index": c.index, "aria-setsize": a.virtual.options.length, "aria-posinset": c.index + 1, style: { position: "absolute", top: 0, left: 0, transform: `translateY(${c.start}px)`, overflowAnchor: "none" } }));
+  })));
+}
+let pe = le(null);
+pe.displayName = "ComboboxDataContext";
+function z(e) {
+  let r = ue(pe);
+  if (r === null) {
+    let a = new Error(`<${e} /> is missing a parent <Combobox /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(a, z), a;
   }
+  return r;
+}
+function Ze(e, r) {
+  return J(r.type, Ge, e, r);
+}
+let et = Oe;
+function tt(e, r) {
+  let { value: a, defaultValue: n, onChange: s, form: u, name: l, by: b = null, disabled: c = !1, __demoMode: i = !1, nullable: v = !1, multiple: O = !1, immediate: E = !1, virtual: t = null, ...p } = e, C = !1, I = null, [m = O ? [] : void 0, P] = Ae(a, s, n), [y, F] = ye(Ze, { dataRef: Pe(), comboboxState: i ? 0 : 1, options: [], virtual: null, activeOptionIndex: null, activationTrigger: 2, labelId: null }), A = M(!1), U = M({ static: !1, hold: !1 }), j = M(null), q = M(null), X = M(null), R = M(null), g = f(typeof b == "string" ? (d, x) => {
+    let D = b;
+    return (d == null ? void 0 : d[D]) === (x == null ? void 0 : x[D]);
+  } : b ?? ((d, x) => d === x)), k = f((d) => y.options.findIndex((x) => g(x.dataRef.current.value, d))), oe = $e((d) => J(o.mode, { 1: () => m.some((x) => g(x, d)), 0: () => g(m, d) }), [m]), ne = f((d) => y.activeOptionIndex === k(d)), o = N(() => ({ ...y, immediate: C, optionsPropsRef: U, labelRef: j, inputRef: q, buttonRef: X, optionsRef: R, value: m, defaultValue: n, disabled: c, mode: O ? 1 : 0, virtual: y.virtual, get activeOptionIndex() {
+    if (A.current && y.activeOptionIndex === null && y.options.length > 0) {
+      let d = y.options.findIndex((x) => !x.dataRef.current.disabled);
+      if (d !== -1)
+        return d;
+    }
+    return y.activeOptionIndex;
+  }, calculateIndex: k, compare: g, isSelected: oe, isActive: ne, nullable: v, __demoMode: i }), [m, n, c, O, v, i, y, I]);
+  B(() => {
+  }, [I, void 0]), B(() => {
+    y.dataRef.current = o;
+  }, [o]), ke([o.buttonRef, o.inputRef, o.optionsRef], () => ie.closeCombobox(), o.comboboxState === 0);
+  let $ = N(() => {
+    var d, x, D;
+    return { open: o.comboboxState === 0, disabled: c, activeIndex: o.activeOptionIndex, activeOption: o.activeOptionIndex === null ? null : o.virtual ? o.virtual.options[(d = o.activeOptionIndex) != null ? d : 0] : (D = (x = o.options[o.activeOptionIndex]) == null ? void 0 : x.dataRef.current.value) != null ? D : null, value: m };
+  }, [o, c, m]), h = f(() => {
+    if (o.activeOptionIndex !== null) {
+      if (o.virtual)
+        re(o.virtual.options[o.activeOptionIndex]);
+      else {
+        let { dataRef: d } = o.options[o.activeOptionIndex];
+        re(d.current.value);
+      }
+      ie.goToOption(T.Specific, o.activeOptionIndex);
+    }
+  }), _ = f(() => {
+    F({ type: 0 }), A.current = !0;
+  }), S = f(() => {
+    F({ type: 1 }), A.current = !1;
+  }), w = f((d, x, D) => (A.current = !1, d === T.Specific ? F({ type: 2, focus: T.Specific, idx: x, trigger: D }) : F({ type: 2, focus: d, trigger: D }))), K = f((d, x) => (F({ type: 3, payload: { id: d, dataRef: x } }), () => {
+    o.isActive(x.current.value) && (A.current = !0), F({ type: 4, id: d });
+  })), Re = f((d) => (F({ type: 5, id: d }), () => F({ type: 5, id: null }))), re = f((d) => J(o.mode, { 0() {
+    return P == null ? void 0 : P(d);
+  }, 1() {
+    let x = o.value.slice(), D = x.findIndex((ee) => g(ee, d));
+    return D === -1 ? x.push(d) : x.splice(D, 1), P == null ? void 0 : P(x);
+  } })), Se = f((d) => {
+    F({ type: 6, trigger: d });
+  }), ie = N(() => ({ onChange: re, registerOption: K, registerLabel: Re, goToOption: w, closeCombobox: S, openCombobox: _, setActivationTrigger: Se, selectActiveOption: h }), []), Ce = r === null ? {} : { ref: r }, Z = M(null), Te = ce();
+  return Ee(() => {
+    Z.current && n !== void 0 && Te.addEventListener(Z.current, "reset", () => {
+      P == null || P(n);
+    });
+  }, [Z, P]), V.createElement(de.Provider, { value: ie }, V.createElement(pe.Provider, { value: o }, V.createElement(Be, { value: J(o.comboboxState, { 0: te.Open, 1: te.Closed }) }, l != null && m != null && je({ [l]: m }).map(([d, x], D) => V.createElement(Ve, { features: Ne.Hidden, ref: D === 0 ? (ee) => {
+    var ve;
+    Z.current = (ve = ee == null ? void 0 : ee.closest("form")) != null ? ve : null;
+  } : void 0, ...Je({ key: d, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: u, name: d, value: x }) })), H({ ourProps: Ce, theirProps: p, slot: $, defaultTag: et, name: "Combobox" }))));
+}
+let ot = "input";
+function nt(e, r) {
+  var a, n, s, u, l;
+  let b = Y(), { id: c = `headlessui-combobox-input-${b}`, onChange: i, displayValue: v, type: O = "text", ...E } = e, t = z("Combobox.Input"), p = Q("Combobox.Input"), C = G(t.inputRef, r), I = we(t.inputRef), m = M(!1), P = ce(), y = f(() => {
+    p.onChange(null), t.optionsRef.current && (t.optionsRef.current.scrollTop = 0), p.goToOption(T.Nothing);
+  }), F = function() {
+    var o;
+    return typeof v == "function" && t.value !== void 0 ? (o = v(t.value)) != null ? o : "" : typeof t.value == "string" ? t.value : "";
+  }();
+  be(([o, $], [h, _]) => {
+    if (m.current)
+      return;
+    let S = t.inputRef.current;
+    S && ((_ === 0 && $ === 1 || o !== h) && (S.value = o), requestAnimationFrame(() => {
+      if (m.current || !S || (I == null ? void 0 : I.activeElement) !== S)
+        return;
+      let { selectionStart: w, selectionEnd: K } = S;
+      Math.abs((K ?? 0) - (w ?? 0)) === 0 && w === 0 && S.setSelectionRange(S.value.length, S.value.length);
+    }));
+  }, [F, t.comboboxState, I]), be(([o], [$]) => {
+    if (o === 0 && $ === 1) {
+      if (m.current)
+        return;
+      let h = t.inputRef.current;
+      if (!h)
+        return;
+      let _ = h.value, { selectionStart: S, selectionEnd: w, selectionDirection: K } = h;
+      h.value = "", h.value = _, K !== null ? h.setSelectionRange(S, w, K) : h.setSelectionRange(S, w);
+    }
+  }, [t.comboboxState]);
+  let A = M(!1), U = f(() => {
+    A.current = !0;
+  }), j = f(() => {
+    P.nextFrame(() => {
+      A.current = !1;
+    });
+  }), q = f((o) => {
+    switch (m.current = !0, o.key) {
+      case L.Enter:
+        if (m.current = !1, t.comboboxState !== 0 || A.current)
+          return;
+        if (o.preventDefault(), o.stopPropagation(), t.activeOptionIndex === null) {
+          p.closeCombobox();
+          return;
+        }
+        p.selectActiveOption(), t.mode === 0 && p.closeCombobox();
+        break;
+      case L.ArrowDown:
+        return m.current = !1, o.preventDefault(), o.stopPropagation(), J(t.comboboxState, { 0: () => p.goToOption(T.Next), 1: () => p.openCombobox() });
+      case L.ArrowUp:
+        return m.current = !1, o.preventDefault(), o.stopPropagation(), J(t.comboboxState, { 0: () => p.goToOption(T.Previous), 1: () => {
+          p.openCombobox(), P.nextFrame(() => {
+            t.value || p.goToOption(T.Last);
+          });
+        } });
+      case L.Home:
+        if (o.shiftKey)
+          break;
+        return m.current = !1, o.preventDefault(), o.stopPropagation(), p.goToOption(T.First);
+      case L.PageUp:
+        return m.current = !1, o.preventDefault(), o.stopPropagation(), p.goToOption(T.First);
+      case L.End:
+        if (o.shiftKey)
+          break;
+        return m.current = !1, o.preventDefault(), o.stopPropagation(), p.goToOption(T.Last);
+      case L.PageDown:
+        return m.current = !1, o.preventDefault(), o.stopPropagation(), p.goToOption(T.Last);
+      case L.Escape:
+        return m.current = !1, t.comboboxState !== 0 ? void 0 : (o.preventDefault(), t.optionsRef.current && !t.optionsPropsRef.current.static && o.stopPropagation(), t.nullable && t.mode === 0 && t.value === null && y(), p.closeCombobox());
+      case L.Tab:
+        if (m.current = !1, t.comboboxState !== 0)
+          return;
+        t.mode === 0 && t.activationTrigger !== 1 && p.selectActiveOption(), p.closeCombobox();
+        break;
+    }
+  }), X = f((o) => {
+    i == null || i(o), t.nullable && t.mode === 0 && o.target.value === "" && y(), p.openCombobox();
+  }), R = f((o) => {
+    var $, h, _;
+    let S = ($ = o.relatedTarget) != null ? $ : fe.find((w) => w !== o.currentTarget);
+    if (m.current = !1, !((h = t.optionsRef.current) != null && h.contains(S)) && !((_ = t.buttonRef.current) != null && _.contains(S)) && t.comboboxState === 0)
+      return o.preventDefault(), t.mode === 0 && (t.nullable && t.value === null ? y() : t.activationTrigger !== 1 && p.selectActiveOption()), p.closeCombobox();
+  }), g = f((o) => {
+    var $, h, _;
+    let S = ($ = o.relatedTarget) != null ? $ : fe.find((w) => w !== o.currentTarget);
+    (h = t.buttonRef.current) != null && h.contains(S) || (_ = t.optionsRef.current) != null && _.contains(S) || t.disabled || t.immediate && t.comboboxState !== 0 && (p.openCombobox(), P.nextFrame(() => {
+      p.setActivationTrigger(1);
+    }));
+  }), k = se(() => {
+    if (t.labelId)
+      return [t.labelId].join(" ");
+  }, [t.labelId]), oe = N(() => ({ open: t.comboboxState === 0, disabled: t.disabled }), [t]), ne = { ref: C, id: c, role: "combobox", type: O, "aria-controls": (a = t.optionsRef.current) == null ? void 0 : a.id, "aria-expanded": t.comboboxState === 0, "aria-activedescendant": t.activeOptionIndex === null ? void 0 : t.virtual ? (n = t.options.find((o) => {
+    var $;
+    return !(($ = t.virtual) != null && $.disabled(o.dataRef.current.value)) && t.compare(o.dataRef.current.value, t.virtual.options[t.activeOptionIndex]);
+  })) == null ? void 0 : n.id : (s = t.options[t.activeOptionIndex]) == null ? void 0 : s.id, "aria-labelledby": k, "aria-autocomplete": "list", defaultValue: (l = (u = e.defaultValue) != null ? u : t.defaultValue !== void 0 ? v == null ? void 0 : v(t.defaultValue) : null) != null ? l : t.defaultValue, disabled: t.disabled, onCompositionStart: U, onCompositionEnd: j, onKeyDown: q, onChange: X, onFocus: g, onBlur: R };
+  return H({ ourProps: ne, theirProps: E, slot: oe, defaultTag: ot, name: "Combobox.Input" });
+}
+let rt = "button";
+function it(e, r) {
+  var a;
+  let n = z("Combobox.Button"), s = Q("Combobox.Button"), u = G(n.buttonRef, r), l = Y(), { id: b = `headlessui-combobox-button-${l}`, ...c } = e, i = ce(), v = f((C) => {
+    switch (C.key) {
+      case L.ArrowDown:
+        return C.preventDefault(), C.stopPropagation(), n.comboboxState === 1 && s.openCombobox(), i.nextFrame(() => {
+          var I;
+          return (I = n.inputRef.current) == null ? void 0 : I.focus({ preventScroll: !0 });
+        });
+      case L.ArrowUp:
+        return C.preventDefault(), C.stopPropagation(), n.comboboxState === 1 && (s.openCombobox(), i.nextFrame(() => {
+          n.value || s.goToOption(T.Last);
+        })), i.nextFrame(() => {
+          var I;
+          return (I = n.inputRef.current) == null ? void 0 : I.focus({ preventScroll: !0 });
+        });
+      case L.Escape:
+        return n.comboboxState !== 0 ? void 0 : (C.preventDefault(), n.optionsRef.current && !n.optionsPropsRef.current.static && C.stopPropagation(), s.closeCombobox(), i.nextFrame(() => {
+          var I;
+          return (I = n.inputRef.current) == null ? void 0 : I.focus({ preventScroll: !0 });
+        }));
+      default:
+        return;
+    }
+  }), O = f((C) => {
+    if (ze(C.currentTarget))
+      return C.preventDefault();
+    n.comboboxState === 0 ? s.closeCombobox() : (C.preventDefault(), s.openCombobox()), i.nextFrame(() => {
+      var I;
+      return (I = n.inputRef.current) == null ? void 0 : I.focus({ preventScroll: !0 });
+    });
+  }), E = se(() => {
+    if (n.labelId)
+      return [n.labelId, b].join(" ");
+  }, [n.labelId, b]), t = N(() => ({ open: n.comboboxState === 0, disabled: n.disabled, value: n.value }), [n]), p = { ref: u, id: b, type: Le(e, n.buttonRef), tabIndex: -1, "aria-haspopup": "listbox", "aria-controls": (a = n.optionsRef.current) == null ? void 0 : a.id, "aria-expanded": n.comboboxState === 0, "aria-labelledby": E, disabled: n.disabled, onClick: O, onKeyDown: v };
+  return H({ ourProps: p, theirProps: c, slot: t, defaultTag: rt, name: "Combobox.Button" });
+}
+let at = "label";
+function lt(e, r) {
+  let a = Y(), { id: n = `headlessui-combobox-label-${a}`, ...s } = e, u = z("Combobox.Label"), l = Q("Combobox.Label"), b = G(u.labelRef, r);
+  B(() => l.registerLabel(n), [n]);
+  let c = f(() => {
+    var v;
+    return (v = u.inputRef.current) == null ? void 0 : v.focus({ preventScroll: !0 });
+  }), i = N(() => ({ open: u.comboboxState === 0, disabled: u.disabled }), [u]);
+  return H({ ourProps: { ref: b, id: n, onClick: c }, theirProps: s, slot: i, defaultTag: at, name: "Combobox.Label" });
+}
+let ut = "ul", st = ge.RenderStrategy | ge.Static;
+function ct(e, r) {
+  let a = Y(), { id: n = `headlessui-combobox-options-${a}`, hold: s = !1, ...u } = e, l = z("Combobox.Options"), b = G(l.optionsRef, r), c = Ke(), i = c !== null ? (c & te.Open) === te.Open : l.comboboxState === 0;
+  B(() => {
+    var t;
+    l.optionsPropsRef.current.static = (t = e.static) != null ? t : !1;
+  }, [l.optionsPropsRef, e.static]), B(() => {
+    l.optionsPropsRef.current.hold = s;
+  }, [l.optionsPropsRef, s]), Me({ container: l.optionsRef.current, enabled: l.comboboxState === 0, accept(t) {
+    return t.getAttribute("role") === "option" ? NodeFilter.FILTER_REJECT : t.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
+  }, walk(t) {
+    t.setAttribute("role", "none");
+  } });
+  let v = se(() => {
+    var t, p;
+    return (p = l.labelId) != null ? p : (t = l.buttonRef.current) == null ? void 0 : t.id;
+  }, [l.labelId, l.buttonRef.current]), O = N(() => ({ open: l.comboboxState === 0, option: void 0 }), [l]), E = { "aria-labelledby": v, role: "listbox", "aria-multiselectable": l.mode === 1 ? !0 : void 0, id: n, ref: b };
+  return l.virtual && l.comboboxState === 0 && Object.assign(u, { children: V.createElement(Qe, null, u.children) }), H({ ourProps: E, theirProps: u, slot: O, defaultTag: ut, features: st, visible: i, name: "Combobox.Options" });
+}
+let dt = "li";
+function pt(e, r) {
+  var a;
+  let n = Y(), { id: s = `headlessui-combobox-option-${n}`, disabled: u = !1, value: l, order: b = null, ...c } = e, i = z("Combobox.Option"), v = Q("Combobox.Option"), O = i.virtual ? i.activeOptionIndex === i.calculateIndex(l) : i.activeOptionIndex === null ? !1 : ((a = i.options[i.activeOptionIndex]) == null ? void 0 : a.id) === s, E = i.isSelected(l), t = M(null), p = De({ disabled: u, value: l, domRef: t, order: b }), C = ue(Ie), I = G(r, t, C ? C.measureElement : null), m = f(() => v.onChange(l));
+  B(() => v.registerOption(s, p), [p, s]);
+  let P = M(!(i.virtual || i.__demoMode));
+  B(() => {
+    if (!i.virtual || !i.__demoMode)
+      return;
+    let R = xe();
+    return R.requestAnimationFrame(() => {
+      P.current = !0;
+    }), R.dispose;
+  }, [i.virtual, i.__demoMode]), B(() => {
+    if (!P.current || i.comboboxState !== 0 || !O || i.activationTrigger === 0)
+      return;
+    let R = xe();
+    return R.requestAnimationFrame(() => {
+      var g, k;
+      (k = (g = t.current) == null ? void 0 : g.scrollIntoView) == null || k.call(g, { block: "nearest" });
+    }), R.dispose;
+  }, [t, O, i.comboboxState, i.activationTrigger, i.activeOptionIndex]);
+  let y = f((R) => {
+    var g;
+    if (u || (g = i.virtual) != null && g.disabled(l))
+      return R.preventDefault();
+    m(), qe() || requestAnimationFrame(() => {
+      var k;
+      return (k = i.inputRef.current) == null ? void 0 : k.focus({ preventScroll: !0 });
+    }), i.mode === 0 && requestAnimationFrame(() => v.closeCombobox());
+  }), F = f(() => {
+    var R;
+    if (u || (R = i.virtual) != null && R.disabled(l))
+      return v.goToOption(T.Nothing);
+    let g = i.calculateIndex(l);
+    v.goToOption(T.Specific, g);
+  }), A = _e(), U = f((R) => A.update(R)), j = f((R) => {
+    var g;
+    if (!A.wasMoved(R) || u || (g = i.virtual) != null && g.disabled(l) || O)
+      return;
+    let k = i.calculateIndex(l);
+    v.goToOption(T.Specific, k, 0);
+  }), q = f((R) => {
+    var g;
+    A.wasMoved(R) && (u || (g = i.virtual) != null && g.disabled(l) || O && (i.optionsPropsRef.current.hold || v.goToOption(T.Nothing)));
+  }), X = N(() => ({ active: O, selected: E, disabled: u }), [O, E, u]);
+  return H({ ourProps: { id: s, ref: I, role: "option", tabIndex: u === !0 ? void 0 : -1, "aria-disabled": u === !0 ? !0 : void 0, "aria-selected": E, disabled: void 0, onClick: y, onFocus: F, onPointerEnter: U, onMouseEnter: U, onPointerMove: j, onMouseMove: j, onPointerLeave: q, onMouseLeave: q }, theirProps: c, slot: X, defaultTag: dt, name: "Combobox.Option" });
 }
+let vt = W(tt), bt = W(it), ft = W(nt), mt = W(lt), xt = W(ct), gt = W(pt), Wt = Object.assign(vt, { Input: ft, Button: bt, Label: mt, Options: xt, Option: gt });
 export {
-  F as GridCollection,
-  S as useGridState
+  Wt as Combobox
 };