tamagui 2.7.3 → 2.7.4

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
 $ tamagui-build
-built tamagui in 1301 ms
+built tamagui in 1176 ms
 Running afterBuild script...
-afterBuild completed in 292 ms
+afterBuild completed in 320 ms

package/dist/native.cjs

@@ -889,16 +889,6 @@ function enable() {
 		}
 	}
 }
-function startGlobalObservers() {
-	if (!ENABLE || globalIntersectionObserver) return;
-	globalIntersectionObserver = new IntersectionObserver(function(entries) {
-		for (var i = 0; i < entries.length; i++) {
-			var entry = entries[i];
-			var node = entry.target;
-			if (IntersectionState.get(node) !== entry.isIntersecting) IntersectionState.set(node, entry.isIntersecting);
-		}
-	}, { threshold: 0 });
-}
 function rectsEqual(a, b) {
 	return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
 }
@@ -922,11 +912,6 @@ function observeLayoutNode(node, disableKey) {
 	Nodes.add(node);
 	if (disableKey) LayoutDisableKey.set(node, disableKey);
 	else LayoutDisableKey.delete(node);
-	startGlobalObservers();
-	if (globalIntersectionObserver) {
-		globalIntersectionObserver.observe(node);
-		IntersectionState.set(node, true);
-	}
 	resumeLayoutLoop === null || resumeLayoutLoop === void 0 || resumeLayoutLoop();
 }
 function registerLayoutNode(node, onChange, disableKey) {
@@ -941,8 +926,6 @@ function cleanupNode(node) {
 	LayoutHandlers.delete(node);
 	LayoutDisableKey.delete(node);
 	NodeRectCache.delete(node);
-	IntersectionState.delete(node);
-	if (globalIntersectionObserver) globalIntersectionObserver.unobserve(node);
 }
 function emitLayoutSync(node) {
 	var onLayout = LayoutHandlers.get(node);
@@ -1005,14 +988,13 @@ function createMeasureLayout(node) {
 		return measureLayout$1(node, relativeTo, callback);
 	};
 }
-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 LayoutHandlers, LayoutDisableKey, Nodes, usePretransformDimensions, DisableLayoutContextValues, DisableLayoutContextKey, ENABLE, LayoutMeasurementController, strategy, resumeLayoutLoop, measureOnNextFrame, 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();
 	LayoutHandlers = /* @__PURE__ */ new WeakMap();
 	LayoutDisableKey = /* @__PURE__ */ new WeakMap();
 	Nodes = /* @__PURE__ */ new Set();
-	IntersectionState = /* @__PURE__ */ new WeakMap();
 	usePretransformDimensions = function() {
 		return globalThis.__TAMAGUI_ONLAYOUT_PRETRANSFORM === true || process.env.TAMAGUI_ONLAYOUT_PRETRANSFORM === "1";
 	};
@@ -1023,14 +1005,15 @@ var init_index_native$11 = __esmMin((() => {
 		var { disable, children } = param;
 		var id = (0, react$1.useId)();
 		useIsomorphicLayoutEffect(function() {
+			var wasDisabled = DisableLayoutContextValues[id] === true;
 			DisableLayoutContextValues[id] = disable;
+			if (wasDisabled && !disable) measureOnNextFrame === null || measureOnNextFrame === void 0 || measureOnNextFrame();
 		}, [disable, id]);
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisableLayoutContextKey.Provider, {
 			value: id,
 			children
 		});
 	};
-	globalIntersectionObserver = null;
 	strategy = "async";
 	NodeRectCache = /* @__PURE__ */ new WeakMap();
 	avoidUpdates = true;
@@ -1098,7 +1081,7 @@ var init_index_native$11 = __esmMin((() => {
 				}
 				if (frameCount >= Number.MAX_SAFE_INTEGER) frameCount = 0;
 				if (strategy !== "off") {
-					var visibleNodes = [];
+					var activeNodes = [];
 					var parentsToObserve = /* @__PURE__ */ new Set();
 					var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
 					try {
@@ -1111,8 +1094,7 @@ var init_index_native$11 = __esmMin((() => {
 							}
 							var disableKey = LayoutDisableKey.get(node);
 							if (disableKey && DisableLayoutContextValues[disableKey] === true) continue;
-							if (IntersectionState.get(node) === false) continue;
-							visibleNodes.push(node);
+							activeNodes.push(node);
 							parentsToObserve.add(parentElement);
 						}
 					} catch (err) {
@@ -1125,10 +1107,10 @@ var init_index_native$11 = __esmMin((() => {
 							if (_didIteratorError) throw _iteratorError;
 						}
 					}
-					if (visibleNodes.length > 0) {
+					if (activeNodes.length > 0) {
 						var io = ensureRectFetchObserver2();
 						rectFetchStartTime = performance.now();
-						for (var i = 0; i < visibleNodes.length; i++) io.observe(visibleNodes[i]);
+						for (var i = 0; i < activeNodes.length; i++) io.observe(activeNodes[i]);
 						var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
 						try {
 							for (var _iterator1 = parentsToObserve[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
@@ -1148,7 +1130,7 @@ var init_index_native$11 = __esmMin((() => {
 						yield new Promise(function(res) {
 							rectFetchResolve = res;
 						});
-						for (var i1 = 0; i1 < visibleNodes.length; i1++) io.unobserve(visibleNodes[i1]);
+						for (var i1 = 0; i1 < activeNodes.length; i1++) io.unobserve(activeNodes[i1]);
 						var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
 						try {
 							for (var _iterator2 = parentsToObserve[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
@@ -1167,7 +1149,7 @@ var init_index_native$11 = __esmMin((() => {
 						}
 						if (lastCallbackDelay > 50) skipFrames = Math.min(skipFrames + 2, MAX_SKIP_FRAMES);
 						else if (lastCallbackDelay < 20) skipFrames = Math.max(skipFrames - 1, BASE_SKIP_FRAMES);
-						for (var i2 = 0; i2 < visibleNodes.length; i2++) updateLayoutIfChanged(visibleNodes[i2]);
+						for (var i2 = 0; i2 < activeNodes.length; i2++) updateLayoutIfChanged(activeNodes[i2]);
 					}
 				}
 				frameScheduled = false;
@@ -1176,6 +1158,10 @@ var init_index_native$11 = __esmMin((() => {
 			return _layoutOnAnimationFrame.apply(this, arguments);
 		}
 		resumeLayoutLoop = scheduleLayoutFrame2;
+		measureOnNextFrame = function() {
+			frameCount = 0;
+			scheduleLayoutFrame2();
+		};
 		document.addEventListener("visibilitychange", scheduleLayoutFrame2);
 		scheduleLayoutFrame2();
 	}

package/dist/test.cjs

@@ -889,16 +889,6 @@ function enable() {
 		}
 	}
 }
-function startGlobalObservers() {
-	if (!ENABLE || globalIntersectionObserver) return;
-	globalIntersectionObserver = new IntersectionObserver(function(entries) {
-		for (var i = 0; i < entries.length; i++) {
-			var entry = entries[i];
-			var node = entry.target;
-			if (IntersectionState.get(node) !== entry.isIntersecting) IntersectionState.set(node, entry.isIntersecting);
-		}
-	}, { threshold: 0 });
-}
 function rectsEqual(a, b) {
 	return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
 }
@@ -922,11 +912,6 @@ function observeLayoutNode(node, disableKey) {
 	Nodes.add(node);
 	if (disableKey) LayoutDisableKey.set(node, disableKey);
 	else LayoutDisableKey.delete(node);
-	startGlobalObservers();
-	if (globalIntersectionObserver) {
-		globalIntersectionObserver.observe(node);
-		IntersectionState.set(node, true);
-	}
 	resumeLayoutLoop === null || resumeLayoutLoop === void 0 || resumeLayoutLoop();
 }
 function registerLayoutNode(node, onChange, disableKey) {
@@ -941,8 +926,6 @@ function cleanupNode(node) {
 	LayoutHandlers.delete(node);
 	LayoutDisableKey.delete(node);
 	NodeRectCache.delete(node);
-	IntersectionState.delete(node);
-	if (globalIntersectionObserver) globalIntersectionObserver.unobserve(node);
 }
 function emitLayoutSync(node) {
 	var onLayout = LayoutHandlers.get(node);
@@ -1005,14 +988,13 @@ function createMeasureLayout(node) {
 		return measureLayout$1(node, relativeTo, callback);
 	};
 }
-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 LayoutHandlers, LayoutDisableKey, Nodes, usePretransformDimensions, DisableLayoutContextValues, DisableLayoutContextKey, ENABLE, LayoutMeasurementController, strategy, resumeLayoutLoop, measureOnNextFrame, 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();
 	LayoutHandlers = /* @__PURE__ */ new WeakMap();
 	LayoutDisableKey = /* @__PURE__ */ new WeakMap();
 	Nodes = /* @__PURE__ */ new Set();
-	IntersectionState = /* @__PURE__ */ new WeakMap();
 	usePretransformDimensions = function() {
 		return globalThis.__TAMAGUI_ONLAYOUT_PRETRANSFORM === true || process.env.TAMAGUI_ONLAYOUT_PRETRANSFORM === "1";
 	};
@@ -1023,14 +1005,15 @@ var init_index_native$11 = __esmMin((() => {
 		var { disable, children } = param;
 		var id = (0, react$1.useId)();
 		useIsomorphicLayoutEffect(function() {
+			var wasDisabled = DisableLayoutContextValues[id] === true;
 			DisableLayoutContextValues[id] = disable;
+			if (wasDisabled && !disable) measureOnNextFrame === null || measureOnNextFrame === void 0 || measureOnNextFrame();
 		}, [disable, id]);
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisableLayoutContextKey.Provider, {
 			value: id,
 			children
 		});
 	};
-	globalIntersectionObserver = null;
 	strategy = "async";
 	NodeRectCache = /* @__PURE__ */ new WeakMap();
 	avoidUpdates = true;
@@ -1098,7 +1081,7 @@ var init_index_native$11 = __esmMin((() => {
 				}
 				if (frameCount >= Number.MAX_SAFE_INTEGER) frameCount = 0;
 				if (strategy !== "off") {
-					var visibleNodes = [];
+					var activeNodes = [];
 					var parentsToObserve = /* @__PURE__ */ new Set();
 					var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
 					try {
@@ -1111,8 +1094,7 @@ var init_index_native$11 = __esmMin((() => {
 							}
 							var disableKey = LayoutDisableKey.get(node);
 							if (disableKey && DisableLayoutContextValues[disableKey] === true) continue;
-							if (IntersectionState.get(node) === false) continue;
-							visibleNodes.push(node);
+							activeNodes.push(node);
 							parentsToObserve.add(parentElement);
 						}
 					} catch (err) {
@@ -1125,10 +1107,10 @@ var init_index_native$11 = __esmMin((() => {
 							if (_didIteratorError) throw _iteratorError;
 						}
 					}
-					if (visibleNodes.length > 0) {
+					if (activeNodes.length > 0) {
 						var io = ensureRectFetchObserver2();
 						rectFetchStartTime = performance.now();
-						for (var i = 0; i < visibleNodes.length; i++) io.observe(visibleNodes[i]);
+						for (var i = 0; i < activeNodes.length; i++) io.observe(activeNodes[i]);
 						var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
 						try {
 							for (var _iterator1 = parentsToObserve[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
@@ -1148,7 +1130,7 @@ var init_index_native$11 = __esmMin((() => {
 						yield new Promise(function(res) {
 							rectFetchResolve = res;
 						});
-						for (var i1 = 0; i1 < visibleNodes.length; i1++) io.unobserve(visibleNodes[i1]);
+						for (var i1 = 0; i1 < activeNodes.length; i1++) io.unobserve(activeNodes[i1]);
 						var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
 						try {
 							for (var _iterator2 = parentsToObserve[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
@@ -1167,7 +1149,7 @@ var init_index_native$11 = __esmMin((() => {
 						}
 						if (lastCallbackDelay > 50) skipFrames = Math.min(skipFrames + 2, MAX_SKIP_FRAMES);
 						else if (lastCallbackDelay < 20) skipFrames = Math.max(skipFrames - 1, BASE_SKIP_FRAMES);
-						for (var i2 = 0; i2 < visibleNodes.length; i2++) updateLayoutIfChanged(visibleNodes[i2]);
+						for (var i2 = 0; i2 < activeNodes.length; i2++) updateLayoutIfChanged(activeNodes[i2]);
 					}
 				}
 				frameScheduled = false;
@@ -1176,6 +1158,10 @@ var init_index_native$11 = __esmMin((() => {
 			return _layoutOnAnimationFrame.apply(this, arguments);
 		}
 		resumeLayoutLoop = scheduleLayoutFrame2;
+		measureOnNextFrame = function() {
+			frameCount = 0;
+			scheduleLayoutFrame2();
+		};
 		document.addEventListener("visibilitychange", scheduleLayoutFrame2);
 		scheduleLayoutFrame2();
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tamagui",
-  "version": "2.7.3",
+  "version": "2.7.4",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "description": "Style and UI for React (web and native) meet an optimizing compiler",
   "repository": {
@@ -77,72 +77,72 @@
     "check-circular-deps": "npx madge --circular ./src/index.ts"
   },
   "dependencies": {
-    "@tamagui/accordion": "2.7.3",
-    "@tamagui/adapt": "2.7.3",
-    "@tamagui/alert-dialog": "2.7.3",
-    "@tamagui/animate": "2.7.3",
-    "@tamagui/animate-presence": "2.7.3",
-    "@tamagui/avatar": "2.7.3",
-    "@tamagui/button": "2.7.3",
-    "@tamagui/card": "2.7.3",
-    "@tamagui/checkbox": "2.7.3",
-    "@tamagui/collapsible": "2.7.3",
-    "@tamagui/compose-refs": "2.7.3",
-    "@tamagui/constants": "2.7.3",
-    "@tamagui/context-menu": "2.7.3",
-    "@tamagui/core": "2.7.3",
-    "@tamagui/create-context": "2.7.3",
-    "@tamagui/create-menu": "2.7.3",
-    "@tamagui/dialog": "2.7.3",
-    "@tamagui/element": "2.7.3",
-    "@tamagui/elements": "2.7.3",
-    "@tamagui/fake-react-native": "2.7.3",
-    "@tamagui/focusable": "2.7.3",
-    "@tamagui/form": "2.7.3",
-    "@tamagui/get-button-sized": "2.7.3",
-    "@tamagui/get-font-sized": "2.7.3",
-    "@tamagui/get-token": "2.7.3",
-    "@tamagui/group": "2.7.3",
-    "@tamagui/helpers-tamagui": "2.7.3",
-    "@tamagui/image": "2.7.3",
-    "@tamagui/input": "2.7.3",
-    "@tamagui/label": "2.7.3",
-    "@tamagui/linear-gradient": "2.7.3",
-    "@tamagui/list-item": "2.7.3",
-    "@tamagui/menu": "2.7.3",
-    "@tamagui/polyfill-dev": "2.7.3",
-    "@tamagui/popover": "2.7.3",
-    "@tamagui/popper": "2.7.3",
-    "@tamagui/portal": "2.7.3",
-    "@tamagui/progress": "2.7.3",
-    "@tamagui/radio-group": "2.7.3",
-    "@tamagui/react-native-media-driver": "2.7.3",
-    "@tamagui/scroll-view": "2.7.3",
-    "@tamagui/select": "2.7.3",
-    "@tamagui/separator": "2.7.3",
-    "@tamagui/shapes": "2.7.3",
-    "@tamagui/sheet": "2.7.3",
-    "@tamagui/slider": "2.7.3",
-    "@tamagui/spacer": "2.7.3",
-    "@tamagui/spinner": "2.7.3",
-    "@tamagui/stacks": "2.7.3",
-    "@tamagui/switch": "2.7.3",
-    "@tamagui/tabs": "2.7.3",
-    "@tamagui/text": "2.7.3",
-    "@tamagui/theme": "2.7.3",
-    "@tamagui/toast": "2.7.3",
-    "@tamagui/toggle-group": "2.7.3",
-    "@tamagui/tooltip": "2.7.3",
-    "@tamagui/use-controllable-state": "2.7.3",
-    "@tamagui/use-debounce": "2.7.3",
-    "@tamagui/use-force-update": "2.7.3",
-    "@tamagui/use-window-dimensions": "2.7.3",
-    "@tamagui/visually-hidden": "2.7.3",
-    "@tamagui/font-size": "2.7.3",
-    "@tamagui/z-index-stack": "2.7.3"
+    "@tamagui/accordion": "2.7.4",
+    "@tamagui/adapt": "2.7.4",
+    "@tamagui/alert-dialog": "2.7.4",
+    "@tamagui/animate": "2.7.4",
+    "@tamagui/animate-presence": "2.7.4",
+    "@tamagui/avatar": "2.7.4",
+    "@tamagui/button": "2.7.4",
+    "@tamagui/card": "2.7.4",
+    "@tamagui/checkbox": "2.7.4",
+    "@tamagui/collapsible": "2.7.4",
+    "@tamagui/compose-refs": "2.7.4",
+    "@tamagui/constants": "2.7.4",
+    "@tamagui/context-menu": "2.7.4",
+    "@tamagui/core": "2.7.4",
+    "@tamagui/create-context": "2.7.4",
+    "@tamagui/create-menu": "2.7.4",
+    "@tamagui/dialog": "2.7.4",
+    "@tamagui/element": "2.7.4",
+    "@tamagui/elements": "2.7.4",
+    "@tamagui/fake-react-native": "2.7.4",
+    "@tamagui/focusable": "2.7.4",
+    "@tamagui/form": "2.7.4",
+    "@tamagui/get-button-sized": "2.7.4",
+    "@tamagui/get-font-sized": "2.7.4",
+    "@tamagui/get-token": "2.7.4",
+    "@tamagui/group": "2.7.4",
+    "@tamagui/helpers-tamagui": "2.7.4",
+    "@tamagui/image": "2.7.4",
+    "@tamagui/input": "2.7.4",
+    "@tamagui/label": "2.7.4",
+    "@tamagui/linear-gradient": "2.7.4",
+    "@tamagui/list-item": "2.7.4",
+    "@tamagui/menu": "2.7.4",
+    "@tamagui/polyfill-dev": "2.7.4",
+    "@tamagui/popover": "2.7.4",
+    "@tamagui/popper": "2.7.4",
+    "@tamagui/portal": "2.7.4",
+    "@tamagui/progress": "2.7.4",
+    "@tamagui/radio-group": "2.7.4",
+    "@tamagui/react-native-media-driver": "2.7.4",
+    "@tamagui/scroll-view": "2.7.4",
+    "@tamagui/select": "2.7.4",
+    "@tamagui/separator": "2.7.4",
+    "@tamagui/shapes": "2.7.4",
+    "@tamagui/sheet": "2.7.4",
+    "@tamagui/slider": "2.7.4",
+    "@tamagui/spacer": "2.7.4",
+    "@tamagui/spinner": "2.7.4",
+    "@tamagui/stacks": "2.7.4",
+    "@tamagui/switch": "2.7.4",
+    "@tamagui/tabs": "2.7.4",
+    "@tamagui/text": "2.7.4",
+    "@tamagui/theme": "2.7.4",
+    "@tamagui/toast": "2.7.4",
+    "@tamagui/toggle-group": "2.7.4",
+    "@tamagui/tooltip": "2.7.4",
+    "@tamagui/use-controllable-state": "2.7.4",
+    "@tamagui/use-debounce": "2.7.4",
+    "@tamagui/use-force-update": "2.7.4",
+    "@tamagui/use-window-dimensions": "2.7.4",
+    "@tamagui/visually-hidden": "2.7.4",
+    "@tamagui/font-size": "2.7.4",
+    "@tamagui/z-index-stack": "2.7.4"
   },
   "devDependencies": {
-    "@tamagui/build": "2.7.3",
+    "@tamagui/build": "2.7.4",
     "react": ">=19",
     "react-native": "0.83.2",
     "react-native-web": "^0.21.0"