@tamagui/use-element-layout 1.134.4 → 1.135.0

package/dist/cjs/index.cjs

@@ -20,6 +20,7 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var index_exports = {};
 __export(index_exports, {
+  LayoutMeasurementController: () => LayoutMeasurementController,
   createMeasure: () => createMeasure,
   createMeasureInWindow: () => createMeasureInWindow,
   createMeasureLayout: () => createMeasureLayout,
@@ -35,26 +36,42 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 var import_constants = require("@tamagui/constants"),
-  import_is_equal_shallow = require("@tamagui/is-equal-shallow");
+  import_is_equal_shallow = require("@tamagui/is-equal-shallow"),
+  import_react = require("react"),
+  import_jsx_runtime = require("react/jsx-runtime");
 const LayoutHandlers = /* @__PURE__ */new WeakMap(),
+  LayoutDisableKey = /* @__PURE__ */new WeakMap(),
   Nodes = /* @__PURE__ */new Set(),
-  IntersectionState = /* @__PURE__ */new WeakMap();
+  IntersectionState = /* @__PURE__ */new WeakMap(),
+  DisableLayoutContextValues = {},
+  DisableLayoutContextKey = (0, import_react.createContext)(""),
+  ENABLE = import_constants.isClient && typeof IntersectionObserver < "u",
+  LayoutMeasurementController = ({
+    disable,
+    children
+  }) => {
+    const id = (0, import_react.useId)();
+    return (0, import_constants.useIsomorphicLayoutEffect)(() => {
+      DisableLayoutContextValues[id] = disable;
+    }, [disable, id]), /* @__PURE__ */(0, import_jsx_runtime.jsx)(DisableLayoutContextKey.Provider, {
+      value: id,
+      children
+    });
+  };
 let globalIntersectionObserver = null,
   strategy = "async";
 function setOnLayoutStrategy(state) {
   strategy = state;
 }
 const NodeRectCache = /* @__PURE__ */new WeakMap(),
-  ParentRectCache = /* @__PURE__ */new WeakMap(),
-  LastChangeTime = /* @__PURE__ */new WeakMap(),
-  rAF = typeof window < "u" ? window.requestAnimationFrame : void 0;
+  LastChangeTime = /* @__PURE__ */new WeakMap();
 let avoidUpdates = !0;
 const queuedUpdates = /* @__PURE__ */new Map();
 function enable() {
   avoidUpdates && (avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(cb => cb()), queuedUpdates.clear()));
 }
 function startGlobalObservers() {
-  !import_constants.isClient || globalIntersectionObserver || (globalIntersectionObserver = new IntersectionObserver(entries => {
+  !ENABLE || globalIntersectionObserver || (globalIntersectionObserver = new IntersectionObserver(entries => {
     entries.forEach(entry => {
       const node = entry.target;
       IntersectionState.get(node) !== entry.isIntersecting && IntersectionState.set(node, entry.isIntersecting);
@@ -63,60 +80,61 @@ function startGlobalObservers() {
     threshold: 0
   }));
 }
-if (import_constants.isClient) if (rAF) {
-  const supportsCheckVisibility = "checkVisibility" in document.body,
-    BoundingRects = /* @__PURE__ */new WeakMap();
+if (ENABLE) {
+  const BoundingRects = /* @__PURE__ */new WeakMap();
   async function updateLayoutIfChanged(node) {
-    if (IntersectionState.get(node) === !1 || process.env.TAMAGUI_ONLAYOUT_VISIBILITY_CHECK === "1" && supportsCheckVisibility && !node.checkVisibility()) return;
     const onLayout = LayoutHandlers.get(node);
     if (typeof onLayout != "function") return;
     const parentNode = node.parentElement;
     if (!parentNode) return;
     let nodeRect, parentRect;
     if (strategy === "async") {
-      const [nr, pr] = await Promise.all([BoundingRects.get(node) || getBoundingClientRectAsync(node), BoundingRects.get(parentNode) || getBoundingClientRectAsync(parentNode)]);
-      if (nr === !1 || pr === !1) return;
+      const [nr, pr] = await Promise.all([BoundingRects.get(node), BoundingRects.get(parentNode)]);
+      if (!nr || !pr) return;
       nodeRect = nr, parentRect = pr;
     } else nodeRect = node.getBoundingClientRect(), parentRect = parentNode.getBoundingClientRect();
+    if (!nodeRect || !parentRect) return;
     const cachedRect = NodeRectCache.get(node),
       cachedParentRect = NodeRectCache.get(parentNode);
-    if (!cachedRect ||
+    if (!cachedRect || !cachedParentRect ||
     // has changed one rect
     // @ts-expect-error DOMRectReadOnly can go into object
-    !(0, import_is_equal_shallow.isEqualShallow)(cachedRect, nodeRect) && (
+    !(0, import_is_equal_shallow.isEqualShallow)(cachedRect, nodeRect) ||
     // @ts-expect-error DOMRectReadOnly can go into object
-    !cachedParentRect || !(0, import_is_equal_shallow.isEqualShallow)(cachedParentRect, parentRect))) {
-      NodeRectCache.set(node, nodeRect), ParentRectCache.set(parentNode, parentRect);
+    !(0, import_is_equal_shallow.isEqualShallow)(cachedParentRect, parentRect)) {
+      NodeRectCache.set(node, nodeRect), NodeRectCache.set(parentNode, parentRect);
       const event = getElementLayoutEvent(nodeRect, parentRect);
       avoidUpdates ? queuedUpdates.set(node, () => onLayout(event)) : onLayout(event);
     }
   }
-  rAF(layoutOnAnimationFrame);
-  let frameCount = 0;
   const userSkipVal = process.env.TAMAGUI_LAYOUT_FRAME_SKIP,
-    RUN_EVERY_X_FRAMES = userSkipVal ? +userSkipVal : 10;
+    RUN_EVERY_X_FRAMES = userSkipVal ? +userSkipVal : 14;
   async function layoutOnAnimationFrame() {
     if (strategy !== "off") {
-      if (!Nodes.size || frameCount++ % RUN_EVERY_X_FRAMES !== 0) {
-        rAF(layoutOnAnimationFrame);
-        return;
-      }
-      frameCount === Number.MAX_SAFE_INTEGER && (frameCount = 0), await new Promise(res => {
+      const visibleNodes = [];
+      (await new Promise(res => {
         const io = new IntersectionObserver(entries => {
           io.disconnect();
           for (const entry of entries) BoundingRects.set(entry.target, entry.boundingClientRect);
-          res();
+          res(!0);
         }, {
           threshold: 0
         });
-        for (const node of Nodes) node.parentElement instanceof HTMLElement && (io.observe(node), io.observe(node.parentElement));
-      }), Nodes.forEach(node => {
+        let didObserve = !1;
+        for (const node of Nodes) {
+          if (!(node.parentElement instanceof HTMLElement)) continue;
+          const disableKey = LayoutDisableKey.get(node);
+          disableKey && DisableLayoutContextValues[disableKey] === !0 || IntersectionState.get(node) !== !1 && (didObserve = !0, io.observe(node), io.observe(node.parentElement), visibleNodes.push(node));
+        }
+        didObserve || res(!1);
+      })) && visibleNodes.forEach(node => {
         updateLayoutIfChanged(node);
       });
     }
-    rAF(layoutOnAnimationFrame);
+    setTimeout(layoutOnAnimationFrame, 16.6667 * RUN_EVERY_X_FRAMES);
   }
-} else process.env.NODE_ENV === "development" && console.warn("No requestAnimationFrame - please polyfill for onLayout to work correctly");
+  layoutOnAnimationFrame();
+}
 const getElementLayoutEvent = (nodeRect, parentRect) => ({
     nativeEvent: {
       layout: getRelativeDimensions(nodeRect, parentRect),
@@ -143,8 +161,9 @@ const getElementLayoutEvent = (nodeRect, parentRect) => ({
     };
   };
 function useElementLayout(ref, onLayout) {
-  const node = ensureWebElement(ref.current?.host);
-  node && onLayout && LayoutHandlers.set(node, onLayout), (0, import_constants.useIsomorphicLayoutEffect)(() => {
+  const disableKey = (0, import_react.useContext)(DisableLayoutContextKey),
+    node = ensureWebElement(ref.current?.host);
+  node && onLayout && (LayoutHandlers.set(node, onLayout), LayoutDisableKey.set(node, disableKey)), (0, import_constants.useIsomorphicLayoutEffect)(() => {
     if (!onLayout) return;
     const node2 = ref.current?.host;
     if (!node2) return;

package/dist/cjs/index.js

@@ -14,6 +14,7 @@ var __export = (target, all) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var index_exports = {};
 __export(index_exports, {
+  LayoutMeasurementController: () => LayoutMeasurementController,
   createMeasure: () => createMeasure,
   createMeasureInWindow: () => createMeasureInWindow,
   createMeasureLayout: () => createMeasureLayout,
@@ -28,20 +29,28 @@ __export(index_exports, {
   useElementLayout: () => useElementLayout
 });
 module.exports = __toCommonJS(index_exports);
-var import_constants = require("@tamagui/constants"), import_is_equal_shallow = require("@tamagui/is-equal-shallow");
-const LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), IntersectionState = /* @__PURE__ */ new WeakMap();
+var import_constants = require("@tamagui/constants"), import_is_equal_shallow = require("@tamagui/is-equal-shallow"), import_react = require("react"), import_jsx_runtime = require("react/jsx-runtime");
+const LayoutHandlers = /* @__PURE__ */ new WeakMap(), LayoutDisableKey = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), IntersectionState = /* @__PURE__ */ new WeakMap(), DisableLayoutContextValues = {}, DisableLayoutContextKey = (0, import_react.createContext)(""), ENABLE = import_constants.isClient && typeof IntersectionObserver < "u", LayoutMeasurementController = ({
+  disable,
+  children
+}) => {
+  const id = (0, import_react.useId)();
+  return (0, import_constants.useIsomorphicLayoutEffect)(() => {
+    DisableLayoutContextValues[id] = disable;
+  }, [disable, id]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DisableLayoutContextKey.Provider, { value: id, children });
+};
 let globalIntersectionObserver = null, strategy = "async";
 function setOnLayoutStrategy(state) {
   strategy = state;
 }
-const NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap(), LastChangeTime = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0;
+const NodeRectCache = /* @__PURE__ */ new WeakMap(), LastChangeTime = /* @__PURE__ */ new WeakMap();
 let avoidUpdates = !0;
 const queuedUpdates = /* @__PURE__ */ new Map();
 function enable() {
   avoidUpdates && (avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach((cb) => cb()), queuedUpdates.clear()));
 }
 function startGlobalObservers() {
-  !import_constants.isClient || globalIntersectionObserver || (globalIntersectionObserver = new IntersectionObserver(
+  !ENABLE || globalIntersectionObserver || (globalIntersectionObserver = new IntersectionObserver(
     (entries) => {
       entries.forEach((entry) => {
         const node = entry.target;
@@ -53,70 +62,67 @@ function startGlobalObservers() {
     }
   ));
 }
-if (import_constants.isClient)
-  if (rAF) {
-    const supportsCheckVisibility = "checkVisibility" in document.body, BoundingRects = /* @__PURE__ */ new WeakMap();
-    async function updateLayoutIfChanged(node) {
-      if (IntersectionState.get(node) === !1 || process.env.TAMAGUI_ONLAYOUT_VISIBILITY_CHECK === "1" && supportsCheckVisibility && !node.checkVisibility())
+if (ENABLE) {
+  const BoundingRects = /* @__PURE__ */ new WeakMap();
+  async function updateLayoutIfChanged(node) {
+    const onLayout = LayoutHandlers.get(node);
+    if (typeof onLayout != "function") return;
+    const parentNode = node.parentElement;
+    if (!parentNode) return;
+    let nodeRect, parentRect;
+    if (strategy === "async") {
+      const [nr, pr] = await Promise.all([
+        BoundingRects.get(node),
+        BoundingRects.get(parentNode)
+      ]);
+      if (!nr || !pr)
         return;
-      const onLayout = LayoutHandlers.get(node);
-      if (typeof onLayout != "function") return;
-      const parentNode = node.parentElement;
-      if (!parentNode) return;
-      let nodeRect, parentRect;
-      if (strategy === "async") {
-        const [nr, pr] = await Promise.all([
-          BoundingRects.get(node) || getBoundingClientRectAsync(node),
-          BoundingRects.get(parentNode) || getBoundingClientRectAsync(parentNode)
-        ]);
-        if (nr === !1 || pr === !1)
-          return;
-        nodeRect = nr, parentRect = pr;
-      } else
-        nodeRect = node.getBoundingClientRect(), parentRect = parentNode.getBoundingClientRect();
-      const cachedRect = NodeRectCache.get(node), cachedParentRect = NodeRectCache.get(parentNode);
-      if (!cachedRect || // has changed one rect
-      // @ts-expect-error DOMRectReadOnly can go into object
-      !(0, import_is_equal_shallow.isEqualShallow)(cachedRect, nodeRect) && // @ts-expect-error DOMRectReadOnly can go into object
-      (!cachedParentRect || !(0, import_is_equal_shallow.isEqualShallow)(cachedParentRect, parentRect))) {
-        NodeRectCache.set(node, nodeRect), ParentRectCache.set(parentNode, parentRect);
-        const event = getElementLayoutEvent(nodeRect, parentRect);
-        avoidUpdates ? queuedUpdates.set(node, () => onLayout(event)) : onLayout(event);
-      }
+      nodeRect = nr, parentRect = pr;
+    } else
+      nodeRect = node.getBoundingClientRect(), parentRect = parentNode.getBoundingClientRect();
+    if (!nodeRect || !parentRect)
+      return;
+    const cachedRect = NodeRectCache.get(node), cachedParentRect = NodeRectCache.get(parentNode);
+    if (!cachedRect || !cachedParentRect || // has changed one rect
+    // @ts-expect-error DOMRectReadOnly can go into object
+    !(0, import_is_equal_shallow.isEqualShallow)(cachedRect, nodeRect) || // @ts-expect-error DOMRectReadOnly can go into object
+    !(0, import_is_equal_shallow.isEqualShallow)(cachedParentRect, parentRect)) {
+      NodeRectCache.set(node, nodeRect), NodeRectCache.set(parentNode, parentRect);
+      const event = getElementLayoutEvent(nodeRect, parentRect);
+      avoidUpdates ? queuedUpdates.set(node, () => onLayout(event)) : onLayout(event);
     }
-    rAF(layoutOnAnimationFrame);
-    let frameCount = 0;
-    const userSkipVal = process.env.TAMAGUI_LAYOUT_FRAME_SKIP, RUN_EVERY_X_FRAMES = userSkipVal ? +userSkipVal : 10;
-    async function layoutOnAnimationFrame() {
-      if (strategy !== "off") {
-        if (!Nodes.size || frameCount++ % RUN_EVERY_X_FRAMES !== 0) {
-          rAF(layoutOnAnimationFrame);
-          return;
+  }
+  const userSkipVal = process.env.TAMAGUI_LAYOUT_FRAME_SKIP, RUN_EVERY_X_FRAMES = userSkipVal ? +userSkipVal : 14;
+  async function layoutOnAnimationFrame() {
+    if (strategy !== "off") {
+      const visibleNodes = [];
+      await new Promise((res) => {
+        const io = new IntersectionObserver(
+          (entries) => {
+            io.disconnect();
+            for (const entry of entries)
+              BoundingRects.set(entry.target, entry.boundingClientRect);
+            res(!0);
+          },
+          {
+            threshold: 0
+          }
+        );
+        let didObserve = !1;
+        for (const node of Nodes) {
+          if (!(node.parentElement instanceof HTMLElement)) continue;
+          const disableKey = LayoutDisableKey.get(node);
+          disableKey && DisableLayoutContextValues[disableKey] === !0 || IntersectionState.get(node) !== !1 && (didObserve = !0, io.observe(node), io.observe(node.parentElement), visibleNodes.push(node));
         }
-        frameCount === Number.MAX_SAFE_INTEGER && (frameCount = 0), await new Promise((res) => {
-          const io = new IntersectionObserver(
-            (entries) => {
-              io.disconnect();
-              for (const entry of entries)
-                BoundingRects.set(entry.target, entry.boundingClientRect);
-              res();
-            },
-            {
-              threshold: 0
-            }
-          );
-          for (const node of Nodes)
-            node.parentElement instanceof HTMLElement && (io.observe(node), io.observe(node.parentElement));
-        }), Nodes.forEach((node) => {
-          updateLayoutIfChanged(node);
-        });
-      }
-      rAF(layoutOnAnimationFrame);
+        didObserve || res(!1);
+      }) && visibleNodes.forEach((node) => {
+        updateLayoutIfChanged(node);
+      });
     }
-  } else
-    process.env.NODE_ENV === "development" && console.warn(
-      "No requestAnimationFrame - please polyfill for onLayout to work correctly"
-    );
+    setTimeout(layoutOnAnimationFrame, 16.6667 * RUN_EVERY_X_FRAMES);
+  }
+  layoutOnAnimationFrame();
+}
 const getElementLayoutEvent = (nodeRect, parentRect) => ({
   nativeEvent: {
     layout: getRelativeDimensions(nodeRect, parentRect),
@@ -128,8 +134,8 @@ const getElementLayoutEvent = (nodeRect, parentRect) => ({
   return { x, y, width, height, pageX: a.left, pageY: a.top };
 };
 function useElementLayout(ref, onLayout) {
-  const node = ensureWebElement(ref.current?.host);
-  node && onLayout && LayoutHandlers.set(node, onLayout), (0, import_constants.useIsomorphicLayoutEffect)(() => {
+  const disableKey = (0, import_react.useContext)(DisableLayoutContextKey), node = ensureWebElement(ref.current?.host);
+  node && onLayout && (LayoutHandlers.set(node, onLayout), LayoutDisableKey.set(node, disableKey)), (0, import_constants.useIsomorphicLayoutEffect)(() => {
     if (!onLayout) return;
     const node2 = ref.current?.host;
     if (!node2) return;

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/index.ts"],
-  "mappings": "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",
+  "sources": ["../../src/index.tsx"],
+  "mappings": "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",
   "names": ["node"]
 }

package/dist/cjs/index.native.js

@@ -15,6 +15,7 @@ var __export = (target, all) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var index_exports = {};
 __export(index_exports, {
+  LayoutMeasurementController: () => LayoutMeasurementController,
   createMeasure: () => createMeasure,
   createMeasureInWindow: () => createMeasureInWindow,
   createMeasureLayout: () => createMeasureLayout,
@@ -29,18 +30,29 @@ __export(index_exports, {
   useElementLayout: () => useElementLayout
 });
 module.exports = __toCommonJS(index_exports);
-var import_constants = require("@tamagui/constants"), import_is_equal_shallow = require("@tamagui/is-equal-shallow"), LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), IntersectionState = /* @__PURE__ */ new WeakMap(), globalIntersectionObserver = null, strategy = "async";
+var import_jsx_runtime = require("react/jsx-runtime"), import_constants = require("@tamagui/constants"), import_is_equal_shallow = require("@tamagui/is-equal-shallow"), import_react = require("react"), LayoutHandlers = /* @__PURE__ */ new WeakMap(), LayoutDisableKey = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), IntersectionState = /* @__PURE__ */ new WeakMap(), DisableLayoutContextValues = {}, DisableLayoutContextKey = /* @__PURE__ */ (0, import_react.createContext)(""), ENABLE = import_constants.isClient && typeof IntersectionObserver < "u", LayoutMeasurementController = function(param) {
+  var { disable, children } = param, id = (0, import_react.useId)();
+  return (0, import_constants.useIsomorphicLayoutEffect)(function() {
+    DisableLayoutContextValues[id] = disable;
+  }, [
+    disable,
+    id
+  ]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DisableLayoutContextKey.Provider, {
+    value: id,
+    children
+  });
+}, globalIntersectionObserver = null, strategy = "async";
 function setOnLayoutStrategy(state) {
   strategy = state;
 }
-var NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap(), LastChangeTime = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map();
+var NodeRectCache = /* @__PURE__ */ new WeakMap(), LastChangeTime = /* @__PURE__ */ new WeakMap(), avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map();
 function enable() {
   avoidUpdates && (avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(function(cb) {
     return cb();
   }), queuedUpdates.clear()));
 }
 function startGlobalObservers() {
-  !import_constants.isClient || globalIntersectionObserver || (globalIntersectionObserver = new IntersectionObserver(function(entries) {
+  !ENABLE || globalIntersectionObserver || (globalIntersectionObserver = new IntersectionObserver(function(entries) {
     entries.forEach(function(entry) {
       var node = entry.target;
       IntersectionState.get(node) !== entry.isIntersecting && IntersectionState.set(node, entry.isIntersecting);
@@ -49,95 +61,94 @@ function startGlobalObservers() {
     threshold: 0
   }));
 }
-if (import_constants.isClient)
-  if (rAF) {
-    var supportsCheckVisibility = "checkVisibility" in document.body, BoundingRects = /* @__PURE__ */ new WeakMap();
-    async function updateLayoutIfChanged(node) {
-      if (IntersectionState.get(node) !== !1 && !(process.env.TAMAGUI_ONLAYOUT_VISIBILITY_CHECK === "1" && supportsCheckVisibility && !node.checkVisibility())) {
-        var onLayout = LayoutHandlers.get(node);
-        if (typeof onLayout == "function") {
-          var parentNode = node.parentElement;
-          if (parentNode) {
-            var nodeRect, parentRect;
-            if (strategy === "async") {
-              var [nr, pr] = await Promise.all([
-                BoundingRects.get(node) || getBoundingClientRectAsync(node),
-                BoundingRects.get(parentNode) || getBoundingClientRectAsync(parentNode)
-              ]);
-              if (nr === !1 || pr === !1)
-                return;
-              nodeRect = nr, parentRect = pr;
-            } else
-              nodeRect = node.getBoundingClientRect(), parentRect = parentNode.getBoundingClientRect();
-            var cachedRect = NodeRectCache.get(node), cachedParentRect = NodeRectCache.get(parentNode);
-            if (!cachedRect || // has changed one rect
-            // @ts-expect-error DOMRectReadOnly can go into object
-            !(0, import_is_equal_shallow.isEqualShallow)(cachedRect, nodeRect) && // @ts-expect-error DOMRectReadOnly can go into object
-            (!cachedParentRect || !(0, import_is_equal_shallow.isEqualShallow)(cachedParentRect, parentRect))) {
-              NodeRectCache.set(node, nodeRect), ParentRectCache.set(parentNode, parentRect);
-              var event = getElementLayoutEvent(nodeRect, parentRect);
-              avoidUpdates ? queuedUpdates.set(node, function() {
-                return onLayout(event);
-              }) : onLayout(event);
-            }
+if (ENABLE) {
+  var BoundingRects = /* @__PURE__ */ new WeakMap();
+  async function updateLayoutIfChanged(node) {
+    var onLayout = LayoutHandlers.get(node);
+    if (typeof onLayout == "function") {
+      var parentNode = node.parentElement;
+      if (parentNode) {
+        var nodeRect, parentRect;
+        if (strategy === "async") {
+          var [nr, pr] = await Promise.all([
+            BoundingRects.get(node),
+            BoundingRects.get(parentNode)
+          ]);
+          if (!nr || !pr)
+            return;
+          nodeRect = nr, parentRect = pr;
+        } else
+          nodeRect = node.getBoundingClientRect(), parentRect = parentNode.getBoundingClientRect();
+        if (!(!nodeRect || !parentRect)) {
+          var cachedRect = NodeRectCache.get(node), cachedParentRect = NodeRectCache.get(parentNode);
+          if (!cachedRect || !cachedParentRect || // has changed one rect
+          // @ts-expect-error DOMRectReadOnly can go into object
+          !(0, import_is_equal_shallow.isEqualShallow)(cachedRect, nodeRect) || // @ts-expect-error DOMRectReadOnly can go into object
+          !(0, import_is_equal_shallow.isEqualShallow)(cachedParentRect, parentRect)) {
+            NodeRectCache.set(node, nodeRect), NodeRectCache.set(parentNode, parentRect);
+            var event = getElementLayoutEvent(nodeRect, parentRect);
+            avoidUpdates ? queuedUpdates.set(node, function() {
+              return onLayout(event);
+            }) : onLayout(event);
           }
         }
       }
     }
-    rAF(layoutOnAnimationFrame);
-    var frameCount = 0, userSkipVal = process.env.TAMAGUI_LAYOUT_FRAME_SKIP, RUN_EVERY_X_FRAMES = userSkipVal ? +userSkipVal : 10;
-    async function layoutOnAnimationFrame() {
-      if (strategy !== "off") {
-        if (!Nodes.size || frameCount++ % RUN_EVERY_X_FRAMES !== 0) {
-          rAF(layoutOnAnimationFrame);
-          return;
-        }
-        frameCount === Number.MAX_SAFE_INTEGER && (frameCount = 0), await new Promise(function(res) {
-          var io = new IntersectionObserver(function(entries) {
-            io.disconnect();
-            var _iteratorNormalCompletion2 = !0, _didIteratorError2 = !1, _iteratorError2 = void 0;
-            try {
-              for (var _iterator2 = entries[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = !0) {
-                var entry = _step2.value;
-                BoundingRects.set(entry.target, entry.boundingClientRect);
-              }
-            } catch (err) {
-              _didIteratorError2 = !0, _iteratorError2 = err;
-            } finally {
-              try {
-                !_iteratorNormalCompletion2 && _iterator2.return != null && _iterator2.return();
-              } finally {
-                if (_didIteratorError2)
-                  throw _iteratorError2;
-              }
-            }
-            res();
-          }, {
-            threshold: 0
-          }), _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+  }
+  var userSkipVal = process.env.TAMAGUI_LAYOUT_FRAME_SKIP, RUN_EVERY_X_FRAMES = userSkipVal ? +userSkipVal : 14;
+  async function layoutOnAnimationFrame() {
+    if (strategy !== "off") {
+      var visibleNodes = [], didRun = await new Promise(function(res) {
+        var io = new IntersectionObserver(function(entries) {
+          io.disconnect();
+          var _iteratorNormalCompletion2 = !0, _didIteratorError2 = !1, _iteratorError2 = void 0;
           try {
-            for (var _iterator = Nodes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
-              var node = _step.value;
-              node.parentElement instanceof HTMLElement && (io.observe(node), io.observe(node.parentElement));
+            for (var _iterator2 = entries[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = !0) {
+              var entry = _step2.value;
+              BoundingRects.set(entry.target, entry.boundingClientRect);
             }
           } catch (err) {
-            _didIteratorError = !0, _iteratorError = err;
+            _didIteratorError2 = !0, _iteratorError2 = err;
           } finally {
             try {
-              !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+              !_iteratorNormalCompletion2 && _iterator2.return != null && _iterator2.return();
             } finally {
-              if (_didIteratorError)
-                throw _iteratorError;
+              if (_didIteratorError2)
+                throw _iteratorError2;
             }
           }
-        }), Nodes.forEach(function(node) {
-          updateLayoutIfChanged(node);
-        });
-      }
-      rAF(layoutOnAnimationFrame);
+          res(!0);
+        }, {
+          threshold: 0
+        }), didObserve = !1, _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+        try {
+          for (var _iterator = Nodes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+            var node = _step.value;
+            if (node.parentElement instanceof HTMLElement) {
+              var disableKey = LayoutDisableKey.get(node);
+              disableKey && DisableLayoutContextValues[disableKey] === !0 || IntersectionState.get(node) !== !1 && (didObserve = !0, io.observe(node), io.observe(node.parentElement), visibleNodes.push(node));
+            }
+          }
+        } catch (err) {
+          _didIteratorError = !0, _iteratorError = err;
+        } finally {
+          try {
+            !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+          } finally {
+            if (_didIteratorError)
+              throw _iteratorError;
+          }
+        }
+        didObserve || res(!1);
+      });
+      didRun && visibleNodes.forEach(function(node) {
+        updateLayoutIfChanged(node);
+      });
     }
-  } else
-    process.env.NODE_ENV === "development" && console.warn("No requestAnimationFrame - please polyfill for onLayout to work correctly");
+    setTimeout(layoutOnAnimationFrame, 16.6667 * RUN_EVERY_X_FRAMES);
+  }
+  layoutOnAnimationFrame();
+}
 var getElementLayoutEvent = function(nodeRect, parentRect) {
   return {
     nativeEvent: {
@@ -158,8 +169,8 @@ var getElementLayoutEvent = function(nodeRect, parentRect) {
   };
 };
 function useElementLayout(ref, onLayout) {
-  var _ref_current, node = ensureWebElement((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.host);
-  node && onLayout && LayoutHandlers.set(node, onLayout), (0, import_constants.useIsomorphicLayoutEffect)(function() {
+  var _ref_current, disableKey = (0, import_react.useContext)(DisableLayoutContextKey), node = ensureWebElement((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.host);
+  node && onLayout && (LayoutHandlers.set(node, onLayout), LayoutDisableKey.set(node, disableKey)), (0, import_constants.useIsomorphicLayoutEffect)(function() {
     var _ref_current2;
     if (onLayout) {
       var node2 = (_ref_current2 = ref.current) === null || _ref_current2 === void 0 ? void 0 : _ref_current2.host;
@@ -228,6 +239,7 @@ function createMeasureLayout(node) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  LayoutMeasurementController,
   createMeasure,
   createMeasureInWindow,
   createMeasureLayout,