suis 4.0.0 → 4.0.1

package/lib/components/suis-accordion/suis-accordion.component.d.ts

@@ -1,15 +1,16 @@
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class SuisAccordionComponent {
     /**
      * Controlls styling of the accordion based on expanded state of group. By default set to false.
      */
-    expanded: boolean;
+    readonly expanded: import("@angular/core").InputSignal<boolean>;
+    _expanded: import("@angular/core").WritableSignal<boolean>;
     /**
      * Emits when expanded value of the accordion has been changed.
      */
-    expandedChange: EventEmitter<boolean>;
+    readonly expandedChange: import("@angular/core").OutputEmitterRef<boolean>;
+    constructor();
     onToggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisAccordionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisAccordionComponent, "suis-accordion", never, { "expanded": { "alias": "expanded"; "required": false; }; }, { "expandedChange": "expandedChange"; }, never, ["[suisAccordionHeader]", "[suisAccordionContent]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisAccordionComponent, "suis-accordion", never, { "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expandedChange": "expandedChange"; }, never, ["[suisAccordionHeader]", "[suisAccordionContent]"], true, never>;
 }

package/lib/components/suis-alert/suis-alert.component.d.ts

@@ -1,20 +1,21 @@
-import { EventEmitter } from '@angular/core';
 import { SuisInfoColor } from '../../types';
 import * as i0 from "@angular/core";
 export declare class SuisAlertComponent {
     /**
      * Controls visibilty of the alert. By default set to false.
      */
-    hidden: boolean;
+    readonly hidden: import("@angular/core").InputSignal<boolean>;
+    _hidden: import("@angular/core").WritableSignal<boolean>;
     /**
      * Emits change of hidden state.
      */
-    hiddenChange: EventEmitter<boolean>;
+    readonly hiddenChange: import("@angular/core").OutputEmitterRef<boolean>;
     /**
      * Sets the color pallette of the alert. Type of SuisInfoColor. By default set to 'danger'.
      */
-    color: SuisInfoColor;
+    readonly color: import("@angular/core").InputSignal<SuisInfoColor>;
+    constructor();
     onCancel(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisAlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisAlertComponent, "suis-alert", never, { "hidden": { "alias": "hidden"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, { "hiddenChange": "hiddenChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisAlertComponent, "suis-alert", never, { "hidden": { "alias": "hidden"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, { "hiddenChange": "hiddenChange"; }, never, ["*"], true, never>;
 }

package/lib/components/suis-box/suis-box.component.d.ts

@@ -3,11 +3,11 @@ export declare class SuisBoxComponent {
     /**
      * Adds a padding around the content. By default set to false.
      */
-    spacing: boolean;
+    readonly spacing: import("@angular/core").InputSignal<boolean>;
     /**
      * Sets box height to 100%. By default set to false.
      */
-    fullHeight: boolean;
+    readonly fullHeight: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisBoxComponent, "suis-box", never, { "spacing": { "alias": "spacing"; "required": false; }; "fullHeight": { "alias": "fullHeight"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisBoxComponent, "suis-box", never, { "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "fullHeight": { "alias": "fullHeight"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/suis-breadcrumbs/suis-breadcrumbs.component.d.ts

@@ -4,9 +4,9 @@ export declare class SuisBreadcrumbsComponent {
     /**
      * List of breadcrumbs items. Type of SuisBreadcrumbItem[]. By default set to empty array.
      */
-    items: SuisBreadcrumbItem[];
+    readonly items: import("@angular/core").InputSignal<SuisBreadcrumbItem[]>;
     /** @internal */
     itemTrackBy(index: number, item: SuisBreadcrumbItem): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisBreadcrumbsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisBreadcrumbsComponent, "suis-breadcrumbs", never, { "items": { "alias": "items"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisBreadcrumbsComponent, "suis-breadcrumbs", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/suis-chart/suis-chart.component.d.ts

@@ -13,31 +13,31 @@ export declare class SuisChartComponent {
     /**
      * Array of the chart bars labels. By default set to empty array.
      */
-    labels: string[];
+    readonly labels: import("@angular/core").InputSignal<string[]>;
     /**
      * Array of data values and optionally colors. Type of SuisChartDataItem[]. By default set to empty array.
      */
-    data: SuisChartDataItem[];
+    readonly data: import("@angular/core").InputSignal<SuisChartDataItem[]>;
     /**
      * Sets the default color of the chart bars. Type of SuisColor. By default set to 'primary'.
      */
-    color: SuisColor;
+    readonly color: import("@angular/core").InputSignal<SuisColor>;
     /**
      * Adjusts the width of the chart bars. Type of SuisSize. By default set to 'md'.
      */
-    size: SuisSize;
+    readonly size: import("@angular/core").InputSignal<SuisSize>;
     /**
      * Sets the maximum value automatically based on data values. By default set to false.
      */
-    autoMax: boolean;
+    readonly autoMax: import("@angular/core").InputSignal<boolean>;
     /**
      * Array of comparision data values and optionally colors. Type of SuisChartDataItem[]. By default set to empty array.
      */
-    compareData: SuisChartDataItem[];
+    readonly compareData: import("@angular/core").InputSignal<SuisChartDataItem[]>;
     /**
      * Sets the default color of the comparision chart bars. Type of SuisColor. By default set to 'warning'.
      */
-    compareColor: SuisColor;
+    readonly compareColor: import("@angular/core").InputSignal<SuisColor>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisChartComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisChartComponent, "suis-chart", never, { "maxValue": { "alias": "maxValue"; "required": false; }; "labels": { "alias": "labels"; "required": false; }; "data": { "alias": "data"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "autoMax": { "alias": "autoMax"; "required": false; }; "compareData": { "alias": "compareData"; "required": false; }; "compareColor": { "alias": "compareColor"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisChartComponent, "suis-chart", never, { "maxValue": { "alias": "maxValue"; "required": false; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "autoMax": { "alias": "autoMax"; "required": false; "isSignal": true; }; "compareData": { "alias": "compareData"; "required": false; "isSignal": true; }; "compareColor": { "alias": "compareColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/suis-chip/suis-chip.component.d.ts

@@ -1,25 +1,24 @@
-import { EventEmitter } from '@angular/core';
 import { SuisColor } from '../../types/suis-color.type';
 import * as i0 from "@angular/core";
 export declare class SuisChipComponent {
     /**
      * Sets the color pallette of the chip. Type of SuisColor. By default set to 'primary'.
      */
-    color: SuisColor;
+    readonly color: import("@angular/core").InputSignal<SuisColor>;
     /**
      * Sets the color of the cross icon. Visible only if removable set to true. Type of SuisColor. By default set to 'white'.
      */
-    iconColor: SuisColor;
+    readonly iconColor: import("@angular/core").InputSignal<SuisColor>;
     /**
      * Shows cross icon with remove action. By default set to false.
      */
-    removable: boolean;
+    readonly removable: import("@angular/core").InputSignal<boolean>;
     /**
      * Emits on cross icon click.
      */
-    remove: EventEmitter<void>;
+    readonly remove: import("@angular/core").OutputEmitterRef<void>;
     /** @internal */
     onRemove(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisChipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisChipComponent, "suis-chip", never, { "color": { "alias": "color"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; }, { "remove": "remove"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisChipComponent, "suis-chip", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; }, { "remove": "remove"; }, never, ["*"], true, never>;
 }

package/lib/components/suis-container/suis-container.component.d.ts

@@ -3,7 +3,7 @@ export declare class SuisContainerComponent {
     /**
      * Adds a padding around the content. By default set to false.
      */
-    spacing: boolean;
+    readonly spacing: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisContainerComponent, "suis-container", never, { "spacing": { "alias": "spacing"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisContainerComponent, "suis-container", never, { "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/suis-dialog/suis-dialog.component.d.ts

@@ -1,4 +1,3 @@
-import { EventEmitter } from '@angular/core';
 import { SuisSize } from '../../types/suis-size.type';
 import * as i0 from "@angular/core";
 export declare class SuisDialogComponent {
@@ -6,25 +5,25 @@ export declare class SuisDialogComponent {
     /**
      * Sets width size of the dialog. Type of SuisSize. By default set to 'md'.
      */
-    size: SuisSize;
+    readonly size: import("@angular/core").InputSignal<SuisSize>;
     /**
      * Displays the cancel button in the actions footer of the dialog. By default set to true.
      */
-    cancelButton: boolean;
+    readonly cancelButton: import("@angular/core").InputSignal<boolean>;
     /**
      * Displays the confirm button in the actions footer of the dialog. By default set to true.
      */
-    confirmButton: boolean;
+    readonly confirmButton: import("@angular/core").InputSignal<boolean>;
     /**
      * Emits on confirm button clicked.
      */
-    confirmed: EventEmitter<void>;
+    readonly confirmed: import("@angular/core").OutputEmitterRef<void>;
     /**
      * Emits on cancel button or cross icon clicked.
      */
-    cancelled: EventEmitter<void>;
+    readonly cancelled: import("@angular/core").OutputEmitterRef<void>;
     onConfirm(): void;
     onCancel(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisDialogComponent, "suis-dialog", never, { "size": { "alias": "size"; "required": false; }; "cancelButton": { "alias": "cancelButton"; "required": false; }; "confirmButton": { "alias": "confirmButton"; "required": false; }; }, { "confirmed": "confirmed"; "cancelled": "cancelled"; }, never, ["[suisDialogHeader]", "[suisDialogContent]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisDialogComponent, "suis-dialog", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "cancelButton": { "alias": "cancelButton"; "required": false; "isSignal": true; }; "confirmButton": { "alias": "confirmButton"; "required": false; "isSignal": true; }; }, { "confirmed": "confirmed"; "cancelled": "cancelled"; }, never, ["[suisDialogHeader]", "[suisDialogContent]"], true, never>;
 }

package/lib/components/suis-divider/suis-divider.component.d.ts

@@ -4,7 +4,7 @@ export declare class SuisDividerComponent {
     /**
      * Sets the color of the divider. Type of SuisColor. By default set to 'tertiary'.
      */
-    color: SuisColor;
+    readonly color: import("@angular/core").InputSignal<SuisColor>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisDividerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisDividerComponent, "suis-divider", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisDividerComponent, "suis-divider", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -4,7 +4,7 @@ export declare class SuisFormFieldComponent {
     /**
      * Template to be added below the field with error message.
      */
-    errorTemplate?: TemplateRef<HTMLElement>;
+    readonly errorTemplate: import("@angular/core").InputSignal<TemplateRef<HTMLElement> | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisFormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisFormFieldComponent, "suis-form-field", never, { "errorTemplate": { "alias": "errorTemplate"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisFormFieldComponent, "suis-form-field", never, { "errorTemplate": { "alias": "errorTemplate"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/suis-icon/suis-icon.component.d.ts

@@ -6,31 +6,31 @@ export declare class SuisIconComponent {
     /**
      * Sets the font size of the HTML Entity itself. Type of SuisSize. By default set to 'md'.
      */
-    size: SuisSize;
+    readonly size: import("@angular/core").InputSignal<SuisSize>;
     /**
      * Sets the color pallette of the icon and surroundings. Type of SuisColor. By default set to 'dark'.
      */
-    color: SuisColor;
+    readonly color: import("@angular/core").InputSignal<SuisColor>;
     /**
      * Sets the HTML Entity displayed in content. Type of SuisIconType. By default set to 'question'.
      */
-    type: SuisIconType;
+    readonly type: import("@angular/core").InputSignal<SuisIconType>;
     /**
      * Shows the circled border around the icon. By default set to false. Can not be combined with filled (will be overriden then).
      */
-    outlined: boolean;
+    readonly outlined: import("@angular/core").InputSignal<boolean>;
     /**
      * Shows the circled background behind the icon. By default set to false. Overrides outlined behavior if used at the sime time.
      */
-    filled: boolean;
+    readonly filled: import("@angular/core").InputSignal<boolean>;
     /**
      * Shows the pointer cursor when hovered. By default set to false.
      */
-    pointer: boolean;
+    readonly pointer: import("@angular/core").InputSignal<boolean>;
     /**
      * Sets HTML Entity font weight to bold. By default set to false.
      */
-    bold: boolean;
+    readonly bold: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisIconComponent, "suis-icon", never, { "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "type": { "alias": "type"; "required": false; }; "outlined": { "alias": "outlined"; "required": false; }; "filled": { "alias": "filled"; "required": false; }; "pointer": { "alias": "pointer"; "required": false; }; "bold": { "alias": "bold"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisIconComponent, "suis-icon", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "filled": { "alias": "filled"; "required": false; "isSignal": true; }; "pointer": { "alias": "pointer"; "required": false; "isSignal": true; }; "bold": { "alias": "bold"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/suis-input/suis-input.component.d.ts

@@ -1,4 +1,3 @@
-import { EventEmitter } from '@angular/core';
 import { SuisInputType } from './suis-input.types';
 import { SuisInputBase } from '../../shared/classes/suis-input.base';
 import * as i0 from "@angular/core";
@@ -6,20 +5,20 @@ export declare class SuisInputComponent extends SuisInputBase {
     /**
      * Sets input's type to one of the accepted values - type of SuisInputType. By default set to 'text'.
      */
-    type: SuisInputType;
+    readonly type: import("@angular/core").InputSignal<SuisInputType>;
     /**
      * Placeholder text displayed in input. By default set to empty string.
      */
-    placeholder: string;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
     /**
      * Emits on keydown enter input event.
      */
-    enterPressed: EventEmitter<void>;
+    readonly enterPressed: import("@angular/core").OutputEmitterRef<void>;
     /** @internal */
     value: string;
     writeValue(obj: string): void;
     onChange(event: Event): void;
     onEnter(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisInputComponent, "suis-input", never, { "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, { "enterPressed": "enterPressed"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisInputComponent, "suis-input", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "enterPressed": "enterPressed"; }, never, never, true, never>;
 }

package/lib/components/suis-input-chips/suis-input-chips.component.d.ts

@@ -5,19 +5,19 @@ import { SuisColor } from '../../types/suis-color.type';
 import * as i0 from "@angular/core";
 export declare class SuisInputChipsComponent extends SuisInputBase {
     /** @internal */
-    inputEl?: ElementRef;
+    readonly inputEl: import("@angular/core").Signal<ElementRef<any> | undefined>;
     /**
      * Placeholder text displayed in input. By default set to empty string.
      */
-    placeholder: string;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
     /**
      * Sets the color pallette of the chips. Type of SuisColor. By default set to 'primary'.
      */
-    chipColor: SuisColor;
+    readonly chipColor: import("@angular/core").InputSignal<SuisColor>;
     /**
      * Sets the color of the chips' cross icon. Type of SuisColor. By default set to 'white'.
      */
-    chipIconColor: SuisColor;
+    readonly chipIconColor: import("@angular/core").InputSignal<SuisColor>;
     /** @internal */
     value: string[];
     /** @internal */
@@ -28,5 +28,5 @@ export declare class SuisInputChipsComponent extends SuisInputBase {
     submitValue(): void;
     onDocumentClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisInputChipsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisInputChipsComponent, "suis-input-chips", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "chipColor": { "alias": "chipColor"; "required": false; }; "chipIconColor": { "alias": "chipIconColor"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisInputChipsComponent, "suis-input-chips", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "chipColor": { "alias": "chipColor"; "required": false; "isSignal": true; }; "chipIconColor": { "alias": "chipIconColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/suis-input-image/suis-input-image.component.d.ts

@@ -1,13 +1,13 @@
-import { ElementRef, EventEmitter } from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { SuisInputBase } from '../../shared/classes/suis-input.base';
 import * as i0 from "@angular/core";
 export declare class SuisInputImageComponent extends SuisInputBase {
     /** @internal */
-    fileInput?: ElementRef;
+    readonly fileInput: import("@angular/core").Signal<ElementRef<any> | undefined>;
     /**
      * Emits value on FileList upload.
      */
-    uploaded: EventEmitter<FileList>;
+    readonly uploaded: import("@angular/core").OutputEmitterRef<FileList>;
     /** @internal */
     value: FileList | null;
     /** @internal */

package/lib/components/suis-input-number/suis-input-number.component.d.ts

@@ -4,11 +4,11 @@ export declare class SuisInputNumberComponent extends SuisInputBase {
     /**
      * Placeholder text displayed in input. By default set to empty string.
      */
-    placeholder: string;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
     /** @internal */
     value: number | null;
     writeValue(obj: number | null): void;
     onChange(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisInputNumberComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisInputNumberComponent, "suis-input-number", never, { "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisInputNumberComponent, "suis-input-number", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/suis-input-radio/suis-input-radio.component.d.ts

@@ -3,24 +3,24 @@ import { RadioControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class SuisInputRadioComponent extends RadioControlValueAccessor implements AfterViewInit {
     /** @internal */
-    radioInput?: ElementRef;
+    readonly radioInput: import("@angular/core").Signal<ElementRef<any> | undefined>;
     /**
      * Sets HTML id attribute of the input. By default is undefined.
      */
-    id?: string;
+    readonly id: import("@angular/core").InputSignal<string | undefined>;
     /**
      * Sets input disabled state. By default set to false.
      */
-    readonly: boolean;
+    readonly readonly: import("@angular/core").InputSignal<boolean>;
     /**
      * Adds invalid styling to the input. By default set to false.
      */
-    invalid: boolean;
+    readonly invalid: import("@angular/core").InputSignal<boolean>;
     /**
      * Sets input checked state to true. By default set to false.
      */
-    default: boolean;
+    readonly default: import("@angular/core").InputSignal<boolean>;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisInputRadioComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisInputRadioComponent, "suis-input-radio", never, { "id": { "alias": "id"; "required": true; }; "readonly": { "alias": "readonly"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "default": { "alias": "default"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisInputRadioComponent, "suis-input-radio", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "default": { "alias": "default"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/suis-item/suis-item.component.d.ts

@@ -3,15 +3,15 @@ export declare class SuisItemComponent {
     /**
      * Adds a padding around the content. By default set to true.
      */
-    spacing: boolean;
+    readonly spacing: import("@angular/core").InputSignal<boolean>;
     /**
      * Styles item as a header. By default set to false.
      */
-    header: boolean;
+    readonly header: import("@angular/core").InputSignal<boolean>;
     /**
      * Displays border bottom below the item. Does not effect header item. By default set to true.
      */
-    divider: boolean;
+    readonly divider: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisItemComponent, "suis-item", never, { "spacing": { "alias": "spacing"; "required": false; }; "header": { "alias": "header"; "required": false; }; "divider": { "alias": "divider"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisItemComponent, "suis-item", never, { "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "divider": { "alias": "divider"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/suis-label/suis-label.component.d.ts

@@ -3,19 +3,19 @@ export declare class SuisLabelComponent {
     /**
      * Sets the HTML for attribute of the label. By default is undefined.
      */
-    for?: string;
+    readonly for: import("@angular/core").InputSignal<string | undefined>;
     /**
      * Adds a red colored asterisk after the label. By default set to false.
      */
-    required: boolean;
+    readonly required: import("@angular/core").InputSignal<boolean>;
     /**
      * Shows the pointer cursor when hovered. By default set to false.
      */
-    pointer: boolean;
+    readonly pointer: import("@angular/core").InputSignal<boolean>;
     /**
      * Grays out the label content and removes cursor pointer behavior. By default set to false.
      */
-    readonly: boolean;
+    readonly readonly: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisLabelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisLabelComponent, "suis-label", never, { "for": { "alias": "for"; "required": false; }; "required": { "alias": "required"; "required": false; }; "pointer": { "alias": "pointer"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, {}, never, ["*", "[suisLabelAside]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisLabelComponent, "suis-label", never, { "for": { "alias": "for"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "pointer": { "alias": "pointer"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[suisLabelAside]"], true, never>;
 }

package/lib/components/suis-notification/suis-notification.component.d.ts

@@ -1,16 +1,15 @@
-import { EventEmitter } from '@angular/core';
 import { SuisNotification } from './suis-notification.interfaces';
 import * as i0 from "@angular/core";
 export declare class SuisNotificationComponent {
     /**
      * Notification item data. Type of SuisNotification.
      */
-    notification?: SuisNotification | null;
+    notification: import("@angular/core").InputSignal<SuisNotification | null | undefined>;
     /**
      * Emits on close button action.
      */
-    closed: EventEmitter<void>;
+    readonly closed: import("@angular/core").OutputEmitterRef<void>;
     onClose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisNotificationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisNotificationComponent, "suis-notification", never, { "notification": { "alias": "notification"; "required": true; }; }, { "closed": "closed"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisNotificationComponent, "suis-notification", never, { "notification": { "alias": "notification"; "required": true; "isSignal": true; }; }, { "closed": "closed"; }, never, never, true, never>;
 }

package/lib/components/suis-pagination/suis-pagination.component.d.ts

@@ -1,52 +1,54 @@
-import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class SuisPaginationComponent implements OnInit, OnChanges {
+export declare class SuisPaginationComponent implements OnInit {
     private readonly destroyRef;
     /** @internal */
     /**
      * Number of the maximum page that can be reached based on totalItems and perPage values.
      */
-    maxPage: number;
+    readonly maxPage: import("@angular/core").Signal<number>;
     /**
      * Number of the page presented. By default set to 1.
      */
-    page: number;
+    readonly page: import("@angular/core").InputSignal<number>;
+    _page: import("@angular/core").WritableSignal<number>;
     /**
      * Number of items presented per page. Value must be included in perPageOptions. By default set to 15.
      */
-    perPage: number;
+    readonly perPage: import("@angular/core").InputSignal<number>;
+    _perPage: import("@angular/core").WritableSignal<number>;
     /**
      * Options of perPage dropdown. Be default set to [10, 15, 20, 25].
      */
-    perPageOptions: number[];
+    readonly perPageOptions: import("@angular/core").InputSignal<number[]>;
     /**
      * Number of total items in data source. By default set to 0.
      */
-    totalItems: number;
+    readonly totalItems: import("@angular/core").InputSignal<number>;
     /**
      * Sets the of label in "1 'of' 25". By default set to 'of'.
      */
-    ofLabel: string;
+    readonly ofLabel: import("@angular/core").InputSignal<string>;
     /**
      * Sets the items label in "1-10 'of' 25 'items'". By default set to 'Page'.
      */
-    itemsLabel: string;
+    readonly itemsLabel: import("@angular/core").InputSignal<string>;
     /**
      * Emits on page value change.
      */
-    pageChange: EventEmitter<number>;
+    readonly pageChange: import("@angular/core").OutputEmitterRef<number>;
     /**
      * Emits on perPage value change.
      */
-    perPageChange: EventEmitter<number>;
+    readonly perPageChange: import("@angular/core").OutputEmitterRef<number>;
     /** @internal */
     perPageControl: FormControl<number>;
+    constructor();
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     next(): void;
     previous(): void;
     onPerPageChange(value: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisPaginationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisPaginationComponent, "suis-pagination", never, { "page": { "alias": "page"; "required": false; }; "perPage": { "alias": "perPage"; "required": false; }; "perPageOptions": { "alias": "perPageOptions"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "ofLabel": { "alias": "ofLabel"; "required": false; }; "itemsLabel": { "alias": "itemsLabel"; "required": false; }; }, { "pageChange": "pageChange"; "perPageChange": "perPageChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisPaginationComponent, "suis-pagination", never, { "page": { "alias": "page"; "required": false; "isSignal": true; }; "perPage": { "alias": "perPage"; "required": false; "isSignal": true; }; "perPageOptions": { "alias": "perPageOptions"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "ofLabel": { "alias": "ofLabel"; "required": false; "isSignal": true; }; "itemsLabel": { "alias": "itemsLabel"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "perPageChange": "perPageChange"; }, never, never, true, never>;
 }

package/lib/components/suis-progress-bar/suis-progress-bar.component.d.ts

@@ -4,23 +4,23 @@ export declare class SuisProgressBarComponent {
     /**
      * The value corresponding to the progress bar. By default set to 0.
      */
-    value: number;
+    readonly value: import("@angular/core").InputSignal<number>;
     /**
      * Maximum value of the progress bar. By default set to 100.
      */
-    maxValue: number;
+    readonly maxValue: import("@angular/core").InputSignal<number>;
     /**
      * Sets the color of the progress bar. Type of SuisColor. By default set to 'primary'.
      */
-    color: SuisColor;
+    readonly color: import("@angular/core").InputSignal<SuisColor>;
     /**
      * Sets the background color of the progress bar. Type of SuisColor. By default set to 'tertiary'.
      */
-    backgroundColor: SuisColor;
+    readonly backgroundColor: import("@angular/core").InputSignal<SuisColor>;
     /**
      * Sets the height of the progress bar. Type of SuisSize. By default set to 'md'.
      */
-    size: SuisSize;
+    readonly size: import("@angular/core").InputSignal<SuisSize>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisProgressBarComponent, "suis-progress-bar", never, { "value": { "alias": "value"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "color": { "alias": "color"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisProgressBarComponent, "suis-progress-bar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/components/suis-spinner/suis-spinner.component.d.ts

@@ -5,11 +5,11 @@ export declare class SuisSpinnerComponent {
     /**
      * Sets the size of the spinner. Type of SuisSize. By default set to 'sm'.
      */
-    size: SuisSize;
+    readonly size: import("@angular/core").InputSignal<SuisSize>;
     /**
      * Sets the color of the spinner. Type of SuisColor. By default set to 'primary'.
      */
-    color: SuisColor;
+    readonly color: import("@angular/core").InputSignal<SuisColor>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuisSpinnerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuisSpinnerComponent, "suis-spinner", never, { "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuisSpinnerComponent, "suis-spinner", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }