import { type EventEmitter } from "../../stencil-public-runtime";
export declare class Stepper {
    el: HTMLIfxStepperElement;
    /** Fired when the active step changes. */
    ifxChange: EventEmitter;
    /** Currently active step in the stepper. */
    activeStep: number;
    /** Position of the indicator relative to the step content. */
    readonly indicatorPosition?: "left" | "right";
    /** If true, displays step numbers inside the indicators. */
    readonly showStepNumber?: boolean;
    /** Visual layout variant of the stepper (default, compact, or vertical). */
    readonly variant?: "default" | "compact" | "vertical";
    /** Accessible label for the stepper region. */
    readonly ariaLabelText: string | null;
    /** ARIA current value for the active step (e.g. 'step' or 'page'). */
    readonly ariaCurrentText: string | null;
    stepsCount: number;
    shouldEmitEvent: boolean;
    emittedByClick: boolean;
    onStepChange(event: CustomEvent): void;
    handleActiveStep(newStep: number, oldStep: number): void;
    private emitIfxChange;
    private getSteps;
    private addStepIdsToStepsAndCountSteps;
    private setActiveStep;
    private setStepsBeforeActiveToComplete;
    private syncIfxSteps;
    private setInitialActiveStep;
    componentWillLoad(): void;
    componentDidLoad(): Promise<void>;
    componentWillUpdate(): void;
    render(): any;
    componentDidRender(): void;
}