import { default as React } from 'react';

export declare const rootClassName = "teddy-step-by-step";
export type RootContextValue = {
    interactive: boolean;
    selectedIndex: number;
    onSelect: (index: number) => void;
    standalone: boolean;
};
export declare const RootContext: React.Context<RootContextValue>;
export type RootProps = Omit<React.ComponentPropsWithoutRef<'ul'>, 'onSelect'> & {
    /**
     * Whether steps can be clicked to expand/collapse their content.
     */
    interactive?: boolean;
    /**
     * Index of the active step (controlled). Starts at 0.
     */
    selectedIndex?: number;
    /**
     * Callback fired when a step is selected (controlled mode).
     */
    onSelect?: (index: number) => void;
    /**
     * Size of the step icon element.
     * @default 'lg'
     */
    size?: 'xs' | 'sm' | 'md' | 'lg';
    /**
     * Style of the connector line between steps.
     * @default 'solid'
     */
    borders?: 'solid' | 'dashed';
    /**
     * When true, all step icons are rendered in their default (non-highlighted) state
     * regardless of the selected index.
     */
    standalone?: boolean;
};
/**
 * The root container for a list of steps.
 */
export declare const Root: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "onSelect"> & {
    /**
     * Whether steps can be clicked to expand/collapse their content.
     */
    interactive?: boolean;
    /**
     * Index of the active step (controlled). Starts at 0.
     */
    selectedIndex?: number;
    /**
     * Callback fired when a step is selected (controlled mode).
     */
    onSelect?: (index: number) => void;
    /**
     * Size of the step icon element.
     * @default 'lg'
     */
    size?: "xs" | "sm" | "md" | "lg";
    /**
     * Style of the connector line between steps.
     * @default 'solid'
     */
    borders?: "solid" | "dashed";
    /**
     * When true, all step icons are rendered in their default (non-highlighted) state
     * regardless of the selected index.
     */
    standalone?: boolean;
} & React.RefAttributes<HTMLUListElement>>;