/**
 * Progress Indicator CSS Generator
 *
 * Generates CSS for progress bars, step indicators, and multi-step navigation.
 * Uses theme colors via --tb-* CSS variables and respects theme.motion settings.
 */
import type { Theme } from '../schema';
export interface GenerateProgressCssParams {
    themeId: string;
    theme: Theme;
}
/**
 * Generate progress indicator CSS from theme settings.
 *
 * Creates scoped CSS classes for:
 * - .progress-bar, .progress-fill (bar-style progress)
 * - .step-dot, .step-dot-active, .step-dot-complete (dot indicators)
 * - .step-circle, .step-circle-active, .step-circle-complete (numbered steps)
 * - .step-connector (line between steps)
 *
 * Selectors use :where() for zero specificity, allowing site styles to override easily.
 * Progress indicators always use pill/rounded shapes for visual consistency.
 * Transitions respect theme.motion.level settings.
 */
export declare function generateProgressCss({ themeId, theme }: GenerateProgressCssParams): string;
