import { LitElement, nothing } from 'lit';
export interface StepItem {
    id: string;
    label: string;
    description?: string;
    icon?: string;
    status?: 'pending' | 'active' | 'completed' | 'error';
    optional?: boolean;
    disabled?: boolean;
}
/**
 * Stepper component for step-by-step workflows
 *
 * @element ui-stepper
 *
 * @prop {StepItem[]} steps - Array of step items
 * @prop {number} currentStep - Current active step index
 * @prop {'horizontal' | 'vertical'} orientation - Stepper orientation
 * @prop {boolean} linear - Require sequential completion
 * @prop {boolean} editable - Allow clicking on completed steps
 * @prop {boolean} showNumbers - Show step numbers
 * @prop {boolean} showIcons - Show step icons
 * @prop {'sm' | 'md' | 'lg'} size - Stepper size
 * @prop {boolean} animated - Enable step transitions
 *
 * @fires step-change - Fired when step changes
 *
 * @csspart container - The stepper container
 * @csspart step - Individual step
 * @csspart connector - Line connecting steps
 */
export declare class Stepper extends LitElement {
    steps: StepItem[];
    currentStep: number;
    orientation: 'horizontal' | 'vertical';
    linear: boolean;
    editable: boolean;
    showNumbers: boolean;
    showIcons: boolean;
    size: 'sm' | 'md' | 'lg';
    animated: boolean;
    /**
     * Label for the stepper navigation
     */
    ariaLabel: string | null;
    private stepperId;
    private handleKeyDown;
    private getNextClickableStep;
    private getPreviousClickableStep;
    private getFirstClickableStep;
    private getLastClickableStep;
    static styles: import("lit").CSSResult;
    private handleStepClick;
    private getStepStatus;
    private renderStepIndicator;
    private renderStep;
    render(): import("lit-html").TemplateResult<1> | typeof nothing;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-stepper': Stepper;
    }
}
//# sourceMappingURL=stepper.d.ts.map