@tamagui/core 1.126.17 → 1.127.0

package/dist/esm/helpers/getBoundingClientRect.mjs

@@ -1,5 +1,17 @@
 const getBoundingClientRect = node => {
-  if (!(!node || node.nodeType !== 1)) return node.getBoundingClientRect?.();
-};
-export { 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);
+  });
+export { getBoundingClientRect, getBoundingClientRectAsync };
 //# sourceMappingURL=getBoundingClientRect.mjs.map

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

@@ -1 +1 @@
-{"version":3,"names":["getBoundingClientRect","node","nodeType"],"sources":["../../../src/helpers/getBoundingClientRect.tsx"],"sourcesContent":[null],"mappings":"AAAO,MAAMA,qBAAA,GAAyBC,IAAA,IAAkD;EACtF,IAAI,GAACA,IAAA,IAAQA,IAAA,CAAKC,QAAA,KAAa,IAC/B,OAAOD,IAAA,CAAKD,qBAAA,GAAwB;AACtC","ignoreList":[]}
+{"version":3,"names":["getBoundingClientRect","node","nodeType","getBoundingClientRectAsync","element","Promise","resolve","didFallback","fallbackToSync","tm","setTimeout","IntersectionObserver","entries","ob","clearTimeout","disconnect","boundingClientRect","threshold","observe"],"sources":["../../../src/helpers/getBoundingClientRect.tsx"],"sourcesContent":[null],"mappings":"AAAO,MAAMA,qBAAA,GAAyBC,IAAA,IAAkD;IACtF,IAAI,GAACA,IAAA,IAAQA,IAAA,CAAKC,QAAA,KAAa,IAC/B,OAAOD,IAAA,CAAKD,qBAAA,GAAwB;EACtC;EAEaG,0BAAA,GACXC,OAAA,IAEO,IAAIC,OAAA,CAASC,OAAA,IAAY;IAC9B,IAAIC,WAAA,GAAc;IAClB,SAASC,eAAA,EAAiB;MACxBD,WAAA,GAAc,IACdD,OAAA,CAAQN,qBAAA,CAAsBI,OAAO,CAAC;IACxC;IACA,MAAMK,EAAA,GAAKC,UAAA,CAAWF,cAAA,EAAgB,EAAE;IACvB,IAAIG,oBAAA,CACnB,CAACC,OAAA,EAASC,EAAA,KAAO;MACfC,YAAA,CAAaL,EAAE,GACfI,EAAA,CAAGE,UAAA,CAAW,GACTR,WAAA,IACHD,OAAA,CAAQM,OAAA,CAAQ,CAAC,GAAGI,kBAAkB;IAE1C,GACA;MACEC,SAAA,EAAW;IACb,CACF,EACSC,OAAA,CAAQd,OAAO;EAC1B,CAAC","ignoreList":[]}

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

@@ -1,6 +1,24 @@
 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);
-};
-export { getBoundingClientRect };
+    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);
+    });
+  };
+export { getBoundingClientRect, getBoundingClientRectAsync };
 //# sourceMappingURL=getBoundingClientRect.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["getBoundingClientRect","node","_node_getBoundingClientRect","nodeType","call"],"sources":["../../../src/helpers/getBoundingClientRect.tsx"],"sourcesContent":[null],"mappings":"AAAO,IAAAA,qBAAM,YAAAA,CAAyBC,IAAkD;EACtF,IAAIC,2BAAc;EAClB,OAAAD,IAAO,IAAKA,IAAA,CAAAE,QAAA,SACd,QAAAD,2BAAA,GAAAD,IAAA,CAAAD,qBAAA,cAAAE,2BAAA,uBAAAA,2BAAA,CAAAE,IAAA,CAAAH,IAAA","ignoreList":[]}
+{"version":3,"names":["getBoundingClientRect","node","_node_getBoundingClientRect","nodeType","call","getBoundingClientRectAsync","element","Promise","resolve","didFallback","fallbackToSync","tm","setTimeout","observer","IntersectionObserver","entries","ob","clearTimeout","disconnect","_entries_","boundingClientRect","threshold"],"sources":["../../../src/helpers/getBoundingClientRect.tsx"],"sourcesContent":[null],"mappings":"AAAO,IAAAA,qBAAM,YAAAA,CAAyBC,IAAkD;IACtF,IAAIC,2BAAc;IAClB,OAAAD,IAAO,IAAKA,IAAA,CAAAE,QAAA,SAGD,QAAAD,2BACX,GAAAD,IAEO,CAAAD,qBAAa,MAAY,QAAAE,2BAAA,uBAAAA,2BAAA,CAAAE,IAAA,CAAAH,IAAA;EAC9B;EAAAI,0BAAkB,YAAAA,CAAAC,OAAA;IAClB,WAASC,OAAA,WAAiBC,OAAA;MACxB,IAAAC,WAAc,GACd;MACF,SAAAC,eAAA;QACAD,WAAW,OAAWD,OAAA,CAAAR,qBAAkB,CAAAM,OAAA;MACvB;MACf,IAACK,EAAA,GAAAC,UAAgB,CAAAF,cAAA;QAAAG,QAAA,OAAAC,oBAAA,WAAAC,OAAA,EAAAC,EAAA;UACf,IAAAC,YAAe,CAAAN,EACf,GAAGK,EAAA,CAAAE,UACE,KAAAT,WACH;YAEJ,IAAAU,SAAA;YACAX,OAAA,EAAAW,SAAA,GAAAJ,OAAA,iBAAAI,SAAA,uBAAAA,SAAA,CAAAC,kBAAA;UACE;QACF;UAEOC,SAAQ;QAClB","ignoreList":[]}

package/dist/esm/hooks/useElementLayout.js

@@ -4,33 +4,57 @@ import {
   ___onDidFinishClientRender
 } from "@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 (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
-      !isEqualShallow(cachedRect, nodeRect) && (!cachedParentRect || !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;
     ___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
+      !isEqualShallow(cachedRect, nodeRect) && (!cachedParentRect || !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"
@@ -60,6 +84,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 };
@@ -72,12 +124,16 @@ 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]);
 }
 export {
   getElementLayoutEvent,
+  getElementLayoutEventAsync,
   measureLayout,
+  measureLayoutAsync,
   setOnLayoutStrategy,
   useElementLayout
 };

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useElementLayout.tsx"],
-  "mappings": "AAAA,SAAS,UAAU,iCAAiC;AACpD;AAAA,EACE;AAAA,EAEA;AAAA,OACK;AAGP,MAAM,iBAAiB,oBAAI,QAA+B,GACpD,QAAQ,oBAAI,IAAiB;AAInC,IAAI,SAAkC;AAC/B,SAAS,oBAAoB,OAAgC;AAClE,WAAS;AACX;AAmBA,MAAM,gBAAgB,oBAAI,QAA8B,GAClD,kBAAkB,oBAAI,QAA8B,GAEpD,MAAM,OAAO,SAAW,MAAc,OAAO,wBAAwB;AAE3E,IAAI;AACF,MAAI,KAAK;AAiBP,QAAS,wBAAT,SAA+B,MAAmB;AAChD,YAAM,WAAW,KAAK,sBAAsB,GACtC,aAAa,KAAK,eAClB,aAAa,YAAY,sBAAsB,GAE/C,WAAW,eAAe,IAAI,IAAI;AACxC,UAAI,OAAO,YAAa,WAAY;AAEpC,YAAM,aAAa,cAAc,IAAI,IAAI,GACnC,mBAAmB,aAAa,cAAc,IAAI,UAAU,IAAI;AAEtE,UACE,CAAC;AAAA,MAEA,CAAC,eAAe,YAAY,QAAQ,MAClC,CAAC,oBAAoB,CAAC,eAAe,kBAAkB,UAAU,IACpE;AACA,sBAAc,IAAI,MAAM,QAAQ,GAC5B,cAAc,cAChB,gBAAgB,IAAI,YAAY,UAAU;AAE5C,cAAM,QAAQ,sBAAsB,IAAI;AACxC,QAAI,eACF,cAAc,IAAI,MAAM,MAAM,SAAS,KAAK,CAAC,IAE7C,SAAS,KAAK;AAAA,MAElB;AAAA,IACF,GAIS,yBAAT,WAAkC;AAChC,YAAM,MAAM,KAAK,IAAI,GACf,qBAAqB,MAAM;AACjC,oBAAc,KAEV,WAAW,eAIX,qBAAqB,QAAoB,8BAGzC,MAAM,QAAQ,qBAAqB,IAGvC,IAAK,sBAAsB;AAAA,IAC7B,GA/DI,eAAe;AACnB,UAAM,gBAAgB,oBAAI,IAA2B;AAGrD,QAAI,cAAc,KAAK,IAAI;AAC3B,UAAM,6BAA6B;AAEnC,+BAA2B,MAAM;AAC/B,qBAAe,IACX,kBACF,cAAc,QAAQ,CAAC,OAAO,GAAG,CAAC,GAClC,cAAc,MAAM;AAAA,IAExB,CAAC,GAiCD,IAAK,sBAAsB;AAAA,EAkB7B;AACE,IAAI,QAAQ,IAAI,aAAa,iBAC3B,QAAQ;AAAA,MACN;AAAA,IACF;AAKC,MAAM,wBAAwB,CAAC,WAAqC;AACzE,MAAI,MAA0B;AAU9B,MATA,cAAc,QAAQ,MAAM,CAAC,GAAG,GAAG,OAAO,QAAQ,MAAM,QAAQ;AAC9D,UAAM;AAAA,MACJ,aAAa;AAAA,QACX,QAAQ,EAAE,GAAG,GAAG,OAAO,QAAQ,MAAM,IAAI;AAAA,QACzC;AAAA,MACF;AAAA,MACA,WAAW,KAAK,IAAI;AAAA,IACtB;AAAA,EACF,CAAC,GACG,CAAC;AACH,UAAM,IAAI,MAAM,cAAI;AAEtB,SAAO;AACT,GAGa,gBAAgB,CAC3B,MACA,YACA,aAQG;AACH,QAAM,eAAe,cAAc,MAAM;AACzC,MAAI,wBAAwB,aAAa;AACvC,UAAM,UAAU,KAAK,sBAAsB,GACrC,kBAAkB,aAAa,sBAAsB;AAC3D,QAAI,mBAAmB,SAAS;AAC9B,YAAM,EAAE,GAAG,GAAG,OAAO,QAAQ,MAAM,IAAI,IAAI;AAAA,QACzC;AAAA,QACA;AAAA,MACF;AACA,eAAS,GAAG,GAAG,OAAO,QAAQ,MAAM,GAAG;AAAA,IACzC;AAAA,EACF;AACF,GAEM,wBAAwB,CAAC,GAAoB,MAAuB;AACxE,QAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,IAAI,GAC/B,IAAI,OAAO,EAAE,MACb,IAAI,MAAM,EAAE;AAClB,SAAO,EAAE,GAAG,GAAG,OAAO,QAAQ,MAAM,IAAI;AAC1C;AAEO,SAAS,iBACd,KACA,UACA;AAEA,QAAM,OAAO,IAAI,SAAS;AAC1B,EAAI,QAAQ,YACV,eAAe,IAAI,MAAM,QAAQ,GAGnC,0BAA0B,MAAM;AAC9B,QAAI,CAAC,SAAU;AACf,UAAMA,QAAO,IAAI,SAAS;AAC1B,QAAKA;AAEL,4BAAe,IAAIA,OAAM,QAAQ,GACjC,MAAM,IAAIA,KAAI,GACd,SAAS,sBAAsBA,KAAI,CAAC,GAE7B,MAAM;AACX,cAAM,OAAOA,KAAI,GACjB,eAAe,OAAOA,KAAI,GAC1B,cAAc,OAAOA,KAAI;AAAA,MAC3B;AAAA,EACF,GAAG,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC;AACtB;",
+  "mappings": "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",
   "names": ["node"]
 }

package/dist/esm/hooks/useElementLayout.mjs

@@ -2,34 +2,21 @@ import { isClient, useIsomorphicLayoutEffect } from "@tamagui/constants";
 import { isEqualShallow, ___onDidFinishClientRender } from "@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 (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
-      !isEqualShallow(cachedRect, nodeRect) && (!cachedParentRect || !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();
@@ -37,7 +24,47 @@ if (isClient) if (rAF) {
   const numDroppedFramesUntilPause = 2;
   ___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
+    !isEqualShallow(cachedRect, nodeRect) && (!cachedParentRect || !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;
@@ -77,6 +104,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,
@@ -102,8 +166,10 @@ 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]);
 }
-export { getElementLayoutEvent, measureLayout, setOnLayoutStrategy, useElementLayout };
+export { getElementLayoutEvent, getElementLayoutEventAsync, measureLayout, measureLayoutAsync, setOnLayoutStrategy, useElementLayout };
 //# sourceMappingURL=useElementLayout.mjs.map

package/dist/esm/hooks/useElementLayout.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["isClient","useIsomorphicLayoutEffect","isEqualShallow","___onDidFinishClientRender","LayoutHandlers","WeakMap","Nodes","Set","status","setOnLayoutStrategy","state","NodeRectCache","ParentRectCache","rAF","window","requestAnimationFrame","updateLayoutIfChanged","node","nodeRect","getBoundingClientRect","parentNode","parentElement","parentRect","onLayout","get","cachedRect","cachedParentRect","set","event","getElementLayoutEvent","avoidUpdates","queuedUpdates","layoutOnAnimationFrame","now","Date","timeSinceLastFrame","lastFrameAt","numDroppedFramesUntilPause","forEach","Map","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","node2","add","delete"],"sources":["../../../src/hooks/useElementLayout.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["isClient","useIsomorphicLayoutEffect","isEqualShallow","___onDidFinishClientRender","LayoutHandlers","WeakMap","Nodes","Set","strategy","setOnLayoutStrategy","state","NodeRectCache","ParentRectCache","DebounceTimers","LastChangeTime","rAF","window","requestAnimationFrame","DEBOUNCE_DELAY","layoutOnAnimationFrame","now","Date","timeSinceLastFrame","lastFrameAt","numDroppedFramesUntilPause","forEach","updateLayoutIfChanged","avoidUpdates","queuedUpdates","Map","cb","clear","node","nodeRect","getBoundingClientRect","parentNode","parentElement","parentRect","onLayout","get","cachedRect","cachedParentRect","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","node2","add"],"sources":["../../../src/hooks/useElementLayout.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,EAAUC,yBAAA,QAAiC;AACpD,SACEC,cAAA,EAEAC,0BAAA,QACK;AAGP,MAAMC,cAAA,GAAiB,mBAAIC,OAAA,CAA+B;EACpDC,KAAA,GAAQ,mBAAIC,GAAA,CAAiB;AAInC,IAAIC,QAAA,GAAsC;AAEnC,SAASC,oBAAoBC,KAAA,EAAkC;EACpEF,QAAA,GAAWE,KAAA;AACb;AAmBA,MAAMC,aAAA,GAAgB,mBAAIN,OAAA,CAA8B;EAClDO,eAAA,GAAkB,mBAAIP,OAAA,CAA8B;EACpDQ,cAAA,GAAiB,mBAAIR,OAAA,CAAqC;EAC1DS,cAAA,GAAiB,mBAAIT,OAAA,CAA6B;EAElDU,GAAA,GAAM,OAAOC,MAAA,GAAW,MAAcA,MAAA,CAAOC,qBAAA,GAAwB;EACrEC,cAAA,GAAiB;AAEvB,IAAIlB,QAAA,EACF,IAAIe,GAAA,EAAK;EAuFP,IAASI,sBAAA,GAAT,SAAAA,CAAA,EAAkC;MAChC,MAAMC,GAAA,GAAMC,IAAA,CAAKD,GAAA,CAAI;QACfE,kBAAA,GAAqBF,GAAA,GAAMG,WAAA;MACjCA,WAAA,GAAcH,GAAA,EAEVZ,QAAA,KAAa,UAIbc,kBAAA,GAAqB,QAAoBE,0BAAA,IAGzClB,KAAA,CAAMmB,OAAA,CAAQC,qBAAqB,IAGvCX,GAAA,CAAKI,sBAAsB;IAC7B;IArGIQ,YAAA,GAAe;EACnB,MAAMC,aAAA,GAAgB,mBAAIC,GAAA,CAA2B;EAGrD,IAAIN,WAAA,GAAcF,IAAA,CAAKD,GAAA,CAAI;EAC3B,MAAMI,0BAAA,GAA6B;EAEnCrB,0BAAA,CAA2B,MAAM;IAC/BwB,YAAA,GAAe,IACXC,aAAA,KACFA,aAAA,CAAcH,OAAA,CAASK,EAAA,IAAOA,EAAA,CAAG,CAAC,GAClCF,aAAA,CAAcG,KAAA,CAAM;EAExB,CAAC;EAED,eAAeL,sBAAsBM,IAAA,EAAmB;IACtD,MAAMC,QAAA,GAAWD,IAAA,CAAKE,qBAAA,CAAsB;MACtCC,UAAA,GAAaH,IAAA,CAAKI,aAAA;MAClBC,UAAA,GAAaF,UAAA,EAAYD,qBAAA,CAAsB;MAE/CI,QAAA,GAAWlC,cAAA,CAAemC,GAAA,CAAIP,IAAI;IACxC,IAAI,OAAOM,QAAA,IAAa,YAAY;IAEpC,MAAME,UAAA,GAAa7B,aAAA,CAAc4B,GAAA,CAAIP,IAAI;MACnCS,gBAAA,GAAmBN,UAAA,GAAaxB,aAAA,CAAc4B,GAAA,CAAIJ,UAAU,IAAI;IAEtE,IACE,CAACK,UAAA;IAAA;IAEA,CAACtC,cAAA,CAAesC,UAAA,EAAYP,QAAQ,MAClC,CAACQ,gBAAA,IAAoB,CAACvC,cAAA,CAAeuC,gBAAA,EAAkBJ,UAAU,IAOpE,IALA1B,aAAA,CAAc+B,GAAA,CAAIV,IAAA,EAAMC,QAAQ,GAC5BI,UAAA,IAAcF,UAAA,IAChBvB,eAAA,CAAgB8B,GAAA,CAAIP,UAAA,EAAYE,UAAU,GAGxCV,YAAA,EAAc;MAEhB,MAAMgB,KAAA,GAAQC,qBAAA,CAAsBZ,IAAI;MACxCJ,aAAA,CAAcc,GAAA,CAAIV,IAAA,EAAM,MAAMM,QAAA,CAASK,KAAK,CAAC;IAC/C,WAAWnC,QAAA,KAAa,SAAS;MAE/B,MAAMY,GAAA,GAAMC,IAAA,CAAKD,GAAA,CAAI;MACrBN,cAAA,CAAe4B,GAAA,CAAIV,IAAA,EAAMZ,GAAG;MAG5B,MAAMyB,aAAA,GAAgBhC,cAAA,CAAe0B,GAAA,CAAIP,IAAI;MACzCa,aAAA,IACFC,YAAA,CAAaD,aAAa;MAI5B,MAAME,KAAA,GAAQC,UAAA,CAAW,YAAY;QACnC,MAAMC,UAAA,GAAanC,cAAA,CAAeyB,GAAA,CAAIP,IAAI,KAAK;UACzCkB,eAAA,GAAkB7B,IAAA,CAAKD,GAAA,CAAI,IAAI6B,UAAA;QAGrC,IAAIC,eAAA,IAAmBhC,cAAA,EAAgB;UACrC,MAAMyB,KAAA,GAAQ,MAAMQ,0BAAA,CAA2BnB,IAAI;UACnDM,QAAA,CAASK,KAAK,GACd9B,cAAA,CAAeuC,MAAA,CAAOpB,IAAI;QAC5B,OAAO;UAEL,MAAMqB,cAAA,GAAiBnC,cAAA,GAAiBgC,eAAA;YAClCI,QAAA,GAAWN,UAAA,CAAW,YAAY;cACtC,MAAML,KAAA,GAAQ,MAAMQ,0BAAA,CAA2BnB,IAAI;cACnDM,QAAA,CAASK,KAAK,GACd9B,cAAA,CAAeuC,MAAA,CAAOpB,IAAI;YAC5B,GAAGqB,cAAc;UACjBxC,cAAA,CAAe6B,GAAA,CAAIV,IAAA,EAAMsB,QAAQ;QACnC;MACF,GAAGpC,cAAc;MAEjBL,cAAA,CAAe6B,GAAA,CAAIV,IAAA,EAAMe,KAAK;IAChC,OAAO;MAEL,MAAMJ,KAAA,GAAQC,qBAAA,CAAsBZ,IAAI;MACxCM,QAAA,CAASK,KAAK;IAChB;EAEJ;EAGA5B,GAAA,CAAKI,sBAAsB;AAkB7B,OACMoC,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,iBAC3BC,OAAA,CAAQC,IAAA,CACN,2EACF;AAMC,MAAMf,qBAAA,GAAyBgB,MAAA,IAAqC;IACzE,IAAIC,GAAA,GAA0B;IAU9B,IATAC,aAAA,CAAcF,MAAA,EAAQ,MAAM,CAACG,CAAA,EAAGC,CAAA,EAAGC,KAAA,EAAOC,MAAA,EAAQC,IAAA,EAAMC,GAAA,KAAQ;MAC9DP,GAAA,GAAM;QACJQ,WAAA,EAAa;UACXC,MAAA,EAAQ;YAAEP,CAAA;YAAGC,CAAA;YAAGC,KAAA;YAAOC,MAAA;YAAQC,IAAA;YAAMC;UAAI;UACzCR;QACF;QACAW,SAAA,EAAWlD,IAAA,CAAKD,GAAA,CAAI;MACtB;IACF,CAAC,GACG,CAACyC,GAAA,EACH,MAAM,IAAIW,KAAA,CAAM,cAAI;IAEtB,OAAOX,GAAA;EACT;EAEaC,aAAA,GAAgBA,CAC3B9B,IAAA,EACAyC,UAAA,EACAC,QAAA,KAQG;IACH,MAAMC,YAAA,GAAeF,UAAA,IAAczC,IAAA,EAAMI,aAAA;IACzC,IAAIuC,YAAA,YAAwBC,WAAA,EAAa;MACvC,MAAMC,OAAA,GAAU7C,IAAA,CAAKE,qBAAA,CAAsB;QACrC4C,eAAA,GAAkBH,YAAA,CAAazC,qBAAA,CAAsB;MAE3D,IAAI4C,eAAA,IAAmBD,OAAA,EAAS;QAC9B,MAAM;UAAEd,CAAA;UAAGC,CAAA;UAAGC,KAAA;UAAOC,MAAA;UAAQC,IAAA;UAAMC;QAAI,IAAIW,qBAAA,CACzCF,OAAA,EACAC,eACF;QACAJ,QAAA,CAASX,CAAA,EAAGC,CAAA,EAAGC,KAAA,EAAOC,MAAA,EAAQC,IAAA,EAAMC,GAAG;MACzC;IACF;EACF;EAEajB,0BAAA,GAA6B,MACxCS,MAAA,IACyB;IACzB,IAAIC,GAAA,GAA0B;IAU9B,IATA,MAAMmB,kBAAA,CAAmBpB,MAAA,EAAQ,MAAM,CAACG,CAAA,EAAGC,CAAA,EAAGC,KAAA,EAAOC,MAAA,EAAQC,IAAA,EAAMC,GAAA,KAAQ;MACzEP,GAAA,GAAM;QACJQ,WAAA,EAAa;UACXC,MAAA,EAAQ;YAAEP,CAAA;YAAGC,CAAA;YAAGC,KAAA;YAAOC,MAAA;YAAQC,IAAA;YAAMC;UAAI;UACzCR;QACF;QACAW,SAAA,EAAWlD,IAAA,CAAKD,GAAA,CAAI;MACtB;IACF,CAAC,GACG,CAACyC,GAAA,EACH,MAAM,IAAIW,KAAA,CAAM,cAAI;IAEtB,OAAOX,GAAA;EACT;EAEamB,kBAAA,GAAqB,MAAAA,CAChChD,IAAA,EACAyC,UAAA,EACAC,QAAA,KAQG;IACH,MAAMC,YAAA,GAAeF,UAAA,IAAczC,IAAA,EAAMI,aAAA;IACzC,IAAIuC,YAAA,YAAwBC,WAAA,EAAa;MACvC,MAAM,CAACC,OAAA,EAASC,eAAe,IAAI,MAAMG,OAAA,CAAQC,GAAA,CAAI,CACnDlD,IAAA,CAAKE,qBAAA,CAAsB,GAC3ByC,YAAA,CAAazC,qBAAA,CAAsB,EACpC;MAED,IAAI4C,eAAA,IAAmBD,OAAA,EAAS;QAC9B,MAAM;UAAEd,CAAA;UAAGC,CAAA;UAAGC,KAAA;UAAOC,MAAA;UAAQC,IAAA;UAAMC;QAAI,IAAIW,qBAAA,CACzCF,OAAA,EACAC,eACF;QACAJ,QAAA,CAASX,CAAA,EAAGC,CAAA,EAAGC,KAAA,EAAOC,MAAA,EAAQC,IAAA,EAAMC,GAAG;MACzC;IACF;EACF;EAEMW,qBAAA,GAAwBA,CAACI,CAAA,EAAoBC,CAAA,KAAuB;IACxE,MAAM;QAAElB,MAAA;QAAQC,IAAA;QAAMC,GAAA;QAAKH;MAAM,IAAIkB,CAAA;MAC/BpB,CAAA,GAAII,IAAA,GAAOiB,CAAA,CAAEjB,IAAA;MACbH,CAAA,GAAII,GAAA,GAAMgB,CAAA,CAAEhB,GAAA;IAClB,OAAO;MAAEL,CAAA;MAAGC,CAAA;MAAGC,KAAA;MAAOC,MAAA;MAAQC,IAAA;MAAMC;IAAI;EAC1C;AAEO,SAASiB,iBACdC,GAAA,EACAhD,QAAA,EACA;EAEA,MAAMN,IAAA,GAAOsD,GAAA,CAAIC,OAAA,EAASC,IAAA;EACtBxD,IAAA,IAAQM,QAAA,IACVlC,cAAA,CAAesC,GAAA,CAAIV,IAAA,EAAMM,QAAQ,GAGnCrC,yBAAA,CAA0B,MAAM;IAC9B,IAAI,CAACqC,QAAA,EAAU;IACf,MAAMmD,KAAA,GAAOH,GAAA,CAAIC,OAAA,EAASC,IAAA;IAC1B,IAAKC,KAAA,EAEL,OAAArF,cAAA,CAAesC,GAAA,CAAI+C,KAAA,EAAMnD,QAAQ,GACjChC,KAAA,CAAMoF,GAAA,CAAID,KAAI,GACdnD,QAAA,CAASM,qBAAA,CAAsB6C,KAAI,CAAC,GAE7B,MAAM;MACXnF,KAAA,CAAM8C,MAAA,CAAOqC,KAAI,GACjBrF,cAAA,CAAegD,MAAA,CAAOqC,KAAI,GAC1B9E,aAAA,CAAcyC,MAAA,CAAOqC,KAAI;MAGzB,MAAM1C,KAAA,GAAQlC,cAAA,CAAe0B,GAAA,CAAIkD,KAAI;MACjC1C,KAAA,KACFD,YAAA,CAAaC,KAAK,GAClBlC,cAAA,CAAeuC,MAAA,CAAOqC,KAAI,IAE5B3E,cAAA,CAAesC,MAAA,CAAOqC,KAAI;IAC5B;EACF,GAAG,CAACH,GAAA,EAAK,CAAC,CAAChD,QAAQ,CAAC;AACtB","ignoreList":[]}

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

@@ -2,45 +2,28 @@ import { isClient, useIsomorphicLayoutEffect } from "@tamagui/constants";
 import { isEqualShallow, ___onDidFinishClientRender } from "@tamagui/web";
 var LayoutHandlers = /* @__PURE__ */new WeakMap(),
   Nodes = /* @__PURE__ */new Set(),
-  status = "active";
+  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;
+  DebounceTimers = /* @__PURE__ */new WeakMap(),
+  LastChangeTime = /* @__PURE__ */new WeakMap(),
+  rAF = typeof window < "u" ? window.requestAnimationFrame : void 0,
+  DEBOUNCE_DELAY = 32;
 if (isClient) if (rAF) {
-  let updateLayoutIfChanged = function (node) {
-      var nodeRect = node.getBoundingClientRect(),
-        parentNode = node.parentElement,
-        parentRect = 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
-        !isEqualShallow(cachedRect, nodeRect) && (!cachedParentRect || !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 () {
-      var now = Date.now(),
-        timeSinceLastFrame = now - lastFrameAt;
-      if (lastFrameAt = now, status !== "inactive") {
-        var expectedFrameTime = 16.67,
-          hasRecentSyncWork = timeSinceLastFrame > expectedFrameTime * numDroppedFramesUntilPause;
-        hasRecentSyncWork || Nodes.forEach(updateLayoutIfChanged);
-      }
-      rAF(layoutOnAnimationFrame);
-    };
-  var updateLayoutIfChanged2 = updateLayoutIfChanged,
-    layoutOnAnimationFrame2 = layoutOnAnimationFrame,
+  let layoutOnAnimationFrame = function () {
+    var now = Date.now(),
+      timeSinceLastFrame = now - lastFrameAt;
+    if (lastFrameAt = now, strategy !== "off") {
+      var expectedFrameTime = 16.67,
+        hasRecentSyncWork = timeSinceLastFrame > expectedFrameTime * numDroppedFramesUntilPause;
+      hasRecentSyncWork || Nodes.forEach(updateLayoutIfChanged);
+    }
+    rAF(layoutOnAnimationFrame);
+  };
+  var layoutOnAnimationFrame2 = layoutOnAnimationFrame,
     avoidUpdates = !0,
     queuedUpdates = /* @__PURE__ */new Map(),
     lastFrameAt = Date.now(),
@@ -49,7 +32,50 @@ if (isClient) if (rAF) {
     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?.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
+      !isEqualShallow(cachedRect, nodeRect) && (!cachedParentRect || !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) {
     var res = null;
@@ -89,6 +115,43 @@ var getElementLayoutEvent = function (target) {
       }
     }
   },
+  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?.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,
@@ -116,9 +179,11 @@ function useElementLayout(ref, onLayout) {
       var node2 = (_ref_current2 = ref.current) === null || _ref_current2 === void 0 ? void 0 : _ref_current2.host;
       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);
       };
     }
   }, [ref, !!onLayout]);
 }
-export { getElementLayoutEvent, measureLayout, setOnLayoutStrategy, useElementLayout };
+export { getElementLayoutEvent, getElementLayoutEventAsync, measureLayout, measureLayoutAsync, setOnLayoutStrategy, useElementLayout };
 //# sourceMappingURL=useElementLayout.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["isClient","useIsomorphicLayoutEffect","isEqualShallow","___onDidFinishClientRender","LayoutHandlers","WeakMap","Nodes","Set","status","setOnLayoutStrategy","state","NodeRectCache","ParentRectCache","rAF","window","requestAnimationFrame","updateLayoutIfChanged","node","nodeRect","getBoundingClientRect","parentNode","parentElement","parentRect","onLayout","get","cachedRect","cachedParentRect","set","event","getElementLayoutEvent","avoidUpdates","queuedUpdates","layoutOnAnimationFrame","now","Date","timeSinceLastFrame","lastFrameAt","expectedFrameTime","hasRecentSyncWork","numDroppedFramesUntilPause","forEach","updateLayoutIfChanged2","layoutOnAnimationFrame2","Map","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"],"sources":["../../../src/hooks/useElementLayout.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["isClient","useIsomorphicLayoutEffect","isEqualShallow","___onDidFinishClientRender","LayoutHandlers","WeakMap","Nodes","Set","strategy","setOnLayoutStrategy","state","NodeRectCache","ParentRectCache","DebounceTimers","LastChangeTime","rAF","window","requestAnimationFrame","DEBOUNCE_DELAY","layoutOnAnimationFrame","now","Date","timeSinceLastFrame","lastFrameAt","expectedFrameTime","hasRecentSyncWork","numDroppedFramesUntilPause","forEach","updateLayoutIfChanged","layoutOnAnimationFrame2","avoidUpdates","queuedUpdates","Map","cb","clear","node","nodeRect","getBoundingClientRect","parentNode","parentElement","parentRect","onLayout","get","cachedRect","cachedParentRect","set","event","getElementLayoutEvent","existingTimer","clearTimeout","timer","setTimeout","lastChange","timeSinceChange","event2","getElementLayoutEventAsync","delete","remainingDelay","newTimer","event3","event1","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"],"sources":["../../../src/hooks/useElementLayout.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}