import { type VariantProps } from 'class-variance-authority';
import * as React from 'react';
declare const stepsContainerVariants: (props?: ({
    variant?: "default" | "subtle" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
declare const stepItemVariants: (props?: ({
    status?: "error" | "running" | "pending" | "completed" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
declare const stepIconVariants: (props?: ({
    status?: "error" | "running" | "pending" | "completed" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type StepStatus = 'pending' | 'running' | 'completed' | 'error';
export interface StepData {
    /** Unique step ID */
    id: string;
    /** Step title */
    title: string;
    /** Step description */
    description?: string;
    /** Step status */
    status: StepStatus;
    /** Optional content to show when expanded */
    content?: React.ReactNode;
    /** Duration in ms (for completed steps) */
    duration?: number;
    /** Error message if status is error */
    error?: string;
}
interface StepIconProps {
    status: StepStatus;
    index: number;
    className?: string;
}
declare function StepIcon({ status, index, className }: StepIconProps): import("react/jsx-runtime").JSX.Element;
declare namespace StepIcon {
    var displayName: string;
}
interface AIStepItemProps {
    step: StepData;
    index: number;
    isLast: boolean;
    expandable?: boolean;
    defaultExpanded?: boolean;
}
declare function AIStepItem({ step, index, isLast, expandable, defaultExpanded, }: AIStepItemProps): import("react/jsx-runtime").JSX.Element;
declare namespace AIStepItem {
    var displayName: string;
}
export interface AIStepsProps extends VariantProps<typeof stepsContainerVariants> {
    /** Array of steps */
    steps: StepData[];
    /** Title for the steps container */
    title?: string;
    /** Whether the container is collapsible */
    collapsible?: boolean;
    /** Whether the container is expanded by default */
    defaultExpanded?: boolean;
    /** Whether individual steps are expandable */
    stepsExpandable?: boolean;
    /** Additional class name */
    className?: string;
}
/**
 * AISteps displays a multi-step progress indicator for AI workflows.
 * Shows step status (pending, running, complete, error) with expandable details and timing.
 *
 * @llms Multi-step AI progress with status icons, timing, expandable details
 * @example
 * ```tsx
 * <AISteps
 *   title="Processing"
 *   steps={[
 *     { label: 'Analyzing', status: 'complete', duration: '2s' },
 *     { label: 'Generating', status: 'running' },
 *   ]}
 * />
 * ```
 */
export declare function AISteps({ steps, title, variant, collapsible, defaultExpanded, stepsExpandable, className, }: AIStepsProps): import("react/jsx-runtime").JSX.Element;
export declare namespace AISteps {
    var displayName: string;
}
export { AIStepItem, StepIcon, stepIconVariants, stepItemVariants, stepsContainerVariants, };
