@pecb-ui/components 1.1.5 → 1.1.7

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef, ChangeDetectorRef, TemplateRef, Type, OnInit, OnDestroy, AfterViewInit, QueryList, OnChanges } from '@angular/core';
+import { ElementRef, ChangeDetectorRef, TemplateRef, Type, OnDestroy, AfterViewInit, QueryList, OnInit, OnChanges } from '@angular/core';
 import * as i1 from '@angular/common';
 import * as _angular_platform_browser from '@angular/platform-browser';
 import { SafeHtml, DomSanitizer } from '@angular/platform-browser';
@@ -7,10 +7,11 @@ import { ControlValueAccessor } from '@angular/forms';
 import { Observable } from 'rxjs';
 
 type ButtonVariant = 'primary' | 'primary-outline' | 'primary-2' | 'primary-2-outline' | 'neutral' | 'neutral-outline' | 'secondary' | 'text' | 'text-muted' | 'text-brand' | 'destructive' | 'destructive-outline';
-type ButtonSize = 'sm' | 'md' | 'lg';
+type ButtonSize = 'sm' | 'md' | 'lg' | 'xl';
 type ButtonIconStyle = 'none' | 'leading' | 'trailing' | 'icon-only';
 declare class ButtonComponent {
     private readonly sanitizer;
+    private readonly registry;
     id: _angular_core.InputSignal<string>;
     /**
      * The visual style variant of the button
@@ -25,7 +26,14 @@ declare class ButtonComponent {
      */
     iconStyle: _angular_core.InputSignal<ButtonIconStyle>;
     /**
-     * Icon to display (used with iconStyle)
+     * Icon to display (used with `iconStyle`).
+     *
+     * Accepts either:
+     * - a **registered icon name** (e.g. `"refresh-01"`), resolved from the
+     *   {@link IconRegistry} — the built-in PECB icon set is available by default; or
+     * - a **raw inline SVG string** (anything starting with `<`).
+     *
+     * An unrecognised value renders nothing (no icon).
      */
     icon: _angular_core.InputSignal<string | undefined>;
     /**
@@ -88,7 +96,12 @@ declare class ButtonComponent {
     get showTrailingIcon(): boolean;
     get isIconOnly(): boolean;
     get loadingText(): string;
-    get isSvgIcon(): boolean;
+    /**
+     * Resolve the `icon` input to an SVG string. A value starting with `<` is
+     * treated as a raw inline SVG and passed through; otherwise it is looked up
+     * as a registered icon name. Returns `''` when unset or unresolved.
+     */
+    get resolvedIconSvg(): string;
     get safeIconHtml(): SafeHtml;
     onClick(event: MouseEvent): void;
     onKeyDown(event: KeyboardEvent): void;
@@ -203,8 +216,24 @@ declare class PaginationComponent {
     maxVisiblePages: _angular_core.InputSignal<number>;
     disabled: _angular_core.InputSignal<boolean>;
     ariaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the "previous page" button. */
+    previousPageAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the "next page" button. */
+    nextPageAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the page-number button group (`role="group"`). */
+    pageNavigationAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label prefix for each page-number button. Rendered as `<this> <n>`. */
+    pageAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the page-size listbox menu. */
+    pageSizeListboxAriaLabel: _angular_core.InputSignal<string>;
+    /** Visible "items per page" label next to the size selector. */
+    itemsPerPageLabel: _angular_core.InputSignal<string>;
+    /** Template for the items-info text (full/compact variants). Placeholders:
+     * `{start}`, `{end}`, `{total}` — replaced with the current values. */
+    itemsInfoTemplate: _angular_core.InputSignal<string>;
+    /** Template for the items-info text in the `minimal`/`centered` variants. */
+    itemsInfoCompactTemplate: _angular_core.InputSignal<string>;
     pageChange: _angular_core.OutputEmitterRef<PageChangeEvent>;
-    pageSizeChange: _angular_core.OutputEmitterRef<number>;
     readonly totalPages: _angular_core.Signal<number>;
     readonly visiblePages: _angular_core.Signal<(string | number)[]>;
     isDropdownOpen: _angular_core.WritableSignal<boolean>;
@@ -229,7 +258,7 @@ declare class PaginationComponent {
     private emitPageChange;
     private computeVisiblePages;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "pecb-pagination", never, { "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showPageSizeSelector": { "alias": "showPageSizeSelector"; "required": false; "isSignal": true; }; "showItemsInfo": { "alias": "showItemsInfo"; "required": false; "isSignal": true; }; "maxVisiblePages": { "alias": "maxVisiblePages"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, { "pageSize": "pageSizeChange"; "currentPage": "currentPageChange"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "pecb-pagination", never, { "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showPageSizeSelector": { "alias": "showPageSizeSelector"; "required": false; "isSignal": true; }; "showItemsInfo": { "alias": "showItemsInfo"; "required": false; "isSignal": true; }; "maxVisiblePages": { "alias": "maxVisiblePages"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "previousPageAriaLabel": { "alias": "previousPageAriaLabel"; "required": false; "isSignal": true; }; "nextPageAriaLabel": { "alias": "nextPageAriaLabel"; "required": false; "isSignal": true; }; "pageNavigationAriaLabel": { "alias": "pageNavigationAriaLabel"; "required": false; "isSignal": true; }; "pageAriaLabel": { "alias": "pageAriaLabel"; "required": false; "isSignal": true; }; "pageSizeListboxAriaLabel": { "alias": "pageSizeListboxAriaLabel"; "required": false; "isSignal": true; }; "itemsPerPageLabel": { "alias": "itemsPerPageLabel"; "required": false; "isSignal": true; }; "itemsInfoTemplate": { "alias": "itemsInfoTemplate"; "required": false; "isSignal": true; }; "itemsInfoCompactTemplate": { "alias": "itemsInfoCompactTemplate"; "required": false; "isSignal": true; }; }, { "pageSize": "pageSizeChange"; "currentPage": "currentPageChange"; "pageChange": "pageChange"; }, never, never, true, never>;
 }
 
 type TableSize = 'sm' | 'md' | 'lg';
@@ -399,14 +428,16 @@ declare class TableComponent {
      * ARIA label for the table
      */
     ariaLabel: _angular_core.InputSignal<string>;
+    /** Visible "Loading..." text shown while data is loading. */
+    loadingText: _angular_core.InputSignal<string>;
+    /** Aria-label for the header-row "select all" checkbox. */
+    selectAllAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label prefix for each row's selection checkbox. Rendered as `<this> <n>`. */
+    selectRowAriaLabel: _angular_core.InputSignal<string>;
     /**
      * Emitted when a page change occurs
      */
     pageChange: _angular_core.OutputEmitterRef<PageChangeEvent>;
-    /**
-     * Emitted when page size changes
-     */
-    pageSizeChange: _angular_core.OutputEmitterRef<number>;
     /**
      * Emitted when a row is clicked
      */
@@ -466,31 +497,38 @@ declare class TableComponent {
     getLinkHref(value: string): string;
     private emitSelectionChange;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "pecb-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "showPagination": { "alias": "showPagination"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "showPageSizeSelector": { "alias": "showPageSizeSelector"; "required": false; "isSignal": true; }; "paginationVariant": { "alias": "paginationVariant"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selectedIndices": { "alias": "selectedIndices"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "sortColumn": { "alias": "sortColumn"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, { "currentPage": "currentPageChange"; "pageSize": "pageSizeChange"; "selectedIndices": "selectedIndicesChange"; "sortColumn": "sortColumnChange"; "sortDirection": "sortDirectionChange"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "rowClick": "rowClick"; "rowAction": "rowAction"; "sortChange": "sortChange"; "selectionChange": "selectionChange"; }, ["emptyTemplate", "loadingTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "pecb-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "showPagination": { "alias": "showPagination"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "showPageSizeSelector": { "alias": "showPageSizeSelector"; "required": false; "isSignal": true; }; "paginationVariant": { "alias": "paginationVariant"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selectedIndices": { "alias": "selectedIndices"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "sortColumn": { "alias": "sortColumn"; "required": false; "isSignal": true; }; "sortDirection": { "alias": "sortDirection"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "selectAllAriaLabel": { "alias": "selectAllAriaLabel"; "required": false; "isSignal": true; }; "selectRowAriaLabel": { "alias": "selectRowAriaLabel"; "required": false; "isSignal": true; }; }, { "currentPage": "currentPageChange"; "pageSize": "pageSizeChange"; "selectedIndices": "selectedIndicesChange"; "sortColumn": "sortColumnChange"; "sortDirection": "sortDirectionChange"; "pageChange": "pageChange"; "rowClick": "rowClick"; "rowAction": "rowAction"; "sortChange": "sortChange"; "selectionChange": "selectionChange"; }, ["emptyTemplate", "loadingTemplate"], never, true, never>;
 }
 
 type TabStyle = 'rounded' | 'line';
 type TabSize = 'sm' | 'md';
 declare class TabComponent {
+    private readonly registry;
+    private readonly sanitizer;
     id: _angular_core.InputSignal<string>;
     tabStyle: _angular_core.InputSignal<TabStyle>;
     size: _angular_core.InputSignal<TabSize>;
     label: _angular_core.InputSignal<string>;
-    icon: _angular_core.InputSignal<number | undefined>;
+    /** Icon name resolved through the IconRegistry, or a raw SVG string. */
+    icon: _angular_core.InputSignal<string | undefined>;
     active: _angular_core.InputSignal<boolean>;
     disabled: _angular_core.InputSignal<boolean>;
     closable: _angular_core.InputSignal<boolean>;
     ariaLabel: _angular_core.InputSignal<string | undefined>;
     ariaControls: _angular_core.InputSignal<string | undefined>;
     ariaSelected: _angular_core.InputSignal<boolean | undefined>;
+    /** Aria-label prefix for the close (×) button. Rendered as `<this> <label>`. */
+    closeAriaLabel: _angular_core.InputSignal<string>;
     clicked: _angular_core.OutputEmitterRef<string>;
     closed: _angular_core.OutputEmitterRef<string>;
+    /** Resolved icon SVG — looks the name up in the IconRegistry, or falls back to a raw SVG string. */
+    iconSvg: _angular_core.Signal<SafeHtml>;
     get tabClasses(): string[];
     onClick(event: MouseEvent): void;
     onClose(event: MouseEvent): void;
     onKeyDown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabComponent, "pecb-tab", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "tabStyle": { "alias": "tabStyle"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaControls": { "alias": "ariaControls"; "required": false; "isSignal": true; }; "ariaSelected": { "alias": "ariaSelected"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; "closed": "closed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabComponent, "pecb-tab", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "tabStyle": { "alias": "tabStyle"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaControls": { "alias": "ariaControls"; "required": false; "isSignal": true; }; "ariaSelected": { "alias": "ariaSelected"; "required": false; "isSignal": true; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; "closed": "closed"; }, never, never, true, never>;
 }
 
 type DatepickerSize = 'sm' | 'md' | 'lg' | 'xl';
@@ -545,6 +583,16 @@ declare class DatepickerComponent implements ControlValueAccessor {
      * Maximum selectable date
      */
     maxDate: _angular_core.InputSignal<Date | undefined>;
+    /** Aria-label for the "clear date" (×) button. */
+    clearDateAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the "open calendar" button. */
+    openCalendarAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the calendar popup dialog. */
+    calendarAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the "previous month" navigation button. */
+    previousMonthAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the "next month" navigation button. */
+    nextMonthAriaLabel: _angular_core.InputSignal<string>;
     /**
      * Event emitted when date is selected
      */
@@ -584,7 +632,7 @@ declare class DatepickerComponent implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatepickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatepickerComponent, "pecb-datepicker", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "dateChange": "dateChange"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatepickerComponent, "pecb-datepicker", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "clearDateAriaLabel": { "alias": "clearDateAriaLabel"; "required": false; "isSignal": true; }; "openCalendarAriaLabel": { "alias": "openCalendarAriaLabel"; "required": false; "isSignal": true; }; "calendarAriaLabel": { "alias": "calendarAriaLabel"; "required": false; "isSignal": true; }; "previousMonthAriaLabel": { "alias": "previousMonthAriaLabel"; "required": false; "isSignal": true; }; "nextMonthAriaLabel": { "alias": "nextMonthAriaLabel"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "dateChange": "dateChange"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
 }
 
 type InputType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
@@ -681,6 +729,12 @@ declare class InputComponent implements ControlValueAccessor {
      * Helper text to display below input
      */
     helperText: _angular_core.InputSignal<string | undefined>;
+    /** Aria-label for the "clear input" (×) button. */
+    clearAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the password-toggle button when password is hidden. */
+    showPasswordAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the password-toggle button when password is visible. */
+    hidePasswordAriaLabel: _angular_core.InputSignal<string>;
     /**
      * Icon to display - can be a predefined name ('email', 'search', 'user') or custom SVG string
      */
@@ -764,7 +818,7 @@ declare class InputComponent implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputComponent, "pecb-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "leftIcon": { "alias": "leftIcon"; "required": false; "isSignal": true; }; "rightIcon": { "alias": "rightIcon"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "showInfoIcon": { "alias": "showInfoIcon"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "valueChange": "valueChange"; "blurred": "blurred"; "focused": "focused"; "cleared": "cleared"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputComponent, "pecb-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "showPasswordAriaLabel": { "alias": "showPasswordAriaLabel"; "required": false; "isSignal": true; }; "hidePasswordAriaLabel": { "alias": "hidePasswordAriaLabel"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "leftIcon": { "alias": "leftIcon"; "required": false; "isSignal": true; }; "rightIcon": { "alias": "rightIcon"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "showInfoIcon": { "alias": "showInfoIcon"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "valueChange": "valueChange"; "blurred": "blurred"; "focused": "focused"; "cleared": "cleared"; }, never, never, true, never>;
 }
 
 type RadioVariant = 'dot' | 'filled';
@@ -817,7 +871,8 @@ declare class CheckboxComponent implements ControlValueAccessor {
 }
 
 type ToggleLabelPosition = 'right' | 'left';
-type ToggleSize = 'sm';
+/** `'md'` is the default size; `'sm'` renders a compact toggle. */
+type ToggleSize = 'sm' | 'md';
 declare class ToggleComponent implements ControlValueAccessor {
     id: _angular_core.InputSignal<string>;
     name: _angular_core.InputSignal<string | undefined>;
@@ -832,8 +887,8 @@ declare class ToggleComponent implements ControlValueAccessor {
     thumbColor: _angular_core.InputSignal<string | undefined>;
     /** Show a check icon when on and an X icon when off, on the side opposite the thumb. */
     showStatusIcons: _angular_core.InputSignal<boolean>;
-    /** Optional size override. Leave unset for the default size. */
-    size: _angular_core.InputSignal<"sm" | undefined>;
+    /** Size variant. Leave unset (or `'md'`) for the default size; `'sm'` is compact. */
+    size: _angular_core.InputSignal<ToggleSize | undefined>;
     /** Drop shadow on the track. */
     shadow: _angular_core.InputSignal<boolean>;
     disabled: _angular_core.ModelSignal<boolean>;
@@ -863,6 +918,8 @@ declare class DropdownComponent implements ControlValueAccessor {
     private readonly elementRef;
     id: _angular_core.InputSignal<string>;
     label: _angular_core.InputSignal<string | undefined>;
+    /** Placeholder shown in the trigger when no option is selected. */
+    placeholder: _angular_core.InputSignal<string>;
     size: _angular_core.InputSignal<DropdownSize>;
     options: _angular_core.InputSignal<DropdownOption[]>;
     multiple: _angular_core.InputSignal<boolean>;
@@ -873,6 +930,12 @@ declare class DropdownComponent implements ControlValueAccessor {
     error: _angular_core.InputSignal<boolean>;
     errorMessage: _angular_core.InputSignal<string | undefined>;
     helperText: _angular_core.InputSignal<string | undefined>;
+    /** Placeholder shown in the in-dropdown search input. */
+    searchPlaceholder: _angular_core.InputSignal<string>;
+    /** Aria-label for the "clear selection" (×) button (multi-select only). */
+    clearSelectionAriaLabel: _angular_core.InputSignal<string>;
+    /** Visible text shown when the search filter returns no options. */
+    noResultsText: _angular_core.InputSignal<string>;
     selectionChange: _angular_core.OutputEmitterRef<unknown>;
     isOpen: _angular_core.WritableSignal<boolean>;
     searchQuery: _angular_core.WritableSignal<string>;
@@ -896,28 +959,30 @@ declare class DropdownComponent implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownComponent, "pecb-dropdown", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "selectionChange": "selectionChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownComponent, "pecb-dropdown", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "clearSelectionAriaLabel": { "alias": "clearSelectionAriaLabel"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "selectionChange": "selectionChange"; }, never, never, true, never>;
 }
 
 type RightModalSize = 'sm' | 'md' | 'lg';
-declare class RightModalComponent implements OnInit, OnDestroy, AfterViewInit {
+declare class RightModalComponent implements OnDestroy {
     id: _angular_core.InputSignal<string>;
-    isOpen: _angular_core.InputSignal<boolean>;
+    isOpen: _angular_core.ModelSignal<boolean>;
     size: _angular_core.InputSignal<RightModalSize>;
     closeOnBackdropClick: _angular_core.InputSignal<boolean>;
     closeOnEscape: _angular_core.InputSignal<boolean>;
     showCloseButton: _angular_core.InputSignal<boolean>;
+    /** Accessible label for the close (×) button. Override to localize. */
+    closeAriaLabel: _angular_core.InputSignal<string>;
     ariaLabel: _angular_core.InputSignal<string | undefined>;
     ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
     ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
     closed: _angular_core.OutputEmitterRef<void>;
     opened: _angular_core.OutputEmitterRef<void>;
-    modalPanel: ElementRef<HTMLElement>;
+    private modalPanel;
     private cleanupFocusTrap;
     private cleanupBodyScroll;
     private previousActiveElement;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
+    private currentlyOpen;
+    constructor();
     ngOnDestroy(): void;
     get modalClasses(): string[];
     get panelClasses(): string[];
@@ -928,7 +993,7 @@ declare class RightModalComponent implements OnInit, OnDestroy, AfterViewInit {
     private setupFocusTrap;
     private cleanup;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RightModalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RightModalComponent, "pecb-right-modal", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "opened": "opened"; }, never, ["[pecbRightModalHeader]", "[pecbRightModalContent]", "*", "[pecbRightModalFooter]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RightModalComponent, "pecb-right-modal", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closed": "closed"; "opened": "opened"; }, never, ["[pecbRightModalHeader]", "[pecbRightModalContent]", "*", "[pecbRightModalFooter]"], true, never>;
 }
 declare class RightModalHeaderDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RightModalHeaderDirective, never>;
@@ -966,6 +1031,10 @@ declare class SidebarComponent {
     collapsedLogo: _angular_core.InputSignal<string | undefined>;
     showFooter: _angular_core.InputSignal<boolean>;
     collapsed: _angular_core.ModelSignal<boolean>;
+    /** Aria-label for the collapse-toggle button when sidebar is collapsed. */
+    expandSidebarAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the collapse-toggle button when sidebar is expanded. */
+    collapseSidebarAriaLabel: _angular_core.InputSignal<string>;
     itemClick: _angular_core.OutputEmitterRef<SidebarMenuItem>;
     collapseChange: _angular_core.OutputEmitterRef<boolean>;
     activePopupItem: _angular_core.WritableSignal<SidebarMenuItem | null>;
@@ -980,7 +1049,7 @@ declare class SidebarComponent {
     hasActiveDescendant(item: SidebarMenuItem): boolean;
     getItemClasses(item: SidebarMenuItem, isChild?: boolean, isNested?: boolean): string[];
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "pecb-sidebar", never, { "sections": { "alias": "sections"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "logoSrc": { "alias": "logoSrc"; "required": false; "isSignal": true; }; "sidebarLogo": { "alias": "sidebarLogo"; "required": false; "isSignal": true; }; "collapsedLogo": { "alias": "collapsedLogo"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "itemClick": "itemClick"; "collapseChange": "collapseChange"; }, never, ["[sidebar-header]", "[sidebar-footer]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "pecb-sidebar", never, { "sections": { "alias": "sections"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "logoSrc": { "alias": "logoSrc"; "required": false; "isSignal": true; }; "sidebarLogo": { "alias": "sidebarLogo"; "required": false; "isSignal": true; }; "collapsedLogo": { "alias": "collapsedLogo"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "expandSidebarAriaLabel": { "alias": "expandSidebarAriaLabel"; "required": false; "isSignal": true; }; "collapseSidebarAriaLabel": { "alias": "collapseSidebarAriaLabel"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "itemClick": "itemClick"; "collapseChange": "collapseChange"; }, never, ["[sidebar-header]", "[sidebar-footer]"], true, never>;
 }
 
 type ConfirmationIconType = 'success' | 'warning' | 'error' | 'info';
@@ -997,6 +1066,8 @@ declare class ConfirmationComponent implements OnDestroy, AfterViewInit {
     cancelText: _angular_core.InputSignal<string>;
     iconType: _angular_core.InputSignal<ConfirmationIconType>;
     showCloseButton: _angular_core.InputSignal<boolean>;
+    /** Accessible label for the close (×) button. Override to localize. */
+    closeAriaLabel: _angular_core.InputSignal<string>;
     closeOnBackdropClick: _angular_core.InputSignal<boolean>;
     closeOnEscape: _angular_core.InputSignal<boolean>;
     ariaLabel: _angular_core.InputSignal<string | undefined>;
@@ -1024,7 +1095,7 @@ declare class ConfirmationComponent implements OnDestroy, AfterViewInit {
     private setupFocusTrap;
     private cleanup;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfirmationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfirmationComponent, "pecb-confirmation", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "confirmText": { "alias": "confirmText"; "required": false; "isSignal": true; }; "cancelText": { "alias": "cancelText"; "required": false; "isSignal": true; }; "iconType": { "alias": "iconType"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "confirmed": "confirmed"; "cancelled": "cancelled"; "closed": "closed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfirmationComponent, "pecb-confirmation", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "confirmText": { "alias": "confirmText"; "required": false; "isSignal": true; }; "cancelText": { "alias": "cancelText"; "required": false; "isSignal": true; }; "iconType": { "alias": "iconType"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "confirmed": "confirmed"; "cancelled": "cancelled"; "closed": "closed"; }, never, never, true, never>;
 }
 
 declare class BottomSheetComponent implements OnDestroy, AfterViewInit {
@@ -1038,6 +1109,8 @@ declare class BottomSheetComponent implements OnDestroy, AfterViewInit {
     primaryText: _angular_core.InputSignal<string>;
     secondaryText: _angular_core.InputSignal<string>;
     showCloseButton: _angular_core.InputSignal<boolean>;
+    /** Accessible label for the close (×) button. Override to localize. */
+    closeAriaLabel: _angular_core.InputSignal<string>;
     closeOnBackdropClick: _angular_core.InputSignal<boolean>;
     closeOnEscape: _angular_core.InputSignal<boolean>;
     primaryClicked: _angular_core.OutputEmitterRef<void>;
@@ -1058,7 +1131,7 @@ declare class BottomSheetComponent implements OnDestroy, AfterViewInit {
     private setupFocusTrap;
     private cleanup;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BottomSheetComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BottomSheetComponent, "pecb-bottom-sheet", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "primaryText": { "alias": "primaryText"; "required": false; "isSignal": true; }; "secondaryText": { "alias": "secondaryText"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "primaryClicked": "primaryClicked"; "secondaryClicked": "secondaryClicked"; "closed": "closed"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BottomSheetComponent, "pecb-bottom-sheet", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "primaryText": { "alias": "primaryText"; "required": false; "isSignal": true; }; "secondaryText": { "alias": "secondaryText"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "primaryClicked": "primaryClicked"; "secondaryClicked": "secondaryClicked"; "closed": "closed"; }, never, ["*"], true, never>;
 }
 
 type QuizType = 'Multiple Choice' | 'True/False' | 'Scenario' | 'Essay' | string;
@@ -1254,6 +1327,8 @@ declare class TooltipDirective implements OnDestroy {
     private appRef;
     private injector;
     private ref?;
+    /** Keeps the tooltip pinned to its trigger while the page scrolls or resizes. */
+    private readonly reposition;
     onMouseEnter(): void;
     onMouseLeave(): void;
     onClick(): void;
@@ -1287,12 +1362,20 @@ declare class MessageItemComponent {
     unreadCount: _angular_core.InputSignal<number>;
     /** Whether this item is currently selected / active */
     selected: _angular_core.InputSignal<boolean>;
+    /** Visible "is typing" text shown when status is `typing`. */
+    typingText: _angular_core.InputSignal<string>;
+    /** Suffix appended to the unread badge's aria-label (e.g. `5 unread messages`). */
+    unreadAriaSuffix: _angular_core.InputSignal<string>;
+    /** Aria-label for the warning status icon. */
+    warningAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the read status icon. */
+    readAriaLabel: _angular_core.InputSignal<string>;
     /** Emitted when the item is clicked */
     itemClicked: _angular_core.OutputEmitterRef<void>;
     initials: _angular_core.Signal<string>;
     get hostClasses(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MessageItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MessageItemComponent, "pecb-message-item", never, { "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "avatarInitials": { "alias": "avatarInitials"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "time": { "alias": "time"; "required": false; "isSignal": true; }; "preview": { "alias": "preview"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "unreadCount": { "alias": "unreadCount"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, { "itemClicked": "itemClicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MessageItemComponent, "pecb-message-item", never, { "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "avatarInitials": { "alias": "avatarInitials"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "time": { "alias": "time"; "required": false; "isSignal": true; }; "preview": { "alias": "preview"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "unreadCount": { "alias": "unreadCount"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "typingText": { "alias": "typingText"; "required": false; "isSignal": true; }; "unreadAriaSuffix": { "alias": "unreadAriaSuffix"; "required": false; "isSignal": true; }; "warningAriaLabel": { "alias": "warningAriaLabel"; "required": false; "isSignal": true; }; "readAriaLabel": { "alias": "readAriaLabel"; "required": false; "isSignal": true; }; }, { "itemClicked": "itemClicked"; }, never, never, true, never>;
 }
 declare class MessageBubbleComponent {
     /** Visual type of the message */
@@ -1312,6 +1395,12 @@ declare class MessageBubbleComponent {
     time: _angular_core.InputSignal<string>;
     /** Show read-receipt checkmark below the bubble (outgoing only) */
     showReadReceipt: _angular_core.InputSignal<boolean>;
+    /** Aria-label prefix for the document download button. Rendered as `<this> <fileName>`. */
+    downloadAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the audio "play" button. */
+    playAudioAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the read-receipt checkmark. */
+    readReceiptAriaLabel: _angular_core.InputSignal<string>;
     /** Avatar image URL */
     avatarSrc: _angular_core.InputSignal<string>;
     /** Explicit initials override — auto-derived from senderName when empty */
@@ -1343,9 +1432,13 @@ declare class MessageBubbleComponent {
     get hostClasses(): string;
     get senderLabel(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MessageBubbleComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MessageBubbleComponent, "pecb-message-bubble", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "senderName": { "alias": "senderName"; "required": false; "isSignal": true; }; "time": { "alias": "time"; "required": false; "isSignal": true; }; "showReadReceipt": { "alias": "showReadReceipt"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "avatarInitials": { "alias": "avatarInitials"; "required": false; "isSignal": true; }; "fileName": { "alias": "fileName"; "required": false; "isSignal": true; }; "fileMeta": { "alias": "fileMeta"; "required": false; "isSignal": true; }; "thumbnailSrc": { "alias": "thumbnailSrc"; "required": false; "isSignal": true; }; "audioDuration": { "alias": "audioDuration"; "required": false; "isSignal": true; }; "waveformData": { "alias": "waveformData"; "required": false; "isSignal": true; }; "imageSrc": { "alias": "imageSrc"; "required": false; "isSignal": true; }; "imageAlt": { "alias": "imageAlt"; "required": false; "isSignal": true; }; }, { "downloadClicked": "downloadClicked"; "playClicked": "playClicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MessageBubbleComponent, "pecb-message-bubble", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "senderName": { "alias": "senderName"; "required": false; "isSignal": true; }; "time": { "alias": "time"; "required": false; "isSignal": true; }; "showReadReceipt": { "alias": "showReadReceipt"; "required": false; "isSignal": true; }; "downloadAriaLabel": { "alias": "downloadAriaLabel"; "required": false; "isSignal": true; }; "playAudioAriaLabel": { "alias": "playAudioAriaLabel"; "required": false; "isSignal": true; }; "readReceiptAriaLabel": { "alias": "readReceiptAriaLabel"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "avatarInitials": { "alias": "avatarInitials"; "required": false; "isSignal": true; }; "fileName": { "alias": "fileName"; "required": false; "isSignal": true; }; "fileMeta": { "alias": "fileMeta"; "required": false; "isSignal": true; }; "thumbnailSrc": { "alias": "thumbnailSrc"; "required": false; "isSignal": true; }; "audioDuration": { "alias": "audioDuration"; "required": false; "isSignal": true; }; "waveformData": { "alias": "waveformData"; "required": false; "isSignal": true; }; "imageSrc": { "alias": "imageSrc"; "required": false; "isSignal": true; }; "imageAlt": { "alias": "imageAlt"; "required": false; "isSignal": true; }; }, { "downloadClicked": "downloadClicked"; "playClicked": "playClicked"; }, never, never, true, never>;
 }
 
+declare class FullscreenModalHeaderDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FullscreenModalHeaderDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FullscreenModalHeaderDirective, "[pecbFullscreenModalHeader]", never, {}, {}, never, never, true, never>;
+}
 declare class FullscreenModalContentDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FullscreenModalContentDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FullscreenModalContentDirective, "[pecbFullscreenModalContent]", never, {}, {}, never, never, true, never>;
@@ -1354,7 +1447,7 @@ declare class FullscreenModalFooterDirective {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FullscreenModalFooterDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FullscreenModalFooterDirective, "[pecbFullscreenModalFooter]", never, {}, {}, never, never, true, never>;
 }
-declare class FullscreenModalComponent implements OnInit, OnDestroy, AfterViewInit {
+declare class FullscreenModalComponent implements OnDestroy {
     /** Unique id forwarded to the dialog element */
     id: _angular_core.InputSignal<string>;
     /** Controls visibility */
@@ -1363,6 +1456,8 @@ declare class FullscreenModalComponent implements OnInit, OnDestroy, AfterViewIn
     title: _angular_core.InputSignal<string>;
     /** Show or hide the built-in close (×) button */
     showCloseButton: _angular_core.InputSignal<boolean>;
+    /** Accessible label for the close (×) button. Override to localize. */
+    closeAriaLabel: _angular_core.InputSignal<string>;
     /** Close modal when clicking the backdrop */
     closeOnBackdropClick: _angular_core.InputSignal<boolean>;
     /** Close modal when pressing Escape */
@@ -1377,12 +1472,12 @@ declare class FullscreenModalComponent implements OnInit, OnDestroy, AfterViewIn
     closed: _angular_core.OutputEmitterRef<void>;
     /** Emitted when the modal has been opened */
     opened: _angular_core.OutputEmitterRef<void>;
-    modalPanel: ElementRef<HTMLElement>;
+    private modalPanel;
     private cleanupFocusTrap;
     private cleanupBodyScroll;
     private previousActiveElement;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
+    private currentlyOpen;
+    constructor();
     ngOnDestroy(): void;
     onBackdropClick(event: MouseEvent): void;
     onKeydown(event: KeyboardEvent): void;
@@ -1394,7 +1489,7 @@ declare class FullscreenModalComponent implements OnInit, OnDestroy, AfterViewIn
     private setupFocusTrap;
     private cleanup;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FullscreenModalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FullscreenModalComponent, "pecb-fullscreen-modal", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closed": "closed"; "opened": "opened"; }, never, ["[pecbFullscreenModalHeader]", "[pecbFullscreenModalContent]", "*", "[pecbFullscreenModalFooter]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FullscreenModalComponent, "pecb-fullscreen-modal", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closed": "closed"; "opened": "opened"; }, never, ["[pecbFullscreenModalHeader]", "[pecbFullscreenModalContent]", "*", "[pecbFullscreenModalFooter]"], true, never>;
 }
 
 type StepperType = 'basic' | 'dot' | 'custom-icon' | 'navigation' | 'inline';
@@ -1654,8 +1749,12 @@ declare class CodeInputComponent implements ControlValueAccessor {
     state: _angular_core.InputSignal<CodeInputState>;
     errorMessage: _angular_core.InputSignal<string>;
     showClearAll: _angular_core.InputSignal<boolean>;
-    disabled: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.ModelSignal<boolean>;
     ariaLabel: _angular_core.InputSignal<string>;
+    /** Visible "Clear all" button text. */
+    clearAllText: _angular_core.InputSignal<string>;
+    /** Template for each cell's aria-label. Placeholders: `{index}` (1-based), `{total}`. */
+    cellAriaLabelTemplate: _angular_core.InputSignal<string>;
     completed: _angular_core.OutputEmitterRef<string>;
     cleared: _angular_core.OutputEmitterRef<void>;
     cells: _angular_core.WritableSignal<string[]>;
@@ -1667,6 +1766,8 @@ declare class CodeInputComponent implements ControlValueAccessor {
     writeValue(value: string | null): void;
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    getCellAriaLabel(index: number): string;
     getCellClasses(index: number): string[];
     onCellInput(event: Event, index: number): void;
     onCellKeyDown(event: KeyboardEvent, index: number): void;
@@ -1679,7 +1780,7 @@ declare class CodeInputComponent implements ControlValueAccessor {
     private syncInputValues;
     private emitValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CodeInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CodeInputComponent, "pecb-code-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "showClearAll": { "alias": "showClearAll"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "completed": "completed"; "cleared": "cleared"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CodeInputComponent, "pecb-code-input", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "showClearAll": { "alias": "showClearAll"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "clearAllText": { "alias": "clearAllText"; "required": false; "isSignal": true; }; "cellAriaLabelTemplate": { "alias": "cellAriaLabelTemplate"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "completed": "completed"; "cleared": "cleared"; }, never, never, true, never>;
 }
 
 /**
@@ -1850,6 +1951,16 @@ declare class CodeSnippetComponent {
     showCopy: _angular_core.InputSignal<boolean>;
     showFooter: _angular_core.InputSignal<boolean>;
     ariaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the "copy code" buttons. */
+    copyAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the secondary "more actions" button in `filename-actions` variant. */
+    moreActionsAriaLabel: _angular_core.InputSignal<string>;
+    /** Visible text and aria-label for the "Click to copy the code" banner button in `copy-banner` variant. */
+    clickToCopyText: _angular_core.InputSignal<string>;
+    /** Suffix appended to the character count in the footer (e.g. `100 chars`). */
+    charsSuffix: _angular_core.InputSignal<string>;
+    /** Suffix appended to the line count in the footer (e.g. `5 lines`). */
+    linesSuffix: _angular_core.InputSignal<string>;
     copied: _angular_core.OutputEmitterRef<string>;
     copyLabel: _angular_core.WritableSignal<string>;
     codeLines: _angular_core.Signal<string[]>;
@@ -1860,7 +1971,7 @@ declare class CodeSnippetComponent {
     get snippetClasses(): string[];
     onCopy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CodeSnippetComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CodeSnippetComponent, "pecb-code-snippet", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "code": { "alias": "code"; "required": false; "isSignal": true; }; "highlightedCode": { "alias": "highlightedCode"; "required": false; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "filename": { "alias": "filename"; "required": false; "isSignal": true; }; "showLineNumbers": { "alias": "showLineNumbers"; "required": false; "isSignal": true; }; "showCopy": { "alias": "showCopy"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "copied": "copied"; }, never, ["[codeActions]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CodeSnippetComponent, "pecb-code-snippet", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "code": { "alias": "code"; "required": false; "isSignal": true; }; "highlightedCode": { "alias": "highlightedCode"; "required": false; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "filename": { "alias": "filename"; "required": false; "isSignal": true; }; "showLineNumbers": { "alias": "showLineNumbers"; "required": false; "isSignal": true; }; "showCopy": { "alias": "showCopy"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "copyAriaLabel": { "alias": "copyAriaLabel"; "required": false; "isSignal": true; }; "moreActionsAriaLabel": { "alias": "moreActionsAriaLabel"; "required": false; "isSignal": true; }; "clickToCopyText": { "alias": "clickToCopyText"; "required": false; "isSignal": true; }; "charsSuffix": { "alias": "charsSuffix"; "required": false; "isSignal": true; }; "linesSuffix": { "alias": "linesSuffix"; "required": false; "isSignal": true; }; }, { "copied": "copied"; }, never, ["[codeActions]"], true, never>;
 }
 
 /**
@@ -2070,7 +2181,12 @@ interface ClosableWithHooks {
     afterClose?: () => void;
 }
 /**
- * Interface for table column definition
+ * Interface for table column definition.
+ *
+ * @deprecated Not consumed by `TableComponent` — its column input is typed as
+ * `PecbTableColumn[]` (exported from `table.component.ts`). Define table columns
+ * with `PecbTableColumn` instead. This interface is retained for backward
+ * compatibility and is scheduled for removal in a future major release.
  */
 interface TableColumn<T = unknown> {
     /** Unique column key */
@@ -2325,6 +2441,10 @@ declare class HeaderSearchComponent {
     private readonly sanitizer;
     /** Search placeholder text */
     placeholder: _angular_core.InputSignal<string>;
+    /** Aria-label for the mobile search-toggle button. */
+    openSearchAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the search input itself. */
+    searchAriaLabel: _angular_core.InputSignal<string>;
     /** Category options. When provided, embeds a category dropdown. */
     categories: _angular_core.InputSignal<HeaderSearchCategory[]>;
     /** Emits the search query as the user types */
@@ -2347,7 +2467,7 @@ declare class HeaderSearchComponent {
     toggleCategory(): void;
     onCategorySelect(cat: HeaderSearchCategory): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<HeaderSearchComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeaderSearchComponent, "pecb-header-search", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "categories": { "alias": "categories"; "required": false; "isSignal": true; }; }, { "searchChange": "searchChange"; "searchSubmit": "searchSubmit"; "categoryChange": "categoryChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeaderSearchComponent, "pecb-header-search", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "openSearchAriaLabel": { "alias": "openSearchAriaLabel"; "required": false; "isSignal": true; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; "isSignal": true; }; "categories": { "alias": "categories"; "required": false; "isSignal": true; }; }, { "searchChange": "searchChange"; "searchSubmit": "searchSubmit"; "categoryChange": "categoryChange"; }, never, never, true, never>;
 }
 declare class HeaderLanguageComponent {
     private readonly el;
@@ -2394,12 +2514,14 @@ declare class HeaderUserComponent {
     avatarInitials: _angular_core.InputSignal<string | undefined>;
     /** Avatar shape — `'circle'` for users, `'square'` for companies */
     avatarShape: _angular_core.InputSignal<"circle" | "square">;
+    /** Prefix for the user button's aria-label. Rendered as `<this> <name>`. */
+    userMenuAriaLabelPrefix: _angular_core.InputSignal<string>;
     /** Emits when the user profile area is clicked */
     userClick: _angular_core.OutputEmitterRef<void>;
     hostClasses: _angular_core.Signal<string>;
     onUserClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<HeaderUserComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeaderUserComponent, "pecb-header-user", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "role": { "alias": "role"; "required": true; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "avatarInitials": { "alias": "avatarInitials"; "required": false; "isSignal": true; }; "avatarShape": { "alias": "avatarShape"; "required": false; "isSignal": true; }; }, { "userClick": "userClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeaderUserComponent, "pecb-header-user", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "role": { "alias": "role"; "required": true; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "avatarInitials": { "alias": "avatarInitials"; "required": false; "isSignal": true; }; "avatarShape": { "alias": "avatarShape"; "required": false; "isSignal": true; }; "userMenuAriaLabelPrefix": { "alias": "userMenuAriaLabelPrefix"; "required": false; "isSignal": true; }; }, { "userClick": "userClick"; }, never, never, true, never>;
 }
 declare class HeaderDividerComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<HeaderDividerComponent, never>;
@@ -2439,6 +2561,24 @@ declare class VirtualTableComponent {
     currentPage: _angular_core.InputSignal<number>;
     showPagination: _angular_core.InputSignal<boolean>;
     ariaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the filter button. */
+    filterAriaLabel: _angular_core.InputSignal<string>;
+    /** Visually-hidden "Expand" text in the expand-column header. */
+    expandHeaderLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the row-expand toggle when row is collapsed. */
+    expandRowAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the row-expand toggle when row is expanded. */
+    collapseRowAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the "previous page" pagination button. */
+    previousPageAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the "next page" pagination button. */
+    nextPageAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label prefix for each page-number button. Rendered as `<this> <n>`. */
+    pageAriaLabel: _angular_core.InputSignal<string>;
+    /** Visible "Items per page:" label next to the page-size indicator. */
+    itemsPerPageLabel: _angular_core.InputSignal<string>;
+    /** Template for the pagination range text. Placeholders: `{start}`, `{end}`, `{total}`. */
+    itemsInfoTemplate: _angular_core.InputSignal<string>;
     rowToggled: _angular_core.OutputEmitterRef<{
         row: any;
         index: number;
@@ -2451,6 +2591,7 @@ declare class VirtualTableComponent {
     expandedRows: _angular_core.WritableSignal<Set<number>>;
     paginationStart: _angular_core.Signal<number>;
     paginationEnd: _angular_core.Signal<number>;
+    paginationInfoText: _angular_core.Signal<string>;
     totalPages: _angular_core.Signal<number>;
     visiblePages: _angular_core.Signal<(number | "...")[]>;
     isExpanded(index: number): boolean;
@@ -2462,7 +2603,7 @@ declare class VirtualTableComponent {
     getProgressColor(row: any): string;
     onPageChange(page: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<VirtualTableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VirtualTableComponent, "pecb-virtual-table", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "progressConfig": { "alias": "progressConfig"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "showToolbar": { "alias": "showToolbar"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showFilter": { "alias": "showFilter"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "showPagination": { "alias": "showPagination"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "rowToggled": "rowToggled"; "actionClicked": "actionClicked"; "searchChanged": "searchChanged"; "filterClicked": "filterClicked"; "pageChanged": "pageChanged"; }, ["expandedRowTemplate"], ["[toolbarLeft]", "[toolbarRight]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VirtualTableComponent, "pecb-virtual-table", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "progressConfig": { "alias": "progressConfig"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "showToolbar": { "alias": "showToolbar"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showFilter": { "alias": "showFilter"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "showPagination": { "alias": "showPagination"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "filterAriaLabel": { "alias": "filterAriaLabel"; "required": false; "isSignal": true; }; "expandHeaderLabel": { "alias": "expandHeaderLabel"; "required": false; "isSignal": true; }; "expandRowAriaLabel": { "alias": "expandRowAriaLabel"; "required": false; "isSignal": true; }; "collapseRowAriaLabel": { "alias": "collapseRowAriaLabel"; "required": false; "isSignal": true; }; "previousPageAriaLabel": { "alias": "previousPageAriaLabel"; "required": false; "isSignal": true; }; "nextPageAriaLabel": { "alias": "nextPageAriaLabel"; "required": false; "isSignal": true; }; "pageAriaLabel": { "alias": "pageAriaLabel"; "required": false; "isSignal": true; }; "itemsPerPageLabel": { "alias": "itemsPerPageLabel"; "required": false; "isSignal": true; }; "itemsInfoTemplate": { "alias": "itemsInfoTemplate"; "required": false; "isSignal": true; }; }, { "rowToggled": "rowToggled"; "actionClicked": "actionClicked"; "searchChanged": "searchChanged"; "filterClicked": "filterClicked"; "pageChanged": "pageChanged"; }, ["expandedRowTemplate"], ["[toolbarLeft]", "[toolbarRight]"], true, never>;
 }
 
 /**
@@ -2675,6 +2816,18 @@ declare class HierarchicalTableComponent implements AfterViewInit, OnDestroy {
     pageSize: _angular_core.InputSignal<number>;
     currentPage: _angular_core.InputSignal<number>;
     ariaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the filter button. */
+    filterAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the "previous page" pagination button. */
+    previousPageAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the "next page" pagination button. */
+    nextPageAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label prefix for each page-number button. Rendered as `<this> <n>`. */
+    pageAriaLabel: _angular_core.InputSignal<string>;
+    /** Visible "Items per page:" label next to the page-size indicator. */
+    itemsPerPageLabel: _angular_core.InputSignal<string>;
+    /** Template for the pagination range text. Placeholders: `{start}`, `{end}`, `{total}`. */
+    itemsInfoTemplate: _angular_core.InputSignal<string>;
     actionButtonClicked: _angular_core.OutputEmitterRef<void>;
     searchChanged: _angular_core.OutputEmitterRef<string>;
     filterClicked: _angular_core.OutputEmitterRef<void>;
@@ -2686,6 +2839,7 @@ declare class HierarchicalTableComponent implements AfterViewInit, OnDestroy {
     pageChanged: _angular_core.OutputEmitterRef<HierarchicalTablePageEvent>;
     paginationStart: _angular_core.Signal<number>;
     paginationEnd: _angular_core.Signal<number>;
+    paginationInfoText: _angular_core.Signal<string>;
     totalPages: _angular_core.Signal<number>;
     visiblePages: _angular_core.Signal<(number | "...")[]>;
     getCellValue(row: Record<string, unknown>, key: string): unknown;
@@ -2708,7 +2862,7 @@ declare class HierarchicalTableComponent implements AfterViewInit, OnDestroy {
     private removeDragListeners;
     private updateScrollbar;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<HierarchicalTableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HierarchicalTableComponent, "pecb-hierarchical-table", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "showActions": { "alias": "showActions"; "required": false; "isSignal": true; }; "showToolbar": { "alias": "showToolbar"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showFilter": { "alias": "showFilter"; "required": false; "isSignal": true; }; "showPagination": { "alias": "showPagination"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "actionButtonClicked": "actionButtonClicked"; "searchChanged": "searchChanged"; "filterClicked": "filterClicked"; "rowActionClicked": "rowActionClicked"; "pageChanged": "pageChanged"; }, never, ["[toolbarLeft]", "[toolbarRight]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HierarchicalTableComponent, "pecb-hierarchical-table", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "showActions": { "alias": "showActions"; "required": false; "isSignal": true; }; "showToolbar": { "alias": "showToolbar"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showFilter": { "alias": "showFilter"; "required": false; "isSignal": true; }; "showPagination": { "alias": "showPagination"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "filterAriaLabel": { "alias": "filterAriaLabel"; "required": false; "isSignal": true; }; "previousPageAriaLabel": { "alias": "previousPageAriaLabel"; "required": false; "isSignal": true; }; "nextPageAriaLabel": { "alias": "nextPageAriaLabel"; "required": false; "isSignal": true; }; "pageAriaLabel": { "alias": "pageAriaLabel"; "required": false; "isSignal": true; }; "itemsPerPageLabel": { "alias": "itemsPerPageLabel"; "required": false; "isSignal": true; }; "itemsInfoTemplate": { "alias": "itemsInfoTemplate"; "required": false; "isSignal": true; }; }, { "actionButtonClicked": "actionButtonClicked"; "searchChanged": "searchChanged"; "filterClicked": "filterClicked"; "rowActionClicked": "rowActionClicked"; "pageChanged": "pageChanged"; }, never, ["[toolbarLeft]", "[toolbarRight]"], true, never>;
 }
 
 /**
@@ -2825,6 +2979,8 @@ declare class BackToTopComponent implements OnInit, OnDestroy {
     rightOffset: _angular_core.InputSignal<number>;
     /** Time in ms after scroll stops to transition to full opacity. Default: 1000 */
     scrollIdleDelay: _angular_core.InputSignal<number>;
+    /** Aria-label for the button. */
+    ariaLabel: _angular_core.InputSignal<string>;
     /** Whether the button is visible (scroll past threshold) */
     visible: _angular_core.WritableSignal<boolean>;
     /** Whether the user is actively scrolling (50% opacity) */
@@ -2839,7 +2995,7 @@ declare class BackToTopComponent implements OnInit, OnDestroy {
     scrollToTop(): void;
     private onScroll;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BackToTopComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BackToTopComponent, "pecb-back-to-top", never, { "scrollThreshold": { "alias": "scrollThreshold"; "required": false; "isSignal": true; }; "bottomOffset": { "alias": "bottomOffset"; "required": false; "isSignal": true; }; "rightOffset": { "alias": "rightOffset"; "required": false; "isSignal": true; }; "scrollIdleDelay": { "alias": "scrollIdleDelay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BackToTopComponent, "pecb-back-to-top", never, { "scrollThreshold": { "alias": "scrollThreshold"; "required": false; "isSignal": true; }; "bottomOffset": { "alias": "bottomOffset"; "required": false; "isSignal": true; }; "rightOffset": { "alias": "rightOffset"; "required": false; "isSignal": true; }; "scrollIdleDelay": { "alias": "scrollIdleDelay"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface ExpandableRowColumn {
@@ -2875,6 +3031,24 @@ declare class ExpandableRowTableComponent {
     pageSize: _angular_core.InputSignal<number>;
     currentPage: _angular_core.InputSignal<number>;
     ariaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the filter button. */
+    filterAriaLabel: _angular_core.InputSignal<string>;
+    /** Visually-hidden "Expand" text in the expand-column header. */
+    expandHeaderLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the row-expand toggle when row is collapsed. */
+    expandRowAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the row-expand toggle when row is expanded. */
+    collapseRowAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the "previous page" pagination button. */
+    previousPageAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the "next page" pagination button. */
+    nextPageAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label prefix for each page-number button. Rendered as `<this> <n>`. */
+    pageAriaLabel: _angular_core.InputSignal<string>;
+    /** Visible "Items per page:" label next to the page-size indicator. */
+    itemsPerPageLabel: _angular_core.InputSignal<string>;
+    /** Template for the pagination range text. Placeholders: `{start}`, `{end}`, `{total}`. */
+    itemsInfoTemplate: _angular_core.InputSignal<string>;
     rowToggled: _angular_core.OutputEmitterRef<{
         row: Record<string, unknown>;
         index: number;
@@ -2887,6 +3061,7 @@ declare class ExpandableRowTableComponent {
     expandedRows: _angular_core.WritableSignal<Set<number>>;
     paginationStart: _angular_core.Signal<number>;
     paginationEnd: _angular_core.Signal<number>;
+    paginationInfoText: _angular_core.Signal<string>;
     totalPages: _angular_core.Signal<number>;
     visiblePages: _angular_core.Signal<(number | "...")[]>;
     isExpanded(index: number): boolean;
@@ -2898,7 +3073,7 @@ declare class ExpandableRowTableComponent {
     getProgressColor(row: Record<string, unknown>): string;
     onPageChange(page: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ExpandableRowTableComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ExpandableRowTableComponent, "pecb-expandable-row-table", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "progressConfig": { "alias": "progressConfig"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "showToolbar": { "alias": "showToolbar"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showFilter": { "alias": "showFilter"; "required": false; "isSignal": true; }; "showPagination": { "alias": "showPagination"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "rowToggled": "rowToggled"; "actionClicked": "actionClicked"; "searchChanged": "searchChanged"; "filterClicked": "filterClicked"; "pageChanged": "pageChanged"; }, ["expandedRowTemplate"], ["[toolbarLeft]", "[toolbarRight]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ExpandableRowTableComponent, "pecb-expandable-row-table", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "progressConfig": { "alias": "progressConfig"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "showToolbar": { "alias": "showToolbar"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "showFilter": { "alias": "showFilter"; "required": false; "isSignal": true; }; "showPagination": { "alias": "showPagination"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "filterAriaLabel": { "alias": "filterAriaLabel"; "required": false; "isSignal": true; }; "expandHeaderLabel": { "alias": "expandHeaderLabel"; "required": false; "isSignal": true; }; "expandRowAriaLabel": { "alias": "expandRowAriaLabel"; "required": false; "isSignal": true; }; "collapseRowAriaLabel": { "alias": "collapseRowAriaLabel"; "required": false; "isSignal": true; }; "previousPageAriaLabel": { "alias": "previousPageAriaLabel"; "required": false; "isSignal": true; }; "nextPageAriaLabel": { "alias": "nextPageAriaLabel"; "required": false; "isSignal": true; }; "pageAriaLabel": { "alias": "pageAriaLabel"; "required": false; "isSignal": true; }; "itemsPerPageLabel": { "alias": "itemsPerPageLabel"; "required": false; "isSignal": true; }; "itemsInfoTemplate": { "alias": "itemsInfoTemplate"; "required": false; "isSignal": true; }; }, { "rowToggled": "rowToggled"; "actionClicked": "actionClicked"; "searchChanged": "searchChanged"; "filterClicked": "filterClicked"; "pageChanged": "pageChanged"; }, ["expandedRowTemplate"], ["[toolbarLeft]", "[toolbarRight]"], true, never>;
 }
 
 /**
@@ -3126,48 +3301,66 @@ declare class LanguageDropdownComponent {
  */
 type EmptyStateIconTheme = 'default' | 'info' | 'error' | 'warning' | 'success' | 'gray';
 /**
- * Configuration for a button in the empty state.
+ * Maximum number of action buttons an empty state will render. An empty state
+ * should offer at most a primary action plus one secondary action — anything
+ * beyond that is dropped (and is a usability smell).
+ */
+declare const EMPTY_STATE_MAX_BUTTONS = 2;
+/**
+ * Configuration for a single empty-state action button. Rendered with the
+ * shared `<pecb-button>` so it inherits the library's button styling/states.
  */
 interface EmptyStateButton {
-    /** Button label text */
+    /** Button label text. */
     label: string;
-    /** Button style: primary (dark bg) or secondary (outline) */
-    variant: 'primary' | 'secondary';
+    /**
+     * Action style. `'primary'` is the dark call-to-action, `'secondary'` is the
+     * outline button. When omitted, the first button defaults to `'primary'` and
+     * any subsequent button to `'secondary'`.
+     */
+    variant?: 'primary' | 'secondary';
+    /** Optional leading icon — a registered `IconRegistry` name. */
+    icon?: string;
+    /** Whether the button is disabled. */
+    disabled?: boolean;
+    /**
+     * Optional identifier echoed back on `(buttonClick)` so the caller can tell
+     * which action fired without comparing labels.
+     */
+    id?: string;
 }
 /**
  * Empty state component matching the PECB Figma design system.
  *
- * Displays a centered message with an icon, title, description, and
- * optional action buttons when there is no data to show.
- *
- * **Figma specs (node 6458:49629):**
- * - Container: white bg, #ececec border, 12px radius, 64px v-pad, 220px h-pad
- * - Gap between elements: 16px
- * - Icon circle: 56px, 28px border-radius
- *   - default bg: #f4f4f4 (neutral-7)
- *   - info bg: #e6f0fa (new-bg)
- *   - error bg: #fdecea (cancelled-bg)
- * - Title: Bold 24px, #212427, line-height 1.2
- * - Description: Medium 14px, #919191, text-center
- * - Primary button: #212427 bg, white text, 6px radius, 40px h, 16px h-pad
- * - Secondary button: white bg, #c2c2c2 border, #212427 text, 6px radius, 40px h
- * - Button gap: 16px
+ * Displays a centered message with an icon, title, description, and optional
+ * action buttons when there is no data to show.
+ *
+ * **Icon** — pass a registered icon name via `[icon]`, or project a custom SVG
+ * into the `[emptyStateIcon]` slot. A registered `[icon]` name takes precedence.
+ *
+ * **Buttons** — supply up to {@link EMPTY_STATE_MAX_BUTTONS} actions via
+ * `[buttons]`; they render with `<pecb-button>`.
  *
  * @example
  * ```html
+ * <!-- Icon by registered name -->
  * <pecb-empty-state
- *   title="No Certifications Yet"
- *   description="Start your professional development..."
- *   iconTheme="default"
- *   [buttons]="[
- *     { label: 'Explore Certifications', variant: 'primary' },
- *     { label: 'Learn More', variant: 'secondary' }
- *   ]"
+ *   icon="layout-grid"
+ *   title="No Workflows Yet"
+ *   description="No workflows yet. They will appear here once created."
+ *   [buttons]="[{ label: 'Create Workflow', icon: 'plus' }]"
  *   (buttonClick)="onAction($event)"
  * ></pecb-empty-state>
+ *
+ * <!-- Icon by content projection -->
+ * <pecb-empty-state title="No Data Found" iconTheme="error">
+ *   <svg emptyStateIcon ...></svg>
+ * </pecb-empty-state>
  * ```
  */
 declare class EmptyStateComponent {
+    private readonly registry;
+    private readonly sanitizer;
     /** Unique element ID */
     id: _angular_core.InputSignal<string>;
     /** Title text */
@@ -3176,7 +3369,13 @@ declare class EmptyStateComponent {
     description: _angular_core.InputSignal<string>;
     /** Icon background color theme */
     iconTheme: _angular_core.InputSignal<EmptyStateIconTheme>;
-    /** Action buttons to display */
+    /**
+     * Icon shown in the circle, by registered `IconRegistry` name. When set (and
+     * the name resolves), it takes precedence over any `[emptyStateIcon]`
+     * projected content. Leave empty to use content projection instead.
+     */
+    icon: _angular_core.InputSignal<string>;
+    /** Action buttons to display (capped at {@link EMPTY_STATE_MAX_BUTTONS}). */
     buttons: _angular_core.InputSignal<EmptyStateButton[]>;
     /** Whether to show the title */
     showTitle: _angular_core.InputSignal<boolean>;
@@ -3186,12 +3385,31 @@ declare class EmptyStateComponent {
     buttonClick: _angular_core.OutputEmitterRef<EmptyStateButton>;
     /** CSS class for the icon circle background */
     iconBgClass: _angular_core.Signal<string>;
-    /** Whether any buttons are configured */
+    /** Raw SVG for the `icon` name input — empty when unset or unknown. */
+    private readonly resolvedIcon;
+    /** Sanitized SVG for the `icon` name input, bound via [innerHTML]. */
+    iconSvg: _angular_core.Signal<SafeHtml>;
+    /** True when a registered `icon` name is set — drives icon vs. projection. */
+    hasIconName: _angular_core.Signal<boolean>;
+    /**
+     * Buttons actually rendered: capped at {@link EMPTY_STATE_MAX_BUTTONS} and
+     * pre-resolved to the props `<pecb-button>` needs. `source` carries the
+     * original config back out through `(buttonClick)`.
+     */
+    renderButtons: _angular_core.Signal<{
+        source: EmptyStateButton;
+        label: string;
+        variant: ButtonVariant;
+        iconSvg: string;
+        iconStyle: ButtonIconStyle;
+        disabled: boolean;
+    }[]>;
+    /** Whether any buttons will be rendered. */
     hasButtons: _angular_core.Signal<boolean>;
-    /** Handle button click */
+    /** Handle button click — re-emits the original button config. */
     onButtonClick(button: EmptyStateButton): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyStateComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyStateComponent, "pecb-empty-state", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "iconTheme": { "alias": "iconTheme"; "required": false; "isSignal": true; }; "buttons": { "alias": "buttons"; "required": false; "isSignal": true; }; "showTitle": { "alias": "showTitle"; "required": false; "isSignal": true; }; "showDescription": { "alias": "showDescription"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; }, never, ["[emptyStateIcon]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyStateComponent, "pecb-empty-state", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "iconTheme": { "alias": "iconTheme"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "buttons": { "alias": "buttons"; "required": false; "isSignal": true; }; "showTitle": { "alias": "showTitle"; "required": false; "isSignal": true; }; "showDescription": { "alias": "showDescription"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; }, never, ["[emptyStateIcon]"], true, never>;
 }
 
 /**
@@ -3257,45 +3475,64 @@ declare class TestimonialComponent {
 type TagStyle = 'light' | 'dark';
 type TagAction = 'none' | 'close' | 'plus';
 declare class TagComponent {
-    tagId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     label: _angular_core.InputSignal<string>;
     tagStyle: _angular_core.InputSignal<TagStyle>;
     action: _angular_core.InputSignal<TagAction>;
+    /** Aria-label for the close (×) action — override to localize (audit F20). */
+    removeAriaLabel: _angular_core.InputSignal<string>;
     tagClose: _angular_core.OutputEmitterRef<void>;
     tagClasses: _angular_core.Signal<string[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "pecb-tag", never, { "tagId": { "alias": "tagId"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "tagStyle": { "alias": "tagStyle"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; }, { "tagClose": "tagClose"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "pecb-tag", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "tagStyle": { "alias": "tagStyle"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "removeAriaLabel": { "alias": "removeAriaLabel"; "required": false; "isSignal": true; }; }, { "tagClose": "tagClose"; }, never, never, true, never>;
 }
+
 type LinkButtonType = 'go-back' | 'view-details' | 'read-more' | 'show-credential';
 declare class LinkButtonComponent {
-    linkId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     type: _angular_core.InputSignal<LinkButtonType>;
+    /** Optional explicit label override. When set, takes precedence over the
+     * type-driven default — use this to localize (audit F20). */
+    label: _angular_core.InputSignal<string>;
     clicked: _angular_core.OutputEmitterRef<void>;
     displayText: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LinkButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LinkButtonComponent, "pecb-link-button", never, { "linkId": { "alias": "linkId"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LinkButtonComponent, "pecb-link-button", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }
+
 declare class SlidePointsComponent {
     total: _angular_core.InputSignal<number>;
+    /** Template for the container's aria-label. Placeholders: `{current}` (1-based), `{total}`. */
+    containerAriaLabelTemplate: _angular_core.InputSignal<string>;
+    /** Prefix for each dot's aria-label. Rendered as `<this> <n>`. */
+    slideAriaLabelPrefix: _angular_core.InputSignal<string>;
     dotClick: _angular_core.OutputEmitterRef<number>;
     currentIndex: _angular_core.WritableSignal<number>;
     dotsArray: _angular_core.Signal<number[]>;
+    containerAriaLabel: _angular_core.Signal<string>;
     selectDot(index: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlidePointsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SlidePointsComponent, "pecb-slide-points", never, { "total": { "alias": "total"; "required": false; "isSignal": true; }; }, { "dotClick": "dotClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SlidePointsComponent, "pecb-slide-points", never, { "total": { "alias": "total"; "required": false; "isSignal": true; }; "containerAriaLabelTemplate": { "alias": "containerAriaLabelTemplate"; "required": false; "isSignal": true; }; "slideAriaLabelPrefix": { "alias": "slideAriaLabelPrefix"; "required": false; "isSignal": true; }; }, { "dotClick": "dotClick"; }, never, never, true, never>;
 }
+
 declare class QuantitySelectorComponent {
-    qtyId: _angular_core.InputSignal<string>;
-    value: _angular_core.WritableSignal<number>;
+    id: _angular_core.InputSignal<string>;
+    /** Two-way bindable current value. External writes are clamped to [min, max]. */
+    value: _angular_core.ModelSignal<number>;
     min: _angular_core.InputSignal<number>;
     max: _angular_core.InputSignal<number>;
     showFraction: _angular_core.InputSignal<boolean>;
-    valueChange: _angular_core.OutputEmitterRef<number>;
+    /** Aria-label for the decrement button. */
+    decreaseAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the increment button. */
+    increaseAriaLabel: _angular_core.InputSignal<string>;
+    constructor();
     increment(): void;
     decrement(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuantitySelectorComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<QuantitySelectorComponent, "pecb-quantity-selector", never, { "qtyId": { "alias": "qtyId"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "showFraction": { "alias": "showFraction"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<QuantitySelectorComponent, "pecb-quantity-selector", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "showFraction": { "alias": "showFraction"; "required": false; "isSignal": true; }; "decreaseAriaLabel": { "alias": "decreaseAriaLabel"; "required": false; "isSignal": true; }; "increaseAriaLabel": { "alias": "increaseAriaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
+
 type AuditorStatusType = 'trainee' | 'auditor' | 'member';
 declare class AuditorStatusComponent {
     type: _angular_core.InputSignal<AuditorStatusType>;
@@ -3305,6 +3542,7 @@ declare class AuditorStatusComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AuditorStatusComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AuditorStatusComponent, "pecb-auditor-status", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+
 type RatingStyle = 'black' | 'white';
 declare class RatingNumberComponent {
     value: _angular_core.InputSignal<number>;
@@ -3314,17 +3552,22 @@ declare class RatingNumberComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RatingNumberComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<RatingNumberComponent, "pecb-rating-number", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "ratingStyle": { "alias": "ratingStyle"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, never, true, never>;
 }
+
 type IconTagType = 'important' | 'question' | 'review';
 declare class IconTagComponent {
     type: _angular_core.InputSignal<IconTagType>;
     active: _angular_core.InputSignal<boolean>;
+    /** Optional explicit label override. When set, takes precedence over the
+     * type-driven default — use this to localize (audit F20). */
+    label: _angular_core.InputSignal<string>;
     clicked: _angular_core.OutputEmitterRef<void>;
     iconTagClasses: _angular_core.Signal<string[]>;
     iconBgClass: _angular_core.Signal<string>;
     displayLabel: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconTagComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconTagComponent, "pecb-icon-tag", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconTagComponent, "pecb-icon-tag", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }
+
 type TranscriptLineState = 'default' | 'active' | 'hover';
 declare class TranscriptLineComponent {
     time: _angular_core.InputSignal<string>;
@@ -3337,6 +3580,7 @@ declare class TranscriptLineComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TranscriptLineComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TranscriptLineComponent, "pecb-transcript-line", never, { "time": { "alias": "time"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }
+
 type MiniIconAction = 'edit' | 'delete';
 declare class MiniIconButtonComponent {
     action: _angular_core.InputSignal<MiniIconAction>;
@@ -3344,39 +3588,48 @@ declare class MiniIconButtonComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MiniIconButtonComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MiniIconButtonComponent, "pecb-mini-icon-button", never, { "action": { "alias": "action"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }
+
 declare class NoResultsComponent {
-    noResultsId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NoResultsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NoResultsComponent, "pecb-no-results", never, { "noResultsId": { "alias": "noResultsId"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NoResultsComponent, "pecb-no-results", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+
 declare class CertificateUploadBarComponent {
-    certUploadId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     filename: _angular_core.InputSignal<string>;
     showClose: _angular_core.InputSignal<boolean>;
+    /** Aria-label for the remove button — override to localize (audit F20). */
+    removeAriaLabel: _angular_core.InputSignal<string>;
     closeClick: _angular_core.OutputEmitterRef<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CertificateUploadBarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CertificateUploadBarComponent, "pecb-certificate-upload-bar", never, { "certUploadId": { "alias": "certUploadId"; "required": false; "isSignal": true; }; "filename": { "alias": "filename"; "required": false; "isSignal": true; }; "showClose": { "alias": "showClose"; "required": false; "isSignal": true; }; }, { "closeClick": "closeClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CertificateUploadBarComponent, "pecb-certificate-upload-bar", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "filename": { "alias": "filename"; "required": false; "isSignal": true; }; "showClose": { "alias": "showClose"; "required": false; "isSignal": true; }; "removeAriaLabel": { "alias": "removeAriaLabel"; "required": false; "isSignal": true; }; }, { "closeClick": "closeClick"; }, never, never, true, never>;
 }
+
 declare class VideoUploadBarComponent {
-    videoUploadId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     filename: _angular_core.InputSignal<string>;
     fileSize: _angular_core.InputSignal<string>;
+    /** Aria-label for the delete button — override to localize (audit F20). */
+    deleteAriaLabel: _angular_core.InputSignal<string>;
     deleteClick: _angular_core.OutputEmitterRef<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<VideoUploadBarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VideoUploadBarComponent, "pecb-video-upload-bar", never, { "videoUploadId": { "alias": "videoUploadId"; "required": false; "isSignal": true; }; "filename": { "alias": "filename"; "required": false; "isSignal": true; }; "fileSize": { "alias": "fileSize"; "required": false; "isSignal": true; }; }, { "deleteClick": "deleteClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VideoUploadBarComponent, "pecb-video-upload-bar", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "filename": { "alias": "filename"; "required": false; "isSignal": true; }; "fileSize": { "alias": "fileSize"; "required": false; "isSignal": true; }; "deleteAriaLabel": { "alias": "deleteAriaLabel"; "required": false; "isSignal": true; }; }, { "deleteClick": "deleteClick"; }, never, never, true, never>;
 }
+
 type StatisticsIconColor = 'blue' | 'green' | 'orange' | 'red' | 'gray';
 declare class StatisticsCardComponent {
-    statsId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     value: _angular_core.InputSignal<number>;
     label: _angular_core.InputSignal<string>;
     iconColor: _angular_core.InputSignal<StatisticsIconColor>;
     iconClasses: _angular_core.Signal<string[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatisticsCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatisticsCardComponent, "pecb-statistics-card", never, { "statsId": { "alias": "statsId"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatisticsCardComponent, "pecb-statistics-card", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
+
 declare class PriceMethodComponent {
-    priceMethodId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     leftLabel: _angular_core.InputSignal<string>;
     rightLabel: _angular_core.InputSignal<string>;
     selectionChange: _angular_core.OutputEmitterRef<number>;
@@ -3384,11 +3637,12 @@ declare class PriceMethodComponent {
     pillClasses(index: number): string[];
     select(index: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PriceMethodComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PriceMethodComponent, "pecb-price-method", never, { "priceMethodId": { "alias": "priceMethodId"; "required": false; "isSignal": true; }; "leftLabel": { "alias": "leftLabel"; "required": false; "isSignal": true; }; "rightLabel": { "alias": "rightLabel"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PriceMethodComponent, "pecb-price-method", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "leftLabel": { "alias": "leftLabel"; "required": false; "isSignal": true; }; "rightLabel": { "alias": "rightLabel"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
 }
+
 type AppStatusColor = 'warning' | 'success' | 'error' | 'info';
 declare class ApplicationStatusBarComponent {
-    appStatusId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     message: _angular_core.InputSignal<string>;
     statusLabel: _angular_core.InputSignal<string>;
     statusColor: _angular_core.InputSignal<AppStatusColor>;
@@ -3396,38 +3650,49 @@ declare class ApplicationStatusBarComponent {
         color: string;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ApplicationStatusBarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApplicationStatusBarComponent, "pecb-application-status-bar", never, { "appStatusId": { "alias": "appStatusId"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "statusLabel": { "alias": "statusLabel"; "required": false; "isSignal": true; }; "statusColor": { "alias": "statusColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ApplicationStatusBarComponent, "pecb-application-status-bar", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "statusLabel": { "alias": "statusLabel"; "required": false; "isSignal": true; }; "statusColor": { "alias": "statusColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+
 declare class ReasonForReturnComponent {
-    reasonId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     message: _angular_core.InputSignal<string>;
     linkText: _angular_core.InputSignal<string>;
     linkUrl: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ReasonForReturnComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ReasonForReturnComponent, "pecb-reason-for-return", never, { "reasonId": { "alias": "reasonId"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "linkText": { "alias": "linkText"; "required": false; "isSignal": true; }; "linkUrl": { "alias": "linkUrl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ReasonForReturnComponent, "pecb-reason-for-return", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "linkText": { "alias": "linkText"; "required": false; "isSignal": true; }; "linkUrl": { "alias": "linkUrl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+
 type ContentTagType = 'quiz' | 'video';
 type ContentTagDisplay = 'full' | 'icon-only';
 declare class ContentTypeTagComponent {
     type: _angular_core.InputSignal<ContentTagType>;
     displayMode: _angular_core.InputSignal<ContentTagDisplay>;
+    /** Optional explicit label override. When set, takes precedence over the
+     * type-driven default — use this to localize (audit F20). */
+    label: _angular_core.InputSignal<string>;
     tagClasses: _angular_core.Signal<string[]>;
+    displayLabel: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ContentTypeTagComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContentTypeTagComponent, "pecb-content-type-tag", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ContentTypeTagComponent, "pecb-content-type-tag", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+
 type QuestionTagType = 'scenario' | 'true-false' | 'essay' | 'multiple-choice';
 type QuestionTagDisplay = 'full' | 'icon-only';
 declare class QuestionTypeTagComponent {
     type: _angular_core.InputSignal<QuestionTagType>;
     displayMode: _angular_core.InputSignal<QuestionTagDisplay>;
+    /** Optional explicit label override. When set, takes precedence over the
+     * type-driven default — use this to localize (audit F20). */
+    label: _angular_core.InputSignal<string>;
     tagClasses: _angular_core.Signal<string[]>;
     displayLabel: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuestionTypeTagComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<QuestionTypeTagComponent, "pecb-question-type-tag", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<QuestionTypeTagComponent, "pecb-question-type-tag", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+
 type PdfCardVariant = 'default' | 'hover' | 'compact';
 declare class StandardsPdfCardComponent {
-    pdfCardId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     filename: _angular_core.InputSignal<string>;
     variant: _angular_core.InputSignal<PdfCardVariant>;
     showViewButton: _angular_core.InputSignal<boolean>;
@@ -3435,8 +3700,9 @@ declare class StandardsPdfCardComponent {
     cardClasses: _angular_core.Signal<string[]>;
     buttonClasses: _angular_core.Signal<string[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StandardsPdfCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StandardsPdfCardComponent, "pecb-standards-pdf-card", never, { "pdfCardId": { "alias": "pdfCardId"; "required": false; "isSignal": true; }; "filename": { "alias": "filename"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showViewButton": { "alias": "showViewButton"; "required": false; "isSignal": true; }; }, { "viewClick": "viewClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StandardsPdfCardComponent, "pecb-standards-pdf-card", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "filename": { "alias": "filename"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showViewButton": { "alias": "showViewButton"; "required": false; "isSignal": true; }; }, { "viewClick": "viewClick"; }, never, never, true, never>;
 }
+
 type NoteSidebarState = 'default' | 'unread' | 'active';
 type NoteSidebarPosition = 'top' | 'middle' | 'bottom' | 'single';
 declare class NoteSidebarItemComponent {
@@ -3454,22 +3720,25 @@ declare class NoteSidebarItemComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NoteSidebarItemComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NoteSidebarItemComponent, "pecb-note-sidebar-item", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "time": { "alias": "time"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+
 declare class AuthorDateTimeComponent {
-    authorDtId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     author: _angular_core.InputSignal<string>;
     date: _angular_core.InputSignal<string>;
     time: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AuthorDateTimeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AuthorDateTimeComponent, "pecb-author-date-time", never, { "authorDtId": { "alias": "authorDtId"; "required": false; "isSignal": true; }; "author": { "alias": "author"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; "time": { "alias": "time"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AuthorDateTimeComponent, "pecb-author-date-time", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "author": { "alias": "author"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; "time": { "alias": "time"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+
 type CheckDeleteType = 'check' | 'delete';
 declare class CheckDeleteIconComponent {
     type: _angular_core.InputSignal<CheckDeleteType>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckDeleteIconComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckDeleteIconComponent, "pecb-check-delete-icon", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+
 declare class ProfileElementsCardComponent {
-    profileCardId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     name: _angular_core.InputSignal<string>;
     email: _angular_core.InputSignal<string>;
     userId: _angular_core.InputSignal<string>;
@@ -3477,28 +3746,31 @@ declare class ProfileElementsCardComponent {
     badgeLabel: _angular_core.InputSignal<string>;
     avatarUrl: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProfileElementsCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProfileElementsCardComponent, "pecb-profile-elements-card", never, { "profileCardId": { "alias": "profileCardId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "email": { "alias": "email"; "required": false; "isSignal": true; }; "userId": { "alias": "userId"; "required": false; "isSignal": true; }; "statusText": { "alias": "statusText"; "required": false; "isSignal": true; }; "badgeLabel": { "alias": "badgeLabel"; "required": false; "isSignal": true; }; "avatarUrl": { "alias": "avatarUrl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProfileElementsCardComponent, "pecb-profile-elements-card", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "email": { "alias": "email"; "required": false; "isSignal": true; }; "userId": { "alias": "userId"; "required": false; "isSignal": true; }; "statusText": { "alias": "statusText"; "required": false; "isSignal": true; }; "badgeLabel": { "alias": "badgeLabel"; "required": false; "isSignal": true; }; "avatarUrl": { "alias": "avatarUrl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+
 declare class UserWithEmailComponent {
-    userEmailId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     name: _angular_core.InputSignal<string>;
     email: _angular_core.InputSignal<string>;
     avatarUrl: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UserWithEmailComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserWithEmailComponent, "pecb-user-with-email", never, { "userEmailId": { "alias": "userEmailId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "email": { "alias": "email"; "required": false; "isSignal": true; }; "avatarUrl": { "alias": "avatarUrl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UserWithEmailComponent, "pecb-user-with-email", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "email": { "alias": "email"; "required": false; "isSignal": true; }; "avatarUrl": { "alias": "avatarUrl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+
 declare class CancelUpdateButtonsComponent {
-    cancelUpdateId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     cancelLabel: _angular_core.InputSignal<string>;
     updateLabel: _angular_core.InputSignal<string>;
     cancelClick: _angular_core.OutputEmitterRef<void>;
     updateClick: _angular_core.OutputEmitterRef<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CancelUpdateButtonsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CancelUpdateButtonsComponent, "pecb-cancel-update-buttons", never, { "cancelUpdateId": { "alias": "cancelUpdateId"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "updateLabel": { "alias": "updateLabel"; "required": false; "isSignal": true; }; }, { "cancelClick": "cancelClick"; "updateClick": "updateClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CancelUpdateButtonsComponent, "pecb-cancel-update-buttons", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "updateLabel": { "alias": "updateLabel"; "required": false; "isSignal": true; }; }, { "cancelClick": "cancelClick"; "updateClick": "updateClick"; }, never, never, true, never>;
 }
+
 type InformationBoxVariant = 'default' | 'developer';
 declare class InformationBoxComponent {
-    infoBoxId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     variant: _angular_core.InputSignal<InformationBoxVariant>;
     text: _angular_core.InputSignal<string>;
     title: _angular_core.InputSignal<string>;
@@ -3508,70 +3780,85 @@ declare class InformationBoxComponent {
         'pecb-info-box--developer': boolean;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<InformationBoxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InformationBoxComponent, "pecb-information-box", never, { "infoBoxId": { "alias": "infoBoxId"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InformationBoxComponent, "pecb-information-box", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+
 declare class RequestSentByComponent {
-    requestSentId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     name: _angular_core.InputSignal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RequestSentByComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RequestSentByComponent, "pecb-request-sent-by", never, { "requestSentId": { "alias": "requestSentId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RequestSentByComponent, "pecb-request-sent-by", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+
 type NotificationStatusType = 'read' | 'unread';
 declare class NotificationStatusLinkComponent {
-    notifLinkId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     type: _angular_core.InputSignal<NotificationStatusType>;
+    /** Optional explicit label override. When set, takes precedence over the
+     * type-driven default — use this to localize (audit F20). */
+    label: _angular_core.InputSignal<string>;
     statusClick: _angular_core.OutputEmitterRef<void>;
-    linkLabel: _angular_core.Signal<"Mark as Read" | "Mark as Unread">;
+    linkLabel: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationStatusLinkComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NotificationStatusLinkComponent, "pecb-notification-status-link", never, { "notifLinkId": { "alias": "notifLinkId"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "statusClick": "statusClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NotificationStatusLinkComponent, "pecb-notification-status-link", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "statusClick": "statusClick"; }, never, never, true, never>;
 }
+
 declare class EditCoverPhotoComponent {
-    editCoverId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     editClick: _angular_core.OutputEmitterRef<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditCoverPhotoComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditCoverPhotoComponent, "pecb-edit-cover-photo", never, { "editCoverId": { "alias": "editCoverId"; "required": false; "isSignal": true; }; }, { "editClick": "editClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditCoverPhotoComponent, "pecb-edit-cover-photo", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "editClick": "editClick"; }, never, never, true, never>;
 }
+
 type RequestStatusIconType = 'warning' | 'success';
 declare class RequestStatusBarComponent {
-    requestStatusId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     message: _angular_core.InputSignal<string>;
     linkText: _angular_core.InputSignal<string>;
     iconType: _angular_core.InputSignal<RequestStatusIconType>;
     linkClick: _angular_core.OutputEmitterRef<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RequestStatusBarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RequestStatusBarComponent, "pecb-request-status-bar", never, { "requestStatusId": { "alias": "requestStatusId"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "linkText": { "alias": "linkText"; "required": false; "isSignal": true; }; "iconType": { "alias": "iconType"; "required": false; "isSignal": true; }; }, { "linkClick": "linkClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RequestStatusBarComponent, "pecb-request-status-bar", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "linkText": { "alias": "linkText"; "required": false; "isSignal": true; }; "iconType": { "alias": "iconType"; "required": false; "isSignal": true; }; }, { "linkClick": "linkClick"; }, never, never, true, never>;
 }
+
 type VerifyItemStatus = 'pending' | 'verified' | 'rejected' | 'warning';
 interface VerifyChecklistItem {
     text: string;
     status: VerifyItemStatus;
 }
 declare class VerifyChecklistComponent {
-    verifyChecklistId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     items: _angular_core.InputSignal<VerifyChecklistItem[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<VerifyChecklistComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VerifyChecklistComponent, "pecb-verify-checklist", never, { "verifyChecklistId": { "alias": "verifyChecklistId"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VerifyChecklistComponent, "pecb-verify-checklist", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+
 type EditButtonVariant = 'default' | 'black';
 declare class EditButtonComponent {
-    editBtnId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     variant: _angular_core.InputSignal<EditButtonVariant>;
+    /** Aria-label for the button — override to localize (audit F20). */
+    ariaLabel: _angular_core.InputSignal<string>;
     editBtnClick: _angular_core.OutputEmitterRef<void>;
     btnClasses: _angular_core.Signal<string[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditButtonComponent, "pecb-edit-button", never, { "editBtnId": { "alias": "editBtnId"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "editBtnClick": "editBtnClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditButtonComponent, "pecb-edit-button", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "editBtnClick": "editBtnClick"; }, never, never, true, never>;
 }
+
 type AddButtonVariant = 'default' | 'dark';
 declare class AddButtonComponent {
-    addBtnId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     variant: _angular_core.InputSignal<AddButtonVariant>;
+    /** Aria-label for the button — override to localize (audit F20). */
+    ariaLabel: _angular_core.InputSignal<string>;
     addBtnClick: _angular_core.OutputEmitterRef<void>;
     btnClasses: _angular_core.Signal<string[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AddButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AddButtonComponent, "pecb-add-button", never, { "addBtnId": { "alias": "addBtnId"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "addBtnClick": "addBtnClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AddButtonComponent, "pecb-add-button", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "addBtnClick": "addBtnClick"; }, never, never, true, never>;
 }
+
 declare class HorizontalStepsComponent {
-    hStepsId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     totalSteps: _angular_core.InputSignal<number>;
     activeStep: _angular_core.InputSignal<number>;
     stepLabels: _angular_core.InputSignal<string[]>;
@@ -3580,25 +3867,27 @@ declare class HorizontalStepsComponent {
         label: string;
     }[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<HorizontalStepsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HorizontalStepsComponent, "pecb-horizontal-steps", never, { "hStepsId": { "alias": "hStepsId"; "required": false; "isSignal": true; }; "totalSteps": { "alias": "totalSteps"; "required": false; "isSignal": true; }; "activeStep": { "alias": "activeStep"; "required": false; "isSignal": true; }; "stepLabels": { "alias": "stepLabels"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HorizontalStepsComponent, "pecb-horizontal-steps", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "totalSteps": { "alias": "totalSteps"; "required": false; "isSignal": true; }; "activeStep": { "alias": "activeStep"; "required": false; "isSignal": true; }; "stepLabels": { "alias": "stepLabels"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+
 type RadioDisplayState = 'deactivated' | 'activated';
 declare class RadioDisplayComponent {
-    radioDisplayId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     state: _angular_core.InputSignal<RadioDisplayState>;
     label: _angular_core.InputSignal<string>;
     radioClasses: _angular_core.Signal<string[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioDisplayComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioDisplayComponent, "pecb-radio-display", never, { "radioDisplayId": { "alias": "radioDisplayId"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioDisplayComponent, "pecb-radio-display", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+
 type CheckboxDisplayState = 'deactivated' | 'activated' | 'gray';
 declare class CheckboxDisplayComponent {
-    checkboxDisplayId: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
     state: _angular_core.InputSignal<CheckboxDisplayState>;
     label: _angular_core.InputSignal<string>;
     checkboxClasses: _angular_core.Signal<string[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxDisplayComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxDisplayComponent, "pecb-checkbox-display", never, { "checkboxDisplayId": { "alias": "checkboxDisplayId"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxDisplayComponent, "pecb-checkbox-display", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 type FilterFieldType = 'dropdown' | 'input' | 'number' | 'date-range' | 'number-range';
@@ -3632,7 +3921,7 @@ declare class FilterColumnsComponent implements OnInit, OnChanges, OnDestroy, Af
     modalPanel?: ElementRef<HTMLElement>;
     id: _angular_core.InputSignal<string>;
     /** Whether the modal is open */
-    isOpen: _angular_core.InputSignal<boolean>;
+    isOpen: _angular_core.ModelSignal<boolean>;
     /** Whether clicking the backdrop closes the modal */
     closeOnBackdropClick: _angular_core.InputSignal<boolean>;
     /** Whether pressing Escape closes the modal */
@@ -3698,7 +3987,7 @@ declare class FilterColumnsComponent implements OnInit, OnChanges, OnDestroy, Af
     onViewNameChange(value: string): void;
     onDefaultViewChange(checked: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterColumnsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterColumnsComponent, "pecb-filter-columns", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "filterFields": { "alias": "filterFields"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; "showSaveAsView": { "alias": "showSaveAsView"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "applyLabel": { "alias": "applyLabel"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; }, { "applied": "applied"; "cancelled": "cancelled"; "closed": "closed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterColumnsComponent, "pecb-filter-columns", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "filterFields": { "alias": "filterFields"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "activeTab": { "alias": "activeTab"; "required": false; "isSignal": true; }; "showSaveAsView": { "alias": "showSaveAsView"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "applyLabel": { "alias": "applyLabel"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "applied": "applied"; "cancelled": "cancelled"; "closed": "closed"; }, never, never, true, never>;
 }
 
 type FileUploadVariant = 'dropzone' | 'inline';
@@ -3742,6 +4031,38 @@ declare class FileUploadComponent implements OnInit {
     browseLabel: _angular_core.InputSignal<string>;
     /** Upload button label (inline variant) */
     uploadLabel: _angular_core.InputSignal<string>;
+    /** Visible "Click to upload" link in the dropzone. */
+    clickToUploadText: _angular_core.InputSignal<string>;
+    /** Visible "or drag and drop" subtitle in the dropzone. */
+    dragAndDropText: _angular_core.InputSignal<string>;
+    /** Visible "OR" divider text. */
+    orDividerText: _angular_core.InputSignal<string>;
+    /** Visible title shown during uploading state. */
+    uploadingTitle: _angular_core.InputSignal<string>;
+    /** Visible "Clear Upload" action text after a successful single upload. */
+    clearUploadText: _angular_core.InputSignal<string>;
+    /** Visible "Failed to Upload" title shown in error state. */
+    failedToUploadText: _angular_core.InputSignal<string>;
+    /** Default error message used when `file.errorMessage` is unset. */
+    defaultErrorMessage: _angular_core.InputSignal<string>;
+    /** Visible "Try Again" retry action text. */
+    tryAgainText: _angular_core.InputSignal<string>;
+    /** Visible "Uploaded Files" label above the multi-file list. */
+    uploadedFilesLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the header close (×) button. */
+    closeAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the cancel-upload (×) button on each file row. */
+    cancelUploadAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the delete-file (trash) button on each completed file row. */
+    deleteFileAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the download-file button on each completed file row. */
+    downloadFileAriaLabel: _angular_core.InputSignal<string>;
+    /** Suffix for the circular progress aria-label (e.g. `42% uploaded`). */
+    uploadedSuffix: _angular_core.InputSignal<string>;
+    /** Aria-label prefix for the single-file dropzone. Rendered as `<this> <formats>`. */
+    uploadFileAriaLabelPrefix: _angular_core.InputSignal<string>;
+    /** Aria-label prefix for the multi-file dropzone. Rendered as `<this> <formats>`. */
+    uploadFilesAriaLabelPrefix: _angular_core.InputSignal<string>;
     /** Whether the component is disabled */
     disabled: _angular_core.InputSignal<boolean>;
     /** Whether to show header with title and close button (multiple dropzone) */
@@ -3798,7 +4119,7 @@ declare class FileUploadComponent implements OnInit {
     formatFileDate(date: Date): string;
     getFileTypeColor(type: string): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileUploadComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileUploadComponent, "pecb-file-upload", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "uploadTitle": { "alias": "uploadTitle"; "required": false; "isSignal": true; }; "uploadDescription": { "alias": "uploadDescription"; "required": false; "isSignal": true; }; "maxSizeLabel": { "alias": "maxSizeLabel"; "required": false; "isSignal": true; }; "acceptedFormatsText": { "alias": "acceptedFormatsText"; "required": false; "isSignal": true; }; "browseLabel": { "alias": "browseLabel"; "required": false; "isSignal": true; }; "uploadLabel": { "alias": "uploadLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "initialFiles": { "alias": "initialFiles"; "required": false; "isSignal": true; }; }, { "filesSelected": "filesSelected"; "fileCancelled": "fileCancelled"; "fileRetry": "fileRetry"; "fileDeleted": "fileDeleted"; "fileDownload": "fileDownload"; "cleared": "cleared"; "closeClicked": "closeClicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileUploadComponent, "pecb-file-upload", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "maxFiles": { "alias": "maxFiles"; "required": false; "isSignal": true; }; "uploadTitle": { "alias": "uploadTitle"; "required": false; "isSignal": true; }; "uploadDescription": { "alias": "uploadDescription"; "required": false; "isSignal": true; }; "maxSizeLabel": { "alias": "maxSizeLabel"; "required": false; "isSignal": true; }; "acceptedFormatsText": { "alias": "acceptedFormatsText"; "required": false; "isSignal": true; }; "browseLabel": { "alias": "browseLabel"; "required": false; "isSignal": true; }; "uploadLabel": { "alias": "uploadLabel"; "required": false; "isSignal": true; }; "clickToUploadText": { "alias": "clickToUploadText"; "required": false; "isSignal": true; }; "dragAndDropText": { "alias": "dragAndDropText"; "required": false; "isSignal": true; }; "orDividerText": { "alias": "orDividerText"; "required": false; "isSignal": true; }; "uploadingTitle": { "alias": "uploadingTitle"; "required": false; "isSignal": true; }; "clearUploadText": { "alias": "clearUploadText"; "required": false; "isSignal": true; }; "failedToUploadText": { "alias": "failedToUploadText"; "required": false; "isSignal": true; }; "defaultErrorMessage": { "alias": "defaultErrorMessage"; "required": false; "isSignal": true; }; "tryAgainText": { "alias": "tryAgainText"; "required": false; "isSignal": true; }; "uploadedFilesLabel": { "alias": "uploadedFilesLabel"; "required": false; "isSignal": true; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; "isSignal": true; }; "cancelUploadAriaLabel": { "alias": "cancelUploadAriaLabel"; "required": false; "isSignal": true; }; "deleteFileAriaLabel": { "alias": "deleteFileAriaLabel"; "required": false; "isSignal": true; }; "downloadFileAriaLabel": { "alias": "downloadFileAriaLabel"; "required": false; "isSignal": true; }; "uploadedSuffix": { "alias": "uploadedSuffix"; "required": false; "isSignal": true; }; "uploadFileAriaLabelPrefix": { "alias": "uploadFileAriaLabelPrefix"; "required": false; "isSignal": true; }; "uploadFilesAriaLabelPrefix": { "alias": "uploadFilesAriaLabelPrefix"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "initialFiles": { "alias": "initialFiles"; "required": false; "isSignal": true; }; }, { "filesSelected": "filesSelected"; "fileCancelled": "fileCancelled"; "fileRetry": "fileRetry"; "fileDeleted": "fileDeleted"; "fileDownload": "fileDownload"; "cleared": "cleared"; "closeClicked": "closeClicked"; }, never, never, true, never>;
 }
 
 type ToolbarVariant = 'buttons' | 'tabs';
@@ -3846,6 +4167,10 @@ declare class ToolbarBarComponent {
     buttons: _angular_core.InputSignal<ToolbarButton[]>;
     /** Tabs configuration (for variant='tabs') */
     tabs: _angular_core.InputSignal<ToolbarTab[]>;
+    /** Visible text for the "Go Back" button. */
+    backText: _angular_core.InputSignal<string>;
+    /** Placeholder for the search input. */
+    searchPlaceholder: _angular_core.InputSignal<string>;
     /** Emits when Go Back is clicked */
     backClick: _angular_core.OutputEmitterRef<void>;
     /** Emits when a button is clicked */
@@ -3869,7 +4194,7 @@ declare class ToolbarBarComponent {
     /** Handle search input */
     onSearchInput(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarBarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarBarComponent, "pecb-toolbar-bar", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showBackButton": { "alias": "showBackButton"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "buttons": { "alias": "buttons"; "required": false; "isSignal": true; }; "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; }, { "backClick": "backClick"; "buttonClick": "buttonClick"; "tabClick": "tabClick"; "searchChange": "searchChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarBarComponent, "pecb-toolbar-bar", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "showBackButton": { "alias": "showBackButton"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "buttons": { "alias": "buttons"; "required": false; "isSignal": true; }; "tabs": { "alias": "tabs"; "required": false; "isSignal": true; }; "backText": { "alias": "backText"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; }, { "backClick": "backClick"; "buttonClick": "buttonClick"; "tabClick": "tabClick"; "searchChange": "searchChange"; }, never, never, true, never>;
 }
 
 interface NoteItem {
@@ -4052,7 +4377,7 @@ declare class TourComponent implements OnInit, OnChanges {
     /** Tour steps configuration */
     steps: _angular_core.InputSignal<TourStep[]>;
     /** Whether the tour is visible */
-    isOpen: _angular_core.InputSignal<boolean>;
+    isOpen: _angular_core.ModelSignal<boolean>;
     /** Label for the previous button */
     previousLabel: _angular_core.InputSignal<string>;
     /** Label for the next button */
@@ -4087,28 +4412,339 @@ declare class TourComponent implements OnInit, OnChanges {
     onClose(): void;
     goToStep(index: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TourComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TourComponent, "pecb-tour", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "indicatorType": { "alias": "indicatorType"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "previousLabel": { "alias": "previousLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "finishLabel": { "alias": "finishLabel"; "required": false; "isSignal": true; }; "initialStep": { "alias": "initialStep"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "previousClicked": "previousClicked"; "nextClicked": "nextClicked"; "finished": "finished"; "stepChanged": "stepChanged"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TourComponent, "pecb-tour", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "indicatorType": { "alias": "indicatorType"; "required": false; "isSignal": true; }; "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "previousLabel": { "alias": "previousLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "finishLabel": { "alias": "finishLabel"; "required": false; "isSignal": true; }; "initialStep": { "alias": "initialStep"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "closed": "closed"; "previousClicked": "previousClicked"; "nextClicked": "nextClicked"; "finished": "finished"; "stepChanged": "stepChanged"; }, never, never, true, never>;
 }
 
+type AdminHeaderFieldType = 'text' | 'badge' | 'dropdown' | 'link' | 'date' | 'profile' | 'radio' | 'checkbox' | 'paragraph' | 'progress' | 'custom';
 /**
- * PECB UI Components Module
+ * Directive to define a custom field template.
+ * Use with `type: 'custom'` and a matching `templateId`.
  *
- * A professional Angular components library with TypeScript and SCSS.
- * Import this module to use all PECB UI components in your application.
+ * ```html
+ * <pecb-admin-header [fields]="fields">
+ *   <ng-template pecbAdminHeaderField="my-widget" let-field>
+ *     <my-custom-widget [data]="field.value"></my-custom-widget>
+ *   </ng-template>
+ * </pecb-admin-header>
+ * ```
+ */
+declare class AdminHeaderFieldTemplateDirective {
+    templateRef: TemplateRef<unknown>;
+    pecbAdminHeaderField: _angular_core.InputSignal<string>;
+    constructor(templateRef: TemplateRef<unknown>);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AdminHeaderFieldTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AdminHeaderFieldTemplateDirective, "ng-template[pecbAdminHeaderField]", never, { "pecbAdminHeaderField": { "alias": "pecbAdminHeaderField"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+type AdminHeaderBadgeVariant = 'default' | 'success' | 'error' | 'warning' | 'info' | 'accent' | 'outline';
+type AdminHeaderActionType = 'add' | 'label';
+type AdminHeaderMetadataType = 'text' | 'badge' | 'date';
+/**
+ * Profile configuration for the admin header.
+ * Only `name` is required — all other fields are optional and the layout adapts.
+ */
+interface AdminHeaderProfile {
+    /** Avatar image URL */
+    src?: string;
+    /** Avatar fallback initials */
+    initials?: string;
+    /** Display name (always shown) */
+    name: string;
+    /** Email address */
+    email?: string;
+    /** User/Entity ID */
+    id?: string | number;
+    /** Verification status text (e.g. "Verification is under review") */
+    verificationStatus?: string;
+    /** Badge label (e.g. "Member") */
+    badge?: string;
+    /** Badge variant */
+    badgeVariant?: AdminHeaderBadgeVariant;
+}
+/**
+ * Action button/chip displayed next to the profile info.
+ */
+interface AdminHeaderAction {
+    /** `'add'` renders a + icon button, `'label'` renders a chip */
+    type: AdminHeaderActionType;
+    /** Chip label text */
+    label?: string;
+    /** Chip variant: `'filled'` (dark) or `'outline'` */
+    variant?: 'filled' | 'outline';
+    /** Button variant — overrides the default mapping from `variant`. Accepts any ButtonVariant value. */
+    buttonVariant?: ButtonVariant;
+    /** Whether the chip shows a + icon */
+    showAddIcon?: boolean;
+    /** Icon name from IconRegistry (overrides the default + icon) */
+    icon?: string;
+    /** Position of the icon: `'left'` (default) or `'right'` */
+    iconPosition?: 'left' | 'right';
+    /** Whether the chip shows a x trailing remove icon */
+    removable?: boolean;
+    /** Unique identifier for click events */
+    id?: string;
+}
+/**
+ * Metadata item displayed next to the profile (alternative to actions).
+ */
+interface AdminHeaderMetadata {
+    /** Display label */
+    label?: string;
+    /** Display value */
+    value?: string;
+    /** Item type */
+    type?: AdminHeaderMetadataType;
+    /** Badge variant when type is 'badge' */
+    badgeVariant?: AdminHeaderBadgeVariant;
+    /** Icon name for date type */
+    icon?: string;
+}
+/**
+ * A single field in the data grid.
+ * The `type` discriminator determines which sub-template renders.
+ */
+interface AdminHeaderField {
+    /** Field renderer type */
+    type: AdminHeaderFieldType;
+    /** Field label (shown above the value in lighter text) */
+    label?: string;
+    /** Field value */
+    value?: string;
+    /** Badge variant (for `type: 'badge'`) */
+    badgeVariant?: AdminHeaderBadgeVariant;
+    /** Link URL (for `type: 'link'`) */
+    linkUrl?: string;
+    /** Icon name from registry (for `type: 'date'`) */
+    dateIcon?: string;
+    /** Date status: `'success'` shows green check (for `type: 'date'`) */
+    dateStatus?: 'success' | 'default';
+    /** Profile image URL (for `type: 'profile'`) */
+    profileSrc?: string;
+    /** Profile initials fallback (for `type: 'profile'`) */
+    profileInitials?: string;
+    /** Profile name (for `type: 'profile'`) */
+    profileName?: string;
+    /** Profile email (for `type: 'profile'`) */
+    profileEmail?: string;
+    /** Dropdown options (for `type: 'dropdown'`) */
+    options?: {
+        label: string;
+        value: string;
+    }[];
+    /** Currently selected dropdown value (for `type: 'dropdown'`) */
+    selectedValue?: string;
+    /** Selected radio/checkbox value: `'yes'` or `'no'` (for `type: 'radio'` | `'checkbox'`) */
+    selectedOption?: 'yes' | 'no';
+    /** Progress value 0–100 (for `type: 'progress'`) */
+    progressValue?: number;
+    /** Metadata text shown below the bar (for `type: 'progress'`) */
+    progressMetadata?: string;
+    /** Whether to show the percentage label (for `type: 'progress'`, default true) */
+    progressShowPercentage?: boolean;
+    /** Template ID to match a projected `ng-template[pecbAdminHeaderField]` (for `type: 'custom'`) */
+    templateId?: string;
+    /** Arbitrary data passed to custom templates via `let-data` (for `type: 'custom'`) */
+    data?: Record<string, unknown>;
+}
+declare class AdminHeaderComponent {
+    private readonly registry;
+    private readonly sanitizer;
+    /** Projected custom field templates */
+    fieldTemplates: _angular_core.Signal<readonly AdminHeaderFieldTemplateDirective[]>;
+    /** Unique element ID */
+    id: _angular_core.InputSignal<string>;
+    /** Background image URL (e.g. path to banner SVG) */
+    backgroundUrl: _angular_core.InputSignal<string | undefined>;
+    /** Title displayed top-left */
+    title: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Icon name for the top-right action button. Resolved through the library's
+     * IconRegistry, so only library-registered (trusted) SVGs can be rendered.
+     *
+     * Audit F19: the previous `headerActionIconSvg` raw-SVG-string input was
+     * removed — it let consumer-supplied markup reach `bypassSecurityTrustHtml()`,
+     * an XSS vector. To use a custom icon, register it once via
+     * `IconRegistry.register(name, svg)` and pass its name here.
+     */
+    headerActionIcon: _angular_core.InputSignal<string | undefined>;
+    /** Accessible label for the header action button */
+    headerActionLabel: _angular_core.InputSignal<string>;
+    /** Profile configuration. When omitted, no profile row renders. */
+    profile: _angular_core.InputSignal<AdminHeaderProfile | undefined>;
+    /** Action chips/buttons displayed to the right of the profile */
+    actions: _angular_core.InputSignal<AdminHeaderAction[]>;
+    /** Metadata items displayed to the right of the profile (alternative to actions) */
+    metadata: _angular_core.InputSignal<AdminHeaderMetadata[]>;
+    /** Flat array of fields rendered in the data grid */
+    fields: _angular_core.InputSignal<AdminHeaderField[]>;
+    /** Number of columns in the data grid (1–4) */
+    columns: _angular_core.InputSignal<2 | 1 | 3 | 4>;
+    /** Emits when the top-right action button is clicked */
+    headerActionClicked: _angular_core.OutputEmitterRef<void>;
+    /** Emits the action id/index when an action chip is clicked */
+    actionClicked: _angular_core.OutputEmitterRef<{
+        action: AdminHeaderAction;
+        index: number;
+    }>;
+    /** Emits when an action chip's remove (x) button is clicked */
+    actionRemoved: _angular_core.OutputEmitterRef<{
+        action: AdminHeaderAction;
+        index: number;
+    }>;
+    /** Emits when a link field is clicked */
+    linkClicked: _angular_core.OutputEmitterRef<{
+        field: AdminHeaderField;
+        url: string;
+    }>;
+    /** Emits when a dropdown field value changes */
+    dropdownChanged: _angular_core.OutputEmitterRef<{
+        field: AdminHeaderField;
+        value: string;
+    }>;
+    /** Emits when a radio/checkbox field value changes */
+    fieldOptionChanged: _angular_core.OutputEmitterRef<{
+        field: AdminHeaderField;
+        value: "yes" | "no";
+    }>;
+    hasTitle: _angular_core.Signal<boolean>;
+    hasProfile: _angular_core.Signal<boolean>;
+    hasActions: _angular_core.Signal<boolean>;
+    hasMetadata: _angular_core.Signal<boolean>;
+    hasFields: _angular_core.Signal<boolean>;
+    hasHeaderAction: _angular_core.Signal<boolean>;
+    hasTitleBar: _angular_core.Signal<boolean>;
+    /** CSS class for the grid based on column count */
+    gridClass: _angular_core.Signal<string>;
+    /**
+     * Raw SVG markup for the header action button, resolved from the IconRegistry
+     * by name and passed to `<pecb-button [icon]>`. Only library-registered icons
+     * can be rendered — no consumer-supplied markup is trusted here (audit F19).
+     *
+     * The previous `headerActionSvg` computed (which called
+     * `bypassSecurityTrustHtml()` on the consumer's raw string) has been removed:
+     * it was unused by the template and was the XSS vector F19 flagged.
+     */
+    headerActionIconRaw: _angular_core.Signal<string>;
+    backgroundStyle: _angular_core.Signal<{
+        'background-image'?: undefined;
+    } | {
+        'background-image': string;
+    }>;
+    readonly addIconSvg = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\"><path d=\"M8 3.333v9.334M3.333 8h9.334\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>";
+    getActionButtonVariant(action: AdminHeaderAction): ButtonVariant;
+    getActionButtonIconStyle(action: AdminHeaderAction): ButtonIconStyle;
+    getActionButtonIcon(action: AdminHeaderAction): string | undefined;
+    getIconSvg(iconName: string): SafeHtml;
+    getBadgeClasses(variant?: AdminHeaderBadgeVariant): string;
+    getProfileBadgeStatusType(variant: AdminHeaderBadgeVariant): StatusType;
+    getProfileBadgeStatusVariant(variant: AdminHeaderBadgeVariant): StatusVariant;
+    getFieldTemplate(templateId: string): TemplateRef<unknown> | null;
+    onHeaderAction(): void;
+    onActionClick(action: AdminHeaderAction, index: number): void;
+    onActionRemove(event: MouseEvent, action: AdminHeaderAction, index: number): void;
+    onLinkClick(field: AdminHeaderField): void;
+    onDropdownChange(field: AdminHeaderField, event: Event): void;
+    onFieldOptionChange(field: AdminHeaderField, value: 'yes' | 'no'): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AdminHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AdminHeaderComponent, "pecb-admin-header", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "backgroundUrl": { "alias": "backgroundUrl"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "headerActionIcon": { "alias": "headerActionIcon"; "required": false; "isSignal": true; }; "headerActionLabel": { "alias": "headerActionLabel"; "required": false; "isSignal": true; }; "profile": { "alias": "profile"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "metadata": { "alias": "metadata"; "required": false; "isSignal": true; }; "fields": { "alias": "fields"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; }, { "headerActionClicked": "headerActionClicked"; "actionClicked": "actionClicked"; "actionRemoved": "actionRemoved"; "linkClicked": "linkClicked"; "dropdownChanged": "dropdownChanged"; "fieldOptionChanged": "fieldOptionChanged"; }, ["fieldTemplates"], never, true, never>;
+}
+
+type SocialIconStyle = 'brand' | 'original' | 'white' | 'dark';
+
+type FlagShape = 'round' | 'square';
+
+/** Media type categories. */
+type MediaType = 'emoji' | 'social' | 'flag';
+/** Size of each media item in the grid. */
+type MediaSize = 'sm' | 'md' | 'lg';
+/** A single media item resolved for display. */
+interface MediaItem {
+    name: string;
+    content: string;
+    safeHtml: SafeHtml;
+}
+/** A group of media items under a heading. */
+interface MediaGroup {
+    label: string;
+    items: MediaItem[];
+}
+/**
+ * Displays a grid of media assets (emojis, social icons, or flags).
+ *
+ * Clicking any item copies its SVG to the clipboard and shows
+ * a brief "Copied!" tooltip.
+ *
+ * @example
+ * <!-- Show all emojis grouped by category -->
+ * <pecb-media type="emoji"></pecb-media>
  *
  * @example
+ * <!-- Show social icons in brand style -->
+ * <pecb-media type="social" socialStyle="brand"></pecb-media>
+ *
+ * @example
+ * <!-- Show all country flags -->
+ * <pecb-media type="flag" size="lg"></pecb-media>
+ */
+declare class MediaComponent {
+    private readonly sanitizer;
+    /** Which media category to display. */
+    type: _angular_core.InputSignal<MediaType>;
+    /** Item size in the grid. @default 'md' */
+    size: _angular_core.InputSignal<MediaSize>;
+    /** Style variant for social icons. @default 'brand' */
+    socialStyle: _angular_core.InputSignal<SocialIconStyle>;
+    /** Shape variant for flags. @default 'round' */
+    flagShape: _angular_core.InputSignal<FlagShape>;
+    /** Accessible label for the grid region. */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Name of the item that was just copied (drives the tooltip). */
+    copiedItem: _angular_core.WritableSignal<string | null>;
+    /** Pixel size for each grid item. */
+    itemSize: _angular_core.Signal<number>;
+    /** Resolved groups of media items for the current type. */
+    groups: _angular_core.Signal<MediaGroup[]>;
+    /** CSS class string for the host wrapper. */
+    hostClasses: _angular_core.Signal<string>;
+    /** Copy the raw SVG markup to the clipboard. */
+    copyToClipboard(item: MediaItem): Promise<void>;
+    /** Format display name: kebab-case → Title Case. */
+    formatName(name: string): string;
+    private createItem;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MediaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MediaComponent, "pecb-media", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "socialStyle": { "alias": "socialStyle"; "required": false; "isSignal": true; }; "flagShape": { "alias": "flagShape"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * @deprecated Audit F12 — use per-component standalone imports instead.
+ *
+ * This umbrella NgModule re-exports every public component in the library
+ * (~100 standalone components). Importing it pulls the entire library into
+ * the consumer's compilation graph, which interferes with tree-shaking and
+ * diverges from Angular's recommended standalone-component pattern.
+ *
+ * Migrate to per-component imports:
  * ```typescript
- * import { PecbComponentsModule } from '@pecb-ui/components';
+ * import { ButtonComponent, InputComponent } from '@pecb-ui/components';
  *
- * @NgModule({
- *   imports: [PecbComponentsModule]
+ * @Component({
+ *   standalone: true,
+ *   imports: [ButtonComponent, InputComponent],
+ *   // ...
  * })
- * export class AppModule { }
+ * export class MyComponent {}
  * ```
+ *
+ * Or, for per-feature imports (audit F18), use a secondary entry point:
+ * ```typescript
+ * import { InputComponent } from '@pecb-ui/components/forms';
+ * ```
+ *
+ * Retained for one major version as a transitional convenience for legacy
+ * NgModule-based consumers; scheduled for removal in a future major.
  */
 declare class PecbComponentsModule {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PecbComponentsModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<PecbComponentsModule, never, [typeof i1.CommonModule, typeof ButtonComponent, typeof CardComponent, typeof CardHeaderComponent, typeof CardBodyComponent, typeof CardFooterComponent, typeof StatusComponent, typeof PaginationComponent, typeof TableComponent, typeof TabComponent, typeof DatepickerComponent, typeof InputComponent, typeof RadioComponent, typeof CheckboxComponent, typeof ToggleComponent, typeof DropdownComponent, typeof RightModalComponent, typeof RightModalHeaderDirective, typeof RightModalContentDirective, typeof RightModalFooterDirective, typeof SidebarComponent, typeof ConfirmationComponent, typeof BottomSheetComponent, typeof AccordionItemComponent, typeof AccordionSmallComponent, typeof ButtonGroupComponent, typeof ButtonGroupItemComponent, typeof TooltipComponent, typeof TooltipDirective, typeof MessageItemComponent, typeof MessageBubbleComponent, typeof FullscreenModalComponent, typeof FullscreenModalContentDirective, typeof FullscreenModalFooterDirective, typeof StepperComponent, typeof GridComponent, typeof GridItemComponent, typeof SpacerComponent, typeof DashboardGridComponent, typeof SpinnerComponent, typeof ProgressBarComponent, typeof ProgressCircleComponent, typeof CodeInputComponent, typeof ShadowDirective, typeof BlurDirective, typeof DividerComponent, typeof CodeSnippetComponent, typeof BreadcrumbsComponent, typeof HeaderComponent, typeof HeaderSearchComponent, typeof HeaderLanguageComponent, typeof HeaderActionsComponent, typeof HeaderUserComponent, typeof HeaderDividerComponent, typeof VirtualTableComponent, typeof GeneralComponent, typeof ProjectLayoutComponent, typeof HierarchicalTableComponent, typeof AnchorComponent, typeof BackToTopComponent, typeof ExpandableRowTableComponent, typeof BadgeComponent, typeof AffixComponent, typeof LanguageDropdownComponent, typeof EmptyStateComponent, typeof TestimonialComponent, typeof TagComponent, typeof LinkButtonComponent, typeof SlidePointsComponent, typeof QuantitySelectorComponent, typeof AuditorStatusComponent, typeof RatingNumberComponent, typeof IconTagComponent, typeof TranscriptLineComponent, typeof MiniIconButtonComponent, typeof NoResultsComponent, typeof CertificateUploadBarComponent, typeof VideoUploadBarComponent, typeof StatisticsCardComponent, typeof PriceMethodComponent, typeof ApplicationStatusBarComponent, typeof ReasonForReturnComponent, typeof ContentTypeTagComponent, typeof QuestionTypeTagComponent, typeof StandardsPdfCardComponent, typeof NoteSidebarItemComponent, typeof AuthorDateTimeComponent, typeof CheckDeleteIconComponent, typeof ProfileElementsCardComponent, typeof UserWithEmailComponent, typeof CancelUpdateButtonsComponent, typeof InformationBoxComponent, typeof RequestSentByComponent, typeof NotificationStatusLinkComponent, typeof EditCoverPhotoComponent, typeof RequestStatusBarComponent, typeof VerifyChecklistComponent, typeof EditButtonComponent, typeof AddButtonComponent, typeof HorizontalStepsComponent, typeof RadioDisplayComponent, typeof CheckboxDisplayComponent, typeof FilterColumnsComponent, typeof FileUploadComponent, typeof ToolbarBarComponent, typeof NotesPanelComponent, typeof TextFormFieldComponent, typeof ResultPageComponent, typeof TourComponent], [typeof ButtonComponent, typeof CardComponent, typeof CardHeaderComponent, typeof CardBodyComponent, typeof CardFooterComponent, typeof StatusComponent, typeof PaginationComponent, typeof TableComponent, typeof TabComponent, typeof DatepickerComponent, typeof InputComponent, typeof RadioComponent, typeof CheckboxComponent, typeof ToggleComponent, typeof DropdownComponent, typeof RightModalComponent, typeof RightModalHeaderDirective, typeof RightModalContentDirective, typeof RightModalFooterDirective, typeof SidebarComponent, typeof ConfirmationComponent, typeof BottomSheetComponent, typeof AccordionItemComponent, typeof AccordionSmallComponent, typeof ButtonGroupComponent, typeof ButtonGroupItemComponent, typeof TooltipComponent, typeof TooltipDirective, typeof MessageItemComponent, typeof MessageBubbleComponent, typeof FullscreenModalComponent, typeof FullscreenModalContentDirective, typeof FullscreenModalFooterDirective, typeof StepperComponent, typeof GridComponent, typeof GridItemComponent, typeof SpacerComponent, typeof DashboardGridComponent, typeof SpinnerComponent, typeof ProgressBarComponent, typeof ProgressCircleComponent, typeof CodeInputComponent, typeof ShadowDirective, typeof BlurDirective, typeof DividerComponent, typeof CodeSnippetComponent, typeof BreadcrumbsComponent, typeof HeaderComponent, typeof HeaderSearchComponent, typeof HeaderLanguageComponent, typeof HeaderActionsComponent, typeof HeaderUserComponent, typeof HeaderDividerComponent, typeof VirtualTableComponent, typeof GeneralComponent, typeof ProjectLayoutComponent, typeof HierarchicalTableComponent, typeof AnchorComponent, typeof BackToTopComponent, typeof ExpandableRowTableComponent, typeof BadgeComponent, typeof AffixComponent, typeof LanguageDropdownComponent, typeof EmptyStateComponent, typeof TestimonialComponent, typeof TagComponent, typeof LinkButtonComponent, typeof SlidePointsComponent, typeof QuantitySelectorComponent, typeof AuditorStatusComponent, typeof RatingNumberComponent, typeof IconTagComponent, typeof TranscriptLineComponent, typeof MiniIconButtonComponent, typeof NoResultsComponent, typeof CertificateUploadBarComponent, typeof VideoUploadBarComponent, typeof StatisticsCardComponent, typeof PriceMethodComponent, typeof ApplicationStatusBarComponent, typeof ReasonForReturnComponent, typeof ContentTypeTagComponent, typeof QuestionTypeTagComponent, typeof StandardsPdfCardComponent, typeof NoteSidebarItemComponent, typeof AuthorDateTimeComponent, typeof CheckDeleteIconComponent, typeof ProfileElementsCardComponent, typeof UserWithEmailComponent, typeof CancelUpdateButtonsComponent, typeof InformationBoxComponent, typeof RequestSentByComponent, typeof NotificationStatusLinkComponent, typeof EditCoverPhotoComponent, typeof RequestStatusBarComponent, typeof VerifyChecklistComponent, typeof EditButtonComponent, typeof AddButtonComponent, typeof HorizontalStepsComponent, typeof RadioDisplayComponent, typeof CheckboxDisplayComponent, typeof FilterColumnsComponent, typeof FileUploadComponent, typeof ToolbarBarComponent, typeof NotesPanelComponent, typeof TextFormFieldComponent, typeof ResultPageComponent, typeof TourComponent]>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<PecbComponentsModule, never, [typeof i1.CommonModule, typeof ButtonComponent, typeof CardComponent, typeof CardHeaderComponent, typeof CardBodyComponent, typeof CardFooterComponent, typeof StatusComponent, typeof PaginationComponent, typeof TableComponent, typeof TabComponent, typeof DatepickerComponent, typeof InputComponent, typeof RadioComponent, typeof CheckboxComponent, typeof ToggleComponent, typeof DropdownComponent, typeof RightModalComponent, typeof RightModalHeaderDirective, typeof RightModalContentDirective, typeof RightModalFooterDirective, typeof SidebarComponent, typeof ConfirmationComponent, typeof BottomSheetComponent, typeof AccordionItemComponent, typeof AccordionSmallComponent, typeof ButtonGroupComponent, typeof ButtonGroupItemComponent, typeof TooltipComponent, typeof TooltipDirective, typeof MessageItemComponent, typeof MessageBubbleComponent, typeof FullscreenModalComponent, typeof FullscreenModalHeaderDirective, typeof FullscreenModalContentDirective, typeof FullscreenModalFooterDirective, typeof StepperComponent, typeof GridComponent, typeof GridItemComponent, typeof SpacerComponent, typeof DashboardGridComponent, typeof SpinnerComponent, typeof ProgressBarComponent, typeof ProgressCircleComponent, typeof CodeInputComponent, typeof ShadowDirective, typeof BlurDirective, typeof DividerComponent, typeof CodeSnippetComponent, typeof BreadcrumbsComponent, typeof HeaderComponent, typeof HeaderSearchComponent, typeof HeaderLanguageComponent, typeof HeaderActionsComponent, typeof HeaderUserComponent, typeof HeaderDividerComponent, typeof VirtualTableComponent, typeof GeneralComponent, typeof ProjectLayoutComponent, typeof HierarchicalTableComponent, typeof AnchorComponent, typeof BackToTopComponent, typeof ExpandableRowTableComponent, typeof BadgeComponent, typeof AffixComponent, typeof LanguageDropdownComponent, typeof EmptyStateComponent, typeof TestimonialComponent, typeof TagComponent, typeof LinkButtonComponent, typeof SlidePointsComponent, typeof QuantitySelectorComponent, typeof AuditorStatusComponent, typeof RatingNumberComponent, typeof IconTagComponent, typeof TranscriptLineComponent, typeof MiniIconButtonComponent, typeof NoResultsComponent, typeof CertificateUploadBarComponent, typeof VideoUploadBarComponent, typeof StatisticsCardComponent, typeof PriceMethodComponent, typeof ApplicationStatusBarComponent, typeof ReasonForReturnComponent, typeof ContentTypeTagComponent, typeof QuestionTypeTagComponent, typeof StandardsPdfCardComponent, typeof NoteSidebarItemComponent, typeof AuthorDateTimeComponent, typeof CheckDeleteIconComponent, typeof ProfileElementsCardComponent, typeof UserWithEmailComponent, typeof CancelUpdateButtonsComponent, typeof InformationBoxComponent, typeof RequestSentByComponent, typeof NotificationStatusLinkComponent, typeof EditCoverPhotoComponent, typeof RequestStatusBarComponent, typeof VerifyChecklistComponent, typeof EditButtonComponent, typeof AddButtonComponent, typeof HorizontalStepsComponent, typeof RadioDisplayComponent, typeof CheckboxDisplayComponent, typeof FilterColumnsComponent, typeof FileUploadComponent, typeof ToolbarBarComponent, typeof NotesPanelComponent, typeof TextFormFieldComponent, typeof ResultPageComponent, typeof TourComponent, typeof AdminHeaderComponent, typeof AdminHeaderFieldTemplateDirective, typeof MediaComponent], [typeof ButtonComponent, typeof CardComponent, typeof CardHeaderComponent, typeof CardBodyComponent, typeof CardFooterComponent, typeof StatusComponent, typeof PaginationComponent, typeof TableComponent, typeof TabComponent, typeof DatepickerComponent, typeof InputComponent, typeof RadioComponent, typeof CheckboxComponent, typeof ToggleComponent, typeof DropdownComponent, typeof RightModalComponent, typeof RightModalHeaderDirective, typeof RightModalContentDirective, typeof RightModalFooterDirective, typeof SidebarComponent, typeof ConfirmationComponent, typeof BottomSheetComponent, typeof AccordionItemComponent, typeof AccordionSmallComponent, typeof ButtonGroupComponent, typeof ButtonGroupItemComponent, typeof TooltipComponent, typeof TooltipDirective, typeof MessageItemComponent, typeof MessageBubbleComponent, typeof FullscreenModalComponent, typeof FullscreenModalHeaderDirective, typeof FullscreenModalContentDirective, typeof FullscreenModalFooterDirective, typeof StepperComponent, typeof GridComponent, typeof GridItemComponent, typeof SpacerComponent, typeof DashboardGridComponent, typeof SpinnerComponent, typeof ProgressBarComponent, typeof ProgressCircleComponent, typeof CodeInputComponent, typeof ShadowDirective, typeof BlurDirective, typeof DividerComponent, typeof CodeSnippetComponent, typeof BreadcrumbsComponent, typeof HeaderComponent, typeof HeaderSearchComponent, typeof HeaderLanguageComponent, typeof HeaderActionsComponent, typeof HeaderUserComponent, typeof HeaderDividerComponent, typeof VirtualTableComponent, typeof GeneralComponent, typeof ProjectLayoutComponent, typeof HierarchicalTableComponent, typeof AnchorComponent, typeof BackToTopComponent, typeof ExpandableRowTableComponent, typeof BadgeComponent, typeof AffixComponent, typeof LanguageDropdownComponent, typeof EmptyStateComponent, typeof TestimonialComponent, typeof TagComponent, typeof LinkButtonComponent, typeof SlidePointsComponent, typeof QuantitySelectorComponent, typeof AuditorStatusComponent, typeof RatingNumberComponent, typeof IconTagComponent, typeof TranscriptLineComponent, typeof MiniIconButtonComponent, typeof NoResultsComponent, typeof CertificateUploadBarComponent, typeof VideoUploadBarComponent, typeof StatisticsCardComponent, typeof PriceMethodComponent, typeof ApplicationStatusBarComponent, typeof ReasonForReturnComponent, typeof ContentTypeTagComponent, typeof QuestionTypeTagComponent, typeof StandardsPdfCardComponent, typeof NoteSidebarItemComponent, typeof AuthorDateTimeComponent, typeof CheckDeleteIconComponent, typeof ProfileElementsCardComponent, typeof UserWithEmailComponent, typeof CancelUpdateButtonsComponent, typeof InformationBoxComponent, typeof RequestSentByComponent, typeof NotificationStatusLinkComponent, typeof EditCoverPhotoComponent, typeof RequestStatusBarComponent, typeof VerifyChecklistComponent, typeof EditButtonComponent, typeof AddButtonComponent, typeof HorizontalStepsComponent, typeof RadioDisplayComponent, typeof CheckboxDisplayComponent, typeof FilterColumnsComponent, typeof FileUploadComponent, typeof ToolbarBarComponent, typeof NotesPanelComponent, typeof TextFormFieldComponent, typeof ResultPageComponent, typeof TourComponent, typeof AdminHeaderComponent, typeof AdminHeaderFieldTemplateDirective, typeof MediaComponent]>;
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<PecbComponentsModule>;
 }
 
@@ -4429,6 +5065,14 @@ declare class ProfileComponent {
     size: _angular_core.InputSignal<ProfileSize>;
     indicator: _angular_core.InputSignal<ProfileIndicator>;
     badge: _angular_core.InputSignal<ProfileBadge>;
+    /** Aria-label for the indicator dot when `indicator === 'online'`. */
+    onlineAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the indicator dot when `indicator === 'offline'`. */
+    offlineAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the verified badge when `badge === 'verified'`. */
+    verifiedAriaLabel: _angular_core.InputSignal<string>;
+    /** Aria-label for the camera (edit photo) button when `badge === 'camera'`. */
+    editPhotoAriaLabel: _angular_core.InputSignal<string>;
     cameraClick: _angular_core.OutputEmitterRef<MouseEvent>;
     hostClass: _angular_core.Signal<string>;
     showImage: _angular_core.Signal<boolean>;
@@ -4437,7 +5081,7 @@ declare class ProfileComponent {
     imgSize: _angular_core.Signal<number>;
     onCameraClick(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProfileComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProfileComponent, "pecb-profile", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "indicator": { "alias": "indicator"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; }, { "cameraClick": "cameraClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProfileComponent, "pecb-profile", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "indicator": { "alias": "indicator"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "onlineAriaLabel": { "alias": "onlineAriaLabel"; "required": false; "isSignal": true; }; "offlineAriaLabel": { "alias": "offlineAriaLabel"; "required": false; "isSignal": true; }; "verifiedAriaLabel": { "alias": "verifiedAriaLabel"; "required": false; "isSignal": true; }; "editPhotoAriaLabel": { "alias": "editPhotoAriaLabel"; "required": false; "isSignal": true; }; }, { "cameraClick": "cameraClick"; }, never, never, true, never>;
 }
 
 type ProfileGroupSize = 'sm' | 'md' | 'lg';
@@ -4450,13 +5094,16 @@ declare class ProfileGroupComponent {
     avatars: _angular_core.InputSignal<ProfileGroupItem[]>;
     size: _angular_core.InputSignal<ProfileGroupSize>;
     max: _angular_core.InputSignal<number>;
+    /** Suffix appended to the overflow count's aria-label (e.g. `5 more`). */
+    overflowSuffix: _angular_core.InputSignal<string>;
     hostClass: _angular_core.Signal<string>;
     visible: _angular_core.Signal<ProfileGroupItem[]>;
     overflow: _angular_core.Signal<number>;
     overflowLabel: _angular_core.Signal<string>;
+    overflowAriaLabel: _angular_core.Signal<string>;
     imgSize: _angular_core.Signal<number>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProfileGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProfileGroupComponent, "pecb-profile-group", never, { "avatars": { "alias": "avatars"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProfileGroupComponent, "pecb-profile-group", never, { "avatars": { "alias": "avatars"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "overflowSuffix": { "alias": "overflowSuffix"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -5676,5 +6323,63 @@ declare class IconComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconComponent, "pecb-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "svgIcon": { "alias": "svgIcon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { AccordionItemComponent, AccordionSmallComponent, AddButtonComponent, AffixComponent, AlertComponent, AnchorComponent, ApplicationStatusBarComponent, AuditorStatusComponent, AuthorDateTimeComponent, BackToTopComponent, BadgeComponent, BlurDirective, BottomSheetComponent, BreadcrumbsComponent, ButtonComponent, ButtonGroupComponent, ButtonGroupItemComponent, CancelUpdateButtonsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CertificateUploadBarComponent, CheckDeleteIconComponent, CheckboxComponent, CheckboxDisplayComponent, CodeInputComponent, CodeSnippetComponent, ColorPaletteComponent, ConfirmationComponent, ContentTypeTagComponent, DEFAULT_LANGUAGES, DashboardGridComponent, DatepickerComponent, DividerComponent, DropdownComponent, EditButtonComponent, EditCoverPhotoComponent, EmptyStateComponent, ExpandableRowTableComponent, FileUploadComponent, FilterColumnsComponent, FloatButtonComponent, FloatButtonItemComponent, FullscreenModalComponent, FullscreenModalContentDirective, FullscreenModalFooterDirective, GeneralComponent, GridComponent, GridItemComponent, HeaderActionsComponent, HeaderComponent, HeaderDividerComponent, HeaderLanguageComponent, HeaderSearchComponent, HeaderUserComponent, HierarchicalTableComponent, HorizontalStepsComponent, IconComponent, IconTagComponent, InformationBoxComponent, InputComponent, LanguageDropdownComponent, LinkButtonComponent, LoadingService, MessageBubbleComponent, MessageItemComponent, MetricsCardComponent, MiniIconButtonComponent, NoResultsComponent, NoteSidebarItemComponent, NotesPanelComponent, NotificationService, NotificationStatusLinkComponent, PECB_COLOR_PALETTE, PECB_FONT_STYLES, PECB_TYPE_SCALE, PaginationComponent, PecbComponentsModule, PriceMethodComponent, ProfileComponent, ProfileElementsCardComponent, ProfileGroupComponent, ProgressBarComponent, ProgressCircleComponent, ProjectLayoutComponent, QuantitySelectorComponent, QuestionTypeTagComponent, RadioComponent, RadioDisplayComponent, RatingNumberComponent, ReasonForReturnComponent, RequestSentByComponent, RequestStatusBarComponent, ResultPageComponent, RightModalComponent, RightModalContentDirective, RightModalFooterDirective, RightModalHeaderDirective, ShadowDirective, SidebarComponent, SkeletonComponent, SlidePointsComponent, SpacerComponent, SpinnerComponent, StandardsPdfCardComponent, StatisticsCardComponent, StatusComponent, StepperComponent, TabComponent, TableComponent, TagComponent, TestimonialComponent, TextFormFieldComponent, ThemeService, ToggleComponent, ToolbarBarComponent, TooltipComponent, TooltipDirective, TourComponent, TranscriptLineComponent, TypographyComponent, UserWithEmailComponent, VerifyChecklistComponent, VideoUploadBarComponent, VirtualTableComponent, addClass, announceToScreenReader, capitalize, closestElement, copyToClipboard, createAuthError, createAuthorizationError, createConfigError, createError, createNetworkError, createValidationError, disableBodyScroll, escapeHtml, formatCount, formatErrorForLog, formatErrorMessage, generateLinkedIds, generateUniqueId, getAriaCurrent, getButtonAriaAttributes, getComputedStyleValue, getDialogAriaAttributes, getFocusableElements, getInitials, getInputAriaAttributes, getOptionAriaAttributes, getProgressAriaAttributes, getScrollParent, getTabAriaAttributes, getVisuallyHiddenStyles, handleError, hasClass, isBlank, isBrowser, isElementVisible, isNotBlank, isPecbError, isRecoverableError, matchesSelector, pluralize, prefersHighContrast, prefersReducedMotion, registerErrorHandler, removeClass, scrollIntoView, slugify, stripHtml, toCamelCase, toKebabCase, toPascalCase, toSnakeCase, toggleClass, trapFocus, truncate, tryAsync, trySync, wrapError };
-export type { AccordionVariant, AddButtonVariant, AffixPosition, AlertType, AlertVariant, Alignment, AnchorDirection, AnchorItem, AnchorLevel, AnimationTiming, AppStatusColor, AriaAttributes, AriaLive, AriaRole, AuditorStatusType, BadgeSize, BadgeStatus, BadgeVariant, BlurSize, BreadcrumbItem, BreadcrumbSeparator, Breakpoint, ButtonGroupIconMode, ButtonGroupItemPosition, ButtonIconStyle, ButtonSize, ButtonVariant, Callback, CardElevation, CardRadius, CardRole, CheckDeleteType, CheckboxDisplayState, CheckboxLabelPosition, ClosableWithHooks, CodeInputDirection, CodeInputState, CodeSnippetTheme, CodeSnippetVariant, ColorPaletteGroup, ColorPaletteItem, ColorVariant, Colorable, ColumnOption, ComponentSize, ConfirmationIconType, ContentStyle, ContentTagDisplay, ContentTagType, DashboardGridGap, DashboardGridLayout, DatepickerSize, Direction, Disableable, DividerType, DropdownOption, DropdownSize, EditButtonVariant, ElevationLevel, EmptyStateButton, EmptyStateIconTheme, ErrorCategory, ErrorHandler, ErrorOptions, ErrorSeverity, EventHandler, ExpandableRowColumn, ExpandableRowPageEvent, ExpandableRowProgressConfig, ExtendedColorVariant, FieldItem, FieldStyle, FileUploadEvent, FileUploadState, FileUploadVariant, FilterColumnsActiveTab, FilterColumnsApplyEvent, FilterField, FilterFieldType, FilterState, FloatButtonAction, FloatButtonPosition, Focusable, FormControlBase, GridAlign, GridColumns, GridGap, GridItemSpan, GridPadding, GridVerticalAlign, HeaderActionButton, HeaderLanguageOption, HeaderSearchCategory, HeaderSearchType, HierarchicalTableAction, HierarchicalTableColumn, HierarchicalTablePageEvent, IconColor, IconShape, IconSize, IconTagType, InformationBoxVariant, InputSize, InputType, LanguageDisplayMode, LanguageOption, LinkButtonType, Loadable, LoadingState, MenuItem, MessageBubbleType, MessageDirection, MessageItemStatus, MetricsCardBadgeStatus, MetricsCardIconBg, MetricsCardOrientation, MetricsCardType, MetricsCardVariation, MiniIconAction, NonNullableProps, NoteGroup, NoteItem, NoteSidebarPosition, NoteSidebarState, Notification, NotificationConfig, NotificationPosition, NotificationStatusType, NotificationType, OptionalProps, Orientation, OverlayComponent, PageChangeEvent, PaginationSize, PaginationState, PaginationVariant, PdfCardVariant, PecbError, PecbTableColumn, PecbTableColumnComponent, PecbTableColumnType, Position, ProfileBadge, ProfileGroupItem, ProfileGroupSize, ProfileIndicator, ProfileSize, ProfileType, ProgressBarSize, ProgressCircleSize, ProgressType, QuestionTagDisplay, QuestionTagType, QuizType, RadioDisplayState, RadioLabelPosition, RadioVariant, RadiusScale, RatingStyle, RequestStatusIconType, RequireProps, ResultPageAction, ResultPageIcon, RibbonColor, RightModalSize, SearchMode, SelectableItem, ShadowHardSize, ShadowSize, ShadowSoftSize, ShadowType, SidebarMenuItem, SidebarSection, Size, Sizeable, SkeletonShape, SkeletonSize, SkeletonType, SortState, SpacerSize, SpacingScale, StateVariant, StatisticsIconColor, StatusColor, StatusSize, StatusType, StatusVariant, StepItem, StepOrder, StepState, StepperDirection, StepperSize, StepperTailStyle, StepperType, TabItem, TabSize, TabStyle, TableAction, TableColumn, TableRowActionEvent, TableSelectionEvent, TableSize, TableSortEvent, TableStatusConfig, TableUserConfig, TableVariant, TagAction, TagStyle, Templatable, TestimonialData, TestimonialVariant, TextFormFieldType, ThemeConfig, ThemeMode, ThemeVariables, ToggleLabelPosition, ToggleSize, ToolbarButton, ToolbarTab, ToolbarVariant, TooltipPointerPosition, TooltipTheme, TourIndicatorType, TourPlacement, TourStep, TourType, TranscriptLineState, TreeNode, TypographyScaleEntry, TypographyStyleEntry, UploadedFile, Validatable, ValidationError, ValidationState, VerifyChecklistItem, VerifyItemStatus, VirtualTableColumn, VirtualTablePageEvent, VirtualTableProgressConfig };
+/**
+ * Global registry for SVG icons.
+ *
+ * Icons are registered as inline SVG strings keyed by their `IconName`.
+ * The `IconComponent` queries this registry when a `[name]` input is used.
+ *
+ * The full PECB icon set (`PECB_ICONS`) and custom icon set
+ * (`PECB_CUSTOM_ICONS`) are **pre-registered automatically** in the
+ * constructor, so `<pecb-icon name="...">` works out of the box with no
+ * consumer setup. Use {@link register} / {@link registerAll} only to add your
+ * own custom icons (or to override a built-in one).
+ *
+ * @example
+ * ```ts
+ * import { IconRegistry } from '@pecb-ui/components';
+ *
+ * // Built-in icons need no registration. To add a custom icon:
+ * constructor(private reg: IconRegistry) {
+ *   reg.register('my-logo', '<svg ...>...</svg>');
+ * }
+ * ```
+ */
+declare class IconRegistry {
+    private readonly icons;
+    constructor();
+    /** Register a single icon by name. */
+    register(name: IconName | string, svg: string): void;
+    /** Register many icons at once. */
+    registerAll(icons: Record<string, string>): void;
+    /** Retrieve an icon SVG string by name. Returns `undefined` if not found. */
+    get(name: string): string | undefined;
+    /** Check whether an icon is registered. */
+    has(name: string): boolean;
+    /** Return all registered icon names. */
+    names(): string[];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconRegistry, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<IconRegistry>;
+}
+
+/**
+ * Map of every PECB icon name to its inline SVG string.
+ *
+ * These are **pre-registered automatically** by `IconRegistry`, so
+ * `<pecb-icon name="...">` works out of the box — you do not need to register
+ * them yourself. Exported (from `@pecb-ui/components`) only for advanced use
+ * cases such as inspecting the available SVGs.
+ */
+declare const PECB_ICONS: Record<string, string>;
+
+/**
+ * Map of every PECB custom icon variant to its inline SVG string.
+ *
+ * These are **pre-registered automatically** by `IconRegistry` (alongside
+ * `PECB_ICONS`), so custom icons resolve by name out of the box with no app
+ * setup. Exported (from `@pecb-ui/components`) only for advanced use cases.
+ */
+declare const PECB_CUSTOM_ICONS: Record<string, string>;
+
+export { AccordionItemComponent, AccordionSmallComponent, AddButtonComponent, AdminHeaderComponent, AdminHeaderFieldTemplateDirective, AffixComponent, AlertComponent, AnchorComponent, ApplicationStatusBarComponent, AuditorStatusComponent, AuthorDateTimeComponent, BackToTopComponent, BadgeComponent, BlurDirective, BottomSheetComponent, BreadcrumbsComponent, ButtonComponent, ButtonGroupComponent, ButtonGroupItemComponent, CancelUpdateButtonsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CertificateUploadBarComponent, CheckDeleteIconComponent, CheckboxComponent, CheckboxDisplayComponent, CodeInputComponent, CodeSnippetComponent, ColorPaletteComponent, ConfirmationComponent, ContentTypeTagComponent, DEFAULT_LANGUAGES, DashboardGridComponent, DatepickerComponent, DividerComponent, DropdownComponent, EMPTY_STATE_MAX_BUTTONS, EditButtonComponent, EditCoverPhotoComponent, EmptyStateComponent, ExpandableRowTableComponent, FileUploadComponent, FilterColumnsComponent, FloatButtonComponent, FloatButtonItemComponent, FullscreenModalComponent, FullscreenModalContentDirective, FullscreenModalFooterDirective, FullscreenModalHeaderDirective, GeneralComponent, GridComponent, GridItemComponent, HeaderActionsComponent, HeaderComponent, HeaderDividerComponent, HeaderLanguageComponent, HeaderSearchComponent, HeaderUserComponent, HierarchicalTableComponent, HorizontalStepsComponent, IconComponent, IconRegistry, IconTagComponent, InformationBoxComponent, InputComponent, LanguageDropdownComponent, LinkButtonComponent, LoadingService, MediaComponent, MessageBubbleComponent, MessageItemComponent, MetricsCardComponent, MiniIconButtonComponent, NoResultsComponent, NoteSidebarItemComponent, NotesPanelComponent, NotificationService, NotificationStatusLinkComponent, PECB_COLOR_PALETTE, PECB_CUSTOM_ICONS, PECB_FONT_STYLES, PECB_ICONS, PECB_TYPE_SCALE, PaginationComponent, PecbComponentsModule, PriceMethodComponent, ProfileComponent, ProfileElementsCardComponent, ProfileGroupComponent, ProgressBarComponent, ProgressCircleComponent, ProjectLayoutComponent, QuantitySelectorComponent, QuestionTypeTagComponent, RadioComponent, RadioDisplayComponent, RatingNumberComponent, ReasonForReturnComponent, RequestSentByComponent, RequestStatusBarComponent, ResultPageComponent, RightModalComponent, RightModalContentDirective, RightModalFooterDirective, RightModalHeaderDirective, ShadowDirective, SidebarComponent, SkeletonComponent, SlidePointsComponent, SpacerComponent, SpinnerComponent, StandardsPdfCardComponent, StatisticsCardComponent, StatusComponent, StepperComponent, TabComponent, TableComponent, TagComponent, TestimonialComponent, TextFormFieldComponent, ThemeService, ToggleComponent, ToolbarBarComponent, TooltipComponent, TooltipDirective, TourComponent, TranscriptLineComponent, TypographyComponent, UserWithEmailComponent, VerifyChecklistComponent, VideoUploadBarComponent, VirtualTableComponent, addClass, announceToScreenReader, capitalize, closestElement, copyToClipboard, createAuthError, createAuthorizationError, createConfigError, createError, createNetworkError, createValidationError, disableBodyScroll, escapeHtml, formatCount, formatErrorForLog, formatErrorMessage, generateLinkedIds, generateUniqueId, getAriaCurrent, getButtonAriaAttributes, getComputedStyleValue, getDialogAriaAttributes, getFocusableElements, getInitials, getInputAriaAttributes, getOptionAriaAttributes, getProgressAriaAttributes, getScrollParent, getTabAriaAttributes, getVisuallyHiddenStyles, handleError, hasClass, isBlank, isBrowser, isElementVisible, isNotBlank, isPecbError, isRecoverableError, matchesSelector, pluralize, prefersHighContrast, prefersReducedMotion, registerErrorHandler, removeClass, scrollIntoView, slugify, stripHtml, toCamelCase, toKebabCase, toPascalCase, toSnakeCase, toggleClass, trapFocus, truncate, tryAsync, trySync, wrapError };
+export type { AccordionVariant, AddButtonVariant, AdminHeaderAction, AdminHeaderActionType, AdminHeaderBadgeVariant, AdminHeaderField, AdminHeaderFieldType, AdminHeaderMetadata, AdminHeaderMetadataType, AdminHeaderProfile, AffixPosition, AlertType, AlertVariant, Alignment, AnchorDirection, AnchorItem, AnchorLevel, AnimationTiming, AppStatusColor, AriaAttributes, AriaLive, AriaRole, AuditorStatusType, BadgeSize, BadgeStatus, BadgeVariant, BlurSize, BreadcrumbItem, BreadcrumbSeparator, Breakpoint, ButtonGroupIconMode, ButtonGroupItemPosition, ButtonIconStyle, ButtonSize, ButtonVariant, CalendarDay, Callback, CardElevation, CardRadius, CardRole, CheckDeleteType, CheckboxDisplayState, CheckboxLabelPosition, ClosableWithHooks, CodeInputDirection, CodeInputState, CodeSnippetTheme, CodeSnippetVariant, ColorPaletteGroup, ColorPaletteItem, ColorVariant, Colorable, ColumnOption, ComponentSize, ConfirmationIconType, ContentStyle, ContentTagDisplay, ContentTagType, CustomIconName, DashboardGridGap, DashboardGridLayout, DatepickerSize, Direction, Disableable, DividerType, DropdownOption, DropdownSize, EditButtonVariant, ElevationLevel, EmptyStateButton, EmptyStateIconTheme, ErrorCategory, ErrorHandler, ErrorOptions, ErrorSeverity, EventHandler, ExpandableRowColumn, ExpandableRowPageEvent, ExpandableRowProgressConfig, ExtendedColorVariant, FieldItem, FieldStyle, FileUploadEvent, FileUploadState, FileUploadVariant, FilterColumnsActiveTab, FilterColumnsApplyEvent, FilterField, FilterFieldType, FilterState, FloatButtonAction, FloatButtonPosition, Focusable, FormControlBase, GridAlign, GridColumns, GridGap, GridItemSpan, GridPadding, GridVerticalAlign, HeaderActionButton, HeaderLanguageOption, HeaderSearchCategory, HeaderSearchType, HierarchicalTableAction, HierarchicalTableColumn, HierarchicalTablePageEvent, IconColor, IconName, IconShape, IconSize, IconTagType, InformationBoxVariant, InputSize, InputType, LanguageDisplayMode, LanguageOption, LinkButtonType, Loadable, LoadingState, MediaGroup, MediaItem, MediaSize, MediaType, MenuItem, MessageBubbleType, MessageDirection, MessageItemStatus, MetricsCardBadgeStatus, MetricsCardIconBg, MetricsCardOrientation, MetricsCardType, MetricsCardVariation, MiniIconAction, NonNullableProps, NoteGroup, NoteItem, NoteSidebarPosition, NoteSidebarState, Notification, NotificationConfig, NotificationPosition, NotificationStatusType, NotificationType, OptionalProps, Orientation, OverlayComponent, PageChangeEvent, PaginationSize, PaginationState, PaginationVariant, PdfCardVariant, PecbError, PecbTableColumn, PecbTableColumnComponent, PecbTableColumnType, Position, ProfileBadge, ProfileGroupItem, ProfileGroupSize, ProfileIndicator, ProfileSize, ProfileType, ProgressBarSize, ProgressCircleSize, ProgressType, QuestionTagDisplay, QuestionTagType, QuizType, RadioDisplayState, RadioLabelPosition, RadioVariant, RadiusScale, RatingStyle, RequestStatusIconType, RequireProps, ResultPageAction, ResultPageIcon, RibbonColor, RightModalSize, SearchMode, SelectableItem, ShadowHardSize, ShadowSize, ShadowSoftSize, ShadowType, SidebarMenuItem, SidebarSection, Size, Sizeable, SkeletonShape, SkeletonSize, SkeletonType, SortState, SpacerSize, SpacingScale, StateVariant, StatisticsIconColor, StatusColor, StatusSize, StatusType, StatusVariant, StepItem, StepOrder, StepState, StepperDirection, StepperSize, StepperTailStyle, StepperType, TabItem, TabSize, TabStyle, TableAction, TableColumn, TableRowActionEvent, TableSelectionEvent, TableSize, TableSortEvent, TableStatusConfig, TableUserConfig, TableVariant, TagAction, TagStyle, Templatable, TestimonialData, TestimonialVariant, TextFormFieldType, ThemeConfig, ThemeMode, ThemeVariables, ToggleLabelPosition, ToggleSize, ToolbarButton, ToolbarTab, ToolbarVariant, TooltipPointerPosition, TooltipTheme, TourIndicatorType, TourPlacement, TourStep, TourType, TranscriptLineState, TreeNode, TypographyScaleEntry, TypographyStyleEntry, UploadedFile, Validatable, ValidationError, ValidationState, VerifyChecklistItem, VerifyItemStatus, VirtualTableColumn, VirtualTablePageEvent, VirtualTableProgressConfig };