import { CSSResultGroup, LitElement, TemplateResult } from "lit";
import "./bl-stepper-item";
export type StepperType = "dot" | "number" | "icon";
export type StepperDirection = "horizontal" | "vertical";
export type StepperUsage = "clickable" | "non-clickable";
/**
 * @tag bl-stepper
 * @summary Baklava Stepper component for displaying progress through a sequence of steps
 *
 * @slot default - Stepper items
 */
export default class BlStepper extends LitElement {
    static get styles(): CSSResultGroup;
    /**
     * Defines stepper render style
     */
    type: StepperType;
    /**
     * Defines stepper direction is horizontal or vertical
     */
    direction: StepperDirection;
    /**
     * Defines stepper usage is clickable or non-clickable
     */
    usage: StepperUsage;
    private get stepperItemsArray();
    /**
     * Fires when stepper state changes
     */
    private onStepperChange;
    private get totalSteps();
    private get activeStep();
    private handleItemClick;
    private handleKeyDown;
    connectedCallback(): void;
    firstUpdated(changedProperties: Map<string | number | symbol, unknown>): void;
    updated(changedProperties: Map<string | number | symbol, unknown>): void;
    private updateStepperItems;
    render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        "bl-stepper": BlStepper;
    }
}
//# sourceMappingURL=bl-stepper.d.ts.map