@tanstack/devtools-a11y 0.0.1 → 0.1.1

package/dist/esm/core/components/Shell.js

@@ -0,0 +1,214 @@
+import { RULE_SET_LABELS, SEVERITY_LABELS } from "../utils/ui.utils.js";
+import { useAllyContext } from "../contexts/allyContext.js";
+import { useStyles } from "../styles/styles.js";
+import { A11yIssueList } from "./IssueList.js";
+import { A11ySettingsOverlay } from "./Settings.js";
+import { className, createComponent, effect, getNextElement, getNextMarker, insert, memo, template } from "solid-js/web";
+import { Match, Show, Switch, createMemo, createSignal } from "solid-js";
+import { Button, Header, MainPanel } from "@tanstack/devtools-ui";
+//#region src/core/components/Shell.tsx
+/** @jsxImportSource solid-js */
+var _tmpl$ = /* @__PURE__ */ template(`<span>`), _tmpl$2 = /* @__PURE__ */ template(`<div><h2>Accessibility Audit</h2><!$><!/>`), _tmpl$3 = /* @__PURE__ */ template(`<div><!$><!/><!$><!/>`), _tmpl$4 = /* @__PURE__ */ template(`<div><span></span><div></div><!$><!/>`), _tmpl$5 = /* @__PURE__ */ template(`<div><p>No audit results yet</p><p>Click "Run Audit" to scan for accessibility issues`), _tmpl$6 = /* @__PURE__ */ template(`<div><p>No accessibility issues found!</p><p>Scanned in <!$><!/>ms`), _tmpl$7 = /* @__PURE__ */ template(`<div>`);
+function Shell() {
+	const styles = useStyles();
+	const { filteredIssues, allyResult, config, setConfig, triggerAllyScan } = useAllyContext();
+	const selectedIssueSignal = createSignal("");
+	const [displaySettings, setDisplaySettings] = createSignal(false);
+	const handleExport = (format) => {
+		if (allyResult.audit) return;
+		import("../utils/export-audit.uitls.js").then((m) => m.exportAuditResults(allyResult.audit, { format }));
+	};
+	const showOverlayState = createMemo(() => config.showOverlays);
+	return createComponent(MainPanel, {
+		get ["class"]() {
+			return styles().root;
+		},
+		withPadding: false,
+		get children() {
+			return [
+				createComponent(Header, {
+					get ["class"]() {
+						return styles().header;
+					},
+					get children() {
+						return [(() => {
+							var _el$ = getNextElement(_tmpl$2), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling, [_el$5, _co$] = getNextMarker(_el$4.nextSibling);
+							insert(_el$, createComponent(Show, {
+								get when() {
+									return memo(() => allyResult.state === "done")() && filteredIssues();
+								},
+								get children() {
+									var _el$3 = getNextElement(_tmpl$);
+									insert(_el$3, () => `${filteredIssues().length} issue${filteredIssues().length !== 1 ? "s" : ""}`);
+									effect(() => className(_el$3, styles().headerSub));
+									return _el$3;
+								}
+							}), _el$5, _co$);
+							effect((_p$) => {
+								var _v$ = styles().headerTitleRow, _v$2 = styles().headerTitle;
+								_v$ !== _p$.e && className(_el$, _p$.e = _v$);
+								_v$2 !== _p$.t && className(_el$2, _p$.t = _v$2);
+								return _p$;
+							}, {
+								e: void 0,
+								t: void 0
+							});
+							return _el$;
+						})(), (() => {
+							var _el$6 = getNextElement(_tmpl$3), _el$10 = _el$6.firstChild, [_el$11, _co$4] = getNextMarker(_el$10.nextSibling), _el$12 = _el$11.nextSibling, [_el$13, _co$5] = getNextMarker(_el$12.nextSibling);
+							insert(_el$6, createComponent(Button, {
+								variant: "primary",
+								onClick: triggerAllyScan,
+								get disabled() {
+									return allyResult.state === "scanning";
+								},
+								get children() {
+									return allyResult.state === "scanning" ? "Scanning..." : "Run Audit";
+								}
+							}), _el$11, _co$4);
+							insert(_el$6, createComponent(Show, {
+								get when() {
+									return memo(() => !!(allyResult.state === "done" && allyResult.audit))() && allyResult.audit.issues.length > 0;
+								},
+								get children() {
+									return [(() => {
+										var _el$7 = getNextElement(_tmpl$3), _el$8 = _el$7.firstChild, [_el$9, _co$2] = getNextMarker(_el$8.nextSibling), _el$0 = _el$9.nextSibling, [_el$1, _co$3] = getNextMarker(_el$0.nextSibling);
+										insert(_el$7, createComponent(Button, {
+											variant: "secondary",
+											outline: true,
+											onClick: () => handleExport("json"),
+											children: "Export JSON"
+										}), _el$9, _co$2);
+										insert(_el$7, createComponent(Button, {
+											variant: "secondary",
+											outline: true,
+											onClick: () => handleExport("csv"),
+											children: "Export CSV"
+										}), _el$1, _co$3);
+										effect(() => className(_el$7, styles().buttonRow));
+										return _el$7;
+									})(), createComponent(Button, {
+										get variant() {
+											return showOverlayState() ? "success" : "warning";
+										},
+										onClick: () => setConfig("showOverlays", !config.showOverlays),
+										get children() {
+											return [memo(() => showOverlayState() ? "Hide" : "Show"), " Overlays"];
+										}
+									})];
+								}
+							}), _el$13, _co$5);
+							effect(() => className(_el$6, styles().headerActions));
+							return _el$6;
+						})()];
+					}
+				}),
+				(() => {
+					var _el$14 = getNextElement(_tmpl$4), _el$15 = _el$14.firstChild, _el$16 = _el$15.nextSibling, _el$17 = _el$16.nextSibling, [_el$18, _co$6] = getNextMarker(_el$17.nextSibling);
+					insert(_el$15, createComponent(Show, {
+						get when() {
+							return allyResult.state === "done";
+						},
+						get children() {
+							return [memo(() => `${SEVERITY_LABELS[config.threshold]}+ | ${RULE_SET_LABELS[config.ruleSet]}`), createComponent(Show, {
+								get when() {
+									return config.disabledRules.length > 0;
+								},
+								get children() {
+									return ` | ${config.disabledRules.length} rule(s) disabled`;
+								}
+							})];
+						}
+					}));
+					insert(_el$14, createComponent(Button, {
+						variant: "secondary",
+						outline: true,
+						onClick: () => setDisplaySettings(true),
+						children: "Settings"
+					}), _el$18, _co$6);
+					effect((_p$) => {
+						var _v$3 = styles().statusBar, _v$4 = styles().statusSpacer;
+						_v$3 !== _p$.e && className(_el$14, _p$.e = _v$3);
+						_v$4 !== _p$.t && className(_el$16, _p$.t = _v$4);
+						return _p$;
+					}, {
+						e: void 0,
+						t: void 0
+					});
+					return _el$14;
+				})(),
+				(() => {
+					var _el$19 = getNextElement(_tmpl$7);
+					insert(_el$19, createComponent(Switch, { get children() {
+						return [
+							createComponent(Match, {
+								get when() {
+									return allyResult.state === "init";
+								},
+								get children() {
+									var _el$20 = getNextElement(_tmpl$5), _el$21 = _el$20.firstChild, _el$22 = _el$21.nextSibling;
+									effect((_p$) => {
+										var _v$5 = styles().emptyState, _v$6 = styles().emptyPrimary, _v$7 = styles().emptySecondary;
+										_v$5 !== _p$.e && className(_el$20, _p$.e = _v$5);
+										_v$6 !== _p$.t && className(_el$21, _p$.t = _v$6);
+										_v$7 !== _p$.a && className(_el$22, _p$.a = _v$7);
+										return _p$;
+									}, {
+										e: void 0,
+										t: void 0,
+										a: void 0
+									});
+									return _el$20;
+								}
+							}),
+							createComponent(Match, {
+								get when() {
+									return memo(() => !!(allyResult.state === "done" && allyResult.audit))() && allyResult.audit.issues.length === 0;
+								},
+								get children() {
+									var _el$23 = getNextElement(_tmpl$6), _el$24 = _el$23.firstChild, _el$25 = _el$24.nextSibling, _el$28 = _el$25.firstChild.nextSibling, [_el$29, _co$7] = getNextMarker(_el$28.nextSibling);
+									_el$29.nextSibling;
+									insert(_el$25, () => allyResult.audit.duration.toFixed(0), _el$29, _co$7);
+									effect((_p$) => {
+										var _v$8 = styles().successState, _v$9 = styles().successTitle, _v$0 = styles().successSub;
+										_v$8 !== _p$.e && className(_el$23, _p$.e = _v$8);
+										_v$9 !== _p$.t && className(_el$24, _p$.t = _v$9);
+										_v$0 !== _p$.a && className(_el$25, _p$.a = _v$0);
+										return _p$;
+									}, {
+										e: void 0,
+										t: void 0,
+										a: void 0
+									});
+									return _el$23;
+								}
+							}),
+							createComponent(Match, {
+								get when() {
+									return memo(() => !!allyResult.audit)() && allyResult.audit.issues.length > 0;
+								},
+								get children() {
+									return createComponent(A11yIssueList, { selectedIssueSignal });
+								}
+							})
+						];
+					} }));
+					effect(() => className(_el$19, styles().content));
+					return _el$19;
+				})(),
+				createComponent(Show, {
+					get when() {
+						return displaySettings();
+					},
+					get children() {
+						return createComponent(A11ySettingsOverlay, { onClose: () => setDisplaySettings(false) });
+					}
+				})
+			];
+		}
+	});
+}
+//#endregion
+export { Shell };
+
+//# sourceMappingURL=Shell.js.map

package/dist/esm/core/components/Shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shell.js","names":["Match","Show","Switch","createMemo","createSignal","Button","Header","MainPanel","useAllyContext","RULE_SET_LABELS","SEVERITY_LABELS","useStyles","A11yIssueList","A11ySettingsOverlay","Shell","styles","filteredIssues","allyResult","config","setConfig","triggerAllyScan","selectedIssueSignal","displaySettings","setDisplaySettings","handleExport","format","audit","then","m","exportAuditResults","showOverlayState","showOverlays","_$createComponent","class","root","withPadding","children","header","_el$","_$getNextElement","_tmpl$2","_el$2","firstChild","_el$4","nextSibling","_el$5","_co$","_$getNextMarker","_$insert","when","_$memo","state","_el$3","_tmpl$","length","_$effect","_$className","headerSub","_p$","_v$","headerTitleRow","_v$2","headerTitle","e","t","undefined","_el$6","_tmpl$3","_el$10","_el$11","_co$4","_el$12","_el$13","_co$5","variant","onClick","disabled","issues","_el$7","_el$8","_el$9","_co$2","_el$0","_el$1","_co$3","outline","buttonRow","headerActions","_el$14","_tmpl$4","_el$15","_el$16","_el$17","_el$18","_co$6","threshold","ruleSet","disabledRules","_v$3","statusBar","_v$4","statusSpacer","_el$19","_tmpl$7","_el$20","_tmpl$5","_el$21","_el$22","_v$5","emptyState","_v$6","emptyPrimary","_v$7","emptySecondary","a","_el$23","_tmpl$6","_el$24","_el$25","_el$26","_el$28","_el$29","_co$7","_el$27","duration","toFixed","_v$8","successState","_v$9","successTitle","_v$0","successSub","content","onClose"],"sources":["../../../../src/core/components/Shell.tsx"],"sourcesContent":["/** @jsxImportSource solid-js */\n\nimport { Match, Show, Switch, createMemo, createSignal } from 'solid-js'\nimport { Button, Header, MainPanel } from '@tanstack/devtools-ui'\nimport { useAllyContext } from '../contexts/allyContext'\nimport { RULE_SET_LABELS, SEVERITY_LABELS } from '../utils/ui.utils'\nimport { useStyles } from '../styles/styles'\nimport { A11yIssueList } from './IssueList'\nimport { A11ySettingsOverlay } from './Settings'\n\nexport function Shell() {\n  const styles = useStyles()\n\n  // ally context\n  const { filteredIssues, allyResult, config, setConfig, triggerAllyScan } =\n    useAllyContext()\n\n  // ui state\n  const selectedIssueSignal = createSignal<string>('')\n  const [displaySettings, setDisplaySettings] = createSignal<boolean>(false)\n\n  const handleExport = (format: 'json' | 'csv') => {\n    if (allyResult.audit) return\n    // Keep export logic in runtime via event -> overlay? export is still a direct helper.\n    // We keep this import local to avoid pulling export code into the runtime module.\n\n    void import('../utils/export-audit.uitls').then((m) =>\n      m.exportAuditResults(allyResult.audit!, { format }),\n    )\n  }\n\n  const showOverlayState = createMemo(() => config.showOverlays)\n\n  return (\n    <MainPanel class={styles().root} withPadding={false}>\n      <Header class={styles().header}>\n        <div class={styles().headerTitleRow}>\n          <h2 class={styles().headerTitle}>Accessibility Audit</h2>\n\n          <Show when={allyResult.state === 'done' && filteredIssues()}>\n            <span class={styles().headerSub}>\n              {`${filteredIssues().length} issue${filteredIssues().length !== 1 ? 's' : ''}`}\n            </span>\n          </Show>\n        </div>\n\n        <div class={styles().headerActions}>\n          <Button\n            variant=\"primary\"\n            onClick={triggerAllyScan}\n            disabled={allyResult.state === 'scanning'}\n          >\n            {allyResult.state === 'scanning' ? 'Scanning...' : 'Run Audit'}\n          </Button>\n\n          <Show\n            when={\n              allyResult.state === 'done' &&\n              allyResult.audit &&\n              allyResult.audit.issues.length > 0\n            }\n          >\n            <div class={styles().buttonRow}>\n              <Button\n                variant=\"secondary\"\n                outline\n                onClick={() => handleExport('json')}\n              >\n                Export JSON\n              </Button>\n\n              <Button\n                variant=\"secondary\"\n                outline\n                onClick={() => handleExport('csv')}\n              >\n                Export CSV\n              </Button>\n            </div>\n\n            <Button\n              variant={showOverlayState() ? 'success' : 'warning'}\n              onClick={() => setConfig('showOverlays', !config.showOverlays)}\n            >\n              {showOverlayState() ? 'Hide' : 'Show'} Overlays\n            </Button>\n          </Show>\n        </div>\n      </Header>\n\n      <div class={styles().statusBar}>\n        <span>\n          <Show when={allyResult.state === 'done'}>\n            {`${SEVERITY_LABELS[config.threshold]}+ | ${RULE_SET_LABELS[config.ruleSet]}`}\n\n            <Show when={config.disabledRules.length > 0}>\n              {` | ${config.disabledRules.length} rule(s) disabled`}\n            </Show>\n          </Show>\n        </span>\n\n        <div class={styles().statusSpacer} />\n\n        <Button\n          variant=\"secondary\"\n          outline\n          onClick={() => setDisplaySettings(true)}\n        >\n          Settings\n        </Button>\n      </div>\n\n      <div class={styles().content}>\n        <Switch>\n          <Match when={allyResult.state === 'init'}>\n            <div class={styles().emptyState}>\n              <p class={styles().emptyPrimary}>No audit results yet</p>\n\n              <p class={styles().emptySecondary}>\n                Click \"Run Audit\" to scan for accessibility issues\n              </p>\n            </div>\n          </Match>\n\n          <Match\n            when={\n              allyResult.state === 'done' &&\n              allyResult.audit &&\n              allyResult.audit.issues.length === 0\n            }\n          >\n            <div class={styles().successState}>\n              <p class={styles().successTitle}>\n                No accessibility issues found!\n              </p>\n\n              <p class={styles().successSub}>\n                Scanned in {allyResult.audit!.duration.toFixed(0)}ms\n              </p>\n            </div>\n          </Match>\n\n          <Match when={allyResult.audit && allyResult.audit.issues.length > 0}>\n            <A11yIssueList selectedIssueSignal={selectedIssueSignal} />\n          </Match>\n        </Switch>\n      </div>\n\n      <Show when={displaySettings()}>\n        <A11ySettingsOverlay onClose={() => setDisplaySettings(false)} />\n      </Show>\n    </MainPanel>\n  )\n}\n"],"mappings":"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"}

package/dist/esm/core/components/index.d.ts

@@ -0,0 +1,2 @@
+/** @jsxImportSource solid-js */
+export default function Devtools(): import("solid-js").JSX.Element;

package/dist/esm/core/components/index.js

@@ -0,0 +1,14 @@
+import { AllyProvider } from "../contexts/allyContext.js";
+import { Shell } from "./Shell.js";
+import { createComponent } from "solid-js/web";
+//#region src/core/components/index.tsx
+/** @jsxImportSource solid-js */
+function Devtools() {
+	return createComponent(AllyProvider, { get children() {
+		return createComponent(Shell, {});
+	} });
+}
+//#endregion
+export { Devtools as default };
+
+//# sourceMappingURL=index.js.map

package/dist/esm/core/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["AllyProvider","Shell","Devtools","_$createComponent","children"],"sources":["../../../../src/core/components/index.tsx"],"sourcesContent":["/** @jsxImportSource solid-js */\n\nimport { AllyProvider } from '../contexts/allyContext'\nimport { Shell } from './Shell'\n\nexport default function Devtools() {\n  return (\n    <AllyProvider>\n      <Shell />\n    </AllyProvider>\n  )\n}\n"],"mappings":";;;;;AAKA,SAAwBE,WAAW;AACjC,QAAAC,gBACGH,cAAY,EAAA,IAAAI,WAAA;AAAA,SAAAD,gBACVF,OAAK,EAAA,CAAA;IAAA,CAAA"}

package/dist/esm/core/contexts/allyContext.d.ts

@@ -0,0 +1,17 @@
+import { A11yAuditResult, A11yPluginOptions, SeverityThreshold } from '../types/types.js';
+import { ParentComponent } from 'solid-js';
+type AllyProviderProps = {};
+export declare const AllyProvider: ParentComponent<AllyProviderProps>;
+export declare function useAllyContext(): {
+    impactKey: import('solid-js').Accessor<SeverityThreshold | "all">;
+    setImpactKey: import('solid-js').Setter<SeverityThreshold | "all">;
+    filteredIssues: import('solid-js').Accessor<import('../types/types.js').A11yIssue[]>;
+    triggerAllyScan: () => Promise<void>;
+    setConfig: import('solid-js/store').SetStoreFunction<Required<A11yPluginOptions>>;
+    config: Required<A11yPluginOptions>;
+    allyResult: {
+        audit?: A11yAuditResult;
+        state: "init" | "scanning" | "done";
+    };
+};
+export {};

package/dist/esm/core/contexts/allyContext.js

@@ -0,0 +1,66 @@
+import { clearHighlights, highlightAllIssues } from "../utils/ui.utils.js";
+import { filterIssuesAboveThreshold, runAudit } from "../utils/ally-audit.utils.js";
+import { mergeConfig, saveConfig } from "../utils/config.utils.js";
+import { createComponent } from "solid-js/web";
+import { createContext, createEffect, createMemo, createSignal, useContext } from "solid-js";
+import { createStore } from "solid-js/store";
+//#region src/core/contexts/allyContext.tsx
+/** @jsxImportSource solid-js */
+function useAllyValue() {
+	const [config, setConfig] = createStore(mergeConfig());
+	const [allyResult, setAllyResult] = createStore({ state: "init" });
+	const [impactKey, setImpactKey] = createSignal("all");
+	const triggerAllyScan = async () => {
+		setAllyResult("state", "scanning");
+		setAllyResult({
+			audit: await runAudit(config),
+			state: "done"
+		});
+	};
+	const filteredIssues = createMemo(() => {
+		if (allyResult.state !== "done" || !allyResult.audit?.issues) return [];
+		let results = allyResult.audit.issues;
+		results = filterIssuesAboveThreshold(results, config.threshold);
+		if (config.disabledRules.length > 0) results = results.filter((issue) => !config.disabledRules.includes(issue.ruleId));
+		if (impactKey() === "all") return results;
+		return results.filter((val) => val.impact === impactKey());
+	});
+	createEffect(() => {
+		if (config.showOverlays === false) {
+			clearHighlights();
+			return;
+		}
+		if (allyResult.state === "done") highlightAllIssues(filteredIssues());
+	});
+	createEffect(() => {
+		saveConfig(config);
+	});
+	return {
+		impactKey,
+		setImpactKey,
+		filteredIssues,
+		triggerAllyScan,
+		setConfig,
+		config,
+		allyResult
+	};
+}
+var AllyContext = createContext(null);
+var AllyProvider = (props) => {
+	const value = useAllyValue();
+	return createComponent(AllyContext.Provider, {
+		value,
+		get children() {
+			return props.children;
+		}
+	});
+};
+function useAllyContext() {
+	const context = useContext(AllyContext);
+	if (context === null) throw new Error("useAllyContext must be used within an AllyProvider");
+	return context;
+}
+//#endregion
+export { AllyProvider, useAllyContext };
+
+//# sourceMappingURL=allyContext.js.map

package/dist/esm/core/contexts/allyContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"allyContext.js","names":["createContext","createEffect","createMemo","createSignal","useContext","createStore","filterIssuesAboveThreshold","runAudit","mergeConfig","saveConfig","clearHighlights","highlightAllIssues","A11yAuditResult","A11yPluginOptions","SeverityThreshold","ParentComponent","useAllyValue","config","setConfig","Required","allyResult","setAllyResult","audit","state","impactKey","setImpactKey","triggerAllyScan","filteredIssues","issues","results","threshold","disabledRules","length","filter","issue","includes","ruleId","val","impact","showOverlays","ContextType","ReturnType","AllyContext","AllyProviderProps","AllyProvider","props","value","_$createComponent","Provider","children","useAllyContext","context","Error"],"sources":["../../../../src/core/contexts/allyContext.tsx"],"sourcesContent":["/** @jsxImportSource solid-js */\n\nimport {\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  useContext,\n} from 'solid-js'\nimport { createStore } from 'solid-js/store'\nimport { filterIssuesAboveThreshold, runAudit } from '../utils/ally-audit.utils'\nimport { mergeConfig, saveConfig } from '../utils/config.utils'\nimport { clearHighlights, highlightAllIssues } from '../utils/ui.utils'\n\n// types\nimport type {\n  A11yAuditResult,\n  A11yPluginOptions,\n  SeverityThreshold,\n} from '../types/types'\nimport type { ParentComponent } from 'solid-js'\n\n//\n// context state\n//\n\nfunction useAllyValue() {\n  const [config, setConfig] =\n    createStore<Required<A11yPluginOptions>>(mergeConfig())\n\n  const [allyResult, setAllyResult] = createStore<{\n    audit?: A11yAuditResult\n    state: 'init' | 'scanning' | 'done'\n  }>({ state: 'init' })\n\n  const [impactKey, setImpactKey] = createSignal<SeverityThreshold | 'all'>(\n    'all',\n  )\n\n  const triggerAllyScan = async () => {\n    setAllyResult('state', 'scanning')\n    setAllyResult({ audit: await runAudit(config), state: 'done' })\n  }\n\n  const filteredIssues = createMemo(() => {\n    if (allyResult.state !== 'done' || !allyResult.audit?.issues) return []\n    let results = allyResult.audit.issues\n\n    results = filterIssuesAboveThreshold(results, config.threshold)\n\n    // removes excluded rules\n    if (config.disabledRules.length > 0) {\n      results = results.filter(\n        (issue) => !config.disabledRules.includes(issue.ruleId),\n      )\n    }\n\n    // early return if all impacts selected\n    if (impactKey() === 'all') return results\n\n    return results.filter((val) => val.impact === impactKey())\n  })\n\n  createEffect(() => {\n    if (config.showOverlays === false) {\n      clearHighlights()\n      return\n    }\n\n    if (allyResult.state === 'done') highlightAllIssues(filteredIssues())\n  })\n\n  createEffect(() => {\n    saveConfig(config)\n  })\n\n  return {\n    impactKey,\n    setImpactKey,\n\n    filteredIssues,\n\n    triggerAllyScan,\n\n    setConfig,\n    config,\n\n    allyResult,\n  }\n}\n\ntype ContextType = ReturnType<typeof useAllyValue>\n\n//\n// context\n//\n\nconst AllyContext = createContext<ContextType | null>(null)\n\ntype AllyProviderProps = {}\n\nexport const AllyProvider: ParentComponent<AllyProviderProps> = (props) => {\n  const value = useAllyValue()\n\n  return (\n    <AllyContext.Provider value={value}>{props.children}</AllyContext.Provider>\n  )\n}\n\nexport function useAllyContext() {\n  const context = useContext(AllyContext)\n\n  if (context === null) {\n    throw new Error('useAllyContext must be used within an AllyProvider')\n  }\n\n  return context\n}\n"],"mappings":";;;;;;;;AA0BA,SAASgB,eAAe;CACtB,MAAM,CAACC,QAAQC,aACbb,YAAyCG,aAAa,CAAC;CAEzD,MAAM,CAACY,YAAYC,iBAAiBhB,YAGjC,EAAEkB,OAAO,QAAQ,CAAC;CAErB,MAAM,CAACC,WAAWC,gBAAgBtB,aAChC,MACD;CAED,MAAMuB,kBAAkB,YAAY;AAClCL,gBAAc,SAAS,WAAW;AAClCA,gBAAc;GAAEC,OAAO,MAAMf,SAASU,OAAO;GAAEM,OAAO;GAAQ,CAAC;;CAGjE,MAAMI,iBAAiBzB,iBAAiB;AACtC,MAAIkB,WAAWG,UAAU,UAAU,CAACH,WAAWE,OAAOM,OAAQ,QAAO,EAAE;EACvE,IAAIC,UAAUT,WAAWE,MAAMM;AAE/BC,YAAUvB,2BAA2BuB,SAASZ,OAAOa,UAAU;AAG/D,MAAIb,OAAOc,cAAcC,SAAS,EAChCH,WAAUA,QAAQI,QACfC,UAAU,CAACjB,OAAOc,cAAcI,SAASD,MAAME,OAClD,CAAC;AAIH,MAAIZ,WAAW,KAAK,MAAO,QAAOK;AAElC,SAAOA,QAAQI,QAAQI,QAAQA,IAAIC,WAAWd,WAAW,CAAC;GAC1D;AAEFvB,oBAAmB;AACjB,MAAIgB,OAAOsB,iBAAiB,OAAO;AACjC7B,oBAAiB;AACjB;;AAGF,MAAIU,WAAWG,UAAU,OAAQZ,oBAAmBgB,gBAAgB,CAAC;GACrE;AAEF1B,oBAAmB;AACjBQ,aAAWQ,OAAO;GAClB;AAEF,QAAO;EACLO;EACAC;EAEAE;EAEAD;EAEAR;EACAD;EAEAG;EACD;;AASH,IAAMsB,cAAc1C,cAAkC,KAAK;AAI3D,IAAa4C,gBAAoDC,UAAU;CACzE,MAAMC,QAAQ9B,cAAc;AAE5B,QAAA+B,gBACGL,YAAYM,UAAQ;EAAQF;EAAK,IAAAG,WAAA;AAAA,UAAGJ,MAAMI;;EAAQ,CAAA;;AAIvD,SAAgBC,iBAAiB;CAC/B,MAAMC,UAAU/C,WAAWsC,YAAY;AAEvC,KAAIS,YAAY,KACd,OAAM,IAAIC,MAAM,qDAAqD;AAGvE,QAAOD"}

package/dist/esm/core/core.d.ts

@@ -0,0 +1,19 @@
+/** @jsxImportSource solid-js */
+export interface A11yDevtoolsInit {
+}
+declare const A11yDevtoolsCore: new () => {
+    "__#private@#isMounted": boolean;
+    "__#private@#isMounting": boolean;
+    "__#private@#abortMount": boolean;
+    "__#private@#dispose"?: () => void;
+    mount<T extends HTMLElement>(el: T, props: import('@tanstack/devtools').TanStackDevtoolsPluginProps): Promise<void>;
+    unmount(): void;
+}, A11yDevtoolsCoreNoOp: new () => {
+    mount<T extends HTMLElement>(_el: T, _props: import('@tanstack/devtools').TanStackDevtoolsPluginProps): Promise<void>;
+    unmount(): void;
+    "__#private@#isMounted": boolean;
+    "__#private@#isMounting": boolean;
+    "__#private@#abortMount": boolean;
+    "__#private@#dispose"?: () => void;
+};
+export { A11yDevtoolsCore, A11yDevtoolsCoreNoOp };

package/dist/esm/core/core.js

@@ -0,0 +1,8 @@
+import { constructCoreClass } from "@tanstack/devtools-utils/solid";
+//#region src/core/core.tsx
+/** @jsxImportSource solid-js */
+var [A11yDevtoolsCore, A11yDevtoolsCoreNoOp] = constructCoreClass(() => import("./components/index.js"));
+//#endregion
+export { A11yDevtoolsCore, A11yDevtoolsCoreNoOp };
+
+//# sourceMappingURL=core.js.map

package/dist/esm/core/core.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.js","names":["constructCoreClass","A11yDevtoolsInit","A11yDevtoolsCore","A11yDevtoolsCoreNoOp"],"sources":["../../../src/core/core.tsx"],"sourcesContent":["/** @jsxImportSource solid-js */\n\nimport { constructCoreClass } from '@tanstack/devtools-utils/solid'\n\nexport interface A11yDevtoolsInit {}\n\nconst [A11yDevtoolsCore, A11yDevtoolsCoreNoOp] = constructCoreClass(\n  () => import('./components'),\n)\n\nexport { A11yDevtoolsCore, A11yDevtoolsCoreNoOp }\n"],"mappings":";;;AAMA,IAAM,CAACE,kBAAkBC,wBAAwBH,yBACzC,OAAO,yBACd"}

package/dist/esm/core/index.d.ts

@@ -0,0 +1,9 @@
+export declare const A11yDevtoolsCore: new () => {
+    "__#private@#isMounted": boolean;
+    "__#private@#isMounting": boolean;
+    "__#private@#abortMount": boolean;
+    "__#private@#dispose"?: () => void;
+    mount<T extends HTMLElement>(el: T, props: import('@tanstack/devtools').TanStackDevtoolsPluginProps): Promise<void>;
+    unmount(): void;
+};
+export type { A11yDevtoolsInit } from './core.js';

package/dist/esm/core/index.js

@@ -0,0 +1,9 @@
+"use client";
+"use client";
+import { A11yDevtoolsCore as A11yDevtoolsCore$1, A11yDevtoolsCoreNoOp } from "./core.js";
+//#region src/core/index.ts
+var A11yDevtoolsCore = process.env.NODE_ENV !== "development" ? A11yDevtoolsCoreNoOp : A11yDevtoolsCore$1;
+//#endregion
+export { A11yDevtoolsCore };
+
+//# sourceMappingURL=index.js.map

package/dist/esm/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/core/index.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './core'\n\nexport const A11yDevtoolsCore =\n  process.env.NODE_ENV !== 'development'\n    ? Devtools.A11yDevtoolsCoreNoOp\n    : Devtools.A11yDevtoolsCore\n\nexport type { A11yDevtoolsInit } from './core'\n"],"mappings":";;;;AAIA,IAAA,mBAAA,QAAA,IAAA,aAAA,gBAAA,uBAAA"}

package/dist/esm/core/production.d.ts

@@ -0,0 +1,2 @@
+export { A11yDevtoolsCore } from './core.js';
+export type { A11yDevtoolsInit } from './core.js';

package/dist/esm/core/production.js

@@ -0,0 +1,4 @@
+"use client";
+"use client";
+import { A11yDevtoolsCore } from "./core.js";
+export { A11yDevtoolsCore };

package/dist/esm/core/styles/styles.d.ts

@@ -0,0 +1,85 @@
+import { TanStackDevtoolsTheme } from '@tanstack/devtools-ui';
+import { RuleCategory, SeverityThreshold } from '../types/types.js';
+export declare const CATEGORY_LABELS: Record<RuleCategory, string>;
+export declare const CATEGORIES: Array<RuleCategory>;
+export declare function useStyles(): import('solid-js').Accessor<{
+    colors: {
+        bg: string;
+        fg: string;
+        border: string;
+        muted: string;
+        muted2: string;
+        theme: TanStackDevtoolsTheme;
+    };
+    root: string;
+    header: string;
+    headerTitleRow: string;
+    headerTitle: string;
+    headerSub: string;
+    headerActions: string;
+    primaryButton: string;
+    primaryButtonDisabled: string;
+    button: string;
+    buttonRow: string;
+    toggleOverlay: string;
+    toggleOverlayOn: string;
+    statusBar: string;
+    statusSpacer: string;
+    smallLinkButton: string;
+    content: string;
+    emptyState: string;
+    emptyPrimary: string;
+    emptySecondary: string;
+    successState: string;
+    successTitle: string;
+    successSub: string;
+    summaryGrid: string;
+    summaryButton: string;
+    summaryButtonActive: (impact: SeverityThreshold) => string;
+    summaryCount: (impact: SeverityThreshold) => string;
+    summaryLabel: string;
+    section: string;
+    sectionTitle: (impact: SeverityThreshold) => string;
+    issueCard: string;
+    issueCardSelected: string;
+    issueRow: string;
+    issueMain: string;
+    issueTitleRow: string;
+    dot: (impact: SeverityThreshold) => string;
+    issueMessage: string;
+    selector: string;
+    issueAside: string;
+    helpLink: string;
+    disableRule: string;
+    tags: string;
+    tag: string;
+    settingsOverlay: string;
+    settingsHeader: string;
+    settingsTitle: string;
+    doneButton: string;
+    settingsContent: string;
+    settingsSection: string;
+    settingsRowStack: string;
+    settingsSectionLabel: string;
+    settingsRow: string;
+    settingsRowTitle: string;
+    settingsRowDesc: string;
+    select: string;
+    rulesHeaderRow: string;
+    rulesHeaderActions: string;
+    filtersRow: string;
+    search: string;
+    rulesList: string;
+    ruleRow: string;
+    ruleRowDisabled: string;
+    ruleRowBorder: string;
+    ruleCheckbox: string;
+    ruleInfo: string;
+    ruleTop: string;
+    ruleId: string;
+    ruleIdDisabled: string;
+    bpBadge: string;
+    ruleDesc: string;
+    catTagRow: string;
+    catTag: string;
+}>;