import * as i0 from "@angular/core";
/**
 * Primitivo de campo de formulario: label (estilo val-form) + contenido proyectado.
 *
 * Usar cuando necesitás un campo fuera de val-form pero con el mismo estilo:
 * image-picker, date-picker, selectores custom, chips, etc.
 *
 * NOTA: para ion-input / ion-textarea NO usar ng-content projection — el Shadow DOM
 * de Ionic no responde al grid del host. Usá en cambio un `<div class="pf-field">`
 * plano en el template con `<p class="pf-label">` + ion-input directo.
 *
 * ```html
 * <val-form-field label="Imagen">
 *   <app-image-picker ... />
 * </val-form-field>
 *
 * <!-- Para ion-input: NO val-form-field, usar div plano -->
 * <div class="pf-field">
 *   <p class="pf-label">Nombre</p>
 *   <ion-input fill="outline" ... />
 * </div>
 * ```
 *
 * El label usa el mismo val-title que val-form (size=small, color=dark, bold=false).
 * El spacing entre campos se controla con --val-form-field-gap (default 0.5rem).
 * El padding horizontal se hereda vía --val-form-field-padding (default 0).
 * Setearlo en el contenedor padre para consistencia sin override en cada campo:
 *   `.my-card { --val-form-field-padding: 0 16px; }`
 */
export declare class FormFieldComponent {
    label: import("@angular/core").InputSignal<string>;
    readonly titleProps: import("@angular/core").Signal<{
        content: string;
        size: "small";
        color: "dark";
        bold: boolean;
    }>;
    static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "val-form-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}