import { LitElement } from 'lit';
export interface TourStep {
    target?: string;
    title: string;
    content: string;
    placement?: 'top' | 'bottom' | 'left' | 'right' | 'center';
    image?: string;
    spotlightPadding?: number;
    showSkip?: boolean;
    nextLabel?: string;
    prevLabel?: string;
    action?: () => void;
}
/**
 * Tour / Onboarding — guided product tour overlay with spotlight highlighting.
 *
 * @fires tour-start    - Fired when tour starts
 * @fires tour-end      - Fired when tour ends (completed or skipped)
 * @fires tour-step     - Fired when a step changes. detail: { step: number, total: number }
 * @fires tour-complete - Fired when all steps are completed
 * @fires tour-skip     - Fired when tour is skipped
 *
 * @example
 * const tour = document.querySelector('ui-tour');
 * tour.start();
 */
export declare class UITour extends LitElement {
    static styles: import("lit").CSSResult;
    /** Array of tour steps */
    steps: TourStep[];
    /** Whether tour is active */
    active: boolean;
    /** Padding around spotlight highlight */
    spotlightPadding: number;
    /** Animated spotlight */
    animateSpotlight: boolean;
    /** Keyboard navigation */
    keyboardNav: boolean;
    private _step;
    private _targetRect;
    private _resizeObserver?;
    private _scrollHandler;
    get currentStep(): TourStep | undefined;
    get isFirst(): boolean;
    get isLast(): boolean;
    /** Start the tour */
    start(stepIndex?: number): void;
    /** End the tour */
    end(completed?: boolean): void;
    /** Go to next step */
    next(): void;
    /** Go to previous step */
    prev(): void;
    /** Skip the tour */
    skip(): void;
    /** Go to a specific step by index */
    goTo(index: number): void;
    private _updateTargetRect;
    private _attachListeners;
    private _detachListeners;
    private _handleKeydown;
    disconnectedCallback(): void;
    private _computeTooltipPosition;
    private _renderSpotlight;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-tour': UITour;
    }
}
//# sourceMappingURL=tour.d.ts.map