@tanstack/solid-hotkeys 0.21.0 → 0.21.1

package/dist/HotkeysProvider.d.ts

@@ -1,8 +1,7 @@
 import { CreateHotkeyCommonOptions } from "./createHotkey.js";
 import { AppHotkeys, AppHotkeysStore, CustomHotkeys, HotkeyChordRecorderOptions, HotkeyPlatform, HotkeySequenceRecorderOptions } from "@tanstack/hotkeys";
-import { JSX, ParentComponent } from "solid-js";
 import { HotkeysProviderScopeProps } from "@tanstack/hotkeys/adapter";
-//#region src/HotkeysProvider.d.ts
+import { JSX, ParentComponent } from "solid-js";
 export interface HotkeysProviderOptions {
   /**
    * The user's platform, for labels from `createFormatForDisplay`, hotkeys,
@@ -35,8 +34,8 @@ export interface HotkeysProviderProps extends HotkeysProviderScopeProps {
   /**
    * 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 | null;
   /** Called with the custom hotkeys after every change, ready to save. */
@@ -74,4 +73,4 @@ export interface HotkeysProviderProps extends HotkeysProviderScopeProps {
 export declare const HotkeysProvider: ParentComponent<HotkeysProviderProps>;
 export declare function useHotkeysContext(): HotkeysContextValue | null;
 export declare function useDefaultHotkeysOptions(): HotkeysProviderOptions;
-//#endregion
+export {};

package/dist/HotkeysProvider.js

@@ -1,9 +1,9 @@
 import { publishAppHotkeysStore } from "@tanstack/hotkeys";
 import { createComponent } from "solid-js/web";
-import { createContext, createEffect, createMemo, onCleanup, onMount, useContext } from "solid-js";
 import { activateHotkeysProviderScope, createAppHotkeysStore, getHotkeysProviderScopeKey, mergeHotkeysProviderDefaults } from "@tanstack/hotkeys/adapter";
+import { createContext, createEffect, createMemo, onCleanup, onMount, useContext } from "solid-js";
 
-//#region src/HotkeysProvider.tsx
+// src/HotkeysProvider.tsx
 const HotkeysContext = createContext(null);
 const DEFAULT_OPTIONS = {};
 /**
@@ -84,5 +84,4 @@ function useDefaultHotkeysOptions() {
 	return useContext(HotkeysContext)?.defaultOptions ?? DEFAULT_OPTIONS;
 }
 
-//#endregion
 export { HotkeysProvider, useDefaultHotkeysOptions, useHotkeysContext };

package/dist/_useSelector.js

@@ -1,6 +1,6 @@
 import { createSignal, onCleanup } from "solid-js";
 
-//#region src/_useSelector.ts
+// src/_useSelector.ts
 /**
 * Subscribes to a store until the owner is cleaned up and returns an accessor
 * for the selected value, which updates when it changes (by `===`).
@@ -14,5 +14,4 @@ function useSelector(store, selector) {
 	return selected;
 }
 
-//#endregion
 export { useSelector };

package/dist/appHotkeys.d.ts

@@ -1,5 +1,4 @@
 import { AppHotkey, AppHotkeyListItem, CustomHotkeys, Hotkey, RegisteredAppHotkeys } from "@tanstack/hotkeys";
-//#region src/appHotkeys.d.ts
 /**
  * Returns an accessor for the effective app hotkeys from `HotkeysProvider`,
  * typed by `Register`: each declaration with the user's custom hotkey applied.
@@ -38,5 +37,4 @@ export interface UseCustomHotkeysResult {
  * registered app hotkey immediately and are passed to the provider's
  * `onCustomHotkeysChange`, ready to save.
  */
-export declare function useCustomHotkeys(): UseCustomHotkeysResult;
-//#endregion
+export declare function useCustomHotkeys(): UseCustomHotkeysResult;

package/dist/appHotkeys.js

@@ -1,11 +1,11 @@
-import { useAppHotkeysStoreSource } from "./defaultOptions.js";
 import { createHotkeyRegistrations } from "./createHotkeyRegistrations.js";
+import { useAppHotkeysStoreSource } from "./defaultOptions.js";
 import { createMemo } from "solid-js";
 
-//#region src/appHotkeys.ts
+// src/appHotkeys.ts
 function useRequiredStore(name) {
 	const source = useAppHotkeysStoreSource();
-	if (!source.store) throw new Error(`${name} requires a HotkeysProvider with an appHotkeys prop`);
+	if (!source.store) throw new Error(`[hotkeys] ${name} requires a HotkeysProvider with an appHotkeys prop`);
 	return {
 		store: source.store,
 		state: source.state
@@ -60,5 +60,4 @@ function useCustomHotkeys() {
 	};
 }
 
-//#endregion
 export { createAppHotkeyList, useAppHotkeys, useCustomHotkeys };

package/dist/createFormatForDisplay.d.ts

@@ -1,5 +1,4 @@
 import { formatForDisplay } from "@tanstack/hotkeys";
-//#region src/createFormatForDisplay.d.ts
 /**
  * Returns `formatForDisplay` with the provider's `platform` as the default,
  * so labels match the user's platform. Call in a component; the returned
@@ -17,5 +16,4 @@ import { formatForDisplay } from "@tanstack/hotkeys";
  * }
  * ```
  */
-export declare function createFormatForDisplay(): typeof formatForDisplay;
-//#endregion
+export declare function createFormatForDisplay(): typeof formatForDisplay;

package/dist/createFormatForDisplay.js

@@ -1,7 +1,7 @@
 import { useDefaultHotkeysOptionsSource } from "./defaultOptions.js";
 import { formatForDisplay } from "@tanstack/hotkeys";
 
-//#region src/createFormatForDisplay.ts
+// src/createFormatForDisplay.ts
 /**
 * Returns `formatForDisplay` with the provider's `platform` as the default,
 * so labels match the user's platform. Call in a component; the returned
@@ -27,5 +27,4 @@ function createFormatForDisplay() {
 	}));
 }
 
-//#endregion
 export { createFormatForDisplay };

package/dist/createHeldKeyCodes.d.ts

@@ -1,4 +1,3 @@
-//#region src/createHeldKeyCodes.d.ts
 /**
  * SolidJS primitive that returns a signal of a map from currently held key names to their physical `event.code` values.
  *
@@ -29,5 +28,4 @@
  * }
  * ```
  */
-export declare function createHeldKeyCodes(): () => Record<string, string>;
-//#endregion
+export declare function createHeldKeyCodes(): () => Record<string, string>;

package/dist/createHeldKeyCodes.js

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

package/dist/createHeldKeys.d.ts

@@ -1,4 +1,3 @@
-//#region src/createHeldKeys.d.ts
 /**
  * SolidJS primitive that returns a signal of currently held keyboard keys.
  *
@@ -20,5 +19,4 @@
  * }
  * ```
  */
-export declare function createHeldKeys(): () => Array<string>;
-//#endregion
+export declare function createHeldKeys(): () => Array<string>;

package/dist/createHeldKeys.js

@@ -1,7 +1,7 @@
 import { useSelector } from "./_useSelector.js";
 import { getKeyStateTracker } from "@tanstack/hotkeys";
 
-//#region src/createHeldKeys.ts
+// src/createHeldKeys.ts
 /**
 * SolidJS primitive that returns a signal of currently held keyboard keys.
 *
@@ -28,5 +28,4 @@ function createHeldKeys() {
 	return useSelector(tracker.store, (state) => state.heldKeys);
 }
 
-//#endregion
 export { createHeldKeys };

package/dist/createHotkey.d.ts

@@ -1,6 +1,5 @@
 import { AppHotkey, HotkeyCallback, HotkeyCallbackContextFor, RegisterableHotkey, Target } from "@tanstack/hotkeys";
 import { AdapterAppHotkeyOptions, AdapterChordOptions, AdapterCommonOptions, AdapterHotkeyOptions, AdapterOptionsFor, AdapterSequenceOptions } from "@tanstack/hotkeys/adapter";
-//#region src/createHotkey.d.ts
 /**
  * The element to listen on. A `null` target skips registration, so pass an
  * accessor such as `() => ({ target: element() })` for elements that attach
@@ -40,4 +39,4 @@ type MaybeAccessor<T> = T | (() => T);
  */
 export declare function createHotkey<T extends AppHotkey>(hotkey: MaybeAccessor<T | null | undefined>, callback: HotkeyCallback, options?: MaybeAccessor<CreateAppHotkeyOptions<T>>): void;
 export declare function createHotkey<const T extends RegisterableHotkey>(hotkey: MaybeAccessor<T | null | undefined>, callback: HotkeyCallback<HotkeyCallbackContextFor<T>>, options?: MaybeAccessor<CreateHotkeyOptionsFor<T>>): void;
-//#endregion
+export {};

package/dist/createHotkey.js

@@ -1,6 +1,6 @@
 import { createHotkeys } from "./createHotkeys.js";
 
-//#region src/createHotkey.ts
+// src/createHotkey.ts
 function createHotkey(hotkey, callback, options = {}) {
 	createHotkeys(() => [{
 		hotkey: typeof hotkey === "function" ? hotkey() : hotkey,
@@ -9,5 +9,4 @@ function createHotkey(hotkey, callback, options = {}) {
 	}]);
 }
 
-//#endregion
 export { createHotkey };

package/dist/createHotkeyHint.d.ts

@@ -1,5 +1,4 @@
 import { AppHotkey, HeldModifierOptions, RegisterableHotkey } from "@tanstack/hotkeys";
-//#region src/createHotkeyHint.d.ts
 /**
  * Returns an accessor indicating whether held modifiers reveal this shortcut.
  * The hint shows only while the hotkey can fire: some registration of it is
@@ -8,5 +7,4 @@ import { AppHotkey, HeldModifierOptions, RegisterableHotkey } from "@tanstack/ho
  * effective hotkey (false while unbound). No hotkey (`undefined`, `null`, or
  * `''`) returns false. This helper does not register a shortcut. A hotkey on an element counts only while focus is inside it.
  */
-export declare function createHotkeyHint(hotkey: RegisterableHotkey | AppHotkey | null | undefined | (() => RegisterableHotkey | AppHotkey | null | undefined), options?: HeldModifierOptions | (() => HeldModifierOptions)): () => boolean;
-//#endregion
+export declare function createHotkeyHint(hotkey: RegisterableHotkey | AppHotkey | null | undefined | (() => RegisterableHotkey | AppHotkey | null | undefined), options?: HeldModifierOptions | (() => HeldModifierOptions)): () => boolean;

package/dist/createHotkeyHint.js

@@ -3,7 +3,7 @@ import { useAppHotkeysStoreSource } from "./defaultOptions.js";
 import { getHotkeyManager, getKeyStateTracker, isAppHotkey, matchesHeldModifiers, resolveAppHotkey } from "@tanstack/hotkeys";
 import { createMemo } from "solid-js";
 
-//#region src/createHotkeyHint.ts
+// src/createHotkeyHint.ts
 /**
 * Returns an accessor indicating whether held modifiers reveal this shortcut.
 * The hint shows only while the hotkey can fire: some registration of it is
@@ -25,5 +25,4 @@ function createHotkeyHint(hotkey, options = {}) {
 	});
 }
 
-//#endregion
 export { createHotkeyHint };

package/dist/createHotkeyRecorder.d.ts

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

package/dist/createHotkeyRecorder.js

@@ -1,10 +1,10 @@
 import { useSelector } from "./_useSelector.js";
 import { useDefaultHotkeysOptionsSource } from "./defaultOptions.js";
 import { HotkeyRecorder } from "@tanstack/hotkeys";
-import { createEffect, onCleanup } from "solid-js";
 import { withDefaults } from "@tanstack/hotkeys/adapter";
+import { createEffect, onCleanup } from "solid-js";
 
-//#region src/createHotkeyRecorder.ts
+// src/createHotkeyRecorder.ts
 function createHotkeyRecorder(options) {
 	const defaultOptions = useDefaultHotkeysOptionsSource();
 	const resolve = () => withDefaults(defaultOptions().hotkeyRecorder, typeof options === "function" ? options() : options);
@@ -29,5 +29,4 @@ function createHotkeyRecorder(options) {
 	};
 }
 
-//#endregion
 export { createHotkeyRecorder };

package/dist/createHotkeyRegistrations.d.ts

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

package/dist/createHotkeyRegistrations.js

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

package/dist/createHotkeyScopesState.d.ts

@@ -1,5 +1,4 @@
 import { HotkeyScopesState } from "@tanstack/hotkeys";
-//#region src/createHotkeyScopesState.d.ts
 /**
  * SolidJS primitive that returns a signal of the hotkey manager's scope state:
  * the active scopes, the exclusive scope that owns the keyboard, and the
@@ -20,5 +19,4 @@ import { HotkeyScopesState } from "@tanstack/hotkeys";
  * }
  * ```
  */
-export declare function createHotkeyScopesState(): () => HotkeyScopesState;
-//#endregion
+export declare function createHotkeyScopesState(): () => HotkeyScopesState;

package/dist/createHotkeyScopesState.js

@@ -1,7 +1,7 @@
 import { useSelector } from "./_useSelector.js";
 import { getHotkeyManager } from "@tanstack/hotkeys";
 
-//#region src/createHotkeyScopesState.ts
+// src/createHotkeyScopesState.ts
 /**
 * SolidJS primitive that returns a signal of the hotkey manager's scope state:
 * the active scopes, the exclusive scope that owns the keyboard, and the
@@ -26,5 +26,4 @@ function createHotkeyScopesState() {
 	return useSelector(getHotkeyManager().scopes, (state) => state);
 }
 
-//#endregion
 export { createHotkeyScopesState };

package/dist/createHotkeys.d.ts

@@ -1,6 +1,5 @@
 import { CreateHotkeyCommonOptions, CreateHotkeyTarget } from "./createHotkey.js";
 import { AdapterHotkeyDefinition } from "@tanstack/hotkeys/adapter";
-//#region src/createHotkeys.d.ts
 /**
  * One hotkey for `createHotkeys`. Chords accept `requireReset`; sequences
  * accept `timeout`; hotkeys of unknown kind accept only shared options.
@@ -24,5 +23,4 @@ export type CreateHotkeyDefinition = AdapterHotkeyDefinition<CreateHotkeyTarget>
  * ])
  * ```
  */
-export declare function createHotkeys(hotkeys: ReadonlyArray<CreateHotkeyDefinition> | (() => ReadonlyArray<CreateHotkeyDefinition>), commonOptions?: CreateHotkeyCommonOptions | (() => CreateHotkeyCommonOptions)): void;
-//#endregion
+export declare function createHotkeys(hotkeys: ReadonlyArray<CreateHotkeyDefinition> | (() => ReadonlyArray<CreateHotkeyDefinition>), commonOptions?: CreateHotkeyCommonOptions | (() => CreateHotkeyCommonOptions)): void;

package/dist/createHotkeys.js

@@ -1,9 +1,9 @@
 import { useAppHotkeysStoreSource, useDefaultHotkeysOptionsSource } from "./defaultOptions.js";
 import { delegateEvents } from "solid-js/web";
-import { createEffect, onCleanup, untrack } from "solid-js";
 import { createHotkeyBindings, prepareHotkeyDefinitions } from "@tanstack/hotkeys/adapter";
+import { createEffect, onCleanup, untrack } from "solid-js";
 
-//#region src/createHotkeys.ts
+// src/createHotkeys.ts
 /**
 * Solid primitive for registering several hotkeys at once: chords, sequences,
 * and app hotkeys. Pass an accessor for a reactive list.
@@ -40,5 +40,4 @@ function createHotkeys(hotkeys, commonOptions = {}) {
 	});
 }
 
-//#endregion
 export { createHotkeys };

package/dist/createKeyHold.d.ts

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

package/dist/createKeyHold.js

@@ -2,7 +2,7 @@ import { useSelector } from "./_useSelector.js";
 import { getKeyStateTracker } from "@tanstack/hotkeys";
 import { createMemo } from "solid-js";
 
-//#region src/createKeyHold.ts
+// src/createKeyHold.ts
 /**
 * SolidJS primitive that returns whether a specific key is currently being held.
 *
@@ -51,5 +51,4 @@ function createKeyHold(key) {
 	});
 }
 
-//#endregion
 export { createKeyHold };

package/dist/defaultOptions.js

@@ -2,7 +2,7 @@ import { useHotkeysContext } from "./HotkeysProvider.js";
 import { useSelector } from "./_useSelector.js";
 import { createStore } from "@tanstack/hotkeys/adapter";
 
-//#region src/defaultOptions.ts
+// src/defaultOptions.ts
 /** Captures the context once and reads current defaults inside reactive computations. */
 function useDefaultHotkeysOptionsSource() {
 	const context = useHotkeysContext();
@@ -21,5 +21,4 @@ function useAppHotkeysStoreSource() {
 	};
 }
 
-//#endregion
 export { useAppHotkeysStoreSource, useDefaultHotkeysOptionsSource };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { CreateAppHotkeyOptions, CreateHotkeyChordOptions, CreateHotkeyCommonOptions, CreateHotkeyOptions, CreateHotkeyOptionsFor, CreateHotkeySequenceOptions, CreateHotkeyTarget, createHotkey } from "./createHotkey.js";
 import { HotkeysProvider, HotkeysProviderOptions, HotkeysProviderProps, useDefaultHotkeysOptions, useHotkeysContext } from "./HotkeysProvider.js";
+import { CreateAppHotkeyOptions, CreateHotkeyChordOptions, CreateHotkeyCommonOptions, CreateHotkeyOptions, CreateHotkeyOptionsFor, CreateHotkeySequenceOptions, CreateHotkeyTarget, createHotkey } from "./createHotkey.js";
 import { CreateHotkeyDefinition, createHotkeys } from "./createHotkeys.js";
 import { SolidHotkeyRecorder, createHotkeyRecorder } from "./createHotkeyRecorder.js";
 import { createHotkeyRegistrations } from "./createHotkeyRegistrations.js";

package/dist/index.js

@@ -1,6 +1,6 @@
 import { HotkeysProvider, useDefaultHotkeysOptions, useHotkeysContext } from "./HotkeysProvider.js";
-import { createHotkeys } from "./createHotkeys.js";
 import { createHotkey } from "./createHotkey.js";
+import { createHotkeys } from "./createHotkeys.js";
 import { createHotkeyRecorder } from "./createHotkeyRecorder.js";
 import { createHotkeyRegistrations } from "./createHotkeyRegistrations.js";
 import { createHotkeyScopesState } from "./createHotkeyScopesState.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/solid-hotkeys",
-  "version": "0.21.0",
+  "version": "0.21.1",
   "description": "SolidJS adapter for TanStack Hotkeys",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -38,22 +38,22 @@
     "skills"
   ],
   "dependencies": {
-    "@tanstack/hotkeys": "0.24.0"
+    "@tanstack/hotkeys": "0.25.0"
   },
   "devDependencies": {
     "@solidjs/testing-library": "^0.8.10",
     "@testing-library/jest-dom": "^7.0.1",
-    "solid-js": "^1.9.15",
-    "vite-plugin-solid": "^2.11.14"
+    "solid-js": "^1.9.18",
+    "vite-plugin-solid": "^2.11.15"
   },
   "peerDependencies": {
     "solid-js": "^1.7.0"
   },
   "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/solid-hotkeys/SKILL.md

@@ -30,8 +30,8 @@ requires:
 Before starting, load the `@tanstack/hotkeys#hotkeys-core` skill (`npx @tanstack/intent@latest load @tanstack/hotkeys#hotkeys-core`).
 
 ```tsx
-import { createSignal } from 'solid-js'
 import { createHotkey } from '@tanstack/solid-hotkeys'
+import { createSignal } from 'solid-js'
 
 export function Editor() {
   const [isDirty, setIsDirty] = createSignal(false)

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

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