@ardium-ui/ui 5.0.0-alpha.1 → 5.0.0-alpha.100

package/lib/file-inputs/file-input/file-input.component.d.ts

@@ -1,9 +1,10 @@
+import { BooleanLike } from '@ardium-ui/devkit';
 import { ComponentColor } from '../../types/colors.types';
 import { FormElementAppearance, FormElementVariant } from '../../types/theming.types';
 import { _FileInputComponentBase } from '../file-input-base';
 import { FileInputBrowseContext, FileInputFileAmountContext, FileInputFilesContext } from '../file-input-types';
 import { ArdFileInputDefaults } from './file-input.defaults';
-import { ArdFileInputPlaceholderTemplateDirective, ArdFileInputPrefixTemplateDirective, ArdFileInputSuffixTemplateDirective, ArdiumFileInputDragoverContentTemplateDirective, ArdiumFileInputFolderIconTemplateDirective, ArdiumFileInputIdleContentTemplateDirective, ArdiumFileInputUploadedContentTemplateDirective } from './file-input.directives';
+import { ArdFileInputPlaceholderTemplateDirective, ArdFileInputPrefixTemplateDirective, ArdFileInputSuffixTemplateDirective, ArdiumFileInputDragoverContentTemplateDirective, ArdiumFileInputIdleContentTemplateDirective, ArdiumFileInputUploadIconTemplateDirective, ArdiumFileInputUploadedContentTemplateDirective } from './file-input.directives';
 import * as i0 from "@angular/core";
 export declare class ArdiumFileInputComponent extends _FileInputComponentBase {
     protected readonly _DEFAULTS: ArdFileInputDefaults;
@@ -17,7 +18,7 @@ export declare class ArdiumFileInputComponent extends _FileInputComponentBase {
     readonly ngClasses: import("@angular/core").Signal<string>;
     readonly placeholderTemplate: import("@angular/core").Signal<ArdFileInputPlaceholderTemplateDirective | undefined>;
     get shouldDisplayPlaceholder(): boolean;
-    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly clearButtonTitle: import("@angular/core").InputSignal<string>;
     get shouldShowClearButton(): boolean;
     onClearButtonClick(event: MouseEvent): void;
@@ -29,10 +30,10 @@ export declare class ArdiumFileInputComponent extends _FileInputComponentBase {
     readonly idleTemplate: import("@angular/core").Signal<ArdiumFileInputIdleContentTemplateDirective | undefined>;
     readonly dragoverTemplate: import("@angular/core").Signal<ArdiumFileInputDragoverContentTemplateDirective | undefined>;
     readonly uploadedTemplate: import("@angular/core").Signal<ArdiumFileInputUploadedContentTemplateDirective | undefined>;
-    readonly folderIconTemplate: import("@angular/core").Signal<ArdiumFileInputFolderIconTemplateDirective | undefined>;
+    readonly uploadIconTemplate: import("@angular/core").Signal<ArdiumFileInputUploadIconTemplateDirective | undefined>;
     getIdleContext(): FileInputBrowseContext;
     getDragoverContext(): FileInputFileAmountContext;
     getUploadedContext(): FileInputFilesContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFileInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFileInputComponent, "ard-file-input", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; "isSignal": true; }; }, { "clearEvent": "clear"; }, ["placeholderTemplate", "prefixTemplate", "suffixTemplate", "idleTemplate", "dragoverTemplate", "uploadedTemplate", "folderIconTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFileInputComponent, "ard-file-input", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; "isSignal": true; }; }, { "clearEvent": "clear"; }, ["placeholderTemplate", "prefixTemplate", "suffixTemplate", "idleTemplate", "dragoverTemplate", "uploadedTemplate", "uploadIconTemplate"], never, false, never>;
 }

package/lib/file-inputs/file-input/file-input.directives.d.ts

@@ -37,9 +37,9 @@ export declare class ArdiumFileInputUploadedContentTemplateDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFileInputUploadedContentTemplateDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumFileInputUploadedContentTemplateDirective, "ard-file-input > ng-template[ard-dropped-content-tmp]", never, {}, {}, never, never, false, never>;
 }
-export declare class ArdiumFileInputFolderIconTemplateDirective {
+export declare class ArdiumFileInputUploadIconTemplateDirective {
     template: TemplateRef<undefined>;
     constructor(template: TemplateRef<undefined>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFileInputFolderIconTemplateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumFileInputFolderIconTemplateDirective, "ard-file-input > ng-template[ard-folder-icon-tmp]", never, {}, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFileInputUploadIconTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumFileInputUploadIconTemplateDirective, "ard-file-input > ng-template[ard-upload-icon-tmp]", never, {}, {}, never, never, false, never>;
 }

package/lib/file-inputs/file-input/file-input.module.d.ts

@@ -8,6 +8,6 @@ import * as i6 from "../../icon/icon.module";
 import * as i7 from "@ardium-ui/devkit";
 export declare class ArdiumFileInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFileInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumFileInputModule, [typeof i1.ArdiumFileInputComponent, typeof i2.ArdiumFileInputFolderIconTemplateDirective, typeof i2.ArdiumFileInputUploadedContentTemplateDirective, typeof i2.ArdiumFileInputDragoverContentTemplateDirective, typeof i2.ArdiumFileInputIdleContentTemplateDirective, typeof i2.ArdFileInputSuffixTemplateDirective, typeof i2.ArdFileInputPrefixTemplateDirective, typeof i2.ArdFileInputPlaceholderTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumFormFieldFrameModule, typeof i5._ClearButtonModule, typeof i6.ArdiumIconModule, typeof i7.ArdiumFilePipesModule], [typeof i1.ArdiumFileInputComponent, typeof i2.ArdiumFileInputFolderIconTemplateDirective, typeof i2.ArdiumFileInputUploadedContentTemplateDirective, typeof i2.ArdiumFileInputDragoverContentTemplateDirective, typeof i2.ArdiumFileInputIdleContentTemplateDirective, typeof i2.ArdFileInputSuffixTemplateDirective, typeof i2.ArdFileInputPrefixTemplateDirective, typeof i2.ArdFileInputPlaceholderTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumFileInputModule, [typeof i1.ArdiumFileInputComponent, typeof i2.ArdiumFileInputUploadIconTemplateDirective, typeof i2.ArdiumFileInputUploadedContentTemplateDirective, typeof i2.ArdiumFileInputDragoverContentTemplateDirective, typeof i2.ArdiumFileInputIdleContentTemplateDirective, typeof i2.ArdFileInputSuffixTemplateDirective, typeof i2.ArdFileInputPrefixTemplateDirective, typeof i2.ArdFileInputPlaceholderTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumFormFieldFrameModule, typeof i5._ClearButtonModule, typeof i6.ArdiumIconModule, typeof i7.ArdiumFilePipesModule], [typeof i1.ArdiumFileInputComponent, typeof i2.ArdiumFileInputUploadIconTemplateDirective, typeof i2.ArdiumFileInputUploadedContentTemplateDirective, typeof i2.ArdiumFileInputDragoverContentTemplateDirective, typeof i2.ArdiumFileInputIdleContentTemplateDirective, typeof i2.ArdFileInputSuffixTemplateDirective, typeof i2.ArdFileInputPrefixTemplateDirective, typeof i2.ArdFileInputPlaceholderTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumFileInputModule>;
 }

package/lib/file-inputs/file-input-base.d.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, ElementRef, OnInit } from '@angular/core';
-import { FileSystemStartDirectory } from '@ardium-ui/devkit';
+import { BooleanLike, FileSystemStartDirectory } from '@ardium-ui/devkit';
 import { _FormFieldComponentBase } from '../_internal/form-field-component';
 import { Nullable } from '../types/utility.types';
 import { _FileInputBaseDefaults } from './file-input-base.defaults';
@@ -14,11 +14,11 @@ export declare abstract class _FileInputComponentBase extends _FormFieldComponen
     ngOnInit(): void;
     protected _wasViewInit: boolean;
     ngAfterViewInit(): void;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly maxFiles: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
     readonly maxFilesWithMultiple: import("@angular/core").Signal<number>;
-    readonly blockAfterUpload: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly blockAfterUpload: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     get shouldBeBlocked(): boolean;
     readonly maxFileSizeBytes: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
     readonly accept: import("@angular/core").InputSignal<string | string[]>;
@@ -50,7 +50,6 @@ export declare abstract class _FileInputComponentBase extends _FormFieldComponen
     onFileInputChange(): void;
     private _writeFilesToValue;
     private _isFilePickerOpen;
-    private _emitTouched;
     onFocus(event: FocusEvent): void;
     onBlur(event: FocusEvent): void;
     private _filterFilesBasedOnSizeAndCount;

package/lib/form-field/auto-error/auto-error.component.d.ts

@@ -0,0 +1,19 @@
+import { OnDestroy } from '@angular/core';
+import { AbstractControl } from '@angular/forms';
+import { BooleanLike } from '@ardium-ui/devkit';
+import * as i0 from "@angular/core";
+export declare class ArdiumAutoErrorComponent implements OnDestroy {
+    private readonly _errorMap;
+    private readonly _DEFAULTS;
+    readonly control: import("@angular/core").InputSignal<AbstractControl<any, any>>;
+    readonly onlyFirstError: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    private _eventsSub;
+    constructor();
+    ngOnDestroy(): void;
+    readonly errorMessages: import("@angular/core").WritableSignal<string[]>;
+    readonly hasError: import("@angular/core").Signal<boolean>;
+    readonly left: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly right: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumAutoErrorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumAutoErrorComponent, "ard-auto-error", never, { "control": { "alias": "control"; "required": true; "isSignal": true; }; "onlyFirstError": { "alias": "onlyFirstError"; "required": false; "isSignal": true; }; "left": { "alias": "left"; "required": false; "isSignal": true; }; "right": { "alias": "right"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}

package/lib/form-field/auto-error/auto-error.provider.d.ts

@@ -0,0 +1,7 @@
+import { InjectionToken, Provider } from '@angular/core';
+export interface ArdErrorMap {
+    $fallback?: string;
+    [key: string]: string | ((errorData: any) => string) | undefined;
+}
+export declare const ARD_ERROR_MAP: InjectionToken<ArdErrorMap>;
+export declare function provideErrorMap(errorMap: ArdErrorMap): Provider;

package/lib/form-field/error/error.directive.d.ts

@@ -1,5 +1,9 @@
+import { BooleanLike } from '@ardium-ui/devkit';
 import * as i0 from "@angular/core";
 export declare class ArdiumErrorDirective {
+    readonly left: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly right: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumErrorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumErrorDirective, "[ard-error]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumErrorDirective, "[ard-error]", never, { "left": { "alias": "left"; "required": false; "isSignal": true; }; "right": { "alias": "right"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/form-field/form-field-base.d.ts

@@ -1,11 +1,16 @@
+import { BooleanLike } from '@ardium-ui/devkit';
+import { SimpleOneAxisAlignment } from '../types/alignment.types';
+import { ArdiumAutoErrorComponent } from './auto-error/auto-error.component';
 import { ArdiumErrorDirective } from './error/error.directive';
 import { ArdFormFieldControl } from './form-field-child.token';
+import { ArdiumHintErrorDirective } from './hint-error/hint-error.directive';
 import { ArdiumHintDirective } from './hint/hint.directive';
 import { ArdiumLabelComponent } from './label/label.component';
 import * as i0 from "@angular/core";
 export declare abstract class _FormFieldBase {
     protected readonly _DEFAULTS: import("./form-field.defaults").ArdFormFieldDefaults;
-    readonly alignHintToLeftByDefault: boolean;
+    readonly defaultHintAlign: import("@angular/core").InputSignal<SimpleOneAxisAlignment>;
+    readonly alignHintToLeftByDefault: import("@angular/core").Signal<boolean>;
     readonly control: import("@angular/core").Signal<ArdFormFieldControl | undefined>;
     get controlHasError(): boolean | undefined;
     get controlIsSuccess(): boolean | undefined;
@@ -14,9 +19,12 @@ export declare abstract class _FormFieldBase {
     readonly label: import("@angular/core").Signal<ArdiumLabelComponent | undefined>;
     readonly hints: import("@angular/core").Signal<readonly ArdiumHintDirective[]>;
     readonly errors: import("@angular/core").Signal<readonly ArdiumErrorDirective[]>;
+    readonly autoErrors: import("@angular/core").Signal<readonly ArdiumAutoErrorComponent[]>;
+    readonly hintErrors: import("@angular/core").Signal<readonly ArdiumHintErrorDirective[]>;
+    readonly hasAnyHint: import("@angular/core").Signal<boolean>;
     readonly hasAnyError: import("@angular/core").Signal<boolean>;
-    readonly reserveHintLine: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly reserveHintLine: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<_FormFieldBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_FormFieldBase, never, never, { "reserveHintLine": { "alias": "reserveHintLine"; "required": false; "isSignal": true; }; }, {}, ["control", "label", "hints", "errors"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_FormFieldBase, never, never, { "defaultHintAlign": { "alias": "defaultHintAlign"; "required": false; "isSignal": true; }; "reserveHintLine": { "alias": "reserveHintLine"; "required": false; "isSignal": true; }; }, {}, ["control", "label", "hints", "errors", "autoErrors", "hintErrors"], never, true, never>;
 }

package/lib/form-field/form-field-child.token.d.ts

@@ -1,8 +1,8 @@
-import { InjectionToken } from '@angular/core';
+import { InjectionToken, Signal } from '@angular/core';
 export interface ArdFormFieldControl {
-    hasError: (() => boolean) | boolean;
-    isSuccess?: (() => boolean) | boolean;
-    disabled: (() => boolean) | boolean;
-    htmlId: (() => string) | string;
+    hasError: Signal<boolean> | (() => boolean) | boolean;
+    isSuccess?: Signal<boolean> | (() => boolean) | boolean;
+    disabled: Signal<boolean> | (() => boolean) | boolean;
+    htmlId: Signal<string> | (() => string) | string;
 }
 export declare const ARD_FORM_FIELD_CONTROL: InjectionToken<ArdFormFieldControl>;

package/lib/form-field/form-field-native-inputs.d.ts

@@ -1,21 +1,16 @@
-import { Injector, Signal } from '@angular/core';
-import { NgControl } from '@angular/forms';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { ArdFormFieldControl } from './form-field-child.token';
 import * as i0 from "@angular/core";
 export declare class ArdiumFormFieldNativeInputAdapterDirective implements ArdFormFieldControl {
     readonly _required: import("@angular/core").InputSignalWithTransform<boolean | undefined, any>;
-    get required(): boolean;
-    readonly isSuccess: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    protected readonly _injector: Injector;
-    readonly wasTouched: import("@angular/core").WritableSignal<boolean>;
-    private _statusChangesSub?;
+    readonly required: import("@angular/core").Signal<boolean>;
+    readonly isSuccess: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly control: import("@ardium-ui/devkit").TrackedFormControl<any>;
     ngOnInit(): void;
-    protected _ngControl: NgControl | null;
     readonly htmlId: import("@angular/core").InputSignal<string>;
     readonly _hasError: import("@angular/core").InputSignalWithTransform<boolean | undefined, any>;
-    private readonly _hasErrorInControl;
-    readonly hasError: Signal<boolean>;
+    readonly hasError: import("@angular/core").Signal<boolean>;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFormFieldNativeInputAdapterDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumFormFieldNativeInputAdapterDirective, "ard-form-field > input, ard-form-field > textarea, ard-form-field > select, ard-horizontal-form-field > input, ard-horizontal-form-field > textarea, ard-horizontal-form-field > select", never, { "_required": { "alias": "required"; "required": false; "isSignal": true; }; "isSuccess": { "alias": "isSuccess"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "htmlId": { "alias": "htmlId"; "required": false; "isSignal": true; }; "_hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;

package/lib/form-field/form-field.component.d.ts

@@ -3,5 +3,5 @@ import { _FormFieldBase } from './form-field-base';
 import * as i0 from "@angular/core";
 export declare class ArdiumFormFieldComponent extends _FormFieldBase implements OnInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFormFieldComponent, "ard-form-field", never, {}, {}, never, ["ard-label, [ard-label]", "*", "ard-error, [ard-error]", "ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])", "ard-hint[left], [ard-hint][left]", "ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])", "ard-hint[right], [ard-hint][right]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFormFieldComponent, "ard-form-field", never, {}, {}, never, ["ard-label, [ard-label]", "*", "ard-error[left], [ard-error][left], ard-auto-error[left]", "ard-error[right], [ard-error][right], ard-auto-error[right]", "ard-hint[left], [ard-hint][left]", "ard-hint[right], [ard-hint][right]", "ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])", "ard-error:not([left]):not([right]), [ard-error]:not([left]):not([right])", "ard-auto-error:not([left]):not([right])", "ard-hint-error:not([left]):not([right]), [ard-hint-error]:not([left]):not([right])", "ard-hint-error[left], [ard-hint-error][left]", "ard-hint-error[right], [ard-hint-error][right]"], false, never>;
 }

package/lib/form-field/form-field.defaults.d.ts

@@ -5,6 +5,7 @@ export interface ArdFormFieldDefaults {
     reserveHintLine: boolean;
     labelRequiredText: string;
     labelOptionalText: string;
+    autoErrorOnlyFirstError: boolean;
 }
 export declare const ARD_FORM_FIELD_DEFAULTS: InjectionToken<ArdFormFieldDefaults>;
 export declare function provideFormFieldDefaults(config: Partial<ArdFormFieldDefaults>): Provider;

package/lib/form-field/form-field.module.d.ts

@@ -5,11 +5,13 @@ import * as i3 from "./form-field-native-inputs";
 import * as i4 from "./label/label.component";
 import * as i5 from "./hint/hint.component";
 import * as i6 from "./error/error.component";
-import * as i7 from "@angular/common";
-import * as i8 from "./hint/hint.directive";
-import * as i9 from "./error/error.directive";
+import * as i7 from "./hint-error/hint-error.component";
+import * as i8 from "./auto-error/auto-error.component";
+import * as i9 from "@angular/common";
+import * as i10 from "./hint/hint.directive";
+import * as i11 from "./error/error.directive";
 export declare class ArdiumFormFieldModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFormFieldModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumFormFieldModule, [typeof i1.ArdiumFormFieldComponent, typeof i2.ArdiumHorizontalFormFieldComponent, typeof i3.ArdiumFormFieldNativeInputAdapterDirective, typeof i4.ArdiumLabelComponent, typeof i5.ArdiumHintComponent, typeof i6.ArdiumErrorComponent], [typeof i7.CommonModule, typeof i8.ArdiumHintDirective, typeof i9.ArdiumErrorDirective], [typeof i1.ArdiumFormFieldComponent, typeof i2.ArdiumHorizontalFormFieldComponent, typeof i3.ArdiumFormFieldNativeInputAdapterDirective, typeof i4.ArdiumLabelComponent, typeof i5.ArdiumHintComponent, typeof i6.ArdiumErrorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumFormFieldModule, [typeof i1.ArdiumFormFieldComponent, typeof i2.ArdiumHorizontalFormFieldComponent, typeof i3.ArdiumFormFieldNativeInputAdapterDirective, typeof i4.ArdiumLabelComponent, typeof i5.ArdiumHintComponent, typeof i6.ArdiumErrorComponent, typeof i7.ArdiumHintErrorComponent, typeof i8.ArdiumAutoErrorComponent], [typeof i9.CommonModule, typeof i10.ArdiumHintDirective, typeof i11.ArdiumErrorDirective], [typeof i1.ArdiumFormFieldComponent, typeof i2.ArdiumHorizontalFormFieldComponent, typeof i3.ArdiumFormFieldNativeInputAdapterDirective, typeof i4.ArdiumLabelComponent, typeof i5.ArdiumHintComponent, typeof i6.ArdiumErrorComponent, typeof i7.ArdiumHintErrorComponent, typeof i8.ArdiumAutoErrorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumFormFieldModule>;
 }

package/lib/form-field/hint/hint.directive.d.ts

@@ -1,7 +1,8 @@
+import { BooleanLike } from '@ardium-ui/devkit';
 import * as i0 from "@angular/core";
 export declare class ArdiumHintDirective {
-    readonly left: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly right: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly left: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly right: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumHintDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumHintDirective, "[ard-hint]", never, { "left": { "alias": "left"; "required": false; "isSignal": true; }; "right": { "alias": "right"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/lib/form-field/hint-error/hint-error.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./hint-error.directive";
+export declare class ArdiumHintErrorComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumHintErrorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumHintErrorComponent, "ard-hint-error", never, {}, {}, never, ["*"], false, [{ directive: typeof i1.ArdiumHintErrorDirective; inputs: { "left": "left"; "right": "right"; }; outputs: {}; }]>;
+}

package/lib/form-field/hint-error/hint-error.directive.d.ts

@@ -0,0 +1,9 @@
+import { BooleanLike } from '@ardium-ui/devkit';
+import * as i0 from "@angular/core";
+export declare class ArdiumHintErrorDirective {
+    readonly left: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly right: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumHintErrorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumHintErrorDirective, "[ard-hint-error]", never, { "left": { "alias": "left"; "required": false; "isSignal": true; }; "right": { "alias": "right"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/form-field/horizontal-form-field.component.d.ts

@@ -3,5 +3,5 @@ import { _FormFieldBase } from './form-field-base';
 import * as i0 from "@angular/core";
 export declare class ArdiumHorizontalFormFieldComponent extends _FormFieldBase implements OnInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumHorizontalFormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumHorizontalFormFieldComponent, "ard-horizontal-form-field", never, {}, {}, never, ["ard-label, [ard-label]", "*", "ard-error, [ard-error]", "ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])", "ard-hint[left], [ard-hint][left]", "ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])", "ard-hint[right], [ard-hint][right]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumHorizontalFormFieldComponent, "ard-horizontal-form-field", never, {}, {}, never, ["ard-label, [ard-label]", "*", "ard-error[left], [ard-error][left], ard-auto-error[left]", "ard-error[right], [ard-error][right], ard-auto-error[right]", "ard-hint[left], [ard-hint][left]", "ard-hint[right], [ard-hint][right]", "ard-hint:not([left]):not([right]), [ard-hint]:not([left]):not([right])", "ard-auto-error:not([left]):not([right])", "ard-error:not([left]):not([right]), [ard-error]:not([left]):not([right])", "ard-hint-error:not([left]):not([right]), [ard-hint-error]:not([left]):not([right])", "ard-hint-error[left], [ard-hint-error][left]", "ard-hint-error[right], [ard-hint-error][right]"], false, never>;
 }

package/lib/form-field/index.d.ts

@@ -1,8 +1,14 @@
+export * from './auto-error/auto-error.component';
+export * from './auto-error/auto-error.provider';
 export * from './error/error.component';
 export * from './error/error.directive';
+export * from './form-field-child.token';
 export * from './form-field-native-inputs';
 export * from './form-field.component';
+export * from './form-field.defaults';
 export * from './form-field.module';
+export * from './hint-error/hint-error.component';
+export * from './hint-error/hint-error.directive';
 export * from './hint/hint.component';
 export * from './hint/hint.directive';
 export * from './horizontal-form-field.component';

package/lib/form-field/label/label.component.d.ts

@@ -1,8 +1,9 @@
+import { BooleanLike } from '@ardium-ui/devkit';
 import * as i0 from "@angular/core";
 export declare class ArdiumLabelComponent {
     protected readonly _DEFAULTS: import("../form-field.defaults").ArdFormFieldDefaults;
-    readonly required: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly optional: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly optional: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly requiredText: import("@angular/core").InputSignal<string>;
     readonly optionalText: import("@angular/core").InputSignal<string>;
     constructor();

package/lib/form-field-frame/form-field-frame.component.d.ts

@@ -1,4 +1,5 @@
 import { TemplateRef } from '@angular/core';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { _FocusableComponentBase } from '../_internal/focusable-component';
 import { FormElementAppearance, FormElementVariant } from '../types/theming.types';
 import { Nullable } from '../types/utility.types';
@@ -8,8 +9,8 @@ import * as i0 from "@angular/core";
 export declare class ArdiumFormFieldFrameComponent extends _FocusableComponentBase {
     protected readonly _DEFAULTS: ArdFormFieldFrameDefaults;
     constructor(defaults: ArdFormFieldFrameDefaults);
-    readonly hasError: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly isSuccess: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly hasError: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly isSuccess: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     set _setIsFocused(v: boolean);
     /**
      * The appearance of the component, aka the styling.
@@ -22,7 +23,8 @@ export declare class ArdiumFormFieldFrameComponent extends _FocusableComponentBa
     /**
      * Whether to use the compact styling or not.
      */
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    private readonly _enableTransitions;
     readonly ngClasses: import("@angular/core").Signal<string>;
     readonly prefixTemplateInput: import("@angular/core").InputSignal<Nullable<TemplateRef<any>>>;
     readonly suffixTemplateInput: import("@angular/core").InputSignal<Nullable<TemplateRef<any>>>;

package/lib/grid/grid.component.d.ts

@@ -0,0 +1,59 @@
+import { AfterContentInit, OnChanges, SimpleChanges } from '@angular/core';
+import { BooleanLike } from '@ardium-ui/devkit';
+import { ArdBreakpointsConfig } from '../breakpoints/breakpoints';
+import { ArdGridAlign, ArdGridJustify, ArdGridSize, ArdGridWrap } from './grid.types';
+import * as i0 from "@angular/core";
+export declare class ArdiumGridComponent implements AfterContentInit, OnChanges {
+    protected readonly _DEFAULTS: import("./grid.defaults").ArdGridDefaults;
+    private readonly _breakpointService;
+    constructor();
+    private _wasContentInitialized;
+    ngAfterContentInit(): void;
+    readonly container: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly columns: import("@angular/core").InputSignalWithTransform<Required<ArdBreakpointsConfig<number>>, string | number | ArdBreakpointsConfig<number>>;
+    readonly size: import("@angular/core").InputSignalWithTransform<Required<ArdBreakpointsConfig<number | ArdGridSize>>, string | number | ArdBreakpointsConfig<number>>;
+    readonly reverse: import("@angular/core").InputSignalWithTransform<Required<ArdBreakpointsConfig<boolean>>, string | boolean | ArdBreakpointsConfig<boolean>>;
+    readonly justifyContent: import("@angular/core").InputSignalWithTransform<Required<ArdBreakpointsConfig<ArdGridJustify>>, string | ArdBreakpointsConfig<ArdGridJustify>>;
+    readonly alignItems: import("@angular/core").InputSignalWithTransform<Required<ArdBreakpointsConfig<ArdGridAlign>>, string | ArdBreakpointsConfig<ArdGridAlign>>;
+    readonly spacing: import("@angular/core").InputSignalWithTransform<Required<ArdBreakpointsConfig<string | number>>, string | number | ArdBreakpointsConfig<string | number>>;
+    readonly columnSpacing: import("@angular/core").InputSignalWithTransform<ArdBreakpointsConfig<string | number> | null, string | number | ArdBreakpointsConfig<string | number> | null>;
+    readonly rowSpacing: import("@angular/core").InputSignalWithTransform<ArdBreakpointsConfig<string | number> | null, string | number | ArdBreakpointsConfig<string | number> | null>;
+    readonly wrap: import("@angular/core").InputSignalWithTransform<Required<ArdBreakpointsConfig<ArdGridWrap>>, string | ArdBreakpointsConfig<ArdGridWrap>>;
+    readonly inheritedColumns: import("@angular/core").WritableSignal<ArdBreakpointsConfig<number> | null>;
+    readonly inheritedReverse: import("@angular/core").WritableSignal<ArdBreakpointsConfig<boolean> | null>;
+    readonly inheritedJustifyContent: import("@angular/core").WritableSignal<ArdBreakpointsConfig<ArdGridJustify> | null>;
+    readonly inheritedAlignItems: import("@angular/core").WritableSignal<ArdBreakpointsConfig<ArdGridAlign> | null>;
+    readonly inheritedColumnSpacing: import("@angular/core").WritableSignal<ArdBreakpointsConfig<string | number> | null>;
+    readonly inheritedRowSpacing: import("@angular/core").WritableSignal<ArdBreakpointsConfig<string | number> | null>;
+    readonly inheritedWrap: import("@angular/core").WritableSignal<ArdBreakpointsConfig<ArdGridWrap> | null>;
+    readonly wasColumnsChanged: import("@angular/core").WritableSignal<boolean>;
+    readonly wasReverseChanged: import("@angular/core").WritableSignal<boolean>;
+    readonly wasJustifyContentChanged: import("@angular/core").WritableSignal<boolean>;
+    readonly wasAlignItemsChanged: import("@angular/core").WritableSignal<boolean>;
+    readonly wasColumnSpacingChanged: import("@angular/core").WritableSignal<boolean>;
+    readonly wasRowSpacingChanged: import("@angular/core").WritableSignal<boolean>;
+    readonly wasWrapChanged: import("@angular/core").WritableSignal<boolean>;
+    readonly columnsOrInherited: import("@angular/core").Signal<ArdBreakpointsConfig<number>>;
+    readonly reverseOrInherited: import("@angular/core").Signal<ArdBreakpointsConfig<boolean>>;
+    readonly justifyContentOrInherited: import("@angular/core").Signal<ArdBreakpointsConfig<ArdGridJustify>>;
+    readonly alignItemsOrInherited: import("@angular/core").Signal<ArdBreakpointsConfig<ArdGridAlign>>;
+    readonly columnSpacingOrInherited: import("@angular/core").Signal<ArdBreakpointsConfig<string | number> | null>;
+    readonly rowSpacingOrInherited: import("@angular/core").Signal<ArdBreakpointsConfig<string | number> | null>;
+    readonly wrapOrInherited: import("@angular/core").Signal<ArdBreakpointsConfig<ArdGridWrap>>;
+    readonly finalColumnSpacing: import("@angular/core").Signal<ArdBreakpointsConfig<string | number>>;
+    readonly finalRowSpacing: import("@angular/core").Signal<ArdBreakpointsConfig<string | number>>;
+    readonly currentColumns: import("@angular/core").Signal<number | undefined>;
+    readonly currentSize: import("@angular/core").Signal<number | ArdGridSize | undefined>;
+    readonly currentReverse: import("@angular/core").Signal<boolean | undefined>;
+    readonly currentJustifyContent: import("@angular/core").Signal<ArdGridJustify | undefined>;
+    readonly currentAlignItems: import("@angular/core").Signal<ArdGridAlign | undefined>;
+    readonly currentColumnSpacing: import("@angular/core").Signal<string | number | undefined>;
+    readonly currentRowSpacing: import("@angular/core").Signal<string | number | undefined>;
+    readonly currentWrap: import("@angular/core").Signal<ArdGridWrap | undefined>;
+    readonly currentStyle: import("@angular/core").Signal<string>;
+    readonly children: import("@angular/core").Signal<readonly ArdiumGridComponent[]>;
+    ngOnChanges(changes: SimpleChanges): void;
+    private _updateChildrenStyles;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumGridComponent, "ard-grid", never, { "container": { "alias": "container"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "reverse": { "alias": "reverse"; "required": false; "isSignal": true; }; "justifyContent": { "alias": "justifyContent"; "required": false; "isSignal": true; }; "alignItems": { "alias": "alignItems"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "columnSpacing": { "alias": "columnSpacing"; "required": false; "isSignal": true; }; "rowSpacing": { "alias": "rowSpacing"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; }, {}, ["children"], ["*"], false, never>;
+}

package/lib/grid/grid.defaults.d.ts

@@ -0,0 +1,16 @@
+import { InjectionToken, Provider } from '@angular/core';
+import { ArdBreakpointsConfig } from '../breakpoints/breakpoints';
+import { ArdGridAlign, ArdGridJustify, ArdGridSize, ArdGridWrap } from './grid.types';
+export interface ArdGridDefaults {
+    columns: number | string | ArdBreakpointsConfig<number>;
+    size: number | string | ArdGridSize | ArdBreakpointsConfig<number | ArdGridSize>;
+    reverse: boolean | string | ArdBreakpointsConfig<boolean>;
+    justifyContent: ArdGridJustify | ArdBreakpointsConfig<ArdGridJustify>;
+    alignItems: ArdGridAlign | ArdBreakpointsConfig<ArdGridAlign>;
+    spacing: number | string | ArdBreakpointsConfig<number | string>;
+    columnSpacing: null | number | string | ArdBreakpointsConfig<number | string>;
+    rowSpacing: null | number | string | ArdBreakpointsConfig<number | string>;
+    wrap: ArdGridWrap | ArdBreakpointsConfig<ArdGridWrap>;
+}
+export declare const ARD_GRID_DEFAULTS: InjectionToken<ArdGridDefaults>;
+export declare function provideGridDefaults(config: Partial<ArdGridDefaults>): Provider;

package/lib/grid/grid.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./grid.component";
+export declare class ArdiumGridModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumGridModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumGridModule, [typeof i1.ArdiumGridComponent], never, [typeof i1.ArdiumGridComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumGridModule>;
+}

package/lib/grid/grid.types.d.ts

@@ -0,0 +1,38 @@
+export declare const ArdGridSize: {
+    readonly Grow: "grow";
+    readonly Auto: "auto";
+};
+export type ArdGridSize = (typeof ArdGridSize)[keyof typeof ArdGridSize];
+export declare function isArdGridSize(value: any): value is ArdGridSize;
+export declare const ArdGridJustify: {
+    readonly Start: "flex-start";
+    readonly End: "flex-end";
+    readonly Center: "center";
+    readonly SpaceBetween: "space-between";
+    readonly SpaceAround: "space-around";
+    readonly SpaceEvenly: "space-evenly";
+};
+export type ArdGridJustify = (typeof ArdGridJustify)[keyof typeof ArdGridJustify];
+export declare function isArdGridJustify(value: any): value is ArdGridJustify;
+export declare const ArdGridAlign: {
+    readonly Start: "flex-start";
+    readonly End: "flex-end";
+    readonly Center: "center";
+};
+export type ArdGridAlign = (typeof ArdGridAlign)[keyof typeof ArdGridAlign];
+export declare function isArdGridAlign(value: any): value is ArdGridAlign;
+export declare const ArdGridWrap: {
+    readonly Wrap: "wrap";
+    readonly NoWrap: "nowrap";
+    readonly WrapReverse: "wrap-reverse";
+};
+export type ArdGridWrap = (typeof ArdGridWrap)[keyof typeof ArdGridWrap];
+export declare function isArdGridWrap(value: any): value is ArdGridWrap;
+export declare const ArdGridDirection: {
+    readonly Row: "row";
+    readonly RowReverse: "row-reverse";
+    readonly Column: "column";
+    readonly ColumnReverse: "column-reverse";
+};
+export type ArdGridDirection = (typeof ArdGridDirection)[keyof typeof ArdGridDirection];
+export declare function isArdGridDirection(value: any): value is ArdGridDirection;

package/lib/grid/grid.utils.d.ts

@@ -0,0 +1,11 @@
+import { ArdBreakpointsConfig } from './../breakpoints/breakpoints';
+/**
+ * Normalizes various responsive value representations into a full {@link ArdBreakpointsConfig}.
+ *
+ * - `number`: same value is applied to all breakpoints.
+ * - `string`: either a single number or a space-separated breakpoint list
+ *   like `"base:1 sm:2 md:3 lg:4 xl:5"`.
+ * - `ArdBreakpointsConfig`: missing breakpoints are filled based on smaller ones.
+ */
+export declare function transformResponsiveValue<T, R extends T = T>(v: T | string | ArdBreakpointsConfig<T>, breakpoints: string[], parseValue: (val: string) => R | undefined): Required<ArdBreakpointsConfig<R>>;
+export declare function fillInMissingBreakpoints<T>(config: Partial<ArdBreakpointsConfig<T>>, breakpoints: string[]): Required<ArdBreakpointsConfig<T>>;

package/lib/grid/index.d.ts

@@ -0,0 +1,4 @@
+export * from './grid.component';
+export * from './grid.defaults';
+export * from './grid.module';
+export * from './grid.types';

package/lib/icon/icon.component.d.ts

@@ -1,4 +1,5 @@
 import { AfterViewInit, ElementRef } from '@angular/core';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { Nullable } from '../types/utility.types';
 import * as i0 from "@angular/core";
 type WeightNumber = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
@@ -14,7 +15,7 @@ export declare class ArdiumIconComponent implements AfterViewInit {
     protected readonly _DEFAULTS: import("./icon.defaults").ArdIconDefaults;
     readonly ariaLabel: import("@angular/core").InputSignal<string>;
     readonly icon: import("@angular/core").InputSignal<Nullable<string>>;
-    readonly filled: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly filled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly weight: import("@angular/core").InputSignalWithTransform<WeightNumber | undefined, Nullable<Weight>>;
     readonly grade: import("@angular/core").InputSignalWithTransform<GradeNumber | undefined, Nullable<GradeNumber>>;
     readonly opticalSize: import("@angular/core").InputSignalWithTransform<OpticalSizeNumber | undefined, Nullable<OpticalSize>>;

package/lib/inputs/_simple-input-base.d.ts

@@ -1,8 +1,10 @@
 import { AfterViewInit, ElementRef } from '@angular/core';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { _FormFieldComponentBase, _FormFieldComponentDefaults } from '../_internal/form-field-component';
 import { SimpleOneAxisAlignment } from './../types/alignment.types';
 import { FormElementAppearance, FormElementVariant } from './../types/theming.types';
 import { Nullable } from './../types/utility.types';
+import { ArdInputType } from './input-types';
 import { InputModel } from './input-utils';
 import * as i0 from "@angular/core";
 export interface _SimpleInputComponentDefaults extends _FormFieldComponentDefaults {
@@ -15,6 +17,8 @@ export interface _SimpleInputComponentDefaults extends _FormFieldComponentDefaul
     clearButtonTitle: string;
     inputAttrs: Record<string, any>;
     maxLength: Nullable<number>;
+    autoTrim: boolean;
+    type: ArdInputType;
 }
 export declare const _simpleInputComponentDefaults: _SimpleInputComponentDefaults;
 export declare abstract class _SimpleInputComponentBase extends _FormFieldComponentBase implements AfterViewInit {
@@ -24,7 +28,6 @@ export declare abstract class _SimpleInputComponentBase extends _FormFieldCompon
     private _wasViewInit;
     ngAfterViewInit(): void;
     readonly placeholder: import("@angular/core").InputSignal<string>;
-    readonly inputId: import("@angular/core").InputSignal<Nullable<string>>;
     readonly clearButtonTitle: import("@angular/core").InputSignal<string>;
     abstract readonly prefixTemplate: any;
     abstract readonly suffixTemplate: any;
@@ -33,11 +36,14 @@ export declare abstract class _SimpleInputComponentBase extends _FormFieldCompon
     readonly appearance: import("@angular/core").InputSignal<FormElementAppearance>;
     readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
     readonly alignText: import("@angular/core").InputSignal<SimpleOneAxisAlignment>;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly ngClasses: import("@angular/core").Signal<string>;
+    readonly type: import("@angular/core").InputSignal<ArdInputType>;
     readonly inputAttrs: import("@angular/core").InputSignal<Record<string, any>>;
     readonly maxLength: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
-    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly maxLengthAsInt: import("@angular/core").Signal<number>;
+    readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly autoTrim: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     writeValue(v: any): void;
     protected _valueBeforeInit?: string | null;
     set value(v: string | null);
@@ -57,5 +63,5 @@ export declare abstract class _SimpleInputComponentBase extends _FormFieldCompon
     onCopy(event: ClipboardEvent): void;
     protected _setInputAttributes(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<_SimpleInputComponentBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_SimpleInputComponentBase, never, never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "alignText": { "alias": "alignText"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "inputEvent": "input"; "changeEvent": "change"; "clearEvent": "clear"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_SimpleInputComponentBase, never, never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "clearButtonTitle": { "alias": "clearButtonTitle"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "alignText": { "alias": "alignText"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "inputAttrs": { "alias": "inputAttrs"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "autoTrim": { "alias": "autoTrim"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "inputEvent": "input"; "changeEvent": "change"; "clearEvent": "clear"; }, never, never, true, never>;
 }