@tamagui/core 2.7.2 → 2.7.3

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
 $ tamagui-build
-built @tamagui/core in 1726 ms
+built @tamagui/core in 608 ms
 Running afterBuild script...
-afterBuild completed in 660 ms
+afterBuild completed in 213 ms

package/dist/native.cjs

@@ -866,6 +866,7 @@ function _instanceof(left, right) {
 }
 function setOnLayoutStrategy(state) {
 	strategy = state;
+	resumeLayoutLoop === null || resumeLayoutLoop === void 0 || resumeLayoutLoop();
 }
 function enable() {
 	if (avoidUpdates) {
@@ -916,6 +917,7 @@ function observeLayoutNode(node, disableKey) {
 		globalIntersectionObserver.observe(node);
 		IntersectionState.set(node, true);
 	}
+	resumeLayoutLoop === null || resumeLayoutLoop === void 0 || resumeLayoutLoop();
 }
 function registerLayoutNode(node, onChange, disableKey) {
 	LayoutHandlers.set(node, onChange);
@@ -993,7 +995,7 @@ function createMeasureLayout(node) {
 		return measureLayout$1(node, relativeTo, callback);
 	};
 }
-var LayoutHandlers, LayoutDisableKey, Nodes, IntersectionState, usePretransformDimensions, DisableLayoutContextValues, DisableLayoutContextKey, ENABLE, LayoutMeasurementController, globalIntersectionObserver, strategy, NodeRectCache, avoidUpdates, queuedUpdates, BoundingRects, rectFetchObserver, rectFetchResolve, rectFetchStartTime, lastCallbackDelay, rAF, userSkipVal, BASE_SKIP_FRAMES, MAX_SKIP_FRAMES, skipFrames, frameCount, getElementLayoutEvent, getPreTransformDimensions, getRelativeDimensions, PrevHostNode, getBoundingClientRectAsync, measureNode, measure, measureInWindow, createMeasureInWindow, measureLayout$1;
+var LayoutHandlers, LayoutDisableKey, Nodes, IntersectionState, usePretransformDimensions, DisableLayoutContextValues, DisableLayoutContextKey, ENABLE, LayoutMeasurementController, globalIntersectionObserver, strategy, resumeLayoutLoop, NodeRectCache, avoidUpdates, queuedUpdates, BoundingRects, rectFetchObserver, rectFetchResolve, rectFetchStartTime, lastCallbackDelay, rAF, userSkipVal, BASE_SKIP_FRAMES, MAX_SKIP_FRAMES, skipFrames, frameCount, frameScheduled, getElementLayoutEvent, getPreTransformDimensions, getRelativeDimensions, PrevHostNode, getBoundingClientRectAsync, measureNode, measure, measureInWindow, createMeasureInWindow, measureLayout$1;
 var init_index_native$11 = __esmMin((() => {
 	init_index_native$7();
 	init_asyncToGenerator();
@@ -1035,6 +1037,10 @@ var init_index_native$11 = __esmMin((() => {
 				}
 			}, { threshold: 0 });
 			return rectFetchObserver;
+		}, scheduleLayoutFrame2 = function() {
+			if (frameScheduled || strategy === "off" || Nodes.size === 0 || document.hidden) return;
+			frameScheduled = true;
+			rAF ? rAF(layoutOnAnimationFrame) : setTimeout(layoutOnAnimationFrame, 16);
 		};
 		BoundingRects = /* @__PURE__ */ new WeakMap();
 		rectFetchObserver = null;
@@ -1069,13 +1075,15 @@ var init_index_native$11 = __esmMin((() => {
 		MAX_SKIP_FRAMES = 20;
 		skipFrames = BASE_SKIP_FRAMES;
 		frameCount = 0;
+		frameScheduled = false;
 		function layoutOnAnimationFrame() {
 			return _layoutOnAnimationFrame.apply(this, arguments);
 		}
 		function _layoutOnAnimationFrame() {
 			_layoutOnAnimationFrame = _asyncToGenerator(function* () {
 				if (frameCount++ % skipFrames !== 0) {
-					rAF ? rAF(layoutOnAnimationFrame) : setTimeout(layoutOnAnimationFrame, 16);
+					frameScheduled = false;
+					scheduleLayoutFrame2();
 					return;
 				}
 				if (frameCount >= Number.MAX_SAFE_INTEGER) frameCount = 0;
@@ -1152,11 +1160,14 @@ var init_index_native$11 = __esmMin((() => {
 						for (var i2 = 0; i2 < visibleNodes.length; i2++) updateLayoutIfChanged(visibleNodes[i2]);
 					}
 				}
-				rAF ? rAF(layoutOnAnimationFrame) : setTimeout(layoutOnAnimationFrame, 16);
+				frameScheduled = false;
+				scheduleLayoutFrame2();
 			});
 			return _layoutOnAnimationFrame.apply(this, arguments);
 		}
-		layoutOnAnimationFrame();
+		resumeLayoutLoop = scheduleLayoutFrame2;
+		document.addEventListener("visibilitychange", scheduleLayoutFrame2);
+		scheduleLayoutFrame2();
 	}
 	getElementLayoutEvent = function(nodeRect, parentRect, node) {
 		return {
@@ -15683,6 +15694,14 @@ var init_getSplitStyles_native = __esmMin((() => {
 					}
 					var priority = mediaStylesSeen;
 					mediaStylesSeen += 1;
+					if (process.env.IS_STATIC === "is_static" && isMedia === true) {
+						var _styleState3;
+						var mediaStyle = getSubStyle(styleState, key6, val2, true);
+						(_styleState3 = styleState).style || (_styleState3.style = {});
+						var existing = styleState.style[key6];
+						styleState.style[key6] = existing ? Object.assign(existing, mediaStyle) : mediaStyle;
+						return;
+					}
 					if (shouldDoClasses) {
 						var mediaStyles = getCSSStylesAtomic(getSubStyle(styleState, key6, val2, false));
 						var _iteratorNormalCompletion12 = true, _didIteratorError12 = false, _iteratorError12 = void 0;
@@ -15715,7 +15734,7 @@ var init_getSplitStyles_native = __esmMin((() => {
 								return;
 							}
 							(_styleState4 = styleState).style || (_styleState4.style = {});
-							if (mergeMediaByImportance(styleState, mediaKeyShort, key7, val3, mediaState$1[mediaKeyShort], importanceBump, debug, originalVal2) && key7 === "fontFamily") styleState.fontFamily = mediaStyle1.fontFamily;
+							if (mergeMediaByImportance(styleState, mediaKeyShort, key7, val3, mediaState$1[mediaKeyShort], importanceBump, debug, originalVal2) && key7 === "fontFamily") styleState.fontFamily = mediaStyle2.fontFamily;
 						};
 						var isThemeMedia = isMedia === "theme";
 						var isGroupMedia = isMedia === "group";
@@ -15723,34 +15742,34 @@ var init_getSplitStyles_native = __esmMin((() => {
 						if (!isThemeMedia && !isPlatformMedia && !isGroupMedia) {
 							if (!mediaState$1[mediaKeyShort]) return;
 						}
-						var mediaStyle1 = getSubStyle(styleState, key6, val2, true);
+						var mediaStyle2 = getSubStyle(styleState, key6, val2, true);
 						var importanceBump = 0;
 						if (isThemeMedia) if (supportsDynamicColorIOS && getSetting("fastSchemeChange")) {
-							var _styleState3;
-							(_styleState3 = styleState).style || (_styleState3.style = {});
+							var _styleState12;
+							(_styleState12 = styleState).style || (_styleState12.style = {});
 							var scheme = mediaKeyShort;
 							var oppositeScheme = getOppositeScheme(mediaKeyShort);
-							var themeOriginalValues = styleOriginalValues.get(mediaStyle1);
+							var themeOriginalValues = styleOriginalValues.get(mediaStyle2);
 							var isCurrentScheme = themeName === scheme || themeName.startsWith(scheme);
-							for (var subKey1 in mediaStyle1) {
-								var _$val1 = extractValueFromDynamic(mediaStyle1[subKey1], scheme);
-								var existing = styleState.style[subKey1];
+							for (var subKey1 in mediaStyle2) {
+								var _$val1 = extractValueFromDynamic(mediaStyle2[subKey1], scheme);
+								var existing1 = styleState.style[subKey1];
 								if (!isColorStyleKey(subKey1)) {
 									dynamicThemeAccess = true;
-									if (isCurrentScheme) mediaStyle1[subKey1] = _$val1;
-									else delete mediaStyle1[subKey1];
+									if (isCurrentScheme) mediaStyle2[subKey1] = _$val1;
+									else delete mediaStyle2[subKey1];
 									continue;
 								}
-								if (existing === null || existing === void 0 ? void 0 : existing.dynamic) {
-									existing.dynamic[scheme] = _$val1;
-									mediaStyle1[subKey1] = existing;
+								if (existing1 === null || existing1 === void 0 ? void 0 : existing1.dynamic) {
+									existing1.dynamic[scheme] = _$val1;
+									mediaStyle2[subKey1] = existing1;
 								} else {
-									mediaStyle1[subKey1] = getDynamicVal({
+									mediaStyle2[subKey1] = getDynamicVal({
 										scheme,
 										val: _$val1,
-										oppositeVal: extractValueFromDynamic(existing, oppositeScheme)
+										oppositeVal: extractValueFromDynamic(existing1, oppositeScheme)
 									});
-									mergeStyle(styleState, subKey1, mediaStyle1[subKey1], priority, false, themeOriginalValues === null || themeOriginalValues === void 0 ? void 0 : themeOriginalValues[subKey1]);
+									mergeStyle(styleState, subKey1, mediaStyle2[subKey1], priority, false, themeOriginalValues === null || themeOriginalValues === void 0 ? void 0 : themeOriginalValues[subKey1]);
 								}
 							}
 						} else {
@@ -15777,7 +15796,7 @@ var init_getSplitStyles_native = __esmMin((() => {
 								var isActive = mediaState1 === null || mediaState1 === void 0 ? void 0 : mediaState1[groupMediaKey];
 								if (!mediaState1 && groupState.layout) isActive = mediaKeyMatch(groupMediaKey, groupState.layout);
 								if (!isActive) {
-									for (var pkey1 in mediaStyle1) applyDefaultStyle(pkey1, styleState);
+									for (var pkey1 in mediaStyle2) applyDefaultStyle(pkey1, styleState);
 									return;
 								}
 								importanceBump = 2;
@@ -15790,19 +15809,19 @@ var init_getSplitStyles_native = __esmMin((() => {
 								var isActive1 = componentGroupPseudoState === null || componentGroupPseudoState === void 0 ? void 0 : componentGroupPseudoState[groupPseudoKey];
 								var priority1 = pseudoPriorities[groupPseudoKey];
 								if (!isActive1) {
-									for (var pkey2 in mediaStyle1) applyDefaultStyle(pkey2, styleState);
+									for (var pkey2 in mediaStyle2) applyDefaultStyle(pkey2, styleState);
 									return;
 								}
 								importanceBump = priority1;
 							}
 						} else if (isPlatformMedia) importanceBump = getPlatformSpecificityBump(mediaKeyShort);
-						var mediaOriginalValues = styleOriginalValues.get(mediaStyle1);
-						if (isGroupMedia && mediaStyle1.transition) {
-							var _styleState12;
-							(_styleState12 = styleState).pseudoTransitions || (_styleState12.pseudoTransitions = {});
-							styleState.pseudoTransitions[`$${mediaKeyShort}`] = mediaStyle1.transition;
+						var mediaOriginalValues = styleOriginalValues.get(mediaStyle2);
+						if (isGroupMedia && mediaStyle2.transition) {
+							var _styleState22;
+							(_styleState22 = styleState).pseudoTransitions || (_styleState22.pseudoTransitions = {});
+							styleState.pseudoTransitions[`$${mediaKeyShort}`] = mediaStyle2.transition;
 						}
-						for (var subKey2 in mediaStyle1) {
+						for (var subKey2 in mediaStyle2) {
 							if (subKey2 === "space") continue;
 							if (subKey2[0] === "$") {
 								var subMediaType = getMediaKey(subKey2);
@@ -15813,7 +15832,7 @@ var init_getSplitStyles_native = __esmMin((() => {
 								} else if (subMediaType === true) {
 									if (!mediaState$1[subKey2.slice(1)]) continue;
 								}
-								var nestedVal = mediaStyle1[subKey2];
+								var nestedVal = mediaStyle2[subKey2];
 								var subOriginalValues = styleOriginalValues.get(nestedVal);
 								var outerBase = !!mediaState$1[mediaKeyShort] ? getMediaKeyImportance(mediaKeyShort) : defaultMediaImportance;
 								var innerBase = void 0;
@@ -15822,15 +15841,15 @@ var init_getSplitStyles_native = __esmMin((() => {
 								else innerBase = defaultMediaImportance;
 								var nestedImportance = outerBase + importanceBump + innerBase + 1;
 								for (var subSubKey in nestedVal) {
-									var _styleState22;
+									var _styleState32;
 									var expandedKey = shorthands[subSubKey] || subSubKey;
 									var { usedKeys } = styleState;
 									if (usedKeys[expandedKey] && usedKeys[expandedKey] > nestedImportance) continue;
-									(_styleState22 = styleState).style || (_styleState22.style = {});
+									(_styleState32 = styleState).style || (_styleState32.style = {});
 									mergeStyle(styleState, expandedKey, nestedVal[subSubKey], nestedImportance, false, subOriginalValues === null || subOriginalValues === void 0 ? void 0 : subOriginalValues[subSubKey]);
 									if (expandedKey === "fontFamily") styleState.fontFamily = nestedVal[subSubKey];
 								}
-							} else mergeMediaStyle2(subKey2, mediaStyle1[subKey2], mediaOriginalValues === null || mediaOriginalValues === void 0 ? void 0 : mediaOriginalValues[subKey2]);
+							} else mergeMediaStyle2(subKey2, mediaStyle2[subKey2], mediaOriginalValues === null || mediaOriginalValues === void 0 ? void 0 : mediaOriginalValues[subKey2]);
 						}
 					}
 					return;

package/dist/test.native.cjs

@@ -4117,6 +4117,14 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 				}
 				var priority = mediaStylesSeen;
 				mediaStylesSeen += 1;
+				if (process.env.IS_STATIC === "is_static" && isMedia === true) {
+					var _styleState3;
+					var mediaStyle = getSubStyle(styleState, key6, val2, true);
+					(_styleState3 = styleState).style || (_styleState3.style = {});
+					var existing = styleState.style[key6];
+					styleState.style[key6] = existing ? Object.assign(existing, mediaStyle) : mediaStyle;
+					return;
+				}
 				if (shouldDoClasses) {
 					var mediaStyles = getCSSStylesAtomic(getSubStyle(styleState, key6, val2, false));
 					var _iteratorNormalCompletion12 = true, _didIteratorError12 = false, _iteratorError12 = void 0;
@@ -4149,7 +4157,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 							return;
 						}
 						(_styleState4 = styleState).style || (_styleState4.style = {});
-						if (mergeMediaByImportance(styleState, mediaKeyShort, key7, val3, mediaState$1[mediaKeyShort], importanceBump, debug, originalVal2) && key7 === "fontFamily") styleState.fontFamily = mediaStyle1.fontFamily;
+						if (mergeMediaByImportance(styleState, mediaKeyShort, key7, val3, mediaState$1[mediaKeyShort], importanceBump, debug, originalVal2) && key7 === "fontFamily") styleState.fontFamily = mediaStyle2.fontFamily;
 					};
 					var isThemeMedia = isMedia === "theme";
 					var isGroupMedia = isMedia === "group";
@@ -4157,34 +4165,34 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 					if (!isThemeMedia && !isPlatformMedia && !isGroupMedia) {
 						if (!mediaState$1[mediaKeyShort]) return;
 					}
-					var mediaStyle1 = getSubStyle(styleState, key6, val2, true);
+					var mediaStyle2 = getSubStyle(styleState, key6, val2, true);
 					var importanceBump = 0;
 					if (isThemeMedia) if (supportsDynamicColorIOS && getSetting("fastSchemeChange")) {
-						var _styleState3;
-						(_styleState3 = styleState).style || (_styleState3.style = {});
+						var _styleState12;
+						(_styleState12 = styleState).style || (_styleState12.style = {});
 						var scheme = mediaKeyShort;
 						var oppositeScheme = getOppositeScheme(mediaKeyShort);
-						var themeOriginalValues = styleOriginalValues.get(mediaStyle1);
+						var themeOriginalValues = styleOriginalValues.get(mediaStyle2);
 						var isCurrentScheme = themeName === scheme || themeName.startsWith(scheme);
-						for (var subKey1 in mediaStyle1) {
-							var _$val1 = extractValueFromDynamic(mediaStyle1[subKey1], scheme);
-							var existing = styleState.style[subKey1];
+						for (var subKey1 in mediaStyle2) {
+							var _$val1 = extractValueFromDynamic(mediaStyle2[subKey1], scheme);
+							var existing1 = styleState.style[subKey1];
 							if (!isColorStyleKey(subKey1)) {
 								dynamicThemeAccess = true;
-								if (isCurrentScheme) mediaStyle1[subKey1] = _$val1;
-								else delete mediaStyle1[subKey1];
+								if (isCurrentScheme) mediaStyle2[subKey1] = _$val1;
+								else delete mediaStyle2[subKey1];
 								continue;
 							}
-							if (existing === null || existing === void 0 ? void 0 : existing.dynamic) {
-								existing.dynamic[scheme] = _$val1;
-								mediaStyle1[subKey1] = existing;
+							if (existing1 === null || existing1 === void 0 ? void 0 : existing1.dynamic) {
+								existing1.dynamic[scheme] = _$val1;
+								mediaStyle2[subKey1] = existing1;
 							} else {
-								mediaStyle1[subKey1] = getDynamicVal({
+								mediaStyle2[subKey1] = getDynamicVal({
 									scheme,
 									val: _$val1,
-									oppositeVal: extractValueFromDynamic(existing, oppositeScheme)
+									oppositeVal: extractValueFromDynamic(existing1, oppositeScheme)
 								});
-								mergeStyle(styleState, subKey1, mediaStyle1[subKey1], priority, false, themeOriginalValues === null || themeOriginalValues === void 0 ? void 0 : themeOriginalValues[subKey1]);
+								mergeStyle(styleState, subKey1, mediaStyle2[subKey1], priority, false, themeOriginalValues === null || themeOriginalValues === void 0 ? void 0 : themeOriginalValues[subKey1]);
 							}
 						}
 					} else {
@@ -4211,7 +4219,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 							var isActive = mediaState1 === null || mediaState1 === void 0 ? void 0 : mediaState1[groupMediaKey];
 							if (!mediaState1 && groupState.layout) isActive = mediaKeyMatch(groupMediaKey, groupState.layout);
 							if (!isActive) {
-								for (var pkey1 in mediaStyle1) applyDefaultStyle(pkey1, styleState);
+								for (var pkey1 in mediaStyle2) applyDefaultStyle(pkey1, styleState);
 								return;
 							}
 							importanceBump = 2;
@@ -4224,19 +4232,19 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 							var isActive1 = componentGroupPseudoState === null || componentGroupPseudoState === void 0 ? void 0 : componentGroupPseudoState[groupPseudoKey];
 							var priority1 = pseudoPriorities[groupPseudoKey];
 							if (!isActive1) {
-								for (var pkey2 in mediaStyle1) applyDefaultStyle(pkey2, styleState);
+								for (var pkey2 in mediaStyle2) applyDefaultStyle(pkey2, styleState);
 								return;
 							}
 							importanceBump = priority1;
 						}
 					} else if (isPlatformMedia) importanceBump = getPlatformSpecificityBump(mediaKeyShort);
-					var mediaOriginalValues = styleOriginalValues.get(mediaStyle1);
-					if (isGroupMedia && mediaStyle1.transition) {
-						var _styleState12;
-						(_styleState12 = styleState).pseudoTransitions || (_styleState12.pseudoTransitions = {});
-						styleState.pseudoTransitions[`$${mediaKeyShort}`] = mediaStyle1.transition;
+					var mediaOriginalValues = styleOriginalValues.get(mediaStyle2);
+					if (isGroupMedia && mediaStyle2.transition) {
+						var _styleState22;
+						(_styleState22 = styleState).pseudoTransitions || (_styleState22.pseudoTransitions = {});
+						styleState.pseudoTransitions[`$${mediaKeyShort}`] = mediaStyle2.transition;
 					}
-					for (var subKey2 in mediaStyle1) {
+					for (var subKey2 in mediaStyle2) {
 						if (subKey2 === "space") continue;
 						if (subKey2[0] === "$") {
 							var subMediaType = getMediaKey(subKey2);
@@ -4247,7 +4255,7 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 							} else if (subMediaType === true) {
 								if (!mediaState$1[subKey2.slice(1)]) continue;
 							}
-							var nestedVal = mediaStyle1[subKey2];
+							var nestedVal = mediaStyle2[subKey2];
 							var subOriginalValues = styleOriginalValues.get(nestedVal);
 							var outerBase = !!mediaState$1[mediaKeyShort] ? getMediaKeyImportance(mediaKeyShort) : defaultMediaImportance;
 							var innerBase = void 0;
@@ -4256,15 +4264,15 @@ var getSplitStyles = function(props, staticConfig, theme, themeName, componentSt
 							else innerBase = defaultMediaImportance;
 							var nestedImportance = outerBase + importanceBump + innerBase + 1;
 							for (var subSubKey in nestedVal) {
-								var _styleState22;
+								var _styleState32;
 								var expandedKey = shorthands[subSubKey] || subSubKey;
 								var { usedKeys } = styleState;
 								if (usedKeys[expandedKey] && usedKeys[expandedKey] > nestedImportance) continue;
-								(_styleState22 = styleState).style || (_styleState22.style = {});
+								(_styleState32 = styleState).style || (_styleState32.style = {});
 								mergeStyle(styleState, expandedKey, nestedVal[subSubKey], nestedImportance, false, subOriginalValues === null || subOriginalValues === void 0 ? void 0 : subOriginalValues[subSubKey]);
 								if (expandedKey === "fontFamily") styleState.fontFamily = nestedVal[subSubKey];
 							}
-						} else mergeMediaStyle2(subKey2, mediaStyle1[subKey2], mediaOriginalValues === null || mediaOriginalValues === void 0 ? void 0 : mediaOriginalValues[subKey2]);
+						} else mergeMediaStyle2(subKey2, mediaStyle2[subKey2], mediaOriginalValues === null || mediaOriginalValues === void 0 ? void 0 : mediaOriginalValues[subKey2]);
 					}
 				}
 				return;
@@ -7199,8 +7207,10 @@ var LayoutMeasurementController = function(param) {
 };
 var globalIntersectionObserver = null;
 var strategy = "async";
+var resumeLayoutLoop;
 function setOnLayoutStrategy(state) {
 	strategy = state;
+	resumeLayoutLoop === null || resumeLayoutLoop === void 0 || resumeLayoutLoop();
 }
 var NodeRectCache = /* @__PURE__ */ new WeakMap();
 var avoidUpdates = true;
@@ -7241,6 +7251,10 @@ if (ENABLE) {
 			}
 		}, { threshold: 0 });
 		return rectFetchObserver;
+	}, scheduleLayoutFrame2 = function() {
+		if (frameScheduled || strategy === "off" || Nodes.size === 0 || document.hidden) return;
+		frameScheduled = true;
+		rAF ? rAF(layoutOnAnimationFrame) : setTimeout(layoutOnAnimationFrame, 16);
 	};
 	var BoundingRects = /* @__PURE__ */ new WeakMap();
 	var rectFetchObserver = null;
@@ -7275,13 +7289,15 @@ if (ENABLE) {
 	var MAX_SKIP_FRAMES = 20;
 	var skipFrames = BASE_SKIP_FRAMES;
 	var frameCount = 0;
+	var frameScheduled = false;
 	function layoutOnAnimationFrame() {
 		return _layoutOnAnimationFrame.apply(this, arguments);
 	}
 	function _layoutOnAnimationFrame() {
 		_layoutOnAnimationFrame = _asyncToGenerator(function* () {
 			if (frameCount++ % skipFrames !== 0) {
-				rAF ? rAF(layoutOnAnimationFrame) : setTimeout(layoutOnAnimationFrame, 16);
+				frameScheduled = false;
+				scheduleLayoutFrame2();
 				return;
 			}
 			if (frameCount >= Number.MAX_SAFE_INTEGER) frameCount = 0;
@@ -7358,11 +7374,14 @@ if (ENABLE) {
 					for (var i2 = 0; i2 < visibleNodes.length; i2++) updateLayoutIfChanged(visibleNodes[i2]);
 				}
 			}
-			rAF ? rAF(layoutOnAnimationFrame) : setTimeout(layoutOnAnimationFrame, 16);
+			frameScheduled = false;
+			scheduleLayoutFrame2();
 		});
 		return _layoutOnAnimationFrame.apply(this, arguments);
 	}
-	layoutOnAnimationFrame();
+	resumeLayoutLoop = scheduleLayoutFrame2;
+	document.addEventListener("visibilitychange", scheduleLayoutFrame2);
+	scheduleLayoutFrame2();
 }
 var getElementLayoutEvent = function(nodeRect, parentRect, node) {
 	return {
@@ -7421,6 +7440,7 @@ function observeLayoutNode(node, disableKey) {
 		globalIntersectionObserver.observe(node);
 		IntersectionState.set(node, true);
 	}
+	resumeLayoutLoop === null || resumeLayoutLoop === void 0 || resumeLayoutLoop();
 }
 function registerLayoutNode(node, onChange, disableKey) {
 	LayoutHandlers.set(node, onChange);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "license": "MIT",
   "author": {
@@ -79,17 +79,17 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/helpers": "2.7.2",
-    "@tamagui/react-native-media-driver": "2.7.2",
-    "@tamagui/react-native-use-pressable": "2.7.2",
-    "@tamagui/use-element-layout": "2.7.2",
-    "@tamagui/use-event": "2.7.2",
-    "@tamagui/web": "2.7.2"
+    "@tamagui/helpers": "2.7.3",
+    "@tamagui/react-native-media-driver": "2.7.3",
+    "@tamagui/react-native-use-pressable": "2.7.3",
+    "@tamagui/use-element-layout": "2.7.3",
+    "@tamagui/use-event": "2.7.3",
+    "@tamagui/web": "2.7.3"
   },
   "devDependencies": {
-    "@tamagui/build": "2.7.2",
-    "@tamagui/native-bundle": "2.7.2",
-    "@tamagui/react-native-web-lite": "2.7.2",
+    "@tamagui/build": "2.7.3",
+    "@tamagui/native-bundle": "2.7.3",
+    "@tamagui/react-native-web-lite": "2.7.3",
     "@testing-library/react": "^16.1.0",
     "csstype": "^3.0.10",
     "react": ">=19",