import { type ComponentPropsWithoutRef, type HTMLAttributes, type ReactNode } from 'react';
import * as RadixPopover from '@radix-ui/react-popover';
import { type VariantProps } from 'class-variance-authority';
export type HoverCardSide = 'top' | 'end' | 'bottom' | 'start';
declare const contentVariants: (props?: ({
    size?: "sm" | "md" | "lg" | null | undefined;
    padding?: "default" | "flush" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface HoverCardHandle {
    getIsOpen: () => boolean;
    open: () => void;
    close: () => void;
}
export interface HoverCardProps {
    children: ReactNode;
    /**
     * How the card opens. `hover-or-click` (the default) opens on pointer hover
     * without taking focus, and on click, tap or Enter with focus moved into the
     * card so the footer actions are reachable. `click` disables hover entirely.
     */
    openOn?: 'hover-or-click' | 'click';
    /** Controlled open state. */
    open?: boolean;
    /** Uncontrolled initial open state. */
    defaultOpen?: boolean;
    onOpenChange?: (open: boolean) => void;
    /** Delay before a hover opens the card, in ms. Default 300. */
    openDelay?: number;
    /** Grace period before a pointer leaving closes the card, in ms. Default 300. */
    closeDelay?: number;
    /** Opaque instance id — emitted on Content as `data-component-id`. */
    id?: string;
}
declare function HoverCardRoot({ children, openOn, open: controlledOpen, defaultOpen, onOpenChange, openDelay, closeDelay, id, }: HoverCardProps): import("react/jsx-runtime").JSX.Element;
declare namespace HoverCardRoot {
    var displayName: string;
}
export type HoverCardTriggerProps = ComponentPropsWithoutRef<typeof RadixPopover.Trigger>;
export type HoverCardAnchorProps = ComponentPropsWithoutRef<typeof RadixPopover.Anchor>;
export interface HoverCardContentProps extends Omit<ComponentPropsWithoutRef<typeof RadixPopover.Content>, 'side' | 'align'>, VariantProps<typeof contentVariants> {
    /** Logical side, resolved against the reading direction. Default `'top'`. */
    side?: HoverCardSide;
    align?: 'start' | 'center' | 'end';
    size?: 'sm' | 'md' | 'lg';
    padding?: 'default' | 'flush';
    /** Render the arrow. Default `true`. */
    showArrow?: boolean;
    /** Render a close button, for touch users on a card with actions. */
    showClose?: boolean;
    /**
     * An action pinned to the top-end corner — the same slot `showClose` uses.
     * For a card whose ANCHOR has a real open action, so the card mirrors it
     * instead of describing it in prose ("Click to open …"). Only give a card
     * one when the trigger genuinely opens something; a card that merely points
     * somewhere else should say so in a hint line, because an icon button there
     * promises a click the anchor does not have.
     *
     * A card carrying one must be interactive — the pointer has to be able to
     * travel into it — so do not combine it with a pointer-events-none peek.
     */
    headerAction?: ReactNode;
    className?: string;
    children: ReactNode;
}
export interface HoverCardHeadingProps extends HTMLAttributes<HTMLHeadingElement> {
    as?: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
}
export declare function useHoverCardTiming(): {
    cancelClose: () => void;
    closeWithDelay: () => void;
};
export declare const HoverCard: typeof HoverCardRoot & {
    Root: typeof HoverCardRoot;
    Trigger: import("react").ForwardRefExoticComponent<Omit<RadixPopover.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
    Anchor: import("react").ForwardRefExoticComponent<Omit<RadixPopover.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
    Content: import("react").ForwardRefExoticComponent<HoverCardContentProps & import("react").RefAttributes<HTMLDivElement>>;
    Media: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
    Eyebrow: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
    Heading: import("react").ForwardRefExoticComponent<HoverCardHeadingProps & import("react").RefAttributes<HTMLHeadingElement>>;
    Body: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
    Footer: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
};
export {};
//# sourceMappingURL=hover-card.d.ts.map