import * as i0 from '@angular/core';
import { DoCheck, InputSignal, InputSignalWithTransform, Signal } from '@angular/core';
import { NgControl } from '@angular/forms';
import { ErrorStateMatcher } from 'ngx-com/components/form-field';
import { VariantProps } from 'class-variance-authority';

/**
 * Size type for native control.
 */
type NativeControlSize = 'sm' | 'default' | 'lg';
/**
 * Visual variant for native control.
 */
type NativeControlVariant = 'outline' | 'filled' | 'ghost';
/**
 * CVA variants for the native control directive.
 *
 * @tokens `--color-input-border`, `--color-input-background`, `--color-input-foreground`,
 *         `--color-input-placeholder`, `--color-disabled`, `--color-disabled-foreground`,
 *         `--color-ring`, `--color-warn`, `--color-muted`, `--color-border`,
 *         `--radius-input`
 */
declare const nativeControlVariants: (props?: {
    variant?: NativeControlVariant;
    size?: NativeControlSize;
    error?: boolean;
}) => string;
type NativeControlVariants = VariantProps<typeof nativeControlVariants>;

/**
 * Standalone styling directive for native `<input>`, `<select>`, and `<textarea>` elements.
 *
 * Applies consistent borders, background, text color, focus outline, disabled state,
 * error state, and size scaling via CVA. Integrates with both Reactive Forms (via NgControl)
 * and Signal Forms (via `invalid`/`touched` inputs set by `[formField]`).
 *
 * For full form integration (label, hint, error), use `com-form-field` + `comInput`.
 *
 * @tokens `--color-input-border`, `--color-input-background`, `--color-input-foreground`,
 *         `--color-input-placeholder`, `--color-disabled`, `--color-disabled-foreground`,
 *         `--color-ring`, `--color-warn`, `--color-muted`, `--color-border`,
 *         `--radius-input`
 *
 * @example Basic usage
 * ```html
 * <input comNativeControl placeholder="Enter your name" />
 * ```
 *
 * @example Variants
 * ```html
 * <input comNativeControl variant="outline" placeholder="Outline (default)" />
 * <input comNativeControl variant="filled" placeholder="Filled" />
 * <input comNativeControl variant="ghost" placeholder="Ghost" />
 * ```
 *
 * @example Reactive Forms
 * ```html
 * <input comNativeControl [formControl]="nameCtrl" />
 * ```
 *
 * @example Signal Forms
 * ```html
 * <input comNativeControl [formField]="myForm.name" />
 * ```
 */
declare class ComNativeControl implements DoCheck {
    private readonly defaultErrorStateMatcher;
    private readonly parentForm;
    private readonly parentFormGroup;
    /** NgControl bound to this element (if using reactive forms). */
    readonly ngControl: NgControl | null;
    /** Whether the form system is Signal Forms (no NgControl present). */
    private readonly isSignalForms;
    /** Visual variant — outline (bordered), filled (bg fill), or ghost (transparent) */
    readonly variant: InputSignal<NativeControlVariant>;
    /** Control size — affects height, padding, and font size */
    readonly size: InputSignal<NativeControlSize>;
    /** Consumer CSS classes — merged with variant classes via mergeClasses() */
    readonly userClass: InputSignal<string>;
    /** Custom error state matcher (overrides the default). */
    readonly errorStateMatcher: InputSignal<ErrorStateMatcher | undefined>;
    readonly sfInvalid: InputSignalWithTransform<boolean, unknown>;
    readonly sfTouched: InputSignalWithTransform<boolean, unknown>;
    /**
     * Reactive Forms error state — imperatively updated in DoCheck because
     * NgControl properties (touched, invalid) are not signals.
     */
    private readonly _reactiveErrorState;
    /** Whether the control is in an error state. */
    readonly errorState: Signal<boolean>;
    /** @internal Computed host class from CVA + consumer overrides */
    protected readonly computedClass: Signal<string>;
    ngDoCheck(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<ComNativeControl, never>;
    static ɵdir: i0.ɵɵDirectiveDeclaration<ComNativeControl, "input[comNativeControl], select[comNativeControl], textarea[comNativeControl]", ["comNativeControl"], { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; "isSignal": true; }; "sfInvalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "sfTouched": { "alias": "touched"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

export { ComNativeControl, nativeControlVariants };
export type { NativeControlSize, NativeControlVariant, NativeControlVariants };