@a11y-hud/vue 0.5.1 → 1.0.0

package/README.md

@@ -67,10 +67,19 @@ const scopeRef = ref(null);
 
 | Prop | Type | Default | Description |
 |------|------|---------|-------------|
-| `theme` | `"auto" \| "default" \| "light" \| "high-contrast"` | `"auto"` | Panel theme |
+| `theme` | `Theme` | `"auto"` | Panel theme — `"auto"`, `"default"`, `"light"`, `"high-contrast"`, `"github-dark"`, `"github-light"`, `"tokyo-night"`, `"solarized-dark"` |
 | `scope` | `Element \| null` | — | Restrict scan to a subtree |
 | `autoScan` | `boolean` | `true` | Auto-rescan on DOM mutations |
 | `debounce` | `number` | `500` | Debounce delay in ms |
+| `runOnly` | `string[]` | — | Restrict axe to specific rule-set tags |
+
+### Composable return value
+
+`useA11yHud` returns `{ runScan, setTheme, setRunOnly, exportResults, ignores }`. `runScan()` resolves `Promise<AxeResults | null>` — `null` if called before the HUD has mounted.
+
+### Server-side rendering
+
+Importing `@a11y-hud/vue` is safe on the server (e.g. Nuxt); the HUD mounts in `onMounted`, so nothing renders server-side.
 
 ## License
 

package/dist/index.d.ts

@@ -19,6 +19,10 @@ declare const A11yHud: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<number>;
         default: undefined;
     };
+    runOnly: {
+        type: PropType<string[]>;
+        default: undefined;
+    };
 }>, () => null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     theme: {
         type: PropType<Theme>;
@@ -36,10 +40,15 @@ declare const A11yHud: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<number>;
         default: undefined;
     };
+    runOnly: {
+        type: PropType<string[]>;
+        default: undefined;
+    };
 }>> & Readonly<{}>, {
     theme: Theme;
     autoScan: boolean;
     debounce: number;
+    runOnly: string[];
     scope: Element | null;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
@@ -52,7 +61,7 @@ interface UseA11yHudOptions {
 }
 type A11yHudProps = UseA11yHudOptions;
 interface UseA11yHudReturn {
-    runScan(): Promise<AxeResults>;
+    runScan(): Promise<AxeResults | null>;
     setTheme(theme: Theme): void;
     setRunOnly(tags: string[]): void;
     exportResults(): string | null;

package/dist/index.js

@@ -127,6 +127,10 @@ var A11yHud = defineComponent({
     debounce: {
       type: Number,
       default: void 0
+    },
+    runOnly: {
+      type: Array,
+      default: void 0
     }
   },
   setup(props) {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/composable.ts","../src/component.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import type { A11yHudElement, A11yHudInstance, AxeResults, Theme } from \"a11y-hud\";\nimport { mount } from \"a11y-hud\";\nimport { onMounted, onUnmounted, shallowRef, watch } from \"vue\";\nimport type { UseA11yHudOptions, UseA11yHudReturn } from \"./types.js\";\n\nexport function useA11yHud(options: UseA11yHudOptions = {}): UseA11yHudReturn {\n  const instanceRef = shallowRef<A11yHudInstance | null>(null);\n  const elementRef = shallowRef<A11yHudElement | null>(null);\n\n  onMounted(() => {\n    const { theme, autoScan, debounce, runOnly } = options;\n    const instance = mount({\n      ...(theme !== undefined && { theme }),\n      ...(autoScan !== undefined && { autoScan }),\n      ...(debounce !== undefined && { debounce }),\n      ...(runOnly !== undefined && { runOnly }),\n    });\n    instanceRef.value = instance;\n    elementRef.value = document.querySelector<A11yHudElement>(\"a11y-hud\");\n    const el = elementRef.value;\n    if (el) {\n      el.scopeElement = options.scope ?? undefined;\n    }\n    void instance.runScan();\n  });\n\n  onUnmounted(() => {\n    instanceRef.value?.unmount();\n    instanceRef.value = null;\n    elementRef.value = null;\n  });\n\n  // Render-settled signal: fires after the scope prop changes, syncing the CE's\n  // scopeElement and triggering a rescan. Route changes and general DOM mutations\n  // are handled by the core's MutationObserver; this watch covers the prop-change\n  // path (e.g. enabling/disabling scope, passing a different ref).\n  watch(\n    () => options.scope,\n    () => {\n      const instance = instanceRef.value;\n      const el = elementRef.value;\n      if (!instance || !el) return;\n      el.scopeElement = options.scope ?? undefined;\n      void instance.runScan();\n    },\n    { flush: \"post\" }\n  );\n\n  watch(\n    () => options.theme,\n    (newTheme) => {\n      if (newTheme !== undefined) instanceRef.value?.setTheme(newTheme);\n    },\n    { flush: \"post\" }\n  );\n\n  watch(\n    () => options.autoScan,\n    (newAutoScan) => {\n      const el = elementRef.value;\n      if (!el) return;\n      if (newAutoScan === false) {\n        el.removeAttribute(\"auto-scan\");\n      } else {\n        el.setAttribute(\"auto-scan\", \"\");\n      }\n    },\n    { flush: \"post\" }\n  );\n\n  watch(\n    () => options.debounce,\n    (newDebounce) => {\n      const el = elementRef.value;\n      if (!el || newDebounce === undefined) return;\n      el.setAttribute(\"debounce\", String(newDebounce));\n    },\n    { flush: \"post\" }\n  );\n\n  watch(\n    () => options.runOnly,\n    (newRunOnly) => {\n      if (newRunOnly !== undefined) instanceRef.value?.setRunOnly(newRunOnly);\n    },\n    { flush: \"post\" }\n  );\n\n  function runScan(): Promise<AxeResults> {\n    return instanceRef.value?.runScan() ?? Promise.resolve(null as unknown as AxeResults);\n  }\n\n  function setTheme(theme: Theme): void {\n    instanceRef.value?.setTheme(theme);\n  }\n\n  function setRunOnly(tags: string[]): void {\n    instanceRef.value?.setRunOnly(tags);\n  }\n\n  function exportResults(): string | null {\n    return instanceRef.value?.exportResults() ?? null;\n  }\n\n  const ignores = {\n    add(ruleId: string, selector?: string): void {\n      instanceRef.value?.ignores.add(ruleId, selector);\n    },\n    remove(ruleId: string, selector?: string): void {\n      instanceRef.value?.ignores.remove(ruleId, selector);\n    },\n    clear(): void {\n      instanceRef.value?.ignores.clear();\n    },\n    list() {\n      return instanceRef.value?.ignores.list() ?? [];\n    },\n    exportJson(): string {\n      return instanceRef.value?.ignores.exportJson() ?? \"[]\";\n    },\n    importJson(json: string): void {\n      instanceRef.value?.ignores.importJson(json);\n    },\n  };\n\n  return { runScan, setTheme, setRunOnly, exportResults, ignores };\n}\n","import type { Theme } from \"a11y-hud\";\nimport type { PropType } from \"vue\";\nimport { defineComponent } from \"vue\";\nimport { useA11yHud } from \"./composable.js\";\nimport type { A11yHudProps } from \"./types.js\";\n\nexport const A11yHud = defineComponent({\n  name: \"A11yHud\",\n  props: {\n    theme: {\n      type: String as PropType<Theme>,\n      default: undefined,\n    },\n    scope: {\n      type: Object as PropType<Element | null>,\n      default: undefined,\n    },\n    autoScan: {\n      type: Boolean as PropType<boolean>,\n      default: undefined,\n    },\n    debounce: {\n      type: Number as PropType<number>,\n      default: undefined,\n    },\n  },\n  setup(props) {\n    useA11yHud(props as A11yHudProps);\n    return () => null;\n  },\n});\n"]}
+{"version":3,"sources":["../src/composable.ts","../src/component.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import type { A11yHudElement, A11yHudInstance, AxeResults, Theme } from \"a11y-hud\";\nimport { mount } from \"a11y-hud\";\nimport { onMounted, onUnmounted, shallowRef, watch } from \"vue\";\nimport type { UseA11yHudOptions, UseA11yHudReturn } from \"./types.js\";\n\nexport function useA11yHud(options: UseA11yHudOptions = {}): UseA11yHudReturn {\n  const instanceRef = shallowRef<A11yHudInstance | null>(null);\n  const elementRef = shallowRef<A11yHudElement | null>(null);\n\n  onMounted(() => {\n    const { theme, autoScan, debounce, runOnly } = options;\n    const instance = mount({\n      ...(theme !== undefined && { theme }),\n      ...(autoScan !== undefined && { autoScan }),\n      ...(debounce !== undefined && { debounce }),\n      ...(runOnly !== undefined && { runOnly }),\n    });\n    instanceRef.value = instance;\n    elementRef.value = document.querySelector<A11yHudElement>(\"a11y-hud\");\n    const el = elementRef.value;\n    if (el) {\n      el.scopeElement = options.scope ?? undefined;\n    }\n    void instance.runScan();\n  });\n\n  onUnmounted(() => {\n    instanceRef.value?.unmount();\n    instanceRef.value = null;\n    elementRef.value = null;\n  });\n\n  // Render-settled signal: fires after the scope prop changes, syncing the CE's\n  // scopeElement and triggering a rescan. Route changes and general DOM mutations\n  // are handled by the core's MutationObserver; this watch covers the prop-change\n  // path (e.g. enabling/disabling scope, passing a different ref).\n  watch(\n    () => options.scope,\n    () => {\n      const instance = instanceRef.value;\n      const el = elementRef.value;\n      if (!instance || !el) return;\n      el.scopeElement = options.scope ?? undefined;\n      void instance.runScan();\n    },\n    { flush: \"post\" }\n  );\n\n  watch(\n    () => options.theme,\n    (newTheme) => {\n      if (newTheme !== undefined) instanceRef.value?.setTheme(newTheme);\n    },\n    { flush: \"post\" }\n  );\n\n  watch(\n    () => options.autoScan,\n    (newAutoScan) => {\n      const el = elementRef.value;\n      if (!el) return;\n      if (newAutoScan === false) {\n        el.removeAttribute(\"auto-scan\");\n      } else {\n        el.setAttribute(\"auto-scan\", \"\");\n      }\n    },\n    { flush: \"post\" }\n  );\n\n  watch(\n    () => options.debounce,\n    (newDebounce) => {\n      const el = elementRef.value;\n      if (!el || newDebounce === undefined) return;\n      el.setAttribute(\"debounce\", String(newDebounce));\n    },\n    { flush: \"post\" }\n  );\n\n  watch(\n    () => options.runOnly,\n    (newRunOnly) => {\n      if (newRunOnly !== undefined) instanceRef.value?.setRunOnly(newRunOnly);\n    },\n    { flush: \"post\" }\n  );\n\n  function runScan(): Promise<AxeResults | null> {\n    return instanceRef.value?.runScan() ?? Promise.resolve(null);\n  }\n\n  function setTheme(theme: Theme): void {\n    instanceRef.value?.setTheme(theme);\n  }\n\n  function setRunOnly(tags: string[]): void {\n    instanceRef.value?.setRunOnly(tags);\n  }\n\n  function exportResults(): string | null {\n    return instanceRef.value?.exportResults() ?? null;\n  }\n\n  const ignores = {\n    add(ruleId: string, selector?: string): void {\n      instanceRef.value?.ignores.add(ruleId, selector);\n    },\n    remove(ruleId: string, selector?: string): void {\n      instanceRef.value?.ignores.remove(ruleId, selector);\n    },\n    clear(): void {\n      instanceRef.value?.ignores.clear();\n    },\n    list() {\n      return instanceRef.value?.ignores.list() ?? [];\n    },\n    exportJson(): string {\n      return instanceRef.value?.ignores.exportJson() ?? \"[]\";\n    },\n    importJson(json: string): void {\n      instanceRef.value?.ignores.importJson(json);\n    },\n  };\n\n  return { runScan, setTheme, setRunOnly, exportResults, ignores };\n}\n","import type { Theme } from \"a11y-hud\";\nimport type { PropType } from \"vue\";\nimport { defineComponent } from \"vue\";\nimport { useA11yHud } from \"./composable.js\";\nimport type { A11yHudProps } from \"./types.js\";\n\nexport const A11yHud = defineComponent({\n  name: \"A11yHud\",\n  props: {\n    theme: {\n      type: String as PropType<Theme>,\n      default: undefined,\n    },\n    scope: {\n      type: Object as PropType<Element | null>,\n      default: undefined,\n    },\n    autoScan: {\n      type: Boolean as PropType<boolean>,\n      default: undefined,\n    },\n    debounce: {\n      type: Number as PropType<number>,\n      default: undefined,\n    },\n    runOnly: {\n      type: Array as PropType<string[]>,\n      default: undefined,\n    },\n  },\n  setup(props) {\n    useA11yHud(props as A11yHudProps);\n    return () => null;\n  },\n});\n"]}

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@a11y-hud/vue",
-  "version": "0.5.1",
+  "version": "1.0.0",
   "description": "Vue adapter for a11y-hud — run axe-core accessibility audits in your Vue app with no DevTools required.",
   "type": "module",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    }
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
   },
-  "main": "./dist/index.cjs",
+  "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
@@ -19,20 +19,20 @@
     "README.md"
   ],
   "dependencies": {
-    "a11y-hud": "0.4.1"
+    "a11y-hud": "1.0.0"
   },
   "peerDependencies": {
     "vue": ">=3.4"
   },
   "devDependencies": {
-    "@playwright/test": "^1.49.1",
-    "@vue/test-utils": "^2.4.6",
-    "@vitejs/plugin-vue": "^6.0.5",
-    "@vitest/coverage-v8": "^4.1.5",
+    "@playwright/test": "^1.63.0",
+    "@vitejs/plugin-vue": "^6.0.9",
+    "@vitest/coverage-v8": "^4.1.11",
+    "@vue/test-utils": "^2.5.1",
     "jsdom": "^29.1.1",
-    "tsup": "^8.3.5",
-    "vue": "^3.5.0",
-    "vitest": "^4.1.5"
+    "tsup": "^8.5.1",
+    "vitest": "^4.1.11",
+    "vue": "^3.5.43"
   },
   "engines": {
     "node": ">=22"

package/dist/index.cjs

@@ -1,143 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var a11yHud = require('a11y-hud');
-
-// src/component.ts
-function useA11yHud(options = {}) {
-  const instanceRef = vue.shallowRef(null);
-  const elementRef = vue.shallowRef(null);
-  vue.onMounted(() => {
-    const { theme, autoScan, debounce, runOnly } = options;
-    const instance = a11yHud.mount({
-      ...theme !== void 0 && { theme },
-      ...autoScan !== void 0 && { autoScan },
-      ...debounce !== void 0 && { debounce },
-      ...runOnly !== void 0 && { runOnly }
-    });
-    instanceRef.value = instance;
-    elementRef.value = document.querySelector("a11y-hud");
-    const el = elementRef.value;
-    if (el) {
-      el.scopeElement = options.scope ?? void 0;
-    }
-    void instance.runScan();
-  });
-  vue.onUnmounted(() => {
-    instanceRef.value?.unmount();
-    instanceRef.value = null;
-    elementRef.value = null;
-  });
-  vue.watch(
-    () => options.scope,
-    () => {
-      const instance = instanceRef.value;
-      const el = elementRef.value;
-      if (!instance || !el) return;
-      el.scopeElement = options.scope ?? void 0;
-      void instance.runScan();
-    },
-    { flush: "post" }
-  );
-  vue.watch(
-    () => options.theme,
-    (newTheme) => {
-      if (newTheme !== void 0) instanceRef.value?.setTheme(newTheme);
-    },
-    { flush: "post" }
-  );
-  vue.watch(
-    () => options.autoScan,
-    (newAutoScan) => {
-      const el = elementRef.value;
-      if (!el) return;
-      if (newAutoScan === false) {
-        el.removeAttribute("auto-scan");
-      } else {
-        el.setAttribute("auto-scan", "");
-      }
-    },
-    { flush: "post" }
-  );
-  vue.watch(
-    () => options.debounce,
-    (newDebounce) => {
-      const el = elementRef.value;
-      if (!el || newDebounce === void 0) return;
-      el.setAttribute("debounce", String(newDebounce));
-    },
-    { flush: "post" }
-  );
-  vue.watch(
-    () => options.runOnly,
-    (newRunOnly) => {
-      if (newRunOnly !== void 0) instanceRef.value?.setRunOnly(newRunOnly);
-    },
-    { flush: "post" }
-  );
-  function runScan() {
-    return instanceRef.value?.runScan() ?? Promise.resolve(null);
-  }
-  function setTheme(theme) {
-    instanceRef.value?.setTheme(theme);
-  }
-  function setRunOnly(tags) {
-    instanceRef.value?.setRunOnly(tags);
-  }
-  function exportResults() {
-    return instanceRef.value?.exportResults() ?? null;
-  }
-  const ignores = {
-    add(ruleId, selector) {
-      instanceRef.value?.ignores.add(ruleId, selector);
-    },
-    remove(ruleId, selector) {
-      instanceRef.value?.ignores.remove(ruleId, selector);
-    },
-    clear() {
-      instanceRef.value?.ignores.clear();
-    },
-    list() {
-      return instanceRef.value?.ignores.list() ?? [];
-    },
-    exportJson() {
-      return instanceRef.value?.ignores.exportJson() ?? "[]";
-    },
-    importJson(json) {
-      instanceRef.value?.ignores.importJson(json);
-    }
-  };
-  return { runScan, setTheme, setRunOnly, exportResults, ignores };
-}
-
-// src/component.ts
-var A11yHud = vue.defineComponent({
-  name: "A11yHud",
-  props: {
-    theme: {
-      type: String,
-      default: void 0
-    },
-    scope: {
-      type: Object,
-      default: void 0
-    },
-    autoScan: {
-      type: Boolean,
-      default: void 0
-    },
-    debounce: {
-      type: Number,
-      default: void 0
-    }
-  },
-  setup(props) {
-    useA11yHud(props);
-    return () => null;
-  }
-});
-
-exports.A11yHud = A11yHud;
-exports.useA11yHud = useA11yHud;
-//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/composable.ts","../src/component.ts"],"names":["shallowRef","onMounted","mount","onUnmounted","watch","defineComponent"],"mappings":"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","file":"index.cjs","sourcesContent":["import type { A11yHudElement, A11yHudInstance, AxeResults, Theme } from \"a11y-hud\";\nimport { mount } from \"a11y-hud\";\nimport { onMounted, onUnmounted, shallowRef, watch } from \"vue\";\nimport type { UseA11yHudOptions, UseA11yHudReturn } from \"./types.js\";\n\nexport function useA11yHud(options: UseA11yHudOptions = {}): UseA11yHudReturn {\n  const instanceRef = shallowRef<A11yHudInstance | null>(null);\n  const elementRef = shallowRef<A11yHudElement | null>(null);\n\n  onMounted(() => {\n    const { theme, autoScan, debounce, runOnly } = options;\n    const instance = mount({\n      ...(theme !== undefined && { theme }),\n      ...(autoScan !== undefined && { autoScan }),\n      ...(debounce !== undefined && { debounce }),\n      ...(runOnly !== undefined && { runOnly }),\n    });\n    instanceRef.value = instance;\n    elementRef.value = document.querySelector<A11yHudElement>(\"a11y-hud\");\n    const el = elementRef.value;\n    if (el) {\n      el.scopeElement = options.scope ?? undefined;\n    }\n    void instance.runScan();\n  });\n\n  onUnmounted(() => {\n    instanceRef.value?.unmount();\n    instanceRef.value = null;\n    elementRef.value = null;\n  });\n\n  // Render-settled signal: fires after the scope prop changes, syncing the CE's\n  // scopeElement and triggering a rescan. Route changes and general DOM mutations\n  // are handled by the core's MutationObserver; this watch covers the prop-change\n  // path (e.g. enabling/disabling scope, passing a different ref).\n  watch(\n    () => options.scope,\n    () => {\n      const instance = instanceRef.value;\n      const el = elementRef.value;\n      if (!instance || !el) return;\n      el.scopeElement = options.scope ?? undefined;\n      void instance.runScan();\n    },\n    { flush: \"post\" }\n  );\n\n  watch(\n    () => options.theme,\n    (newTheme) => {\n      if (newTheme !== undefined) instanceRef.value?.setTheme(newTheme);\n    },\n    { flush: \"post\" }\n  );\n\n  watch(\n    () => options.autoScan,\n    (newAutoScan) => {\n      const el = elementRef.value;\n      if (!el) return;\n      if (newAutoScan === false) {\n        el.removeAttribute(\"auto-scan\");\n      } else {\n        el.setAttribute(\"auto-scan\", \"\");\n      }\n    },\n    { flush: \"post\" }\n  );\n\n  watch(\n    () => options.debounce,\n    (newDebounce) => {\n      const el = elementRef.value;\n      if (!el || newDebounce === undefined) return;\n      el.setAttribute(\"debounce\", String(newDebounce));\n    },\n    { flush: \"post\" }\n  );\n\n  watch(\n    () => options.runOnly,\n    (newRunOnly) => {\n      if (newRunOnly !== undefined) instanceRef.value?.setRunOnly(newRunOnly);\n    },\n    { flush: \"post\" }\n  );\n\n  function runScan(): Promise<AxeResults> {\n    return instanceRef.value?.runScan() ?? Promise.resolve(null as unknown as AxeResults);\n  }\n\n  function setTheme(theme: Theme): void {\n    instanceRef.value?.setTheme(theme);\n  }\n\n  function setRunOnly(tags: string[]): void {\n    instanceRef.value?.setRunOnly(tags);\n  }\n\n  function exportResults(): string | null {\n    return instanceRef.value?.exportResults() ?? null;\n  }\n\n  const ignores = {\n    add(ruleId: string, selector?: string): void {\n      instanceRef.value?.ignores.add(ruleId, selector);\n    },\n    remove(ruleId: string, selector?: string): void {\n      instanceRef.value?.ignores.remove(ruleId, selector);\n    },\n    clear(): void {\n      instanceRef.value?.ignores.clear();\n    },\n    list() {\n      return instanceRef.value?.ignores.list() ?? [];\n    },\n    exportJson(): string {\n      return instanceRef.value?.ignores.exportJson() ?? \"[]\";\n    },\n    importJson(json: string): void {\n      instanceRef.value?.ignores.importJson(json);\n    },\n  };\n\n  return { runScan, setTheme, setRunOnly, exportResults, ignores };\n}\n","import type { Theme } from \"a11y-hud\";\nimport type { PropType } from \"vue\";\nimport { defineComponent } from \"vue\";\nimport { useA11yHud } from \"./composable.js\";\nimport type { A11yHudProps } from \"./types.js\";\n\nexport const A11yHud = defineComponent({\n  name: \"A11yHud\",\n  props: {\n    theme: {\n      type: String as PropType<Theme>,\n      default: undefined,\n    },\n    scope: {\n      type: Object as PropType<Element | null>,\n      default: undefined,\n    },\n    autoScan: {\n      type: Boolean as PropType<boolean>,\n      default: undefined,\n    },\n    debounce: {\n      type: Number as PropType<number>,\n      default: undefined,\n    },\n  },\n  setup(props) {\n    useA11yHud(props as A11yHudProps);\n    return () => null;\n  },\n});\n"]}

package/dist/index.d.cts

@@ -1,71 +0,0 @@
-import * as vue from 'vue';
-import { PropType } from 'vue';
-import { Theme, AxeResults, IgnoreEntry } from 'a11y-hud';
-
-declare const A11yHud: vue.DefineComponent<vue.ExtractPropTypes<{
-    theme: {
-        type: PropType<Theme>;
-        default: undefined;
-    };
-    scope: {
-        type: PropType<Element | null>;
-        default: undefined;
-    };
-    autoScan: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    debounce: {
-        type: PropType<number>;
-        default: undefined;
-    };
-}>, () => null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    theme: {
-        type: PropType<Theme>;
-        default: undefined;
-    };
-    scope: {
-        type: PropType<Element | null>;
-        default: undefined;
-    };
-    autoScan: {
-        type: PropType<boolean>;
-        default: undefined;
-    };
-    debounce: {
-        type: PropType<number>;
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    theme: Theme;
-    autoScan: boolean;
-    debounce: number;
-    scope: Element | null;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-
-interface UseA11yHudOptions {
-    theme?: Theme;
-    scope?: Element | null;
-    autoScan?: boolean;
-    debounce?: number;
-    runOnly?: string[];
-}
-type A11yHudProps = UseA11yHudOptions;
-interface UseA11yHudReturn {
-    runScan(): Promise<AxeResults>;
-    setTheme(theme: Theme): void;
-    setRunOnly(tags: string[]): void;
-    exportResults(): string | null;
-    ignores: {
-        add(ruleId: string, selector?: string): void;
-        remove(ruleId: string, selector?: string): void;
-        clear(): void;
-        list(): IgnoreEntry[];
-        exportJson(): string;
-        importJson(json: string): void;
-    };
-}
-
-declare function useA11yHud(options?: UseA11yHudOptions): UseA11yHudReturn;
-
-export { A11yHud, type A11yHudProps, type UseA11yHudOptions, type UseA11yHudReturn, useA11yHud };