@tpc-mare/mare-ui-components-react 0.1.26 → 0.1.29

package/dist/keyboard-commands/index.js

@@ -0,0 +1,825 @@
+import { useId as ae, useEffect as N, useSyncExternalStore as ye, useRef as A, useState as B, useCallback as le } from "react";
+function P() {
+  return typeof document < "u";
+}
+const ee = "__mareKeyboardScopeStack__";
+function I() {
+  const e = globalThis;
+  return e[ee] ??= { stack: [], listeners: /* @__PURE__ */ new Set() }, e[ee];
+}
+function V() {
+  const { stack: e } = I();
+  return e.length === 0 ? 0 : Math.max(...e.map((t) => t.depth));
+}
+function ue() {
+  const { listeners: e } = I(), t = V();
+  for (const o of e) o(t);
+}
+function be(e, t) {
+  const { stack: o } = I(), r = o.findIndex((i) => i.id === e);
+  r !== -1 && o.splice(r, 1), o.push({ id: e, depth: t }), ue();
+}
+function te(e) {
+  const t = I(), o = t.stack.findIndex((r) => r.id === e);
+  o !== -1 && (t.stack.splice(o, 1), ue());
+}
+function we(e) {
+  const { listeners: t } = I();
+  return t.add(e), e(V()), () => t.delete(e);
+}
+function j() {
+  return V();
+}
+const Y = typeof navigator < "u" && /mac/i.test(navigator.userAgent), oe = {
+  a: "Å",
+  // U+00C5
+  b: "ı",
+  // U+0131 dotless i
+  c: "Ç",
+  // U+00C7
+  d: "Î",
+  // U+00CE
+  e: "´",
+  // U+00B4 non-dead acute
+  f: "Ï",
+  // U+00CF
+  g: "˝",
+  // U+02DD double acute
+  h: "Ó",
+  // U+00D3
+  i: "ˆ",
+  // U+02C6 non-dead circumflex
+  j: "Ô",
+  // U+00D4
+  l: "Ò",
+  // U+00D2
+  m: "Â",
+  // U+00C2
+  n: "˜",
+  // U+02DC non-dead tilde
+  o: "Ø",
+  // U+00D8
+  p: "∏",
+  // U+220F n-ary product
+  q: "Œ",
+  // U+0152
+  r: "‰",
+  // U+2030 per mille
+  s: "Í",
+  // U+00CD
+  t: "ˇ",
+  // U+02C7 caron
+  u: "¨",
+  // U+00A8 non-dead diaeresis
+  v: "◊",
+  // U+25CA lozenge
+  w: "„",
+  // U+201E double low quotation mark
+  x: "˛",
+  // U+02DB ogonek
+  y: "Á",
+  // U+00C1
+  z: "¸"
+  // U+00B8 cedilla
+}, ke = {
+  a: "å",
+  // U+00E5
+  b: "∫",
+  // U+222B integral
+  c: "ç",
+  // U+00E7
+  d: "∂",
+  // U+2202 partial differential
+  e: "´",
+  // U+00B4 (dead: acute accent)
+  f: "ƒ",
+  // U+0192
+  g: "©",
+  // U+00A9
+  h: "˙",
+  // U+02D9 dot above
+  i: "ˆ",
+  // U+02C6 (dead: circumflex)
+  j: "∆",
+  // U+2206 increment
+  k: "˚",
+  // U+02DA ring above
+  l: "¬",
+  // U+00AC not sign
+  m: "µ",
+  // U+00B5 micro sign
+  n: "˜",
+  // U+02DC (dead: tilde)
+  o: "ø",
+  // U+00F8
+  p: "π",
+  // U+03C0
+  q: "œ",
+  // U+0153
+  r: "®",
+  // U+00AE
+  s: "ß",
+  // U+00DF
+  t: "†",
+  // U+2020 dagger
+  u: "¨",
+  // U+00A8 (dead: diaeresis)
+  v: "√",
+  // U+221A square root
+  w: "∑",
+  // U+2211 summation
+  x: "≈",
+  // U+2248 almost equal
+  y: "¥",
+  // U+00A5 yen sign
+  z: "Ω"
+  // U+03A9 omega
+};
+function g(e) {
+  const t = e.split("+"), o = t.pop() ?? e, r = new Set(t.map((s) => s.trim().toLowerCase())), i = o === " " ? "space" : o.trim().toLowerCase();
+  return {
+    ctrl: r.has("ctrl") || r.has("control"),
+    alt: r.has("alt"),
+    shift: r.has("shift"),
+    meta: r.has("meta") || r.has("cmd") || r.has("command"),
+    mod: r.has("mod") || r.has("accel") || r.has("cmdorctrl"),
+    key: i
+  };
+}
+function E(e, t, o) {
+  const r = typeof o == "boolean" ? { isMac: o } : o ?? {}, i = r.isMac ?? Y, s = r.keydownModifiers, l = t.ctrl || t.mod && !i, u = t.meta || t.mod && i, p = s ? s.ctrlKey : e.ctrlKey, v = s ? s.metaKey : e.metaKey;
+  if (p !== l || v !== u) return !1;
+  const D = s ? s.shiftKey : e.shiftKey || e.getModifierState("Shift"), w = s ? s.altKey : e.altKey || e.getModifierState("Alt") || e.getModifierState("AltGraph"), h = e.code.toLowerCase().replace(/^(key|digit)/, "");
+  if (i && t.alt && t.shift && e.type === "keyup") {
+    const M = e.key.normalize("NFC"), T = oe[t.key], O = h === t.key || e.code.toLowerCase() === `key${t.key}`;
+    if (T !== void 0 && M === T && O)
+      return !0;
+  }
+  if (t.shift !== D || t.alt !== w) return !1;
+  if (e.key.toLowerCase() === t.key || e.code.toLowerCase() === t.key || h === t.key)
+    return !0;
+  if (i && t.alt && w) {
+    const M = e.key.normalize("NFC"), T = (t.shift ? oe : ke)[t.key];
+    if (T !== void 0 && M === T) return !0;
+  }
+  return !1;
+}
+function Ze(e) {
+  return e.map(
+    (t) => (Array.isArray(t) ? t : [t]).map((o) => g(o))
+  );
+}
+function re(e) {
+  return e === "both" ? ["keydown", "keyup"] : [e ?? "keydown"];
+}
+const pe = 450;
+function ne(e, t, o, r) {
+  if (e !== "both" || r.type !== "keydown" && r.type !== "keyup") return !1;
+  const i = typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now(), s = t.current;
+  if (s?.bucket === o && s.phase !== r.type && i - s.time < pe)
+    return !0;
+  const l = {
+    bucket: o,
+    phase: r.type,
+    time: i
+  };
+  return r.type === "keydown" && (l.modifiers = {
+    altKey: r.altKey,
+    shiftKey: r.shiftKey,
+    ctrlKey: r.ctrlKey,
+    metaKey: r.metaKey
+  }), t.current = l, !1;
+}
+function ge(e, t, o) {
+  if (!(e !== "both" || o.type !== "keyup" || t.current?.phase !== "keydown" || (typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now()) - t.current.time > pe))
+    return t.current.modifiers;
+}
+const Ae = {
+  enter: "↵",
+  escape: "Esc",
+  backspace: "⌫",
+  delete: "⌦",
+  tab: "⇥",
+  arrowup: "↑",
+  arrowdown: "↓",
+  arrowleft: "←",
+  arrowright: "→",
+  home: "↖",
+  end: "↘",
+  pageup: "⇞",
+  pagedown: "⇟",
+  space: "␣",
+  " ": "␣"
+}, ve = {
+  ctrl: "⌃",
+  control: "⌃",
+  alt: "⌥",
+  shift: "⇧",
+  meta: "⌘",
+  cmd: "⌘",
+  command: "⌘",
+  mod: "⌘",
+  accel: "⌘",
+  cmdorctrl: "⌘"
+}, Ee = {
+  ctrl: "Ctrl",
+  control: "Ctrl",
+  alt: "Alt",
+  shift: "Shift",
+  meta: "Meta",
+  cmd: "Meta",
+  command: "Meta",
+  mod: "Ctrl",
+  accel: "Ctrl",
+  cmdorctrl: "Ctrl"
+};
+function Ce(e) {
+  return (Array.isArray(e) ? e : [e]).map((t) => {
+    const o = t.split("+").map((i) => i.trim()), r = o.pop() ?? t;
+    return [
+      ...o.map((i) => {
+        const s = i.toLowerCase();
+        return Y ? ve[s] ?? i : Ee[s] ?? i;
+      }),
+      Ae[r.toLowerCase()] ?? r
+    ];
+  });
+}
+function De(e) {
+  return e.flatMap((t) => (Array.isArray(t.keys) ? t.keys : [t.keys]).map(
+    (o) => o.split("+").map((r) => {
+      const i = r.trim(), s = i.toLowerCase();
+      return s === "ctrl" || s === "control" ? "Ctrl" : s === "alt" ? "Alt" : s === "shift" ? "Shift" : s === "meta" || s === "cmd" || s === "command" ? "Meta" : s === "mod" || s === "accel" || s === "cmdorctrl" ? Y ? "Meta" : "Ctrl" : i;
+    }).join("+")
+  )).join(" ");
+}
+function Te(e) {
+  return !(!P() || !e || !(e instanceof HTMLElement) || e === document.body || e === document.documentElement);
+}
+function G(e) {
+  return e ? e === !0 ? {} : e : !1;
+}
+function Le(e, t) {
+  for (const [o, r] of t.entries()) {
+    if (o > 0) {
+      const s = document.createElement("span");
+      s.className = "mare-kbd-tooltip-separator", s.textContent = "/", e.append(s);
+    }
+    const i = document.createElement("span");
+    i.className = "mare-kbd-tooltip-keys";
+    for (const [s, l] of r.entries()) {
+      if (s > 0) {
+        const p = document.createElement("span");
+        p.className = "mare-kbd-tooltip-separator", p.textContent = "+", i.append(p);
+      }
+      const u = document.createElement("kbd");
+      u.className = "mare-kbd-chip", u.textContent = l, i.append(u);
+    }
+    e.append(i);
+  }
+}
+const z = "__mareKbdTooltip__", fe = [
+  "mare-kbd-tooltip-popup--top",
+  "mare-kbd-tooltip-popup--bottom",
+  "mare-kbd-tooltip-popup--left",
+  "mare-kbd-tooltip-popup--right"
+];
+function Se(e, t) {
+  for (const o of fe) e.classList.remove(o);
+  if (!t || t === "auto") {
+    e.classList.add("mare-kbd-tooltip-popup--top"), Ke(e);
+    return;
+  }
+  e.classList.add(`mare-kbd-tooltip-popup--${t}`);
+}
+function Ke(e) {
+  if (!P() || typeof IntersectionObserver > "u") return;
+  const t = new IntersectionObserver(
+    (o) => {
+      if (t.disconnect(), o[0].intersectionRatio >= 0.98) return;
+      const r = [...e.classList].find(
+        (s) => fe.includes(
+          s
+        )
+      ), i = {
+        "mare-kbd-tooltip-popup--top": "mare-kbd-tooltip-popup--bottom",
+        "mare-kbd-tooltip-popup--bottom": "mare-kbd-tooltip-popup--top",
+        "mare-kbd-tooltip-popup--left": "mare-kbd-tooltip-popup--right",
+        "mare-kbd-tooltip-popup--right": "mare-kbd-tooltip-popup--left"
+      };
+      r && i[r] && (e.classList.remove(r), e.classList.add(i[r]));
+    },
+    { threshold: 0.98 }
+  );
+  t.observe(e);
+}
+function se(e, t) {
+  const o = document.createElement("div");
+  o.className = "mare-kbd-tooltip-popup mare-kbd-tooltip-popup--hidden", o.setAttribute("role", "tooltip"), o.setAttribute("aria-hidden", "true");
+  const r = Ce(e.keys), i = t.placement ?? "suffix", s = t.label === !1 ? null : typeof t.label == "string" ? t.label : e.description ?? null, l = document.createElement("span");
+  if (l.className = `mare-kbd-tooltip-keys ${i === "prefix" ? "mare-kbd-tooltip-keys--prefix" : ""}`, Le(l, r), s) {
+    const u = document.createElement("span");
+    u.className = "mare-kbd-tooltip-label", u.textContent = s, i === "prefix" ? (o.append(l), o.append(u)) : (o.append(u), o.append(l));
+  } else
+    o.append(l);
+  return o;
+}
+function ce(e, t) {
+  e.hideTimer && (clearTimeout(e.hideTimer), e.hideTimer = null);
+  const o = t.showDelay ?? 0;
+  e.showTimer = setTimeout(() => {
+    e.popup.classList.remove("mare-kbd-tooltip-popup--hidden"), Se(e.popup, t.position);
+  }, o);
+}
+function ie(e, t) {
+  e.showTimer && (clearTimeout(e.showTimer), e.showTimer = null);
+  const o = t.hideDelay ?? 0;
+  e.hideTimer = setTimeout(() => {
+    e.popup.classList.add("mare-kbd-tooltip-popup--hidden");
+  }, o);
+}
+function Me(e, t) {
+  if (!Te(e)) return;
+  const o = e;
+  de(e);
+  const r = t.filter(
+    (v) => G(v.tooltip) !== !1
+  );
+  if (r.length === 0) return;
+  let i = null;
+  getComputedStyle(e).position === "static" && (i = e.style.position, e.style.position = "relative");
+  const s = r[0], l = G(
+    s.tooltip
+  ), u = se(s, l);
+  if (r.length > 1)
+    for (const v of r.slice(1)) {
+      const D = G(
+        v.tooltip
+      ), w = se(v, D), h = document.createElement("hr");
+      for (h.style.cssText = "border:none;border-top:1px solid rgba(255,255,255,0.1);margin:2px 0;", u.append(h); w.firstChild; ) u.append(w.firstChild);
+    }
+  e.append(u);
+  const p = {
+    element: e,
+    popup: u,
+    showTimer: null,
+    hideTimer: null,
+    onFocusin: () => {
+      ce(p, l);
+    },
+    onFocusout: () => {
+      ie(p, l);
+    },
+    onMouseenter: () => {
+      ce(p, l);
+    },
+    onMouseleave: () => {
+      ie(p, l);
+    },
+    observer: null,
+    originalPosition: i
+  };
+  e.addEventListener("focusin", p.onFocusin), e.addEventListener("focusout", p.onFocusout), e.addEventListener("mouseenter", p.onMouseenter), e.addEventListener("mouseleave", p.onMouseleave), o[z] = p;
+}
+function de(e) {
+  const t = e, o = t[z];
+  o && (o.showTimer && clearTimeout(o.showTimer), o.hideTimer && clearTimeout(o.hideTimer), o.observer?.disconnect(), e.removeEventListener("focusin", o.onFocusin), e.removeEventListener("focusout", o.onFocusout), e.removeEventListener("mouseenter", o.onMouseenter), e.removeEventListener("mouseleave", o.onMouseleave), o.originalPosition !== null && (o.originalPosition === "" ? e.style.removeProperty("position") : e.style.position = o.originalPosition), o.popup.remove(), t[z] = void 0);
+}
+const me = "data-mare-kbd-hint", xe = /* @__PURE__ */ new Set([
+  "a",
+  "button",
+  "input",
+  "select",
+  "textarea"
+]);
+function Oe(e) {
+  return !!(e.hasAttribute("disabled") || e.getAttribute("aria-disabled") === "true" || e.closest("fieldset")?.disabled);
+}
+function Re(e) {
+  !e.hasAttribute("tabindex") && !xe.has(e.tagName.toLowerCase()) && e.setAttribute("tabindex", "0");
+}
+function He(e, t, o, r, i) {
+  const s = t.map((p) => ({
+    keys: p.keys,
+    ...p.description ? { description: p.description } : {}
+  })), l = i?.length ? [...s, ...i] : s;
+  if (l.length === 0) return;
+  const u = {
+    depth: o,
+    commands: l,
+    ...r ? { context: r } : {}
+  };
+  e.setAttribute(me, JSON.stringify(u));
+}
+function _e(e, t) {
+  Re(e);
+  const o = De(t.commands);
+  if (o && e.setAttribute("aria-keyshortcuts", o), (t.commands.length > 0 || (t.hintCommands?.length ?? 0) > 0) && He(
+    e,
+    t.commands,
+    t.depth,
+    t.context,
+    t.hintCommands
+  ), t.ariaAttributes)
+    for (const [r, i] of Object.entries(
+      t.ariaAttributes
+    ))
+      e.setAttribute(r, i);
+  t.commands.length > 0 && Me(e, t.commands);
+}
+function Ne(e, t) {
+  if (e.removeAttribute("aria-keyshortcuts"), e.removeAttribute(me), de(e), t)
+    for (const o of Object.keys(t))
+      e.removeAttribute(o);
+}
+function W() {
+  return P() && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function Pe(e) {
+  return e.scrollBehavior ? e.scrollBehavior : W() ? "auto" : "smooth";
+}
+function Ie(e) {
+  return typeof e == "boolean" ? {
+    scrollUpKeys: ["ArrowUp", "PageUp"],
+    scrollDownKeys: ["ArrowDown", "PageDown"],
+    scrollStep: 40
+  } : {
+    scrollUpKeys: e.scrollUpKeys ?? ["ArrowUp", "PageUp"],
+    scrollDownKeys: e.scrollDownKeys ?? ["ArrowDown", "PageDown"],
+    scrollStep: e.scrollStep ?? 40,
+    container: e.container,
+    scrollBehavior: e.scrollBehavior
+  };
+}
+function _(e) {
+  if (!P()) return null;
+  let t = e.parentElement;
+  for (; t && t !== document.body; ) {
+    const { overflow: o, overflowY: r } = window.getComputedStyle(t);
+    if (/(auto|scroll)/.test(o) || /(auto|scroll)/.test(r))
+      return t;
+    t = t.parentElement;
+  }
+  return null;
+}
+function Fe(e) {
+  if (!P()) return !1;
+  const { overflow: t, overflowY: o } = window.getComputedStyle(e);
+  return /(auto|scroll)/.test(t) || /(auto|scroll)/.test(o);
+}
+function $(e, t) {
+  return t.container ? t.container === "parent" ? _(e) : typeof t.container == "string" ? e.querySelector(t.container) ?? _(e) : t.container ?? _(e) : Fe(e) ? e : _(e);
+}
+function et(e = {}) {
+  const t = ae(), o = e.depth ?? 1, r = e.visible ?? !0;
+  return N(() => (r ? be(t, o) : te(t), () => te(t)), [t, o, r]), { scopeId: t };
+}
+function tt(e, t = {}) {
+  const o = ae(), r = t.depth ?? 0, i = ye(
+    we,
+    j,
+    j
+  ), l = (t.visible ?? !0) && i === r, u = A(t);
+  u.current = t;
+  const p = A(l);
+  p.current = l;
+  const v = A(null);
+  v.current = t.scrollable ? Ie(t.scrollable) : null;
+  const D = A(null), w = A({ current: null });
+  function h() {
+    const a = e.current;
+    return a instanceof HTMLElement ? a : null;
+  }
+  function M() {
+    const a = h();
+    if (!a) return;
+    const f = u.current;
+    _e(a, {
+      commands: f.commands ?? [],
+      depth: r,
+      context: f.hintContext,
+      hintCommands: f.hintCommands,
+      ariaAttributes: f.ariaAttributes
+    });
+  }
+  function T(a) {
+    const f = a ?? h();
+    f && Ne(f, u.current.ariaAttributes);
+  }
+  function O(a) {
+    if (!(a instanceof KeyboardEvent) || !p.current) return;
+    const f = u.current, k = v.current, K = e.current;
+    if (!K) return;
+    const H = K instanceof HTMLElement ? K : null;
+    if (H && Oe(H)) return;
+    const J = ge(
+      f.triggerOn,
+      w.current,
+      a
+    ), q = J ? { keydownModifiers: J } : void 0;
+    if (k && H) {
+      const F = $(H, k);
+      if (F) {
+        const x = (k.scrollUpKeys ?? ["ArrowUp", "PageUp"]).map((C) => g(C)), Q = (k.scrollDownKeys ?? ["ArrowDown", "PageDown"]).map((C) => g(C)), U = x.some(
+          (C) => E(a, C, q)
+        ), X = Q.some(
+          (C) => E(a, C, q)
+        );
+        if (U || X) {
+          const C = U ? "scroll:up" : "scroll:down";
+          if (ne(
+            f.triggerOn,
+            w.current,
+            C,
+            a
+          ))
+            return;
+          a.preventDefault();
+          const Z = k.scrollStep ?? 40;
+          F.scrollBy({
+            top: U ? -Z : Z,
+            behavior: Pe(k)
+          });
+          return;
+        }
+      }
+    }
+    const he = f.commands ?? [];
+    for (const [F, x] of he.entries())
+      if ((Array.isArray(x.keys) ? x.keys : [x.keys]).map((C) => g(C)).some(
+        (C) => E(a, C, q)
+      ) && !(x.when && !x.when())) {
+        if (ne(
+          f.triggerOn,
+          w.current,
+          F,
+          a
+        ))
+          return;
+        x.preventDefault !== !1 && a.preventDefault(), x.stopPropagation && a.stopPropagation(), x.handler(a);
+        return;
+      }
+  }
+  function c() {
+    const a = v.current;
+    if (!a) return;
+    const f = h();
+    if (!f) return;
+    const k = $(f, a);
+    k && (D.current = {
+      top: k.scrollTop,
+      left: k.scrollLeft
+    });
+  }
+  function y() {
+    const a = v.current;
+    if (!a || !D.current) return;
+    const f = h();
+    if (!f) return;
+    const k = $(f, a);
+    k && (k.scrollTop = D.current.top, k.scrollLeft = D.current.left);
+  }
+  const n = A((a) => O(a)).current, b = A(() => c()).current, d = A(() => y()).current;
+  function L() {
+    if (!u.current.autoFocus) return;
+    const a = h();
+    a && requestAnimationFrame(() => {
+      !p.current || !a.isConnected || a.focus({ preventScroll: !1 });
+    });
+  }
+  function S(a) {
+    const f = u.current, k = f.capture ?? !1;
+    for (const H of re(f.triggerOn))
+      a.addEventListener(H, n, { capture: k });
+    const K = a instanceof HTMLElement ? a : null;
+    K && f.scrollable && (K.addEventListener("blur", b, !0), K.addEventListener("focus", d, !0)), p.current && (M(), L());
+  }
+  function R(a) {
+    const f = u.current, k = f.capture ?? !1;
+    for (const H of re(f.triggerOn))
+      a.removeEventListener(H, n, { capture: k });
+    const K = a instanceof HTMLElement ? a : null;
+    K && f.scrollable && (K.removeEventListener("blur", b, !0), K.removeEventListener("focus", d, !0)), T(K ?? void 0);
+  }
+  const m = A(null);
+  return N(() => {
+    const a = e.current;
+    a !== m.current && (m.current && R(m.current), a && S(a), m.current = a);
+  }), N(() => () => {
+    m.current && R(m.current), m.current = null;
+  }, []), N(() => {
+    e.current && (l ? (M(), L()) : T());
+  }, [l]), { commandGroupId: o, isActive: l };
+}
+const Ue = [g("ArrowUp")], Be = [g("ArrowDown")], je = [g("Enter"), g(" ")], qe = g("Home"), Ge = g("End");
+function ot(e) {
+  const [t, o] = B(-1), r = A(e);
+  r.current = e;
+  const i = A(t);
+  i.current = t;
+  const s = A(null), [l, u] = B(
+    null
+  ), p = le((n) => {
+    s.current = n, u(n);
+  }, []);
+  function v(n) {
+    const b = r.current.items.length;
+    return b === 0 ? -1 : r.current.wrap ? (n % b + b) % b : Math.max(0, Math.min(b - 1, n));
+  }
+  function D(n, b = !1) {
+    const d = s.current;
+    if (!d || n < 0) return;
+    const L = d.children[n], S = L?.matches('[role="option"], [data-kbd-nav-item], li') ? L : [
+      ...d.querySelectorAll(
+        '[role="option"], [data-kbd-nav-item], li'
+      )
+    ].at(n) ?? void 0;
+    S === void 0 || !(_(S) ?? (d.scrollHeight > d.clientHeight ? d : null)) || S.scrollIntoView({
+      block: "nearest",
+      inline: "nearest",
+      behavior: b ? "instant" : W() ? "auto" : "smooth"
+    });
+  }
+  function w(n, b = !1) {
+    const d = v(n);
+    o(d), D(d, b);
+  }
+  function h() {
+    w(0);
+  }
+  function M() {
+    w(r.current.items.length - 1);
+  }
+  function T() {
+    o(-1);
+  }
+  function O(n) {
+    const b = r.current.depth ?? 0;
+    if (j() !== b) return;
+    const d = r.current.items, L = r.current.wrap ?? !1, S = d.length;
+    if (S === 0) return;
+    const R = i.current;
+    if (Ue.some((m) => E(n, m))) {
+      n.preventDefault(), n.stopPropagation();
+      const m = R <= 0 ? L ? S - 1 : 0 : R - 1;
+      w(m, n.repeat);
+      return;
+    }
+    if (Be.some((m) => E(n, m))) {
+      n.preventDefault(), n.stopPropagation();
+      const m = R < 0 ? 0 : R >= S - 1 ? L ? 0 : S - 1 : R + 1;
+      w(m, n.repeat);
+      return;
+    }
+    if (E(n, qe)) {
+      n.preventDefault(), w(0, n.repeat);
+      return;
+    }
+    if (E(n, Ge)) {
+      n.preventDefault(), w(S - 1, n.repeat);
+      return;
+    }
+    if (!n.repeat && je.some((m) => E(n, m))) {
+      const m = i.current;
+      if (m < 0) return;
+      const a = d[m];
+      if (a === void 0) return;
+      n.preventDefault(), r.current.onSelect?.(a, m), r.current.onActivate?.(a, m);
+    }
+  }
+  const c = A(
+    (n) => O(n)
+  ).current;
+  N(() => {
+    if (l)
+      return l.addEventListener("keydown", c), () => l.removeEventListener("keydown", c);
+  }, [l, c]);
+  const y = r.current.items[t] ?? null;
+  return {
+    focusedIndex: t,
+    focusedItem: y,
+    containerRef: p,
+    focus: w,
+    focusFirst: h,
+    focusLast: M,
+    clearFocus: T
+  };
+}
+const $e = g("ArrowUp"), ze = g("ArrowDown"), Ve = g("ArrowLeft"), Ye = g("ArrowRight"), We = g("Home"), Je = g("End"), Qe = [g("Enter"), g(" ")];
+function rt(e) {
+  const [t, o] = B({ row: 0, col: 0 }), r = A(e);
+  r.current = e;
+  const i = A(t);
+  i.current = t;
+  const s = A(null), [l, u] = B(
+    null
+  ), p = le((c) => {
+    s.current = c, u(c);
+  }, []);
+  function v(c) {
+    const y = r.current.rows, n = y - 1;
+    return r.current.wrap ? (c % y + y) % y : Math.max(0, Math.min(n, c));
+  }
+  function D(c) {
+    const y = r.current.cols, n = y - 1;
+    return r.current.wrap ? (c % y + y) % y : Math.max(0, Math.min(n, c));
+  }
+  function w(c, y = !1) {
+    const n = s.current;
+    if (!n) return;
+    const d = n.querySelectorAll('[role="row"]')[c.row];
+    if (!d) return;
+    const L = d.querySelectorAll(
+      '[role="gridcell"], [data-kbd-nav-cell]'
+    )[c.col];
+    !L || !(_(L) ?? (n.scrollHeight > n.clientHeight ? n : null)) || L.scrollIntoView({
+      block: "nearest",
+      inline: "nearest",
+      behavior: y ? "instant" : W() ? "auto" : "smooth"
+    });
+  }
+  function h(c, y = !1) {
+    const n = { row: v(c.row), col: D(c.col) };
+    o(n), w(n, y);
+  }
+  function M(c, y) {
+    return t.row === c && t.col === y;
+  }
+  function T(c) {
+    const y = r.current.depth ?? 0;
+    if (j() !== y) return;
+    const { row: n, col: b } = i.current;
+    if (E(c, $e)) {
+      c.preventDefault(), c.stopPropagation(), h({ row: n - 1, col: b }, c.repeat);
+      return;
+    }
+    if (E(c, ze)) {
+      c.preventDefault(), c.stopPropagation(), h({ row: n + 1, col: b }, c.repeat);
+      return;
+    }
+    if (E(c, Ve)) {
+      c.preventDefault(), c.stopPropagation(), h({ row: n, col: b - 1 }, c.repeat);
+      return;
+    }
+    if (E(c, Ye)) {
+      c.preventDefault(), c.stopPropagation(), h({ row: n, col: b + 1 }, c.repeat);
+      return;
+    }
+    if (E(c, We)) {
+      c.preventDefault(), h({ row: n, col: 0 }, c.repeat);
+      return;
+    }
+    if (E(c, Je)) {
+      c.preventDefault(), h({ row: n, col: r.current.cols - 1 }, c.repeat);
+      return;
+    }
+    if (!c.repeat && Qe.some((d) => E(c, d))) {
+      c.preventDefault(), c.stopPropagation();
+      const d = { ...i.current };
+      r.current.onSelect?.(d), r.current.onActivate?.(d);
+    }
+  }
+  const O = A(
+    (c) => T(c)
+  ).current;
+  return N(() => {
+    if (l)
+      return l.addEventListener("keydown", O), () => l.removeEventListener("keydown", O);
+  }, [l, O]), { focused: t, containerRef: p, focus: h, isFocused: M };
+}
+export {
+  me as KBD_HINT_ATTR,
+  pe as KEYBOARD_BOTH_TRIGGER_DEDUP_MS,
+  Me as attachTooltips,
+  De as buildAriaKeyshortcuts,
+  Ze as buildParsedChordLists,
+  de as detachTooltips,
+  Re as ensureTabindex,
+  _ as findScrollableAncestor,
+  Ce as formatKeyDescriptor,
+  j as getActiveDepth,
+  ge as getKeydownModifiersForKeyup,
+  _e as injectAriaOnElement,
+  He as injectKbdHintAttribute,
+  P as isBrowser,
+  Oe as isElementDisabled,
+  Y as isMac,
+  Fe as isScrollable,
+  Te as isTooltipEligibleTarget,
+  E as matchesChord,
+  Ie as normalizeScrollAreaOptions,
+  we as onScopeDepthChange,
+  g as parseChord,
+  W as prefersReducedMotion,
+  be as registerScope,
+  Ne as removeAriaOnElement,
+  Pe as resolveScrollBehavior,
+  $ as resolveScrollContainer,
+  re as resolveTriggerEventNames,
+  ne as suppressDuplicateBothTrigger,
+  te as unregisterScope,
+  tt as useKeyboardCommands,
+  rt as useKeyboardNavGrid,
+  ot as useKeyboardNavList,
+  et as useKeyboardScope
+};