tamagui 1.129.6-1751237024118 → 1.129.7

package/dist/native.js

@@ -2542,7 +2542,7 @@ var require_insertStyleRule_native = __commonJS({
         return getAllTransforms;
       },
       insertStyleRules: function() {
-        return insertStyleRules;
+        return insertStyleRules2;
       },
       insertedTransforms: function() {
         return insertedTransforms;
@@ -2805,7 +2805,7 @@ var require_insertStyleRule_native = __commonJS({
     function setNonce2(_) {
       nonce = _;
     }
-    function insertStyleRules(rulesToInsert) {
+    function insertStyleRules2(rulesToInsert) {
       if (!sheet && import_constants4.isClient && document.head) {
         var styleTag = document.createElement("style");
         nonce && (styleTag.nonce = nonce), sheet = document.head.appendChild(styleTag).sheet;
@@ -6500,7 +6500,7 @@ var require_getSplitStyles_native = __commonJS({
                 try {
                   for (var _iterator2 = pseudoStyles[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = !0) {
                     var psuedoStyle = _step2.value, fullKey = `${psuedoStyle[import_helpers.StyleObjectProperty]}${PROP_SPLIT}${descriptor.name}`;
-                    fullKey in usedKeys || (addStyleToInsertRules(rulesToInsert, psuedoStyle), classNames[fullKey] = psuedoStyle[import_helpers.StyleObjectIdentifier]);
+                    fullKey in usedKeys || (addStyleToInsertRules(rulesToInsert, psuedoStyle, startedUnhydrated), classNames[fullKey] = psuedoStyle[import_helpers.StyleObjectIdentifier]);
                   }
                 } catch (err) {
                   _didIteratorError2 = !0, _iteratorError2 = err;
@@ -6578,7 +6578,7 @@ var require_getSplitStyles_native = __commonJS({
                       var out = (0, import_createMediaStyle.createMediaStyle)(style3, mediaKeyShort, import_useMedia.mediaQueryConfig, isMedia, !1, priority);
                       process.env.NODE_ENV === "development" && debug === "verbose" && (0, import_log.log)("\u{1F4FA} media style:", out);
                       var subKey = isSubStyle ? style3[2] : "", fullKey1 = `${style3[import_helpers.StyleObjectProperty]}${subKey}${PROP_SPLIT}${mediaKeyShort}${style3[import_helpers.StyleObjectPseudo] || ""}`;
-                      fullKey1 in usedKeys || (addStyleToInsertRules(rulesToInsert, out), classNames[fullKey1] = out[import_helpers.StyleObjectIdentifier]);
+                      fullKey1 in usedKeys || (addStyleToInsertRules(rulesToInsert, out, startedUnhydrated), classNames[fullKey1] = out[import_helpers.StyleObjectIdentifier]);
                     }
                   }
                 } catch (err) {
@@ -8007,14 +8007,14 @@ var require_wrapStyleTags_native = __commonJS({
       }), mod);
     }, wrapStyleTags_exports = {};
     __export2(wrapStyleTags_exports, {
-      wrapStyleTags: function() {
-        return wrapStyleTags;
+      getStyleTags: function() {
+        return getStyleTags;
       }
     });
     module2.exports = __toCommonJS2(wrapStyleTags_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_helpers = require_index_native7(), import_constants4 = require_index_native6();
-    function wrapStyleTags(styles, content) {
-      return import_constants4.IS_REACT_19, content;
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_constants4 = require_index_native6(), import_helpers = require_index_native7();
+    function getStyleTags(styles, content) {
+      import_constants4.IS_REACT_19;
     }
   }
 });
@@ -8199,8 +8199,8 @@ var require_useComponentState_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useComponentState_exports);
-    var import_constants4 = require_index_native6(), import_use_did_finish_ssr = require_index_native14(), import_react3 = require("react"), import_defaultComponentState = require_defaultComponentState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), import_is_equal_shallow = require_index_native13(), useComponentState = function(props, param, staticConfig, config) {
-      var { animationDriver } = param, _animationDriver_usePresence, isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), needsHydration = !(0, import_use_did_finish_ssr.useIsClientOnly)(), [startedUnhydrated] = (0, import_react3.useState)(import_constants4.IS_REACT_19 ? !isHydrated : !1), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = (0, import_react3.useRef)(void 0);
+    var import_constants4 = require_index_native6(), import_is_equal_shallow = require_index_native13(), import_use_did_finish_ssr = require_index_native14(), import_react3 = require("react"), import_defaultComponentState = require_defaultComponentState_native(), import_isObj = require_isObj_native(), import_log = require_log_native(), useComponentState = function(props, param, staticConfig, config) {
+      var { animationDriver } = param, _animationDriver_usePresence, isHydrated = (0, import_use_did_finish_ssr.useDidFinishSSR)(), needsHydration = !(0, import_use_did_finish_ssr.useIsClientOnly)(), [startedUnhydrated] = (0, import_react3.useState)(needsHydration && !isHydrated), useAnimations = animationDriver == null ? void 0 : animationDriver.useAnimations, stateRef = (0, import_react3.useRef)(void 0);
       stateRef.current || (stateRef.current = {});
       var hasAnimationProp = !!("animation" in props || props.style && hasAnimatedStyleValue(props.style)), supportsCSSVars = animationDriver == null ? void 0 : animationDriver.supportsCSSVars, curStateRef = stateRef.current;
       !needsHydration && hasAnimationProp && (curStateRef.hasAnimated = !0);
@@ -8726,7 +8726,7 @@ var require_createComponent_native = __commonJS({
             ]), canAvoidReRender = Object.keys(next).every(function(key3) {
               return avoidReRenderKeys.has(key3);
             });
-            if (canAvoidReRender) {
+            if (canAvoidReRender && styleListener) {
               var updatedState = {
                 ...state,
                 ...next
@@ -9037,7 +9037,8 @@ If you meant to do this, you can disable this warning - either change untilMeasu
             children: content
           });
         }
-        if (process.env.NODE_ENV === "development" && time2 && time2`context-override`, process.env.NODE_ENV === "development" && time2 && time2`style-tags`, process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
+        if (process.env.NODE_ENV === "development" && time2 && time2`context-override`, 0) var styleTags;
+        if (process.env.NODE_ENV === "development" && time2 && time2`style-tags`, process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile") {
           var element1 = typeof elementType == "string" ? elementType : "Component", title = `render <${element1} /> (${internalID}) with props`;
           if (import_constants4.isWeb) {
             console.groupCollapsed(title);
@@ -11612,6 +11613,9 @@ var require_index_native15 = __commonJS({
       getTokens: function() {
         return import_config.getTokens;
       },
+      insertStyleRules: function() {
+        return import_insertStyleRule2.insertStyleRules;
+      },
       mediaKeyMatch: function() {
         return import_useMedia.mediaKeyMatch;
       },
@@ -11661,6 +11665,7 @@ var require_index_native15 = __commonJS({
     __reExport2(index_exports2, require_createMediaStyle_native(), module2.exports);
     __reExport2(index_exports2, require_getShorthandValue_native(), module2.exports);
     __reExport2(index_exports2, require_index_native13(), module2.exports);
+    var import_insertStyleRule2 = require_insertStyleRule_native();
     __reExport2(index_exports2, require_createStyledContext_native(), module2.exports);
     __reExport2(index_exports2, require_expandStyles_native(), module2.exports);
     __reExport2(index_exports2, require_getExpandedShorthands_native(), module2.exports);
@@ -13318,7 +13323,7 @@ var require_index_native19 = __commonJS({
         return enable;
       },
       getElementLayoutEvent: function() {
-        return getElementLayoutEvent2;
+        return getElementLayoutEvent;
       },
       getElementLayoutEventAsync: function() {
         return getElementLayoutEventAsync;
@@ -13344,7 +13349,7 @@ var require_index_native19 = __commonJS({
     function setOnLayoutStrategy3(state) {
       strategy = state;
     }
-    var NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap(), DebounceTimers = /* @__PURE__ */ new WeakMap(), LastChangeTime = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0, DEBOUNCE_DELAY = 32, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map();
+    var NodeRectCache = /* @__PURE__ */ new WeakMap(), ParentRectCache = /* @__PURE__ */ new WeakMap(), LastChangeTime = /* @__PURE__ */ new WeakMap(), rAF = typeof window < "u" ? window.requestAnimationFrame : void 0, avoidUpdates = !0, queuedUpdates = /* @__PURE__ */ new Map();
     function enable() {
       avoidUpdates && (avoidUpdates = !1, queuedUpdates && (queuedUpdates.forEach(function(cb) {
         return cb();
@@ -13355,66 +13360,51 @@ var require_index_native19 = __commonJS({
         var now = Date.now(), timeSinceLastFrame = now - lastFrameAt;
         if (lastFrameAt = now, strategy !== "off") {
           var expectedFrameTime = 16.67, hasRecentSyncWork = timeSinceLastFrame > expectedFrameTime * numDroppedFramesUntilPause;
-          hasRecentSyncWork || Nodes.forEach(updateLayoutIfChanged);
+          hasRecentSyncWork || Nodes.forEach(function(node) {
+            updateLayoutIfChanged(node, lastFrameAt);
+          });
         }
         rAF(layoutOnAnimationFrame);
       }, layoutOnAnimationFrame2 = layoutOnAnimationFrame, lastFrameAt = Date.now(), numDroppedFramesUntilPause = 2;
-      async function updateLayoutIfChanged(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_is_equal_shallow.isEqualShallow)(cachedRect, nodeRect) && (!cachedParentRect || !(0, import_is_equal_shallow.isEqualShallow)(cachedParentRect, parentRect))) if (NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect), avoidUpdates) {
-            var event = getElementLayoutEvent2(node);
-            queuedUpdates.set(node, function() {
-              return onLayout(event);
-            });
-          } else if (strategy === "async") {
-            var now = Date.now();
-            LastChangeTime.set(node, now);
-            var existingTimer = DebounceTimers.get(node);
-            existingTimer && clearTimeout(existingTimer);
-            var timer = setTimeout(async function() {
-              var lastChange = LastChangeTime.get(node) || 0, timeSinceChange = Date.now() - lastChange;
-              if (timeSinceChange >= DEBOUNCE_DELAY) {
-                var event2 = await getElementLayoutEventAsync(node);
-                onLayout(event2), DebounceTimers.delete(node);
-              } else {
-                var remainingDelay = DEBOUNCE_DELAY - timeSinceChange, newTimer = setTimeout(async function() {
-                  var event3 = await getElementLayoutEventAsync(node);
-                  onLayout(event3), DebounceTimers.delete(node);
-                }, remainingDelay);
-                DebounceTimers.set(node, newTimer);
+      async function updateLayoutIfChanged(node, frameId) {
+        var parentNode = node.parentElement, nodeRect, parentRect;
+        if (strategy === "async") {
+          var [nr, pr] = await Promise.all([
+            getBoundingClientRectAsync(node),
+            getBoundingClientRectAsync(parentNode)
+          ]);
+          if (frameId !== lastFrameAt) return;
+          nodeRect = nr, parentRect = pr;
+        } else nodeRect = node.getBoundingClientRect(), parentRect = parentNode == null ? void 0 : parentNode.getBoundingClientRect();
+        if (parentRect) {
+          var 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_is_equal_shallow.isEqualShallow)(cachedRect, nodeRect) && (!cachedParentRect || !(0, import_is_equal_shallow.isEqualShallow)(cachedParentRect, parentRect))) {
+              if (NodeRectCache.set(node, nodeRect), parentRect && parentNode && ParentRectCache.set(parentNode, parentRect), avoidUpdates) {
+                var event = getElementLayoutEvent(nodeRect, parentRect);
+                queuedUpdates.set(node, function() {
+                  return onLayout(event);
+                });
+              } else if (strategy !== "async") {
+                var event1 = getElementLayoutEvent(nodeRect, parentRect);
+                onLayout(event1);
               }
-            }, DEBOUNCE_DELAY);
-            DebounceTimers.set(node, timer);
-          } else {
-            var event1 = getElementLayoutEvent2(node);
-            onLayout(event1);
+            }
           }
         }
       }
       rAF(layoutOnAnimationFrame);
     } else process.env.NODE_ENV === "development" && console.warn("No requestAnimationFrame - please polyfill for onLayout to work correctly");
-    var layoutOnAnimationFrame, layoutOnAnimationFrame2, lastFrameAt, numDroppedFramesUntilPause, 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
-            },
-            target
-          },
-          timeStamp: Date.now()
-        };
-      }), !res) throw new Error("\u203C\uFE0F");
-      return res;
+    var layoutOnAnimationFrame, layoutOnAnimationFrame2, lastFrameAt, numDroppedFramesUntilPause, getElementLayoutEvent = function(nodeRect, parentRect) {
+      return {
+        nativeEvent: {
+          layout: getRelativeDimensions(nodeRect, parentRect),
+          target: nodeRect
+        },
+        timeStamp: Date.now()
+      };
     }, measureLayout = function(node, relativeTo, callback) {
       var relativeNode = relativeTo || (node == null ? void 0 : node.parentElement);
       if (relativeNode instanceof HTMLElement) {
@@ -13438,8 +13428,8 @@ var require_index_native19 = __commonJS({
       var relativeNode = relativeTo || (node == null ? void 0 : node.parentElement);
       if (relativeNode instanceof HTMLElement) {
         var [nodeDim, relativeNodeDim] = await Promise.all([
-          node.getBoundingClientRect(),
-          relativeNode.getBoundingClientRect()
+          getBoundingClientRectAsync(node),
+          getBoundingClientRectAsync(relativeNode)
         ]);
         if (relativeNodeDim && nodeDim) {
           var { x, y, width, height, left, top } = getRelativeDimensions(nodeDim, relativeNodeDim);
@@ -13471,11 +13461,13 @@ var require_index_native19 = __commonJS({
         var _ref_current2;
         if (onLayout) {
           var node2 = (_ref_current2 = ref.current) === null || _ref_current2 === void 0 ? void 0 : _ref_current2.host;
-          if (node2) return LayoutHandlers.set(node2, onLayout), Nodes.add(node2), onLayout(getElementLayoutEvent2(node2)), function() {
-            Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2);
-            var timer = DebounceTimers.get(node2);
-            timer && (clearTimeout(timer), DebounceTimers.delete(node2)), LastChangeTime.delete(node2);
-          };
+          if (node2) {
+            LayoutHandlers.set(node2, onLayout), Nodes.add(node2);
+            var parentNode = node2.parentNode;
+            return parentNode && onLayout(getElementLayoutEvent(node2.getBoundingClientRect(), parentNode.getBoundingClientRect())), function() {
+              Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2), LastChangeTime.delete(node2);
+            };
+          }
         }
       }, [
         ref,
@@ -13485,7 +13477,18 @@ var require_index_native19 = __commonJS({
     function ensureWebElement(x) {
       if (!(typeof HTMLElement > "u")) return x instanceof HTMLElement ? x : void 0;
     }
-    var getBoundingClientRect = function(node) {
+    var getBoundingClientRectAsync = function(node) {
+      return new Promise(function(res) {
+        if (!(!node || node.nodeType !== 1)) {
+          var io = new IntersectionObserver(function(entries) {
+            return io.disconnect(), res(entries[0].boundingClientRect);
+          }, {
+            threshold: 0
+          });
+          io.observe(node);
+        }
+      });
+    }, getBoundingClientRect = function(node) {
       var _node_getBoundingClientRect;
       if (!(!node || node.nodeType !== 1)) return (_node_getBoundingClientRect = node.getBoundingClientRect) === null || _node_getBoundingClientRect === void 0 ? void 0 : _node_getBoundingClientRect.call(node);
     }, getRect = function(node) {
@@ -14046,9 +14049,6 @@ var require_index_native20 = __commonJS({
       createTamagui: function() {
         return createTamagui2;
       },
-      getElementLayoutEvent: function() {
-        return import_use_element_layout2.getElementLayoutEvent;
-      },
       setOnLayoutStrategy: function() {
         return import_use_element_layout2.setOnLayoutStrategy;
       }