@new-black/lyra 0.0.26 → 0.0.28

package/dist/lyra62.js

@@ -1,817 +1,447 @@
-import E, { useEffect as X, useState as Z, useMemo as ae, useCallback as j, useRef as et, useContext as ie } from "react";
-import { useId as tt, useLabels as rt, useLayoutEffect as A, mergeProps as ot, useResizeObserver as nt, isIOS as lt, chain as Y, getScrollParent as se } from "./lyra46.js";
-import { FocusScope as at, isElementInChildOfActiveScope as it } from "./lyra47.js";
-import { useInteractOutside as st, useFocusWithin as ct } from "./lyra48.js";
-import ce from "react-dom";
-import { useIsSSR as de } from "./lyra44.js";
-import { VisuallyHidden as dt } from "./lyra65.js";
-import { clamp as V } from "./lyra66.js";
-import { useLocalizedStringFormatter as ft, useLocale as pt } from "./lyra38.js";
-function ut(e) {
-  return e && e.__esModule ? e.default : e;
-}
-const G = {
-  top: "top",
-  bottom: "top",
-  left: "left",
-  right: "left"
-}, k = {
-  top: "bottom",
-  bottom: "top",
-  left: "right",
-  right: "left"
-}, $t = {
-  top: "left",
-  left: "top"
-}, U = {
-  top: "height",
-  left: "width"
-}, mt = {
-  width: "totalWidth",
-  height: "totalHeight"
-}, N = {};
-let O = typeof window < "u" && window.visualViewport;
-function vt(e) {
-  let t = 0, r = 0, o = 0, n = 0, a = 0, s = 0, l = {};
-  if (e.tagName === "BODY") {
-    let d = document.documentElement;
-    o = d.clientWidth, n = d.clientHeight;
-    var i;
-    t = (i = O == null ? void 0 : O.width) !== null && i !== void 0 ? i : o;
-    var p;
-    r = (p = O == null ? void 0 : O.height) !== null && p !== void 0 ? p : n, l.top = d.scrollTop || e.scrollTop, l.left = d.scrollLeft || e.scrollLeft;
-  } else
-    ({ width: t, height: r, top: a, left: s } = R(e)), l.top = e.scrollTop, l.left = e.scrollLeft, o = t, n = r;
-  return {
-    width: t,
-    height: r,
-    totalWidth: o,
-    totalHeight: n,
-    scroll: l,
-    top: a,
-    left: s
-  };
-}
-function bt(e) {
-  return {
-    top: e.scrollTop,
-    left: e.scrollLeft,
-    width: e.scrollWidth,
-    height: e.scrollHeight
-  };
-}
-function J(e, t, r, o, n) {
-  let a = o.scroll[e], s = o[U[e]], l = t - n - a, i = t + n - a + r;
-  return l < 0 ? -l : i > s ? Math.max(s - i, -l) : 0;
-}
-function gt(e) {
-  let t = window.getComputedStyle(e);
-  return {
-    top: parseInt(t.marginTop, 10) || 0,
-    bottom: parseInt(t.marginBottom, 10) || 0,
-    left: parseInt(t.marginLeft, 10) || 0,
-    right: parseInt(t.marginRight, 10) || 0
-  };
-}
-function Q(e) {
-  if (N[e])
-    return N[e];
-  let [t, r] = e.split(" "), o = G[t] || "right", n = $t[o];
-  G[r] || (r = "center");
-  let a = U[o], s = U[n];
-  return N[e] = {
-    placement: t,
-    crossPlacement: r,
-    axis: o,
-    crossAxis: n,
-    size: a,
-    crossSize: s
-  }, N[e];
-}
-function K(e, t, r, o, n, a, s, l, i, p) {
-  let { placement: d, crossPlacement: $, axis: c, crossAxis: u, size: f, crossSize: v } = o, b = {};
-  b[u] = e[u], $ === "center" ? b[u] += (e[v] - r[v]) / 2 : $ !== u && (b[u] += e[v] - r[v]), b[u] += a;
-  const m = e[u] - r[v] + i + p, h = e[u] + e[v] - i - p;
-  if (b[u] = V(b[u], m, h), d === c) {
-    const P = l ? s[f] : t[mt[f]];
-    b[k[c]] = Math.floor(P - e[c] + n);
-  } else
-    b[c] = Math.floor(e[c] + e[f] + n);
-  return b;
-}
-function ht(e, t, r, o, n, a) {
-  return e.top != null ? Math.max(0, t.height + t.top + t.scroll.top - (r.top + e.top) - (n.top + n.bottom + a)) : Math.max(0, o.top + r.top - (t.top + t.scroll.top) - (n.top + n.bottom + a));
-}
-function ee(e, t, r, o, n, a) {
-  let { placement: s, axis: l, size: i } = a;
-  return s === l ? Math.max(0, r[l] - e[l] - e.scroll[l] + t[l] - o[l] - o[k[l]] - n) : Math.max(0, e[i] + e[l] + e.scroll[l] - t[l] - r[l] - r[i] - o[l] - o[k[l]] - n);
-}
-function xt(e, t, r, o, n, a, s, l, i, p, d, $, c, u, f) {
-  let v = Q(e), { size: b, crossAxis: m, crossSize: h, placement: P, crossPlacement: y } = v, g = K(t, l, r, v, p, d, i, $, u, f), S = p, x = ee(l, i, t, n, a + p, v);
-  if (s && o[b] > x) {
-    let z = Q(`${k[P]} ${y}`), Qe = K(t, l, r, z, p, d, i, $, u, f);
-    ee(l, i, t, n, a + p, z) > x && (v = z, g = Qe, S = p);
-  }
-  let w = J(m, g[m], r[h], l, a);
-  g[m] += w;
-  let F = ht(g, l, i, t, n, a);
-  c && c < F && (F = c), r.height = Math.min(r.height, F), g = K(t, l, r, v, S, d, i, $, u, f), w = J(m, g[m], r[h], l, a), g[m] += w;
-  let W = {}, qe = t[m] + 0.5 * t[h] - r[m];
-  const Xe = u / 2 + f, Ze = r[h] - u / 2 - f, je = t[m] - r[m] + u / 2, Ge = t[m] + t[h] - r[m] - u / 2, Je = V(qe, je, Ge);
-  return W[m] = V(Je, Xe, Ze), {
-    position: g,
-    maxHeight: F,
-    arrowOffsetLeft: W.left,
-    arrowOffsetTop: W.top,
-    placement: v.placement
+import { useRef as P, useEffect as V, useMemo as j } from "react";
+import { focusSafely as U, getFocusableTreeWalker as J } from "./lyra47.js";
+import { isScrollable as z, mergeProps as G, useEvent as Q, scrollIntoView as k, scrollIntoViewport as W, isAppleDevice as _, isMac as ee, focusWithoutScrolling as Y } from "./lyra46.js";
+import { usePress as te, useLongPress as le, getInteractionModality as X } from "./lyra48.js";
+import { useCollator as ie, useLocale as oe } from "./lyra38.js";
+function Z(a) {
+  return _() ? a.altKey : a.ctrlKey;
+}
+function A(a) {
+  return ee() ? a.metaKey : a.ctrlKey;
+}
+const re = 1e3;
+function se(a) {
+  let { keyboardDelegate: e, selectionManager: t, onTypeSelect: i } = a, r = P({
+    search: "",
+    timeout: null
+  }).current, s = (c) => {
+    let u = ne(c.key);
+    if (!u || c.ctrlKey || c.metaKey || !c.currentTarget.contains(c.target))
+      return;
+    u === " " && r.search.trim().length > 0 && (c.preventDefault(), "continuePropagation" in c || c.stopPropagation()), r.search += u;
+    let f = e.getKeyForSearch(r.search, t.focusedKey);
+    f == null && (f = e.getKeyForSearch(r.search)), f != null && (t.setFocusedKey(f), i && i(f)), clearTimeout(r.timeout), r.timeout = setTimeout(() => {
+      r.search = "";
+    }, re);
   };
-}
-function wt(e) {
-  let { placement: t, targetNode: r, overlayNode: o, scrollNode: n, padding: a, shouldFlip: s, boundaryElement: l, offset: i, crossOffset: p, maxHeight: d, arrowSize: $, arrowBoundaryOffset: c = 0 } = e, u = o instanceof HTMLElement ? Et(o) : document.documentElement, f = u === document.documentElement;
-  const v = window.getComputedStyle(u).position;
-  let b = !!v && v !== "static", m = f ? R(r) : te(r, u);
-  if (!f) {
-    let { marginTop: x, marginLeft: w } = window.getComputedStyle(r);
-    m.top += parseInt(x, 10) || 0, m.left += parseInt(w, 10) || 0;
-  }
-  let h = R(o), P = gt(o);
-  h.width += P.left + P.right, h.height += P.top + P.bottom;
-  let y = bt(n), g = vt(l), S = l.tagName === "BODY" ? R(u) : te(u, l);
-  return xt(t, m, h, y, P, a, s, g, S, i, p, b, d, $, c);
-}
-function R(e) {
-  let { top: t, left: r, width: o, height: n } = e.getBoundingClientRect(), { scrollTop: a, scrollLeft: s, clientTop: l, clientLeft: i } = document.documentElement;
   return {
-    top: t + a - l,
-    left: r + s - i,
-    width: o,
-    height: n
+    typeSelectProps: {
+      // Using a capturing listener to catch the keydown event before
+      // other hooks in order to handle the Spacebar event.
+      onKeyDownCapture: e.getKeyForSearch ? s : null
+    }
   };
 }
-function te(e, t) {
-  let r = window.getComputedStyle(e), o;
-  if (r.position === "fixed") {
-    let { top: n, left: a, width: s, height: l } = e.getBoundingClientRect();
-    o = {
-      top: n,
-      left: a,
-      width: s,
-      height: l
-    };
-  } else {
-    o = R(e);
-    let n = R(t), a = window.getComputedStyle(t);
-    n.top += (parseInt(a.borderTopWidth, 10) || 0) - t.scrollTop, n.left += (parseInt(a.borderLeftWidth, 10) || 0) - t.scrollLeft, o.top -= n.top, o.left -= n.left;
-  }
-  return o.top -= parseInt(r.marginTop, 10) || 0, o.left -= parseInt(r.marginLeft, 10) || 0, o;
-}
-function Et(e) {
-  let t = e.offsetParent;
-  if (t && t === document.body && window.getComputedStyle(t).position === "static" && !re(t) && (t = document.documentElement), t == null)
-    for (t = e.parentElement; t && !re(t); )
-      t = t.parentElement;
-  return t || document.documentElement;
+function ne(a) {
+  return a.length === 1 || !/^[A-Z]/i.test(a) ? a : "";
 }
-function re(e) {
-  let t = window.getComputedStyle(e);
-  return t.transform !== "none" || /transform|perspective/.test(t.willChange) || t.filter !== "none" || t.contain === "paint" || // @ts-ignore
-  "backdropFilter" in t && t.backdropFilter !== "none" || // @ts-ignore
-  "WebkitBackdropFilter" in t && t.WebkitBackdropFilter !== "none";
-}
-const fe = /* @__PURE__ */ new WeakMap();
-function Pt(e) {
-  let { triggerRef: t, isOpen: r, onClose: o } = e;
-  X(() => {
-    if (!r || o === null)
+function ae(a) {
+  let { selectionManager: e, keyboardDelegate: t, ref: i, autoFocus: r = !1, shouldFocusWrap: s = !1, disallowEmptySelection: c = !1, disallowSelectAll: u = !1, selectOnFocus: f = e.selectionBehavior === "replace", disallowTypeAhead: B = !1, shouldUseVirtualFocus: K, allowsTabNavigation: m = !1, isVirtualized: p, scrollRef: h = i } = a, { direction: y } = oe(), v = (o) => {
+    if (o.altKey && o.key === "Tab" && o.preventDefault(), !i.current.contains(o.target))
       return;
-    let n = (a) => {
-      let s = a.target;
-      if (!t.current || s instanceof Node && !s.contains(t.current))
-        return;
-      let l = o || fe.get(t.current);
-      l && l();
-    };
-    return window.addEventListener("scroll", n, !0), () => {
-      window.removeEventListener("scroll", n, !0);
+    const d = (n, D) => {
+      n != null && (e.setFocusedKey(n, D), o.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(n) : f && !Z(o) && e.replaceSelection(n));
     };
-  }, [
-    r,
-    o,
-    t
-  ]);
-}
-let C = typeof window < "u" && window.visualViewport;
-function Ct(e) {
-  let { direction: t } = pt(), { arrowSize: r = 0, targetRef: o, overlayRef: n, scrollRef: a = n, placement: s = "bottom", containerPadding: l = 12, shouldFlip: i = !0, boundaryElement: p = typeof document < "u" ? document.body : null, offset: d = 0, crossOffset: $ = 0, shouldUpdatePosition: c = !0, isOpen: u = !0, onClose: f, maxHeight: v, arrowBoundaryOffset: b = 0 } = e, [m, h] = Z({
-    position: {},
-    arrowOffsetLeft: void 0,
-    arrowOffsetTop: void 0,
-    maxHeight: void 0,
-    placement: void 0
-  }), P = [
-    c,
-    s,
-    n.current,
-    o.current,
-    a.current,
-    l,
-    i,
-    p,
-    d,
-    $,
-    u,
-    t,
-    v,
-    b,
-    r
-  ], y = j(() => {
-    if (c === !1 || !u || !n.current || !o.current || !a.current || !p)
-      return;
-    let x = wt({
-      placement: yt(s, t),
-      overlayNode: n.current,
-      targetNode: o.current,
-      scrollNode: a.current,
-      padding: l,
-      shouldFlip: i,
-      boundaryElement: p,
-      offset: d,
-      crossOffset: $,
-      maxHeight: v,
-      arrowSize: r,
-      arrowBoundaryOffset: b
-    });
-    Object.keys(x.position).forEach((w) => n.current.style[w] = x.position[w] + "px"), n.current.style.maxHeight = x.maxHeight != null ? x.maxHeight + "px" : void 0, h(x);
-  }, P);
-  A(y, P), Tt(y), nt({
-    ref: n,
-    onResize: y
+    switch (o.key) {
+      case "ArrowDown":
+        if (t.getKeyBelow) {
+          var w, l;
+          o.preventDefault();
+          let n = e.focusedKey != null ? t.getKeyBelow(e.focusedKey) : (w = t.getFirstKey) === null || w === void 0 ? void 0 : w.call(t);
+          n == null && s && (n = (l = t.getFirstKey) === null || l === void 0 ? void 0 : l.call(t, e.focusedKey)), d(n);
+        }
+        break;
+      case "ArrowUp":
+        if (t.getKeyAbove) {
+          var S, F;
+          o.preventDefault();
+          let n = e.focusedKey != null ? t.getKeyAbove(e.focusedKey) : (S = t.getLastKey) === null || S === void 0 ? void 0 : S.call(t);
+          n == null && s && (n = (F = t.getLastKey) === null || F === void 0 ? void 0 : F.call(t, e.focusedKey)), d(n);
+        }
+        break;
+      case "ArrowLeft":
+        if (t.getKeyLeftOf) {
+          var E, R;
+          o.preventDefault();
+          let n = t.getKeyLeftOf(e.focusedKey);
+          n == null && s && (n = y === "rtl" ? (E = t.getFirstKey) === null || E === void 0 ? void 0 : E.call(t, e.focusedKey) : (R = t.getLastKey) === null || R === void 0 ? void 0 : R.call(t, e.focusedKey)), d(n, y === "rtl" ? "first" : "last");
+        }
+        break;
+      case "ArrowRight":
+        if (t.getKeyRightOf) {
+          var N, L;
+          o.preventDefault();
+          let n = t.getKeyRightOf(e.focusedKey);
+          n == null && s && (n = y === "rtl" ? (N = t.getLastKey) === null || N === void 0 ? void 0 : N.call(t, e.focusedKey) : (L = t.getFirstKey) === null || L === void 0 ? void 0 : L.call(t, e.focusedKey)), d(n, y === "rtl" ? "last" : "first");
+        }
+        break;
+      case "Home":
+        if (t.getFirstKey) {
+          o.preventDefault();
+          let n = t.getFirstKey(e.focusedKey, A(o));
+          e.setFocusedKey(n), A(o) && o.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(n) : f && e.replaceSelection(n);
+        }
+        break;
+      case "End":
+        if (t.getLastKey) {
+          o.preventDefault();
+          let n = t.getLastKey(e.focusedKey, A(o));
+          e.setFocusedKey(n), A(o) && o.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(n) : f && e.replaceSelection(n);
+        }
+        break;
+      case "PageDown":
+        if (t.getKeyPageBelow) {
+          o.preventDefault();
+          let n = t.getKeyPageBelow(e.focusedKey);
+          d(n);
+        }
+        break;
+      case "PageUp":
+        if (t.getKeyPageAbove) {
+          o.preventDefault();
+          let n = t.getKeyPageAbove(e.focusedKey);
+          d(n);
+        }
+        break;
+      case "a":
+        A(o) && e.selectionMode === "multiple" && u !== !0 && (o.preventDefault(), e.selectAll());
+        break;
+      case "Escape":
+        o.preventDefault(), c || e.clearSelection();
+        break;
+      case "Tab":
+        if (!m) {
+          if (o.shiftKey)
+            i.current.focus();
+          else {
+            let n = J(i.current, {
+              tabbable: !0
+            }), D, O;
+            do
+              O = n.lastChild(), O && (D = O);
+            while (O);
+            D && !D.contains(document.activeElement) && Y(D);
+          }
+          break;
+        }
+    }
+  }, b = P({
+    top: 0,
+    left: 0
   });
-  let g = et(!1);
-  A(() => {
-    let x, w = () => {
-      g.current = !0, clearTimeout(x), x = setTimeout(() => {
-        g.current = !1;
-      }, 500), y();
+  Q(h, "scroll", p ? null : () => {
+    b.current = {
+      top: h.current.scrollTop,
+      left: h.current.scrollLeft
     };
-    return C == null || C.addEventListener("resize", w), C == null || C.addEventListener("scroll", w), () => {
-      C == null || C.removeEventListener("resize", w), C == null || C.removeEventListener("scroll", w);
-    };
-  }, [
-    y
-  ]);
-  let S = j(() => {
-    g.current || f();
-  }, [
-    f,
-    g
-  ]);
-  return Pt({
-    triggerRef: o,
-    isOpen: u,
-    onClose: f && S
-  }), {
-    overlayProps: {
-      style: {
-        position: "absolute",
-        zIndex: 1e5,
-        ...m.position,
-        maxHeight: m.maxHeight
-      }
-    },
-    placement: m.placement,
-    arrowProps: {
-      style: {
-        left: m.arrowOffsetLeft,
-        top: m.arrowOffsetTop
+  });
+  let $ = (o) => {
+    if (e.isFocused) {
+      o.currentTarget.contains(o.target) || e.setFocused(!1);
+      return;
+    }
+    if (o.currentTarget.contains(o.target)) {
+      if (e.setFocused(!0), e.focusedKey == null) {
+        let l = (F) => {
+          F != null && (e.setFocusedKey(F), f && e.replaceSelection(F));
+        }, S = o.relatedTarget;
+        var d, w;
+        S && o.currentTarget.compareDocumentPosition(S) & Node.DOCUMENT_POSITION_FOLLOWING ? l((d = e.lastSelectedKey) !== null && d !== void 0 ? d : t.getLastKey()) : l((w = e.firstSelectedKey) !== null && w !== void 0 ? w : t.getFirstKey());
+      } else
+        p || (h.current.scrollTop = b.current.top, h.current.scrollLeft = b.current.left);
+      if (!p && e.focusedKey != null) {
+        let l = h.current.querySelector(`[data-key="${e.focusedKey}"]`);
+        l && (l.contains(document.activeElement) || Y(l), X() === "keyboard" && W(l, {
+          containingElement: i.current
+        }));
       }
-    },
-    updatePosition: y
+    }
+  }, x = (o) => {
+    o.currentTarget.contains(o.relatedTarget) || e.setFocused(!1);
   };
-}
-function Tt(e) {
-  A(() => (window.addEventListener("resize", e, !1), () => {
-    window.removeEventListener("resize", e, !1);
-  }), [
-    e
-  ]);
-}
-function yt(e, t) {
-  return t === "rtl" ? e.replace("start", "right").replace("end", "left") : e.replace("start", "left").replace("end", "right");
-}
-const L = [];
-function Lt(e, t) {
-  let { onClose: r, shouldCloseOnBlur: o, isOpen: n, isDismissable: a = !1, isKeyboardDismissDisabled: s = !1, shouldCloseOnInteractOutside: l } = e;
-  X(() => (n && L.push(t), () => {
-    let f = L.indexOf(t);
-    f >= 0 && L.splice(f, 1);
-  }), [
-    n,
-    t
+  const T = P(r);
+  V(() => {
+    if (T.current) {
+      let o = null;
+      r === "first" && (o = t.getFirstKey()), r === "last" && (o = t.getLastKey());
+      let d = e.selectedKeys;
+      d.size && (o = d.values().next().value), e.setFocused(!0), e.setFocusedKey(o), o == null && !K && U(i.current);
+    }
+    T.current = !1;
+  }, []);
+  let C = P(e.focusedKey);
+  V(() => {
+    let o = X();
+    if (e.isFocused && e.focusedKey != null && (h != null && h.current)) {
+      let d = h.current.querySelector(`[data-key="${e.focusedKey}"]`);
+      d && o === "keyboard" && (p || k(h.current, d), W(d, {
+        containingElement: i.current
+      }));
+    }
+    e.isFocused && e.focusedKey == null && C.current != null && U(i.current), C.current = e.focusedKey;
+  }, [
+    p,
+    h,
+    e.focusedKey,
+    e.isFocused,
+    i
   ]);
-  let i = () => {
-    L[L.length - 1] === t && r && r();
-  }, p = (f) => {
-    (!l || l(f.target)) && L[L.length - 1] === t && (f.stopPropagation(), f.preventDefault());
-  }, d = (f) => {
-    (!l || l(f.target)) && (L[L.length - 1] === t && (f.stopPropagation(), f.preventDefault()), i());
-  }, $ = (f) => {
-    f.key === "Escape" && !s && (f.stopPropagation(), f.preventDefault(), i());
-  };
-  st({
-    ref: t,
-    onInteractOutside: a ? d : null,
-    onInteractOutsideStart: p
-  });
-  let { focusWithinProps: c } = ct({
-    isDisabled: !o,
-    onBlurWithin: (f) => {
-      f.relatedTarget && it(f.relatedTarget) || (!l || l(f.relatedTarget)) && r();
+  let g = {
+    onKeyDown: v,
+    onFocus: $,
+    onBlur: x,
+    onMouseDown(o) {
+      h.current === o.target && o.preventDefault();
     }
-  }), u = (f) => {
-    f.target === f.currentTarget && f.preventDefault();
-  };
-  return {
-    overlayProps: {
-      onKeyDown: $,
-      ...c
-    },
-    underlayProps: {
-      onPointerDown: u
+  }, { typeSelectProps: M } = se({
+    keyboardDelegate: t,
+    selectionManager: e
+  });
+  B || (g = G(M, g));
+  let I;
+  return K || (I = e.focusedKey == null ? 0 : -1), {
+    collectionProps: {
+      ...g,
+      tabIndex: I
     }
   };
 }
-function qt(e, t, r) {
-  let { type: o } = e, { isOpen: n } = t;
-  X(() => {
-    r && r.current && fe.set(r.current, t.close);
-  });
-  let a;
-  o === "menu" ? a = !0 : o === "listbox" && (a = "listbox");
-  let s = tt();
-  return {
-    triggerProps: {
-      "aria-haspopup": a,
-      "aria-expanded": n,
-      "aria-controls": n ? s : null,
-      onPress: t.toggle
-    },
-    overlayProps: {
-      id: s
+function pe(a) {
+  let { selectionManager: e, key: t, ref: i, shouldSelectOnPressUp: r, shouldUseVirtualFocus: s, focus: c, isDisabled: u, onAction: f, allowsDifferentPressOrigin: B } = a, K = (l) => {
+    if (l.pointerType === "keyboard" && Z(l))
+      e.toggleSelection(t);
+    else {
+      if (e.selectionMode === "none")
+        return;
+      e.selectionMode === "single" ? e.isSelected(t) && !e.disallowEmptySelection ? e.toggleSelection(t) : e.replaceSelection(t) : l && l.shiftKey ? e.extendSelection(t) : e.selectionBehavior === "toggle" || l && (A(l) || l.pointerType === "touch" || l.pointerType === "virtual") ? e.toggleSelection(t) : e.replaceSelection(t);
     }
   };
-}
-const B = typeof window < "u" && window.visualViewport, St = /* @__PURE__ */ new Set([
-  "checkbox",
-  "radio",
-  "range",
-  "color",
-  "file",
-  "image",
-  "button",
-  "submit",
-  "reset"
-]);
-let D = 0, _;
-function Ot(e = {}) {
-  let { isDisabled: t } = e;
-  A(() => {
-    if (!t)
-      return D++, D === 1 && (lt() ? _ = It() : _ = Rt()), () => {
-        D--, D === 0 && _();
-      };
+  V(() => {
+    t === e.focusedKey && e.isFocused && !s && (c ? c() : document.activeElement !== i.current && U(i.current));
   }, [
-    t
-  ]);
-}
-function Rt() {
-  return Y(H(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), H(document.documentElement, "overflow", "hidden"));
-}
-function It() {
-  let e, t = 0, r = ($) => {
-    e = se($.target), !(e === document.documentElement && e === document.body) && (t = $.changedTouches[0].pageY);
-  }, o = ($) => {
-    if (!e || e === document.documentElement || e === document.body) {
-      $.preventDefault();
-      return;
+    i,
+    t,
+    e.focusedKey,
+    e.childFocusStrategy,
+    e.isFocused,
+    s
+  ]), u = u || e.isDisabled(t);
+  let m = {};
+  !s && !u ? m = {
+    tabIndex: t === e.focusedKey ? 0 : -1,
+    onFocus(l) {
+      l.target === i.current && e.setFocusedKey(t);
     }
-    let c = $.changedTouches[0].pageY, u = e.scrollTop, f = e.scrollHeight - e.clientHeight;
-    f !== 0 && ((u <= 0 && c > t || u >= f && c < t) && $.preventDefault(), t = c);
-  }, n = ($) => {
-    let c = $.target;
-    ne(c) && c !== document.activeElement && ($.preventDefault(), c.style.transform = "translateY(-2000px)", c.focus(), requestAnimationFrame(() => {
-      c.style.transform = "";
-    }));
-  }, a = ($) => {
-    let c = $.target;
-    ne(c) && (c.style.transform = "translateY(-2000px)", requestAnimationFrame(() => {
-      c.style.transform = "", B && (B.height < window.innerHeight ? requestAnimationFrame(() => {
-        oe(c);
-      }) : B.addEventListener("resize", () => oe(c), {
-        once: !0
-      }));
-    }));
-  }, s = () => {
-    window.scrollTo(0, 0);
-  }, l = window.pageXOffset, i = window.pageYOffset, p = Y(H(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), H(document.documentElement, "overflow", "hidden"), H(document.body, "marginTop", `-${i}px`));
-  window.scrollTo(0, 0);
-  let d = Y(I(document, "touchstart", r, {
-    passive: !1,
-    capture: !0
-  }), I(document, "touchmove", o, {
-    passive: !1,
-    capture: !0
-  }), I(document, "touchend", n, {
-    passive: !1,
-    capture: !0
-  }), I(document, "focus", a, !0), I(window, "scroll", s));
-  return () => {
-    p(), d(), window.scrollTo(l, i);
+  } : u && (m.onMouseDown = (l) => {
+    l.preventDefault();
+  });
+  let p = !u && e.canSelectItem(t), h = f && !u, y = h && (e.selectionBehavior === "replace" ? !p : e.isEmpty), v = h && p && e.selectionBehavior === "replace", b = y || v, $ = P(null), x = b && p, T = P(!1), C = P(!1), g = {};
+  r ? (g.onPressStart = (l) => {
+    $.current = l.pointerType, T.current = x, l.pointerType === "keyboard" && (!b || H()) && K(l);
+  }, B ? (g.onPressUp = (l) => {
+    l.pointerType !== "keyboard" && K(l);
+  }, g.onPress = y ? () => f() : null) : g.onPress = (l) => {
+    if (y || v && l.pointerType !== "mouse") {
+      if (l.pointerType === "keyboard" && !q())
+        return;
+      f();
+    } else
+      l.pointerType !== "keyboard" && K(l);
+  }) : (g.onPressStart = (l) => {
+    $.current = l.pointerType, T.current = x, C.current = y, (l.pointerType === "mouse" && !y || l.pointerType === "keyboard" && (!f || H())) && K(l);
+  }, g.onPress = (l) => {
+    (l.pointerType === "touch" || l.pointerType === "pen" || l.pointerType === "virtual" || l.pointerType === "keyboard" && b && q() || l.pointerType === "mouse" && C.current) && (b ? f() : K(l));
+  }), m["data-key"] = t, g.preventFocusOnPress = s;
+  let { pressProps: M, isPressed: I } = te(g), o = v ? (l) => {
+    $.current === "mouse" && (l.stopPropagation(), l.preventDefault(), f());
+  } : void 0, { longPressProps: d } = le({
+    isDisabled: !x,
+    onLongPress(l) {
+      l.pointerType === "touch" && (K(l), e.setSelectionBehavior("toggle"));
+    }
+  });
+  return {
+    itemProps: G(m, p || y ? M : {}, x ? d : {}, {
+      onDoubleClick: o,
+      onDragStartCapture: (l) => {
+        $.current === "touch" && T.current && l.preventDefault();
+      }
+    }),
+    isPressed: I,
+    isSelected: e.isSelected(t),
+    isFocused: e.isFocused && e.focusedKey === t,
+    isDisabled: u,
+    allowsSelection: p,
+    hasAction: b
   };
 }
-function H(e, t, r) {
-  let o = e.style[t];
-  return e.style[t] = r, () => {
-    e.style[t] = o;
-  };
+function q() {
+  let a = window.event;
+  return (a == null ? void 0 : a.key) === "Enter";
 }
-function I(e, t, r, o) {
-  return e.addEventListener(t, r, o), () => {
-    e.removeEventListener(t, r, o);
-  };
+function H() {
+  let a = window.event;
+  return (a == null ? void 0 : a.key) === " " || (a == null ? void 0 : a.code) === "Space";
 }
-function oe(e) {
-  let t = document.scrollingElement || document.documentElement;
-  for (; e && e !== t; ) {
-    let r = se(e);
-    if (r !== document.documentElement && r !== document.body && r !== e) {
-      let o = r.getBoundingClientRect().top, n = e.getBoundingClientRect().top;
-      n > o + e.clientHeight && (r.scrollTop += n - o);
+class ce {
+  getNextKey(e) {
+    for (e = this.collection.getKeyAfter(e); e != null; ) {
+      if (this.collection.getItem(e).type === "item" && !this.disabledKeys.has(e))
+        return e;
+      e = this.collection.getKeyAfter(e);
     }
-    e = r.parentElement;
+    return null;
   }
-}
-function ne(e) {
-  return e instanceof HTMLInputElement && !St.has(e.type) || e instanceof HTMLTextAreaElement || e instanceof HTMLElement && e.isContentEditable;
-}
-const q = /* @__PURE__ */ E.createContext(null);
-function Mt(e) {
-  let { children: t } = e, r = ie(q), [o, n] = Z(0), a = ae(() => ({
-    parent: r,
-    modalCount: o,
-    addModal() {
-      n((s) => s + 1), r && r.addModal();
-    },
-    removeModal() {
-      n((s) => s - 1), r && r.removeModal();
+  getPreviousKey(e) {
+    for (e = this.collection.getKeyBefore(e); e != null; ) {
+      if (this.collection.getItem(e).type === "item" && !this.disabledKeys.has(e))
+        return e;
+      e = this.collection.getKeyBefore(e);
     }
-  }), [
-    r,
-    o
-  ]);
-  return /* @__PURE__ */ E.createElement(q.Provider, {
-    value: a
-  }, t);
-}
-function Ht() {
-  let e = ie(q);
-  return {
-    modalProviderProps: {
-      "aria-hidden": e && e.modalCount > 0 ? !0 : null
+    return null;
+  }
+  findKey(e, t, i) {
+    let r = this.getItem(e);
+    if (!r)
+      return null;
+    let s = r.getBoundingClientRect();
+    do
+      e = t(e), r = this.getItem(e);
+    while (r && i(s, r.getBoundingClientRect()));
+    return e;
+  }
+  isSameRow(e, t) {
+    return e.top === t.top || e.left !== t.left;
+  }
+  isSameColumn(e, t) {
+    return e.left === t.left || e.top !== t.top;
+  }
+  getKeyBelow(e) {
+    return this.layout === "grid" && this.orientation === "vertical" ? this.findKey(e, (t) => this.getNextKey(t), this.isSameRow) : this.getNextKey(e);
+  }
+  getKeyAbove(e) {
+    return this.layout === "grid" && this.orientation === "vertical" ? this.findKey(e, (t) => this.getPreviousKey(t), this.isSameRow) : this.getPreviousKey(e);
+  }
+  getNextColumn(e, t) {
+    return t ? this.getPreviousKey(e) : this.getNextKey(e);
+  }
+  getKeyRightOf(e) {
+    return this.layout === "grid" ? this.orientation === "vertical" ? this.getNextColumn(e, this.direction === "rtl") : this.findKey(e, (t) => this.getNextColumn(t, this.direction === "rtl"), this.isSameColumn) : this.orientation === "horizontal" ? this.getNextColumn(e, this.direction === "rtl") : null;
+  }
+  getKeyLeftOf(e) {
+    return this.layout === "grid" ? this.orientation === "vertical" ? this.getNextColumn(e, this.direction === "ltr") : this.findKey(e, (t) => this.getNextColumn(t, this.direction === "ltr"), this.isSameColumn) : this.orientation === "horizontal" ? this.getNextColumn(e, this.direction === "ltr") : null;
+  }
+  getFirstKey() {
+    let e = this.collection.getFirstKey();
+    for (; e != null; ) {
+      if (this.collection.getItem(e).type === "item" && !this.disabledKeys.has(e))
+        return e;
+      e = this.collection.getKeyAfter(e);
     }
-  };
-}
-function At(e) {
-  let { modalProviderProps: t } = Ht();
-  return /* @__PURE__ */ E.createElement("div", {
-    "data-overlay-container": !0,
-    ...e,
-    ...t
-  });
-}
-function Ft(e) {
-  return /* @__PURE__ */ E.createElement(Mt, null, /* @__PURE__ */ E.createElement(At, e));
-}
-function Xt(e) {
-  let t = de(), { portalContainer: r = t ? null : document.body, ...o } = e;
-  if (E.useEffect(() => {
-    if (r != null && r.closest("[data-overlay-container]"))
-      throw new Error("An OverlayContainer must not be inside another container. Please change the portalContainer prop.");
-  }, [
-    r
-  ]), !r)
     return null;
-  let n = /* @__PURE__ */ E.createElement(Ft, o);
-  return /* @__PURE__ */ ce.createPortal(n, r);
-}
-var pe = {}, ue = {};
-ue = {
-  dismiss: "تجاهل"
-};
-var $e = {};
-$e = {
-  dismiss: "Отхвърляне"
-};
-var me = {};
-me = {
-  dismiss: "Odstranit"
-};
-var ve = {};
-ve = {
-  dismiss: "Luk"
-};
-var be = {};
-be = {
-  dismiss: "Schließen"
-};
-var ge = {};
-ge = {
-  dismiss: "Απόρριψη"
-};
-var he = {};
-he = {
-  dismiss: "Dismiss"
-};
-var xe = {};
-xe = {
-  dismiss: "Descartar"
-};
-var we = {};
-we = {
-  dismiss: "Lõpeta"
-};
-var Ee = {};
-Ee = {
-  dismiss: "Hylkää"
-};
-var Pe = {};
-Pe = {
-  dismiss: "Rejeter"
-};
-var Ce = {};
-Ce = {
-  dismiss: "התעלם"
-};
-var Te = {};
-Te = {
-  dismiss: "Odbaci"
-};
-var ye = {};
-ye = {
-  dismiss: "Elutasítás"
-};
-var Le = {};
-Le = {
-  dismiss: "Ignora"
-};
-var Se = {};
-Se = {
-  dismiss: "閉じる"
-};
-var Oe = {};
-Oe = {
-  dismiss: "무시"
-};
-var Re = {};
-Re = {
-  dismiss: "Atmesti"
-};
-var Ie = {};
-Ie = {
-  dismiss: "Nerādīt"
-};
-var Me = {};
-Me = {
-  dismiss: "Lukk"
-};
-var He = {};
-He = {
-  dismiss: "Negeren"
-};
-var Ae = {};
-Ae = {
-  dismiss: "Zignoruj"
-};
-var Fe = {};
-Fe = {
-  dismiss: "Descartar"
-};
-var Ne = {};
-Ne = {
-  dismiss: "Dispensar"
-};
-var De = {};
-De = {
-  dismiss: "Revocare"
-};
-var ke = {};
-ke = {
-  dismiss: "Пропустить"
-};
-var We = {};
-We = {
-  dismiss: "Zrušiť"
-};
-var ze = {};
-ze = {
-  dismiss: "Opusti"
-};
-var Ke = {};
-Ke = {
-  dismiss: "Odbaci"
-};
-var Be = {};
-Be = {
-  dismiss: "Avvisa"
-};
-var _e = {};
-_e = {
-  dismiss: "Kapat"
-};
-var Ye = {};
-Ye = {
-  dismiss: "Скасувати"
-};
-var Ve = {};
-Ve = {
-  dismiss: "取消"
-};
-var Ue = {};
-Ue = {
-  dismiss: "關閉"
-};
-pe = {
-  "ar-AE": ue,
-  "bg-BG": $e,
-  "cs-CZ": me,
-  "da-DK": ve,
-  "de-DE": be,
-  "el-GR": ge,
-  "en-US": he,
-  "es-ES": xe,
-  "et-EE": we,
-  "fi-FI": Ee,
-  "fr-FR": Pe,
-  "he-IL": Ce,
-  "hr-HR": Te,
-  "hu-HU": ye,
-  "it-IT": Le,
-  "ja-JP": Se,
-  "ko-KR": Oe,
-  "lt-LT": Re,
-  "lv-LV": Ie,
-  "nb-NO": Me,
-  "nl-NL": He,
-  "pl-PL": Ae,
-  "pt-BR": Fe,
-  "pt-PT": Ne,
-  "ro-RO": De,
-  "ru-RU": ke,
-  "sk-SK": We,
-  "sl-SI": ze,
-  "sr-SP": Ke,
-  "sv-SE": Be,
-  "tr-TR": _e,
-  "uk-UA": Ye,
-  "zh-CN": Ve,
-  "zh-TW": Ue
-};
-function Zt(e) {
-  let { onDismiss: t, ...r } = e, o = ft(/* @__PURE__ */ ut(pe)), n = rt(r, o.format("dismiss")), a = () => {
-    t && t();
-  };
-  return /* @__PURE__ */ E.createElement(dt, null, /* @__PURE__ */ E.createElement("button", {
-    ...n,
-    tabIndex: -1,
-    onClick: a
-  }));
-}
-let M = /* @__PURE__ */ new WeakMap(), T = [];
-function Nt(e, t = document.body) {
-  let r = new Set(e), o = /* @__PURE__ */ new Set(), n = (i) => {
-    for (let c of i.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]"))
-      r.add(c);
-    let p = (c) => {
-      if (r.has(c) || o.has(c.parentElement) && c.parentElement.getAttribute("role") !== "row")
-        return NodeFilter.FILTER_REJECT;
-      for (let u of r)
-        if (c.contains(u))
-          return NodeFilter.FILTER_SKIP;
-      return NodeFilter.FILTER_ACCEPT;
-    }, d = document.createTreeWalker(i, NodeFilter.SHOW_ELEMENT, {
-      acceptNode: p
-    }), $ = p(i);
-    if ($ === NodeFilter.FILTER_ACCEPT && a(i), $ !== NodeFilter.FILTER_REJECT) {
-      let c = d.nextNode();
-      for (; c != null; )
-        a(c), c = d.nextNode();
+  }
+  getLastKey() {
+    let e = this.collection.getLastKey();
+    for (; e != null; ) {
+      if (this.collection.getItem(e).type === "item" && !this.disabledKeys.has(e))
+        return e;
+      e = this.collection.getKeyBefore(e);
     }
-  }, a = (i) => {
-    var p;
-    let d = (p = M.get(i)) !== null && p !== void 0 ? p : 0;
-    i.getAttribute("aria-hidden") === "true" && d === 0 || (d === 0 && i.setAttribute("aria-hidden", "true"), o.add(i), M.set(i, d + 1));
-  };
-  T.length && T[T.length - 1].disconnect(), n(t);
-  let s = new MutationObserver((i) => {
-    for (let p of i)
-      if (!(p.type !== "childList" || p.addedNodes.length === 0) && ![
-        ...r,
-        ...o
-      ].some((d) => d.contains(p.target))) {
-        for (let d of p.removedNodes)
-          d instanceof Element && (r.delete(d), o.delete(d));
-        for (let d of p.addedNodes)
-          (d instanceof HTMLElement || d instanceof SVGElement) && (d.dataset.liveAnnouncer === "true" || d.dataset.reactAriaTopLayer === "true") ? r.add(d) : d instanceof Element && n(d);
-      }
-  });
-  s.observe(t, {
-    childList: !0,
-    subtree: !0
-  });
-  let l = {
-    observe() {
-      s.observe(t, {
-        childList: !0,
-        subtree: !0
-      });
-    },
-    disconnect() {
-      s.disconnect();
+    return null;
+  }
+  getItem(e) {
+    return this.ref.current.querySelector(`[data-key="${e}"]`);
+  }
+  getKeyPageAbove(e) {
+    let t = this.ref.current, i = this.getItem(e);
+    if (!i)
+      return null;
+    if (!z(t))
+      return this.getFirstKey();
+    let r = t.getBoundingClientRect(), s = i.getBoundingClientRect();
+    if (this.orientation === "horizontal") {
+      let c = r.x - t.scrollLeft, u = Math.max(0, s.x - c + s.width - r.width);
+      for (; i && s.x - c > u; )
+        e = this.getKeyAbove(e), i = e == null ? null : this.getItem(e), s = i == null ? void 0 : i.getBoundingClientRect();
+    } else {
+      let c = r.y - t.scrollTop, u = Math.max(0, s.y - c + s.height - r.height);
+      for (; i && s.y - c > u; )
+        e = this.getKeyAbove(e), i = e == null ? null : this.getItem(e), s = i == null ? void 0 : i.getBoundingClientRect();
     }
-  };
-  return T.push(l), () => {
-    s.disconnect();
-    for (let i of o) {
-      let p = M.get(i);
-      p === 1 ? (i.removeAttribute("aria-hidden"), M.delete(i)) : M.set(i, p - 1);
+    return e ?? this.getFirstKey();
+  }
+  getKeyPageBelow(e) {
+    let t = this.ref.current, i = this.getItem(e);
+    if (!i)
+      return null;
+    if (!z(t))
+      return this.getLastKey();
+    let r = t.getBoundingClientRect(), s = i.getBoundingClientRect();
+    if (this.orientation === "horizontal") {
+      let c = r.x - t.scrollLeft, u = Math.min(t.scrollWidth, s.x - c - s.width + r.width);
+      for (; i && s.x - c < u; )
+        e = this.getKeyBelow(e), i = e == null ? null : this.getItem(e), s = i == null ? void 0 : i.getBoundingClientRect();
+    } else {
+      let c = r.y - t.scrollTop, u = Math.min(t.scrollHeight, s.y - c - s.height + r.height);
+      for (; i && s.y - c < u; )
+        e = this.getKeyBelow(e), i = e == null ? null : this.getItem(e), s = i == null ? void 0 : i.getBoundingClientRect();
     }
-    l === T[T.length - 1] ? (T.pop(), T.length && T[T.length - 1].observe()) : T.splice(T.indexOf(l), 1);
-  };
+    return e ?? this.getLastKey();
+  }
+  getKeyForSearch(e, t) {
+    if (!this.collator)
+      return null;
+    let i = this.collection, r = t || this.getFirstKey();
+    for (; r != null; ) {
+      let s = i.getItem(r), c = s.textValue.slice(0, e.length);
+      if (s.textValue && this.collator.compare(c, e) === 0)
+        return r;
+      r = this.getKeyBelow(r);
+    }
+    return null;
+  }
+  constructor(...e) {
+    if (e.length === 1) {
+      let t = e[0];
+      this.collection = t.collection, this.ref = t.ref, this.disabledKeys = t.disabledKeys || /* @__PURE__ */ new Set(), this.orientation = t.orientation, this.direction = t.direction, this.layout = t.layout || "stack";
+    } else
+      this.collection = e[0], this.disabledKeys = e[1], this.ref = e[2], this.collator = e[3], this.layout = "stack", this.orientation = "vertical";
+    this.layout === "stack" && this.orientation === "vertical" && (this.getKeyLeftOf = void 0, this.getKeyRightOf = void 0);
+  }
 }
-function jt(e, t) {
-  let { triggerRef: r, popoverRef: o, isNonModal: n, isKeyboardDismissDisabled: a, ...s } = e, { overlayProps: l, underlayProps: i } = Lt({
-    isOpen: t.isOpen,
-    onClose: t.close,
-    shouldCloseOnBlur: !0,
-    isDismissable: !n,
-    isKeyboardDismissDisabled: a
-  }, o), { overlayProps: p, arrowProps: d, placement: $ } = Ct({
-    ...s,
-    targetRef: r,
-    overlayRef: o,
-    isOpen: t.isOpen,
-    onClose: null
+function ge(a) {
+  let { selectionManager: e, collection: t, disabledKeys: i, ref: r, keyboardDelegate: s, autoFocus: c, shouldFocusWrap: u, isVirtualized: f, disallowEmptySelection: B, selectOnFocus: K = e.selectionBehavior === "replace", disallowTypeAhead: m, shouldUseVirtualFocus: p, allowsTabNavigation: h } = a, y = ie({
+    usage: "search",
+    sensitivity: "base"
+  }), v = e.disabledBehavior, b = j(() => s || new ce(t, v === "selection" ? /* @__PURE__ */ new Set() : i, r, y), [
+    s,
+    t,
+    i,
+    r,
+    y,
+    v
+  ]), { collectionProps: $ } = ae({
+    ref: r,
+    selectionManager: e,
+    keyboardDelegate: b,
+    autoFocus: c,
+    shouldFocusWrap: u,
+    disallowEmptySelection: B,
+    selectOnFocus: K,
+    disallowTypeAhead: m,
+    shouldUseVirtualFocus: p,
+    allowsTabNavigation: h,
+    isVirtualized: f,
+    scrollRef: r
   });
-  return Ot({
-    isDisabled: n
-  }), A(() => {
-    if (t.isOpen && !n && o.current)
-      return Nt([
-        o.current
-      ]);
-  }, [
-    n,
-    t.isOpen,
-    o
-  ]), {
-    popoverProps: ot(l, p),
-    arrowProps: d,
-    underlayProps: i,
-    placement: $
+  return {
+    listProps: $
   };
 }
-const le = /* @__PURE__ */ E.createContext(null);
-function Gt(e) {
-  let t = de(), { portalContainer: r = t ? null : document.body } = e, [o, n] = Z(!1), a = ae(() => ({
-    contain: o,
-    setContain: n
-  }), [
-    o,
-    n
-  ]);
-  if (!r)
-    return null;
-  let s;
-  return e.disableFocusManagement ? s = /* @__PURE__ */ E.createElement(le.Provider, {
-    value: a
-  }, e.children) : s = /* @__PURE__ */ E.createElement(le.Provider, {
-    value: a
-  }, /* @__PURE__ */ E.createElement(at, {
-    restoreFocus: !0,
-    contain: o
-  }, e.children)), /* @__PURE__ */ ce.createPortal(s, r);
-}
 export {
-  Zt as DismissButton,
-  Mt as ModalProvider,
-  Gt as Overlay,
-  Xt as OverlayContainer,
-  Ft as OverlayProvider,
-  Nt as ariaHideOutside,
-  Ht as useModalProvider,
-  Lt as useOverlay,
-  Ct as useOverlayPosition,
-  qt as useOverlayTrigger,
-  jt as usePopover,
-  Ot as usePreventScroll
+  ce as ListKeyboardDelegate,
+  ae as useSelectableCollection,
+  pe as useSelectableItem,
+  ge as useSelectableList,
+  se as useTypeSelect
 };