import * as _angular_core from '@angular/core';
import { InjectionToken, Signal } from '@angular/core';

/**
 * One step in a {@link WrStepper}. Project as a child:
 *
 * ```html
 * <wr-stepper>
 *   <wr-step label="Account"> … </wr-step>
 *   <wr-step label="Profile" description="Optional"> … </wr-step>
 * </wr-stepper>
 * ```
 *
 * The stepper hides every step except the active one via a host class —
 * each step still mounts once, so component state survives navigation.
 *
 * @see https://ngwr.dev/components/stepper
 */
declare class WrStep {
    /** Header label. */
    readonly label: _angular_core.InputSignal<string>;
    /** Secondary text shown under the label. */
    readonly description: _angular_core.InputSignal<string>;
    /** Marks the step as optional in the header. */
    readonly optional: _angular_core.InputSignalWithTransform<boolean, any>;
    /**
     * Override completion state. When unset, the stepper auto-derives it
     * from the active index (any step before `active` is completed).
     */
    readonly completed: _angular_core.InputSignal<boolean | null>;
    /** Disables the header — also blocks header clicks. */
    readonly disabled: _angular_core.InputSignalWithTransform<boolean, any>;
    /** Stepper-assigned index. Set by the parent when contentChildren updates. */
    readonly _index: _angular_core.WritableSignal<number>;
    private readonly stepper;
    protected readonly isActive: _angular_core.Signal<boolean>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrStep, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrStep, "wr-step", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; "completed": { "alias": "completed"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

/**
 * @license
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
 */

/** Surface a {@link WrStepper} provides for its child `<wr-step>`s. */
interface WrStepperContext {
    /** Index of the currently visible step. */
    readonly active: Signal<number>;
    /** Linear mode — steps after the latest completed one are locked. */
    readonly linear: Signal<boolean>;
}
declare const WR_STEPPER: InjectionToken<WrStepperContext>;

/**
 * Multi-step wizard container. Children are `<wr-step>` components — the
 * stepper renders one numbered header per step (with connectors) and the
 * body of the currently active one.
 *
 * Two-way bind `[(active)]` to the active step index. Set `linear="true"`
 * to forbid jumping past incomplete steps.
 *
 * @example
 * ```html
 * <wr-stepper [(active)]="step" linear>
 *   <wr-step label="Account">…</wr-step>
 *   <wr-step label="Profile">…</wr-step>
 *   <wr-step label="Confirm">…</wr-step>
 * </wr-stepper>
 * ```
 *
 * @see https://ngwr.dev/components/stepper
 */
declare class WrStepper implements WrStepperContext {
    /** Index of the currently visible step. */
    readonly active: _angular_core.ModelSignal<number>;
    /** Layout direction. @default 'horizontal' */
    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
    /** Lock steps after the latest completed one. @default false */
    readonly linear: _angular_core.InputSignalWithTransform<boolean, any>;
    /**
     * Drop a horizontal stepper to a vertical layout when its own box is too
     * narrow for the row (a container query on its own width, not the
     * viewport — so it adapts inside a narrow column or side panel). No effect
     * when `orientation` is already `vertical`. @default false
     */
    readonly responsive: _angular_core.InputSignalWithTransform<boolean, any>;
    protected readonly steps: _angular_core.Signal<readonly WrStep[]>;
    protected readonly classes: _angular_core.Signal<string>;
    constructor();
    /** Is the step at `index` considered completed? */
    protected isCompleted(index: number): boolean;
    /** Is the step at `index` reachable for direct header clicks? */
    protected isReachable(index: number): boolean;
    protected onHeaderClick(index: number): void;
    goTo(index: number): void;
    next(): void;
    prev(): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrStepper, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrStepper, "wr-stepper", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; }, ["steps"], ["*"], true, never>;
}

export { WR_STEPPER, WrStep, WrStepper };
export type { WrStepperContext };