@tamagui/core 1.92.1 → 1.93.0

package/dist/cjs/hooks/useElementLayout.js

@@ -14,30 +14,42 @@ var __export = (target, all) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var useElementLayout_exports = {};
 __export(useElementLayout_exports, {
+  measureElement: () => measureElement,
   measureLayout: () => measureLayout,
   useElementLayout: () => useElementLayout
 });
 module.exports = __toCommonJS(useElementLayout_exports);
 var import_constants = require("@tamagui/constants"), import_getBoundingClientRect = require("../helpers/getBoundingClientRect");
-const LayoutHandlers = /* @__PURE__ */ new WeakMap();
+const LayoutHandlers = /* @__PURE__ */ new WeakMap(), resizeListeners = /* @__PURE__ */ new Set();
 let resizeObserver = null;
-typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new ResizeObserver((entries) => {
+if (typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new ResizeObserver((entries) => {
   for (const { target } of entries) {
     const onLayout = LayoutHandlers.get(target);
     if (typeof onLayout != "function")
       return;
-    measureLayout(target, null, (x, y, width, height, left, top) => {
-      onLayout({
-        nativeEvent: {
-          layout: { x, y, width, height, left, top },
-          target
-        },
-        timeStamp: Date.now()
-      });
+    measureElement(target).then((event) => {
+      onLayout(event);
     });
   }
-}));
-const cache = /* @__PURE__ */ new WeakMap(), measureLayout = (node, relativeTo, callback) => {
+}), typeof window.addEventListener == "function")) {
+  let tm;
+  window.addEventListener("resize", () => {
+    clearTimeout(tm), tm = setTimeout(() => {
+      resizeListeners.forEach((cb) => cb());
+    }, 4);
+  });
+}
+const measureElement = async (target) => new Promise((res) => {
+  measureLayout(target, null, (x, y, width, height, left, top) => {
+    res({
+      nativeEvent: {
+        layout: { x, y, width, height, left, top },
+        target
+      },
+      timeStamp: Date.now()
+    });
+  });
+}), cache = /* @__PURE__ */ new WeakMap(), measureLayout = (node, relativeTo, callback) => {
   const relativeNode = relativeTo || node?.parentNode;
   if (relativeNode instanceof HTMLElement) {
     const now = Date.now();
@@ -73,13 +85,22 @@ const cache = /* @__PURE__ */ new WeakMap(), measureLayout = (node, relativeTo,
 });
 function useElementLayout(ref, onLayout) {
   (0, import_constants.useIsomorphicLayoutEffect)(() => {
-    if (!resizeObserver || !onLayout)
+    if (!onLayout)
       return;
     const node = ref.current;
-    if (node)
-      return LayoutHandlers.set(node, onLayout), resizeObserver.observe(node), () => {
-        resizeObserver?.unobserve(node);
-      };
-  }, [ref, onLayout]);
+    node && LayoutHandlers.set(node, onLayout);
+  }, [ref, onLayout]), (0, import_constants.useIsomorphicLayoutEffect)(() => {
+    if (!resizeObserver)
+      return;
+    const node = ref.current;
+    if (!node || !LayoutHandlers.has(node))
+      return;
+    const onResize = () => {
+      measureElement(node).then(onLayout);
+    };
+    return resizeListeners.add(onResize), resizeObserver.observe(node), () => {
+      resizeListeners.delete(onResize), resizeObserver?.unobserve(node);
+    };
+  }, [ref]);
 }
 //# sourceMappingURL=useElementLayout.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useElementLayout.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA0C,+BAE1C,+BAAsC;AAEtC,MAAM,iBAAiB,oBAAI,QAA2B;AAoBtD,IAAI,iBAAwC;AAExC,OAAO,SAAW,OAAe,oBAAoB,WACvD,iBAAiB,IAAI,eAAe,CAAC,YAAY;AAC/C,aAAW,EAAE,OAAO,KAAK,SAAS;AAChC,UAAM,WAAW,eAAe,IAAI,MAAM;AAC1C,QAAI,OAAO,YAAa;AAAY;AACpC,kBAAc,QAAuB,MAAM,CAAC,GAAG,GAAG,OAAO,QAAQ,MAAM,QAAQ;AAC7E,eAAS;AAAA,QACP,aAAa;AAAA,UACX,QAAQ,EAAE,GAAG,GAAG,OAAO,QAAQ,MAAM,IAAI;AAAA,UACzC;AAAA,QACF;AAAA,QACA,WAAW,KAAK,IAAI;AAAA,MACtB,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF,CAAC;AAGH,MAAM,QAAQ,oBAAI,QAAQ,GAEb,gBAAgB,CAC3B,MACA,YACA,aAQG;AACH,QAAM,eAAe,cAAc,MAAM;AACzC,MAAI,wBAAwB,aAAa;AACvC,UAAM,MAAM,KAAK,IAAI;AACrB,UAAM,IAAI,MAAM,GAAG,GACnB,QAAQ,IAAI;AAAA,MACV,2BAA2B,IAAI;AAAA,MAC/B,2BAA2B,YAAY;AAAA,IACzC,CAAC,EAAE,KAAK,CAAC,CAAC,SAAS,eAAe,MAAM;AACtC,UAAI,mBAAmB,WAAW,MAAM,IAAI,IAAI,MAAM,KAAK;AACzD,cAAM,EAAE,GAAG,GAAG,OAAO,QAAQ,MAAM,IAAI,IAAI;AAAA,UACzC;AAAA,UACA;AAAA,QACF;AACA,iBAAS,GAAG,GAAG,OAAO,QAAQ,MAAM,GAAG;AAAA,MACzC;AAAA,IACF,CAAC;AAAA,EACH;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,GAEM,6BAA6B,CACjC,YAEO,IAAI,QAAQ,CAAC,YAAY;AAC9B,WAAS,iBAAiB;AACxB,gBAAQ,oDAAsB,OAAO,CAAC;AAAA,EACxC;AACA,QAAM,KAAK,WAAW,gBAAgB,EAAE;AAWxC,EAViB,IAAI;AAAA,IACnB,CAAC,SAAS,OAAO;AACf,mBAAa,EAAE,GACf,GAAG,WAAW,GACd,QAAQ,QAAQ,CAAC,GAAG,kBAAkB;AAAA,IACxC;AAAA,IACA;AAAA,MACE,WAAW;AAAA,IACb;AAAA,EACF,EACS,QAAQ,OAAO;AAC1B,CAAC;AAGI,SAAS,iBACd,KACA,UACA;AACA,kDAA0B,MAAM;AAC9B,QAAI,CAAC,kBAAkB,CAAC;AAAU;AAClC,UAAM,OAAO,IAAI;AACjB,QAAK;AACL,4BAAe,IAAI,MAAM,QAAQ,GACjC,eAAe,QAAQ,IAAI,GACpB,MAAM;AACX,wBAAgB,UAAU,IAAI;AAAA,MAChC;AAAA,EACF,GAAG,CAAC,KAAK,QAAQ,CAAC;AACpB;",
+  "mappings": "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",
   "names": []
 }

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

@@ -15,6 +15,7 @@ var __export = (target, all) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var useElementLayout_exports = {};
 __export(useElementLayout_exports, {
+  measureElement: () => measureElement,
   measureLayout: () => measureLayout,
   useElementLayout: () => useElementLayout
 });
@@ -30,6 +31,30 @@ function _array_with_holes(arr) {
   if (Array.isArray(arr))
     return arr;
 }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+  try {
+    var info = gen[key](arg), value = info.value;
+  } catch (error) {
+    reject(error);
+    return;
+  }
+  info.done ? resolve(value) : Promise.resolve(value).then(_next, _throw);
+}
+function _async_to_generator(fn) {
+  return function() {
+    var self = this, args = arguments;
+    return new Promise(function(resolve, reject) {
+      var gen = fn.apply(self, args);
+      function _next(value) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+      }
+      function _throw(err) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+      }
+      _next(void 0);
+    });
+  };
+}
 function _instanceof(left, right) {
   return right != null && typeof Symbol < "u" && right[Symbol.hasInstance] ? !!right[Symbol.hasInstance](left) : left instanceof right;
 }
@@ -74,9 +99,99 @@ function _unsupported_iterable_to_array(o, minLen) {
       return _array_like_to_array(o, minLen);
   }
 }
-var LayoutHandlers = /* @__PURE__ */ new WeakMap();
-var resizeObserver = null;
-typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new ResizeObserver(function(entries) {
+function _ts_generator(thisArg, body) {
+  var f, y, t, g, _ = {
+    label: 0,
+    sent: function() {
+      if (t[0] & 1)
+        throw t[1];
+      return t[1];
+    },
+    trys: [],
+    ops: []
+  };
+  return g = {
+    next: verb(0),
+    throw: verb(1),
+    return: verb(2)
+  }, typeof Symbol == "function" && (g[Symbol.iterator] = function() {
+    return this;
+  }), g;
+  function verb(n) {
+    return function(v) {
+      return step([
+        n,
+        v
+      ]);
+    };
+  }
+  function step(op) {
+    if (f)
+      throw new TypeError("Generator is already executing.");
+    for (; _; )
+      try {
+        if (f = 1, y && (t = op[0] & 2 ? y.return : op[0] ? y.throw || ((t = y.return) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
+          return t;
+        switch (y = 0, t && (op = [
+          op[0] & 2,
+          t.value
+        ]), op[0]) {
+          case 0:
+          case 1:
+            t = op;
+            break;
+          case 4:
+            return _.label++, {
+              value: op[1],
+              done: !1
+            };
+          case 5:
+            _.label++, y = op[1], op = [
+              0
+            ];
+            continue;
+          case 7:
+            op = _.ops.pop(), _.trys.pop();
+            continue;
+          default:
+            if (t = _.trys, !(t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+              _ = 0;
+              continue;
+            }
+            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+              _.label = op[1];
+              break;
+            }
+            if (op[0] === 6 && _.label < t[1]) {
+              _.label = t[1], t = op;
+              break;
+            }
+            if (t && _.label < t[2]) {
+              _.label = t[2], _.ops.push(op);
+              break;
+            }
+            t[2] && _.ops.pop(), _.trys.pop();
+            continue;
+        }
+        op = body.call(thisArg, _);
+      } catch (e) {
+        op = [
+          6,
+          e
+        ], y = 0;
+      } finally {
+        f = t = 0;
+      }
+    if (op[0] & 5)
+      throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: !0
+    };
+  }
+}
+var LayoutHandlers = /* @__PURE__ */ new WeakMap(), resizeListeners = /* @__PURE__ */ new Set(), resizeObserver = null;
+if (typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new ResizeObserver(function(entries) {
   var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
   try {
     for (var _loop = function() {
@@ -85,21 +200,8 @@ typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new Resiz
         return {
           v: void 0
         };
-      measureLayout(target, null, function(x, y, width, height, left, top) {
-        onLayout({
-          nativeEvent: {
-            layout: {
-              x,
-              y,
-              width,
-              height,
-              left,
-              top
-            },
-            target
-          },
-          timeStamp: Date.now()
-        });
+      measureElement(target).then(function(event) {
+        onLayout(event);
       });
     }, _iterator = entries[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
       var _ret = _loop();
@@ -116,8 +218,46 @@ typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new Resiz
         throw _iteratorError;
     }
   }
-}));
-var cache = /* @__PURE__ */ new WeakMap(), measureLayout = function(node, relativeTo, callback) {
+}), typeof window.addEventListener == "function")) {
+  var tm;
+  window.addEventListener("resize", function() {
+    clearTimeout(tm), tm = setTimeout(function() {
+      resizeListeners.forEach(function(cb) {
+        return cb();
+      });
+    }, 4);
+  });
+}
+var measureElement = function() {
+  var _ref = _async_to_generator(function(target) {
+    return _ts_generator(this, function(_state) {
+      return [
+        2,
+        new Promise(function(res) {
+          measureLayout(target, null, function(x, y, width, height, left, top) {
+            res({
+              nativeEvent: {
+                layout: {
+                  x,
+                  y,
+                  width,
+                  height,
+                  left,
+                  top
+                },
+                target
+              },
+              timeStamp: Date.now()
+            });
+          });
+        })
+      ];
+    });
+  });
+  return function(target) {
+    return _ref.apply(this, arguments);
+  };
+}(), cache = /* @__PURE__ */ new WeakMap(), measureLayout = function(node, relativeTo, callback) {
   var relativeNode = relativeTo || (node == null ? void 0 : node.parentNode);
   if (_instanceof(relativeNode, HTMLElement)) {
     var now = Date.now();
@@ -157,20 +297,32 @@ var cache = /* @__PURE__ */ new WeakMap(), measureLayout = function(node, relati
 };
 function useElementLayout(ref, onLayout) {
   (0, import_constants.useIsomorphicLayoutEffect)(function() {
-    if (!(!resizeObserver || !onLayout)) {
+    if (onLayout) {
       var node = ref.current;
-      if (node)
-        return LayoutHandlers.set(node, onLayout), resizeObserver.observe(node), function() {
-          resizeObserver == null || resizeObserver.unobserve(node);
-        };
+      node && LayoutHandlers.set(node, onLayout);
     }
   }, [
     ref,
     onLayout
+  ]), (0, import_constants.useIsomorphicLayoutEffect)(function() {
+    if (resizeObserver) {
+      var node = ref.current;
+      if (node && LayoutHandlers.has(node)) {
+        var onResize = function() {
+          measureElement(node).then(onLayout);
+        };
+        return resizeListeners.add(onResize), resizeObserver.observe(node), function() {
+          resizeListeners.delete(onResize), resizeObserver == null || resizeObserver.unobserve(node);
+        };
+      }
+    }
+  }, [
+    ref
   ]);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  measureElement,
   measureLayout,
   useElementLayout
 });

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/Users/n8/tamagui/packages/core/src/hooks/useElementLayout.tsx"],
-  "mappings": "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",
-  "names": ["LayoutHandlers", "WeakMap", "resizeObserver", "window", "ResizeObserver", "entries", "target", "onLayout", "LayoutHandlers", "get", "measureLayout", "x", "y", "width", "height", "left", "top", "nativeEvent", "layout", "timeStamp", "Date", "now", "cache", "WeakMap", "node", "relativeTo", "callback", "relativeNode", "parentNode", "HTMLElement", "set", "Promise", "all", "getBoundingClientRectAsync", "then", "nodeDim", "relativeNodeDim", "getRelativeDimensions", "a", "b", "element", "resolve", "fallbackToSync", "getBoundingClientRect", "tm", "setTimeout", "observer", "IntersectionObserver", "ob", "clearTimeout", "disconnect", "boundingClientRect", "threshold", "observe", "useElementLayout", "ref", "useIsomorphicLayoutEffect", "current", "unobserve"]
+  "mappings": "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",
+  "names": ["LayoutHandlers", "WeakMap", "resizeListeners", "Set", "resizeObserver", "window", "ResizeObserver", "entries", "target", "onLayout", "get", "measureElement", "then", "event", "addEventListener", "tm", "clearTimeout", "setTimeout", "forEach", "cb", "Promise", "res", "measureLayout", "x", "y", "width", "height", "left", "top", "nativeEvent", "layout", "timeStamp", "Date", "now", "cache", "node", "relativeTo", "callback", "relativeNode", "parentNode", "HTMLElement", "set", "all", "getBoundingClientRectAsync", "nodeDim", "relativeNodeDim", "getRelativeDimensions", "a", "b", "element", "resolve", "fallbackToSync", "getBoundingClientRect", "observer", "IntersectionObserver", "ob", "disconnect", "boundingClientRect", "threshold", "observe", "useElementLayout", "ref", "useIsomorphicLayoutEffect", "current", "has", "onResize", "add", "delete", "unobserve"]
 }

package/dist/esm/hooks/useElementLayout.js

@@ -1,24 +1,35 @@
 import { useIsomorphicLayoutEffect } from "@tamagui/constants";
 import { getBoundingClientRect } from "../helpers/getBoundingClientRect";
-const LayoutHandlers = /* @__PURE__ */ new WeakMap();
+const LayoutHandlers = /* @__PURE__ */ new WeakMap(), resizeListeners = /* @__PURE__ */ new Set();
 let resizeObserver = null;
-typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new ResizeObserver((entries) => {
+if (typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new ResizeObserver((entries) => {
   for (const { target } of entries) {
     const onLayout = LayoutHandlers.get(target);
     if (typeof onLayout != "function")
       return;
-    measureLayout(target, null, (x, y, width, height, left, top) => {
-      onLayout({
-        nativeEvent: {
-          layout: { x, y, width, height, left, top },
-          target
-        },
-        timeStamp: Date.now()
-      });
+    measureElement(target).then((event) => {
+      onLayout(event);
     });
   }
-}));
-const cache = /* @__PURE__ */ new WeakMap(), measureLayout = (node, relativeTo, callback) => {
+}), typeof window.addEventListener == "function")) {
+  let tm;
+  window.addEventListener("resize", () => {
+    clearTimeout(tm), tm = setTimeout(() => {
+      resizeListeners.forEach((cb) => cb());
+    }, 4);
+  });
+}
+const measureElement = async (target) => new Promise((res) => {
+  measureLayout(target, null, (x, y, width, height, left, top) => {
+    res({
+      nativeEvent: {
+        layout: { x, y, width, height, left, top },
+        target
+      },
+      timeStamp: Date.now()
+    });
+  });
+}), cache = /* @__PURE__ */ new WeakMap(), measureLayout = (node, relativeTo, callback) => {
   const relativeNode = relativeTo || node?.parentNode;
   if (relativeNode instanceof HTMLElement) {
     const now = Date.now();
@@ -54,16 +65,26 @@ const cache = /* @__PURE__ */ new WeakMap(), measureLayout = (node, relativeTo,
 });
 function useElementLayout(ref, onLayout) {
   useIsomorphicLayoutEffect(() => {
-    if (!resizeObserver || !onLayout)
+    if (!onLayout)
       return;
     const node = ref.current;
-    if (node)
-      return LayoutHandlers.set(node, onLayout), resizeObserver.observe(node), () => {
-        resizeObserver?.unobserve(node);
-      };
-  }, [ref, onLayout]);
+    node && LayoutHandlers.set(node, onLayout);
+  }, [ref, onLayout]), useIsomorphicLayoutEffect(() => {
+    if (!resizeObserver)
+      return;
+    const node = ref.current;
+    if (!node || !LayoutHandlers.has(node))
+      return;
+    const onResize = () => {
+      measureElement(node).then(onLayout);
+    };
+    return resizeListeners.add(onResize), resizeObserver.observe(node), () => {
+      resizeListeners.delete(onResize), resizeObserver?.unobserve(node);
+    };
+  }, [ref]);
 }
 export {
+  measureElement,
   measureLayout,
   useElementLayout
 };

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useElementLayout.tsx"],
-  "mappings": "AAAA,SAAS,iCAAiC;AAE1C,SAAS,6BAA6B;AAEtC,MAAM,iBAAiB,oBAAI,QAA2B;AAoBtD,IAAI,iBAAwC;AAExC,OAAO,SAAW,OAAe,oBAAoB,WACvD,iBAAiB,IAAI,eAAe,CAAC,YAAY;AAC/C,aAAW,EAAE,OAAO,KAAK,SAAS;AAChC,UAAM,WAAW,eAAe,IAAI,MAAM;AAC1C,QAAI,OAAO,YAAa;AAAY;AACpC,kBAAc,QAAuB,MAAM,CAAC,GAAG,GAAG,OAAO,QAAQ,MAAM,QAAQ;AAC7E,eAAS;AAAA,QACP,aAAa;AAAA,UACX,QAAQ,EAAE,GAAG,GAAG,OAAO,QAAQ,MAAM,IAAI;AAAA,UACzC;AAAA,QACF;AAAA,QACA,WAAW,KAAK,IAAI;AAAA,MACtB,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF,CAAC;AAGH,MAAM,QAAQ,oBAAI,QAAQ,GAEb,gBAAgB,CAC3B,MACA,YACA,aAQG;AACH,QAAM,eAAe,cAAc,MAAM;AACzC,MAAI,wBAAwB,aAAa;AACvC,UAAM,MAAM,KAAK,IAAI;AACrB,UAAM,IAAI,MAAM,GAAG,GACnB,QAAQ,IAAI;AAAA,MACV,2BAA2B,IAAI;AAAA,MAC/B,2BAA2B,YAAY;AAAA,IACzC,CAAC,EAAE,KAAK,CAAC,CAAC,SAAS,eAAe,MAAM;AACtC,UAAI,mBAAmB,WAAW,MAAM,IAAI,IAAI,MAAM,KAAK;AACzD,cAAM,EAAE,GAAG,GAAG,OAAO,QAAQ,MAAM,IAAI,IAAI;AAAA,UACzC;AAAA,UACA;AAAA,QACF;AACA,iBAAS,GAAG,GAAG,OAAO,QAAQ,MAAM,GAAG;AAAA,MACzC;AAAA,IACF,CAAC;AAAA,EACH;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,GAEM,6BAA6B,CACjC,YAEO,IAAI,QAAQ,CAAC,YAAY;AAC9B,WAAS,iBAAiB;AACxB,YAAQ,sBAAsB,OAAO,CAAC;AAAA,EACxC;AACA,QAAM,KAAK,WAAW,gBAAgB,EAAE;AAWxC,EAViB,IAAI;AAAA,IACnB,CAAC,SAAS,OAAO;AACf,mBAAa,EAAE,GACf,GAAG,WAAW,GACd,QAAQ,QAAQ,CAAC,GAAG,kBAAkB;AAAA,IACxC;AAAA,IACA;AAAA,MACE,WAAW;AAAA,IACb;AAAA,EACF,EACS,QAAQ,OAAO;AAC1B,CAAC;AAGI,SAAS,iBACd,KACA,UACA;AACA,4BAA0B,MAAM;AAC9B,QAAI,CAAC,kBAAkB,CAAC;AAAU;AAClC,UAAM,OAAO,IAAI;AACjB,QAAK;AACL,4BAAe,IAAI,MAAM,QAAQ,GACjC,eAAe,QAAQ,IAAI,GACpB,MAAM;AACX,wBAAgB,UAAU,IAAI;AAAA,MAChC;AAAA,EACF,GAAG,CAAC,KAAK,QAAQ,CAAC;AACpB;",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/hooks/useElementLayout.mjs

@@ -1,15 +1,29 @@
 import { useIsomorphicLayoutEffect } from "@tamagui/constants";
 import { getBoundingClientRect } from "../helpers/getBoundingClientRect.mjs";
-const LayoutHandlers = /* @__PURE__ */new WeakMap();
+const LayoutHandlers = /* @__PURE__ */new WeakMap(),
+  resizeListeners = /* @__PURE__ */new Set();
 let resizeObserver = null;
-typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new ResizeObserver(entries => {
+if (typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new ResizeObserver(entries => {
   for (const {
     target
   } of entries) {
     const onLayout = LayoutHandlers.get(target);
     if (typeof onLayout != "function") return;
+    measureElement(target).then(event => {
+      onLayout(event);
+    });
+  }
+}), typeof window.addEventListener == "function")) {
+  let tm;
+  window.addEventListener("resize", () => {
+    clearTimeout(tm), tm = setTimeout(() => {
+      resizeListeners.forEach(cb => cb());
+    }, 4);
+  });
+}
+const measureElement = async target => new Promise(res => {
     measureLayout(target, null, (x, y, width, height, left, top) => {
-      onLayout({
+      res({
         nativeEvent: {
           layout: {
             x,
@@ -24,9 +38,8 @@ typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new Resiz
         timeStamp: Date.now()
       });
     });
-  }
-}));
-const cache = /* @__PURE__ */new WeakMap(),
+  }),
+  cache = /* @__PURE__ */new WeakMap(),
   measureLayout = (node, relativeTo, callback) => {
     const relativeNode = relativeTo || node?.parentNode;
     if (relativeNode instanceof HTMLElement) {
@@ -77,11 +90,19 @@ const cache = /* @__PURE__ */new WeakMap(),
   });
 function useElementLayout(ref, onLayout) {
   useIsomorphicLayoutEffect(() => {
-    if (!resizeObserver || !onLayout) return;
+    if (!onLayout) return;
+    const node = ref.current;
+    node && LayoutHandlers.set(node, onLayout);
+  }, [ref, onLayout]), useIsomorphicLayoutEffect(() => {
+    if (!resizeObserver) return;
     const node = ref.current;
-    if (node) return LayoutHandlers.set(node, onLayout), resizeObserver.observe(node), () => {
-      resizeObserver?.unobserve(node);
+    if (!node || !LayoutHandlers.has(node)) return;
+    const onResize = () => {
+      measureElement(node).then(onLayout);
+    };
+    return resizeListeners.add(onResize), resizeObserver.observe(node), () => {
+      resizeListeners.delete(onResize), resizeObserver?.unobserve(node);
     };
-  }, [ref, onLayout]);
+  }, [ref]);
 }
-export { measureLayout, useElementLayout };
+export { measureElement, measureLayout, useElementLayout };