tamagui 1.126.13 → 1.126.15

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() {
@@ -13147,6 +13159,86 @@ var require_index_native17 = __commonJS({
   }
 });
 
+// ../../core/core/dist/cjs/addNativeValidStyles.native.js
+var require_addNativeValidStyles_native = __commonJS({
+  "../../core/core/dist/cjs/addNativeValidStyles.native.js"(exports2, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
+      for (var name in all) __defProp2(target, name, {
+        get: all[name],
+        enumerable: !0
+      });
+    }, __copyProps2 = function(to, from, except, desc) {
+      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
+      if (from && typeof from == "object" || typeof from == "function") try {
+        for (var _loop = function() {
+          var key = _step.value;
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
+            get: function() {
+              return from[key];
+            },
+            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
+          });
+        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
+      } catch (err) {
+        _didIteratorError = !0, _iteratorError = err;
+      } finally {
+        try {
+          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+        } finally {
+          if (_didIteratorError)
+            throw _iteratorError;
+        }
+      }
+      return to;
+    }, __toCommonJS2 = function(mod) {
+      return __copyProps2(__defProp2({}, "__esModule", {
+        value: !0
+      }), mod);
+    }, addNativeValidStyles_native_exports = {};
+    __export2(addNativeValidStyles_native_exports, {
+      addNativeValidStyles: function() {
+        return addNativeValidStyles;
+      }
+    });
+    module2.exports = __toCommonJS2(addNativeValidStyles_native_exports);
+    var import_helpers = require_index_native7();
+    function getReactNativeVersion() {
+      var version = process.env.REACT_NATIVE_VERSION || "";
+      if (!process.env.REACT_NATIVE_VERSION) try {
+        var ReactNativeOfficalVersion = require("react-native/Libraries/Core/ReactNativeVersion");
+        if (ReactNativeOfficalVersion) {
+          var { version: { major, minor, patch } } = ReactNativeOfficalVersion;
+          version = `${major}.${minor}.${patch}`;
+        }
+      } catch {
+      } finally {
+        version || (version = "0.77");
+      }
+      var [major1, minor1, patch1] = version.split(".");
+      return [
+        +major1,
+        +minor1,
+        +patch1
+      ];
+    }
+    function addNativeValidStyles() {
+      var [major, minor] = getReactNativeVersion();
+      if (major === 0 && minor >= 77) {
+        var additional = {
+          boxSizing: !0,
+          mixBlendMode: !0,
+          outlineWidth: !0,
+          outlineStyle: !0,
+          outlineSpread: !0,
+          outlineColor: !0
+        };
+        Object.assign(import_helpers.validStyles, additional), Object.assign(import_helpers.stylePropsAll, additional);
+      }
+    }
+  }
+});
+
 // ../../core/core/dist/cjs/createOptimizedView.native.js
 var require_createOptimizedView_native = __commonJS({
   "../../core/core/dist/cjs/createOptimizedView.native.js"(exports2, module2) {
@@ -13590,87 +13682,72 @@ var require_useElementLayout_native = __commonJS({
       }), mod);
     }, useElementLayout_exports = {};
     __export2(useElementLayout_exports, {
-      measureElement: function() {
-        return measureElement;
+      getElementLayoutEvent: function() {
+        return getElementLayoutEvent2;
       },
       measureLayout: function() {
         return measureLayout;
       },
+      setOnLayoutStrategy: function() {
+        return setOnLayoutStrategy3;
+      },
       useElementLayout: function() {
         return useElementLayout;
       }
     });
     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(), status = "active";
+    function setOnLayoutStrategy3(state) {
+      status = state;
+    }
+    var 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() {
+      status !== "inactive" && 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 +13759,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,
@@ -13819,86 +13877,6 @@ var require_Pressability_native = __commonJS({
   }
 });
 
-// ../../core/core/dist/cjs/addNativeValidStyles.native.js
-var require_addNativeValidStyles_native = __commonJS({
-  "../../core/core/dist/cjs/addNativeValidStyles.native.js"(exports2, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = function(target, all) {
-      for (var name in all) __defProp2(target, name, {
-        get: all[name],
-        enumerable: !0
-      });
-    }, __copyProps2 = function(to, from, except, desc) {
-      var _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
-      if (from && typeof from == "object" || typeof from == "function") try {
-        for (var _loop = function() {
-          var key = _step.value;
-          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, {
-            get: function() {
-              return from[key];
-            },
-            enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable
-          });
-        }, _iterator = __getOwnPropNames2(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) _loop();
-      } catch (err) {
-        _didIteratorError = !0, _iteratorError = err;
-      } finally {
-        try {
-          !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
-        } finally {
-          if (_didIteratorError)
-            throw _iteratorError;
-        }
-      }
-      return to;
-    }, __toCommonJS2 = function(mod) {
-      return __copyProps2(__defProp2({}, "__esModule", {
-        value: !0
-      }), mod);
-    }, addNativeValidStyles_native_exports = {};
-    __export2(addNativeValidStyles_native_exports, {
-      addNativeValidStyles: function() {
-        return addNativeValidStyles;
-      }
-    });
-    module2.exports = __toCommonJS2(addNativeValidStyles_native_exports);
-    var import_helpers = require_index_native7();
-    function getReactNativeVersion() {
-      var version = process.env.REACT_NATIVE_VERSION || "";
-      if (!process.env.REACT_NATIVE_VERSION) try {
-        var ReactNativeOfficalVersion = require("react-native/Libraries/Core/ReactNativeVersion");
-        if (ReactNativeOfficalVersion) {
-          var { version: { major, minor, patch } } = ReactNativeOfficalVersion;
-          version = `${major}.${minor}.${patch}`;
-        }
-      } catch {
-      } finally {
-        version || (version = "0.77");
-      }
-      var [major1, minor1, patch1] = version.split(".");
-      return [
-        +major1,
-        +minor1,
-        +patch1
-      ];
-    }
-    function addNativeValidStyles() {
-      var [major, minor] = getReactNativeVersion();
-      if (major === 0 && minor >= 77) {
-        var additional = {
-          boxSizing: !0,
-          mixBlendMode: !0,
-          outlineWidth: !0,
-          outlineStyle: !0,
-          outlineSpread: !0,
-          outlineColor: !0
-        };
-        Object.assign(import_helpers.validStyles, additional), Object.assign(import_helpers.stylePropsAll, additional);
-      }
-    }
-  }
-});
-
 // ../../core/core/dist/cjs/reactNativeTypes.native.js
 var require_reactNativeTypes_native = __commonJS({
   "../../core/core/dist/cjs/reactNativeTypes.native.js"(exports2, module2) {
@@ -13998,10 +13976,16 @@ var require_index_native18 = __commonJS({
       },
       createTamagui: function() {
         return createTamagui2;
+      },
+      getElementLayoutEvent: function() {
+        return import_useElementLayout2.getElementLayoutEvent;
+      },
+      setOnLayoutStrategy: function() {
+        return import_useElementLayout2.setOnLayoutStrategy;
       }
     });
     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_addNativeValidStyles = require_addNativeValidStyles_native(), 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_useElementLayout2 = require_useElementLayout_native();
     __reExport2(index_exports2, require_index_native14(), module2.exports);
     __reExport2(index_exports2, require_reactNativeTypes_native(), module2.exports);
     (0, import_addNativeValidStyles.addNativeValidStyles)();
@@ -16069,14 +16053,14 @@ var require_useStackedZIndex_native = __commonJS({
     module2.exports = __toCommonJS2(useStackedZIndex_exports);
     var import_react3 = require("react"), import_context = require_context_native(), ZIndicesByContext = {}, CurrentPortalZIndices = {}, useStackedZIndex = function(props) {
       if (process.env.TAMAGUI_STACK_Z_INDEX_GLOBAL) {
-        var { stackZIndex, zIndex: zIndexProp = 1e3 } = props, id = (0, import_react3.useId)(), zIndex = (0, import_react3.useMemo)(function() {
-          if (stackZIndex && stackZIndex !== "global") {
+        var { stackZIndex, zIndex: zIndexProp } = props, id = (0, import_react3.useId)(), zIndex = (0, import_react3.useMemo)(function() {
+          if (stackZIndex && stackZIndex !== "global" && zIndexProp === void 0) {
             var highest = Object.values(CurrentPortalZIndices).reduce(function(acc, cur) {
               return Math.max(acc, cur);
             }, 0);
             return Math.max(stackZIndex === !0 ? 1 : stackZIndex, highest + 1);
           }
-          return zIndexProp || 1e3;
+          return zIndexProp ?? 1e3;
         }, [
           stackZIndex
         ]);
@@ -31704,6 +31688,7 @@ __export(index_exports, {
   mediaQueryConfig: () => import_core11.mediaQueryConfig,
   mediaState: () => import_core11.mediaState,
   setConfig: () => import_core11.setConfig,
+  setOnLayoutStrategy: () => import_core11.setOnLayoutStrategy,
   setupDev: () => import_core11.setupDev,
   setupReactNative: () => import_core11.setupReactNative,
   spacedChildren: () => import_core11.spacedChildren,
@@ -32131,6 +32116,7 @@ var import_core11 = __toESM(require_index_native18());
   mediaQueryConfig,
   mediaState,
   setConfig,
+  setOnLayoutStrategy,
   setupDev,
   setupReactNative,
   spacedChildren,