@tamagui/core 1.130.1 → 1.130.3

package/dist/native.js

@@ -6298,7 +6298,9 @@ var require_useThemeState_native = __commonJS({
       var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, id = arguments.length > 4 ? arguments[4] : void 0, parentId = arguments.length > 5 ? arguments[5] : void 0, needsUpdate = arguments.length > 6 ? arguments[6] : void 0, pendingUpdate = arguments.length > 7 ? arguments[7] : void 0, { debug } = props, parentState = states.get(parentId);
       if (props.passThrough) return [
         !1,
-        lastState ?? parentState
+        lastState || parentState || {
+          name: ""
+        }
       ];
       themes || (themes = (0, import_config.getConfig)().themes);
       var name = !propsKey && (!lastState || !(lastState != null && lastState.isNew)) ? null : getNewThemeName(parentState == null ? void 0 : parentState.name, props, pendingUpdate === "force" ? !0 : !!needsUpdate), isSameAsParent = parentState && (!name || name === parentState.name), shouldRerender = !!(needsUpdate && (pendingUpdate || (lastState == null ? void 0 : lastState.name) !== (parentState == null ? void 0 : parentState.name)));
@@ -6645,10 +6647,10 @@ var require_useTheme_native = __commonJS({
       return res;
     }, useThemeWithState = function(props) {
       var isRoot = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, keys = (0, import_react3.useRef)(null), themeState = (0, import_useThemeState.useThemeState)(props, isRoot, keys);
-      process.env.NODE_ENV === "development" && (themeState != null && themeState.theme || process.env.TAMAGUI_DISABLE_NO_THEME_WARNING !== "1" && console.error(`[tamagui] No theme found, this could be due to an invalid theme name (given theme props ${JSON.stringify(props)}).
+      process.env.NODE_ENV === "development" && !props.passThrough && !(themeState != null && themeState.theme) && process.env.TAMAGUI_DISABLE_NO_THEME_WARNING !== "1" && console.error(`[tamagui] No theme found, this could be due to an invalid theme name (given theme props ${JSON.stringify(props)}).
 
-If this is intended and you are using Tamagui without any themes, you can disable this warning by setting the environment variable TAMAGUI_DISABLE_NO_THEME_WARNING=1`));
-      var themeProxied = (0, import_getThemeProxied.getThemeProxied)(props, themeState, keys);
+If this is intended and you are using Tamagui without any themes, you can disable this warning by setting the environment variable TAMAGUI_DISABLE_NO_THEME_WARNING=1`);
+      var themeProxied = props.passThrough ? {} : (0, import_getThemeProxied.getThemeProxied)(props, themeState, keys);
       return [
         themeProxied,
         themeState
@@ -6812,7 +6814,7 @@ var require_Theme_native = __commonJS({
           })) : child;
         });
       }
-      if (process.env.NODE_ENV === "development" && props.debug && console.warn(" getThemedChildren", {
+      if (process.env.NODE_ENV === "development" && !passThrough && props.debug && console.warn(" getThemedChildren", {
         requiresExtraWrapper,
         forceClassName,
         themeState,
@@ -6820,7 +6822,7 @@ var require_Theme_native = __commonJS({
         ...getThemeClassNameAndStyle(themeState, props, isRoot)
       }), forceClassName === !1) return children;
       if (import_constants.isWeb) {
-        var { className, style } = getThemeClassNameAndStyle(themeState, props, isRoot);
+        var { className = "", style } = passThrough ? {} : getThemeClassNameAndStyle(themeState, props, isRoot);
         if (children = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", {
           className: `${className} _dsp_contents is_Theme`,
           style: passThrough ? void 0 : style,
@@ -7684,7 +7686,7 @@ var require_createComponent_native = __commonJS({
             });
           }
         }
-        if (splitStyles && (!hasAnimationProp || groupName) && animationDriver != null && animationDriver.avoidReRenders) {
+        if (splitStyles && (hasAnimationProp || groupName) && animationDriver != null && animationDriver.avoidReRenders) {
           var useStyleListener = stateRef.current.useStyleListener, ogSetStateShallow = setStateShallow;
           stateRef.current.setStateShallow = function(nextOrGetNext) {
             var prev = NextState.get(stateRef) || state, next = typeof nextOrGetNext == "function" ? nextOrGetNext(prev) : nextOrGetNext;
@@ -7702,9 +7704,9 @@ var require_createComponent_native = __commonJS({
                   props
                 }), console.info(stateRef.current.host), console.groupEnd());
                 var { group, hasDynGroupChildren, unmounted, animation, ...childrenGroupState } = updatedState;
-                if (groupContext && notifyGroupSubscribers(groupContext, stateRef.current.group || null, childrenGroupState), !hasAnimationProp || !useStyleListener) return;
+                groupContext && notifyGroupSubscribers(groupContext, stateRef.current.group || null, childrenGroupState);
                 var nextStyles = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, theme, themeName, updatedState, styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp);
-                useStyleListener((nextStyles == null ? void 0 : nextStyles.style) || {});
+                useStyleListener == null || useStyleListener((nextStyles == null ? void 0 : nextStyles.style) || {});
               } else process.env.NODE_ENV === "development" && debugProp && debugProp !== "profile" && console.info("[\u{1F40C}] re-render", {
                 canAvoidReRender,
                 next
@@ -12283,7 +12285,7 @@ var require_index_native12 = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(index_exports2);
-    var import_constants = require_index_native2(), import_is_equal_shallow = require_index_native5(), LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), strategy = "async";
+    var import_constants = require_index_native2(), import_is_equal_shallow = require_index_native5(), LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), IntersectionState = /* @__PURE__ */ new WeakMap(), globalIntersectionObserver = null, strategy = "async";
     function setOnLayoutStrategy2(state) {
       strategy = state;
     }
@@ -12294,52 +12296,64 @@ var require_index_native12 = __commonJS({
       }), queuedUpdates.clear()));
     }
     var expectedFrameTime = 16.67, numDroppedFramesUntilPause = 10;
+    function startGlobalIntersectionObserver() {
+      !import_constants.isClient || globalIntersectionObserver || (globalIntersectionObserver = new IntersectionObserver(function(entries) {
+        entries.forEach(function(entry) {
+          var node = entry.target;
+          IntersectionState.get(node) !== entry.isIntersecting && IntersectionState.set(node, entry.isIntersecting);
+        });
+      }, {
+        threshold: 0
+      }));
+    }
     if (import_constants.isClient) if (rAF) {
       layoutOnAnimationFrame = function() {
         var now = Date.now(), timeSinceLastFrame = now - lastFrameAt;
-        if (lastFrameAt = now, frameCount < runEveryXFrames) {
-          frameCount++, rAF(layoutOnAnimationFrame);
+        if (lastFrameAt = now, frameCount++, frameCount % RUN_EVERY_X_FRAMES === 0) {
+          frameCount = 0, rAF(layoutOnAnimationFrame);
           return;
         }
-        if (frameCount = 0, strategy !== "off") {
+        if (strategy !== "off") {
           var hasRecentSyncWork = timeSinceLastFrame > expectedFrameTime * numDroppedFramesUntilPause;
           hasRecentSyncWork || Nodes.forEach(function(node) {
             updateLayoutIfChanged(node, lastFrameAt);
           });
         }
         rAF(layoutOnAnimationFrame);
-      }, layoutOnAnimationFrame2 = layoutOnAnimationFrame, lastFrameAt = Date.now();
+      }, layoutOnAnimationFrame2 = layoutOnAnimationFrame, supportsCheckVisibility = "checkVisibility" in document.body, lastFrameAt = Date.now();
       async function updateLayoutIfChanged(node, frameId) {
-        var onLayout = LayoutHandlers.get(node);
-        if (typeof onLayout == "function") {
-          var parentNode = node.parentElement;
-          if (parentNode) {
-            var nodeRect, parentRect;
-            if (strategy === "async") {
-              var [nr, pr] = await Promise.all([
-                getBoundingClientRectAsync(node),
-                getBoundingClientRectAsync(parentNode)
-              ]);
-              if (nr === !1 || pr === !1 || frameId !== lastFrameAt) return;
-              nodeRect = nr, parentRect = pr;
-            } else nodeRect = node.getBoundingClientRect(), parentRect = parentNode.getBoundingClientRect();
-            var cachedRect = NodeRectCache.get(node), cachedParentRect = NodeRectCache.get(parentNode);
-            if (!cachedRect || // has changed one rect
-            // @ts-expect-error DOMRectReadOnly can go into object
-            !(0, import_is_equal_shallow.isEqualShallow)(cachedRect, nodeRect) && // @ts-expect-error DOMRectReadOnly can go into object
-            (!cachedParentRect || !(0, import_is_equal_shallow.isEqualShallow)(cachedParentRect, parentRect))) {
-              NodeRectCache.set(node, nodeRect), ParentRectCache.set(parentNode, parentRect);
-              var event = getElementLayoutEvent(nodeRect, parentRect);
-              avoidUpdates ? queuedUpdates.set(node, function() {
-                return onLayout(event);
-              }) : onLayout(event);
+        if (IntersectionState.get(node) !== !1 && !(process.env.TAMAGUI_ONLAYOUT_VISIBILITY_CHECK === "1" && supportsCheckVisibility && !node.checkVisibility())) {
+          var onLayout = LayoutHandlers.get(node);
+          if (typeof onLayout == "function") {
+            var parentNode = node.parentElement;
+            if (parentNode) {
+              var nodeRect, parentRect;
+              if (strategy === "async") {
+                var [nr, pr] = await Promise.all([
+                  getBoundingClientRectAsync(node),
+                  getBoundingClientRectAsync(parentNode)
+                ]);
+                if (nr === !1 || pr === !1 || frameId !== lastFrameAt) return;
+                nodeRect = nr, parentRect = pr;
+              } else nodeRect = node.getBoundingClientRect(), parentRect = parentNode.getBoundingClientRect();
+              var cachedRect = NodeRectCache.get(node), cachedParentRect = NodeRectCache.get(parentNode);
+              if (!cachedRect || // has changed one rect
+              // @ts-expect-error DOMRectReadOnly can go into object
+              !(0, import_is_equal_shallow.isEqualShallow)(cachedRect, nodeRect) && // @ts-expect-error DOMRectReadOnly can go into object
+              (!cachedParentRect || !(0, import_is_equal_shallow.isEqualShallow)(cachedParentRect, parentRect))) {
+                NodeRectCache.set(node, nodeRect), ParentRectCache.set(parentNode, parentRect);
+                var event = getElementLayoutEvent(nodeRect, parentRect);
+                avoidUpdates ? queuedUpdates.set(node, function() {
+                  return onLayout(event);
+                }) : onLayout(event);
+              }
             }
           }
         }
       }
-      rAF(layoutOnAnimationFrame), frameCount = 0, runEveryXFrames = 6;
+      rAF(layoutOnAnimationFrame), frameCount = 0, RUN_EVERY_X_FRAMES = 4;
     } else process.env.NODE_ENV === "development" && console.warn("No requestAnimationFrame - please polyfill for onLayout to work correctly");
-    var layoutOnAnimationFrame, layoutOnAnimationFrame2, lastFrameAt, frameCount, runEveryXFrames, getElementLayoutEvent = function(nodeRect, parentRect) {
+    var layoutOnAnimationFrame, layoutOnAnimationFrame2, supportsCheckVisibility, lastFrameAt, frameCount, RUN_EVERY_X_FRAMES, getElementLayoutEvent = function(nodeRect, parentRect) {
       return {
         nativeEvent: {
           layout: getRelativeDimensions(nodeRect, parentRect),
@@ -12404,10 +12418,10 @@ var require_index_native12 = __commonJS({
         if (onLayout) {
           var node2 = (_ref_current2 = ref.current) === null || _ref_current2 === void 0 ? void 0 : _ref_current2.host;
           if (node2) {
-            LayoutHandlers.set(node2, onLayout), Nodes.add(node2);
+            LayoutHandlers.set(node2, onLayout), Nodes.add(node2), startGlobalIntersectionObserver(), globalIntersectionObserver && (globalIntersectionObserver.observe(node2), IntersectionState.set(node2, !0));
             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);
+              Nodes.delete(node2), LayoutHandlers.delete(node2), NodeRectCache.delete(node2), LastChangeTime.delete(node2), IntersectionState.delete(node2), globalIntersectionObserver && globalIntersectionObserver.unobserve(node2);
             };
           }
         }
@@ -12421,14 +12435,13 @@ var require_index_native12 = __commonJS({
     }
     var getBoundingClientRectAsync = function(node) {
       return new Promise(function(res) {
-        if (!(!node || node.nodeType !== 1)) {
-          var io = new IntersectionObserver(function(entries) {
-            return entries[0].isIntersecting ? (io.disconnect(), res(entries[0].boundingClientRect)) : res(!1);
-          }, {
-            threshold: 0
-          });
-          io.observe(node);
-        }
+        if (!node || node.nodeType !== 1) return res(!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;