tamagui 1.130.0 → 1.130.2

package/dist/test.native.js

@@ -7011,7 +7011,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)));
@@ -7345,7 +7347,7 @@ var require_useTheme_native = __commonJS({
       var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, [theme] = useThemeWithState(props), res = theme;
       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), themeProxied = (0, import_getThemeProxied.getThemeProxied)(props, themeState, keys);
+      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), themeProxied = props.passThrough ? {} : (0, import_getThemeProxied.getThemeProxied)(props, themeState, keys);
       return [
         themeProxied,
         themeState
@@ -7507,7 +7509,7 @@ var require_Theme_native = __commonJS({
       }
       if (forceClassName === !1) return children;
       if (import_constants4.isWeb) {
-        var { className, style } = getThemeClassNameAndStyle(themeState, props, isRoot);
+        var { className = "", style } = passThrough ? {} : getThemeClassNameAndStyle(themeState, props, isRoot);
         if (children = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", {
           className: `${className} _dsp_contents is_Theme`,
           style: passThrough ? void 0 : style,
@@ -8305,7 +8307,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;
@@ -8320,9 +8322,9 @@ var require_createComponent_native = __commonJS({
                 };
                 NextState.set(stateRef, updatedState);
                 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 ogSetStateShallow(next);
             }
           }, setStateShallow = function(state2) {
@@ -12835,7 +12837,7 @@ var require_index_native19 = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(index_exports2);
-    var import_constants4 = require_index_native6(), import_is_equal_shallow = require_index_native12(), LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), strategy = "async";
+    var import_constants4 = require_index_native6(), import_is_equal_shallow = require_index_native12(), LayoutHandlers = /* @__PURE__ */ new WeakMap(), Nodes = /* @__PURE__ */ new Set(), IntersectionState = /* @__PURE__ */ new WeakMap(), globalIntersectionObserver = null, strategy = "async";
     function setOnLayoutStrategy3(state) {
       strategy = state;
     }
@@ -12846,52 +12848,64 @@ var require_index_native19 = __commonJS({
       }), queuedUpdates.clear()));
     }
     var expectedFrameTime = 16.67, numDroppedFramesUntilPause = 10;
+    function startGlobalIntersectionObserver() {
+      !import_constants4.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_constants4.isClient && 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 (!(supportsCheckVisibility && !node.checkVisibility()) && IntersectionState.get(node) !== !1) {
+          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;
     }
-    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),
@@ -12956,10 +12970,10 @@ var require_index_native19 = __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);
             };
           }
         }
@@ -12973,14 +12987,13 @@ var require_index_native19 = __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;
@@ -18037,7 +18050,7 @@ var require_SheetImplementationCustom_native = __commonJS({
         }, previouslyScrolling = !1, onMoveShouldSet = function(e, param) {
           var { dy } = param;
           function getShouldSet() {
-            if (e.target === providerProps.handleRef.current || !scrollEnabled.current) return !0;
+            if (e.target === providerProps.handleRef.current) return !0;
             if (scrollBridge.scrollLock) return !1;
             var isScrolled = scrollBridge.y !== 0, isDraggingUp = dy < 0, isNearTop = scrollBridge.paneY - 5 <= scrollBridge.paneMinY;
             return isScrolled ? (previouslyScrolling = !0, !1) : isNearTop && hasScrollView.current && isDraggingUp ? !1 : Math.abs(dy) > 10;
@@ -18621,7 +18634,7 @@ var require_createSheet_native = __commonJS({
           element
         ]), context.onlyShowFrame, null;
       })), SheetFrame = Frame.extractable(/* @__PURE__ */ (0, import_react3.forwardRef)(function(param2, forwardedRef) {
-        var { __scopeSheet, adjustPaddingForOffscreenContent, disableHideBottomOverflow, children, ...props } = param2, context = (0, import_SheetContext.useSheetContext)(import_constants22.SHEET_NAME, __scopeSheet), { hasFit, removeScrollEnabled, frameSize, contentRef, open } = context, composedContentRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), offscreenSize = (0, import_useSheetOffscreenSize.useSheetOffscreenSize)(context), sheetContents = (0, import_react3.useMemo)(function() {
+        var { __scopeSheet, adjustPaddingForOffscreenContent, disableHideBottomOverflow, children, ...props } = param2, context = (0, import_SheetContext.useSheetContext)(import_constants22.SHEET_NAME, __scopeSheet), { hasFit, removeScrollEnabled = !0, frameSize, contentRef, open } = context, composedContentRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), offscreenSize = (0, import_useSheetOffscreenSize.useSheetOffscreenSize)(context), sheetContents = (0, import_react3.useMemo)(function() {
           return (
             // @ts-expect-error
             /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Frame, {
@@ -23731,15 +23744,13 @@ var require_Popper_native = __commonJS({
       Object.assign(setupOptions, options);
     }
     function Popper(props) {
-      var _middlewareData_checkFloating, { children, size: size2, strategy = "absolute", placement = "bottom", stayInFrame, allowFlip, offset: offset2, disableRTL, resize, passThrough, __scopePopper } = props, [arrowEl, setArrow] = React4.useState(null), [arrowSize, setArrowSize] = React4.useState(0), offsetOptions = offset2 ?? arrowSize, floatingStyle = React4.useRef({}), floating = (0, import_floating.useFloating)({
-        ...passThrough && {
-          open: !1
-        },
+      var _middlewareData_checkFloating, { children, size: size2, strategy = "absolute", placement = "bottom", stayInFrame, allowFlip, offset: offset2, disableRTL, resize, passThrough, open, __scopePopper } = props, [arrowEl, setArrow] = React4.useState(null), [arrowSize, setArrowSize] = React4.useState(0), offsetOptions = offset2 ?? arrowSize, floatingStyle = React4.useRef({}), floating = (0, import_floating.useFloating)({
+        open: passThrough ? !1 : open || !0,
         strategy,
         placement,
         sameScrollView: !1,
         // this only takes effect on native
-        whileElementsMounted: passThrough ? void 0 : import_floating.autoUpdate,
+        whileElementsMounted: passThrough || !open ? void 0 : import_floating.autoUpdate,
         platform: disableRTL ?? setupOptions.disableRTL ? {
           ...import_floating.platform,
           isRTL(element) {
@@ -24252,23 +24263,20 @@ var require_Popover_native = __commonJS({
     }));
     function PopoverRepropagateContext(props) {
       var popperContext = (0, import_popper.usePopperContext)(props.scope || POPOVER_SCOPE);
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, {
-        zIndex: props.zIndex,
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.PopperContext.Provider, {
-          scope: props.scope,
-          ...popperContext,
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContext.Provider, {
-            ...props.context,
-            children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.ProvideAdaptContext, {
-              ...props.adaptContext,
-              children: props.children
-            })
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.PopperContext.Provider, {
+        scope: props.scope,
+        ...popperContext,
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContext.Provider, {
+          ...props.context,
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.ProvideAdaptContext, {
+            ...props.adaptContext,
+            children: props.children
           })
         })
       });
     }
     function PopoverContentPortal(props) {
-      var { __scopePopover } = props, zIndex = props.zIndex, context = usePopoverContext(__scopePopover), themeName = (0, import_core12.useThemeName)(), adaptContext = (0, import_adapt.useAdaptContext)(), contents = props.children;
+      var { __scopePopover } = props, zIndex = props.zIndex, context = usePopoverContext(__scopePopover), themeName = (0, import_core12.useThemeName)(), adaptContext = (0, import_adapt.useAdaptContext)(), contents = props.children, isPopover = !context.breakpointActive, isSheet = context.breakpointActive;
       return needsRepropagation && (contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverRepropagateContext, {
         scope: __scopePopover || POPOVER_SCOPE,
         context,
@@ -24282,10 +24290,11 @@ var require_Popover_native = __commonJS({
           /* forceClassName avoids forced re-mount renders for some reason... see the HeadMenu as you change tints a few times */
           /* without this you'll see the site menu re-rendering. It must be something in wrapping children in Theme */
           /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_core12.Theme, {
+            passThrough: isPopover,
             forceClassName: !0,
             name: themeName,
             children: [
-              !!context.open && !context.breakpointActive && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_stacks3.YStack, {
+              !!context.open && isSheet && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_stacks3.YStack, {
                 fullscreen: !0,
                 onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.onOpenToggle)
               }),
@@ -24454,6 +24463,7 @@ var require_Popover_native = __commonJS({
         children,
         ...Object.values(popoverContext)
       ]), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.Popper, {
+        open,
         passThrough: isAdapted,
         __scopePopper: __scopePopover || POPOVER_SCOPE,
         stayInFrame: !0,