@tedi-design-system/angular 7.1.0-rc.9 → 7.2.0-rc.1

package/tedi/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { AfterContentChecked, AfterViewInit, InputSignal, Signal, PipeTransform, OnInit, OnDestroy, ElementRef, TemplateRef, Injector, InjectionToken, WritableSignal, AfterViewChecked, AfterContentInit, QueryList, EnvironmentProviders } from '@angular/core';
+import { AfterContentChecked, AfterViewInit, InputSignal, Signal, PipeTransform, OnInit, OnDestroy, TemplateRef, ElementRef, Injector, InjectionToken, WritableSignal, AfterViewChecked, AfterContentInit, QueryList, EnvironmentProviders } from '@angular/core';
 import { _IdGenerator } from '@angular/cdk/a11y';
 import * as _tedi_design_system_angular_tedi from '@tedi-design-system/angular/tedi';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
@@ -9,10 +9,11 @@ import { Table, VisibilityState, ColumnOrderState, ColumnSizingState, RowSelecti
 import * as _angular_cdk_overlay from '@angular/cdk/overlay';
 import { ConnectedOverlayPositionChange, ConnectedPosition, CdkOverlayOrigin, CdkConnectedOverlay } from '@angular/cdk/overlay';
 import { CdkListbox } from '@angular/cdk/listbox';
+import * as i1 from '@angular/cdk/scrolling';
+import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import { Observable } from 'rxjs';
 import { DialogRef } from '@angular/cdk/dialog';
 import { ComponentType } from '@angular/cdk/portal';
-import * as i1 from '@angular/cdk/scrolling';
 
 type IconSize = 8 | 12 | 16 | 18 | 22 | 24 | 36 | 48 | "inherit";
 type IconVariant = "filled" | "outlined";
@@ -819,6 +820,34 @@ declare const translationsMap: {
         en: string;
         ru: string;
     };
+    "table.select-column": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "table.expand-column": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "table.reorder-column": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "table.scroll-region": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
     "table.expand-row": {
         description: string;
         components: string[];
@@ -917,6 +946,13 @@ declare const translationsMap: {
         en: string;
         ru: string;
     };
+    "scroll-fade.label": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
     "pagination.title": {
         description: string;
         components: string[];
@@ -1519,6 +1555,13 @@ declare const translationsMap: {
         en: string;
         ru: string;
     };
+    "time-picker.times": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
     "time-field.clear": {
         description: string;
         components: string[];
@@ -2578,12 +2621,10 @@ type TextGroupInputs = {
      */
     labelWidth: string | undefined;
 };
-declare class TextGroupComponent implements BreakpointInputs<TextGroupInputs>, AfterContentChecked {
+declare class TextGroupComponent implements BreakpointInputs<TextGroupInputs> {
     type: _angular_core.InputSignal<TextGroupType>;
     labelWidth: _angular_core.InputSignal<string | undefined>;
     breakpointService: BreakpointService;
-    readonly textGroupLabel: _angular_core.Signal<ElementRef<any> | undefined>;
-    readonly labelText: _angular_core.WritableSignal<string | null>;
     xs: _angular_core.InputSignal<TextGroupInputs | undefined>;
     sm: _angular_core.InputSignal<TextGroupInputs | undefined>;
     md: _angular_core.InputSignal<TextGroupInputs | undefined>;
@@ -2592,9 +2633,8 @@ declare class TextGroupComponent implements BreakpointInputs<TextGroupInputs>, A
     xxl: _angular_core.InputSignal<TextGroupInputs | undefined>;
     breakpointInputs: _angular_core.Signal<TextGroupInputs>;
     classes: _angular_core.Signal<string>;
-    ngAfterContentChecked(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextGroupComponent, "tedi-text-group", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "xs": { "alias": "xs"; "required": false; "isSignal": true; }; "sm": { "alias": "sm"; "required": false; "isSignal": true; }; "md": { "alias": "md"; "required": false; "isSignal": true; }; "lg": { "alias": "lg"; "required": false; "isSignal": true; }; "xl": { "alias": "xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "xxl"; "required": false; "isSignal": true; }; }, {}, ["textGroupLabel"], ["tedi-text-group-label", "tedi-text-group-value"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextGroupComponent, "tedi-text-group", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "labelWidth": { "alias": "labelWidth"; "required": false; "isSignal": true; }; "xs": { "alias": "xs"; "required": false; "isSignal": true; }; "sm": { "alias": "sm"; "required": false; "isSignal": true; }; "md": { "alias": "md"; "required": false; "isSignal": true; }; "lg": { "alias": "lg"; "required": false; "isSignal": true; }; "xl": { "alias": "xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "xxl"; "required": false; "isSignal": true; }; }, {}, never, ["tedi-text-group-label", "tedi-text-group-value"], true, never>;
 }
 
 declare class TextGroupLabelComponent {
@@ -2622,6 +2662,8 @@ declare class CarouselContentComponent implements AfterViewInit, OnDestroy {
     readonly fade: _angular_core.InputSignal<boolean>;
     /** Transition duration in ms */
     readonly transitionMs: _angular_core.InputSignal<number>;
+    /** Accessible label for the carousel region. Falls back to the `carousel` translation. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     readonly translationService: TediTranslationService;
     private readonly breakpointService;
     private readonly host;
@@ -2629,6 +2671,7 @@ declare class CarouselContentComponent implements AfterViewInit, OnDestroy {
     readonly track: _angular_core.Signal<ElementRef<HTMLDivElement>>;
     readonly slideElements: _angular_core.Signal<readonly ElementRef<HTMLDivElement>[]>;
     readonly slides: _angular_core.Signal<readonly CarouselSlideDirective[]>;
+    readonly resolvedAriaLabel: _angular_core.Signal<string>;
     readonly trackIndex: _angular_core.WritableSignal<number>;
     readonly animate: _angular_core.WritableSignal<boolean>;
     readonly viewportWidth: _angular_core.WritableSignal<number>;
@@ -2685,7 +2728,7 @@ declare class CarouselContentComponent implements AfterViewInit, OnDestroy {
      */
     announceSlideChange(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CarouselContentComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CarouselContentComponent, "tedi-carousel-content", never, { "slidesPerView": { "alias": "slidesPerView"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "fade": { "alias": "fade"; "required": false; "isSignal": true; }; "transitionMs": { "alias": "transitionMs"; "required": false; "isSignal": true; }; }, {}, ["slides"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CarouselContentComponent, "tedi-carousel-content", never, { "slidesPerView": { "alias": "slidesPerView"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "fade": { "alias": "fade"; "required": false; "isSignal": true; }; "transitionMs": { "alias": "transitionMs"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, ["slides"], never, true, never>;
 }
 
 declare class CarouselComponent {
@@ -3087,12 +3130,12 @@ declare class CalendarComponent implements ControlValueAccessor {
      */
     readonly shouldDisableYear: _angular_core.InputSignal<YearPredicate$1 | undefined>;
     /**
-     * Earliest year offered in the year grid/dropdown. Defaults to 10 years before
-     * the current year when `null`.
+     * Earliest year offered in the year grid/dropdown. Defaults to 100 years
+     * before the current year when `null`.
      */
     readonly minYear: _angular_core.InputSignal<number | null>;
     /**
-     * Latest year offered in the year grid/dropdown. Defaults to 10 years after
+     * Latest year offered in the year grid/dropdown. Defaults to 20 years after
      * the current year when `null`.
      */
     readonly maxYear: _angular_core.InputSignal<number | null>;
@@ -3252,12 +3295,20 @@ declare class PopoverTriggerDirective {
      * @default false
      */
     readonly underline: _angular_core.InputSignal<boolean>;
+    /**
+     * When `false`, the trigger drops its `button` role and dialog ARIA
+     * (`aria-haspopup`, `aria-expanded`, `aria-controls`). Use this when the element
+     * is only a positioning anchor and an inner control is the real, labelled trigger
+     * — e.g. a field wrapper whose icon button opens the popover.
+     * @default true
+     */
+    readonly interactive: _angular_core.InputSignal<boolean>;
     readonly host: ElementRef<HTMLElement>;
     readonly popover: PopoverComponent;
     readonly overlayOrigin: CdkOverlayOrigin;
     onClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverTriggerDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopoverTriggerDirective, "[tedi-popover-trigger]", never, { "underline": { "alias": "underline"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _angular_cdk_overlay.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopoverTriggerDirective, "[tedi-popover-trigger]", never, { "underline": { "alias": "underline"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _angular_cdk_overlay.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
 }
 
 type PopoverPosition = OverlayPosition;
@@ -3343,6 +3394,16 @@ declare class PopoverComponent {
     private getPageFocusableElements;
     private focusElementAfterTrigger;
     private focusElementBeforeTrigger;
+    /**
+     * Whether the target is inside this popover's own overlay or a child overlay
+     * opened from within it — such interactions must not dismiss the popover.
+     *
+     * Child overlays (e.g. a date-picker month dropdown) share the CDK overlay
+     * container but render in their own pane, stacked ON TOP (after this pane in
+     * DOM order). An overlay stacked BELOW (e.g. a tedi-modal hosting this
+     * popover) precedes this pane, so clicking it must dismiss.
+     */
+    private isInsideOverlay;
     private handleClosePopoverEvent;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopoverComponent, "tedi-popover", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "preventOverflow": { "alias": "preventOverflow"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "hideOnScroll": { "alias": "hideOnScroll"; "required": false; "isSignal": true; }; "withBorder": { "alias": "withBorder"; "required": false; "isSignal": true; }; "withArrow": { "alias": "withArrow"; "required": false; "isSignal": true; }; "lockScroll": { "alias": "lockScroll"; "required": false; "isSignal": true; }; "timeoutDelay": { "alias": "timeoutDelay"; "required": false; "isSignal": true; }; }, {}, ["popoverTrigger", "popoverContent"], ["[tedi-popover-trigger]", "tedi-popover-content"], true, never>;
@@ -3941,6 +4002,16 @@ declare class TediTableComponent<TData> {
      * @default undefined
      */
     readonly getSubRows: _angular_core.InputSignal<((row: TData) => TData[] | undefined) | undefined>;
+    /**
+     * Accessor returning a stable, unique id for a row, passed straight through
+     * to TanStack's `getRowId`. By default rows are keyed by their index, so
+     * selection / expansion state breaks as soon as the data changes (filtering,
+     * adding, removing, reordering rows). Key by an entity id instead — e.g.
+     * `getRowId: (row) => row.id` — to keep `rowSelection` / `expanded` stable
+     * across data updates and controllable from the outside by that id.
+     * @default undefined
+     */
+    readonly getRowId: _angular_core.InputSignal<((originalRow: TData, index: number, parent?: Row<TData>) => string) | undefined>;
     /**
      * Table-level row grouping key. When set, consecutive rendered rows with an
      * equal key form a group, and:
@@ -4117,6 +4188,10 @@ declare class TediTableComponent<TData> {
     protected readonly rowDetailsLabel: Signal<string>;
     protected readonly dragColumnLabel: Signal<string>;
     protected readonly dragRowLabel: Signal<string>;
+    protected readonly selectColumnLabel: Signal<string>;
+    protected readonly expandColumnLabel: Signal<string>;
+    protected readonly reorderColumnLabel: Signal<string>;
+    protected readonly scrollRegionLabel: Signal<string>;
     /** Currently picked-up column id (during keyboard reordering), or `null`. */
     private readonly _pickedUpColumnId;
     /** Column order snapshot captured when picking up — restored on cancel. */
@@ -4216,6 +4291,14 @@ declare class TediTableComponent<TData> {
     protected readonly isSomePageRowsSelected: Signal<boolean>;
     constructor();
     private applyPatch;
+    /**
+     * Clears every active column filter in one call, resetting all `filterable`
+     * columns at once. Routes through the same state machinery as the per-column
+     * **Clear** buttons, so it updates internal state, respects a controlled
+     * `state` input, and emits `(stateChange)`. Grab a component reference (e.g.
+     * a template ref `#table` or `viewChild`) to call it from consumer code.
+     */
+    clearFilters(): void;
     protected handleRowClick(event: Event, row: Row<TData>): void;
     /**
      * True when the click originated on an interactive control between the event
@@ -4227,6 +4310,7 @@ declare class TediTableComponent<TData> {
      *  the row is not interactive or no resolver is provided. */
     protected rowAriaLabelFor(row: Row<TData>): string | null;
     protected rowExpandsOnClick(row: Row<TData>): boolean;
+    protected rowHasNestedInteractive(row: Row<TData>): boolean;
     protected handleRowMouseEnter(row: Row<TData>): void;
     protected handleRowMouseLeave(): void;
     /**
@@ -4344,7 +4428,7 @@ declare class TediTableComponent<TData> {
         };
     }): TableColumnMeta | undefined;
     protected getHeaderAriaSort(column: ReturnType<Table<TData>["getAllLeafColumns"]>[number]): "ascending" | "descending" | "none" | null;
-    protected getHeaderLabel(column: ReturnType<Table<TData>["getAllLeafColumns"]>[number]): string | null;
+    protected getSrOnlyHeaderLabel(column: ReturnType<Table<TData>["getAllLeafColumns"]>[number]): string | null;
     protected resolveColumnLabel(column: ReturnType<Table<TData>["getAllLeafColumns"]>[number]): string;
     protected filterLabel(column: ReturnType<Table<TData>["getAllLeafColumns"]>[number]): string;
     protected filterPlaceholder(): string;
@@ -4425,6 +4509,7 @@ declare class TediTableComponent<TData> {
      * nothing.
      */
     private readonly filterDrafts;
+    private readonly filterDraftBaselines;
     /**
      * Normalises `filterable: true | TableFilterOptions | undefined | false`
      * into `TableFilterOptions | null`. `null` means the column did not opt in.
@@ -4452,6 +4537,22 @@ declare class TediTableComponent<TData> {
     protected filterApplyLabel(): string;
     protected filterClearLabel(): string;
     private getFilterDraft;
+    /**
+     * Structural equality for filter values (strings, numbers, bigints, arrays,
+     * plain objects). Filter values are consumer-supplied `unknown`, so the
+     * comparison must never throw: reference-equal values (including equal
+     * primitives and bigints) short-circuit, and anything JSON can't serialise
+     * (bigint mismatches, cyclic structures) falls back to "changed".
+     */
+    private filterValuesEqual;
+    /**
+     * Realigns each open/created filter draft with the applied filter state
+     * whenever the latter changes externally (`clearFilters()`, controlled
+     * `state`, a removed filter chip). A draft is only overwritten when its
+     * column's applied value actually moved since the draft last synced — so an
+     * in-progress, unapplied draft (applied value unchanged) is left intact.
+     */
+    private reconcileFilterDrafts;
     /**
      * Called when the filter trigger button is clicked. If `clearOnClose` is
      * set, the draft is reset to the currently-applied value every time the
@@ -4487,7 +4588,7 @@ declare class TediTableComponent<TData> {
         };
     }, cellContext: CellContext<TData, unknown>): number | null;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TediTableComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TediTableComponent<any>, "tedi-table", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "verticalBorders": { "alias": "verticalBorders"; "required": false; "isSignal": true; }; "borderless": { "alias": "borderless"; "required": false; "isSignal": true; }; "stickyFirstColumn": { "alias": "stickyFirstColumn"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "fixedLayout": { "alias": "fixedLayout"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "activeRowId": { "alias": "activeRowId"; "required": false; "isSignal": true; }; "selectedRowHighlight": { "alias": "selectedRowHighlight"; "required": false; "isSignal": true; }; "rowHover": { "alias": "rowHover"; "required": false; "isSignal": true; }; "enableRowSelection": { "alias": "enableRowSelection"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "enableColumnFilters": { "alias": "enableColumnFilters"; "required": false; "isSignal": true; }; "renderSubComponent": { "alias": "renderSubComponent"; "required": false; "isSignal": true; }; "getRowCanExpand": { "alias": "getRowCanExpand"; "required": false; "isSignal": true; }; "expandTrigger": { "alias": "expandTrigger"; "required": false; "isSignal": true; }; "expandButtonVariant": { "alias": "expandButtonVariant"; "required": false; "isSignal": true; }; "expandButtonLabel": { "alias": "expandButtonLabel"; "required": false; "isSignal": true; }; "getSubRows": { "alias": "getSubRows"; "required": false; "isSignal": true; }; "groupRowsBy": { "alias": "groupRowsBy"; "required": false; "isSignal": true; }; "rowGroupDividers": { "alias": "rowGroupDividers"; "required": false; "isSignal": true; }; "controlColumnOrder": { "alias": "controlColumnOrder"; "required": false; "isSignal": true; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; "paginationTop": { "alias": "paginationTop"; "required": false; "isSignal": true; }; "manualPagination": { "alias": "manualPagination"; "required": false; "isSignal": true; }; "manualSorting": { "alias": "manualSorting"; "required": false; "isSignal": true; }; "manualFiltering": { "alias": "manualFiltering"; "required": false; "isSignal": true; }; "pageCount": { "alias": "pageCount"; "required": false; "isSignal": true; }; "rowCount": { "alias": "rowCount"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "defaultState": { "alias": "defaultState"; "required": false; "isSignal": true; }; "persist": { "alias": "persist"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "placeholderRole": { "alias": "placeholderRole"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "rowAriaLabel": { "alias": "rowAriaLabel"; "required": false; "isSignal": true; }; "reorderableRows": { "alias": "reorderableRows"; "required": false; "isSignal": true; }; "reorderableColumns": { "alias": "reorderableColumns"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "rowClick": "rowClick"; "rowDrop": "rowDrop"; }, ["customResultsTemplateRef"], ["tedi-table-toolbar", "tedi-table-columns-menu"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TediTableComponent<any>, "tedi-table", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "verticalBorders": { "alias": "verticalBorders"; "required": false; "isSignal": true; }; "borderless": { "alias": "borderless"; "required": false; "isSignal": true; }; "stickyFirstColumn": { "alias": "stickyFirstColumn"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "fixedLayout": { "alias": "fixedLayout"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "activeRowId": { "alias": "activeRowId"; "required": false; "isSignal": true; }; "selectedRowHighlight": { "alias": "selectedRowHighlight"; "required": false; "isSignal": true; }; "rowHover": { "alias": "rowHover"; "required": false; "isSignal": true; }; "enableRowSelection": { "alias": "enableRowSelection"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "enableColumnFilters": { "alias": "enableColumnFilters"; "required": false; "isSignal": true; }; "renderSubComponent": { "alias": "renderSubComponent"; "required": false; "isSignal": true; }; "getRowCanExpand": { "alias": "getRowCanExpand"; "required": false; "isSignal": true; }; "expandTrigger": { "alias": "expandTrigger"; "required": false; "isSignal": true; }; "expandButtonVariant": { "alias": "expandButtonVariant"; "required": false; "isSignal": true; }; "expandButtonLabel": { "alias": "expandButtonLabel"; "required": false; "isSignal": true; }; "getSubRows": { "alias": "getSubRows"; "required": false; "isSignal": true; }; "getRowId": { "alias": "getRowId"; "required": false; "isSignal": true; }; "groupRowsBy": { "alias": "groupRowsBy"; "required": false; "isSignal": true; }; "rowGroupDividers": { "alias": "rowGroupDividers"; "required": false; "isSignal": true; }; "controlColumnOrder": { "alias": "controlColumnOrder"; "required": false; "isSignal": true; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; "paginationTop": { "alias": "paginationTop"; "required": false; "isSignal": true; }; "manualPagination": { "alias": "manualPagination"; "required": false; "isSignal": true; }; "manualSorting": { "alias": "manualSorting"; "required": false; "isSignal": true; }; "manualFiltering": { "alias": "manualFiltering"; "required": false; "isSignal": true; }; "pageCount": { "alias": "pageCount"; "required": false; "isSignal": true; }; "rowCount": { "alias": "rowCount"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "defaultState": { "alias": "defaultState"; "required": false; "isSignal": true; }; "persist": { "alias": "persist"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "placeholderRole": { "alias": "placeholderRole"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "rowAriaLabel": { "alias": "rowAriaLabel"; "required": false; "isSignal": true; }; "reorderableRows": { "alias": "reorderableRows"; "required": false; "isSignal": true; }; "reorderableColumns": { "alias": "reorderableColumns"; "required": false; "isSignal": true; }; }, { "stateChange": "stateChange"; "rowClick": "rowClick"; "rowDrop": "rowDrop"; }, ["customResultsTemplateRef"], ["tedi-table-toolbar", "tedi-table-columns-menu"], true, never>;
 }
 
 declare const TEDI_TABLE_CONTEXT: InjectionToken<TediTableContextValue<unknown>>;
@@ -4689,6 +4790,14 @@ declare class DropdownItemValueComponent {
      * @default false
      */
     readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * The checkbox/radio only pictures the item's state — the item itself owns the
+     * interaction. Cancelling the default action keeps the browser from toggling the
+     * indicator on its own, which would leave it showing the opposite of `selected`.
+     * The click is left to bubble, so hitting the indicator selects the item just
+     * like hitting anywhere else on it.
+     */
+    onIndicatorClick(event: MouseEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownItemValueComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownItemValueComponent, "tedi-dropdown-item-value", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["tedi-icon, [tediIcon]", "tedi-dropdown-item-value-label", "tedi-dropdown-item-value-meta", "*"], true, never>;
 }
@@ -5407,6 +5516,8 @@ declare class DateInputComponent implements AfterViewChecked {
     readonly showClear: _angular_core.Signal<boolean>;
     readonly iconAriaLabel: _angular_core.Signal<string>;
     readonly clearAriaLabel: _angular_core.Signal<string>;
+    /** Moves focus to the text input. Used by the wrapping field. */
+    focusInput(): void;
     handleInput(event: Event): void;
     handleIconClick(): void;
     handleTagRemove(id: string): void;
@@ -5439,6 +5550,12 @@ interface FormFieldControl<T = unknown> {
      * If implemented, the form field can trigger clearing the value.
      */
     clearField?(): void;
+    /**
+     * Optional method used when the field box itself is clicked. If implemented,
+     * clicking the box padding — which is not part of the control's own hit area —
+     * moves focus into the control, the way clicking the value does.
+     */
+    focus?(): void;
 }
 /**
  * Injection token used by `tedi-form-field` to obtain
@@ -5535,6 +5652,16 @@ declare class DateFieldComponent implements ControlValueAccessor, FormFieldContr
      * the calendar's year navigation/grid. Leave `undefined` to disable nothing.
      */
     readonly shouldDisableYear: _angular_core.InputSignal<YearPredicate | undefined>;
+    /**
+     * Earliest year offered in the calendar's year grid/dropdown. Defaults to 100
+     * years before the current year when `null`.
+     */
+    readonly minYear: _angular_core.InputSignal<number | null>;
+    /**
+     * Latest year offered in the calendar's year grid/dropdown. Defaults to 20
+     * years after the current year when `null`.
+     */
+    readonly maxYear: _angular_core.InputSignal<number | null>;
     /**
      * Whitelist of selectable days — an explicit `Date[]` or a predicate
      * `(date) => boolean`. Every other day is disabled.
@@ -5602,6 +5729,12 @@ declare class DateFieldComponent implements ControlValueAccessor, FormFieldContr
      * (custom popover from that breakpoint up).
      */
     readonly useNativePicker: _angular_core.InputSignal<DateFieldUseNativePicker>;
+    /**
+     * Close the calendar popover when the page (or a scrollable ancestor) scrolls.
+     * Scrolling inside the calendar itself — or its nested year/month dropdown —
+     * keeps it open. Only applies to the popover; the modal is unaffected.
+     */
+    readonly hideOnScroll: _angular_core.InputSignal<boolean>;
     /** Open the calendar in a modal: `true` always, `false` never, breakpoint name → modal below that breakpoint. */
     readonly modal: _angular_core.InputSignal<DateFieldModalInput>;
     /** Make the modal fullscreen: `true` always, `false` never, breakpoint name → fullscreen below that breakpoint. Only applies when the calendar actually opens as a modal. */
@@ -5622,8 +5755,11 @@ declare class DateFieldComponent implements ControlValueAccessor, FormFieldContr
     private readonly breakpointService;
     private readonly modalService;
     private readonly hostEl;
+    private readonly renderer;
+    private readonly document;
     readonly calendar: _angular_core.Signal<CalendarComponent | undefined>;
     readonly dateInput: _angular_core.Signal<DateInputComponent>;
+    private readonly connectedOverlay;
     readonly currentMonth: _angular_core.WritableSignal<Date>;
     readonly overlayOpen: _angular_core.WritableSignal<boolean>;
     private readonly openedBy;
@@ -5631,6 +5767,7 @@ declare class DateFieldComponent implements ControlValueAccessor, FormFieldContr
     private readonly cvaDisabled;
     private readonly formInvalid;
     private modalRef;
+    private scrollListener?;
     private onChange;
     private onTouched;
     readonly fieldDisabled: _angular_core.Signal<boolean>;
@@ -5660,6 +5797,7 @@ declare class DateFieldComponent implements ControlValueAccessor, FormFieldContr
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     setInvalidState(isInvalid: boolean): void;
+    focus(): void;
     clearField(): void;
     handleClear(): void;
     handleIconClick(): void;
@@ -5672,8 +5810,19 @@ declare class DateFieldComponent implements ControlValueAccessor, FormFieldContr
     closeOverlay(): void;
     handleOverlayOutsideClick(event: MouseEvent): void;
     handleOverlayAttached(): void;
+    handleOverlayDetached(): void;
     handleOverlayKeydown(event: KeyboardEvent): void;
     private focusIconButton;
+    private setupScrollListener;
+    private cleanupScrollListener;
+    /**
+     * Whether the scroll target is inside this field's own calendar overlay or a
+     * nested overlay opened from within it (e.g. the year/month dropdown). Nested
+     * overlays share the CDK overlay container but render in their own pane
+     * stacked after this one in DOM order, so a `DOCUMENT_POSITION_FOLLOWING`
+     * check distinguishes them from unrelated ancestors that should dismiss.
+     */
+    private isInsideOverlay;
     private openNativePicker;
     private openModal;
     private handleNativeInputChange;
@@ -5687,7 +5836,7 @@ declare class DateFieldComponent implements ControlValueAccessor, FormFieldContr
     private toIsoDate;
     private queryNativeInput;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateFieldComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateFieldComponent, "tedi-date-field", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "multiRow": { "alias": "multiRow"; "required": false; "isSignal": true; }; "tagEllipsis": { "alias": "tagEllipsis"; "required": false; "isSignal": true; }; "isTagRemovable": { "alias": "isTagRemovable"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabledMatchers": { "alias": "disabledMatchers"; "required": false; "isSignal": true; }; "inputDisabled": { "alias": "inputDisabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disablePast": { "alias": "disablePast"; "required": false; "isSignal": true; }; "disableFuture": { "alias": "disableFuture"; "required": false; "isSignal": true; }; "shouldDisableMonth": { "alias": "shouldDisableMonth"; "required": false; "isSignal": true; }; "shouldDisableYear": { "alias": "shouldDisableYear"; "required": false; "isSignal": true; }; "availableDays": { "alias": "availableDays"; "required": false; "isSignal": true; }; "unavailableDays": { "alias": "unavailableDays"; "required": false; "isSignal": true; }; "selectionLevel": { "alias": "selectionLevel"; "required": false; "isSignal": true; }; "monthYearSelectType": { "alias": "monthYearSelectType"; "required": false; "isSignal": true; }; "initialMonth": { "alias": "initialMonth"; "required": false; "isSignal": true; }; "localeCode": { "alias": "localeCode"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "showOutsideDays": { "alias": "showOutsideDays"; "required": false; "isSignal": true; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; "isSignal": true; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; "isSignal": true; }; "enableCalendar": { "alias": "enableCalendar"; "required": false; "isSignal": true; }; "calendarTrigger": { "alias": "calendarTrigger"; "required": false; "isSignal": true; }; "useNativePicker": { "alias": "useNativePicker"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "fullscreen": { "alias": "fullscreen"; "required": false; "isSignal": true; }; "formatDate": { "alias": "formatDate"; "required": false; "isSignal": true; }; "parseDate": { "alias": "parseDate"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "openChange": "openChange"; }, never, ["[tediCalendarFooter]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateFieldComponent, "tedi-date-field", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "multiRow": { "alias": "multiRow"; "required": false; "isSignal": true; }; "tagEllipsis": { "alias": "tagEllipsis"; "required": false; "isSignal": true; }; "isTagRemovable": { "alias": "isTagRemovable"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabledMatchers": { "alias": "disabledMatchers"; "required": false; "isSignal": true; }; "inputDisabled": { "alias": "inputDisabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disablePast": { "alias": "disablePast"; "required": false; "isSignal": true; }; "disableFuture": { "alias": "disableFuture"; "required": false; "isSignal": true; }; "shouldDisableMonth": { "alias": "shouldDisableMonth"; "required": false; "isSignal": true; }; "shouldDisableYear": { "alias": "shouldDisableYear"; "required": false; "isSignal": true; }; "minYear": { "alias": "minYear"; "required": false; "isSignal": true; }; "maxYear": { "alias": "maxYear"; "required": false; "isSignal": true; }; "availableDays": { "alias": "availableDays"; "required": false; "isSignal": true; }; "unavailableDays": { "alias": "unavailableDays"; "required": false; "isSignal": true; }; "selectionLevel": { "alias": "selectionLevel"; "required": false; "isSignal": true; }; "monthYearSelectType": { "alias": "monthYearSelectType"; "required": false; "isSignal": true; }; "initialMonth": { "alias": "initialMonth"; "required": false; "isSignal": true; }; "localeCode": { "alias": "localeCode"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "showOutsideDays": { "alias": "showOutsideDays"; "required": false; "isSignal": true; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; "isSignal": true; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; "isSignal": true; }; "enableCalendar": { "alias": "enableCalendar"; "required": false; "isSignal": true; }; "calendarTrigger": { "alias": "calendarTrigger"; "required": false; "isSignal": true; }; "useNativePicker": { "alias": "useNativePicker"; "required": false; "isSignal": true; }; "hideOnScroll": { "alias": "hideOnScroll"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "fullscreen": { "alias": "fullscreen"; "required": false; "isSignal": true; }; "formatDate": { "alias": "formatDate"; "required": false; "isSignal": true; }; "parseDate": { "alias": "parseDate"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "openChange": "openChange"; }, never, ["[tediCalendarFooter]"], true, never>;
 }
 
 declare class DatePickerCalendarGridComponent {
@@ -5917,6 +6066,11 @@ declare class LabelComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<LabelComponent, "[tedi-label]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+declare class LabelRowComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LabelRowComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LabelRowComponent, "tedi-label-row", never, {}, {}, never, ["*"], true, never>;
+}
+
 type NumberFieldSize = "default" | "small";
 declare class NumberFieldComponent implements ControlValueAccessor {
     /**
@@ -5977,6 +6131,11 @@ declare class NumberFieldComponent implements ControlValueAccessor {
      * @default false
      */
     fullWidth: _angular_core.InputSignal<boolean>;
+    /**
+     * Accessible label for the input, used when no visible `label` is provided
+     * (e.g. when the field is embedded as a compact addon of another control).
+     */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
     inputRef: ElementRef<HTMLInputElement>;
     private formDisabled;
     private onChange;
@@ -5999,7 +6158,206 @@ declare class NumberFieldComponent implements ControlValueAccessor {
     handleInputChange(event: Event): void;
     handleBlur(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumberFieldComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberFieldComponent, "tedi-number-field", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberFieldComponent, "tedi-number-field", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "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; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+type InputSize = "small" | "large" | "default";
+type InputState = "valid" | "error" | "default";
+type ValidationState = "invalid" | "valid" | "neutral";
+interface FormFieldIcon {
+    name: string;
+    size?: IconSize;
+    color?: IconColor;
+    type?: IconType;
+    variant?: IconVariant;
+}
+declare class FormFieldComponent implements AfterContentInit {
+    /**
+     * The size of the form field.
+     * @default "default"
+     */
+    size: _angular_core.InputSignal<InputSize>;
+    /**
+     * Icon name or configuration object.
+     */
+    icon: _angular_core.InputSignal<string | FormFieldIcon | undefined>;
+    /**
+     * Whether the form field includes a clear button.
+     * @default false
+     */
+    clearable: _angular_core.InputSignal<boolean>;
+    /**
+     * Custom CSS classes for the input.
+     */
+    inputClass: _angular_core.InputSignal<string | null>;
+    /**
+     * Maximum number of characters the control should hold. When set, a live
+     * character counter (`current/limit`) is shown in the feedback row and the
+     * field enters an error state once the limit is exceeded.
+     */
+    characterLimit: _angular_core.InputSignal<number | undefined>;
+    readonly control: _angular_core.Signal<FormFieldControl<unknown> | undefined>;
+    readonly controlElement: _angular_core.Signal<ElementRef<any> | undefined>;
+    ngControl?: NgControl;
+    feedback?: FeedbackTextComponent;
+    feedbackElement?: ElementRef<HTMLElement>;
+    private readonly destroyRef;
+    private readonly inputGroup;
+    private readonly fallbackId;
+    constructor();
+    /**
+     * A textarea has no room for the trailing clear button / icon (per design),
+     * so the form field suppresses both when it wraps one.
+     */
+    readonly isTextarea: _angular_core.WritableSignal<boolean>;
+    ngAfterContentInit(): void;
+    private updateValidationState;
+    private computeInvalid;
+    readonly resolvedIcon: _angular_core.Signal<FormFieldIcon | undefined>;
+    readonly characterCount: _angular_core.Signal<number>;
+    readonly characterCountExceeded: _angular_core.Signal<boolean>;
+    /** Base for the generated feedback / counter ids — the control's own id, or a fallback. */
+    private get baseId();
+    readonly characterCountId: _angular_core.Signal<string | null>;
+    private syncAriaDescribedBy;
+    readonly validationState: _angular_core.Signal<ValidationState>;
+    showClearButton: _angular_core.Signal<boolean>;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly hostClasses: _angular_core.Signal<{
+        "tedi-form-field": boolean;
+        "tedi-form-field--valid": boolean;
+        "tedi-form-field--invalid": boolean;
+        "tedi-form-field--disabled": boolean;
+        "tedi-form-field--small": boolean;
+        "tedi-form-field--large": boolean;
+        "tedi-form-field--with-icon": boolean;
+    }>;
+    readonly inputClasses: _angular_core.Signal<{
+        "tedi-form-field__input": boolean;
+    }>;
+    clear(): void;
+    /**
+     * The control never fills the whole box — the box padding and the layout
+     * wrappers around the control are outside its hit area — so clicking there
+     * would otherwise leave the field unfocused. Focus the control instead, unless
+     * the click landed on something interactive that handles it itself (the
+     * control, the clear/calendar buttons, a tag's close button).
+     */
+    handleBoxMouseDown(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldComponent, "tedi-form-field", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; "characterLimit": { "alias": "characterLimit"; "required": false; "isSignal": true; }; }, {}, ["control", "controlElement", "ngControl", "feedback", "feedbackElement"], ["label[tedi-label]", "input[tedi-text-field], textarea[tedi-textarea], tedi-time-field, tedi-date-field", "tedi-feedback-text", "*"], true, never>;
+}
+
+type SearchSize = InputSize;
+interface SearchButton {
+    /**
+     * Visible button text. When omitted, the button is rendered icon-only.
+     */
+    text?: string;
+    /**
+     * Icon shown inside the button.
+     * @default "search"
+     */
+    icon?: string;
+    /**
+     * Button color variant.
+     * @default "primary"
+     */
+    variant?: ButtonVariant;
+    /**
+     * Accessible label for an icon-only button.
+     * @default translation "search"
+     */
+    ariaLabel?: string;
+}
+declare class SearchComponent implements ControlValueAccessor {
+    /**
+     * Unique identifier for the input element, used to associate the label.
+     */
+    inputId: _angular_core.InputSignal<string>;
+    /**
+     * Visible label text. When omitted, provide `ariaLabel` for accessibility.
+     */
+    label: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Value of the search input. Supports two-way binding and reactive forms.
+     */
+    value: _angular_core.ModelSignal<string>;
+    /**
+     * Placeholder text for the search input.
+     */
+    placeholder: _angular_core.InputSignal<string>;
+    /**
+     * Size of the search field.
+     * @default "default"
+     */
+    size: _angular_core.InputSignal<InputSize>;
+    /**
+     * Whether the input shows a clear button once it has a value.
+     * @default true
+     */
+    clearable: _angular_core.InputSignal<boolean>;
+    /**
+     * Icon shown inside the input. Ignored when `button` is set.
+     * @default "search"
+     */
+    searchIcon: _angular_core.InputSignal<string | FormFieldIcon>;
+    /**
+     * Whether the search field is disabled.
+     * @default false
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * When set, renders a trailing search button and hides the inline icon.
+     */
+    button: _angular_core.InputSignal<SearchButton | undefined>;
+    /**
+     * FeedbackText component inputs (hint / validation message).
+     */
+    feedbackText: _angular_core.InputSignal<ComponentInputs<FeedbackTextComponent> | undefined>;
+    /**
+     * Accessible name for the search region. Falls back to `label`, then
+     * `placeholder`, then the translated "search" label.
+     */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Emitted when the search is executed (Enter key or button click).
+     */
+    readonly searchEvent: _angular_core.OutputEmitterRef<string>;
+    /**
+     * Emitted when the clear button is clicked.
+     */
+    readonly clear: _angular_core.OutputEmitterRef<void>;
+    private readonly inputRef;
+    private readonly formDisabled;
+    private readonly translationService;
+    private onChange;
+    private onTouched;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly fieldIcon: _angular_core.Signal<string | FormFieldIcon | undefined>;
+    readonly fieldHeight: _angular_core.Signal<"var(--form-field-height-sm)" | "var(--form-field-height-lg)" | "var(--form-field-height)">;
+    readonly buttonSize: _angular_core.Signal<"small" | "default">;
+    readonly buttonIconSize: _angular_core.Signal<24 | 18>;
+    readonly buttonAriaLabel: _angular_core.Signal<string | null>;
+    readonly feedbackId: _angular_core.Signal<string | null>;
+    readonly searchAriaLabel: _angular_core.Signal<string>;
+    /**
+     * Accessible name for the input itself. A visible `label` already names it
+     * via `for`/`id`, so the attribute is only emitted when there is none —
+     * otherwise `aria-label` would silently override the visible text.
+     */
+    readonly inputAriaLabel: _angular_core.Signal<string | null>;
+    onInputValue(value: string): void;
+    onClear(): void;
+    onBlur(): void;
+    emitSearch(): void;
+    focus(): void;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchComponent, "tedi-search", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "searchIcon": { "alias": "searchIcon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "button": { "alias": "button"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "searchEvent": "searchEvent"; "clear": "clear"; }, never, never, true, never>;
 }
 
 /**
@@ -6068,64 +6426,24 @@ declare class SelectValueTemplateDirective<T = unknown> {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectValueTemplateDirective<any>, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectValueTemplateDirective<any>, "[tediSelectValue]", never, {}, {}, never, never, true, never>;
 }
-
-type InputSize = "small" | "large" | "default";
-type InputState = "valid" | "error" | "default";
-type ValidationState = "invalid" | "valid" | "neutral";
-interface FormFieldIcon {
-    name: string;
-    size?: IconSize;
-    color?: IconColor;
-    type?: IconType;
-    variant?: IconVariant;
-}
-declare class FormFieldComponent implements AfterContentInit {
-    /**
-     * The size of the form field.
-     * @default "default"
-     */
-    size: _angular_core.InputSignal<InputSize>;
-    /**
-     * Icon name or configuration object.
-     */
-    icon: _angular_core.InputSignal<string | FormFieldIcon | undefined>;
-    /**
-     * Whether the form field includes a clear button.
-     * @default false
-     */
-    clearable: _angular_core.InputSignal<boolean>;
-    /**
-     * Custom CSS classes for the input.
-     */
-    inputClass: _angular_core.InputSignal<string | null>;
-    control?: FormFieldControl;
-    ngControl?: NgControl;
-    feedback?: FeedbackTextComponent;
-    private readonly destroyRef;
-    private readonly inputGroup;
-    constructor();
-    ngAfterContentInit(): void;
-    private updateValidationState;
-    private computeInvalid;
-    readonly resolvedIcon: _angular_core.Signal<FormFieldIcon | undefined>;
-    readonly validationState: _angular_core.Signal<ValidationState>;
-    showClearButton: _angular_core.Signal<boolean>;
-    readonly isDisabled: _angular_core.Signal<boolean>;
-    readonly hostClasses: _angular_core.Signal<{
-        "tedi-form-field": boolean;
-        "tedi-form-field--valid": boolean;
-        "tedi-form-field--invalid": boolean;
-        "tedi-form-field--disabled": boolean;
-        "tedi-form-field--small": boolean;
-        "tedi-form-field--large": boolean;
-        "tedi-form-field--with-icon": boolean;
-    }>;
-    readonly inputClasses: _angular_core.Signal<{
-        "tedi-form-field__input": boolean;
-    }>;
-    clear(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldComponent, "tedi-form-field", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; }, {}, ["control", "ngControl", "feedback"], ["label[tedi-label]", "input[tedi-text-field], tedi-time-field, tedi-date-field", "tedi-feedback-text", "*"], true, never>;
+/**
+ * Directive for custom tooltip content next to the label. Use when the tooltip
+ * needs formatting the plain `tooltip` string input cannot express (bold,
+ * italic, links). Takes precedence over the `tooltip` input.
+ *
+ * @example
+ * ```html
+ * <tedi-select [options]="options" label="Ravim">
+ *   <ng-template tediSelectTooltip>
+ *     Vali <b>toimeaine</b>, mitte ravimi nimi.
+ *   </ng-template>
+ * </tedi-select>
+ * ```
+ */
+declare class SelectTooltipTemplateDirective {
+    template: TemplateRef<unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectTooltipTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectTooltipTemplateDirective, "[tediSelectTooltip]", never, {}, {}, never, never, true, never>;
 }
 
 type SelectInputSize = Exclude<InputSize, "large">;
@@ -6140,6 +6458,13 @@ interface SelectOptionGroup<T = unknown> {
     label: string;
     options: SelectOption<T>[];
 }
+/** A navigable row in the virtual-scroll listbox: the pinned select-all row or an option. */
+type VirtualRow<T = unknown> = {
+    kind: "select-all";
+} | {
+    kind: "option";
+    option: SelectOption<T>;
+};
 type GroupByFn<T = unknown> = (item: T) => string | undefined;
 type CompareWithFn<T = unknown> = (a: T, b: T) => boolean;
 declare enum SpecialOptionControls {
@@ -6158,7 +6483,8 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
     label: _angular_core.InputSignal<string | undefined>;
     /**
      * When set, renders an info button next to the label that reveals this text
-     * in a tooltip on hover/focus.
+     * in a tooltip on hover/focus. For formatted content, project a
+     * `*tediSelectTooltip` template instead, which takes precedence over this.
      */
     tooltip: _angular_core.InputSignal<string | undefined>;
     /**
@@ -6264,8 +6590,13 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
      */
     multiRow: _angular_core.InputSignal<boolean>;
     /**
-     * Which end a selected tag's label truncates from when it doesn't fit.
-     * `false` (default) never truncates; `end` → `label…`; `start` → `…label`.
+     * Which end a selected tag's label truncates from: `end` → `label…`, `start` →
+     * `…label`. `false` (default) never truncates.
+     *
+     * Truncation needs the tag to be width-constrained: in a single row the tags
+     * share the row with the `+N` counter, so an over-wide label truncates to fit.
+     * With `multiRow` the tags wrap first, so a label truncates only when it is
+     * wider than the field on its own.
      * @default false
      */
     tagEllipsis: _angular_core.InputSignal<TagEllipsis>;
@@ -6297,6 +6628,11 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
      * When not set, the dropdown height is calculated based on available viewport space.
      */
     maxDropdownHeight: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Does the dropdown close when the page scrolls?
+     * @default false
+     */
+    hideOnScroll: _angular_core.InputSignal<boolean>;
     /**
      * Layout type for the dropdown options.
      * - `"menu"` (default): vertical list of options.
@@ -6306,6 +6642,28 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
      * @default "menu"
      */
     dropdownType: _angular_core.InputSignal<"menu" | "grid">;
+    /**
+     * Renders options with virtual scrolling so only the rows in view exist in the
+     * DOM. Enable for very large option lists (hundreds or more) to keep opening
+     * and scrolling fast. Takes effect only for the default `menu` dropdown type
+     * without `groupBy`; grid and grouped lists fall back to full rendering.
+     * @default false
+     */
+    virtualScroll: _angular_core.InputSignal<boolean>;
+    /**
+     * Fixed row height in pixels for the virtual scroll viewport. Virtual scrolling
+     * assumes every row is the same height and uses this value to compute how many
+     * rows fit, the total scroll height, and where to jump when scrolling. Only
+     * relevant when `virtualScroll` is enabled.
+     *
+     * Leave unset by default: the height is auto-measured from the first rendered
+     * option, which covers the standard option template. Set it only when that
+     * measurement is unreliable — typically a custom `optionTemplate` whose rows
+     * have a known uniform height that the first row doesn't represent (e.g. only
+     * some rows carry a description line). Setting a wrong value makes rows overlap
+     * or leave gaps, so prefer auto-measurement unless you hit one of these cases.
+     */
+    virtualItemSize: _angular_core.InputSignal<number | undefined>;
     /**
      * Whether the select has a search input for filtering options.
      * @default false
@@ -6368,9 +6726,29 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
     visibleTagsCount: _angular_core.WritableSignal<number | null>;
     searchTerm: _angular_core.WritableSignal<string>;
     searchFocused: _angular_core.WritableSignal<boolean>;
+    /** Index into `virtualRows()` of the keyboard-active row (-1 when none). */
+    activeIndex: _angular_core.WritableSignal<number>;
+    /** Measured row height for the virtual scroll viewport. */
+    measuredRowHeight: _angular_core.WritableSignal<number | null>;
+    private static readonly DEFAULT_ROW_HEIGHT;
+    private static readonly SMALL_ROW_HEIGHT;
     hiddenTagsCount: _angular_core.Signal<number>;
+    /**
+     * Whether the default identity comparator is in use. When true, selection and
+     * item lookups can use O(1) Set/Map paths instead of O(n) scans with the
+     * user-supplied comparator. See issue #552.
+     */
+    private readonly usesDefaultCompare;
+    /** O(1) membership set of selected values for the identity-comparison path. */
+    private readonly selectedValueSet;
+    /** value → normalized option, for O(1) label lookups. */
+    private readonly optionByValue;
+    /** value → original item, for O(1) custom-template context lookups. */
+    private readonly itemByValue;
     listboxRef: _angular_core.Signal<ElementRef<any> | undefined>;
     cdkListboxRef: _angular_core.Signal<CdkListbox<any> | undefined>;
+    viewport: _angular_core.Signal<CdkVirtualScrollViewport | undefined>;
+    virtualListboxRef: _angular_core.Signal<ElementRef<any> | undefined>;
     connectedOverlay: _angular_core.Signal<CdkConnectedOverlay | undefined>;
     triggerRef: _angular_core.Signal<ElementRef<any> | undefined>;
     searchInputRef: _angular_core.Signal<ElementRef<any> | undefined>;
@@ -6378,8 +6756,12 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
     tagRefs: _angular_core.Signal<readonly ElementRef<any>[]>;
     hostRef: ElementRef<any>;
     private ngZone;
+    private renderer;
+    private document;
+    private scrollListener?;
     optionTemplate: _angular_core.Signal<SelectOptionTemplateDirective<any> | undefined>;
     valueTemplate: _angular_core.Signal<SelectValueTemplateDirective<any> | undefined>;
+    tooltipTemplate: _angular_core.Signal<SelectTooltipTemplateDirective | undefined>;
     normalizedOptions: _angular_core.Signal<SelectOption<T>[]>;
     filteredOptions: _angular_core.Signal<SelectOption<T>[]>;
     optionGroups: _angular_core.Signal<SelectOptionGroup<T>[]>;
@@ -6389,6 +6771,19 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
     showSingleSelectedValue: _angular_core.Signal<boolean>;
     allOptionsSelected: _angular_core.Signal<boolean>;
     someOptionsSelected: _angular_core.Signal<boolean>;
+    /** Whether virtual scrolling is active: opt-in, flat `menu` lists only. */
+    readonly virtualize: _angular_core.Signal<boolean>;
+    /** Whether the pinned select-all row is shown above the virtual viewport. */
+    readonly showSelectAllRow: _angular_core.Signal<boolean>;
+    /** Ordered navigable rows for the virtual listbox (pinned select-all + options). */
+    readonly virtualRows: _angular_core.Signal<VirtualRow<T>[]>;
+    /** Effective row height for the viewport: explicit input, measured, or size default. */
+    readonly virtualRowHeight: _angular_core.Signal<number>;
+    /** Height of the scrolling viewport: content-sized, capped at available space. */
+    readonly virtualViewportHeight: _angular_core.Signal<number>;
+    trackByOptionValue: (_: number, option: SelectOption<T>) => unknown;
+    /** id of the active row, exposed via aria-activedescendant on the listbox. */
+    readonly activeDescendantId: _angular_core.Signal<string | null>;
     ngAfterContentChecked(): void;
     ngAfterViewChecked(): void;
     onWindowResize(): void;
@@ -6410,11 +6805,47 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
     onArrowClick(event: Event): void;
     onTriggerEnter(): void;
     onSearchKeydown(event: KeyboardEvent): void;
+    /** Navigate the open list (virtual or CDK), or open the dropdown when closed. */
+    private navigateOrOpen;
+    /** Activate the active option (virtual or CDK), or open the dropdown when closed. */
+    private confirmActiveOrOpen;
     private static readonly KEY_CODES;
     private forwardToCdkListbox;
+    virtualOptionId(index: number): string;
+    /** Keyboard handler for the non-searchable virtual listbox element. */
+    onVirtualListboxKeydown(event: KeyboardEvent): void;
+    private handleVirtualNavKey;
+    private moveActive;
+    private moveActiveToEdge;
+    private isRowNavigable;
+    private setActiveIndex;
+    private scrollActiveIntoView;
+    /**
+     * Scroll the initially-active option into view once the overlay has attached.
+     * Driven by the overlay's `(attach)` event because the virtual viewport (a
+     * viewChild inside the overlay portal) only resolves after attachment.
+     *
+     * The scroll is deferred one macrotask: at attach time the CDK viewport has not
+     * yet established its scrollable content size, so `scrollToIndex` would clamp to
+     * 0. By the next macrotask the content size is set and the measured row height
+     * (for taller custom templates) has been applied to `itemSize`.
+     */
+    onOverlayAttached(): void;
+    /** Set the active row on open: the first selected option, else the first navigable row. */
+    private initVirtualActive;
+    activateActiveRow(): void;
+    private activateRow;
+    onVirtualOptionClick(option: SelectOption<T>): void;
+    private syncActiveToOptionValue;
+    onVirtualSelectAllClick(): void;
+    private toggleOptionValue;
+    private selectSingleValue;
+    private measureVirtualRowHeight;
     private openDropdown;
     private calculateDropdownMaxHeight;
     private closeDropdown;
+    private setupScrollListener;
+    private cleanupScrollListener;
     handleValueChange(event: {
         value: readonly unknown[];
     }): void;
@@ -6446,7 +6877,7 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent<any>, "tedi-select", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "dropdownWidthRef": { "alias": "dropdownWidthRef"; "required": false; "isSignal": true; }; "dropdownAlign": { "alias": "dropdownAlign"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": false; "isSignal": true; }; "allowMultiple": { "alias": "allowMultiple"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "selectableGroups": { "alias": "selectableGroups"; "required": false; "isSignal": true; }; "isTagRemovable": { "alias": "isTagRemovable"; "required": false; "isSignal": true; }; "multiRow": { "alias": "multiRow"; "required": false; "isSignal": true; }; "tagEllipsis": { "alias": "tagEllipsis"; "required": false; "isSignal": true; }; "ellipsis": { "alias": "ellipsis"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "disabledKey": { "alias": "disabledKey"; "required": false; "isSignal": true; }; "noOptionsMessage": { "alias": "noOptionsMessage"; "required": false; "isSignal": true; }; "maxDropdownHeight": { "alias": "maxDropdownHeight"; "required": false; "isSignal": true; }; "dropdownType": { "alias": "dropdownType"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchFn": { "alias": "searchFn"; "required": false; "isSignal": true; }; "clearSearchOnSelect": { "alias": "clearSearchOnSelect"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "searchChange": "searchChange"; "opened": "opened"; "closed": "closed"; "cleared": "cleared"; }, ["optionTemplate", "valueTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent<any>, "tedi-select", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "dropdownWidthRef": { "alias": "dropdownWidthRef"; "required": false; "isSignal": true; }; "dropdownAlign": { "alias": "dropdownAlign"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": false; "isSignal": true; }; "allowMultiple": { "alias": "allowMultiple"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "selectableGroups": { "alias": "selectableGroups"; "required": false; "isSignal": true; }; "isTagRemovable": { "alias": "isTagRemovable"; "required": false; "isSignal": true; }; "multiRow": { "alias": "multiRow"; "required": false; "isSignal": true; }; "tagEllipsis": { "alias": "tagEllipsis"; "required": false; "isSignal": true; }; "ellipsis": { "alias": "ellipsis"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "disabledKey": { "alias": "disabledKey"; "required": false; "isSignal": true; }; "noOptionsMessage": { "alias": "noOptionsMessage"; "required": false; "isSignal": true; }; "maxDropdownHeight": { "alias": "maxDropdownHeight"; "required": false; "isSignal": true; }; "hideOnScroll": { "alias": "hideOnScroll"; "required": false; "isSignal": true; }; "dropdownType": { "alias": "dropdownType"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualItemSize": { "alias": "virtualItemSize"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchFn": { "alias": "searchFn"; "required": false; "isSignal": true; }; "clearSearchOnSelect": { "alias": "clearSearchOnSelect"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "searchChange": "searchChange"; "opened": "opened"; "closed": "closed"; "cleared": "cleared"; }, ["optionTemplate", "valueTemplate", "tooltipTemplate"], never, true, never>;
 }
 
 type SliderHideLabel = boolean | "keep-space";
@@ -6620,6 +7051,11 @@ declare class ToggleComponent implements ControlValueAccessor {
      * @default false
      */
     icon: _angular_core.InputSignal<boolean>;
+    /**
+     * Accessible label for the toggle. Provide this when there is no associated
+     * visible `<label>` element, so the switch has an accessible name.
+     */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
     inputRef: ElementRef<HTMLInputElement>;
     private onChange;
     private onTouched;
@@ -6632,7 +7068,7 @@ declare class ToggleComponent implements ControlValueAccessor {
     classes: _angular_core.Signal<string>;
     iconColor: _angular_core.Signal<IconColor>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleComponent, "tedi-toggle", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleComponent, "tedi-toggle", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
 }
 
 /**
@@ -6735,7 +7171,7 @@ declare class TextFieldComponent implements ControlValueAccessor, FormFieldContr
      * Disables the input from a parent template (e.g. a wrapping field component).
      * Combined with the reactive-forms disabled state and any input-group state.
      */
-    readonly disabledInput: _angular_core.InputSignal<boolean>;
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly disabled: _angular_core.Signal<boolean>;
     readonly invalid: _angular_core.WritableSignal<boolean>;
     setInvalidState(isInvalid: boolean): void;
@@ -6750,11 +7186,91 @@ declare class TextFieldComponent implements ControlValueAccessor, FormFieldContr
     setDisabledState(isDisabled: boolean): void;
     handleInputChange(event: Event): void;
     handleBlur(): void;
+    focus(): void;
     clearField(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextFieldComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextFieldComponent, "input[tedi-text-field]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "arrowsHidden": { "alias": "arrowsHidden"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "clear": "clear"; }, never, never, true, never>;
 }
 
+declare class TextareaComponent implements ControlValueAccessor, FormFieldControl {
+    private el;
+    private renderer;
+    /**
+     * Value of the textarea. Supports two-way binding, use with form controls.
+     */
+    value: _angular_core.ModelSignal<string>;
+    /**
+     * Whether the user can resize the textarea. Only vertical resizing is
+     * supported; set to `false` to disable resizing entirely.
+     *
+     * The resize is applied to the surrounding `tedi-form-field` box (which owns
+     * the border) while the textarea fills it, so the visible field resizes with
+     * the drag.
+     *
+     * @default true
+     */
+    resizable: _angular_core.InputSignal<boolean>;
+    /**
+     * Automatically grows the textarea to fit its content as the user types,
+     * using the native CSS `field-sizing` property (no JavaScript). Growth is
+     * bounded by `minRows` and `maxRows` (and the optional `maxHeight` cap), and
+     * manual resizing is disabled while auto-growing.
+     *
+     * On browsers without `field-sizing` support the textarea gracefully falls
+     * back to its `minRows` height and remains manually resizable.
+     *
+     * @default false
+     */
+    autoGrow: _angular_core.InputSignal<boolean>;
+    /**
+     * Minimum number of visible rows while `autoGrow` is enabled.
+     * @default 3
+     */
+    minRows: _angular_core.InputSignal<number>;
+    /**
+     * Maximum number of visible rows before the field scrolls, while `autoGrow`
+     * is enabled.
+     * @default 12
+     */
+    maxRows: _angular_core.InputSignal<number>;
+    /**
+     * Fixed height of the textarea (e.g. `'7.5rem'`, `200` → `200px`). Applied
+     * only when `autoGrow` is disabled; otherwise the height is content-driven.
+     * Set to `undefined` to let the resting height come from the native `rows`
+     * attribute instead.
+     *
+     * @default "7.5rem"
+     */
+    height: _angular_core.InputSignal<string | number | undefined>;
+    /**
+     * Maximum height the textarea may grow to (e.g. `'200px'`, `12` → `12px`,
+     * `'12rem'`). Beyond it the field scrolls. Limits `autoGrow` growth (in
+     * addition to `maxRows`) and manual resizing.
+     */
+    maxHeight: _angular_core.InputSignal<string | number | undefined>;
+    private toCssSize;
+    private rowsToHeight;
+    readonly heightStyle: _angular_core.Signal<string | null>;
+    readonly minHeightStyle: _angular_core.Signal<string | null>;
+    readonly maxHeightStyle: _angular_core.Signal<string | null>;
+    readonly disabled: _angular_core.Signal<boolean>;
+    readonly invalid: _angular_core.WritableSignal<boolean>;
+    setInvalidState(isInvalid: boolean): void;
+    private formDisabled;
+    private onChange;
+    private onTouched;
+    constructor();
+    private setValue;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    handleInputChange(event: Event): void;
+    handleBlur(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaComponent, "textarea[tedi-textarea]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "autoGrow": { "alias": "autoGrow"; "required": false; "isSignal": true; }; "minRows": { "alias": "minRows"; "required": false; "isSignal": true; }; "maxRows": { "alias": "maxRows"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
 type TimePickerVariant = "scroll" | "slots" | "dropdown";
 type WheelType = "hour" | "minute";
 declare class TimePickerComponent implements ControlValueAccessor, AfterViewInit, OnDestroy {
@@ -6973,6 +7489,7 @@ declare class TimeFieldComponent implements ControlValueAccessor, FormFieldContr
     handleInput(event: Event): void;
     handleBlur(): void;
     clearInput(): void;
+    focus(): void;
     clearField(): void;
     openNativePicker(): void;
     onInputClick(event: MouseEvent): void;
@@ -7312,12 +7829,16 @@ declare class ScrollFadeComponent implements AfterViewInit, OnDestroy {
     readonly fadePosition: _angular_core.InputSignal<ScrollFadePosition>;
     /** Scrollbar style. */
     readonly scrollBar: _angular_core.InputSignal<ScrollFadeScrollbar>;
+    /** Accessible label for the scrollable region. Falls back to a translated default. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     /** Emitted when scrolled to the top. */
     readonly scrolledToTop: _angular_core.OutputEmitterRef<void>;
     /** Emitted when scrolled to the bottom. */
     readonly scrolledToBottom: _angular_core.OutputEmitterRef<void>;
+    private readonly translationService;
     private readonly innerRef;
     private resizeObserver;
+    readonly _defaultLabel: _angular_core.Signal<string>;
     private readonly fade;
     readonly classes: _angular_core.Signal<string>;
     readonly innerClasses: _angular_core.Signal<string>;
@@ -7326,7 +7847,7 @@ declare class ScrollFadeComponent implements AfterViewInit, OnDestroy {
     ngOnDestroy(): void;
     private updateFade;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScrollFadeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollFadeComponent, "tedi-scroll-fade", never, { "fadeSize": { "alias": "fadeSize"; "required": false; "isSignal": true; }; "fadePosition": { "alias": "fadePosition"; "required": false; "isSignal": true; }; "scrollBar": { "alias": "scrollBar"; "required": false; "isSignal": true; }; }, { "scrolledToTop": "scrolledToTop"; "scrolledToBottom": "scrolledToBottom"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ScrollFadeComponent, "tedi-scroll-fade", never, { "fadeSize": { "alias": "fadeSize"; "required": false; "isSignal": true; }; "fadePosition": { "alias": "fadePosition"; "required": false; "isSignal": true; }; "scrollBar": { "alias": "scrollBar"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "scrolledToTop": "scrolledToTop"; "scrolledToBottom": "scrolledToBottom"; }, never, ["*"], true, never>;
 }
 
 type SeparatorAxis = "horizontal" | "vertical";
@@ -8073,8 +8594,7 @@ declare class HeaderRoleComponent {
     closeIfOtherRoleActive(active: unknown, isOpen: boolean): void;
     handleMobileOpen(): void;
     handleSelectRepresentative(r: Representative): void;
-    handleInputChange(event: Event): void;
-    trackById: (_: number, r: Representative) => string;
+    handleInputChange(value: string): void;
     protected resolveIcon(icon: string | RepresentativeIcon | undefined): {
         name: string;
         size: IconSize;
@@ -8556,12 +9076,16 @@ declare class TabsComponent {
 }
 
 /**
- * A single tab button inside `tedi-tabs-list`. Applied to a native `<button>`
- * so it inherits native focus, disabled and activation behaviour.
+ * A single tab inside `tedi-tabs-list`. Applied to a native `<button>` (in-page
+ * tab) or `<a>` (a tab that navigates to a route — add `href`/`routerLink`).
+ * The anchor form keeps the same `role="tab"` semantics but is a real link, so
+ * it works with keyboard/new-tab/copy-link as WCAG expects for navigation.
  */
 declare class TabsTriggerComponent {
     private readonly tabs;
     private readonly host;
+    /** Whether the trigger is rendered as an anchor (`<a>`) rather than a button. */
+    readonly isAnchor: boolean;
     /**
      * Unique identifier for this tab. Used as the element id and to link to the
      * corresponding `tedi-tabs-content` panel (`aria-controls="{id}-panel"`).
@@ -8572,15 +9096,17 @@ declare class TabsTriggerComponent {
     /** Whether the tab is disabled. */
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly isSelected: _angular_core.Signal<boolean>;
+    readonly tabIndex: _angular_core.Signal<0 | -1>;
     /** Plain-text label, used as the accessible name of the overflow dropdown item. */
     get label(): string;
     get contentNodes(): Node[];
     /** Scrolls this trigger into view within a horizontally scrolling tablist. */
     scrollIntoView(): void;
-    handleClick(): void;
+    handleClick(event?: Event): void;
+    private opensInNewBrowsingContext;
     handleKeydown(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsTriggerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsTriggerComponent, "button[tedi-tabs-trigger]", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsTriggerComponent, "button[tedi-tabs-trigger], a[tedi-tabs-trigger]", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 type TabsOverflowMode = "dropdown" | "scroll";
@@ -8928,6 +9454,35 @@ declare class TooltipContentComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipContentComponent, "tedi-tooltip-content", never, { "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+declare class InfoTooltipComponent {
+    /**
+     * Position of the tooltip relative to the info button.
+     * @default top
+     */
+    position: _angular_core.InputSignal<_tedi_design_system_angular_tedi.OverlayPosition>;
+    /**
+     * How the tooltip can be opened.
+     * @default both
+     */
+    openWith: _angular_core.InputSignal<TooltipOpenWith>;
+    /**
+     * Max width of the tooltip content.
+     * @default medium
+     */
+    maxWidth: _angular_core.InputSignal<TooltipWidth>;
+    /**
+     * Color variant of the info button. Use `inverted` on dark or colored backgrounds.
+     * @default primary
+     */
+    color: _angular_core.InputSignal<"primary" | "inverted">;
+    /**
+     * Accessible name for the info button. Defaults to the translated info-button label.
+     */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InfoTooltipComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InfoTooltipComponent, "tedi-info-tooltip", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "openWith": { "alias": "openWith"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 type PopoverWidth = "none" | "small" | "medium" | "large";
 declare class PopoverContentComponent {
     /**
@@ -9124,6 +9679,6 @@ declare function isValidTime(time: string | null | undefined): boolean;
  */
 declare function normalizeTime(input: string): string | null;
 
-export { AVAILABLE_LANGUAGES, AccordionComponent, AccordionItemComponent, AccordionItemContentComponent, AccordionItemHeaderComponent, AlertComponent, AttachmentActionsComponent, AttachmentComponent, BREAKPOINTS, BaseButtonDirective, BreadcrumbItemDirective, BreadcrumbSeparatorDirective, BreadcrumbsComponent, BreakpointService, ButtonComponent, ButtonGroupButtonDirective, ButtonGroupComponent, COUNTER_TAG_WIDTH, CalendarComponent, CardButtonComponent, CardComponent, CardContentComponent, CardHeaderComponent, CardIconComponent, CardRowComponent, CarouselComponent, CarouselContentComponent, CarouselFooterComponent, CarouselHeaderComponent, CarouselIndicatorsComponent, CarouselNavigationComponent, CarouselSlideDirective, CheckboxCardComponent, CheckboxCardGroupComponent, CheckboxComponent, CheckboxGroupComponent, ClosingButtonComponent, ColComponent, CollapseButtonComponent, CollapseComponent, DROPDOWN_API, DROPDOWN_CONTENT_API, DateFieldComponent, DatePickerComponent, DropdownComponent, DropdownContentComponent, DropdownItemComponent, DropdownItemValueComponent, DropdownItemValueLabelComponent, DropdownItemValueMetaComponent, DropdownTriggerDirective, EllipsisComponent, EmptyStateComponent, FeedbackTextComponent, FilterComponent, FilterContentDirective, FilterGroupComponent, FilterPrependDirective, FooterBodyComponent, FooterBottomComponent, FooterComponent, FooterSectionComponent, FooterSideComponent, FormFieldComponent, HeaderActionsComponent, HeaderBottomComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoComponent, HeaderLogoDarkDirective, HeaderLogoutComponent, HeaderMobileButtonComponent, HeaderProfileComponent, HeaderRoleComponent, HeaderRoleContentDirective, HeaderRoleNoResultsDirective, HeaderRoleTitleDirective, HeaderSearchComponent, HeaderTopComponent, HideAtDirective, HorizontalPushHandler, HorizontalStepperComponent, HorizontalStepperItemComponent, IconComponent, InfoButtonComponent, InputGroupComponent, InputGroupPrefixDirective, InputGroupSuffixDirective, LANGUAGE_COOKIE_NAME, LANGUAGE_FALLBACK_VALUE, LabelComponent, LinkComponent, ListComponent, MODAL_DATA, MODAL_SIZE, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, ModalRef, ModalService, NumberFieldComponent, PaginationComponent, PopoverComponent, PopoverContentComponent, PopoverTriggerDirective, ProgressBarComponent, RadioCardComponent, RadioCardGroupComponent, RadioComponent, RadioGroupComponent, RowComponent, ScrollFadeComponent, SelectComponent, SelectOptionTemplateDirective, SelectValueTemplateDirective, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, SliderComponent, SpecialOptionControls, SpinnerComponent, StatusBadgeComponent, StatusIndicatorComponent, TAG_GAP, TEDI_FORM_FIELD_CONTROL, TEDI_INPUT_GROUP, TEDI_TABLE_CONTEXT, TEDI_THEME_DEFAULT_TOKEN, TEDI_TRANSLATION_DEFAULT_TOKEN, THEME_CLASS_PREFIX, THEME_COOKIE_NAME, THEME_FALLBACK_VALUE, TOAST_DEFAULT_DURATION, TabsComponent, TabsContentComponent, TabsListComponent, TabsTriggerComponent, TagComponent, TediPaginationResultsDirective, TediTableColumnsMenuComponent, TediTableComponent, TediTableHeaderButtonComponent, TediTableToolbarComponent, TediTranslationPipe, TediTranslationService, TextComponent, TextFieldComponent, TextGroupComponent, TextGroupLabelComponent, TextGroupValueComponent, ThemeService, TimeFieldComponent, TimePickerComponent, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTimingsBottomDirective, TimelineTitleComponent, ToastComponent, ToastService, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, addDays, addMonths, addYears, breakpointInput, buildMonthGrid, calculateArrowOffset, calculateVisibleTagCount, computeGroupSpans, cookieSignal, createTablePersistence, endOfMonth, formatDate, formatLocaleDate, formatLocaleDateHint, formatLocaleDateLong, formatMonthYear, generateUUID, getCardBorderPlacementColor, getDaysInMonth, getFirstDayOfWeek, getFocusableElements, getISOWeek, getMonthNames, getPaddingCssVariables, getPlacementFromPositionChange, getWeekdayNames, groupRowSpan, injectTediTableContext, isAfterDay, isBeforeDay, isDateInRange, isSameDay, isSameMonth, isSameYear, isValidTime, matchAny, matchDate, normalizeTime, parseDate, parseLocaleDate, provideTedi, resolveCardBorderRadius, startOfMonth, startOfWeek, toConnectedPositions, toggleDateInArray, usePagination };
-export type { AccordionInputs, AlertRole, AlertSize, AlertTitleType, AlertType, AlertVariant, AlignItems, AlignSelf, ArrowOffset, ArrowType, AttachmentDirection, BreadcrumbsInputs, BreadcrumbsVariant, Breakpoint, BreakpointFlag, BreakpointInput, BreakpointInputs, BreakpointInputsWithoutSignals, BreakpointObject, BulletColor, ButtonGroupDropdownLabelMode, ButtonSize, ButtonVariant, CalendarView, CardBackground, CardBorderPlacement, CardBorderRadius, CardBorderType, CardContentInputs, CardIconSize, CardIconType, CardInputs, CardPadding, CardPaddingNumber, CardResolvedCorners, CarouselIndicatorsVariant, CheckboxCardVariant, CheckboxGroupDirection, CheckboxSize, ClosingButtonIconSize, ClosingButtonSize, ColInputs, ColWidth, CollapseButtonArrowType, CollapseButtonSize, CollapseSize, Cols, ColumnReorderPhase, CompareWithFn, ComponentInputs, DateAfter, DateBefore, DateFieldMode, DateInterval, DatePickerDay, DatePickerInputSize, DatePickerInputState, DatePickerMatcher, DatePickerSelectorMode, DatePickerView, DateRange, DayOfWeek, DropdownApi, DropdownContentApi, DropdownItemValueLayout, DropdownItemValueType, DropdownPosition, DropdownRole, DropdownTriggerAriaHasPopup, EllipsisPosition, EmptyStateSize, EmptyStateType, FeedbackTextPosition, FeedbackTextType, FilterOption, FilterSize, FilterVariant, FooterSidePlacement, FooterSidePosition, FormFieldControl, FormFieldIcon, Gap, GroupByFn, HeaderContentAlignment, HeaderLanguage, HeaderLanguageLabelPosition, HeaderLoginInputs, HeaderLoginSize, HeaderLogoutInputs, HeaderLogoutSize, HeaderProfileInputs, HeaderProfileSize, HeaderSearchMobileLabels, HeaderSearchMobileVariant, HeaderTopAlignment, HeaderTopInputs, HorizontalStepperBackground, IconBackgroundColor, IconColor, IconSize, IconType, IconVariant, InputGroupContext, InputSize, InputState, JustifyItems, JustifySelf, LabelColor, LabelSize, Language, LinkInputs, LinkSize, LinkVariant, Matcher, ModalConfig, ModalFullscreen, ModalPosition, ModalScrollBehavior, ModalSize, ModalWidth, ModalWidthPreset, NumberFieldSize, OverlayPosition, OverlaySide, PaginationBackground, PaginationDividerPosition, PaginationItem, PaginationItemType, PaginationLabels, PaginationVisibility, PopoverPosition, PopoverWidth, ProgressBarInputs, ProgressBarLabelPosition, ProgressBarSize, ProgressBarValuePosition, RadioCardVariant, RadioGroupDirection, RadioSize, Representative, RepresentativeIcon, RowInputs, ScrollFadePosition, ScrollFadeScrollbar, ScrollFadeSize, SelectInputSize, SelectOption, SelectOptionContext, SelectOptionGroup, SelectValueContext, SeparatorAxis, SeparatorColor, SeparatorDotSize, SeparatorSpacing, SeparatorSpacingValue, SeparatorThickness, SeparatorVariant, SideNavItemSize, SliderHideLabel, SpinnerColor, SpinnerSize, StatusBadgeColor, StatusBadgeSize, StatusBadgeStatus, StatusBadgeVariant, StatusIndicatorPosition, StatusIndicatorSize, StatusIndicatorType, TEDITheme, TableColumnMeta, TableControlColumn, TableExpandTrigger, TableFilterOptions, TablePaginationOptions, TablePersistOptions, TablePersistenceController, TableSelectionMode, TableSize, TableState, TableStatePatch, TabsOverflowMode, TagEllipsis, TagOverflowOptions, TagType, TediColumnDef, TediConfig, TediTableContextValue, TediTableFilterContext, TextColor, TextGroupInputs, TextGroupType, TextModifiers, Theme, TimeFieldFullscreen, TimeFieldModal, TimeFieldPickerTrigger, TimeFieldPickerVariant, TimeFieldUseNativePicker, TimePickerVariant, TimelineCardPadding, TimelineVariant, ToastConfig, ToastPosition, ToastRole, ToastType, ToggleSize, ToggleType, ToggleVariant, TooltipOpenWith, TooltipPosition, TooltipWidth, UsePaginationArgs, VerticalSpacingSize };
+export { AVAILABLE_LANGUAGES, AccordionComponent, AccordionItemComponent, AccordionItemContentComponent, AccordionItemHeaderComponent, AlertComponent, AttachmentActionsComponent, AttachmentComponent, BREAKPOINTS, BaseButtonDirective, BreadcrumbItemDirective, BreadcrumbSeparatorDirective, BreadcrumbsComponent, BreakpointService, ButtonComponent, ButtonGroupButtonDirective, ButtonGroupComponent, COUNTER_TAG_WIDTH, CalendarComponent, CardButtonComponent, CardComponent, CardContentComponent, CardHeaderComponent, CardIconComponent, CardRowComponent, CarouselComponent, CarouselContentComponent, CarouselFooterComponent, CarouselHeaderComponent, CarouselIndicatorsComponent, CarouselNavigationComponent, CarouselSlideDirective, CheckboxCardComponent, CheckboxCardGroupComponent, CheckboxComponent, CheckboxGroupComponent, ClosingButtonComponent, ColComponent, CollapseButtonComponent, CollapseComponent, DROPDOWN_API, DROPDOWN_CONTENT_API, DateFieldComponent, DatePickerComponent, DropdownComponent, DropdownContentComponent, DropdownItemComponent, DropdownItemValueComponent, DropdownItemValueLabelComponent, DropdownItemValueMetaComponent, DropdownTriggerDirective, EllipsisComponent, EmptyStateComponent, FeedbackTextComponent, FilterComponent, FilterContentDirective, FilterGroupComponent, FilterPrependDirective, FooterBodyComponent, FooterBottomComponent, FooterComponent, FooterSectionComponent, FooterSideComponent, FormFieldComponent, HeaderActionsComponent, HeaderBottomComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoComponent, HeaderLogoDarkDirective, HeaderLogoutComponent, HeaderMobileButtonComponent, HeaderProfileComponent, HeaderRoleComponent, HeaderRoleContentDirective, HeaderRoleNoResultsDirective, HeaderRoleTitleDirective, HeaderSearchComponent, HeaderTopComponent, HideAtDirective, HorizontalPushHandler, HorizontalStepperComponent, HorizontalStepperItemComponent, IconComponent, InfoButtonComponent, InfoTooltipComponent, InputGroupComponent, InputGroupPrefixDirective, InputGroupSuffixDirective, LANGUAGE_COOKIE_NAME, LANGUAGE_FALLBACK_VALUE, LabelComponent, LabelRowComponent, LinkComponent, ListComponent, MODAL_DATA, MODAL_SIZE, ModalComponent, ModalContentComponent, ModalFooterComponent, ModalHeaderComponent, ModalRef, ModalService, NumberFieldComponent, PaginationComponent, PopoverComponent, PopoverContentComponent, PopoverTriggerDirective, ProgressBarComponent, RadioCardComponent, RadioCardGroupComponent, RadioComponent, RadioGroupComponent, RowComponent, ScrollFadeComponent, SearchComponent, SelectComponent, SelectOptionTemplateDirective, SelectTooltipTemplateDirective, SelectValueTemplateDirective, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, SliderComponent, SpecialOptionControls, SpinnerComponent, StatusBadgeComponent, StatusIndicatorComponent, TAG_GAP, TEDI_FORM_FIELD_CONTROL, TEDI_INPUT_GROUP, TEDI_TABLE_CONTEXT, TEDI_THEME_DEFAULT_TOKEN, TEDI_TRANSLATION_DEFAULT_TOKEN, THEME_CLASS_PREFIX, THEME_COOKIE_NAME, THEME_FALLBACK_VALUE, TOAST_DEFAULT_DURATION, TabsComponent, TabsContentComponent, TabsListComponent, TabsTriggerComponent, TagComponent, TediPaginationResultsDirective, TediTableColumnsMenuComponent, TediTableComponent, TediTableHeaderButtonComponent, TediTableToolbarComponent, TediTranslationPipe, TediTranslationService, TextComponent, TextFieldComponent, TextGroupComponent, TextGroupLabelComponent, TextGroupValueComponent, TextareaComponent, ThemeService, TimeFieldComponent, TimePickerComponent, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTimingsBottomDirective, TimelineTitleComponent, ToastComponent, ToastService, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, addDays, addMonths, addYears, breakpointInput, buildMonthGrid, calculateArrowOffset, calculateVisibleTagCount, computeGroupSpans, cookieSignal, createTablePersistence, endOfMonth, formatDate, formatLocaleDate, formatLocaleDateHint, formatLocaleDateLong, formatMonthYear, generateUUID, getCardBorderPlacementColor, getDaysInMonth, getFirstDayOfWeek, getFocusableElements, getISOWeek, getMonthNames, getPaddingCssVariables, getPlacementFromPositionChange, getWeekdayNames, groupRowSpan, injectTediTableContext, isAfterDay, isBeforeDay, isDateInRange, isSameDay, isSameMonth, isSameYear, isValidTime, matchAny, matchDate, normalizeTime, parseDate, parseLocaleDate, provideTedi, resolveCardBorderRadius, startOfMonth, startOfWeek, toConnectedPositions, toggleDateInArray, usePagination };
+export type { AccordionInputs, AlertRole, AlertSize, AlertTitleType, AlertType, AlertVariant, AlignItems, AlignSelf, ArrowOffset, ArrowType, AttachmentDirection, BreadcrumbsInputs, BreadcrumbsVariant, Breakpoint, BreakpointFlag, BreakpointInput, BreakpointInputs, BreakpointInputsWithoutSignals, BreakpointObject, BulletColor, ButtonGroupDropdownLabelMode, ButtonSize, ButtonVariant, CalendarView, CardBackground, CardBorderPlacement, CardBorderRadius, CardBorderType, CardContentInputs, CardIconSize, CardIconType, CardInputs, CardPadding, CardPaddingNumber, CardResolvedCorners, CarouselIndicatorsVariant, CheckboxCardVariant, CheckboxGroupDirection, CheckboxSize, ClosingButtonIconSize, ClosingButtonSize, ColInputs, ColWidth, CollapseButtonArrowType, CollapseButtonSize, CollapseSize, Cols, ColumnReorderPhase, CompareWithFn, ComponentInputs, DateAfter, DateBefore, DateFieldMode, DateInterval, DatePickerDay, DatePickerInputSize, DatePickerInputState, DatePickerMatcher, DatePickerSelectorMode, DatePickerView, DateRange, DayOfWeek, DropdownApi, DropdownContentApi, DropdownItemValueLayout, DropdownItemValueType, DropdownPosition, DropdownRole, DropdownTriggerAriaHasPopup, EllipsisPosition, EmptyStateSize, EmptyStateType, FeedbackTextPosition, FeedbackTextType, FilterOption, FilterSize, FilterVariant, FooterSidePlacement, FooterSidePosition, FormFieldControl, FormFieldIcon, Gap, GroupByFn, HeaderContentAlignment, HeaderLanguage, HeaderLanguageLabelPosition, HeaderLoginInputs, HeaderLoginSize, HeaderLogoutInputs, HeaderLogoutSize, HeaderProfileInputs, HeaderProfileSize, HeaderSearchMobileLabels, HeaderSearchMobileVariant, HeaderTopAlignment, HeaderTopInputs, HorizontalStepperBackground, IconBackgroundColor, IconColor, IconSize, IconType, IconVariant, InputGroupContext, InputSize, InputState, JustifyItems, JustifySelf, LabelColor, LabelSize, Language, LinkInputs, LinkSize, LinkVariant, Matcher, ModalConfig, ModalFullscreen, ModalPosition, ModalScrollBehavior, ModalSize, ModalWidth, ModalWidthPreset, NumberFieldSize, OverlayPosition, OverlaySide, PaginationBackground, PaginationDividerPosition, PaginationItem, PaginationItemType, PaginationLabels, PaginationVisibility, PopoverPosition, PopoverWidth, ProgressBarInputs, ProgressBarLabelPosition, ProgressBarSize, ProgressBarValuePosition, RadioCardVariant, RadioGroupDirection, RadioSize, Representative, RepresentativeIcon, RowInputs, ScrollFadePosition, ScrollFadeScrollbar, ScrollFadeSize, SearchButton, SearchSize, SelectInputSize, SelectOption, SelectOptionContext, SelectOptionGroup, SelectValueContext, SeparatorAxis, SeparatorColor, SeparatorDotSize, SeparatorSpacing, SeparatorSpacingValue, SeparatorThickness, SeparatorVariant, SideNavItemSize, SliderHideLabel, SpinnerColor, SpinnerSize, StatusBadgeColor, StatusBadgeSize, StatusBadgeStatus, StatusBadgeVariant, StatusIndicatorPosition, StatusIndicatorSize, StatusIndicatorType, TEDITheme, TableColumnMeta, TableControlColumn, TableExpandTrigger, TableFilterOptions, TablePaginationOptions, TablePersistOptions, TablePersistenceController, TableSelectionMode, TableSize, TableState, TableStatePatch, TabsOverflowMode, TagEllipsis, TagOverflowOptions, TagType, TediColumnDef, TediConfig, TediTableContextValue, TediTableFilterContext, TextColor, TextGroupInputs, TextGroupType, TextModifiers, Theme, TimeFieldFullscreen, TimeFieldModal, TimeFieldPickerTrigger, TimeFieldPickerVariant, TimeFieldUseNativePicker, TimePickerVariant, TimelineCardPadding, TimelineVariant, ToastConfig, ToastPosition, ToastRole, ToastType, ToggleSize, ToggleType, ToggleVariant, TooltipOpenWith, TooltipPosition, TooltipWidth, UsePaginationArgs, VerticalSpacingSize, VirtualRow };
 //# sourceMappingURL=index.d.ts.map