import { PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card';
import type * as React from 'react';
export type HoverCardProps = React.ComponentProps<typeof HoverCard>;
export type HoverCardTriggerProps = React.ComponentProps<typeof HoverCardTrigger>;
export type HoverCardPopupProps = PreviewCardPrimitive.Popup.Props & Pick<PreviewCardPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'> & {
    /**
     * DOM node to portal the popup into. Falls back to
     * `usePortalContainerOverride()` (which checks `PortalContainerProvider`), then to
     * the base-ui default (the document body).
     */
    container?: HTMLElement | null;
};
declare function HoverCard({ ...props }: PreviewCardPrimitive.Root.Props): React.JSX.Element;
declare function HoverCardTrigger({ ...props }: PreviewCardPrimitive.Trigger.Props): React.JSX.Element;
declare namespace HoverCardTrigger {
    var displayName: string;
}
declare function HoverCardPopup({ className, side, sideOffset, align, alignOffset, container, ...props }: HoverCardPopupProps): React.JSX.Element;
declare namespace HoverCardPopup {
    var displayName: string;
}
/**
 * HoverCard component with dot notation for compound parts.
 *
 * @example
 * ```tsx
 * <HoverCard>
 *   <HoverCard.Trigger>Hover me</HoverCard.Trigger>
 *   <HoverCard.Popup>
 *     Preview content here
 *   </HoverCard.Popup>
 * </HoverCard>
 * ```
 */
declare const HoverCardCompound: typeof HoverCard & {
    Root: typeof HoverCard;
    Trigger: typeof HoverCardTrigger;
    Popup: typeof HoverCardPopup;
};
export { HoverCardCompound as HoverCard, HoverCardPopup, HoverCardTrigger };