@tanstack/vue-hotkeys-devtools 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/VueHotkeysDevtools.cjs

@@ -0,0 +1,10 @@
+let _tanstack_devtools_utils_vue = require("@tanstack/devtools-utils/vue");
+let _tanstack_hotkeys_devtools = require("@tanstack/hotkeys-devtools");
+
+//#region src/VueHotkeysDevtools.tsx
+const [HotkeysDevtoolsPanel, HotkeysDevtoolsPanelNoOp] = (0, _tanstack_devtools_utils_vue.createVuePanel)(_tanstack_hotkeys_devtools.HotkeysDevtoolsCore);
+
+//#endregion
+exports.HotkeysDevtoolsPanel = HotkeysDevtoolsPanel;
+exports.HotkeysDevtoolsPanelNoOp = HotkeysDevtoolsPanelNoOp;
+//# sourceMappingURL=VueHotkeysDevtools.cjs.map

package/dist/VueHotkeysDevtools.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueHotkeysDevtools.cjs","names":["HotkeysDevtoolsCore"],"sources":["../src/VueHotkeysDevtools.tsx"],"sourcesContent":["import { createVuePanel } from '@tanstack/devtools-utils/vue'\nimport { HotkeysDevtoolsCore } from '@tanstack/hotkeys-devtools'\nimport type { DevtoolsPanelProps } from '@tanstack/devtools-utils/vue'\n\nexport interface HotkeysDevtoolsVueInit extends DevtoolsPanelProps {}\n\ntype DevtoolsPanelConstructor = new (props: DevtoolsPanelProps) => {\n  mount: (el: HTMLElement, theme?: 'dark' | 'light' | 'system') => void\n  unmount: () => void\n}\n\nconst [HotkeysDevtoolsPanel, HotkeysDevtoolsPanelNoOp] = createVuePanel(\n  HotkeysDevtoolsCore as unknown as DevtoolsPanelConstructor,\n)\n\nexport { HotkeysDevtoolsPanel, HotkeysDevtoolsPanelNoOp }\n"],"mappings":";;;;AAWA,MAAM,CAAC,sBAAsB,6EAC3BA,+CACD"}

package/dist/VueHotkeysDevtools.d.cts

@@ -0,0 +1,15 @@
+import { DevtoolsPanelProps } from "@tanstack/devtools-utils/vue";
+import * as vue from "vue";
+
+//#region src/VueHotkeysDevtools.d.ts
+interface HotkeysDevtoolsVueInit extends DevtoolsPanelProps {}
+declare const HotkeysDevtoolsPanel: vue.DefineComponent<{
+    theme?: DevtoolsPanelProps["theme"];
+    devtoolsProps: DevtoolsPanelProps;
+  }>, HotkeysDevtoolsPanelNoOp: vue.DefineComponent<{
+    theme?: DevtoolsPanelProps["theme"];
+    devtoolsProps: DevtoolsPanelProps;
+  }>;
+//#endregion
+export { HotkeysDevtoolsPanel, HotkeysDevtoolsVueInit };
+//# sourceMappingURL=VueHotkeysDevtools.d.cts.map

package/dist/VueHotkeysDevtools.d.ts

@@ -0,0 +1,15 @@
+import { DevtoolsPanelProps } from "@tanstack/devtools-utils/vue";
+import * as vue from "vue";
+
+//#region src/VueHotkeysDevtools.d.ts
+interface HotkeysDevtoolsVueInit extends DevtoolsPanelProps {}
+declare const HotkeysDevtoolsPanel: vue.DefineComponent<{
+    theme?: DevtoolsPanelProps["theme"];
+    devtoolsProps: DevtoolsPanelProps;
+  }>, HotkeysDevtoolsPanelNoOp: vue.DefineComponent<{
+    theme?: DevtoolsPanelProps["theme"];
+    devtoolsProps: DevtoolsPanelProps;
+  }>;
+//#endregion
+export { HotkeysDevtoolsPanel, HotkeysDevtoolsVueInit };
+//# sourceMappingURL=VueHotkeysDevtools.d.ts.map

package/dist/VueHotkeysDevtools.js

@@ -0,0 +1,9 @@
+import { createVuePanel } from "@tanstack/devtools-utils/vue";
+import { HotkeysDevtoolsCore } from "@tanstack/hotkeys-devtools";
+
+//#region src/VueHotkeysDevtools.tsx
+const [HotkeysDevtoolsPanel, HotkeysDevtoolsPanelNoOp] = createVuePanel(HotkeysDevtoolsCore);
+
+//#endregion
+export { HotkeysDevtoolsPanel, HotkeysDevtoolsPanelNoOp };
+//# sourceMappingURL=VueHotkeysDevtools.js.map

package/dist/VueHotkeysDevtools.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueHotkeysDevtools.js","names":[],"sources":["../src/VueHotkeysDevtools.tsx"],"sourcesContent":["import { createVuePanel } from '@tanstack/devtools-utils/vue'\nimport { HotkeysDevtoolsCore } from '@tanstack/hotkeys-devtools'\nimport type { DevtoolsPanelProps } from '@tanstack/devtools-utils/vue'\n\nexport interface HotkeysDevtoolsVueInit extends DevtoolsPanelProps {}\n\ntype DevtoolsPanelConstructor = new (props: DevtoolsPanelProps) => {\n  mount: (el: HTMLElement, theme?: 'dark' | 'light' | 'system') => void\n  unmount: () => void\n}\n\nconst [HotkeysDevtoolsPanel, HotkeysDevtoolsPanelNoOp] = createVuePanel(\n  HotkeysDevtoolsCore as unknown as DevtoolsPanelConstructor,\n)\n\nexport { HotkeysDevtoolsPanel, HotkeysDevtoolsPanelNoOp }\n"],"mappings":";;;;AAWA,MAAM,CAAC,sBAAsB,4BAA4B,eACvD,oBACD"}

package/dist/index.cjs

@@ -0,0 +1,12 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_VueHotkeysDevtools = require('./VueHotkeysDevtools.cjs');
+const require_plugin = require('./plugin.cjs');
+
+//#region src/index.ts
+const HotkeysDevtoolsPanel = process.env.NODE_ENV !== "development" ? require_VueHotkeysDevtools.HotkeysDevtoolsPanelNoOp : require_VueHotkeysDevtools.HotkeysDevtoolsPanel;
+const hotkeysDevtoolsPlugin = process.env.NODE_ENV !== "development" ? require_plugin.hotkeysDevtoolsNoOpPlugin : require_plugin.hotkeysDevtoolsPlugin;
+
+//#endregion
+exports.HotkeysDevtoolsPanel = HotkeysDevtoolsPanel;
+exports.hotkeysDevtoolsPlugin = hotkeysDevtoolsPlugin;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["import * as Devtools from './VueHotkeysDevtools'\nimport * as plugin from './plugin'\n\nexport const HotkeysDevtoolsPanel =\n  process.env.NODE_ENV !== 'development'\n    ? Devtools.HotkeysDevtoolsPanelNoOp\n    : Devtools.HotkeysDevtoolsPanel\n\nexport const hotkeysDevtoolsPlugin =\n  process.env.NODE_ENV !== 'development'\n    ? plugin.hotkeysDevtoolsNoOpPlugin\n    : plugin.hotkeysDevtoolsPlugin\n\nexport type { HotkeysDevtoolsVueInit } from './VueHotkeysDevtools'\n"],"mappings":";;;;;AAGA,MAAa,uBACX,QAAQ,IAAI,aAAa;AAI3B,MAAa,wBACX,QAAQ,IAAI,aAAa"}

package/dist/index.d.cts

@@ -0,0 +1,41 @@
+import { HotkeysDevtoolsVueInit } from "./VueHotkeysDevtools.cjs";
+import * as _tanstack_devtools_utils_vue0 from "@tanstack/devtools-utils/vue";
+import * as vue from "vue";
+
+//#region src/index.d.ts
+declare const HotkeysDevtoolsPanel: vue.DefineComponent<{
+  theme?: _tanstack_devtools_utils_vue0.DevtoolsPanelProps["theme"];
+  devtoolsProps: _tanstack_devtools_utils_vue0.DevtoolsPanelProps;
+}>;
+declare const hotkeysDevtoolsPlugin: ((props: {
+  theme?: _tanstack_devtools_utils_vue0.DevtoolsPanelProps["theme"];
+  devtoolsProps: _tanstack_devtools_utils_vue0.DevtoolsPanelProps;
+}) => {
+  name: string;
+  component: vue.DefineComponent<{
+    theme?: _tanstack_devtools_utils_vue0.DevtoolsPanelProps["theme"];
+    devtoolsProps: _tanstack_devtools_utils_vue0.DevtoolsPanelProps;
+  }, {}, unknown>;
+  props: {
+    theme?: _tanstack_devtools_utils_vue0.DevtoolsPanelProps["theme"];
+    devtoolsProps: _tanstack_devtools_utils_vue0.DevtoolsPanelProps;
+  };
+}) | ((props: {
+  theme?: _tanstack_devtools_utils_vue0.DevtoolsPanelProps["theme"];
+  devtoolsProps: _tanstack_devtools_utils_vue0.DevtoolsPanelProps;
+}) => {
+  name: string;
+  component: {
+    new (): {
+      $props: vue.VNodeProps;
+    };
+    __isFragment: true;
+  };
+  props: {
+    theme?: _tanstack_devtools_utils_vue0.DevtoolsPanelProps["theme"];
+    devtoolsProps: _tanstack_devtools_utils_vue0.DevtoolsPanelProps;
+  };
+});
+//#endregion
+export { HotkeysDevtoolsPanel, type HotkeysDevtoolsVueInit, hotkeysDevtoolsPlugin };
+//# sourceMappingURL=index.d.cts.map

package/dist/index.d.ts

@@ -0,0 +1,41 @@
+import { HotkeysDevtoolsVueInit } from "./VueHotkeysDevtools.js";
+import * as _tanstack_devtools_utils_vue0 from "@tanstack/devtools-utils/vue";
+import * as vue from "vue";
+
+//#region src/index.d.ts
+declare const HotkeysDevtoolsPanel: vue.DefineComponent<{
+  theme?: _tanstack_devtools_utils_vue0.DevtoolsPanelProps["theme"];
+  devtoolsProps: _tanstack_devtools_utils_vue0.DevtoolsPanelProps;
+}>;
+declare const hotkeysDevtoolsPlugin: ((props: {
+  theme?: _tanstack_devtools_utils_vue0.DevtoolsPanelProps["theme"];
+  devtoolsProps: _tanstack_devtools_utils_vue0.DevtoolsPanelProps;
+}) => {
+  name: string;
+  component: vue.DefineComponent<{
+    theme?: _tanstack_devtools_utils_vue0.DevtoolsPanelProps["theme"];
+    devtoolsProps: _tanstack_devtools_utils_vue0.DevtoolsPanelProps;
+  }, {}, unknown>;
+  props: {
+    theme?: _tanstack_devtools_utils_vue0.DevtoolsPanelProps["theme"];
+    devtoolsProps: _tanstack_devtools_utils_vue0.DevtoolsPanelProps;
+  };
+}) | ((props: {
+  theme?: _tanstack_devtools_utils_vue0.DevtoolsPanelProps["theme"];
+  devtoolsProps: _tanstack_devtools_utils_vue0.DevtoolsPanelProps;
+}) => {
+  name: string;
+  component: {
+    new (): {
+      $props: vue.VNodeProps;
+    };
+    __isFragment: true;
+  };
+  props: {
+    theme?: _tanstack_devtools_utils_vue0.DevtoolsPanelProps["theme"];
+    devtoolsProps: _tanstack_devtools_utils_vue0.DevtoolsPanelProps;
+  };
+});
+//#endregion
+export { HotkeysDevtoolsPanel, type HotkeysDevtoolsVueInit, hotkeysDevtoolsPlugin };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -0,0 +1,10 @@
+import { HotkeysDevtoolsPanel as HotkeysDevtoolsPanel$1, HotkeysDevtoolsPanelNoOp } from "./VueHotkeysDevtools.js";
+import { hotkeysDevtoolsNoOpPlugin, hotkeysDevtoolsPlugin as hotkeysDevtoolsPlugin$1 } from "./plugin.js";
+
+//#region src/index.ts
+const HotkeysDevtoolsPanel = process.env.NODE_ENV !== "development" ? HotkeysDevtoolsPanelNoOp : HotkeysDevtoolsPanel$1;
+const hotkeysDevtoolsPlugin = process.env.NODE_ENV !== "development" ? hotkeysDevtoolsNoOpPlugin : hotkeysDevtoolsPlugin$1;
+
+//#endregion
+export { HotkeysDevtoolsPanel, hotkeysDevtoolsPlugin };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Devtools.HotkeysDevtoolsPanelNoOp","Devtools.HotkeysDevtoolsPanel","plugin.hotkeysDevtoolsNoOpPlugin","plugin.hotkeysDevtoolsPlugin"],"sources":["../src/index.ts"],"sourcesContent":["import * as Devtools from './VueHotkeysDevtools'\nimport * as plugin from './plugin'\n\nexport const HotkeysDevtoolsPanel =\n  process.env.NODE_ENV !== 'development'\n    ? Devtools.HotkeysDevtoolsPanelNoOp\n    : Devtools.HotkeysDevtoolsPanel\n\nexport const hotkeysDevtoolsPlugin =\n  process.env.NODE_ENV !== 'development'\n    ? plugin.hotkeysDevtoolsNoOpPlugin\n    : plugin.hotkeysDevtoolsPlugin\n\nexport type { HotkeysDevtoolsVueInit } from './VueHotkeysDevtools'\n"],"mappings":";;;;AAGA,MAAa,uBACX,QAAQ,IAAI,aAAa,gBACrBA,2BACAC;AAEN,MAAa,wBACX,QAAQ,IAAI,aAAa,gBACrBC,4BACAC"}

package/dist/plugin.cjs

@@ -0,0 +1,10 @@
+const require_VueHotkeysDevtools = require('./VueHotkeysDevtools.cjs');
+let _tanstack_devtools_utils_vue = require("@tanstack/devtools-utils/vue");
+
+//#region src/plugin.ts
+const [hotkeysDevtoolsPlugin, hotkeysDevtoolsNoOpPlugin] = (0, _tanstack_devtools_utils_vue.createVuePlugin)("TanStack Hotkeys", require_VueHotkeysDevtools.HotkeysDevtoolsPanel);
+
+//#endregion
+exports.hotkeysDevtoolsNoOpPlugin = hotkeysDevtoolsNoOpPlugin;
+exports.hotkeysDevtoolsPlugin = hotkeysDevtoolsPlugin;
+//# sourceMappingURL=plugin.cjs.map

package/dist/plugin.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.cjs","names":["HotkeysDevtoolsPanel"],"sources":["../src/plugin.ts"],"sourcesContent":["import { createVuePlugin } from '@tanstack/devtools-utils/vue'\nimport { HotkeysDevtoolsPanel } from './VueHotkeysDevtools'\n\nconst [hotkeysDevtoolsPlugin, hotkeysDevtoolsNoOpPlugin] = createVuePlugin(\n  'TanStack Hotkeys',\n  HotkeysDevtoolsPanel,\n)\n\nexport { hotkeysDevtoolsPlugin, hotkeysDevtoolsNoOpPlugin }\n"],"mappings":";;;;AAGA,MAAM,CAAC,uBAAuB,+EAC5B,oBACAA,gDACD"}

package/dist/plugin.d.cts

@@ -0,0 +1,36 @@
+import * as _tanstack_devtools_utils_vue0 from "@tanstack/devtools-utils/vue";
+import * as vue from "vue";
+
+//#region src/plugin.d.ts
+declare const hotkeysDevtoolsPlugin: (props: {
+    theme?: _tanstack_devtools_utils_vue0.DevtoolsPanelProps["theme"];
+    devtoolsProps: _tanstack_devtools_utils_vue0.DevtoolsPanelProps;
+  }) => {
+    name: string;
+    component: vue.DefineComponent<{
+      theme?: _tanstack_devtools_utils_vue0.DevtoolsPanelProps["theme"];
+      devtoolsProps: _tanstack_devtools_utils_vue0.DevtoolsPanelProps;
+    }, {}, unknown>;
+    props: {
+      theme?: _tanstack_devtools_utils_vue0.DevtoolsPanelProps["theme"];
+      devtoolsProps: _tanstack_devtools_utils_vue0.DevtoolsPanelProps;
+    };
+  }, hotkeysDevtoolsNoOpPlugin: (props: {
+    theme?: _tanstack_devtools_utils_vue0.DevtoolsPanelProps["theme"];
+    devtoolsProps: _tanstack_devtools_utils_vue0.DevtoolsPanelProps;
+  }) => {
+    name: string;
+    component: {
+      new (): {
+        $props: vue.VNodeProps;
+      };
+      __isFragment: true;
+    };
+    props: {
+      theme?: _tanstack_devtools_utils_vue0.DevtoolsPanelProps["theme"];
+      devtoolsProps: _tanstack_devtools_utils_vue0.DevtoolsPanelProps;
+    };
+  };
+//#endregion
+export { hotkeysDevtoolsPlugin };
+//# sourceMappingURL=plugin.d.cts.map

package/dist/plugin.d.ts

@@ -0,0 +1,36 @@
+import * as _tanstack_devtools_utils_vue0 from "@tanstack/devtools-utils/vue";
+import * as vue from "vue";
+
+//#region src/plugin.d.ts
+declare const hotkeysDevtoolsPlugin: (props: {
+    theme?: _tanstack_devtools_utils_vue0.DevtoolsPanelProps["theme"];
+    devtoolsProps: _tanstack_devtools_utils_vue0.DevtoolsPanelProps;
+  }) => {
+    name: string;
+    component: vue.DefineComponent<{
+      theme?: _tanstack_devtools_utils_vue0.DevtoolsPanelProps["theme"];
+      devtoolsProps: _tanstack_devtools_utils_vue0.DevtoolsPanelProps;
+    }, {}, unknown>;
+    props: {
+      theme?: _tanstack_devtools_utils_vue0.DevtoolsPanelProps["theme"];
+      devtoolsProps: _tanstack_devtools_utils_vue0.DevtoolsPanelProps;
+    };
+  }, hotkeysDevtoolsNoOpPlugin: (props: {
+    theme?: _tanstack_devtools_utils_vue0.DevtoolsPanelProps["theme"];
+    devtoolsProps: _tanstack_devtools_utils_vue0.DevtoolsPanelProps;
+  }) => {
+    name: string;
+    component: {
+      new (): {
+        $props: vue.VNodeProps;
+      };
+      __isFragment: true;
+    };
+    props: {
+      theme?: _tanstack_devtools_utils_vue0.DevtoolsPanelProps["theme"];
+      devtoolsProps: _tanstack_devtools_utils_vue0.DevtoolsPanelProps;
+    };
+  };
+//#endregion
+export { hotkeysDevtoolsPlugin };
+//# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.js

@@ -0,0 +1,9 @@
+import { HotkeysDevtoolsPanel } from "./VueHotkeysDevtools.js";
+import { createVuePlugin } from "@tanstack/devtools-utils/vue";
+
+//#region src/plugin.ts
+const [hotkeysDevtoolsPlugin, hotkeysDevtoolsNoOpPlugin] = createVuePlugin("TanStack Hotkeys", HotkeysDevtoolsPanel);
+
+//#endregion
+export { hotkeysDevtoolsNoOpPlugin, hotkeysDevtoolsPlugin };
+//# sourceMappingURL=plugin.js.map

package/dist/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","names":[],"sources":["../src/plugin.ts"],"sourcesContent":["import { createVuePlugin } from '@tanstack/devtools-utils/vue'\nimport { HotkeysDevtoolsPanel } from './VueHotkeysDevtools'\n\nconst [hotkeysDevtoolsPlugin, hotkeysDevtoolsNoOpPlugin] = createVuePlugin(\n  'TanStack Hotkeys',\n  HotkeysDevtoolsPanel,\n)\n\nexport { hotkeysDevtoolsPlugin, hotkeysDevtoolsNoOpPlugin }\n"],"mappings":";;;;AAGA,MAAM,CAAC,uBAAuB,6BAA6B,gBACzD,oBACA,qBACD"}

package/dist/production.cjs

@@ -0,0 +1,6 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_VueHotkeysDevtools = require('./VueHotkeysDevtools.cjs');
+const require_plugin = require('./plugin.cjs');
+
+exports.HotkeysDevtoolsPanel = require_VueHotkeysDevtools.HotkeysDevtoolsPanel;
+exports.hotkeysDevtoolsPlugin = require_plugin.hotkeysDevtoolsPlugin;

package/dist/production.d.cts

@@ -0,0 +1,3 @@
+import { HotkeysDevtoolsPanel, HotkeysDevtoolsVueInit } from "./VueHotkeysDevtools.cjs";
+import { hotkeysDevtoolsPlugin } from "./plugin.cjs";
+export { HotkeysDevtoolsPanel, type HotkeysDevtoolsVueInit, hotkeysDevtoolsPlugin };

package/dist/production.d.ts

@@ -0,0 +1,3 @@
+import { HotkeysDevtoolsPanel, HotkeysDevtoolsVueInit } from "./VueHotkeysDevtools.js";
+import { hotkeysDevtoolsPlugin } from "./plugin.js";
+export { HotkeysDevtoolsPanel, type HotkeysDevtoolsVueInit, hotkeysDevtoolsPlugin };

package/dist/production.js

@@ -0,0 +1,4 @@
+import { HotkeysDevtoolsPanel } from "./VueHotkeysDevtools.js";
+import { hotkeysDevtoolsPlugin } from "./plugin.js";
+
+export { HotkeysDevtoolsPanel, hotkeysDevtoolsPlugin };

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@tanstack/vue-hotkeys-devtools",
+  "version": "0.0.1",
+  "description": "Vue devtools for TanStack Hotkeys",
+  "author": "Tanner Linsley",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/TanStack/hotkeys.git",
+    "directory": "packages/vue-hotkeys-devtools"
+  },
+  "homepage": "https://tanstack.com/hotkeys",
+  "funding": {
+    "type": "github",
+    "url": "https://github.com/sponsors/tannerlinsley"
+  },
+  "keywords": [
+    "vue",
+    "vuejs",
+    "tanstack",
+    "keys",
+    "devtools",
+    "hotkeys",
+    "keyboard"
+  ],
+  "scripts": {
+    "clean": "premove ./build ./dist",
+    "lint": "eslint ./src",
+    "lint:fix": "eslint ./src --fix",
+    "test:eslint": "eslint ./src",
+    "test:lib": "vitest --passWithNoTests",
+    "test:lib:dev": "pnpm test:lib --watch",
+    "test:types": "tsc",
+    "build": "tsdown"
+  },
+  "type": "module",
+  "types": "./dist/index.d.cts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./production": {
+      "import": "./dist/production.js",
+      "require": "./dist/production.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "sideEffects": false,
+  "engines": {
+    "node": ">=18"
+  },
+  "files": [
+    "dist/",
+    "src"
+  ],
+  "peerDependencies": {
+    "vue": ">=3.0.0"
+  },
+  "dependencies": {
+    "@tanstack/devtools-utils": "^0.3.2",
+    "@tanstack/hotkeys-devtools": "workspace:*"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.4",
+    "vue": "^3.5.29"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js"
+}

package/src/VueHotkeysDevtools.tsx

@@ -0,0 +1,16 @@
+import { createVuePanel } from '@tanstack/devtools-utils/vue'
+import { HotkeysDevtoolsCore } from '@tanstack/hotkeys-devtools'
+import type { DevtoolsPanelProps } from '@tanstack/devtools-utils/vue'
+
+export interface HotkeysDevtoolsVueInit extends DevtoolsPanelProps {}
+
+type DevtoolsPanelConstructor = new (props: DevtoolsPanelProps) => {
+  mount: (el: HTMLElement, theme?: 'dark' | 'light' | 'system') => void
+  unmount: () => void
+}
+
+const [HotkeysDevtoolsPanel, HotkeysDevtoolsPanelNoOp] = createVuePanel(
+  HotkeysDevtoolsCore as unknown as DevtoolsPanelConstructor,
+)
+
+export { HotkeysDevtoolsPanel, HotkeysDevtoolsPanelNoOp }

package/src/index.ts

@@ -0,0 +1,14 @@
+import * as Devtools from './VueHotkeysDevtools'
+import * as plugin from './plugin'
+
+export const HotkeysDevtoolsPanel =
+  process.env.NODE_ENV !== 'development'
+    ? Devtools.HotkeysDevtoolsPanelNoOp
+    : Devtools.HotkeysDevtoolsPanel
+
+export const hotkeysDevtoolsPlugin =
+  process.env.NODE_ENV !== 'development'
+    ? plugin.hotkeysDevtoolsNoOpPlugin
+    : plugin.hotkeysDevtoolsPlugin
+
+export type { HotkeysDevtoolsVueInit } from './VueHotkeysDevtools'

package/src/plugin.ts

@@ -0,0 +1,9 @@
+import { createVuePlugin } from '@tanstack/devtools-utils/vue'
+import { HotkeysDevtoolsPanel } from './VueHotkeysDevtools'
+
+const [hotkeysDevtoolsPlugin, hotkeysDevtoolsNoOpPlugin] = createVuePlugin(
+  'TanStack Hotkeys',
+  HotkeysDevtoolsPanel,
+)
+
+export { hotkeysDevtoolsPlugin, hotkeysDevtoolsNoOpPlugin }

package/src/production.ts

@@ -0,0 +1,5 @@
+export { HotkeysDevtoolsPanel } from './VueHotkeysDevtools'
+
+export type { HotkeysDevtoolsVueInit } from './VueHotkeysDevtools'
+
+export { hotkeysDevtoolsPlugin } from './plugin'

package/src/vue.d.ts

@@ -0,0 +1,6 @@
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}