@new-black/lyra 1.0.1 → 1.0.2

package/dist/lyra620.js

@@ -1,413 +1,141 @@
-import { useVirtualizer as he } from "./lyra815.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 "./lyra816.js";
-import { useControllable as Ae } from "./lyra817.js";
-import { useDisposables as ce } from "./lyra818.js";
-import { useEvent as f } from "./lyra819.js";
-import { useId as Y } from "./lyra820.js";
-import { useIsoMorphicEffect as B } from "./lyra821.js";
-import { useLatestValue as De } from "./lyra822.js";
-import { useOutsideClick as ke } from "./lyra823.js";
-import { useOwnerDocument as we } from "./lyra824.js";
-import { useResolveButtonType as Le } from "./lyra825.js";
-import { useSyncRefs as G } from "./lyra826.js";
-import { useTrackedPointer as _e } from "./lyra827.js";
-import { useTreeWalker as Me } from "./lyra828.js";
-import { useWatch as be } from "./lyra829.js";
-import { Hidden as Ve, Features as Ne } from "./lyra830.js";
-import { OpenClosedProvider as Be, State as te, useOpenClosed as Ke } from "./lyra831.js";
-import { history as fe } from "./lyra832.js";
-import { isDisabledReactIssue7711 as ze } from "./lyra833.js";
-import { Focus as T, calculateActiveIndex as me } from "./lyra834.js";
-import { disposables as xe } from "./lyra835.js";
-import { sortByDomNode as Ue } from "./lyra836.js";
-import { objectToFormEntries as je } from "./lyra837.js";
-import { match as J } from "./lyra838.js";
-import { isMobile as qe } from "./lyra839.js";
-import { Features as ge, forwardRefWithAs as W, compact as Je, render as H } from "./lyra840.js";
-import { Keys as L } from "./lyra841.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 };
+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
+  };
 }
-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 };
+class F {
+  *[Symbol.iterator]() {
+    yield* [
+      ...this.rows
+    ];
   }
-  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 };
+  get size() {
+    return [
+      ...this.rows
+    ].length;
   }
-  let b = ae(e);
-  if (b.activeOptionIndex === null) {
-    let v = b.options.findIndex((O) => !O.dataRef.current.disabled);
-    v !== -1 && (b.activeOptionIndex = v);
+  getKeys() {
+    return this.keyMap.keys();
   }
-  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;
+  getKeyBefore(e) {
+    let i = this.keyMap.get(e);
+    return i ? i.prevKey : null;
   }
-  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;
+  getKeyAfter(e) {
+    let i = this.keyMap.get(e);
+    return i ? i.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;
+  getFirstKey() {
+    var e;
+    return (e = [
+      ...this.rows
+    ][0]) === null || e === void 0 ? void 0 : e.key;
+  }
+  getLastKey() {
+    var e;
+    let i = [
+      ...this.rows
+    ];
+    return (e = i[i.length - 1]) === null || e === void 0 ? void 0 : e.key;
+  }
+  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;
-}
-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 {
-  Wt as Combobox
+  F as GridCollection,
+  S as useGridState
 };