@new-black/lyra 1.0.3 → 1.0.5

package/dist/lyra611.js

@@ -1,413 +1,235 @@
-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 };
+import { useMemo as l, useLayoutEffect as R, useEffect as g, useRef as o, useCallback as i } from "react";
+function Y() {
+  for (var n = arguments.length, t = new Array(n), e = 0; e < n; e++)
+    t[e] = arguments[e];
+  return l(
+    () => (u) => {
+      t.forEach((r) => r(u));
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    t
+  );
 }
-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 };
-  }
-  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 };
-  }
-  let b = ae(e);
-  if (b.activeOptionIndex === null) {
-    let v = b.options.findIndex((O) => !O.dataRef.current.disabled);
-    v !== -1 && (b.activeOptionIndex = v);
-  }
-  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;
-  }
-  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;
-  }
-  return r;
+const D = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
+function a(n) {
+  const t = Object.prototype.toString.call(n);
+  return t === "[object Window]" || // In Electron context the Window object serializes to [object global]
+  t === "[object global]";
 }
-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" } }));
-  })));
+function b(n) {
+  return "nodeType" in n;
 }
-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 c(n) {
+  var t, e;
+  return n ? a(n) ? n : b(n) && (t = (e = n.ownerDocument) == null ? void 0 : e.defaultView) != null ? t : window : window;
 }
-function Ze(e, r) {
-  return J(r.type, Ge, e, r);
+function j(n) {
+  const {
+    Document: t
+  } = c(n);
+  return n instanceof t;
 }
-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);
+function C(n) {
+  return a(n) ? !1 : n instanceof c(n).HTMLElement;
+}
+function L(n) {
+  return n instanceof c(n).SVGElement;
+}
+function x(n) {
+  return n ? a(n) ? n.document : b(n) ? j(n) ? n : C(n) || L(n) ? n.ownerDocument : document : document : document;
+}
+const E = D ? R : g;
+function M(n) {
+  const t = o(n);
+  return E(() => {
+    t.current = n;
+  }), i(function() {
+    for (var e = arguments.length, u = new Array(e), r = 0; r < e; r++)
+      u[r] = arguments[r];
+    return t.current == null ? void 0 : t.current(...u);
+  }, []);
+}
+function A() {
+  const n = o(null), t = i((u, r) => {
+    n.current = setInterval(u, r);
+  }, []), e = i(() => {
+    n.current !== null && (clearInterval(n.current), n.current = null);
+  }, []);
+  return [t, e];
+}
+function I(n, t) {
+  t === void 0 && (t = [n]);
+  const e = o(n);
+  return E(() => {
+    e.current !== n && (e.current = n);
+  }, t), e;
+}
+function v(n, t) {
+  const e = o();
+  return l(
+    () => {
+      const u = n(e.current);
+      return e.current = u, u;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [...t]
+  );
+}
+function N(n) {
+  const t = M(n), e = o(null), u = i(
+    (r) => {
+      r !== e.current && (t == null || t(r, e.current)), e.current = r;
+    },
+    //eslint-disable-next-line
+    []
+  );
+  return [e, u];
+}
+function F(n) {
+  const t = o();
+  return g(() => {
+    t.current = n;
+  }, [n]), t.current;
+}
+let f = {};
+function H(n, t) {
+  return l(() => {
+    if (t)
+      return t;
+    const e = f[n] == null ? 0 : f[n] + 1;
+    return f[n] = e, n + "-" + e;
+  }, [n, t]);
+}
+function S(n) {
+  return function(t) {
+    for (var e = arguments.length, u = new Array(e > 1 ? e - 1 : 0), r = 1; r < e; r++)
+      u[r - 1] = arguments[r];
+    return u.reduce((s, T) => {
+      const y = Object.entries(T);
+      for (const [d, p] of y) {
+        const m = s[d];
+        m != null && (s[d] = m + n * p);
       }
-      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);
+      return s;
+    }, {
+      ...t
     });
-  }, [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)
+const W = /* @__PURE__ */ S(1), q = /* @__PURE__ */ S(-1);
+function O(n) {
+  return "clientX" in n && "clientY" in n;
+}
+function z(n) {
+  if (!n)
+    return !1;
+  const {
+    KeyboardEvent: t
+  } = c(n.target);
+  return t && n instanceof t;
+}
+function V(n) {
+  if (!n)
+    return !1;
+  const {
+    TouchEvent: t
+  } = c(n.target);
+  return t && n instanceof t;
+}
+function G(n) {
+  if (V(n)) {
+    if (n.touches && n.touches.length) {
+      const {
+        clientX: t,
+        clientY: e
+      } = n.touches[0];
+      return {
+        x: t,
+        y: e
+      };
+    } else if (n.changedTouches && n.changedTouches.length) {
+      const {
+        clientX: t,
+        clientY: e
+      } = n.changedTouches[0];
+      return {
+        x: t,
+        y: e
+      };
+    }
+  }
+  return O(n) ? {
+    x: n.clientX,
+    y: n.clientY
+  } : null;
+}
+const w = /* @__PURE__ */ Object.freeze({
+  Translate: {
+    toString(n) {
+      if (!n)
         return;
-      let h = t.inputRef.current;
-      if (!h)
+      const {
+        x: t,
+        y: e
+      } = n;
+      return "translate3d(" + (t ? Math.round(t) : 0) + "px, " + (e ? Math.round(e) : 0) + "px, 0)";
+    }
+  },
+  Scale: {
+    toString(n) {
+      if (!n)
         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);
+      const {
+        scaleX: t,
+        scaleY: e
+      } = n;
+      return "scaleX(" + t + ") scaleY(" + e + ")";
     }
-  }, [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;
+  },
+  Transform: {
+    toString(n) {
+      if (n)
+        return [w.Translate.toString(n), w.Scale.toString(n)].join(" ");
     }
-  }), 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;
+  },
+  Transition: {
+    toString(n) {
+      let {
+        property: t,
+        duration: e,
+        easing: u
+      } = n;
+      return t + " " + e + "ms " + u;
     }
-  }), 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" });
+  }
+}), h = "a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";
+function K(n) {
+  return n.matches(h) ? n : n.querySelector(h);
 }
-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
+  w as CSS,
+  W as add,
+  D as canUseDOM,
+  K as findFirstFocusableNode,
+  G as getEventCoordinates,
+  x as getOwnerDocument,
+  c as getWindow,
+  O as hasViewportRelativeCoordinates,
+  j as isDocument,
+  C as isHTMLElement,
+  z as isKeyboardEvent,
+  b as isNode,
+  L as isSVGElement,
+  V as isTouchEvent,
+  a as isWindow,
+  q as subtract,
+  Y as useCombinedRefs,
+  M as useEvent,
+  A as useInterval,
+  E as useIsomorphicLayoutEffect,
+  I as useLatestValue,
+  v as useLazyMemo,
+  N as useNodeRef,
+  F as usePrevious,
+  H as useUniqueId
 };