@tvuikit/navigation-react 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+export * from "./react/NavigationProvider.js";
+export * from "./react/useFocusable.js";
+export * from "./react/useCustomFocusable.js";
+export * from "./react/useFocusEvents.js";
+export * from "./react/FocusGroup.js";
+export * from "./react/Focusable.js";
+export * from "./react/CustomFocusable.js";
+export * from "./react/DebugPanel.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC"}

package/dist/index.js

@@ -0,0 +1,607 @@
+import { jsx as x, jsxs as k } from "react/jsx-runtime";
+import ne, { createContext as oe, useRef as W, useMemo as G, useEffect as C, useContext as F, useSyncExternalStore as re, memo as ce, useState as M } from "react";
+import { createDomRegistry as le } from "@tvuikit/navigation-dom";
+const H = {
+  up: "ArrowUp",
+  down: "ArrowDown",
+  left: "ArrowLeft",
+  right: "ArrowRight"
+}, Q = {
+  select: ["Enter", " "],
+  back: ["Escape", "Backspace"]
+}, P = oe(null);
+function Ne({
+  children: n,
+  store: e,
+  domSource: t = "dom",
+  captureKeyboard: y = !0,
+  autoSync: r = !0,
+  initialFocus: g,
+  keyMap: s,
+  actionKeys: u
+}) {
+  const v = W({
+    store: e,
+    domSource: t
+  }), c = G(() => {
+    const {
+      store: o,
+      domSource: i
+    } = v.current, l = o.getExistingSource(i);
+    if (l) {
+      if (typeof l.getElement == "function")
+        return l;
+      console.warn(`NavigationProvider: source "${i}" exists but is not a DomRegistry. Creating new DomRegistry.`);
+    }
+    const h = le();
+    return o.addSource(i, h), h;
+  }, []), p = G(() => ({
+    store: v.current.store,
+    domSource: v.current.domSource,
+    domRegistry: c
+  }), [c]);
+  C(() => {
+    if (!r) return;
+    let o = 0;
+    const i = () => {
+      e.sync(), o = requestAnimationFrame(i);
+    };
+    return o = requestAnimationFrame(i), () => cancelAnimationFrame(o);
+  }, [r, e]);
+  const a = G(() => s ? {
+    up: s.up ?? H.up,
+    down: s.down ?? H.down,
+    left: s.left ?? H.left,
+    right: s.right ?? H.right
+  } : H, [s]), d = G(() => u === !1 ? null : u ? {
+    ...Q,
+    ...u
+  } : Q, [u]);
+  return C(() => {
+    if (!y) return;
+    const o = /* @__PURE__ */ new Map(), i = (m, f) => {
+      if (typeof m == "string")
+        o.set(m, f);
+      else
+        for (const b of m) o.set(b, f);
+    };
+    i(a.up, "up"), i(a.down, "down"), i(a.left, "left"), i(a.right, "right");
+    const l = /* @__PURE__ */ new Map();
+    if (d)
+      for (const [m, f] of Object.entries(d))
+        if (typeof f == "string")
+          l.set(f, m);
+        else
+          for (const b of f) l.set(b, m);
+    const h = (m) => {
+      const f = o.get(m.key);
+      if (f) {
+        m.preventDefault(), e.move(f, {
+          sync: !0
+        });
+        return;
+      }
+      const b = l.get(m.key);
+      if (b) {
+        m.preventDefault();
+        const R = e.focused, S = R ? e.registry.bounds(R) : null;
+        e.engine.dispatchEvent(new CustomEvent("action", {
+          detail: {
+            action: b,
+            nodeId: R,
+            bounds: S,
+            key: m.key
+          }
+        }));
+      }
+    };
+    return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
+  }, [y, e, a, d]), C(() => {
+    const o = setTimeout(() => {
+      if (g) {
+        const l = g.includes(":") ? g : `${t}:${g}`;
+        e.focus(l);
+        return;
+      }
+      e.sync();
+      const i = e.registry.ids();
+      for (let l = 0; l < i.length; l++) {
+        const h = i[l], m = e.registry.enabled?.(h) ?? !0, f = e.registry.visible?.(h) ?? !0;
+        if (m && f) {
+          e.focus(h);
+          return;
+        }
+      }
+    }, 0);
+    return () => clearTimeout(o);
+  }, [e, g, t]), /* @__PURE__ */ x(P.Provider, { value: p, children: n });
+}
+function Fe() {
+  const n = F(P);
+  if (!n)
+    throw new Error("useNavigationStore must be used within a <NavigationProvider>");
+  return n.store;
+}
+function Oe() {
+  return F(P);
+}
+var U = { exports: {} }, Z = {};
+/**
+ * @license React
+ * react-compiler-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var X;
+function ue() {
+  if (X) return Z;
+  X = 1;
+  var n = ne.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+  return Z.c = function(e) {
+    return n.H.useMemoCache(e);
+  }, Z;
+}
+var J = {};
+/**
+ * @license React
+ * react-compiler-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ee;
+function de() {
+  return ee || (ee = 1, process.env.NODE_ENV !== "production" && (function() {
+    var n = ne.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    J.c = function(e) {
+      var t = n.H;
+      return t === null && console.error(
+        `Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
+1. You might have mismatching versions of React and the renderer (such as React DOM)
+2. You might be breaking the Rules of Hooks
+3. You might have more than one copy of React in the same app
+See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`
+      ), t.useMemoCache(e);
+    };
+  })()), J;
+}
+var te;
+function ae() {
+  return te || (te = 1, process.env.NODE_ENV === "production" ? U.exports = ue() : U.exports = de()), U.exports;
+}
+var L = ae();
+const Y = oe(null);
+function fe(n) {
+  const e = L.c(16), t = F(P);
+  if (!t)
+    throw new Error("useFocusable must be used within <NavigationProvider>");
+  const y = F(Y), {
+    store: r,
+    domSource: g,
+    domRegistry: s
+  } = t, u = n.id, v = n.groupId !== void 0 ? n.groupId : y?.groupId, c = n.disabled, p = n.onFocus, a = n.onBlur, d = `${g}:${u}`, o = W(null);
+  let i;
+  e[0] !== d || e[1] !== r ? (i = (_) => {
+    const E = r.subscribe(() => {
+      const I = r.isFocused(d);
+      o.current !== I && (o.current = I, _());
+    });
+    return o.current = r.isFocused(d), E;
+  }, e[0] = d, e[1] = r, e[2] = i) : i = e[2];
+  const l = i;
+  let h;
+  e[3] !== d || e[4] !== r ? (h = () => r.isFocused(d), e[3] = d, e[4] = r, e[5] = h) : h = e[5];
+  const b = re(l, h, ve);
+  let R;
+  e[6] !== c || e[7] !== s || e[8] !== v || e[9] !== u || e[10] !== a || e[11] !== p ? (R = (_) => {
+    if (!_) {
+      s.unregister(u);
+      return;
+    }
+    const E = {};
+    v !== void 0 && (E.groupId = v), c !== void 0 && (E.enabled = !c), p && (E.onFocus = p), a && (E.onBlur = a), s.register(u, _, Object.keys(E).length > 0 ? E : void 0);
+  }, e[6] = c, e[7] = s, e[8] = v, e[9] = u, e[10] = a, e[11] = p, e[12] = R) : R = e[12];
+  const S = R;
+  let w;
+  return e[13] !== b || e[14] !== S ? (w = {
+    ref: S,
+    focused: b
+  }, e[13] = b, e[14] = S, e[15] = w) : w = e[15], w;
+}
+function ve() {
+  return !1;
+}
+function me(n) {
+  const e = L.c(20), {
+    store: t,
+    source: y,
+    id: r,
+    rect: g,
+    groupId: s,
+    disabled: u,
+    onFocus: v,
+    onBlur: c
+  } = n, p = y === void 0 ? "custom" : y, a = F(Y), d = s !== void 0 ? s : a?.groupId ?? null, o = `${p}:${r}`;
+  let i;
+  e[0] !== p || e[1] !== t ? (i = t.getSource(p), e[0] = p, e[1] = t, e[2] = i) : i = e[2];
+  const l = i;
+  let h, m;
+  e[3] !== u || e[4] !== d || e[5] !== r || e[6] !== c || e[7] !== v || e[8] !== g || e[9] !== l ? (h = () => (l.register({
+    id: r,
+    rect: g,
+    groupId: d,
+    ...u !== void 0 && {
+      enabled: !u
+    },
+    ...v && {
+      onFocus: v
+    },
+    ...c && {
+      onBlur: c
+    }
+  }), () => {
+    l.unregister(r);
+  }), m = [l, r, g, d, u, v, c], e[3] = u, e[4] = d, e[5] = r, e[6] = c, e[7] = v, e[8] = g, e[9] = l, e[10] = h, e[11] = m) : (h = e[10], m = e[11]), C(h, m);
+  const f = W(null);
+  let b;
+  e[12] !== o || e[13] !== t ? (b = (j) => {
+    const N = t.subscribe(() => {
+      const $ = t.isFocused(o);
+      f.current !== $ && (f.current = $, j());
+    });
+    return f.current = t.isFocused(o), N;
+  }, e[12] = o, e[13] = t, e[14] = b) : b = e[14];
+  const R = b;
+  let S;
+  e[15] !== o || e[16] !== t ? (S = () => t.isFocused(o), e[15] = o, e[16] = t, e[17] = S) : S = e[17];
+  const E = re(R, S, ge);
+  let I;
+  return e[18] !== E ? (I = {
+    focused: E
+  }, e[18] = E, e[19] = I) : I = e[19], I;
+}
+function ge() {
+  return !1;
+}
+function he(n, e, t) {
+  const y = F(P), r = typeof n == "object", g = r ? n : {
+    [n]: e
+  }, u = (r ? e : t)?.store ?? y?.store, v = W(g);
+  v.current = g;
+  const c = Object.keys(g).sort().join(",");
+  C(() => {
+    if (!u) {
+      console.warn("useFocusEvents: No store available. Use within NavigationProvider or pass store option.");
+      return;
+    }
+    const p = [];
+    for (const a of Object.keys(v.current)) {
+      const d = (o) => {
+        const i = v.current[a];
+        if (i) {
+          const l = o.detail;
+          i(l);
+        }
+      };
+      u.addEventListener(a, d), p.push(() => u.removeEventListener(a, d));
+    }
+    return () => {
+      for (const a of p)
+        a();
+    };
+  }, [u, c]);
+}
+function De(n) {
+  const e = L.c(26), t = F(Y), y = F(P), r = n.store ?? y?.store;
+  let g;
+  e: {
+    if (n.nested === !1 || !t) {
+      g = n.id;
+      break e;
+    }
+    g = `${t.groupId}/${n.id}`;
+  }
+  const s = g;
+  let u, v;
+  e[0] !== s || e[1] !== n.restoreHistoryOnEnter || e[2] !== r ? (u = () => {
+    if (!r)
+      return;
+    const f = n.restoreHistoryOnEnter ?? !0;
+    return r.setGroupRestoreOnEnter(s, f), () => r.clearGroupRestoreOnEnter(s);
+  }, v = [r, s, n.restoreHistoryOnEnter], e[0] = s, e[1] = n.restoreHistoryOnEnter, e[2] = r, e[3] = u, e[4] = v) : (u = e[3], v = e[4]), C(u, v);
+  let c, p;
+  e[5] !== s || e[6] !== n.boundary || e[7] !== n.trap || e[8] !== r ? (c = () => {
+    if (!r)
+      return;
+    let f = null;
+    if (n.trap ? f = {
+      left: !0,
+      right: !0,
+      up: !0,
+      down: !0
+    } : n.boundary && (f = n.boundary), f)
+      return r.setGroupBoundary(s, f), () => r.clearGroupBoundary(s);
+  }, p = [r, s, n.trap, n.boundary], e[5] = s, e[6] = n.boundary, e[7] = n.trap, e[8] = r, e[9] = c, e[10] = p) : (c = e[9], p = e[10]), C(c, p);
+  let a, d;
+  e[11] !== s || e[12] !== n.resetHistoryOnMount || e[13] !== r ? (a = () => {
+    r && n.resetHistoryOnMount && r.clearGroupHistory(s);
+  }, d = [r, s, n.resetHistoryOnMount], e[11] = s, e[12] = n.resetHistoryOnMount, e[13] = r, e[14] = a, e[15] = d) : (a = e[14], d = e[15]), C(a, d);
+  let o, i;
+  e[16] !== s || e[17] !== n.focusOnMountId || e[18] !== r ? (o = () => {
+    if (!r)
+      return;
+    const f = n.focusOnMountId;
+    f && r.focusGroup(s, {
+      id: f
+    });
+  }, i = [r, s, n.focusOnMountId], e[16] = s, e[17] = n.focusOnMountId, e[18] = r, e[19] = o, e[20] = i) : (o = e[19], i = e[20]), C(o, i);
+  let l;
+  e[21] !== s ? (l = {
+    groupId: s
+  }, e[21] = s, e[22] = l) : l = e[22];
+  const h = l;
+  let m;
+  return e[23] !== n.children || e[24] !== h ? (m = /* @__PURE__ */ x(Y.Provider, { value: h, children: n.children }), e[23] = n.children, e[24] = h, e[25] = m) : m = e[25], m;
+}
+function ke(n) {
+  const e = L.c(35);
+  let t, y, r, g, s, u, v, c, p, a, d;
+  e[0] !== n ? ({
+    id: v,
+    as: t,
+    focusedClassName: s,
+    focusedStyle: u,
+    onFocus: p,
+    onBlur: c,
+    disabled: g,
+    children: y,
+    className: r,
+    style: d,
+    ...a
+  } = n, e[0] = n, e[1] = t, e[2] = y, e[3] = r, e[4] = g, e[5] = s, e[6] = u, e[7] = v, e[8] = c, e[9] = p, e[10] = a, e[11] = d) : (t = e[1], y = e[2], r = e[3], g = e[4], s = e[5], u = e[6], v = e[7], c = e[8], p = e[9], a = e[10], d = e[11]);
+  let o;
+  e[12] !== g ? (o = g !== void 0 && {
+    disabled: g
+  }, e[12] = g, e[13] = o) : o = e[13];
+  let i;
+  e[14] !== p ? (i = p && {
+    onFocus: p
+  }, e[14] = p, e[15] = i) : i = e[15];
+  let l;
+  e[16] !== c ? (l = c && {
+    onBlur: c
+  }, e[16] = c, e[17] = l) : l = e[17];
+  let h;
+  e[18] !== v || e[19] !== o || e[20] !== i || e[21] !== l ? (h = {
+    id: v,
+    ...o,
+    ...i,
+    ...l
+  }, e[18] = v, e[19] = o, e[20] = i, e[21] = l, e[22] = h) : h = e[22];
+  const {
+    ref: m,
+    focused: f
+  } = fe(h), b = t || "div", R = f && s ? r ? `${r} ${s}` : s : r;
+  let S;
+  e[23] !== f || e[24] !== u || e[25] !== d ? (S = f && u ? d ? {
+    ...d,
+    ...u
+  } : u : d, e[23] = f, e[24] = u, e[25] = d, e[26] = S) : S = e[26];
+  const w = S, _ = f || void 0;
+  let E;
+  return e[27] !== b || e[28] !== y || e[29] !== R || e[30] !== w || e[31] !== m || e[32] !== a || e[33] !== _ ? (E = /* @__PURE__ */ x(b, { ref: m, className: R, style: w, "data-tvkit-focused": _, ...a, children: y }), e[27] = b, e[28] = y, e[29] = R, e[30] = w, e[31] = m, e[32] = a, e[33] = _, e[34] = E) : E = e[34], E;
+}
+function $e(n) {
+  const e = L.c(22), {
+    store: t,
+    source: y,
+    id: r,
+    rect: g,
+    groupId: s,
+    disabled: u,
+    onFocus: v,
+    onBlur: c,
+    children: p
+  } = n;
+  let a;
+  e[0] !== y ? (a = y && {
+    source: y
+  }, e[0] = y, e[1] = a) : a = e[1];
+  let d;
+  e[2] !== s ? (d = s !== void 0 && {
+    groupId: s
+  }, e[2] = s, e[3] = d) : d = e[3];
+  let o;
+  e[4] !== u ? (o = u !== void 0 && {
+    disabled: u
+  }, e[4] = u, e[5] = o) : o = e[5];
+  let i;
+  e[6] !== v ? (i = v && {
+    onFocus: v
+  }, e[6] = v, e[7] = i) : i = e[7];
+  let l;
+  e[8] !== c ? (l = c && {
+    onBlur: c
+  }, e[8] = c, e[9] = l) : l = e[9];
+  let h;
+  e[10] !== r || e[11] !== g || e[12] !== t || e[13] !== a || e[14] !== d || e[15] !== o || e[16] !== i || e[17] !== l ? (h = {
+    store: t,
+    id: r,
+    rect: g,
+    ...a,
+    ...d,
+    ...o,
+    ...i,
+    ...l
+  }, e[10] = r, e[11] = g, e[12] = t, e[13] = a, e[14] = d, e[15] = o, e[16] = i, e[17] = l, e[18] = h) : h = e[18];
+  const {
+    focused: m
+  } = me(h);
+  let f;
+  return e[19] !== p || e[20] !== m ? (f = p(m), e[19] = p, e[20] = m, e[21] = f) : f = e[21], f;
+}
+const V = 40, pe = {
+  position: "fixed",
+  background: "rgba(18, 18, 26, 0.95)",
+  border: "1px solid rgba(255, 255, 255, 0.1)",
+  borderRadius: "12px",
+  fontSize: "0.8rem",
+  backdropFilter: "blur(12px)",
+  zIndex: 1e3,
+  fontFamily: "system-ui, sans-serif",
+  color: "#ffffff",
+  transition: "all 0.2s ease"
+}, ye = {
+  width: V,
+  height: V,
+  padding: 0,
+  cursor: "pointer"
+}, be = {
+  minWidth: "200px",
+  padding: "1rem",
+  paddingTop: "2.5rem"
+}, se = {
+  position: "absolute",
+  top: 0,
+  left: 0,
+  width: V,
+  height: V,
+  border: "none",
+  background: "transparent",
+  color: "#00d4aa",
+  fontSize: "1.25rem",
+  fontWeight: 600,
+  cursor: "pointer",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  transition: "color 0.2s ease"
+}, Se = {
+  ...se,
+  position: "relative"
+}, Ee = {
+  fontSize: "0.75rem",
+  fontWeight: 600,
+  textTransform: "uppercase",
+  letterSpacing: "0.05em",
+  color: "#00d4aa",
+  marginBottom: "0.75rem",
+  margin: 0
+}, Re = {
+  display: "flex",
+  flexDirection: "column",
+  gap: "0.5rem"
+}, q = {
+  display: "flex",
+  justifyContent: "space-between",
+  color: "#9ca3af"
+}, z = {
+  color: "#ffffff",
+  fontFamily: "monospace"
+}, _e = {
+  animation: "debugPanelFadeIn 0.2s ease"
+};
+function xe(n, e) {
+  const t = typeof e == "number" ? `${e}px` : e, y = {};
+  return n.vertical === "top" ? y.top = t : y.bottom = t, n.horizontal === "left" ? y.left = t : y.right = t, y;
+}
+const Ae = ce(function(e) {
+  const t = L.c(22), {
+    className: y,
+    style: r,
+    useDefaultStyles: g,
+    position: s,
+    padding: u,
+    defaultExpanded: v
+  } = e, c = g === void 0 ? !0 : g, p = s === void 0 ? {} : s, a = u === void 0 ? "1rem" : u, d = v === void 0 ? !1 : v, [o, i] = M(d), [l, h] = M(null), [m, f] = M("-"), [b, R] = M("-"), [S, w] = M("-");
+  let _;
+  t[0] === Symbol.for("react.memo_cache_sentinel") ? (_ = {
+    focus: (O) => {
+      const {
+        nodeId: D
+      } = O;
+      return h(D);
+    },
+    blur: (O) => {
+      const {
+        nodeId: D
+      } = O;
+      return f(D);
+    },
+    move: (O) => {
+      const {
+        direction: D
+      } = O;
+      return R(D);
+    },
+    reject: (O) => {
+      const {
+        direction: D,
+        reason: ie
+      } = O;
+      return w(`${D} (${ie})`);
+    }
+  }, t[0] = _) : _ = t[0], he(_);
+  const E = {
+    vertical: p.vertical ?? "bottom",
+    horizontal: p.horizontal ?? "right"
+  }, I = c ? {
+    ...pe,
+    ...xe(E, a),
+    ...o ? be : ye,
+    ...r
+  } : r, j = c ? o ? se : Se : void 0;
+  let N;
+  t[1] !== o || t[2] !== i ? (N = () => i(!o), t[1] = o, t[2] = i, t[3] = N) : N = t[3];
+  const $ = o ? "Collapse debug panel" : "Expand debug panel", K = o ? "×" : "D";
+  let A;
+  t[4] !== o || t[5] !== j || t[6] !== N || t[7] !== $ || t[8] !== K ? (A = /* @__PURE__ */ x("button", { style: j, onClick: N, "aria-label": $, "aria-expanded": o, children: K }), t[4] = o, t[5] = j, t[6] = N, t[7] = $, t[8] = K, t[9] = A) : A = t[9];
+  let T;
+  t[10] !== o || t[11] !== l || t[12] !== b || t[13] !== S || t[14] !== m || t[15] !== c ? (T = o && /* @__PURE__ */ k("div", { style: c ? _e : void 0, children: [
+    /* @__PURE__ */ x("h3", { style: c ? Ee : void 0, children: "Debug" }),
+    /* @__PURE__ */ k("div", { style: c ? Re : void 0, children: [
+      /* @__PURE__ */ k("div", { style: c ? q : void 0, children: [
+        /* @__PURE__ */ x("span", { children: "Focused:" }),
+        /* @__PURE__ */ x("span", { style: c ? z : void 0, children: l ?? "none" })
+      ] }),
+      /* @__PURE__ */ k("div", { style: c ? q : void 0, children: [
+        /* @__PURE__ */ x("span", { children: "Previous:" }),
+        /* @__PURE__ */ x("span", { style: c ? z : void 0, children: m })
+      ] }),
+      /* @__PURE__ */ k("div", { style: c ? q : void 0, children: [
+        /* @__PURE__ */ x("span", { children: "Last move:" }),
+        /* @__PURE__ */ x("span", { style: c ? z : void 0, children: b })
+      ] }),
+      /* @__PURE__ */ k("div", { style: c ? q : void 0, children: [
+        /* @__PURE__ */ x("span", { children: "Last reject:" }),
+        /* @__PURE__ */ x("span", { style: c ? z : void 0, children: S })
+      ] })
+    ] })
+  ] }), t[10] = o, t[11] = l, t[12] = b, t[13] = S, t[14] = m, t[15] = c, t[16] = T) : T = t[16];
+  let B;
+  return t[17] !== y || t[18] !== I || t[19] !== A || t[20] !== T ? (B = /* @__PURE__ */ k("div", { className: y, style: I, children: [
+    A,
+    T
+  ] }), t[17] = y, t[18] = I, t[19] = A, t[20] = T, t[21] = B) : B = t[21], B;
+});
+export {
+  $e as CustomFocusable,
+  Q as DEFAULT_ACTION_KEYS,
+  H as DEFAULT_KEY_MAP,
+  Ae as DebugPanel,
+  De as FocusGroup,
+  ke as Focusable,
+  P as NavigationContext,
+  Ne as NavigationProvider,
+  me as useCustomFocusable,
+  he as useFocusEvents,
+  fe as useFocusable,
+  Oe as useNavigationContext,
+  Fe as useNavigationStore
+};
+//# sourceMappingURL=index.js.map