import type { ComponentSize, ThemeColor } from '../../types';
import '../icon/icon';
export type OreStepProps = {
    /**
     * Theme color. Inherited from the parent `ore-stepper` when nested inside one (overrides
     * this value); only takes effect on its own when `ore-step` is rendered standalone.
     */
    color?: ThemeColor;
    /** Disables this step — it cannot be navigated to and is skipped by keyboard navigation. */
    disabled?: boolean;
    /** Marks this step as failed/invalid. Overrides the completed/current indicator visuals. */
    error?: boolean;
    /**
     * Marks this step as optional. Renders a small "(optional)" hint next to the label.
     * Purely presentational — has no effect on navigation.
     */
    optional?: boolean;
    /** Orientation. Inherited from the parent `ore-stepper` when nested inside one. */
    orientation?: 'horizontal' | 'vertical';
    /** Component size. Inherited from the parent `ore-stepper` when nested inside one. */
    size?: ComponentSize;
    /** Unique identifier, matches `ore-stepper`'s `value` attribute. */
    value: string;
};
/**
 * A single step trigger. Must be placed as a direct child of `ore-stepper`, which provides
 * this step's current/completed/navigable/index/total state via context — those are derived,
 * read-only attributes on this element, not settable props.
 *
 * @element ore-step
 *
 * @attr {string} value - Unique identifier, matches the parent ore-stepper's `value` attribute
 * @attr {boolean} disabled - Prevents navigation to this step
 * @attr {boolean} error - Marks the step as failed/invalid
 * @attr {boolean} optional - Renders an "(optional)" hint next to the label
 * @attr {boolean} current - Read-only. Derived from position relative to the parent ore-stepper's `value`.
 * @attr {boolean} completed - Read-only. Derived from position relative to the parent ore-stepper's `value`.
 * @attr {boolean} navigable - Read-only. Derived from the parent ore-stepper's `clickable`/`linear`/`disabled`.
 * @attr {number} index - Read-only. This step's 1-based position among its siblings.
 * @attr {number} total - Read-only. Total sibling step count.
 * @attr {string} color - Inherited from ore-stepper: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'
 * @attr {string} size - Inherited from ore-stepper: 'sm' | 'md' | 'lg'
 * @attr {string} orientation - Inherited from ore-stepper: 'horizontal' | 'vertical'
 *
 * @slot - Step label
 * @slot description - Optional supporting text shown below the label
 * @slot icon - Custom icon replacing the step number/check/error indicator
 *
 * @part control - Clickable (or static) root element for the step
 * @part indicator - Circular indicator holding the number/icon
 * @part content - Wrapper around the label and description
 * @part label - Step label element
 * @part description - Step description element
 * @part connector - Connector line segments (leading and trailing halves) either side of this step's indicator
 *
 * @example
 * ```html
 * <ore-step value="details">Account details</ore-step>
 * <ore-step value="review" disabled>Review</ore-step>
 * ```
 */
export declare const STEP_TAG: "ore-step";
//# sourceMappingURL=step.d.ts.map