import { LitElement, PropertyValues } from 'lit';
import { BpTypeElement } from '@blueprintui/components/internals';
import type { BpStepperItem } from './item/element.js';
/**
 * ```typescript
 * import '@blueprintui/components/include/stepper.js';
 * ```
 *
 * ```html
 * <bp-stepper aria-label="stepper">
 *   <bp-stepper-item selected><a href="#">Step 1</a></bp-stepper-item>
 *   <bp-stepper-item>Step 2</bp-stepper-item>
 *   <bp-stepper-item>Step 3</bp-stepper-item>
 * </bp-stepper>
 * ```
 *
 * @summary Stepper components guide users through a multi-step process, breaking it down into manageable parts. This increases understanding, reduces cognitive load, and enhances the overall user experience.
 * @element bp-stepper
 * @since 1.0.0
 * @slot - stepper items
 * @cssprop --font-size
 * @cssprop --font-weight
 * @cssprop --color
 * @cssprop --gap
 */
export declare class BpStepper extends LitElement implements Pick<BpTypeElement, keyof Omit<BpStepper, 'items'>> {
    #private;
    /** Controls the layout direction of the stepper, either horizontal or vertical */
    accessor layout: 'horizontal' | 'vertical';
    static styles: CSSStyleSheet[];
    _internals: ElementInternals;
    get items(): BpStepperItem[];
    render(): import("lit").TemplateResult<1>;
    connectedCallback(): void;
    updated(props: PropertyValues<this>): void;
}