@tanstack/solid-hotkeys 0.9.1 → 0.10.0

package/dist/createHeldKeyCodes.cjs

@@ -8,7 +8,7 @@ let _tanstack_solid_store = require("@tanstack/solid-store");
 * This is useful for debugging which physical key was pressed (e.g. distinguishing
 * left vs right Shift via "ShiftLeft" / "ShiftRight").
 *
-* This primitive uses `useStore` from `@tanstack/solid-store` to subscribe
+* This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
 * to the global KeyStateTracker.
 *
 * @returns Signal accessor for record mapping normalized key names to their `event.code` values
@@ -34,7 +34,7 @@ let _tanstack_solid_store = require("@tanstack/solid-store");
 * ```
 */
 function createHeldKeyCodes() {
-	return (0, _tanstack_solid_store.useStore)((0, _tanstack_hotkeys.getKeyStateTracker)().store, (state) => state.heldCodes);
+	return (0, _tanstack_solid_store.useSelector)((0, _tanstack_hotkeys.getKeyStateTracker)().store, (state) => state.heldCodes);
 }
 
 //#endregion

package/dist/createHeldKeyCodes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"createHeldKeyCodes.cjs","names":[],"sources":["../src/createHeldKeyCodes.ts"],"sourcesContent":["import { useStore } from '@tanstack/solid-store'\nimport { getKeyStateTracker } from '@tanstack/hotkeys'\n\n/**\n * SolidJS primitive that returns a signal of a map from currently held key names to their physical `event.code` values.\n *\n * This is useful for debugging which physical key was pressed (e.g. distinguishing\n * left vs right Shift via \"ShiftLeft\" / \"ShiftRight\").\n *\n * This primitive uses `useStore` from `@tanstack/solid-store` to subscribe\n * to the global KeyStateTracker.\n *\n * @returns Signal accessor for record mapping normalized key names to their `event.code` values\n *\n * @example\n * ```tsx\n * function KeyDebugDisplay() {\n *   const heldKeys = createHeldKeys()\n *   const heldCodes = createHeldKeyCodes()\n *\n *   return (\n *     <div>\n *       <For each={heldKeys()}>\n *         {(key) => (\n *           <kbd>\n *             {key} <small>{heldCodes()[key]}</small>\n *           </kbd>\n *         )}\n *       </For>\n *     </div>\n *   )\n * }\n * ```\n */\nexport function createHeldKeyCodes(): () => Record<string, string> {\n  const tracker = getKeyStateTracker()\n  return useStore(tracker.store, (state) => state.heldCodes)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,SAAgB,qBAAmD;AAEjE,uFADoC,CACZ,QAAQ,UAAU,MAAM,UAAU"}
+{"version":3,"file":"createHeldKeyCodes.cjs","names":[],"sources":["../src/createHeldKeyCodes.ts"],"sourcesContent":["import { useSelector } from '@tanstack/solid-store'\nimport { getKeyStateTracker } from '@tanstack/hotkeys'\n\n/**\n * SolidJS primitive that returns a signal of a map from currently held key names to their physical `event.code` values.\n *\n * This is useful for debugging which physical key was pressed (e.g. distinguishing\n * left vs right Shift via \"ShiftLeft\" / \"ShiftRight\").\n *\n * This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe\n * to the global KeyStateTracker.\n *\n * @returns Signal accessor for record mapping normalized key names to their `event.code` values\n *\n * @example\n * ```tsx\n * function KeyDebugDisplay() {\n *   const heldKeys = createHeldKeys()\n *   const heldCodes = createHeldKeyCodes()\n *\n *   return (\n *     <div>\n *       <For each={heldKeys()}>\n *         {(key) => (\n *           <kbd>\n *             {key} <small>{heldCodes()[key]}</small>\n *           </kbd>\n *         )}\n *       </For>\n *     </div>\n *   )\n * }\n * ```\n */\nexport function createHeldKeyCodes(): () => Record<string, string> {\n  const tracker = getKeyStateTracker()\n  return useSelector(tracker.store, (state) => state.heldCodes)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,SAAgB,qBAAmD;AAEjE,0FADoC,CACT,QAAQ,UAAU,MAAM,UAAU"}

package/dist/createHeldKeyCodes.d.cts

@@ -5,7 +5,7 @@
  * This is useful for debugging which physical key was pressed (e.g. distinguishing
  * left vs right Shift via "ShiftLeft" / "ShiftRight").
  *
- * This primitive uses `useStore` from `@tanstack/solid-store` to subscribe
+ * This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
  * to the global KeyStateTracker.
  *
  * @returns Signal accessor for record mapping normalized key names to their `event.code` values

package/dist/createHeldKeyCodes.d.ts

@@ -5,7 +5,7 @@
  * This is useful for debugging which physical key was pressed (e.g. distinguishing
  * left vs right Shift via "ShiftLeft" / "ShiftRight").
  *
- * This primitive uses `useStore` from `@tanstack/solid-store` to subscribe
+ * This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
  * to the global KeyStateTracker.
  *
  * @returns Signal accessor for record mapping normalized key names to their `event.code` values

package/dist/createHeldKeyCodes.js

@@ -1,5 +1,5 @@
 import { getKeyStateTracker } from "@tanstack/hotkeys";
-import { useStore } from "@tanstack/solid-store";
+import { useSelector } from "@tanstack/solid-store";
 
 //#region src/createHeldKeyCodes.ts
 /**
@@ -8,7 +8,7 @@ import { useStore } from "@tanstack/solid-store";
 * This is useful for debugging which physical key was pressed (e.g. distinguishing
 * left vs right Shift via "ShiftLeft" / "ShiftRight").
 *
-* This primitive uses `useStore` from `@tanstack/solid-store` to subscribe
+* This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
 * to the global KeyStateTracker.
 *
 * @returns Signal accessor for record mapping normalized key names to their `event.code` values
@@ -34,7 +34,7 @@ import { useStore } from "@tanstack/solid-store";
 * ```
 */
 function createHeldKeyCodes() {
-	return useStore(getKeyStateTracker().store, (state) => state.heldCodes);
+	return useSelector(getKeyStateTracker().store, (state) => state.heldCodes);
 }
 
 //#endregion

package/dist/createHeldKeyCodes.js.map

@@ -1 +1 @@
-{"version":3,"file":"createHeldKeyCodes.js","names":[],"sources":["../src/createHeldKeyCodes.ts"],"sourcesContent":["import { useStore } from '@tanstack/solid-store'\nimport { getKeyStateTracker } from '@tanstack/hotkeys'\n\n/**\n * SolidJS primitive that returns a signal of a map from currently held key names to their physical `event.code` values.\n *\n * This is useful for debugging which physical key was pressed (e.g. distinguishing\n * left vs right Shift via \"ShiftLeft\" / \"ShiftRight\").\n *\n * This primitive uses `useStore` from `@tanstack/solid-store` to subscribe\n * to the global KeyStateTracker.\n *\n * @returns Signal accessor for record mapping normalized key names to their `event.code` values\n *\n * @example\n * ```tsx\n * function KeyDebugDisplay() {\n *   const heldKeys = createHeldKeys()\n *   const heldCodes = createHeldKeyCodes()\n *\n *   return (\n *     <div>\n *       <For each={heldKeys()}>\n *         {(key) => (\n *           <kbd>\n *             {key} <small>{heldCodes()[key]}</small>\n *           </kbd>\n *         )}\n *       </For>\n *     </div>\n *   )\n * }\n * ```\n */\nexport function createHeldKeyCodes(): () => Record<string, string> {\n  const tracker = getKeyStateTracker()\n  return useStore(tracker.store, (state) => state.heldCodes)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,SAAgB,qBAAmD;AAEjE,QAAO,SADS,oBAAoB,CACZ,QAAQ,UAAU,MAAM,UAAU"}
+{"version":3,"file":"createHeldKeyCodes.js","names":[],"sources":["../src/createHeldKeyCodes.ts"],"sourcesContent":["import { useSelector } from '@tanstack/solid-store'\nimport { getKeyStateTracker } from '@tanstack/hotkeys'\n\n/**\n * SolidJS primitive that returns a signal of a map from currently held key names to their physical `event.code` values.\n *\n * This is useful for debugging which physical key was pressed (e.g. distinguishing\n * left vs right Shift via \"ShiftLeft\" / \"ShiftRight\").\n *\n * This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe\n * to the global KeyStateTracker.\n *\n * @returns Signal accessor for record mapping normalized key names to their `event.code` values\n *\n * @example\n * ```tsx\n * function KeyDebugDisplay() {\n *   const heldKeys = createHeldKeys()\n *   const heldCodes = createHeldKeyCodes()\n *\n *   return (\n *     <div>\n *       <For each={heldKeys()}>\n *         {(key) => (\n *           <kbd>\n *             {key} <small>{heldCodes()[key]}</small>\n *           </kbd>\n *         )}\n *       </For>\n *     </div>\n *   )\n * }\n * ```\n */\nexport function createHeldKeyCodes(): () => Record<string, string> {\n  const tracker = getKeyStateTracker()\n  return useSelector(tracker.store, (state) => state.heldCodes)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,SAAgB,qBAAmD;AAEjE,QAAO,YADS,oBAAoB,CACT,QAAQ,UAAU,MAAM,UAAU"}

package/dist/createHeldKeys.cjs

@@ -5,7 +5,7 @@ let _tanstack_solid_store = require("@tanstack/solid-store");
 /**
 * SolidJS primitive that returns a signal of currently held keyboard keys.
 *
-* This primitive uses `useStore` from `@tanstack/solid-store` to subscribe
+* This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
 * to the global KeyStateTracker and updates whenever keys are pressed
 * or released.
 *
@@ -25,7 +25,7 @@ let _tanstack_solid_store = require("@tanstack/solid-store");
 * ```
 */
 function createHeldKeys() {
-	return (0, _tanstack_solid_store.useStore)((0, _tanstack_hotkeys.getKeyStateTracker)().store, (state) => state.heldKeys);
+	return (0, _tanstack_solid_store.useSelector)((0, _tanstack_hotkeys.getKeyStateTracker)().store, (state) => state.heldKeys);
 }
 
 //#endregion

package/dist/createHeldKeys.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"createHeldKeys.cjs","names":[],"sources":["../src/createHeldKeys.ts"],"sourcesContent":["import { useStore } from '@tanstack/solid-store'\nimport { getKeyStateTracker } from '@tanstack/hotkeys'\n\n/**\n * SolidJS primitive that returns a signal of currently held keyboard keys.\n *\n * This primitive uses `useStore` from `@tanstack/solid-store` to subscribe\n * to the global KeyStateTracker and updates whenever keys are pressed\n * or released.\n *\n * @returns Signal accessor for array of currently held key names\n *\n * @example\n * ```tsx\n * function KeyDisplay() {\n *   const heldKeys = createHeldKeys()\n *\n *   return (\n *     <div>\n *       Currently pressed: {heldKeys().join(' + ') || 'None'}\n *     </div>\n *   )\n * }\n * ```\n */\nexport function createHeldKeys(): () => Array<string> {\n  const tracker = getKeyStateTracker()\n  return useStore(tracker.store, (state) => state.heldKeys)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,SAAgB,iBAAsC;AAEpD,uFADoC,CACZ,QAAQ,UAAU,MAAM,SAAS"}
+{"version":3,"file":"createHeldKeys.cjs","names":[],"sources":["../src/createHeldKeys.ts"],"sourcesContent":["import { useSelector } from '@tanstack/solid-store'\nimport { getKeyStateTracker } from '@tanstack/hotkeys'\n\n/**\n * SolidJS primitive that returns a signal of currently held keyboard keys.\n *\n * This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe\n * to the global KeyStateTracker and updates whenever keys are pressed\n * or released.\n *\n * @returns Signal accessor for array of currently held key names\n *\n * @example\n * ```tsx\n * function KeyDisplay() {\n *   const heldKeys = createHeldKeys()\n *\n *   return (\n *     <div>\n *       Currently pressed: {heldKeys().join(' + ') || 'None'}\n *     </div>\n *   )\n * }\n * ```\n */\nexport function createHeldKeys(): () => Array<string> {\n  const tracker = getKeyStateTracker()\n  return useSelector(tracker.store, (state) => state.heldKeys)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,SAAgB,iBAAsC;AAEpD,0FADoC,CACT,QAAQ,UAAU,MAAM,SAAS"}

package/dist/createHeldKeys.d.cts

@@ -2,7 +2,7 @@
 /**
  * SolidJS primitive that returns a signal of currently held keyboard keys.
  *
- * This primitive uses `useStore` from `@tanstack/solid-store` to subscribe
+ * This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
  * to the global KeyStateTracker and updates whenever keys are pressed
  * or released.
  *

package/dist/createHeldKeys.d.ts

@@ -2,7 +2,7 @@
 /**
  * SolidJS primitive that returns a signal of currently held keyboard keys.
  *
- * This primitive uses `useStore` from `@tanstack/solid-store` to subscribe
+ * This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
  * to the global KeyStateTracker and updates whenever keys are pressed
  * or released.
  *

package/dist/createHeldKeys.js

@@ -1,11 +1,11 @@
 import { getKeyStateTracker } from "@tanstack/hotkeys";
-import { useStore } from "@tanstack/solid-store";
+import { useSelector } from "@tanstack/solid-store";
 
 //#region src/createHeldKeys.ts
 /**
 * SolidJS primitive that returns a signal of currently held keyboard keys.
 *
-* This primitive uses `useStore` from `@tanstack/solid-store` to subscribe
+* This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
 * to the global KeyStateTracker and updates whenever keys are pressed
 * or released.
 *
@@ -25,7 +25,7 @@ import { useStore } from "@tanstack/solid-store";
 * ```
 */
 function createHeldKeys() {
-	return useStore(getKeyStateTracker().store, (state) => state.heldKeys);
+	return useSelector(getKeyStateTracker().store, (state) => state.heldKeys);
 }
 
 //#endregion

package/dist/createHeldKeys.js.map

@@ -1 +1 @@
-{"version":3,"file":"createHeldKeys.js","names":[],"sources":["../src/createHeldKeys.ts"],"sourcesContent":["import { useStore } from '@tanstack/solid-store'\nimport { getKeyStateTracker } from '@tanstack/hotkeys'\n\n/**\n * SolidJS primitive that returns a signal of currently held keyboard keys.\n *\n * This primitive uses `useStore` from `@tanstack/solid-store` to subscribe\n * to the global KeyStateTracker and updates whenever keys are pressed\n * or released.\n *\n * @returns Signal accessor for array of currently held key names\n *\n * @example\n * ```tsx\n * function KeyDisplay() {\n *   const heldKeys = createHeldKeys()\n *\n *   return (\n *     <div>\n *       Currently pressed: {heldKeys().join(' + ') || 'None'}\n *     </div>\n *   )\n * }\n * ```\n */\nexport function createHeldKeys(): () => Array<string> {\n  const tracker = getKeyStateTracker()\n  return useStore(tracker.store, (state) => state.heldKeys)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,SAAgB,iBAAsC;AAEpD,QAAO,SADS,oBAAoB,CACZ,QAAQ,UAAU,MAAM,SAAS"}
+{"version":3,"file":"createHeldKeys.js","names":[],"sources":["../src/createHeldKeys.ts"],"sourcesContent":["import { useSelector } from '@tanstack/solid-store'\nimport { getKeyStateTracker } from '@tanstack/hotkeys'\n\n/**\n * SolidJS primitive that returns a signal of currently held keyboard keys.\n *\n * This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe\n * to the global KeyStateTracker and updates whenever keys are pressed\n * or released.\n *\n * @returns Signal accessor for array of currently held key names\n *\n * @example\n * ```tsx\n * function KeyDisplay() {\n *   const heldKeys = createHeldKeys()\n *\n *   return (\n *     <div>\n *       Currently pressed: {heldKeys().join(' + ') || 'None'}\n *     </div>\n *   )\n * }\n * ```\n */\nexport function createHeldKeys(): () => Array<string> {\n  const tracker = getKeyStateTracker()\n  return useSelector(tracker.store, (state) => state.heldKeys)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,SAAgB,iBAAsC;AAEpD,QAAO,YADS,oBAAoB,CACT,QAAQ,UAAU,MAAM,SAAS"}

package/dist/createHotkeyRecorder.cjs

@@ -12,7 +12,7 @@ let _tanstack_solid_store = require("@tanstack/solid-store");
 * to hotkey strings, and handling edge cases like Escape to cancel or Backspace/Delete
 * to clear.
 *
-* This primitive uses `useStore` from `@tanstack/solid-store` to subscribe
+* This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
 * to the recorder's store state (same pattern as useHotkeyRecorder in React).
 *
 * @param options - Configuration options for the recorder (or accessor function)
@@ -52,8 +52,8 @@ function createHotkeyRecorder(options) {
 		...defaultOptions.hotkeyRecorder,
 		...resolvedOptions
 	});
-	const isRecording = (0, _tanstack_solid_store.useStore)(recorder.store, (state) => state.isRecording);
-	const recordedHotkey = (0, _tanstack_solid_store.useStore)(recorder.store, (state) => state.recordedHotkey);
+	const isRecording = (0, _tanstack_solid_store.useSelector)(recorder.store, (state) => state.isRecording);
+	const recordedHotkey = (0, _tanstack_solid_store.useSelector)(recorder.store, (state) => state.recordedHotkey);
 	(0, solid_js.createEffect)(() => {
 		const resolved = typeof options === "function" ? options() : options;
 		recorder.setOptions({

package/dist/createHotkeyRecorder.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"createHotkeyRecorder.cjs","names":["useDefaultHotkeysOptions","HotkeyRecorder"],"sources":["../src/createHotkeyRecorder.ts"],"sourcesContent":["import { createEffect, onCleanup } from 'solid-js'\nimport { useStore } from '@tanstack/solid-store'\nimport { HotkeyRecorder } from '@tanstack/hotkeys'\nimport { useDefaultHotkeysOptions } from './HotkeysProvider'\nimport type { Hotkey, HotkeyRecorderOptions } from '@tanstack/hotkeys'\n\nexport interface SolidHotkeyRecorder {\n  /** Whether recording is currently active */\n  isRecording: () => boolean\n  /** The currently recorded hotkey (for live preview) */\n  recordedHotkey: () => Hotkey | null\n  /** Start recording a new hotkey */\n  startRecording: () => void\n  /** Stop recording (same as cancel) */\n  stopRecording: () => void\n  /** Cancel recording without saving */\n  cancelRecording: () => void\n}\n\n/**\n * SolidJS primitive for recording keyboard shortcuts.\n *\n * This primitive provides a thin wrapper around the framework-agnostic `HotkeyRecorder`\n * class, managing all the complexity of capturing keyboard events, converting them\n * to hotkey strings, and handling edge cases like Escape to cancel or Backspace/Delete\n * to clear.\n *\n * This primitive uses `useStore` from `@tanstack/solid-store` to subscribe\n * to the recorder's store state (same pattern as useHotkeyRecorder in React).\n *\n * @param options - Configuration options for the recorder (or accessor function)\n * @returns An object with recording state signals and control functions\n *\n * @example\n * ```tsx\n * function ShortcutSettings() {\n *   const [shortcut, setShortcut] = createSignal<Hotkey>('Mod+S')\n *\n *   const recorder = createHotkeyRecorder({\n *     onRecord: (hotkey) => {\n *       setShortcut(hotkey)\n *     },\n *     onCancel: () => {\n *       console.log('Recording cancelled')\n *     },\n *   })\n *\n *   return (\n *     <div>\n *       <button onClick={recorder.startRecording}>\n *         {recorder.isRecording() ? 'Recording...' : 'Edit Shortcut'}\n *       </button>\n *       <Show when={recorder.recordedHotkey()}>\n *         <div>Recording: {recorder.recordedHotkey()}</div>\n *       </Show>\n *     </div>\n *   )\n * }\n * ```\n */\nexport function createHotkeyRecorder(\n  options: HotkeyRecorderOptions | (() => HotkeyRecorderOptions),\n): SolidHotkeyRecorder {\n  const defaultOptions = useDefaultHotkeysOptions()\n\n  const resolvedOptions = typeof options === 'function' ? options() : options\n  const mergedOptions = {\n    ...defaultOptions.hotkeyRecorder,\n    ...resolvedOptions,\n  } as HotkeyRecorderOptions\n\n  // Create recorder once synchronously (matches React's useRef pattern)\n  const recorder = new HotkeyRecorder(mergedOptions)\n\n  // Subscribe to recorder state using useStore (same pattern as useHotkeyRecorder)\n  const isRecording = useStore(recorder.store, (state) => state.isRecording)\n  const recordedHotkey = useStore(\n    recorder.store,\n    (state) => state.recordedHotkey,\n  )\n\n  // Sync options on every effect run (matches React's sync on render)\n  createEffect(() => {\n    const resolved = typeof options === 'function' ? options() : options\n    recorder.setOptions({\n      ...defaultOptions.hotkeyRecorder,\n      ...resolved,\n    } as HotkeyRecorderOptions)\n  })\n\n  // Cleanup on unmount\n  onCleanup(() => {\n    recorder.destroy()\n  })\n\n  return {\n    isRecording,\n    recordedHotkey,\n    startRecording: () => recorder.start(),\n    stopRecording: () => recorder.stop(),\n    cancelRecording: () => recorder.cancel(),\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,SAAgB,qBACd,SACqB;CACrB,MAAM,iBAAiBA,kDAA0B;CAEjD,MAAM,kBAAkB,OAAO,YAAY,aAAa,SAAS,GAAG;CAOpE,MAAM,WAAW,IAAIC,iCANC;EACpB,GAAG,eAAe;EAClB,GAAG;EACJ,CAGiD;CAGlD,MAAM,kDAAuB,SAAS,QAAQ,UAAU,MAAM,YAAY;CAC1E,MAAM,qDACJ,SAAS,QACR,UAAU,MAAM,eAClB;AAGD,kCAAmB;EACjB,MAAM,WAAW,OAAO,YAAY,aAAa,SAAS,GAAG;AAC7D,WAAS,WAAW;GAClB,GAAG,eAAe;GAClB,GAAG;GACJ,CAA0B;GAC3B;AAGF,+BAAgB;AACd,WAAS,SAAS;GAClB;AAEF,QAAO;EACL;EACA;EACA,sBAAsB,SAAS,OAAO;EACtC,qBAAqB,SAAS,MAAM;EACpC,uBAAuB,SAAS,QAAQ;EACzC"}
+{"version":3,"file":"createHotkeyRecorder.cjs","names":["useDefaultHotkeysOptions","HotkeyRecorder"],"sources":["../src/createHotkeyRecorder.ts"],"sourcesContent":["import { createEffect, onCleanup } from 'solid-js'\nimport { useSelector } from '@tanstack/solid-store'\nimport { HotkeyRecorder } from '@tanstack/hotkeys'\nimport { useDefaultHotkeysOptions } from './HotkeysProvider'\nimport type { Hotkey, HotkeyRecorderOptions } from '@tanstack/hotkeys'\n\nexport interface SolidHotkeyRecorder {\n  /** Whether recording is currently active */\n  isRecording: () => boolean\n  /** The currently recorded hotkey (for live preview) */\n  recordedHotkey: () => Hotkey | null\n  /** Start recording a new hotkey */\n  startRecording: () => void\n  /** Stop recording (same as cancel) */\n  stopRecording: () => void\n  /** Cancel recording without saving */\n  cancelRecording: () => void\n}\n\n/**\n * SolidJS primitive for recording keyboard shortcuts.\n *\n * This primitive provides a thin wrapper around the framework-agnostic `HotkeyRecorder`\n * class, managing all the complexity of capturing keyboard events, converting them\n * to hotkey strings, and handling edge cases like Escape to cancel or Backspace/Delete\n * to clear.\n *\n * This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe\n * to the recorder's store state (same pattern as useHotkeyRecorder in React).\n *\n * @param options - Configuration options for the recorder (or accessor function)\n * @returns An object with recording state signals and control functions\n *\n * @example\n * ```tsx\n * function ShortcutSettings() {\n *   const [shortcut, setShortcut] = createSignal<Hotkey>('Mod+S')\n *\n *   const recorder = createHotkeyRecorder({\n *     onRecord: (hotkey) => {\n *       setShortcut(hotkey)\n *     },\n *     onCancel: () => {\n *       console.log('Recording cancelled')\n *     },\n *   })\n *\n *   return (\n *     <div>\n *       <button onClick={recorder.startRecording}>\n *         {recorder.isRecording() ? 'Recording...' : 'Edit Shortcut'}\n *       </button>\n *       <Show when={recorder.recordedHotkey()}>\n *         <div>Recording: {recorder.recordedHotkey()}</div>\n *       </Show>\n *     </div>\n *   )\n * }\n * ```\n */\nexport function createHotkeyRecorder(\n  options: HotkeyRecorderOptions | (() => HotkeyRecorderOptions),\n): SolidHotkeyRecorder {\n  const defaultOptions = useDefaultHotkeysOptions()\n\n  const resolvedOptions = typeof options === 'function' ? options() : options\n  const mergedOptions = {\n    ...defaultOptions.hotkeyRecorder,\n    ...resolvedOptions,\n  } as HotkeyRecorderOptions\n\n  // Create recorder once synchronously (matches React's useRef pattern)\n  const recorder = new HotkeyRecorder(mergedOptions)\n\n  // Subscribe to recorder state using useSelector (same pattern as useHotkeyRecorder)\n  const isRecording = useSelector(recorder.store, (state) => state.isRecording)\n  const recordedHotkey = useSelector(\n    recorder.store,\n    (state) => state.recordedHotkey,\n  )\n\n  // Sync options on every effect run (matches React's sync on render)\n  createEffect(() => {\n    const resolved = typeof options === 'function' ? options() : options\n    recorder.setOptions({\n      ...defaultOptions.hotkeyRecorder,\n      ...resolved,\n    } as HotkeyRecorderOptions)\n  })\n\n  // Cleanup on unmount\n  onCleanup(() => {\n    recorder.destroy()\n  })\n\n  return {\n    isRecording,\n    recordedHotkey,\n    startRecording: () => recorder.start(),\n    stopRecording: () => recorder.stop(),\n    cancelRecording: () => recorder.cancel(),\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,SAAgB,qBACd,SACqB;CACrB,MAAM,iBAAiBA,kDAA0B;CAEjD,MAAM,kBAAkB,OAAO,YAAY,aAAa,SAAS,GAAG;CAOpE,MAAM,WAAW,IAAIC,iCANC;EACpB,GAAG,eAAe;EAClB,GAAG;EACJ,CAGiD;CAGlD,MAAM,qDAA0B,SAAS,QAAQ,UAAU,MAAM,YAAY;CAC7E,MAAM,wDACJ,SAAS,QACR,UAAU,MAAM,eAClB;AAGD,kCAAmB;EACjB,MAAM,WAAW,OAAO,YAAY,aAAa,SAAS,GAAG;AAC7D,WAAS,WAAW;GAClB,GAAG,eAAe;GAClB,GAAG;GACJ,CAA0B;GAC3B;AAGF,+BAAgB;AACd,WAAS,SAAS;GAClB;AAEF,QAAO;EACL;EACA;EACA,sBAAsB,SAAS,OAAO;EACtC,qBAAqB,SAAS,MAAM;EACpC,uBAAuB,SAAS,QAAQ;EACzC"}

package/dist/createHotkeyRecorder.d.cts

@@ -21,7 +21,7 @@ interface SolidHotkeyRecorder {
  * to hotkey strings, and handling edge cases like Escape to cancel or Backspace/Delete
  * to clear.
  *
- * This primitive uses `useStore` from `@tanstack/solid-store` to subscribe
+ * This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
  * to the recorder's store state (same pattern as useHotkeyRecorder in React).
  *
  * @param options - Configuration options for the recorder (or accessor function)

package/dist/createHotkeyRecorder.d.ts

@@ -21,7 +21,7 @@ interface SolidHotkeyRecorder {
  * to hotkey strings, and handling edge cases like Escape to cancel or Backspace/Delete
  * to clear.
  *
- * This primitive uses `useStore` from `@tanstack/solid-store` to subscribe
+ * This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
  * to the recorder's store state (same pattern as useHotkeyRecorder in React).
  *
  * @param options - Configuration options for the recorder (or accessor function)

package/dist/createHotkeyRecorder.js

@@ -1,7 +1,7 @@
 import { useDefaultHotkeysOptions } from "./HotkeysProvider.js";
 import { HotkeyRecorder } from "@tanstack/hotkeys";
 import { createEffect, onCleanup } from "solid-js";
-import { useStore } from "@tanstack/solid-store";
+import { useSelector } from "@tanstack/solid-store";
 
 //#region src/createHotkeyRecorder.ts
 /**
@@ -12,7 +12,7 @@ import { useStore } from "@tanstack/solid-store";
 * to hotkey strings, and handling edge cases like Escape to cancel or Backspace/Delete
 * to clear.
 *
-* This primitive uses `useStore` from `@tanstack/solid-store` to subscribe
+* This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
 * to the recorder's store state (same pattern as useHotkeyRecorder in React).
 *
 * @param options - Configuration options for the recorder (or accessor function)
@@ -52,8 +52,8 @@ function createHotkeyRecorder(options) {
 		...defaultOptions.hotkeyRecorder,
 		...resolvedOptions
 	});
-	const isRecording = useStore(recorder.store, (state) => state.isRecording);
-	const recordedHotkey = useStore(recorder.store, (state) => state.recordedHotkey);
+	const isRecording = useSelector(recorder.store, (state) => state.isRecording);
+	const recordedHotkey = useSelector(recorder.store, (state) => state.recordedHotkey);
 	createEffect(() => {
 		const resolved = typeof options === "function" ? options() : options;
 		recorder.setOptions({

package/dist/createHotkeyRecorder.js.map

@@ -1 +1 @@
-{"version":3,"file":"createHotkeyRecorder.js","names":[],"sources":["../src/createHotkeyRecorder.ts"],"sourcesContent":["import { createEffect, onCleanup } from 'solid-js'\nimport { useStore } from '@tanstack/solid-store'\nimport { HotkeyRecorder } from '@tanstack/hotkeys'\nimport { useDefaultHotkeysOptions } from './HotkeysProvider'\nimport type { Hotkey, HotkeyRecorderOptions } from '@tanstack/hotkeys'\n\nexport interface SolidHotkeyRecorder {\n  /** Whether recording is currently active */\n  isRecording: () => boolean\n  /** The currently recorded hotkey (for live preview) */\n  recordedHotkey: () => Hotkey | null\n  /** Start recording a new hotkey */\n  startRecording: () => void\n  /** Stop recording (same as cancel) */\n  stopRecording: () => void\n  /** Cancel recording without saving */\n  cancelRecording: () => void\n}\n\n/**\n * SolidJS primitive for recording keyboard shortcuts.\n *\n * This primitive provides a thin wrapper around the framework-agnostic `HotkeyRecorder`\n * class, managing all the complexity of capturing keyboard events, converting them\n * to hotkey strings, and handling edge cases like Escape to cancel or Backspace/Delete\n * to clear.\n *\n * This primitive uses `useStore` from `@tanstack/solid-store` to subscribe\n * to the recorder's store state (same pattern as useHotkeyRecorder in React).\n *\n * @param options - Configuration options for the recorder (or accessor function)\n * @returns An object with recording state signals and control functions\n *\n * @example\n * ```tsx\n * function ShortcutSettings() {\n *   const [shortcut, setShortcut] = createSignal<Hotkey>('Mod+S')\n *\n *   const recorder = createHotkeyRecorder({\n *     onRecord: (hotkey) => {\n *       setShortcut(hotkey)\n *     },\n *     onCancel: () => {\n *       console.log('Recording cancelled')\n *     },\n *   })\n *\n *   return (\n *     <div>\n *       <button onClick={recorder.startRecording}>\n *         {recorder.isRecording() ? 'Recording...' : 'Edit Shortcut'}\n *       </button>\n *       <Show when={recorder.recordedHotkey()}>\n *         <div>Recording: {recorder.recordedHotkey()}</div>\n *       </Show>\n *     </div>\n *   )\n * }\n * ```\n */\nexport function createHotkeyRecorder(\n  options: HotkeyRecorderOptions | (() => HotkeyRecorderOptions),\n): SolidHotkeyRecorder {\n  const defaultOptions = useDefaultHotkeysOptions()\n\n  const resolvedOptions = typeof options === 'function' ? options() : options\n  const mergedOptions = {\n    ...defaultOptions.hotkeyRecorder,\n    ...resolvedOptions,\n  } as HotkeyRecorderOptions\n\n  // Create recorder once synchronously (matches React's useRef pattern)\n  const recorder = new HotkeyRecorder(mergedOptions)\n\n  // Subscribe to recorder state using useStore (same pattern as useHotkeyRecorder)\n  const isRecording = useStore(recorder.store, (state) => state.isRecording)\n  const recordedHotkey = useStore(\n    recorder.store,\n    (state) => state.recordedHotkey,\n  )\n\n  // Sync options on every effect run (matches React's sync on render)\n  createEffect(() => {\n    const resolved = typeof options === 'function' ? options() : options\n    recorder.setOptions({\n      ...defaultOptions.hotkeyRecorder,\n      ...resolved,\n    } as HotkeyRecorderOptions)\n  })\n\n  // Cleanup on unmount\n  onCleanup(() => {\n    recorder.destroy()\n  })\n\n  return {\n    isRecording,\n    recordedHotkey,\n    startRecording: () => recorder.start(),\n    stopRecording: () => recorder.stop(),\n    cancelRecording: () => recorder.cancel(),\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,SAAgB,qBACd,SACqB;CACrB,MAAM,iBAAiB,0BAA0B;CAEjD,MAAM,kBAAkB,OAAO,YAAY,aAAa,SAAS,GAAG;CAOpE,MAAM,WAAW,IAAI,eANC;EACpB,GAAG,eAAe;EAClB,GAAG;EACJ,CAGiD;CAGlD,MAAM,cAAc,SAAS,SAAS,QAAQ,UAAU,MAAM,YAAY;CAC1E,MAAM,iBAAiB,SACrB,SAAS,QACR,UAAU,MAAM,eAClB;AAGD,oBAAmB;EACjB,MAAM,WAAW,OAAO,YAAY,aAAa,SAAS,GAAG;AAC7D,WAAS,WAAW;GAClB,GAAG,eAAe;GAClB,GAAG;GACJ,CAA0B;GAC3B;AAGF,iBAAgB;AACd,WAAS,SAAS;GAClB;AAEF,QAAO;EACL;EACA;EACA,sBAAsB,SAAS,OAAO;EACtC,qBAAqB,SAAS,MAAM;EACpC,uBAAuB,SAAS,QAAQ;EACzC"}
+{"version":3,"file":"createHotkeyRecorder.js","names":[],"sources":["../src/createHotkeyRecorder.ts"],"sourcesContent":["import { createEffect, onCleanup } from 'solid-js'\nimport { useSelector } from '@tanstack/solid-store'\nimport { HotkeyRecorder } from '@tanstack/hotkeys'\nimport { useDefaultHotkeysOptions } from './HotkeysProvider'\nimport type { Hotkey, HotkeyRecorderOptions } from '@tanstack/hotkeys'\n\nexport interface SolidHotkeyRecorder {\n  /** Whether recording is currently active */\n  isRecording: () => boolean\n  /** The currently recorded hotkey (for live preview) */\n  recordedHotkey: () => Hotkey | null\n  /** Start recording a new hotkey */\n  startRecording: () => void\n  /** Stop recording (same as cancel) */\n  stopRecording: () => void\n  /** Cancel recording without saving */\n  cancelRecording: () => void\n}\n\n/**\n * SolidJS primitive for recording keyboard shortcuts.\n *\n * This primitive provides a thin wrapper around the framework-agnostic `HotkeyRecorder`\n * class, managing all the complexity of capturing keyboard events, converting them\n * to hotkey strings, and handling edge cases like Escape to cancel or Backspace/Delete\n * to clear.\n *\n * This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe\n * to the recorder's store state (same pattern as useHotkeyRecorder in React).\n *\n * @param options - Configuration options for the recorder (or accessor function)\n * @returns An object with recording state signals and control functions\n *\n * @example\n * ```tsx\n * function ShortcutSettings() {\n *   const [shortcut, setShortcut] = createSignal<Hotkey>('Mod+S')\n *\n *   const recorder = createHotkeyRecorder({\n *     onRecord: (hotkey) => {\n *       setShortcut(hotkey)\n *     },\n *     onCancel: () => {\n *       console.log('Recording cancelled')\n *     },\n *   })\n *\n *   return (\n *     <div>\n *       <button onClick={recorder.startRecording}>\n *         {recorder.isRecording() ? 'Recording...' : 'Edit Shortcut'}\n *       </button>\n *       <Show when={recorder.recordedHotkey()}>\n *         <div>Recording: {recorder.recordedHotkey()}</div>\n *       </Show>\n *     </div>\n *   )\n * }\n * ```\n */\nexport function createHotkeyRecorder(\n  options: HotkeyRecorderOptions | (() => HotkeyRecorderOptions),\n): SolidHotkeyRecorder {\n  const defaultOptions = useDefaultHotkeysOptions()\n\n  const resolvedOptions = typeof options === 'function' ? options() : options\n  const mergedOptions = {\n    ...defaultOptions.hotkeyRecorder,\n    ...resolvedOptions,\n  } as HotkeyRecorderOptions\n\n  // Create recorder once synchronously (matches React's useRef pattern)\n  const recorder = new HotkeyRecorder(mergedOptions)\n\n  // Subscribe to recorder state using useSelector (same pattern as useHotkeyRecorder)\n  const isRecording = useSelector(recorder.store, (state) => state.isRecording)\n  const recordedHotkey = useSelector(\n    recorder.store,\n    (state) => state.recordedHotkey,\n  )\n\n  // Sync options on every effect run (matches React's sync on render)\n  createEffect(() => {\n    const resolved = typeof options === 'function' ? options() : options\n    recorder.setOptions({\n      ...defaultOptions.hotkeyRecorder,\n      ...resolved,\n    } as HotkeyRecorderOptions)\n  })\n\n  // Cleanup on unmount\n  onCleanup(() => {\n    recorder.destroy()\n  })\n\n  return {\n    isRecording,\n    recordedHotkey,\n    startRecording: () => recorder.start(),\n    stopRecording: () => recorder.stop(),\n    cancelRecording: () => recorder.cancel(),\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,SAAgB,qBACd,SACqB;CACrB,MAAM,iBAAiB,0BAA0B;CAEjD,MAAM,kBAAkB,OAAO,YAAY,aAAa,SAAS,GAAG;CAOpE,MAAM,WAAW,IAAI,eANC;EACpB,GAAG,eAAe;EAClB,GAAG;EACJ,CAGiD;CAGlD,MAAM,cAAc,YAAY,SAAS,QAAQ,UAAU,MAAM,YAAY;CAC7E,MAAM,iBAAiB,YACrB,SAAS,QACR,UAAU,MAAM,eAClB;AAGD,oBAAmB;EACjB,MAAM,WAAW,OAAO,YAAY,aAAa,SAAS,GAAG;AAC7D,WAAS,WAAW;GAClB,GAAG,eAAe;GAClB,GAAG;GACJ,CAA0B;GAC3B;AAGF,iBAAgB;AACd,WAAS,SAAS;GAClB;AAEF,QAAO;EACL;EACA;EACA,sBAAsB,SAAS,OAAO;EACtC,qBAAqB,SAAS,MAAM;EACpC,uBAAuB,SAAS,QAAQ;EACzC"}

package/dist/createHotkeyRegistrations.cjs

@@ -16,8 +16,8 @@ function createHotkeyRegistrations() {
 	const hotkeyManager = (0, _tanstack_hotkeys.getHotkeyManager)();
 	const sequenceManager = (0, _tanstack_hotkeys.getSequenceManager)();
 	return {
-		hotkeys: (0, _tanstack_solid_store.useStore)(hotkeyManager.registrations, (state) => Array.from(state.values()).map(_tanstack_hotkeys.toHotkeyRegistrationView)),
-		sequences: (0, _tanstack_solid_store.useStore)(sequenceManager.registrations, (state) => Array.from(state.values()))
+		hotkeys: (0, _tanstack_solid_store.useSelector)(hotkeyManager.registrations, (state) => Array.from(state.values()).map(_tanstack_hotkeys.toHotkeyRegistrationView)),
+		sequences: (0, _tanstack_solid_store.useSelector)(sequenceManager.registrations, (state) => Array.from(state.values()))
 	};
 }
 

package/dist/createHotkeyRegistrations.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"createHotkeyRegistrations.cjs","names":["toHotkeyRegistrationView"],"sources":["../src/createHotkeyRegistrations.ts"],"sourcesContent":["import { useStore } from '@tanstack/solid-store'\nimport {\n  getHotkeyManager,\n  getSequenceManager,\n  toHotkeyRegistrationView,\n} from '@tanstack/hotkeys'\nimport type {\n  HotkeyRegistrationView,\n  SequenceRegistrationView,\n} from '@tanstack/hotkeys'\n\n/**\n * Return type for createHotkeyRegistrations.\n */\nexport interface HotkeyRegistrationsResult {\n  /** Accessor for all registered hotkeys (public view, no callbacks) */\n  hotkeys: () => Array<HotkeyRegistrationView>\n  /** Accessor for all registered sequences */\n  sequences: () => Array<SequenceRegistrationView>\n}\n\n/**\n * Solid primitive that reactively reads all hotkey and sequence registrations\n * from the singleton managers.\n *\n * This is a standalone primitive that does NOT require the HotkeysProvider.\n * It subscribes to both HotkeyManager and SequenceManager stores and\n * triggers reactivity when registrations change.\n *\n * @returns Object with `hotkeys` and `sequences` signal accessors\n */\nexport function createHotkeyRegistrations(): HotkeyRegistrationsResult {\n  const hotkeyManager = getHotkeyManager()\n  const sequenceManager = getSequenceManager()\n\n  const hotkeys = useStore(hotkeyManager.registrations, (state) =>\n    Array.from(state.values()).map(toHotkeyRegistrationView),\n  )\n\n  const sequences = useStore(sequenceManager.registrations, (state) =>\n    Array.from(state.values()),\n  )\n\n  return { hotkeys, sequences }\n}\n"],"mappings":";;;;;;;;;;;;;;AA+BA,SAAgB,4BAAuD;CACrE,MAAM,yDAAkC;CACxC,MAAM,6DAAsC;AAU5C,QAAO;EAAE,6CARgB,cAAc,gBAAgB,UACrD,MAAM,KAAK,MAAM,QAAQ,CAAC,CAAC,IAAIA,2CAAyB,CACzD;EAMiB,+CAJS,gBAAgB,gBAAgB,UACzD,MAAM,KAAK,MAAM,QAAQ,CAAC,CAC3B;EAE4B"}
+{"version":3,"file":"createHotkeyRegistrations.cjs","names":["toHotkeyRegistrationView"],"sources":["../src/createHotkeyRegistrations.ts"],"sourcesContent":["import { useSelector } from '@tanstack/solid-store'\nimport {\n  getHotkeyManager,\n  getSequenceManager,\n  toHotkeyRegistrationView,\n} from '@tanstack/hotkeys'\nimport type {\n  HotkeyRegistrationView,\n  SequenceRegistrationView,\n} from '@tanstack/hotkeys'\n\n/**\n * Return type for createHotkeyRegistrations.\n */\nexport interface HotkeyRegistrationsResult {\n  /** Accessor for all registered hotkeys (public view, no callbacks) */\n  hotkeys: () => Array<HotkeyRegistrationView>\n  /** Accessor for all registered sequences */\n  sequences: () => Array<SequenceRegistrationView>\n}\n\n/**\n * Solid primitive that reactively reads all hotkey and sequence registrations\n * from the singleton managers.\n *\n * This is a standalone primitive that does NOT require the HotkeysProvider.\n * It subscribes to both HotkeyManager and SequenceManager stores and\n * triggers reactivity when registrations change.\n *\n * @returns Object with `hotkeys` and `sequences` signal accessors\n */\nexport function createHotkeyRegistrations(): HotkeyRegistrationsResult {\n  const hotkeyManager = getHotkeyManager()\n  const sequenceManager = getSequenceManager()\n\n  const hotkeys = useSelector(hotkeyManager.registrations, (state) =>\n    Array.from(state.values()).map(toHotkeyRegistrationView),\n  )\n\n  const sequences = useSelector(sequenceManager.registrations, (state) =>\n    Array.from(state.values()),\n  )\n\n  return { hotkeys, sequences }\n}\n"],"mappings":";;;;;;;;;;;;;;AA+BA,SAAgB,4BAAuD;CACrE,MAAM,yDAAkC;CACxC,MAAM,6DAAsC;AAU5C,QAAO;EAAE,gDARmB,cAAc,gBAAgB,UACxD,MAAM,KAAK,MAAM,QAAQ,CAAC,CAAC,IAAIA,2CAAyB,CACzD;EAMiB,kDAJY,gBAAgB,gBAAgB,UAC5D,MAAM,KAAK,MAAM,QAAQ,CAAC,CAC3B;EAE4B"}

package/dist/createHotkeyRegistrations.js

@@ -1,5 +1,5 @@
 import { getHotkeyManager, getSequenceManager, toHotkeyRegistrationView } from "@tanstack/hotkeys";
-import { useStore } from "@tanstack/solid-store";
+import { useSelector } from "@tanstack/solid-store";
 
 //#region src/createHotkeyRegistrations.ts
 /**
@@ -16,8 +16,8 @@ function createHotkeyRegistrations() {
 	const hotkeyManager = getHotkeyManager();
 	const sequenceManager = getSequenceManager();
 	return {
-		hotkeys: useStore(hotkeyManager.registrations, (state) => Array.from(state.values()).map(toHotkeyRegistrationView)),
-		sequences: useStore(sequenceManager.registrations, (state) => Array.from(state.values()))
+		hotkeys: useSelector(hotkeyManager.registrations, (state) => Array.from(state.values()).map(toHotkeyRegistrationView)),
+		sequences: useSelector(sequenceManager.registrations, (state) => Array.from(state.values()))
 	};
 }
 

package/dist/createHotkeyRegistrations.js.map

@@ -1 +1 @@
-{"version":3,"file":"createHotkeyRegistrations.js","names":[],"sources":["../src/createHotkeyRegistrations.ts"],"sourcesContent":["import { useStore } from '@tanstack/solid-store'\nimport {\n  getHotkeyManager,\n  getSequenceManager,\n  toHotkeyRegistrationView,\n} from '@tanstack/hotkeys'\nimport type {\n  HotkeyRegistrationView,\n  SequenceRegistrationView,\n} from '@tanstack/hotkeys'\n\n/**\n * Return type for createHotkeyRegistrations.\n */\nexport interface HotkeyRegistrationsResult {\n  /** Accessor for all registered hotkeys (public view, no callbacks) */\n  hotkeys: () => Array<HotkeyRegistrationView>\n  /** Accessor for all registered sequences */\n  sequences: () => Array<SequenceRegistrationView>\n}\n\n/**\n * Solid primitive that reactively reads all hotkey and sequence registrations\n * from the singleton managers.\n *\n * This is a standalone primitive that does NOT require the HotkeysProvider.\n * It subscribes to both HotkeyManager and SequenceManager stores and\n * triggers reactivity when registrations change.\n *\n * @returns Object with `hotkeys` and `sequences` signal accessors\n */\nexport function createHotkeyRegistrations(): HotkeyRegistrationsResult {\n  const hotkeyManager = getHotkeyManager()\n  const sequenceManager = getSequenceManager()\n\n  const hotkeys = useStore(hotkeyManager.registrations, (state) =>\n    Array.from(state.values()).map(toHotkeyRegistrationView),\n  )\n\n  const sequences = useStore(sequenceManager.registrations, (state) =>\n    Array.from(state.values()),\n  )\n\n  return { hotkeys, sequences }\n}\n"],"mappings":";;;;;;;;;;;;;;AA+BA,SAAgB,4BAAuD;CACrE,MAAM,gBAAgB,kBAAkB;CACxC,MAAM,kBAAkB,oBAAoB;AAU5C,QAAO;EAAE,SARO,SAAS,cAAc,gBAAgB,UACrD,MAAM,KAAK,MAAM,QAAQ,CAAC,CAAC,IAAI,yBAAyB,CACzD;EAMiB,WAJA,SAAS,gBAAgB,gBAAgB,UACzD,MAAM,KAAK,MAAM,QAAQ,CAAC,CAC3B;EAE4B"}
+{"version":3,"file":"createHotkeyRegistrations.js","names":[],"sources":["../src/createHotkeyRegistrations.ts"],"sourcesContent":["import { useSelector } from '@tanstack/solid-store'\nimport {\n  getHotkeyManager,\n  getSequenceManager,\n  toHotkeyRegistrationView,\n} from '@tanstack/hotkeys'\nimport type {\n  HotkeyRegistrationView,\n  SequenceRegistrationView,\n} from '@tanstack/hotkeys'\n\n/**\n * Return type for createHotkeyRegistrations.\n */\nexport interface HotkeyRegistrationsResult {\n  /** Accessor for all registered hotkeys (public view, no callbacks) */\n  hotkeys: () => Array<HotkeyRegistrationView>\n  /** Accessor for all registered sequences */\n  sequences: () => Array<SequenceRegistrationView>\n}\n\n/**\n * Solid primitive that reactively reads all hotkey and sequence registrations\n * from the singleton managers.\n *\n * This is a standalone primitive that does NOT require the HotkeysProvider.\n * It subscribes to both HotkeyManager and SequenceManager stores and\n * triggers reactivity when registrations change.\n *\n * @returns Object with `hotkeys` and `sequences` signal accessors\n */\nexport function createHotkeyRegistrations(): HotkeyRegistrationsResult {\n  const hotkeyManager = getHotkeyManager()\n  const sequenceManager = getSequenceManager()\n\n  const hotkeys = useSelector(hotkeyManager.registrations, (state) =>\n    Array.from(state.values()).map(toHotkeyRegistrationView),\n  )\n\n  const sequences = useSelector(sequenceManager.registrations, (state) =>\n    Array.from(state.values()),\n  )\n\n  return { hotkeys, sequences }\n}\n"],"mappings":";;;;;;;;;;;;;;AA+BA,SAAgB,4BAAuD;CACrE,MAAM,gBAAgB,kBAAkB;CACxC,MAAM,kBAAkB,oBAAoB;AAU5C,QAAO;EAAE,SARO,YAAY,cAAc,gBAAgB,UACxD,MAAM,KAAK,MAAM,QAAQ,CAAC,CAAC,IAAI,yBAAyB,CACzD;EAMiB,WAJA,YAAY,gBAAgB,gBAAgB,UAC5D,MAAM,KAAK,MAAM,QAAQ,CAAC,CAC3B;EAE4B"}

package/dist/createHotkeySequenceRecorder.cjs

@@ -14,9 +14,9 @@ function createHotkeySequenceRecorder(options) {
 		...defaultOptions.hotkeySequenceRecorder,
 		...resolvedOptions
 	});
-	const isRecording = (0, _tanstack_solid_store.useStore)(recorder.store, (state) => state.isRecording);
-	const steps = (0, _tanstack_solid_store.useStore)(recorder.store, (state) => state.steps);
-	const recordedSequence = (0, _tanstack_solid_store.useStore)(recorder.store, (state) => state.recordedSequence);
+	const isRecording = (0, _tanstack_solid_store.useSelector)(recorder.store, (state) => state.isRecording);
+	const steps = (0, _tanstack_solid_store.useSelector)(recorder.store, (state) => state.steps);
+	const recordedSequence = (0, _tanstack_solid_store.useSelector)(recorder.store, (state) => state.recordedSequence);
 	(0, solid_js.createEffect)(() => {
 		const resolved = typeof options === "function" ? options() : options;
 		recorder.setOptions({

package/dist/createHotkeySequenceRecorder.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"createHotkeySequenceRecorder.cjs","names":["useDefaultHotkeysOptions","HotkeySequenceRecorder"],"sources":["../src/createHotkeySequenceRecorder.ts"],"sourcesContent":["import { createEffect, onCleanup } from 'solid-js'\nimport { useStore } from '@tanstack/solid-store'\nimport { HotkeySequenceRecorder } from '@tanstack/hotkeys'\nimport { useDefaultHotkeysOptions } from './HotkeysProvider'\nimport type {\n  HotkeySequence,\n  HotkeySequenceRecorderOptions,\n} from '@tanstack/hotkeys'\n\nexport interface SolidHotkeySequenceRecorder {\n  isRecording: () => boolean\n  steps: () => HotkeySequence\n  recordedSequence: () => HotkeySequence | null\n  startRecording: () => void\n  stopRecording: () => void\n  cancelRecording: () => void\n  commitRecording: () => void\n}\n\n/**\n * SolidJS primitive for recording multi-chord sequences (Vim-style shortcuts).\n */\nexport function createHotkeySequenceRecorder(\n  options:\n    | HotkeySequenceRecorderOptions\n    | (() => HotkeySequenceRecorderOptions),\n): SolidHotkeySequenceRecorder {\n  const defaultOptions = useDefaultHotkeysOptions()\n\n  const resolvedOptions = typeof options === 'function' ? options() : options\n  const mergedOptions = {\n    ...defaultOptions.hotkeySequenceRecorder,\n    ...resolvedOptions,\n  } as HotkeySequenceRecorderOptions\n\n  const recorder = new HotkeySequenceRecorder(mergedOptions)\n\n  const isRecording = useStore(recorder.store, (state) => state.isRecording)\n  const steps = useStore(recorder.store, (state) => state.steps)\n  const recordedSequence = useStore(\n    recorder.store,\n    (state) => state.recordedSequence,\n  )\n\n  createEffect(() => {\n    const resolved = typeof options === 'function' ? options() : options\n    recorder.setOptions({\n      ...defaultOptions.hotkeySequenceRecorder,\n      ...resolved,\n    } as HotkeySequenceRecorderOptions)\n  })\n\n  onCleanup(() => {\n    recorder.destroy()\n  })\n\n  return {\n    isRecording,\n    steps,\n    recordedSequence,\n    startRecording: () => recorder.start(),\n    stopRecording: () => recorder.stop(),\n    cancelRecording: () => recorder.cancel(),\n    commitRecording: () => recorder.commit(),\n  }\n}\n"],"mappings":";;;;;;;;;AAsBA,SAAgB,6BACd,SAG6B;CAC7B,MAAM,iBAAiBA,kDAA0B;CAEjD,MAAM,kBAAkB,OAAO,YAAY,aAAa,SAAS,GAAG;CAMpE,MAAM,WAAW,IAAIC,yCALC;EACpB,GAAG,eAAe;EAClB,GAAG;EACJ,CAEyD;CAE1D,MAAM,kDAAuB,SAAS,QAAQ,UAAU,MAAM,YAAY;CAC1E,MAAM,4CAAiB,SAAS,QAAQ,UAAU,MAAM,MAAM;CAC9D,MAAM,uDACJ,SAAS,QACR,UAAU,MAAM,iBAClB;AAED,kCAAmB;EACjB,MAAM,WAAW,OAAO,YAAY,aAAa,SAAS,GAAG;AAC7D,WAAS,WAAW;GAClB,GAAG,eAAe;GAClB,GAAG;GACJ,CAAkC;GACnC;AAEF,+BAAgB;AACd,WAAS,SAAS;GAClB;AAEF,QAAO;EACL;EACA;EACA;EACA,sBAAsB,SAAS,OAAO;EACtC,qBAAqB,SAAS,MAAM;EACpC,uBAAuB,SAAS,QAAQ;EACxC,uBAAuB,SAAS,QAAQ;EACzC"}
+{"version":3,"file":"createHotkeySequenceRecorder.cjs","names":["useDefaultHotkeysOptions","HotkeySequenceRecorder"],"sources":["../src/createHotkeySequenceRecorder.ts"],"sourcesContent":["import { createEffect, onCleanup } from 'solid-js'\nimport { useSelector } from '@tanstack/solid-store'\nimport { HotkeySequenceRecorder } from '@tanstack/hotkeys'\nimport { useDefaultHotkeysOptions } from './HotkeysProvider'\nimport type {\n  HotkeySequence,\n  HotkeySequenceRecorderOptions,\n} from '@tanstack/hotkeys'\n\nexport interface SolidHotkeySequenceRecorder {\n  isRecording: () => boolean\n  steps: () => HotkeySequence\n  recordedSequence: () => HotkeySequence | null\n  startRecording: () => void\n  stopRecording: () => void\n  cancelRecording: () => void\n  commitRecording: () => void\n}\n\n/**\n * SolidJS primitive for recording multi-chord sequences (Vim-style shortcuts).\n */\nexport function createHotkeySequenceRecorder(\n  options:\n    | HotkeySequenceRecorderOptions\n    | (() => HotkeySequenceRecorderOptions),\n): SolidHotkeySequenceRecorder {\n  const defaultOptions = useDefaultHotkeysOptions()\n\n  const resolvedOptions = typeof options === 'function' ? options() : options\n  const mergedOptions = {\n    ...defaultOptions.hotkeySequenceRecorder,\n    ...resolvedOptions,\n  } as HotkeySequenceRecorderOptions\n\n  const recorder = new HotkeySequenceRecorder(mergedOptions)\n\n  const isRecording = useSelector(recorder.store, (state) => state.isRecording)\n  const steps = useSelector(recorder.store, (state) => state.steps)\n  const recordedSequence = useSelector(\n    recorder.store,\n    (state) => state.recordedSequence,\n  )\n\n  createEffect(() => {\n    const resolved = typeof options === 'function' ? options() : options\n    recorder.setOptions({\n      ...defaultOptions.hotkeySequenceRecorder,\n      ...resolved,\n    } as HotkeySequenceRecorderOptions)\n  })\n\n  onCleanup(() => {\n    recorder.destroy()\n  })\n\n  return {\n    isRecording,\n    steps,\n    recordedSequence,\n    startRecording: () => recorder.start(),\n    stopRecording: () => recorder.stop(),\n    cancelRecording: () => recorder.cancel(),\n    commitRecording: () => recorder.commit(),\n  }\n}\n"],"mappings":";;;;;;;;;AAsBA,SAAgB,6BACd,SAG6B;CAC7B,MAAM,iBAAiBA,kDAA0B;CAEjD,MAAM,kBAAkB,OAAO,YAAY,aAAa,SAAS,GAAG;CAMpE,MAAM,WAAW,IAAIC,yCALC;EACpB,GAAG,eAAe;EAClB,GAAG;EACJ,CAEyD;CAE1D,MAAM,qDAA0B,SAAS,QAAQ,UAAU,MAAM,YAAY;CAC7E,MAAM,+CAAoB,SAAS,QAAQ,UAAU,MAAM,MAAM;CACjE,MAAM,0DACJ,SAAS,QACR,UAAU,MAAM,iBAClB;AAED,kCAAmB;EACjB,MAAM,WAAW,OAAO,YAAY,aAAa,SAAS,GAAG;AAC7D,WAAS,WAAW;GAClB,GAAG,eAAe;GAClB,GAAG;GACJ,CAAkC;GACnC;AAEF,+BAAgB;AACd,WAAS,SAAS;GAClB;AAEF,QAAO;EACL;EACA;EACA;EACA,sBAAsB,SAAS,OAAO;EACtC,qBAAqB,SAAS,MAAM;EACpC,uBAAuB,SAAS,QAAQ;EACxC,uBAAuB,SAAS,QAAQ;EACzC"}

package/dist/createHotkeySequenceRecorder.js

@@ -1,7 +1,7 @@
 import { useDefaultHotkeysOptions } from "./HotkeysProvider.js";
 import { HotkeySequenceRecorder } from "@tanstack/hotkeys";
 import { createEffect, onCleanup } from "solid-js";
-import { useStore } from "@tanstack/solid-store";
+import { useSelector } from "@tanstack/solid-store";
 
 //#region src/createHotkeySequenceRecorder.ts
 /**
@@ -14,9 +14,9 @@ function createHotkeySequenceRecorder(options) {
 		...defaultOptions.hotkeySequenceRecorder,
 		...resolvedOptions
 	});
-	const isRecording = useStore(recorder.store, (state) => state.isRecording);
-	const steps = useStore(recorder.store, (state) => state.steps);
-	const recordedSequence = useStore(recorder.store, (state) => state.recordedSequence);
+	const isRecording = useSelector(recorder.store, (state) => state.isRecording);
+	const steps = useSelector(recorder.store, (state) => state.steps);
+	const recordedSequence = useSelector(recorder.store, (state) => state.recordedSequence);
 	createEffect(() => {
 		const resolved = typeof options === "function" ? options() : options;
 		recorder.setOptions({

package/dist/createHotkeySequenceRecorder.js.map

@@ -1 +1 @@
-{"version":3,"file":"createHotkeySequenceRecorder.js","names":[],"sources":["../src/createHotkeySequenceRecorder.ts"],"sourcesContent":["import { createEffect, onCleanup } from 'solid-js'\nimport { useStore } from '@tanstack/solid-store'\nimport { HotkeySequenceRecorder } from '@tanstack/hotkeys'\nimport { useDefaultHotkeysOptions } from './HotkeysProvider'\nimport type {\n  HotkeySequence,\n  HotkeySequenceRecorderOptions,\n} from '@tanstack/hotkeys'\n\nexport interface SolidHotkeySequenceRecorder {\n  isRecording: () => boolean\n  steps: () => HotkeySequence\n  recordedSequence: () => HotkeySequence | null\n  startRecording: () => void\n  stopRecording: () => void\n  cancelRecording: () => void\n  commitRecording: () => void\n}\n\n/**\n * SolidJS primitive for recording multi-chord sequences (Vim-style shortcuts).\n */\nexport function createHotkeySequenceRecorder(\n  options:\n    | HotkeySequenceRecorderOptions\n    | (() => HotkeySequenceRecorderOptions),\n): SolidHotkeySequenceRecorder {\n  const defaultOptions = useDefaultHotkeysOptions()\n\n  const resolvedOptions = typeof options === 'function' ? options() : options\n  const mergedOptions = {\n    ...defaultOptions.hotkeySequenceRecorder,\n    ...resolvedOptions,\n  } as HotkeySequenceRecorderOptions\n\n  const recorder = new HotkeySequenceRecorder(mergedOptions)\n\n  const isRecording = useStore(recorder.store, (state) => state.isRecording)\n  const steps = useStore(recorder.store, (state) => state.steps)\n  const recordedSequence = useStore(\n    recorder.store,\n    (state) => state.recordedSequence,\n  )\n\n  createEffect(() => {\n    const resolved = typeof options === 'function' ? options() : options\n    recorder.setOptions({\n      ...defaultOptions.hotkeySequenceRecorder,\n      ...resolved,\n    } as HotkeySequenceRecorderOptions)\n  })\n\n  onCleanup(() => {\n    recorder.destroy()\n  })\n\n  return {\n    isRecording,\n    steps,\n    recordedSequence,\n    startRecording: () => recorder.start(),\n    stopRecording: () => recorder.stop(),\n    cancelRecording: () => recorder.cancel(),\n    commitRecording: () => recorder.commit(),\n  }\n}\n"],"mappings":";;;;;;;;;AAsBA,SAAgB,6BACd,SAG6B;CAC7B,MAAM,iBAAiB,0BAA0B;CAEjD,MAAM,kBAAkB,OAAO,YAAY,aAAa,SAAS,GAAG;CAMpE,MAAM,WAAW,IAAI,uBALC;EACpB,GAAG,eAAe;EAClB,GAAG;EACJ,CAEyD;CAE1D,MAAM,cAAc,SAAS,SAAS,QAAQ,UAAU,MAAM,YAAY;CAC1E,MAAM,QAAQ,SAAS,SAAS,QAAQ,UAAU,MAAM,MAAM;CAC9D,MAAM,mBAAmB,SACvB,SAAS,QACR,UAAU,MAAM,iBAClB;AAED,oBAAmB;EACjB,MAAM,WAAW,OAAO,YAAY,aAAa,SAAS,GAAG;AAC7D,WAAS,WAAW;GAClB,GAAG,eAAe;GAClB,GAAG;GACJ,CAAkC;GACnC;AAEF,iBAAgB;AACd,WAAS,SAAS;GAClB;AAEF,QAAO;EACL;EACA;EACA;EACA,sBAAsB,SAAS,OAAO;EACtC,qBAAqB,SAAS,MAAM;EACpC,uBAAuB,SAAS,QAAQ;EACxC,uBAAuB,SAAS,QAAQ;EACzC"}
+{"version":3,"file":"createHotkeySequenceRecorder.js","names":[],"sources":["../src/createHotkeySequenceRecorder.ts"],"sourcesContent":["import { createEffect, onCleanup } from 'solid-js'\nimport { useSelector } from '@tanstack/solid-store'\nimport { HotkeySequenceRecorder } from '@tanstack/hotkeys'\nimport { useDefaultHotkeysOptions } from './HotkeysProvider'\nimport type {\n  HotkeySequence,\n  HotkeySequenceRecorderOptions,\n} from '@tanstack/hotkeys'\n\nexport interface SolidHotkeySequenceRecorder {\n  isRecording: () => boolean\n  steps: () => HotkeySequence\n  recordedSequence: () => HotkeySequence | null\n  startRecording: () => void\n  stopRecording: () => void\n  cancelRecording: () => void\n  commitRecording: () => void\n}\n\n/**\n * SolidJS primitive for recording multi-chord sequences (Vim-style shortcuts).\n */\nexport function createHotkeySequenceRecorder(\n  options:\n    | HotkeySequenceRecorderOptions\n    | (() => HotkeySequenceRecorderOptions),\n): SolidHotkeySequenceRecorder {\n  const defaultOptions = useDefaultHotkeysOptions()\n\n  const resolvedOptions = typeof options === 'function' ? options() : options\n  const mergedOptions = {\n    ...defaultOptions.hotkeySequenceRecorder,\n    ...resolvedOptions,\n  } as HotkeySequenceRecorderOptions\n\n  const recorder = new HotkeySequenceRecorder(mergedOptions)\n\n  const isRecording = useSelector(recorder.store, (state) => state.isRecording)\n  const steps = useSelector(recorder.store, (state) => state.steps)\n  const recordedSequence = useSelector(\n    recorder.store,\n    (state) => state.recordedSequence,\n  )\n\n  createEffect(() => {\n    const resolved = typeof options === 'function' ? options() : options\n    recorder.setOptions({\n      ...defaultOptions.hotkeySequenceRecorder,\n      ...resolved,\n    } as HotkeySequenceRecorderOptions)\n  })\n\n  onCleanup(() => {\n    recorder.destroy()\n  })\n\n  return {\n    isRecording,\n    steps,\n    recordedSequence,\n    startRecording: () => recorder.start(),\n    stopRecording: () => recorder.stop(),\n    cancelRecording: () => recorder.cancel(),\n    commitRecording: () => recorder.commit(),\n  }\n}\n"],"mappings":";;;;;;;;;AAsBA,SAAgB,6BACd,SAG6B;CAC7B,MAAM,iBAAiB,0BAA0B;CAEjD,MAAM,kBAAkB,OAAO,YAAY,aAAa,SAAS,GAAG;CAMpE,MAAM,WAAW,IAAI,uBALC;EACpB,GAAG,eAAe;EAClB,GAAG;EACJ,CAEyD;CAE1D,MAAM,cAAc,YAAY,SAAS,QAAQ,UAAU,MAAM,YAAY;CAC7E,MAAM,QAAQ,YAAY,SAAS,QAAQ,UAAU,MAAM,MAAM;CACjE,MAAM,mBAAmB,YACvB,SAAS,QACR,UAAU,MAAM,iBAClB;AAED,oBAAmB;EACjB,MAAM,WAAW,OAAO,YAAY,aAAa,SAAS,GAAG;AAC7D,WAAS,WAAW;GAClB,GAAG,eAAe;GAClB,GAAG;GACJ,CAAkC;GACnC;AAEF,iBAAgB;AACd,WAAS,SAAS;GAClB;AAEF,QAAO;EACL;EACA;EACA;EACA,sBAAsB,SAAS,OAAO;EACtC,qBAAqB,SAAS,MAAM;EACpC,uBAAuB,SAAS,QAAQ;EACxC,uBAAuB,SAAS,QAAQ;EACzC"}

package/dist/createKeyHold.cjs

@@ -6,7 +6,7 @@ let _tanstack_solid_store = require("@tanstack/solid-store");
 /**
 * SolidJS primitive that returns whether a specific key is currently being held.
 *
-* This primitive uses `useStore` from `@tanstack/solid-store` to subscribe
+* This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
 * to the global KeyStateTracker and uses a selector to determine if the
 * specified key is held.
 *
@@ -44,7 +44,7 @@ let _tanstack_solid_store = require("@tanstack/solid-store");
 * ```
 */
 function createKeyHold(key) {
-	const heldKeysSelector = (0, _tanstack_solid_store.useStore)((0, _tanstack_hotkeys.getKeyStateTracker)().store, (state) => state.heldKeys);
+	const heldKeysSelector = (0, _tanstack_solid_store.useSelector)((0, _tanstack_hotkeys.getKeyStateTracker)().store, (state) => state.heldKeys);
 	return (0, solid_js.createMemo)(() => {
 		const normalizedKey = (typeof key === "function" ? key() : key).toLowerCase();
 		return heldKeysSelector().some((heldKey) => heldKey.toLowerCase() === normalizedKey);

package/dist/createKeyHold.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"createKeyHold.cjs","names":[],"sources":["../src/createKeyHold.ts"],"sourcesContent":["import { createMemo } from 'solid-js'\nimport { useStore } from '@tanstack/solid-store'\nimport { getKeyStateTracker } from '@tanstack/hotkeys'\nimport type { IndividualKey } from '@tanstack/hotkeys'\n\n/**\n * SolidJS primitive that returns whether a specific key is currently being held.\n *\n * This primitive uses `useStore` from `@tanstack/solid-store` to subscribe\n * to the global KeyStateTracker and uses a selector to determine if the\n * specified key is held.\n *\n * @param key - The key to check (e.g., 'Shift', 'Control', 'A') - can be an accessor function\n * @returns Signal accessor that returns true if the key is currently held down\n *\n * @example\n * ```tsx\n * function ShiftIndicator() {\n *   const isShiftHeld = createKeyHold('Shift')\n *\n *   return (\n *     <div style={{ opacity: isShiftHeld() ? 1 : 0.5 }}>\n *       {isShiftHeld() ? 'Shift is pressed!' : 'Press Shift'}\n *     </div>\n *   )\n * }\n * ```\n *\n * @example\n * ```tsx\n * function ModifierIndicators() {\n *   const ctrl = createKeyHold('Control')\n *   const shift = createKeyHold('Shift')\n *   const alt = createKeyHold('Alt')\n *\n *   return (\n *     <div>\n *       <span style={{ opacity: ctrl() ? 1 : 0.3 }}>Ctrl</span>\n *       <span style={{ opacity: shift() ? 1 : 0.3 }}>Shift</span>\n *       <span style={{ opacity: alt() ? 1 : 0.3 }}>Alt</span>\n *     </div>\n *   )\n * }\n * ```\n */\nexport function createKeyHold(\n  key: IndividualKey | (() => IndividualKey),\n): () => boolean {\n  const tracker = getKeyStateTracker()\n  const heldKeysSelector = useStore(tracker.store, (state) => state.heldKeys)\n\n  return createMemo(() => {\n    const resolvedKey = typeof key === 'function' ? key() : key\n    const normalizedKey = resolvedKey.toLowerCase()\n    return heldKeysSelector().some(\n      (heldKey) => heldKey.toLowerCase() === normalizedKey,\n    )\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,SAAgB,cACd,KACe;CAEf,MAAM,kGAD8B,CACM,QAAQ,UAAU,MAAM,SAAS;AAE3E,uCAAwB;EAEtB,MAAM,iBADc,OAAO,QAAQ,aAAa,KAAK,GAAG,KACtB,aAAa;AAC/C,SAAO,kBAAkB,CAAC,MACvB,YAAY,QAAQ,aAAa,KAAK,cACxC;GACD"}
+{"version":3,"file":"createKeyHold.cjs","names":[],"sources":["../src/createKeyHold.ts"],"sourcesContent":["import { createMemo } from 'solid-js'\nimport { useSelector } from '@tanstack/solid-store'\nimport { getKeyStateTracker } from '@tanstack/hotkeys'\nimport type { IndividualKey } from '@tanstack/hotkeys'\n\n/**\n * SolidJS primitive that returns whether a specific key is currently being held.\n *\n * This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe\n * to the global KeyStateTracker and uses a selector to determine if the\n * specified key is held.\n *\n * @param key - The key to check (e.g., 'Shift', 'Control', 'A') - can be an accessor function\n * @returns Signal accessor that returns true if the key is currently held down\n *\n * @example\n * ```tsx\n * function ShiftIndicator() {\n *   const isShiftHeld = createKeyHold('Shift')\n *\n *   return (\n *     <div style={{ opacity: isShiftHeld() ? 1 : 0.5 }}>\n *       {isShiftHeld() ? 'Shift is pressed!' : 'Press Shift'}\n *     </div>\n *   )\n * }\n * ```\n *\n * @example\n * ```tsx\n * function ModifierIndicators() {\n *   const ctrl = createKeyHold('Control')\n *   const shift = createKeyHold('Shift')\n *   const alt = createKeyHold('Alt')\n *\n *   return (\n *     <div>\n *       <span style={{ opacity: ctrl() ? 1 : 0.3 }}>Ctrl</span>\n *       <span style={{ opacity: shift() ? 1 : 0.3 }}>Shift</span>\n *       <span style={{ opacity: alt() ? 1 : 0.3 }}>Alt</span>\n *     </div>\n *   )\n * }\n * ```\n */\nexport function createKeyHold(\n  key: IndividualKey | (() => IndividualKey),\n): () => boolean {\n  const tracker = getKeyStateTracker()\n  const heldKeysSelector = useSelector(tracker.store, (state) => state.heldKeys)\n\n  return createMemo(() => {\n    const resolvedKey = typeof key === 'function' ? key() : key\n    const normalizedKey = resolvedKey.toLowerCase()\n    return heldKeysSelector().some(\n      (heldKey) => heldKey.toLowerCase() === normalizedKey,\n    )\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,SAAgB,cACd,KACe;CAEf,MAAM,qGAD8B,CACS,QAAQ,UAAU,MAAM,SAAS;AAE9E,uCAAwB;EAEtB,MAAM,iBADc,OAAO,QAAQ,aAAa,KAAK,GAAG,KACtB,aAAa;AAC/C,SAAO,kBAAkB,CAAC,MACvB,YAAY,QAAQ,aAAa,KAAK,cACxC;GACD"}

package/dist/createKeyHold.d.cts

@@ -4,7 +4,7 @@ import { IndividualKey } from "@tanstack/hotkeys";
 /**
  * SolidJS primitive that returns whether a specific key is currently being held.
  *
- * This primitive uses `useStore` from `@tanstack/solid-store` to subscribe
+ * This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
  * to the global KeyStateTracker and uses a selector to determine if the
  * specified key is held.
  *

package/dist/createKeyHold.d.ts

@@ -4,7 +4,7 @@ import { IndividualKey } from "@tanstack/hotkeys";
 /**
  * SolidJS primitive that returns whether a specific key is currently being held.
  *
- * This primitive uses `useStore` from `@tanstack/solid-store` to subscribe
+ * This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
  * to the global KeyStateTracker and uses a selector to determine if the
  * specified key is held.
  *

package/dist/createKeyHold.js

@@ -1,12 +1,12 @@
 import { getKeyStateTracker } from "@tanstack/hotkeys";
 import { createMemo } from "solid-js";
-import { useStore } from "@tanstack/solid-store";
+import { useSelector } from "@tanstack/solid-store";
 
 //#region src/createKeyHold.ts
 /**
 * SolidJS primitive that returns whether a specific key is currently being held.
 *
-* This primitive uses `useStore` from `@tanstack/solid-store` to subscribe
+* This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
 * to the global KeyStateTracker and uses a selector to determine if the
 * specified key is held.
 *
@@ -44,7 +44,7 @@ import { useStore } from "@tanstack/solid-store";
 * ```
 */
 function createKeyHold(key) {
-	const heldKeysSelector = useStore(getKeyStateTracker().store, (state) => state.heldKeys);
+	const heldKeysSelector = useSelector(getKeyStateTracker().store, (state) => state.heldKeys);
 	return createMemo(() => {
 		const normalizedKey = (typeof key === "function" ? key() : key).toLowerCase();
 		return heldKeysSelector().some((heldKey) => heldKey.toLowerCase() === normalizedKey);

package/dist/createKeyHold.js.map

@@ -1 +1 @@
-{"version":3,"file":"createKeyHold.js","names":[],"sources":["../src/createKeyHold.ts"],"sourcesContent":["import { createMemo } from 'solid-js'\nimport { useStore } from '@tanstack/solid-store'\nimport { getKeyStateTracker } from '@tanstack/hotkeys'\nimport type { IndividualKey } from '@tanstack/hotkeys'\n\n/**\n * SolidJS primitive that returns whether a specific key is currently being held.\n *\n * This primitive uses `useStore` from `@tanstack/solid-store` to subscribe\n * to the global KeyStateTracker and uses a selector to determine if the\n * specified key is held.\n *\n * @param key - The key to check (e.g., 'Shift', 'Control', 'A') - can be an accessor function\n * @returns Signal accessor that returns true if the key is currently held down\n *\n * @example\n * ```tsx\n * function ShiftIndicator() {\n *   const isShiftHeld = createKeyHold('Shift')\n *\n *   return (\n *     <div style={{ opacity: isShiftHeld() ? 1 : 0.5 }}>\n *       {isShiftHeld() ? 'Shift is pressed!' : 'Press Shift'}\n *     </div>\n *   )\n * }\n * ```\n *\n * @example\n * ```tsx\n * function ModifierIndicators() {\n *   const ctrl = createKeyHold('Control')\n *   const shift = createKeyHold('Shift')\n *   const alt = createKeyHold('Alt')\n *\n *   return (\n *     <div>\n *       <span style={{ opacity: ctrl() ? 1 : 0.3 }}>Ctrl</span>\n *       <span style={{ opacity: shift() ? 1 : 0.3 }}>Shift</span>\n *       <span style={{ opacity: alt() ? 1 : 0.3 }}>Alt</span>\n *     </div>\n *   )\n * }\n * ```\n */\nexport function createKeyHold(\n  key: IndividualKey | (() => IndividualKey),\n): () => boolean {\n  const tracker = getKeyStateTracker()\n  const heldKeysSelector = useStore(tracker.store, (state) => state.heldKeys)\n\n  return createMemo(() => {\n    const resolvedKey = typeof key === 'function' ? key() : key\n    const normalizedKey = resolvedKey.toLowerCase()\n    return heldKeysSelector().some(\n      (heldKey) => heldKey.toLowerCase() === normalizedKey,\n    )\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,SAAgB,cACd,KACe;CAEf,MAAM,mBAAmB,SADT,oBAAoB,CACM,QAAQ,UAAU,MAAM,SAAS;AAE3E,QAAO,iBAAiB;EAEtB,MAAM,iBADc,OAAO,QAAQ,aAAa,KAAK,GAAG,KACtB,aAAa;AAC/C,SAAO,kBAAkB,CAAC,MACvB,YAAY,QAAQ,aAAa,KAAK,cACxC;GACD"}
+{"version":3,"file":"createKeyHold.js","names":[],"sources":["../src/createKeyHold.ts"],"sourcesContent":["import { createMemo } from 'solid-js'\nimport { useSelector } from '@tanstack/solid-store'\nimport { getKeyStateTracker } from '@tanstack/hotkeys'\nimport type { IndividualKey } from '@tanstack/hotkeys'\n\n/**\n * SolidJS primitive that returns whether a specific key is currently being held.\n *\n * This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe\n * to the global KeyStateTracker and uses a selector to determine if the\n * specified key is held.\n *\n * @param key - The key to check (e.g., 'Shift', 'Control', 'A') - can be an accessor function\n * @returns Signal accessor that returns true if the key is currently held down\n *\n * @example\n * ```tsx\n * function ShiftIndicator() {\n *   const isShiftHeld = createKeyHold('Shift')\n *\n *   return (\n *     <div style={{ opacity: isShiftHeld() ? 1 : 0.5 }}>\n *       {isShiftHeld() ? 'Shift is pressed!' : 'Press Shift'}\n *     </div>\n *   )\n * }\n * ```\n *\n * @example\n * ```tsx\n * function ModifierIndicators() {\n *   const ctrl = createKeyHold('Control')\n *   const shift = createKeyHold('Shift')\n *   const alt = createKeyHold('Alt')\n *\n *   return (\n *     <div>\n *       <span style={{ opacity: ctrl() ? 1 : 0.3 }}>Ctrl</span>\n *       <span style={{ opacity: shift() ? 1 : 0.3 }}>Shift</span>\n *       <span style={{ opacity: alt() ? 1 : 0.3 }}>Alt</span>\n *     </div>\n *   )\n * }\n * ```\n */\nexport function createKeyHold(\n  key: IndividualKey | (() => IndividualKey),\n): () => boolean {\n  const tracker = getKeyStateTracker()\n  const heldKeysSelector = useSelector(tracker.store, (state) => state.heldKeys)\n\n  return createMemo(() => {\n    const resolvedKey = typeof key === 'function' ? key() : key\n    const normalizedKey = resolvedKey.toLowerCase()\n    return heldKeysSelector().some(\n      (heldKey) => heldKey.toLowerCase() === normalizedKey,\n    )\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,SAAgB,cACd,KACe;CAEf,MAAM,mBAAmB,YADT,oBAAoB,CACS,QAAQ,UAAU,MAAM,SAAS;AAE9E,QAAO,iBAAiB;EAEtB,MAAM,iBADc,OAAO,QAAQ,aAAa,KAAK,GAAG,KACtB,aAAa;AAC/C,SAAO,kBAAkB,CAAC,MACvB,YAAY,QAAQ,aAAa,KAAK,cACxC;GACD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/solid-hotkeys",
-  "version": "0.9.1",
+  "version": "0.10.0",
   "description": "SolidJS adapter for TanStack Hotkeys",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -42,14 +42,14 @@
     "src"
   ],
   "dependencies": {
-    "@tanstack/solid-store": "^0.9.3",
-    "@tanstack/hotkeys": "0.7.1"
+    "@tanstack/solid-store": "^0.11.0",
+    "@tanstack/hotkeys": "0.8.0"
   },
   "devDependencies": {
     "@solidjs/testing-library": "^0.8.10",
     "@testing-library/jest-dom": "^6.9.1",
     "solid-js": "^1.9.12",
-    "vite-plugin-solid": "^2.11.11"
+    "vite-plugin-solid": "^2.11.12"
   },
   "peerDependencies": {
     "solid-js": ">=1.7.0"

package/src/createHeldKeyCodes.ts

@@ -1,4 +1,4 @@
-import { useStore } from '@tanstack/solid-store'
+import { useSelector } from '@tanstack/solid-store'
 import { getKeyStateTracker } from '@tanstack/hotkeys'
 
 /**
@@ -7,7 +7,7 @@ import { getKeyStateTracker } from '@tanstack/hotkeys'
  * This is useful for debugging which physical key was pressed (e.g. distinguishing
  * left vs right Shift via "ShiftLeft" / "ShiftRight").
  *
- * This primitive uses `useStore` from `@tanstack/solid-store` to subscribe
+ * This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
  * to the global KeyStateTracker.
  *
  * @returns Signal accessor for record mapping normalized key names to their `event.code` values
@@ -34,5 +34,5 @@ import { getKeyStateTracker } from '@tanstack/hotkeys'
  */
 export function createHeldKeyCodes(): () => Record<string, string> {
   const tracker = getKeyStateTracker()
-  return useStore(tracker.store, (state) => state.heldCodes)
+  return useSelector(tracker.store, (state) => state.heldCodes)
 }

package/src/createHeldKeys.ts

@@ -1,10 +1,10 @@
-import { useStore } from '@tanstack/solid-store'
+import { useSelector } from '@tanstack/solid-store'
 import { getKeyStateTracker } from '@tanstack/hotkeys'
 
 /**
  * SolidJS primitive that returns a signal of currently held keyboard keys.
  *
- * This primitive uses `useStore` from `@tanstack/solid-store` to subscribe
+ * This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
  * to the global KeyStateTracker and updates whenever keys are pressed
  * or released.
  *
@@ -25,5 +25,5 @@ import { getKeyStateTracker } from '@tanstack/hotkeys'
  */
 export function createHeldKeys(): () => Array<string> {
   const tracker = getKeyStateTracker()
-  return useStore(tracker.store, (state) => state.heldKeys)
+  return useSelector(tracker.store, (state) => state.heldKeys)
 }

package/src/createHotkeyRecorder.ts

@@ -1,5 +1,5 @@
 import { createEffect, onCleanup } from 'solid-js'
-import { useStore } from '@tanstack/solid-store'
+import { useSelector } from '@tanstack/solid-store'
 import { HotkeyRecorder } from '@tanstack/hotkeys'
 import { useDefaultHotkeysOptions } from './HotkeysProvider'
 import type { Hotkey, HotkeyRecorderOptions } from '@tanstack/hotkeys'
@@ -25,7 +25,7 @@ export interface SolidHotkeyRecorder {
  * to hotkey strings, and handling edge cases like Escape to cancel or Backspace/Delete
  * to clear.
  *
- * This primitive uses `useStore` from `@tanstack/solid-store` to subscribe
+ * This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
  * to the recorder's store state (same pattern as useHotkeyRecorder in React).
  *
  * @param options - Configuration options for the recorder (or accessor function)
@@ -72,9 +72,9 @@ export function createHotkeyRecorder(
   // Create recorder once synchronously (matches React's useRef pattern)
   const recorder = new HotkeyRecorder(mergedOptions)
 
-  // Subscribe to recorder state using useStore (same pattern as useHotkeyRecorder)
-  const isRecording = useStore(recorder.store, (state) => state.isRecording)
-  const recordedHotkey = useStore(
+  // Subscribe to recorder state using useSelector (same pattern as useHotkeyRecorder)
+  const isRecording = useSelector(recorder.store, (state) => state.isRecording)
+  const recordedHotkey = useSelector(
     recorder.store,
     (state) => state.recordedHotkey,
   )

package/src/createHotkeyRegistrations.ts

@@ -1,4 +1,4 @@
-import { useStore } from '@tanstack/solid-store'
+import { useSelector } from '@tanstack/solid-store'
 import {
   getHotkeyManager,
   getSequenceManager,
@@ -33,11 +33,11 @@ export function createHotkeyRegistrations(): HotkeyRegistrationsResult {
   const hotkeyManager = getHotkeyManager()
   const sequenceManager = getSequenceManager()
 
-  const hotkeys = useStore(hotkeyManager.registrations, (state) =>
+  const hotkeys = useSelector(hotkeyManager.registrations, (state) =>
     Array.from(state.values()).map(toHotkeyRegistrationView),
   )
 
-  const sequences = useStore(sequenceManager.registrations, (state) =>
+  const sequences = useSelector(sequenceManager.registrations, (state) =>
     Array.from(state.values()),
   )
 

package/src/createHotkeySequenceRecorder.ts

@@ -1,5 +1,5 @@
 import { createEffect, onCleanup } from 'solid-js'
-import { useStore } from '@tanstack/solid-store'
+import { useSelector } from '@tanstack/solid-store'
 import { HotkeySequenceRecorder } from '@tanstack/hotkeys'
 import { useDefaultHotkeysOptions } from './HotkeysProvider'
 import type {
@@ -35,9 +35,9 @@ export function createHotkeySequenceRecorder(
 
   const recorder = new HotkeySequenceRecorder(mergedOptions)
 
-  const isRecording = useStore(recorder.store, (state) => state.isRecording)
-  const steps = useStore(recorder.store, (state) => state.steps)
-  const recordedSequence = useStore(
+  const isRecording = useSelector(recorder.store, (state) => state.isRecording)
+  const steps = useSelector(recorder.store, (state) => state.steps)
+  const recordedSequence = useSelector(
     recorder.store,
     (state) => state.recordedSequence,
   )

package/src/createKeyHold.ts

@@ -1,12 +1,12 @@
 import { createMemo } from 'solid-js'
-import { useStore } from '@tanstack/solid-store'
+import { useSelector } from '@tanstack/solid-store'
 import { getKeyStateTracker } from '@tanstack/hotkeys'
 import type { IndividualKey } from '@tanstack/hotkeys'
 
 /**
  * SolidJS primitive that returns whether a specific key is currently being held.
  *
- * This primitive uses `useStore` from `@tanstack/solid-store` to subscribe
+ * This primitive uses `useSelector` from `@tanstack/solid-store` to subscribe
  * to the global KeyStateTracker and uses a selector to determine if the
  * specified key is held.
  *
@@ -47,7 +47,7 @@ export function createKeyHold(
   key: IndividualKey | (() => IndividualKey),
 ): () => boolean {
   const tracker = getKeyStateTracker()
-  const heldKeysSelector = useStore(tracker.store, (state) => state.heldKeys)
+  const heldKeysSelector = useSelector(tracker.store, (state) => state.heldKeys)
 
   return createMemo(() => {
     const resolvedKey = typeof key === 'function' ? key() : key