@ardium-ui/ui 1.0.2 → 2.0.1

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

@@ -1,18 +1,15 @@
-import { ButtonAppearance } from './general-button.types';
+import { Signal } from '@angular/core';
 import { _FocusableComponentBase } from '../_internal/focusable-component';
 import { ComponentColor } from '../types/colors.types';
+import { ButtonAppearance } from './general-button.types';
 import * as i0 from "@angular/core";
 export declare abstract class _ButtonBase extends _FocusableComponentBase {
-    wrapperClasses: string;
-    appearance: ButtonAppearance;
-    color: ComponentColor;
-    private _lightColoring;
-    get lightColoring(): boolean;
-    set lightColoring(v: any);
-    private _compact;
-    get compact(): boolean;
-    set compact(v: any);
-    abstract get ngClasses(): string;
+    readonly wrapperClasses: 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, any>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    abstract readonly ngClasses: Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<_ButtonBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_ButtonBase, never, never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "color": { "alias": "color"; "required": false; }; "lightColoring": { "alias": "lightColoring"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_ButtonBase, never, never, { "wrapperClasses": { "alias": "wrapperClasses"; "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; }; }, {}, never, never, false, never>;
 }

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

@@ -3,13 +3,11 @@ import { _ButtonBase } from '../_button-base';
 import { ButtonVariant } from '../general-button.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumButtonComponent extends _ButtonBase {
-    variant: ButtonVariant;
-    alignIcon: SimpleOneAxisAlignment;
-    private _vertical;
-    get vertical(): boolean;
-    set vertical(v: any);
-    icon?: string;
-    get ngClasses(): string;
+    readonly icon: import("@angular/core").InputSignal<string>;
+    readonly variant: import("@angular/core").InputSignal<ButtonVariant>;
+    readonly alignIcon: import("@angular/core").InputSignal<SimpleOneAxisAlignment>;
+    readonly vertical: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumButtonComponent, "ard-button", never, { "variant": { "alias": "variant"; "required": false; }; "alignIcon": { "alias": "alignIcon"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], false, 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/button/index.d.ts

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

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

@@ -2,11 +2,9 @@ import { _ButtonBase } from '../_button-base';
 import { FABSize } from '../general-button.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumFabComponent extends _ButtonBase {
-    size: FABSize;
-    private _extended;
-    get extended(): boolean;
-    set extended(v: any);
-    get ngClasses(): string;
+    readonly size: import("@angular/core").InputSignal<FABSize>;
+    readonly extended: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    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; }; "extended": { "alias": "extended"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumFabComponent, "ard-fab", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "extended": { "alias": "extended"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
 }

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

@@ -0,0 +1,2 @@
+export * from './fab.module';
+export * from './fab.component';

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

@@ -2,12 +2,11 @@ import { _FocusableComponentBase } from '../../_internal/focusable-component';
 import { ComponentColor } from '../../types/colors.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumIconButtonComponent extends _FocusableComponentBase {
-    wrapperClasses: string;
-    color: ComponentColor;
-    private _compact;
-    get compact(): boolean;
-    set compact(v: any);
-    get ngClasses(): string;
+    readonly wrapperClasses: import("@angular/core").InputSignal<string>;
+    readonly color: import("@angular/core").InputSignal<ComponentColor>;
+    readonly lightColoring: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    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; }; "color": { "alias": "color"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumIconButtonComponent, "ard-icon-button", never, { "wrapperClasses": { "alias": "wrapperClasses"; "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; }; }, {}, never, ["*"], false, never>;
 }

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

@@ -0,0 +1,2 @@
+export * from './icon-button.module';
+export * from './icon-button.component';

package/lib/card/card.children.d.ts

@@ -31,10 +31,11 @@ export declare class ArdiumCardImageDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumCardImageDirective, "[ard-card-image]", never, {}, {}, never, never, false, never>;
 }
 export declare class ArdiumCardActionButtonsDirective {
-    align: OneAxisAlignment;
-    get alignClass(): string;
+    readonly align: import("@angular/core").InputSignal<OneAxisAlignment>;
+    readonly alignClass: import("@angular/core").Signal<string>;
+    get _alignClassHostAttribute(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumCardActionButtonsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumCardActionButtonsDirective, "ard-card-action-buttons, [ard-card-action-buttons]", never, { "align": { "alias": "align"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumCardActionButtonsDirective, "ard-card-action-buttons, [ard-card-action-buttons]", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }
 export declare class ArdiumCardFooterDirective {
     constructor(renderer: Renderer2, hostElement: ElementRef);

package/lib/card/card.component.d.ts

@@ -1,11 +1,12 @@
 import { CardAppearance, CardVariant } from './card.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumCardDirective {
-    appearance: CardAppearance;
-    variant: CardVariant;
-    get ngClasses(): string;
+    readonly appearance: import("@angular/core").InputSignal<CardAppearance>;
+    readonly variant: import("@angular/core").InputSignal<CardVariant>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
+    get _ngClassesHostAttribute(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumCardDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumCardDirective, "[ard-card]", never, { "appearance": { "alias": "appearance"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ArdiumCardDirective, "[ard-card]", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }
 export declare class ArdiumCardComponent extends ArdiumCardDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumCardComponent, never>;

package/lib/card/index.d.ts

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

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

@@ -1,21 +1,17 @@
-import { EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { SimpleComponentColor } from '../types/colors.types';
 import { _BooleanComponentBase } from './../_internal/boolean-component';
 import { CheckboxState } from './checkbox.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumCheckboxComponent extends _BooleanComponentBase implements ControlValueAccessor {
-    wrapperClasses: string;
-    htmlId?: string;
-    color: SimpleComponentColor;
-    unselectedColor: SimpleComponentColor;
-    get ngClasses(): string;
-    set selected(v: any);
-    get selected(): boolean;
-    state: CheckboxState;
-    stateChange: EventEmitter<CheckboxState>;
+    readonly wrapperClasses: import("@angular/core").InputSignal<string>;
+    readonly htmlId: import("@angular/core").InputSignal<string>;
+    readonly color: import("@angular/core").InputSignal<SimpleComponentColor>;
+    readonly unselectedColor: import("@angular/core").InputSignal<SimpleComponentColor>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
+    set _selected(v: any);
+    readonly state: import("@angular/core").ModelSignal<CheckboxState>;
     toggleState(): void;
-    protected _emitChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumCheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumCheckboxComponent, "ard-checkbox", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; "htmlId": { "alias": "htmlId"; "required": false; }; "color": { "alias": "color"; "required": false; }; "unselectedColor": { "alias": "unselectedColor"; "required": false; }; "state": { "alias": "state"; "required": false; }; }, { "stateChange": "stateChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumCheckboxComponent, "ard-checkbox", never, { "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "htmlId": { "alias": "htmlId"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "unselectedColor": { "alias": "unselectedColor"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, { "state": "stateChange"; }, never, never, false, never>;
 }

package/lib/checkbox/index.d.ts

@@ -0,0 +1,3 @@
+export * from './checkbox.module';
+export * from './checkbox.component';
+export * from './checkbox.types';

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

@@ -1,39 +1,40 @@
-import { AfterViewInit, EventEmitter } from '@angular/core';
+import { AfterViewInit } from '@angular/core';
 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 { Nullable } from '../types/utility.types';
 import { CheckboxListAlignType } from './checkbox-list.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumCheckboxListComponent extends _NgModelComponentBase implements SimpleItemStorageHost, AfterViewInit {
-    htmlId: string;
+    readonly htmlId: import("@angular/core").InputSignal<string>;
+    get _htmlIdHostAttribute(): string;
     readonly DEFAULTS: {
         valueFrom: string;
         labelFrom: string;
         disabledFrom: string;
     };
-    readonly multiselectable = true;
-    readonly requireValue = false;
-    private _itemStorage;
+    readonly multiselectable: import("@angular/core").WritableSignal<true>;
+    readonly isValueRequired: import("@angular/core").WritableSignal<false>;
+    readonly _componentId = "300";
+    readonly _componentName = "checkbox-list";
+    private readonly _itemStorage;
+    readonly valueFrom: import("@angular/core").InputSignal<string>;
+    readonly labelFrom: import("@angular/core").InputSignal<string>;
+    readonly disabledFrom: import("@angular/core").InputSignal<string>;
     set items(v: any[]);
     get items(): ArdOptionSimple[];
-    compareWith?: CompareWithFn;
-    private _invertDisabled;
-    get invertDisabled(): boolean;
-    set invertDisabled(v: any);
-    private _maxSelectedItems?;
-    get maxSelectedItems(): number | undefined;
-    set maxSelectedItems(v: any);
-    color: ComponentColor;
-    align: CheckboxListAlignType;
-    private _compact;
-    get compact(): boolean;
-    set compact(v: any);
-    get ngClasses(): string;
+    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 color: import("@angular/core").InputSignal<ComponentColor>;
+    readonly align: import("@angular/core").InputSignal<CheckboxListAlignType>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
     get value(): any;
     set value(v: any);
-    valueChange: EventEmitter<any>;
-    changeEvent: EventEmitter<any>;
+    readonly valueChange: import("@angular/core").OutputEmitterRef<any>;
+    readonly changeEvent: import("@angular/core").OutputEmitterRef<any>;
     private _valueBeforeInit;
     writeValue(v: any): void;
     private _isViewInit;
@@ -46,5 +47,5 @@ export declare class ArdiumCheckboxListComponent extends _NgModelComponentBase i
     unselectItem(v: ArdOptionSimple): void;
     toggleItem(v: ArdOptionSimple): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumCheckboxListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumCheckboxListComponent, "ard-checkbox-list", never, { "htmlId": { "alias": "htmlId"; "required": false; }; "items": { "alias": "items"; "required": false; }; "invertDisabled": { "alias": "invertDisabled"; "required": false; }; "maxSelectedItems": { "alias": "maxSelectedItems"; "required": false; }; "color": { "alias": "color"; "required": false; }; "align": { "alias": "align"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "changeEvent": "change"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumCheckboxListComponent, "ard-checkbox-list", never, { "htmlId": { "alias": "htmlId"; "required": false; "isSignal": true; }; "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"; }, never, never, false, never>;
 }

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

@@ -0,0 +1,3 @@
+export * from './checkbox-list.module';
+export * from './checkbox-list.component';
+export * from './checkbox-list.types';

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

@@ -4,15 +4,13 @@ import { DecorationElementAppearance, FormElementVariant } from '../types/themin
 import { _DisablableComponentBase } from './../_internal/disablable-component';
 import * as i0 from "@angular/core";
 export declare class ArdiumChipComponent extends _DisablableComponentBase {
-    contentAlignment: SimpleOneAxisAlignment;
-    appearance: DecorationElementAppearance;
-    variant: FormElementVariant;
-    color: ComponentColor;
-    private _compact;
-    get compact(): boolean;
-    set compact(v: any);
-    wrapperClasses: string;
-    get ngClasses(): string;
+    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 wrapperClasses: import("@angular/core").InputSignal<string>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumChipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumChipComponent, "ard-chip", never, { "contentAlignment": { "alias": "contentAlignment"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumChipComponent, "ard-chip", never, { "contentAlignment": { "alias": "contentAlignment"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
 }

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

@@ -1,24 +1,21 @@
-import { EventEmitter } from '@angular/core';
+import { _FocusableComponentBase } from '../../_internal/focusable-component';
 import { SimpleOneAxisAlignment } from '../../types/alignment.types';
 import { ComponentColor } from '../../types/colors.types';
 import { DecorationElementAppearance, FormElementVariant } from '../../types/theming.types';
-import { _FocusableComponentBase } from '../../_internal/focusable-component';
 import * as i0 from "@angular/core";
 export declare class ArdiumDeletableChipComponent extends _FocusableComponentBase {
     readonly DEFAULTS: {
         deleteButtonTitle: string;
     };
-    deleteButtonTitle: string;
-    contentAlignment: SimpleOneAxisAlignment;
-    appearance: DecorationElementAppearance;
-    variant: FormElementVariant;
-    color: ComponentColor;
-    private _compact;
-    get compact(): boolean;
-    set compact(v: any);
-    wrapperClasses: string;
-    get ngClasses(): string;
-    deleteEvent: EventEmitter<MouseEvent>;
+    readonly deleteButtonTitle: import("@angular/core").InputSignal<string>;
+    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 wrapperClasses: import("@angular/core").InputSignal<string>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
+    readonly deleteEvent: import("@angular/core").OutputEmitterRef<MouseEvent>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDeletableChipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDeletableChipComponent, "ard-deletable-chip", never, { "deleteButtonTitle": { "alias": "deleteButtonTitle"; "required": false; }; "contentAlignment": { "alias": "contentAlignment"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; }, { "deleteEvent": "delete"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDeletableChipComponent, "ard-deletable-chip", never, { "deleteButtonTitle": { "alias": "deleteButtonTitle"; "required": false; "isSignal": true; }; "contentAlignment": { "alias": "contentAlignment"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; }, { "deleteEvent": "delete"; }, never, ["*"], false, never>;
 }

package/lib/chip/index.d.ts

@@ -0,0 +1,4 @@
+export * from './chip.module';
+export * from './chip.component';
+export * from './deletable-chip/deletable-chip.component';
+export * from './selectable-chip/selectable-chip.component';

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

@@ -8,17 +8,15 @@ export declare class ArdiumSelectableChipComponent extends _BooleanComponentBase
     readonly DEFAULTS: {
         chipTitle: string;
     };
-    chipTitle: string;
-    useSelectionIcon: boolean;
-    contentAlignment: SimpleOneAxisAlignment;
-    appearance: DecorationElementAppearance;
-    variant: FormElementVariant;
-    color: ComponentColor;
-    private _compact;
-    get compact(): boolean;
-    set compact(v: any);
-    wrapperClasses: string;
-    get ngClasses(): string;
+    readonly chipTitle: import("@angular/core").InputSignal<string>;
+    readonly hideSelectionIcon: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    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 wrapperClasses: import("@angular/core").InputSignal<string>;
+    readonly ngClasses: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumSelectableChipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumSelectableChipComponent, "ard-selectable-chip", never, { "chipTitle": { "alias": "chipTitle"; "required": false; }; "useSelectionIcon": { "alias": "useSelectionIcon"; "required": false; }; "contentAlignment": { "alias": "contentAlignment"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "wrapperClasses": { "alias": "wrapperClasses"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumSelectableChipComponent, "ard-selectable-chip", never, { "chipTitle": { "alias": "chipTitle"; "required": false; "isSignal": true; }; "hideSelectionIcon": { "alias": "hideSelectionIcon"; "required": false; "isSignal": true; }; "contentAlignment": { "alias": "contentAlignment"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; }, {}, never, ["*"], false, never>;
 }

package/lib/color/color-display/color-display.component.d.ts

@@ -1,17 +1,14 @@
 import { AfterViewInit } from '@angular/core';
+import { Nullable } from '../../types/utility.types';
 import { ColorDisplayAppearance } from './color-display.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumColorDisplayComponent implements AfterViewInit {
-    ariaLabel?: string;
-    private _withLabel;
-    get withLabel(): boolean;
-    set withLabel(v: any);
-    appearance: ColorDisplayAppearance;
+    readonly ariaLabel: import("@angular/core").InputSignal<string>;
+    readonly withLabel: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly appearance: import("@angular/core").InputSignal<ColorDisplayAppearance>;
     get ngClasses(): string;
-    private _color?;
-    get color(): string | null;
-    set color(v: any);
+    readonly color: import("@angular/core").InputSignalWithTransform<Nullable<string>, any>;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumColorDisplayComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumColorDisplayComponent, "ard-color-display", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "withLabel": { "alias": "withLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumColorDisplayComponent, "ard-color-display", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "withLabel": { "alias": "withLabel"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/color/color-display/index.d.ts

@@ -0,0 +1,3 @@
+export * from './color-display.module';
+export * from './color-display.component';
+export * from './color-display.types';

package/lib/color/color-picker/color-picker.types.d.ts

@@ -1,12 +1,12 @@
 import * as Color from 'color';
-export type ColorPickerIndicatorContext = {
+export interface ColorPickerIndicatorContext {
     $implicit: Color;
-};
-export type ColorPickerColorReferenceContext = {
+}
+export interface ColorPickerColorReferenceContext {
     color: Color;
     $implicit: Color;
     referenceColor: Color;
-};
+}
 export declare const _ColorPickerInputsSectionType: {
     readonly HEX: "HEX";
     readonly RGB: "RGB";

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

@@ -1,44 +1,34 @@
-import { EventEmitter, TemplateRef } from '@angular/core';
+import { ButtonAppearance } from '../buttons/general-button.types';
 import { ComponentColor } from '../types/colors.types';
-import { PanelAppearance, PanelVariant } from '../types/theming.types';
+import { PanelVariant } from '../types/theming.types';
+import { ArdDialogButtonsTemplateDirective } from './dialog.directives';
 import { DialogButtonsContext, DialogResult } from './dialog.types';
-import { ButtonAppearance } from '../buttons/general-button.types';
 import * as i0 from "@angular/core";
 export declare class ArdiumDialogComponent {
-    appearance: PanelAppearance;
-    variant: PanelVariant;
-    private _compact;
-    get compact(): boolean;
-    set compact(v: any);
-    heading?: string;
-    readonly noCloseButton: import("@angular/core").WritableSignal<boolean>;
-    set _noCloseButton(v: any);
-    readonly noBackdrop: import("@angular/core").WritableSignal<boolean>;
-    set _noBackdrop(v: any);
-    readonly disableBackdropClose: import("@angular/core").WritableSignal<boolean>;
-    set _disableBackdropClose(v: any);
-    private _open;
-    get open(): boolean;
-    set open(v: any);
-    openChange: EventEmitter<boolean>;
-    closeEvent: EventEmitter<DialogResult>;
-    confirmEvent: EventEmitter<null>;
-    rejectEvent: EventEmitter<null>;
-    confirmButtonText: string;
-    confirmButtonColor: ComponentColor;
-    confirmButtonAppearance: ButtonAppearance;
-    rejectButtonText: string;
-    rejectButtonColor: ComponentColor;
-    rejectButtonAppearance: ButtonAppearance;
-    readonly noRejectButton: import("@angular/core").WritableSignal<boolean>;
-    set _noRejectButton(v: any);
-    readonly canConfirm: import("@angular/core").WritableSignal<boolean>;
-    set _canConfirm(v: any);
+    readonly appearance: import("@angular/core").InputSignal<"raised">;
+    readonly variant: import("@angular/core").InputSignal<PanelVariant>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    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 open: import("@angular/core").ModelSignal<boolean>;
+    readonly closeEvent: import("@angular/core").OutputEmitterRef<DialogResult>;
+    readonly confirmEvent: import("@angular/core").OutputEmitterRef<void>;
+    readonly rejectEvent: import("@angular/core").OutputEmitterRef<void>;
+    readonly confirmButtonText: import("@angular/core").InputSignal<string>;
+    readonly confirmButtonColor: import("@angular/core").InputSignal<ComponentColor>;
+    readonly confirmButtonAppearance: import("@angular/core").InputSignal<ButtonAppearance>;
+    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>;
     onConfirmClick(): void;
     onRejectClick(): void;
     onModalClose(): void;
-    buttonsTemplate?: TemplateRef<DialogButtonsContext>;
-    getButtonsContext(): DialogButtonsContext;
+    readonly buttonsTemplate: import("@angular/core").Signal<ArdDialogButtonsTemplateDirective | undefined>;
+    readonly getButtonsContext: import("@angular/core").Signal<DialogButtonsContext>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDialogComponent, "ard-dialog", never, { "appearance": { "alias": "appearance"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "_noCloseButton": { "alias": "noCloseButton"; "required": false; }; "_noBackdrop": { "alias": "noBackdrop"; "required": false; }; "_disableBackdropClose": { "alias": "disableBackdropClose"; "required": false; }; "open": { "alias": "open"; "required": false; }; "confirmButtonText": { "alias": "confirmButtonText"; "required": false; }; "confirmButtonColor": { "alias": "confirmButtonColor"; "required": false; }; "confirmButtonAppearance": { "alias": "confirmButtonAppearance"; "required": false; }; "rejectButtonText": { "alias": "rejectButtonText"; "required": false; }; "rejectButtonColor": { "alias": "rejectButtonColor"; "required": false; }; "rejectButtonAppearance": { "alias": "rejectButtonAppearance"; "required": false; }; "_noRejectButton": { "alias": "noRejectButton"; "required": false; }; "_canConfirm": { "alias": "canConfirm"; "required": false; }; }, { "openChange": "openChange"; "closeEvent": "close"; "confirmEvent": "confirm"; "rejectEvent": "reject"; }, ["buttonsTemplate"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDialogComponent, "ard-dialog", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "noCloseButton": { "alias": "noCloseButton"; "required": false; "isSignal": true; }; "noBackdrop": { "alias": "noBackdrop"; "required": false; "isSignal": true; }; "disableBackdropClose": { "alias": "disableBackdropClose"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "confirmButtonText": { "alias": "confirmButtonText"; "required": false; "isSignal": true; }; "confirmButtonColor": { "alias": "confirmButtonColor"; "required": false; "isSignal": true; }; "confirmButtonAppearance": { "alias": "confirmButtonAppearance"; "required": false; "isSignal": true; }; "rejectButtonText": { "alias": "rejectButtonText"; "required": false; "isSignal": true; }; "rejectButtonColor": { "alias": "rejectButtonColor"; "required": false; "isSignal": true; }; "rejectButtonAppearance": { "alias": "rejectButtonAppearance"; "required": false; "isSignal": true; }; "noRejectButton": { "alias": "noRejectButton"; "required": false; "isSignal": true; }; "canConfirm": { "alias": "canConfirm"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closeEvent": "close"; "confirmEvent": "confirm"; "rejectEvent": "reject"; }, ["buttonsTemplate"], ["*"], false, never>;
 }

package/lib/dialog/dialog.types.d.ts

@@ -7,7 +7,7 @@ export declare const DialogResult: {
     readonly Close: "close";
 };
 export type DialogResult = (typeof DialogResult)[keyof typeof DialogResult];
-export type DialogButtonsContext = {
+export interface DialogButtonsContext {
     confirmButton: {
         text: string;
         color: ComponentColor;
@@ -25,4 +25,4 @@ export type DialogButtonsContext = {
     dialogAppearance: PanelAppearance;
     dialogVariant: PanelVariant;
     dialogCompact: boolean;
-};
+}

package/lib/dialog/index.d.ts

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

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

@@ -1,8 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class ArdiumDividerComponent {
-    private _vertical;
-    get vertical(): boolean;
-    set vertical(v: any);
+    readonly vertical: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    get _verticalHostAttribute(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDividerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDividerComponent, "ard-divider", never, { "vertical": { "alias": "vertical"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDividerComponent, "ard-divider", never, { "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/divider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './divider.module';
+export * from './divider.component';

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

@@ -1,28 +1,25 @@
-import { AfterViewChecked, AfterViewInit, EventEmitter, TemplateRef } from '@angular/core';
+import { AfterViewChecked, TemplateRef } from '@angular/core';
+import { Nullable } from '../types/utility.types';
 import { DropdownPanelAppearance, DropdownPanelVariant, ScrollAlignment } from './dropdown-panel.types';
 import * as i0 from "@angular/core";
-export declare class ArdiumDropdownPanelComponent implements AfterViewInit, AfterViewChecked {
-    constructor();
-    private _scrollRef;
-    private _scrollElement;
-    panelId: string;
-    headerTemplate?: TemplateRef<any>;
-    footerTemplate?: TemplateRef<any>;
-    filterValue?: string;
-    appearance: DropdownPanelAppearance;
-    variant: DropdownPanelVariant;
-    private _compact;
-    get compact(): boolean;
-    set compact(v: any);
-    get ngClasses(): string;
-    isOpen: boolean;
-    scrollEvent: EventEmitter<{
+export declare class ArdiumDropdownPanelComponent implements AfterViewChecked {
+    private readonly _scrollElementRef;
+    private readonly _scrollEl;
+    readonly panelId: import("@angular/core").InputSignal<string | undefined>;
+    readonly headerTemplate: import("@angular/core").InputSignal<TemplateRef<any> | null>;
+    readonly footerTemplate: import("@angular/core").InputSignal<TemplateRef<any> | null>;
+    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 ngClasses: import("@angular/core").Signal<string>;
+    readonly isOpen: import("@angular/core").InputSignal<boolean>;
+    readonly scrollEvent: import("@angular/core").OutputEmitterRef<{
         start: number;
         end: number;
     }>;
-    scrollToEndEvent: EventEmitter<any>;
+    readonly scrollToEndEvent: import("@angular/core").OutputEmitterRef<void>;
     onScroll(): void;
-    ngAfterViewInit(): void;
     ngAfterViewChecked(): void;
     private get _scrollTop();
     private set _scrollTop(value);
@@ -33,5 +30,5 @@ export declare class ArdiumDropdownPanelComponent implements AfterViewInit, Afte
     private _isElementInView;
     private _getContentRect;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumDropdownPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDropdownPanelComponent, "ard-dropdown-panel", never, { "panelId": { "alias": "panelId"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "filterValue": { "alias": "filterValue"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; }, { "scrollEvent": "scroll"; "scrollToEndEvent": "scrollToEnd"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumDropdownPanelComponent, "ard-dropdown-panel", never, { "panelId": { "alias": "panelId"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; "isSignal": true; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; "isSignal": true; }; "filterValue": { "alias": "filterValue"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": true; "isSignal": true; }; }, { "scrollEvent": "scroll"; "scrollToEndEvent": "scrollToEnd"; }, never, ["*"], false, never>;
 }