@tamagui/popover 1.89.26 → 1.89.27-1708113113238

package/dist/cjs/Popover.native.js

@@ -33,322 +33,416 @@ __export(Popover_exports, {
   usePopoverContext: () => usePopoverContext
 });
 module.exports = __toCommonJS(Popover_exports);
-var import_polyfill_dev = require("@tamagui/polyfill-dev"), import_adapt = require("@tamagui/adapt"), import_animate = require("@tamagui/animate"), import_animate_presence = require("@tamagui/animate-presence"), import_aria_hidden = require("@tamagui/aria-hidden"), import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_floating = require("@tamagui/floating"), import_focus_scope = require("@tamagui/focus-scope"), import_helpers = require("@tamagui/helpers"), import_popper = require("@tamagui/popper"), import_portal = require("@tamagui/portal"), import_remove_scroll = require("@tamagui/remove-scroll"), import_sheet = require("@tamagui/sheet"), import_stacks = require("@tamagui/stacks"), import_use_controllable_state = require("@tamagui/use-controllable-state"), React = __toESM(require("react")), import_react_native = require("react-native"), import_useFloatingContext = require("./useFloatingContext"), import_jsx_runtime = require("react/jsx-runtime");
-const POPOVER_SCOPE = "PopoverScope", PopoverContext = (0, import_core.createStyledContext)({}), usePopoverContext = PopoverContext.useStyledContext, PopoverAnchor = React.forwardRef(function(props, forwardedRef) {
-  const { __scopePopover, ...rest } = props, context = usePopoverContext(__scopePopover), { onCustomAnchorAdd, onCustomAnchorRemove } = context || {};
-  return React.useEffect(() => (onCustomAnchorAdd(), () => onCustomAnchorRemove()), [onCustomAnchorAdd, onCustomAnchorRemove]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_popper.PopperAnchor,
-    {
-      __scopePopper: __scopePopover || POPOVER_SCOPE,
-      ...rest,
-      ref: forwardedRef
+var import_polyfill_dev = require("@tamagui/polyfill-dev"), import_adapt = require("@tamagui/adapt"), import_animate = require("@tamagui/animate"), import_animate_presence = require("@tamagui/animate-presence"), import_aria_hidden = require("@tamagui/aria-hidden"), import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_floating = require("@tamagui/floating"), import_focus_scope = require("@tamagui/focus-scope"), import_helpers = require("@tamagui/helpers"), import_popper = require("@tamagui/popper"), import_portal = require("@tamagui/portal"), import_remove_scroll = require("@tamagui/remove-scroll"), import_sheet = require("@tamagui/sheet"), import_stacks = require("@tamagui/stacks"), import_use_controllable_state = require("@tamagui/use-controllable-state"), React = __toESM(require("react")), import_react_native = require("react-native"), import_useFloatingContext = require("./useFloatingContext");
+function _array_like_to_array(arr, len) {
+  (len == null || len > arr.length) && (len = arr.length);
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d)
+          throw _e;
+      }
     }
-  );
-}), PopoverTrigger = React.forwardRef(function(props, forwardedRef) {
-  const { __scopePopover, ...rest } = props, context = usePopoverContext(__scopePopover), anchorTo = context.anchorTo, composedTriggerRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys2.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _object_spread_props(target, source) {
+  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  }), target;
+}
+function _object_without_properties(source, excluded) {
+  if (source == null)
+    return {};
+  var target = _object_without_properties_loose(source, excluded), key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++)
+      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
+  }
+  return target;
+}
+function _object_without_properties_loose(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {}, sourceKeys = Object.keys(source), key, i;
+  for (i = 0; i < sourceKeys.length; i++)
+    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
+  return target;
+}
+function _sliced_to_array(arr, i) {
+  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string")
+      return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array(o, minLen);
+  }
+}
+var POPOVER_SCOPE = "PopoverScope", PopoverContext = (0, import_core.createStyledContext)({}), usePopoverContext = PopoverContext.useStyledContext, PopoverAnchor = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
+  var __scopePopover = props.__scopePopover, rest = _object_without_properties(props, [
+    "__scopePopover"
+  ]), context = usePopoverContext(__scopePopover), _ref = context || {}, onCustomAnchorAdd = _ref.onCustomAnchorAdd, onCustomAnchorRemove = _ref.onCustomAnchorRemove;
+  return React.useEffect(function() {
+    return onCustomAnchorAdd(), function() {
+      return onCustomAnchorRemove();
+    };
+  }, [
+    onCustomAnchorAdd,
+    onCustomAnchorRemove
+  ]), /* @__PURE__ */ React.createElement(import_popper.PopperAnchor, _object_spread_props(_object_spread({
+    __scopePopper: __scopePopover || POPOVER_SCOPE
+  }, rest), {
+    ref: forwardedRef
+  }));
+}), PopoverTrigger = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
+  var __scopePopover = props.__scopePopover, rest = _object_without_properties(props, [
+    "__scopePopover"
+  ]), context = usePopoverContext(__scopePopover), anchorTo = context.anchorTo, composedTriggerRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
   if (anchorTo) {
-    let virtualRef = {
-      current: {
-        getBoundingClientRect: () => import_constants.isWeb ? DOMRect.fromRect(anchorTo) : anchorTo,
-        ...!import_constants.isWeb && {
-          measure: (c) => c(anchorTo == null ? void 0 : anchorTo.x, anchorTo == null ? void 0 : anchorTo.y, anchorTo == null ? void 0 : anchorTo.width, anchorTo == null ? void 0 : anchorTo.height),
-          measureInWindow: (c) => c(anchorTo == null ? void 0 : anchorTo.x, anchorTo == null ? void 0 : anchorTo.y, anchorTo == null ? void 0 : anchorTo.width, anchorTo == null ? void 0 : anchorTo.height)
+    var virtualRef = {
+      current: _object_spread({
+        getBoundingClientRect: function() {
+          return import_constants.isWeb ? DOMRect.fromRect(anchorTo) : anchorTo;
         }
-      }
+      }, !import_constants.isWeb && {
+        measure: function(c) {
+          return c(anchorTo == null ? void 0 : anchorTo.x, anchorTo == null ? void 0 : anchorTo.y, anchorTo == null ? void 0 : anchorTo.width, anchorTo == null ? void 0 : anchorTo.height);
+        },
+        measureInWindow: function(c) {
+          return c(anchorTo == null ? void 0 : anchorTo.x, anchorTo == null ? void 0 : anchorTo.y, anchorTo == null ? void 0 : anchorTo.width, anchorTo == null ? void 0 : anchorTo.height);
+        }
+      })
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_popper.PopperAnchor,
-      {
-        virtualRef,
-        __scopePopper: __scopePopover || POPOVER_SCOPE
-      }
-    );
+    return /* @__PURE__ */ React.createElement(import_popper.PopperAnchor, {
+      virtualRef,
+      __scopePopper: __scopePopover || POPOVER_SCOPE
+    });
   }
   if (!props.children)
     return null;
-  const trigger = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_core.View,
-    {
-      "aria-haspopup": "dialog",
-      "aria-expanded": context.open,
-      "data-state": getState(context.open),
-      ...rest,
-      ref: composedTriggerRef,
-      onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.onOpenToggle)
-    }
-  );
-  return context.hasCustomAnchor ? trigger : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popper.PopperAnchor, { __scopePopper: __scopePopover || POPOVER_SCOPE, asChild: !0, children: trigger });
-}), PopoverContent = import_popper.PopperContentFrame.extractable(
-  React.forwardRef(function(props, forwardedRef) {
-    const {
-      allowPinchZoom,
-      trapFocus,
-      disableRemoveScroll = !0,
-      zIndex,
-      __scopePopover,
-      ...contentImplProps
-    } = props, context = usePopoverContext(__scopePopover), contentRef = React.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), isRightClickOutsideRef = React.useRef(!1), [isFullyHidden, setIsFullyHidden] = React.useState(!context.open);
-    return context.open && isFullyHidden && setIsFullyHidden(!1), React.useEffect(() => {
-      if (!context.open)
-        return;
-      const content = contentRef.current;
+  var trigger = /* @__PURE__ */ React.createElement(import_core.View, _object_spread_props(_object_spread({
+    "aria-haspopup": "dialog",
+    "aria-expanded": context.open,
+    // TODO not matching
+    // aria-controls={context.contentId}
+    "data-state": getState(context.open)
+  }, rest), {
+    // @ts-ignore
+    ref: composedTriggerRef,
+    onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.onOpenToggle)
+  }));
+  return context.hasCustomAnchor ? trigger : /* @__PURE__ */ React.createElement(import_popper.PopperAnchor, {
+    __scopePopper: __scopePopover || POPOVER_SCOPE,
+    asChild: !0
+  }, trigger);
+}), PopoverContent = import_popper.PopperContentFrame.extractable(/* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
+  var allowPinchZoom = props.allowPinchZoom, trapFocus = props.trapFocus, _props_disableRemoveScroll = props.disableRemoveScroll, disableRemoveScroll = _props_disableRemoveScroll === void 0 ? !0 : _props_disableRemoveScroll, zIndex = props.zIndex, __scopePopover = props.__scopePopover, contentImplProps = _object_without_properties(props, [
+    "allowPinchZoom",
+    "trapFocus",
+    "disableRemoveScroll",
+    "zIndex",
+    "__scopePopover"
+  ]), context = usePopoverContext(__scopePopover), contentRef = React.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef), isRightClickOutsideRef = React.useRef(!1), _React_useState = _sliced_to_array(React.useState(!context.open), 2), isFullyHidden = _React_useState[0], setIsFullyHidden = _React_useState[1];
+  return context.open && isFullyHidden && setIsFullyHidden(!1), React.useEffect(function() {
+    if (context.open) {
+      var content = contentRef.current;
       if (content)
         return (0, import_aria_hidden.hideOthers)(content);
-    }, [context.open]), !context.keepChildrenMounted && isFullyHidden ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverContentPortal, { __scopePopover, zIndex: props.zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Stack, { pointerEvents: context.open ? "auto" : "none", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      PopoverContentImpl,
-      {
-        ...contentImplProps,
-        disableRemoveScroll,
-        ref: composedRefs,
-        setIsFullyHidden,
-        __scopePopover,
-        trapFocus: trapFocus ?? context.open,
-        disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: (0, import_helpers.composeEventHandlers)(props.onCloseAutoFocus, (event) => {
-          var _a;
-          event.preventDefault(), isRightClickOutsideRef.current || (_a = context.triggerRef.current) == null || _a.focus();
-        }),
-        onPointerDownOutside: (0, import_helpers.composeEventHandlers)(
-          props.onPointerDownOutside,
-          (event) => {
-            const originalEvent = event.detail.originalEvent, ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === !0, isRightClick = originalEvent.button === 2 || ctrlLeftClick;
-            isRightClickOutsideRef.current = isRightClick;
-          },
-          { checkDefaultPrevented: !1 }
-        ),
-        onFocusOutside: (0, import_helpers.composeEventHandlers)(
-          props.onFocusOutside,
-          (event) => event.preventDefault(),
-          { checkDefaultPrevented: !1 }
-        )
-      }
-    ) }) });
-  })
-);
-function PopoverRepropagateContext(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popper.PopperContext.Provider, { scope: props.scope, ...props.popperContext, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverContext.Provider, { ...props.context, children: props.children }) });
-}
-function PopoverContentPortal(props) {
-  const { __scopePopover } = props, zIndex = props.zIndex ?? 15e4, context = usePopoverContext(__scopePopover), popperContext = (0, import_popper.usePopperContext)(__scopePopover || POPOVER_SCOPE), themeName = (0, import_core.useThemeName)();
-  let contents = props.children;
-  return (import_react_native.Platform.OS === "android" || import_react_native.Platform.OS === "ios") && (contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    PopoverRepropagateContext,
-    {
-      scope: __scopePopover || POPOVER_SCOPE,
-      popperContext,
-      context,
-      children: props.children
     }
-  )), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.Portal, { zIndex, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_core.Theme, { forceClassName: !0, name: themeName, children: [
-    !!context.open && !context.breakpointActive && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_stacks.YStack,
-      {
-        fullscreen: !0,
-        onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.onOpenToggle)
-      }
-    ),
-    contents
-  ] }) });
-}
-const PopoverContentImpl = React.forwardRef(function(props, forwardedRef) {
-  const {
-    trapFocus,
+  }, [
+    context.open
+  ]), !context.keepChildrenMounted && isFullyHidden ? null : /* @__PURE__ */ React.createElement(PopoverContentPortal, {
     __scopePopover,
-    onOpenAutoFocus,
-    onCloseAutoFocus,
-    disableOutsidePointerEvents,
-    disableFocusScope,
-    onEscapeKeyDown,
-    onPointerDownOutside,
-    onFocusOutside,
-    onInteractOutside,
-    children,
+    zIndex: props.zIndex
+  }, /* @__PURE__ */ React.createElement(import_core.Stack, {
+    pointerEvents: context.open ? "auto" : "none"
+  }, /* @__PURE__ */ React.createElement(PopoverContentImpl, _object_spread_props(_object_spread({}, contentImplProps), {
     disableRemoveScroll,
-    freezeContentsWhenHidden,
+    ref: composedRefs,
     setIsFullyHidden,
-    ...contentProps
-  } = props, context = usePopoverContext(__scopePopover), { open, keepChildrenMounted } = context, popperContext = (0, import_popper.usePopperContext)(__scopePopover || POPOVER_SCOPE), contents = React.useMemo(() => import_constants.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "contents" }, children }) : children, [children]);
-  if (context.breakpointActive) {
-    const childrenWithoutScrollView = React.Children.toArray(children).map((child) => React.isValidElement(child) && child.type === import_react_native.ScrollView ? child.props.children : child);
-    let content = childrenWithoutScrollView;
-    return import_react_native.Platform.OS === "android" || import_react_native.Platform.OS === "ios" ? content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_popper.PopperContext.Provider,
-      {
-        scope: __scopePopover || POPOVER_SCOPE,
-        ...popperContext,
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.ResetPresence, { children: childrenWithoutScrollView })
+    __scopePopover,
+    // we make sure we're not trapping once it's been closed
+    // (closed !== unmounted when animating out)
+    trapFocus: trapFocus ?? context.open,
+    disableOutsidePointerEvents: !0,
+    onCloseAutoFocus: (0, import_helpers.composeEventHandlers)(props.onCloseAutoFocus, function(event) {
+      var _context_triggerRef_current;
+      event.preventDefault(), isRightClickOutsideRef.current || (_context_triggerRef_current = context.triggerRef.current) === null || _context_triggerRef_current === void 0 || _context_triggerRef_current.focus();
+    }),
+    onPointerDownOutside: (0, import_helpers.composeEventHandlers)(props.onPointerDownOutside, function(event) {
+      var originalEvent = event.detail.originalEvent, ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === !0, isRightClick = originalEvent.button === 2 || ctrlLeftClick;
+      isRightClickOutsideRef.current = isRightClick;
+    }, {
+      checkDefaultPrevented: !1
+    }),
+    // When focus is trapped, a `focusout` event may still happen.
+    // We make sure we don't trigger our `onDismiss` in such case.
+    onFocusOutside: (0, import_helpers.composeEventHandlers)(props.onFocusOutside, function(event) {
+      return event.preventDefault();
+    }, {
+      checkDefaultPrevented: !1
+    })
+  }))));
+}));
+function PopoverRepropagateContext(props) {
+  return /* @__PURE__ */ React.createElement(import_popper.PopperContext.Provider, _object_spread({
+    scope: props.scope
+  }, props.popperContext), /* @__PURE__ */ React.createElement(PopoverContext.Provider, props.context, props.children));
+}
+function PopoverContentPortal(props) {
+  var __scopePopover = props.__scopePopover, _props_zIndex, zIndex = (_props_zIndex = props.zIndex) !== null && _props_zIndex !== void 0 ? _props_zIndex : 15e4, context = usePopoverContext(__scopePopover), popperContext = (0, import_popper.usePopperContext)(__scopePopover || POPOVER_SCOPE), themeName = (0, import_core.useThemeName)(), contents = props.children;
+  return (import_react_native.Platform.OS === "android" || import_react_native.Platform.OS === "ios") && (contents = /* @__PURE__ */ React.createElement(PopoverRepropagateContext, {
+    scope: __scopePopover || POPOVER_SCOPE,
+    popperContext,
+    context
+  }, props.children)), /* @__PURE__ */ React.createElement(import_portal.Portal, {
+    zIndex
+  }, /* @__PURE__ */ React.createElement(import_core.Theme, {
+    forceClassName: !0,
+    name: themeName
+  }, !!context.open && !context.breakpointActive && /* @__PURE__ */ React.createElement(import_stacks.YStack, {
+    fullscreen: !0,
+    onPress: (0, import_helpers.composeEventHandlers)(props.onPress, context.onOpenToggle)
+  }), contents));
+}
+var PopoverContentImpl = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
+  var trapFocus = props.trapFocus, __scopePopover = props.__scopePopover, onOpenAutoFocus = props.onOpenAutoFocus, onCloseAutoFocus = props.onCloseAutoFocus, disableOutsidePointerEvents = props.disableOutsidePointerEvents, disableFocusScope = props.disableFocusScope, onEscapeKeyDown = props.onEscapeKeyDown, onPointerDownOutside = props.onPointerDownOutside, onFocusOutside = props.onFocusOutside, onInteractOutside = props.onInteractOutside, children = props.children, disableRemoveScroll = props.disableRemoveScroll, freezeContentsWhenHidden = props.freezeContentsWhenHidden, setIsFullyHidden = props.setIsFullyHidden, contentProps = _object_without_properties(props, [
+    "trapFocus",
+    "__scopePopover",
+    "onOpenAutoFocus",
+    "onCloseAutoFocus",
+    "disableOutsidePointerEvents",
+    "disableFocusScope",
+    "onEscapeKeyDown",
+    "onPointerDownOutside",
+    "onFocusOutside",
+    "onInteractOutside",
+    "children",
+    "disableRemoveScroll",
+    "freezeContentsWhenHidden",
+    "setIsFullyHidden"
+  ]), context = usePopoverContext(__scopePopover), open = context.open, keepChildrenMounted = context.keepChildrenMounted, popperContext = (0, import_popper.usePopperContext)(__scopePopover || POPOVER_SCOPE), contents = React.useMemo(function() {
+    return import_constants.isWeb ? /* @__PURE__ */ React.createElement("div", {
+      style: {
+        display: "contents"
       }
-    ) : content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.ResetPresence, { children: content }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalItem, { hostName: `${context.id}PopoverContents`, children: content });
+    }, children) : children;
+  }, [
+    children
+  ]);
+  if (context.breakpointActive) {
+    var childrenWithoutScrollView = React.Children.toArray(children).map(function(child) {
+      return /* @__PURE__ */ React.isValidElement(child) && child.type === import_react_native.ScrollView ? child.props.children : child;
+    }), content = childrenWithoutScrollView;
+    return import_react_native.Platform.OS === "android" || import_react_native.Platform.OS === "ios" ? content = /* @__PURE__ */ React.createElement(import_popper.PopperContext.Provider, _object_spread({
+      scope: __scopePopover || POPOVER_SCOPE
+    }, popperContext), /* @__PURE__ */ React.createElement(import_animate_presence.ResetPresence, null, childrenWithoutScrollView)) : content = /* @__PURE__ */ React.createElement(import_animate_presence.ResetPresence, null, content), /* @__PURE__ */ React.createElement(import_portal.PortalItem, {
+      hostName: "".concat(context.id, "PopoverContents")
+    }, content);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_animate.Animate,
-    {
-      type: "presence",
-      present: !!open,
-      keepChildrenMounted,
-      onExitComplete: () => {
-        setIsFullyHidden && setIsFullyHidden(!0);
-      },
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_popper.PopperContent,
-        {
-          __scopePopper: __scopePopover || POPOVER_SCOPE,
-          "data-state": getState(open),
-          id: context.contentId,
-          ref: forwardedRef,
-          ...contentProps,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_remove_scroll.RemoveScroll,
-            {
-              enabled: disableRemoveScroll ? !1 : open,
-              allowPinchZoom: !0,
-              removeScrollBar: !1,
-              style: {
-                display: "contents"
-              },
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.ResetPresence, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_focus_scope.FocusScope,
-                {
-                  loop: !0,
-                  enabled: disableFocusScope ? !1 : open,
-                  trapped: trapFocus,
-                  onMountAutoFocus: onOpenAutoFocus,
-                  onUnmountAutoFocus: onCloseAutoFocus,
-                  children: contents
-                }
-              ) })
-            }
-          )
-        },
-        context.contentId
-      )
+  return /* @__PURE__ */ React.createElement(import_animate.Animate, {
+    type: "presence",
+    present: !!open,
+    keepChildrenMounted,
+    onExitComplete: function() {
+      setIsFullyHidden && setIsFullyHidden(!0);
     }
-  );
-}), PopoverClose = React.forwardRef(function(props, forwardedRef) {
-  const { __scopePopover, ...rest } = props, context = usePopoverContext(__scopePopover);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_stacks.YStack,
-    {
-      ...rest,
-      ref: forwardedRef,
-      componentName: "PopoverClose",
-      onPress: (0, import_helpers.composeEventHandlers)(
-        props.onPress,
-        () => context.onOpenChange(!1, "press")
-      )
+  }, /* @__PURE__ */ React.createElement(import_popper.PopperContent, _object_spread({
+    __scopePopper: __scopePopover || POPOVER_SCOPE,
+    key: context.contentId,
+    "data-state": getState(open),
+    id: context.contentId,
+    ref: forwardedRef
+  }, contentProps), /* @__PURE__ */ React.createElement(import_remove_scroll.RemoveScroll, {
+    enabled: disableRemoveScroll ? !1 : open,
+    allowPinchZoom: !0,
+    // causes lots of bugs on touch web on site
+    removeScrollBar: !1,
+    style: {
+      display: "contents"
     }
-  );
-}), PopoverArrow = import_popper.PopperArrow.styleable(
-  function(props, forwardedRef) {
-    const { __scopePopover, ...rest } = props, context = usePopoverContext(__scopePopover);
-    return useSheetBreakpointActive(context.sheetBreakpoint) ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_popper.PopperArrow,
-      {
-        __scopePopper: __scopePopover || POPOVER_SCOPE,
-        componentName: "PopoverArrow",
-        ...rest,
-        ref: forwardedRef
-      }
-    );
-  }
-), Popover = (0, import_helpers.withStaticProperties)(
-  React.forwardRef(
-    (props, forwardedRef) => {
-      const {
-        children,
-        open: openProp,
-        defaultOpen,
-        onOpenChange,
-        __scopePopover,
-        keepChildrenMounted,
-        hoverable,
-        disableFocus,
-        ...restProps
-      } = props, id = React.useId(), { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
-        Contents: React.useCallback(() => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalHost, { name: `${id}PopoverContents` }), [])
-      }), sheetBreakpoint = when, triggerRef = React.useRef(null), [hasCustomAnchor, setHasCustomAnchor] = React.useState(!1), viaRef = React.useRef(), [open, setOpen] = (0, import_use_controllable_state.useControllableState)({
-        prop: openProp,
-        defaultProp: defaultOpen || !1,
-        onChange: (val) => {
-          onOpenChange == null || onOpenChange(val, viaRef.current);
-        }
-      }), sheetActive = useSheetBreakpointActive(sheetBreakpoint), floatingContext = (0, import_useFloatingContext.useFloatingContext)({
-        open,
-        setOpen: (val, via) => {
-          viaRef.current = via, setOpen(val);
-        },
-        disable: sheetActive,
-        hoverable,
-        disableFocus
-      }), [anchorTo, setAnchorTo] = React.useState();
-      React.useImperativeHandle(forwardedRef, () => ({
-        anchorTo: setAnchorTo
-      }));
-      const popoverContext = {
-        id,
-        sheetBreakpoint,
-        contentId: React.useId(),
-        triggerRef,
-        open,
-        breakpointActive: sheetActive,
-        onOpenChange: (val, via) => {
-          viaRef.current = via, setOpen(val);
-        },
-        onOpenToggle: (0, import_core.useEvent)(() => {
-          open && sheetActive || setOpen(!open);
-        }),
-        hasCustomAnchor,
-        anchorTo,
-        onCustomAnchorAdd: React.useCallback(() => setHasCustomAnchor(!0), []),
-        onCustomAnchorRemove: React.useCallback(() => setHasCustomAnchor(!1), []),
-        keepChildrenMounted
-      }, contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_popper.Popper,
-        {
-          __scopePopper: __scopePopover || POPOVER_SCOPE,
-          stayInFrame: !0,
-          ...restProps,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverContext.Provider, { scope: __scopePopover, ...popoverContext, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverSheetController, { onOpenChange: setOpen, children }) })
-        }
-      );
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdaptProvider, { children: import_constants.isWeb ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_floating.FloatingOverrideContext.Provider, { value: floatingContext, children: contents }) : contents });
+  }, /* @__PURE__ */ React.createElement(import_animate_presence.ResetPresence, null, /* @__PURE__ */ React.createElement(import_focus_scope.FocusScope, {
+    loop: !0,
+    enabled: disableFocusScope ? !1 : open,
+    trapped: trapFocus,
+    onMountAutoFocus: onOpenAutoFocus,
+    onUnmountAutoFocus: onCloseAutoFocus
+  }, contents)))));
+}), PopoverClose = /* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
+  var __scopePopover = props.__scopePopover, rest = _object_without_properties(props, [
+    "__scopePopover"
+  ]), context = usePopoverContext(__scopePopover);
+  return /* @__PURE__ */ React.createElement(import_stacks.YStack, _object_spread_props(_object_spread({}, rest), {
+    ref: forwardedRef,
+    componentName: "PopoverClose",
+    onPress: (0, import_helpers.composeEventHandlers)(props.onPress, function() {
+      return context.onOpenChange(!1, "press");
+    })
+  }));
+}), PopoverArrow = import_popper.PopperArrow.styleable(function(props, forwardedRef) {
+  var __scopePopover = props.__scopePopover, rest = _object_without_properties(props, [
+    "__scopePopover"
+  ]), context = usePopoverContext(__scopePopover), sheetActive = useSheetBreakpointActive(context.sheetBreakpoint);
+  return sheetActive ? null : /* @__PURE__ */ React.createElement(import_popper.PopperArrow, _object_spread_props(_object_spread({
+    __scopePopper: __scopePopover || POPOVER_SCOPE,
+    componentName: "PopoverArrow"
+  }, rest), {
+    ref: forwardedRef
+  }));
+}), Popover = (0, import_helpers.withStaticProperties)(/* @__PURE__ */ React.forwardRef(function(props, forwardedRef) {
+  var children = props.children, openProp = props.open, defaultOpen = props.defaultOpen, onOpenChange = props.onOpenChange, __scopePopover = props.__scopePopover, keepChildrenMounted = props.keepChildrenMounted, hoverable = props.hoverable, disableFocus = props.disableFocus, restProps = _object_without_properties(props, [
+    "children",
+    "open",
+    "defaultOpen",
+    "onOpenChange",
+    "__scopePopover",
+    "keepChildrenMounted",
+    "hoverable",
+    "disableFocus"
+  ]), id = React.useId(), _useAdaptParent = (0, import_adapt.useAdaptParent)({
+    Contents: React.useCallback(function() {
+      return /* @__PURE__ */ React.createElement(import_portal.PortalHost, {
+        name: "".concat(id, "PopoverContents")
+      });
+    }, [])
+  }), when = _useAdaptParent.when, AdaptProvider = _useAdaptParent.AdaptProvider, sheetBreakpoint = when, triggerRef = React.useRef(null), _React_useState = _sliced_to_array(React.useState(!1), 2), hasCustomAnchor = _React_useState[0], setHasCustomAnchor = _React_useState[1], viaRef = React.useRef(), _useControllableState = _sliced_to_array((0, import_use_controllable_state.useControllableState)({
+    prop: openProp,
+    defaultProp: defaultOpen || !1,
+    onChange: function(val) {
+      onOpenChange == null || onOpenChange(val, viaRef.current);
     }
-  ),
-  {
-    Anchor: PopoverAnchor,
-    Arrow: PopoverArrow,
-    Trigger: PopoverTrigger,
-    Content: PopoverContent,
-    Close: PopoverClose,
-    Adapt: import_adapt.Adapt,
-    ScrollView: import_react_native.ScrollView,
-    Sheet: import_sheet.Sheet.Controlled
-  }
-);
+  }), 2), open = _useControllableState[0], setOpen = _useControllableState[1], sheetActive = useSheetBreakpointActive(sheetBreakpoint), floatingContext = (0, import_useFloatingContext.useFloatingContext)({
+    open,
+    setOpen: function(val, via) {
+      viaRef.current = via, setOpen(val);
+    },
+    disable: sheetActive,
+    hoverable,
+    disableFocus
+  }), _React_useState1 = _sliced_to_array(React.useState(), 2), anchorTo = _React_useState1[0], setAnchorTo = _React_useState1[1];
+  React.useImperativeHandle(forwardedRef, function() {
+    return {
+      anchorTo: setAnchorTo
+    };
+  });
+  var popoverContext = {
+    id,
+    sheetBreakpoint,
+    contentId: React.useId(),
+    triggerRef,
+    open,
+    breakpointActive: sheetActive,
+    onOpenChange: function(val, via) {
+      viaRef.current = via, setOpen(val);
+    },
+    onOpenToggle: (0, import_core.useEvent)(function() {
+      open && sheetActive || setOpen(!open);
+    }),
+    hasCustomAnchor,
+    anchorTo,
+    onCustomAnchorAdd: React.useCallback(function() {
+      return setHasCustomAnchor(!0);
+    }, []),
+    onCustomAnchorRemove: React.useCallback(function() {
+      return setHasCustomAnchor(!1);
+    }, []),
+    keepChildrenMounted
+  }, contents = /* @__PURE__ */ React.createElement(import_popper.Popper, _object_spread({
+    __scopePopper: __scopePopover || POPOVER_SCOPE,
+    stayInFrame: !0
+  }, restProps), /* @__PURE__ */ React.createElement(PopoverContext.Provider, _object_spread({
+    scope: __scopePopover
+  }, popoverContext), /* @__PURE__ */ React.createElement(PopoverSheetController, {
+    onOpenChange: setOpen
+  }, children)));
+  return /* @__PURE__ */ React.createElement(AdaptProvider, null, import_constants.isWeb ? /* @__PURE__ */ React.createElement(import_floating.FloatingOverrideContext.Provider, {
+    value: floatingContext
+  }, contents) : contents);
+}), {
+  Anchor: PopoverAnchor,
+  Arrow: PopoverArrow,
+  Trigger: PopoverTrigger,
+  Content: PopoverContent,
+  Close: PopoverClose,
+  Adapt: import_adapt.Adapt,
+  ScrollView: import_react_native.ScrollView,
+  Sheet: import_sheet.Sheet.Controlled
+});
 function getState(open) {
   return open ? "open" : "closed";
 }
-const PopoverSheetController = ({
-  __scopePopover,
-  ...props
-}) => {
-  const context = usePopoverContext(__scopePopover), showSheet = useShowPopoverSheet(context), breakpointActive = context.breakpointActive, getShowSheet = (0, import_core.useGet)(showSheet);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_sheet.SheetController,
-    {
-      onOpenChange: (val) => {
-        getShowSheet() && props.onOpenChange(val);
-      },
-      open: context.open,
-      hidden: breakpointActive === !1,
-      children: props.children
-    }
-  );
-}, useSheetBreakpointActive = (breakpoint) => {
-  const media = (0, import_core.useMedia)();
+var PopoverSheetController = function(_param) {
+  var __scopePopover = _param.__scopePopover, props = _object_without_properties(_param, [
+    "__scopePopover"
+  ]), context = usePopoverContext(__scopePopover), showSheet = useShowPopoverSheet(context), breakpointActive = context.breakpointActive, getShowSheet = (0, import_core.useGet)(showSheet);
+  return /* @__PURE__ */ React.createElement(import_sheet.SheetController, {
+    onOpenChange: function(val) {
+      getShowSheet() && props.onOpenChange(val);
+    },
+    open: context.open,
+    hidden: breakpointActive === !1
+  }, props.children);
+}, useSheetBreakpointActive = function(breakpoint) {
+  var media = (0, import_core.useMedia)();
   return typeof breakpoint == "boolean" || !breakpoint ? !!breakpoint : media[breakpoint];
-}, useShowPopoverSheet = (context) => {
-  const breakpointActive = useSheetBreakpointActive(context.sheetBreakpoint);
+}, useShowPopoverSheet = function(context) {
+  var breakpointActive = useSheetBreakpointActive(context.sheetBreakpoint);
   return context.open === !1 ? !1 : breakpointActive;
 };
 // Annotate the CommonJS export names for ESM import in node: