@kbach/react-native 1.0.0-beta.29 → 1.0.0-beta.30

package/dist/index.web.mjs

@@ -10,13 +10,13 @@ import {
   subscribeDynamicTokens,
   subscribeGlobalDarkMode,
   toggleGlobalDarkMode
-} from "./chunk-2RXP6YSV.mjs";
+} from "./chunk-LOTFFRZP.mjs";
 import {
   defaultTheme,
   getTheme,
   resolveClassName,
   setTheme
-} from "./chunk-B36TKRB6.mjs";
+} from "./chunk-DDNGWPS4.mjs";
 
 // src/config.ts
 function parseHexRgb(hex) {
@@ -108,7 +108,7 @@ function ThemeProvider({ children, defaultMode = "system", persist = false }) {
     if (mountedProviderCount > 1 && !warnedMultipleProviders) {
       warnedMultipleProviders = true;
       console.warn(
-        "[kbach] Multiple <ThemeProvider> instances are mounted at once. Dark-mode state is one global store useTheme() reads everywhere, not scoped per-provider, so their defaultMode seeds will fight over the same state."
+        "[Kbach] Multiple <ThemeProvider> instances are mounted at once.\nDark mode is one global store \u2014 useTheme() reads it everywhere, not scoped per provider \u2014 so their defaultMode/persist seeds will fight over the same state.\nMount exactly one <ThemeProvider>, as high in the tree as convenient."
       );
     }
     return () => {

package/dist/jsx-dev-runtime.js

@@ -1636,11 +1636,11 @@ function resolveNative(parsed, theme) {
     case "backface-hidden":
       return [decl("backface-visibility", "hidden")];
     case "translate-x": {
-      const v = resolveNegatableLength(theme, parsed);
+      const v = resolveNegatableSize(theme, parsed);
       return v === null ? null : [decl("transform-op-translate-x", v)];
     }
     case "translate-y": {
-      const v = resolveNegatableLength(theme, parsed);
+      const v = resolveNegatableSize(theme, parsed);
       return v === null ? null : [decl("transform-op-translate-y", v)];
     }
     case "scale": {
@@ -1891,7 +1891,9 @@ function rnStyleValue(property, value) {
   if (reduced !== null) {
     return { value: reduced, warning: null };
   }
-  const warning = `Kbach: "${value}" is not a valid native value for "${property}" \u2014 dropped. calc()/clamp()/min()/max() only resolve on native when every operand is a constant px/rem length (no %, vw, vh, var(), or other viewport/CSS-variable units \u2014 those need real layout/DOM, which doesn't exist on native at paint time). Use a plain px/rem calc, a fraction utility (e.g. w-1/2), or resolve this value in JS instead.`;
+  const warning = `[Kbach] "${value}" isn't a valid native value for "${property}" \u2014 dropped.
+calc()/min()/max()/clamp() only resolve on native when every operand is a constant px/rem length (no %, vw, vh, var(), or other viewport/CSS-variable units \u2014 those need real layout/DOM, which doesn't exist on native at paint time).
+Fix: use a plain px/rem calc, a fraction utility (e.g. w-1/2), or resolve this value in JS instead.`;
   return { value: null, warning };
 }
 function resolveStyleJsWithWarnings(classString, theme, colorScheme, pressed, width) {
@@ -1986,7 +1988,8 @@ function warnIfDev(classString, warnings) {
   if (warnings.length === 0) return;
   if (typeof __DEV__ !== "undefined" && !__DEV__) return;
   for (const warning of warnings) {
-    const message = `${warning} (from className "${classString}")`;
+    const message = `${warning}
+From className: "${classString}"`;
     if (warnedMessages.has(message)) continue;
     warnedMessages.add(message);
     console.warn(message);