@kbach/react-native 1.0.0-beta.23 → 1.0.0-beta.24

package/dist/jsx-dev-runtime.js

@@ -588,11 +588,18 @@ function ReactiveElement({
 }) {
   (0, import_react.useSyncExternalStore)(import_darkModeStore.subscribeGlobalDarkMode, import_darkModeStore.getGlobalDarkMode);
   (0, import_react.useSyncExternalStore)(import_dynamicTokens.subscribeDynamicTokens, import_dynamicTokens.getDynamicTokensVersion);
-  (0, import_react_native.useWindowDimensions)();
+  const windowSize = (0, import_react_native.useWindowDimensions)();
   const [measuredBasis, setMeasuredBasis] = (0, import_react.useState)(null);
+  const lastWindowSizeRef = (0, import_react.useRef)(windowSize);
+  if (lastWindowSizeRef.current.width !== windowSize.width || lastWindowSizeRef.current.height !== windowSize.height) {
+    lastWindowSizeRef.current = windowSize;
+    if (measuredBasis !== null) {
+      setMeasuredBasis(null);
+    }
+  }
   const measure = (0, import_react.useCallback)((e) => {
     const { width: w, height: h } = e.nativeEvent.layout;
-    setMeasuredBasis((prev) => prev && prev.width === w && prev.height === h ? prev : { width: w, height: h });
+    setMeasuredBasis((prev) => prev === null ? { width: w, height: h } : prev);
   }, []);
   const [isHovered, setIsHovered] = (0, import_react.useState)(false);
   const [isFocused, setIsFocused] = (0, import_react.useState)(false);

package/dist/jsx-dev-runtime.web.mjs

@@ -8,7 +8,7 @@ import "./chunk-AG7ZQ2K4.mjs";
 
 // src/jsxRuntimeCore.ts
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as Fragment2, useCallback, useState, useSyncExternalStore } from "react";
+import { Fragment as Fragment2, useCallback, useRef, useState, useSyncExternalStore } from "react";
 import { Pressable, useWindowDimensions } from "react-native";
 function createJsxDEV(jsx2, jsxs2) {
   return function jsxDEV2(type, props, key, isStaticChildren, source, self) {

package/dist/jsx-runtime.js

@@ -589,11 +589,18 @@ function ReactiveElement({
 }) {
   (0, import_react.useSyncExternalStore)(import_darkModeStore.subscribeGlobalDarkMode, import_darkModeStore.getGlobalDarkMode);
   (0, import_react.useSyncExternalStore)(import_dynamicTokens.subscribeDynamicTokens, import_dynamicTokens.getDynamicTokensVersion);
-  (0, import_react_native.useWindowDimensions)();
+  const windowSize = (0, import_react_native.useWindowDimensions)();
   const [measuredBasis, setMeasuredBasis] = (0, import_react.useState)(null);
+  const lastWindowSizeRef = (0, import_react.useRef)(windowSize);
+  if (lastWindowSizeRef.current.width !== windowSize.width || lastWindowSizeRef.current.height !== windowSize.height) {
+    lastWindowSizeRef.current = windowSize;
+    if (measuredBasis !== null) {
+      setMeasuredBasis(null);
+    }
+  }
   const measure = (0, import_react.useCallback)((e) => {
     const { width: w, height: h } = e.nativeEvent.layout;
-    setMeasuredBasis((prev) => prev && prev.width === w && prev.height === h ? prev : { width: w, height: h });
+    setMeasuredBasis((prev) => prev === null ? { width: w, height: h } : prev);
   }, []);
   const [isHovered, setIsHovered] = (0, import_react.useState)(false);
   const [isFocused, setIsFocused] = (0, import_react.useState)(false);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kbach/react-native",
-  "version": "1.0.0-beta.23",
+  "version": "1.0.0-beta.24",
   "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",