@tamagui/popper 2.7.7 → 3.0.0-beta.1091.1

package/src/Popper.tsx

@@ -4,8 +4,10 @@ import { useComposedRefs } from '@tamagui/compose-refs'
 import { isWeb, useIsomorphicLayoutEffect } from '@tamagui/constants'
 import type { SizeTokens, TamaguiElement, ViewProps } from '@tamagui/core'
 import {
+  createStyledHOC,
   LayoutMeasurementController,
   View as TamaguiView,
+  createRefComponent,
   createStyledContext,
   getVariableValue,
   registerLayoutNode,
@@ -34,12 +36,11 @@ import {
   size as sizeMiddleware,
   useFloating,
 } from '@tamagui/floating'
-import { getSpace } from '@tamagui/get-token'
-import type { SizableStackProps, YStackProps } from '@tamagui/stacks'
-import { YStack } from '@tamagui/stacks'
+import { getSize } from '@tamagui/get-token'
 import { startTransition } from '@tamagui/start-transition'
 import * as React from 'react'
-import { Keyboard, useWindowDimensions } from 'react-native'
+
+import { useRepositionOnNative } from './useRepositionOnNative'
 
 type ShiftProps = typeof shift extends (options: infer Opts) => void ? Opts : never
 type FlipProps = typeof flip extends (options: infer Opts) => void ? Opts : never
@@ -65,7 +66,7 @@ export type PopperContextValue = UseFloatingReturn & PopperContextShared
 
 export const PopperContextFast = createStyledContext<PopperContextValue>(
   // since we always provide this we can avoid setting here
-  {} as PopperContextValue,
+  {},
   'Popper__'
 )
 
@@ -85,7 +86,7 @@ export type PopperContextSlowValue = Pick<
 
 export const PopperContextSlow = createStyledContext<PopperContextSlowValue>(
   // since we always provide this we can avoid setting here
-  {} as PopperContextSlowValue,
+  {},
   'PopperSlow__'
 )
 
@@ -484,37 +485,7 @@ export function Popper(props: PopperProps) {
 
   const { middlewareData } = floating
 
-  if (process.env.TAMAGUI_TARGET === 'native') {
-    // On Native there's no autoupdate so we call update() when necessary
-
-    // Subscribe to window dimensions (orientation, scale, etc...)
-    const dimensions = useWindowDimensions()
-
-    // Subscribe to keyboard state
-    const [keyboardOpen, setKeyboardOpen] = React.useState(false)
-    React.useEffect(() => {
-      const showSubscription = Keyboard.addListener('keyboardDidShow', () => {
-        startTransition(() => {
-          setKeyboardOpen(true)
-        })
-      })
-      const hideSubscription = Keyboard.addListener('keyboardDidHide', () => {
-        startTransition(() => {
-          setKeyboardOpen(false)
-        })
-      })
-
-      return () => {
-        showSubscription.remove()
-        hideSubscription.remove()
-      }
-    }, [])
-
-    useIsomorphicLayoutEffect(() => {
-      if (passThrough) return
-      floating.update()
-    }, [passThrough, dimensions, keyboardOpen])
-  }
+  useRepositionOnNative(floating.update, passThrough)
 
   const popperContext = React.useMemo(() => {
     return {
@@ -559,10 +530,11 @@ export type PopperAnchorExtraProps = {
   virtualRef?: React.RefObject<any>
   scope?: string
 }
-export type PopperAnchorProps = YStackProps
+export type PopperAnchorProps = ViewProps
 
-export const PopperAnchor = YStack.styleable<PopperAnchorExtraProps>(
-  function PopperAnchor(props, forwardedRef) {
+export const PopperAnchor = createStyledHOC(
+  TamaguiView,
+  function PopperAnchor(props: PopperAnchorExtraProps, forwardedRef) {
     const { virtualRef, scope, ...rest } = props
     const context = usePopperContextSlow(scope)
     const { getReferenceProps, refs, update } = context
@@ -658,56 +630,30 @@ export const PopperAnchor = YStack.styleable<PopperAnchorExtraProps>(
 
 type PopperContentElement = TamaguiElement
 
-export type PopperContentProps = SizableStackProps & {
+export type PopperContentProps = ViewProps & {
   scope?: string
   /**
    * Enable smooth animation when the content position changes (e.g., when flipping sides)
    */
   animatePosition?: boolean | 'even-when-repositioning'
-  /** @deprecated Use `animatePosition` instead */
-  enableAnimationForPositionChange?: boolean | 'even-when-repositioning'
   passThrough?: boolean
 }
 
-export const PopperContentFrame = styled(YStack, {
-  name: 'PopperContent',
-
-  variants: {
-    unstyled: {
-      true: {},
-    },
-
-    size: {
-      '...size': (val, { tokens }) => {
-        return {
-          padding: tokens.space[val],
-          borderRadius: tokens.radius[val],
-        }
-      },
-    },
-  } as const,
+export const PopperContentFrame = styled(TamaguiView, {
+  displayName: 'PopperContent',
 })
 
-export const PopperContent = React.forwardRef<PopperContentElement, PopperContentProps>(
+export const PopperContent = createRefComponent<PopperContentElement, PopperContentProps>(
   function PopperContent(props, forwardedRef) {
     // detect controlled animatePosition before destructuring. when the user passes
     // animatePosition (even with a currently-falsy value like undefined or false),
     // toggling it later must not flip 'transition' presence on the inner View - that
     // would change useComponentState's hasAnimationProp mid-life, conditionally calling
     // useAnimations/usePresence and tripping React's "Should have a queue" invariant.
-    const isAnimatePosControlled =
-      'animatePosition' in props || 'enableAnimationForPositionChange' in props
+    const isAnimatePosControlled = 'animatePosition' in props
 
-    const {
-      scope,
-      animatePosition,
-      enableAnimationForPositionChange,
-      children,
-      passThrough,
-      unstyled,
-      ...rest
-    } = props
-    const animatePos = animatePosition ?? enableAnimationForPositionChange
+    const { scope, animatePosition, children, passThrough, ...rest } = props
+    const animatePos = animatePosition
     const context = usePopperContext(scope)
 
     const {
@@ -717,7 +663,6 @@ export const PopperContent = React.forwardRef<PopperContentElement, PopperConten
       x,
       y,
       getFloatingProps,
-      size,
       isPositioned,
       transformOrigin,
       update,
@@ -735,7 +680,7 @@ export const PopperContent = React.forwardRef<PopperContentElement, PopperConten
     // when animatePosition=true, disableAnimation state changes cycle the DOM node
     // (null then re-mount). we block all null calls here to prevent floating-ui from
     // losing its reference mid-cycle; genuine unmount is handled by the useEffect below.
-    // for same-node cycling (animateOnly prop change without remount), refs.setFloating
+    // for same-node cycling (transition prop change without remount), refs.setFloating
     // is a no-op in floating-ui (same-node guard), so we call update() to force recompute.
     const lastNodeRef = React.useRef<any>(null)
     const safeSetFloating = React.useCallback(
@@ -839,14 +784,13 @@ export const PopperContent = React.forwardRef<PopperContentElement, PopperConten
       position: strategy,
       opacity: hide ? 0 : 1,
       // when animatePosition is controlled by the user, always emit these keys with
-      // safe no-op values (transition: undefined, animateOnly: []) so the inner
-      // View's hook count stays stable across animatePos toggles. animatePresence
-      // must always be false here too, to short-circuit usePresence consistently.
+      // safe no-op values (transition: 'none') so the inner View's hook count
+      // stays stable across animatePos toggles. animatePresence must always be
+      // false here too, to short-circuit usePresence consistently.
       ...(isAnimatePosControlled && {
-        transition: animatePos ? rest.transition : undefined,
-        // animateOnly: [] turns off transitions while keeping styles applied,
-        // letting the element move to its position silently before animations start
-        animateOnly: animatePos && !disableAnimation ? rest.animateOnly : [],
+        // `none` keeps the styles applied while turning transitions off, letting
+        // the element move to its position silently before animations start
+        transition: animatePos && !disableAnimation ? rest.transition : 'none',
         animatePresence: false,
       }),
     }
@@ -878,11 +822,9 @@ export const PopperContent = React.forwardRef<PopperContentElement, PopperConten
           <PopperContentFrame
             key="popper-content-frame"
             passThrough={passThrough}
-            unstyled={unstyled}
             {...(!passThrough && {
               'data-placement': placement,
               'data-strategy': strategy,
-              size,
               ...style,
               ...transformOriginStyle,
               ...rest,
@@ -910,45 +852,21 @@ export type PopperArrowExtraProps = {
   animatePosition?: boolean
 }
 
-export type PopperArrowProps = YStackProps & PopperArrowExtraProps
-
-export const PopperArrowFrame = styled(YStack, {
-  name: 'PopperArrow',
+export type PopperArrowProps = ViewProps & PopperArrowExtraProps
 
-  variants: {
-    unstyled: {
-      false: {
-        borderColor: '$borderColor',
-        backgroundColor: '$background',
-        position: 'relative',
-      },
-    },
-  } as const,
-
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === '1',
-  },
+export const PopperArrowFrame = styled(TamaguiView, {
+  displayName: 'PopperArrow',
+  position: 'relative',
 })
 
-const PopperArrowOuterFrame = styled(YStack, {
-  name: 'PopperArrowOuter',
-
-  variants: {
-    unstyled: {
-      false: {
-        position: 'absolute',
-        zIndex: 1_000_000,
-        pointerEvents: 'none',
-        overflow: 'hidden',
-        alignItems: 'center',
-        justifyContent: 'center',
-      },
-    },
-  } as const,
-
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === '1',
-  },
+const PopperArrowOuterFrame = styled(TamaguiView, {
+  displayName: 'PopperArrowOuter',
+  position: 'absolute',
+  zIndex: 1_000_000,
+  pointerEvents: 'none',
+  overflow: 'hidden',
+  alignItems: 'center',
+  justifyContent: 'center',
 })
 
 const opposites = {
@@ -960,7 +878,7 @@ const opposites = {
 
 type Sides = keyof typeof opposites
 
-export const PopperArrow = React.forwardRef<TamaguiElement, PopperArrowProps>(
+export const PopperArrow = createRefComponent<TamaguiElement, PopperArrowProps>(
   function PopperArrow(propsIn, forwardedRef) {
     // see PopperContent for why we detect controlled animatePosition before destructuring
     const isAnimatePosControlled = 'animatePosition' in propsIn
@@ -973,12 +891,8 @@ export const PopperArrow = React.forwardRef<TamaguiElement, PopperArrowProps>(
     const sizeVal =
       typeof sizeProp === 'number'
         ? sizeProp
-        : getVariableValue(
-            getSpace(sizeProp ?? context.size, {
-              shift: -2,
-              bounds: [2],
-            })
-          )
+        : (getVariableValue(getSize(sizeProp ?? context.size ?? true)) as number) * 0.52 -
+          11.5
 
     const size = Math.max(0, +sizeVal)
 
@@ -1029,8 +943,9 @@ export const PopperArrow = React.forwardRef<TamaguiElement, PopperArrowProps>(
         {...arrowStyle}
         {...(!arrowPositioned && { opacity: 0 })}
         {...(isAnimatePosControlled && {
-          transition: animatePosition ? transition : undefined,
-          animateOnly: animatePosition ? ['transform'] : [],
+          // the arrow only ever moves, so its transition names `transform` and
+          // nothing else: `left`/`top` have to jump with the popper, not trail it
+          transition: animatePosition ? { transform: transition } : 'none',
           animatePresence: false,
         })}
       >

package/src/useRepositionOnNative.native.ts

@@ -0,0 +1,40 @@
+import { useIsomorphicLayoutEffect } from '@tamagui/constants'
+import { startTransition } from '@tamagui/start-transition'
+import * as React from 'react'
+import { Keyboard, useWindowDimensions } from 'react-native'
+
+/**
+ * Native has no autoupdate, so the floating position is recomputed by hand
+ * whenever the two things that invalidate it change: the window (orientation,
+ * scale) and the soft keyboard.
+ */
+export const useRepositionOnNative = (
+  update: () => void,
+  passThrough: boolean | undefined
+) => {
+  const dimensions = useWindowDimensions()
+
+  const [keyboardOpen, setKeyboardOpen] = React.useState(false)
+  React.useEffect(() => {
+    const showSubscription = Keyboard.addListener('keyboardDidShow', () => {
+      startTransition(() => {
+        setKeyboardOpen(true)
+      })
+    })
+    const hideSubscription = Keyboard.addListener('keyboardDidHide', () => {
+      startTransition(() => {
+        setKeyboardOpen(false)
+      })
+    })
+
+    return () => {
+      showSubscription.remove()
+      hideSubscription.remove()
+    }
+  }, [])
+
+  useIsomorphicLayoutEffect(() => {
+    if (passThrough) return
+    update()
+  }, [passThrough, dimensions, keyboardOpen])
+}

package/src/useRepositionOnNative.ts

@@ -0,0 +1,8 @@
+/**
+ * Web gets this for free: floating-ui's autoupdate already watches resize and
+ * scroll, so there is nothing to do here. The native sibling is the real one.
+ */
+export const useRepositionOnNative = (
+  _update: () => void,
+  _passThrough: boolean | undefined
+) => {}

package/types/Popper.d.ts

@@ -1,8 +1,7 @@
-import type { SizeTokens, TamaguiElement } from '@tamagui/core';
+import type { SizeTokens, TamaguiElement, ViewProps } from '@tamagui/core';
 import type { PopupTriggerMap } from '@tamagui/floating';
 import type { Coords, OffsetOptions, Placement, SizeOptions, Strategy, UseFloatingReturn } from '@tamagui/floating';
 import { flip, shift } from '@tamagui/floating';
-import type { SizableStackProps, YStackProps } from '@tamagui/stacks';
 import * as React from 'react';
 type ShiftProps = typeof shift extends (options: infer Opts) => void ? Opts : never;
 type FlipProps = typeof flip extends (options: infer Opts) => void ? Opts : never;
@@ -22,8 +21,28 @@ export type PopperContextShared = {
     };
 };
 export type PopperContextValue = UseFloatingReturn & PopperContextShared;
-export declare const PopperContextFast: import("@tamagui/core").StyledContext<PopperContextValue>;
-export declare const PopperPositionContext: <VariantProps extends Record<string, any>>(defaultValues?: VariantProps, namespace?: string) => import("@tamagui/core").StyledContext<VariantProps>;
+export declare const PopperContextFast: import("@tamagui/core").StyledContext<PopperContextValue, never>;
+export declare const PopperPositionContext: {
+    <VariantProps extends Record<string, any>, ConsumedKeys extends Extract<keyof VariantProps, string>>(defaultValues: VariantProps, namespaceOrOptions: import("@tamagui/core").StyledContextOptions<VariantProps, ConsumedKeys> & {
+        keys: readonly ConsumedKeys[];
+    }): import("@tamagui/core").StyledContext<VariantProps, ConsumedKeys>;
+    <VariantProps extends Record<string, any>>(defaultValues: {
+        [x: string]: never;
+        [x: number]: never;
+        [x: symbol]: never;
+    }, namespaceOrOptions?: string | {
+        namespace?: string;
+        keys?: never;
+    }): import("@tamagui/core").StyledContext<VariantProps, never>;
+    <VariantProps extends Record<string, any>>(defaultValues: VariantProps & ({ [Key in Exclude<keyof VariantProps, { [Key in keyof VariantProps]-?: {} extends Pick<VariantProps, Key> ? Key : never; }[keyof VariantProps]>]: VariantProps[Key]; } & { [Key in { [Key in keyof VariantProps]-?: {} extends Pick<VariantProps, Key> ? Key : never; }[keyof VariantProps]]: VariantProps[Key] | undefined; }), namespaceOrOptions?: string | {
+        namespace?: string;
+        keys?: never;
+    }): import("@tamagui/core").StyledContext<VariantProps, Extract<keyof VariantProps, string>>;
+    <VariantProps extends Record<string, any>, ConsumedKeys extends Extract<keyof VariantProps, string>>(defaultValues: undefined, namespaceOrOptions: import("@tamagui/core").StyledContextOptions<VariantProps, ConsumedKeys> & {
+        keys: readonly ConsumedKeys[];
+    }): import("@tamagui/core").StyledContext<VariantProps, ConsumedKeys>;
+    <VariantProps extends Record<string, any> = Record<string, any>>(defaultValues?: undefined, namespaceOrOptions?: string): import("@tamagui/core").StyledContext<VariantProps, never>;
+};
 export declare const usePopperContext: (scope?: string) => PopperContextValue, PopperProviderFast: React.Provider<PopperContextValue> & React.ProviderExoticComponent<Partial<PopperContextValue> & {
     children?: React.ReactNode;
     scope?: string;
@@ -33,7 +52,7 @@ export type PopperContextSlowValue = Pick<UseFloatingReturn, 'getReferenceProps'
     onLeaveReference?: () => void;
     triggerElements?: PopupTriggerMap;
 };
-export declare const PopperContextSlow: import("@tamagui/core").StyledContext<PopperContextSlowValue>;
+export declare const PopperContextSlow: import("@tamagui/core").StyledContext<PopperContextSlowValue, never>;
 export declare const usePopperContextSlow: (scope?: string) => PopperContextSlowValue, PopperProviderSlow: React.Provider<PopperContextSlowValue> & React.ProviderExoticComponent<Partial<PopperContextSlowValue> & {
     children?: React.ReactNode;
     scope?: string;
@@ -41,7 +60,7 @@ export declare const usePopperContextSlow: (scope?: string) => PopperContextSlow
 export declare const PopperProvider: ({ scope, children, ...context }: PopperContextValue & {
     scope?: string;
     children?: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export type PopperProps = {
     /**
      * Popper is a component used by other components to create interfaces, so scope is required
@@ -91,75 +110,27 @@ export type PopperSetupOptions = {
     disableRTL?: boolean;
 };
 export declare function setupPopper(options?: PopperSetupOptions): void;
-export declare function Popper(props: PopperProps): import("react/jsx-runtime").JSX.Element;
+export declare function Popper(props: PopperProps): React.JSX.Element;
 export type PopperAnchorExtraProps = {
     virtualRef?: React.RefObject<any>;
     scope?: string;
 };
-export type PopperAnchorProps = YStackProps;
-export declare const PopperAnchor: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
-    elevation?: number | SizeTokens | undefined;
-    fullscreen?: boolean | undefined;
-}>, keyof PopperAnchorExtraProps> & PopperAnchorExtraProps, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & PopperAnchorExtraProps, import("@tamagui/core").StackStyleBase, {
-    elevation?: number | SizeTokens | undefined;
-    fullscreen?: boolean | undefined;
-}, import("@tamagui/core").StaticConfigPublic>;
-export type PopperContentProps = SizableStackProps & {
+export type PopperAnchorProps = ViewProps;
+export declare const PopperAnchor: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}>, keyof PopperAnchorExtraProps> & PopperAnchorExtraProps, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps & PopperAnchorExtraProps, import("@tamagui/core").StackStyleBase, {}, {}>;
+export type PopperContentProps = ViewProps & {
     scope?: string;
     /**
      * Enable smooth animation when the content position changes (e.g., when flipping sides)
      */
     animatePosition?: boolean | 'even-when-repositioning';
-    /** @deprecated Use `animatePosition` instead */
-    enableAnimationForPositionChange?: boolean | 'even-when-repositioning';
     passThrough?: boolean;
 };
-export declare const PopperContentFrame: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
-    size?: SizeTokens | undefined;
-    unstyled?: boolean | undefined;
-    elevation?: number | SizeTokens | undefined;
-    fullscreen?: boolean | undefined;
-}, import("@tamagui/core").StaticConfigPublic>;
-export declare const PopperContent: React.ForwardRefExoticComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, "size" | "unstyled" | "elevation" | keyof import("@tamagui/core").StackStyleBase | "fullscreen" | "transparent" | "circular" | "elevate" | "bordered" | "chromeless"> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & {
-    size?: import("@tamagui/core").SizeTokens | undefined;
-    unstyled?: boolean | undefined;
-    elevation?: number | import("@tamagui/core").SizeTokens | undefined;
-    transparent?: boolean | undefined;
-    fullscreen?: boolean | undefined;
-    circular?: boolean | undefined;
-    elevate?: boolean | undefined;
-    bordered?: boolean | undefined;
-    chromeless?: boolean | "all" | undefined;
-} & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & {
-    size?: import("@tamagui/core").SizeTokens | undefined;
-    unstyled?: boolean | undefined;
-    elevation?: number | import("@tamagui/core").SizeTokens | undefined;
-    transparent?: boolean | undefined;
-    fullscreen?: boolean | undefined;
-    circular?: boolean | undefined;
-    elevate?: boolean | undefined;
-    bordered?: boolean | undefined;
-    chromeless?: boolean | "all" | undefined;
-} & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {
-    size?: import("@tamagui/core").SizeTokens | undefined;
-    unstyled?: boolean | undefined;
-    elevation?: number | import("@tamagui/core").SizeTokens | undefined;
-    transparent?: boolean | undefined;
-    fullscreen?: boolean | undefined;
-    circular?: boolean | undefined;
-    elevate?: boolean | undefined;
-    bordered?: boolean | undefined;
-    chromeless?: boolean | "all" | undefined;
-}>> & {
-    scope?: string;
-    /**
-     * Enable smooth animation when the content position changes (e.g., when flipping sides)
-     */
-    animatePosition?: boolean | "even-when-repositioning";
-    /** @deprecated Use `animatePosition` instead */
-    enableAnimationForPositionChange?: boolean | "even-when-repositioning";
-    passThrough?: boolean;
-} & React.RefAttributes<TamaguiElement>>;
+export declare const PopperContentFrame: React.FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
+    ref?: React.Ref<TamaguiElement> | undefined;
+}> & import("@tamagui/core").StaticComponentObject<import("@tamagui/core").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic> & Omit<import("@tamagui/core").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/core").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic];
+};
+export declare const PopperContent: import("@tamagui/compose-refs").RefComponent<TamaguiElement, PopperContentProps>;
 export type PopperArrowExtraProps = {
     offset?: number;
     size?: SizeTokens;
@@ -169,15 +140,12 @@ export type PopperArrowExtraProps = {
      */
     animatePosition?: boolean;
 };
-export type PopperArrowProps = YStackProps & PopperArrowExtraProps;
-export declare const PopperArrowFrame: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
-    unstyled?: boolean | undefined;
-    elevation?: number | SizeTokens | undefined;
-    fullscreen?: boolean | undefined;
-}, import("@tamagui/core").StaticConfigPublic>;
-export declare const PopperArrow: React.ForwardRefExoticComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
-    elevation?: number | SizeTokens | undefined;
-    fullscreen?: boolean | undefined;
-}>, keyof import("@tamagui/stacks").StackVariants> & import("@tamagui/stacks").StackVariants & PopperArrowExtraProps & React.RefAttributes<TamaguiElement>>;
+export type PopperArrowProps = ViewProps & PopperArrowExtraProps;
+export declare const PopperArrowFrame: React.FunctionComponent<Omit<import("@tamagui/core").RNTamaguiViewNonStyleProps, keyof import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithFlatVariantValues<{}> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & {
+    ref?: React.Ref<TamaguiElement> | undefined;
+}> & import("@tamagui/core").StaticComponentObject<import("@tamagui/core").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic> & Omit<import("@tamagui/core").StaticConfigPublic, "staticConfig"> & {
+    __tama: [import("@tamagui/core").TamaDefer, TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {}, import("@tamagui/core").StaticConfigPublic];
+};
+export declare const PopperArrow: import("@tamagui/compose-refs").RefComponent<TamaguiElement, PopperArrowProps>;
 export {};
 //# sourceMappingURL=Popper.d.ts.map

package/types/Popper.d.ts.map

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

package/types/useRepositionOnNative.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Web gets this for free: floating-ui's autoupdate already watches resize and
+ * scroll, so there is nothing to do here. The native sibling is the real one.
+ */
+export declare const useRepositionOnNative: (_update: () => void, _passThrough: boolean | undefined) => void;
+//# sourceMappingURL=useRepositionOnNative.d.ts.map

package/types/useRepositionOnNative.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRepositionOnNative.d.ts","sourceRoot":"","sources":["../src/useRepositionOnNative.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,qBAAqB,YACvB,MAAM,IAAI,gBACL,OAAO,GAAG,SAAS,SAC5B,CAAA"}

package/types/useRepositionOnNative.native.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Native has no autoupdate, so the floating position is recomputed by hand
+ * whenever the two things that invalidate it change: the window (orientation,
+ * scale) and the soft keyboard.
+ */
+export declare const useRepositionOnNative: (update: () => void, passThrough: boolean | undefined) => void;
+//# sourceMappingURL=useRepositionOnNative.native.d.ts.map

package/types/useRepositionOnNative.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRepositionOnNative.native.d.ts","sourceRoot":"","sources":["../src/useRepositionOnNative.native.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,WACxB,MAAM,IAAI,eACL,OAAO,GAAG,SAAS,SA2BjC,CAAA"}

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/dist/esm/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/dist/esm/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/dist/jsx/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}

package/dist/jsx/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}