import { type PropertyValues } from 'lit';
import { LuxenElement } from '../../shared/luxen-element.js';
import type { Placement } from '@floating-ui/dom';
/**
 * @summary A popover that displays interactive content anchored to a trigger.
 * @customElement l-popover
 *
 * @slot - Popover content.
 *
 * @csspart body - The popover container.
 * @csspart arrow - The directional arrow element.
 *
 * @cssproperty --background - Background color. Default: `Canvas`.
 * @cssproperty --color - Text color. Default: inherited.
 * @cssproperty --border-radius - Border radius. Default `8px`.
 * @cssproperty --max-width - Maximum width. Default `320px`.
 * @cssproperty --shadow - Box shadow.
 * @cssproperty --arrow-size - Arrow size. Default `8px`.
 * @cssproperty --show-duration - Show animation duration. Default `150ms`.
 * @cssproperty --hide-duration - Hide animation duration. Default `150ms`.
 */
export declare class Popover extends LuxenElement {
    static styles: import("lit").CSSResult[];
    private _popoverId;
    private _floating;
    /** The HTML id of the element triggering the popover. */
    accessor for: string;
    /** The preferred placement of the popover. */
    accessor placement: Placement;
    /** The distance in pixels from the target element. */
    accessor distance: number;
    /** Whether or not the popover is visible. */
    accessor open: boolean;
    /** Hide the directional arrow. */
    accessor withoutArrow: boolean;
    /** Stretch the popover to the viewport width. Useful for mega menus. */
    accessor fullWidth: boolean;
    /** Space-separated list of trigger modes: `click`, `hover`, `focus`, `manual`. */
    accessor trigger: string;
    private _hasTrigger;
    private get _trigger();
    private get _popoverEl();
    private get _arrowEl();
    private _getDuration;
    connectedCallback(): void;
    disconnectedCallback(): void;
    updated(changed: PropertyValues<this>): void;
    show(): void;
    hide(): void;
    toggle(): void;
    private _handleOpenChange;
    private _onPointerEnter;
    private _onPointerLeave;
    private _onFocusIn;
    private _onFocusOut;
    private _onClick;
    private _onKeyDown;
    /** Sync `open` when popover="auto" light-dismiss fires. */
    private _onToggle;
    private _addTriggerListeners;
    private _removeTriggerListeners;
    render(): import("lit").TemplateResult<1>;
}
//# sourceMappingURL=popover.d.ts.map