tamagui 1.127.1 → 1.127.3

package/dist/test.native.js

@@ -2148,7 +2148,6 @@ var require_constants_native2 = __commonJS({
       alignItems: "stretch",
       flexDirection: "column",
       flexBasis: "auto",
-      // @ts-expect-error
       boxSizing: "border-box",
       position: process.env.TAMAGUI_POSITION_STATIC === "1" ? "static" : "relative",
       minHeight: 0,
@@ -6122,7 +6121,7 @@ var require_getSplitStyles_native = __commonJS({
     function isValidStyleKey(key, validStyles, accept) {
       return key in validStyles ? !0 : accept && key in accept;
     }
-    var getSplitStyles = function(props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, context, elementType, startedUnhydrated, debug) {
+    var getSplitStyles = function(props, staticConfig, theme, themeName, componentState, styleProps, parentSplitStyles, componentContext, elementType, startedUnhydrated, debug) {
       var _loop = function(keyOg2) {
         var keyInit = keyOg2, valInit = props[keyInit];
         if (keyInit === "children") return viewProps[keyInit] = valInit, "continue";
@@ -6156,7 +6155,7 @@ var require_getSplitStyles_native = __commonJS({
             parts.length === 2 || parts.length === 3 && import_pseudoDescriptors.pseudoPriorities[parts[parts.length - 1]]
           ) {
             var name2 = parts[1];
-            context != null && context.groups.subscribe && !(context != null && context.groups.state[name2]) && (keyInit = keyInit.replace("$group-", "$group-true-"));
+            componentContext != null && componentContext.groups.subscribe && !(componentContext != null && componentContext.groups.state[name2]) && (keyInit = keyInit.replace("$group-", "$group-true-"));
           }
         }
         var isStyleProp = isValidStyleKeyInit || isMediaOrPseudo || isVariant && !noExpand;
@@ -6299,7 +6298,7 @@ var require_getSplitStyles_native = __commonJS({
                     }
                   } else if (!(themeName === mediaKeyShort || themeName.startsWith(mediaKeyShort))) return;
                 } else if (isGroupMedia) {
-                  var _componentState_group, groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyShort), groupName = groupInfo.name, groupContext = context == null ? void 0 : context.groups.state[groupName];
+                  var _componentState_group, groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyShort), groupName = groupInfo.name, groupContext = componentContext == null ? void 0 : componentContext.groups.state[groupName];
                   if (!groupContext)
                     return;
                   var groupPseudoKey = groupInfo.pseudo, groupMediaKey = groupInfo.media, componentGroupState = (_componentState_group = componentState.group) === null || _componentState_group === void 0 ? void 0 : _componentState_group[groupName];
@@ -6315,7 +6314,7 @@ var require_getSplitStyles_native = __commonJS({
                   if (groupPseudoKey) {
                     pseudoGroups || (pseudoGroups = /* @__PURE__ */ new Set()), pseudoGroups.add(groupName);
                     var componentGroupPseudoState = (componentGroupState || // fallback to context initially
-                    context.groups.state[groupName]).pseudo, isActive1 = componentGroupPseudoState == null ? void 0 : componentGroupPseudoState[groupPseudoKey], priority1 = import_pseudoDescriptors.pseudoPriorities[groupPseudoKey];
+                    componentContext.groups.state[groupName]).pseudo, isActive1 = componentGroupPseudoState == null ? void 0 : componentGroupPseudoState[groupPseudoKey], priority1 = import_pseudoDescriptors.pseudoPriorities[groupPseudoKey];
                     if (!isActive1) {
                       for (var pkey2 in mediaStyle1) applyDefaultStyle(pkey2, styleState);
                       return;
@@ -6343,7 +6342,9 @@ var require_getSplitStyles_native = __commonJS({
           }
         });
       };
-      conf = conf || (0, import_config.getConfig)(), import_constants4.isWeb && styleProps.isAnimated && conf.animations.isReactNative && !styleProps.noNormalize && (styleProps.noNormalize = "values");
+      conf = conf || (0, import_config.getConfig)();
+      var animationDriver = (componentContext == null ? void 0 : componentContext.animationDriver) || conf.animations;
+      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, usedKeys = {}, 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,
         conf,
@@ -6355,7 +6356,7 @@ var require_getSplitStyles_native = __commonJS({
         theme,
         usedKeys,
         viewProps,
-        context,
+        context: componentContext,
         debug
       };
       if (process.env.IS_STATIC === "is_static") {
@@ -6434,7 +6435,7 @@ var require_getSplitStyles_native = __commonJS({
         var style2 = styleState.style;
         if (0) {
           var _staticConfig_defaultProps, fontFamily, fontFamilyClassName, groupClassName, componentNameFinal, componentClassName, classList, finalClassName;
-          if (!(styleProps.isAnimated && !conf.animations.supportsCSSVars && isReactNative) && isReactNative) {
+          if (!(styleProps.isAnimated && !animationDriver.supportsCSSVars && isReactNative) && isReactNative) {
             var cnStyles, _iteratorNormalCompletion1, _didIteratorError1, _iteratorError1;
             try {
               for (var _iterator1, _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = !0) var name;
@@ -7793,8 +7794,12 @@ var require_useComponentState_native = __commonJS({
             });
           },
           subscribe(cb) {
-            return listeners.add(cb), function() {
-              listeners.delete(cb);
+            return listeners.add(cb), setStateShallow({
+              hasDynGroupChildren: !0
+            }), function() {
+              listeners.delete(cb), listeners.size === 0 && setStateShallow({
+                hasDynGroupChildren: !1
+              });
             };
           }
         };
@@ -8209,7 +8214,7 @@ var require_createComponent_native = __commonJS({
           return stateRef.current.host = x;
         }, forwardedRef, import_setElementProps.setElementProps)), viewProps.ref = curStateRef.composedRef;
         var { pseudoGroups, mediaGroups } = splitStyles, unPress = function() {
-          return setStateShallow({
+          setStateShallow({
             press: !1,
             pressIn: !1
           });
@@ -8275,7 +8280,7 @@ var require_createComponent_native = __commonJS({
           groupName,
           state
         ]);
-        var runtimePressStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.pressStyle), runtimeFocusStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.focusStyle), runtimeFocusVisibleStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.focusVisibleStyle), attachFocus = !!(runtimePressStyle || runtimeFocusStyle || runtimeFocusVisibleStyle || onFocus || onBlur || componentContext.setParentFocusState), attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onMouseDown || onMouseUp || onLongPress || onClick || pseudos != null && pseudos.focusVisibleStyle), runtimeHoverStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = !!(groupName || runtimeHoverStyle || onHoverIn || onHoverOut), attachHover = import_constants4.isWeb && !!(groupName || needsHoverState || onMouseEnter || onMouseLeave), shouldAttach = !disabled && !props.asChild && !!(attachFocus || attachPress || attachHover || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle), needsPressState = !!(groupName || runtimePressStyle), events = shouldAttach ? {
+        var runtimePressStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.pressStyle), runtimeFocusStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.focusStyle), runtimeFocusVisibleStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.focusVisibleStyle), attachFocus = !!(runtimePressStyle || runtimeFocusStyle || runtimeFocusVisibleStyle || onFocus || onBlur || componentContext.setParentFocusState), hasDynamicGroupChildren = !!(groupName && state.hasDynGroupChildren), attachPress = !!(hasDynamicGroupChildren || runtimePressStyle || onPress || onPressOut || onPressIn || onMouseDown || onMouseUp || onLongPress || onClick || pseudos != null && pseudos.focusVisibleStyle), runtimeHoverStyle = !disabled && noClass && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = !!(hasDynamicGroupChildren || runtimeHoverStyle), attachHover = import_constants4.isWeb && !!(hasDynamicGroupChildren || needsHoverState || onMouseEnter || onMouseLeave), shouldAttach = !disabled && !props.asChild && !!(attachFocus || attachPress || attachHover || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle), needsPressState = !!(hasDynamicGroupChildren || runtimePressStyle), events = shouldAttach ? {
           onPressOut: attachPress ? function(e) {
             unPress(), onPressOut == null || onPressOut(e), onMouseUp == null || onMouseUp(e);
           } : void 0,
@@ -8290,7 +8295,7 @@ var require_createComponent_native = __commonJS({
             }
           },
           onPressIn: attachPress ? function(e) {
-            (runtimePressStyle || groupName) && setStateShallow({
+            needsPressState && setStateShallow({
               press: !0,
               pressIn: !0
             }), onPressIn == null || onPressIn(e), onMouseDown == null || onMouseDown(e), import_constants4.isWeb && componentSetStates.add(setState);
@@ -14511,22 +14516,36 @@ var require_index_native23 = __commonJS({
       }), mod);
     }, index_exports2 = {};
     __export2(index_exports2, {
+      SizableText: function() {
+        return SizableText2;
+      },
       getFontSized: function() {
         return getFontSized2;
       }
     });
     module2.exports = __toCommonJS2(index_exports2);
-    var import_constants4 = require_index_native6(), import_core12 = require_index_native18(), getFontSized2 = function() {
+    var import_constants4 = require_index_native6(), import_web = require_index_native14(), getFontSized2 = function() {
       var sizeTokenIn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true", { font, fontFamily, props } = arguments.length > 1 ? arguments[1] : void 0, _font_lineHeight, _font_weight, _font_letterSpacing, _font_transform, _font_style, _font_color;
       if (!font) return {
         fontSize: sizeTokenIn
       };
       var sizeToken = sizeTokenIn === "$true" ? getDefaultSizeToken(font) : sizeTokenIn, style = {}, fontSize = font.size[sizeToken], lineHeight = (_font_lineHeight = font.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[sizeToken], fontWeight = (_font_weight = font.weight) === null || _font_weight === void 0 ? void 0 : _font_weight[sizeToken], letterSpacing = (_font_letterSpacing = font.letterSpacing) === null || _font_letterSpacing === void 0 ? void 0 : _font_letterSpacing[sizeToken], textTransform = (_font_transform = font.transform) === null || _font_transform === void 0 ? void 0 : _font_transform[sizeToken], _props_fontStyle, fontStyle = (_props_fontStyle = props.fontStyle) !== null && _props_fontStyle !== void 0 ? _props_fontStyle : (_font_style = font.style) === null || _font_style === void 0 ? void 0 : _font_style[sizeToken], _props_color, color = (_props_color = props.color) !== null && _props_color !== void 0 ? _props_color : (_font_color = font.color) === null || _font_color === void 0 ? void 0 : _font_color[sizeToken];
       return fontStyle && (style.fontStyle = fontStyle), textTransform && (style.textTransform = textTransform), fontFamily && (style.fontFamily = fontFamily), fontWeight && (style.fontWeight = fontWeight), letterSpacing && (style.letterSpacing = letterSpacing), fontSize && (style.fontSize = fontSize), lineHeight && (style.lineHeight = lineHeight), color && (style.color = color), style;
-    }, cache = /* @__PURE__ */ new WeakMap();
+    }, SizableText2 = (0, import_web.styled)(import_web.Text, {
+      name: "SizableText",
+      fontFamily: "$body",
+      variants: {
+        size: {
+          "...fontSize": getFontSized2
+        }
+      },
+      defaultVariants: {
+        size: "$true"
+      }
+    }), cache = /* @__PURE__ */ new WeakMap();
     function getDefaultSizeToken(font) {
       if (typeof font == "object" && cache.has(font)) return cache.get(font);
-      var sizeTokens = "$true" in font.size ? font.size : (0, import_core12.getTokens)().size, sizeDefault = sizeTokens.$true, sizeDefaultSpecific = sizeDefault ? Object.keys(sizeTokens).find(function(x) {
+      var sizeTokens = "$true" in font.size ? font.size : (0, import_web.getTokens)().size, sizeDefault = sizeTokens.$true, sizeDefaultSpecific = sizeDefault ? Object.keys(sizeTokens).find(function(x) {
         return x !== "$true" && sizeTokens[x].val === sizeDefault.val;
       }) : null;
       return !sizeDefault || !sizeDefaultSpecific ? Object.keys(font.size)[3] : (cache.set(font, sizeDefaultSpecific), sizeDefaultSpecific);
@@ -17869,6 +17888,7 @@ 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;
         }, grant = function() {
@@ -18216,8 +18236,16 @@ var require_SheetScrollView_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(SheetScrollView_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_compose_refs = require_index_native11(), import_scroll_view = require_index_native35(), import_SheetContext = require_SheetContext_native(), SHEET_SCROLL_VIEW_NAME = "SheetScrollView", SheetScrollView = /* @__PURE__ */ import_react3.default.forwardRef(function(param, ref) {
-      var { __scopeSheet, children, onScroll, scrollEnabled, ...props } = param, context = (0, import_SheetContext.useSheetContext)(SHEET_SCROLL_VIEW_NAME, __scopeSheet), { scrollBridge, scrollEnabled: scrollEnabled_, setHasScrollView } = context, scrollRef = import_react3.default.useRef(null), state = import_react3.default.useRef({
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_compose_refs = require_index_native11(), import_core12 = require_index_native18(), import_scroll_view = require_index_native35(), import_use_controllable_state = require_index_native10(), import_react3 = __toESM2(require("react")), import_SheetContext = require_SheetContext_native(), SHEET_SCROLL_VIEW_NAME = "SheetScrollView", SheetScrollView = /* @__PURE__ */ import_react3.default.forwardRef(function(param, ref) {
+      var { __scopeSheet, children, onScroll, scrollEnabled: scrollEnabledProp, ...props } = param, context = (0, import_SheetContext.useSheetContext)(SHEET_SCROLL_VIEW_NAME, __scopeSheet), { scrollBridge, scrollEnabled: scrollEnabled_, setHasScrollView } = context, [scrollEnabled, setScrollEnabled_] = (0, import_use_controllable_state.useControllableState)({
+        prop: scrollEnabledProp,
+        defaultProp: !0
+      }), scrollRef = import_react3.default.useRef(null), setScrollEnabled = function(next) {
+        var _scrollRef_current_setNativeProps, _scrollRef_current;
+        (_scrollRef_current = scrollRef.current) === null || _scrollRef_current === void 0 || (_scrollRef_current_setNativeProps = _scrollRef_current.setNativeProps) === null || _scrollRef_current_setNativeProps === void 0 || _scrollRef_current_setNativeProps.call(_scrollRef_current, {
+          scrollEnabled: next
+        }), setScrollEnabled_(next);
+      }, state = import_react3.default.useRef({
         lastPageY: 0,
         dragAt: 0,
         dys: [],
@@ -18232,7 +18260,7 @@ var require_SheetScrollView_native = __commonJS({
       }, []);
       var release = function() {
         if (state.current.isDragging) {
-          state.current.isDragging = !1, scrollBridge.scrollStartY = -1, state.current.isScrolling = !1;
+          state.current.isDragging = !1, scrollBridge.scrollStartY = -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) {
@@ -18258,7 +18286,7 @@ var require_SheetScrollView_native = __commonJS({
         // })}
         onScroll: function(e) {
           var { y } = e.nativeEvent.contentOffset;
-          scrollBridge.y = y, y > 0 && (scrollBridge.scrollStartY = -1), onScroll == null || onScroll(e);
+          scrollBridge.y = y, import_core12.isWeb && (scrollBridge.scrollLock = y > 0), y > 0 && (scrollBridge.scrollStartY = -1), onScroll == null || onScroll(e);
         },
         // This assures that we do not skip the "scrollBridge" values processing
         // when passing this prop into a <Sheet.ScrollView /> overriding it here
@@ -18270,38 +18298,30 @@ var require_SheetScrollView_native = __commonJS({
           return scrollBridge.scrollStartY = -1, state.current.isDragging = !0, scrollable;
         },
         // setting to false while onResponderMove is disabled
-        onMoveShouldSetResponder: function() {
+        onMoveShouldSetResponder: function(e) {
           return scrollable;
         },
-        // somehow disabling works better, regression, no more nice drag continue scroll
-        // onResponderMove={(e) => {
-        //   const { pageY } = e.nativeEvent
-        //   if (state.current.isScrolling) {
-        //     return
-        //   }
-        //   if (scrollBridge.scrollStartY === -1) {
-        //     scrollBridge.scrollStartY = pageY
-        //     state.current.lastPageY = pageY
-        //   }
-        //   const dragAt = pageY - scrollBridge.scrollStartY
-        //   const dy = pageY - state.current.lastPageY
-        //   state.current.lastPageY = pageY // after dy
-        //   const isDraggingUp = dy < 0
-        //   const isPaneAtTop = scrollBridge.paneY <= scrollBridge.paneMinY
-        //   if ((dy === 0 || isDraggingUp) && isPaneAtTop) {
-        //     state.current.isScrolling = true
-        //     setScrollEnabled(true)
-        //     return
-        //   }
-        //   setScrollEnabled(false)
-        //   scrollBridge.drag(dragAt)
-        //   state.current.dragAt = dragAt
-        //   state.current.dys.push(dy)
-        //   // only do every so often, cut down to 10 again
-        //   if (state.current.dys.length > 100) {
-        //     state.current.dys = state.current.dys.slice(-10)
-        //   }
-        // }}
+        contentContainerStyle: {
+          minHeight: "100%"
+        },
+        onResponderMove: function(e) {
+          if (import_core12.isWeb) {
+            var { pageY } = e.nativeEvent;
+            if (state.current.isScrolling) {
+              e.stopPropagation();
+              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) {
+              state.current.isScrolling = !0, scrollBridge.scrollLock = !0, setScrollEnabled(!0);
+              return;
+            }
+            setScrollEnabled(!1), scrollBridge.drag(dragAt), state.current.dragAt = dragAt, state.current.dys.push(dy), state.current.dys.length > 100 && (state.current.dys = state.current.dys.slice(-10));
+          }
+        },
         ...props,
         children
       });
@@ -25076,7 +25096,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_native29(), import_animate = require_index_native55(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native31(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_floating = require_index_native56(), import_focus_scope = require_index_native33(), import_helpers = require_index_native7(), import_popper = require_index_native57(), import_portal2 = require_index_native28(), import_remove_scroll = require_index_native34(), import_sheet = require_index_native36(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(), import_z_index_stack2 = require_index_native27(), React4 = __toESM2(require("react")), import_react_native4 = require("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_native29(), import_animate = require_index_native55(), import_animate_presence = require_index_native4(), import_aria_hidden = require_index_native31(), import_compose_refs = require_index_native11(), import_constants4 = require_index_native6(), import_core12 = require_index_native18(), import_floating = require_index_native56(), import_focus_scope = require_index_native33(), import_helpers = require_index_native7(), import_popper = require_index_native57(), import_portal2 = require_index_native28(), import_remove_scroll = require_index_native34(), import_scroll_view = require_index_native35(), import_sheet = require_index_native36(), import_stacks3 = require_index_native22(), import_use_controllable_state = require_index_native10(), import_z_index_stack2 = require_index_native27(), React4 = __toESM2(require("react")), import_react_native4 = require("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 { __scopePopover, ...rest } = props, context = usePopoverContext(__scopePopover), { onCustomAnchorAdd, onCustomAnchorRemove } = context || {};
       return React4.useEffect(function() {
         return onCustomAnchorAdd(), function() {
@@ -25233,19 +25253,13 @@ var require_Popover_native = __commonJS({
       ]), contents = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate_presence.ResetPresence, {
         children
       });
-      if (context.breakpointActive) {
-        var childrenWithoutScrollView = React4.Children.toArray(children).map(function(child) {
-          return /* @__PURE__ */ React4.isValidElement(child) && child.type === import_react_native4.ScrollView ? child.props.children : child;
-        });
-        return /* @__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: childrenWithoutScrollView
-          })
-        });
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate.Animate, {
+      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
+        })
+      }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_animate.Animate, {
         type: "presence",
         present: !!open,
         keepChildrenMounted,
@@ -25278,6 +25292,15 @@ var require_Popover_native = __commonJS({
         ...rest,
         ref: forwardedRef
       });
+    }), 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
+      });
     }), 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, {
@@ -25296,7 +25319,7 @@ var require_Popover_native = __commonJS({
       Content: PopoverContent,
       Close: PopoverClose,
       Adapt: import_adapt.Adapt,
-      ScrollView: import_react_native4.ScrollView,
+      ScrollView: PopoverScrollView,
       Sheet: import_sheet.Sheet.Controlled
     }), 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(), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({