@tamagui/popover 2.0.0-rc.8 → 2.0.0

package/src/useFloatingContext.tsx

@@ -1,68 +1,346 @@
 import React from 'react'
-import type { UseFloatingOptions } from '@floating-ui/react'
+import type { Delay, UseFloatingOptions } from '@tamagui/floating'
 import {
+  createFloatingEvents,
   safePolygon,
-  useDismiss,
-  useFloating,
+  useDelayGroup,
+  useFloatingRaw,
   useFocus,
   useHover,
   useInteractions,
   useRole,
-} from '@floating-ui/react'
+  PopupTriggerMap,
+  type FloatingInteractionContext,
+} from '@tamagui/floating'
+
+// custom floating context for hoverable popovers and tooltips.
+//
+// why we can't just use useHover alone:
+//   useHover attaches mouseenter/mouseleave via useEffect on the current
+//   reference element. in multi-trigger mode, PopperAnchor switches the
+//   reference when the cursor enters a new trigger — but useEffect hasn't
+//   re-run yet, so the new trigger's mouseenter is missed by useHover.
+//   we handle opens ourselves via onHoverReference; useHover + safePolygon
+//   handle close detection.
+//
+// multi-trigger gap handling:
+//   when sweeping between triggers, the cursor exits safePolygon's triangle
+//   (which points toward content, not sideways). we use a short grace period
+//   to block safePolygon's close during the gap. if a new trigger is entered,
+//   we cancel the pending close. if not, the grace timer fires it.
+
+export type UseFloatingContextOptions = {
+  open: boolean
+  setOpen: (val: boolean, type?: string) => void
+  disable?: boolean
+  disableFocus?: boolean
+  hoverable?: boolean | Record<string, any>
+  // defaults to 'dialog', tooltips pass 'tooltip'
+  role?: 'dialog' | 'tooltip'
+  // custom focus config (tooltip passes { enabled, visibleOnly })
+  focus?: Record<string, any>
+  // delay group coordination for tooltips
+  groupId?: string
+  // explicit delay override (tooltip computes this from delay group context)
+  delay?: Delay
+  // explicit restMs override
+  restMs?: number
+}
 
-// Custom floating context to override the Popper on web
 export const useFloatingContext = ({
   open,
   setOpen,
   disable,
   disableFocus,
   hoverable,
-}) => {
+  role: roleProp = 'dialog',
+  focus: focusProp,
+  groupId,
+  delay: delayProp,
+  restMs: restMsProp,
+}: UseFloatingContextOptions) => {
+  'use no memo'
+
+  const openRef = React.useRef(open)
+  openRef.current = open
+  const hoverableRef = React.useRef(hoverable)
+  hoverableRef.current = hoverable
+  const disableRef = React.useRef(disable)
+  disableRef.current = disable
+  const disableFocusRef = React.useRef(disableFocus)
+  disableFocusRef.current = disableFocus
+  const roleRef = React.useRef(roleProp)
+  roleRef.current = roleProp
+  const focusRef = React.useRef(focusProp)
+  focusRef.current = focusProp
+  const groupIdRef = React.useRef(groupId)
+  groupIdRef.current = groupId
+  const delayRef = React.useRef(delayProp)
+  delayRef.current = delayProp
+  const restMsRef = React.useRef(restMsProp)
+  restMsRef.current = restMsProp
+
+  const events = React.useMemo(() => createFloatingEvents(), [])
+  const triggerElements = React.useMemo(() => new PopupTriggerMap(), [])
+
+  React.useEffect(() => {
+    events.emit('openchange', { open })
+  }, [open, events])
+
   return React.useCallback(
-    (props: UseFloatingOptions) => {
-      const floating = useFloating({
-        ...props,
-        open,
-        onOpenChange: (val, event) => {
-          const type =
-            event?.type === 'mousemove' ||
-            event?.type === 'mouseenter' ||
-            event?.type === 'mouseleave'
-              ? 'hover'
-              : 'press'
-          setOpen(val, type)
+    (props?: UseFloatingOptions) => {
+      const onTriggerRef = React.useRef(false)
+      const restTimerRef = React.useRef<ReturnType<typeof setTimeout>>(undefined)
+      const graceRef = React.useRef<ReturnType<typeof setTimeout>>(undefined)
+      const pendingCloseRef = React.useRef(false)
+      const isOverFloatingRef = React.useRef(false)
+      const handleCloseActiveRef = React.useRef(false)
+
+      React.useEffect(() => {
+        return () => {
+          clearTimeout(restTimerRef.current)
+          clearTimeout(graceRef.current)
+        }
+      }, [])
+
+      const onOpenChange = (val: boolean, event?: Event) => {
+        // block useHover's mouseenter opens — we handle open timing via onHoverReference
+        if (val && event?.type === 'mouseenter') {
+          return
+        }
+        // during trigger grace period, block safePolygon closes but remember them
+        if (
+          !val &&
+          onTriggerRef.current &&
+          (event?.type === 'mousemove' || event?.type === 'mouseleave')
+        ) {
+          pendingCloseRef.current = true
+          return
+        }
+        const type =
+          event?.type === 'mousemove' ||
+          event?.type === 'mouseenter' ||
+          event?.type === 'mouseleave'
+            ? 'hover'
+            : 'press'
+        setOpen(val, type)
+      }
+
+      // pass open so floating-ui resets isPositioned on close — without this,
+      // isPositioned stays true and the animation driver slides from old position
+      const floating = useFloatingRaw({ ...props, open: openRef.current }) as any
+      const currentHoverable = hoverableRef.current
+
+      const dataRef = React.useRef<{ openEvent?: Event; placement?: string }>({})
+      dataRef.current.placement = floating.placement
+
+      // use getters so useHover's event handlers read live ref values
+      // instead of stale snapshots. without this, elements.floating is null
+      // in onReferenceMouseLeave's closure (the floating portal hasn't
+      // mounted yet when the effect first runs), causing safePolygon to
+      // silently bail and never install its document mousemove listener.
+      const floatingRefs = floating.refs
+      const nullRef = { current: null }
+
+      const interactionContext: FloatingInteractionContext = {
+        open: openRef.current,
+        onOpenChange,
+        refs: {
+          reference: floatingRefs?.reference || nullRef,
+          floating: floatingRefs?.floating || nullRef,
+          domReference: floatingRefs?.reference || nullRef,
+        },
+        elements: {
+          get reference() {
+            return floatingRefs?.reference?.current || null
+          },
+          get floating() {
+            return floatingRefs?.floating?.current || null
+          },
+          get domReference() {
+            return floatingRefs?.reference?.current || null
+          },
         },
-      }) as any
-      const { getReferenceProps, getFloatingProps } = useInteractions([
-        hoverable
-          ? useHover(floating.context, {
-              enabled: !disable && hoverable,
-              handleClose: safePolygon({
-                requireIntent: true,
-                blockPointerEvents: true,
-                buffer: 1,
+        dataRef,
+        events,
+        triggerElements,
+        handleCloseActiveRef,
+      }
+
+      // delay group coordination — no-op when no FloatingDelayGroup provider exists
+      const { delay: groupDelay, currentId: groupCurrentId } = useDelayGroup(
+        interactionContext,
+        { id: groupIdRef.current }
+      )
+
+      // compute effective delay:
+      // 1. if in an active delay group with another tooltip showing, use group's coordinated delay
+      // 2. else use explicit delay prop if provided
+      // 3. else parse from hoverable config
+      const isInActiveGroup =
+        groupIdRef.current && groupCurrentId != null && typeof groupDelay === 'object'
+      let delay: Delay
+      let restMs: number
+      if (isInActiveGroup) {
+        delay = groupDelay
+        restMs = 0
+      } else if (delayRef.current !== undefined) {
+        delay = delayRef.current
+        restMs = restMsRef.current ?? 0
+      } else {
+        delay =
+          currentHoverable && typeof currentHoverable === 'object'
+            ? (currentHoverable.delay ?? 0)
+            : 0
+        restMs =
+          currentHoverable && typeof currentHoverable === 'object'
+            ? (currentHoverable.restMs ?? 0)
+            : 0
+      }
+
+      const currentRole = roleRef.current
+      const currentFocus = focusRef.current
+
+      const { getReferenceProps, getFloatingProps: getFloatingPropsInner } =
+        useInteractions([
+          currentHoverable
+            ? useHover(interactionContext, {
+                enabled: !disableRef.current && !!currentHoverable,
+                delay,
+                restMs,
+                handleClose: safePolygon({
+                  requireIntent: true,
+                  buffer: 1,
+                  __debug:
+                    typeof window !== 'undefined' &&
+                    new URLSearchParams(window.location.search).get('debug') ===
+                      'safePolygon',
+                }),
+                ...(typeof currentHoverable === 'object' && currentHoverable),
+              })
+            : useHover(interactionContext, {
+                enabled: false,
               }),
-              ...(hoverable && typeof hoverable === 'object' && hoverable),
-            })
-          : useHover(floating.context, {
-              enabled: false,
-            }),
-        useFocus(floating.context, {
-          enabled: !disable && !disableFocus,
-          visibleOnly: true,
-        }),
-        useRole(floating.context, { role: 'dialog' }),
-        useDismiss(floating.context, {
-          enabled: !disable,
-        }),
-      ])
+          useFocus(interactionContext, {
+            enabled: !disableRef.current && !disableFocusRef.current,
+            visibleOnly: true,
+            ...currentFocus,
+          }),
+          useRole(interactionContext, { role: currentRole }),
+        ])
+
+      // track whether cursor is over the floating content element.
+      //
+      // why: when flushSync switches the reference element, useHover's
+      // useEffect (which attaches DOM mouseleave listeners) hasn't run
+      // yet, so safePolygon may not be installed. our fallback close
+      // timer in onLeaveReference needs to know if the cursor reached
+      // the floating content — if it did, we shouldn't close.
+      //
+      // why React handlers work here: unlike useHover's DOM listeners
+      // (attached via useEffect, subject to timing gaps), these React
+      // synthetic event handlers are attached via JSX props and work
+      // immediately after render, regardless of useEffect scheduling.
+      //
+      // no memoization concern: this entire block runs inside the
+      // useCallback factory which already produces fresh closures each
+      // call ('use no memo'), and getFloatingPropsInner from
+      // useInteractions is already a new reference each render.
+      const getFloatingProps = currentHoverable
+        ? (userProps?: Record<string, any>) => {
+            const merged = getFloatingPropsInner(userProps)
+            const origEnter = merged.onMouseEnter
+            const origLeave = merged.onMouseLeave
+            return {
+              ...merged,
+              onMouseEnter: (e: any) => {
+                isOverFloatingRef.current = true
+                origEnter?.(e)
+              },
+              onMouseLeave: (e: any) => {
+                isOverFloatingRef.current = false
+                origLeave?.(e)
+              },
+            }
+          }
+        : getFloatingPropsInner
+
+      const openDelay = typeof delay === 'number' ? delay : ((delay as any)?.open ?? 0)
+      const closeDelay = typeof delay === 'number' ? delay : ((delay as any)?.close ?? 0)
+
+      const setOpenWithDelay = () => {
+        clearTimeout(restTimerRef.current)
+        if (restMs && !openDelay) {
+          restTimerRef.current = setTimeout(() => {
+            setOpen(true, 'hover')
+          }, restMs)
+        } else if (openDelay) {
+          restTimerRef.current = setTimeout(() => {
+            setOpen(true, 'hover')
+          }, openDelay)
+        } else {
+          setOpen(true, 'hover')
+        }
+      }
+
       return {
         ...floating,
-        open,
+        open: openRef.current,
+        triggerElements,
         getReferenceProps,
         getFloatingProps,
+
+        onHoverReference: currentHoverable
+          ? (_event: any) => {
+              clearTimeout(graceRef.current)
+              onTriggerRef.current = true
+              pendingCloseRef.current = false
+              clearTimeout(restTimerRef.current)
+
+              if (openRef.current) return
+              setOpenWithDelay()
+            }
+          : undefined,
+
+        onLeaveReference: currentHoverable
+          ? () => {
+              clearTimeout(restTimerRef.current)
+              clearTimeout(graceRef.current)
+              graceRef.current = setTimeout(() => {
+                onTriggerRef.current = false
+                if (pendingCloseRef.current) {
+                  pendingCloseRef.current = false
+                  setOpen(false, 'hover')
+                  return
+                }
+                // if still open but no pending close, safePolygon may not
+                // have installed its DOM listeners yet (flushSync/useEffect
+                // timing gap — exacerbated by heavy animation work on the
+                // main thread). schedule a delayed fallback that closes
+                // unless cursor reaches floating content.
+                if (openRef.current) {
+                  graceRef.current = setTimeout(
+                    () => {
+                      // don't force-close if safePolygon is actively tracking
+                      // the cursor — it will close when the cursor exits the
+                      // polygon. this prevents the fallback from racing
+                      // safePolygon during slow diagonal movement.
+                      if (
+                        openRef.current &&
+                        !isOverFloatingRef.current &&
+                        !handleCloseActiveRef.current
+                      ) {
+                        setOpen(false, 'hover')
+                      }
+                    },
+                    Math.max(250, closeDelay)
+                  )
+                }
+              }, 40)
+            }
+          : undefined,
       }
     },
-    [open, setOpen, disable, disableFocus, hoverable]
+    [setOpen]
   )
 }

package/types/Popover.d.ts

@@ -1,7 +1,7 @@
 import '@tamagui/polyfill-dev';
-import type { UseHoverProps } from '@floating-ui/react';
-import type { SizeTokens, ViewProps, TamaguiElement } from '@tamagui/core';
-import type { DismissableProps } from '@tamagui/dismissable';
+import type { UseHoverProps } from '@tamagui/floating';
+import type { SizeTokens, TamaguiElement, ViewProps } from '@tamagui/core';
+import { type DismissableProps } from '@tamagui/dismissable';
 import type { FocusScopeProps } from '@tamagui/focus-scope';
 import { type PopperArrowExtraProps, type PopperArrowProps, type PopperContentProps, type PopperProps } from '@tamagui/popper';
 import { type ScrollViewProps } from '@tamagui/scroll-view';
@@ -10,6 +10,9 @@ import * as React from 'react';
 type ScopedPopoverProps<P> = Omit<P, 'scope'> & {
     scope?: PopoverScopes;
 };
+export declare const hasOpenPopovers: () => boolean;
+export declare const closeOpenPopovers: () => boolean;
+export declare const closeLastOpenedPopover: () => boolean;
 type PopoverVia = 'hover' | 'press';
 export type PopoverProps = ScopedPopoverProps<PopperProps> & {
     open?: boolean;
@@ -30,6 +33,22 @@ export type PopoverProps = ScopedPopoverProps<PopperProps> & {
      * Disable focusing behavior on open
      */
     disableFocus?: boolean;
+    /**
+     * Disable the dismissable layer (escape key, outside click handling).
+     * Useful for popovers that stay mounted but are visually hidden.
+     */
+    disableDismissable?: boolean;
+    /**
+     * z-index for the popover portal. Use this when popovers need to appear
+     * above other portaled content like dialogs or fixed headers.
+     *
+     * By default, Tamagui automatically stacks overlays - later-opened content
+     * appears above earlier content, and nested content appears above its parent.
+     * Only set this if you need to override the automatic stacking behavior.
+     *
+     * @see https://tamagui.dev/ui/z-index
+     */
+    zIndex?: number;
 };
 export type PopoverScopes = string;
 type PopoverContextValue = {
@@ -47,16 +66,84 @@ type PopoverContextValue = {
     size?: SizeTokens;
     breakpointActive?: boolean;
     keepChildrenMounted?: boolean | 'lazy';
+    disableDismissable?: boolean;
+    hoverable?: boolean | object;
     anchorTo?: Rect;
+    branches: Set<HTMLElement>;
+};
+type PopoverTriggerStateSetter = React.Dispatch<React.SetStateAction<boolean>>;
+type PopoverTriggerContextValue = {
+    triggerRef: React.RefObject<any>;
+    hasCustomAnchor: boolean;
+    anchorTo?: Rect;
+    branches: Set<HTMLElement>;
+    onOpenToggle(): void;
+    setActiveTrigger(id: string | null): void;
+    registerTrigger(id: string, setOpen: PopoverTriggerStateSetter): void;
+    unregisterTrigger(id: string): void;
 };
 export declare const PopoverContext: import("@tamagui/core").StyledContext<PopoverContextValue>;
+export declare const PopoverZIndexContext: React.Context<number | undefined>;
+export declare const PopoverTriggerContext: import("@tamagui/core").StyledContext<PopoverTriggerContextValue>;
 export declare const usePopoverContext: (scope?: string) => PopoverContextValue;
+export declare const usePopoverTriggerContext: (scope?: string) => PopoverTriggerContextValue;
+/**
+ * Read reactive popover open state from the popover context.
+ */
+export declare function usePopoverOpen(scope?: string): boolean;
+/**
+ * Hook to set up trigger registration/isolation logic.
+ * Used internally by Popover and can be used by Tooltip.
+ */
+export declare function usePopoverTriggerSetup(open: boolean): {
+    setActiveTrigger: (id: string | null) => void;
+    registerTrigger: (id: string, setOpenState: PopoverTriggerStateSetter) => void;
+    unregisterTrigger: (id: string) => void;
+};
+export type PopoverContextProviderProps = {
+    scope: string;
+    children: React.ReactNode;
+    open: boolean;
+    onOpenChange(open: boolean, via?: 'hover' | 'press'): void;
+    onOpenToggle(): void;
+    triggerRef: React.RefObject<any>;
+    id?: string;
+    contentId?: string;
+    hasCustomAnchor?: boolean;
+    onCustomAnchorAdd?: () => void;
+    onCustomAnchorRemove?: () => void;
+    anchorTo?: Rect;
+    adaptScope?: string;
+    breakpointActive?: boolean;
+    keepChildrenMounted?: boolean | 'lazy';
+    disableDismissable?: boolean;
+    hoverable?: boolean | object;
+};
+/**
+ * Provider that sets up both PopoverContext and PopoverTriggerContext.
+ * Use this in Tooltip or other components that need popover trigger behavior.
+ */
+export declare const PopoverContextProvider: React.MemoExoticComponent<({ scope, children, open, onOpenChange, onOpenToggle, triggerRef, id, contentId, hasCustomAnchor, onCustomAnchorAdd, onCustomAnchorRemove, anchorTo, adaptScope, breakpointActive, keepChildrenMounted, disableDismissable, hoverable, }: PopoverContextProviderProps) => import("react/jsx-runtime").JSX.Element>;
 export type PopoverAnchorProps = ScopedPopoverProps<YStackProps>;
-export declare const PopoverAnchor: React.ForwardRefExoticComponent<Omit<YStackProps, "scope"> & {
+export declare const PopoverAnchor: React.NamedExoticComponent<Omit<YStackProps, "scope"> & {
     scope?: PopoverScopes;
 } & React.RefAttributes<TamaguiElement>>;
-export type PopoverTriggerProps = ScopedPopoverProps<ViewProps>;
-export declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<ViewProps, "scope"> & {
+export type PopoverTriggerProps = ScopedPopoverProps<ViewProps & {
+    /**
+     * When true, disables the built-in click-to-toggle behavior on the trigger.
+     * Useful for hoverable popovers where you want to control open/close
+     * entirely through hover or your own handlers.
+     */
+    disablePressTrigger?: boolean;
+}>;
+export declare const PopoverTrigger: React.NamedExoticComponent<Omit<import("@tamagui/core").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & {
+    /**
+     * When true, disables the built-in click-to-toggle behavior on the trigger.
+     * Useful for hoverable popovers where you want to control open/close
+     * entirely through hover or your own handlers.
+     */
+    disablePressTrigger?: boolean;
+}, "scope"> & {
     scope?: PopoverScopes;
 } & React.RefAttributes<TamaguiElement>>;
 export interface PopoverContentTypeProps extends Omit<PopoverContentImplProps, 'disableOutsidePointerEvents'> {
@@ -105,6 +192,14 @@ export type PopoverContentImplProps = PopperContentProps & Omit<DismissableProps
     onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'] | false;
     enableRemoveScroll?: boolean;
     freezeContentsWhenHidden?: boolean;
+    /**
+     * Performance - if never going to use feature can permanently disable
+     */
+    alwaysDisable?: {
+        focus?: boolean;
+        'remove-scroll'?: boolean;
+        dismiss?: boolean;
+    };
 };
 export type PopoverCloseProps = ScopedPopoverProps<YStackProps>;
 export declare const PopoverClose: React.ForwardRefExoticComponent<Omit<YStackProps, "scope"> & {
@@ -157,8 +252,24 @@ export declare const Popover: React.ForwardRefExoticComponent<Omit<PopperProps,
      * Disable focusing behavior on open
      */
     disableFocus?: boolean;
+    /**
+     * Disable the dismissable layer (escape key, outside click handling).
+     * Useful for popovers that stay mounted but are visually hidden.
+     */
+    disableDismissable?: boolean;
+    /**
+     * z-index for the popover portal. Use this when popovers need to appear
+     * above other portaled content like dialogs or fixed headers.
+     *
+     * By default, Tamagui automatically stacks overlays - later-opened content
+     * appears above earlier content, and nested content appears above its parent.
+     * Only set this if you need to override the automatic stacking behavior.
+     *
+     * @see https://tamagui.dev/ui/z-index
+     */
+    zIndex?: number;
 } & React.RefAttributes<Popover>> & {
-    Anchor: React.ForwardRefExoticComponent<Omit<YStackProps, "scope"> & {
+    Anchor: React.NamedExoticComponent<Omit<YStackProps, "scope"> & {
         scope?: PopoverScopes;
     } & React.RefAttributes<TamaguiElement>>;
     Arrow: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
@@ -170,7 +281,14 @@ export declare const Popover: React.ForwardRefExoticComponent<Omit<PopperProps,
         elevation?: number | SizeTokens | undefined;
         fullscreen?: boolean | undefined;
     }, import("@tamagui/core").StaticConfigPublic>;
-    Trigger: React.ForwardRefExoticComponent<Omit<ViewProps, "scope"> & {
+    Trigger: React.NamedExoticComponent<Omit<import("@tamagui/core").StackNonStyleProps & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>> & import("@tamagui/core").WithPseudoProps<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStyleBase>>> & import("@tamagui/core").WithMediaProps<import("@tamagui/core").WithThemeShorthandsAndPseudos<import("@tamagui/core").StackStyleBase, {}>> & {
+        /**
+         * When true, disables the built-in click-to-toggle behavior on the trigger.
+         * Useful for hoverable popovers where you want to control open/close
+         * entirely through hover or your own handlers.
+         */
+        disablePressTrigger?: boolean;
+    }, "scope"> & {
         scope?: PopoverScopes;
     } & React.RefAttributes<TamaguiElement>>;
     Content: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {

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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"}

package/types/useFloatingContext.d.ts

@@ -1,9 +1,15 @@
-import type { UseFloatingOptions } from '@floating-ui/react';
-export declare const useFloatingContext: ({ open, setOpen, disable, disableFocus, hoverable, }: {
-    open: any;
-    setOpen: any;
-    disable: any;
-    disableFocus: any;
-    hoverable: any;
-}) => (props: UseFloatingOptions) => any;
+import type { Delay, UseFloatingOptions } from '@tamagui/floating';
+export type UseFloatingContextOptions = {
+    open: boolean;
+    setOpen: (val: boolean, type?: string) => void;
+    disable?: boolean;
+    disableFocus?: boolean;
+    hoverable?: boolean | Record<string, any>;
+    role?: 'dialog' | 'tooltip';
+    focus?: Record<string, any>;
+    groupId?: string;
+    delay?: Delay;
+    restMs?: number;
+};
+export declare const useFloatingContext: ({ open, setOpen, disable, disableFocus, hoverable, role: roleProp, focus: focusProp, groupId, delay: delayProp, restMs: restMsProp, }: UseFloatingContextOptions) => (props?: UseFloatingOptions) => any;
 //# sourceMappingURL=useFloatingContext.d.ts.map

package/types/useFloatingContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFloatingContext.d.ts","sourceRoot":"","sources":["../src/useFloatingContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAY5D,eAAO,MAAM,kBAAkB,GAAI;;;;;;CAMlC,aAEW,kBAAkB,QA8C7B,CAAA"}
+{"version":3,"file":"useFloatingContext.d.ts","sourceRoot":"","sources":["../src/useFloatingContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AA8BlE,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAEzC,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAE3B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAE3B,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB,KAAK,CAAC,EAAE,KAAK,CAAA;IAEb,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,uIAWhC,yBAAyB,cA8Bf,kBAAkB,QA+P9B,CAAA"}