@tedi-design-system/angular 7.1.0-rc.2 → 7.1.0-rc.21

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';
@@ -358,6 +358,13 @@ declare const translationsMap: {
         en: string;
         ru: string;
     };
+    "breadcrumbs.show-more": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
     more: {
         components: string[];
         et: string;
@@ -812,6 +819,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[];
@@ -910,6 +945,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[];
@@ -1512,6 +1554,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[];
@@ -2571,12 +2620,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>;
@@ -2585,9 +2632,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 {
@@ -2615,6 +2661,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;
@@ -2622,6 +2670,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>;
@@ -2678,7 +2727,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 {
@@ -3080,12 +3129,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>;
@@ -3245,12 +3294,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;
@@ -3336,6 +3393,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>;
@@ -3934,6 +4001,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:
@@ -4094,6 +4171,7 @@ declare class TediTableComponent<TData> {
      */
     readonly rowDrop: _angular_core.OutputEmitterRef<CdkDragDrop<TData[], TData[], any>>;
     protected readonly injector: Injector;
+    private readonly platformId;
     private readonly translation;
     private readonly _hoveredRowId;
     /**
@@ -4109,6 +4187,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. */
@@ -4208,6 +4290,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
@@ -4219,6 +4309,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;
     /**
@@ -4320,6 +4411,14 @@ declare class TediTableComponent<TData> {
     protected handleHeaderKeydown(event: KeyboardEvent, header: {
         column: ReturnType<Table<TData>["getAllLeafColumns"]>[number];
     }): void;
+    private readonly scrollContainer;
+    /**
+     * Resets the table's own vertical scroll to the top. Only affects the
+     * internal scroll container (used when `maxHeight` is set); the horizontal
+     * scroll position is preserved since columns are identical across pages, and
+     * the window scroll is intentionally left untouched.
+     */
+    private resetScrollTop;
     protected handlePaginationPageChange(nextPage: number): void;
     protected handlePaginationPageSizeChange(nextSize: number | undefined): void;
     protected getColumnMeta(column: {
@@ -4328,7 +4427,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;
@@ -4409,6 +4508,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.
@@ -4436,6 +4536,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
@@ -4471,7 +4587,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>>;
@@ -4673,6 +4789,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>;
 }
@@ -4778,12 +4902,13 @@ declare class DropdownComponent implements OnDestroy {
     private readonly document;
     private readonly renderer;
     private scrollListener?;
+    private skipNextGestureOutsideClick;
     constructor();
     ngOnDestroy(): void;
     showDropdown(initialFocus?: "selected" | "first" | "last"): void;
     hideDropdown(): void;
     toggleDropdown(): void;
-    onOutsideClick(): void;
+    onOutsideClick(event?: MouseEvent): void;
     handleFocusOut: (event: FocusEvent) => void;
     tabOutOfDropdown(shiftKey: boolean): void;
     focusFirstItem(): void;
@@ -5390,6 +5515,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;
@@ -5422,6 +5549,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
@@ -5518,6 +5651,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.
@@ -5643,6 +5786,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;
@@ -5670,7 +5814,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; }; "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 {
@@ -5900,6 +6044,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 {
     /**
@@ -5960,6 +6109,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;
@@ -5982,7 +6136,180 @@ 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>;
+    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;
+    /**
+     * 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; }; }, {}, ["control", "ngControl", "feedback"], ["label[tedi-label]", "input[tedi-text-field], 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>;
+    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>;
 }
 
 /**
@@ -6051,61 +6378,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;
-    ngAfterContentInit(): void;
-    private updateValidationState;
-    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 | undefined;
-        "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">;
@@ -6138,7 +6428,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>;
     /**
@@ -6249,6 +6540,14 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
      * @default false
      */
     tagEllipsis: _angular_core.InputSignal<TagEllipsis>;
+    /**
+     * Which end the single selected value truncates from when it doesn't fit.
+     * The full value is revealed in a tooltip on hover/focus. `false` (default)
+     * never truncates. Applies to single-select mode; multiselect tags use
+     * `tagEllipsis`.
+     * @default false
+     */
+    ellipsis: _angular_core.InputSignal<false | EllipsisPosition>;
     /**
      * Function used to compare option values for equality.
      * Used to determine which options are selected.
@@ -6269,6 +6568,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.
@@ -6350,8 +6654,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>[]>;
@@ -6387,6 +6695,8 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
     private openDropdown;
     private calculateDropdownMaxHeight;
     private closeDropdown;
+    private setupScrollListener;
+    private cleanupScrollListener;
     handleValueChange(event: {
         value: readonly unknown[];
     }): void;
@@ -6418,7 +6728,136 @@ 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; }; "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; }; "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";
+declare class SliderComponent implements ControlValueAccessor, OnDestroy {
+    /**
+     * Unique identifier for the underlying range input, used for label association.
+     */
+    inputId: _angular_core.InputSignal<string>;
+    /**
+     * Name attribute of the underlying input.
+     */
+    name: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Label rendered above the slider.
+     */
+    label: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Hide the label visually while keeping it available to assistive technology, or
+     * `"keep-space"` to also reserve its vertical space.
+     * @default false
+     */
+    hideLabel: _angular_core.InputSignal<SliderHideLabel>;
+    /**
+     * Marks the field as required.
+     * @default false
+     */
+    required: _angular_core.InputSignal<boolean>;
+    /**
+     * Minimum allowed value.
+     * @default 0
+     */
+    min: _angular_core.InputSignal<number>;
+    /**
+     * Maximum allowed value.
+     * @default 100
+     */
+    max: _angular_core.InputSignal<number>;
+    /**
+     * Step size.
+     * @default 1
+     */
+    step: _angular_core.InputSignal<number>;
+    /**
+     * Current value. Supports two-way binding and reactive forms.
+     */
+    value: _angular_core.ModelSignal<number>;
+    /**
+     * Disables the slider.
+     * @default false
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Marks the slider as invalid for validation purposes.
+     * @default false
+     */
+    invalid: _angular_core.InputSignal<boolean>;
+    /**
+     * Text rendered to the left of the track (e.g. the minimum value).
+     */
+    minLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Text rendered to the right of the track (e.g. the maximum value).
+     * Ignored when `showCurrentValue` is `true`.
+     */
+    maxLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Render the current value to the right of the track instead of `maxLabel`.
+     * @default false
+     */
+    showCurrentValue: _angular_core.InputSignal<boolean>;
+    /**
+     * Formats the current value for the thumb tooltip and the `showCurrentValue` label.
+     */
+    valueFormatter: _angular_core.InputSignal<((value: number) => string) | undefined>;
+    /**
+     * Show a tooltip with the current value above the thumb while hovered, focused or dragged.
+     * @default true
+     */
+    tooltip: _angular_core.InputSignal<boolean>;
+    /**
+     * FeedbackText component inputs, rendered below the slider.
+     */
+    feedbackText: _angular_core.InputSignal<ComponentInputs<FeedbackTextComponent> | undefined>;
+    /**
+     * Accessible label used when no visible `label` is provided.
+     */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * ID of an element that labels the slider, used when no visible `label` is provided.
+     */
+    ariaLabelledby: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Human-readable text alternative of the current value.
+     */
+    ariaValuetext: _angular_core.InputSignal<string | undefined>;
+    private readonly formDisabled;
+    readonly isHovered: _angular_core.WritableSignal<boolean>;
+    readonly isFocused: _angular_core.WritableSignal<boolean>;
+    readonly isDragging: _angular_core.WritableSignal<boolean>;
+    private onChange;
+    private onTouched;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    readonly isInvalid: _angular_core.Signal<boolean>;
+    readonly clampedValue: _angular_core.Signal<number>;
+    readonly progress: _angular_core.Signal<number>;
+    readonly progressStyle: _angular_core.Signal<{
+        "--tedi-slider-progress": string;
+        "--tedi-slider-progress-ratio": string;
+    }>;
+    readonly formattedValue: _angular_core.Signal<string>;
+    readonly rightLabel: _angular_core.Signal<string | undefined>;
+    readonly feedbackId: _angular_core.Signal<string | null>;
+    readonly canShowTooltip: _angular_core.Signal<boolean>;
+    readonly tooltipOpen: _angular_core.Signal<boolean>;
+    readonly classes: _angular_core.Signal<string>;
+    writeValue(value?: number): void;
+    registerOnChange(fn: (value: number) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    handleInput(event: Event): void;
+    handlePointerDown(): void;
+    handleFocus(): void;
+    handleBlur(): void;
+    handleMouseEnter(): void;
+    handleMouseLeave(): void;
+    ngOnDestroy(): void;
+    private endDrag;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "tedi-slider", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hideLabel": { "alias": "hideLabel"; "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; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "minLabel": { "alias": "minLabel"; "required": false; "isSignal": true; }; "maxLabel": { "alias": "maxLabel"; "required": false; "isSignal": true; }; "showCurrentValue": { "alias": "showCurrentValue"; "required": false; "isSignal": true; }; "valueFormatter": { "alias": "valueFormatter"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaValuetext": { "alias": "ariaValuetext"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["[sliderAddon]"], true, never>;
 }
 
 type ToggleVariant = "primary" | "colored";
@@ -6463,6 +6902,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;
@@ -6475,11 +6919,92 @@ 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>;
+}
+
+/**
+ * Shared behavior for the prefix/suffix addon directives: reads the group's
+ * disabled state and detects whether the addon holds plain text (so the
+ * wrapper, rather than a child element, gets the padding).
+ */
+declare abstract class InputGroupAddonDirective implements AfterContentInit {
+    protected readonly el: ElementRef<HTMLElement>;
+    private readonly group;
+    readonly disabled: _angular_core.Signal<boolean>;
+    protected readonly isText: _angular_core.WritableSignal<boolean>;
+    ngAfterContentInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputGroupAddonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputGroupAddonDirective, never, never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Marks an element as the prefix (leading) addon of a `tedi-input-group`.
+ * Applied to any element, e.g. `<span tediInputGroupPrefix>Street</span>` or a
+ * wrapper around a button/dropdown.
+ */
+declare class InputGroupPrefixDirective extends InputGroupAddonDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputGroupPrefixDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputGroupPrefixDirective, "[tediInputGroupPrefix]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Marks an element as the suffix (trailing) addon of a `tedi-input-group`.
+ * Applied to any element, e.g. `<span tediInputGroupSuffix>EUR</span>` or a
+ * wrapper around a button/dropdown.
+ */
+declare class InputGroupSuffixDirective extends InputGroupAddonDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputGroupSuffixDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputGroupSuffixDirective, "[tediInputGroupSuffix]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Context exposed by `tedi-input-group` to the controls and addons rendered
+ * inside it. Consumed via optional DI so a control can merge the group's
+ * `disabled` / `invalid` state into its own.
+ */
+interface InputGroupContext {
+    disabled: Signal<boolean>;
+    invalid: Signal<boolean>;
+}
+declare const TEDI_INPUT_GROUP: InjectionToken<InputGroupContext>;
+
+/**
+ * A flexible wrapper that composes a form control with leading/trailing addons
+ * (prefix/suffix). Project a `label[tedi-label]` for the label, a control
+ * (`tedi-form-field`, `tedi-select`, …) as the input, optional
+ * `[tediInputGroupPrefix]` / `[tediInputGroupSuffix]` addons, and a
+ * `tedi-feedback-text` for helper/error messages.
+ */
+declare class InputGroupComponent implements InputGroupContext {
+    /**
+     * Merges the borders and radii of the addons and the control into a single
+     * visual unit. Disable when using addons that should stay detached, e.g. a
+     * standalone action button.
+     * @default true
+     */
+    addons: _angular_core.InputSignal<boolean>;
+    /**
+     * Disables the whole group. Greys out the addons and propagates the disabled
+     * state to the wrapped control.
+     * @default false
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Marks the whole group as invalid. Propagates `invalid` to the wrapped
+     * control so it shows the error border. Pair with an error
+     * `tedi-feedback-text`.
+     * @default false
+     */
+    invalid: _angular_core.InputSignal<boolean>;
+    protected readonly prefix: _angular_core.Signal<InputGroupPrefixDirective | undefined>;
+    protected readonly suffix: _angular_core.Signal<InputGroupSuffixDirective | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputGroupComponent, "tedi-input-group", never, { "addons": { "alias": "addons"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; }, {}, ["prefix", "suffix"], ["label[tedi-label]", "[tediInputGroupPrefix]", "tedi-form-field, tedi-select", "[tediInputGroupSuffix]", "tedi-feedback-text"], true, never>;
 }
 
 declare class TextFieldComponent implements ControlValueAccessor, FormFieldControl {
     private el;
+    private group;
     /**
      * Value of the input field. Supports two-way binding, use with form controls.
      */
@@ -6493,6 +7018,11 @@ declare class TextFieldComponent implements ControlValueAccessor, FormFieldContr
      * Callback triggered when the clear button is clicked.
      */
     readonly clear: _angular_core.OutputEmitterRef<void>;
+    /**
+     * 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.InputSignalWithTransform<boolean, unknown>;
     readonly disabled: _angular_core.Signal<boolean>;
     readonly invalid: _angular_core.WritableSignal<boolean>;
     setInvalidState(isInvalid: boolean): void;
@@ -6507,9 +7037,10 @@ 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; }; }, { "value": "valueChange"; "clear": "clear"; }, never, never, true, 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>;
 }
 
 type TimePickerVariant = "scroll" | "slots" | "dropdown";
@@ -6730,6 +7261,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;
@@ -7069,12 +7601,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>;
@@ -7083,7 +7619,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";
@@ -7830,8 +8366,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;
@@ -8091,6 +8626,92 @@ declare class SpinnerComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpinnerComponent, "tedi-spinner", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Marks a projected element as a single breadcrumb. Apply as a structural
+ * directive on the crumb element; `tedi-breadcrumbs` collects each one and
+ * renders it into the trail, inserting separators between them.
+ *
+ * Use a link (e.g. `a tedi-link`) for navigable crumbs and a plain element
+ * (e.g. `span`) for the current page — add `aria-current="page"` to it yourself.
+ */
+declare class BreadcrumbItemDirective {
+    readonly templateRef: TemplateRef<unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbItemDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BreadcrumbItemDirective, "[tediBreadcrumbItem]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Optional custom separator for `tedi-breadcrumbs`. Provide as a template to
+ * render arbitrary content between crumbs; takes precedence over the
+ * `separator` string input and the default chevron icon.
+ */
+declare class BreadcrumbSeparatorDirective {
+    readonly templateRef: TemplateRef<unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbSeparatorDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BreadcrumbSeparatorDirective, "[tediBreadcrumbSeparator]", never, {}, {}, never, never, true, never>;
+}
+
+type BreadcrumbsVariant = "long" | "short";
+type BreadcrumbsInputs = {
+    variant?: BreadcrumbsVariant;
+    maxItems?: number;
+    itemsBeforeCollapse?: number;
+    itemsAfterCollapse?: number;
+};
+type RenderToken = {
+    kind: "item";
+    item: BreadcrumbItemDirective;
+    current: boolean;
+} | {
+    kind: "ellipsis";
+    hidden: BreadcrumbItemDirective[];
+};
+/**
+ * Breadcrumbs show the user's location within the page hierarchy. Each child
+ * marked with `*tediBreadcrumbItem` becomes one crumb, in order from the root
+ * to the current page; chevron separators are inserted between them.
+ *
+ * Use a link (e.g. `a tedi-link`) for navigable crumbs and a plain element for
+ * the current page — add `aria-current="page"` to it yourself.
+ *
+ * Crumb links are underlined by default. Set `[underline]="false"` on the
+ * `tedi-link` for non-underlined crumbs — recommended for the `short` back-link.
+ * Crumbs collapsed into the ellipsis dropdown are always rendered without an
+ * underline, regardless of their `[underline]` setting.
+ */
+declare class BreadcrumbsComponent implements BreakpointInputs<BreadcrumbsInputs> {
+    private readonly breakpointService;
+    readonly items: _angular_core.Signal<readonly BreadcrumbItemDirective[]>;
+    readonly separatorTemplate: _angular_core.Signal<BreadcrumbSeparatorDirective | undefined>;
+    /** Accessible label for the `nav` landmark. Falls back to the `breadcrumbs` translation. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Accessible label for the ellipsis button that opens the collapsed-crumbs dropdown. Falls back to the `breadcrumbs.show-more` translation. */
+    readonly showMoreLabel: _angular_core.InputSignal<string | undefined>;
+    /** Separator between crumbs. Defaults to a chevron icon; a `[tediBreadcrumbSeparator]` template overrides this. */
+    readonly separator: _angular_core.InputSignal<string | undefined>;
+    /** `long` shows the full trail; `short` shows only the parent crumb as a back-link. Defaults to `long`. */
+    readonly variant: _angular_core.InputSignal<BreadcrumbsVariant | undefined>;
+    /** Max crumbs before the middle collapses into an ellipsis dropdown. Long variant only; omit to render all. */
+    readonly maxItems: _angular_core.InputSignal<number | undefined>;
+    /** Crumbs kept visible at the start of the trail when collapsed. Defaults to `1`. */
+    readonly itemsBeforeCollapse: _angular_core.InputSignal<number | undefined>;
+    /** Crumbs kept visible at the end of the trail when collapsed. Defaults to `1`. */
+    readonly itemsAfterCollapse: _angular_core.InputSignal<number | undefined>;
+    readonly xs: _angular_core.InputSignal<BreadcrumbsInputs | undefined>;
+    readonly sm: _angular_core.InputSignal<BreadcrumbsInputs | undefined>;
+    readonly md: _angular_core.InputSignal<BreadcrumbsInputs | undefined>;
+    readonly lg: _angular_core.InputSignal<BreadcrumbsInputs | undefined>;
+    readonly xl: _angular_core.InputSignal<BreadcrumbsInputs | undefined>;
+    readonly xxl: _angular_core.InputSignal<BreadcrumbsInputs | undefined>;
+    private readonly resolved;
+    readonly currentVariant: _angular_core.Signal<BreadcrumbsVariant>;
+    readonly parentItem: _angular_core.Signal<BreadcrumbItemDirective | null>;
+    readonly visible: _angular_core.Signal<boolean>;
+    readonly tokens: _angular_core.Signal<RenderToken[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbsComponent, "tedi-breadcrumbs", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "showMoreLabel": { "alias": "showMoreLabel"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "maxItems": { "alias": "maxItems"; "required": false; "isSignal": true; }; "itemsBeforeCollapse": { "alias": "itemsBeforeCollapse"; "required": false; "isSignal": true; }; "itemsAfterCollapse": { "alias": "itemsAfterCollapse"; "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; }; }, {}, ["items", "separatorTemplate"], never, true, never>;
+}
+
 declare class HorizontalStepperItemComponent {
     label: _angular_core.InputSignal<string>;
     description: _angular_core.InputSignal<string | undefined>;
@@ -8463,6 +9084,14 @@ declare class ModalHeaderComponent {
 }
 
 declare class TooltipTriggerComponent implements AfterContentChecked {
+    /**
+     * When `false`, the trigger is a pure positioning anchor: it skips making its
+     * projected child focusable (no synthesized `tabindex`, focus ring or
+     * `aria-describedby`). Use for decorative or externally-controlled origins where
+     * focus and ARIA live on another element (e.g. a slider's range input).
+     * @default true
+     */
+    readonly interactive: _angular_core.InputSignal<boolean>;
     readonly host: ElementRef<HTMLElement>;
     readonly overlayOrigin: CdkOverlayOrigin;
     private renderer;
@@ -8490,11 +9119,11 @@ declare class TooltipTriggerComponent implements AfterContentChecked {
     private resolveInteractiveElement;
     private isFocusable;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipTriggerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipTriggerComponent, "tedi-tooltip-trigger", never, {}, {}, never, ["*"], true, [{ directive: typeof _angular_cdk_overlay.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipTriggerComponent, "tedi-tooltip-trigger", never, { "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof _angular_cdk_overlay.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
 }
 
 type TooltipPosition = OverlayPosition;
-type TooltipOpenWith = "hover" | "click" | "both";
+type TooltipOpenWith = "hover" | "click" | "both" | "none";
 declare class TooltipComponent implements AfterContentChecked {
     /**
      * The position of the tooltip relative to the trigger element.
@@ -8507,14 +9136,35 @@ declare class TooltipComponent implements AfterContentChecked {
      */
     readonly preventOverflow: _angular_core.InputSignal<boolean>;
     /**
-     * How tooltip can opened?
+     * How the tooltip can be opened. Use `none` for full external control via `open`
+     * (e.g. a slider or custom draggable element driving the open state itself).
      * @default both
      */
     readonly openWith: _angular_core.InputSignal<TooltipOpenWith>;
+    /**
+     * Controlled open state. When set (not `undefined`), it overrides the built-in
+     * trigger behavior; typically paired with `openWith="none"`. Leave unset for the
+     * default trigger-driven behavior.
+     */
+    readonly open: _angular_core.ModelSignal<boolean | undefined>;
+    /**
+     * While open, continuously reposition the tooltip so it follows an origin that moves
+     * (e.g. a dragging slider thumb). Uses `requestAnimationFrame`; enable only while the
+     * origin can actually move to avoid needless work.
+     * @default false
+     */
+    readonly trackPosition: _angular_core.InputSignal<boolean>;
     /** Delay time (in ms) for closing tooltip when not hovering trigger or content.
      * @default 100
      */
     readonly timeoutDelay: _angular_core.InputSignal<number>;
+    /**
+     * Extra distance (in px) between the tooltip and its trigger, added on top of the
+     * arrow allowance. Set to `0` to sit the tooltip directly against the trigger
+     * (e.g. a slider thumb).
+     * @default 4
+     */
+    readonly offset: _angular_core.InputSignal<number>;
     /** Dropdown trigger button */
     readonly tooltipTrigger: _angular_core.Signal<TooltipTriggerComponent>;
     /** Tooltip content component */
@@ -8522,7 +9172,8 @@ declare class TooltipComponent implements AfterContentChecked {
     private readonly connectedOverlay;
     readonly descriptionId: string;
     readonly contentText: _angular_core.WritableSignal<string>;
-    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    private readonly internalOpen;
+    readonly isOpen: _angular_core.Signal<boolean>;
     readonly currentPlacement: _angular_core.WritableSignal<OverlaySide>;
     readonly arrowLeft: _angular_core.WritableSignal<number | null>;
     readonly arrowTop: _angular_core.WritableSignal<number | null>;
@@ -8530,10 +9181,20 @@ declare class TooltipComponent implements AfterContentChecked {
     readonly overlayOrigin: _angular_core.Signal<_angular_cdk_overlay.CdkOverlayOrigin>;
     readonly isContentHovered: _angular_core.WritableSignal<boolean>;
     hideTimeout?: ReturnType<typeof setTimeout>;
+    private readonly ngZone;
+    private trackRafId;
     private readonly horizontalPush;
     constructor();
     showTooltip(): void;
     hideTooltip(): void;
+    /**
+     * Recomputes the overlay position against its origin. Call this when the origin has
+     * moved without a scroll/resize event (e.g. a dragged element). `trackPosition`
+     * calls it automatically each frame while open.
+     */
+    updatePosition(): void;
+    private startTracking;
+    private stopTracking;
     toggleTooltip(): void;
     onPositionChange(change: ConnectedOverlayPositionChange): void;
     onOverlayAttach(): void;
@@ -8541,7 +9202,7 @@ declare class TooltipComponent implements AfterContentChecked {
     ngAfterContentChecked(): void;
     private syncContentText;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipComponent, "tedi-tooltip", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "preventOverflow": { "alias": "preventOverflow"; "required": false; "isSignal": true; }; "openWith": { "alias": "openWith"; "required": false; "isSignal": true; }; "timeoutDelay": { "alias": "timeoutDelay"; "required": false; "isSignal": true; }; }, {}, ["tooltipTrigger", "tooltipContent"], ["tedi-tooltip-trigger", "tedi-tooltip-content"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipComponent, "tedi-tooltip", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; "preventOverflow": { "alias": "preventOverflow"; "required": false; "isSignal": true; }; "openWith": { "alias": "openWith"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "trackPosition": { "alias": "trackPosition"; "required": false; "isSignal": true; }; "timeoutDelay": { "alias": "timeoutDelay"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, ["tooltipTrigger", "tooltipContent"], ["tedi-tooltip-trigger", "tedi-tooltip-content"], true, never>;
 }
 
 type TooltipWidth = "none" | "small" | "medium" | "large";
@@ -8559,6 +9220,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 {
     /**
@@ -8755,6 +9445,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, 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, 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, SpecialOptionControls, SpinnerComponent, StatusBadgeComponent, StatusIndicatorComponent, TAG_GAP, TEDI_FORM_FIELD_CONTROL, 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, 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, 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, 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, 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 };
 //# sourceMappingURL=index.d.ts.map