tamagui 1.129.19 → 1.130.1

package/dist/test.native.js

@@ -636,9 +636,12 @@ var require_AnimatePresence_native = __commonJS({
       }), filtered;
     }
     var AnimatePresence = function(param) {
-      var { children, enterVariant, exitVariant, enterExitVariant, initial = !0, onExitComplete, exitBeforeEnter, presenceAffectsLayout = !0, custom } = param, _useContext_forceRender, forceRender = (_useContext_forceRender = (0, import_react3.useContext)(import_LayoutGroupContext.LayoutGroupContext).forceRender) !== null && _useContext_forceRender !== void 0 ? _useContext_forceRender : (0, import_use_force_update.useForceUpdate)(), filteredChildren = onlyElements(children), presentChildren = (0, import_react3.useRef)(filteredChildren), allChildren = (0, import_react3.useRef)(/* @__PURE__ */ new Map()).current, exiting = (0, import_react3.useRef)(/* @__PURE__ */ new Set()).current;
+      var { children, enterVariant, exitVariant, enterExitVariant, initial = !0, onExitComplete, exitBeforeEnter, presenceAffectsLayout = !0, custom, passThrough } = param, _useContext_forceRender, forceRender = (_useContext_forceRender = (0, import_react3.useContext)(import_LayoutGroupContext.LayoutGroupContext).forceRender) !== null && _useContext_forceRender !== void 0 ? _useContext_forceRender : (0, import_use_force_update.useForceUpdate)(), filteredChildren = onlyElements(children), presentChildren = (0, import_react3.useRef)(filteredChildren), allChildren = (0, import_react3.useRef)(/* @__PURE__ */ new Map()).current, exiting = (0, import_react3.useRef)(/* @__PURE__ */ new Set()).current;
       updateChildLookup(filteredChildren, allChildren);
       var isInitialRender = (0, import_react3.useRef)(!0);
+      if (passThrough) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {
+        children
+      });
       if (isInitialRender.current) return isInitialRender.current = !1, /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {
         children: filteredChildren.map(function(child) {
           return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_PresenceChild.PresenceChild, {
@@ -6440,6 +6443,7 @@ var require_getSplitStyles_native = __commonJS({
       };
       conf = conf || (0, import_config.getConfig)();
       var animationDriver = (componentContext == null ? void 0 : componentContext.animationDriver) || conf.animations;
+      if (props.passThrough) return null;
       import_constants4.isWeb && styleProps.isAnimated && animationDriver.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
       var { shorthands } = conf, { isHOC, isText, isInput, variants, isReactNative, inlineProps, inlineWhenUnflattened, parentStaticConfig, acceptsClassName } = staticConfig, viewProps = {}, mediaState3 = styleProps.mediaState || import_useMedia.mediaState, shouldDoClasses = acceptsClassName && import_constants4.isWeb && !styleProps.noClass, rulesToInsert = void 0, classNames = {}, pseudos = null, space = props.space, hasMedia = !1, dynamicThemeAccess, pseudoGroups, mediaGroups, className = props.className || "", mediaStylesSeen = 0, validStyles = staticConfig.validStyles || (staticConfig.isText || staticConfig.isInput ? import_helpers.stylePropsText : import_helpers.validStyles), styleState = {
         classNames,
@@ -6720,20 +6724,29 @@ var require_mergeProps_native = __commonJS({
       var out = {};
       for (var key in a) mergeProp(out, a, b, key, inverseShorthands);
       if (b) for (var key1 in b) mergeProp(out, b, void 0, key1, inverseShorthands);
+      if (b && Object.keys(b).length > 0) {
+        var hasPropsNeedingReorder = Object.keys(b).some(function(key4) {
+          return (key4 in import_pseudoDescriptors.pseudoDescriptors || key4 === "variant") && key4 in a && key4 in out;
+        });
+        if (hasPropsNeedingReorder) {
+          var reordered = {};
+          for (var key2 in b) (key2 in import_pseudoDescriptors.pseudoDescriptors || key2 === "variant") && key2 in out && (reordered[key2] = out[key2]);
+          for (var key3 in out) key3 in reordered || (reordered[key3] = out[key3]);
+          return reordered;
+        }
+      }
       return out;
     };
     function mergeProp(out, a, b, key, inverseShorthands) {
       var longhand = (inverseShorthands == null ? void 0 : inverseShorthands[key]) || null, val = a[key];
-      if (!(b && (key in b || longhand && longhand in b))) {
-        if (key in import_pseudoDescriptors.pseudoDescriptors || import_useMedia.mediaKeys.has(key)) {
-          out[key] = {
-            ...out[key],
-            ...val
-          };
-          return;
-        }
-        out[longhand || key] = val;
+      if (key in import_pseudoDescriptors.pseudoDescriptors || import_useMedia.mediaKeys.has(key)) {
+        out[key] = {
+          ...out[key],
+          ...val
+        };
+        return;
       }
+      b && (key in b || longhand && longhand in b) || (out[longhand || key] = val);
     }
   }
 });
@@ -6973,7 +6986,7 @@ var require_useThemeState_native = __commonJS({
         id,
         parentId
       ]), propsKey = getPropsKey(props), getSnapshot = function() {
-        var _keys_current, _props_needsUpdate, local = localStates.get(id), needsUpdate = isRoot || props.name === "light" || props.name === "dark" || props.name === null ? !0 : HasRenderedOnce.get(keys) ? !(keys == null || (_keys_current = keys.current) === null || _keys_current === void 0) && _keys_current.size ? !0 : (_props_needsUpdate = props.needsUpdate) === null || _props_needsUpdate === void 0 ? void 0 : _props_needsUpdate.call(props) : !0, [rerender, next] = getNextState(local, props, propsKey, isRoot, id, parentId, needsUpdate, PendingUpdate.get(id));
+        var _keys_current, _props_needsUpdate, local = localStates.get(id), needsUpdate = props.passThrough ? !1 : isRoot || props.name === "light" || props.name === "dark" || props.name === null ? !0 : HasRenderedOnce.get(keys) ? !(keys == null || (_keys_current = keys.current) === null || _keys_current === void 0) && _keys_current.size ? !0 : (_props_needsUpdate = props.needsUpdate) === null || _props_needsUpdate === void 0 ? void 0 : _props_needsUpdate.call(props) : !0, [rerender, next] = getNextState(local, props, propsKey, isRoot, id, parentId, needsUpdate, PendingUpdate.get(id));
         return PendingUpdate.delete(id), (!local || rerender) && (local = {
           ...next
         }, localStates.set(id, local)), Object.assign(local, next), local.id = id, states.set(id, next), local;
@@ -6996,6 +7009,10 @@ var require_useThemeState_native = __commonJS({
       ]), state;
     }, getNextState = function(lastState, props, propsKey) {
       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
+      ];
       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)));
       if (0)
@@ -7451,8 +7468,8 @@ var require_Theme_native = __commonJS({
       style: {}
     }, Theme2 = /* @__PURE__ */ (0, import_react3.forwardRef)(function(props, ref) {
       if (props.disable) return props.children;
-      var isRoot = !!props._isRoot, [_, themeState] = (0, import_useTheme.useThemeWithState)(props, isRoot), disableDirectChildTheme = props["disable-child-theme"], finalChildren = disableDirectChildTheme ? import_react3.Children.map(props.children, function(child) {
-        return /* @__PURE__ */ (0, import_react3.cloneElement)(child, {
+      var { passThrough } = props, isRoot = !!props._isRoot, [_, themeState] = (0, import_useTheme.useThemeWithState)(props, isRoot), disableDirectChildTheme = props["disable-child-theme"], finalChildren = disableDirectChildTheme ? import_react3.Children.map(props.children, function(child) {
+        return passThrough ? child : /* @__PURE__ */ (0, import_react3.cloneElement)(child, {
           "data-disable-theme": !0
         });
       }) : props.children;
@@ -7465,11 +7482,11 @@ var require_Theme_native = __commonJS({
       var stateRef = (0, import_react3.useRef)({
         hasEverThemed: !1
       });
-      return getThemedChildren(themeState, finalChildren, props, isRoot, stateRef);
+      return getThemedChildren(themeState, finalChildren, props, isRoot, stateRef, passThrough);
     });
     Theme2.avoidForwardRef = !0;
     function getThemedChildren(themeState, children, props) {
-      var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, stateRef = arguments.length > 4 ? arguments[4] : void 0, { shallow, forceClassName } = props, state = stateRef.current, hasEverThemed = state.hasEverThemed, shouldRenderChildrenWithTheme = hasEverThemed || themeState.isNew || isRoot || (0, import_useThemeState.hasThemeUpdatingProps)(props);
+      var isRoot = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : !1, stateRef = arguments.length > 4 ? arguments[4] : void 0, passThrough = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : !1, { shallow, forceClassName } = props, state = stateRef.current, hasEverThemed = state.hasEverThemed, shouldRenderChildrenWithTheme = hasEverThemed || themeState.isNew || isRoot || (0, import_useThemeState.hasThemeUpdatingProps)(props);
       if (!shouldRenderChildrenWithTheme) return children;
       children = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_useThemeState.ThemeStateContext.Provider, {
         value: themeState.id,
@@ -7482,7 +7499,7 @@ var require_Theme_native = __commonJS({
         var parentState = (0, import_useThemeState.getThemeState)(themeState.isNew ? themeState.id : themeState.parentId);
         if (!parentState) throw new Error("\u203C\uFE0F010");
         children = import_react3.Children.toArray(children).map(function(child) {
-          return /* @__PURE__ */ (0, import_react3.isValidElement)(child) ? /* @__PURE__ */ (0, import_react3.cloneElement)(child, void 0, /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Theme2, {
+          return /* @__PURE__ */ (0, import_react3.isValidElement)(child) ? passThrough ? child : /* @__PURE__ */ (0, import_react3.cloneElement)(child, void 0, /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Theme2, {
             name: parentState.name,
             children: child.props.children
           })) : child;
@@ -7493,10 +7510,10 @@ var require_Theme_native = __commonJS({
         var { className, style } = getThemeClassNameAndStyle(themeState, props, isRoot);
         if (children = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", {
           className: `${className} _dsp_contents is_Theme`,
-          style,
+          style: passThrough ? void 0 : style,
           children
         }), state.hasEverThemed === "wrapped") {
-          var className1 = requiresExtraWrapper ? `${isInverse ? name.startsWith("light") ? "t_light is_inversed" : name.startsWith("dark") ? "t_dark is_inversed" : "" : ""} _dsp_contents` : "_dsp_contents";
+          var className1 = !passThrough && requiresExtraWrapper ? `${isInverse ? name.startsWith("light") ? "t_light is_inversed" : name.startsWith("dark") ? "t_dark is_inversed" : "" : ""} _dsp_contents` : "_dsp_contents";
           children = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", {
             className: className1,
             children
@@ -7916,7 +7933,7 @@ var require_useComponentState_native = __commonJS({
     }
     var isDisabled = function(props) {
       var _props_accessibilityState;
-      return props.disabled || ((_props_accessibilityState = props.accessibilityState) === null || _props_accessibilityState === void 0 ? void 0 : _props_accessibilityState.disabled) || props["aria-disabled"] || props.accessibilityDisabled || !1;
+      return props.disabled || props.passThrough || ((_props_accessibilityState = props.accessibilityState) === null || _props_accessibilityState === void 0 ? void 0 : _props_accessibilityState.disabled) || props["aria-disabled"] || props.accessibilityDisabled || !1;
     };
   }
 });
@@ -8205,7 +8222,7 @@ var require_createComponent_native = __commonJS({
         });
         var allGroupContexts = (0, import_react3.useMemo)(function() {
           var _stateRef_current_group;
-          if (!groupName) return groupContextParent;
+          if (!groupName || props.passThrough) return groupContextParent;
           (_stateRef_current_group = stateRef.current.group) === null || _stateRef_current_group === void 0 || _stateRef_current_group.listeners.clear();
           var listeners = /* @__PURE__ */ new Set();
           return stateRef.current.group = {
@@ -8278,7 +8295,7 @@ var require_createComponent_native = __commonJS({
           willBeAnimated,
           styledContextProps
         }, themeName = (themeState == null ? void 0 : themeState.name) || "", splitStyles = (0, import_getSplitStyles.useSplitStyles)(props, staticConfig, theme, themeName, state, styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp), groupContext = groupName && (allGroupContexts == null ? void 0 : allGroupContexts[groupName]) || null;
-        if (groupContext) {
+        if (splitStyles && groupContext) {
           var groupState = groupContext == null ? void 0 : groupContext.state;
           if (groupState && groupState.layout === void 0) {
             var _splitStyles_style, _splitStyles_style1;
@@ -8288,8 +8305,8 @@ var require_createComponent_native = __commonJS({
             });
           }
         }
-        if ((hasAnimationProp || groupName) && animationDriver != null && animationDriver.avoidReRenders) {
-          var styleListener = stateRef.current.useStyleListener, ogSetStateShallow = setStateShallow;
+        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;
             if (!(next === prev || (0, import_is_equal_shallow.isEqualShallow)(prev, next))) {
@@ -8303,9 +8320,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 || !styleListener) return;
+                if (groupContext && notifyGroupSubscribers(groupContext, stateRef.current.group || null, childrenGroupState), !hasAnimationProp || !useStyleListener) return;
                 var nextStyles = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, theme, themeName, updatedState, styleProps, null, componentContext, allGroupContexts, elementType, startedUnhydrated, debugProp);
-                styleListener(nextStyles.style);
+                useStyleListener((nextStyles == null ? void 0 : nextStyles.style) || {});
               } else ogSetStateShallow(next);
             }
           }, setStateShallow = function(state2) {
@@ -8313,14 +8330,16 @@ var require_createComponent_native = __commonJS({
             (_stateRef_current_setStateShallow = (_stateRef_current = stateRef.current).setStateShallow) === null || _stateRef_current_setStateShallow === void 0 || _stateRef_current_setStateShallow.call(_stateRef_current, state2);
           };
         }
-        if (props.group && props.untilMeasured === "hide" && !stateRef.current.hasMeasured) {
-          var _splitStyles;
-          (_splitStyles = splitStyles).style || (_splitStyles.style = {}), splitStyles.style.opacity = 0;
+        if (splitStyles) {
+          if (props.group && props.untilMeasured === "hide" && !stateRef.current.hasMeasured) {
+            var _splitStyles;
+            (_splitStyles = splitStyles).style || (_splitStyles.style = {}), splitStyles.style.opacity = 0;
+          }
+          splitStyles.dynamicThemeAccess != null && (stateRef.current.isListeningToTheme = splitStyles.dynamicThemeAccess);
         }
-        splitStyles.dynamicThemeAccess != null && (stateRef.current.isListeningToTheme = splitStyles.dynamicThemeAccess);
-        var hasRuntimeMediaKeys = splitStyles.hasMedia && splitStyles.hasMedia !== !0, shouldListenForMedia = (0, import_createVariable.didGetVariableValue)() || hasRuntimeMediaKeys || noClass && splitStyles.hasMedia === !0, mediaListeningKeys = hasRuntimeMediaKeys ? splitStyles.hasMedia : null;
+        var hasRuntimeMediaKeys = (splitStyles == null ? void 0 : splitStyles.hasMedia) && splitStyles.hasMedia !== !0, shouldListenForMedia = (0, import_createVariable.didGetVariableValue)() || hasRuntimeMediaKeys || noClass && (splitStyles == null ? void 0 : splitStyles.hasMedia) === !0, mediaListeningKeys = hasRuntimeMediaKeys ? splitStyles.hasMedia : null;
         (0, import_useMedia.setMediaShouldUpdate)(componentContext, shouldListenForMedia, mediaListeningKeys);
-        var { viewProps: viewPropsIn, pseudos, style: splitStylesStyle, classNames, space } = splitStyles, propsWithAnimation = props, {
+        var { viewProps: viewPropsIn, pseudos, style: splitStylesStyle, classNames, space, pseudoGroups, mediaGroups } = splitStyles || {}, propsWithAnimation = props, {
           asChild,
           children,
           themeShallow,
@@ -8344,7 +8363,7 @@ var require_createComponent_native = __commonJS({
           onClick,
           theme: _themeProp,
           ...nonTamaguiProps
-        } = viewPropsIn, viewProps = nonTamaguiProps;
+        } = viewPropsIn || {}, viewProps = nonTamaguiProps;
         !isTaggable && props.forceStyle && (viewProps.forceStyle = props.forceStyle), isHOC && _themeProp && (viewProps.theme = _themeProp), tagProp && elementType.acceptTagProp && (viewProps.tag = tagProp);
         var animationStyles, shouldUseAnimation = (
           // if it supports css vars we run it on server too to get matching initial style
@@ -8370,7 +8389,7 @@ var require_createComponent_native = __commonJS({
           });
           animations && (animations.ref && (animatedRef = animations.ref), isHydrated && animations && (animationStyles = animations.style, viewProps.style = animationStyles, animations.className && (viewProps.className = `${state.unmounted === "should-enter" ? "t_unmounted " : ""}${viewProps.className || ""} ${animations.className}`)));
         }
-        groupContext && (nonTamaguiProps.onLayout = (0, import_helpers.composeEventHandlers)(nonTamaguiProps.onLayout, function(e) {
+        splitStyles && groupContext && (nonTamaguiProps.onLayout = (0, import_helpers.composeEventHandlers)(nonTamaguiProps.onLayout, function(e) {
           var _stateRef_current_group, layout = e.nativeEvent.layout;
           groupContext.state.layout = layout, (_stateRef_current_group = stateRef.current.group) === null || _stateRef_current_group === void 0 || _stateRef_current_group.emit({
             layout
@@ -8382,7 +8401,7 @@ var require_createComponent_native = __commonJS({
         })), viewProps = ((_hooks_usePropsTransform = import_setupHooks.hooks.usePropsTransform) === null || _hooks_usePropsTransform === void 0 ? void 0 : _hooks_usePropsTransform.call(import_setupHooks.hooks, elementType, nonTamaguiProps, stateRef, stateRef.current.willHydrate)) || nonTamaguiProps, stateRef.current.composedRef || (stateRef.current.composedRef = (0, import_compose_refs.composeRefs)(function(x) {
           return stateRef.current.host = x;
         }, forwardedRef, import_setElementProps.setElementProps, animatedRef)), viewProps.ref = stateRef.current.composedRef;
-        var { pseudoGroups, mediaGroups } = splitStyles, unPress = function() {
+        var unPress = function() {
           setStateShallow({
             press: !1,
             pressIn: !1
@@ -8498,7 +8517,7 @@ var require_createComponent_native = __commonJS({
           });
         }
         (_hooks_useEvents = import_setupHooks.hooks.useEvents) === null || _hooks_useEvents === void 0 || _hooks_useEvents.call(import_setupHooks.hooks, viewProps, events, splitStyles, setStateShallow, staticConfig);
-        var direction = props.spaceDirection || "both", content = !children || asChild ? children : spacedChildren2({
+        var direction = props.spaceDirection || "both", content = !children || asChild || !splitStyles ? children : spacedChildren2({
           separator,
           children,
           space,
@@ -8512,8 +8531,15 @@ var require_createComponent_native = __commonJS({
           onLongPress
         });
         var useChildrenResult;
-        import_setupHooks.hooks.useChildren && (useChildrenResult = import_setupHooks.hooks.useChildren(elementType, content, viewProps)), useChildrenResult ? content = useChildrenResult : content = /* @__PURE__ */ import_react3.default.createElement(elementType, viewProps, content);
-        var ResetPresence2 = config == null || (_config_animations = config.animations) === null || _config_animations === void 0 ? void 0 : _config_animations.ResetPresence, needsReset = !!(!isHOC && ResetPresence2 && willBeAnimated && (hasEnterStyle || presenceState)), hasEverReset = stateRef.current.hasEverResetPresence;
+        import_setupHooks.hooks.useChildren && (useChildrenResult = import_setupHooks.hooks.useChildren(elementType, content, viewProps)), splitStyles || (elementType = "span", content = propsIn.children, viewProps = {
+          style: {
+            display: "contents"
+          }
+        }), useChildrenResult ? content = useChildrenResult : content = /* @__PURE__ */ import_react3.default.createElement(elementType, viewProps, content);
+        var ResetPresence2 = config == null || (_config_animations = config.animations) === null || _config_animations === void 0 ? void 0 : _config_animations.ResetPresence, needsReset = !!// not when passing down to child
+        (!asChild && // not when passThrough
+        splitStyles && // not when HOC
+        !isHOC && ResetPresence2 && willBeAnimated && (hasEnterStyle || presenceState)), hasEverReset = stateRef.current.hasEverResetPresence;
         needsReset && !hasEverReset && (stateRef.current.hasEverResetPresence = !0);
         var renderReset = needsReset || hasEverReset;
         if (renderReset && ResetPresence2 && (content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ResetPresence2, {
@@ -8526,7 +8552,7 @@ var require_createComponent_native = __commonJS({
         })), "group" in props && (content = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_GroupContext.GroupContext.Provider, {
           value: allGroupContexts,
           children: content
-        })), content = disableTheme ? content : (0, import_Theme.getThemedChildren)(themeState, content, themeStateProps, !1, stateRef), staticConfig.context) {
+        })), content = disableTheme || !splitStyles ? content : (0, import_Theme.getThemedChildren)(themeState, content, themeStateProps, !1, stateRef), staticConfig.context) {
           var contextProps = staticConfig.context.props;
           for (var key1 in contextProps) if (viewProps.style && key1 in viewProps.style || key1 in viewProps) {
             var _viewProps_style;
@@ -8577,7 +8603,7 @@ var require_createComponent_native = __commonJS({
       }
       function styleable(Component2, options) {
         var _Component_render, skipForwardRef = import_constants4.IS_REACT_19 && typeof Component2 == "function" && Component2.length === 1 || ((_Component_render = Component2.render) === null || _Component_render === void 0 ? void 0 : _Component_render.length) === 2, out = skipForwardRef ? Component2 : /* @__PURE__ */ import_react3.default.forwardRef(Component2), extendedConfig = extendStyledConfig(options == null ? void 0 : options.staticConfig);
-        return out = options != null && options.disableTheme ? out : (0, import_themeable.themeable)(out, extendedConfig, !0), process.env.TAMAGUI_MEMOIZE_STYLEABLE && (out = /* @__PURE__ */ import_react3.default.memo(out)), out.staticConfig = extendedConfig, out.styleable = styleable, out;
+        return out = options != null && options.disableTheme ? out : (0, import_themeable.themeable)(out, extendedConfig, !0), (extendedConfig.memo || process.env.TAMAGUI_MEMOIZE_STYLEABLE) && (out = /* @__PURE__ */ import_react3.default.memo(out)), out.staticConfig = extendedConfig, out.styleable = styleable, out;
       }
       return res.extractable = extractable, res.styleable = styleable, res;
     }
@@ -10532,7 +10558,7 @@ var require_useProps_native = __commonJS({
         noClass: !0,
         resolveValues: "auto",
         ...opts
-      }, null, componentContext, groupContext), { mediaGroups, pseudoGroups } = splitStyles;
+      }, null, componentContext, groupContext), { mediaGroups, pseudoGroups } = splitStyles || {};
       return (0, import_constants4.useIsomorphicLayoutEffect)(function() {
         if (!disabled) {
           if (state.unmounted) {
@@ -10558,8 +10584,8 @@ var require_useProps_native = __commonJS({
           ...mediaGroups
         ]).join("") : 0
       ]), [
-        splitStyles.viewProps,
-        splitStyles.style || {},
+        (splitStyles == null ? void 0 : splitStyles.viewProps) || {},
+        (splitStyles == null ? void 0 : splitStyles.style) || {},
         theme,
         import_useMedia.mediaState
       ];
@@ -12846,7 +12872,7 @@ var require_index_native19 = __commonJS({
                 getBoundingClientRectAsync(node),
                 getBoundingClientRectAsync(parentNode)
               ]);
-              if (frameId !== lastFrameAt) return;
+              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);
@@ -12949,7 +12975,7 @@ var require_index_native19 = __commonJS({
       return new Promise(function(res) {
         if (!(!node || node.nodeType !== 1)) {
           var io = new IntersectionObserver(function(entries) {
-            return io.disconnect(), res(entries[0].boundingClientRect);
+            return entries[0].isIntersecting ? (io.disconnect(), res(entries[0].boundingClientRect)) : res(!1);
           }, {
             threshold: 0
           });
@@ -13555,8 +13581,7 @@ var require_index_native20 = __commonJS({
           if (isDOM && plainDOMProps.href && hrefAttrs) var download, rel, target;
         }
       },
-      useEvents(viewProps, events, param, setStateShallow, staticConfig) {
-        var { pseudos } = param;
+      useEvents(viewProps, events, splitStyles, setStateShallow, staticConfig) {
         if (events && (events.onFocus && (viewProps.onFocus = events.onFocus), events.onBlur && (viewProps.onBlur = events.onBlur)), staticConfig.isInput) {
           if (events) {
             var { onPressIn, onPressOut, onPress } = events, inputEvents = {
@@ -16066,7 +16091,7 @@ var require_GorhomPortalItem_native = __commonJS({
     });
     module2.exports = __toCommonJS2(GorhomPortalItem_native_exports);
     var import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_react3 = require("react"), import_GorhomPortal = require_GorhomPortal_native(), GorhomPortalItem = function(props) {
-      var { name: _providedName, hostName, handleOnMount: _providedHandleOnMount, handleOnUnmount: _providedHandleOnUnmount, handleOnUpdate: _providedHandleOnUpdate, children, passthrough } = props, { addPortal: addUpdatePortal, removePortal } = (0, import_GorhomPortal.usePortal)(hostName), id = (0, import_react3.useId)(), name = _providedName || id, handleOnMount = (0, import_core12.useEvent)(function() {
+      var { name: _providedName, hostName, handleOnMount: _providedHandleOnMount, handleOnUnmount: _providedHandleOnUnmount, handleOnUpdate: _providedHandleOnUpdate, children, passThrough } = props, { addPortal: addUpdatePortal, removePortal } = (0, import_GorhomPortal.usePortal)(hostName), id = (0, import_react3.useId)(), name = _providedName || id, handleOnMount = (0, import_core12.useEvent)(function() {
         _providedHandleOnMount ? _providedHandleOnMount(function() {
           return addUpdatePortal(name, children);
         }) : addUpdatePortal(name, children);
@@ -16080,14 +16105,14 @@ var require_GorhomPortalItem_native = __commonJS({
         }) : addUpdatePortal(name, children);
       });
       return (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        if (!passthrough) return handleOnMount(), function() {
+        if (!passThrough) return handleOnMount(), function() {
           handleOnUnmount();
         };
       }, []), (0, import_react3.useEffect)(function() {
-        passthrough || handleOnUpdate();
+        passThrough || handleOnUpdate();
       }, [
         children
-      ]), passthrough ? children : null;
+      ]), passThrough ? children : null;
     };
   }
 });
@@ -16495,9 +16520,9 @@ var require_Adapt_native = __commonJS({
     }, {
       Contents: AdaptContents
     }), AdaptPortalContents = function(props) {
-      var { portalName } = useAdaptContext(props.scope);
+      var isActive = useAdaptIsActive(props.scope), { portalName } = useAdaptContext(props.scope);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.PortalItem, {
-        // passthrough={!isWeb && !isActive}
+        passThrough: !isActive,
         hostName: portalName,
         children: props.children
       });
@@ -17464,12 +17489,11 @@ var require_useSheetOpenState_native = __commonJS({
       var { isHidden, controller } = (0, import_useSheetController.useSheetController)(), onOpenChangeInternal = function(val) {
         var _controller_onOpenChange, _props_onOpenChange;
         controller == null || (_controller_onOpenChange = controller.onOpenChange) === null || _controller_onOpenChange === void 0 || _controller_onOpenChange.call(controller, val), (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 || _props_onOpenChange.call(props, val);
-      }, _controller_open, _props_defaultOpen, [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
-        prop: (_controller_open = controller == null ? void 0 : controller.open) !== null && _controller_open !== void 0 ? _controller_open : props.open,
+      }, _controller_open, propVal = (_controller_open = controller == null ? void 0 : controller.open) !== null && _controller_open !== void 0 ? _controller_open : props.open, _props_defaultOpen, [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+        prop: propVal,
         defaultProp: (_props_defaultOpen = props.defaultOpen) !== null && _props_defaultOpen !== void 0 ? _props_defaultOpen : !1,
         onChange: onOpenChangeInternal,
-        strategy: "most-recent-wins",
-        transition: !0
+        strategy: "prop-wins"
       });
       return {
         open,
@@ -17556,8 +17580,7 @@ var require_useSheetProviderProps_native = __commonJS({
         prop: props.position,
         defaultProp: props.defaultPosition || (state.open ? 0 : -1),
         onChange: props.onPositionChange,
-        strategy: "most-recent-wins",
-        transition: !0
+        strategy: "prop-wins"
       }), position = state.open === !1 ? -1 : position_, { open } = state, setPosition = import_react3.default.useCallback(function(next) {
         props.dismissOnSnapToBottom && next === snapPoints.length - 1 ? state.setOpen(!1) : setPositionImmediate(next);
       }, [
@@ -17964,27 +17987,26 @@ var require_SheetImplementationCustom_native = __commonJS({
             ...animationConfig
           }));
         }
-      });
+      }), isAbleToPosition = /* @__PURE__ */ function() {
+        return !(disableAnimation || !frameSize || !screenSize || isHidden || hasntMeasured && !open);
+      }();
       (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        if (hasntMeasured && screenSize && frameSize) {
-          at.current = screenSize, animatedNumber.setValue(screenSize, {
-            type: "timing",
-            duration: 0
-          }, function() {
-            setTimeout(function() {
-              setDisableAnimation(!1);
-            }, 10);
-          });
-          return;
-        }
-        disableAnimation || !frameSize || !screenSize || isHidden || hasntMeasured && !open || animateTo(position);
+        hasntMeasured && screenSize && frameSize && (at.current = screenSize, animatedNumber.setValue(screenSize, {
+          type: "timing",
+          duration: 0
+        }, function() {
+          setTimeout(function() {
+            setDisableAnimation(!1);
+          }, 10);
+        }));
       }, [
         hasntMeasured,
-        disableAnimation,
-        isHidden,
-        frameSize,
         screenSize,
-        open,
+        frameSize
+      ]), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+        isAbleToPosition && animateTo(position);
+      }, [
+        isAbleToPosition,
         position
       ]);
       var _props_disableDrag, disableDrag = (_props_disableDrag = props.disableDrag) !== null && _props_disableDrag !== void 0 ? _props_disableDrag : controller == null ? void 0 : controller.disableDrag, themeName = (0, import_core12.useThemeName)(), [isDragging, setIsDragging] = import_react3.default.useState(!1), scrollEnabled = (0, import_react3.useRef)(!0), setScrollEnabled = import_react3.default.useCallback(function(val) {
@@ -17999,12 +18021,14 @@ var require_SheetImplementationCustom_native = __commonJS({
         }
         var release = function(param) {
           var { vy, dragAt } = param;
-          isExternalDrag = !1, previouslyScrolling = !1, setPanning(!1);
-          for (var at2 = dragAt + startY, end = at2 + frameSize * vy * 0.2, closestPoint = 0, dist = Number.POSITIVE_INFINITY, i = 0; i < positions.length; i++) {
-            var position2 = positions[i], curDist = end > position2 ? end - position2 : position2 - end;
-            curDist < dist && (dist = curDist, closestPoint = i);
+          if (!scrollBridge.scrollLock) {
+            isExternalDrag = !1, previouslyScrolling = !1, setPanning(!1);
+            for (var at2 = dragAt + startY, end = at2 + frameSize * vy * 0.2, closestPoint = 0, dist = Number.POSITIVE_INFINITY, i = 0; i < positions.length; i++) {
+              var position2 = positions[i], curDist = end > position2 ? end - position2 : position2 - end;
+              curDist < dist && (dist = curDist, closestPoint = i);
+            }
+            setPosition(closestPoint), animateTo(closestPoint), setScrollEnabled(closestPoint === 0);
           }
-          setPosition(closestPoint), animateTo(closestPoint), setScrollEnabled(closestPoint === 0 && dragAt <= 0);
         }, finish = function(_e, state2) {
           release({
             vy: state2.vy,
@@ -18012,10 +18036,13 @@ var require_SheetImplementationCustom_native = __commonJS({
           });
         }, previouslyScrolling = !1, onMoveShouldSet = function(e, param) {
           var { dy } = param;
-          if (e.target === providerProps.handleRef.current || !scrollEnabled.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 && scrollEnabled.current && hasScrollView.current && isDraggingUp ? !1 : Math.abs(dy) > 10;
+          function getShouldSet() {
+            if (e.target === providerProps.handleRef.current || !scrollEnabled.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;
+          }
+          return getShouldSet();
         }, grant = function() {
           setScrollEnabled(!1), setPanning(!0), stopSpring(), startY = at.current;
         }, isExternalDrag = !1;
@@ -18384,7 +18411,7 @@ var require_SheetScrollView_native = __commonJS({
       }, []);
       var release = function() {
         if (state.current.isDragging) {
-          state.current.isDragging = !1, scrollBridge.scrollStartY = -1, state.current.isScrolling = !1, setScrollEnabled(!0);
+          state.current.isDragging = !1, scrollBridge.scrollStartY = -1, scrollBridge.scrollLock = !1, state.current.isScrolling = !1, setScrollEnabled(!0);
           var vy = 0;
           if (state.current.dys.length) {
             var recentDys = state.current.dys.slice(-10), dist = recentDys.length ? recentDys.reduce(function(a, b) {
@@ -18431,15 +18458,12 @@ var require_SheetScrollView_native = __commonJS({
         onResponderMove: function(e) {
           if (import_core12.isWeb) {
             var { pageY } = e.nativeEvent;
-            if (state.current.isScrolling) {
-              e.stopPropagation();
-              return;
-            }
+            if (state.current.isScrolling) return;
             scrollBridge.scrollStartY === -1 && (scrollBridge.scrollStartY = pageY, state.current.lastPageY = pageY);
             var dragAt = pageY - scrollBridge.scrollStartY, dy = pageY - state.current.lastPageY;
             state.current.lastPageY = pageY;
-            var isDraggingUp = dy < 0, isPaneAtTop = scrollBridge.paneY <= scrollBridge.paneMinY;
-            if ((dy === 0 || isDraggingUp) && isPaneAtTop) {
+            var isDraggingUp = dy < 0, isPaneAtTop = scrollBridge.paneY <= scrollBridge.paneMinY, shouldScrollLock = (dy === 0 || isDraggingUp) && isPaneAtTop;
+            if (shouldScrollLock) {
               state.current.isScrolling = !0, scrollBridge.scrollLock = !0, setScrollEnabled(!0);
               return;
             }
@@ -18630,14 +18654,7 @@ var require_createSheet_native = __commonJS({
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, {
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_remove_scroll.RemoveScroll, {
-              forwardProps: !0,
-              enabled: removeScrollEnabled,
-              allowPinchZoom: !0,
-              shards: [
-                contentRef
-              ],
-              // causes lots of bugs on touch web on site
-              removeScrollBar: !1,
+              enabled: removeScrollEnabled && context.open,
               children: sheetContents
             }),
             /* below frame hide when bouncing past 100% */
@@ -18970,18 +18987,20 @@ var require_SheetController_native = __commonJS({
     });
     module2.exports = __toCommonJS2(SheetController_exports);
     var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_core12 = require_index_native20(), import_useSheetController = require_useSheetController_native(), SheetController = function(param) {
-      var { children, onOpenChange: onOpenChangeProp, ...value } = param, onOpenChange = (0, import_core12.useEvent)(onOpenChangeProp), memoValue = import_react3.default.useMemo(function() {
+      var { children, onOpenChange: onOpenChangeProp, open, hidden, disableDrag } = param, onOpenChange = (0, import_core12.useEvent)(onOpenChangeProp), id = (0, import_react3.useId)(), memoValue = import_react3.default.useMemo(function() {
         return {
-          open: value.open,
-          hidden: value.hidden,
-          disableDrag: value.disableDrag,
+          id,
+          open,
+          hidden,
+          disableDrag,
           onOpenChange
         };
       }, [
+        id,
         onOpenChange,
-        value.open,
-        value.hidden,
-        value.disableDrag
+        open,
+        hidden,
+        disableDrag
       ]);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_useSheetController.SheetControllerContext.Provider, {
         value: memoValue,
@@ -19281,14 +19300,7 @@ var require_Dialog_native = __commonJS({
         })
       });
       return !import_constants4.isWeb || context.disableRemoveScroll ? contents : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_remove_scroll.RemoveScroll, {
-        forwardProps: !0,
         enabled: context.open,
-        allowPinchZoom: context.allowPinchZoom,
-        shards: [
-          context.contentRef
-        ],
-        // causes lots of bugs on touch web on site
-        removeScrollBar: !1,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", {
           "data-remove-scroll-container": !0,
           className: "_dsp_contents",
@@ -19445,7 +19457,7 @@ var require_Dialog_native = __commonJS({
       titleName: "DialogTitle",
       docsSlug: "dialog"
     }), Dialog = (0, import_helpers.withStaticProperties)(/* @__PURE__ */ React4.forwardRef(function(props, ref) {
-      var { __scopeDialog, children, open: openProp, defaultOpen = !1, onOpenChange, modal = !0, allowPinchZoom = !1, disableRemoveScroll = !1 } = props, baseId = React4.useId(), scopeId = `scope-${baseId}`, contentId = `content-${baseId}`, titleId = `title-${baseId}`, descriptionId = `description-${baseId}`, scopeKey = __scopeDialog ? Object.keys(__scopeDialog)[0] : scopeId, adaptName = getAdaptName({
+      var { __scopeDialog, children, open: openProp, defaultOpen = !1, onOpenChange, modal = !0, disableRemoveScroll = !1 } = props, baseId = React4.useId(), scopeId = `scope-${baseId}`, contentId = `content-${baseId}`, titleId = `title-${baseId}`, descriptionId = `description-${baseId}`, scopeKey = __scopeDialog ? Object.keys(__scopeDialog)[0] : scopeId, adaptName = getAdaptName({
         scopeKey,
         contentId
       }), triggerRef = React4.useRef(null), contentRef = React4.useRef(null), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
@@ -19470,7 +19482,6 @@ var require_Dialog_native = __commonJS({
         onOpenChange: setOpen,
         onOpenToggle,
         modal,
-        allowPinchZoom,
         disableRemoveScroll,
         adaptName
       };
@@ -23337,9 +23348,9 @@ var require_Animate_native = __commonJS({
     module2.exports = __toCommonJS2(Animate_exports);
     var import_jsx_runtime6 = require("react/jsx-runtime"), import_animate_presence = require_index_native4(), import_react3 = require("react");
     function Animate(param) {
-      var { children, lazyMount, type, present, ...props } = param, [lazyMounted, setLazyMounted] = (0, import_react3.useState)(lazyMount ? !1 : present);
+      var { children, lazyMount, type, present, passThrough, ...props } = param, [lazyMounted, setLazyMounted] = (0, import_react3.useState)(lazyMount ? !1 : present);
       (0, import_react3.useEffect)(function() {
-        lazyMount && present && (0, import_react3.startTransition)(function() {
+        passThrough || lazyMount && present && (0, import_react3.startTransition)(function() {
           setLazyMounted(present);
         });
       }, [
@@ -23348,20 +23359,23 @@ var require_Animate_native = __commonJS({
       ]);
       var mounted = present ? lazyMount ? lazyMounted : present : !1;
       return type === "presence" ? props.keepChildrenMounted ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.PresenceChild, {
-        initial: props.initial ? void 0 : !1,
-        onExitComplete: props.onExitComplete,
-        enterVariant: props.enterVariant,
-        exitVariant: props.exitVariant,
-        enterExitVariant: props.enterExitVariant,
-        // BUGFIX: this causes continous re-renders if keepChildrenMounted is true, see HeaderMenu
-        // but since we always re-render this component on open changes this should be fine to leave off?
-        presenceAffectsLayout: !1,
-        isPresent: present,
-        custom: props.custom,
+        isPresent: !0,
+        ...!passThrough && {
+          initial: props.initial ? void 0 : !1,
+          onExitComplete: props.onExitComplete,
+          enterVariant: props.enterVariant,
+          exitVariant: props.exitVariant,
+          enterExitVariant: props.enterExitVariant,
+          // BUGFIX: this causes continous re-renders if keepChildrenMounted is true, see HeaderMenu
+          // but since we always re-render this component on open changes this should be fine to leave off?
+          presenceAffectsLayout: !1,
+          isPresent: present,
+          custom: props.custom
+        },
         children
       }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.AnimatePresence, {
         ...props,
-        children: mounted ? children : null
+        children: mounted || passThrough ? children : null
       }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {
         children
       });
@@ -23681,6 +23695,12 @@ var require_Popper_native = __commonJS({
       PopperContext: function() {
         return PopperContext;
       },
+      PopperInfrequentContext: function() {
+        return PopperInfrequentContext;
+      },
+      PopperPositionContext: function() {
+        return PopperPositionContext;
+      },
       PopperProvider: function() {
         return PopperProvider;
       },
@@ -23689,10 +23709,15 @@ var require_Popper_native = __commonJS({
       },
       usePopperContext: function() {
         return usePopperContext;
+      },
+      usePopperInfrequentContext: function() {
+        return usePopperInfrequentContext;
       }
     });
     module2.exports = __toCommonJS2(Popper_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_floating = require_index_native58(), import_get_token2 = require_index_native22(), import_stacks3 = require_index_native24(), import_start_transition = require_index_native9(), React4 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), PopperContext = (0, import_core12.createStyledContext)({}), { useStyledContext: usePopperContext, Provider: PopperProvider } = PopperContext, checkFloating = {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_floating = require_index_native58(), import_get_token2 = require_index_native22(), import_stacks3 = require_index_native24(), import_start_transition = require_index_native9(), React4 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), PopperContext = (0, import_core12.createStyledContext)({}), PopperPositionContext = import_core12.createStyledContext, { useStyledContext: usePopperContext, Provider: PopperProvider } = PopperContext, PopperInfrequentContext = (0, import_core12.createStyledContext)({
+      size: void 0
+    }), usePopperInfrequentContext = PopperInfrequentContext.useStyledContext, checkFloating = {
       name: "checkFloating",
       fn(data) {
         return {
@@ -23706,12 +23731,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, __scopePopper } = props, [arrowEl, setArrow] = React4.useState(null), [arrowSize, setArrowSize] = React4.useState(0), offsetOptions = offset2 ?? arrowSize, floatingStyle = React4.useRef({}), floating = (0, import_floating.useFloating)({
+      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: import_floating.autoUpdate,
+        whileElementsMounted: passThrough || !open ? void 0 : import_floating.autoUpdate,
         platform: disableRTL ?? setupOptions.disableRTL ? {
           ...import_floating.platform,
           isRTL(element) {
@@ -23743,8 +23769,9 @@ var require_Popper_native = __commonJS({
           showSubscription.remove(), hideSubscription.remove();
         };
       }, []), (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        floating.update();
+        passThrough || floating.update();
       }, [
+        passThrough,
         dimensions,
         keyboardOpen
       ]);
@@ -23757,9 +23784,12 @@ var require_Popper_native = __commonJS({
         hasFloating: (_middlewareData_checkFloating = middlewareData.checkFloating) === null || _middlewareData_checkFloating === void 0 ? void 0 : _middlewareData_checkFloating.hasFloating,
         ...floating
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopperProvider, {
-        ...popperContext,
-        children
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopperInfrequentContext.Provider, {
+        size: size2,
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopperProvider, {
+          ...popperContext,
+          children
+        })
       });
     }
     var PopperAnchor = import_stacks3.YStack.extractable(/* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
@@ -23801,10 +23831,11 @@ var require_Popper_native = __commonJS({
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), PopperContent = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopePopper, enableAnimationForPositionChange, ...rest } = props, { strategy, placement, refs, x, y, getFloatingProps, size: size2 } = usePopperContext(__scopePopper), contentRefs = (0, import_compose_refs.useComposedRefs)(refs.setFloating, forwardedRef), [needsMeasure, setNeedsMeasure] = React4.useState(enableAnimationForPositionChange);
+      var { __scopePopper, enableAnimationForPositionChange, children, passThrough, ...rest } = props, { strategy, placement, refs, x, y, getFloatingProps, size: size2 } = usePopperContext(__scopePopper), contentRefs = (0, import_compose_refs.useComposedRefs)(refs.setFloating, forwardedRef), [needsMeasure, setNeedsMeasure] = React4.useState(enableAnimationForPositionChange);
       (0, import_constants4.useIsomorphicLayoutEffect)(function() {
-        x && y && setNeedsMeasure(!1);
+        needsMeasure && x && y && setNeedsMeasure(!1);
       }, [
+        needsMeasure,
         enableAnimationForPositionChange,
         x,
         y
@@ -23829,14 +23860,20 @@ var require_Popper_native = __commonJS({
         }
       }, { style, ...floatingProps } = getFloatingProps ? getFloatingProps(frameProps) : frameProps;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, {
-        ...floatingProps,
+        passThrough,
+        ref: contentRefs,
+        ...passThrough ? null : floatingProps,
         children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopperContentFrame, {
-          "data-placement": placement,
-          "data-strategy": strategy,
-          contain: "layout",
-          size: size2,
-          ...style,
-          ...rest
+          passThrough,
+          ...!passThrough && {
+            "data-placement": placement,
+            "data-strategy": strategy,
+            contain: "layout",
+            size: size2,
+            ...style,
+            ...rest
+          },
+          children
         }, "popper-content-frame")
       });
     }), PopperArrowFrame = (0, import_core12.styled)(import_stacks3.YStack, {
@@ -24106,7 +24143,7 @@ var require_Popover_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Popover_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native31(), import_animate = require_index_native57(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native33(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_floating = require_index_native58(), import_focus_scope = require_index_native35(), import_helpers = require_index_native7(), import_popper = require_index_native59(), import_portal2 = require_index_native30(), import_remove_scroll = require_index_native36(), import_scroll_view = require_index_native37(), import_sheet = require_index_native38(), import_stacks3 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_z_index_stack2 = require_index_native29(), React4 = __toESM2(require("react")), import_react_native4 = require_fake_react_native(), import_useFloatingContext = require_useFloatingContext_native(), POPOVER_SCOPE = "PopoverScope", PopoverContext = (0, import_core12.createStyledContext)({}), usePopoverContext = PopoverContext.useStyledContext, PopoverAnchor = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_polyfill_dev = require_polyfill_dev(), import_adapt = require_index_native31(), import_animate = require_index_native57(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native33(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native20(), import_floating = require_index_native58(), import_focus_scope = require_index_native35(), import_helpers = require_index_native7(), import_popper = require_index_native59(), import_portal2 = require_index_native30(), import_remove_scroll = require_index_native36(), import_sheet = require_index_native38(), import_stacks3 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_z_index_stack2 = require_index_native29(), React4 = __toESM2(require("react")), import_useFloatingContext = require_useFloatingContext_native(), needsRepropagation = import_constants4.isAndroid || import_constants4.isIos && !import_portal2.USE_NATIVE_PORTAL, POPOVER_SCOPE = "PopoverScope", PopoverContext = (0, import_core12.createStyledContext)({}), usePopoverContext = PopoverContext.useStyledContext, PopoverAnchor = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var { __scopePopover, ...rest } = props, context = usePopoverContext(__scopePopover), { onCustomAnchorAdd, onCustomAnchorRemove } = context || {};
       return React4.useEffect(function() {
         return onCustomAnchorAdd(), function() {
@@ -24165,7 +24202,7 @@ var require_Popover_native = __commonJS({
         children: trigger
       });
     }), PopoverContent = import_popper.PopperContentFrame.extractable(/* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { allowPinchZoom, trapFocus, disableRemoveScroll = !0, zIndex, __scopePopover, ...contentImplProps } = props, context = usePopoverContext(__scopePopover), contentRef = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), isRightClickOutsideRef = React4.useRef(!1), [isFullyHidden, setIsFullyHidden] = React4.useState(!context.open);
+      var { trapFocus, enableRemoveScroll = !1, zIndex, __scopePopover, ...contentImplProps } = props, context = usePopoverContext(__scopePopover), contentRef = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), isRightClickOutsideRef = React4.useRef(!1), [isFullyHidden, setIsFullyHidden] = React4.useState(!context.open);
       if (context.open && isFullyHidden && setIsFullyHidden(!1), React4.useEffect(function() {
         if (context.open) {
           var content = contentRef.current;
@@ -24182,7 +24219,7 @@ var require_Popover_native = __commonJS({
           pointerEvents: context.open ? (_contentImplProps_pointerEvents = contentImplProps.pointerEvents) !== null && _contentImplProps_pointerEvents !== void 0 ? _contentImplProps_pointerEvents : "auto" : "none",
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContentImpl, {
             ...contentImplProps,
-            disableRemoveScroll,
+            enableRemoveScroll,
             ref: composedRefs,
             setIsFullyHidden,
             __scopePopover,
@@ -24212,25 +24249,29 @@ var require_Popover_native = __commonJS({
       });
     }));
     function PopoverRepropagateContext(props) {
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.PopperContext.Provider, {
-        scope: props.scope,
-        ...props.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
+      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
+            })
           })
         })
       });
     }
     function PopoverContentPortal(props) {
-      var { __scopePopover } = props, zIndex = props.zIndex, context = usePopoverContext(__scopePopover), popperContext = (0, import_popper.usePopperContext)(__scopePopover || POPOVER_SCOPE), themeName = (0, import_core12.useThemeName)(), adaptContext = (0, import_adapt.useAdaptContext)(), contents = props.children;
-      return (import_react_native4.Platform.OS === "android" || import_react_native4.Platform.OS === "ios") && (contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverRepropagateContext, {
+      var { __scopePopover } = props, zIndex = props.zIndex, context = usePopoverContext(__scopePopover), themeName = (0, import_core12.useThemeName)(), adaptContext = (0, import_adapt.useAdaptContext)(), contents = props.children;
+      return needsRepropagation && (contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverRepropagateContext, {
         scope: __scopePopover || POPOVER_SCOPE,
-        popperContext,
         context,
         adaptContext,
+        zIndex,
         children: props.children
       })), /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_portal2.Portal, {
         stackZIndex: !0,
@@ -24256,35 +24297,49 @@ var require_Popover_native = __commonJS({
       });
     }
     var PopoverContentImpl = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { trapFocus, __scopePopover, onOpenAutoFocus, onCloseAutoFocus, disableOutsidePointerEvents, disableFocusScope, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, children, disableRemoveScroll, freezeContentsWhenHidden, setIsFullyHidden, lazyMount, ...contentProps } = props, context = usePopoverContext(__scopePopover), { open, keepChildrenMounted } = context, popperContext = (0, import_popper.usePopperContext)(__scopePopover || POPOVER_SCOPE), handleExitComplete = React4.useCallback(function() {
+      var { trapFocus, __scopePopover, onOpenAutoFocus, onCloseAutoFocus, disableOutsidePointerEvents, disableFocusScope, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, children, enableRemoveScroll, freezeContentsWhenHidden, setIsFullyHidden, lazyMount, ...contentProps } = props, context = usePopoverContext(__scopePopover), { open, keepChildrenMounted } = context, handleExitComplete = React4.useCallback(function() {
         setIsFullyHidden == null || setIsFullyHidden(!0);
       }, [
         setIsFullyHidden
       ]), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.ResetPresence, {
+        disable: context.breakpointActive,
         children
       });
-      return context.breakpointActive ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptPortalContents, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.PopperContext.Provider, {
-          scope: __scopePopover || POPOVER_SCOPE,
-          ...popperContext,
-          children
+      return context.breakpointActive, /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RepropagatePopperAdapt, {
+        __scopePopover: __scopePopover || POPOVER_SCOPE,
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate.Animate, {
+          type: "presence",
+          present: !!open,
+          keepChildrenMounted: !!keepChildrenMounted,
+          onExitComplete: handleExitComplete,
+          lazyMount,
+          passThrough: context.breakpointActive,
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.PopperContent, {
+            __scopePopper: __scopePopover || POPOVER_SCOPE,
+            "data-state": getState(open),
+            id: context.contentId,
+            ref: forwardedRef,
+            passThrough: context.breakpointActive,
+            ...contentProps,
+            children: contents
+          }, context.contentId)
         })
-      }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate.Animate, {
-        type: "presence",
-        present: !!open,
-        keepChildrenMounted,
-        onExitComplete: handleExitComplete,
-        lazyMount,
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.PopperContent, {
-          __scopePopper: __scopePopover || POPOVER_SCOPE,
-          "data-state": getState(open),
-          id: context.contentId,
-          ref: forwardedRef,
-          ...contentProps,
-          children: contents
-        }, context.contentId)
       });
-    }), PopoverClose = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+    }), RepropagatePopperAdapt = function(param) {
+      var { children, __scopePopover } = param;
+      if (needsRepropagation) {
+        var popperContext = (0, import_popper.usePopperContext)(__scopePopover || POPOVER_SCOPE);
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptPortalContents, {
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.PopperContext.Provider, {
+            ...popperContext,
+            children
+          })
+        });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptPortalContents, {
+        children
+      });
+    }, PopoverClose = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var { __scopePopover, ...rest } = props, context = usePopoverContext(__scopePopover);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_stacks3.YStack, {
         ...rest,
@@ -24305,13 +24360,7 @@ var require_Popover_native = __commonJS({
       });
     }), PopoverScrollView = /* @__PURE__ */ React4.forwardRef(function(props, ref) {
       var context = usePopoverContext(POPOVER_SCOPE);
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_scroll_view.ScrollView, {
-        ref,
-        // when adapted, no pointer events!
-        pointerEvents: context.breakpointActive ? "none" : void 0,
-        scrollEnabled: !context.breakpointActive,
-        ...props
-      });
+      return props.children;
     }), Popover = (0, import_helpers.withStaticProperties)(/* @__PURE__ */ React4.forwardRef(function(props, ref) {
       var id = React4.useId();
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_adapt.AdaptParent, {
@@ -24334,7 +24383,11 @@ var require_Popover_native = __commonJS({
       Sheet: import_sheet.Sheet.Controlled,
       FocusScope: import_focus_scope.FocusScopeController
     }), PopoverInner = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { children, open: openProp, defaultOpen, onOpenChange, __scopePopover, keepChildrenMounted, hoverable, disableFocus, id, ...restProps } = props, triggerRef = React4.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React4.useState(!1), viaRef = React4.useRef(void 0), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
+      var { children, open: openProp, defaultOpen, onOpenChange, __scopePopover, keepChildrenMounted: keepChildrenMountedProp, hoverable, disableFocus, id, ...restProps } = props, triggerRef = React4.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React4.useState(!1), viaRef = React4.useRef(void 0), [keepChildrenMounted] = (0, import_use_controllable_state.useControllableState)({
+        prop: keepChildrenMountedProp,
+        defaultProp: !1,
+        transition: keepChildrenMountedProp === "lazy"
+      }), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
         prop: openProp,
         defaultProp: defaultOpen || !1,
         onChange: function(val) {
@@ -24385,18 +24438,26 @@ var require_Popover_native = __commonJS({
           return setHasCustomAnchor(!1);
         }, []),
         keepChildrenMounted
-      }, contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.Popper, {
-        __scopePopper: __scopePopover || POPOVER_SCOPE,
-        stayInFrame: !0,
-        ...restProps,
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContext.Provider, {
+      }, memoizedChildren = React4.useMemo(function() {
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverContext.Provider, {
           scope: __scopePopover,
           ...popoverContext,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopoverSheetController, {
             onOpenChange: setOpen,
             children
           })
-        })
+        });
+      }, [
+        setOpen,
+        children,
+        ...Object.values(popoverContext)
+      ]), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_popper.Popper, {
+        open,
+        passThrough: isAdapted,
+        __scopePopper: __scopePopover || POPOVER_SCOPE,
+        stayInFrame: !0,
+        ...restProps,
+        children: memoizedChildren
       });
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, {
         children: import_constants4.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_floating.FloatingOverrideContext.Provider, {
@@ -24418,7 +24479,7 @@ var require_Popover_native = __commonJS({
           }
         },
         open: context.open,
-        hidden: breakpointActive === !1,
+        hidden: !breakpointActive,
         children: props.children
       });
     }, useShowPopoverSheet = function(context) {
@@ -26779,7 +26840,7 @@ var require_Select_native = __commonJS({
           getShowSheet() && props.onOpenChange(val);
         },
         open: context.open,
-        hidden: isAdapted === !1,
+        hidden: !isAdapted,
         children: props.children
       });
     }, SelectSheetImpl = function(props) {