@kbach/react 0.2.1 → 0.2.2

package/dist/{chunk-7SN3LQKS.mjs → chunk-23GRUDYB.mjs}

@@ -5,7 +5,7 @@ import {
   isWeb,
   resolve,
   useGlobalDarkMode
-} from "./chunk-MXJINF4T.mjs";
+} from "./chunk-IYY3U6L2.mjs";
 
 // src/jsx-runtime.tsx
 import { jsx as _jsx, jsxs as _jsxs, Fragment } from "react/jsx-runtime";

package/dist/{chunk-MXJINF4T.mjs → chunk-IYY3U6L2.mjs}

@@ -1872,11 +1872,19 @@ function deepMerge(base, override) {
   }
   return result;
 }
-var _resolved = null;
+var CONFIG_KEY = "__kbach_config_store__";
+function getConfigStore() {
+  const g = globalThis;
+  if (!g[CONFIG_KEY]) {
+    g[CONFIG_KEY] = { resolved: null, listeners: /* @__PURE__ */ new Set(), customVariants: {} };
+  }
+  return g[CONFIG_KEY];
+}
 function getConfig() {
-  if (_resolved) return _resolved;
-  _resolved = buildConfig({});
-  return _resolved;
+  const store = getConfigStore();
+  if (store.resolved) return store.resolved;
+  store.resolved = buildConfig({});
+  return store.resolved;
 }
 function buildConfig(userConfig) {
   let theme = { ...defaultTheme };
@@ -1930,38 +1938,65 @@ function makePluginAPI(theme) {
     }
   };
 }
-var customVariants = {};
-var listeners = /* @__PURE__ */ new Set();
 function onConfigChange(listener) {
-  listeners.add(listener);
-  return () => listeners.delete(listener);
+  const store = getConfigStore();
+  store.listeners.add(listener);
+  return () => store.listeners.delete(listener);
 }
 function updateConfig(userConfig) {
-  _resolved = buildConfig(userConfig);
-  for (const listener of listeners) {
-    listener(_resolved);
+  const store = getConfigStore();
+  store.resolved = buildConfig(userConfig);
+  for (const listener of store.listeners) {
+    listener(store.resolved);
   }
 }
+var customVariants = new Proxy(
+  {},
+  {
+    get(_t, p) {
+      return typeof p === "string" ? getConfigStore().customVariants[p] : void 0;
+    },
+    set(_t, p, v) {
+      if (typeof p === "string") getConfigStore().customVariants[p] = v;
+      return true;
+    },
+    ownKeys() {
+      return Object.keys(getConfigStore().customVariants);
+    },
+    getOwnPropertyDescriptor(_t, p) {
+      if (typeof p !== "string") return void 0;
+      const v = getConfigStore().customVariants[p];
+      return v !== void 0 ? { value: v, writable: true, enumerable: true, configurable: true } : void 0;
+    }
+  }
+);
 
 // src/core/darkModeStore.ts
-var _isDark = false;
-var _lastNotified = false;
-var _subscribers = /* @__PURE__ */ new Set();
+var KEY = "__kbach_dark_store__";
+function getStore() {
+  const g = globalThis;
+  if (!g[KEY]) {
+    g[KEY] = { isDark: false, lastNotified: false, subscribers: /* @__PURE__ */ new Set() };
+  }
+  return g[KEY];
+}
 function syncGlobalDarkMode(isDark) {
-  _isDark = isDark;
+  getStore().isDark = isDark;
 }
 function setGlobalDarkMode(isDark) {
-  _isDark = isDark;
-  if (_lastNotified === isDark) return;
-  _lastNotified = isDark;
-  for (const sub of _subscribers) sub();
+  const store = getStore();
+  store.isDark = isDark;
+  if (store.lastNotified === isDark) return;
+  store.lastNotified = isDark;
+  for (const sub of store.subscribers) sub();
 }
 function getGlobalDarkMode() {
-  return _isDark;
+  return getStore().isDark;
 }
 function subscribeGlobalDarkMode(callback) {
-  _subscribers.add(callback);
-  return () => _subscribers.delete(callback);
+  const store = getStore();
+  store.subscribers.add(callback);
+  return () => store.subscribers.delete(callback);
 }
 
 // src/useGlobalDarkMode.ts

package/dist/index.js

@@ -1936,11 +1936,19 @@ function deepMerge(base, override) {
   }
   return result;
 }
-var _resolved = null;
+var CONFIG_KEY = "__kbach_config_store__";
+function getConfigStore() {
+  const g = globalThis;
+  if (!g[CONFIG_KEY]) {
+    g[CONFIG_KEY] = { resolved: null, listeners: /* @__PURE__ */ new Set(), customVariants: {} };
+  }
+  return g[CONFIG_KEY];
+}
 function getConfig() {
-  if (_resolved) return _resolved;
-  _resolved = buildConfig({});
-  return _resolved;
+  const store = getConfigStore();
+  if (store.resolved) return store.resolved;
+  store.resolved = buildConfig({});
+  return store.resolved;
 }
 function buildConfig(userConfig) {
   let theme = { ...defaultTheme };
@@ -1994,38 +2002,65 @@ function makePluginAPI(theme) {
     }
   };
 }
-var customVariants = {};
-var listeners = /* @__PURE__ */ new Set();
 function onConfigChange(listener) {
-  listeners.add(listener);
-  return () => listeners.delete(listener);
+  const store = getConfigStore();
+  store.listeners.add(listener);
+  return () => store.listeners.delete(listener);
 }
 function updateConfig(userConfig) {
-  _resolved = buildConfig(userConfig);
-  for (const listener of listeners) {
-    listener(_resolved);
+  const store = getConfigStore();
+  store.resolved = buildConfig(userConfig);
+  for (const listener of store.listeners) {
+    listener(store.resolved);
   }
 }
+var customVariants = new Proxy(
+  {},
+  {
+    get(_t, p) {
+      return typeof p === "string" ? getConfigStore().customVariants[p] : void 0;
+    },
+    set(_t, p, v) {
+      if (typeof p === "string") getConfigStore().customVariants[p] = v;
+      return true;
+    },
+    ownKeys() {
+      return Object.keys(getConfigStore().customVariants);
+    },
+    getOwnPropertyDescriptor(_t, p) {
+      if (typeof p !== "string") return void 0;
+      const v = getConfigStore().customVariants[p];
+      return v !== void 0 ? { value: v, writable: true, enumerable: true, configurable: true } : void 0;
+    }
+  }
+);
 
 // src/core/darkModeStore.ts
-var _isDark = false;
-var _lastNotified = false;
-var _subscribers = /* @__PURE__ */ new Set();
+var KEY = "__kbach_dark_store__";
+function getStore() {
+  const g = globalThis;
+  if (!g[KEY]) {
+    g[KEY] = { isDark: false, lastNotified: false, subscribers: /* @__PURE__ */ new Set() };
+  }
+  return g[KEY];
+}
 function syncGlobalDarkMode(isDark) {
-  _isDark = isDark;
+  getStore().isDark = isDark;
 }
 function setGlobalDarkMode(isDark) {
-  _isDark = isDark;
-  if (_lastNotified === isDark) return;
-  _lastNotified = isDark;
-  for (const sub of _subscribers) sub();
+  const store = getStore();
+  store.isDark = isDark;
+  if (store.lastNotified === isDark) return;
+  store.lastNotified = isDark;
+  for (const sub of store.subscribers) sub();
 }
 function getGlobalDarkMode() {
-  return _isDark;
+  return getStore().isDark;
 }
 function subscribeGlobalDarkMode(callback) {
-  _subscribers.add(callback);
-  return () => _subscribers.delete(callback);
+  const store = getStore();
+  store.subscribers.add(callback);
+  return () => store.subscribers.delete(callback);
 }
 
 // src/ThemeProvider.tsx

package/dist/index.mjs

@@ -15,7 +15,7 @@ import {
   syncGlobalDarkMode,
   updateConfig,
   useGlobalDarkMode
-} from "./chunk-MXJINF4T.mjs";
+} from "./chunk-IYY3U6L2.mjs";
 
 // src/context.tsx
 import { createContext, useContext } from "react";

package/dist/jsx-dev-runtime.js

@@ -1905,11 +1905,19 @@ function deepMerge(base, override) {
   }
   return result;
 }
-var _resolved = null;
+var CONFIG_KEY = "__kbach_config_store__";
+function getConfigStore() {
+  const g = globalThis;
+  if (!g[CONFIG_KEY]) {
+    g[CONFIG_KEY] = { resolved: null, listeners: /* @__PURE__ */ new Set(), customVariants: {} };
+  }
+  return g[CONFIG_KEY];
+}
 function getConfig() {
-  if (_resolved) return _resolved;
-  _resolved = buildConfig({});
-  return _resolved;
+  const store = getConfigStore();
+  if (store.resolved) return store.resolved;
+  store.resolved = buildConfig({});
+  return store.resolved;
 }
 function buildConfig(userConfig) {
   let theme = { ...defaultTheme };
@@ -1963,17 +1971,43 @@ function makePluginAPI(theme) {
     }
   };
 }
-var customVariants = {};
+var customVariants = new Proxy(
+  {},
+  {
+    get(_t, p) {
+      return typeof p === "string" ? getConfigStore().customVariants[p] : void 0;
+    },
+    set(_t, p, v) {
+      if (typeof p === "string") getConfigStore().customVariants[p] = v;
+      return true;
+    },
+    ownKeys() {
+      return Object.keys(getConfigStore().customVariants);
+    },
+    getOwnPropertyDescriptor(_t, p) {
+      if (typeof p !== "string") return void 0;
+      const v = getConfigStore().customVariants[p];
+      return v !== void 0 ? { value: v, writable: true, enumerable: true, configurable: true } : void 0;
+    }
+  }
+);
 
 // src/core/darkModeStore.ts
-var _isDark = false;
-var _subscribers = /* @__PURE__ */ new Set();
+var KEY = "__kbach_dark_store__";
+function getStore() {
+  const g = globalThis;
+  if (!g[KEY]) {
+    g[KEY] = { isDark: false, lastNotified: false, subscribers: /* @__PURE__ */ new Set() };
+  }
+  return g[KEY];
+}
 function getGlobalDarkMode() {
-  return _isDark;
+  return getStore().isDark;
 }
 function subscribeGlobalDarkMode(callback) {
-  _subscribers.add(callback);
-  return () => _subscribers.delete(callback);
+  const store = getStore();
+  store.subscribers.add(callback);
+  return () => store.subscribers.delete(callback);
 }
 
 // src/InteractiveWrapper.tsx

package/dist/jsx-dev-runtime.mjs

@@ -2,8 +2,8 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-7SN3LQKS.mjs";
-import "./chunk-MXJINF4T.mjs";
+} from "./chunk-23GRUDYB.mjs";
+import "./chunk-IYY3U6L2.mjs";
 
 // src/jsx-dev-runtime.tsx
 function jsxDEV(type, props, key, isStaticChildren, _source, _self) {

package/dist/jsx-runtime.js

@@ -1904,11 +1904,19 @@ function deepMerge(base, override) {
   }
   return result;
 }
-var _resolved = null;
+var CONFIG_KEY = "__kbach_config_store__";
+function getConfigStore() {
+  const g = globalThis;
+  if (!g[CONFIG_KEY]) {
+    g[CONFIG_KEY] = { resolved: null, listeners: /* @__PURE__ */ new Set(), customVariants: {} };
+  }
+  return g[CONFIG_KEY];
+}
 function getConfig() {
-  if (_resolved) return _resolved;
-  _resolved = buildConfig({});
-  return _resolved;
+  const store = getConfigStore();
+  if (store.resolved) return store.resolved;
+  store.resolved = buildConfig({});
+  return store.resolved;
 }
 function buildConfig(userConfig) {
   let theme = { ...defaultTheme };
@@ -1962,17 +1970,43 @@ function makePluginAPI(theme) {
     }
   };
 }
-var customVariants = {};
+var customVariants = new Proxy(
+  {},
+  {
+    get(_t, p) {
+      return typeof p === "string" ? getConfigStore().customVariants[p] : void 0;
+    },
+    set(_t, p, v) {
+      if (typeof p === "string") getConfigStore().customVariants[p] = v;
+      return true;
+    },
+    ownKeys() {
+      return Object.keys(getConfigStore().customVariants);
+    },
+    getOwnPropertyDescriptor(_t, p) {
+      if (typeof p !== "string") return void 0;
+      const v = getConfigStore().customVariants[p];
+      return v !== void 0 ? { value: v, writable: true, enumerable: true, configurable: true } : void 0;
+    }
+  }
+);
 
 // src/core/darkModeStore.ts
-var _isDark = false;
-var _subscribers = /* @__PURE__ */ new Set();
+var KEY = "__kbach_dark_store__";
+function getStore() {
+  const g = globalThis;
+  if (!g[KEY]) {
+    g[KEY] = { isDark: false, lastNotified: false, subscribers: /* @__PURE__ */ new Set() };
+  }
+  return g[KEY];
+}
 function getGlobalDarkMode() {
-  return _isDark;
+  return getStore().isDark;
 }
 function subscribeGlobalDarkMode(callback) {
-  _subscribers.add(callback);
-  return () => _subscribers.delete(callback);
+  const store = getStore();
+  store.subscribers.add(callback);
+  return () => store.subscribers.delete(callback);
 }
 
 // src/InteractiveWrapper.tsx

package/dist/jsx-runtime.mjs

@@ -2,8 +2,8 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-7SN3LQKS.mjs";
-import "./chunk-MXJINF4T.mjs";
+} from "./chunk-23GRUDYB.mjs";
+import "./chunk-IYY3U6L2.mjs";
 export {
   Fragment,
   jsx,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kbach/react",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "React / React Native components and hooks for the Kbach framework",
   "source": "./src/index.ts",
   "main": "./dist/index.js",