import * as React from 'react';
import { type VariantProps } from 'class-variance-authority';
export type StepsSize = 'sm' | 'md' | 'lg';
export type StepsOrientation = 'vertical' | 'horizontal';
export type StepsExpansion = 'follow-active' | 'multiple';
export type StepContentState = 'upcoming' | 'reachable' | 'current' | 'completed' | 'error';
declare const stepsRootVariants: (props?: ({
    orientation?: "horizontal" | "vertical" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export interface StepsProps extends Omit<React.HTMLAttributes<HTMLOListElement>, 'onChange' | 'defaultValue'>, VariantProps<typeof stepsRootVariants> {
    value?: string;
    defaultValue?: string;
    onValueChange?: (value: string) => void;
    completedValues?: string[];
    errorValues?: string[];
    linear?: boolean;
    size?: StepsSize;
    orientation?: StepsOrientation;
    expansion?: StepsExpansion;
    defaultExpanded?: 'all' | 'none' | string[];
}
declare const Steps: React.ForwardRefExoticComponent<StepsProps & React.RefAttributes<HTMLOListElement>>;
interface StepItemInjectedProps {
    __isLast?: boolean;
}
export interface StepItemProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'value'>, StepItemInjectedProps {
    value: string;
    state?: 'error';
    disabled?: boolean;
}
declare const stepItemVariants: (props?: ({
    orientation?: "horizontal" | "vertical" | null | undefined;
    size?: "sm" | "md" | "lg" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
declare const StepItem: React.ForwardRefExoticComponent<StepItemProps & React.RefAttributes<HTMLLIElement>>;
export interface StepLabelProps extends React.HTMLAttributes<HTMLSpanElement> {
}
declare const StepLabel: React.ForwardRefExoticComponent<StepLabelProps & React.RefAttributes<HTMLSpanElement>>;
export interface StepDescriptionProps extends React.HTMLAttributes<HTMLSpanElement> {
}
declare const StepDescription: React.ForwardRefExoticComponent<StepDescriptionProps & React.RefAttributes<HTMLSpanElement>>;
export interface StepContentProps extends React.HTMLAttributes<HTMLDivElement> {
}
declare const StepContent: React.ForwardRefExoticComponent<StepContentProps & React.RefAttributes<HTMLDivElement>>;
export declare const stepsMeta: {
    readonly component: "Steps";
    readonly family: 2;
    readonly variants: {};
    readonly sizes: {
        readonly sm: {
            readonly px: 8;
            readonly when: "Sidebar / 緊湊 onboarding;indicator 8px dot";
        };
        readonly md: {
            readonly px: 24;
            readonly when: "預設 — wizard / checkout / 註冊主流程;indicator 24px circle";
        };
        readonly lg: {
            readonly px: 32;
            readonly when: "Marketing 流程展示 / 重要 onboarding;indicator 32px circle";
        };
    };
    readonly states: readonly ["default", "hover", "active", "focus-visible", "disabled"];
    readonly tokens: {
        readonly bg: readonly ["bg-info"];
        readonly fg: readonly ["--fg-disabled", "--foreground", "--on-emphasis", "text-error-text", "text-fg-disabled", "text-fg-muted", "text-fg-secondary", "text-foreground"];
        readonly ring: readonly [];
    };
};
export { Steps, StepItem, StepLabel, StepDescription, StepContent, stepsRootVariants, stepItemVariants };
//# sourceMappingURL=steps.d.ts.map