tamagui 1.86.4 → 1.86.5

package/dist/native.js

@@ -4981,7 +4981,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           staticConfig
         )), useChildrenResult ? content = useChildrenResult : content = (0, import_react2.createElement)(elementType, viewProps, content);
         let ResetPresence = (_m = config == null ? void 0 : config.animations) == null ? void 0 : _m.ResetPresence;
-        willBeAnimated && hasEnterStyle && ResetPresence && content && typeof content != "string" && (content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ResetPresence, { children: content })), process.env.NODE_ENV === "development" && time && time`create-element`;
+        ResetPresence && willBeAnimated && (hasEnterStyle || presenceState) && content && typeof content != "string" && (content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ResetPresence, { children: content })), process.env.NODE_ENV === "development" && time && time`create-element`;
         let groupState = curState.group, subGroupContext = (0, import_react2.useMemo)(() => {
           if (!(!groupState || !groupName))
             return groupState.listeners.clear(), {
@@ -7620,33 +7620,6 @@ var require_getBoundingClientRect_native = __commonJS({
   }
 });
 
-// ../core/dist/cjs/helpers/getRect.native.js
-var require_getRect_native = __commonJS({
-  "../core/dist/cjs/helpers/getRect.native.js"(exports2, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: !0 });
-    }, __copyProps2 = (to, from, except, desc) => {
-      if (from && typeof from == "object" || typeof from == "function")
-        for (let key of __getOwnPropNames2(from))
-          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
-      return to;
-    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), getRect_exports = {};
-    __export2(getRect_exports, {
-      getRect: () => getRect
-    });
-    module2.exports = __toCommonJS2(getRect_exports);
-    var import_getBoundingClientRect = require_getBoundingClientRect_native(), getRect = (node) => {
-      let rect = (0, import_getBoundingClientRect.getBoundingClientRect)(node);
-      if (!rect)
-        return;
-      let { x, y, top, left } = rect;
-      return { x, y, width: node.offsetWidth, height: node.offsetHeight, top, left };
-    };
-  }
-});
-
 // ../core/dist/cjs/hooks/useElementLayout.native.js
 var require_useElementLayout_native = __commonJS({
   "../core/dist/cjs/hooks/useElementLayout.native.js"(exports2, module2) {
@@ -7665,7 +7638,7 @@ var require_useElementLayout_native = __commonJS({
       useElementLayout: () => useElementLayout
     });
     module2.exports = __toCommonJS2(useElementLayout_exports);
-    var import_constants4 = require_index_native(), import_getBoundingClientRect = require_getBoundingClientRect_native(), import_getRect = require_getRect_native(), LayoutHandlers = /* @__PURE__ */ new WeakMap(), LayoutTimeouts = /* @__PURE__ */ new WeakMap(), resizeObserver = null;
+    var import_constants4 = require_index_native(), import_getBoundingClientRect = require_getBoundingClientRect_native(), LayoutHandlers = /* @__PURE__ */ new WeakMap(), resizeObserver = null;
     typeof window < "u" && "ResizeObserver" in window && (resizeObserver = new ResizeObserver((entries) => {
       for (let { target } of entries) {
         let onLayout = LayoutHandlers.get(target);
@@ -7682,17 +7655,41 @@ var require_useElementLayout_native = __commonJS({
         });
       }
     }));
-    var measureLayout = (node, relativeTo, callback) => {
+    var cache = /* @__PURE__ */ new WeakMap(), measureLayout = (node, relativeTo, callback) => {
       let relativeNode = relativeTo || (node == null ? void 0 : node.parentNode);
       if (relativeNode instanceof HTMLElement) {
-        clearTimeout(LayoutTimeouts.get(relativeNode));
-        let tm = setTimeout(() => {
-          let relativeRect = (0, import_getBoundingClientRect.getBoundingClientRect)(relativeNode), { height, left, top, width } = (0, import_getRect.getRect)(node), x = left - relativeRect.left, y = top - relativeRect.top;
-          callback(x, y, width, height, left, top), LayoutTimeouts.delete(relativeNode);
-        }, 0);
-        LayoutTimeouts.set(relativeNode, tm);
+        let now = Date.now();
+        cache.set(node, now), Promise.all([
+          getBoundingClientRectAsync(node),
+          getBoundingClientRectAsync(relativeNode)
+        ]).then(([nodeDim, relativeNodeDim]) => {
+          if (relativeNodeDim && nodeDim && cache.get(node) === now) {
+            let { x, y, width, height, left, top } = getRelativeDimensions(
+              nodeDim,
+              relativeNodeDim
+            );
+            callback(x, y, width, height, left, top);
+          }
+        });
       }
-    };
+    }, getRelativeDimensions = (a, b) => {
+      let { 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));
+      }
+      let tm = setTimeout(fallbackToSync, 10);
+      new IntersectionObserver(
+        (entries, ob) => {
+          var _a;
+          clearTimeout(tm), ob.disconnect(), resolve((_a = entries[0]) == null ? void 0 : _a.boundingClientRect);
+        },
+        {
+          threshold: 1e-4
+        }
+      ).observe(element);
+    });
     function useElementLayout(ref, onLayout) {
       (0, import_constants4.useIsomorphicLayoutEffect)(() => {
         if (!resizeObserver || !onLayout)
@@ -7707,6 +7704,33 @@ var require_useElementLayout_native = __commonJS({
   }
 });
 
+// ../core/dist/cjs/helpers/getRect.native.js
+var require_getRect_native = __commonJS({
+  "../core/dist/cjs/helpers/getRect.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: !0 });
+    }, __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from == "object" || typeof from == "function")
+        for (let key of __getOwnPropNames2(from))
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      return to;
+    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), getRect_exports = {};
+    __export2(getRect_exports, {
+      getRect: () => getRect
+    });
+    module2.exports = __toCommonJS2(getRect_exports);
+    var import_getBoundingClientRect = require_getBoundingClientRect_native(), getRect = (node) => {
+      let rect = (0, import_getBoundingClientRect.getBoundingClientRect)(node);
+      if (!rect)
+        return;
+      let { x, y, top, left } = rect;
+      return { x, y, width: node.offsetWidth, height: node.offsetHeight, top, left };
+    };
+  }
+});
+
 // ../core/dist/cjs/hooks/usePlatformMethods.native.js
 var require_usePlatformMethods_native = __commonJS({
   "../core/dist/cjs/hooks/usePlatformMethods.native.js"(exports2, module2) {