import type { IElementRef } from '@melodicdev/core';
import type { StepStatus, StepsVariant, StepsConnector, StepsColor, StepsOrientation } from './steps.types.js';
/**
 * ml-step - Individual step header for use within ml-steps
 *
 * @example
 * ```html
 * <ml-steps active="step1">
 *   <ml-step slot="step" value="step1" label="Your details" description="Name and email"></ml-step>
 *   <ml-step slot="step" value="step2" label="Company" description="Your company details"></ml-step>
 * </ml-steps>
 * ```
 */
export declare class StepComponent implements IElementRef {
    elementRef: HTMLElement;
    /** Step identifier */
    value: string;
    /** Step title */
    label: string;
    /** Secondary description text */
    description: string;
    /** Icon name (for icons variant) */
    icon: string;
    /** URL for routed mode */
    href: string;
    /** Disable this step */
    disabled: boolean;
    /** Step status (managed by parent) */
    status: StepStatus;
    /** Visual variant (managed by parent) */
    variant: StepsVariant;
    /** Connector style (managed by parent) */
    connector: StepsConnector;
    /** Accent color (managed by parent) */
    color: StepsColor;
    /** Layout orientation (managed by parent) */
    orientation: StepsOrientation;
    /** Step number (managed by parent) */
    'step-number': string;
    /** First step flag (managed by parent) */
    first: boolean;
    /** Last step flag (managed by parent) */
    last: boolean;
    /** Compact/dots mode (managed by parent) */
    compact: boolean;
    /** Handle click on step */
    handleClick: () => void;
}
//# sourceMappingURL=step.component.d.ts.map