@tamagui/popover 1.0.1-rc.6 → 1.0.1-rc.7

package/dist/cjs/Popover.js

@@ -29,7 +29,6 @@ __export(Popover_exports, {
   PopoverArrow: () => PopoverArrow,
   PopoverClose: () => PopoverClose,
   PopoverContent: () => PopoverContent,
-  PopoverSheetContents: () => PopoverSheetContents,
   PopoverTrigger: () => PopoverTrigger,
   __PopoverProviderInternal: () => __PopoverProviderInternal,
   createPopoverScope: () => createPopoverScope,
@@ -64,21 +63,23 @@ const createPopoverScope = createPopoverScopeInternal;
 const [PopoverProviderInternal, usePopoverInternalContext] = createPopoverContext(POPOVER_NAME);
 const __PopoverProviderInternal = PopoverProviderInternal;
 const ANCHOR_NAME = "PopoverAnchor";
-const PopoverAnchor = React.forwardRef((props, forwardedRef) => {
-  const { __scopePopover, ...anchorProps } = props;
-  const context = usePopoverInternalContext(ANCHOR_NAME, __scopePopover);
-  const popperScope = usePopoverScope(__scopePopover);
-  const { onCustomAnchorAdd, onCustomAnchorRemove } = context;
-  React.useEffect(() => {
-    onCustomAnchorAdd();
-    return () => onCustomAnchorRemove();
-  }, [onCustomAnchorAdd, onCustomAnchorRemove]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popper.PopperAnchor, {
-    ...popperScope,
-    ...anchorProps,
-    ref: forwardedRef
-  });
-});
+const PopoverAnchor = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopePopover, ...anchorProps } = props;
+    const context = usePopoverInternalContext(ANCHOR_NAME, __scopePopover);
+    const popperScope = usePopoverScope(__scopePopover);
+    const { onCustomAnchorAdd, onCustomAnchorRemove } = context;
+    React.useEffect(() => {
+      onCustomAnchorAdd();
+      return () => onCustomAnchorRemove();
+    }, [onCustomAnchorAdd, onCustomAnchorRemove]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popper.PopperAnchor, {
+      ...popperScope,
+      ...anchorProps,
+      ref: forwardedRef
+    });
+  }
+);
 PopoverAnchor.displayName = ANCHOR_NAME;
 const TRIGGER_NAME = "PopoverTrigger";
 const PopoverTrigger = React.forwardRef((props, forwardedRef) => {
@@ -113,7 +114,6 @@ const PopoverContent = React.forwardRef((props, forwardedRef) => {
   const contentRef = React.useRef(null);
   const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, contentRef);
   const isRightClickOutsideRef = React.useRef(false);
-  const themeName = (0, import_core.useThemeName)();
   React.useEffect(() => {
     if (!context.open)
       return;
@@ -121,41 +121,61 @@ const PopoverContent = React.forwardRef((props, forwardedRef) => {
     if (content)
       return (0, import_aria_hidden.hideOthers)(content);
   }, [context.open]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverContentPortal, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverContentImpl, {
+      ...contentModalProps,
+      disableRemoveScroll,
+      ref: composedRefs,
+      trapFocus: trapFocus ?? context.open,
+      disableOutsidePointerEvents: true,
+      onCloseAutoFocus: (0, import_core.composeEventHandlers)(props.onCloseAutoFocus, (event) => {
+        var _a;
+        event.preventDefault();
+        if (!isRightClickOutsideRef.current)
+          (_a = context.triggerRef.current) == null ? void 0 : _a.focus();
+      }),
+      onPointerDownOutside: (0, import_core.composeEventHandlers)(
+        props.onPointerDownOutside,
+        (event) => {
+          const originalEvent = event.detail.originalEvent;
+          const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
+          const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
+          isRightClickOutsideRef.current = isRightClick;
+        },
+        { checkDefaultPrevented: false }
+      ),
+      onFocusOutside: (0, import_core.composeEventHandlers)(
+        props.onFocusOutside,
+        (event) => event.preventDefault(),
+        { checkDefaultPrevented: false }
+      )
+    })
+  });
+});
+function PopoverContentPortal(props) {
+  const themeName = (0, import_core.useThemeName)();
+  let contents = props.children;
+  if (import_react_native.Platform.OS === "android") {
+    const context = usePopoverInternalContext(CONTENT_NAME, props.__scopePopover);
+    const popperContext = (0, import_popper.usePopperContext)(CONTENT_NAME, context.popperScope);
+    contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popper.PopperProvider, {
+      ...popperContext,
+      scope: context.popperScope,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverProviderInternal, {
+        scope: props.__scopePopover,
+        ...context,
+        children: props.children
+      })
+    });
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.Portal, {
     zIndex: props.zIndex ?? 1e3,
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, {
       name: themeName,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverContentImpl, {
-        ...contentModalProps,
-        disableRemoveScroll,
-        ref: composedRefs,
-        trapFocus: trapFocus ?? context.open,
-        disableOutsidePointerEvents: true,
-        onCloseAutoFocus: (0, import_core.composeEventHandlers)(props.onCloseAutoFocus, (event) => {
-          var _a;
-          event.preventDefault();
-          if (!isRightClickOutsideRef.current)
-            (_a = context.triggerRef.current) == null ? void 0 : _a.focus();
-        }),
-        onPointerDownOutside: (0, import_core.composeEventHandlers)(
-          props.onPointerDownOutside,
-          (event) => {
-            const originalEvent = event.detail.originalEvent;
-            const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
-            const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
-            isRightClickOutsideRef.current = isRightClick;
-          },
-          { checkDefaultPrevented: false }
-        ),
-        onFocusOutside: (0, import_core.composeEventHandlers)(
-          props.onFocusOutside,
-          (event) => event.preventDefault(),
-          { checkDefaultPrevented: false }
-        )
-      })
+      children: contents
     })
   });
-});
+}
 const PopoverContentImpl = React.forwardRef((props, forwardedRef) => {
   const {
     __scopePopover,
@@ -175,16 +195,14 @@ const PopoverContentImpl = React.forwardRef((props, forwardedRef) => {
   const context = usePopoverInternalContext(CONTENT_NAME, popperScope.__scopePopover);
   const showSheet = useShowPopoverSheet(context);
   if (showSheet) {
-    const childrenWithoutScrollView = React.Children.toArray(children).map(
-      (child) => {
-        if (React.isValidElement(child)) {
-          if (child.type === PopoverScrollView) {
-            return child.props.children;
-          }
+    const childrenWithoutScrollView = React.Children.toArray(children).map((child) => {
+      if (React.isValidElement(child)) {
+        if (child.type === PopoverScrollView) {
+          return child.props.children;
         }
-        return child;
       }
-    );
+      return child;
+    });
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalItem, {
       hostName: `${context.scopeKey}SheetContents`,
       children: childrenWithoutScrollView
@@ -238,6 +256,9 @@ PopoverClose.displayName = CLOSE_NAME;
 const ARROW_NAME = "PopoverArrow";
 const PopoverArrow = React.forwardRef(
   (props, forwardedRef) => {
+    if (!import_core.isWeb) {
+      return null;
+    }
     const { __scopePopover, ...arrowProps } = props;
     const popperScope = usePopoverScope(__scopePopover);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popper.PopperArrow, {
@@ -248,22 +269,12 @@ const PopoverArrow = React.forwardRef(
   }
 );
 PopoverArrow.displayName = ARROW_NAME;
-const SHEET_CONTENTS_NAME = "PopoverSheetContents";
-const PopoverSheetContents = ({ __scopePopover }) => {
-  const context = usePopoverInternalContext(SHEET_CONTENTS_NAME, __scopePopover);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalHost, {
-    name: `${context.scopeKey}SheetContents`
+const PopoverScrollView = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
+    ref,
+    ...props
   });
-};
-PopoverSheetContents.displayName = SHEET_CONTENTS_NAME;
-const PopoverScrollView = React.forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ScrollView, {
-      ref,
-      ...props
-    });
-  }
-);
+});
 const Popover = (0, import_core.withStaticProperties)(
   (props) => {
     const {
@@ -274,8 +285,14 @@ const Popover = (0, import_core.withStaticProperties)(
       onOpenChange,
       ...restProps
     } = props;
+    const internalId = (0, import_core.useId)();
+    const id = __scopePopover ? Object.keys(__scopePopover)[0] : internalId;
     const { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
-      Contents: PopoverSheetContents
+      Contents: React.useCallback(() => {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalHost, {
+          name: `${id}SheetContents`
+        });
+      }, [])
     });
     const sheetBreakpoint = when;
     const popperScope = usePopoverScope(__scopePopover);
@@ -309,8 +326,25 @@ const Popover = (0, import_core.withStaticProperties)(
       },
       [breakpointActive, open, setOpen]
     );
-    const internalId = (0, import_core.useId)();
-    const id = __scopePopover ? Object.keys(__scopePopover)[0] : internalId;
+    const popoverContext = {
+      scope: __scopePopover,
+      scopeKey: id,
+      popperScope: popperScope.__scopePopper,
+      sheetBreakpoint,
+      contentId: (0, import_core.useId)(),
+      triggerRef,
+      open,
+      onOpenChange: setOpen,
+      onOpenToggle: (0, import_core.useEvent)(() => {
+        if (open && breakpointActive) {
+          return;
+        }
+        setOpen(!open);
+      }),
+      hasCustomAnchor,
+      onCustomAnchorAdd: React.useCallback(() => setHasCustomAnchor(true), []),
+      onCustomAnchorRemove: React.useCallback(() => setHasCustomAnchor(false), [])
+    };
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AdaptProvider, {
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_popper.FloatingOverrideContext.Provider, {
         value: useFloatingContext,
@@ -319,28 +353,7 @@ const Popover = (0, import_core.withStaticProperties)(
           stayInFrame: true,
           ...restProps,
           children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverProviderInternal, {
-            scope: __scopePopover,
-            scopeKey: id,
-            sheetBreakpoint,
-            contentId: (0, import_core.useId)(),
-            triggerRef,
-            open,
-            onOpenChange: setOpen,
-            onOpenToggle: (0, import_core.useEvent)(() => {
-              if (open && breakpointActive) {
-                return;
-              }
-              setOpen(!open);
-            }),
-            hasCustomAnchor,
-            onCustomAnchorAdd: React.useCallback(
-              () => setHasCustomAnchor(true),
-              []
-            ),
-            onCustomAnchorRemove: React.useCallback(
-              () => setHasCustomAnchor(false),
-              []
-            ),
+            ...popoverContext,
             children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverSheetController, {
               onOpenChange: setOpen,
               __scopePopover,
@@ -402,7 +415,6 @@ const useShowPopoverSheet = (context) => {
   PopoverArrow,
   PopoverClose,
   PopoverContent,
-  PopoverSheetContents,
   PopoverTrigger,
   __PopoverProviderInternal,
   createPopoverScope,

package/dist/cjs/Popover.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Popover.tsx"],
-  "sourcesContent": ["// adapted from radix-ui popover\n\nimport '@tamagui/polyfill-dev'\n\nimport { Adapt, useAdaptParent } from '@tamagui/adapt'\nimport { AnimatePresence } from '@tamagui/animate-presence'\nimport { hideOthers } from '@tamagui/aria-hidden'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  MediaQueryKey,\n  SizeTokens,\n  Theme,\n  composeEventHandlers,\n  isWeb,\n  useEvent,\n  useGet,\n  useId,\n  useMedia,\n  useThemeName,\n  withStaticProperties,\n} from '@tamagui/core'\nimport type { Scope } from '@tamagui/create-context'\nimport { createContextScope } from '@tamagui/create-context'\nimport { DismissableProps } from '@tamagui/dismissable'\nimport { FocusScope, FocusScopeProps } from '@tamagui/focus-scope'\nimport {\n  FloatingOverrideContext,\n  Popper,\n  PopperAnchor,\n  PopperArrow,\n  PopperArrowProps,\n  PopperContent,\n  PopperContentProps,\n  PopperProps,\n  createPopperScope,\n} from '@tamagui/popper'\nimport { Portal, PortalHost, PortalItem } from '@tamagui/portal'\nimport { RemoveScroll, RemoveScrollProps } from '@tamagui/remove-scroll'\nimport { ControlledSheet, SheetController } from '@tamagui/sheet'\nimport { YStack, YStackProps } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport * as React from 'react'\nimport { ScrollView, ScrollViewProps, View } from 'react-native'\n\nimport type { UseFloatingProps } from './floating'\nimport {\n  useDismiss,\n  useFloating,\n  useFocus,\n  useInteractions,\n  useRole,\n} from './floating'\n\nconst POPOVER_NAME = 'Popover'\n\ntype ScopedProps<P> = P & { __scopePopover?: Scope }\n\nexport type PopoverProps = PopperProps & {\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?: (open: boolean) => void\n}\n\ntype PopoverContextValue = {\n  triggerRef: React.RefObject<HTMLButtonElement>\n  contentId?: string\n  open: boolean\n  onOpenChange(open: boolean): void\n  onOpenToggle(): void\n  hasCustomAnchor: boolean\n  onCustomAnchorAdd(): void\n  onCustomAnchorRemove(): void\n  size?: SizeTokens\n  sheetBreakpoint: any\n  scopeKey: string\n}\n\nconst [createPopoverContext, createPopoverScopeInternal] = createContextScope(\n  POPOVER_NAME,\n  [createPopperScope],\n)\nexport const usePopoverScope = createPopperScope()\nexport const createPopoverScope = createPopoverScopeInternal\n\nconst [PopoverProviderInternal, usePopoverInternalContext] =\n  createPopoverContext<PopoverContextValue>(POPOVER_NAME)\n\nexport const __PopoverProviderInternal = PopoverProviderInternal\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverAnchor\n * -----------------------------------------------------------------------------------------------*/\n\nconst ANCHOR_NAME = 'PopoverAnchor'\n\ntype PopoverAnchorElement = HTMLElement | View\nexport type PopoverAnchorProps = YStackProps\n\nexport const PopoverAnchor = React.forwardRef<\n  PopoverAnchorElement,\n  PopoverAnchorProps\n>((props: ScopedProps<PopoverAnchorProps>, forwardedRef) => {\n  const { __scopePopover, ...anchorProps } = props\n  const context = usePopoverInternalContext(ANCHOR_NAME, __scopePopover)\n  const popperScope = usePopoverScope(__scopePopover)\n  const { onCustomAnchorAdd, onCustomAnchorRemove } = context\n\n  React.useEffect(() => {\n    onCustomAnchorAdd()\n    return () => onCustomAnchorRemove()\n  }, [onCustomAnchorAdd, onCustomAnchorRemove])\n\n  return <PopperAnchor {...popperScope} {...anchorProps} ref={forwardedRef} />\n})\n\nPopoverAnchor.displayName = ANCHOR_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'PopoverTrigger'\n\ntype PopoverTriggerElement = HTMLElement | View\nexport type PopoverTriggerProps = YStackProps\n\nexport const PopoverTrigger = React.forwardRef<\n  PopoverTriggerElement,\n  PopoverTriggerProps\n>((props: ScopedProps<PopoverTriggerProps>, forwardedRef) => {\n  const { __scopePopover, ...triggerProps } = props\n  const context = usePopoverInternalContext(TRIGGER_NAME, __scopePopover)\n  const popperScope = usePopoverScope(__scopePopover)\n  const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef)\n\n  const trigger = (\n    <YStack\n      aria-haspopup=\"dialog\"\n      aria-expanded={context.open}\n      // TODO not matching\n      // aria-controls={context.contentId}\n      data-state={getState(context.open)}\n      {...triggerProps}\n      ref={composedTriggerRef}\n      onPress={composeEventHandlers(props.onPress as any, context.onOpenToggle)}\n    />\n  )\n\n  return context.hasCustomAnchor ? (\n    trigger\n  ) : (\n    <PopperAnchor asChild {...popperScope}>\n      {trigger}\n    </PopperAnchor>\n  )\n})\n\nPopoverTrigger.displayName = TRIGGER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'PopoverContent'\n\nexport type PopoverContentProps = PopoverContentTypeProps\n\ntype PopoverContentTypeElement = PopoverContentImplElement\n\nexport interface PopoverContentTypeProps\n  extends Omit<PopoverContentImplProps, 'disableOutsidePointerEvents'> {\n  /**\n   * @see https://github.com/theKashey/react-remove-scroll#usage\n   */\n  allowPinchZoom?: RemoveScrollProps['allowPinchZoom']\n}\n\nexport const PopoverContent = React.forwardRef<\n  PopoverContentTypeElement,\n  PopoverContentTypeProps\n>((props: ScopedProps<PopoverContentTypeProps>, forwardedRef) => {\n  const {\n    allowPinchZoom,\n    trapFocus,\n    disableRemoveScroll = true,\n    ...contentModalProps\n  } = props\n  const context = usePopoverInternalContext(CONTENT_NAME, props.__scopePopover)\n  const contentRef = React.useRef<HTMLDivElement>(null)\n  const composedRefs = useComposedRefs(forwardedRef, contentRef)\n  const isRightClickOutsideRef = React.useRef(false)\n  const themeName = useThemeName()\n\n  // aria-hide everything except the content (better supported equivalent to setting aria-modal)\n  React.useEffect(() => {\n    if (!context.open) return\n    const content = contentRef.current\n    if (content) return hideOthers(content)\n  }, [context.open])\n\n  return (\n    <Portal zIndex={props.zIndex ?? 1000}>\n      <Theme name={themeName}>\n        <PopoverContentImpl\n          {...contentModalProps}\n          disableRemoveScroll={disableRemoveScroll}\n          ref={composedRefs}\n          // we make sure we're not trapping once it's been closed\n          // (closed !== unmounted when animating out)\n          trapFocus={trapFocus ?? context.open}\n          disableOutsidePointerEvents\n          onCloseAutoFocus={composeEventHandlers(props.onCloseAutoFocus, (event) => {\n            event.preventDefault()\n            if (!isRightClickOutsideRef.current) context.triggerRef.current?.focus()\n          })}\n          onPointerDownOutside={composeEventHandlers(\n            props.onPointerDownOutside,\n            (event) => {\n              const originalEvent = event.detail.originalEvent\n              const ctrlLeftClick =\n                originalEvent.button === 0 && originalEvent.ctrlKey === true\n              const isRightClick = originalEvent.button === 2 || ctrlLeftClick\n              isRightClickOutsideRef.current = isRightClick\n            },\n            { checkDefaultPrevented: false },\n          )}\n          // When focus is trapped, a `focusout` event may still happen.\n          // We make sure we don't trigger our `onDismiss` in such case.\n          onFocusOutside={composeEventHandlers(\n            props.onFocusOutside,\n            (event) => event.preventDefault(),\n            { checkDefaultPrevented: false },\n          )}\n        />\n      </Theme>\n    </Portal>\n  )\n})\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype PopoverContentImplElement = React.ElementRef<typeof PopperContent>\n\nexport interface PopoverContentImplProps\n  extends PopperContentProps,\n    Omit<DismissableProps, 'onDismiss' | 'children'> {\n  /**\n   * Whether focus should be trapped within the `Popover`\n   * (default: false)\n   */\n  trapFocus?: FocusScopeProps['trapped']\n\n  /**\n   * Event handler called when auto-focusing on open.\n   * Can be prevented.\n   */\n  onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus']\n\n  /**\n   * Event handler called when auto-focusing on close.\n   * Can be prevented.\n   */\n  onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus']\n\n  disableRemoveScroll?: boolean\n}\n\nconst PopoverContentImpl = React.forwardRef<\n  PopoverContentImplElement,\n  PopoverContentImplProps\n>((props: ScopedProps<PopoverContentImplProps>, forwardedRef) => {\n  const {\n    __scopePopover,\n    trapFocus,\n    onOpenAutoFocus,\n    onCloseAutoFocus,\n    disableOutsidePointerEvents,\n    onEscapeKeyDown,\n    onPointerDownOutside,\n    onFocusOutside,\n    onInteractOutside,\n    children,\n    disableRemoveScroll,\n    ...contentProps\n  } = props\n  const popperScope = usePopoverScope(__scopePopover)\n  const context = usePopoverInternalContext(CONTENT_NAME, popperScope.__scopePopover)\n  const showSheet = useShowPopoverSheet(context)\n  // const popperContext = usePopperContext(CONTENT_NAME, popperScope.__scopePopper)\n\n  if (showSheet) {\n    // unwrap the PopoverScrollView if used, as it will use the SheetScrollView if that exists\n    const childrenWithoutScrollView = React.Children.toArray(children).map(\n      (child) => {\n        if (React.isValidElement(child)) {\n          if (child.type === PopoverScrollView) {\n            return child.props.children\n          }\n        }\n        return child\n      },\n    )\n\n    // doesn't show as popover yet on native, must use as sheet\n    return (\n      <PortalItem hostName={`${context.scopeKey}SheetContents`}>\n        {childrenWithoutScrollView}\n      </PortalItem>\n    )\n  }\n\n  // const handleDismiss = React.useCallback(() => context.onOpenChange(false), [])\n  // <Dismissable\n  //     disableOutsidePointerEvents={disableOutsidePointerEvents}\n  //     // onInteractOutside={onInteractOutside}\n  //     onEscapeKeyDown={onEscapeKeyDown}\n  //     // onPointerDownOutside={onPointerDownOutside}\n  //     // onFocusOutside={onFocusOutside}\n  //     onDismiss={handleDismiss}\n  //   >\n\n  return (\n    <AnimatePresence>\n      {!!context.open && (\n        <PopperContent\n          key=\"popper-content\"\n          data-state={getState(context.open)}\n          id={context.contentId}\n          pointerEvents=\"auto\"\n          {...popperScope}\n          {...contentProps}\n          ref={forwardedRef}\n        >\n          <RemoveScroll\n            enabled={disableRemoveScroll ? false : context.open}\n            allowPinchZoom\n            // causes lots of bugs on touch web on site\n            removeScrollBar={false}\n            style={{\n              display: 'contents',\n            }}\n          >\n            {trapFocus === false ? (\n              children\n            ) : (\n              <FocusScope\n                loop\n                trapped={trapFocus ?? context.open}\n                onMountAutoFocus={onOpenAutoFocus}\n                onUnmountAutoFocus={onCloseAutoFocus}\n              >\n                <div style={{ display: 'contents' }}>{children}</div>\n              </FocusScope>\n            )}\n          </RemoveScroll>\n        </PopperContent>\n      )}\n    </AnimatePresence>\n  )\n})\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverClose\n * -----------------------------------------------------------------------------------------------*/\n\nconst CLOSE_NAME = 'PopoverClose'\n\ntype PopoverCloseElement = HTMLElement | View\nexport type PopoverCloseProps = YStackProps\n\nexport const PopoverClose = React.forwardRef<PopoverCloseElement, PopoverCloseProps>(\n  (props: ScopedProps<PopoverCloseProps>, forwardedRef) => {\n    const { __scopePopover, ...closeProps } = props\n    const context = usePopoverInternalContext(CLOSE_NAME, __scopePopover)\n    return (\n      <YStack\n        {...closeProps}\n        ref={forwardedRef}\n        onPress={composeEventHandlers(props.onPress as any, () =>\n          context.onOpenChange(false),\n        )}\n      />\n    )\n  },\n)\n\nPopoverClose.displayName = CLOSE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'PopoverArrow'\n\ntype PopoverArrowElement = HTMLElement | View\nexport type PopoverArrowProps = PopperArrowProps\n\nexport const PopoverArrow = React.forwardRef<PopoverArrowElement, PopoverArrowProps>(\n  (props: ScopedProps<PopoverArrowProps>, forwardedRef) => {\n    const { __scopePopover, ...arrowProps } = props\n    const popperScope = usePopoverScope(__scopePopover)\n    return <PopperArrow {...popperScope} {...arrowProps} ref={forwardedRef} />\n  },\n)\n\nPopoverArrow.displayName = ARROW_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverSheetContents\n * -----------------------------------------------------------------------------------------------*/\n\nconst SHEET_CONTENTS_NAME = 'PopoverSheetContents'\n\nexport const PopoverSheetContents = ({ __scopePopover }: ScopedProps<{}>) => {\n  const context = usePopoverInternalContext(SHEET_CONTENTS_NAME, __scopePopover)\n  return <PortalHost name={`${context.scopeKey}SheetContents`} />\n}\n\nPopoverSheetContents.displayName = SHEET_CONTENTS_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverScrollView\n * -----------------------------------------------------------------------------------------------*/\n\nconst PopoverScrollView = React.forwardRef<ScrollView, ScrollViewProps>(\n  (props, ref) => {\n    return <ScrollView ref={ref} {...props} />\n  },\n)\n\n/* -------------------------------------------------------------------------------------------------\n * Popover\n * -----------------------------------------------------------------------------------------------*/\n\nexport const Popover = withStaticProperties(\n  ((props: ScopedProps<PopoverProps>) => {\n    const {\n      __scopePopover,\n      children,\n      open: openProp,\n      defaultOpen,\n      onOpenChange,\n      ...restProps\n    } = props\n    const { when, AdaptProvider } = useAdaptParent({\n      Contents: PopoverSheetContents,\n    })\n    const sheetBreakpoint = when\n\n    const popperScope = usePopoverScope(__scopePopover)\n    const triggerRef = React.useRef<HTMLButtonElement>(null)\n    const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false)\n    const [open, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen || false,\n      onChange: onOpenChange,\n      transition: true,\n    })\n\n    const breakpointActive = useSheetBreakpointActive(sheetBreakpoint)\n\n    const useFloatingContext = React.useCallback(\n      (props: UseFloatingProps) => {\n        const floating = useFloating({\n          ...props,\n          open,\n          onOpenChange: setOpen,\n        })\n        const { getReferenceProps, getFloatingProps } = useInteractions([\n          // useFocus(floating.context, {\n          //   enabled: !breakpointActive,\n          //   keyboardOnly: true,\n          // }),\n          useRole(floating.context, { role: 'dialog' }),\n          useDismiss(floating.context, {\n            enabled: !breakpointActive,\n          }),\n        ])\n        return {\n          ...floating,\n          getReferenceProps,\n          getFloatingProps,\n        }\n      },\n      [breakpointActive, open, setOpen],\n    )\n\n    const internalId = useId()\n    const id = __scopePopover ? Object.keys(__scopePopover)[0] : internalId\n\n    return (\n      <AdaptProvider>\n        <FloatingOverrideContext.Provider value={useFloatingContext as any}>\n          <Popper {...popperScope} stayInFrame {...restProps}>\n            <PopoverProviderInternal\n              scope={__scopePopover}\n              scopeKey={id}\n              sheetBreakpoint={sheetBreakpoint}\n              contentId={useId()}\n              triggerRef={triggerRef}\n              open={open}\n              onOpenChange={setOpen}\n              onOpenToggle={useEvent(() => {\n                if (open && breakpointActive) {\n                  return\n                }\n                setOpen(!open)\n              })}\n              hasCustomAnchor={hasCustomAnchor}\n              onCustomAnchorAdd={React.useCallback(\n                () => setHasCustomAnchor(true),\n                [],\n              )}\n              onCustomAnchorRemove={React.useCallback(\n                () => setHasCustomAnchor(false),\n                [],\n              )}\n            >\n              <PopoverSheetController\n                onOpenChange={setOpen}\n                __scopePopover={__scopePopover}\n              >\n                {children}\n              </PopoverSheetController>\n            </PopoverProviderInternal>\n          </Popper>\n        </FloatingOverrideContext.Provider>\n      </AdaptProvider>\n    )\n  }) as React.FC<PopoverProps>,\n  {\n    Anchor: PopoverAnchor,\n    Arrow: PopoverArrow,\n    Trigger: PopoverTrigger,\n    Content: PopoverContent,\n    Close: PopoverClose,\n    Adapt,\n    ScrollView: PopoverScrollView,\n    Sheet: ControlledSheet,\n  },\n)\n\nPopover.displayName = POPOVER_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction getState(open: boolean) {\n  return open ? 'open' : 'closed'\n}\n\nconst PopoverSheetController = (\n  props: ScopedProps<{\n    children: React.ReactNode\n    onOpenChange: React.Dispatch<React.SetStateAction<boolean>>\n  }>,\n) => {\n  const context = usePopoverInternalContext(\n    'PopoverSheetController',\n    props.__scopePopover,\n  )\n  const showSheet = useShowPopoverSheet(context)\n  const breakpointActive = useSheetBreakpointActive(context.sheetBreakpoint)\n  const getShowSheet = useGet(showSheet)\n  return (\n    <SheetController\n      onOpenChange={(val) => {\n        if (getShowSheet()) {\n          props.onOpenChange(val)\n        }\n      }}\n      open={context.open}\n      hidden={breakpointActive === false}\n    >\n      {props.children}\n    </SheetController>\n  )\n}\n\nconst useSheetBreakpointActive = (breakpoint?: MediaQueryKey | null | false) => {\n  const media = useMedia()\n  return breakpoint ? media[breakpoint] : false\n}\n\nconst useShowPopoverSheet = (context: PopoverContextValue) => {\n  // for now always show as sheet on native\n  if (!isWeb) return true\n  const breakpointActive = useSheetBreakpointActive(context.sheetBreakpoint)\n  return context.open === false ? false : breakpointActive\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["// adapted from radix-ui popover\n\nimport '@tamagui/polyfill-dev'\n\nimport { Adapt, useAdaptParent } from '@tamagui/adapt'\nimport { AnimatePresence } from '@tamagui/animate-presence'\nimport { hideOthers } from '@tamagui/aria-hidden'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  MediaQueryKey,\n  SizeTokens,\n  Theme,\n  composeEventHandlers,\n  isWeb,\n  useEvent,\n  useGet,\n  useId,\n  useMedia,\n  useThemeName,\n  withStaticProperties,\n} from '@tamagui/core'\nimport type { Scope } from '@tamagui/create-context'\nimport { createContextScope } from '@tamagui/create-context'\nimport { DismissableProps } from '@tamagui/dismissable'\nimport { FocusScope, FocusScopeProps } from '@tamagui/focus-scope'\nimport {\n  FloatingOverrideContext,\n  Popper,\n  PopperAnchor,\n  PopperArrow,\n  PopperArrowProps,\n  PopperContent,\n  PopperContentProps,\n  PopperProps,\n  PopperProvider,\n  createPopperScope,\n  usePopperContext,\n} from '@tamagui/popper'\nimport { Portal, PortalHost, PortalItem } from '@tamagui/portal'\nimport { RemoveScroll, RemoveScrollProps } from '@tamagui/remove-scroll'\nimport { ControlledSheet, SheetController } from '@tamagui/sheet'\nimport { YStack, YStackProps } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport * as React from 'react'\nimport { Platform, ScrollView, ScrollViewProps, View } from 'react-native'\n\nimport type { UseFloatingProps } from './floating'\nimport { useDismiss, useFloating, useFocus, useInteractions, useRole } from './floating'\n\nconst POPOVER_NAME = 'Popover'\n\ntype ScopedProps<P> = P & { __scopePopover?: Scope }\n\nexport type PopoverProps = PopperProps & {\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?: (open: boolean) => void\n}\n\ntype PopoverContextValue = {\n  triggerRef: React.RefObject<HTMLButtonElement>\n  contentId?: string\n  open: boolean\n  onOpenChange(open: boolean): void\n  onOpenToggle(): void\n  hasCustomAnchor: boolean\n  onCustomAnchorAdd(): void\n  onCustomAnchorRemove(): void\n  size?: SizeTokens\n  sheetBreakpoint: any\n  scopeKey: string\n  popperScope: any\n}\n\nconst [createPopoverContext, createPopoverScopeInternal] = createContextScope(\n  POPOVER_NAME,\n  [createPopperScope]\n)\nexport const usePopoverScope = createPopperScope()\nexport const createPopoverScope = createPopoverScopeInternal\n\nconst [PopoverProviderInternal, usePopoverInternalContext] =\n  createPopoverContext<PopoverContextValue>(POPOVER_NAME)\n\nexport const __PopoverProviderInternal = PopoverProviderInternal\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverAnchor\n * -----------------------------------------------------------------------------------------------*/\n\nconst ANCHOR_NAME = 'PopoverAnchor'\n\ntype PopoverAnchorElement = HTMLElement | View\nexport type PopoverAnchorProps = YStackProps\n\nexport const PopoverAnchor = React.forwardRef<PopoverAnchorElement, PopoverAnchorProps>(\n  (props: ScopedProps<PopoverAnchorProps>, forwardedRef) => {\n    const { __scopePopover, ...anchorProps } = props\n    const context = usePopoverInternalContext(ANCHOR_NAME, __scopePopover)\n    const popperScope = usePopoverScope(__scopePopover)\n    const { onCustomAnchorAdd, onCustomAnchorRemove } = context\n\n    React.useEffect(() => {\n      onCustomAnchorAdd()\n      return () => onCustomAnchorRemove()\n    }, [onCustomAnchorAdd, onCustomAnchorRemove])\n\n    return <PopperAnchor {...popperScope} {...anchorProps} ref={forwardedRef} />\n  }\n)\n\nPopoverAnchor.displayName = ANCHOR_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'PopoverTrigger'\n\ntype PopoverTriggerElement = HTMLElement | View\nexport type PopoverTriggerProps = YStackProps\n\nexport const PopoverTrigger = React.forwardRef<\n  PopoverTriggerElement,\n  PopoverTriggerProps\n>((props: ScopedProps<PopoverTriggerProps>, forwardedRef) => {\n  const { __scopePopover, ...triggerProps } = props\n  const context = usePopoverInternalContext(TRIGGER_NAME, __scopePopover)\n  const popperScope = usePopoverScope(__scopePopover)\n  const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef)\n\n  const trigger = (\n    <YStack\n      aria-haspopup=\"dialog\"\n      aria-expanded={context.open}\n      // TODO not matching\n      // aria-controls={context.contentId}\n      data-state={getState(context.open)}\n      {...triggerProps}\n      ref={composedTriggerRef}\n      onPress={composeEventHandlers(props.onPress as any, context.onOpenToggle)}\n    />\n  )\n\n  return context.hasCustomAnchor ? (\n    trigger\n  ) : (\n    <PopperAnchor asChild {...popperScope}>\n      {trigger}\n    </PopperAnchor>\n  )\n})\n\nPopoverTrigger.displayName = TRIGGER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'PopoverContent'\n\nexport type PopoverContentProps = PopoverContentTypeProps\n\ntype PopoverContentTypeElement = PopoverContentImplElement\n\nexport interface PopoverContentTypeProps\n  extends Omit<PopoverContentImplProps, 'disableOutsidePointerEvents'> {\n  /**\n   * @see https://github.com/theKashey/react-remove-scroll#usage\n   */\n  allowPinchZoom?: RemoveScrollProps['allowPinchZoom']\n}\n\nexport const PopoverContent = React.forwardRef<\n  PopoverContentTypeElement,\n  PopoverContentTypeProps\n>((props: ScopedProps<PopoverContentTypeProps>, forwardedRef) => {\n  const {\n    allowPinchZoom,\n    trapFocus,\n    disableRemoveScroll = true,\n    ...contentModalProps\n  } = props\n  const context = usePopoverInternalContext(CONTENT_NAME, props.__scopePopover)\n  const contentRef = React.useRef<HTMLDivElement>(null)\n  const composedRefs = useComposedRefs(forwardedRef, contentRef)\n  const isRightClickOutsideRef = React.useRef(false)\n\n  // aria-hide everything except the content (better supported equivalent to setting aria-modal)\n  React.useEffect(() => {\n    if (!context.open) return\n    const content = contentRef.current\n    if (content) return hideOthers(content)\n  }, [context.open])\n\n  return (\n    <PopoverContentPortal>\n      <PopoverContentImpl\n        {...contentModalProps}\n        disableRemoveScroll={disableRemoveScroll}\n        ref={composedRefs}\n        // we make sure we're not trapping once it's been closed\n        // (closed !== unmounted when animating out)\n        trapFocus={trapFocus ?? context.open}\n        disableOutsidePointerEvents\n        onCloseAutoFocus={composeEventHandlers(props.onCloseAutoFocus, (event) => {\n          event.preventDefault()\n          if (!isRightClickOutsideRef.current) context.triggerRef.current?.focus()\n        })}\n        onPointerDownOutside={composeEventHandlers(\n          props.onPointerDownOutside,\n          (event) => {\n            const originalEvent = event.detail.originalEvent\n            const ctrlLeftClick =\n              originalEvent.button === 0 && originalEvent.ctrlKey === true\n            const isRightClick = originalEvent.button === 2 || ctrlLeftClick\n            isRightClickOutsideRef.current = isRightClick\n          },\n          { checkDefaultPrevented: false }\n        )}\n        // When focus is trapped, a `focusout` event may still happen.\n        // We make sure we don't trigger our `onDismiss` in such case.\n        onFocusOutside={composeEventHandlers(\n          props.onFocusOutside,\n          (event) => event.preventDefault(),\n          { checkDefaultPrevented: false }\n        )}\n      />\n    </PopoverContentPortal>\n  )\n})\n\nfunction PopoverContentPortal(props: ScopedProps<PopoverContentTypeProps>) {\n  const themeName = useThemeName()\n\n  // on android we have to re-pass context\n  let contents = props.children\n\n  if (Platform.OS === 'android') {\n    // ok conditional hooks by platform\n    const context = usePopoverInternalContext(CONTENT_NAME, props.__scopePopover)\n    const popperContext = usePopperContext(CONTENT_NAME, context.popperScope)\n\n    contents = (\n      <PopperProvider {...popperContext} scope={context.popperScope}>\n        <PopoverProviderInternal scope={props.__scopePopover} {...context}>\n          {/* does this need to be props.__scopePopper? */}\n          {props.children}\n        </PopoverProviderInternal>\n      </PopperProvider>\n    )\n  }\n\n  return (\n    <Portal zIndex={props.zIndex ?? 1000}>\n      <Theme name={themeName}>{contents}</Theme>\n    </Portal>\n  )\n}\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype PopoverContentImplElement = React.ElementRef<typeof PopperContent>\n\nexport interface PopoverContentImplProps\n  extends PopperContentProps,\n    Omit<DismissableProps, 'onDismiss' | 'children'> {\n  /**\n   * Whether focus should be trapped within the `Popover`\n   * (default: false)\n   */\n  trapFocus?: FocusScopeProps['trapped']\n\n  /**\n   * Event handler called when auto-focusing on open.\n   * Can be prevented.\n   */\n  onOpenAutoFocus?: FocusScopeProps['onMountAutoFocus']\n\n  /**\n   * Event handler called when auto-focusing on close.\n   * Can be prevented.\n   */\n  onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus']\n\n  disableRemoveScroll?: boolean\n}\n\nconst PopoverContentImpl = React.forwardRef<\n  PopoverContentImplElement,\n  PopoverContentImplProps\n>((props: ScopedProps<PopoverContentImplProps>, forwardedRef) => {\n  const {\n    __scopePopover,\n    trapFocus,\n    onOpenAutoFocus,\n    onCloseAutoFocus,\n    disableOutsidePointerEvents,\n    onEscapeKeyDown,\n    onPointerDownOutside,\n    onFocusOutside,\n    onInteractOutside,\n    children,\n    disableRemoveScroll,\n    ...contentProps\n  } = props\n  const popperScope = usePopoverScope(__scopePopover)\n  const context = usePopoverInternalContext(CONTENT_NAME, popperScope.__scopePopover)\n  const showSheet = useShowPopoverSheet(context)\n\n  if (showSheet) {\n    // unwrap the PopoverScrollView if used, as it will use the SheetScrollView if that exists\n    const childrenWithoutScrollView = React.Children.toArray(children).map((child) => {\n      if (React.isValidElement(child)) {\n        if (child.type === PopoverScrollView) {\n          return child.props.children\n        }\n      }\n      return child\n    })\n\n    // doesn't show as popover yet on native, must use as sheet\n    return (\n      <PortalItem hostName={`${context.scopeKey}SheetContents`}>\n        {childrenWithoutScrollView}\n      </PortalItem>\n    )\n  }\n\n  // const handleDismiss = React.useCallback(() => context.onOpenChange(false), [])\n  // <Dismissable\n  //     disableOutsidePointerEvents={disableOutsidePointerEvents}\n  //     // onInteractOutside={onInteractOutside}\n  //     onEscapeKeyDown={onEscapeKeyDown}\n  //     // onPointerDownOutside={onPointerDownOutside}\n  //     // onFocusOutside={onFocusOutside}\n  //     onDismiss={handleDismiss}\n  //   >\n\n  return (\n    <AnimatePresence>\n      {!!context.open && (\n        <PopperContent\n          key=\"popper-content\"\n          data-state={getState(context.open)}\n          id={context.contentId}\n          pointerEvents=\"auto\"\n          {...popperScope}\n          {...contentProps}\n          ref={forwardedRef}\n        >\n          <RemoveScroll\n            enabled={disableRemoveScroll ? false : context.open}\n            allowPinchZoom\n            // causes lots of bugs on touch web on site\n            removeScrollBar={false}\n            style={{\n              display: 'contents',\n            }}\n          >\n            {trapFocus === false ? (\n              children\n            ) : (\n              <FocusScope\n                loop\n                trapped={trapFocus ?? context.open}\n                onMountAutoFocus={onOpenAutoFocus}\n                onUnmountAutoFocus={onCloseAutoFocus}\n              >\n                <div style={{ display: 'contents' }}>{children}</div>\n              </FocusScope>\n            )}\n          </RemoveScroll>\n        </PopperContent>\n      )}\n    </AnimatePresence>\n  )\n})\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverClose\n * -----------------------------------------------------------------------------------------------*/\n\nconst CLOSE_NAME = 'PopoverClose'\n\ntype PopoverCloseElement = HTMLElement | View\nexport type PopoverCloseProps = YStackProps\n\nexport const PopoverClose = React.forwardRef<PopoverCloseElement, PopoverCloseProps>(\n  (props: ScopedProps<PopoverCloseProps>, forwardedRef) => {\n    const { __scopePopover, ...closeProps } = props\n    const context = usePopoverInternalContext(CLOSE_NAME, __scopePopover)\n    return (\n      <YStack\n        {...closeProps}\n        ref={forwardedRef}\n        onPress={composeEventHandlers(props.onPress as any, () =>\n          context.onOpenChange(false)\n        )}\n      />\n    )\n  }\n)\n\nPopoverClose.displayName = CLOSE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'PopoverArrow'\n\ntype PopoverArrowElement = HTMLElement | View\nexport type PopoverArrowProps = PopperArrowProps\n\nexport const PopoverArrow = React.forwardRef<PopoverArrowElement, PopoverArrowProps>(\n  (props: ScopedProps<PopoverArrowProps>, forwardedRef) => {\n    // we dont show on native and i'm getting an err\n    if (!isWeb) {\n      return null\n    }\n\n    const { __scopePopover, ...arrowProps } = props\n    const popperScope = usePopoverScope(__scopePopover)\n    return <PopperArrow {...popperScope} {...arrowProps} ref={forwardedRef} />\n  }\n)\n\nPopoverArrow.displayName = ARROW_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * PopoverScrollView\n * -----------------------------------------------------------------------------------------------*/\n\nconst PopoverScrollView = React.forwardRef<ScrollView, ScrollViewProps>((props, ref) => {\n  return <ScrollView ref={ref} {...props} />\n})\n\n/* -------------------------------------------------------------------------------------------------\n * Popover\n * -----------------------------------------------------------------------------------------------*/\n\nexport const Popover = withStaticProperties(\n  ((props: ScopedProps<PopoverProps>) => {\n    const {\n      __scopePopover,\n      children,\n      open: openProp,\n      defaultOpen,\n      onOpenChange,\n      ...restProps\n    } = props\n\n    const internalId = useId()\n    const id = __scopePopover ? Object.keys(__scopePopover)[0] : internalId\n\n    const { when, AdaptProvider } = useAdaptParent({\n      Contents: React.useCallback(() => {\n        return <PortalHost name={`${id}SheetContents`} />\n      }, []),\n    })\n\n    const sheetBreakpoint = when\n    const popperScope = usePopoverScope(__scopePopover)\n    const triggerRef = React.useRef<HTMLButtonElement>(null)\n    const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false)\n    const [open, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen || false,\n      onChange: onOpenChange,\n      transition: true,\n    })\n\n    const breakpointActive = useSheetBreakpointActive(sheetBreakpoint)\n\n    const useFloatingContext = React.useCallback(\n      (props: UseFloatingProps) => {\n        const floating = useFloating({\n          ...props,\n          open,\n          onOpenChange: setOpen,\n        })\n        const { getReferenceProps, getFloatingProps } = useInteractions([\n          // useFocus(floating.context, {\n          //   enabled: !breakpointActive,\n          //   keyboardOnly: true,\n          // }),\n          useRole(floating.context, { role: 'dialog' }),\n          useDismiss(floating.context, {\n            enabled: !breakpointActive,\n          }),\n        ])\n        return {\n          ...floating,\n          getReferenceProps,\n          getFloatingProps,\n        }\n      },\n      [breakpointActive, open, setOpen]\n    )\n\n    const popoverContext = {\n      scope: __scopePopover,\n      scopeKey: id,\n      popperScope: popperScope.__scopePopper,\n      sheetBreakpoint,\n      contentId: useId(),\n      triggerRef,\n      open,\n      onOpenChange: setOpen,\n      onOpenToggle: useEvent(() => {\n        if (open && breakpointActive) {\n          return\n        }\n        setOpen(!open)\n      }),\n      hasCustomAnchor,\n      onCustomAnchorAdd: React.useCallback(() => setHasCustomAnchor(true), []),\n      onCustomAnchorRemove: React.useCallback(() => setHasCustomAnchor(false), []),\n    }\n\n    // debug if changing too often\n    // if (process.env.NODE_ENV === 'development') {\n    //   Object.keys(popoverContext).forEach((key) => {\n    //     React.useEffect(() => console.log(`changed`, key), [popoverContext[key]])\n    //   })\n    // }\n\n    return (\n      <AdaptProvider>\n        <FloatingOverrideContext.Provider value={useFloatingContext as any}>\n          <Popper {...popperScope} stayInFrame {...restProps}>\n            <PopoverProviderInternal {...popoverContext}>\n              <PopoverSheetController\n                onOpenChange={setOpen}\n                __scopePopover={__scopePopover}\n              >\n                {children}\n              </PopoverSheetController>\n            </PopoverProviderInternal>\n          </Popper>\n        </FloatingOverrideContext.Provider>\n      </AdaptProvider>\n    )\n  }) as React.FC<PopoverProps>,\n  {\n    Anchor: PopoverAnchor,\n    Arrow: PopoverArrow,\n    Trigger: PopoverTrigger,\n    Content: PopoverContent,\n    Close: PopoverClose,\n    Adapt,\n    ScrollView: PopoverScrollView,\n    Sheet: ControlledSheet,\n  }\n)\n\nPopover.displayName = POPOVER_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\nfunction getState(open: boolean) {\n  return open ? 'open' : 'closed'\n}\n\nconst PopoverSheetController = (\n  props: ScopedProps<{\n    children: React.ReactNode\n    onOpenChange: React.Dispatch<React.SetStateAction<boolean>>\n  }>\n) => {\n  const context = usePopoverInternalContext(\n    'PopoverSheetController',\n    props.__scopePopover\n  )\n  const showSheet = useShowPopoverSheet(context)\n  const breakpointActive = useSheetBreakpointActive(context.sheetBreakpoint)\n  const getShowSheet = useGet(showSheet)\n  return (\n    <SheetController\n      onOpenChange={(val) => {\n        if (getShowSheet()) {\n          props.onOpenChange(val)\n        }\n      }}\n      open={context.open}\n      hidden={breakpointActive === false}\n    >\n      {props.children}\n    </SheetController>\n  )\n}\n\nconst useSheetBreakpointActive = (breakpoint?: MediaQueryKey | null | false) => {\n  const media = useMedia()\n  return breakpoint ? media[breakpoint] : false\n}\n\nconst useShowPopoverSheet = (context: PopoverContextValue) => {\n  // for now always show as sheet on native\n  if (!isWeb) return true\n  const breakpointActive = useSheetBreakpointActive(context.sheetBreakpoint)\n  return context.open === false ? false : breakpointActive\n}\n"],
+  "mappings": "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",
   "names": ["props"]
 }