import { LitElement } from "lit";
import type { StoryMeta } from "../../story-meta.js";
export declare const STEP_STATES: readonly ["completed", "current", "upcoming"];
export type StepState = (typeof STEP_STATES)[number];
export declare const STEPPER_ORIENTATIONS: readonly ["horizontal", "vertical"];
export type StepperOrientation = (typeof STEPPER_ORIENTATIONS)[number];
export interface StepConfig {
    label: string;
    state?: StepState;
    description?: string;
    disabled?: boolean;
}
/**
 * `<eds-step>` sub-component for declarative step definitions inside `<eds-stepper>`.
 *
 * @element eds-step
 */
export declare class EdsStep extends LitElement {
    static styles: import("lit").CSSResult;
    /** Step text label */
    label: string;
    /** Optional secondary description text */
    description: string;
    /** Step state: "completed", "current", or "upcoming" */
    state?: StepState;
    /** Whether step interaction is disabled */
    disabled: boolean;
    render(): import("lit").TemplateResult<1>;
}
/**
 * `<eds-stepper>` component for multi-step workflows according to EDS specifications.
 * Renders an ordered list (`<ol>`) of step indicators with connector lines.
 *
 * @element eds-stepper
 * @slot - Default slot for `<eds-step>` elements
 * @event eds-step-click - Dispatched when an interactive step is clicked
 * @event eds-change - Dispatched when active step changes via interaction
 *
 * @csspart list - The ordered list element (<ol>)
 * @csspart step - Each step item element (<li>)
 * @csspart step-button - The step button/trigger element when interactive
 * @csspart circle - The step indicator circle element
 * @csspart label - The step label element
 * @csspart description - The step description element
 * @csspart connector - The connector wrapper between steps
 * @csspart connector-line - The line element inside the connector
 */
export declare class EdsStepper extends LitElement {
    static readonly storyMeta: StoryMeta;
    static styles: import("lit").CSSResult;
    /**
     * List of step configurations.
     * Accepts an array of StepConfig objects or a JSON string in attributes.
     */
    steps: StepConfig[];
    /**
     * 0-indexed active step index.
     * If specified (>= 0), automatically determines step states unless state is explicitly set on a step.
     */
    activeIndex: number;
    /**
     * Layout orientation of the stepper.
     * "horizontal" (default) or "vertical".
     */
    orientation: StepperOrientation;
    /**
     * Whether completed steps render as interactive buttons to allow backwards navigation.
     */
    interactive: boolean;
    private _slottedSteps;
    private _handleSlotChange;
    private _getEffectiveSteps;
    private _handleStepClick;
    private _renderCheckIcon;
    render(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        "eds-stepper": EdsStepper;
        "eds-step": EdsStep;
    }
}
//# sourceMappingURL=stepper.d.ts.map