import * as React from 'react';
export type StepStatus = 'complete' | 'active' | 'incomplete';
export interface StepData {
    label: string;
    subtext?: string;
}
export interface StepsProps {
    /** Steps data for flat API */
    steps?: StepData[];
    /** Current step index (0-based) for flat API */
    currentStep?: number;
    /** Orientation of the steps */
    orientation?: 'horizontal' | 'vertical';
    /** Shape of step indicators */
    shape?: 'rounded' | 'round';
    /** Type of bullet content */
    bulletType?: 'text' | 'icon';
    /** Callback when a step is clicked */
    onStepClick?: (index: number) => void;
    /** Children for compound API */
    children?: React.ReactNode;
    /** Additional className */
    className?: string;
}
export interface StepsItemProps {
    /** Override auto-calculated status */
    status?: StepStatus;
    /** Click handler for this step */
    onClick?: () => void;
    /** Step label content */
    children: React.ReactNode;
    /** Additional className */
    className?: string;
}
export interface StepsSubtextProps {
    children: React.ReactNode;
    className?: string;
}
declare const stepIndicatorVariants: (props?: ({
    shape?: "round" | "rounded" | null | undefined;
    status?: "active" | "complete" | "incomplete" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
declare const stepConnectorVariants: (props?: ({
    orientation?: "horizontal" | "vertical" | null | undefined;
    status?: "complete" | "incomplete" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
declare const stepLabelVariants: (props?: ({
    status?: "active" | "complete" | "incomplete" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
declare const stepSubtextVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
declare function StepsSubtext({ children, className }: StepsSubtextProps): import("react/jsx-runtime").JSX.Element;
declare namespace StepsSubtext {
    var displayName: string;
}
declare function StepsItem({ status: statusOverride, onClick, children, className, }: StepsItemProps): import("react/jsx-runtime").JSX.Element;
declare namespace StepsItem {
    var displayName: string;
}
/**
 * Steps displays a multi-step progress indicator for wizards and workflows.
 * Supports horizontal/vertical orientation, numbered or icon bullets, and clickable steps.
 *
 * @llms Wizard/workflow progress with horizontal/vertical layout, numbered or icon steps
 * @example
 * ```tsx
 * <Steps
 *   steps={[{ label: 'Details' }, { label: 'Payment' }, { label: 'Confirm' }]}
 *   currentStep={1}
 *   orientation="horizontal"
 * />
 * ```
 */
declare function Steps({ steps, currentStep, orientation, shape, bulletType, onStepClick, children, className, }: StepsProps): import("react/jsx-runtime").JSX.Element;
declare namespace Steps {
    var displayName: string;
}
/**
 * @llms Wizard/workflow progress with horizontal/vertical layout, numbered or icon steps
 */
export declare const StepsCompound: typeof Steps & {
    Item: typeof StepsItem;
    Subtext: typeof StepsSubtext;
};
export { StepsCompound as Steps, StepsItem, StepsSubtext, stepConnectorVariants, stepIndicatorVariants, stepLabelVariants, stepSubtextVariants, };
