import type { PressableRef, TextRef, ViewRef } from '../../helpers/internal/types/index.js'; import * as PopoverPrimitives from '../../primitives/popover/index.js'; import { usePopoverAnimation } from './popover.animation.js'; import type { PopoverArrowProps, PopoverContentProps, PopoverDescriptionProps, PopoverOverlayProps, PopoverPortalProps, PopoverRootProps, PopoverTitleProps, PopoverTriggerProps } from './popover.types.js'; declare const usePopover: () => PopoverPrimitives.IRootContext; /** * Compound Popover component with sub-components * * @component Popover - Main container that manages open/close state, positioning, * and provides context to child components. Handles placement, alignment, and collision detection. * * @component Popover.Trigger - Clickable element that toggles the popover visibility. * Wraps any child element with press handlers. * * @component Popover.Portal - Renders popover content in a portal layer above other content. * Ensures proper stacking and positioning. * * @component Popover.Overlay - Optional background overlay. Can be transparent or * semi-transparent to capture outside clicks. * * @component Popover.Content - Container for popover content with two presentation modes: * default floating popover with positioning and collision detection, or bottom sheet modal. * Supports arrow indicators and custom animations. * * @component Popover.ContentBackground - Absolute-fill background container behind * the popover content. With no children, the active library theme decides the content * (glass theme renders a blur layer). Accepts children to host custom content such * as gradients with the container's positioning and clipping applied. Replaceable * via the `background` prop on Popover.Content. * * @component Popover.Arrow - Optional arrow indicator pointing to the trigger element. * Automatically positions itself based on popover placement. * * @component Popover.Close - Close button for the popover. * Can accept custom children or uses default close icon. * * @component Popover.Title - Optional title text with pre-styled typography. * * @component Popover.Description - Optional description text with muted styling. * * Props flow from Popover to sub-components via context (placement, align, offset, etc.). * The popover automatically positions itself relative to the trigger element. * * @see Full documentation: https://heroui.com/docs/native/components/popover */ declare const Popover: import("react").ForwardRefExoticComponent> & { Trigger: import("react").ForwardRefExoticComponent>; Portal: { ({ className, children, disableFullWindowOverlay, unstable_accessibilityContainerViewIsModal, ...props }: PopoverPortalProps): import("react").JSX.Element; displayName: string; }; Overlay: import("react").ForwardRefExoticComponent>; Content: import("react").ForwardRefExoticComponent>; ContentBackground: import("react").ForwardRefExoticComponent>; Arrow: import("react").ForwardRefExoticComponent>; Close: import("react").ForwardRefExoticComponent>; Title: import("react").ForwardRefExoticComponent>; Description: import("react").ForwardRefExoticComponent>; }; export { usePopover, usePopoverAnimation }; export default Popover; //# sourceMappingURL=popover.d.ts.map