feat: add Zustand store for selector-based config subscriptions

Adds Zustand-based config store to enable granular re-renders when
config values change. Components can now use useConfigSelector() to
subscribe to specific config properties instead of re-rendering on
any config change.

- Add zustand as dev and peer dependency
- Create configStore.ts with useConfigSelector/useConfigValue hooks
- Integrate Zustand store into ConfigProvider
- Add legacy bridge (updateLegacyStore) for setConfig() compatibility
- Support multiple WormholeConnect instances with isolated state
- Add comprehensive tests for store and context integration

Author: DBosley

package-lock.json

@@ -188,7 +188,8 @@
     "vite-plugin-checker": "^0.10.3",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-node-polyfills": "^0.24.0",
-    "vitest": "^3.2.4"
+    "vitest": "^3.2.4",
+    "zustand": "^5.0.9"
   },
   "peerDependencies": {
     "@emotion/react": "^11.14.0",
@@ -200,7 +201,8 @@
     "@types/react": ">=18.0.0",
     "lucide-react": "^0.554.0",
     "react": ">=18.0.0",
-    "react-dom": ">=18.0.0"
+    "react-dom": ">=18.0.0",
+    "zustand": "^5.0.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package.json

@@ -29,6 +29,7 @@ import RouteOperator from 'routes/operator';
 import { CHAIN_ORDER } from './constants';
 import { createUiConfig } from './ui';
 import { buildTokenCache } from './tokens';
+import { updateLegacyStore } from '../store/configStore';
 
 export function buildConfig(
   customConfig: WormholeConnectConfig = {},
@@ -272,6 +273,11 @@ export function setConfig(customConfig: WormholeConnectConfig = {}) {
     /* @ts-ignore */
     config[key] = newConfig[key];
   }
+
+  // Sync to Zustand store for components using selector-based hooks
+  // This updates the active ConfigProvider's store (if one is mounted)
+  updateLegacyStore(config);
+
   if (typeof window !== 'undefined') {
     /* @ts-ignore */
     window._connectConfig = config;