@tanstack/react-hotkeys 0.21.0 → 0.22.1

package/dist/HotkeysProvider.d.ts

@@ -1,8 +1,7 @@
 import { UseHotkeyCommonOptions } from "./useHotkey.js";
 import { AppHotkeys, AppHotkeysStore, CustomHotkeys, HotkeyChordRecorderOptions, HotkeyPlatform, HotkeySequenceRecorderOptions } from "@tanstack/hotkeys";
-import { ReactElement, ReactNode } from "react";
 import { HotkeysProviderScopeProps } from "@tanstack/hotkeys/adapter";
-//#region src/HotkeysProvider.d.ts
+import { ReactElement, ReactNode } from "react";
 export interface HotkeysProviderOptions {
   /**
    * The user's platform, for labels from `useFormatForDisplay`, hotkeys, and
@@ -35,8 +34,8 @@ export interface HotkeysProviderProps<T extends AppHotkeys = AppHotkeys> extends
   /**
    * The user's saved custom hotkeys. When the value changes, such as after
    * saved data loads or the user signs in, it replaces the current custom
-   * hotkeys. `undefined` leaves them unchanged; `null` clears them. Invalid
-   * entries are ignored with a warning.
+   * hotkeys. `undefined` leaves them unchanged; `null` clears them. Unknown
+   * ids and invalid entries are ignored.
    */
   customHotkeys?: CustomHotkeys<T> | null;
   /** Called with the custom hotkeys after every change, ready to save. */
@@ -78,4 +77,4 @@ export interface HotkeysProviderProps<T extends AppHotkeys = AppHotkeys> extends
 export declare function HotkeysProvider<T extends AppHotkeys = AppHotkeys>({ children, appHotkeys, customHotkeys, onCustomHotkeysChange, defaultOptions, scope, exclusive, enabled }: HotkeysProviderProps<T>): ReactElement;
 export declare function useHotkeysContext(): HotkeysContextValue | null;
 export declare function useDefaultHotkeysOptions(): HotkeysProviderOptions;
-//#endregion
+export {};

package/dist/HotkeysProvider.js

@@ -1,10 +1,10 @@
 'use client';
 
 import { publishAppHotkeysStore } from "@tanstack/hotkeys";
-import React, { createContext, useContext, useEffect, useMemo, useState } from "react";
 import { activateHotkeysProviderScope, createAppHotkeysStore, getHotkeysProviderScopeKey, mergeHotkeysProviderDefaults } from "@tanstack/hotkeys/adapter";
+import React, { createContext, useContext, useEffect, useMemo, useState } from "react";
 
-//#region src/HotkeysProvider.tsx
+// src/HotkeysProvider.tsx
 const HotkeysContext = createContext(null);
 const DEFAULT_OPTIONS = {};
 const NO_PARENT = {
@@ -96,5 +96,4 @@ function useDefaultHotkeysOptions() {
 	return useContext(HotkeysContext)?.defaultOptions ?? DEFAULT_OPTIONS;
 }
 
-//#endregion
 export { HotkeysProvider, useDefaultHotkeysOptions, useHotkeysContext };

package/dist/_appHotkeysStore.js

@@ -4,7 +4,7 @@ import { useHotkeysContext } from "./HotkeysProvider.js";
 import { useSelector } from "./_useSelector.js";
 import { createStore } from "@tanstack/hotkeys/adapter";
 
-//#region src/_appHotkeysStore.ts
+// src/_appHotkeysStore.ts
 const NO_APP_HOTKEYS = createStore(null);
 /**
 * The provider's app hotkeys store, re-rendering when app hotkeys or custom
@@ -16,5 +16,4 @@ function useAppHotkeysStoreState() {
 	return store;
 }
 
-//#endregion
 export { useAppHotkeysStoreState };

package/dist/_usePlatform.js

@@ -2,10 +2,10 @@
 
 import { useDefaultHotkeysOptions } from "./HotkeysProvider.js";
 import { detectPlatform } from "@tanstack/hotkeys";
-import { useSyncExternalStore } from "react";
 import { getServerPlatformSnapshot } from "@tanstack/hotkeys/adapter";
+import { useSyncExternalStore } from "react";
 
-//#region src/_usePlatform.ts
+// src/_usePlatform.ts
 const subscribe = () => () => {};
 /**
 * The provider's platform, or the detected one. Without a provider platform,
@@ -17,5 +17,4 @@ function usePlatform() {
 	return useSyncExternalStore(subscribe, () => platform ?? detectPlatform(), () => platform ?? getServerPlatformSnapshot());
 }
 
-//#endregion
 export { usePlatform };

package/dist/_useSelector.js

@@ -2,7 +2,7 @@
 
 import { useCallback, useRef, useSyncExternalStore } from "react";
 
-//#region src/_useSelector.ts
+// src/_useSelector.ts
 /**
 * Subscribes to a store and returns the selected value, re-rendering when it
 * changes (by `Object.is`). The selector runs again only when the store's
@@ -10,20 +10,19 @@ import { useCallback, useRef, useSyncExternalStore } from "react";
 */
 function useSelector(store, selector) {
 	const subscribe = useCallback((onChange) => store.subscribe(onChange).unsubscribe, [store]);
-	const memo = useRef(null);
+	const memoRef = useRef(null);
 	const getSelection = () => {
 		const state = store.get();
-		const last = memo.current;
+		const last = memoRef.current;
 		if (last && last.selector === selector && Object.is(last.state, state)) return last.selected;
-		memo.current = {
+		memoRef.current = {
 			state,
 			selector,
 			selected: selector(state)
 		};
-		return memo.current.selected;
+		return memoRef.current.selected;
 	};
 	return useSyncExternalStore(subscribe, getSelection, getSelection);
 }
 
-//#endregion
 export { useSelector };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { UseAppHotkeyOptions, UseHotkeyChordOptions, UseHotkeyCommonOptions, UseHotkeyOptions, UseHotkeyOptionsFor, UseHotkeySequenceOptions, UseHotkeyTarget, useHotkey } from "./useHotkey.js";
 import { HotkeysProvider, HotkeysProviderOptions, HotkeysProviderProps, useDefaultHotkeysOptions, useHotkeysContext } from "./HotkeysProvider.js";
+import { UseAppHotkeyOptions, UseHotkeyChordOptions, UseHotkeyCommonOptions, UseHotkeyOptions, UseHotkeyOptionsFor, UseHotkeySequenceOptions, UseHotkeyTarget, useHotkey } from "./useHotkey.js";
 import { UseHotkeyDefinition, useHotkeys } from "./useHotkeys.js";
 import { ReactHotkeyRecorder, useHotkeyRecorder } from "./useHotkeyRecorder.js";
 import { useHotkeyRegistrations } from "./useHotkeyRegistrations.js";

package/dist/index.js

@@ -1,6 +1,6 @@
 import { HotkeysProvider, useDefaultHotkeysOptions, useHotkeysContext } from "./HotkeysProvider.js";
-import { useHotkeys } from "./useHotkeys.js";
 import { useHotkey } from "./useHotkey.js";
+import { useHotkeys } from "./useHotkeys.js";
 import { useHotkeyRecorder } from "./useHotkeyRecorder.js";
 import { useHotkeyRegistrations } from "./useHotkeyRegistrations.js";
 import { useHotkeyScopesState } from "./useHotkeyScopesState.js";

package/dist/useAppHotkeys.d.ts

@@ -1,5 +1,4 @@
 import { AppHotkey, AppHotkeyListItem, CustomHotkeys, Hotkey, RegisteredAppHotkeys } from "@tanstack/hotkeys";
-//#region src/useAppHotkeys.d.ts
 /**
  * Returns the effective app hotkeys from `HotkeysProvider`, typed by
  * `Register`: each declaration with the user's custom hotkey applied.
@@ -67,5 +66,4 @@ export interface UseCustomHotkeysResult {
  * })
  * ```
  */
-export declare function useCustomHotkeys(): UseCustomHotkeysResult;
-//#endregion
+export declare function useCustomHotkeys(): UseCustomHotkeysResult;

package/dist/useAppHotkeys.js

@@ -3,10 +3,10 @@
 import { useAppHotkeysStoreState } from "./_appHotkeysStore.js";
 import { useHotkeyRegistrations } from "./useHotkeyRegistrations.js";
 
-//#region src/useAppHotkeys.ts
+// src/useAppHotkeys.ts
 function useRequiredStore(hook) {
 	const store = useAppHotkeysStoreState();
-	if (!store) throw new Error(`${hook} requires a HotkeysProvider with an appHotkeys prop`);
+	if (!store) throw new Error(`[hotkeys] ${hook} requires a HotkeysProvider with an appHotkeys prop`);
 	return store;
 }
 /**
@@ -77,5 +77,4 @@ function useCustomHotkeys() {
 	};
 }
 
-//#endregion
 export { useAppHotkeyList, useAppHotkeys, useCustomHotkeys };

package/dist/useFormatForDisplay.d.ts

@@ -1,5 +1,4 @@
 import { formatForDisplay } from "@tanstack/hotkeys";
-//#region src/useFormatForDisplay.d.ts
 /**
  * Returns `formatForDisplay` with the platform from `HotkeysProvider`, or the
  * detected platform without one. A `platform` passed to the returned function
@@ -23,5 +22,4 @@ import { formatForDisplay } from "@tanstack/hotkeys";
  * }
  * ```
  */
-export declare function useFormatForDisplay(): typeof formatForDisplay;
-//#endregion
+export declare function useFormatForDisplay(): typeof formatForDisplay;

package/dist/useFormatForDisplay.js

@@ -4,7 +4,7 @@ import { usePlatform } from "./_usePlatform.js";
 import { formatForDisplay } from "@tanstack/hotkeys";
 import { useCallback } from "react";
 
-//#region src/useFormatForDisplay.ts
+// src/useFormatForDisplay.ts
 /**
 * Returns `formatForDisplay` with the platform from `HotkeysProvider`, or the
 * detected platform without one. A `platform` passed to the returned function
@@ -36,5 +36,4 @@ function useFormatForDisplay() {
 	}), [platform]);
 }
 
-//#endregion
 export { useFormatForDisplay };

package/dist/useHeldKeyCodes.d.ts

@@ -1,4 +1,3 @@
-//#region src/useHeldKeyCodes.d.ts
 /**
  * React hook that returns a map of currently held key names to their physical `event.code` values.
  *
@@ -25,5 +24,4 @@
  * }
  * ```
  */
-export declare function useHeldKeyCodes(): Record<string, string>;
-//#endregion
+export declare function useHeldKeyCodes(): Record<string, string>;

package/dist/useHeldKeyCodes.js

@@ -3,7 +3,7 @@
 import { useSelector } from "./_useSelector.js";
 import { getKeyStateTracker } from "@tanstack/hotkeys";
 
-//#region src/useHeldKeyCodes.ts
+// src/useHeldKeyCodes.ts
 /**
 * React hook that returns a map of currently held key names to their physical `event.code` values.
 *
@@ -35,5 +35,4 @@ function useHeldKeyCodes() {
 	return useSelector(tracker.store, (state) => state.heldCodes);
 }
 
-//#endregion
 export { useHeldKeyCodes };

package/dist/useHeldKeys.d.ts

@@ -1,4 +1,3 @@
-//#region src/useHeldKeys.d.ts
 /**
  * React hook that returns an array of currently held keyboard keys.
  *
@@ -20,5 +19,4 @@
  * }
  * ```
  */
-export declare function useHeldKeys(): Array<string>;
-//#endregion
+export declare function useHeldKeys(): Array<string>;

package/dist/useHeldKeys.js

@@ -3,7 +3,7 @@
 import { useSelector } from "./_useSelector.js";
 import { getKeyStateTracker } from "@tanstack/hotkeys";
 
-//#region src/useHeldKeys.ts
+// src/useHeldKeys.ts
 /**
 * React hook that returns an array of currently held keyboard keys.
 *
@@ -30,5 +30,4 @@ function useHeldKeys() {
 	return useSelector(tracker.store, (state) => state.heldKeys);
 }
 
-//#endregion
 export { useHeldKeys };

package/dist/useHotkey.d.ts

@@ -1,6 +1,5 @@
 import { AppHotkey, HotkeyCallback, HotkeyCallbackContextFor, RegisterableHotkey } from "@tanstack/hotkeys";
 import { AdapterAppHotkeyOptions, AdapterChordOptions, AdapterCommonOptions, AdapterHotkeyOptions, AdapterOptionsFor, AdapterSequenceOptions } from "@tanstack/hotkeys/adapter";
-//#region src/useHotkey.d.ts
 /** A React ref, element, document, or window to listen on. */
 export type UseHotkeyTarget = React.RefObject<HTMLElement | null> | HTMLElement | Document | Window | null;
 /** Options shared by chords and sequences. */
@@ -62,5 +61,4 @@ export type UseAppHotkeyOptions<T extends AppHotkey = AppHotkey> = AdapterAppHot
  * ```
  */
 export declare function useHotkey<T extends AppHotkey>(hotkey: T | null | undefined, callback: HotkeyCallback, options?: UseAppHotkeyOptions<T>): void;
-export declare function useHotkey<const T extends RegisterableHotkey>(hotkey: T | null | undefined, callback: HotkeyCallback<HotkeyCallbackContextFor<T>>, options?: UseHotkeyOptionsFor<T>): void;
-//#endregion
+export declare function useHotkey<const T extends RegisterableHotkey>(hotkey: T | null | undefined, callback: HotkeyCallback<HotkeyCallbackContextFor<T>>, options?: UseHotkeyOptionsFor<T>): void;

package/dist/useHotkey.js

@@ -2,7 +2,7 @@
 
 import { useHotkeys } from "./useHotkeys.js";
 
-//#region src/useHotkey.ts
+// src/useHotkey.ts
 function useHotkey(hotkey, callback, options) {
 	useHotkeys([{
 		hotkey,
@@ -11,5 +11,4 @@ function useHotkey(hotkey, callback, options) {
 	}]);
 }
 
-//#endregion
 export { useHotkey };

package/dist/useHotkeyHint.d.ts

@@ -1,5 +1,4 @@
 import { AppHotkey, HeldModifierOptions, RegisterableHotkey } from "@tanstack/hotkeys";
-//#region src/useHotkeyHint.d.ts
 /**
  * Returns a boolean indicating whether held modifiers reveal this shortcut.
  * The hint shows only while the hotkey can fire: some registration of it is
@@ -10,5 +9,4 @@ import { AppHotkey, HeldModifierOptions, RegisterableHotkey } from "@tanstack/ho
  * requires every modifier. A sequence reveals its hint from its first step.
  * Only visibility changes cause a rerender. This helper does not register a shortcut. A hotkey on an element counts only while focus is inside it.
  */
-export declare function useHotkeyHint(hotkey: RegisterableHotkey | AppHotkey | null | undefined, options?: HeldModifierOptions): boolean;
-//#endregion
+export declare function useHotkeyHint(hotkey: RegisterableHotkey | AppHotkey | null | undefined, options?: HeldModifierOptions): boolean;

package/dist/useHotkeyHint.js

@@ -1,10 +1,10 @@
 'use client';
 
-import { useSelector } from "./_useSelector.js";
 import { useAppHotkeysStoreState } from "./_appHotkeysStore.js";
+import { useSelector } from "./_useSelector.js";
 import { getHotkeyManager, getKeyStateTracker, isAppHotkey, matchesHeldModifiers, resolveAppHotkey } from "@tanstack/hotkeys";
 
-//#region src/useHotkeyHint.ts
+// src/useHotkeyHint.ts
 /**
 * Returns a boolean indicating whether held modifiers reveal this shortcut.
 * The hint shows only while the hotkey can fire: some registration of it is
@@ -24,5 +24,4 @@ function useHotkeyHint(hotkey, options = {}) {
 	return active && held;
 }
 
-//#endregion
 export { useHotkeyHint };

package/dist/useHotkeyRecorder.d.ts

@@ -1,5 +1,4 @@
 import { Hotkey, HotkeyChord, HotkeyChordRecorderOptions, HotkeySequence, HotkeySequenceRecorderOptions } from "@tanstack/hotkeys";
-//#region src/useHotkeyRecorder.d.ts
 export interface ReactHotkeyRecorder<THotkey extends Hotkey = Hotkey> {
   /** Whether recording is currently active */
   isRecording: boolean;
@@ -54,5 +53,4 @@ export interface ReactHotkeyRecorder<THotkey extends Hotkey = Hotkey> {
  * ```
  */
 export declare function useHotkeyRecorder(options: HotkeyChordRecorderOptions): ReactHotkeyRecorder<HotkeyChord>;
-export declare function useHotkeyRecorder(options: HotkeySequenceRecorderOptions): ReactHotkeyRecorder;
-//#endregion
+export declare function useHotkeyRecorder(options: HotkeySequenceRecorderOptions): ReactHotkeyRecorder;

package/dist/useHotkeyRecorder.js

@@ -3,10 +3,10 @@
 import { useDefaultHotkeysOptions } from "./HotkeysProvider.js";
 import { useSelector } from "./_useSelector.js";
 import { HotkeyRecorder } from "@tanstack/hotkeys";
-import { useEffect, useRef, useState } from "react";
 import { withDefaults } from "@tanstack/hotkeys/adapter";
+import { useEffect, useRef, useState } from "react";
 
-//#region src/useHotkeyRecorder.ts
+// src/useHotkeyRecorder.ts
 function useHotkeyRecorder(options) {
 	const mergedOptions = withDefaults(useDefaultHotkeysOptions().hotkeyRecorder, options);
 	const recorderRef = useRef(null);
@@ -35,5 +35,4 @@ function useHotkeyRecorder(options) {
 	};
 }
 
-//#endregion
 export { useHotkeyRecorder };

package/dist/useHotkeyRegistrations.d.ts

@@ -1,5 +1,4 @@
 import { HotkeyRegistrationView } from "@tanstack/hotkeys";
-//#region src/useHotkeyRegistrations.d.ts
 /**
  * React hook that reactively reads every hotkey registration, chords and
  * sequences, from the singleton HotkeyManager. Narrow each view with `kind`.
@@ -26,5 +25,4 @@ import { HotkeyRegistrationView } from "@tanstack/hotkeys";
  * }
  * ```
  */
-export declare function useHotkeyRegistrations(): Array<HotkeyRegistrationView>;
-//#endregion
+export declare function useHotkeyRegistrations(): Array<HotkeyRegistrationView>;

package/dist/useHotkeyRegistrations.js

@@ -3,7 +3,7 @@
 import { useSelector } from "./_useSelector.js";
 import { getHotkeyManager, toHotkeyRegistrationView } from "@tanstack/hotkeys";
 
-//#region src/useHotkeyRegistrations.ts
+// src/useHotkeyRegistrations.ts
 /**
 * React hook that reactively reads every hotkey registration, chords and
 * sequences, from the singleton HotkeyManager. Narrow each view with `kind`.
@@ -34,5 +34,4 @@ function useHotkeyRegistrations() {
 	return useSelector(getHotkeyManager().registrations, (state) => Array.from(state.values()).map(toHotkeyRegistrationView));
 }
 
-//#endregion
 export { useHotkeyRegistrations };

package/dist/useHotkeyScopesState.d.ts

@@ -1,5 +1,4 @@
 import { HotkeyScopesState } from "@tanstack/hotkeys";
-//#region src/useHotkeyScopesState.d.ts
 /**
  * React hook that returns the hotkey manager's scope state: the active
  * scopes, the exclusive scope that owns the keyboard, and the scopes it
@@ -16,5 +15,4 @@ import { HotkeyScopesState } from "@tanstack/hotkeys";
  * }
  * ```
  */
-export declare function useHotkeyScopesState(): HotkeyScopesState;
-//#endregion
+export declare function useHotkeyScopesState(): HotkeyScopesState;

package/dist/useHotkeyScopesState.js

@@ -3,7 +3,7 @@
 import { useSelector } from "./_useSelector.js";
 import { getHotkeyManager } from "@tanstack/hotkeys";
 
-//#region src/useHotkeyScopesState.ts
+// src/useHotkeyScopesState.ts
 /**
 * React hook that returns the hotkey manager's scope state: the active
 * scopes, the exclusive scope that owns the keyboard, and the scopes it
@@ -24,5 +24,4 @@ function useHotkeyScopesState() {
 	return useSelector(getHotkeyManager().scopes, (state) => state);
 }
 
-//#endregion
 export { useHotkeyScopesState };

package/dist/useHotkeys.d.ts

@@ -1,6 +1,5 @@
 import { UseHotkeyCommonOptions, UseHotkeyTarget } from "./useHotkey.js";
 import { AdapterHotkeyDefinition } from "@tanstack/hotkeys/adapter";
-//#region src/useHotkeys.d.ts
 /**
  * One hotkey for `useHotkeys`. Chords accept `requireReset`; sequences accept
  * `timeout`; hotkeys of unknown kind accept only shared options.
@@ -47,5 +46,4 @@ export type UseHotkeyDefinition = AdapterHotkeyDefinition<UseHotkeyTarget>;
  * }
  * ```
  */
-export declare function useHotkeys(hotkeys: ReadonlyArray<UseHotkeyDefinition>, commonOptions?: UseHotkeyCommonOptions): void;
-//#endregion
+export declare function useHotkeys(hotkeys: ReadonlyArray<UseHotkeyDefinition>, commonOptions?: UseHotkeyCommonOptions): void;

package/dist/useHotkeys.js

@@ -3,10 +3,10 @@
 import { useHotkeysContext } from "./HotkeysProvider.js";
 import { useAppHotkeysStoreState } from "./_appHotkeysStore.js";
 import { resolveTarget } from "./utils.js";
-import { useEffect, useRef } from "react";
 import { createHotkeyBindings, prepareHotkeyDefinitions } from "@tanstack/hotkeys/adapter";
+import { useEffect, useRef } from "react";
 
-//#region src/useHotkeys.ts
+// src/useHotkeys.ts
 /**
 * React hook for registering several hotkeys at once: chords, sequences, and
 * app hotkeys. Accepts a dynamic array, so it is safe to use with
@@ -65,7 +65,7 @@ function useHotkeys(hotkeys, commonOptions = {}) {
 	};
 	const bindingsRef = useRef(null);
 	useEffect(() => {
-		bindingsRef.current ??= createHotkeyBindings();
+		bindingsRef.current ??= createHotkeyBindings({ afterDelegatedHandlers: true });
 		const { hotkeys, ...context } = latestRef.current;
 		bindingsRef.current.update(prepareHotkeyDefinitions(hotkeys, {
 			...context,
@@ -80,5 +80,4 @@ function useHotkeys(hotkeys, commonOptions = {}) {
 	}, []);
 }
 
-//#endregion
 export { useHotkeys };

package/dist/useKeyHold.d.ts

@@ -1,5 +1,4 @@
 import { IndividualKey } from "@tanstack/hotkeys";
-//#region src/useKeyHold.d.ts
 /**
  * React hook that returns whether a specific key is currently being held.
  *
@@ -39,5 +38,4 @@ import { IndividualKey } from "@tanstack/hotkeys";
  * }
  * ```
  */
-export declare function useKeyHold(key: IndividualKey): boolean;
-//#endregion
+export declare function useKeyHold(key: IndividualKey): boolean;

package/dist/useKeyHold.js

@@ -3,7 +3,7 @@
 import { useSelector } from "./_useSelector.js";
 import { getKeyStateTracker } from "@tanstack/hotkeys";
 
-//#region src/useKeyHold.ts
+// src/useKeyHold.ts
 /**
 * React hook that returns whether a specific key is currently being held.
 *
@@ -49,5 +49,4 @@ function useKeyHold(key) {
 	return useSelector(tracker.store, (state) => state.heldKeys.some((heldKey) => heldKey.toLowerCase() === normalizedKey));
 }
 
-//#endregion
 export { useKeyHold };

package/dist/utils.js

@@ -1,4 +1,4 @@
-//#region src/utils.ts
+// src/utils.ts
 /**
 * Type guard to check if a value is a React ref-like object.
 */
@@ -13,5 +13,4 @@ function resolveTarget(target) {
 	return isRef(target) ? target.current : target;
 }
 
-//#endregion
 export { resolveTarget };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/react-hotkeys",
-  "version": "0.21.0",
+  "version": "0.22.1",
   "description": "React adapter for TanStack Hotkeys",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -35,19 +35,16 @@
     "skills"
   ],
   "dependencies": {
-    "@tanstack/hotkeys": "0.23.0"
+    "@tanstack/hotkeys": "0.25.0"
   },
   "devDependencies": {
-    "@eslint-react/eslint-plugin": "^4.2.3",
     "@tanstack/react-store": "^0.11.2",
     "@testing-library/react": "^16.3.3",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
-    "@vitejs/plugin-react": "^6.1.1",
-    "eslint-plugin-react-compiler": "19.1.0-rc.2",
-    "eslint-plugin-react-hooks": "^7.1.1",
-    "react": "^19.3.0",
-    "react-dom": "^19.3.0"
+    "@vitejs/plugin-react": "^6.2.1",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1"
   },
   "peerDependencies": {
     "react": ">=18.0.0",
@@ -55,9 +52,9 @@
   },
   "scripts": {
     "clean": "premove ./build ./dist",
-    "lint": "eslint ./src",
-    "lint:fix": "eslint ./src --fix",
-    "test:eslint": "eslint ./src",
+    "lint": "oxlint ./src",
+    "lint:fix": "oxlint ./src --fix",
+    "test:oxlint": "oxlint ./src",
     "test:lib": "vitest --passWithNoTests",
     "test:lib:dev": "pnpm test:lib --watch",
     "test:types": "tsc",

package/skills/react-hotkeys/SKILL.md

@@ -74,9 +74,9 @@ No provider is required. In React Server Components frameworks, call the hooks f
 ## A dialog that owns the keyboard
 
 ```tsx
+import { HotkeysProvider, useHotkey } from '@tanstack/react-hotkeys'
 import { useId } from 'react'
 import type { ReactNode } from 'react'
-import { HotkeysProvider, useHotkey } from '@tanstack/react-hotkeys'
 
 export function Dialog(props: { onClose: () => void; children: ReactNode }) {
   return (

package/skills/react-hotkeys/references/app-hotkeys.md

@@ -19,10 +19,10 @@ declare module '@tanstack/react-hotkeys' {
 ```
 
 ```tsx
-import type { ReactNode } from 'react'
 import { HotkeysProvider } from '@tanstack/react-hotkeys'
-import type { CustomHotkeys } from '@tanstack/react-hotkeys'
 import { appHotkeys } from './app-hotkeys'
+import type { CustomHotkeys } from '@tanstack/react-hotkeys'
+import type { ReactNode } from 'react'
 
 const saved: CustomHotkeys = JSON.parse(localStorage.getItem('hotkeys') ?? '{}')