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

package/dist/{chunk-2RXP6YSV.mjs → chunk-LOTFFRZP.mjs}

@@ -1,6 +1,6 @@
 import {
   getTheme
-} from "./chunk-B36TKRB6.mjs";
+} from "./chunk-DDNGWPS4.mjs";
 
 // src/darkModeStore.ts
 import { Appearance } from "react-native";

package/dist/{chunk-Q2L7M7FC.mjs → chunk-UJYEYY6S.mjs}

@@ -1,6 +1,6 @@
 import {
   resolveClassName
-} from "./chunk-B36TKRB6.mjs";
+} from "./chunk-DDNGWPS4.mjs";
 
 // src/jsxRuntimeCoreWeb.ts
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/dist/index.js

@@ -1244,11 +1244,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": {
@@ -1646,7 +1646,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) {
@@ -1741,7 +1743,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);
@@ -1842,7 +1845,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 () => {