@tamagui/core 1.126.18 → 1.127.1

package/dist/cjs/helpers/getBoundingClientRect.cjs

@@ -20,9 +20,22 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var getBoundingClientRect_exports = {};
 __export(getBoundingClientRect_exports, {
-  getBoundingClientRect: () => getBoundingClientRect
+  getBoundingClientRect: () => getBoundingClientRect,
+  getBoundingClientRectAsync: () => getBoundingClientRectAsync
 });
 module.exports = __toCommonJS(getBoundingClientRect_exports);
 const getBoundingClientRect = node => {
-  if (!(!node || node.nodeType !== 1)) return node.getBoundingClientRect?.();
-};
+    if (!(!node || node.nodeType !== 1)) return node.getBoundingClientRect?.();
+  },
+  getBoundingClientRectAsync = element => new Promise(resolve => {
+    let didFallback = !1;
+    function fallbackToSync() {
+      didFallback = !0, resolve(getBoundingClientRect(element));
+    }
+    const tm = setTimeout(fallbackToSync, 32);
+    new IntersectionObserver((entries, ob) => {
+      clearTimeout(tm), ob.disconnect(), didFallback || resolve(entries[0]?.boundingClientRect);
+    }, {
+      threshold: 1e-4
+    }).observe(element);
+  });

package/dist/cjs/helpers/getBoundingClientRect.js

@@ -14,11 +14,26 @@ var __export = (target, all) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var getBoundingClientRect_exports = {};
 __export(getBoundingClientRect_exports, {
-  getBoundingClientRect: () => getBoundingClientRect
+  getBoundingClientRect: () => getBoundingClientRect,
+  getBoundingClientRectAsync: () => getBoundingClientRectAsync
 });
 module.exports = __toCommonJS(getBoundingClientRect_exports);
 const getBoundingClientRect = (node) => {
   if (!(!node || node.nodeType !== 1))
     return node.getBoundingClientRect?.();
-};
+}, getBoundingClientRectAsync = (element) => new Promise((resolve) => {
+  let didFallback = !1;
+  function fallbackToSync() {
+    didFallback = !0, resolve(getBoundingClientRect(element));
+  }
+  const tm = setTimeout(fallbackToSync, 32);
+  new IntersectionObserver(
+    (entries, ob) => {
+      clearTimeout(tm), ob.disconnect(), didFallback || resolve(entries[0]?.boundingClientRect);
+    },
+    {
+      threshold: 1e-4
+    }
+  ).observe(element);
+});
 //# sourceMappingURL=getBoundingClientRect.js.map

package/dist/cjs/helpers/getBoundingClientRect.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getBoundingClientRect.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,wBAAwB,CAAC,SAAkD;AACtF,MAAI,GAAC,QAAQ,KAAK,aAAa;AAC/B,WAAO,KAAK,wBAAwB;AACtC;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,wBAAwB,CAAC,SAAkD;AACtF,MAAI,GAAC,QAAQ,KAAK,aAAa;AAC/B,WAAO,KAAK,wBAAwB;AACtC,GAEa,6BAA6B,CACxC,YAEO,IAAI,QAAQ,CAAC,YAAY;AAC9B,MAAI,cAAc;AAClB,WAAS,iBAAiB;AACxB,kBAAc,IACd,QAAQ,sBAAsB,OAAO,CAAC;AAAA,EACxC;AACA,QAAM,KAAK,WAAW,gBAAgB,EAAE;AAaxC,EAZiB,IAAI;AAAA,IACnB,CAAC,SAAS,OAAO;AACf,mBAAa,EAAE,GACf,GAAG,WAAW,GACT,eACH,QAAQ,QAAQ,CAAC,GAAG,kBAAkB;AAAA,IAE1C;AAAA,IACA;AAAA,MACE,WAAW;AAAA,IACb;AAAA,EACF,EACS,QAAQ,OAAO;AAC1B,CAAC;",
   "names": []
 }

package/dist/cjs/helpers/getBoundingClientRect.native.js

@@ -15,16 +15,34 @@ var __export = (target, all) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var getBoundingClientRect_exports = {};
 __export(getBoundingClientRect_exports, {
-  getBoundingClientRect: () => getBoundingClientRect
+  getBoundingClientRect: () => getBoundingClientRect,
+  getBoundingClientRectAsync: () => getBoundingClientRectAsync
 });
 module.exports = __toCommonJS(getBoundingClientRect_exports);
 var getBoundingClientRect = function(node) {
   var _node_getBoundingClientRect;
   if (!(!node || node.nodeType !== 1))
     return (_node_getBoundingClientRect = node.getBoundingClientRect) === null || _node_getBoundingClientRect === void 0 ? void 0 : _node_getBoundingClientRect.call(node);
+}, getBoundingClientRectAsync = function(element) {
+  return new Promise(function(resolve) {
+    var didFallback = !1;
+    function fallbackToSync() {
+      didFallback = !0, resolve(getBoundingClientRect(element));
+    }
+    var tm = setTimeout(fallbackToSync, 32), observer = new IntersectionObserver(function(entries, ob) {
+      if (clearTimeout(tm), ob.disconnect(), !didFallback) {
+        var _entries_;
+        resolve((_entries_ = entries[0]) === null || _entries_ === void 0 ? void 0 : _entries_.boundingClientRect);
+      }
+    }, {
+      threshold: 1e-4
+    });
+    observer.observe(element);
+  });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getBoundingClientRect
+  getBoundingClientRect,
+  getBoundingClientRectAsync
 });
 //# sourceMappingURL=getBoundingClientRect.js.map

package/dist/cjs/helpers/getBoundingClientRect.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getBoundingClientRect.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;AAAO,IAAMA,wBAAwB,SAACC,MAAAA;MAE7BA;AADP,MAAI,GAACA,QAAQA,KAAKC,aAAa;AAC/B,YAAOD,8BAAAA,KAAKD,2BAAqB,QAA1BC,gCAAAA,SAAAA,SAAAA,4BAAAA,KAAAA,IAAAA;AACT;",
-  "names": ["getBoundingClientRect", "node", "nodeType"]
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;AAAO,IAAMA,wBAAwB,SAACC,MAAAA;MAE7BA;AADP,MAAI,GAACA,QAAQA,KAAKC,aAAa;AAC/B,YAAOD,8BAAAA,KAAKD,2BAAqB,QAA1BC,gCAAAA,SAAAA,SAAAA,4BAAAA,KAAAA,IAAAA;AACT,GAEaE,6BAA6B,SACxCC,SAAAA;AAEA,SAAO,IAAIC,QAAQ,SAACC,SAAAA;AAClB,QAAIC,cAAc;AAClB,aAASC,iBAAAA;AACPD,oBAAc,IACdD,QAAQN,sBAAsBI,OAAAA,CAAAA;IAChC;AACA,QAAMK,KAAKC,WAAWF,gBAAgB,EAAA,GAChCG,WAAW,IAAIC,qBACnB,SAACC,SAASC,IAAAA;AAGR,UAFAC,aAAaN,EAAAA,GACbK,GAAGE,WAAU,GACT,CAACT,aAAa;YACRM;AAARP,iBAAQO,YAAAA,QAAQ,CAAA,OAAE,QAAVA,cAAAA,SAAAA,SAAAA,UAAYI,kBAAkB;MACxC;IACF,GACA;MACEC,WAAW;IACb,CAAA;AAEFP,aAASQ,QAAQf,OAAAA;EACnB,CAAA;AACF;",
+  "names": ["getBoundingClientRect", "node", "nodeType", "getBoundingClientRectAsync", "element", "Promise", "resolve", "didFallback", "fallbackToSync", "tm", "setTimeout", "observer", "IntersectionObserver", "entries", "ob", "clearTimeout", "disconnect", "boundingClientRect", "threshold", "observe"]
 }

package/dist/cjs/hooks/useElementLayout.cjs

@@ -21,7 +21,9 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 var useElementLayout_exports = {};
 __export(useElementLayout_exports, {
   getElementLayoutEvent: () => getElementLayoutEvent,
+  getElementLayoutEventAsync: () => getElementLayoutEventAsync,
   measureLayout: () => measureLayout,
+  measureLayoutAsync: () => measureLayoutAsync,
   setOnLayoutStrategy: () => setOnLayoutStrategy,
   useElementLayout: () => useElementLayout
 });
@@ -30,34 +32,21 @@ var import_constants = require("@tamagui/constants"),
   import_web = require("@tamagui/web");
 const LayoutHandlers = /* @__PURE__ */new WeakMap(),
   Nodes = /* @__PURE__ */new Set();
-let status = "active";
+let strategy = "async";
 function setOnLayoutStrategy(state) {
-  status = state;
+  strategy = state;
 }
 const NodeRectCache = /* @__PURE__ */new WeakMap(),
   ParentRectCache = /* @__PURE__ */new WeakMap(),
-  rAF = typeof window < "u" ? window.requestAnimationFrame : void 0;
+  DebounceTimers = /* @__PURE__ */new WeakMap(),
+  LastChangeTime = /* @__PURE__ */new WeakMap(),
+  rAF = typeof window < "u" ? window.requestAnimationFrame : void 0,
+  DEBOUNCE_DELAY = 32;
 if (import_constants.isClient) if (rAF) {
-  let updateLayoutIfChanged = function (node) {
-      const nodeRect = node.getBoundingClientRect(),
-        parentNode = node.parentElement,
-        parentRect = parentNode?.getBoundingClientRect(),
-        onLayout = LayoutHandlers.get(node);
-      if (typeof onLayout != "function") return;
-      const cachedRect = NodeRectCache.get(node),
-        cachedParentRect = parentNode ? NodeRectCache.get(parentNode) : null;
-      if (!cachedRect ||
-      // has changed one rect
-      !(0, import_web.isEqualShallow)(cachedRect, nodeRect) && (!cachedParentRect || !(0, import_web.isEqualShallow)(cachedParentRect, parentRect))) {
-        NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect);
-        const event = getElementLayoutEvent(node);
-        avoidUpdates ? queuedUpdates.set(node, () => onLayout(event)) : onLayout(event);
-      }
-    },
-    layoutOnAnimationFrame = function () {
+  let layoutOnAnimationFrame = function () {
       const now = Date.now(),
         timeSinceLastFrame = now - lastFrameAt;
-      lastFrameAt = now, status !== "inactive" && (timeSinceLastFrame > 16.67 * numDroppedFramesUntilPause || Nodes.forEach(updateLayoutIfChanged)), rAF(layoutOnAnimationFrame);
+      lastFrameAt = now, strategy !== "off" && (timeSinceLastFrame > 16.67 * numDroppedFramesUntilPause || Nodes.forEach(updateLayoutIfChanged)), rAF(layoutOnAnimationFrame);
     },
     avoidUpdates = !0;
   const queuedUpdates = /* @__PURE__ */new Map();
@@ -65,7 +54,47 @@ if (import_constants.isClient) if (rAF) {
   const numDroppedFramesUntilPause = 2;
   (0, import_web.___onDidFinishClientRender)(() => {
     avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(cb => cb()), queuedUpdates.clear());
-  }), rAF(layoutOnAnimationFrame);
+  });
+  async function updateLayoutIfChanged(node) {
+    const nodeRect = node.getBoundingClientRect(),
+      parentNode = node.parentElement,
+      parentRect = parentNode?.getBoundingClientRect(),
+      onLayout = LayoutHandlers.get(node);
+    if (typeof onLayout != "function") return;
+    const cachedRect = NodeRectCache.get(node),
+      cachedParentRect = parentNode ? NodeRectCache.get(parentNode) : null;
+    if (!cachedRect ||
+    // has changed one rect
+    !(0, import_web.isEqualShallow)(cachedRect, nodeRect) && (!cachedParentRect || !(0, import_web.isEqualShallow)(cachedParentRect, parentRect))) if (NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect), avoidUpdates) {
+      const event = getElementLayoutEvent(node);
+      queuedUpdates.set(node, () => onLayout(event));
+    } else if (strategy === "async") {
+      const now = Date.now();
+      LastChangeTime.set(node, now);
+      const existingTimer = DebounceTimers.get(node);
+      existingTimer && clearTimeout(existingTimer);
+      const timer = setTimeout(async () => {
+        const lastChange = LastChangeTime.get(node) || 0,
+          timeSinceChange = Date.now() - lastChange;
+        if (timeSinceChange >= DEBOUNCE_DELAY) {
+          const event = await getElementLayoutEventAsync(node);
+          onLayout(event), DebounceTimers.delete(node);
+        } else {
+          const remainingDelay = DEBOUNCE_DELAY - timeSinceChange,
+            newTimer = setTimeout(async () => {
+              const event = await getElementLayoutEventAsync(node);
+              onLayout(event), DebounceTimers.delete(node);
+            }, remainingDelay);
+          DebounceTimers.set(node, newTimer);
+        }
+      }, DEBOUNCE_DELAY);
+      DebounceTimers.set(node, timer);
+    } else {
+      const event = getElementLayoutEvent(node);
+      onLayout(event);
+    }
+  }
+  rAF(layoutOnAnimationFrame);
 } else process.env.NODE_ENV === "development" && console.warn("No requestAnimationFrame - please polyfill for onLayout to work correctly");
 const getElementLayoutEvent = target => {
     let res = null;
@@ -105,6 +134,43 @@ const getElementLayoutEvent = target => {
       }
     }
   },
+  getElementLayoutEventAsync = async target => {
+    let res = null;
+    if (await measureLayoutAsync(target, null, (x, y, width, height, left, top) => {
+      res = {
+        nativeEvent: {
+          layout: {
+            x,
+            y,
+            width,
+            height,
+            left,
+            top
+          },
+          target
+        },
+        timeStamp: Date.now()
+      };
+    }), !res) throw new Error("\u203C\uFE0F");
+    return res;
+  },
+  measureLayoutAsync = async (node, relativeTo, callback) => {
+    const relativeNode = relativeTo || node?.parentElement;
+    if (relativeNode instanceof HTMLElement) {
+      const [nodeDim, relativeNodeDim] = await Promise.all([node.getBoundingClientRect(), relativeNode.getBoundingClientRect()]);
+      if (relativeNodeDim && nodeDim) {
+        const {
+          x,
+          y,
+          width,
+          height,
+          left,
+          top
+        } = getRelativeDimensions(nodeDim, relativeNodeDim);
+        callback(x, y, width, height, left, top);
+      }
+    }
+  },
   getRelativeDimensions = (a, b) => {
     const {
         height,
@@ -130,6 +196,8 @@ function useElementLayout(ref, onLayout) {
     const node2 = ref.current?.host;
     if (node2) return LayoutHandlers.set(node2, onLayout), Nodes.add(node2), onLayout(getElementLayoutEvent(node2)), () => {
       Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2);
+      const timer = DebounceTimers.get(node2);
+      timer && (clearTimeout(timer), DebounceTimers.delete(node2)), LastChangeTime.delete(node2);
     };
   }, [ref, !!onLayout]);
 }

package/dist/cjs/hooks/useElementLayout.js

@@ -15,40 +15,66 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0
 var useElementLayout_exports = {};
 __export(useElementLayout_exports, {
   getElementLayoutEvent: () => getElementLayoutEvent,
+  getElementLayoutEventAsync: () => getElementLayoutEventAsync,
   measureLayout: () => measureLayout,
+  measureLayoutAsync: () => measureLayoutAsync,
   setOnLayoutStrategy: () => setOnLayoutStrategy,
   useElementLayout: () => useElementLayout
 });
 module.exports = __toCommonJS(useElementLayout_exports);
 var import_constants = require("@tamagui/constants"), import_web = require("@tamagui/web");
 const LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set();
-let status = "active";
+let strategy = "async";
 function setOnLayoutStrategy(state) {
-  status = state;
+  strategy = state;
 }
-const NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0;
+const NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap(), DebounceTimers = /* @__PURE__ */ new WeakMap(), LastChangeTime = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0, DEBOUNCE_DELAY = 32;
 if (import_constants.isClient)
   if (rAF) {
-    let updateLayoutIfChanged = function(node) {
-      const nodeRect = node.getBoundingClientRect(), parentNode = node.parentElement, parentRect = parentNode?.getBoundingClientRect(), onLayout = LayoutHandlers.get(node);
-      if (typeof onLayout != "function") return;
-      const cachedRect = NodeRectCache.get(node), cachedParentRect = parentNode ? NodeRectCache.get(parentNode) : null;
-      if (!cachedRect || // has changed one rect
-      !(0, import_web.isEqualShallow)(cachedRect, nodeRect) && (!cachedParentRect || !(0, import_web.isEqualShallow)(cachedParentRect, parentRect))) {
-        NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect);
-        const event = getElementLayoutEvent(node);
-        avoidUpdates ? queuedUpdates.set(node, () => onLayout(event)) : onLayout(event);
-      }
-    }, layoutOnAnimationFrame = function() {
+    let layoutOnAnimationFrame = function() {
       const now = Date.now(), timeSinceLastFrame = now - lastFrameAt;
-      lastFrameAt = now, status !== "inactive" && (timeSinceLastFrame > 16.67 * numDroppedFramesUntilPause || Nodes.forEach(updateLayoutIfChanged)), rAF(layoutOnAnimationFrame);
+      lastFrameAt = now, strategy !== "off" && (timeSinceLastFrame > 16.67 * numDroppedFramesUntilPause || Nodes.forEach(updateLayoutIfChanged)), rAF(layoutOnAnimationFrame);
     }, avoidUpdates = !0;
     const queuedUpdates = /* @__PURE__ */ new Map();
     let lastFrameAt = Date.now();
     const numDroppedFramesUntilPause = 2;
     (0, import_web.___onDidFinishClientRender)(() => {
       avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach((cb) => cb()), queuedUpdates.clear());
-    }), rAF(layoutOnAnimationFrame);
+    });
+    async function updateLayoutIfChanged(node) {
+      const nodeRect = node.getBoundingClientRect(), parentNode = node.parentElement, parentRect = parentNode?.getBoundingClientRect(), onLayout = LayoutHandlers.get(node);
+      if (typeof onLayout != "function") return;
+      const cachedRect = NodeRectCache.get(node), cachedParentRect = parentNode ? NodeRectCache.get(parentNode) : null;
+      if (!cachedRect || // has changed one rect
+      !(0, import_web.isEqualShallow)(cachedRect, nodeRect) && (!cachedParentRect || !(0, import_web.isEqualShallow)(cachedParentRect, parentRect)))
+        if (NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect), avoidUpdates) {
+          const event = getElementLayoutEvent(node);
+          queuedUpdates.set(node, () => onLayout(event));
+        } else if (strategy === "async") {
+          const now = Date.now();
+          LastChangeTime.set(node, now);
+          const existingTimer = DebounceTimers.get(node);
+          existingTimer && clearTimeout(existingTimer);
+          const timer = setTimeout(async () => {
+            const lastChange = LastChangeTime.get(node) || 0, timeSinceChange = Date.now() - lastChange;
+            if (timeSinceChange >= DEBOUNCE_DELAY) {
+              const event = await getElementLayoutEventAsync(node);
+              onLayout(event), DebounceTimers.delete(node);
+            } else {
+              const remainingDelay = DEBOUNCE_DELAY - timeSinceChange, newTimer = setTimeout(async () => {
+                const event = await getElementLayoutEventAsync(node);
+                onLayout(event), DebounceTimers.delete(node);
+              }, remainingDelay);
+              DebounceTimers.set(node, newTimer);
+            }
+          }, DEBOUNCE_DELAY);
+          DebounceTimers.set(node, timer);
+        } else {
+          const event = getElementLayoutEvent(node);
+          onLayout(event);
+        }
+    }
+    rAF(layoutOnAnimationFrame);
   } else
     process.env.NODE_ENV === "development" && console.warn(
       "No requestAnimationFrame - please polyfill for onLayout to work correctly"
@@ -78,6 +104,34 @@ const getElementLayoutEvent = (target) => {
       callback(x, y, width, height, left, top);
     }
   }
+}, getElementLayoutEventAsync = async (target) => {
+  let res = null;
+  if (await measureLayoutAsync(target, null, (x, y, width, height, left, top) => {
+    res = {
+      nativeEvent: {
+        layout: { x, y, width, height, left, top },
+        target
+      },
+      timeStamp: Date.now()
+    };
+  }), !res)
+    throw new Error("\u203C\uFE0F");
+  return res;
+}, measureLayoutAsync = async (node, relativeTo, callback) => {
+  const relativeNode = relativeTo || node?.parentElement;
+  if (relativeNode instanceof HTMLElement) {
+    const [nodeDim, relativeNodeDim] = await Promise.all([
+      node.getBoundingClientRect(),
+      relativeNode.getBoundingClientRect()
+    ]);
+    if (relativeNodeDim && nodeDim) {
+      const { x, y, width, height, left, top } = getRelativeDimensions(
+        nodeDim,
+        relativeNodeDim
+      );
+      callback(x, y, width, height, left, top);
+    }
+  }
 }, getRelativeDimensions = (a, b) => {
   const { height, left, top, width } = a, x = left - b.left, y = top - b.top;
   return { x, y, width, height, left, top };
@@ -90,6 +144,8 @@ function useElementLayout(ref, onLayout) {
     if (node2)
       return LayoutHandlers.set(node2, onLayout), Nodes.add(node2), onLayout(getElementLayoutEvent(node2)), () => {
         Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2);
+        const timer = DebounceTimers.get(node2);
+        timer && (clearTimeout(timer), DebounceTimers.delete(node2)), LastChangeTime.delete(node2);
       };
   }, [ref, !!onLayout]);
 }

package/dist/cjs/hooks/useElementLayout.js.map

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

package/dist/cjs/hooks/useElementLayout.native.js

@@ -16,45 +16,71 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0
 var useElementLayout_exports = {};
 __export(useElementLayout_exports, {
   getElementLayoutEvent: () => getElementLayoutEvent,
+  getElementLayoutEventAsync: () => getElementLayoutEventAsync,
   measureLayout: () => measureLayout,
+  measureLayoutAsync: () => measureLayoutAsync,
   setOnLayoutStrategy: () => setOnLayoutStrategy,
   useElementLayout: () => useElementLayout
 });
 module.exports = __toCommonJS(useElementLayout_exports);
-var import_constants = require("@tamagui/constants"), import_web = require("@tamagui/web"), LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), status = "active";
+var import_constants = require("@tamagui/constants"), import_web = require("@tamagui/web"), LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), strategy = "async";
 function setOnLayoutStrategy(state) {
-  status = state;
+  strategy = state;
 }
-var NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0;
+var NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap(), DebounceTimers = /* @__PURE__ */ new WeakMap(), LastChangeTime = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0, DEBOUNCE_DELAY = 32;
 if (import_constants.isClient)
   if (rAF) {
-    let updateLayoutIfChanged = function(node) {
-      var nodeRect = node.getBoundingClientRect(), parentNode = node.parentElement, parentRect = parentNode == null ? void 0 : parentNode.getBoundingClientRect(), onLayout = LayoutHandlers.get(node);
-      if (typeof onLayout == "function") {
-        var cachedRect = NodeRectCache.get(node), cachedParentRect = parentNode ? NodeRectCache.get(parentNode) : null;
-        if (!cachedRect || // has changed one rect
-        !(0, import_web.isEqualShallow)(cachedRect, nodeRect) && (!cachedParentRect || !(0, import_web.isEqualShallow)(cachedParentRect, parentRect))) {
-          NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect);
-          var event = getElementLayoutEvent(node);
-          avoidUpdates ? queuedUpdates.set(node, function() {
-            return onLayout(event);
-          }) : onLayout(event);
-        }
-      }
-    }, layoutOnAnimationFrame = function() {
+    let layoutOnAnimationFrame = function() {
       var now = Date.now(), timeSinceLastFrame = now - lastFrameAt;
-      if (lastFrameAt = now, status !== "inactive") {
+      if (lastFrameAt = now, strategy !== "off") {
         var expectedFrameTime = 16.67, hasRecentSyncWork = timeSinceLastFrame > expectedFrameTime * numDroppedFramesUntilPause;
         hasRecentSyncWork || Nodes.forEach(updateLayoutIfChanged);
       }
       rAF(layoutOnAnimationFrame);
     };
-    var updateLayoutIfChanged2 = updateLayoutIfChanged, layoutOnAnimationFrame2 = layoutOnAnimationFrame, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map(), lastFrameAt = Date.now(), numDroppedFramesUntilPause = 2;
+    var layoutOnAnimationFrame2 = layoutOnAnimationFrame, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map(), lastFrameAt = Date.now(), numDroppedFramesUntilPause = 2;
     (0, import_web.___onDidFinishClientRender)(function() {
       avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(function(cb) {
         return cb();
       }), queuedUpdates.clear());
-    }), rAF(layoutOnAnimationFrame);
+    });
+    async function updateLayoutIfChanged(node) {
+      var nodeRect = node.getBoundingClientRect(), parentNode = node.parentElement, parentRect = parentNode == null ? void 0 : parentNode.getBoundingClientRect(), onLayout = LayoutHandlers.get(node);
+      if (typeof onLayout == "function") {
+        var cachedRect = NodeRectCache.get(node), cachedParentRect = parentNode ? NodeRectCache.get(parentNode) : null;
+        if (!cachedRect || // has changed one rect
+        !(0, import_web.isEqualShallow)(cachedRect, nodeRect) && (!cachedParentRect || !(0, import_web.isEqualShallow)(cachedParentRect, parentRect)))
+          if (NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect), avoidUpdates) {
+            var event = getElementLayoutEvent(node);
+            queuedUpdates.set(node, function() {
+              return onLayout(event);
+            });
+          } else if (strategy === "async") {
+            var now = Date.now();
+            LastChangeTime.set(node, now);
+            var existingTimer = DebounceTimers.get(node);
+            existingTimer && clearTimeout(existingTimer);
+            var timer = setTimeout(async function() {
+              var lastChange = LastChangeTime.get(node) || 0, timeSinceChange = Date.now() - lastChange;
+              if (timeSinceChange >= DEBOUNCE_DELAY) {
+                var event2 = await getElementLayoutEventAsync(node);
+                onLayout(event2), DebounceTimers.delete(node);
+              } else {
+                var remainingDelay = DEBOUNCE_DELAY - timeSinceChange, newTimer = setTimeout(async function() {
+                  var event3 = await getElementLayoutEventAsync(node);
+                  onLayout(event3), DebounceTimers.delete(node);
+                }, remainingDelay);
+                DebounceTimers.set(node, newTimer);
+              }
+            }, DEBOUNCE_DELAY);
+            DebounceTimers.set(node, timer);
+          } else {
+            var event1 = getElementLayoutEvent(node);
+            onLayout(event1);
+          }
+      }
+    }
+    rAF(layoutOnAnimationFrame);
   } else
     process.env.NODE_ENV === "development" && console.warn("No requestAnimationFrame - please polyfill for onLayout to work correctly");
 var getElementLayoutEvent = function(target) {
@@ -86,6 +112,38 @@ var getElementLayoutEvent = function(target) {
       callback(x, y, width, height, left, top);
     }
   }
+}, getElementLayoutEventAsync = async function(target) {
+  var res = null;
+  if (await measureLayoutAsync(target, null, function(x, y, width, height, left, top) {
+    res = {
+      nativeEvent: {
+        layout: {
+          x,
+          y,
+          width,
+          height,
+          left,
+          top
+        },
+        target
+      },
+      timeStamp: Date.now()
+    };
+  }), !res)
+    throw new Error("\u203C\uFE0F");
+  return res;
+}, measureLayoutAsync = async function(node, relativeTo, callback) {
+  var relativeNode = relativeTo || (node == null ? void 0 : node.parentElement);
+  if (relativeNode instanceof HTMLElement) {
+    var [nodeDim, relativeNodeDim] = await Promise.all([
+      node.getBoundingClientRect(),
+      relativeNode.getBoundingClientRect()
+    ]);
+    if (relativeNodeDim && nodeDim) {
+      var { x, y, width, height, left, top } = getRelativeDimensions(nodeDim, relativeNodeDim);
+      callback(x, y, width, height, left, top);
+    }
+  }
 }, getRelativeDimensions = function(a, b) {
   var { height, left, top, width } = a, x = left - b.left, y = top - b.top;
   return {
@@ -106,6 +164,8 @@ function useElementLayout(ref, onLayout) {
       if (node2)
         return LayoutHandlers.set(node2, onLayout), Nodes.add(node2), onLayout(getElementLayoutEvent(node2)), function() {
           Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2);
+          var timer = DebounceTimers.get(node2);
+          timer && (clearTimeout(timer), DebounceTimers.delete(node2)), LastChangeTime.delete(node2);
         };
     }
   }, [
@@ -116,7 +176,9 @@ function useElementLayout(ref, onLayout) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   getElementLayoutEvent,
+  getElementLayoutEventAsync,
   measureLayout,
+  measureLayoutAsync,
   setOnLayoutStrategy,
   useElementLayout
 });

package/dist/cjs/hooks/useElementLayout.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useElementLayout.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;;;uBAAoD,+BACpD,aAIO,yBAGDA,iBAAiB,oBAAIC,QAAAA,GACrBC,QAAQ,oBAAIC,IAAAA,GAIdC,SAAkC;AAC/B,SAASC,oBAAoBC,OAA8B;AAChEF,WAASE;AACX;AAmBA,IAAMC,gBAAgB,oBAAIN,QAAAA,GACpBO,kBAAkB,oBAAIP,QAAAA,GAEtBQ,MAAM,OAAOC,SAAW,MAAcA,OAAOC,wBAAwBC;AAE3E,IAAIC;AACF,MAAIJ,KAAK;AAiBP,QAASK,wBAAT,SAA+BC,MAAiB;AAC9C,UAAMC,WAAWD,KAAKE,sBAAqB,GACrCC,aAAaH,KAAKI,eAClBC,aAAaF,cAAAA,OAAAA,SAAAA,WAAYD,sBAAqB,GAE9CI,WAAWrB,eAAesB,IAAIP,IAAAA;AACpC,UAAI,OAAOM,YAAa,YAExB;YAAME,aAAahB,cAAce,IAAIP,IAAAA,GAC/BS,mBAAmBN,aAAaX,cAAce,IAAIJ,UAAAA,IAAc;AAEtE,YACE,CAACK;QAEA,KAACE,2BAAeF,YAAYP,QAAAA,MAC1B,CAACQ,oBAAoB,KAACC,2BAAeD,kBAAkBJ,UAAAA,IAC1D;AACAb,wBAAcmB,IAAIX,MAAMC,QAAAA,GACpBI,cAAcF,cAChBV,gBAAgBkB,IAAIR,YAAYE,UAAAA;AAElC,cAAMO,QAAQC,sBAAsBb,IAAAA;AACpC,UAAIc,eACFC,cAAcJ,IAAIX,MAAM,WAAA;mBAAMM,SAASM,KAAAA;eAEvCN,SAASM,KAAAA;QAEb;;IACF,GAISI,yBAAT,WAASA;AACP,UAAMC,MAAMC,KAAKD,IAAG,GACdE,qBAAqBF,MAAMG;AAGjC,UAFAA,cAAcH,KAEV5B,WAAW,YAAY;AAEzB,YAAMgC,oBAAoB,OACpBC,oBACJH,qBAAqBE,oBAAoBE;AAE3C,QAAKD,qBACHnC,MAAMqC,QAAQzB,qBAAAA;MAElB;AACAL,UAAKsB,sBAAAA;IACP;AAhDSjB,QAAAA,yBAAAA,uBAgCAiB,0BAAAA,wBA/CLF,eAAe,IACbC,gBAAgB,oBAAIU,IAAAA,GAGtBL,cAAcF,KAAKD,IAAG,GACpBM,6BAA6B;AAEnCG,+CAA2B,WAAA;AACzBZ,qBAAe,IACXC,kBACFA,cAAcS,QAAQ,SAACG,IAAAA;eAAOA,GAAAA;UAC9BZ,cAAca,MAAK;IAEvB,CAAA,GAiCAlC,IAAKsB,sBAAAA;EAkBP;AACE,IAAIa,QAAQC,IAAIC,aAAa,iBAC3BC,QAAQC,KACN,2EAA2E;AAM5E,IAAMpB,wBAAwB,SAACqB,QAAAA;AACpC,MAAIC,MAA0B;AAU9B,MATAC,cAAcF,QAAQ,MAAM,SAACG,GAAGC,GAAGC,OAAOC,QAAQC,MAAMC,KAAAA;AACtDP,UAAM;MACJQ,aAAa;QACXC,QAAQ;UAAEP;UAAGC;UAAGC;UAAOC;UAAQC;UAAMC;QAAI;QACzCR;MACF;MACAW,WAAW3B,KAAKD,IAAG;IACrB;EACF,CAAA,GACI,CAACkB;AACH,UAAM,IAAIW,MAAM,cAAI;AAEtB,SAAOX;AACT,GAGaC,gBAAgB,SAC3BpC,MACA+C,YACAC,UAAAA;AASA,MAAMC,eAAeF,eAAc/C,QAAAA,OAAAA,SAAAA,KAAMI;AACzC,MAAI6C,wBAAwBC,aAAa;AACvC,QAAMC,UAAUnD,KAAKE,sBAAqB,GACpCkD,kBAAkBH,aAAa/C,sBAAqB;AAC1D,QAAIkD,mBAAmBD,SAAS;AAC9B,UAAM,EAAEd,GAAGC,GAAGC,OAAOC,QAAQC,MAAMC,IAAG,IAAKW,sBACzCF,SACAC,eAAAA;AAEFJ,eAASX,GAAGC,GAAGC,OAAOC,QAAQC,MAAMC,GAAAA;IACtC;EACF;AACF,GAEMW,wBAAwB,SAACC,GAAoBC,GAAAA;AACjD,MAAM,EAAEf,QAAQC,MAAMC,KAAKH,MAAK,IAAKe,GAC/BjB,IAAII,OAAOc,EAAEd,MACbH,IAAII,MAAMa,EAAEb;AAClB,SAAO;IAAEL;IAAGC;IAAGC;IAAOC;IAAQC;IAAMC;EAAI;AAC1C;AAEO,SAASc,iBACdC,KACAnD,UAA4C;MAG/BmD,cAAPzD,QAAOyD,eAAAA,IAAIC,aAAO,QAAXD,iBAAAA,SAAAA,SAAAA,aAAaE;AAC1B,EAAI3D,QAAQM,YACVrB,eAAe0B,IAAIX,MAAMM,QAAAA,OAG3BsD,4CAA0B,WAAA;QAEXH;AADb,QAAKnD,UACL;UAAMN,SAAOyD,gBAAAA,IAAIC,aAAO,QAAXD,kBAAAA,SAAAA,SAAAA,cAAaE;AAC1B,UAAK3D;AAELf,8BAAe0B,IAAIX,OAAMM,QAAAA,GACzBnB,MAAM0E,IAAI7D,KAAAA,GACVM,SAASO,sBAAsBb,KAAAA,CAAAA,GAExB,WAAA;AACLb,gBAAM2E,OAAO9D,KAAAA,GACbf,eAAe6E,OAAO9D,KAAAA,GACtBR,cAAcsE,OAAO9D,KAAAA;QACvB;;EACF,GAAG;IAACyD;IAAK,CAAC,CAACnD;GAAS;AACtB;",
-  "names": ["LayoutHandlers", "WeakMap", "Nodes", "Set", "status", "setOnLayoutStrategy", "state", "NodeRectCache", "ParentRectCache", "rAF", "window", "requestAnimationFrame", "undefined", "isClient", "updateLayoutIfChanged", "node", "nodeRect", "getBoundingClientRect", "parentNode", "parentElement", "parentRect", "onLayout", "get", "cachedRect", "cachedParentRect", "isEqualShallow", "set", "event", "getElementLayoutEvent", "avoidUpdates", "queuedUpdates", "layoutOnAnimationFrame", "now", "Date", "timeSinceLastFrame", "lastFrameAt", "expectedFrameTime", "hasRecentSyncWork", "numDroppedFramesUntilPause", "forEach", "Map", "___onDidFinishClientRender", "cb", "clear", "process", "env", "NODE_ENV", "console", "warn", "target", "res", "measureLayout", "x", "y", "width", "height", "left", "top", "nativeEvent", "layout", "timeStamp", "Error", "relativeTo", "callback", "relativeNode", "HTMLElement", "nodeDim", "relativeNodeDim", "getRelativeDimensions", "a", "b", "useElementLayout", "ref", "current", "host", "useIsomorphicLayoutEffect", "add", "delete"]
+  "mappings": "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",
+  "names": ["LayoutHandlers", "WeakMap", "Nodes", "Set", "strategy", "setOnLayoutStrategy", "state", "NodeRectCache", "ParentRectCache", "DebounceTimers", "LastChangeTime", "rAF", "window", "requestAnimationFrame", "undefined", "DEBOUNCE_DELAY", "isClient", "layoutOnAnimationFrame", "now", "Date", "timeSinceLastFrame", "lastFrameAt", "expectedFrameTime", "hasRecentSyncWork", "numDroppedFramesUntilPause", "forEach", "updateLayoutIfChanged", "avoidUpdates", "queuedUpdates", "Map", "___onDidFinishClientRender", "cb", "clear", "node", "nodeRect", "getBoundingClientRect", "parentNode", "parentElement", "parentRect", "onLayout", "get", "cachedRect", "cachedParentRect", "isEqualShallow", "set", "event", "getElementLayoutEvent", "existingTimer", "clearTimeout", "timer", "setTimeout", "lastChange", "timeSinceChange", "getElementLayoutEventAsync", "delete", "remainingDelay", "newTimer", "process", "env", "NODE_ENV", "console", "warn", "target", "res", "measureLayout", "x", "y", "width", "height", "left", "top", "nativeEvent", "layout", "timeStamp", "Error", "relativeTo", "callback", "relativeNode", "HTMLElement", "nodeDim", "relativeNodeDim", "getRelativeDimensions", "measureLayoutAsync", "Promise", "all", "a", "b", "useElementLayout", "ref", "current", "host", "useIsomorphicLayoutEffect", "add"]
 }

package/dist/esm/helpers/getBoundingClientRect.js

@@ -1,8 +1,23 @@
 const getBoundingClientRect = (node) => {
   if (!(!node || node.nodeType !== 1))
     return node.getBoundingClientRect?.();
-};
+}, getBoundingClientRectAsync = (element) => new Promise((resolve) => {
+  let didFallback = !1;
+  function fallbackToSync() {
+    didFallback = !0, resolve(getBoundingClientRect(element));
+  }
+  const tm = setTimeout(fallbackToSync, 32);
+  new IntersectionObserver(
+    (entries, ob) => {
+      clearTimeout(tm), ob.disconnect(), didFallback || resolve(entries[0]?.boundingClientRect);
+    },
+    {
+      threshold: 1e-4
+    }
+  ).observe(element);
+});
 export {
-  getBoundingClientRect
+  getBoundingClientRect,
+  getBoundingClientRectAsync
 };
 //# sourceMappingURL=getBoundingClientRect.js.map

package/dist/esm/helpers/getBoundingClientRect.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getBoundingClientRect.tsx"],
-  "mappings": "AAAO,MAAM,wBAAwB,CAAC,SAAkD;AACtF,MAAI,GAAC,QAAQ,KAAK,aAAa;AAC/B,WAAO,KAAK,wBAAwB;AACtC;",
+  "mappings": "AAAO,MAAM,wBAAwB,CAAC,SAAkD;AACtF,MAAI,GAAC,QAAQ,KAAK,aAAa;AAC/B,WAAO,KAAK,wBAAwB;AACtC,GAEa,6BAA6B,CACxC,YAEO,IAAI,QAAQ,CAAC,YAAY;AAC9B,MAAI,cAAc;AAClB,WAAS,iBAAiB;AACxB,kBAAc,IACd,QAAQ,sBAAsB,OAAO,CAAC;AAAA,EACxC;AACA,QAAM,KAAK,WAAW,gBAAgB,EAAE;AAaxC,EAZiB,IAAI;AAAA,IACnB,CAAC,SAAS,OAAO;AACf,mBAAa,EAAE,GACf,GAAG,WAAW,GACT,eACH,QAAQ,QAAQ,CAAC,GAAG,kBAAkB;AAAA,IAE1C;AAAA,IACA;AAAA,MACE,WAAW;AAAA,IACb;AAAA,EACF,EACS,QAAQ,OAAO;AAC1B,CAAC;",
   "names": []
 }