@spartan-ng/brain 0.0.1-alpha.657 → 0.0.1-alpha.659

package/autocomplete/index.d.ts

@@ -1,9 +1,34 @@
+import * as _spartan_ng_brain_forms from '@spartan-ng/brain/forms';
+import { ControlState, ChangeFn, TouchFn } from '@spartan-ng/brain/forms';
 import * as _angular_core from '@angular/core';
 import { InputSignal, ModelSignal, Signal, InjectionToken, Type, ExistingProvider, ValueProvider } from '@angular/core';
 import { Highlightable, ActiveDescendantKeyManager } from '@angular/cdk/a11y';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { ControlValueAccessor } from '@angular/forms';
-import { ChangeFn, TouchFn } from '@spartan-ng/brain/forms';
+import * as i1 from '@spartan-ng/brain/field';
+
+declare class BrnAutocompleteInput<T> {
+    private static _id;
+    private readonly _el;
+    private readonly _autocomplete;
+    /** The id of the autocomplete input */
+    readonly id: _angular_core.InputSignal<string>;
+    /** Manual override for aria-invalid. When not set, auto-detects from the parent autocomplete error state. */
+    readonly ariaInvalidOverride: _angular_core.InputSignalWithTransform<boolean | undefined, BooleanInput>;
+    readonly disabled: _angular_core.Signal<boolean>;
+    /** Whether the autocomplete panel is expanded */
+    protected readonly _isExpanded: _angular_core.Signal<boolean>;
+    /** Computed aria-invalid: uses manual override if provided, otherwise reads from parent error state. */
+    protected readonly _ariaInvalid: _angular_core.Signal<boolean | undefined>;
+    protected readonly _spartanInvalid: _angular_core.Signal<boolean | undefined>;
+    protected readonly _touched: _angular_core.Signal<boolean | undefined>;
+    protected readonly _dirty: _angular_core.Signal<boolean | undefined>;
+    constructor();
+    protected onInput(event: Event): void;
+    protected onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnAutocompleteInput<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnAutocompleteInput<any>, "input[brnAutocompleteInput]", ["brnAutocompleteInput"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaInvalidOverride": { "alias": "aria-invalid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
 
 declare class BrnAutocompleteItem<T> implements Highlightable {
     private static _id;
@@ -40,6 +65,7 @@ interface BrnAutocompleteBase<T> {
     visibleItems: Signal<boolean>;
     isExpanded: Signal<boolean>;
     searchInputWrapperWidth: Signal<number | null>;
+    controlState: Signal<ControlState | null> | undefined;
     updateSearch: (value: string) => void;
     isSelected: (itemValue: T) => boolean;
     select: (itemValue: T) => void;
@@ -47,6 +73,7 @@ interface BrnAutocompleteBase<T> {
     resetValue: () => void;
     /** Select the active item with Enter key. */
     selectActiveItem: () => void;
+    registerAutocompleteInput: (input: BrnAutocompleteInput<T>) => void;
 }
 declare const BrnAutocompleteBaseToken: InjectionToken<BrnAutocompleteBase<unknown>>;
 declare function provideBrnAutocompleteBase<T>(autocomplete: Type<BrnAutocompleteBase<T>>): ExistingProvider;
@@ -61,13 +88,14 @@ interface BrnAutocompleteConfig<T> {
 declare function provideBrnAutocompleteConfig<T>(config: Partial<BrnAutocompleteConfig<T>>): ValueProvider;
 declare function injectBrnAutocompleteConfig<T>(): BrnAutocompleteConfig<T>;
 
-declare const BRN_AUTOCOMPLETE_VALUE_ACCESSOR: {
+declare const BRN_AUTOCOMPLETE_CONTROL_VALUE_ACCESSOR: {
     provide: _angular_core.InjectionToken<readonly ControlValueAccessor[]>;
     useExisting: _angular_core.Type<any>;
     multi: boolean;
 };
 declare class BrnAutocomplete<T> implements BrnAutocompleteBase<T>, ControlValueAccessor {
     private readonly _injector;
+    private readonly _fieldControl;
     private readonly _config;
     /** Access the popover if present */
     private readonly _brnPopover;
@@ -97,9 +125,13 @@ declare class BrnAutocomplete<T> implements BrnAutocompleteBase<T>, ControlValue
     readonly keyManager: ActiveDescendantKeyManager<BrnAutocompleteItem<T>>;
     /** @internal Whether the autocomplete is expanded */
     readonly isExpanded: _angular_core.Signal<boolean>;
+    private readonly _autocompleteInput;
     protected _onChange?: ChangeFn<T | null>;
     protected _onTouched?: TouchFn;
+    readonly labelableId: _angular_core.Signal<string | undefined>;
+    readonly controlState: _angular_core.Signal<_spartan_ng_brain_forms.ControlState | null> | undefined;
     constructor();
+    registerAutocompleteInput(input: BrnAutocompleteInput<T>): void;
     updateSearch(value: string): void;
     isSelected(itemValue: T): boolean;
     select(itemValue: T): void;
@@ -114,8 +146,9 @@ declare class BrnAutocomplete<T> implements BrnAutocompleteBase<T>, ControlValue
     registerOnChange(fn: ChangeFn<T | null>): void;
     registerOnTouched(fn: TouchFn): void;
     setDisabledState(isDisabled: boolean): void;
+    protected _onFocusOut(event: FocusEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnAutocomplete<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnAutocomplete<any>, "[brnAutocomplete]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "isItemEqualToValue": { "alias": "isItemEqualToValue"; "required": false; "isSignal": true; }; "itemToString": { "alias": "itemToString"; "required": false; "isSignal": true; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "search": "searchChange"; }, ["_searchInputWrapper", "items"], never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnAutocomplete<any>, "[brnAutocomplete]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "isItemEqualToValue": { "alias": "isItemEqualToValue"; "required": false; "isSignal": true; }; "itemToString": { "alias": "itemToString"; "required": false; "isSignal": true; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "search": "searchChange"; }, ["_searchInputWrapper", "items"], never, true, [{ directive: typeof i1.BrnFieldControl; inputs: {}; outputs: {}; }]>;
 }
 
 declare class BrnAutocompleteAnchor {
@@ -165,22 +198,6 @@ declare class BrnAutocompleteGroup {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnAutocompleteGroup, "[brnAutocompleteGroup]", never, {}, {}, ["_items", "_label"], never, true, never>;
 }
 
-declare class BrnAutocompleteInput<T> {
-    private static _id;
-    private readonly _el;
-    private readonly _autocomplete;
-    /** The id of the autocomplete input */
-    readonly id: _angular_core.InputSignal<string>;
-    readonly disabled: _angular_core.Signal<boolean>;
-    /** Whether the autocomplete panel is expanded */
-    protected readonly _isExpanded: _angular_core.Signal<boolean>;
-    constructor();
-    protected onInput(event: Event): void;
-    protected onKeyDown(event: KeyboardEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnAutocompleteInput<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnAutocompleteInput<any>, "input[brnAutocompleteInput]", ["brnAutocompleteInput"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 declare class BrnAutocompleteInputWrapper {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnAutocompleteInputWrapper, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnAutocompleteInputWrapper, "[brnAutocompleteInputWrapper]", never, {}, {}, never, never, true, never>;
@@ -212,9 +229,11 @@ declare const BRN_AUTOCOMPLETE_SEARCH_VALUE_ACCESSOR: {
 };
 declare class BrnAutocompleteSearch<T> implements BrnAutocompleteBase<T>, ControlValueAccessor {
     private readonly _injector;
+    private readonly _fieldControl;
     private readonly _config;
     /** Access the popover if present */
     private readonly _brnPopover;
+    readonly controlState: _angular_core.Signal<_spartan_ng_brain_forms.ControlState | null> | undefined;
     /** Whether the autocomplete is disabled */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     protected readonly _disabled: _angular_core.WritableSignal<boolean>;
@@ -239,9 +258,12 @@ declare class BrnAutocompleteSearch<T> implements BrnAutocompleteBase<T>, Contro
     readonly keyManager: ActiveDescendantKeyManager<BrnAutocompleteItem<T>>;
     /** @internal Whether the autocomplete is expanded */
     readonly isExpanded: _angular_core.Signal<boolean>;
+    private readonly _autocompleteInput;
     protected _onChange?: ChangeFn<string | null>;
     protected _onTouched?: TouchFn;
+    readonly labelableId: _angular_core.Signal<string | undefined>;
     constructor();
+    registerAutocompleteInput(input: BrnAutocompleteInput<T>): void;
     updateSearch(value: string): void;
     isSelected(itemValue: T): boolean;
     select(itemValue: T): void;
@@ -256,8 +278,9 @@ declare class BrnAutocompleteSearch<T> implements BrnAutocompleteBase<T>, Contro
     registerOnChange(fn: ChangeFn<string | null>): void;
     registerOnTouched(fn: TouchFn): void;
     setDisabledState(isDisabled: boolean): void;
+    protected _onFocusOut(event: FocusEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnAutocompleteSearch<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnAutocompleteSearch<any>, "[brnAutocomplete]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "itemToString": { "alias": "itemToString"; "required": false; "isSignal": true; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "search": "searchChange"; }, ["_searchInputWrapper", "items"], never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnAutocompleteSearch<any>, "[brnAutocomplete]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "itemToString": { "alias": "itemToString"; "required": false; "isSignal": true; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "search": "searchChange"; }, ["_searchInputWrapper", "items"], never, true, [{ directive: typeof i1.BrnFieldControl; inputs: {}; outputs: {}; }]>;
 }
 
 declare class BrnAutocompleteSeparator {
@@ -276,5 +299,5 @@ declare function provideBrnAutocompleteItem<T>(autocomplete: Type<BrnAutocomplet
 
 declare const BrnAutocompleteImports: readonly [typeof BrnAutocomplete, typeof BrnAutocompleteAnchor, typeof BrnAutocompleteClear, typeof BrnAutocompleteContent, typeof BrnAutocompleteEmpty, typeof BrnAutocompleteGroup, typeof BrnAutocompleteInput, typeof BrnAutocompleteInputWrapper, typeof BrnAutocompleteItem, typeof BrnAutocompleteLabel, typeof BrnAutocompleteList, typeof BrnAutocompleteSearch, typeof BrnAutocompleteSeparator, typeof BrnAutocompleteStatus];
 
-export { BRN_AUTOCOMPLETE_SEARCH_VALUE_ACCESSOR, BRN_AUTOCOMPLETE_VALUE_ACCESSOR, BrnAutocomplete, BrnAutocompleteAnchor, BrnAutocompleteBaseToken, BrnAutocompleteClear, BrnAutocompleteContent, BrnAutocompleteEmpty, BrnAutocompleteGroup, BrnAutocompleteImports, BrnAutocompleteInput, BrnAutocompleteInputWrapper, BrnAutocompleteItem, BrnAutocompleteItemToken, BrnAutocompleteLabel, BrnAutocompleteList, BrnAutocompleteSearch, BrnAutocompleteSeparator, BrnAutocompleteStatus, injectBrnAutocompleteBase, injectBrnAutocompleteConfig, provideBrnAutocompleteBase, provideBrnAutocompleteConfig, provideBrnAutocompleteItem };
+export { BRN_AUTOCOMPLETE_CONTROL_VALUE_ACCESSOR, BRN_AUTOCOMPLETE_SEARCH_VALUE_ACCESSOR, BrnAutocomplete, BrnAutocompleteAnchor, BrnAutocompleteBaseToken, BrnAutocompleteClear, BrnAutocompleteContent, BrnAutocompleteEmpty, BrnAutocompleteGroup, BrnAutocompleteImports, BrnAutocompleteInput, BrnAutocompleteInputWrapper, BrnAutocompleteItem, BrnAutocompleteItemToken, BrnAutocompleteLabel, BrnAutocompleteList, BrnAutocompleteSearch, BrnAutocompleteSeparator, BrnAutocompleteStatus, injectBrnAutocompleteBase, injectBrnAutocompleteConfig, provideBrnAutocompleteBase, provideBrnAutocompleteConfig, provideBrnAutocompleteItem };
 export type { AutocompleteItemEqualToValue, AutocompleteItemToString, BrnAutocompleteBase, BrnAutocompleteConfig };

package/checkbox/index.d.ts

@@ -3,6 +3,7 @@ import { AfterContentInit, OnDestroy, ElementRef } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { ControlValueAccessor } from '@angular/forms';
 import { ChangeFn, TouchFn } from '@spartan-ng/brain/forms';
+import * as i1 from '@spartan-ng/brain/field';
 
 declare const BRN_CHECKBOX_VALUE_ACCESSOR: {
     provide: _angular_core.InjectionToken<readonly ControlValueAccessor[]>;
@@ -15,6 +16,7 @@ declare class BrnCheckbox implements ControlValueAccessor, AfterContentInit, OnD
     private readonly _elementRef;
     private readonly _focusMonitor;
     private readonly _cdr;
+    private readonly _fieldControl;
     private readonly _document;
     private readonly _isBrowser;
     protected readonly _focusVisible: _angular_core.WritableSignal<boolean>;
@@ -81,6 +83,11 @@ declare class BrnCheckbox implements ControlValueAccessor, AfterContentInit, OnD
      * Disabled checkboxes cannot be toggled and indicate disabled state through data-disabled attribute.
      */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Whether to force the field into an invalid state, regardless of the form control's state.
+     * Overrides both the `data-invalid` and `data-matches-spartan-invalid` attributes.
+     */
+    readonly forceInvalid: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     /**
      * Computed state for checkbox container and accessibility.
      * Manages ID, name, and disabled state.
@@ -90,6 +97,13 @@ declare class BrnCheckbox implements ControlValueAccessor, AfterContentInit, OnD
         name: string | null;
         id: string | null;
     }>;
+    protected readonly _buttonId: _angular_core.Signal<string | null>;
+    protected readonly _buttonName: _angular_core.Signal<string | null>;
+    readonly labelableId: _angular_core.Signal<string | null>;
+    protected readonly _dirty: _angular_core.Signal<boolean | null> | undefined;
+    protected readonly _invalid: _angular_core.Signal<boolean | null>;
+    readonly spartanInvalid: _angular_core.Signal<boolean | null>;
+    protected readonly _controlTouched: _angular_core.Signal<boolean | null> | undefined;
     protected _onChange: ChangeFn<boolean>;
     private _onTouched;
     /**
@@ -148,7 +162,7 @@ declare class BrnCheckbox implements ControlValueAccessor, AfterContentInit, OnD
      */
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnCheckbox, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BrnCheckbox, "brn-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "checkedChange": "checkedChange"; "indeterminate": "indeterminateChange"; "touched": "touched"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BrnCheckbox, "brn-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "forceInvalid": { "alias": "forceInvalid"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "checkedChange": "checkedChange"; "indeterminate": "indeterminateChange"; "touched": "touched"; }, never, ["*"], true, [{ directive: typeof i1.BrnFieldControl; inputs: {}; outputs: {}; }]>;
 }
 
 declare const BrnCheckboxImports: readonly [typeof BrnCheckbox];

package/combobox/index.d.ts

@@ -1,9 +1,35 @@
+import * as _spartan_ng_brain_forms from '@spartan-ng/brain/forms';
+import { ControlState, ChangeFn, TouchFn } from '@spartan-ng/brain/forms';
 import * as _angular_core from '@angular/core';
-import { InputSignal, Signal, ModelSignal, InjectionToken, Type, ExistingProvider, ValueProvider } from '@angular/core';
+import { InputSignal, Signal, ModelSignal, InjectionToken, Type, ExistingProvider, ValueProvider, ElementRef } from '@angular/core';
 import { Highlightable, ActiveDescendantKeyManager } from '@angular/cdk/a11y';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { ControlValueAccessor } from '@angular/forms';
-import { ChangeFn, TouchFn } from '@spartan-ng/brain/forms';
+import * as i1 from '@spartan-ng/brain/field';
+
+declare class BrnComboboxChipInput<T> {
+    private static _id;
+    private readonly _el;
+    private readonly _combobox;
+    /** The id of the combobox input */
+    readonly id: _angular_core.InputSignal<string>;
+    /** Manual override for aria-invalid. When not set, auto-detects from the parent combobox error state. */
+    readonly ariaInvalidOverride: _angular_core.InputSignalWithTransform<boolean | undefined, BooleanInput>;
+    /** Computed aria-invalid: uses manual override if provided, otherwise reads from parent error state. */
+    protected readonly _ariaInvalid: _angular_core.Signal<boolean | undefined>;
+    protected readonly _dirty: _angular_core.Signal<boolean | undefined>;
+    protected readonly _touched: _angular_core.Signal<boolean | undefined>;
+    protected readonly _spartanInvalid: _angular_core.Signal<boolean | undefined>;
+    protected readonly _disabled: _angular_core.Signal<boolean>;
+    /** Whether the combobox panel is expanded */
+    protected readonly _isExpanded: _angular_core.Signal<boolean>;
+    constructor();
+    protected onInput(event: Event): void;
+    /** Listen for keydown events */
+    protected onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnComboboxChipInput<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnComboboxChipInput<any>, "input[brnComboboxChipInput]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaInvalidOverride": { "alias": "aria-invalid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
 
 declare class BrnComboboxItem<T> implements Highlightable {
     private static _id;
@@ -46,6 +72,7 @@ interface BrnComboboxBase<T> {
     isExpanded: Signal<boolean>;
     searchInputWrapperWidth: Signal<number | null>;
     mode: Signal<ComboboxInputMode>;
+    controlState?: Signal<ControlState | null>;
     hasValue: Signal<boolean>;
     isSelected: (itemValue: T) => boolean;
     select: (itemValue: T) => void;
@@ -59,6 +86,8 @@ interface BrnComboboxBase<T> {
     removeValue: (value: T) => void;
     /** Register the combobox input component for single selection mode */
     registerComboboxInput?: (input: BrnComboboxInput<T>) => void;
+    /** Register the combobox chip input component for multi selection mode */
+    registerComboboxChipInput?: (input: BrnComboboxChipInput<T>) => void;
 }
 declare const BrnComboboxBaseToken: InjectionToken<BrnComboboxBase<unknown>>;
 declare function provideBrnComboboxBase<T>(instance: Type<BrnComboboxBase<T>>): ExistingProvider;
@@ -94,15 +123,22 @@ declare class BrnComboboxInput<T> {
     readonly mode: _angular_core.Signal<ComboboxInputMode>;
     /** The id of the combobox input */
     readonly id: _angular_core.InputSignal<string>;
+    /** Manual override for aria-invalid. When not set, auto-detects from the parent combobox error state. */
+    readonly ariaInvalidOverride: _angular_core.InputSignalWithTransform<boolean | undefined, BooleanInput>;
     readonly disabled: _angular_core.Signal<boolean>;
     /** Whether the combobox panel is expanded */
     protected readonly _isExpanded: _angular_core.Signal<boolean>;
+    /** Computed aria-invalid: uses manual override if provided, otherwise reads from parent error state. */
+    protected readonly _ariaInvalid: _angular_core.Signal<boolean | undefined>;
+    protected readonly _dirty: _angular_core.Signal<boolean | undefined>;
+    protected readonly _touched: _angular_core.Signal<boolean | undefined>;
+    protected readonly _spartanInvalid: _angular_core.Signal<boolean | undefined>;
     constructor();
     protected onInput(event: Event): void;
     /** Listen for keydown events */
     protected onKeyDown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnComboboxInput<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnComboboxInput<any>, "input[brnComboboxInput]", ["brnComboboxInput"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnComboboxInput<any>, "input[brnComboboxInput]", ["brnComboboxInput"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaInvalidOverride": { "alias": "aria-invalid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare const BRN_COMBOBOX_VALUE_ACCESSOR: {
@@ -112,9 +148,11 @@ declare const BRN_COMBOBOX_VALUE_ACCESSOR: {
 };
 declare class BrnCombobox<T> implements BrnComboboxBase<T>, ControlValueAccessor {
     private readonly _injector;
+    private readonly _fieldControl;
     private readonly _config;
     /** Access the popover if present */
     private readonly _brnPopover;
+    readonly controlState: _angular_core.Signal<_spartan_ng_brain_forms.ControlState | null> | undefined;
     /** Whether the combobox is disabled */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     protected readonly _disabled: _angular_core.WritableSignal<boolean>;
@@ -142,6 +180,7 @@ declare class BrnCombobox<T> implements BrnComboboxBase<T>, ControlValueAccessor
     readonly searchInputWrapperWidth: _angular_core.Signal<number | null>;
     /** @internal Access all the items within the combobox */
     readonly items: _angular_core.Signal<readonly BrnComboboxItem<T>[]>;
+    private readonly _content;
     /** Determine if the combobox has any visible items */
     readonly visibleItems: _angular_core.Signal<boolean>;
     /** @internal The key manager for managing active descendant */
@@ -150,6 +189,7 @@ declare class BrnCombobox<T> implements BrnComboboxBase<T>, ControlValueAccessor
     readonly isExpanded: _angular_core.Signal<boolean>;
     private readonly _comboboxInput;
     readonly mode: _angular_core.Signal<ComboboxInputMode>;
+    readonly labelableId: _angular_core.Signal<string | undefined>;
     protected _onChange?: ChangeFn<T | null>;
     protected _onTouched?: TouchFn;
     constructor();
@@ -163,14 +203,15 @@ declare class BrnCombobox<T> implements BrnComboboxBase<T>, ControlValueAccessor
     removeValue(_: T): void;
     removeLastSelectedItem(): void;
     open(): void;
-    private close;
     /** CONTROL VALUE ACCESSOR */
     writeValue(value: T | null): void;
     registerOnChange(fn: ChangeFn<T | null>): void;
     registerOnTouched(fn: TouchFn): void;
     setDisabledState(isDisabled: boolean): void;
+    protected _onFocusOut(event: FocusEvent): void;
+    private close;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnCombobox<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnCombobox<any>, "[brnCombobox]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filterOptions": { "alias": "filterOptions"; "required": false; "isSignal": true; }; "isItemEqualToValue": { "alias": "isItemEqualToValue"; "required": false; "isSignal": true; }; "itemToString": { "alias": "itemToString"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "search": "searchChange"; }, ["_searchInputWrapper", "items"], never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnCombobox<any>, "[brnCombobox]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filterOptions": { "alias": "filterOptions"; "required": false; "isSignal": true; }; "isItemEqualToValue": { "alias": "isItemEqualToValue"; "required": false; "isSignal": true; }; "itemToString": { "alias": "itemToString"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "search": "searchChange"; }, ["_searchInputWrapper", "items", "_content"], never, true, [{ directive: typeof i1.BrnFieldControl; inputs: {}; outputs: {}; }]>;
 }
 
 declare class BrnComboboxAnchor {
@@ -190,23 +231,6 @@ declare class BrnComboboxChip<T> {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnComboboxChip<any>, "[brnComboboxChip]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class BrnComboboxChipInput<T> {
-    private static _id;
-    private readonly _el;
-    private readonly _combobox;
-    /** The id of the combobox input */
-    readonly id: _angular_core.InputSignal<string>;
-    protected readonly _disabled: _angular_core.Signal<boolean>;
-    /** Whether the combobox panel is expanded */
-    protected readonly _isExpanded: _angular_core.Signal<boolean>;
-    constructor();
-    protected onInput(event: Event): void;
-    /** Listen for keydown events */
-    protected onKeyDown(event: KeyboardEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnComboboxChipInput<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnComboboxChipInput<any>, "input[brnComboboxChipInput]", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 declare class BrnComboboxChipRemove<T> {
     private readonly _combobox;
     private readonly _chip;
@@ -231,6 +255,7 @@ declare class BrnComboboxClear {
 
 declare class BrnComboboxContent {
     private readonly _combobox;
+    readonly el: ElementRef<HTMLElement>;
     /** Determine if the combobox is empty */
     protected readonly _empty: _angular_core.Signal<boolean>;
     protected readonly _comboboxWidth: _angular_core.Signal<number | null>;
@@ -286,9 +311,11 @@ declare const BRN_COMBOBOX_MULTIPLE_VALUE_ACCESSOR: {
 };
 declare class BrnComboboxMultiple<T> implements BrnComboboxBase<T>, ControlValueAccessor {
     private readonly _injector;
+    private readonly _fieldControl;
     private readonly _config;
     /** Access the popover if present */
     private readonly _brnPopover;
+    readonly controlState: _angular_core.Signal<_spartan_ng_brain_forms.ControlState | null> | undefined;
     /** Whether the combobox is disabled */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, BooleanInput>;
     protected readonly _disabled: _angular_core.WritableSignal<boolean>;
@@ -316,16 +343,20 @@ declare class BrnComboboxMultiple<T> implements BrnComboboxBase<T>, ControlValue
     readonly searchInputWrapperWidth: _angular_core.Signal<number | null>;
     /** @internal Access all the items within the combobox */
     readonly items: _angular_core.Signal<readonly BrnComboboxItem<T>[]>;
+    private readonly _content;
     /** Determine if the combobox has any visible items */
     readonly visibleItems: _angular_core.Signal<boolean>;
     /** @internal The key manager for managing active descendant */
     readonly keyManager: ActiveDescendantKeyManager<BrnComboboxItem<T>>;
     /** @internal Whether the autocomplete is expanded */
     readonly isExpanded: _angular_core.Signal<boolean>;
+    private readonly _comboboxChipInput;
     readonly mode: _angular_core.Signal<ComboboxInputMode>;
+    readonly labelableId: _angular_core.Signal<string | undefined>;
     protected _onChange?: ChangeFn<T[] | null>;
     protected _onTouched?: TouchFn;
     constructor();
+    registerComboboxChipInput(input: BrnComboboxChipInput<T>): void;
     isSelected(itemValue: T): boolean;
     select(itemValue: T): void;
     /** Select the active item with Enter key. */
@@ -335,6 +366,7 @@ declare class BrnComboboxMultiple<T> implements BrnComboboxBase<T>, ControlValue
     removeValue(itemValue: T): void;
     removeLastSelectedItem(): void;
     open(): void;
+    protected _onFocusOut(event: FocusEvent): void;
     private close;
     /** CONTROL VALUE ACCESSOR */
     writeValue(value: T[] | null): void;
@@ -342,7 +374,7 @@ declare class BrnComboboxMultiple<T> implements BrnComboboxBase<T>, ControlValue
     registerOnTouched(fn: TouchFn): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnComboboxMultiple<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnComboboxMultiple<any>, "[brnCombobox]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filterOptions": { "alias": "filterOptions"; "required": false; "isSignal": true; }; "isItemEqualToValue": { "alias": "isItemEqualToValue"; "required": false; "isSignal": true; }; "itemToString": { "alias": "itemToString"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "search": "searchChange"; }, ["_searchInputWrapper", "items"], never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BrnComboboxMultiple<any>, "[brnCombobox]", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filterOptions": { "alias": "filterOptions"; "required": false; "isSignal": true; }; "isItemEqualToValue": { "alias": "isItemEqualToValue"; "required": false; "isSignal": true; }; "itemToString": { "alias": "itemToString"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "autoHighlight": { "alias": "autoHighlight"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "search": "searchChange"; }, ["_searchInputWrapper", "items", "_content"], never, true, [{ directive: typeof i1.BrnFieldControl; inputs: {}; outputs: {}; }]>;
 }
 
 declare class BrnComboboxPlaceholder {
@@ -376,6 +408,10 @@ declare class BrnComboboxTrigger<T> {
     protected readonly _isExpanded: _angular_core.Signal<boolean>;
     protected readonly _disabled: _angular_core.Signal<boolean>;
     protected readonly _isPlaceholder: _angular_core.Signal<boolean>;
+    protected readonly _ariaInvalid: _angular_core.Signal<boolean | undefined>;
+    protected readonly _dirty: _angular_core.Signal<boolean | undefined>;
+    protected readonly _touched: _angular_core.Signal<boolean | undefined>;
+    protected readonly _spartanInvalid: _angular_core.Signal<boolean | undefined>;
     /** Listen for keydown events */
     protected onKeyDown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BrnComboboxTrigger<any>, never>;