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'>;
declare function HoverCard({ ...props }: PreviewCardPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
declare namespace HoverCard {
    var displayName: string;
}
declare function HoverCardTrigger({ ...props }: PreviewCardPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
declare namespace HoverCardTrigger {
    var displayName: string;
}
declare function HoverCardPopup({ className, side, sideOffset, align, alignOffset, ...props }: HoverCardPopupProps): import("react/jsx-runtime").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 };
