@underlayerdev/ui 0.0.1 → 0.0.3

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@underlayerdev/ui",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "peerDependencies": {
-    "@angular/common": "^21.1.0",
-    "@angular/core": "^21.1.0",
+    "@angular/cdk": "^22.0.0",
+    "@angular/common": "^22.0.0",
+    "@angular/core": "^22.0.0",
     "@splidejs/splide": "^4.1.4"
   },
   "dependencies": {
@@ -20,5 +21,6 @@
       "types": "./types/underlayerdev-ui.d.ts",
       "default": "./fesm2022/underlayerdev-ui.mjs"
     }
-  }
+  },
+  "type": "module"
 }

package/types/underlayerdev-ui.d.ts

@@ -2,7 +2,7 @@ import * as _angular_core from '@angular/core';
 import { AfterViewInit, OnDestroy, ElementRef, PipeTransform } from '@angular/core';
 import * as i1 from '@angular/cdk/accordion';
 import { CdkAccordionItem } from '@angular/cdk/accordion';
-import { FormValueControl, WithOptionalField, ValidationError, FormCheckboxControl } from '@angular/forms/signals';
+import { FormValueControl, WithOptionalFieldTree, ValidationError, FormCheckboxControl } from '@angular/forms/signals';
 import Splide, { Options } from '@splidejs/splide';
 import { CurrencyPipe } from '@angular/common';
 
@@ -257,7 +257,7 @@ declare class CalendarComponent implements FormValueControl<Date | null> {
     readonly locale: _angular_core.InputSignal<string>;
     readonly showCalendarIcon: _angular_core.InputSignal<boolean>;
     readonly invalid: _angular_core.InputSignal<boolean>;
-    readonly errors: _angular_core.InputSignal<readonly WithOptionalField<ValidationError>[]>;
+    readonly errors: _angular_core.InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
     protected readonly ids: {
         controlId: string;
         helperId: string;
@@ -279,7 +279,6 @@ declare class CalendarComponent implements FormValueControl<Date | null> {
     readonly minuteOptions: _angular_core.Signal<number[]>;
     readonly selectedHour: _angular_core.Signal<number>;
     readonly selectedMinute: _angular_core.Signal<number>;
-    readonly valueChange: _angular_core.OutputEmitterRef<Date | null>;
     readonly opened: _angular_core.OutputEmitterRef<void>;
     readonly closed: _angular_core.OutputEmitterRef<void>;
     constructor();
@@ -302,7 +301,7 @@ declare class CalendarComponent implements FormValueControl<Date | null> {
     onMenuClosed(): void;
     focus(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarComponent, "pe-calendar", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minTime": { "alias": "minTime"; "required": false; "isSignal": true; }; "maxTime": { "alias": "maxTime"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "showCalendarIcon": { "alias": "showCalendarIcon"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarComponent, "pe-calendar", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minTime": { "alias": "minTime"; "required": false; "isSignal": true; }; "maxTime": { "alias": "maxTime"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "showCalendarIcon": { "alias": "showCalendarIcon"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
 }
 
 type CardDirection = 'horizontal' | 'vertical';
@@ -371,7 +370,7 @@ declare class CheckboxComponent implements FormCheckboxControl {
     error: _angular_core.InputSignal<boolean>;
     errorText: _angular_core.InputSignal<string | null>;
     invalid: _angular_core.InputSignal<boolean>;
-    errors: _angular_core.InputSignal<readonly WithOptionalField<ValidationError>[]>;
+    errors: _angular_core.InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
     protected readonly ids: {
         controlId: string;
         helperId: string;
@@ -612,7 +611,7 @@ declare class FileInputComponent implements FormValueControl<FileList | null> {
     readonly placeholderText: _angular_core.InputSignal<string>;
     readonly controlId: _angular_core.InputSignal<string | undefined>;
     readonly invalid: _angular_core.InputSignal<boolean>;
-    readonly errors: _angular_core.InputSignal<readonly WithOptionalField<ValidationError>[]>;
+    readonly errors: _angular_core.InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
     readonly touched: _angular_core.ModelSignal<boolean>;
     readonly error: _angular_core.InputSignal<boolean>;
     readonly value: _angular_core.ModelSignal<FileList | null>;
@@ -632,7 +631,6 @@ declare class FileInputComponent implements FormValueControl<FileList | null> {
     protected readonly selectedLabel: _angular_core.Signal<string>;
     readonly inputBlur: _angular_core.OutputEmitterRef<FocusEvent>;
     readonly inputFocus: _angular_core.OutputEmitterRef<FocusEvent>;
-    readonly valueChange: _angular_core.OutputEmitterRef<FileList | null>;
     constructor();
     onFileChange(event: Event): void;
     onBlur(event: FocusEvent): void;
@@ -640,7 +638,7 @@ declare class FileInputComponent implements FormValueControl<FileList | null> {
     triggerClick(): void;
     focus(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileInputComponent, "pe-file-input", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "placeholderText": { "alias": "placeholderText"; "required": false; "isSignal": true; }; "controlId": { "alias": "controlId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "value": "valueChange"; "inputBlur": "inputBlur"; "inputFocus": "inputFocus"; "valueChange": "valueChange"; }, never, ["[pe-file-input-left-elements]", "[pe-file-input-right-elements]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileInputComponent, "pe-file-input", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "placeholderText": { "alias": "placeholderText"; "required": false; "isSignal": true; }; "controlId": { "alias": "controlId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "value": "valueChange"; "inputBlur": "inputBlur"; "inputFocus": "inputFocus"; }, never, ["[pe-file-input-left-elements]", "[pe-file-input-right-elements]"], true, never>;
 }
 
 declare class FooterComponent {
@@ -809,7 +807,7 @@ declare class InputComponent implements FormValueControl<string> {
     /** FormUiControl optional: bound by [formField] when invalid */
     readonly invalid: _angular_core.InputSignal<boolean>;
     /** FormUiControl optional: bound by [formField] for validation errors */
-    readonly errors: _angular_core.InputSignal<readonly WithOptionalField<ValidationError>[]>;
+    readonly errors: _angular_core.InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
     /** FormUiControl optional: control sets on blur */
     readonly touched: _angular_core.ModelSignal<boolean>;
     readonly value: _angular_core.ModelSignal<string>;
@@ -822,13 +820,10 @@ declare class InputComponent implements FormValueControl<string> {
     protected readonly effectiveHelperId: _angular_core.Signal<string>;
     protected readonly effectiveErrorId: _angular_core.Signal<string>;
     protected readonly isFocused: _angular_core.WritableSignal<boolean>;
-    protected readonly isDirty: _angular_core.WritableSignal<boolean>;
     protected readonly hasError: _angular_core.Signal<boolean>;
     protected readonly describedBy: _angular_core.Signal<string | undefined>;
     readonly inputBlur: _angular_core.OutputEmitterRef<FocusEvent>;
     readonly inputFocus: _angular_core.OutputEmitterRef<FocusEvent>;
-    readonly valueChange: _angular_core.OutputEmitterRef<string>;
-    constructor();
     onInput(event: Event): void;
     onBlur(event: FocusEvent): void;
     onFocus(event: FocusEvent): void;
@@ -838,7 +833,7 @@ declare class InputComponent implements FormValueControl<string> {
     focus(): void;
     select(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputComponent, "pe-input", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "controlId": { "alias": "controlId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "value": "valueChange"; "inputBlur": "inputBlur"; "inputFocus": "inputFocus"; "valueChange": "valueChange"; }, never, ["[pe-input-left-elements]", "[pe-input-right-elements]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputComponent, "pe-input", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "controlId": { "alias": "controlId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "value": "valueChange"; "inputBlur": "inputBlur"; "inputFocus": "inputFocus"; }, never, ["[pe-input-left-elements]", "[pe-input-right-elements]"], true, never>;
 }
 
 type ModalVariant = 'default' | 'success' | 'error' | 'custom' | 'bottom-sheet' | 'confirmation';
@@ -1078,7 +1073,7 @@ declare class RadioGroupComponent implements FormValueControl<string | null> {
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly required: _angular_core.InputSignal<boolean>;
     readonly invalid: _angular_core.InputSignal<boolean>;
-    readonly errors: _angular_core.InputSignal<readonly WithOptionalField<ValidationError>[]>;
+    readonly errors: _angular_core.InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
     readonly value: _angular_core.ModelSignal<string | null>;
     protected readonly ids: {
         controlId: string;
@@ -1141,6 +1136,20 @@ declare class SkeletonComponent {
 }
 
 type ToastKind = 'info' | 'success' | 'warning' | 'error';
+declare const toastIcon: (kind: ToastKind) => "info" | "alert" | "check_circle" | "cross_circle";
+interface ToastConfig {
+    readonly id: string;
+    readonly message: string;
+    readonly title?: string;
+    readonly kind: ToastKind;
+    readonly dismissible: boolean;
+    /**
+     * Auto-dismiss delay in milliseconds. When null or 0, the toast
+     * will stay visible until the user dismisses it explicitly.
+     */
+    readonly durationMs: number | null;
+    readonly showIcon: boolean;
+}
 type ToastWithRole = {
     readonly id: string;
     readonly title?: string;
@@ -1151,6 +1160,21 @@ type ToastWithRole = {
     readonly icon: string;
     readonly showIcon: boolean;
 };
+type NewToastConfig = Omit<ToastConfig, 'id'>;
+declare class ToastService {
+    private readonly toastsSignal;
+    readonly toasts: _angular_core.Signal<ToastWithRole[]>;
+    show(message: string, config?: Partial<NewToastConfig>): string;
+    info(message: string, config?: Partial<Omit<NewToastConfig, 'kind'>>): string;
+    success(message: string, config?: Partial<Omit<NewToastConfig, 'kind'>>): string;
+    warning(message: string, config?: Partial<Omit<NewToastConfig, 'kind'>>): string;
+    error(message: string, config?: Partial<Omit<NewToastConfig, 'kind'>>): string;
+    dismiss(id: string): void;
+    clear(): void;
+    private createId;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ToastService>;
+}
 
 declare class ToastContainerComponent {
     private readonly toastService;
@@ -1204,9 +1228,8 @@ declare class SearchSelectComponent implements FormValueControl<string | null> {
     readonly options: _angular_core.InputSignal<SearchSelectOption[]>;
     readonly minCharsToOpen: _angular_core.InputSignal<number>;
     readonly invalid: _angular_core.InputSignal<boolean>;
-    readonly errors: _angular_core.InputSignal<readonly WithOptionalField<ValidationError>[]>;
+    readonly errors: _angular_core.InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
     readonly value: _angular_core.ModelSignal<string | null>;
-    readonly valueChange: _angular_core.OutputEmitterRef<string | null>;
     protected readonly ids: {
         controlId: string;
         helperId: string;
@@ -1235,7 +1258,7 @@ declare class SearchSelectComponent implements FormValueControl<string | null> {
     selectOption(opt: SearchSelectOption): void;
     private cancelBlurClose;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchSelectComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchSelectComponent, "pe-search-select", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "minCharsToOpen": { "alias": "minCharsToOpen"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchSelectComponent, "pe-search-select", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "minCharsToOpen": { "alias": "minCharsToOpen"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
 interface SelectOption extends DropdownItem {
@@ -1261,7 +1284,7 @@ declare class SelectComponent implements FormValueControl<string | null> {
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly options: _angular_core.InputSignal<SelectOption[]>;
     readonly invalid: _angular_core.InputSignal<boolean>;
-    readonly errors: _angular_core.InputSignal<readonly WithOptionalField<ValidationError>[]>;
+    readonly errors: _angular_core.InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
     readonly value: _angular_core.ModelSignal<string | null>;
     protected readonly selectedIndex: _angular_core.ModelSignal<number>;
     protected readonly ids: {
@@ -1381,7 +1404,7 @@ declare class TableComponent {
     readonly showGlobalFilter: _angular_core.InputSignal<boolean>;
     readonly emptyMessage: _angular_core.InputSignal<string>;
     readonly loading: _angular_core.InputSignal<boolean>;
-    readonly sortColumnChange: _angular_core.OutputEmitterRef<{
+    readonly sortChange: _angular_core.OutputEmitterRef<{
         column: string | null;
         direction: SortDirection;
     }>;
@@ -1396,7 +1419,7 @@ declare class TableComponent {
     toggleSort(columnId: string): void;
     getSortAriaSort(columnId: string): 'ascending' | 'descending' | 'none';
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "pe-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "sortColumn": { "alias": "sortColumn"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "filterLabel": { "alias": "filterLabel"; "required": false; "isSignal": true; }; "showGlobalFilter": { "alias": "showGlobalFilter"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, { "sortColumn": "sortColumnChange"; "sortDirection": "sortDirectionChange"; "sortColumnChange": "sortColumnChange"; "filterChange": "filterChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "pe-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "sortColumn": { "alias": "sortColumn"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "filterLabel": { "alias": "filterLabel"; "required": false; "isSignal": true; }; "showGlobalFilter": { "alias": "showGlobalFilter"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, { "sortColumn": "sortColumnChange"; "sortDirection": "sortDirectionChange"; "sortChange": "sortChange"; "filterChange": "filterChange"; }, never, never, true, never>;
 }
 
 /**
@@ -1433,7 +1456,7 @@ declare class TextareaComponent implements FormValueControl<string> {
     /** When using [pe-textarea-field], pass focus state so the group border reflects it. */
     readonly groupFocused: _angular_core.InputSignal<boolean | null>;
     readonly invalid: _angular_core.InputSignal<boolean>;
-    readonly errors: _angular_core.InputSignal<readonly WithOptionalField<ValidationError>[]>;
+    readonly errors: _angular_core.InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
     readonly touched: _angular_core.ModelSignal<boolean>;
     readonly value: _angular_core.ModelSignal<string>;
     protected readonly customField: _angular_core.Signal<TextareaFieldDirective | undefined>;
@@ -1443,22 +1466,19 @@ declare class TextareaComponent implements FormValueControl<string> {
         errorId: string;
     };
     protected readonly isFocused: _angular_core.WritableSignal<boolean>;
-    protected readonly isDirty: _angular_core.WritableSignal<boolean>;
     protected readonly groupFocusedState: _angular_core.Signal<boolean>;
     protected readonly hasError: _angular_core.Signal<boolean>;
     protected readonly describedBy: _angular_core.Signal<string | undefined>;
     readonly inputBlur: _angular_core.OutputEmitterRef<FocusEvent>;
     readonly inputFocus: _angular_core.OutputEmitterRef<FocusEvent>;
-    readonly valueChange: _angular_core.OutputEmitterRef<string>;
-    constructor();
     onInput(event: Event): void;
     onBlur(event: FocusEvent): void;
     onFocus(event: FocusEvent): void;
     focus(): void;
     select(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaComponent, "pe-textarea", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "groupFocused": { "alias": "groupFocused"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "value": "valueChange"; "inputBlur": "inputBlur"; "inputFocus": "inputFocus"; "valueChange": "valueChange"; }, ["customField"], ["[pe-textarea-left-elements]", "[pe-textarea-field]", "[pe-textarea-right-elements]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaComponent, "pe-textarea", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "groupFocused": { "alias": "groupFocused"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "touched": "touchedChange"; "value": "valueChange"; "inputBlur": "inputBlur"; "inputFocus": "inputFocus"; }, ["customField"], ["[pe-textarea-left-elements]", "[pe-textarea-field]", "[pe-textarea-right-elements]"], true, never>;
 }
 
-export { AccordionComponent, AccordionItemComponent, AreaCodeComponent, AvatarComponent, AvatarGroupComponent, BreadcrumbComponent, ButtonComponent, CalendarComponent, CardComponent, CarouselComponent, CarouselItemComponent, CheckboxComponent, CollapseComponent, CustomCurrencyPipe, DropdownComponent, FileInputComponent, FooterComponent, FormFieldHelperComponent, FormFieldLabelComponent, HeroComponent, IconComponent, ImageNotFoundDirective, InputComponent, ListItemComponent, ModalComponent, NavbarAvatarSlotDirective, NavbarComponent, NavbarLogoSlotDirective, NavbarSearchSlotDirective, PeHeroActionsSlotDirective, PeHeroBadgesSlotDirective, PeHeroContentSlotDirective, PeHeroSubtitleSlotDirective, PeHeroTitleSlotDirective, PillComponent, PriceButtonComponent, RadialComponent, RadioComponent, RadioGroupComponent, RichTextComponent, SearchSelectComponent, SelectComponent, SidebarComponent, SkeletonComponent, StatusComponent, TableComponent, TextareaComponent, TextareaFieldDirective, ToastContainerComponent, TooltipComponent, createFormFieldIds, getFormFieldDescribedBy };
-export type { ActionsDistribution, AvatarData, BreadcrumbItem, BreadcrumbSeparator, CalendarDay, CalendarMode, CardCaptionSize, CardDirection, CheckboxZoneType, CollapseVariant, Currency, DropdownItem, FileInputAppearance, HeroAction, HeroAlignment, HeroSize, IconName, IconSize, IconWeight, InputAppearance, InputType, ListItemTheme, MediaAspectRatio, ModalVariant, PillSize, PillTheme, PillVariant, RadioGroupOption, RichTextSize, RichTextTone, SalePosition, SearchSelectOption, SelectOption, SidebarItem, SkeletonBorderRadius, SkeletonVariant, SortDirection, Status, TableColumn, TextareaResize, TimeSelection, TooltipPosition };
+export { AccordionComponent, AccordionItemComponent, AreaCodeComponent, AvatarComponent, AvatarGroupComponent, BreadcrumbComponent, ButtonComponent, CalendarComponent, CardComponent, CarouselComponent, CarouselItemComponent, CheckboxComponent, CollapseComponent, CustomCurrencyPipe, DropdownComponent, FileInputComponent, FooterComponent, FormFieldHelperComponent, FormFieldLabelComponent, HeroComponent, IconComponent, ImageNotFoundDirective, InputComponent, ListItemComponent, ModalComponent, NavbarAvatarSlotDirective, NavbarComponent, NavbarLogoSlotDirective, NavbarSearchSlotDirective, PeHeroActionsSlotDirective, PeHeroBadgesSlotDirective, PeHeroContentSlotDirective, PeHeroSubtitleSlotDirective, PeHeroTitleSlotDirective, PillComponent, PriceButtonComponent, RadialComponent, RadioComponent, RadioGroupComponent, RichTextComponent, SearchSelectComponent, SelectComponent, SidebarComponent, SkeletonComponent, StatusComponent, TableComponent, TextareaComponent, TextareaFieldDirective, ToastContainerComponent, ToastService, TooltipComponent, createFormFieldIds, getFormFieldDescribedBy, toastIcon };
+export type { ActionsDistribution, AvatarData, BreadcrumbItem, BreadcrumbSeparator, CalendarDay, CalendarMode, CardCaptionSize, CardDirection, CheckboxZoneType, CollapseVariant, Currency, DropdownItem, FileInputAppearance, HeroAction, HeroAlignment, HeroSize, IconName, IconSize, IconWeight, InputAppearance, InputType, ListItemTheme, MediaAspectRatio, ModalVariant, PillSize, PillTheme, PillVariant, RadioGroupOption, RichTextSize, RichTextTone, SalePosition, SearchSelectOption, SelectOption, SidebarItem, SkeletonBorderRadius, SkeletonVariant, SortDirection, Status, TableColumn, TextareaResize, TimeSelection, ToastConfig, ToastKind, ToastWithRole, TooltipPosition };