fix(a11y): extract theme and fix pnpm overides (#392)

Author: harry-whorlow

.changeset/fuzzy-mice-hunt.md

@@ -0,0 +1,5 @@
+---
+'@tanstack/devtools-a11y': patch
+---
+
+Extract theme provider and fix pnpm overrides

examples/react/a11y-devtools/package.json

@@ -9,7 +9,7 @@
     "test:types": "tsc"
   },
   "dependencies": {
-    "@tanstack/devtools-a11y": "workspace:*",
+    "@tanstack/devtools-a11y": "^0.1.1",
     "@tanstack/react-devtools": "^0.10.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0"

package.json

@@ -84,6 +84,7 @@
   },
   "overrides": {
     "@tanstack/devtools": "workspace:*",
+    "@tanstack/devtools-a11y": "workspace:*",
     "@tanstack/react-devtools": "workspace:*",
     "@tanstack/preact-devtools": "workspace:*",
     "@tanstack/solid-devtools": "workspace:*",

packages/devtools-a11y/src/core/components/index.tsx

@@ -1,12 +1,20 @@
 /** @jsxImportSource solid-js */
-
+import { ThemeContextProvider } from '@tanstack/devtools-ui'
 import { AllyProvider } from '../contexts/allyContext'
 import { Shell } from './Shell'
 
-export default function Devtools() {
+import type { TanStackDevtoolsTheme } from '@tanstack/devtools-ui'
+
+interface DevtoolsProps {
+  theme: TanStackDevtoolsTheme
+}
+
+export default function Devtools(props: DevtoolsProps) {
   return (
-    <AllyProvider>
-      <Shell />
-    </AllyProvider>
+    <ThemeContextProvider theme={props.theme}>
+      <AllyProvider>
+        <Shell />
+      </AllyProvider>
+    </ThemeContextProvider>
   )
 }