@tanstack/vue-hotkeys 0.0.1

package/README.md

@@ -0,0 +1,122 @@
+<div align="center">
+  <img src="./media/header_hotkeys.png" alt="TanStack Hotkeys" />
+</div>
+
+<br />
+
+<div align="center">
+	<a href="https://www.npmjs.com/package/@tanstack/hotkeys" target="\_parent">
+	  <img alt="" src="https://img.shields.io/npm/dm/@tanstack/hotkeys.svg" alt="npm downloads" />
+	</a>
+	<a href="https://github.com/TanStack/hotkeys" target="\_parent">
+	  <img alt="" src="https://img.shields.io/github/stars/TanStack/hotkeys.svg?style=social&label=Star" alt="GitHub stars" />
+	</a>
+	<a href="https://bundlephobia.com/result?p=@tanstack/react-hotkeys@latest" target="\_parent">
+	  <img alt="" src="https://badgen.net/bundlephobia/minzip/@tanstack/react-hotkeys@latest" alt="Bundle size" />
+	</a>
+</div>
+
+<div align="center">
+	<a href="#badge">
+	  <img alt="semantic-release" src="https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg">
+	</a>
+	<a href="#badge">
+	  <img src="https://img.shields.io/github/v/release/tanstack/hotkeys" alt="Release"/>
+	</a>
+	<a href="https://twitter.com/tan_stack">
+	  <img src="https://img.shields.io/twitter/follow/tan_stack.svg?style=social" alt="Follow @TanStack"/>
+	</a>
+</div>
+
+<div align="center">
+
+### [Become a Sponsor!](https://github.com/sponsors/tannerlinsley/)
+
+</div>
+
+# TanStack Hotkeys
+
+> [!NOTE]
+> TanStack Hotkeys is pre-alpha (prototyping phase). We are actively developing the library and are open to feedback and contributions.
+
+Type-safe keyboard shortcuts for the web. Template-string bindings, parsed objects, a cross-platform `Mod` key, a singleton Hotkey Manager, and utilities for cheatsheet UIs—built to stay SSR-friendly.
+
+- Type-safe bindings — template strings (`Mod+Shift+S`, `Escape`) or parsed objects for full control
+- Flexible options — `keydown`/`keyup`, `preventDefault`, `stopPropagation`, conditional enabled, `requireReset`
+- Cross-platform Mod — maps to Cmd on macOS and Ctrl on Windows/Linux
+- Batteries included — validation + matching, sequences (Vim-style), key-state tracking, recorder UI helpers, framework adapters, and devtools
+
+### <a href="https://tanstack.com/hotkeys">Read the docs →</a>
+
+<br />
+
+> [!NOTE]
+> You may know **TanStack Hotkeys** by our adapter names, too!
+>
+> - [**React Hotkeys**](https://tanstack.com/hotkeys/latest/docs/framework/react/react-hotkeys)
+> - [**Preact Hotkeys**](https://tanstack.com/hotkeys/latest/docs/framework/preact/preact-hotkeys)
+> - [**Solid Hotkeys**](https://tanstack.com/hotkeys/latest/docs/framework/solid/reference)
+> - [**Angular Hotkeys**](https://tanstack.com/hotkeys/latest/docs/framework/angular/reference)
+> - [**Vue Hotkeys**](https://tanstack.com/hotkeys/latest/docs/framework/vue/reference)
+> - Svelte Hotkeys – needs a contributor!
+
+## Get Involved
+
+- We welcome issues and pull requests!
+- Participate in [GitHub discussions](https://github.com/TanStack/hotkeys/discussions)
+- Chat with the community on [Discord](https://discord.com/invite/WrRKjPJ)
+- See [CONTRIBUTING.md](./CONTRIBUTING.md) for setup instructions
+
+## Partners
+
+<div align="center">
+
+<table align="center">
+  <tr>
+    <td>
+      <a href="https://www.coderabbit.ai/?via=tanstack&dub_id=aCcEEdAOqqutX6OS" >
+        <picture>
+          <source media="(prefers-color-scheme: dark)" srcset="https://tanstack.com/assets/coderabbit-dark-D643Zkrv.svg" height="40" />
+          <source media="(prefers-color-scheme: light)" srcset="https://tanstack.com/assets/coderabbit-light-CIzGLYU_.svg" height="40" />
+          <img src="https://tanstack.com/assets/coderabbit-light-DVMJ2jHi.svg" height="40" alt="CodeRabbit" />
+        </picture>
+      </a>
+    </td>
+    <td>
+      <a href="https://www.cloudflare.com?utm_source=tanstack">
+        <picture>
+          <source media="(prefers-color-scheme: dark)" srcset="https://tanstack.com/assets/cloudflare-white-Co-Tyjbl.svg" height="60" />
+          <source media="(prefers-color-scheme: light)" srcset="https://tanstack.com/assets/cloudflare-black-6Ojsn8yh.svg" height="60" />
+          <img src="https://tanstack.com/assets/cloudflare-black-CPufaW0B.svg" height="60" alt="Cloudflare" />
+        </picture>
+      </a>
+    </td>
+  </tr>
+</table>
+
+<div align="center">
+<img src="media/partner_logo.svg" alt="Keys & you?" height="65">
+<p>
+We're looking for TanStack Hotkeys Partners to join our mission! Partner with us to push the boundaries of TanStack Hotkeys and build amazing things together.
+</p>
+<a href="mailto:partners@tanstack.com?subject=TanStack Hotkeys Partnership"><b>LET'S CHAT</b></a>
+</div>
+
+</div>
+
+## Explore the TanStack Ecosystem
+
+- <a href="https://github.com/tanstack/config"><b>TanStack Config</b></a> – Tooling for JS/TS packages
+- <a href="https://github.com/tanstack/db"><b>TanStack DB</b></a> – Reactive sync client store
+- <a href="https://github.com/tanstack/devtools"><b>TanStack DevTools</b></a> – Unified devtools panel
+- <a href="https://github.com/tanstack/form"><b>TanStack Form</b></a> – Type‑safe form state
+- <a href="https://github.com/tanstack/hotkeys"><b>TanStack Hotkeys</b></a> – Type‑safe keyboard shortcuts
+- <a href="https://github.com/tanstack/query"><b>TanStack Query</b></a> – Async state & caching
+- <a href="https://github.com/tanstack/ranger"><b>TanStack Ranger</b></a> – Range & slider primitives
+- <a href="https://github.com/tanstack/router"><b>TanStack Router</b></a> – Type‑safe routing, caching & URL state
+- <a href="https://github.com/tanstack/start"><b>TanStack Start</b></a> – Full‑stack SSR & streaming
+- <a href="https://github.com/tanstack/store"><b>TanStack Store</b></a> – Reactive data store
+- <a href="https://github.com/tanstack/table"><b>TanStack Table</b></a> – Headless datagrids
+- <a href="https://github.com/tanstack/virtual"><b>TanStack Virtual</b></a> – Virtualized rendering
+
+… and more at <a href="https://tanstack.com"><b>TanStack.com »</b></a>

package/dist/HotkeysProvider.cjs

@@ -0,0 +1,31 @@
+const require_HotkeysProviderContext = require('./HotkeysProviderContext.cjs');
+let vue = require("vue");
+
+//#region src/HotkeysProvider.tsx
+/**
+* Vue component that provides default options for hotkeys context.
+*
+* @example
+* ```vue
+* <template>
+*   <HotkeysProvider :defaultOptions="{ hotkey: { enabled: true } }">
+*     <App />
+*   </HotkeysProvider>
+* </template>
+* ```
+*/
+const HotkeysProvider = (0, vue.defineComponent)({
+	name: "HotkeysProvider",
+	props: { defaultOptions: {
+		type: Object,
+		default: void 0
+	} },
+	setup(props, { slots }) {
+		require_HotkeysProviderContext.provideHotkeysContext(props.defaultOptions);
+		return () => slots.default?.();
+	}
+});
+
+//#endregion
+exports.HotkeysProvider = HotkeysProvider;
+//# sourceMappingURL=HotkeysProvider.cjs.map

package/dist/HotkeysProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HotkeysProvider.cjs","names":[],"sources":["../src/HotkeysProvider.tsx"],"sourcesContent":["import { defineComponent } from 'vue'\nimport { provideHotkeysContext } from './HotkeysProviderContext'\nimport type { HotkeysProviderOptions } from './HotkeysProviderContext'\n\n/**\n * Vue component that provides default options for hotkeys context.\n *\n * @example\n * ```vue\n * <template>\n *   <HotkeysProvider :defaultOptions=\"{ hotkey: { enabled: true } }\">\n *     <App />\n *   </HotkeysProvider>\n * </template>\n * ```\n */\nexport const HotkeysProvider = defineComponent({\n  name: 'HotkeysProvider',\n  props: {\n    defaultOptions: {\n      type: Object as () => HotkeysProviderOptions,\n      default: undefined,\n    },\n  },\n  setup(props, { slots }) {\n    provideHotkeysContext(props.defaultOptions)\n    return () => slots.default?.()\n  },\n})\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,MAAa,2CAAkC;CAC7C,MAAM;CACN,OAAO,EACL,gBAAgB;EACd,MAAM;EACN,SAAS;EACV,EACF;CACD,MAAM,OAAO,EAAE,SAAS;AACtB,uDAAsB,MAAM,eAAe;AAC3C,eAAa,MAAM,WAAW;;CAEjC,CAAC"}

package/dist/HotkeysProvider.d.cts

@@ -0,0 +1,34 @@
+import { HotkeysProviderOptions } from "./HotkeysProviderContext.cjs";
+import * as vue from "vue";
+
+//#region src/HotkeysProvider.d.ts
+/**
+ * Vue component that provides default options for hotkeys context.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <HotkeysProvider :defaultOptions="{ hotkey: { enabled: true } }">
+ *     <App />
+ *   </HotkeysProvider>
+ * </template>
+ * ```
+ */
+declare const HotkeysProvider: vue.DefineComponent<vue.ExtractPropTypes<{
+  defaultOptions: {
+    type: () => HotkeysProviderOptions;
+    default: undefined;
+  };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+  [key: string]: any;
+}>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+  defaultOptions: {
+    type: () => HotkeysProviderOptions;
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  defaultOptions: HotkeysProviderOptions;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { HotkeysProvider };
+//# sourceMappingURL=HotkeysProvider.d.cts.map

package/dist/HotkeysProvider.d.ts

@@ -0,0 +1,34 @@
+import { HotkeysProviderOptions } from "./HotkeysProviderContext.js";
+import * as vue from "vue";
+
+//#region src/HotkeysProvider.d.ts
+/**
+ * Vue component that provides default options for hotkeys context.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <HotkeysProvider :defaultOptions="{ hotkey: { enabled: true } }">
+ *     <App />
+ *   </HotkeysProvider>
+ * </template>
+ * ```
+ */
+declare const HotkeysProvider: vue.DefineComponent<vue.ExtractPropTypes<{
+  defaultOptions: {
+    type: () => HotkeysProviderOptions;
+    default: undefined;
+  };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+  [key: string]: any;
+}>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+  defaultOptions: {
+    type: () => HotkeysProviderOptions;
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  defaultOptions: HotkeysProviderOptions;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { HotkeysProvider };
+//# sourceMappingURL=HotkeysProvider.d.ts.map

package/dist/HotkeysProvider.js

@@ -0,0 +1,31 @@
+import { provideHotkeysContext } from "./HotkeysProviderContext.js";
+import { defineComponent } from "vue";
+
+//#region src/HotkeysProvider.tsx
+/**
+* Vue component that provides default options for hotkeys context.
+*
+* @example
+* ```vue
+* <template>
+*   <HotkeysProvider :defaultOptions="{ hotkey: { enabled: true } }">
+*     <App />
+*   </HotkeysProvider>
+* </template>
+* ```
+*/
+const HotkeysProvider = defineComponent({
+	name: "HotkeysProvider",
+	props: { defaultOptions: {
+		type: Object,
+		default: void 0
+	} },
+	setup(props, { slots }) {
+		provideHotkeysContext(props.defaultOptions);
+		return () => slots.default?.();
+	}
+});
+
+//#endregion
+export { HotkeysProvider };
+//# sourceMappingURL=HotkeysProvider.js.map

package/dist/HotkeysProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HotkeysProvider.js","names":[],"sources":["../src/HotkeysProvider.tsx"],"sourcesContent":["import { defineComponent } from 'vue'\nimport { provideHotkeysContext } from './HotkeysProviderContext'\nimport type { HotkeysProviderOptions } from './HotkeysProviderContext'\n\n/**\n * Vue component that provides default options for hotkeys context.\n *\n * @example\n * ```vue\n * <template>\n *   <HotkeysProvider :defaultOptions=\"{ hotkey: { enabled: true } }\">\n *     <App />\n *   </HotkeysProvider>\n * </template>\n * ```\n */\nexport const HotkeysProvider = defineComponent({\n  name: 'HotkeysProvider',\n  props: {\n    defaultOptions: {\n      type: Object as () => HotkeysProviderOptions,\n      default: undefined,\n    },\n  },\n  setup(props, { slots }) {\n    provideHotkeysContext(props.defaultOptions)\n    return () => slots.default?.()\n  },\n})\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CACN,OAAO,EACL,gBAAgB;EACd,MAAM;EACN,SAAS;EACV,EACF;CACD,MAAM,OAAO,EAAE,SAAS;AACtB,wBAAsB,MAAM,eAAe;AAC3C,eAAa,MAAM,WAAW;;CAEjC,CAAC"}

package/dist/HotkeysProviderContext.cjs

@@ -0,0 +1,20 @@
+let vue = require("vue");
+
+//#region src/HotkeysProviderContext.ts
+const HotkeysContext = Symbol("HotkeysContext");
+const DEFAULT_OPTIONS = {};
+function provideHotkeysContext(defaultOptions) {
+	(0, vue.provide)(HotkeysContext, { defaultOptions: defaultOptions ?? DEFAULT_OPTIONS });
+}
+function useHotkeysContext() {
+	return (0, vue.inject)(HotkeysContext, null);
+}
+function useDefaultHotkeysOptions() {
+	return (0, vue.inject)(HotkeysContext, null)?.defaultOptions ?? {};
+}
+
+//#endregion
+exports.provideHotkeysContext = provideHotkeysContext;
+exports.useDefaultHotkeysOptions = useDefaultHotkeysOptions;
+exports.useHotkeysContext = useHotkeysContext;
+//# sourceMappingURL=HotkeysProviderContext.cjs.map

package/dist/HotkeysProviderContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HotkeysProviderContext.cjs","names":[],"sources":["../src/HotkeysProviderContext.ts"],"sourcesContent":["import { inject, provide } from 'vue'\nimport type { InjectionKey } from 'vue'\nimport type { HotkeyRecorderOptions } from '@tanstack/hotkeys'\nimport type { UseHotkeyOptions } from './useHotkey'\nimport type { UseHotkeySequenceOptions } from './useHotkeySequence'\n\nexport interface HotkeysProviderOptions {\n  hotkey?: Partial<UseHotkeyOptions>\n  hotkeyRecorder?: Partial<HotkeyRecorderOptions>\n  hotkeySequence?: Partial<UseHotkeySequenceOptions>\n}\n\ninterface HotkeysContextValue {\n  defaultOptions: HotkeysProviderOptions\n}\n\nconst HotkeysContext: InjectionKey<HotkeysContextValue> =\n  Symbol('HotkeysContext')\n\nconst DEFAULT_OPTIONS: HotkeysProviderOptions = {}\n\nexport function provideHotkeysContext(defaultOptions?: HotkeysProviderOptions) {\n  const contextValue: HotkeysContextValue = {\n    defaultOptions: defaultOptions ?? DEFAULT_OPTIONS,\n  }\n\n  provide(HotkeysContext, contextValue)\n}\n\nexport function useHotkeysContext() {\n  return inject(HotkeysContext, null)\n}\n\nexport function useDefaultHotkeysOptions() {\n  const context = inject(HotkeysContext, null)\n  return context?.defaultOptions ?? {}\n}\n"],"mappings":";;;AAgBA,MAAM,iBACJ,OAAO,iBAAiB;AAE1B,MAAM,kBAA0C,EAAE;AAElD,SAAgB,sBAAsB,gBAAyC;AAK7E,kBAAQ,gBAJkC,EACxC,gBAAgB,kBAAkB,iBACnC,CAEoC;;AAGvC,SAAgB,oBAAoB;AAClC,wBAAc,gBAAgB,KAAK;;AAGrC,SAAgB,2BAA2B;AAEzC,wBADuB,gBAAgB,KAAK,EAC5B,kBAAkB,EAAE"}

package/dist/HotkeysProviderContext.d.cts

@@ -0,0 +1,19 @@
+import { UseHotkeyOptions } from "./useHotkey.cjs";
+import { UseHotkeySequenceOptions } from "./useHotkeySequence.cjs";
+import { HotkeyRecorderOptions } from "@tanstack/hotkeys";
+
+//#region src/HotkeysProviderContext.d.ts
+interface HotkeysProviderOptions {
+  hotkey?: Partial<UseHotkeyOptions>;
+  hotkeyRecorder?: Partial<HotkeyRecorderOptions>;
+  hotkeySequence?: Partial<UseHotkeySequenceOptions>;
+}
+interface HotkeysContextValue {
+  defaultOptions: HotkeysProviderOptions;
+}
+declare function provideHotkeysContext(defaultOptions?: HotkeysProviderOptions): void;
+declare function useHotkeysContext(): HotkeysContextValue | null;
+declare function useDefaultHotkeysOptions(): HotkeysProviderOptions;
+//#endregion
+export { HotkeysProviderOptions, provideHotkeysContext, useDefaultHotkeysOptions, useHotkeysContext };
+//# sourceMappingURL=HotkeysProviderContext.d.cts.map

package/dist/HotkeysProviderContext.d.ts

@@ -0,0 +1,19 @@
+import { UseHotkeyOptions } from "./useHotkey.js";
+import { UseHotkeySequenceOptions } from "./useHotkeySequence.js";
+import { HotkeyRecorderOptions } from "@tanstack/hotkeys";
+
+//#region src/HotkeysProviderContext.d.ts
+interface HotkeysProviderOptions {
+  hotkey?: Partial<UseHotkeyOptions>;
+  hotkeyRecorder?: Partial<HotkeyRecorderOptions>;
+  hotkeySequence?: Partial<UseHotkeySequenceOptions>;
+}
+interface HotkeysContextValue {
+  defaultOptions: HotkeysProviderOptions;
+}
+declare function provideHotkeysContext(defaultOptions?: HotkeysProviderOptions): void;
+declare function useHotkeysContext(): HotkeysContextValue | null;
+declare function useDefaultHotkeysOptions(): HotkeysProviderOptions;
+//#endregion
+export { HotkeysProviderOptions, provideHotkeysContext, useDefaultHotkeysOptions, useHotkeysContext };
+//# sourceMappingURL=HotkeysProviderContext.d.ts.map

package/dist/HotkeysProviderContext.js

@@ -0,0 +1,18 @@
+import { inject, provide } from "vue";
+
+//#region src/HotkeysProviderContext.ts
+const HotkeysContext = Symbol("HotkeysContext");
+const DEFAULT_OPTIONS = {};
+function provideHotkeysContext(defaultOptions) {
+	provide(HotkeysContext, { defaultOptions: defaultOptions ?? DEFAULT_OPTIONS });
+}
+function useHotkeysContext() {
+	return inject(HotkeysContext, null);
+}
+function useDefaultHotkeysOptions() {
+	return inject(HotkeysContext, null)?.defaultOptions ?? {};
+}
+
+//#endregion
+export { provideHotkeysContext, useDefaultHotkeysOptions, useHotkeysContext };
+//# sourceMappingURL=HotkeysProviderContext.js.map

package/dist/HotkeysProviderContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HotkeysProviderContext.js","names":[],"sources":["../src/HotkeysProviderContext.ts"],"sourcesContent":["import { inject, provide } from 'vue'\nimport type { InjectionKey } from 'vue'\nimport type { HotkeyRecorderOptions } from '@tanstack/hotkeys'\nimport type { UseHotkeyOptions } from './useHotkey'\nimport type { UseHotkeySequenceOptions } from './useHotkeySequence'\n\nexport interface HotkeysProviderOptions {\n  hotkey?: Partial<UseHotkeyOptions>\n  hotkeyRecorder?: Partial<HotkeyRecorderOptions>\n  hotkeySequence?: Partial<UseHotkeySequenceOptions>\n}\n\ninterface HotkeysContextValue {\n  defaultOptions: HotkeysProviderOptions\n}\n\nconst HotkeysContext: InjectionKey<HotkeysContextValue> =\n  Symbol('HotkeysContext')\n\nconst DEFAULT_OPTIONS: HotkeysProviderOptions = {}\n\nexport function provideHotkeysContext(defaultOptions?: HotkeysProviderOptions) {\n  const contextValue: HotkeysContextValue = {\n    defaultOptions: defaultOptions ?? DEFAULT_OPTIONS,\n  }\n\n  provide(HotkeysContext, contextValue)\n}\n\nexport function useHotkeysContext() {\n  return inject(HotkeysContext, null)\n}\n\nexport function useDefaultHotkeysOptions() {\n  const context = inject(HotkeysContext, null)\n  return context?.defaultOptions ?? {}\n}\n"],"mappings":";;;AAgBA,MAAM,iBACJ,OAAO,iBAAiB;AAE1B,MAAM,kBAA0C,EAAE;AAElD,SAAgB,sBAAsB,gBAAyC;AAK7E,SAAQ,gBAJkC,EACxC,gBAAgB,kBAAkB,iBACnC,CAEoC;;AAGvC,SAAgB,oBAAoB;AAClC,QAAO,OAAO,gBAAgB,KAAK;;AAGrC,SAAgB,2BAA2B;AAEzC,QADgB,OAAO,gBAAgB,KAAK,EAC5B,kBAAkB,EAAE"}

package/dist/index.cjs

@@ -0,0 +1,27 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_HotkeysProviderContext = require('./HotkeysProviderContext.cjs');
+const require_HotkeysProvider = require('./HotkeysProvider.cjs');
+const require_useHotkey = require('./useHotkey.cjs');
+const require_useHeldKeys = require('./useHeldKeys.cjs');
+const require_useHeldKeyCodes = require('./useHeldKeyCodes.cjs');
+const require_useKeyHold = require('./useKeyHold.cjs');
+const require_useHotkeySequence = require('./useHotkeySequence.cjs');
+const require_useHotkeyRecorder = require('./useHotkeyRecorder.cjs');
+
+exports.HotkeysProvider = require_HotkeysProvider.HotkeysProvider;
+exports.provideHotkeysContext = require_HotkeysProviderContext.provideHotkeysContext;
+exports.useDefaultHotkeysOptions = require_HotkeysProviderContext.useDefaultHotkeysOptions;
+exports.useHeldKeyCodes = require_useHeldKeyCodes.useHeldKeyCodes;
+exports.useHeldKeys = require_useHeldKeys.useHeldKeys;
+exports.useHotkey = require_useHotkey.useHotkey;
+exports.useHotkeyRecorder = require_useHotkeyRecorder.useHotkeyRecorder;
+exports.useHotkeySequence = require_useHotkeySequence.useHotkeySequence;
+exports.useHotkeysContext = require_HotkeysProviderContext.useHotkeysContext;
+exports.useKeyHold = require_useKeyHold.useKeyHold;
+var _tanstack_hotkeys = require("@tanstack/hotkeys");
+Object.keys(_tanstack_hotkeys).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return _tanstack_hotkeys[k]; }
+  });
+});

package/dist/index.d.cts

@@ -0,0 +1,10 @@
+import { UseHotkeyOptions, useHotkey } from "./useHotkey.cjs";
+import { UseHotkeySequenceOptions, useHotkeySequence } from "./useHotkeySequence.cjs";
+import { HotkeysProviderOptions, provideHotkeysContext, useDefaultHotkeysOptions, useHotkeysContext } from "./HotkeysProviderContext.cjs";
+import { HotkeysProvider } from "./HotkeysProvider.cjs";
+import { useHeldKeys } from "./useHeldKeys.cjs";
+import { useHeldKeyCodes } from "./useHeldKeyCodes.cjs";
+import { useKeyHold } from "./useKeyHold.cjs";
+import { VueHotkeyRecorder, useHotkeyRecorder } from "./useHotkeyRecorder.cjs";
+export * from "@tanstack/hotkeys";
+export { HotkeysProvider, HotkeysProviderOptions, UseHotkeyOptions, UseHotkeySequenceOptions, VueHotkeyRecorder, provideHotkeysContext, useDefaultHotkeysOptions, useHeldKeyCodes, useHeldKeys, useHotkey, useHotkeyRecorder, useHotkeySequence, useHotkeysContext, useKeyHold };

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+import { UseHotkeyOptions, useHotkey } from "./useHotkey.js";
+import { UseHotkeySequenceOptions, useHotkeySequence } from "./useHotkeySequence.js";
+import { HotkeysProviderOptions, provideHotkeysContext, useDefaultHotkeysOptions, useHotkeysContext } from "./HotkeysProviderContext.js";
+import { HotkeysProvider } from "./HotkeysProvider.js";
+import { useHeldKeys } from "./useHeldKeys.js";
+import { useHeldKeyCodes } from "./useHeldKeyCodes.js";
+import { useKeyHold } from "./useKeyHold.js";
+import { VueHotkeyRecorder, useHotkeyRecorder } from "./useHotkeyRecorder.js";
+export * from "@tanstack/hotkeys";
+export { HotkeysProvider, HotkeysProviderOptions, UseHotkeyOptions, UseHotkeySequenceOptions, VueHotkeyRecorder, provideHotkeysContext, useDefaultHotkeysOptions, useHeldKeyCodes, useHeldKeys, useHotkey, useHotkeyRecorder, useHotkeySequence, useHotkeysContext, useKeyHold };

package/dist/index.js

@@ -0,0 +1,12 @@
+import { provideHotkeysContext, useDefaultHotkeysOptions, useHotkeysContext } from "./HotkeysProviderContext.js";
+import { HotkeysProvider } from "./HotkeysProvider.js";
+import { useHotkey } from "./useHotkey.js";
+import { useHeldKeys } from "./useHeldKeys.js";
+import { useHeldKeyCodes } from "./useHeldKeyCodes.js";
+import { useKeyHold } from "./useKeyHold.js";
+import { useHotkeySequence } from "./useHotkeySequence.js";
+import { useHotkeyRecorder } from "./useHotkeyRecorder.js";
+
+export * from "@tanstack/hotkeys"
+
+export { HotkeysProvider, provideHotkeysContext, useDefaultHotkeysOptions, useHeldKeyCodes, useHeldKeys, useHotkey, useHotkeyRecorder, useHotkeySequence, useHotkeysContext, useKeyHold };

package/dist/useHeldKeyCodes.cjs

@@ -0,0 +1,37 @@
+let _tanstack_hotkeys = require("@tanstack/hotkeys");
+let _tanstack_vue_store = require("@tanstack/vue-store");
+
+//#region src/useHeldKeyCodes.ts
+/**
+* Vue composable that returns a reactive ref mapping currently held key names to their physical `event.code` values.
+*
+* This is useful for debugging which physical key was pressed (e.g. distinguishing
+* left vs right Shift via "ShiftLeft" / "ShiftRight").
+*
+* @returns Reactive ref containing record mapping normalized key names to their `event.code` values
+*
+* @example
+* ```vue
+* <script setup>
+* import { useHeldKeys, useHeldKeyCodes } from '@tanstack/vue-hotkeys'
+*
+* const heldKeys = useHeldKeys()
+* const heldCodes = useHeldKeyCodes()
+* <\/script>
+*
+* <template>
+*   <div>
+*     <kbd v-for="key in heldKeys" :key="key">
+*       {{ key }} <small>{{ heldCodes[key] }}</small>
+*     </kbd>
+*   </div>
+* </template>
+* ```
+*/
+function useHeldKeyCodes() {
+	return (0, _tanstack_vue_store.useStore)((0, _tanstack_hotkeys.getKeyStateTracker)().store, (state) => state.heldCodes);
+}
+
+//#endregion
+exports.useHeldKeyCodes = useHeldKeyCodes;
+//# sourceMappingURL=useHeldKeyCodes.cjs.map

package/dist/useHeldKeyCodes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeldKeyCodes.cjs","names":[],"sources":["../src/useHeldKeyCodes.ts"],"sourcesContent":["import { useStore } from '@tanstack/vue-store'\nimport { getKeyStateTracker } from '@tanstack/hotkeys'\nimport type { Ref } from 'vue'\n\n/**\n * Vue composable that returns a reactive ref mapping 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 * @returns Reactive ref containing record mapping normalized key names to their `event.code` values\n *\n * @example\n * ```vue\n * <script setup>\n * import { useHeldKeys, useHeldKeyCodes } from '@tanstack/vue-hotkeys'\n *\n * const heldKeys = useHeldKeys()\n * const heldCodes = useHeldKeyCodes()\n * </script>\n *\n * <template>\n *   <div>\n *     <kbd v-for=\"key in heldKeys\" :key=\"key\">\n *       {{ key }} <small>{{ heldCodes[key] }}</small>\n *     </kbd>\n *   </div>\n * </template>\n * ```\n */\nexport function useHeldKeyCodes(): Ref<Record<string, string>> {\n  const tracker = getKeyStateTracker()\n  return useStore(tracker.store, (state) => state.heldCodes)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgB,kBAA+C;AAE7D,qFADoC,CACZ,QAAQ,UAAU,MAAM,UAAU"}

package/dist/useHeldKeyCodes.d.cts

@@ -0,0 +1,33 @@
+import { Ref } from "vue";
+
+//#region src/useHeldKeyCodes.d.ts
+/**
+ * Vue composable that returns a reactive ref mapping currently held key names to their physical `event.code` values.
+ *
+ * This is useful for debugging which physical key was pressed (e.g. distinguishing
+ * left vs right Shift via "ShiftLeft" / "ShiftRight").
+ *
+ * @returns Reactive ref containing record mapping normalized key names to their `event.code` values
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { useHeldKeys, useHeldKeyCodes } from '@tanstack/vue-hotkeys'
+ *
+ * const heldKeys = useHeldKeys()
+ * const heldCodes = useHeldKeyCodes()
+ * </script>
+ *
+ * <template>
+ *   <div>
+ *     <kbd v-for="key in heldKeys" :key="key">
+ *       {{ key }} <small>{{ heldCodes[key] }}</small>
+ *     </kbd>
+ *   </div>
+ * </template>
+ * ```
+ */
+declare function useHeldKeyCodes(): Ref<Record<string, string>>;
+//#endregion
+export { useHeldKeyCodes };
+//# sourceMappingURL=useHeldKeyCodes.d.cts.map

package/dist/useHeldKeyCodes.d.ts

@@ -0,0 +1,33 @@
+import { Ref } from "vue";
+
+//#region src/useHeldKeyCodes.d.ts
+/**
+ * Vue composable that returns a reactive ref mapping currently held key names to their physical `event.code` values.
+ *
+ * This is useful for debugging which physical key was pressed (e.g. distinguishing
+ * left vs right Shift via "ShiftLeft" / "ShiftRight").
+ *
+ * @returns Reactive ref containing record mapping normalized key names to their `event.code` values
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * import { useHeldKeys, useHeldKeyCodes } from '@tanstack/vue-hotkeys'
+ *
+ * const heldKeys = useHeldKeys()
+ * const heldCodes = useHeldKeyCodes()
+ * </script>
+ *
+ * <template>
+ *   <div>
+ *     <kbd v-for="key in heldKeys" :key="key">
+ *       {{ key }} <small>{{ heldCodes[key] }}</small>
+ *     </kbd>
+ *   </div>
+ * </template>
+ * ```
+ */
+declare function useHeldKeyCodes(): Ref<Record<string, string>>;
+//#endregion
+export { useHeldKeyCodes };
+//# sourceMappingURL=useHeldKeyCodes.d.ts.map

package/dist/useHeldKeyCodes.js

@@ -0,0 +1,37 @@
+import { getKeyStateTracker } from "@tanstack/hotkeys";
+import { useStore } from "@tanstack/vue-store";
+
+//#region src/useHeldKeyCodes.ts
+/**
+* Vue composable that returns a reactive ref mapping currently held key names to their physical `event.code` values.
+*
+* This is useful for debugging which physical key was pressed (e.g. distinguishing
+* left vs right Shift via "ShiftLeft" / "ShiftRight").
+*
+* @returns Reactive ref containing record mapping normalized key names to their `event.code` values
+*
+* @example
+* ```vue
+* <script setup>
+* import { useHeldKeys, useHeldKeyCodes } from '@tanstack/vue-hotkeys'
+*
+* const heldKeys = useHeldKeys()
+* const heldCodes = useHeldKeyCodes()
+* <\/script>
+*
+* <template>
+*   <div>
+*     <kbd v-for="key in heldKeys" :key="key">
+*       {{ key }} <small>{{ heldCodes[key] }}</small>
+*     </kbd>
+*   </div>
+* </template>
+* ```
+*/
+function useHeldKeyCodes() {
+	return useStore(getKeyStateTracker().store, (state) => state.heldCodes);
+}
+
+//#endregion
+export { useHeldKeyCodes };
+//# sourceMappingURL=useHeldKeyCodes.js.map

package/dist/useHeldKeyCodes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeldKeyCodes.js","names":[],"sources":["../src/useHeldKeyCodes.ts"],"sourcesContent":["import { useStore } from '@tanstack/vue-store'\nimport { getKeyStateTracker } from '@tanstack/hotkeys'\nimport type { Ref } from 'vue'\n\n/**\n * Vue composable that returns a reactive ref mapping 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 * @returns Reactive ref containing record mapping normalized key names to their `event.code` values\n *\n * @example\n * ```vue\n * <script setup>\n * import { useHeldKeys, useHeldKeyCodes } from '@tanstack/vue-hotkeys'\n *\n * const heldKeys = useHeldKeys()\n * const heldCodes = useHeldKeyCodes()\n * </script>\n *\n * <template>\n *   <div>\n *     <kbd v-for=\"key in heldKeys\" :key=\"key\">\n *       {{ key }} <small>{{ heldCodes[key] }}</small>\n *     </kbd>\n *   </div>\n * </template>\n * ```\n */\nexport function useHeldKeyCodes(): Ref<Record<string, string>> {\n  const tracker = getKeyStateTracker()\n  return useStore(tracker.store, (state) => state.heldCodes)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BA,SAAgB,kBAA+C;AAE7D,QAAO,SADS,oBAAoB,CACZ,QAAQ,UAAU,MAAM,UAAU"}

package/dist/useHeldKeys.cjs

@@ -0,0 +1,35 @@
+let _tanstack_hotkeys = require("@tanstack/hotkeys");
+let _tanstack_vue_store = require("@tanstack/vue-store");
+
+//#region src/useHeldKeys.ts
+/**
+* Vue composable that returns a reactive ref of currently held keyboard keys.
+*
+* This composable uses `useStore` from `@tanstack/vue-store` to subscribe
+* to the global KeyStateTracker and updates whenever keys are pressed
+* or released.
+*
+* @returns Reactive ref containing array of currently held key names
+*
+* @example
+* ```vue
+* <script setup>
+* import { useHeldKeys } from '@tanstack/vue-hotkeys'
+*
+* const heldKeys = useHeldKeys()
+* <\/script>
+*
+* <template>
+*   <div>
+*     Currently pressed: {{ heldKeys.join(' + ') || 'None' }}
+*   </div>
+* </template>
+* ```
+*/
+function useHeldKeys() {
+	return (0, _tanstack_vue_store.useStore)((0, _tanstack_hotkeys.getKeyStateTracker)().store, (state) => state.heldKeys);
+}
+
+//#endregion
+exports.useHeldKeys = useHeldKeys;
+//# sourceMappingURL=useHeldKeys.cjs.map

package/dist/useHeldKeys.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeldKeys.cjs","names":[],"sources":["../src/useHeldKeys.ts"],"sourcesContent":["import { useStore } from '@tanstack/vue-store'\nimport { getKeyStateTracker } from '@tanstack/hotkeys'\nimport type { Ref } from 'vue'\n\n/**\n * Vue composable that returns a reactive ref of currently held keyboard keys.\n *\n * This composable uses `useStore` from `@tanstack/vue-store` to subscribe\n * to the global KeyStateTracker and updates whenever keys are pressed\n * or released.\n *\n * @returns Reactive ref containing array of currently held key names\n *\n * @example\n * ```vue\n * <script setup>\n * import { useHeldKeys } from '@tanstack/vue-hotkeys'\n *\n * const heldKeys = useHeldKeys()\n * </script>\n *\n * <template>\n *   <div>\n *     Currently pressed: {{ heldKeys.join(' + ') || 'None' }}\n *   </div>\n * </template>\n * ```\n */\nexport function useHeldKeys(): Ref<Array<string>> {\n  const tracker = getKeyStateTracker()\n  return useStore(tracker.store, (state) => state.heldKeys)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,SAAgB,cAAkC;AAEhD,qFADoC,CACZ,QAAQ,UAAU,MAAM,SAAS"}