@kbach/react-native 1.0.0-beta.38 → 1.0.0-beta.39

package/dist/index.js

@@ -1714,6 +1714,20 @@ function isPlainPercentage(value) {
   return digits.length > 0 && /^[0-9.]+$/.test(digits);
 }
 function rnStyleValue(property, value) {
+  if (property === "aspect-ratio") {
+    if (value.trim() === "auto") return { value: null, warning: null };
+    const parts = value.split("/").map((s) => s.trim());
+    let n = null;
+    if (parts.length === 1) {
+      const a = Number(parts[0]);
+      n = Number.isFinite(a) ? a : null;
+    } else if (parts.length === 2) {
+      const a = Number(parts[0]);
+      const b = Number(parts[1]);
+      n = Number.isFinite(a) && Number.isFinite(b) && b !== 0 ? a / b : null;
+    }
+    return { value: n, warning: null };
+  }
   if (!NUMERIC_LENGTH_PROPS.has(property)) {
     return { value, warning: null };
   }

package/dist/jsx-dev-runtime.js

@@ -2098,6 +2098,20 @@ function isPlainPercentage(value) {
   return digits.length > 0 && /^[0-9.]+$/.test(digits);
 }
 function rnStyleValue(property, value) {
+  if (property === "aspect-ratio") {
+    if (value.trim() === "auto") return { value: null, warning: null };
+    const parts = value.split("/").map((s) => s.trim());
+    let n = null;
+    if (parts.length === 1) {
+      const a = Number(parts[0]);
+      n = Number.isFinite(a) ? a : null;
+    } else if (parts.length === 2) {
+      const a = Number(parts[0]);
+      const b = Number(parts[1]);
+      n = Number.isFinite(a) && Number.isFinite(b) && b !== 0 ? a / b : null;
+    }
+    return { value: n, warning: null };
+  }
   if (!NUMERIC_LENGTH_PROPS.has(property)) {
     return { value, warning: null };
   }

package/dist/jsx-runtime.js

@@ -2089,6 +2089,20 @@ function isPlainPercentage(value) {
   return digits.length > 0 && /^[0-9.]+$/.test(digits);
 }
 function rnStyleValue(property, value) {
+  if (property === "aspect-ratio") {
+    if (value.trim() === "auto") return { value: null, warning: null };
+    const parts = value.split("/").map((s) => s.trim());
+    let n = null;
+    if (parts.length === 1) {
+      const a = Number(parts[0]);
+      n = Number.isFinite(a) ? a : null;
+    } else if (parts.length === 2) {
+      const a = Number(parts[0]);
+      const b = Number(parts[1]);
+      n = Number.isFinite(a) && Number.isFinite(b) && b !== 0 ? a / b : null;
+    }
+    return { value: n, warning: null };
+  }
   if (!NUMERIC_LENGTH_PROPS.has(property)) {
     return { value, warning: null };
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kbach/react-native",
-  "version": "1.0.0-beta.38",
+  "version": "1.0.0-beta.39",
   "description": "Kbach's utility-class styling engine for React Native — the same class names as @kbach/react, resolved to a StyleSheet-ready style object via a Kotlin/JNI TurboModule (native), the same WASM engine @kbach/react uses (Expo Web / react-native-web), or a pure-JS fallback engine (Expo Go). Ships its own native Android module — one npm install, no separate native package. Beta. Native is Android-only (no iOS bridge yet); works with the React Native CLI, an Expo dev client, AND Expo Go (a reduced-coverage pure-JS fallback, since Expo Go can't load any custom native module).",
   "keywords": [
     "css",