@tamagui/popover 1.1.7 → 1.1.9

package/dist/jsx/Popover.js

@@ -1,9 +1,16 @@
 import "@tamagui/polyfill-dev";
+import {
+  useDismiss,
+  useFloating,
+  useInteractions,
+  useRole
+} from "@floating-ui/react-dom-interactions";
 import { Adapt, useAdaptParent } from "@tamagui/adapt";
 import { AnimatePresence } from "@tamagui/animate-presence";
 import { hideOthers } from "@tamagui/aria-hidden";
 import { useComposedRefs } from "@tamagui/compose-refs";
 import {
+  Stack,
   Theme,
   composeEventHandlers,
   isWeb,
@@ -15,9 +22,9 @@ import {
   withStaticProperties
 } from "@tamagui/core";
 import { createContextScope } from "@tamagui/create-context";
+import { FloatingOverrideContext } from "@tamagui/floating";
 import { FocusScope } from "@tamagui/focus-scope";
 import {
-  FloatingOverrideContext,
   Popper,
   PopperAnchor,
   PopperArrow,
@@ -32,8 +39,10 @@ import { ControlledSheet, SheetController } from "@tamagui/sheet";
 import { YStack } from "@tamagui/stacks";
 import { useControllableState } from "@tamagui/use-controllable-state";
 import * as React from "react";
-import { Platform, ScrollView } from "react-native";
-import { useDismiss, useFloating, useInteractions, useRole } from "./floating";
+import {
+  Platform,
+  ScrollView
+} from "react-native";
 const POPOVER_NAME = "Popover";
 const [createPopoverContext, createPopoverScopeInternal] = createContextScope(
   POPOVER_NAME,
@@ -64,7 +73,14 @@ const PopoverTrigger = React.forwardRef((props, forwardedRef) => {
   const context = usePopoverInternalContext(TRIGGER_NAME, __scopePopover);
   const popperScope = usePopoverScope(__scopePopover);
   const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
-  const trigger = <YStack aria-haspopup="dialog" aria-expanded={context.open} data-state={getState(context.open)} {...triggerProps} ref={composedTriggerRef} onPress={composeEventHandlers(props.onPress, context.onOpenToggle)} />;
+  const trigger = <YStack
+    aria-haspopup="dialog"
+    aria-expanded={context.open}
+    data-state={getState(context.open)}
+    {...triggerProps}
+    ref={composedTriggerRef}
+    onPress={composeEventHandlers(props.onPress, context.onOpenToggle)}
+  />;
   return context.hasCustomAnchor ? trigger : <PopperAnchor asChild {...popperScope}>{trigger}</PopperAnchor>;
 });
 PopoverTrigger.displayName = TRIGGER_NAME;
@@ -88,34 +104,50 @@ const PopoverContent = React.forwardRef((props, forwardedRef) => {
     if (content)
       return hideOthers(content);
   }, [context.open]);
-  return <PopoverContentPortal zIndex={zIndex}><PopoverContentImpl {...contentModalProps} disableRemoveScroll={disableRemoveScroll} ref={composedRefs} trapFocus={trapFocus ?? context.open} disableOutsidePointerEvents onCloseAutoFocus={composeEventHandlers(props.onCloseAutoFocus, (event) => {
-    event.preventDefault();
-    if (!isRightClickOutsideRef.current)
-      context.triggerRef.current?.focus();
-  })} onPointerDownOutside={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={composeEventHandlers(
-    props.onFocusOutside,
-    (event) => event.preventDefault(),
-    { checkDefaultPrevented: false }
-  )} /></PopoverContentPortal>;
+  return <PopoverContentPortal zIndex={zIndex}><PopoverContentImpl
+    {...contentModalProps}
+    disableRemoveScroll={disableRemoveScroll}
+    ref={composedRefs}
+    trapFocus={trapFocus ?? context.open}
+    disableOutsidePointerEvents
+    onCloseAutoFocus={composeEventHandlers(props.onCloseAutoFocus, (event) => {
+      event.preventDefault();
+      if (!isRightClickOutsideRef.current)
+        context.triggerRef.current?.focus();
+    })}
+    onPointerDownOutside={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={composeEventHandlers(
+      props.onFocusOutside,
+      (event) => event.preventDefault(),
+      { checkDefaultPrevented: false }
+    )}
+  /></PopoverContentPortal>;
 });
 function PopoverContentPortal(props) {
   const themeName = useThemeName();
+  const context = usePopoverInternalContext(CONTENT_NAME, props.__scopePopover);
   let contents = props.children;
   if (Platform.OS === "android") {
-    const context = usePopoverInternalContext(CONTENT_NAME, props.__scopePopover);
     const popperContext = usePopperContext(CONTENT_NAME, context.popperScope);
     contents = <PopperProvider {...popperContext} scope={context.popperScope}><PopoverProviderInternal scope={props.__scopePopover} {...context}>{props.children}</PopoverProviderInternal></PopperProvider>;
   }
-  return <Portal zIndex={props.zIndex ?? 1e3}><Theme forceClassName name={themeName}>{contents}</Theme></Portal>;
+  const zIndex = props.zIndex ?? 1e3;
+  return <Portal zIndex={zIndex}><Theme forceClassName name={themeName}>
+    {!!context.open && !context.breakpointActive && <YStack
+      fullscreen
+      onPress={composeEventHandlers(props.onPress, context.onOpenToggle)}
+    />}
+    <Stack zIndex={zIndex + 1}>{contents}</Stack>
+  </Theme></Portal>;
 }
 const PopoverContentImpl = React.forwardRef((props, forwardedRef) => {
   const {
@@ -134,8 +166,7 @@ const PopoverContentImpl = React.forwardRef((props, forwardedRef) => {
   } = props;
   const popperScope = usePopoverScope(__scopePopover);
   const context = usePopoverInternalContext(CONTENT_NAME, popperScope.__scopePopover);
-  const showSheet = useShowPopoverSheet(context);
-  if (showSheet) {
+  if (context.breakpointActive) {
     const childrenWithoutScrollView = React.Children.toArray(children).map((child) => {
       if (React.isValidElement(child)) {
         if (child.type === PopoverScrollView) {
@@ -146,28 +177,47 @@ const PopoverContentImpl = React.forwardRef((props, forwardedRef) => {
     });
     return <PortalItem hostName={`${context.scopeKey}SheetContents`}>{childrenWithoutScrollView}</PortalItem>;
   }
-  return <AnimatePresence>{!!context.open && <PopperContent key="popper-content" data-state={getState(context.open)} id={context.contentId} pointerEvents="auto" {...popperScope} {...contentProps} ref={forwardedRef}><RemoveScroll enabled={disableRemoveScroll ? false : context.open} allowPinchZoom removeScrollBar={false} style={{
-    display: "contents"
-  }}>{trapFocus === false ? children : <FocusScope loop trapped={trapFocus ?? context.open} onMountAutoFocus={onOpenAutoFocus} onUnmountAutoFocus={onCloseAutoFocus}><div style={{ display: "contents" }}>{children}</div></FocusScope>}</RemoveScroll></PopperContent>}</AnimatePresence>;
+  return <AnimatePresence>{!!context.open && <PopperContent
+    key={context.contentId}
+    data-state={getState(context.open)}
+    id={context.contentId}
+    pointerEvents="auto"
+    ref={forwardedRef}
+    {...popperScope}
+    {...contentProps}
+  ><RemoveScroll
+    enabled={disableRemoveScroll ? false : context.open}
+    allowPinchZoom
+    removeScrollBar={false}
+    style={{
+      display: "contents"
+    }}
+  >{trapFocus === false ? children : <FocusScope
+    loop
+    trapped={trapFocus ?? context.open}
+    onMountAutoFocus={onOpenAutoFocus}
+    onUnmountAutoFocus={onCloseAutoFocus}
+  >{isWeb ? <div style={{ display: "contents" }}>{children}</div> : children}</FocusScope>}</RemoveScroll></PopperContent>}</AnimatePresence>;
 });
 const CLOSE_NAME = "PopoverClose";
 const PopoverClose = React.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopover, ...closeProps } = props;
     const context = usePopoverInternalContext(CLOSE_NAME, __scopePopover);
-    return <YStack {...closeProps} ref={forwardedRef} onPress={composeEventHandlers(
-      props.onPress,
-      () => context.onOpenChange(false)
-    )} />;
+    return <YStack
+      {...closeProps}
+      ref={forwardedRef}
+      onPress={composeEventHandlers(
+        props.onPress,
+        () => context.onOpenChange(false)
+      )}
+    />;
   }
 );
 PopoverClose.displayName = CLOSE_NAME;
 const ARROW_NAME = "PopoverArrow";
 const PopoverArrow = React.forwardRef(
   (props, forwardedRef) => {
-    if (!isWeb) {
-      return null;
-    }
     const { __scopePopover, ...arrowProps } = props;
     const popperScope = usePopoverScope(__scopePopover);
     return <PopperArrow {...popperScope} {...arrowProps} ref={forwardedRef} />;
@@ -213,6 +263,10 @@ const Popover = withStaticProperties(
           onOpenChange: setOpen
         });
         const { getReferenceProps, getFloatingProps } = useInteractions([
+          // useFocus(floating.context, {
+          //   enabled: !breakpointActive,
+          //   keyboardOnly: true,
+          // }),
           useRole(floating.context, { role: "dialog" }),
           useDismiss(floating.context, {
             enabled: !breakpointActive
@@ -234,6 +288,7 @@ const Popover = withStaticProperties(
       contentId: useId(),
       triggerRef,
       open,
+      breakpointActive,
       onOpenChange: setOpen,
       onOpenToggle: useEvent(() => {
         if (open && breakpointActive) {
@@ -245,7 +300,8 @@ const Popover = withStaticProperties(
       onCustomAnchorAdd: React.useCallback(() => setHasCustomAnchor(true), []),
       onCustomAnchorRemove: React.useCallback(() => setHasCustomAnchor(false), [])
     };
-    return <AdaptProvider><FloatingOverrideContext.Provider value={useFloatingContext}><Popper {...popperScope} stayInFrame {...restProps}><PopoverProviderInternal {...popoverContext}><PopoverSheetController onOpenChange={setOpen} __scopePopover={__scopePopover}>{children}</PopoverSheetController></PopoverProviderInternal></Popper></FloatingOverrideContext.Provider></AdaptProvider>;
+    const contents = <Popper {...popperScope} stayInFrame {...restProps}><PopoverProviderInternal {...popoverContext}><PopoverSheetController onOpenChange={setOpen} __scopePopover={__scopePopover}>{children}</PopoverSheetController></PopoverProviderInternal></Popper>;
+    return <AdaptProvider>{isWeb ? <FloatingOverrideContext.Provider value={useFloatingContext}>{contents}</FloatingOverrideContext.Provider> : contents}</AdaptProvider>;
   },
   {
     Anchor: PopoverAnchor,
@@ -268,25 +324,26 @@ const PopoverSheetController = (props) => {
     props.__scopePopover
   );
   const showSheet = useShowPopoverSheet(context);
-  const breakpointActive = useSheetBreakpointActive(context.sheetBreakpoint);
+  const breakpointActive = context.breakpointActive;
   const getShowSheet = useGet(showSheet);
-  return <SheetController onOpenChange={(val) => {
-    if (getShowSheet()) {
-      props.onOpenChange(val);
-    }
-  }} open={context.open} hidden={breakpointActive === false}>{props.children}</SheetController>;
+  return <SheetController
+    onOpenChange={(val) => {
+      if (getShowSheet()) {
+        props.onOpenChange(val);
+      }
+    }}
+    open={context.open}
+    hidden={breakpointActive === false}
+  >{props.children}</SheetController>;
 };
 const useSheetBreakpointActive = (breakpoint) => {
   const media = useMedia();
-  if (!breakpoint)
-    return false;
-  if (breakpoint === true)
-    return true;
+  if (typeof breakpoint === "boolean" || !breakpoint) {
+    return !!breakpoint;
+  }
   return media[breakpoint];
 };
 const useShowPopoverSheet = (context) => {
-  if (!isWeb)
-    return true;
   const breakpointActive = useSheetBreakpointActive(context.sheetBreakpoint);
   return context.open === false ? false : breakpointActive;
 };

package/dist/jsx/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  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    zIndex,\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 zIndex={zIndex}>\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 forceClassName name={themeName}>\n        {contents}\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\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 | boolean) => {\n  const media = useMedia()\n  if (!breakpoint) return false\n  if (breakpoint === true) return true\n  return media[breakpoint]\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 type { UseFloatingProps } from '@floating-ui/react-dom-interactions'\nimport {\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useRole,\n} from '@floating-ui/react-dom-interactions'\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  GestureReponderEvent,\n  MediaQueryKey,\n  SizeTokens,\n  Stack,\n  TamaguiElement,\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 { FloatingOverrideContext } from '@tamagui/floating'\nimport { FocusScope, FocusScopeProps } from '@tamagui/focus-scope'\nimport {\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 { SizableStack, XStack, YStack, YStackProps, ZStack } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport * as React from 'react'\nimport { useEffect } from 'react'\nimport {\n  GestureResponderEvent,\n  Platform,\n  ScrollView,\n  ScrollViewProps,\n  View,\n} from 'react-native'\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<any>\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  breakpointActive?: boolean\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    zIndex,\n    ...contentModalProps\n  } = props\n  const context = usePopoverInternalContext(CONTENT_NAME, props.__scopePopover)\n  const contentRef = React.useRef<any>(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 zIndex={zIndex}>\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  const context = usePopoverInternalContext(CONTENT_NAME, props.__scopePopover)\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 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  const zIndex = props.zIndex ?? 1000\n\n  // Portal the contents and add a transparent bg overlay to handle dismiss on native\n  return (\n    <Portal zIndex={zIndex}>\n      <Theme forceClassName name={themeName}>\n        {!!context.open && !context.breakpointActive && (\n          <YStack\n            fullscreen\n            onPress={composeEventHandlers(props.onPress as any, context.onOpenToggle)}\n          />\n        )}\n        <Stack zIndex={(zIndex as number) + 1}>{contents}</Stack>\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\n  if (context.breakpointActive) {\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((event: GestureResponderEvent) =>{\n  //   context.onOpenChange(false);\n  // }, [])\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={context.contentId}\n          data-state={getState(context.open)}\n          id={context.contentId}\n          pointerEvents=\"auto\"\n          ref={forwardedRef}\n          {...popperScope}\n          {...contentProps}\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                {isWeb ? <div style={{ display: 'contents' }}>{children}</div> : children}\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 * 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<TamaguiElement>(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    // Custom floating context to override the Popper on web\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      breakpointActive,\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    const contents = (\n      <Popper {...popperScope} stayInFrame {...restProps}>\n        <PopoverProviderInternal {...popoverContext}>\n          <PopoverSheetController onOpenChange={setOpen} __scopePopover={__scopePopover}>\n            {children}\n          </PopoverSheetController>\n        </PopoverProviderInternal>\n      </Popper>\n    )\n\n    return (\n      <AdaptProvider>\n        {isWeb ? (\n          <FloatingOverrideContext.Provider value={useFloatingContext as any}>\n            {contents}\n          </FloatingOverrideContext.Provider>\n        ) : (\n          contents\n        )}\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 = context.breakpointActive\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 | boolean) => {\n  const media = useMedia()\n  if (typeof breakpoint === 'boolean' || !breakpoint) {\n    return !!breakpoint\n  }\n  return media[breakpoint]\n}\n\nconst useShowPopoverSheet = (context: PopoverContextValue) => {\n  const breakpointActive = useSheetBreakpointActive(context.sheetBreakpoint)\n  return context.open === false ? false : breakpointActive\n}\n"],
+  "mappings": "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",
   "names": ["props"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/popover",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "sideEffects": [
     "*.css"
   ],
@@ -24,21 +24,21 @@
   },
   "dependencies": {
     "@floating-ui/react-dom-interactions": "0.8.1",
-    "@tamagui/adapt": "^1.1.7",
-    "@tamagui/animate-presence": "^1.1.7",
-    "@tamagui/aria-hidden": "^1.1.7",
-    "@tamagui/compose-refs": "^1.1.7",
-    "@tamagui/core": "^1.1.7",
-    "@tamagui/create-context": "^1.1.7",
-    "@tamagui/dismissable": "^1.1.7",
-    "@tamagui/focus-scope": "^1.1.7",
-    "@tamagui/polyfill-dev": "^1.1.7",
-    "@tamagui/popper": "^1.1.7",
-    "@tamagui/portal": "^1.1.7",
-    "@tamagui/scroll-view": "^1.1.7",
-    "@tamagui/sheet": "^1.1.7",
-    "@tamagui/stacks": "^1.1.7",
-    "@tamagui/use-controllable-state": "^1.1.7"
+    "@tamagui/adapt": "^1.1.9",
+    "@tamagui/animate-presence": "^1.1.9",
+    "@tamagui/aria-hidden": "^1.1.9",
+    "@tamagui/compose-refs": "^1.1.9",
+    "@tamagui/core": "^1.1.9",
+    "@tamagui/create-context": "^1.1.9",
+    "@tamagui/dismissable": "^1.1.9",
+    "@tamagui/focus-scope": "^1.1.9",
+    "@tamagui/polyfill-dev": "^1.1.9",
+    "@tamagui/popper": "^1.1.9",
+    "@tamagui/portal": "^1.1.9",
+    "@tamagui/scroll-view": "^1.1.9",
+    "@tamagui/sheet": "^1.1.9",
+    "@tamagui/stacks": "^1.1.9",
+    "@tamagui/use-controllable-state": "^1.1.9"
   },
   "peerDependencies": {
     "react": "*",
@@ -46,7 +46,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.1.7",
+    "@tamagui/build": "^1.1.9",
     "@types/react-dom": "^18.0.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",