react-hotkeys-hook 5.1.0 → 5.2.0

package/README.md

@@ -26,7 +26,9 @@
   </a>
 </p>
 
-<pre align="center">npm i react-hotkeys-hook</pre>
+```
+npm i react-hotkeys-hook
+```
 
 <p align="center">
 A React hook for using keyboard shortcuts in components in a declarative way.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-hotkeys-hook",
   "description": "React hook for handling keyboard shortcuts",
-  "version": "5.1.0",
+  "version": "5.2.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/JohannesKlauss/react-keymap-hook.git"
@@ -30,9 +30,10 @@
   "scripts": {
     "build": "npm run -w packages/react-hotkeys-hook build",
     "build:documentation": "npm run -w packages/documentation build",
-    "lint": "npm run -w packages/react-hotkeys-hook lint",
     "test": "npm run -w packages/react-hotkeys-hook test",
-    "prepublishOnly": "npm run test && npm run lint && npm run build"
+    "prepublishOnly": "npm run test && npm run lint && npm run build",
+    "format": "npx @biomejs/biome format --write packages",
+    "lint": "npx @biomejs/biome lint --write packages"
   },
   "workspaces": [
     "packages/*"
@@ -40,5 +41,8 @@
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "2.0.6"
   }
 }

package/packages/react-hotkeys-hook/dist/index.d.ts

@@ -3,4 +3,4 @@ import { Options, Keys, HotkeyCallback } from './types';
 import { HotkeysProvider, useHotkeysContext } from './HotkeysProvider';
 import { isHotkeyPressed } from './isHotkeyPressed';
 import { default as useRecordHotkeys } from './useRecordHotkeys';
-export { useHotkeys, useRecordHotkeys, useHotkeysContext, isHotkeyPressed, HotkeysProvider, Options, Keys, HotkeyCallback, };
+export { useHotkeys, useRecordHotkeys, useHotkeysContext, isHotkeyPressed, HotkeysProvider, type Options, type Keys, type HotkeyCallback, };

package/packages/react-hotkeys-hook/dist/index.js

@@ -1,6 +1,6 @@
-import { createContext as W, useContext as z, useState as A, useCallback as v, useRef as H, useLayoutEffect as _, useEffect as m } from "react";
-import { jsx as q } from "react/jsx-runtime";
-const G = ["shift", "alt", "meta", "mod", "ctrl", "control"], O = {
+import { createContext as T, useContext as M, useState as A, useCallback as w, useRef as S, useLayoutEffect as z, useEffect as J } from "react";
+import { jsx as b } from "react/jsx-runtime";
+const j = ["shift", "alt", "meta", "mod", "ctrl", "control"], Q = {
   esc: "escape",
   return: "enter",
   left: "arrowleft",
@@ -18,106 +18,108 @@ const G = ["shift", "alt", "meta", "mod", "ctrl", "control"], O = {
   ControlLeft: "ctrl",
   ControlRight: "ctrl"
 };
-function S(t) {
-  return (O[t.trim()] || t.trim()).toLowerCase().replace(/key|digit|numpad/, "");
-}
-function J(t) {
-  return G.includes(t);
-}
-function b(t, r = ",") {
-  return t.toLowerCase().split(r);
-}
-function R(t, r = "+", n = ">", f = !1, l) {
-  let u = [], c = !1;
-  t.includes(n) ? (c = !0, u = t.toLocaleLowerCase().split(n).map((i) => S(i))) : u = t.toLocaleLowerCase().split(r).map((i) => S(i));
-  const d = {
-    alt: u.includes("alt"),
-    ctrl: u.includes("ctrl") || u.includes("control"),
-    shift: u.includes("shift"),
-    meta: u.includes("meta"),
-    mod: u.includes("mod"),
-    useKey: f
-  }, a = u.filter((i) => !G.includes(i));
+function K(e) {
+  return (Q[e.trim()] || e.trim()).toLowerCase().replace(/key|digit|numpad/, "");
+}
+function D(e) {
+  return j.includes(e);
+}
+function H(e, r = ",") {
+  return e.toLowerCase().split(r);
+}
+function P(e, r = "+", o = ">", i = !1, u) {
+  let n = [], c = !1;
+  e = e.trim(), e.includes(o) ? (c = !0, n = e.toLocaleLowerCase().split(o).map((f) => K(f))) : n = e.toLocaleLowerCase().split(r).map((f) => K(f));
+  const y = {
+    alt: n.includes("alt"),
+    ctrl: n.includes("ctrl") || n.includes("control"),
+    shift: n.includes("shift"),
+    meta: n.includes("meta"),
+    mod: n.includes("mod"),
+    useKey: i
+  }, d = n.filter((f) => !j.includes(f));
   return {
-    ...d,
-    keys: a,
-    description: l,
-    isSequence: c
+    ...y,
+    keys: d,
+    description: u,
+    isSequence: c,
+    hotkey: e
   };
 }
-typeof document < "u" && (document.addEventListener("keydown", (t) => {
-  t.code !== void 0 && Q([S(t.code)]);
-}), document.addEventListener("keyup", (t) => {
-  t.code !== void 0 && U([S(t.code)]);
+typeof document < "u" && (document.addEventListener("keydown", (e) => {
+  e.code !== void 0 && I([K(e.code)]);
+}), document.addEventListener("keyup", (e) => {
+  e.code !== void 0 && _([K(e.code)]);
 })), typeof window < "u" && (window.addEventListener("blur", () => {
-  E.clear();
+  L.clear();
 }), window.addEventListener("contextmenu", () => {
   setTimeout(() => {
-    E.clear();
+    L.clear();
   }, 0);
 }));
-const E = /* @__PURE__ */ new Set();
-function B(t) {
-  return Array.isArray(t);
+const L = /* @__PURE__ */ new Set();
+function R(e) {
+  return Array.isArray(e);
 }
-function ee(t, r = ",") {
-  return (B(t) ? t : t.split(r)).every((f) => E.has(f.trim().toLowerCase()));
+function U(e, r = ",") {
+  return (R(e) ? e : e.split(r)).every((i) => L.has(i.trim().toLowerCase()));
 }
-function Q(t) {
-  const r = Array.isArray(t) ? t : [t];
-  E.has("meta") && E.forEach((n) => !J(n) && E.delete(n.toLowerCase())), r.forEach((n) => E.add(n.toLowerCase()));
+function I(e) {
+  const r = Array.isArray(e) ? e : [e];
+  L.has("meta") && L.forEach((o) => !D(o) && L.delete(o.toLowerCase())), r.forEach((o) => L.add(o.toLowerCase()));
 }
-function U(t) {
-  const r = Array.isArray(t) ? t : [t];
-  t === "meta" ? E.clear() : r.forEach((n) => E.delete(n.toLowerCase()));
+function _(e) {
+  const r = Array.isArray(e) ? e : [e];
+  e === "meta" ? L.clear() : r.forEach((o) => L.delete(o.toLowerCase()));
 }
-function te(t, r, n) {
-  (typeof n == "function" && n(t, r) || n === !0) && t.preventDefault();
+function V(e, r, o) {
+  (typeof o == "function" && o(e, r) || o === !0) && e.preventDefault();
 }
-function re(t, r, n) {
-  return typeof n == "function" ? n(t, r) : n === !0 || n === void 0;
+function X(e, r, o) {
+  return typeof o == "function" ? o(e, r) : o === !0 || o === void 0;
 }
-function ne(t) {
-  return V(t, ["input", "textarea", "select"]);
+const Y = ["input", "textarea", "select", "searchbox", "slider", "spinbutton", "menuitem", "menuitemcheckbox", "menuitemradio", "option", "radio", "textbox"];
+function Z(e) {
+  return F(e, Y);
 }
-function V(t, r = !1) {
-  const { target: n, composed: f } = t;
-  let l;
-  return ce(n) && f ? l = t.composedPath()[0] && t.composedPath()[0].tagName : l = n && n.tagName, B(r) ? !!(l && r && r.some((u) => u.toLowerCase() === l.toLowerCase())) : !!(l && r && r);
+function F(e, r = !1) {
+  const { target: o, composed: i } = e;
+  let u, n;
+  return ee(o) && i ? (u = e.composedPath()[0] && e.composedPath()[0].tagName, n = e.composedPath()[0] && e.composedPath()[0].role) : (u = o && o.tagName, n = o && o.role), R(r) ? !!(u && r && r.some((c) => c.toLowerCase() === u.toLowerCase() || c === n)) : !!(u && r && r);
 }
-function ce(t) {
-  return !!t.tagName && !t.tagName.startsWith("-") && t.tagName.includes("-");
+function ee(e) {
+  return !!e.tagName && !e.tagName.startsWith("-") && e.tagName.includes("-");
 }
-function ue(t, r) {
-  return t.length === 0 && r ? (console.warn(
+function te(e, r) {
+  return e.length === 0 && r ? (console.warn(
     'A hotkey has the "scopes" option set, however no active scopes were found. If you want to use the global scopes feature, you need to wrap your app in a <HotkeysProvider>'
-  ), !0) : r ? t.some((n) => r.includes(n)) || t.includes("*") : !0;
+  ), !0) : r ? e.some((o) => r.includes(o)) || e.includes("*") : !0;
 }
-const oe = (t, r, n = !1) => {
-  const { alt: f, meta: l, mod: u, shift: c, ctrl: d, keys: a, useKey: i } = r, { code: w, key: e, ctrlKey: s, metaKey: y, shiftKey: k, altKey: K } = t, h = S(w);
-  if (i && (a == null ? void 0 : a.length) === 1 && a.includes(e))
+const re = (e, r, o = !1) => {
+  const { alt: i, meta: u, mod: n, shift: c, ctrl: y, keys: d, useKey: f } = r, { code: p, key: t, ctrlKey: a, metaKey: l, shiftKey: g, altKey: k } = e, m = K(p);
+  if (f && d?.length === 1 && d.includes(t))
     return !0;
-  if (!(a != null && a.includes(h)) && !["ctrl", "control", "unknown", "meta", "alt", "shift", "os"].includes(h))
+  if (!d?.includes(m) && !["ctrl", "control", "unknown", "meta", "alt", "shift", "os"].includes(m))
     return !1;
-  if (!n) {
-    if (f !== K && h !== "alt" || c !== k && h !== "shift")
+  if (!o) {
+    if (i !== k && m !== "alt" || c !== g && m !== "shift")
       return !1;
-    if (u) {
-      if (!y && !s)
+    if (n) {
+      if (!l && !a)
         return !1;
-    } else if (l !== y && h !== "meta" && h !== "os" || d !== s && h !== "ctrl" && h !== "control")
+    } else if (u !== l && m !== "meta" && m !== "os" || y !== a && m !== "ctrl" && m !== "control")
       return !1;
   }
-  return a && a.length === 1 && a.includes(h) ? !0 : a ? ee(a) : !a;
-}, X = W(void 0), ae = () => z(X);
-function fe({ addHotkey: t, removeHotkey: r, children: n }) {
-  return /* @__PURE__ */ q(X.Provider, { value: { addHotkey: t, removeHotkey: r }, children: n });
+  return d && d.length === 1 && d.includes(m) ? !0 : d ? U(d) : !d;
+}, $ = T(void 0), oe = () => M($);
+function ne({ addHotkey: e, removeHotkey: r, children: o }) {
+  return /* @__PURE__ */ b($.Provider, { value: { addHotkey: e, removeHotkey: r }, children: o });
 }
-function N(t, r) {
-  return t && r && typeof t == "object" && typeof r == "object" ? Object.keys(t).length === Object.keys(r).length && // @ts-expect-error TS7053
-  Object.keys(t).reduce((n, f) => n && N(t[f], r[f]), !0) : t === r;
+function x(e, r) {
+  return e && r && typeof e == "object" && typeof r == "object" ? Object.keys(e).length === Object.keys(r).length && // @ts-expect-error TS7053
+  Object.keys(e).reduce((o, i) => o && x(e[i], r[i]), !0) : e === r;
 }
-const Y = W({
+const W = T({
   hotkeys: [],
   activeScopes: [],
   // This array has to be empty instead of containing '*' as default, to check if the provider is set or not
@@ -127,120 +129,141 @@ const Y = W({
   },
   disableScope: () => {
   }
-}), le = () => z(Y), he = ({ initiallyActiveScopes: t = ["*"], children: r }) => {
-  const [n, f] = A(t), [l, u] = A([]), c = v((e) => {
-    f((s) => s.includes("*") ? [e] : Array.from(/* @__PURE__ */ new Set([...s, e])));
-  }, []), d = v((e) => {
-    f((s) => s.filter((y) => y !== e));
-  }, []), a = v((e) => {
-    f((s) => s.includes(e) ? s.filter((y) => y !== e) : s.includes("*") ? [e] : Array.from(/* @__PURE__ */ new Set([...s, e])));
-  }, []), i = v((e) => {
-    u((s) => [...s, e]);
-  }, []), w = v((e) => {
-    u((s) => s.filter((y) => !N(y, e)));
+}), se = () => M(W), de = ({ initiallyActiveScopes: e = ["*"], children: r }) => {
+  const [o, i] = A(e), [u, n] = A([]), c = w((t) => {
+    i((a) => a.includes("*") ? [t] : Array.from(/* @__PURE__ */ new Set([...a, t])));
+  }, []), y = w((t) => {
+    i((a) => a.filter((l) => l !== t));
+  }, []), d = w((t) => {
+    i((a) => a.includes(t) ? a.filter((l) => l !== t) : a.includes("*") ? [t] : Array.from(/* @__PURE__ */ new Set([...a, t])));
+  }, []), f = w((t) => {
+    n((a) => [...a, t]);
+  }, []), p = w((t) => {
+    n((a) => a.filter((l) => !x(l, t)));
   }, []);
-  return /* @__PURE__ */ q(
-    Y.Provider,
+  return /* @__PURE__ */ b(
+    W.Provider,
     {
-      value: { activeScopes: n, hotkeys: l, enableScope: c, disableScope: d, toggleScope: a },
-      children: /* @__PURE__ */ q(fe, { addHotkey: i, removeHotkey: w, children: r })
+      value: { activeScopes: o, hotkeys: u, enableScope: c, disableScope: y, toggleScope: d },
+      children: /* @__PURE__ */ b(ne, { addHotkey: f, removeHotkey: p, children: r })
     }
   );
 };
-function se(t) {
-  const r = H(void 0);
-  return N(r.current, t) || (r.current = t), r.current;
-}
-const F = (t) => {
-  t.stopPropagation(), t.preventDefault(), t.stopImmediatePropagation();
-}, ie = typeof window < "u" ? _ : m;
-function we(t, r, n, f) {
-  const l = H(null), u = H(!1), c = n instanceof Array ? f instanceof Array ? void 0 : f : n, d = B(t) ? t.join(c == null ? void 0 : c.delimiter) : t, a = n instanceof Array ? n : f instanceof Array ? f : void 0, i = v(r, a ?? []), w = H(i);
-  a ? w.current = i : w.current = r;
-  const e = se(c), { activeScopes: s } = le(), y = ae();
-  return ie(() => {
-    if ((e == null ? void 0 : e.enabled) === !1 || !ue(s, e == null ? void 0 : e.scopes))
+function ie(e) {
+  const r = S(void 0);
+  return x(r.current, e) || (r.current = e), r.current;
+}
+const N = (e) => {
+  e.stopPropagation(), e.preventDefault(), e.stopImmediatePropagation();
+}, ue = typeof window < "u" ? z : J;
+function fe(e, r, o, i) {
+  const u = S(null), n = S(!1), c = Array.isArray(o) ? Array.isArray(i) ? void 0 : i : o, y = R(e) ? e.join(c?.delimiter) : e, d = Array.isArray(o) ? o : Array.isArray(i) ? i : void 0, f = w(r, d ?? []), p = S(f);
+  d ? p.current = f : p.current = r;
+  const t = ie(c), { activeScopes: a } = se(), l = oe();
+  return ue(() => {
+    if (t?.enabled === !1 || !te(a, t?.scopes))
       return;
-    let k = [], K;
-    const h = (o, M = !1) => {
-      var j;
-      if (!(ne(o) && !V(o, e == null ? void 0 : e.enableOnFormTags))) {
-        if (l.current !== null) {
-          const L = l.current.getRootNode();
-          if ((L instanceof Document || L instanceof ShadowRoot) && L.activeElement !== l.current && !l.current.contains(L.activeElement)) {
-            F(o);
+    let g = [], k;
+    const m = (s, B = !1) => {
+      if (!(Z(s) && !F(s, t?.enableOnFormTags))) {
+        if (u.current !== null) {
+          const v = u.current.getRootNode();
+          if ((v instanceof Document || v instanceof ShadowRoot) && v.activeElement !== u.current && !u.current.contains(v.activeElement)) {
+            N(s);
             return;
           }
         }
-        (j = o.target) != null && j.isContentEditable && !(e != null && e.enableOnContentEditable) || b(d, e == null ? void 0 : e.delimiter).forEach((L) => {
-          var D, I, p, $;
-          if (L.includes((e == null ? void 0 : e.splitKey) ?? "+") && L.includes((e == null ? void 0 : e.sequenceSplitKey) ?? ">")) {
-            console.warn(`Hotkey ${L} contains both ${(e == null ? void 0 : e.splitKey) ?? "+"} and ${(e == null ? void 0 : e.sequenceSplitKey) ?? ">"} which is not supported.`);
+        s.target?.isContentEditable && !t?.enableOnContentEditable || H(y, t?.delimiter).forEach((v) => {
+          if (v.includes(t?.splitKey ?? "+") && v.includes(t?.sequenceSplitKey ?? ">")) {
+            console.warn(
+              `Hotkey ${v} contains both ${t?.splitKey ?? "+"} and ${t?.sequenceSplitKey ?? ">"} which is not supported.`
+            );
             return;
           }
-          const g = R(L, e == null ? void 0 : e.splitKey, e == null ? void 0 : e.sequenceSplitKey, e == null ? void 0 : e.useKey, e == null ? void 0 : e.description);
-          if (g.isSequence) {
-            K = setTimeout(() => {
-              k = [];
-            }, (e == null ? void 0 : e.sequenceTimeoutMs) ?? 1e3);
-            const P = g.useKey ? o.key : S(o.code);
-            if (J(P.toLowerCase()))
+          const h = P(
+            v,
+            t?.splitKey,
+            t?.sequenceSplitKey,
+            t?.useKey,
+            t?.description
+          );
+          if (h.isSequence) {
+            k = setTimeout(() => {
+              g = [];
+            }, t?.sequenceTimeoutMs ?? 1e3);
+            const C = h.useKey ? s.key : K(s.code);
+            if (D(C.toLowerCase()))
               return;
-            k.push(P);
-            const Z = (D = g.keys) == null ? void 0 : D[k.length - 1];
-            if (P !== Z) {
-              k = [], K && clearTimeout(K);
+            g.push(C);
+            const G = h.keys?.[g.length - 1];
+            if (C !== G) {
+              g = [], k && clearTimeout(k);
               return;
             }
-            k.length === ((I = g.keys) == null ? void 0 : I.length) && (w.current(o, g), K && clearTimeout(K), k = []);
-          } else if (oe(o, g, e == null ? void 0 : e.ignoreModifiers) || (p = g.keys) != null && p.includes("*")) {
-            if (($ = e == null ? void 0 : e.ignoreEventWhen) != null && $.call(e, o) || M && u.current)
+            g.length === h.keys?.length && (p.current(s, h), k && clearTimeout(k), g = []);
+          } else if (re(s, h, t?.ignoreModifiers) || h.keys?.includes("*")) {
+            if (t?.ignoreEventWhen?.(s) || B && n.current)
               return;
-            if (te(o, g, e == null ? void 0 : e.preventDefault), !re(o, g, e == null ? void 0 : e.enabled)) {
-              F(o);
+            if (V(s, h, t?.preventDefault), !X(s, h, t?.enabled)) {
+              N(s);
               return;
             }
-            w.current(o, g), M || (u.current = !0);
+            p.current(s, h), B || (n.current = !0);
           }
         });
       }
-    }, T = (o) => {
-      o.code !== void 0 && (Q(S(o.code)), ((e == null ? void 0 : e.keydown) === void 0 && (e == null ? void 0 : e.keyup) !== !0 || e != null && e.keydown) && h(o));
-    }, x = (o) => {
-      o.code !== void 0 && (U(S(o.code)), u.current = !1, e != null && e.keyup && h(o, !0));
-    }, C = l.current || (c == null ? void 0 : c.document) || document;
-    return C.addEventListener("keyup", x, c == null ? void 0 : c.eventListenerOptions), C.addEventListener("keydown", T, c == null ? void 0 : c.eventListenerOptions), y && b(d, e == null ? void 0 : e.delimiter).forEach(
-      (o) => y.addHotkey(
-        R(o, e == null ? void 0 : e.splitKey, e == null ? void 0 : e.sequenceSplitKey, e == null ? void 0 : e.useKey, e == null ? void 0 : e.description)
+    }, O = (s) => {
+      s.code !== void 0 && (I(K(s.code)), (t?.keydown === void 0 && t?.keyup !== !0 || t?.keydown) && m(s));
+    }, q = (s) => {
+      s.code !== void 0 && (_(K(s.code)), n.current = !1, t?.keyup && m(s, !0));
+    }, E = u.current || c?.document || document;
+    return E.addEventListener("keyup", q, c?.eventListenerOptions), E.addEventListener("keydown", O, c?.eventListenerOptions), l && H(y, t?.delimiter).forEach(
+      (s) => l.addHotkey(
+        P(
+          s,
+          t?.splitKey,
+          t?.sequenceSplitKey,
+          t?.useKey,
+          t?.description
+        )
       )
     ), () => {
-      C.removeEventListener("keyup", x, c == null ? void 0 : c.eventListenerOptions), C.removeEventListener("keydown", T, c == null ? void 0 : c.eventListenerOptions), y && b(d, e == null ? void 0 : e.delimiter).forEach(
-        (o) => y.removeHotkey(
-          R(o, e == null ? void 0 : e.splitKey, e == null ? void 0 : e.sequenceSplitKey, e == null ? void 0 : e.useKey, e == null ? void 0 : e.description)
+      E.removeEventListener("keyup", q, c?.eventListenerOptions), E.removeEventListener("keydown", O, c?.eventListenerOptions), l && H(y, t?.delimiter).forEach(
+        (s) => l.removeHotkey(
+          P(
+            s,
+            t?.splitKey,
+            t?.sequenceSplitKey,
+            t?.useKey,
+            t?.description
+          )
         )
-      ), k = [], K && clearTimeout(K);
+      ), g = [], k && clearTimeout(k);
     };
-  }, [d, e, s]), l;
-}
-function ge(t = !1) {
-  const [r, n] = A(/* @__PURE__ */ new Set()), [f, l] = A(!1), u = v((i) => {
-    i.code !== void 0 && (i.preventDefault(), i.stopPropagation(), n((w) => {
-      const e = new Set(w);
-      return e.add(S(t ? i.key : i.code)), e;
-    }));
-  }, [t]), c = v(() => {
-    typeof document < "u" && (document.removeEventListener("keydown", u), l(!1));
-  }, [u]), d = v(() => {
-    n(/* @__PURE__ */ new Set()), typeof document < "u" && (c(), document.addEventListener("keydown", u), l(!0));
-  }, [u, c]), a = v(() => {
-    n(/* @__PURE__ */ new Set());
+  }, [y, t, a]), u;
+}
+function le(e = !1) {
+  const [r, o] = A(/* @__PURE__ */ new Set()), [i, u] = A(!1), n = w(
+    (f) => {
+      f.code !== void 0 && (f.preventDefault(), f.stopPropagation(), o((p) => {
+        const t = new Set(p);
+        return t.add(K(e ? f.key : f.code)), t;
+      }));
+    },
+    [e]
+  ), c = w(() => {
+    typeof document < "u" && (document.removeEventListener("keydown", n), u(!1));
+  }, [n]), y = w(() => {
+    o(/* @__PURE__ */ new Set()), typeof document < "u" && (c(), document.addEventListener("keydown", n), u(!0));
+  }, [n, c]), d = w(() => {
+    o(/* @__PURE__ */ new Set());
   }, []);
-  return [r, { start: d, stop: c, resetKeys: a, isRecording: f }];
+  return [r, { start: y, stop: c, resetKeys: d, isRecording: i }];
 }
 export {
-  he as HotkeysProvider,
-  ee as isHotkeyPressed,
-  we as useHotkeys,
-  le as useHotkeysContext,
-  ge as useRecordHotkeys
+  de as HotkeysProvider,
+  U as isHotkeyPressed,
+  fe as useHotkeys,
+  se as useHotkeysContext,
+  le as useRecordHotkeys
 };

package/packages/react-hotkeys-hook/dist/types.d.ts

@@ -1,5 +1,5 @@
 import { DependencyList } from 'react';
-export type FormTags = 'input' | 'textarea' | 'select' | 'INPUT' | 'TEXTAREA' | 'SELECT';
+export type FormTags = 'input' | 'textarea' | 'select' | 'INPUT' | 'TEXTAREA' | 'SELECT' | 'searchbox' | 'slider' | 'spinbutton' | 'menuitem' | 'menuitemcheckbox' | 'menuitemradio' | 'option' | 'radio' | 'textbox';
 export type Keys = string | readonly string[];
 export type Scopes = string | readonly string[];
 export type EventListenerOptions = {
@@ -21,6 +21,7 @@ export type Hotkey = KeyboardModifiers & {
     scopes?: Scopes;
     description?: string;
     isSequence?: boolean;
+    hotkey: string;
 };
 export type HotkeysEvent = Hotkey;
 export type HotkeyCallback = (keyboardEvent: KeyboardEvent, hotkeysEvent: HotkeysEvent) => void;