@tedi-design-system/angular 8.0.1-rc.7 → 8.1.0-rc.10

package/tedi/index.d.ts

@@ -1,6 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { AfterContentChecked, AfterViewInit, InputSignal, Signal, PipeTransform, OnInit, OnDestroy, TemplateRef, ElementRef, Injector, WritableSignal, InjectionToken, AfterViewChecked, AfterContentInit, QueryList, EnvironmentProviders } from '@angular/core';
-import { _IdGenerator } from '@angular/cdk/a11y';
+import { _IdGenerator, Highlightable } from '@angular/cdk/a11y';
 import * as _tedi_design_system_angular_tedi from '@tedi-design-system/angular/tedi';
 import { ControlValueAccessor } from '@angular/forms';
 import * as _tanstack_table_core from '@tanstack/table-core';
@@ -65,7 +65,9 @@ declare class IconComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconComponent, "tedi-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-type TextModifiers = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "normal" | "small" | "extra-small" | "bold" | "thin" | "italic" | "center" | "left" | "right" | "nowrap" | "break-all" | "break-word" | "break-spaces" | "uppercase" | "lowercase" | "capitalize" | "capitalize-first" | "inline-block" | "inline" | "line-normal" | "line-condensed" | "subtitle";
+type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+type HeadingModifiers = `h${HeadingLevel}`;
+type TextModifiers = HeadingModifiers | "normal" | "small" | "extra-small" | "bold" | "thin" | "italic" | "center" | "left" | "right" | "nowrap" | "break-all" | "break-word" | "break-spaces" | "uppercase" | "lowercase" | "capitalize" | "capitalize-first" | "inline-block" | "inline" | "line-normal" | "line-condensed" | "subtitle";
 type TextColor = "primary" | "secondary" | "tertiary" | "white" | "disabled" | "brand" | "success" | "warning" | "danger" | "info" | "neutral" | "inherit";
 declare class TextComponent {
     /**
@@ -352,6 +354,27 @@ declare const translationsMap: {
         en: string;
         ru: string;
     };
+    "search.no-results": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "search.loading": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "search.results-count": {
+        description: string;
+        components: string[];
+        et: (count: number) => string;
+        en: (count: number) => string;
+        ru: (count: number) => string;
+    };
     required: {
         description: string;
         components: string[];
@@ -575,6 +598,13 @@ declare const translationsMap: {
         en: string;
         ru: string;
     };
+    "toast.close": {
+        description: string;
+        components: string[];
+        et: (title: string) => string;
+        en: (title: string) => string;
+        ru: (title: string) => string;
+    };
     "modal.close": {
         description: string;
         components: string[];
@@ -1548,6 +1578,125 @@ declare const translationsMap: {
         en: string;
         ru: string;
     };
+    "text-editor.bold": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "text-editor.italic": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "text-editor.underline": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "text-editor.strike": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "text-editor.align.left": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "text-editor.align.center": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "text-editor.align.right": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "text-editor.align.justify": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "text-editor.list.bullet": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "text-editor.list.ordered": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "text-editor.indent.increase": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "text-editor.indent.decrease": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "text-editor.color": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "text-editor.background": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "text-editor.link": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "text-editor.blockquote": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
+    "text-editor.clean": {
+        description: string;
+        components: string[];
+        et: string;
+        en: string;
+        ru: string;
+    };
     "time-picker.hours": {
         description: string;
         components: string[];
@@ -1705,12 +1854,19 @@ declare class AlertComponent {
      * @default false
      */
     showClose: _angular_core.InputSignal<boolean>;
+    /**
+     * Accessible name for the close button. Override the generic default
+     * ("Close") when several alerts can be on screen at once, so the button
+     * says which one it closes.
+     */
+    closeAriaLabel: _angular_core.InputSignal<string | undefined>;
     /**
      * The ARIA role of the alert, informing screen readers about the alert's purpose.
+     * The role carries its own live-region semantics, so no separate `aria-live` is set.
      * Options:
-     * - 'alert': For high-priority messages that demand immediate attention.
-     * - 'status': For less urgent messages providing feedback or updates.
-     * - 'none': Used when no ARIA role is needed.
+     * - 'alert': For high-priority messages that demand immediate attention (announced assertively).
+     * - 'status': For less urgent messages providing feedback or updates (announced politely).
+     * - 'none': No role and no announcement.
      * @default alert
      */
     role: _angular_core.InputSignal<AlertRole>;
@@ -1745,8 +1901,6 @@ declare class AlertComponent {
      * Close click output
      */
     readonly closeClick: _angular_core.OutputEmitterRef<void>;
-    getAriaLive: _angular_core.Signal<"assertive" | "polite" | "off">;
-    getAriaLabel: _angular_core.Signal<string>;
     classes: _angular_core.Signal<{
         [x: string]: boolean;
         "tedi-alert": boolean;
@@ -1755,7 +1909,7 @@ declare class AlertComponent {
     }>;
     handleClose(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertComponent, "tedi-alert", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showClose": { "alias": "showClose"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "titleElement": { "alias": "titleElement"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closeClick": "closeClick"; }, never, ["[tedi-alert-action]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertComponent, "tedi-alert", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showClose": { "alias": "showClose"; "required": false; "isSignal": true; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "titleElement": { "alias": "titleElement"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "closeClick": "closeClick"; }, never, ["[tedi-alert-action]", "*"], true, never>;
 }
 
 declare const TOAST_DEFAULT_DURATION = 6000;
@@ -1790,15 +1944,16 @@ interface ToastConfig {
      */
     showProgressBar?: boolean;
     /**
-     * Whether to pause the auto-close timer when hovering over the toast.
+     * Whether to pause the auto-close timer while the toast is hovered or
+     * holds keyboard focus.
      * @default true
      */
     pauseOnHover?: boolean;
     /**
-     * The ARIA role of the toast, informing screen readers about the notification's priority.
-     * - 'status': For non-critical notifications.
-     * - 'alert': For critical errors.
-     * - 'none': Used when no ARIA role is needed.
+     * Politeness of the screen reader announcement.
+     * - 'status': For non-critical notifications (announced politely).
+     * - 'alert': For critical errors (announced immediately).
+     * - 'none': No announcement.
      * @default status
      */
     role?: ToastRole;
@@ -1832,10 +1987,12 @@ declare class ToastComponent {
      */
     readonly icon: _angular_core.InputSignal<string>;
     /**
-     * The ARIA role of the toast, informing screen readers about the notification's priority.
-     * - 'status': For non-critical notifications (screen readers announce politely).
-     * - 'alert': For critical errors (screen readers announce immediately).
-     * - 'none': Used when no ARIA role is needed.
+     * Politeness of the screen reader announcement made by `ToastService`.
+     * The visible toast itself is never a live region — announcing from both it
+     * and the announcer made screen readers read every toast two or three times.
+     * - 'status': For non-critical notifications (announced politely).
+     * - 'alert': For critical errors (announced immediately).
+     * - 'none': No announcement.
      * @default status
      */
     readonly role: _angular_core.InputSignal<AlertRole>;
@@ -1858,13 +2015,25 @@ declare class ToastComponent {
      * Emits when the toast is closed by the user.
      */
     readonly closed: _angular_core.OutputEmitterRef<void>;
+    private readonly translationService;
+    protected readonly closeLabel: _angular_core.Signal<string>;
     readonly mouseEnter: _angular_core.OutputEmitterRef<void>;
     readonly mouseLeave: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Emits when focus enters the toast, so the auto-close timer can be paused.
+     */
+    readonly focusIn: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Emits when focus leaves the toast entirely.
+     */
+    readonly focusOut: _angular_core.OutputEmitterRef<void>;
     handleClose(): void;
     onMouseEnter(): void;
     onMouseLeave(): void;
+    onFocusIn(): void;
+    onFocusOut(event: FocusEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastComponent, "tedi-toast", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "showProgressBar": { "alias": "showProgressBar"; "required": false; "isSignal": true; }; "paused": { "alias": "paused"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "mouseEnter": "mouseEnter"; "mouseLeave": "mouseLeave"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastComponent, "tedi-toast", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "showProgressBar": { "alias": "showProgressBar"; "required": false; "isSignal": true; }; "paused": { "alias": "paused"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "mouseEnter": "mouseEnter"; "mouseLeave": "mouseLeave"; "focusIn": "focusIn"; "focusOut": "focusOut"; }, never, ["*"], true, never>;
 }
 
 interface ToastItem {
@@ -2336,7 +2505,7 @@ declare class AccordionItemHeaderComponent {
      * `display: contents` so it doesn't affect the visual layout — it only adds
      * semantic information for assistive technologies and TOC tools.
      */
-    headingLevel: _angular_core.InputSignal<1 | 3 | 5 | 4 | 2 | 6 | undefined>;
+    headingLevel: _angular_core.InputSignal<1 | 2 | 3 | 4 | 5 | 6 | undefined>;
     /**
      * Chevron style of the default expand action.
      * Only effective when `headerClickable` is `false` (otherwise the
@@ -2618,6 +2787,53 @@ declare class CardHeaderComponent extends CardContentComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardHeaderComponent, "tedi-card-header", never, {}, {}, never, ["*"], true, never>;
 }
 
+declare class HeadingWithIconComponent {
+    /**
+     * Name of the Material Icon
+     * https://fonts.google.com/icons
+     *
+     * Rendered as decorative and hidden from assistive technology — the
+     * projected text is the accessible heading name.
+     */
+    icon: _angular_core.InputSignal<string>;
+    /**
+     * Semantic heading tag. Also sets the typography unless a heading modifier
+     * overrides it, so pick the tag that fits the surrounding document outline.
+     * @default h4
+     */
+    element: _angular_core.InputSignal<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
+    /**
+     * Single or multiple modifiers to change the heading behavior. A heading
+     * modifier here styles the heading as that level while `element` keeps the
+     * semantics — e.g. an `h2` that looks like an `h4`.
+     */
+    modifiers: _angular_core.InputSignal<TextModifiers | TextModifiers[] | undefined>;
+    /**
+     * Heading text color.
+     * @default primary
+     */
+    headingColor: _angular_core.InputSignal<TextColor>;
+    /**
+     * Color of the icon.
+     * @default primary
+     */
+    iconColor: _angular_core.InputSignal<IconColor>;
+    /**
+     * Size of the icon in pixels.
+     * @default 24
+     */
+    iconSize: _angular_core.InputSignal<IconSize>;
+    /**
+     * Whether the icon should be filled or outlined.
+     * @default outlined
+     */
+    iconVariant: _angular_core.InputSignal<IconVariant>;
+    private readonly visualLevel;
+    lineHeightVar: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HeadingWithIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeadingWithIconComponent, "tedi-heading-with-icon", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "element": { "alias": "element"; "required": false; "isSignal": true; }; "modifiers": { "alias": "modifiers"; "required": false; "isSignal": true; }; "headingColor": { "alias": "headingColor"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "iconVariant": { "alias": "iconVariant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 type BulletColor = "primary" | "secondary" | "tertiary" | "brand" | "brand-dark" | "success" | "warning" | "warning-dark" | "danger" | "white";
 declare class ListComponent {
     /**
@@ -3711,7 +3927,7 @@ declare class PaginationComponent {
     protected readonly statusText: _angular_core.Signal<string>;
     constructor();
     protected handlePageChange(nextPage: number | null): void;
-    protected handlePageSizeChange(value: number | null): void;
+    protected handlePageSizeChange(value: unknown): void;
     protected openMobilePicker(): void;
     protected openPageSizePicker(): void;
     private openPickerModal;
@@ -4937,6 +5153,46 @@ declare class TediTableHeaderButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TediTableHeaderButtonComponent, "button[tedi-table-header-button]", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "filled": { "alias": "filled"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+declare class TruncateComponent {
+    /**
+     * Text to display and truncate when it exceeds `maxLength`.
+     */
+    readonly text: _angular_core.InputSignal<string>;
+    /**
+     * Maximum characters shown while collapsed, excluding the ellipsis.
+     * Accepts a number or a breakpoint object, e.g. `{ xs: 100, md: 200 }`.
+     * @default 200
+     */
+    readonly maxLength: _angular_core.InputSignalWithTransform<BreakpointObject<number>, BreakpointInput<number>>;
+    /**
+     * Text appended when content is truncated.
+     * @default "..."
+     */
+    readonly ellipsis: _angular_core.InputSignal<string>;
+    /**
+     * Shows an expand/collapse button when the text exceeds `maxLength`.
+     * When false, `expanded` can still be controlled programmatically.
+     * @default true
+     */
+    readonly expandable: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether to show the full text. Supports two-way binding with `[(expanded)]`.
+     * @default false
+     */
+    readonly expanded: _angular_core.ModelSignal<boolean>;
+    private readonly breakpointService;
+    protected readonly textId: string;
+    protected readonly resolvedMaxLength: _angular_core.Signal<number>;
+    private readonly characters;
+    protected readonly exceedsMaxLength: _angular_core.Signal<boolean>;
+    protected readonly isTruncated: _angular_core.Signal<boolean>;
+    protected readonly showToggle: _angular_core.Signal<boolean>;
+    protected readonly displayText: _angular_core.Signal<string>;
+    protected toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TruncateComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TruncateComponent, "tedi-truncate", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "ellipsis": { "alias": "ellipsis"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, never, true, never>;
+}
+
 type DropdownTriggerAriaHasPopup = "menu" | "listbox" | "dialog" | "true";
 declare class DropdownTriggerDirective implements AfterViewInit {
     /** Defines the aria-haspopup attribute for the trigger, informing assistive technologies whether it opens a menu or listbox. Improves accessibility by describing the type of popup. */
@@ -5794,6 +6050,12 @@ interface FormFieldControl<T = unknown> {
     dirty?: Signal<boolean>;
     required?: Signal<boolean>;
     maxLength?: Signal<number | undefined>;
+    /**
+     * Number of characters `tedi-form-field`'s counter should report. Implemented
+     * by controls whose value is not the text the user sees — a rich text editor
+     * holding markup, say. Falls back to the length of `value`.
+     */
+    characterCount?: Signal<number>;
     /**
      * Clears the value. Implemented by controls that can be cleared, and called
      * by `tedi-form-field`'s clear button.
@@ -6335,7 +6597,7 @@ declare class FeedbackTextComponent {
      */
     position: _angular_core.InputSignal<FeedbackTextPosition>;
     role: _angular_core.Signal<"alert" | undefined>;
-    ariaLive: _angular_core.Signal<"assertive" | "polite">;
+    ariaLive: _angular_core.Signal<"polite" | "assertive">;
     classes: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FeedbackTextComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FeedbackTextComponent, "tedi-feedback-text", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": true; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -6556,7 +6818,78 @@ declare class FormFieldComponent implements FieldContext {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldComponent, "tedi-form-field", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; "characterLimit": { "alias": "characterLimit"; "required": false; "isSignal": true; }; }, {}, ["control", "feedback"], ["label[tedi-label], tedi-label-row", "*", "tedi-feedback-text", "[tediFormFieldExtra]"], true, never>;
 }
 
+/**
+ * Context passed to a custom suggestion row template.
+ */
+interface SearchSuggestionContext<T = unknown> {
+    /** The suggestion, so `let-item` works without naming a context key. */
+    $implicit: T;
+    /** The same suggestion under a name, for `let-item="item"`. */
+    item: T;
+    /** Position in the rendered list, matching the row's `aria-activedescendant` id. */
+    index: number;
+    /** Resolved display label, via `bindLabel`. */
+    label: string;
+    /** Resolved secondary line, via `bindDescription`. Empty when unbound. */
+    description: string;
+    /** Whether the row is unselectable, via `bindDisabled`. */
+    disabled: boolean;
+    /** Current trimmed field value, for custom match highlighting. */
+    query: string;
+}
+/**
+ * Renders each suggestion row. Without it, rows show the resolved label with the
+ * matched substring bolded.
+ *
+ * @example
+ * ```html
+ * <tedi-search [suggestions]="people" bindLabel="name">
+ *   <ng-template tediSearchSuggestion let-item>
+ *     <span tedi-text modifiers="bold">{{ item.name }}</span>
+ *     <span tedi-text color="tertiary">{{ item.code }}</span>
+ *   </ng-template>
+ * </tedi-search>
+ * ```
+ */
+declare class SearchSuggestionTemplateDirective<T = unknown> {
+    template: TemplateRef<SearchSuggestionContext<T>>;
+    static ngTemplateContextGuard<T>(_dir: SearchSuggestionTemplateDirective<T>, _ctx: unknown): _ctx is SearchSuggestionContext<T>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchSuggestionTemplateDirective<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SearchSuggestionTemplateDirective<any>, "[tediSearchSuggestion]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Extra content pinned below the suggestions — fallback actions and a hint, for
+ * example. It shows whenever the panel is open, including the no-results state,
+ * which is what makes it useful for "nothing matched, try this instead".
+ *
+ * Suggestions keep behaving exactly as they do without it: filtering, arrow-key
+ * navigation and Enter to select are unchanged. Tab moves from the field into the
+ * footer's controls.
+ *
+ * @example
+ * ```html
+ * <tedi-search [suggestions]="matches()">
+ *   <ng-template tediSearchFooter>
+ *     <tedi-search-footer-actions>
+ *       <button tedi-button variant="secondary">Isik teadmata</button>
+ *     </tedi-search-footer-actions>
+ *   </ng-template>
+ * </tedi-search>
+ * ```
+ */
+declare class SearchFooterTemplateDirective {
+    template: TemplateRef<unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchFooterTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SearchFooterTemplateDirective, "[tediSearchFooter]", never, {}, {}, never, never, true, never>;
+}
+
 type SearchSize = InputSize;
+interface SearchSuggestionView<T = unknown> {
+    item: T;
+    label: string;
+    description: string;
+    disabled: boolean;
+}
 interface SearchButton {
     /**
      * Visible button text. When omitted, the button is rendered icon-only.
@@ -6578,7 +6911,7 @@ interface SearchButton {
      */
     ariaLabel?: string;
 }
-declare class SearchComponent implements ControlValueAccessor {
+declare class SearchComponent<T = unknown> implements ControlValueAccessor {
     /**
      * Unique identifier for the input element, used to associate the label.
      */
@@ -6628,6 +6961,62 @@ declare class SearchComponent implements ControlValueAccessor {
      * `placeholder`, then the translated "search" label.
      */
     ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Suggestions to show in the panel, already filtered by the consumer. Bind an
+     * empty array to keep the combobox behaviour while nothing matches; leave it
+     * unbound for a plain search field.
+     */
+    suggestions: _angular_core.InputSignal<T[] | undefined>;
+    /**
+     * Property holding the display label when suggestions are objects.
+     * @default "label"
+     */
+    bindLabel: _angular_core.InputSignal<string>;
+    /**
+     * Property holding a secondary line shown under the label. Unset by default,
+     * so rows are a single line unless asked for.
+     */
+    bindDescription: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Property marking a suggestion as unselectable. Disabled rows are greyed out
+     * and skipped by keyboard navigation.
+     * @default "disabled"
+     */
+    bindDisabled: _angular_core.InputSignal<string>;
+    /**
+     * Characters required before the panel opens. Below it nothing is shown, not
+     * even the no-results row, so short queries stay quiet.
+     * @default 0
+     */
+    minQueryLength: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Shows a loading row instead of results.
+     * @default false
+     */
+    loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Closes the suggestion panel when the page (or a scrollable ancestor)
+     * scrolls. Scrolling the option list itself keeps the panel open.
+     * @default false
+     */
+    hideOnScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether the suggestion panel is open.
+     * @default false
+     */
+    panelOpen: _angular_core.ModelSignal<boolean>;
+    /**
+     * Overrides the translated "no results" row.
+     */
+    noResultsText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Overrides the translated loading row.
+     */
+    loadingText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Overrides the translated screen-reader result count.
+     */
+    resultsCountText: _angular_core.InputSignal<((count: number) => string) | undefined>;
     /**
      * Emitted when the search is executed (Enter key or button click).
      */
@@ -6636,11 +7025,41 @@ declare class SearchComponent implements ControlValueAccessor {
      * Emitted when the clear button is clicked.
      */
     readonly clear: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Emitted when a suggestion is accepted. The field is filled with its label.
+     */
+    readonly suggestionSelect: _angular_core.OutputEmitterRef<T>;
+    readonly suggestionTemplate: _angular_core.Signal<SearchSuggestionTemplateDirective<any> | undefined>;
+    readonly footerTemplate: _angular_core.Signal<SearchFooterTemplateDirective | undefined>;
     private readonly inputRef;
+    private readonly overlayOrigin;
+    private readonly connectedOverlay;
+    private readonly suggestionRows;
     private readonly formDisabled;
+    private readonly hostElement;
     private readonly translationService;
+    private readonly renderer;
+    private readonly document;
+    private readonly injector;
+    private scrollListener?;
     private onChange;
     private onTouched;
+    /** Suppresses the focus-driven reopen after a selection, until the next edit. */
+    private justSelected;
+    /**
+     * Navigation is driven from `event.key` via the explicit `set*ItemActive`
+     * methods rather than `keyManager.onKeydown`, which switches on the deprecated
+     * `event.keyCode` and so ignores synthesised events.
+     */
+    private readonly keyManager;
+    private readonly activeIndex;
+    readonly overlayPositions: ConnectedPosition[];
+    readonly panelWidth: _angular_core.WritableSignal<number>;
+    /**
+     * True while the panel sits above the field on the fallback position, so the
+     * rounded edge can move to the side that is not joined to the field.
+     */
+    readonly panelAbove: _angular_core.WritableSignal<boolean>;
     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)">;
@@ -6655,19 +7074,121 @@ declare class SearchComponent implements ControlValueAccessor {
      * otherwise `aria-label` would silently override the visible text.
      */
     readonly inputAriaLabel: _angular_core.Signal<string | null>;
+    /**
+     * Derived from capability, never from current content — an empty
+     * `suggestions` array still means the consumer opted into the combobox.
+     */
+    readonly autocomplete: _angular_core.Signal<boolean>;
+    readonly resolvedSuggestions: _angular_core.Signal<SearchSuggestionView<T>[]>;
+    readonly query: _angular_core.Signal<string>;
+    readonly hasSuggestions: _angular_core.Signal<boolean>;
+    readonly listboxId: _angular_core.Signal<string>;
+    readonly meetsMinQueryLength: _angular_core.Signal<boolean>;
+    readonly panelVisible: _angular_core.Signal<boolean>;
+    readonly inputRole: _angular_core.Signal<"combobox" | "searchbox">;
+    readonly ariaAutocomplete: _angular_core.Signal<"list" | null>;
+    readonly ariaExpanded: _angular_core.Signal<boolean | null>;
+    readonly ariaControls: _angular_core.Signal<string | null>;
+    readonly activeOptionId: _angular_core.Signal<string | null>;
+    readonly resolvedNoResultsText: _angular_core.Signal<string>;
+    readonly resolvedLoadingText: _angular_core.Signal<string>;
+    readonly announcement: _angular_core.Signal<string>;
+    constructor();
+    optionId(index: number): string;
     onInputValue(value: string): void;
     onClear(): void;
     onBlur(): void;
+    onInputFocus(): void;
+    openPanel(): void;
+    closePanel(): void;
+    onPositionChange(change: ConnectedOverlayPositionChange): void;
+    onOverlayAttach(): void;
+    onOverlayDetach(): void;
+    /**
+     * Listens on the document in the capture phase so scrolls in any ancestor are
+     * seen — a scroll event does not bubble past the element that scrolled.
+     */
+    private setupScrollListener;
+    private cleanupScrollListener;
+    /** Closes the panel and hands focus back to the input. */
+    closeAndRestoreFocus(): void;
+    onKeydown(event: KeyboardEvent): void;
+    /**
+     * Footer controls live in the overlay, which sits at the end of the document,
+     * so they are not next in tab order. Tab reaches them explicitly; without this
+     * they would be mouse-only.
+     */
+    private onTabFromInput;
+    /**
+     * Tabbing past the footer leaves the component: close the panel and continue to
+     * whatever follows the field in document order, so the footer is not a trap.
+     */
+    onFooterKeydown(event: KeyboardEvent): void;
+    private footerFocusables;
+    private focusAfterField;
+    selectSuggestion(suggestion: SearchSuggestionView<T>): void;
+    /**
+     * The panel is portalled into the overlay container, so it is not a descendant
+     * of the host — both roots have to be consulted before deciding focus left.
+     */
+    onFocusOut(event: FocusEvent): 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>;
+    private onArrowKey;
+    private onEnter;
+    private panelElement;
+    private resetActiveOption;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchComponent<any>, "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; }; "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "bindDescription": { "alias": "bindDescription"; "required": false; "isSignal": true; }; "bindDisabled": { "alias": "bindDisabled"; "required": false; "isSignal": true; }; "minQueryLength": { "alias": "minQueryLength"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "hideOnScroll": { "alias": "hideOnScroll"; "required": false; "isSignal": true; }; "panelOpen": { "alias": "panelOpen"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "resultsCountText": { "alias": "resultsCountText"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "panelOpen": "panelOpenChange"; "searchEvent": "searchEvent"; "clear": "clear"; "suggestionSelect": "suggestionSelect"; }, ["suggestionTemplate", "footerTemplate"], never, true, never>;
+}
+
+declare class SearchSuggestionComponent implements Highlightable {
+    /** Resolved display label. */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Secondary line under the label. */
+    readonly description: _angular_core.InputSignal<string>;
+    /** Current field value, used to bold the matching segment. */
+    readonly query: _angular_core.InputSignal<string>;
+    /** Whether a custom suggestion template supplies the row content. */
+    readonly custom: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly host: ElementRef<HTMLLIElement>;
+    private readonly active;
+    readonly isActive: _angular_core.Signal<boolean>;
+    readonly parts: _angular_core.Signal<_tedi_design_system_angular_tedi.SearchHighlightPart[]>;
+    /**
+     * `Highlightable` requires a plain boolean, so the signal input is aliased and
+     * this getter satisfies the CDK contract — a signal would always read truthy.
+     */
+    get disabled(): boolean;
+    setActiveStyles(): void;
+    setInactiveStyles(): void;
+    getLabel(): string;
+    scrollIntoView(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchSuggestionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchSuggestionComponent, "li[tedi-search-suggestion]", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "query": { "alias": "query"; "required": false; "isSignal": true; }; "custom": { "alias": "custom"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+/**
+ * Row of buttons inside a `tediSearchFooter`. Centres them and wraps to a new
+ * line when they no longer fit side by side.
+ */
+declare class SearchFooterActionsComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchFooterActionsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchFooterActionsComponent, "tedi-search-footer-actions", never, {}, {}, never, ["*"], true, never>;
+}
+
+interface SearchHighlightPart {
+    text: string;
+    match: boolean;
+}
+/** Splits `text` so the segment matching `query` can be emphasised. */
+declare function highlightParts(text: string, query: string): SearchHighlightPart[];
+
 /**
  * Context provided to custom option templates.
  */
@@ -6864,6 +7385,12 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
      * When undefined, the entire object is used as the value.
      */
     bindValue: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Selected value, for use without a form directive. An array in multi-select
+     * mode, the bare value otherwise. Unlike `[ngModel]` it applies on the first
+     * render rather than a frame later. Do not combine with a form directive.
+     */
+    value: _angular_core.InputSignal<unknown>;
     /**
      * Whether multiple items can be selected.
      * @default false
@@ -7027,6 +7554,7 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
     /** `aria-label` is only used when no labelledby reference is available. */
     resolvedAriaLabel: _angular_core.Signal<string | null>;
     isOpen: _angular_core.WritableSignal<boolean>;
+    /** `allowMultiple` untracked, so flipping the mode cannot wipe the selection. */
     selectedValues: _angular_core.WritableSignal<unknown[]>;
     disabled: _angular_core.WritableSignal<boolean>;
     dropdownWidth: _angular_core.WritableSignal<number | null>;
@@ -7180,12 +7708,13 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
     private toggleGroupSelection;
     onChange: (value: unknown) => void;
     onTouched: () => void;
+    private toSelection;
     writeValue(value: unknown): void;
     registerOnChange(fn: (value: unknown) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent<any>, "tedi-select", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "dropdownWidthRef": { "alias": "dropdownWidthRef"; "required": false; "isSignal": true; }; "dropdownAlign": { "alias": "dropdownAlign"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": false; "isSignal": true; }; "allowMultiple": { "alias": "allowMultiple"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "selectableGroups": { "alias": "selectableGroups"; "required": false; "isSignal": true; }; "isTagRemovable": { "alias": "isTagRemovable"; "required": false; "isSignal": true; }; "multiRow": { "alias": "multiRow"; "required": false; "isSignal": true; }; "tagEllipsis": { "alias": "tagEllipsis"; "required": false; "isSignal": true; }; "ellipsis": { "alias": "ellipsis"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "disabledKey": { "alias": "disabledKey"; "required": false; "isSignal": true; }; "noOptionsMessage": { "alias": "noOptionsMessage"; "required": false; "isSignal": true; }; "maxDropdownHeight": { "alias": "maxDropdownHeight"; "required": false; "isSignal": true; }; "hideOnScroll": { "alias": "hideOnScroll"; "required": false; "isSignal": true; }; "dropdownType": { "alias": "dropdownType"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualItemSize": { "alias": "virtualItemSize"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchFn": { "alias": "searchFn"; "required": false; "isSignal": true; }; "clearSearchOnSelect": { "alias": "clearSearchOnSelect"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "searchChange": "searchChange"; "opened": "opened"; "closed": "closed"; "cleared": "cleared"; }, ["optionTemplate", "valueTemplate", "tooltipTemplate"], never, true, never>;
+    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; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "allowMultiple": { "alias": "allowMultiple"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; "isSignal": true; }; "selectableGroups": { "alias": "selectableGroups"; "required": false; "isSignal": true; }; "isTagRemovable": { "alias": "isTagRemovable"; "required": false; "isSignal": true; }; "multiRow": { "alias": "multiRow"; "required": false; "isSignal": true; }; "tagEllipsis": { "alias": "tagEllipsis"; "required": false; "isSignal": true; }; "ellipsis": { "alias": "ellipsis"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "disabledKey": { "alias": "disabledKey"; "required": false; "isSignal": true; }; "noOptionsMessage": { "alias": "noOptionsMessage"; "required": false; "isSignal": true; }; "maxDropdownHeight": { "alias": "maxDropdownHeight"; "required": false; "isSignal": true; }; "hideOnScroll": { "alias": "hideOnScroll"; "required": false; "isSignal": true; }; "dropdownType": { "alias": "dropdownType"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualItemSize": { "alias": "virtualItemSize"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchFn": { "alias": "searchFn"; "required": false; "isSignal": true; }; "clearSearchOnSelect": { "alias": "clearSearchOnSelect"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "searchChange": "searchChange"; "opened": "opened"; "closed": "closed"; "cleared": "cleared"; }, ["optionTemplate", "valueTemplate", "tooltipTemplate"], never, true, never>;
 }
 
 type SliderHideLabel = boolean | "keep-space";
@@ -7389,6 +7918,27 @@ declare class FormFieldExtraDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FormFieldExtraDirective, "[tediFormFieldExtra]", never, {}, {}, never, never, true, never>;
 }
 
+interface DerivedControlState {
+    invalid: Signal<boolean>;
+    touched: Signal<boolean>;
+    dirty: Signal<boolean>;
+    /** Whether the bound control carries `Validators.required`. */
+    required: Signal<boolean>;
+    /**
+     * Call from `ngOnInit`: a control that is its own `NG_VALUE_ACCESSOR` cannot
+     * inject `NgControl` in the constructor, because the accessor is what
+     * `NgControl` depends on.
+     */
+    connect(): void;
+}
+declare function deriveControlState(): DerivedControlState;
+
+interface ControlDescribedBy {
+    attribute: Signal<string | null>;
+    set(ids: string[]): void;
+}
+declare function controlDescribedBy(): ControlDescribedBy;
+
 /**
  * Shared behavior for the prefix/suffix addon directives: reads the group's
  * disabled state and detects whether the addon holds plain text (so the
@@ -7469,11 +8019,6 @@ declare class InputGroupComponent implements InputGroupContext {
     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], tedi-label-row", "[tediInputGroupPrefix]", "tedi-form-field, tedi-select", "[tediInputGroupSuffix]", "tedi-feedback-text"], true, never>;
 }
 
-interface ControlDescribedBy {
-    attribute: Signal<string | null>;
-    set(ids: string[]): void;
-}
-
 declare class TextFieldComponent implements OnInit, ControlValueAccessor, FormFieldControl {
     private el;
     private readonly fieldContext;
@@ -7507,7 +8052,7 @@ declare class TextFieldComponent implements OnInit, ControlValueAccessor, FormFi
     readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly disabled: _angular_core.Signal<boolean>;
     private readonly derived;
-    readonly describedBy: ControlDescribedBy;
+    readonly describedBy: _tedi_design_system_angular_tedi.ControlDescribedBy;
     readonly touched: _angular_core.Signal<boolean>;
     readonly dirty: _angular_core.Signal<boolean>;
     readonly invalid: _angular_core.Signal<boolean>;
@@ -7615,7 +8160,7 @@ declare class TextareaComponent implements OnInit, ControlValueAccessor, FormFie
     readonly maxHeightStyle: _angular_core.Signal<string>;
     readonly disabled: _angular_core.Signal<boolean>;
     private readonly derived;
-    readonly describedBy: ControlDescribedBy;
+    readonly describedBy: _tedi_design_system_angular_tedi.ControlDescribedBy;
     readonly touched: _angular_core.Signal<boolean>;
     readonly dirty: _angular_core.Signal<boolean>;
     readonly invalid: _angular_core.Signal<boolean>;
@@ -7760,9 +8305,18 @@ interface ModalConfig<D = unknown> {
     fullscreen?: ModalFullscreen;
     /** Max-width cap (e.g. '75%', '60vw'). Overrides the default 95vw limit. */
     maxWidth?: string;
-    /** ARIA label for the dialog. */
+    /**
+     * Accessible name for the dialog. Set this only when the modal has no
+     * visible heading, or when the heading is not the name you want announced:
+     * a modal whose content renders a heading inside `<tedi-modal-header>` is
+     * labelled by that heading automatically.
+     */
     ariaLabel?: string;
-    /** ID of the element that labels the dialog. */
+    /**
+     * Id of the element that labels the dialog, for a label that lives outside
+     * `<tedi-modal-header>`. Ignored when `ariaLabel` is set, and takes
+     * precedence over the automatic heading lookup.
+     */
     ariaLabelledBy?: string;
 }
 /** Injection token for data passed to a modal opened via ModalService. */
@@ -7887,6 +8441,7 @@ declare class TimeFieldComponent implements OnInit, ControlValueAccessor, FormFi
 type ProgressBarSize = "default" | "small";
 type ProgressBarLabelPosition = "top" | "horizontal";
 type ProgressBarValuePosition = "horizontal" | "bottom";
+type ProgressBarAnnounce = "off" | "polite" | "assertive";
 /**
  * The subset of inputs that can be overridden per breakpoint via the
  * `xs`–`xxl` inputs. Every field is optional — only the ones you set override
@@ -7963,6 +8518,26 @@ declare class ProgressBarComponent {
      * Accessible label for the progress bar. Falls back to `label()` when omitted.
      */
     ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Publishes changes to the formatted value (`valueLabel`, or the percentage)
+     * in a visually hidden live region, independently of `showValue`.
+     * The current value is skipped when announcements are enabled.
+     *
+     * Progress bars are not live regions by default. Enable announcements when
+     * users need updates without navigating back to the bar. Use `polite` for
+     * routine updates and `assertive` for urgent updates that may interrupt speech.
+     * @default off
+     */
+    announce: _angular_core.InputSignal<ProgressBarAnnounce>;
+    /**
+     * Minimum time in milliseconds between live-region updates. The first change
+     * is published immediately; changes during the interval are combined into one
+     * update with the latest value. Changing the interval reschedules pending updates.
+     * Zero disables throttling. Negative values become zero; non-finite values use 1000ms.
+     * Ignored when `announce` is `off`.
+     * @default 1000
+     */
+    announceInterval: _angular_core.InputSignalWithTransform<number, number>;
     /** Overrides applied from the `xs` breakpoint (≥ 0px) and up. */
     xs: _angular_core.InputSignal<ProgressBarInputs | undefined>;
     /** Overrides applied from the `sm` breakpoint (≥ 576px) and up. */
@@ -7981,8 +8556,17 @@ declare class ProgressBarComponent {
     protected currentProps: _angular_core.Signal<ProgressBarInputs>;
     protected formattedValue: _angular_core.Signal<string>;
     protected accessibleLabel: _angular_core.Signal<string | undefined>;
+    protected announcedValue: _angular_core.WritableSignal<string>;
+    protected announceRole: _angular_core.Signal<"alert" | "status">;
+    private lastAnnouncedAt?;
+    private announceTimeout?;
+    private previousAnnounceText?;
+    constructor();
+    private queueAnnouncement;
+    private announceNow;
+    private resetAnnouncement;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressBarComponent, "tedi-progress-bar", never, { "progressId": { "alias": "progressId"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "valuePosition": { "alias": "valuePosition"; "required": false; "isSignal": true; }; "valueLabel": { "alias": "valueLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "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-feedback-text"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressBarComponent, "tedi-progress-bar", never, { "progressId": { "alias": "progressId"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "valuePosition": { "alias": "valuePosition"; "required": false; "isSignal": true; }; "valueLabel": { "alias": "valueLabel"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "announce": { "alias": "announce"; "required": false; "isSignal": true; }; "announceInterval": { "alias": "announceInterval"; "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-feedback-text"], true, never>;
 }
 
 type AttachmentDirection = "horizontal" | "vertical";
@@ -8333,8 +8917,11 @@ declare class TimelineComponent {
      */
     variant: _angular_core.InputSignal<TimelineVariant>;
     /**
-     * Item padding in rems for the card variant.
-     * @default 1
+     * Vertical padding of each item in the "card" variant, in rems (same scale
+     * as Card). Both the gaps between items and the card's top/bottom edges
+     * resolve to twice this value. Horizontal item padding is fixed at the card
+     * default.
+     * @default 0.5
      */
     cardPadding: _angular_core.InputSignal<CardPaddingNumber | undefined>;
     items: _angular_core.WritableSignal<TimelineItemComponent[]>;
@@ -8698,7 +9285,7 @@ declare class HeaderMobileButtonComponent {
      * is confusing to assistive tech — if a popup is involved, omit `href`
      * so the component renders as a button.
      */
-    ariaHasPopup: _angular_core.InputSignal<"menu" | "listbox" | "dialog" | "true" | "grid" | "false" | "tree" | undefined>;
+    ariaHasPopup: _angular_core.InputSignal<"menu" | "listbox" | "dialog" | "true" | "false" | "grid" | "tree" | undefined>;
     /**
      * Forwarded to the inner `<button>` as `aria-expanded`. Pair with
      * `ariaHasPopup` when this button toggles a dialog/menu open.
@@ -9229,6 +9816,94 @@ declare class SideNavToggleComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SideNavToggleComponent, "button[tedi-sidenav-toggle]", never, {}, {}, never, never, true, never>;
 }
 
+declare class SkeletonComponent implements OnInit, OnDestroy {
+    private readonly liveAnnouncer;
+    private readonly translationService;
+    private readonly isBrowser;
+    /**
+     * Announced by the skeleton's `role="status"` live region once the skeleton
+     * has been on screen for `labelDelay`. Say what is loading: "Loading search
+     * results" carries more than the generic fallback.
+     * @default the translated `skeleton.loading` label
+     */
+    label: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Announced when the skeleton is removed. The skeleton's own live region goes
+     * with it, so this one goes through a page-level announcer. Only announced if
+     * `label` was announced first, so content that arrives faster than
+     * `labelDelay` stays silent.
+     * @default the translated `skeleton.loading-completed` label
+     */
+    completedLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Delay in ms before `label` is announced, so brief loads do not interrupt
+     * the screen reader.
+     * @default 200
+     */
+    labelDelay: _angular_core.InputSignal<number>;
+    /**
+     * Text of the `role="status"` live region. Empty until `labelDelay` has
+     * passed, so the region is in the DOM before it gains text: screen readers
+     * only announce a live region they were already tracking.
+     */
+    protected readonly announcement: _angular_core.WritableSignal<string>;
+    private announceTimer?;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonComponent, "tedi-skeleton", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "completedLabel": { "alias": "completedLabel"; "required": false; "isSignal": true; }; "labelDelay": { "alias": "labelDelay"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type SkeletonBlockWidth = number | `${number}` | "auto" | `${number}px`;
+type SkeletonBlockTextHeight = "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+type SkeletonBlockHeight = SkeletonBlockTextHeight | number | `${number}`;
+/**
+ * The subset of inputs that can be overridden per breakpoint via the
+ * `xs`–`xxl` inputs. Every field is optional; only the ones you set override
+ * the base value at that breakpoint.
+ */
+type SkeletonBlockInputs = {
+    /** Overrides {@link SkeletonBlockComponent.width}. */
+    width?: SkeletonBlockWidth;
+    /** Overrides {@link SkeletonBlockComponent.height}. */
+    height?: SkeletonBlockHeight;
+};
+declare class SkeletonBlockComponent {
+    /**
+     * Width of the block. A number is a percentage of the container, a `px`
+     * string is an absolute width, and `auto` fills the container.
+     * @default auto
+     */
+    width: _angular_core.InputSignal<SkeletonBlockWidth>;
+    /**
+     * Height of the block. A text style (`p`, `h1`–`h6`) takes the line height of
+     * the text the block stands in for and follows it across breakpoints, so the
+     * real content drops in without shifting the layout. Pass a number instead
+     * for a height in px, for blocks that stand in for something other than text.
+     * @default p
+     */
+    height: _angular_core.InputSignal<SkeletonBlockHeight>;
+    /** Overrides applied from the `xs` breakpoint (≥ 0px) and up. */
+    xs: _angular_core.InputSignal<SkeletonBlockInputs | undefined>;
+    /** Overrides applied from the `sm` breakpoint (≥ 576px) and up. */
+    sm: _angular_core.InputSignal<SkeletonBlockInputs | undefined>;
+    /** Overrides applied from the `md` breakpoint (≥ 768px) and up. */
+    md: _angular_core.InputSignal<SkeletonBlockInputs | undefined>;
+    /** Overrides applied from the `lg` breakpoint (≥ 992px) and up. */
+    lg: _angular_core.InputSignal<SkeletonBlockInputs | undefined>;
+    /** Overrides applied from the `xl` breakpoint (≥ 1200px) and up. */
+    xl: _angular_core.InputSignal<SkeletonBlockInputs | undefined>;
+    /** Overrides applied from the `xxl` breakpoint (≥ 1400px) and up. */
+    xxl: _angular_core.InputSignal<SkeletonBlockInputs | undefined>;
+    private readonly breakpointService;
+    protected currentProps: _angular_core.Signal<SkeletonBlockInputs>;
+    protected classes: _angular_core.Signal<string>;
+    protected resolvedWidth: _angular_core.Signal<string | null>;
+    protected resolvedHeight: _angular_core.Signal<string | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonBlockComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonBlockComponent, "tedi-skeleton-block", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "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, never, true, never>;
+}
+
 type SpinnerSize = 10 | 16 | 48;
 type SpinnerColor = "primary" | "secondary";
 declare class SpinnerComponent {
@@ -9607,9 +10282,21 @@ declare class ModalComponent implements AfterViewInit, OnDestroy {
     readonly position: _angular_core.InputSignal<ModalPosition>;
     /** @deprecated Whether clicking the backdrop closes the modal. Only used in standalone mode. */
     readonly closeOnBackdropClick: _angular_core.InputSignal<boolean>;
+    /**
+     * Accessible name for the dialog. Only needed when the modal has no heading
+     * in `<tedi-modal-header>`, or that heading is not the name to announce.
+     * Standalone mode only; service mode uses `ModalConfig.ariaLabel`.
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Id of an element labelling the dialog, for a label outside
+     * `<tedi-modal-header>`. Ignored when `ariaLabel` is set.
+     */
+    readonly ariaLabelledBy: _angular_core.InputSignal<string | undefined>;
     private readonly document;
     private readonly host;
     private readonly platformId;
+    private readonly idGenerator;
     /**
      * When a ModalRef is available, this component is inside a CDK Dialog
      * and should act as a layout-only wrapper.
@@ -9620,17 +10307,29 @@ declare class ModalComponent implements AfterViewInit, OnDestroy {
     private readonly isPresetWidth;
     /** Custom width for non-preset widths (legacy mode only). */
     readonly customWidth: Signal<ModalWidth | null>;
+    /** Re-resolved on every open, since the heading is projected content. */
+    private readonly headingLabelId;
+    /** @internal */
+    protected readonly dialogAriaLabel: Signal<string | null>;
+    /** @internal `aria-label` wins, so it is never paired with a labelledby. */
+    protected readonly dialogAriaLabelledBy: Signal<string | null>;
     readonly classes: Signal<string>;
     constructor();
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     private onOpen;
+    /**
+     * A DOM query rather than a `contentChild`, because the header injects this
+     * component (importing it back would close a cycle) and the heading is
+     * double-projected, out of reach of any query here.
+     */
+    private resolveHeadingLabel;
     private onClose;
     /** @internal */
     onBackdropClick(): void;
     private handleKeydown;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalComponent, "tedi-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, never, ["tedi-modal-header", "tedi-modal-content", "tedi-modal-footer"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalComponent, "tedi-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, never, ["tedi-modal-header", "tedi-modal-content", "tedi-modal-footer"], true, never>;
 }
 
 /**
@@ -9655,6 +10354,8 @@ declare class ModalRef<R = unknown> {
 declare class ModalService {
     private readonly dialog;
     private readonly overlay;
+    private readonly injector;
+    private readonly idGenerator;
     /**
      * Open a modal dialog with the given component as content.
      *
@@ -9676,6 +10377,16 @@ declare class ModalService {
     open<R = unknown, D = unknown>(component: ComponentType<unknown>, config?: ModalConfig<D>): ModalRef<R>;
     /** Close all open modals. */
     closeAll(): void;
+    /**
+     * Names the dialog from the heading in its `<tedi-modal-header>` when the
+     * caller passed no label of their own. Deferred, because `Dialog.open`
+     * returns before the content renders and the heading does not exist yet.
+     *
+     * Written onto the container rather than passed as
+     * `DialogConfig.ariaLabelledBy`, which would commit to an id before knowing
+     * whether a heading exists and leave a dangling reference when none does.
+     */
+    private labelFromHeading;
     private buildPanelClasses;
     private setupDialogBehavior;
     private buildPositionStrategy;
@@ -9932,7 +10643,7 @@ declare class StatusBadgeComponent {
      */
     icon: _angular_core.InputSignal<string>;
     classes: _angular_core.Signal<string[]>;
-    ariaLive: _angular_core.Signal<"assertive" | "polite" | null>;
+    ariaLive: _angular_core.Signal<"polite" | "assertive" | null>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatusBadgeComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatusBadgeComponent, "tedi-status-badge", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -10056,6 +10767,6 @@ declare function isValidTime(time: string | null | undefined): boolean;
  */
 declare function normalizeTime(input: string): string | null;
 
-export { AVAILABLE_LANGUAGES, AccordionComponent, AccordionItemComponent, AccordionItemContentComponent, AccordionItemHeaderComponent, AlertComponent, AttachmentActionsComponent, AttachmentComponent, BREAKPOINTS, BaseButtonDirective, BreadcrumbItemDirective, BreadcrumbSeparatorDirective, BreadcrumbsComponent, BreakpointService, ButtonComponent, ButtonGroupButtonDirective, ButtonGroupComponent, COUNTER_TAG_WIDTH, CalendarComponent, CardButtonComponent, CardComponent, CardContentComponent, CardHeaderComponent, CardIconComponent, CardRowComponent, CarouselComponent, CarouselContentComponent, CarouselFooterComponent, CarouselHeaderComponent, CarouselIndicatorsComponent, CarouselNavigationComponent, CarouselSlideDirective, CheckboxCardComponent, CheckboxCardGroupComponent, CheckboxComponent, CheckboxGroupComponent, ClosingButtonComponent, ColComponent, CollapseButtonComponent, CollapseComponent, DROPDOWN_API, DROPDOWN_CONTENT_API, DateFieldComponent, DatePickerComponent, DropdownComponent, DropdownContentComponent, DropdownItemComponent, DropdownItemValueComponent, DropdownItemValueLabelComponent, DropdownItemValueMetaComponent, DropdownTriggerDirective, EllipsisComponent, EmptyStateComponent, FeedbackTextComponent, FilterComponent, FilterContentDirective, FilterGroupComponent, FilterPrependDirective, FooterBodyComponent, FooterBottomComponent, FooterComponent, FooterSectionComponent, FooterSideComponent, FormFieldComponent, FormFieldExtraDirective, 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_FIELD_CONTEXT, TEDI_FORM_FIELD_CONTROL, TEDI_INPUT_GROUP, TEDI_TABLE_CONTEXT, TEDI_THEME_DEFAULT_TOKEN, TEDI_TRANSLATION_DEFAULT_TOKEN, THEME_CLASS_PREFIX, THEME_COOKIE_NAME, THEME_FALLBACK_VALUE, TOAST_DEFAULT_DURATION, TabsComponent, TabsContentComponent, TabsListComponent, TabsTriggerComponent, TagComponent, TediPaginationResultsDirective, TediTableColumnsMenuComponent, TediTableComponent, TediTableHeaderButtonComponent, TediTableToolbarComponent, TediTranslationPipe, TediTranslationService, TextComponent, TextFieldComponent, TextGroupComponent, TextGroupLabelComponent, TextGroupValueComponent, TextareaComponent, ThemeService, TimeFieldComponent, TimePickerComponent, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTimingsBottomDirective, TimelineTitleComponent, ToastComponent, ToastService, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, addDays, addMonths, addYears, breakpointInput, buildMonthGrid, calculateArrowOffset, calculateVisibleTagCount, computeGroupSpans, cookieSignal, createTablePersistence, endOfMonth, formatDate, formatLocaleDate, formatLocaleDateHint, formatLocaleDateLong, formatMonthYear, generateUUID, getCardBorderPlacementColor, getDaysInMonth, getFirstDayOfWeek, getFocusableElements, getISOWeek, getMonthNames, getPaddingCssVariables, getPlacementFromPositionChange, getWeekdayNames, groupRowSpan, injectTediTableContext, isAfterDay, isBeforeDay, isDateInRange, isSameDay, isSameMonth, isSameYear, isValidTime, matchAny, matchDate, normalizeTime, parseDate, parseLocaleDate, provideTedi, resolveCardBorderRadius, startOfMonth, startOfWeek, toConnectedPositions, toggleDateInArray, usePagination };
-export type { AccordionInputs, AlertRole, AlertSize, AlertTitleType, AlertType, AlertVariant, AlignItems, AlignSelf, ArrowOffset, ArrowType, AttachmentDirection, BreadcrumbsInputs, BreadcrumbsVariant, Breakpoint, BreakpointFlag, BreakpointInput, BreakpointInputs, BreakpointInputsWithoutSignals, BreakpointObject, BulletColor, ButtonGroupDropdownLabelMode, ButtonSize, ButtonVariant, CalendarView, CardBackground, CardBorderPlacement, CardBorderRadius, CardBorderType, CardContentInputs, CardIconSize, CardIconType, CardInputs, CardPadding, CardPaddingNumber, CardResolvedCorners, CardRowDirection, CardRowInputs, 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, FieldContext, 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, LabelVisuallyHidden, Language, LinkInputs, LinkSize, LinkVariant, Matcher, ModalConfig, ModalFullscreen, ModalPosition, ModalScrollBehavior, ModalSize, ModalWidth, ModalWidthPreset, NumberFieldSize, OverlayPosition, OverlaySide, PaginationBackground, PaginationDividerPosition, PaginationItem, PaginationItemType, PaginationLabels, PaginationVisibility, PopoverPosition, PopoverWidth, PopoverWidthPreset, 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, TableControlColumnOrder, TableExpandTrigger, TableFilterModalData, TableFilterOptions, TablePaginationOptions, TablePersistOptions, TablePersistenceController, TableSelectionMode, TableSize, TableState, TableStatePatch, TabsOverflowMode, TagEllipsis, TagOverflowOptions, TagType, TediColumnDef, TediConfig, TediTableContextValue, TediTableFilterContext, TextColor, TextGroupInputs, TextGroupType, TextModifiers, TextareaSize, Theme, TimeFieldFullscreen, TimeFieldModal, TimeFieldPickerTrigger, TimeFieldPickerVariant, TimeFieldUseNativePicker, TimePickerVariant, TimelineCardPadding, TimelineVariant, ToastConfig, ToastPosition, ToastRole, ToastType, ToggleSize, ToggleType, ToggleVariant, TooltipOpenWith, TooltipPosition, TooltipWidth, UsePaginationArgs, VerticalSpacingSize, VirtualRow };
+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, FormFieldExtraDirective, HeaderActionsComponent, HeaderBottomComponent, HeaderComponent, HeaderContentComponent, HeaderLanguageComponent, HeaderLoginComponent, HeaderLogoComponent, HeaderLogoDarkDirective, HeaderLogoutComponent, HeaderMobileButtonComponent, HeaderProfileComponent, HeaderRoleComponent, HeaderRoleContentDirective, HeaderRoleNoResultsDirective, HeaderRoleTitleDirective, HeaderSearchComponent, HeaderTopComponent, HeadingWithIconComponent, 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, SearchFooterActionsComponent, SearchFooterTemplateDirective, SearchSuggestionComponent, SearchSuggestionTemplateDirective, SelectComponent, SelectOptionTemplateDirective, SelectTooltipTemplateDirective, SelectValueTemplateDirective, SeparatorComponent, ShowAtDirective, SideNavComponent, SideNavDropdownComponent, SideNavDropdownGroupComponent, SideNavDropdownItemComponent, SideNavGroupTitleComponent, SideNavItemComponent, SideNavOverlayComponent, SideNavToggleComponent, SkeletonBlockComponent, SkeletonComponent, SliderComponent, SpecialOptionControls, SpinnerComponent, StatusBadgeComponent, StatusIndicatorComponent, TAG_GAP, TEDI_FIELD_CONTEXT, TEDI_FORM_FIELD_CONTROL, TEDI_INPUT_GROUP, TEDI_TABLE_CONTEXT, TEDI_THEME_DEFAULT_TOKEN, TEDI_TRANSLATION_DEFAULT_TOKEN, THEME_CLASS_PREFIX, THEME_COOKIE_NAME, THEME_FALLBACK_VALUE, TOAST_DEFAULT_DURATION, TabsComponent, TabsContentComponent, TabsListComponent, TabsTriggerComponent, TagComponent, TediPaginationResultsDirective, TediTableColumnsMenuComponent, TediTableComponent, TediTableHeaderButtonComponent, TediTableToolbarComponent, TediTranslationPipe, TediTranslationService, TextComponent, TextFieldComponent, TextGroupComponent, TextGroupLabelComponent, TextGroupValueComponent, TextareaComponent, ThemeService, TimeFieldComponent, TimePickerComponent, TimelineComponent, TimelineDescriptionComponent, TimelineItemComponent, TimelineTimingsBottomDirective, TimelineTitleComponent, ToastComponent, ToastService, ToggleComponent, TooltipComponent, TooltipContentComponent, TooltipTriggerComponent, TruncateComponent, VerticalSpacingDirective, VerticalSpacingItemDirective, addDays, addMonths, addYears, breakpointInput, buildMonthGrid, calculateArrowOffset, calculateVisibleTagCount, computeGroupSpans, controlDescribedBy, cookieSignal, createTablePersistence, deriveControlState, endOfMonth, formatDate, formatLocaleDate, formatLocaleDateHint, formatLocaleDateLong, formatMonthYear, generateUUID, getCardBorderPlacementColor, getDaysInMonth, getFirstDayOfWeek, getFocusableElements, getISOWeek, getMonthNames, getPaddingCssVariables, getPlacementFromPositionChange, getWeekdayNames, groupRowSpan, highlightParts, 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, CardRowDirection, CardRowInputs, CarouselIndicatorsVariant, CheckboxCardVariant, CheckboxGroupDirection, CheckboxSize, ClosingButtonIconSize, ClosingButtonSize, ColInputs, ColWidth, CollapseButtonArrowType, CollapseButtonSize, CollapseSize, Cols, ColumnReorderPhase, CompareWithFn, ComponentInputs, ControlDescribedBy, DateAfter, DateBefore, DateFieldMode, DateInterval, DatePickerDay, DatePickerInputSize, DatePickerInputState, DatePickerMatcher, DatePickerSelectorMode, DatePickerView, DateRange, DayOfWeek, DerivedControlState, DropdownApi, DropdownContentApi, DropdownItemValueLayout, DropdownItemValueType, DropdownPosition, DropdownRole, DropdownTriggerAriaHasPopup, EllipsisPosition, EmptyStateSize, EmptyStateType, FeedbackTextPosition, FeedbackTextType, FieldContext, FilterOption, FilterSize, FilterVariant, FooterSidePlacement, FooterSidePosition, FormFieldControl, FormFieldIcon, Gap, GroupByFn, HeaderContentAlignment, HeaderLanguage, HeaderLanguageLabelPosition, HeaderLoginInputs, HeaderLoginSize, HeaderLogoutInputs, HeaderLogoutSize, HeaderProfileInputs, HeaderProfileSize, HeaderSearchMobileLabels, HeaderSearchMobileVariant, HeaderTopAlignment, HeaderTopInputs, HeadingLevel, HeadingModifiers, HorizontalStepperBackground, IconBackgroundColor, IconColor, IconSize, IconType, IconVariant, InputGroupContext, InputSize, InputState, JustifyItems, JustifySelf, LabelColor, LabelSize, LabelVisuallyHidden, Language, LinkInputs, LinkSize, LinkVariant, Matcher, ModalConfig, ModalFullscreen, ModalPosition, ModalScrollBehavior, ModalSize, ModalWidth, ModalWidthPreset, NumberFieldSize, OverlayPosition, OverlaySide, PaginationBackground, PaginationDividerPosition, PaginationItem, PaginationItemType, PaginationLabels, PaginationVisibility, PopoverPosition, PopoverWidth, PopoverWidthPreset, ProgressBarAnnounce, ProgressBarInputs, ProgressBarLabelPosition, ProgressBarSize, ProgressBarValuePosition, RadioCardVariant, RadioGroupDirection, RadioSize, Representative, RepresentativeIcon, RowInputs, ScrollFadePosition, ScrollFadeScrollbar, ScrollFadeSize, SearchButton, SearchHighlightPart, SearchSize, SearchSuggestionContext, SearchSuggestionView, SelectInputSize, SelectOption, SelectOptionContext, SelectOptionGroup, SelectValueContext, SeparatorAxis, SeparatorColor, SeparatorDotSize, SeparatorSpacing, SeparatorSpacingValue, SeparatorThickness, SeparatorVariant, SideNavItemSize, SkeletonBlockHeight, SkeletonBlockInputs, SkeletonBlockTextHeight, SkeletonBlockWidth, SliderHideLabel, SpinnerColor, SpinnerSize, StatusBadgeColor, StatusBadgeSize, StatusBadgeStatus, StatusBadgeVariant, StatusIndicatorPosition, StatusIndicatorSize, StatusIndicatorType, TEDITheme, TableColumnMeta, TableControlColumn, TableControlColumnOrder, TableExpandTrigger, TableFilterModalData, TableFilterOptions, TablePaginationOptions, TablePersistOptions, TablePersistenceController, TableSelectionMode, TableSize, TableState, TableStatePatch, TabsOverflowMode, TagEllipsis, TagOverflowOptions, TagType, TediColumnDef, TediConfig, TediTableContextValue, TediTableFilterContext, TextColor, TextGroupInputs, TextGroupType, TextModifiers, TextareaSize, Theme, TimeFieldFullscreen, TimeFieldModal, TimeFieldPickerTrigger, TimeFieldPickerVariant, TimeFieldUseNativePicker, TimePickerVariant, TimelineCardPadding, TimelineVariant, ToastConfig, ToastPosition, ToastRole, ToastType, ToggleSize, ToggleType, ToggleVariant, TooltipOpenWith, TooltipPosition, TooltipWidth, UsePaginationArgs, VerticalSpacingSize, VirtualRow };
 //# sourceMappingURL=index.d.ts.map