@tamagui/popover 1.68.6 → 1.69.0

package/src/Popover.tsx

@@ -6,6 +6,7 @@ import { hideOthers } from '@tamagui/aria-hidden'
 import { useComposedRefs } from '@tamagui/compose-refs'
 import {
   MediaQueryKey,
+  ScopedProps,
   SizeTokens,
   Stack,
   StackProps,
@@ -56,6 +57,8 @@ export type PopoverProps = PopperProps & {
   keepChildrenMounted?: boolean
 }
 
+type ScopedPopoverProps<P> = ScopedProps<P, 'Popover'>
+
 type PopoverContextValue = {
   id: string
   triggerRef: React.RefObject<any>
@@ -72,9 +75,11 @@ type PopoverContextValue = {
   keepChildrenMounted?: boolean
 }
 
+const POPOVER_SCOPE = 'PopoverScope'
+
 export const PopoverContext = createStyledContext<PopoverContextValue>({} as any)
 
-export const usePopoverContext = () => React.useContext(PopoverContext)
+export const usePopoverContext = PopoverContext.useStyledContext
 
 /* -------------------------------------------------------------------------------------------------
  * PopoverAnchor
@@ -82,19 +87,27 @@ export const usePopoverContext = () => React.useContext(PopoverContext)
 
 export type PopoverAnchorProps = YStackProps
 
-export const PopoverAnchor = React.forwardRef<TamaguiElement, PopoverAnchorProps>(
-  function PopoverAnchor(props: PopoverAnchorProps, forwardedRef) {
-    const context = usePopoverContext()
-    const { onCustomAnchorAdd, onCustomAnchorRemove } = context
+export const PopoverAnchor = React.forwardRef<
+  TamaguiElement,
+  ScopedPopoverProps<PopoverAnchorProps>
+>(function PopoverAnchor(props: ScopedPopoverProps<PopoverAnchorProps>, forwardedRef) {
+  const { __scopePopover, ...rest } = props
+  const context = usePopoverContext(__scopePopover)
+  const { onCustomAnchorAdd, onCustomAnchorRemove } = context || {}
 
-    React.useEffect(() => {
-      onCustomAnchorAdd()
-      return () => onCustomAnchorRemove()
-    }, [onCustomAnchorAdd, onCustomAnchorRemove])
+  React.useEffect(() => {
+    onCustomAnchorAdd()
+    return () => onCustomAnchorRemove()
+  }, [onCustomAnchorAdd, onCustomAnchorRemove])
 
-    return <PopperAnchor {...props} ref={forwardedRef} />
-  }
-)
+  return (
+    <PopperAnchor
+      __scopePopper={__scopePopover || POPOVER_SCOPE}
+      {...rest}
+      ref={forwardedRef}
+    />
+  )
+})
 
 /* -------------------------------------------------------------------------------------------------
  * PopoverTrigger
@@ -102,32 +115,36 @@ export const PopoverAnchor = React.forwardRef<TamaguiElement, PopoverAnchorProps
 
 export type PopoverTriggerProps = StackProps
 
-export const PopoverTrigger = React.forwardRef<TamaguiElement, PopoverTriggerProps>(
-  function PopoverTrigger(props: PopoverTriggerProps, forwardedRef) {
-    const context = usePopoverContext()
-    const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef)
-
-    const trigger = (
-      <View
-        aria-haspopup="dialog"
-        aria-expanded={context.open}
-        // TODO not matching
-        // aria-controls={context.contentId}
-        data-state={getState(context.open)}
-        {...props}
-        // @ts-ignore
-        ref={composedTriggerRef}
-        onPress={composeEventHandlers(props.onPress as any, context.onOpenToggle)}
-      />
-    )
+export const PopoverTrigger = React.forwardRef<
+  TamaguiElement,
+  ScopedPopoverProps<PopoverTriggerProps>
+>(function PopoverTrigger(props: ScopedPopoverProps<PopoverTriggerProps>, forwardedRef) {
+  const { __scopePopover, ...rest } = props
+  const context = usePopoverContext(__scopePopover)
+  const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef)
+
+  const trigger = (
+    <View
+      aria-haspopup="dialog"
+      aria-expanded={context.open}
+      // TODO not matching
+      // aria-controls={context.contentId}
+      data-state={getState(context.open)}
+      {...rest}
+      // @ts-ignore
+      ref={composedTriggerRef}
+      onPress={composeEventHandlers(props.onPress as any, context.onOpenToggle)}
+    />
+  )
 
-    return context.hasCustomAnchor ? (
-      trigger
-    ) : (
-      <PopperAnchor asChild>{trigger}</PopperAnchor>
-    )
-  }
-)
+  return context.hasCustomAnchor ? (
+    trigger
+  ) : (
+    <PopperAnchor __scopePopper={__scopePopover || POPOVER_SCOPE} asChild>
+      {trigger}
+    </PopperAnchor>
+  )
+})
 
 /* -------------------------------------------------------------------------------------------------
  * PopoverContent
@@ -146,66 +163,72 @@ export interface PopoverContentTypeProps
 }
 
 export const PopoverContent = PopperContentFrame.extractable(
-  React.forwardRef<PopoverContentTypeElement, PopoverContentTypeProps>(
-    function PopoverContent(props: PopoverContentTypeProps, forwardedRef) {
-      const {
-        allowPinchZoom,
-        trapFocus,
-        disableRemoveScroll = true,
-        zIndex,
-        ...contentImplProps
-      } = props
-      const context = usePopoverContext()
-      const contentRef = React.useRef<any>(null)
-      const composedRefs = useComposedRefs(forwardedRef, contentRef)
-      const isRightClickOutsideRef = React.useRef(false)
-
-      // aria-hide everything except the content (better supported equivalent to setting aria-modal)
-      React.useEffect(() => {
-        if (!context.open) return
-        const content = contentRef.current
-        if (content) return hideOthers(content)
-      }, [context.open])
-
-      return (
-        <PopoverContentPortal zIndex={props.zIndex}>
-          <Stack pointerEvents={context.open ? 'auto' : 'none'}>
-            <PopoverContentImpl
-              {...contentImplProps}
-              disableRemoveScroll={disableRemoveScroll}
-              ref={composedRefs}
-              // we make sure we're not trapping once it's been closed
-              // (closed !== unmounted when animating out)
-              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 }
-              )}
-              // When focus is trapped, a `focusout` event may still happen.
-              // We make sure we don't trigger our `onDismiss` in such case.
-              onFocusOutside={composeEventHandlers(
-                props.onFocusOutside,
-                (event) => event.preventDefault(),
-                { checkDefaultPrevented: false }
-              )}
-            />
-          </Stack>
-        </PopoverContentPortal>
-      )
-    }
-  )
+  React.forwardRef<
+    PopoverContentTypeElement,
+    ScopedPopoverProps<PopoverContentTypeProps>
+  >(function PopoverContent(
+    props: ScopedPopoverProps<PopoverContentTypeProps>,
+    forwardedRef
+  ) {
+    const {
+      allowPinchZoom,
+      trapFocus,
+      disableRemoveScroll = true,
+      zIndex,
+      __scopePopover,
+      ...contentImplProps
+    } = props
+    const context = usePopoverContext(__scopePopover)
+    const contentRef = React.useRef<any>(null)
+    const composedRefs = useComposedRefs(forwardedRef, contentRef)
+    const isRightClickOutsideRef = React.useRef(false)
+
+    // aria-hide everything except the content (better supported equivalent to setting aria-modal)
+    React.useEffect(() => {
+      if (!context.open) return
+      const content = contentRef.current
+      if (content) return hideOthers(content)
+    }, [context.open])
+
+    return (
+      <PopoverContentPortal __scopePopover={__scopePopover} zIndex={props.zIndex}>
+        <Stack pointerEvents={context.open ? 'auto' : 'none'}>
+          <PopoverContentImpl
+            {...contentImplProps}
+            disableRemoveScroll={disableRemoveScroll}
+            ref={composedRefs}
+            __scopePopover={__scopePopover}
+            // we make sure we're not trapping once it's been closed
+            // (closed !== unmounted when animating out)
+            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 }
+            )}
+            // When focus is trapped, a `focusout` event may still happen.
+            // We make sure we don't trigger our `onDismiss` in such case.
+            onFocusOutside={composeEventHandlers(
+              props.onFocusOutside,
+              (event) => event.preventDefault(),
+              { checkDefaultPrevented: false }
+            )}
+          />
+        </Stack>
+      </PopoverContentPortal>
+    )
+  })
 )
 
 function PopoverRepropagateContext(props: {
@@ -222,10 +245,11 @@ function PopoverRepropagateContext(props: {
   )
 }
 
-function PopoverContentPortal(props: PopoverContentTypeProps) {
+function PopoverContentPortal(props: ScopedPopoverProps<PopoverContentTypeProps>) {
+  const { __scopePopover } = props
   const zIndex = props.zIndex ?? 150_000
-  const context = usePopoverContext()
-  const popperContext = usePopperContext()
+  const context = usePopoverContext(__scopePopover)
+  const popperContext = usePopperContext(__scopePopover || POPOVER_SCOPE)
   const themeName = useThemeName()
 
   let contents = props.children
@@ -254,7 +278,6 @@ function PopoverContentPortal(props: PopoverContentTypeProps) {
     </Portal>
   )
 }
-
 /* -----------------------------------------------------------------------------------------------*/
 
 type PopoverContentImplElement = React.ElementRef<typeof PopperContent>
@@ -293,10 +316,14 @@ export interface PopoverContentImplProps
 
 const PopoverContentImpl = React.forwardRef<
   PopoverContentImplElement,
-  PopoverContentImplProps
->(function PopoverContentImpl(props: PopoverContentImplProps, forwardedRef) {
+  ScopedPopoverProps<PopoverContentImplProps>
+>(function PopoverContentImpl(
+  props: ScopedPopoverProps<PopoverContentImplProps>,
+  forwardedRef
+) {
   const {
     trapFocus,
+    __scopePopover,
     onOpenAutoFocus,
     onCloseAutoFocus,
     disableOutsidePointerEvents,
@@ -311,9 +338,9 @@ const PopoverContentImpl = React.forwardRef<
     ...contentProps
   } = props
 
-  const context = usePopoverContext()
+  const context = usePopoverContext(__scopePopover)
   const { open, keepChildrenMounted } = context
-  const popperContext = usePopperContext()
+  const popperContext = usePopperContext(__scopePopover || POPOVER_SCOPE)
   const [isFullyHidden, setIsFullyHidden] = React.useState(!context.open)
 
   const contents = React.useMemo(() => {
@@ -346,7 +373,10 @@ const PopoverContentImpl = React.forwardRef<
 
     if (Platform.OS === 'android' || Platform.OS === 'ios') {
       content = (
-        <PopperContext.Provider {...popperContext}>
+        <PopperContext.Provider
+          scope={__scopePopover || POPOVER_SCOPE}
+          {...popperContext}
+        >
           {childrenWithoutScrollView}
         </PopperContext.Provider>
       )
@@ -385,6 +415,7 @@ const PopoverContentImpl = React.forwardRef<
         freeze={freeze}
       >
         <PopperContent
+          __scopePopper={__scopePopover || POPOVER_SCOPE}
           key={context.contentId}
           data-state={getState(open)}
           id={context.contentId}
@@ -432,21 +463,23 @@ const FreezeToLastContents = (props: { freeze: boolean; children: any }) => {
 
 export type PopoverCloseProps = YStackProps
 
-export const PopoverClose = React.forwardRef<TamaguiElement, PopoverCloseProps>(
-  function PopoverClose(props: PopoverCloseProps, forwardedRef) {
-    const context = usePopoverContext()
-    return (
-      <YStack
-        {...props}
-        ref={forwardedRef}
-        componentName="PopoverClose"
-        onPress={composeEventHandlers(props.onPress as any, () =>
-          context.onOpenChange(false)
-        )}
-      />
-    )
-  }
-)
+export const PopoverClose = React.forwardRef<
+  TamaguiElement,
+  ScopedPopoverProps<PopoverCloseProps>
+>(function PopoverClose(props: ScopedPopoverProps<PopoverCloseProps>, forwardedRef) {
+  const { __scopePopover, ...rest } = props
+  const context = usePopoverContext(__scopePopover)
+  return (
+    <YStack
+      {...rest}
+      ref={forwardedRef}
+      componentName="PopoverClose"
+      onPress={composeEventHandlers(props.onPress as any, () =>
+        context.onOpenChange(false)
+      )}
+    />
+  )
+})
 
 /* -------------------------------------------------------------------------------------------------
  * PopoverArrow
@@ -454,23 +487,33 @@ export const PopoverClose = React.forwardRef<TamaguiElement, PopoverCloseProps>(
 
 export type PopoverArrowProps = PopperArrowProps
 
-export const PopoverArrow = React.forwardRef<TamaguiElement, PopoverArrowProps>(
-  function PopoverArrow(props: PopoverArrowProps, forwardedRef) {
-    return <PopperArrow componentName="PopoverArrow" {...props} ref={forwardedRef} />
-  }
-)
+export const PopoverArrow = React.forwardRef<
+  TamaguiElement,
+  ScopedPopoverProps<PopoverArrowProps>
+>(function PopoverArrow(props: ScopedPopoverProps<PopoverArrowProps>, forwardedRef) {
+  const { __scopePopover, ...rest } = props
+  return (
+    <PopperArrow
+      __scopePopper={__scopePopover || POPOVER_SCOPE}
+      componentName="PopoverArrow"
+      {...rest}
+      ref={forwardedRef}
+    />
+  )
+})
 
 /* -------------------------------------------------------------------------------------------------
  * Popover
  * -----------------------------------------------------------------------------------------------*/
 
 export const Popover = withStaticProperties(
-  function Popover(props: PopoverProps) {
+  function Popover(props: ScopedPopoverProps<PopoverProps>) {
     const {
       children,
       open: openProp,
       defaultOpen,
       onOpenChange,
+      __scopePopover,
       keepChildrenMounted,
       ...restProps
     } = props
@@ -523,8 +566,8 @@ export const Popover = withStaticProperties(
     // }
 
     const contents = (
-      <Popper stayInFrame {...restProps}>
-        <PopoverContext.Provider {...popoverContext}>
+      <Popper __scopePopper={__scopePopover || POPOVER_SCOPE} stayInFrame {...restProps}>
+        <PopoverContext.Provider scope={__scopePopover} {...popoverContext}>
           <PopoverSheetController onOpenChange={setOpen}>
             {children}
           </PopoverSheetController>
@@ -562,11 +605,14 @@ function getState(open: boolean) {
   return open ? 'open' : 'closed'
 }
 
-const PopoverSheetController = (props: {
+const PopoverSheetController = ({
+  __scopePopover,
+  ...props
+}: ScopedPopoverProps<{
   children: React.ReactNode
   onOpenChange: React.Dispatch<React.SetStateAction<boolean>>
-}) => {
-  const context = usePopoverContext()
+}>) => {
+  const context = usePopoverContext(__scopePopover)
   const showSheet = useShowPopoverSheet(context)
   const breakpointActive = context.breakpointActive
   const getShowSheet = useGet(showSheet)

package/types/Popover.d.ts

@@ -29,7 +29,7 @@ type PopoverContextValue = {
     keepChildrenMounted?: boolean;
 };
 export declare const PopoverContext: import("@tamagui/core").StyledContext<PopoverContextValue>;
-export declare const usePopoverContext: () => PopoverContextValue;
+export declare const usePopoverContext: (scope?: string | undefined) => PopoverContextValue;
 export type PopoverAnchorProps = YStackProps;
 export declare const PopoverAnchor: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
     style?: import("@tamagui/core").StyleProp<React.CSSProperties | import("react-native").ViewStyle | (React.CSSProperties & import("react-native").ViewStyle)>;
@@ -46,11 +46,15 @@ export declare const PopoverAnchor: React.ForwardRefExoticComponent<Omit<import(
 } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
-}>> & React.RefAttributes<TamaguiElement>>;
+}>> & {
+    __scopePopover?: string | undefined;
+} & React.RefAttributes<TamaguiElement>>;
 export type PopoverTriggerProps = StackProps;
 export declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
     style?: import("@tamagui/core").StyleProp<React.CSSProperties | import("react-native").ViewStyle | (React.CSSProperties & import("react-native").ViewStyle)>;
-} & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & React.RefAttributes<TamaguiElement>>;
+} & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & {
+    __scopePopover?: string | undefined;
+} & React.RefAttributes<TamaguiElement>>;
 export type PopoverContentProps = PopoverContentTypeProps;
 export interface PopoverContentTypeProps extends Omit<PopoverContentImplProps, 'disableOutsidePointerEvents'> {
     /**
@@ -58,7 +62,9 @@ export interface PopoverContentTypeProps extends Omit<PopoverContentImplProps, '
      */
     allowPinchZoom?: RemoveScrollProps['allowPinchZoom'];
 }
-export declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentTypeProps & React.RefAttributes<HTMLElement | import("react-native").View>>;
+export declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentTypeProps & {
+    __scopePopover?: string | undefined;
+} & React.RefAttributes<HTMLElement | import("react-native").View>>;
 export interface PopoverContentImplProps extends PopperContentProps, Omit<DismissableProps, 'onDismiss' | 'children' | 'onPointerDownCapture'> {
     /**
      * Whether focus should be trapped within the `Popover`
@@ -99,7 +105,9 @@ export declare const PopoverClose: React.ForwardRefExoticComponent<Omit<import("
 } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
-}>> & React.RefAttributes<TamaguiElement>>;
+}>> & {
+    __scopePopover?: string | undefined;
+} & React.RefAttributes<TamaguiElement>>;
 export type PopoverArrowProps = PopperArrowProps;
 export declare const PopoverArrow: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
     style?: import("@tamagui/core").StyleProp<React.CSSProperties | import("react-native").ViewStyle | (React.CSSProperties & import("react-native").ViewStyle)>;
@@ -119,6 +127,8 @@ export declare const PopoverArrow: React.ForwardRefExoticComponent<Omit<import("
 }>> & {
     offset?: number | undefined;
     size?: SizeTokens | undefined;
+} & {
+    __scopePopover?: string | undefined;
 } & React.RefAttributes<TamaguiElement>>;
 export declare const Popover: React.FC<PopoverProps> & {
     Anchor: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
@@ -136,7 +146,9 @@ export declare const Popover: React.FC<PopoverProps> & {
     } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
         readonly fullscreen?: boolean | undefined;
         readonly elevation?: SizeTokens | undefined;
-    }>> & React.RefAttributes<TamaguiElement>>;
+    }>> & {
+        __scopePopover?: string | undefined;
+    } & React.RefAttributes<TamaguiElement>>;
     Arrow: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
         style?: import("@tamagui/core").StyleProp<React.CSSProperties | import("react-native").ViewStyle | (React.CSSProperties & import("react-native").ViewStyle)>;
     } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
@@ -155,11 +167,17 @@ export declare const Popover: React.FC<PopoverProps> & {
     }>> & {
         offset?: number | undefined;
         size?: SizeTokens | undefined;
+    } & {
+        __scopePopover?: string | undefined;
     } & React.RefAttributes<TamaguiElement>>;
     Trigger: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children" | "style" | ("onLayout" | keyof import("react-native").GestureResponderHandlers)> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
         style?: import("@tamagui/core").StyleProp<React.CSSProperties | import("react-native").ViewStyle | (React.CSSProperties & import("react-native").ViewStyle)>;
-    } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & React.RefAttributes<TamaguiElement>>;
-    Content: React.ForwardRefExoticComponent<PopoverContentTypeProps & React.RefAttributes<HTMLElement | import("react-native").View>>;
+    } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>> & import("@tamagui/core").MediaProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").PseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>>>> & {
+        __scopePopover?: string | undefined;
+    } & React.RefAttributes<TamaguiElement>>;
+    Content: React.ForwardRefExoticComponent<PopoverContentTypeProps & {
+        __scopePopover?: string | undefined;
+    } & React.RefAttributes<HTMLElement | import("react-native").View>>;
     Close: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "display" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers | "style"> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
         style?: import("@tamagui/core").StyleProp<React.CSSProperties | import("react-native").ViewStyle | (React.CSSProperties & import("react-native").ViewStyle)>;
     } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
@@ -175,7 +193,9 @@ export declare const Popover: React.FC<PopoverProps> & {
     } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core").RNViewProps & Omit<{}, "elevation" | "fullscreen"> & {
         readonly fullscreen?: boolean | undefined;
         readonly elevation?: SizeTokens | undefined;
-    }>> & React.RefAttributes<TamaguiElement>>;
+    }>> & {
+        __scopePopover?: string | undefined;
+    } & React.RefAttributes<TamaguiElement>>;
     Adapt: (({ platform, when, children }: import("@tamagui/adapt").AdaptProps) => any) & {
         Contents: {
             (props: any): React.FunctionComponentElement<any>;

package/types/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":"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"}