@ardium-ui/ui 5.0.0-alpha.3 → 5.0.0-alpha.31

package/lib/_internal/disablable-component.d.ts

@@ -1,3 +1,4 @@
+import { BooleanLike } from '@ardium-ui/devkit';
 import * as i0 from "@angular/core";
 export interface _DisablableComponentDefaults {
     readonly: boolean;
@@ -10,7 +11,7 @@ export declare abstract class _DisablableComponentBase {
     /**
      * Whether the component is read-only. Defines the `readonly` host attribute and `ard-readonly` host class. Coercible into a boolean.
      */
-    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     /**
      * Whether the component is disabled. Defines the `disabled` host attribute and `ard-disabled` host class. Coercible into a boolean.
      */

package/lib/_internal/focusable-component.d.ts

@@ -1,3 +1,4 @@
+import { NumberLike } from '@ardium-ui/devkit';
 import { _DisablableComponentBase, _DisablableComponentDefaults } from './disablable-component';
 import * as i0 from "@angular/core";
 export interface _FocusableComponentDefaults extends _DisablableComponentDefaults {
@@ -27,7 +28,7 @@ export declare abstract class _FocusableComponentBase extends _DisablableCompone
      * The component's overall tab index. If the component is disabled, it is always `-1`. Coercible into a number, defaults to `0`.
      */
     readonly tabIndex: import("@angular/core").Signal<number>;
-    readonly _tabIndex: import("@angular/core").InputSignalWithTransform<number, any>;
+    readonly _tabIndex: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
     /**
      * The event emitter responsible for firing `focus` events.
      */

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

@@ -1,4 +1,5 @@
 import { ControlValueAccessor } from '@angular/forms';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { ArdFormFieldControl } from '../form-field/form-field-child.token';
 import { _NgModelComponentBase, _NgModelComponentDefaults } from './ngmodel-component';
 import * as i0 from "@angular/core";
@@ -15,7 +16,7 @@ export declare abstract class _FormFieldComponentBase extends _NgModelComponentB
     protected readonly _DEFAULTS: _FormFieldComponentDefaults;
     readonly _required: import("@angular/core").InputSignalWithTransform<boolean | undefined, any>;
     get required(): boolean;
-    readonly isSuccess: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly isSuccess: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     static ɵfac: i0.ɵɵFactoryDeclaration<_FormFieldComponentBase, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<_FormFieldComponentBase, never, never, { "_required": { "alias": "required"; "required": false; "isSignal": true; }; "isSuccess": { "alias": "isSuccess"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/_internal/item-storages/dropdown-item-storage.d.ts

@@ -16,26 +16,24 @@ export interface ItemStorageHost {
     readonly searchFn: Signal<SearchFn>;
     readonly compareWith: Signal<Nullable<CompareWithFn>>;
     readonly multiselectable: Signal<boolean>;
-    readonly sortMultipleValues: Signal<boolean>;
     readonly maxSelectedItems: Signal<Nullable<number>>;
     readonly addCustom: Signal<boolean | AddCustomFn<any> | AddCustomFn<Promise<any>>>;
     readonly _componentId: string;
 }
 export declare class ItemStorage {
     private readonly _ardParentComp;
-    private readonly _groups;
     private readonly _items;
-    private readonly _filteredItems;
-    private readonly _highlightedItems;
-    private readonly _highlightedGroups;
+    readonly filteredItems: Signal<ArdOption[]>;
+    readonly selectedItems: Signal<ArdOption[]>;
+    readonly highlightedItems: Signal<ArdOption[]>;
+    private readonly _lastHighlightedItem;
     private readonly _recentlyHighlightedItem;
-    private readonly _selectedItems;
+    private readonly _groups;
+    private _updateItems;
+    private _updateItemsFromArray;
     constructor(_ardParentComp: ItemStorageHost);
     readonly groups: Signal<ArdOptionGroup[]>;
     readonly items: Signal<ArdOption[]>;
-    readonly filteredItems: Signal<ArdOption[]>;
-    readonly highlightedItems: Signal<ArdOption[]>;
-    readonly selectedItems: Signal<ArdOption[]>;
     readonly lastSelectedItem: Signal<ArdOption>;
     readonly value: Signal<any[]>;
     private _itemsToValue;
@@ -43,25 +41,27 @@ export declare class ItemStorage {
     readonly isNoItemsFound: Signal<boolean>;
     readonly isAnyItemSelected: Signal<boolean>;
     readonly isAnyItemHighlighted: Signal<boolean>;
+    readonly itemsLeftUntilLimit: Signal<number>;
     readonly isItemLimitReached: Signal<boolean>;
+    private readonly _highlightableItems;
     setItems(items: any[]): void;
+    updateItemFromOptionComponent(itemValue: any, updatedItem: Partial<ArdOption>): void;
     private _addSingleItem;
     private _primitiveItemsMapFn;
     private _ungroupAlreadyGroupedItems;
     private _setItemsMapFn;
-    private _populateGroups;
-    private _addToGroup;
     private _createEmptyGroupMap;
     private _isWriteValueValid;
-    private readonly _valueToWriteAfterItemsLoad;
-    private readonly _wasValueWriteDeferred;
-    handleWriteValue(ngModel: any[]): void;
+    private _valueToWriteAfterItemsLoad;
+    private _wasValueWriteDeferred;
+    handleWriteValue(ngModel: any): void;
     findItemByValue(valueToFind: any): ArdOption | undefined;
     addCustomOption(value: string, fn: AddCustomFn<any> | AddCustomFn<Promise<any>>): Promise<ArdOption | null>;
-    clearAllSelected(repopulateGroups?: boolean): any[];
+    clearAllSelected(): any[];
     clearLastSelected(): ArdOption;
     selectItem(...items: ArdOption[]): [any[], any[], any[]];
     unselectItem(...items: ArdOption[]): any[];
+    toggleItem(item: ArdOption): void;
     clearAllHighlights(): void;
     highlightGroup(group: ArdOptionGroup): ArdOption;
     highlightSingleItem(item: ArdOption): ArdOption | null;
@@ -69,10 +69,8 @@ export declare class ItemStorage {
     unhighlightItem(...items: ArdOption[]): void;
     highlightFirstItem(): ArdOption | null;
     highlightLastItem(): ArdOption | null;
-    private _getHiglightableItems;
     highlightAllItems(): void;
-    private _clearRecentlyHighlighted;
-    setRecentlyHighlighted(item: ArdOption): void;
+    setRecentlyHighlighted(itemToSet: ArdOption): void;
     highlightNextItem(offset: number, hasShift?: boolean): ArdOption | null;
     filter(filterTerm: string): any[];
     resetFiltered(): ArdOption[];

package/lib/_internal/item-storages/simple-item-storage.d.ts

@@ -22,21 +22,19 @@ export interface SimpleItemStorageHost {
 export declare class SimpleItemStorage {
     private readonly _ardParentComp;
     private readonly _items;
-    private readonly _highlightedItems;
-    private readonly _selectedItems;
     constructor(_ardParentComp: SimpleItemStorageHost);
     /**
      * Gets all items.
      */
     readonly items: Signal<ArdOptionSimple[]>;
-    /**
-     * Gets all currently highlighted items.
-     */
-    readonly highlightedItems: Signal<ArdOptionSimple[]>;
     /**
      * Gets all currently selected items.
      */
     readonly selectedItems: Signal<ArdOptionSimple[]>;
+    /**
+     * Gets all currently highlighted items.
+     */
+    readonly highlightedItems: Signal<ArdOptionSimple[]>;
     /**
      * Gets the values of the currently selected items.
      */
@@ -47,16 +45,25 @@ export declare class SimpleItemStorage {
      * @returns An array of item values.
      */
     private _itemsToValue;
+    private _updateItems;
+    private _updateItemsFromArray;
     /**
      * Returns true if at least one item is highlighted, otherwise false.
      */
     readonly isAnyItemHighlighted: Signal<boolean>;
+    /**
+     * Finds all highlightable items. An item is considered highlightable if it is **not** disabled.
+     * @returns An array of all highlightable items.
+     */
+    private readonly _highlightableItems;
+    readonly itemsLeftUntilLimit: Signal<number>;
     /**
      * Returns true if the parent component defines the limit of concurrently selectable items and the amount of currently selected items matches that limit. Otherwise returns false.
      *
      * **TLDR**: true if `maxSelectedItems` is defined and the number of selected items matches that value.
      */
     readonly isItemLimitReached: Signal<boolean>;
+    private _areItemsInitialized;
     /**
      * Sets the component's items. Takes into account the values defined by the parent component for `valueFrom`, `labelFrom`, and `disabledFrom`.
      * @param items An array of items to be set as the component's items.
@@ -65,11 +72,12 @@ export declare class SimpleItemStorage {
     setItems(items: unknown[]): void;
     private _primitiveItemsMapFn;
     private _setItemsMapFn;
+    private _valueBeforeItemsSet;
     /**
      * Writes a new value to the item storage. Selects the correct items based on the provided values, warning the user if the value is not found.
      * @param ngModel The value of the ngModel to set.
      */
-    writeValue(ngModel: any[]): void;
+    writeValue(ngModel: any): void;
     private _validateSingleElementType;
     /**
      * Validates that all values of the value to be written are able to be accurately compared against the storage items.
@@ -156,9 +164,4 @@ export declare class SimpleItemStorage {
      * @returns The item highlighted.
      */
     highlightNextItem(offset: number, hasShift?: boolean): ArdOptionSimple | null;
-    /**
-     * Finds all highlightable items. An item is considered highlightable if it is **not** disabled.
-     * @returns An array of all highlightable items.
-     */
-    private readonly highlightableItems;
 }

package/lib/_internal/item-storages/simplest-item-storage.d.ts

@@ -18,7 +18,7 @@ export declare class SimplestItemStorage {
     /**
      * Gets all items.
      */
-    readonly items: Signal<ArdSimplestStorageItem[]>;
+    readonly items: import("@ardium-ui/devkit").ArraySignal<ArdSimplestStorageItem>;
     /**
      * The currently highlighted item.
      */

package/lib/_internal/selectable-list-component.d.ts

@@ -1,4 +1,5 @@
 import { ControlValueAccessor } from '@angular/forms';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { ArdFormFieldControl } from '../form-field/form-field-child.token';
 import { ArdOptionSimple, CompareWithFn, OptionContext } from '../types/item-storage.types';
 import { Nullable } from '../types/utility.types';
@@ -30,13 +31,13 @@ export declare abstract class _SelectableListComponentBase extends _FormFieldCom
     readonly compareWith: import("@angular/core").InputSignal<Nullable<CompareWithFn>>;
     get items(): any[];
     set items(value: any);
-    readonly multiselectable: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly multiselectable: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     get _multiselectableHostAttribute(): boolean;
     readonly singleselectable: import("@angular/core").Signal<boolean>;
-    readonly requireValue: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly requireValue: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly isValueRequired: import("@angular/core").Signal<boolean>;
     get _requireValueHostAttribute(): boolean;
-    readonly invertDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly invertDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly maxSelectedItems: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
     setDisabledState(state: boolean): void;
     writeValue(ngModel: any[]): void;
@@ -50,10 +51,9 @@ export declare abstract class _SelectableListComponentBase extends _FormFieldCom
     readonly highlightedItems: import("@angular/core").Signal<ArdOptionSimple[]>;
     readonly firstHighlightedItem: import("@angular/core").Signal<Nullable<ArdOptionSimple>>;
     readonly isItemLimitReached: import("@angular/core").Signal<boolean>;
-    getOptionContext(item: ArdOptionSimple): OptionContext<ArdOptionSimple>;
+    readonly optionContextGenerator: import("@angular/core").Signal<(item: ArdOptionSimple) => OptionContext<ArdOptionSimple>>;
     set value(newValue: any);
     readonly valueChange: import("@angular/core").OutputEmitterRef<any>;
-    readonly changeEvent: import("@angular/core").OutputEmitterRef<any>;
     readonly addEvent: import("@angular/core").OutputEmitterRef<any[]>;
     readonly removeEvent: import("@angular/core").OutputEmitterRef<any[]>;
     toggleItem(item: ArdOptionSimple): void;
@@ -72,5 +72,5 @@ export declare abstract class _SelectableListComponentBase extends _FormFieldCom
     private _highlightLast;
     private _highlightAll;
     static ɵfac: i0.ɵɵFactoryDeclaration<_SelectableListComponentBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_SelectableListComponentBase, never, never, { "valueFrom": { "alias": "valueFrom"; "required": false; "isSignal": true; }; "labelFrom": { "alias": "labelFrom"; "required": false; "isSignal": true; }; "disabledFrom": { "alias": "disabledFrom"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; }; "multiselectable": { "alias": "multiselectable"; "required": false; "isSignal": true; }; "requireValue": { "alias": "requireValue"; "required": false; "isSignal": true; }; "invertDisabled": { "alias": "invertDisabled"; "required": false; "isSignal": true; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "changeEvent": "change"; "addEvent": "add"; "removeEvent": "remove"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_SelectableListComponentBase, never, never, { "valueFrom": { "alias": "valueFrom"; "required": false; "isSignal": true; }; "labelFrom": { "alias": "labelFrom"; "required": false; "isSignal": true; }; "disabledFrom": { "alias": "disabledFrom"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; }; "multiselectable": { "alias": "multiselectable"; "required": false; "isSignal": true; }; "requireValue": { "alias": "requireValue"; "required": false; "isSignal": true; }; "invertDisabled": { "alias": "invertDisabled"; "required": false; "isSignal": true; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "addEvent": "add"; "removeEvent": "remove"; }, never, never, true, never>;
 }

package/lib/badge/badge.directive.d.ts

@@ -1,4 +1,5 @@
 import { AfterViewInit, OnChanges, OnDestroy } from '@angular/core';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { ComponentColor } from '../types/colors.types';
 import { FormElementVariant } from '../types/theming.types';
 import { BadgePosition, BadgeSize } from './badge.types';
@@ -13,8 +14,8 @@ export declare class ArdiumBadgeDirective implements OnChanges, AfterViewInit, O
     readonly size: import("@angular/core").InputSignal<BadgeSize>;
     readonly position: import("@angular/core").InputSignalWithTransform<BadgePosition, BadgePosition>;
     readonly ariaLabel: import("@angular/core").InputSignal<string>;
-    readonly hidden: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly overlap: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly hidden: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly overlap: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     private readonly _elementClasses;
     private _createBadgeElement;
     private readonly _badgeElement;

package/lib/buttons/_button-base.d.ts

@@ -1,4 +1,5 @@
 import { Signal } from '@angular/core';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { _FocusableComponentBase } from '../_internal/focusable-component';
 import { ButtonType } from '../types/button.types';
 import { ComponentColor } from '../types/colors.types';
@@ -12,9 +13,9 @@ export declare abstract class _ButtonBase extends _FocusableComponentBase {
     readonly type: import("@angular/core").InputSignal<ButtonType>;
     readonly appearance: import("@angular/core").InputSignal<ButtonAppearance>;
     readonly color: import("@angular/core").InputSignal<ComponentColor>;
-    readonly lightColoring: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly pointerEventsWhenDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly lightColoring: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly pointerEventsWhenDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     abstract readonly ngClasses: Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<_ButtonBase, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<_ButtonBase, never, never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "lightColoring": { "alias": "lightColoring"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "pointerEventsWhenDisabled": { "alias": "pointerEventsWhenDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/lib/buttons/button/button.component.d.ts

@@ -1,3 +1,4 @@
+import { BooleanLike } from '@ardium-ui/devkit';
 import { SimpleOneAxisAlignment } from '../../types/alignment.types';
 import { _ButtonBase } from '../_button-base';
 import { ButtonVariant } from '../general-button.types';
@@ -9,7 +10,7 @@ export declare class ArdiumButtonComponent extends _ButtonBase {
     constructor(defaults: ArdButtonDefaults);
     readonly variant: import("@angular/core").InputSignal<ButtonVariant>;
     readonly alignIcon: import("@angular/core").InputSignal<SimpleOneAxisAlignment>;
-    readonly vertical: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly vertical: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumButtonComponent, "ard-button", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "alignIcon": { "alias": "alignIcon"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;

package/lib/buttons/icon-button/icon-button.component.d.ts

@@ -1,3 +1,4 @@
+import { BooleanLike } from '@ardium-ui/devkit';
 import { _FocusableComponentBase } from '../../_internal/focusable-component';
 import { ButtonType } from '../../types/button.types';
 import { ComponentColor } from '../../types/colors.types';
@@ -9,9 +10,9 @@ export declare class ArdiumIconButtonComponent extends _FocusableComponentBase {
     readonly wrapperClasses: import("@angular/core").InputSignal<string>;
     readonly type: import("@angular/core").InputSignal<ButtonType>;
     readonly color: import("@angular/core").InputSignal<ComponentColor>;
-    readonly lightColoring: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly pointerEventsWhenDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly lightColoring: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly pointerEventsWhenDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumIconButtonComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumIconButtonComponent, "ard-icon-button", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "lightColoring": { "alias": "lightColoring"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "pointerEventsWhenDisabled": { "alias": "pointerEventsWhenDisabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;

package/lib/calendar/calendar.component.d.ts

@@ -1,4 +1,5 @@
 import { OnChanges, SimpleChanges } from '@angular/core';
+import { BooleanLike, NumberLike } from '@ardium-ui/devkit';
 import { _FormFieldComponentBase } from '../_internal/form-field-component';
 import { ComponentColor } from '../types/colors.types';
 import { ArdCalendarDefaults } from './calendar.defaults';
@@ -15,9 +16,9 @@ export declare class ArdiumCalendarComponent extends _FormFieldComponentBase imp
     readonly activeView: import("@angular/core").ModelSignal<ArdCalendarView>;
     readonly activeYear: import("@angular/core").ModelSignal<number>;
     readonly activeMonth: import("@angular/core").ModelSignal<number>;
-    readonly firstWeekday: import("@angular/core").InputSignalWithTransform<number, any>;
-    readonly multipleYearPageChangeModifier: import("@angular/core").InputSignalWithTransform<number, any>;
-    readonly autoFocus: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly firstWeekday: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
+    readonly multipleYearPageChangeModifier: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
+    readonly autoFocus: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     onTriggerOpenDaysView(): void;
     onTriggerOpenMonthsView(): void;
     onTriggerOpenYearsView(): void;
@@ -26,7 +27,7 @@ export declare class ArdiumCalendarComponent extends _FormFieldComponentBase imp
     readonly monthSelect: import("@angular/core").OutputEmitterRef<number>;
     readonly min: import("@angular/core").InputSignalWithTransform<Date | null, any>;
     readonly max: import("@angular/core").InputSignalWithTransform<Date | null, any>;
-    readonly UTC: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly UTC: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     private readonly _UTCAfterInit;
     readonly filter: import("@angular/core").InputSignal<ArdCalendarFilterFn | null>;
     writeValue(v: any): void;

package/lib/checkbox-list/checkbox-list.component.d.ts

@@ -1,11 +1,12 @@
 import { AfterViewInit } from '@angular/core';
+import { BooleanLike, NumberLike } from '@ardium-ui/devkit';
 import { SimpleItemStorageHost } from '../_internal/item-storages/simple-item-storage';
 import { _NgModelComponentBase } from '../_internal/ngmodel-component';
 import { ComponentColor } from '../types/colors.types';
-import { ArdOptionSimple, CompareWithFn } from '../types/item-storage.types';
+import { ArdOptionSimple, CompareWithFn, OptionContext } from '../types/item-storage.types';
 import { Nullable } from '../types/utility.types';
 import { ArdCheckboxListDefaults } from './checkbox-list.defaults';
-import { ArdCheckboxListCheckboxTemplateDirective } from './checkbox-list.directives';
+import { ArdCheckboxListCheckboxTemplateDirective, ArdCheckboxListLabelTemplateDirective } from './checkbox-list.directives';
 import { CheckboxListAlignType } from './checkbox-list.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumCheckboxListComponent extends _NgModelComponentBase implements SimpleItemStorageHost, AfterViewInit {
@@ -24,16 +25,15 @@ export declare class ArdiumCheckboxListComponent extends _NgModelComponentBase i
     set items(v: any[]);
     get items(): ArdOptionSimple[];
     readonly compareWith: import("@angular/core").InputSignal<Nullable<CompareWithFn>>;
-    readonly invertDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly maxSelectedItems: import("@angular/core").InputSignalWithTransform<number, any>;
+    readonly invertDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly maxSelectedItems: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
     readonly color: import("@angular/core").InputSignal<ComponentColor>;
     readonly align: import("@angular/core").InputSignal<CheckboxListAlignType>;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     get value(): any;
     set value(v: any);
     readonly valueChange: import("@angular/core").OutputEmitterRef<any>;
-    readonly changeEvent: import("@angular/core").OutputEmitterRef<any>;
     private _valueBeforeInit;
     writeValue(v: any): void;
     private _isViewInit;
@@ -46,6 +46,8 @@ export declare class ArdiumCheckboxListComponent extends _NgModelComponentBase i
     unselectItem(v: ArdOptionSimple): void;
     toggleItem(v: ArdOptionSimple): void;
     readonly checkboxTemplate: import("@angular/core").Signal<ArdCheckboxListCheckboxTemplateDirective | undefined>;
+    readonly labelTemplate: import("@angular/core").Signal<ArdCheckboxListLabelTemplateDirective | undefined>;
+    readonly labelContextGenerator: import("@angular/core").Signal<(item: ArdOptionSimple) => OptionContext<ArdOptionSimple>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumCheckboxListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumCheckboxListComponent, "ard-checkbox-list", never, { "valueFrom": { "alias": "valueFrom"; "required": false; "isSignal": true; }; "labelFrom": { "alias": "labelFrom"; "required": false; "isSignal": true; }; "disabledFrom": { "alias": "disabledFrom"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "invertDisabled": { "alias": "invertDisabled"; "required": false; "isSignal": true; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "changeEvent": "change"; }, ["checkboxTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumCheckboxListComponent, "ard-checkbox-list", never, { "valueFrom": { "alias": "valueFrom"; "required": false; "isSignal": true; }; "labelFrom": { "alias": "labelFrom"; "required": false; "isSignal": true; }; "disabledFrom": { "alias": "disabledFrom"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "invertDisabled": { "alias": "invertDisabled"; "required": false; "isSignal": true; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, ["checkboxTemplate", "labelTemplate"], never, false, never>;
 }

package/lib/checkbox-list/checkbox-list.directives.d.ts

@@ -1,5 +1,6 @@
 import { TemplateRef } from '@angular/core';
 import { CheckboxTemplateContext } from '../checkbox/checkbox.types';
+import { ArdOptionSimple, OptionContext } from '../types/item-storage.types';
 import * as i0 from "@angular/core";
 export declare class ArdCheckboxListCheckboxTemplateDirective {
     template: TemplateRef<CheckboxTemplateContext>;
@@ -7,3 +8,9 @@ export declare class ArdCheckboxListCheckboxTemplateDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdCheckboxListCheckboxTemplateDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ArdCheckboxListCheckboxTemplateDirective, "ard-checkbox-list > ng-template[ard-checkbox-tmp]", never, {}, {}, never, never, false, never>;
 }
+export declare class ArdCheckboxListLabelTemplateDirective {
+    template: TemplateRef<OptionContext<ArdOptionSimple>>;
+    constructor(template: TemplateRef<OptionContext<ArdOptionSimple>>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdCheckboxListLabelTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdCheckboxListLabelTemplateDirective, "ard-checkbox-list > ng-template[ard-label-tmp]", never, {}, {}, never, never, false, never>;
+}

package/lib/checkbox-list/checkbox-list.module.d.ts

@@ -6,6 +6,6 @@ import * as i4 from "../checkbox/checkbox.module";
 import * as i5 from "../checkbox/checkbox.internal-directives";
 export declare class ArdiumCheckboxListModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumCheckboxListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumCheckboxListModule, [typeof i1.ArdiumCheckboxListComponent, typeof i2.ArdCheckboxListCheckboxTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumCheckboxModule, typeof i5._CheckboxTemplateRepositoryDirective], [typeof i1.ArdiumCheckboxListComponent, typeof i2.ArdCheckboxListCheckboxTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumCheckboxListModule, [typeof i1.ArdiumCheckboxListComponent, typeof i2.ArdCheckboxListCheckboxTemplateDirective, typeof i2.ArdCheckboxListLabelTemplateDirective], [typeof i3.CommonModule, typeof i4.ArdiumCheckboxModule, typeof i5._CheckboxTemplateRepositoryDirective], [typeof i1.ArdiumCheckboxListComponent, typeof i2.ArdCheckboxListCheckboxTemplateDirective, typeof i2.ArdCheckboxListLabelTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumCheckboxListModule>;
 }

package/lib/chip/chip.component.d.ts

@@ -1,3 +1,4 @@
+import { BooleanLike } from '@ardium-ui/devkit';
 import { SimpleOneAxisAlignment } from '../types/alignment.types';
 import { ComponentColor } from '../types/colors.types';
 import { DecorationElementAppearance, FormElementVariant } from '../types/theming.types';
@@ -11,7 +12,7 @@ export declare class ArdiumChipComponent extends _DisablableComponentBase {
     readonly appearance: import("@angular/core").InputSignal<DecorationElementAppearance>;
     readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
     readonly color: import("@angular/core").InputSignal<ComponentColor>;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly wrapperClasses: import("@angular/core").InputSignal<string>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumChipComponent, never>;

package/lib/chip/deletable-chip/deletable-chip.component.d.ts

@@ -1,3 +1,4 @@
+import { BooleanLike } from '@ardium-ui/devkit';
 import { _FocusableComponentBase } from '../../_internal/focusable-component';
 import { SimpleOneAxisAlignment } from '../../types/alignment.types';
 import { ComponentColor } from '../../types/colors.types';
@@ -12,7 +13,7 @@ export declare class ArdiumDeletableChipComponent extends _FocusableComponentBas
     readonly appearance: import("@angular/core").InputSignal<DecorationElementAppearance>;
     readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
     readonly color: import("@angular/core").InputSignal<ComponentColor>;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly wrapperClasses: import("@angular/core").InputSignal<string>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     readonly deleteEvent: import("@angular/core").OutputEmitterRef<MouseEvent>;

package/lib/chip/selectable-chip/selectable-chip.component.d.ts

@@ -1,4 +1,5 @@
 import { ControlValueAccessor } from '@angular/forms';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { SimpleOneAxisAlignment } from '../../types/alignment.types';
 import { ComponentColor } from '../../types/colors.types';
 import { DecorationElementAppearance, FormElementVariant } from '../../types/theming.types';
@@ -9,12 +10,12 @@ export declare class ArdiumSelectableChipComponent extends _BooleanComponentBase
     protected readonly _DEFAULTS: ArdSelectableChipDefaults;
     constructor(defaults: ArdSelectableChipDefaults);
     readonly chipTitle: import("@angular/core").InputSignal<string>;
-    readonly hideSelectionIcon: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly hideSelectionIcon: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly contentAlignment: import("@angular/core").InputSignal<SimpleOneAxisAlignment>;
     readonly appearance: import("@angular/core").InputSignal<DecorationElementAppearance>;
     readonly variant: import("@angular/core").InputSignal<FormElementVariant>;
     readonly color: import("@angular/core").InputSignal<ComponentColor>;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly wrapperClasses: import("@angular/core").InputSignal<string>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumSelectableChipComponent, never>;

package/lib/dialog/dialog.component.d.ts

@@ -1,3 +1,4 @@
+import { BooleanLike } from '@ardium-ui/devkit';
 import { ButtonAppearance } from '../buttons/general-button.types';
 import { ComponentColor } from '../types/colors.types';
 import { PanelVariant } from '../types/theming.types';
@@ -8,13 +9,13 @@ export declare class ArdiumDialogComponent {
     private readonly _DEFAULTS;
     readonly appearance: import("@angular/core").InputSignal<"raised">;
     readonly variant: import("@angular/core").InputSignal<PanelVariant>;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly heading: import("@angular/core").InputSignal<string>;
-    readonly noCloseButton: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly noBackdrop: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly disableBackdropClose: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly noCloseButton: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly noBackdrop: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly disableBackdropClose: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly buttonActionType: import("@angular/core").InputSignal<ArdDialogActionType>;
-    readonly allActionsDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly allActionsDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly open: import("@angular/core").ModelSignal<boolean>;
     readonly closeEvent: import("@angular/core").OutputEmitterRef<ArdDialogResult>;
     readonly confirmEvent: import("@angular/core").OutputEmitterRef<void>;
@@ -27,8 +28,8 @@ export declare class ArdiumDialogComponent {
     readonly rejectButtonText: import("@angular/core").InputSignal<string>;
     readonly rejectButtonColor: import("@angular/core").InputSignal<ComponentColor>;
     readonly rejectButtonAppearance: import("@angular/core").InputSignal<ButtonAppearance>;
-    readonly noRejectButton: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly canConfirm: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly noRejectButton: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly canConfirm: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     onConfirmClick(): void;
     onRejectClick(): void;
     onModalClose(): void;

package/lib/divider/divider.component.d.ts

@@ -1,7 +1,8 @@
+import { BooleanLike } from '@ardium-ui/devkit';
 import * as i0 from "@angular/core";
 export declare class ArdiumDividerComponent {
     protected readonly _DEFAULTS: import("./divider.defaults").ArdDividerDefaults;
-    readonly vertical: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly vertical: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDividerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDividerComponent, "ard-divider", never, { "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/dropdown-panel/dropdown-panel.component.d.ts

@@ -1,4 +1,5 @@
 import { AfterViewChecked, TemplateRef } from '@angular/core';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { Nullable } from '../types/utility.types';
 import { DropdownPanelAppearance, DropdownPanelVariant, ScrollAlignment } from './dropdown-panel.types';
 import * as i0 from "@angular/core";
@@ -12,7 +13,7 @@ export declare class ArdiumDropdownPanelComponent implements AfterViewChecked {
     readonly filterValue: import("@angular/core").InputSignal<Nullable<string>>;
     readonly appearance: import("@angular/core").InputSignal<DropdownPanelAppearance>;
     readonly variant: import("@angular/core").InputSignal<DropdownPanelVariant>;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     readonly isOpen: import("@angular/core").InputSignal<boolean>;
     readonly scrollEvent: import("@angular/core").OutputEmitterRef<{

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

@@ -1,3 +1,4 @@
+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';
@@ -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;

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[]>;

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>;
 }