import type { Placement } from '@vielzeug/orbit';
import { type OverlayOpenChangeDetail } from '../../core';
export type PopoverTrigger = 'click' | 'focus' | 'hover';
export type OrePopoverEvents = {
    'open-change': OverlayOpenChangeDetail;
};
/** Popover component properties */
export type OrePopoverProps = {
    /** Initial uncontrolled open state. Ignored when `open` is set. */
    'default-open'?: boolean;
    /** Disable the popover */
    disabled?: boolean;
    /** Accessible label for the panel */
    label?: string;
    /** Gap between trigger and panel in px */
    offset?: number;
    /** Controlled open state */
    open?: boolean;
    /** Preferred placement relative to the trigger */
    placement?: Placement;
    /** Which trigger(s) open/close the popover */
    trigger?: string;
};
/**
 * A floating panel anchored to a trigger element.
 *
 * @element ore-popover
 * @attr {string} placement - Preferred placement (default: 'bottom')
 * @attr {string} trigger - 'click' | 'hover' | 'focus' (default: 'click')
 * @attr {boolean} open - Controlled open state
 * @attr {boolean} default-open - Initial uncontrolled open state
 * @attr {number} offset - Gap in px (default: 8)
 * @attr {boolean} disabled - Disables the popover
 * @attr {string} label - aria-label on the panel
 * @fires open-change - When the panel state changes. detail: { open, reason }
 * @slot - The trigger element
 * @slot content - Panel content
 * @part panel - Panel container.
 *
 * @example
 * ```html
 * <ore-popover placement="bottom" trigger="click">
 *   <ore-button>Open info</ore-button>
 *   <div slot="content">
 *     <p>Popover body content goes here.</p>
 *   </div>
 * </ore-popover>
 * ```
 */
export declare const POPOVER_TAG: "ore-popover";
//# sourceMappingURL=popover.d.ts.map