@kbach/react 0.5.58 → 0.5.60

package/dist/{chunk-F5NQX5YO.mjs → chunk-2MVCYYH5.mjs}

@@ -7,7 +7,7 @@ import {
   isNative,
   isWeb,
   subscribeGlobalWidth
-} from "./chunk-2HWRNTJG.mjs";
+} from "./chunk-NP4FVE77.mjs";
 
 // src/core/darkModeStore.ts
 var KEY = "__kbach_dark_store__";

package/dist/{chunk-EMSB47ES.mjs → chunk-LU2QNVYU.mjs}

@@ -6,7 +6,7 @@ import {
   transformToWebProps,
   useConditionalWidth,
   useGlobalDarkMode
-} from "./chunk-F5NQX5YO.mjs";
+} from "./chunk-2MVCYYH5.mjs";
 import {
   flatten,
   getActiveBreakpoints,
@@ -22,7 +22,7 @@ import {
   normalizeClassString,
   onConfigChange,
   resolve
-} from "./chunk-2HWRNTJG.mjs";
+} from "./chunk-NP4FVE77.mjs";
 
 // src/jsx-runtime.tsx
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -90,7 +90,12 @@ var _lastFontVersion = -1;
 function _invalidateDefaultFontCache() {
   _defaultFontVersion++;
 }
-onConfigChange(_invalidateDefaultFontCache);
+{
+  const _KEY = "__kbach_font_cache_unsub__";
+  const g = globalThis;
+  if (g[_KEY]) g[_KEY]();
+  g[_KEY] = onConfigChange(_invalidateDefaultFontCache);
+}
 function getCachedDefaultFont() {
   if (_lastFontVersion !== _defaultFontVersion) {
     _cachedDefaultFont = getDefaultFontFamily();
@@ -182,6 +187,14 @@ function processElement(type, rawProps, key, isStaticChildren) {
       ...userStyle2 !== void 0 ? { style: userStyle2 } : {}
     }, key);
   }
+  if (classStr && !__kbachStyles && /^(__[^\s]+\s*)+$/.test(classStr.trim())) {
+    const { style: userStyle2, ...passProps2 } = omitConsumed(workingProps);
+    return makeElement(isStaticChildren, effectiveType, {
+      ...passProps2,
+      className: classStr,
+      ...userStyle2 !== void 0 ? { style: userStyle2 } : {}
+    }, key);
+  }
   if (!classStr && !__kbachStyles) {
     if (isWeb) return makeElement(isStaticChildren, effectiveType, omitConsumed(workingProps), key);
     const defaultFont = getCachedDefaultFont();

package/dist/{chunk-2HWRNTJG.mjs → chunk-NP4FVE77.mjs}

@@ -2856,7 +2856,7 @@ function resolve(classString, theme, darkMode = "attribute") {
   for (const parsed of parseClasses(classString)) {
     const styles = resolveUtility(parsed, theme);
     if (!styles) {
-      if (process.env.NODE_ENV !== "production" && !parsed.isArbitrary && !isKnownUtility(parsed.utility)) {
+      if (process.env.NODE_ENV !== "production" && !parsed.isArbitrary && !isKnownUtility(parsed.utility) && !parsed.original.startsWith("__")) {
         console.warn(`[kbach] Unknown utility "${parsed.utility}" in class "${parsed.original}"`);
       }
       continue;

package/dist/index.js

@@ -2984,7 +2984,7 @@ function resolve(classString, theme, darkMode = "attribute") {
   for (const parsed of parseClasses(classString)) {
     const styles = resolveUtility(parsed, theme);
     if (!styles) {
-      if (process.env.NODE_ENV !== "production" && !parsed.isArbitrary && !isKnownUtility(parsed.utility)) {
+      if (process.env.NODE_ENV !== "production" && !parsed.isArbitrary && !isKnownUtility(parsed.utility) && !parsed.original.startsWith("__")) {
         console.warn(`[kbach] Unknown utility "${parsed.utility}" in class "${parsed.original}"`);
       }
       continue;
@@ -3400,8 +3400,14 @@ function ThemeProvider({
   }, [configOverride]);
   (0, import_react3.useEffect)(() => {
     if (configOverride) return;
-    const unsub = onConfigChange(setResolvedConfig);
-    return unsub;
+    let mounted = true;
+    const unsub = onConfigChange((config) => {
+      if (mounted) setResolvedConfig(config);
+    });
+    return () => {
+      mounted = false;
+      unsub();
+    };
   }, [configOverride]);
   const contextValue = (0, import_react3.useMemo)(
     () => ({ mode, resolvedMode, isDark, setMode, toggle, config: resolvedConfig }),

package/dist/index.mjs

@@ -11,7 +11,7 @@ import {
   useConditionalWidth,
   useGlobalDarkMode,
   useGlobalWidth
-} from "./chunk-F5NQX5YO.mjs";
+} from "./chunk-2MVCYYH5.mjs";
 import {
   __require,
   buildConfig,
@@ -33,7 +33,7 @@ import {
   syncGlobalScreens,
   syncGlobalWidth,
   updateConfig
-} from "./chunk-2HWRNTJG.mjs";
+} from "./chunk-NP4FVE77.mjs";
 
 // src/context.tsx
 import { createContext, useContext } from "react";
@@ -254,8 +254,14 @@ function ThemeProvider({
   }, [configOverride]);
   useEffect(() => {
     if (configOverride) return;
-    const unsub = onConfigChange(setResolvedConfig);
-    return unsub;
+    let mounted = true;
+    const unsub = onConfigChange((config) => {
+      if (mounted) setResolvedConfig(config);
+    });
+    return () => {
+      mounted = false;
+      unsub();
+    };
   }, [configOverride]);
   const contextValue = useMemo2(
     () => ({ mode, resolvedMode, isDark, setMode, toggle, config: resolvedConfig }),

package/dist/jsx-dev-runtime.js

@@ -2862,7 +2862,7 @@ function resolve(classString, theme, darkMode = "attribute") {
   for (const parsed of parseClasses(classString)) {
     const styles = resolveUtility(parsed, theme);
     if (!styles) {
-      if (process.env.NODE_ENV !== "production" && !parsed.isArbitrary && !isKnownUtility(parsed.utility)) {
+      if (process.env.NODE_ENV !== "production" && !parsed.isArbitrary && !isKnownUtility(parsed.utility) && !parsed.original.startsWith("__")) {
         console.warn(`[kbach] Unknown utility "${parsed.utility}" in class "${parsed.original}"`);
       }
       continue;
@@ -3631,7 +3631,12 @@ var _lastFontVersion = -1;
 function _invalidateDefaultFontCache() {
   _defaultFontVersion++;
 }
-onConfigChange(_invalidateDefaultFontCache);
+{
+  const _KEY = "__kbach_font_cache_unsub__";
+  const g = globalThis;
+  if (g[_KEY]) g[_KEY]();
+  g[_KEY] = onConfigChange(_invalidateDefaultFontCache);
+}
 function getCachedDefaultFont() {
   if (_lastFontVersion !== _defaultFontVersion) {
     _cachedDefaultFont = getDefaultFontFamily();
@@ -3723,6 +3728,14 @@ function processElement(type, rawProps, key, isStaticChildren) {
       ...userStyle2 !== void 0 ? { style: userStyle2 } : {}
     }, key);
   }
+  if (classStr && !__kbachStyles && /^(__[^\s]+\s*)+$/.test(classStr.trim())) {
+    const { style: userStyle2, ...passProps2 } = omitConsumed(workingProps);
+    return makeElement(isStaticChildren, effectiveType, {
+      ...passProps2,
+      className: classStr,
+      ...userStyle2 !== void 0 ? { style: userStyle2 } : {}
+    }, key);
+  }
   if (!classStr && !__kbachStyles) {
     if (isWeb) return makeElement(isStaticChildren, effectiveType, omitConsumed(workingProps), key);
     const defaultFont = getCachedDefaultFont();

package/dist/jsx-dev-runtime.mjs

@@ -2,9 +2,9 @@ import {
   Fragment,
   jsx,
   jsxs
-} from "./chunk-EMSB47ES.mjs";
-import "./chunk-F5NQX5YO.mjs";
-import "./chunk-2HWRNTJG.mjs";
+} from "./chunk-LU2QNVYU.mjs";
+import "./chunk-2MVCYYH5.mjs";
+import "./chunk-NP4FVE77.mjs";
 
 // src/jsx-dev-runtime.tsx
 function jsxDEV(type, props, key, isStaticChildren, source, self) {

package/dist/jsx-runtime.js

@@ -2863,7 +2863,7 @@ function resolve(classString, theme, darkMode = "attribute") {
   for (const parsed of parseClasses(classString)) {
     const styles = resolveUtility(parsed, theme);
     if (!styles) {
-      if (process.env.NODE_ENV !== "production" && !parsed.isArbitrary && !isKnownUtility(parsed.utility)) {
+      if (process.env.NODE_ENV !== "production" && !parsed.isArbitrary && !isKnownUtility(parsed.utility) && !parsed.original.startsWith("__")) {
         console.warn(`[kbach] Unknown utility "${parsed.utility}" in class "${parsed.original}"`);
       }
       continue;
@@ -3637,7 +3637,12 @@ var _lastFontVersion = -1;
 function _invalidateDefaultFontCache() {
   _defaultFontVersion++;
 }
-onConfigChange(_invalidateDefaultFontCache);
+{
+  const _KEY = "__kbach_font_cache_unsub__";
+  const g = globalThis;
+  if (g[_KEY]) g[_KEY]();
+  g[_KEY] = onConfigChange(_invalidateDefaultFontCache);
+}
 function getCachedDefaultFont() {
   if (_lastFontVersion !== _defaultFontVersion) {
     _cachedDefaultFont = getDefaultFontFamily();
@@ -3729,6 +3734,14 @@ function processElement(type, rawProps, key, isStaticChildren) {
       ...userStyle2 !== void 0 ? { style: userStyle2 } : {}
     }, key);
   }
+  if (classStr && !__kbachStyles && /^(__[^\s]+\s*)+$/.test(classStr.trim())) {
+    const { style: userStyle2, ...passProps2 } = omitConsumed(workingProps);
+    return makeElement(isStaticChildren, effectiveType, {
+      ...passProps2,
+      className: classStr,
+      ...userStyle2 !== void 0 ? { style: userStyle2 } : {}
+    }, key);
+  }
   if (!classStr && !__kbachStyles) {
     if (isWeb) return makeElement(isStaticChildren, effectiveType, omitConsumed(workingProps), key);
     const defaultFont = getCachedDefaultFont();

package/dist/jsx-runtime.mjs

@@ -3,11 +3,11 @@ import {
   _invalidateDefaultFontCache,
   jsx,
   jsxs
-} from "./chunk-EMSB47ES.mjs";
+} from "./chunk-LU2QNVYU.mjs";
 import {
   registerWebElement
-} from "./chunk-F5NQX5YO.mjs";
-import "./chunk-2HWRNTJG.mjs";
+} from "./chunk-2MVCYYH5.mjs";
+import "./chunk-NP4FVE77.mjs";
 export {
   Fragment,
   _invalidateDefaultFontCache,

package/dist/vite-plugin.mjs

@@ -4,7 +4,7 @@ import {
   generateClassCSS,
   setCSSGenMode,
   splitClassTokens
-} from "./chunk-2HWRNTJG.mjs";
+} from "./chunk-NP4FVE77.mjs";
 
 // src/vite-plugin.ts
 import { readFileSync, writeFileSync, readdirSync, statSync } from "fs";

package/package.json

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