@tamagui/core 1.126.13 → 1.126.14

package/dist/cjs/hooks/useElementLayout.cjs

@@ -20,37 +20,48 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var useElementLayout_exports = {};
 __export(useElementLayout_exports, {
-  measureElement: () => measureElement,
+  getElementLayoutEvent: () => getElementLayoutEvent,
   measureLayout: () => measureLayout,
   useElementLayout: () => useElementLayout
 });
 module.exports = __toCommonJS(useElementLayout_exports);
 var import_constants = require("@tamagui/constants"),
-  import_getBoundingClientRect = require("../helpers/getBoundingClientRect.cjs");
+  import_web = require("@tamagui/web");
 const LayoutHandlers = /* @__PURE__ */new WeakMap(),
-  resizeListeners = /* @__PURE__ */new Set();
-let resizeObserver = null;
-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) => {
-      res({
+  Nodes = /* @__PURE__ */new Set(),
+  NodeRectCache = /* @__PURE__ */new WeakMap(),
+  ParentRectCache = /* @__PURE__ */new WeakMap(),
+  rAF = typeof window < "u" ? window.requestAnimationFrame : void 0;
+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 () {
+      Nodes.forEach(updateLayoutIfChanged), rAF(layoutOnAnimationFrame);
+    },
+    avoidUpdates = !0;
+  const queuedUpdates = /* @__PURE__ */new Map();
+  (0, import_web.___onDidFinishClientRender)(() => {
+    avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(cb => cb()), queuedUpdates.clear());
+  }), 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;
+    if (measureLayout(target, null, (x, y, width, height, left, top) => {
+      res = {
         nativeEvent: {
           layout: {
             x,
@@ -63,27 +74,26 @@ const measureElement = async target => new Promise(res => {
           target
         },
         timeStamp: Date.now()
-      });
-    });
-  }),
-  cache = /* @__PURE__ */new WeakMap(),
+      };
+    }), !res) throw new Error("\u203C\uFE0F");
+    return res;
+  },
   measureLayout = (node, relativeTo, callback) => {
-    const relativeNode = relativeTo || node?.parentNode;
+    const relativeNode = relativeTo || node?.parentElement;
     if (relativeNode instanceof HTMLElement) {
-      const now = Date.now();
-      cache.set(node, now), Promise.all([getBoundingClientRectAsync(node), getBoundingClientRectAsync(relativeNode)]).then(([nodeDim, relativeNodeDim]) => {
-        if (relativeNodeDim && nodeDim && cache.get(node) === now) {
-          const {
-            x,
-            y,
-            width,
-            height,
-            left,
-            top
-          } = getRelativeDimensions(nodeDim, relativeNodeDim);
-          callback(x, y, width, height, left, top);
-        }
-      });
+      const nodeDim = node.getBoundingClientRect(),
+        relativeNodeDim = 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) => {
@@ -103,30 +113,14 @@ const measureElement = async target => new Promise(res => {
       left,
       top
     };
-  },
-  getBoundingClientRectAsync = element => new Promise(resolve => {
-    function fallbackToSync() {
-      resolve((0, import_getBoundingClientRect.getBoundingClientRect)(element));
-    }
-    const tm = setTimeout(fallbackToSync, 10);
-    new IntersectionObserver((entries, ob) => {
-      clearTimeout(tm), ob.disconnect(), resolve(entries[0]?.boundingClientRect);
-    }, {
-      threshold: 1e-4
-    }).observe(element);
-  });
+  };
 function useElementLayout(ref, onLayout) {
   const node = ref.current?.host;
   node && onLayout && LayoutHandlers.set(node, onLayout), (0, import_constants.useIsomorphicLayoutEffect)(() => {
-    if (!resizeObserver || !onLayout) return;
+    if (!onLayout) return;
     const node2 = ref.current?.host;
-    if (!node2) return;
-    LayoutHandlers.set(node2, onLayout);
-    const onResize = () => {
-      measureElement(node2).then(onLayout);
-    };
-    return resizeListeners.add(onResize), resizeObserver.observe(node2), () => {
-      LayoutHandlers.delete(node2), resizeListeners.delete(onResize), resizeObserver?.unobserve(node2);
+    if (node2) return LayoutHandlers.set(node2, onLayout), Nodes.add(node2), onLayout(getElementLayoutEvent(node2)), () => {
+      Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2);
     };
   }, [ref, !!onLayout]);
 }

package/dist/cjs/hooks/useElementLayout.js

@@ -14,87 +14,74 @@ var __export = (target, all) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var useElementLayout_exports = {};
 __export(useElementLayout_exports, {
-  measureElement: () => measureElement,
+  getElementLayoutEvent: () => getElementLayoutEvent,
   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(), resizeListeners = /* @__PURE__ */ new Set();
-let resizeObserver = null;
-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) => {
-    res({
+var import_constants = require("@tamagui/constants"), import_web = require("@tamagui/web");
+const LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0;
+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() {
+      Nodes.forEach(updateLayoutIfChanged), rAF(layoutOnAnimationFrame);
+    }, avoidUpdates = !0;
+    const queuedUpdates = /* @__PURE__ */ new Map();
+    (0, import_web.___onDidFinishClientRender)(() => {
+      avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach((cb) => cb()), queuedUpdates.clear());
+    }), 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;
+  if (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;
+    };
+  }), !res)
+    throw new Error("\u203C\uFE0F");
+  return res;
+}, measureLayout = (node, relativeTo, callback) => {
+  const relativeNode = relativeTo || node?.parentElement;
   if (relativeNode instanceof HTMLElement) {
-    const now = Date.now();
-    cache.set(node, now), Promise.all([
-      getBoundingClientRectAsync(node),
-      getBoundingClientRectAsync(relativeNode)
-    ]).then(([nodeDim, relativeNodeDim]) => {
-      if (relativeNodeDim && nodeDim && cache.get(node) === now) {
-        const { x, y, width, height, left, top } = getRelativeDimensions(
-          nodeDim,
-          relativeNodeDim
-        );
-        callback(x, y, width, height, left, top);
-      }
-    });
+    const nodeDim = node.getBoundingClientRect(), relativeNodeDim = 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 };
-}, getBoundingClientRectAsync = (element) => new Promise((resolve) => {
-  function fallbackToSync() {
-    resolve((0, import_getBoundingClientRect.getBoundingClientRect)(element));
-  }
-  const tm = setTimeout(fallbackToSync, 10);
-  new IntersectionObserver(
-    (entries, ob) => {
-      clearTimeout(tm), ob.disconnect(), resolve(entries[0]?.boundingClientRect);
-    },
-    {
-      threshold: 1e-4
-    }
-  ).observe(element);
-});
+};
 function useElementLayout(ref, onLayout) {
   const node = ref.current?.host;
   node && onLayout && LayoutHandlers.set(node, onLayout), (0, import_constants.useIsomorphicLayoutEffect)(() => {
-    if (!resizeObserver || !onLayout) return;
+    if (!onLayout) return;
     const node2 = ref.current?.host;
-    if (!node2) return;
-    LayoutHandlers.set(node2, onLayout);
-    const onResize = () => {
-      measureElement(node2).then(onLayout);
-    };
-    return resizeListeners.add(onResize), resizeObserver.observe(node2), () => {
-      LayoutHandlers.delete(node2), resizeListeners.delete(onResize), resizeObserver?.unobserve(node2);
-    };
+    if (node2)
+      return LayoutHandlers.set(node2, onLayout), Nodes.add(node2), onLayout(getElementLayoutEvent(node2)), () => {
+        Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2);
+      };
   }, [ref, !!onLayout]);
 }
 //# sourceMappingURL=useElementLayout.js.map

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

@@ -15,85 +15,66 @@ var __export = (target, all) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var useElementLayout_exports = {};
 __export(useElementLayout_exports, {
-  measureElement: () => measureElement,
+  getElementLayoutEvent: () => getElementLayoutEvent,
   measureLayout: () => measureLayout,
   useElementLayout: () => useElementLayout
 });
 module.exports = __toCommonJS(useElementLayout_exports);
-var import_constants = require("@tamagui/constants"), import_getBoundingClientRect = require("../helpers/getBoundingClientRect");
-function _type_of(obj) {
-  "@swc/helpers - typeof";
-  return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
-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() {
-      var { target } = _step.value, onLayout = LayoutHandlers.get(target);
-      if (typeof onLayout != "function") return {
-        v: void 0
-      };
-      measureElement(target).then(function(event) {
-        onLayout(event);
-      });
-    }, _iterator = entries[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
-      var _ret = _loop();
-      if (_type_of(_ret) === "object") return _ret.v;
-    }
-  } catch (err) {
-    _didIteratorError = !0, _iteratorError = err;
-  } finally {
-    try {
-      !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
-    } finally {
-      if (_didIteratorError)
-        throw _iteratorError;
-    }
-  }
-}), typeof window.addEventListener == "function")) {
-  var tm;
-  window.addEventListener("resize", function() {
-    clearTimeout(tm), tm = setTimeout(function() {
-      resizeListeners.forEach(function(cb) {
+var import_constants = require("@tamagui/constants"), import_web = require("@tamagui/web"), LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0;
+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() {
+      Nodes.forEach(updateLayoutIfChanged), rAF(layoutOnAnimationFrame);
+    };
+    var updateLayoutIfChanged2 = updateLayoutIfChanged, layoutOnAnimationFrame2 = layoutOnAnimationFrame, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map();
+    (0, import_web.___onDidFinishClientRender)(function() {
+      avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(function(cb) {
         return cb();
-      });
-    }, 4);
-  });
-}
-var measureElement = async function(target) {
-  return new Promise(function(res) {
-    measureLayout(target, null, function(x, y, width, height, left, top) {
-      res({
-        nativeEvent: {
-          layout: {
-            x,
-            y,
-            width,
-            height,
-            left,
-            top
-          },
-          target
+      }), queuedUpdates.clear());
+    }), 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;
+  if (measureLayout(target, null, function(x, y, width, height, left, top) {
+    res = {
+      nativeEvent: {
+        layout: {
+          x,
+          y,
+          width,
+          height,
+          left,
+          top
         },
-        timeStamp: Date.now()
-      });
-    });
-  });
-}, cache = /* @__PURE__ */ new WeakMap(), measureLayout = function(node, relativeTo, callback) {
-  var relativeNode = relativeTo || (node == null ? void 0 : node.parentNode);
+        target
+      },
+      timeStamp: Date.now()
+    };
+  }), !res)
+    throw new Error("\u203C\uFE0F");
+  return res;
+}, measureLayout = function(node, relativeTo, callback) {
+  var relativeNode = relativeTo || (node == null ? void 0 : node.parentElement);
   if (relativeNode instanceof HTMLElement) {
-    var now = Date.now();
-    cache.set(node, now), Promise.all([
-      getBoundingClientRectAsync(node),
-      getBoundingClientRectAsync(relativeNode)
-    ]).then(function(param) {
-      var [nodeDim, relativeNodeDim] = param;
-      if (relativeNodeDim && nodeDim && cache.get(node) === now) {
-        var { x, y, width, height, left, top } = getRelativeDimensions(nodeDim, relativeNodeDim);
-        callback(x, y, width, height, left, top);
-      }
-    });
+    var nodeDim = node.getBoundingClientRect(), relativeNodeDim = 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;
@@ -105,35 +86,17 @@ var measureElement = async function(target) {
     left,
     top
   };
-}, getBoundingClientRectAsync = function(element) {
-  return new Promise(function(resolve) {
-    function fallbackToSync() {
-      resolve((0, import_getBoundingClientRect.getBoundingClientRect)(element));
-    }
-    var tm = setTimeout(fallbackToSync, 10), observer = new IntersectionObserver(function(entries, ob) {
-      var _entries_;
-      clearTimeout(tm), ob.disconnect(), resolve((_entries_ = entries[0]) === null || _entries_ === void 0 ? void 0 : _entries_.boundingClientRect);
-    }, {
-      threshold: 1e-4
-    });
-    observer.observe(element);
-  });
 };
 function useElementLayout(ref, onLayout) {
   var _ref_current, node = (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.host;
   node && onLayout && LayoutHandlers.set(node, onLayout), (0, import_constants.useIsomorphicLayoutEffect)(function() {
     var _ref_current2;
-    if (!(!resizeObserver || !onLayout)) {
+    if (onLayout) {
       var node2 = (_ref_current2 = ref.current) === null || _ref_current2 === void 0 ? void 0 : _ref_current2.host;
-      if (node2) {
-        LayoutHandlers.set(node2, onLayout);
-        var onResize = function() {
-          measureElement(node2).then(onLayout);
+      if (node2)
+        return LayoutHandlers.set(node2, onLayout), Nodes.add(node2), onLayout(getElementLayoutEvent(node2)), function() {
+          Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2);
         };
-        return resizeListeners.add(onResize), resizeObserver.observe(node2), function() {
-          LayoutHandlers.delete(node2), resizeListeners.delete(onResize), resizeObserver == null || resizeObserver.unobserve(node2);
-        };
-      }
     }
   }, [
     ref,
@@ -142,7 +105,7 @@ function useElementLayout(ref, onLayout) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  measureElement,
+  getElementLayoutEvent,
   measureLayout,
   useElementLayout
 });

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useElementLayout.tsx"],
-  "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", "current", "host", "useIsomorphicLayoutEffect", "onResize", "add", "delete", "unobserve"]
+  "mappings": "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",
+  "names": ["LayoutHandlers", "WeakMap", "Nodes", "Set", "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", "forEach", "Map", "___onDidFinishClientRender", "cb", "clear", "process", "env", "NODE_ENV", "console", "warn", "target", "res", "measureLayout", "x", "y", "width", "height", "left", "top", "nativeEvent", "layout", "timeStamp", "Date", "now", "Error", "relativeTo", "callback", "relativeNode", "HTMLElement", "nodeDim", "relativeNodeDim", "getRelativeDimensions", "a", "b", "useElementLayout", "ref", "current", "host", "useIsomorphicLayoutEffect", "add", "delete"]
 }

package/dist/cjs/index.cjs

@@ -24,7 +24,8 @@ __export(index_exports, {
   Stack: () => Stack,
   Text: () => Text,
   View: () => View,
-  createTamagui: () => createTamagui
+  createTamagui: () => createTamagui,
+  getElementLayoutEvent: () => import_useElementLayout2.getElementLayoutEvent
 });
 module.exports = __toCommonJS(index_exports);
 var import_react_native_media_driver = require("@tamagui/react-native-media-driver"),
@@ -36,7 +37,8 @@ var import_react_native_media_driver = require("@tamagui/react-native-media-driv
   import_getRect = require("./helpers/getRect.cjs"),
   import_useElementLayout = require("./hooks/useElementLayout.cjs"),
   import_Pressability = require("./vendor/Pressability.cjs"),
-  import_addNativeValidStyles = require("./addNativeValidStyles.cjs");
+  import_addNativeValidStyles = require("./addNativeValidStyles.cjs"),
+  import_useElementLayout2 = require("./hooks/useElementLayout.cjs");
 __reExport(index_exports, require("@tamagui/web"), module.exports);
 __reExport(index_exports, require("./reactNativeTypes.cjs"), module.exports);
 (0, import_addNativeValidStyles.addNativeValidStyles)();

package/dist/cjs/index.js

@@ -17,10 +17,11 @@ __export(index_exports, {
   Stack: () => Stack,
   Text: () => Text,
   View: () => View,
-  createTamagui: () => createTamagui
+  createTamagui: () => createTamagui,
+  getElementLayoutEvent: () => import_useElementLayout2.getElementLayoutEvent
 });
 module.exports = __toCommonJS(index_exports);
-var import_react_native_media_driver = require("@tamagui/react-native-media-driver"), import_react_native_use_responder_events = require("@tamagui/react-native-use-responder-events"), import_web = require("@tamagui/web"), import_react = require("react"), import_createOptimizedView = require("./createOptimizedView"), import_getBaseViews = require("./getBaseViews"), import_getRect = require("./helpers/getRect"), import_useElementLayout = require("./hooks/useElementLayout"), import_Pressability = require("./vendor/Pressability"), import_addNativeValidStyles = require("./addNativeValidStyles");
+var import_react_native_media_driver = require("@tamagui/react-native-media-driver"), import_react_native_use_responder_events = require("@tamagui/react-native-use-responder-events"), import_web = require("@tamagui/web"), import_react = require("react"), import_createOptimizedView = require("./createOptimizedView"), import_getBaseViews = require("./getBaseViews"), import_getRect = require("./helpers/getRect"), import_useElementLayout = require("./hooks/useElementLayout"), import_Pressability = require("./vendor/Pressability"), import_addNativeValidStyles = require("./addNativeValidStyles"), import_useElementLayout2 = require("./hooks/useElementLayout");
 __reExport(index_exports, require("@tamagui/web"), module.exports);
 __reExport(index_exports, require("./reactNativeTypes"), module.exports);
 (0, import_addNativeValidStyles.addNativeValidStyles)();

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uCAA4B,+CAC5B,2CAAmC,uDAYnC,aAOO,yBACP,eAAkB,kBAElB,6BAAoC,kCACpC,sBAA6B,2BAC7B,iBAAwB,8BACxB,0BAAgD,qCAEhD,sBAAgC,kCAChC,8BAAqC;AAkCrC,0BAAc,yBA/Dd;AAkEA,0BAAc,+BAlEd;AAAA,IAgCA,kDAAqB;AAqCd,MAAM,gBAAyC,CAAC,aAM9C,WAAAA,eAAiB,IAAI,GAGxB,gBAAY,kCAAa;AAAA,IAI/B,uBAAW;AAAA,EACT;AAAA,EAEA,iBAAiB,CAAC,SAAS;AAEzB,IAAI,QAAQ,CAAC,KAAK,YAEhB,KAAK,YAAY,CAAC,iBAAa,uCAAc,MAAM,MAAM,QAAQ,GAEjE,KAAK,kBAAkB,CAAC,gBAAgB,gBACtC,uCAAc,MAAqB,gBAAgB,OAAO,GAE5D,KAAK,oBAAoB,CAAC,aAAa;AACrC,iBAAW,MAAM;AACf,cAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,QAAI,wBAAQ,IAAmB;AAChE,iBAAS,MAAM,KAAK,OAAO,MAAM;AAAA,MACnC,GAAG,CAAC;AAAA,IACN;AAAA,EAEJ;AAAA,EAEA,kBAAkB,aAAa,SAAS,UAAU,aAAa;AACnB;AACxC,YAAM,QAAQ,OAAO,eAAgB,UAG/B;AAAA;AAAA,QAEJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA,GAAG;AAAA,MACL,IAAI;AAOJ,WALI,eAAe,eACjB,0CAAiB,UAAW,QAAqB,WAAb,MAA6B,OACjE,6DAAmB,UAAW,QAAoB,UAAZ,MAAmB,IAGvD,OAAO;AAET,YAAI,cAAc,QAAQ,WAAW;AACnC,gBAAM,EAAE,UAAU,KAAK,OAAO,IAAI;AAClC,UAAI,YAAY,SACd,cAAc,WAAW,WAEvB,QACF,cAAc,MAAM,MAElB,OAAO,UAAW,aACpB,cAAc,SAAS,OAAO,OAAO,CAAC,MAAM,MAAM,IAAI,MAAM,KAAK;AAAA,QAErE;AACA,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAAA,EA0DzE;AAwBF,CAAC;AAQM,MAAM,OAAO,WAAAC,MACP,QAAQ,WAAAC,OACR,OAAO,WAAAC;",
-  "names": ["createTamaguiWeb", "WebView", "WebStack", "WebText"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uCAA4B,+CAC5B,2CAAmC,uDAYnC,aAOO,yBACP,eAAkB,kBAElB,6BAAoC,kCACpC,sBAA6B,2BAC7B,iBAAwB,8BACxB,0BAAgD,qCAEhD,sBAAgC,kCAChC,8BAAqC,mCAGrCA,2BAGO;AAkCP,0BAAc,yBArEd;AAwEA,0BAAc,+BAxEd;AAAA,IAsCA,kDAAqB;AAqCd,MAAM,gBAAyC,CAAC,aAM9C,WAAAC,eAAiB,IAAI,GAGxB,gBAAY,kCAAa;AAAA,IAI/B,uBAAW;AAAA,EACT;AAAA,EAEA,iBAAiB,CAAC,SAAS;AAEzB,IAAI,QAAQ,CAAC,KAAK,YAEhB,KAAK,YAAY,CAAC,iBAAa,uCAAc,MAAM,MAAM,QAAQ,GAEjE,KAAK,kBAAkB,CAAC,gBAAgB,gBACtC,uCAAc,MAAqB,gBAAgB,OAAO,GAE5D,KAAK,oBAAoB,CAAC,aAAa;AACrC,iBAAW,MAAM;AACf,cAAM,EAAE,QAAQ,MAAM,KAAK,MAAM,QAAI,wBAAQ,IAAmB;AAChE,iBAAS,MAAM,KAAK,OAAO,MAAM;AAAA,MACnC,GAAG,CAAC;AAAA,IACN;AAAA,EAEJ;AAAA,EAEA,kBAAkB,aAAa,SAAS,UAAU,aAAa;AACnB;AACxC,YAAM,QAAQ,OAAO,eAAgB,UAG/B;AAAA;AAAA,QAEJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA;AAAA,QAGA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA,GAAG;AAAA,MACL,IAAI;AAOJ,WALI,eAAe,eACjB,0CAAiB,UAAW,QAAqB,WAAb,MAA6B,OACjE,6DAAmB,UAAW,QAAoB,UAAZ,MAAmB,IAGvD,OAAO;AAET,YAAI,cAAc,QAAQ,WAAW;AACnC,gBAAM,EAAE,UAAU,KAAK,OAAO,IAAI;AAClC,UAAI,YAAY,SACd,cAAc,WAAW,WAEvB,QACF,cAAc,MAAM,MAElB,OAAO,UAAW,aACpB,cAAc,SAAS,OAAO,OAAO,CAAC,MAAM,MAAM,IAAI,MAAM,KAAK;AAAA,QAErE;AACA,eAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU,WAAW,QAAQ,EAAE,QAAQ,GAAG,iBAAiB,cAAc;AAAA,EA0DzE;AAwBF,CAAC;AAQM,MAAM,OAAO,WAAAC,MACP,QAAQ,WAAAC,OACR,OAAO,WAAAC;",
+  "names": ["import_useElementLayout", "createTamaguiWeb", "WebView", "WebStack", "WebText"]
 }

package/dist/cjs/index.native.js

@@ -25,10 +25,11 @@ __export(index_exports, {
   Stack: () => Stack,
   Text: () => Text,
   View: () => View,
-  createTamagui: () => createTamagui
+  createTamagui: () => createTamagui,
+  getElementLayoutEvent: () => import_useElementLayout2.getElementLayoutEvent
 });
 module.exports = __toCommonJS(index_exports);
-var import_react_native_media_driver = require("@tamagui/react-native-media-driver"), import_react_native_use_responder_events = require("@tamagui/react-native-use-responder-events"), import_web = require("@tamagui/web"), import_react = __toESM(require("react")), import_createOptimizedView = require("./createOptimizedView"), import_getBaseViews = require("./getBaseViews"), import_getRect = require("./helpers/getRect"), import_useElementLayout = require("./hooks/useElementLayout"), import_Pressability = require("./vendor/Pressability"), import_addNativeValidStyles = require("./addNativeValidStyles");
+var import_react_native_media_driver = require("@tamagui/react-native-media-driver"), import_react_native_use_responder_events = require("@tamagui/react-native-use-responder-events"), import_web = require("@tamagui/web"), import_react = __toESM(require("react")), import_createOptimizedView = require("./createOptimizedView"), import_getBaseViews = require("./getBaseViews"), import_getRect = require("./helpers/getRect"), import_useElementLayout = require("./hooks/useElementLayout"), import_Pressability = require("./vendor/Pressability"), import_addNativeValidStyles = require("./addNativeValidStyles"), import_useElementLayout2 = require("./hooks/useElementLayout");
 __reExport(index_exports, require("@tamagui/web"), module.exports);
 __reExport(index_exports, require("./reactNativeTypes"), module.exports);
 (0, import_addNativeValidStyles.addNativeValidStyles)();
@@ -97,6 +98,7 @@ var dontComposePressabilityKeys = {
   Text,
   View,
   createTamagui,
+  getElementLayoutEvent,
   ...require("@tamagui/web"),
   ...require("./reactNativeTypes")
 });