react-hotkeys-hook 5.3.1 → 5.3.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 Johannes Klauss
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -1,29 +1,19 @@
 {
   "name": "react-hotkeys-hook",
-  "version": "5.3.1",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "test": "vitest",
-    "prepublishOnly": "vitest run && npm run build"
-  },
+  "description": "React hook for handling keyboard shortcuts",
+  "version": "5.3.3",
+  "sideEffects": false,
   "repository": {
     "type": "git",
     "url": "https://github.com/JohannesKlauss/react-keymap-hook.git"
   },
   "homepage": "https://react-hotkeys-hook.vercel.app/",
   "author": "Johannes Klauss",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    }
-  },
+  "type": "module",
+  "main": "packages/react-hotkeys-hook/dist/index.js",
+  "types": "packages/react-hotkeys-hook/dist/index.d.ts",
   "files": [
-    "dist"
+    "packages/react-hotkeys-hook/dist"
   ],
   "keywords": [
     "react",
@@ -38,24 +28,22 @@
     "hotkeys"
   ],
   "license": "MIT",
+  "scripts": {
+    "build": "npm run -w packages/react-hotkeys-hook build",
+    "build:documentation": "npm run -w packages/documentation build",
+    "test": "npm run -w packages/react-hotkeys-hook test",
+    "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/*"
+  ],
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "devDependencies": {
-    "@eslint/js": "10.0.1",
-    "@types/react": "19.2.14",
-    "@types/react-dom": "19.2.3",
-    "@vitejs/plugin-react": "5.2.0",
-    "@testing-library/jest-dom": "6.9.1",
-    "@testing-library/react": "16.3.2",
-    "@testing-library/user-event": "14.6.1",
-    "@types/node": "24.12.2",
-    "globals": "16.5.0",
-    "jsdom": "27.4.0",
-    "typescript": "5.9.3",
-    "vite": "7.3.2",
-    "vitest": "4.1.5",
-    "vite-plugin-dts": "4.5.4"
+    "@biomejs/biome": "2.5.0"
   }
 }

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

@@ -1,5 +1,5 @@
 import { DependencyList } from 'react';
-import { JSX } from 'react/jsx-runtime';
+import { JSX } from 'react';
 import { ReactNode } from 'react';
 import { RefCallback } from 'react';
 

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

@@ -0,0 +1,318 @@
+import { createContext as e, useCallback as t, useContext as n, useEffect as r, useLayoutEffect as i, useMemo as a, useRef as o, useState as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+//#region src/lib/parseHotkeys.ts
+var l = [
+	"shift",
+	"alt",
+	"meta",
+	"mod",
+	"ctrl",
+	"control"
+];
+function u() {
+	return typeof navigator > "u" ? !1 : /mac/i.test(navigator.userAgent) && !/iphone|ipad|ipod/i.test(navigator.userAgent);
+}
+var d = {
+	esc: "escape",
+	return: "enter",
+	left: "arrowleft",
+	right: "arrowright",
+	up: "arrowup",
+	down: "arrowdown",
+	ShiftLeft: "shift",
+	ShiftRight: "shift",
+	AltLeft: "alt",
+	AltRight: "alt",
+	MetaLeft: "meta",
+	MetaRight: "meta",
+	OSLeft: "meta",
+	OSRight: "meta",
+	ControlLeft: "ctrl",
+	ControlRight: "ctrl"
+};
+function f(e) {
+	return (d[e.trim()] || e.trim()).toLowerCase().replace(/key|digit|numpad/, "");
+}
+function p(e) {
+	return l.includes(e);
+}
+function m(e, t = ",") {
+	return e.toLowerCase().split(t);
+}
+function h(e, t = "+", n = ">", r = !1, i, a) {
+	let o = [], s = !1;
+	e = e.trim(), e.includes(n) ? (s = !0, o = e.toLocaleLowerCase().split(n).map((e) => f(e))) : o = e.toLocaleLowerCase().split(t).map((e) => f(e));
+	let c = {
+		alt: o.includes("alt"),
+		ctrl: o.includes("ctrl") || o.includes("control"),
+		shift: o.includes("shift"),
+		meta: o.includes("meta"),
+		mod: o.includes("mod"),
+		useKey: r
+	}, u = o.filter((e) => !l.includes(e));
+	return {
+		...c,
+		keys: u,
+		description: i,
+		isSequence: s,
+		hotkey: e,
+		metadata: a
+	};
+}
+//#endregion
+//#region src/lib/isHotkeyPressed.ts
+typeof document < "u" && (document.addEventListener("keydown", (e) => {
+	e.code !== void 0 && y([f(e.code)]);
+}), document.addEventListener("keyup", (e) => {
+	e.code !== void 0 && b([f(e.code)]);
+})), typeof window < "u" && (window.addEventListener("blur", () => {
+	g.clear();
+}), window.addEventListener("focus", () => {
+	g.clear();
+}), window.addEventListener("contextmenu", () => {
+	setTimeout(() => {
+		g.clear();
+	}, 0);
+})), typeof document < "u" && document.addEventListener("visibilitychange", () => {
+	g.clear();
+});
+var g = /* @__PURE__ */ new Set();
+function _(e) {
+	return Array.isArray(e);
+}
+function v(e, t = ",") {
+	return (_(e) ? e : e.split(t)).every((e) => g.has(e.trim().toLowerCase()));
+}
+function y(e) {
+	let t = Array.isArray(e) ? e : [e];
+	g.has("meta") && g.forEach((e) => {
+		p(e) || g.delete(e.toLowerCase());
+	}), t.forEach((e) => {
+		g.add(e.toLowerCase());
+	});
+}
+function b(e) {
+	e === "meta" ? g.clear() : (Array.isArray(e) ? e : [e]).forEach((e) => {
+		g.delete(e.toLowerCase());
+	});
+}
+//#endregion
+//#region src/lib/validators.ts
+function x(e, t, n) {
+	(typeof n == "function" && n(e, t) || n === !0) && e.preventDefault();
+}
+function S(e, t, n) {
+	return typeof n == "function" ? n(e, t) : n === !0 || n === void 0;
+}
+var C = [
+	"input",
+	"textarea",
+	"select",
+	"searchbox",
+	"slider",
+	"spinbutton",
+	"menuitem",
+	"menuitemcheckbox",
+	"menuitemradio",
+	"option",
+	"radio",
+	"textbox"
+];
+function w(e) {
+	return T(e, C);
+}
+function T(e, t = !1) {
+	let { target: n, composed: r } = e, i, a;
+	return E(n) && r ? (i = e.composedPath()[0] && e.composedPath()[0].tagName, a = e.composedPath()[0] && e.composedPath()[0].role) : (i = n && n.tagName, a = n && n.role), _(t) ? !!(i && t?.some((e) => e.toLowerCase() === i.toLowerCase() || e === a)) : !!(i && t && t);
+}
+function E(e) {
+	return !!e.tagName && !e.tagName.startsWith("-") && e.tagName.includes("-");
+}
+function D(e, t) {
+	return e.length === 0 && t ? !1 : t ? e.some((e) => t.includes(e)) || e.includes("*") : !0;
+}
+var O = (e, t, n = !1) => {
+	let { alt: r, meta: i, mod: a, shift: o, ctrl: s, keys: c, useKey: l } = t, { code: d, key: p, ctrlKey: m, metaKey: h, shiftKey: g, altKey: _ } = e, y = f(d), b = typeof e.getModifierState == "function" && e.getModifierState("AltGraph");
+	if (!l && !c?.includes(y) && ![
+		"ctrl",
+		"control",
+		"unknown",
+		"meta",
+		"alt",
+		"shift",
+		"os"
+	].includes(y)) return !1;
+	if (!n) {
+		if (r !== _ && y !== "alt" || o !== g && y !== "shift") return !1;
+		if (a) {
+			if (u() ? !h : !m) return !1;
+		} else if (i !== h && y !== "meta" && y !== "os" || s !== m && y !== "ctrl" && y !== "control") return !1;
+		if (b && !r && !s && !a && ![
+			"alt",
+			"ctrl",
+			"control"
+		].includes(y)) return !1;
+	}
+	return l && c?.length === 1 && c.includes(p.toLowerCase()) || c && c.length === 1 && c.includes(y) ? !0 : c && c.length > 0 ? c.includes(y) ? v(c) : !1 : !c || c.length === 0;
+}, k = e(void 0), A = () => n(k);
+function j({ addHotkey: e, removeHotkey: t, children: n }) {
+	return /* @__PURE__ */ c(k.Provider, {
+		value: {
+			addHotkey: e,
+			removeHotkey: t
+		},
+		children: n
+	});
+}
+//#endregion
+//#region src/lib/deepEqual.ts
+function M(e, t) {
+	return e && t && typeof e == "object" && typeof t == "object" ? Object.keys(e).length === Object.keys(t).length && Object.keys(e).reduce((n, r) => n && M(e[r], t[r]), !0) : e === t;
+}
+//#endregion
+//#region src/lib/HotkeysProvider.tsx
+var N = e({
+	hotkeys: [],
+	activeScopes: [],
+	toggleScope: () => {},
+	enableScope: () => {},
+	disableScope: () => {}
+}), P = () => n(N), F = ({ initiallyActiveScopes: e = ["*"], children: n }) => {
+	let [r, i] = s(e), [a, o] = s([]), l = t((e) => {
+		i((t) => t.includes("*") ? [e] : Array.from(new Set([...t, e])));
+	}, []), u = t((e) => {
+		i((t) => t.filter((t) => t !== e));
+	}, []), d = t((e) => {
+		i((t) => t.includes(e) ? t.filter((t) => t !== e) : t.includes("*") ? [e] : Array.from(new Set([...t, e])));
+	}, []), f = t((e) => {
+		o((t) => [...t, e]);
+	}, []), p = t((e) => {
+		o((t) => t.filter((t) => !M(t, e)));
+	}, []);
+	return /* @__PURE__ */ c(N.Provider, {
+		value: {
+			activeScopes: r,
+			hotkeys: a,
+			enableScope: l,
+			disableScope: u,
+			toggleScope: d
+		},
+		children: /* @__PURE__ */ c(j, {
+			addHotkey: f,
+			removeHotkey: p,
+			children: n
+		})
+	});
+};
+//#endregion
+//#region src/lib/useDeepEqualMemo.ts
+function I(e) {
+	let t = o(void 0);
+	return M(t.current, e) || (t.current = e), t.current;
+}
+//#endregion
+//#region src/lib/useHotkeys.ts
+var L = (e) => {
+	e.stopPropagation(), e.preventDefault(), e.stopImmediatePropagation();
+}, R = typeof window < "u" ? i : r;
+function z(e) {
+	if (!e) return;
+	let { enabled: t, preventDefault: n, ignoreEventWhen: r, ...i } = e;
+	return typeof t == "function" ? i : {
+		...i,
+		enabled: t
+	};
+}
+function B(e, n, r, i) {
+	let [a, c] = s(null), l = t((e) => (c(e), () => c(null)), []), u = o(!1), d = Array.isArray(r) ? Array.isArray(i) ? void 0 : i : r, g = _(e) ? e.join(d?.delimiter) : e, v = Array.isArray(r) ? r : Array.isArray(i) ? i : void 0, C = t(n, v ?? []), E = o(C);
+	v ? E.current = C : E.current = n;
+	let k = I(z(d)), j = o(d?.enabled);
+	j.current = d?.enabled;
+	let M = o(d?.preventDefault);
+	M.current = d?.preventDefault;
+	let N = o(d?.ignoreEventWhen);
+	N.current = d?.ignoreEventWhen;
+	let { activeScopes: F } = P(), B = A();
+	return R(() => {
+		if (j.current === !1 || !D(F, k?.scopes)) return;
+		let e = [], t, n = (n, r = !1) => {
+			if (!(w(n) && !T(n, k?.enableOnFormTags))) {
+				if (a !== null) {
+					let e = a.getRootNode();
+					if ((e instanceof Document || e instanceof ShadowRoot) && e.activeElement !== a && !a.contains(e.activeElement)) {
+						L(n);
+						return;
+					}
+				}
+				n.target?.isContentEditable && !k?.enableOnContentEditable || m(g, k?.delimiter).forEach((i) => {
+					if (i.includes(k?.splitKey ?? "+") && i.includes(k?.sequenceSplitKey ?? ">")) {
+						console.warn(`Hotkey ${i} contains both ${k?.splitKey ?? "+"} and ${k?.sequenceSplitKey ?? ">"} which is not supported.`);
+						return;
+					}
+					let a = h(i, k?.splitKey, k?.sequenceSplitKey, k?.useKey, k?.description, k?.metadata);
+					if (a.isSequence) {
+						t = setTimeout(() => {
+							e = [];
+						}, k?.sequenceTimeoutMs ?? 1e3);
+						let r = a.useKey ? n.key : f(n.code);
+						if (p(r.toLowerCase())) return;
+						if (e.push(r), r !== a.keys?.[e.length - 1]) {
+							e = [], t && clearTimeout(t);
+							return;
+						}
+						e.length === a.keys?.length && (E.current(n, a), t && clearTimeout(t), e = []);
+					} else if (O(n, a, k?.ignoreModifiers) || a.keys?.includes("*")) {
+						if (N.current?.(n) || r && u.current || (x(n, a, M.current), !S(n, a, j.current))) return;
+						E.current(n, a), r || (u.current = !0);
+					}
+				});
+			}
+		}, r = (e) => {
+			e.code !== void 0 && (y(f(e.code)), (k?.keydown === void 0 && k?.keyup !== !0 || k?.keydown) && n(e));
+		}, i = (e) => {
+			e.code !== void 0 && (b(f(e.code)), u.current = !1, k?.keyup && n(e, !0));
+		}, o = a || d?.document || document;
+		return o.addEventListener("keyup", i, d?.eventListenerOptions), o.addEventListener("keydown", r, d?.eventListenerOptions), B && m(g, k?.delimiter).forEach((e) => {
+			B.addHotkey(h(e, k?.splitKey, k?.sequenceSplitKey, k?.useKey, k?.description, k?.metadata));
+		}), () => {
+			o.removeEventListener("keyup", i, d?.eventListenerOptions), o.removeEventListener("keydown", r, d?.eventListenerOptions), B && m(g, k?.delimiter).forEach((e) => {
+				B.removeHotkey(h(e, k?.splitKey, k?.sequenceSplitKey, k?.useKey, k?.description, k?.metadata));
+			}), e = [], t && clearTimeout(t);
+		};
+	}, [
+		a,
+		k,
+		F,
+		g
+	]), l;
+}
+//#endregion
+//#region src/lib/useRecordHotkeys.ts
+function V(e = !1, n = []) {
+	let [i, o] = s(/* @__PURE__ */ new Set()), [c, l] = s(!1), u = a(() => new Set(n.map((e) => e.toLowerCase())), [n]), d = t((t) => {
+		if (t.code === void 0) return;
+		let n = f(e ? t.key : t.code).toLowerCase();
+		u.has(n) || (t.preventDefault(), t.stopPropagation(), o((e) => {
+			let t = new Set(e);
+			return t.add(n), t;
+		}));
+	}, [e, u]), p = t(() => {
+		l(!1);
+	}, []), m = t(() => {
+		o(/* @__PURE__ */ new Set()), l(!0);
+	}, []), h = t(() => {
+		o(/* @__PURE__ */ new Set());
+	}, []);
+	return r(() => {
+		if (typeof document < "u" && c) return document.addEventListener("keydown", d), () => {
+			document.removeEventListener("keydown", d);
+		};
+	}, [c, d]), [i, {
+		start: m,
+		stop: p,
+		resetKeys: h,
+		isRecording: c
+	}];
+}
+//#endregion
+export { F as HotkeysProvider, v as isHotkeyPressed, B as useHotkeys, P as useHotkeysContext, V as useRecordHotkeys };

package/dist/index.js

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