import { type PropertyValues } from 'lit';
import { LuxenElement } from '../../shared/luxen-element.js';
import type { Placement } from '@floating-ui/dom';
/**
 * @summary A tooltip that displays contextual text on hover or focus.
 * @customElement l-tooltip
 *
 * @slot - Tooltip content (text or rich HTML).
 *
 * @csspart body - The tooltip popover container.
 * @csspart arrow - The directional arrow element.
 *
 * @cssproperty --background-color - Background color for this tooltip instance. Defaults to the global `--l-tooltip-background-color` token (a neutral inverse surface, dark in light mode / light in dark mode) — override that token to re-skin every tooltip at once.
 * @cssproperty --text-color - Text color. If unset, auto-derived from `--background-color` luminance.
 * @cssproperty --border-radius - Border radius. Default `4px`.
 * @cssproperty --max-width - Maximum width. Default `180px`.
 * @cssproperty --arrow-size - Arrow size. Default `6px`.
 * @cssproperty --show-duration - Show animation duration. Default `150ms`.
 * @cssproperty --hide-duration - Hide animation duration. Default `150ms`.
 */
export declare class Tooltip extends LuxenElement {
    static styles: import("lit").CSSResult[];
    private _tooltipId;
    private _floating;
    /** The HTML id of the element triggering the tooltip. */
    accessor for: string;
    /** The preferred placement of the tooltip. */
    accessor placement: Placement;
    /** The distance in pixels from the target element. */
    accessor distance: number;
    /** Whether or not the tooltip is visible. */
    accessor open: boolean;
    /** Hide the directional arrow. */
    accessor withoutArrow: boolean;
    /** Space-separated list of trigger modes: `hover`, `focus`, `click`, `manual`. */
    accessor trigger: string;
    private _hasTrigger;
    private get _trigger();
    private get _popover();
    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;
    private _addTriggerListeners;
    private _removeTriggerListeners;
    render(): import("lit").TemplateResult<1>;
}
//# sourceMappingURL=tooltip.d.ts.map