tamagui 1.126.13-1747874018127 → 1.126.14

package/dist/native.js

@@ -11294,13 +11294,25 @@ var require_TamaguiProvider_native = __commonJS({
     __export2(TamaguiProvider_exports, {
       TamaguiProvider: function() {
         return TamaguiProvider2;
+      },
+      ___onDidFinishClientRender: function() {
+        return ___onDidFinishClientRender;
       }
     });
     module2.exports = __toCommonJS2(TamaguiProvider_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_ThemeProvider = require_ThemeProvider_native(), import_useMedia = require_useMedia_native();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_ComponentContext = require_ComponentContext_native(), import_ThemeProvider = require_ThemeProvider_native(), import_useMedia = require_useMedia_native(), listeners = /* @__PURE__ */ new Set(), didRender = !1;
+    function ___onDidFinishClientRender(cb) {
+      didRender ? cb() : listeners.add(cb);
+    }
     function TamaguiProvider2(param) {
       var { children, disableInjectCSS, config, className, defaultTheme, disableRootThemeClass, reset, themeClassNameOnRoot } = param;
-      return process.env.TAMAGUI_REACT_19 || import_constants4.isClient && (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+      return (0, import_react3.useEffect)(function() {
+        return listeners.forEach(function(cb) {
+          return cb();
+        }), didRender = !0, function() {
+          didRender = !1;
+        };
+      }, []), process.env.TAMAGUI_REACT_19 || import_constants4.isClient && (0, import_constants4.useIsomorphicLayoutEffect)(function() {
         if (config && !disableInjectCSS) {
           var style = document.createElement("style");
           return style.appendChild(document.createTextNode(config.getCSS())), document.head.appendChild(style), function() {
@@ -13590,8 +13602,8 @@ var require_useElementLayout_native = __commonJS({
       }), mod);
     }, useElementLayout_exports = {};
     __export2(useElementLayout_exports, {
-      measureElement: function() {
-        return measureElement;
+      getElementLayoutEvent: function() {
+        return getElementLayoutEvent2;
       },
       measureLayout: function() {
         return measureLayout;
@@ -13601,76 +13613,54 @@ var require_useElementLayout_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useElementLayout_exports);
-    var import_constants4 = require_index_native6(), import_getBoundingClientRect = require_getBoundingClientRect_native();
-    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;
-    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") && window.addEventListener("resize", function() {
-      clearTimeout(tm), tm = setTimeout(function() {
-        resizeListeners.forEach(function(cb) {
-          return cb();
-        });
-      }, 4);
-    });
-    var tm, 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
+    var import_constants4 = require_index_native6(), import_web = require_index_native14(), LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0;
+    import_constants4.isClient && (rAF ? (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 = getElementLayoutEvent2(node);
+          avoidUpdates ? queuedUpdates.set(node, function() {
+            return onLayout(event);
+          }) : onLayout(event);
+        }
+      }
+    }, layoutOnAnimationFrame = function() {
+      Nodes.forEach(updateLayoutIfChanged), rAF(layoutOnAnimationFrame);
+    }, updateLayoutIfChanged2 = updateLayoutIfChanged, layoutOnAnimationFrame2 = layoutOnAnimationFrame, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map(), (0, import_web.___onDidFinishClientRender)(function() {
+      avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(function(cb) {
+        return cb();
+      }), queuedUpdates.clear());
+    }), rAF(layoutOnAnimationFrame)) : process.env.NODE_ENV === "development" && console.warn("No requestAnimationFrame - please polyfill for onLayout to work correctly"));
+    var updateLayoutIfChanged, layoutOnAnimationFrame, updateLayoutIfChanged2, layoutOnAnimationFrame2, avoidUpdates, queuedUpdates, getElementLayoutEvent2 = 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;
@@ -13682,35 +13672,16 @@ var require_useElementLayout_native = __commonJS({
         left,
         top
       };
-    }, getBoundingClientRectAsync = function(element) {
-      return new Promise(function(resolve) {
-        function fallbackToSync() {
-          resolve((0, import_getBoundingClientRect.getBoundingClientRect)(element));
-        }
-        var tm2 = setTimeout(fallbackToSync, 10), observer = new IntersectionObserver(function(entries, ob) {
-          var _entries_;
-          clearTimeout(tm2), 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_constants4.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);
-            };
-            return resizeListeners.add(onResize), resizeObserver.observe(node2), function() {
-              LayoutHandlers.delete(node2), resizeListeners.delete(onResize), resizeObserver == null || resizeObserver.unobserve(node2);
-            };
-          }
+          if (node2) return LayoutHandlers.set(node2, onLayout), Nodes.add(node2), onLayout(getElementLayoutEvent2(node2)), function() {
+            Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2);
+          };
         }
       }, [
         ref,
@@ -13998,10 +13969,13 @@ var require_index_native18 = __commonJS({
       },
       createTamagui: function() {
         return createTamagui2;
+      },
+      getElementLayoutEvent: function() {
+        return import_useElementLayout2.getElementLayoutEvent;
       }
     });
     module2.exports = __toCommonJS2(index_exports2);
-    var import_react_native_media_driver = require_index_native16(), import_react_native_use_responder_events = require_index_native17(), import_web = require_index_native14(), import_react3 = __toESM2(require("react")), import_createOptimizedView = require_createOptimizedView_native(), import_getBaseViews = require_getBaseViews_native(), import_getRect = require_getRect_native(), import_useElementLayout = require_useElementLayout_native(), import_Pressability = require_Pressability_native(), import_addNativeValidStyles = require_addNativeValidStyles_native();
+    var import_react_native_media_driver = require_index_native16(), import_react_native_use_responder_events = require_index_native17(), import_web = require_index_native14(), import_react3 = __toESM2(require("react")), import_createOptimizedView = require_createOptimizedView_native(), import_getBaseViews = require_getBaseViews_native(), import_getRect = require_getRect_native(), import_useElementLayout = require_useElementLayout_native(), import_Pressability = require_Pressability_native(), import_addNativeValidStyles = require_addNativeValidStyles_native(), import_useElementLayout2 = require_useElementLayout_native();
     __reExport2(index_exports2, require_index_native14(), module2.exports);
     __reExport2(index_exports2, require_reactNativeTypes_native(), module2.exports);
     (0, import_addNativeValidStyles.addNativeValidStyles)();