/**
 * A stepper is a navigation component that guides users through a sequence of steps in a structured process. It visually represents progress, completed steps, and upcoming steps, helping users understand their position within a workflow. Steppers are commonly used in multi-step forms, onboarding flows, checkout processes, and task completion sequences to improve clarity and reduce cognitive load.
 */
interface Props {
    [key: string]: any;
    /**
     * Defines the currently active step.
     *
     * - If a `number` is provided, it represents the 1-based position of the step
     *   in the `steps` array (e.g. `1` for the first step).
     * - If a `string` is provided, it must match the `id` of one of the steps.
     */
    step?: string | number;
    /**
     * Steps of the stepper stacked.
     */
    steps?: Array<{
        /**
         * Unique identifier for the step.
         */
        id?: string;
        /**
         * Label of the step.
         */
        label: string;
        /**
         * Optional additional information under the label.
         */
        additionalinfo?: string;
    }>;
}
declare const StepperStacked: import("svelte").Component<Props, {}, "steps" | "step">;
type StepperStacked = ReturnType<typeof StepperStacked>;
export default StepperStacked;
//# sourceMappingURL=StepperStacked.svelte.d.ts.map