import { LitElement } from 'lit';
import './stepperItem';
/**
 * Stepper
 * @slot unnamed - Slot for step items.
 * @fires on-click - Captures the event and emits the active step and original event details when click on any step title. This is only for procedure type stepper. Status stepper doesn't emit this event.
 */
export declare class Stepper extends LitElement {
    static styles: import("lit").CSSResult;
    /** Stepper type `'procedure'` & `'status'`.
     *
     * procedure: Allows a user to move through a series of steps that need to be completed, such as filling out a series of forms. The user can therefore know where they are in the sequence, and can go back to previous steps if needed. Procedure should use the `'large'` size stepper.
     *
     * status: Should not allow the user navigate to previous steps for ex: sequential forms, payment gateway etc. Should use the `'small'` size to avoid unnecessary clutter.
     *
     * Note: Read the stepper guidelines for more info.
     */
    accessor stepperType: string;
    /** Wheter the stepper is in vertical type. */
    accessor vertical: boolean;
    /** Stepper size `'large'` & `'small'`. */
    accessor stepperSize: string;
    /** Curent index of stepper. Usefull for navigation logic like next, prev etc.*/
    accessor currentIndex: number;
    /**
     * Queries any slotted step items.
     * @ignore
     */
    accessor steps: Array<any>;
    render(): import("lit-html").TemplateResult<1>;
    private _handleSlotChange;
    private _updateChildren;
    private _determineFirstLastSteps;
    updated(changedProperties: any): void;
    private _handleStepClick;
    connectedCallback(): void;
    disconnectedCallback(): void;
}
declare global {
    interface HTMLElementTagNameMap {
        'kyn-stepper': Stepper;
    }
}
//# sourceMappingURL=stepper.d.ts.map