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

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

@@ -1,7 +1,9 @@
 import { ControlValueAccessor } from '@angular/forms';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { _NgModelComponentBase, _NgModelComponentDefaults } from './ngmodel-component';
 import * as i0 from "@angular/core";
 export interface _BooleanComponentDefaults extends _NgModelComponentDefaults {
+    reverseSelected: boolean;
 }
 export declare const _booleanComponentDefaults: _BooleanComponentDefaults;
 /**
@@ -9,6 +11,8 @@ export declare const _booleanComponentDefaults: _BooleanComponentDefaults;
  */
 export declare abstract class _BooleanComponentBase extends _NgModelComponentBase implements ControlValueAccessor {
     protected readonly _DEFAULTS: _BooleanComponentDefaults;
+    protected abstract readonly _componentId: string;
+    protected abstract readonly _componentName: string;
     writeValue(v: any): void;
     /**
      * Emits all select-state-related events.
@@ -36,6 +40,14 @@ export declare abstract class _BooleanComponentBase extends _NgModelComponentBas
      * The event emitter responsible for firing `selectedChange` events. Fired when the `selected` state is changed.
      */
     readonly selectedChange: import("@angular/core").OutputEmitterRef<boolean>;
+    /**
+     * The reverse of the `selected` state. Coercible into a boolean. Useful for cases where the "selected" state is semantically reversed, e.g. "disabled".
+     */
+    readonly reverseSelected: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    /**
+     * The "selected" state, accounting for the `reverseSelected` input.
+     */
+    readonly selectedAccountingForReverse: import("@angular/core").Signal<boolean>;
     /**
      * Toggles the selected state. Emits all appropriate events.
      */
@@ -49,5 +61,5 @@ export declare abstract class _BooleanComponentBase extends _NgModelComponentBas
      */
     unselect(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<_BooleanComponentBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_BooleanComponentBase, never, never, { "_selected": { "alias": "selected"; "required": false; }; }, { "selectEvent": "select"; "unselectEvent": "unselect"; "changeEvent": "change"; "selectedChange": "selectedChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_BooleanComponentBase, never, never, { "_selected": { "alias": "selected"; "required": false; }; "reverseSelected": { "alias": "reverseSelected"; "required": false; "isSignal": true; }; }, { "selectEvent": "select"; "unselectEvent": "unselect"; "changeEvent": "change"; "selectedChange": "selectedChange"; }, never, never, true, never>;
 }

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

@@ -1,4 +1,3 @@
-import { BooleanLike } from '@ardium-ui/devkit';
 import * as i0 from "@angular/core";
 export interface _DisablableComponentDefaults {
     readonly: boolean;
@@ -11,7 +10,8 @@ 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, BooleanLike>;
+    readonly readonly: import("@angular/core").WritableSignal<boolean>;
+    set _readonly(v: any);
     /**
      * Whether the component is disabled. Defines the `disabled` host attribute and `ard-disabled` host class. Coercible into a boolean.
      */
@@ -20,5 +20,5 @@ export declare abstract class _DisablableComponentBase {
     get _readonlyHostAttribute(): boolean;
     get _disabledHostAttribute(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<_DisablableComponentBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_DisablableComponentBase, never, never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "_disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_DisablableComponentBase, never, never, { "_readonly": { "alias": "readonly"; "required": false; }; "_disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -15,7 +15,7 @@ export declare const _formFieldComponentDefaults: _FormFieldComponentDefaults;
 export declare abstract class _FormFieldComponentBase extends _NgModelComponentBase implements ControlValueAccessor, ArdFormFieldControl {
     protected readonly _DEFAULTS: _FormFieldComponentDefaults;
     readonly _required: import("@angular/core").InputSignalWithTransform<boolean | undefined, any>;
-    get required(): boolean;
+    readonly required: import("@angular/core").Signal<boolean>;
     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

@@ -1,4 +1,5 @@
 import { Signal } from '@angular/core';
+import { Observable } from 'rxjs';
 import { AddCustomFn } from '../../select/select.types';
 import { ArdOption, ArdOptionGroup, CompareWithFn, GroupByFn, SearchFn } from '../../types/item-storage.types';
 import { Nullable } from '../../types/utility.types';
@@ -12,56 +13,57 @@ export interface ItemStorageHost {
     readonly childrenFrom: Signal<string>;
     readonly itemsAlreadyGrouped: Signal<Nullable<boolean>>;
     readonly hideSelected: Signal<boolean>;
+    readonly deferValueWrites: Signal<boolean>;
     readonly searchCaseSensitive: Signal<boolean>;
-    readonly searchFn: Signal<SearchFn>;
+    readonly searchFn: Signal<SearchFn | null>;
     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;
     readonly isNoItemsToSelect: Signal<boolean>;
     readonly isNoItemsFound: Signal<boolean>;
+    readonly isAnyItemExactMatch: 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;
+    handleWriteValue(ngModel: any): Promise<void>;
     findItemByValue(valueToFind: any): ArdOption | undefined;
-    addCustomOption(value: string, fn: AddCustomFn<any> | AddCustomFn<Promise<any>>): Promise<ArdOption | null>;
-    clearAllSelected(repopulateGroups?: boolean): any[];
+    addCustomOption(value: string, fn: AddCustomFn<any> | AddCustomFn<Promise<any>> | AddCustomFn<Observable<any>>): Promise<ArdOption | null>;
+    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,11 +71,9 @@ 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[];
+    filter(filterTerm: string): void;
     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/ngmodel-component.d.ts

@@ -1,5 +1,6 @@
-import { Injector, OnDestroy, OnInit, Signal } from '@angular/core';
-import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { OnDestroy, OnInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { Nullable } from '../types/utility.types';
 import { _FocusableComponentBase, _FocusableComponentDefaults } from './focusable-component';
 import * as i0 from "@angular/core";
 export interface _NgModelComponentDefaults extends _FocusableComponentDefaults {
@@ -41,19 +42,17 @@ export declare abstract class _NgModelComponentBase extends _FocusableComponentB
      * @param v The new value to write.
      */
     protected abstract _emitChange(): void;
-    readonly wasTouched: import("@angular/core").WritableSignal<boolean>;
     onFocus(event: FocusEvent): void;
     protected _shouldEmitTouched: boolean;
     onBlur(event: FocusEvent): void;
-    protected readonly _injector: Injector;
-    private _statusChangesSub?;
+    protected _emitTouched(): void;
+    readonly control: import("@ardium-ui/devkit").TrackedFormControl<any>;
     ngOnInit(): void;
-    protected _ngControl: NgControl | null;
     readonly htmlId: import("@angular/core").InputSignal<string>;
+    readonly htmlName: import("@angular/core").InputSignal<Nullable<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<_NgModelComponentBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_NgModelComponentBase, never, never, { "htmlId": { "alias": "htmlId"; "required": false; "isSignal": true; }; "_hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_NgModelComponentBase, never, never, { "htmlId": { "alias": "htmlId"; "required": false; "isSignal": true; }; "htmlName": { "alias": "htmlName"; "required": false; "isSignal": true; }; "_hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -51,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;
@@ -73,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/_internal/utils/date.utils.d.ts

@@ -1,3 +1,19 @@
 export declare function getUTCDate(): Date;
 export declare function getUTCDate(year: number, monthIndex: number, day: number): Date;
 export declare function getUTCDate(year: number, monthIndex: number, day: number, hour: number, minute: number, second: number, millisecond: number): Date;
+export declare function createDate(year: number, month: number, date: number, UTC: boolean): Date;
+export declare function getDateComponents(date: null, UTC: boolean): {
+    year: null;
+    month: null;
+    date: null;
+};
+export declare function getDateComponents(date: Date, UTC: boolean): {
+    year: number;
+    month: number;
+    date: number;
+};
+export declare function getDateComponents(date: Date | null, UTC: boolean): {
+    year: number | null;
+    month: number | null;
+    date: number | null;
+};

package/lib/breakpoints/breakpoint.service.d.ts

@@ -0,0 +1,12 @@
+import { OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ArdiumBreakpointService implements OnDestroy {
+    private readonly _destroyed;
+    readonly breakpointMap: Map<string, string>;
+    readonly breakpoints: string[];
+    readonly currentBreakpoint: import("@angular/core").WritableSignal<string | null>;
+    constructor();
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumBreakpointService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ArdiumBreakpointService>;
+}

package/lib/breakpoints/breakpoint.utils.d.ts

@@ -0,0 +1,7 @@
+import { ArdGridSize } from '../grid';
+import { ArdBreakpointsConfig } from './breakpoints';
+export declare function parseNumberOrBreakpointConfig(value: number | string | ArdBreakpointsConfig<number>, breakpoints: string[]): Required<ArdBreakpointsConfig<number>>;
+export declare function parseSizeOrBreakpointConfig(value: number | ArdGridSize | string | ArdBreakpointsConfig<number | ArdGridSize>, breakpoints: string[]): Required<ArdBreakpointsConfig<number | ArdGridSize>>;
+export declare function parseBooleanOrBreakpointConfig(value: boolean | string | ArdBreakpointsConfig<boolean>, breakpoints: string[]): Required<ArdBreakpointsConfig<boolean>>;
+export declare function parseCSSUnitOrBreakpointConfig(value: null | number | string | ArdBreakpointsConfig<string | number>, breakpoints: string[]): Required<ArdBreakpointsConfig<string>> | null;
+export declare function parseEnumOrBreakpointConfig<T>(value: T | string | ArdBreakpointsConfig<T>, breakpoints: string[], isEnumValue: (val: any) => val is T): Required<ArdBreakpointsConfig<T>>;

package/lib/breakpoints/breakpoints.d.ts

@@ -0,0 +1,13 @@
+export interface ArdBreakpointsConfig<T> {
+    xs?: T;
+    sm?: T;
+    md?: T;
+    lg?: T;
+    xl?: T;
+    '2xl'?: T;
+    [key: string]: T | undefined;
+}
+export type ArdBreakpoints = Required<ArdBreakpointsConfig<string>>;
+import { InjectionToken, Provider } from '@angular/core';
+export declare const ARD_BREAKPOINTS: InjectionToken<Map<string, string>>;
+export declare function provideBreakpoints(config?: Partial<ArdBreakpoints>): Provider[];

package/lib/breakpoints/index.d.ts

@@ -0,0 +1,2 @@
+export * from './breakpoint.service';
+export * from './breakpoints';

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

@@ -1,22 +1,25 @@
 import { Signal } from '@angular/core';
-import { BooleanLike } from '@ardium-ui/devkit';
-import { _FocusableComponentBase } from '../_internal/focusable-component';
+import { BooleanLike, NumberLike } from '@ardium-ui/devkit';
 import { ButtonType } from '../types/button.types';
 import { ComponentColor } from '../types/colors.types';
 import { _ButtonBaseDefaults } from './_button-base.defaults';
 import { ButtonAppearance } from './general-button.types';
 import * as i0 from "@angular/core";
-export declare abstract class _ButtonBase extends _FocusableComponentBase {
-    readonly wrapperClasses: import("@angular/core").InputSignal<string>;
+export declare abstract class _ButtonBase {
     protected readonly _DEFAULTS: _ButtonBaseDefaults;
-    constructor(defaults: _ButtonBaseDefaults);
+    readonly wrapperClasses: import("@angular/core").InputSignal<string>;
+    constructor(_DEFAULTS: _ButtonBaseDefaults);
     readonly type: import("@angular/core").InputSignal<ButtonType>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
     readonly appearance: import("@angular/core").InputSignal<ButtonAppearance>;
     readonly color: import("@angular/core").InputSignal<ComponentColor>;
     readonly lightColoring: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly tabIndex: Signal<number>;
+    readonly _tabIndex: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
     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>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_ButtonBase, never, never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "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; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "_tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "pointerEventsWhenDisabled": { "alias": "pointerEventsWhenDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,8 +1,9 @@
-import { _FocusableComponentDefaults } from '../_internal/focusable-component';
 import { ButtonType } from '../types/button.types';
 import { ComponentColor } from './../types/colors.types';
 import { ButtonAppearance } from './general-button.types';
-export interface _SimpleButtonDefaults extends _FocusableComponentDefaults {
+export interface _SimpleButtonDefaults {
+    disabled: boolean;
+    tabIndex: number;
     color: ComponentColor;
     lightColoring: boolean;
     compact: boolean;

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

@@ -1,17 +1,22 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
 import { BooleanLike } from '@ardium-ui/devkit';
-import { SimpleOneAxisAlignment } from '../../types/alignment.types';
 import { _ButtonBase } from '../_button-base';
 import { ButtonVariant } from '../general-button.types';
 import { ArdButtonDefaults } from './button.defaults';
 import * as i0 from "@angular/core";
-export declare class ArdiumButtonComponent extends _ButtonBase {
+export declare class ArdiumButtonComponent extends _ButtonBase implements OnChanges {
     protected readonly _DEFAULTS: ArdButtonDefaults;
-    readonly icon: import("@angular/core").InputSignal<string>;
     constructor(defaults: ArdButtonDefaults);
+    readonly focusEvent: import("@angular/core").OutputEmitterRef<FocusEvent>;
+    readonly blurEvent: import("@angular/core").OutputEmitterRef<FocusEvent>;
     readonly variant: import("@angular/core").InputSignal<ButtonVariant>;
-    readonly alignIcon: import("@angular/core").InputSignal<SimpleOneAxisAlignment>;
     readonly vertical: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly square: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly inheritedCompact: import("@angular/core").WritableSignal<boolean | null>;
+    readonly wasCompactChanged: import("@angular/core").WritableSignal<boolean>;
+    readonly compactOrInherited: import("@angular/core").Signal<boolean>;
+    ngOnChanges(changes: SimpleChanges): void;
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumButtonComponent, "ard-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "square": { "alias": "square"; "required": false; "isSignal": true; }; }, { "focusEvent": "focus"; "blurEvent": "blur"; }, never, ["*"], false, never>;
 }

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

@@ -1,11 +1,10 @@
 import { InjectionToken, Provider } from '@angular/core';
 import { _ButtonBaseDefaults } from '../_button-base.defaults';
 import { ButtonVariant } from '../general-button.types';
-import { SimpleOneAxisAlignment } from './../../types/alignment.types';
 export interface ArdButtonDefaults extends _ButtonBaseDefaults {
     variant: ButtonVariant;
-    alignIcon: SimpleOneAxisAlignment;
     vertical: boolean;
+    square: boolean;
 }
 export declare const ARD_BUTTON_DEFAULTS: InjectionToken<ArdButtonDefaults>;
 export declare function provideButtonDefaults(config: Partial<ArdButtonDefaults>): Provider;

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

@@ -0,0 +1,23 @@
+import { SimpleChanges } from '@angular/core';
+import { BooleanLike } from '@ardium-ui/devkit';
+import { _ButtonBase } from '../_button-base';
+import { ButtonVariant } from '../general-button.types';
+import { ArdButtonDefaults } from './button.defaults';
+import * as i0 from "@angular/core";
+export declare class ArdiumButtonDirective extends _ButtonBase {
+    protected readonly _DEFAULTS: ArdButtonDefaults;
+    constructor(defaults: ArdButtonDefaults);
+    private readonly _hostEl;
+    private readonly _renderer;
+    handleClick(event: Event): void;
+    readonly variant: import("@angular/core").InputSignal<ButtonVariant>;
+    readonly vertical: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly square: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
+    readonly inheritedCompact: import("@angular/core").WritableSignal<boolean | null>;
+    readonly wasCompactChanged: import("@angular/core").WritableSignal<boolean>;
+    readonly compactOrInherited: import("@angular/core").Signal<boolean>;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumButtonDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumButtonDirective, "button[ard-button], a[ard-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "square": { "alias": "square"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}

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

@@ -1,8 +1,9 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./button.component";
-import * as i2 from "@angular/common";
+import * as i2 from "./button.directive";
+import * as i3 from "@angular/common";
 export declare class ArdiumButtonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumButtonModule, [typeof i1.ArdiumButtonComponent], [typeof i2.CommonModule], [typeof i1.ArdiumButtonComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumButtonModule, [typeof i1.ArdiumButtonComponent, typeof i2.ArdiumButtonDirective], [typeof i3.CommonModule], [typeof i1.ArdiumButtonComponent, typeof i2.ArdiumButtonDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumButtonModule>;
 }

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

@@ -1,3 +1,4 @@
 export * from './button.component';
 export * from './button.defaults';
+export * from './button.directive';
 export * from './button.module';

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

@@ -0,0 +1,25 @@
+import { AfterContentInit, SimpleChanges } from '@angular/core';
+import { BooleanLike } from '@ardium-ui/devkit';
+import { ArdiumButtonComponent, ArdiumButtonDirective } from '../button';
+import * as i0 from "@angular/core";
+export declare class ArdiumButtonGroupComponent implements AfterContentInit {
+    private readonly _DEFAULTS;
+    readonly vertical: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly inheritedVertical: import("@angular/core").WritableSignal<boolean | null>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly inheritedCompact: import("@angular/core").WritableSignal<boolean | null>;
+    readonly wasVerticalChanged: import("@angular/core").WritableSignal<boolean>;
+    readonly wasCompactChanged: import("@angular/core").WritableSignal<boolean>;
+    readonly verticalOrInherited: import("@angular/core").Signal<boolean>;
+    readonly compactOrInherited: import("@angular/core").Signal<boolean>;
+    ngOnChanges(changes: SimpleChanges): void;
+    readonly groupChildren: import("@angular/core").Signal<readonly ArdiumButtonGroupComponent[]>;
+    readonly buttonChildren: import("@angular/core").Signal<readonly ArdiumButtonComponent[]>;
+    readonly buttonDirChildren: import("@angular/core").Signal<readonly ArdiumButtonDirective[]>;
+    constructor();
+    private _wasContentInitialized;
+    ngAfterContentInit(): void;
+    private _updateChildrenStyles;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumButtonGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumButtonGroupComponent, "ard-button-group", never, { "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, {}, ["groupChildren", "buttonChildren", "buttonDirChildren"], ["*"], false, never>;
+}

package/lib/buttons/button-group/button-group.defaults.d.ts

@@ -0,0 +1,7 @@
+import { InjectionToken, Provider } from '@angular/core';
+export interface ArdButtonGroupDefaults {
+    vertical: boolean;
+    compact: boolean;
+}
+export declare const ARD_BUTTON_GROUP_DEFAULTS: InjectionToken<ArdButtonGroupDefaults>;
+export declare function provideButtonGroupDefaults(config: Partial<ArdButtonGroupDefaults>): Provider;

package/lib/buttons/button-group/button-group.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./button-group.component";
+import * as i2 from "@angular/common";
+export declare class ArdiumButtonGroupModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumButtonGroupModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArdiumButtonGroupModule, [typeof i1.ArdiumButtonGroupComponent], [typeof i2.CommonModule], [typeof i1.ArdiumButtonGroupComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ArdiumButtonGroupModule>;
+}

package/lib/buttons/button-group/index.d.ts

@@ -0,0 +1,3 @@
+export * from './button-group.component';
+export * from './button-group.defaults';
+export * from './button-group.module';

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

@@ -4,8 +4,10 @@ import { ArdFabDefaults } from './fab.defaults';
 import * as i0 from "@angular/core";
 export declare class ArdiumFabComponent extends _ButtonBase {
     constructor(defaults: ArdFabDefaults);
+    readonly focusEvent: import("@angular/core").OutputEmitterRef<FocusEvent>;
+    readonly blurEvent: import("@angular/core").OutputEmitterRef<FocusEvent>;
     readonly size: import("@angular/core").InputSignal<FabSize>;
     readonly ngClasses: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumFabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFabComponent, "ard-fab", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFabComponent, "ard-fab", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "focusEvent": "focus"; "blurEvent": "blur"; }, never, ["*"], false, never>;
 }

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

@@ -9,11 +9,12 @@ export declare class ArdiumIconButtonComponent extends _FocusableComponentBase {
     constructor(defaults: ArdIconButtonDefaults);
     readonly wrapperClasses: import("@angular/core").InputSignal<string>;
     readonly type: import("@angular/core").InputSignal<ButtonType>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
     readonly color: import("@angular/core").InputSignal<ComponentColor>;
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumIconButtonComponent, "ard-icon-button", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "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/buttons/icon-button/icon-button.defaults.d.ts

@@ -1,6 +1,7 @@
 import { InjectionToken, Provider } from '@angular/core';
+import { _FocusableComponentDefaults } from '../../_internal/focusable-component';
 import { _SimpleButtonDefaults } from '../_button-base.defaults';
-export interface ArdIconButtonDefaults extends _SimpleButtonDefaults {
+export interface ArdIconButtonDefaults extends _SimpleButtonDefaults, _FocusableComponentDefaults {
 }
 export declare const ARD_ICON_BUTTON_DEFAULTS: InjectionToken<ArdIconButtonDefaults>;
 export declare function provideIconButtonDefaults(config: Partial<ArdIconButtonDefaults>): Provider;