import * as i0 from '@angular/core';

/**
 * @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
 */
/**
 * Native input `type` values supported by `<wr-input>`.
 */
type WrInputType = 'text' | 'number' | 'password' | 'email' | 'search' | 'tel' | 'url';

/**
 * @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
 */
/** Control size for `[wrInput]` — shares the `--wr-control-*` contract. */
type WrInputSize = 'sm' | 'md' | 'lg';

/**
 * Applies NGWR input styling to a native `<input>` element.
 *
 * Because this is an attribute directive on the real `<input>` (not a wrapper
 * component), any other directive that targets `input` — `[(ngModel)]`,
 * `[formControl]`, validators, third-party libraries like `ngx-mask` — composes
 * naturally on the same element.
 *
 * @example
 * ```html
 * <input wrInput [(ngModel)]="name" placeholder="Your name" />
 *
 * <!-- Works with ngx-mask, validators, etc. -->
 * <input wrInput [(ngModel)]="phone" mask="(000) 000-0000" />
 * ```
 *
 * For prefix / suffix / password-toggle layouts, wrap the input in
 * `<wr-input-group>`.
 *
 * @see https://ngwr.dev/components/input
 */
declare class WrInput {
    /**
     * Control size. Named `wrSize` (not `size`) so it never clashes with the
     * native `<input size>` attribute. @default 'md'
     */
    readonly wrSize: i0.InputSignal<WrInputSize>;
    /** Pill-shaped corners. @default false */
    readonly rounded: i0.InputSignalWithTransform<boolean, any>;
    protected readonly classes: i0.Signal<string>;
    static ɵfac: i0.ɵɵFactoryDeclaration<WrInput, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<WrInput, "input[wrInput], textarea[wrInput]", never, { "wrSize": { "alias": "wrSize"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

/**
 * Marks an element as the **left** decoration inside `<wr-input-group>`.
 * Adds the `.wr-input-group__affix` class so the group's layout flexes it
 * to the input's left edge.
 *
 * @example
 * ```html
 * <wr-input-group>
 *   <span wrInputPrefix>$</span>
 *   <input wrInput [(ngModel)]="amount" type="number" />
 * </wr-input-group>
 * ```
 */
declare class WrInputPrefix {
    static ɵfac: i0.ɵɵFactoryDeclaration<WrInputPrefix, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<WrInputPrefix, "[wrInputPrefix]", never, {}, {}, never, never, true, never>;
}

/**
 * Marks an element as the **right** decoration inside `<wr-input-group>`.
 * Adds the `.wr-input-group__affix` class so the group's layout flexes it
 * to the input's right edge.
 *
 * @example
 * ```html
 * <wr-input-group>
 *   <input wrInput [(ngModel)]="amount" type="number" />
 *   <span wrInputSuffix>USD</span>
 * </wr-input-group>
 * ```
 */
declare class WrInputSuffix {
    static ɵfac: i0.ɵɵFactoryDeclaration<WrInputSuffix, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<WrInputSuffix, "[wrInputSuffix]", never, {}, {}, never, never, true, never>;
}

/**
 * Container for `<input wrInput>` + `[wrInputPrefix]` / `[wrInputSuffix]` /
 * `<wr-password-toggle>` siblings. Renders the border and focus ring; the
 * inner native input drops its own border so it visually melts into the
 * group.
 *
 * Pure layout — no signals shared with the inner directive, focus styling is
 * driven entirely by `:focus-within` so any focusable child counts.
 *
 * @example
 * ```html
 * <wr-input-group>
 *   <span wrInputPrefix>$</span>
 *   <input wrInput [(ngModel)]="amount" type="number" />
 *   <span wrInputSuffix>USD</span>
 * </wr-input-group>
 * ```
 *
 * @see https://ngwr.dev/components/input
 */
declare class WrInputGroup {
    /** Pill-shaped corners. @default false */
    readonly rounded: i0.InputSignalWithTransform<boolean, any>;
    protected readonly classes: i0.Signal<string>;
    static ɵfac: i0.ɵɵFactoryDeclaration<WrInputGroup, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<WrInputGroup, "wr-input-group", never, { "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}

/**
 * Self-contained eye-toggle button. Flips the linked `<input>`'s `type`
 * attribute between `password` and `text`. Drop it inside an
 * `<wr-input-group>` next to a password input.
 *
 * @example
 * ```html
 * <wr-input-group>
 *   <input wrInput type="password" [(ngModel)]="pw" #pwInput />
 *   <wr-password-toggle [for]="pwInput" />
 * </wr-input-group>
 * ```
 */
declare class WrPasswordToggle {
    /** Reference to the linked password input. */
    readonly for: i0.InputSignal<HTMLInputElement>;
    protected readonly revealed: i0.WritableSignal<boolean>;
    protected readonly ariaLabel: i0.Signal<"Hide password" | "Show password">;
    protected toggle(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<WrPasswordToggle, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<WrPasswordToggle, "wr-password-toggle", never, { "for": { "alias": "for"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
}

export { WrInput, WrInputGroup, WrInputPrefix, WrInputSuffix, WrPasswordToggle };
export type { WrInputSize, WrInputType };