import { type ReactNode } from "react";
export * from "./variants.js";
export type StepFlowStep = {
    /** Step heading. */
    title: ReactNode;
    /** Supporting copy under the title. */
    description?: ReactNode;
    /** Trailing slot beside the title (status badge, meta). */
    aside?: ReactNode;
};
export type StepFlowProps = {
    steps: StepFlowStep[];
    className?: string;
};
/**
 * StepFlow — a numbered vertical walkthrough whose progress rail fills as the
 * reader scrolls: passed steps solidify, the step at the reading line is
 * highlighted with the selected tokens, upcoming steps stay quiet. Built for
 * process storytelling — onboarding sequences, lifecycle walkthroughs,
 * "how it works" sections.
 *
 * All movement is scrubbed 1:1 by the reader's own scrolling (nothing moves
 * on its own), so it remains meaningful under reduced motion; the chip color
 * transitions collapse to instant via the motion tokens there.
 */
export declare function StepFlow({ steps, className }: StepFlowProps): import("react").JSX.Element;
//# sourceMappingURL=index.d.ts.map