@tedi-design-system/angular 8.1.0-rc.8 → 8.1.0

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';
@@ -354,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[];
@@ -577,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[];
@@ -1032,20 +1060,6 @@ declare const translationsMap: {
         en: string;
         ru: string;
     };
-    "table-of-contents.valid": {
-        description: string;
-        components: string[];
-        et: (count: string | number) => string;
-        en: (count: string | number) => string;
-        ru: (count: string | number) => string;
-    };
-    "table-of-contents.invalid": {
-        description: string;
-        components: string[];
-        et: (count: string | number) => string;
-        en: (count: string | number) => string;
-        ru: (count: string | number) => string;
-    };
     "truncate.see-more": {
         description: string;
         components: string[];
@@ -1826,12 +1840,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>;
@@ -1866,8 +1887,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;
@@ -1876,7 +1895,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;
@@ -1911,15 +1930,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;
@@ -1953,10 +1973,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>;
@@ -1979,13 +2001,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 {
@@ -2271,6 +2305,81 @@ declare class ClosingButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClosingButtonComponent, "button[tedi-closing-button]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "showTitle": { "alias": "showTitle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+type FloatingButtonVariant = "primary" | "secondary";
+type FloatingButtonSize = "default" | "large";
+type FloatingButtonAxis = "horizontal" | "vertical";
+type FloatingButtonPosition = "fixed" | "absolute" | "sticky" | "relative" | "static";
+type FloatingButtonPlacement = {
+    vertical: "top" | "bottom" | "center";
+    horizontal: "left" | "right" | "center";
+};
+type FloatingButtonOffset = {
+    top?: number | string;
+    bottom?: number | string;
+    left?: number | string;
+    right?: number | string;
+};
+declare class FloatingButtonComponent implements OnInit {
+    private readonly baseButton;
+    /**
+     * The button's color variant.
+     * @default primary
+     */
+    readonly variant: _angular_core.InputSignal<FloatingButtonVariant>;
+    /**
+     * The button's size.
+     * @default default
+     */
+    readonly size: _angular_core.InputSignal<FloatingButtonSize>;
+    /**
+     * `vertical` rotates the button 90° counter-clockwise, with rounded left
+     * corners and square right corners. Intended for desktop side placement;
+     * on mobile prefer a horizontal button near the bottom, or an icon-only one.
+     *
+     * Rotation does not change the layout box. To align the visible button with
+     * an edge, center it in a container that reserves its rotated width and height,
+     * then position the container at that edge. See the Placement story.
+     * @default horizontal
+     */
+    readonly axis: _angular_core.InputSignal<FloatingButtonAxis>;
+    /**
+     * CSS positioning mode. Defaults to `fixed`; use `static` to keep the button
+     * in normal document flow.
+     * @default fixed
+     */
+    readonly position: _angular_core.InputSignal<FloatingButtonPosition>;
+    /**
+     * Where to pin the button within its containing block. Applied as `top` / `bottom` /
+     * `left` / `right`; `center` pins the midpoint on that axis. Has no effect when
+     * `position` is `static`.
+     */
+    readonly placement: _angular_core.InputSignal<FloatingButtonPlacement | undefined>;
+    /**
+     * Distance from the pinned edges, defaulting to `0`. Numbers are treated as pixels,
+     * strings accept CSS lengths such as `1rem`. Only the edges named by `placement` apply.
+     */
+    readonly offset: _angular_core.InputSignal<FloatingButtonOffset | undefined>;
+    /**
+     * Overrides the button's CSS `z-index`. Defaults to `--z-index-feedback` when omitted.
+     */
+    readonly zIndex: _angular_core.InputSignal<number | undefined>;
+    readonly classes: _angular_core.Signal<string>;
+    /**
+     * Uses the separate `translate` property for centering, while the vertical
+     * orientation is handled by `rotate`.
+     */
+    protected readonly placementStyles: _angular_core.Signal<{
+        top: string | null;
+        bottom: string | null;
+        left: string | null;
+        right: string | null;
+        translate: string | null;
+    }>;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FloatingButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FloatingButtonComponent, "[tedi-floating-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "axis": { "alias": "axis"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof BaseButtonDirective; inputs: {}; outputs: {}; }]>;
+}
+
 /**
  * A single item inside a `tedi-accordion`. Owns the item's state (expanded)
  * and the inputs shared by header and content (selected, showIconCard,
@@ -5145,10 +5254,17 @@ declare class TruncateComponent {
     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";
+type DropdownTriggerAriaHasPopup = "menu" | "listbox" | "dialog" | "true" | "false";
 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. */
-    readonly ariaHaspopup: _angular_core.InputSignal<DropdownTriggerAriaHasPopup>;
+    /**
+     * The `aria-haspopup` value for the trigger, telling assistive technology
+     * what kind of popup it opens.
+     *
+     * Defaults to the content's `dropdownRole`: `menu` for a menu, `listbox` for
+     * a listbox, and no attribute for a plain `list`, which ARIA has no
+     * `aria-haspopup` token for. `false` also omits the attribute.
+     */
+    readonly ariaHaspopup: _angular_core.InputSignal<DropdownTriggerAriaHasPopup | undefined>;
     readonly host: ElementRef<HTMLElement>;
     readonly dropdown: DropdownComponent;
     readonly overlayOrigin: CdkOverlayOrigin;
@@ -5161,6 +5277,7 @@ declare class DropdownTriggerDirective implements AfterViewInit {
      * would both be tab stops, and the ARIA state would land on the wrong element.
      */
     private readonly triggerElement;
+    private readonly hasPopup;
     constructor();
     ngAfterViewInit(): void;
     focus(): void;
@@ -5169,6 +5286,7 @@ declare class DropdownTriggerDirective implements AfterViewInit {
     get focusableElement(): HTMLElement;
     onClick(): void;
     onKeydown(event: KeyboardEvent): void;
+    private isWidgetContent;
     private resolveTriggerElement;
     private isNativelyFocusable;
     private openAndFocusFirst;
@@ -5177,6 +5295,18 @@ declare class DropdownTriggerDirective implements AfterViewInit {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DropdownTriggerDirective, "[tedi-dropdown-trigger]", never, { "ariaHaspopup": { "alias": "ariaHaspopup"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof _angular_cdk_overlay.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
 }
 
+/**
+ * How the dropdown panel is exposed to assistive technology.
+ *
+ * - `menu`: a menu of actions. Composite widget, so it is a single tab stop
+ *   with arrow-key navigation and its items are `menuitem`s.
+ * - `listbox`: a list of options, one of which can be selected. Composite
+ *   widget, like `menu`, and its items are `option`s.
+ * - `list`: a plain list, not a widget. Items keep their own semantics, so
+ *   navigation links stay links and each is its own tab stop. Use this
+ *   whenever the panel is a set of links.
+ */
+type DropdownRole = "menu" | "listbox" | "list";
 interface DropdownApi {
     /** Current value of the dropdown. Used to track the selected option in listbox mode. */
     value: WritableSignal<string | undefined>;
@@ -5206,7 +5336,9 @@ interface DropdownApi {
 declare const DROPDOWN_API: InjectionToken<DropdownApi>;
 interface DropdownContentApi {
     /** The ARIA role of the dropdown content. Determines keyboard interaction and accessibility semantics. */
-    dropdownRole: Signal<"menu" | "listbox">;
+    dropdownRole: Signal<DropdownRole>;
+    /** Whether the content is a composite widget (`menu`, `listbox`) rather than a plain `list`. Widgets own focus management and key handling; a plain list leaves both to the items' own controls. */
+    isWidget: Signal<boolean>;
 }
 declare const DROPDOWN_CONTENT_API: InjectionToken<DropdownContentApi>;
 
@@ -5258,6 +5390,20 @@ declare class DropdownItemComponent {
     readonly value: _angular_core.InputSignal<string | undefined>;
     /** Is item disabled? */
     readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether the projected content is itself the interactive control, e.g. a
+     * button. In a `menu` or `listbox` the item role and the roving tabindex then
+     * move onto that element instead of the host `li`, so assistive technology
+     * reports one control per item and the control keeps its own activation
+     * behaviour.
+     *
+     * A widget role replaces the control's own role, so a projected link stops
+     * being announced as a link. For navigation links use
+     * `dropdownRole="list"` instead, where this input is not needed: a plain list
+     * adds no roles, and the links stay links and stay in the tab order.
+     * @default false
+     */
+    readonly interactiveContent: _angular_core.InputSignal<boolean>;
     /**
      * Whether the item's label clips overflowing content (for text ellipsis).
      * Set `false` when projecting content with decorations that intentionally
@@ -5283,20 +5429,58 @@ declare class DropdownItemComponent {
     readonly dropdownContent: DropdownContentApi;
     /** Check if custom dropdown-item-value is provided */
     readonly customItemValue: _angular_core.Signal<DropdownItemValueComponent | undefined>;
+    private readonly renderer;
+    private readonly destroyRef;
+    private control;
+    constructor();
+    /** The widget role for this item, or `null` in a plain `list`. */
+    itemRole(): "menuitem" | "option" | null;
+    hostRole(): "option" | "menuitem" | "none" | null;
+    hostAriaSelected(): boolean | null;
+    hostAriaDisabled(): "true" | null;
+    hostTabindex(): "-1" | null;
+    /**
+     * Whether the item's ARIA state and focus belong on the projected control
+     * rather than the host `li`. Always true in a plain `list`, where the
+     * projected control is what the item is.
+     */
+    private controlOwnsSemantics;
     isSelected(): boolean;
+    /**
+     * The element that carries the item's role, roving tabindex and focus: the
+     * projected control when it owns the item's semantics, the host `li`
+     * otherwise.
+     */
+    focusTarget(): HTMLElement;
     focus(): void;
+    setTabindex(value: string | null): void;
+    private controlElement;
     onClick(): void;
     onMousedown(event: MouseEvent): void;
     onKeydown(event: KeyboardEvent): void;
+    /** Returns whether the key was an activation key and has been dealt with. */
+    private handleActivationKey;
     private onItemSelect;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownItemComponent, "li[tedi-dropdown-item]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clipContent": { "alias": "clipContent"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; }, { "itemSelect": "itemSelect"; }, ["customItemValue"], ["tedi-dropdown-item-value", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownItemComponent, "li[tedi-dropdown-item]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "interactiveContent": { "alias": "interactiveContent"; "required": false; "isSignal": true; }; "clipContent": { "alias": "clipContent"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; }, { "itemSelect": "itemSelect"; }, ["customItemValue"], ["tedi-dropdown-item-value", "*"], true, never>;
 }
 
-type DropdownRole = "menu" | "listbox";
 declare class DropdownContentComponent {
     /**
-     * Role for content, use listbox for list and menu for actions
+     * How the panel is exposed to assistive technology: `menu` for actions,
+     * `listbox` for selectable options, `list` for a plain list of links.
+     *
+     * `menu` and `listbox` are composite widgets, so the panel is a single tab
+     * stop with arrow-key navigation and the items carry `menuitem` / `option`.
+     * `list` is not a widget: it adds no item roles and no key handling, so
+     * projected links keep the link role and each one is its own tab stop. A
+     * panel of navigation links belongs in `list`, because a widget role would
+     * replace the link role and screen readers would stop announcing them as
+     * links. The `role="list"` it puts on the `ul` is redundant on paper but not
+     * in Safari, which drops list semantics from a list with no marker. A `list`
+     * panel also renders in the dropdown's own place in the DOM rather than at the
+     * end of `<body>`, so it keeps its place in reading order for the screen
+     * readers that navigate by DOM order instead of by `Tab`.
      * @default menu
      */
     readonly dropdownRole: _angular_core.InputSignal<DropdownRole>;
@@ -5304,6 +5488,7 @@ declare class DropdownContentComponent {
     private readonly dropdownApi;
     readonly containerId: _angular_core.Signal<string>;
     readonly items: _angular_core.Signal<readonly DropdownItemComponent[]>;
+    readonly isWidget: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownContentComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownContentComponent, "tedi-dropdown-content", never, { "dropdownRole": { "alias": "dropdownRole"; "required": false; "isSignal": true; }; }, {}, ["items"], ["*", "li[tedi-dropdown-item]"], true, never>;
 }
@@ -5353,6 +5538,7 @@ declare class DropdownComponent implements OnDestroy {
     private readonly platformId;
     private readonly document;
     private readonly renderer;
+    private readonly overlayContainer;
     private scrollListener?;
     private skipNextGestureOutsideClick;
     constructor();
@@ -5363,6 +5549,12 @@ declare class DropdownComponent implements OnDestroy {
     onOutsideClick(event?: MouseEvent): void;
     handleFocusOut: (event: FocusEvent) => void;
     tabOutOfDropdown(shiftKey: boolean): void;
+    /**
+     * Focuses `target` and only then tears the panel down, so focus is never on a
+     * detached element. `handleFocusOut` already closes on the resulting
+     * `focusin`; the explicit call covers a target that refuses focus.
+     */
+    private moveFocusOut;
     focusFirstItem(): void;
     focusLastItem(): void;
     setActiveToSelectedOrFirst(): void;
@@ -5370,6 +5562,11 @@ declare class DropdownComponent implements OnDestroy {
     focusNextItem(fromEl: HTMLLIElement): void;
     focusPrevItem(fromEl: HTMLLIElement): void;
     updateTabindexes(): void;
+    /** Moves focus to the first focusable element in the panel. */
+    focusPanelStart(): void;
+    onPanelKeydown(event: KeyboardEvent): void;
+    private panelFocusables;
+    private closeAndFocusTrigger;
     private setupScrollListener;
     private cleanupScrollListener;
     private findIndexByElement;
@@ -5923,6 +6120,13 @@ interface DateInputTag {
 }
 declare class DateInputComponent implements AfterViewChecked {
     readonly inputId: _angular_core.InputSignal<string>;
+    /** `name` attribute of the text input; omitted from the DOM when not set. */
+    readonly name: _angular_core.InputSignal<string | undefined>;
+    /**
+     * `aria-describedby` ids for the input. Handed to the `tedi-text-field`
+     * directive, which owns the input's `aria-describedby` attribute.
+     */
+    readonly ariaDescribedby: _angular_core.InputSignal<string | null>;
     readonly value: _angular_core.InputSignal<string>;
     readonly tags: _angular_core.InputSignal<readonly DateInputTag[]>;
     readonly mode: _angular_core.InputSignal<DateFieldMode>;
@@ -5954,6 +6158,7 @@ declare class DateInputComponent implements AfterViewChecked {
     private readonly inputElement;
     private readonly fieldElement;
     private readonly tagElements;
+    private readonly textField;
     /** Number of tags that fit on a single row; `null` until measured. */
     readonly visibleTagsCount: _angular_core.WritableSignal<number | null>;
     constructor();
@@ -5976,7 +6181,7 @@ declare class DateInputComponent implements AfterViewChecked {
     private calculateVisibleTags;
     private getAvailableTagWidth;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateInputComponent, "tedi-date-input", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "tags": { "alias": "tags"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "multiRow": { "alias": "multiRow"; "required": false; "isSignal": true; }; "ellipsis": { "alias": "ellipsis"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "iconActive": { "alias": "iconActive"; "required": false; "isSignal": true; }; "iconDisabled": { "alias": "iconDisabled"; "required": false; "isSignal": true; }; "useNativePicker": { "alias": "useNativePicker"; "required": false; "isSignal": true; }; "nativeIsoValue": { "alias": "nativeIsoValue"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; }, { "inputChange": "inputChange"; "iconClick": "iconClick"; "tagRemove": "tagRemove"; "clear": "clear"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateInputComponent, "tedi-date-input", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "tags": { "alias": "tags"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "multiRow": { "alias": "multiRow"; "required": false; "isSignal": true; }; "ellipsis": { "alias": "ellipsis"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "iconActive": { "alias": "iconActive"; "required": false; "isSignal": true; }; "iconDisabled": { "alias": "iconDisabled"; "required": false; "isSignal": true; }; "useNativePicker": { "alias": "useNativePicker"; "required": false; "isSignal": true; }; "nativeIsoValue": { "alias": "nativeIsoValue"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; }, { "inputChange": "inputChange"; "iconClick": "iconClick"; "tagRemove": "tagRemove"; "clear": "clear"; }, never, never, true, never>;
 }
 
 /**
@@ -6065,6 +6270,11 @@ declare class DateFieldComponent implements OnInit, ControlValueAccessor, FormFi
      * `<label tedi-label [for]>` to the same value.
      */
     readonly inputId: _angular_core.InputSignal<string>;
+    /**
+     * `name` attribute of the underlying text input, used by native form
+     * submission. Omitted from the DOM when not set.
+     */
+    readonly name: _angular_core.InputSignal<string | undefined>;
     /**
      * The selected value (two-way / `ControlValueAccessor`). Shape follows `mode`:
      * `single` → `Date | null`, `multiple` → `Date[]`, `range` → `{ from, to }`.
@@ -6258,7 +6468,17 @@ declare class DateFieldComponent implements OnInit, ControlValueAccessor, FormFi
     readonly overlayOpen: _angular_core.WritableSignal<boolean>;
     private readonly openedBy;
     readonly overlayPositions: _angular_core.Signal<ConnectedPosition[]>;
+    /**
+     * `aria-describedby` ids for the inner input — the wrapping form-field's
+     * feedback text, plus any set on `<tedi-date-field>` itself.
+     */
+    readonly describedBy: _tedi_design_system_angular_tedi.ControlDescribedBy;
     private readonly cvaDisabled;
+    /**
+     * Uncommitted input text, tracked separately so resets clear it even when
+     * `value` is unchanged. Value changes discard it; `null` shows the formatted value.
+     */
+    private readonly typedText;
     private modalRef;
     private scrollListener?;
     private onChange;
@@ -6287,6 +6507,11 @@ declare class DateFieldComponent implements OnInit, ControlValueAccessor, FormFi
     readonly nativeIsoValue: _angular_core.Signal<string>;
     readonly effectivePlaceholder: _angular_core.Signal<string>;
     readonly displayValue: _angular_core.Signal<string>;
+    /**
+     * What the text input actually shows: uncommitted typed text when there is
+     * any, otherwise the formatted `value`.
+     */
+    readonly inputText: _angular_core.Signal<string>;
     readonly tagsForMultipleMode: _angular_core.Signal<DateInputTag[]>;
     readonly canClear: _angular_core.Signal<boolean>;
     readonly inputIsTrigger: _angular_core.Signal<boolean>;
@@ -6296,6 +6521,7 @@ declare class DateFieldComponent implements OnInit, ControlValueAccessor, FormFi
     registerOnChange(fn: (value: DateFieldValue) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
+    setDescribedBy(ids: string[]): void;
     focus(): void;
     reset(): void;
     handleClear(): void;
@@ -6335,7 +6561,7 @@ declare class DateFieldComponent implements OnInit, ControlValueAccessor, FormFi
     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; }; "invalidInput": { "alias": "invalid"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disablePast": { "alias": "disablePast"; "required": false; "isSignal": true; }; "disableFuture": { "alias": "disableFuture"; "required": false; "isSignal": true; }; "shouldDisableMonth": { "alias": "shouldDisableMonth"; "required": false; "isSignal": true; }; "shouldDisableYear": { "alias": "shouldDisableYear"; "required": false; "isSignal": true; }; "minYear": { "alias": "minYear"; "required": false; "isSignal": true; }; "maxYear": { "alias": "maxYear"; "required": false; "isSignal": true; }; "availableDays": { "alias": "availableDays"; "required": false; "isSignal": true; }; "unavailableDays": { "alias": "unavailableDays"; "required": false; "isSignal": true; }; "selectionLevel": { "alias": "selectionLevel"; "required": false; "isSignal": true; }; "monthYearSelectType": { "alias": "monthYearSelectType"; "required": false; "isSignal": true; }; "initialMonth": { "alias": "initialMonth"; "required": false; "isSignal": true; }; "localeCode": { "alias": "localeCode"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "showOutsideDays": { "alias": "showOutsideDays"; "required": false; "isSignal": true; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; "isSignal": true; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; "isSignal": true; }; "enableCalendar": { "alias": "enableCalendar"; "required": false; "isSignal": true; }; "calendarTrigger": { "alias": "calendarTrigger"; "required": false; "isSignal": true; }; "useNativePicker": { "alias": "useNativePicker"; "required": false; "isSignal": true; }; "hideOnScroll": { "alias": "hideOnScroll"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "fullscreen": { "alias": "fullscreen"; "required": false; "isSignal": true; }; "formatDate": { "alias": "formatDate"; "required": false; "isSignal": true; }; "parseDate": { "alias": "parseDate"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "openChange": "openChange"; }, never, ["[tediCalendarFooter]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateFieldComponent, "tedi-date-field", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": false; "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; }; "invalidInput": { "alias": "invalid"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disablePast": { "alias": "disablePast"; "required": false; "isSignal": true; }; "disableFuture": { "alias": "disableFuture"; "required": false; "isSignal": true; }; "shouldDisableMonth": { "alias": "shouldDisableMonth"; "required": false; "isSignal": true; }; "shouldDisableYear": { "alias": "shouldDisableYear"; "required": false; "isSignal": true; }; "minYear": { "alias": "minYear"; "required": false; "isSignal": true; }; "maxYear": { "alias": "maxYear"; "required": false; "isSignal": true; }; "availableDays": { "alias": "availableDays"; "required": false; "isSignal": true; }; "unavailableDays": { "alias": "unavailableDays"; "required": false; "isSignal": true; }; "selectionLevel": { "alias": "selectionLevel"; "required": false; "isSignal": true; }; "monthYearSelectType": { "alias": "monthYearSelectType"; "required": false; "isSignal": true; }; "initialMonth": { "alias": "initialMonth"; "required": false; "isSignal": true; }; "localeCode": { "alias": "localeCode"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "showOutsideDays": { "alias": "showOutsideDays"; "required": false; "isSignal": true; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; "isSignal": true; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; "isSignal": true; }; "enableCalendar": { "alias": "enableCalendar"; "required": false; "isSignal": true; }; "calendarTrigger": { "alias": "calendarTrigger"; "required": false; "isSignal": true; }; "useNativePicker": { "alias": "useNativePicker"; "required": false; "isSignal": true; }; "hideOnScroll": { "alias": "hideOnScroll"; "required": false; "isSignal": true; }; "modal": { "alias": "modal"; "required": false; "isSignal": true; }; "fullscreen": { "alias": "fullscreen"; "required": false; "isSignal": true; }; "formatDate": { "alias": "formatDate"; "required": false; "isSignal": true; }; "parseDate": { "alias": "parseDate"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "openChange": "openChange"; }, never, ["[tediCalendarFooter]"], true, never>;
 }
 
 declare class DatePickerCalendarGridComponent {
@@ -6391,6 +6617,9 @@ type DatePickerMatcher = Date | Date[] | {
     from: Date;
     to?: Date;
 } | ((date: Date) => boolean);
+/**
+ * @deprecated Use `tedi-date-field` from `@tedi-design-system/angular/tedi` instead.
+ */
 declare class DatePickerComponent implements OnInit, ControlValueAccessor {
     readonly today: Date;
     readonly uniqueId: string;
@@ -6549,7 +6778,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>;
@@ -6770,7 +6999,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.
@@ -6792,7 +7092,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.
      */
@@ -6842,6 +7142,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).
      */
@@ -6850,11 +7206,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)">;
@@ -6869,19 +7255,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.
  */
@@ -6999,6 +7487,11 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
      * Used for label association and accessibility.
      */
     inputId: _angular_core.InputSignal<string>;
+    /**
+     * Name the selection is submitted under in a native form, one entry per
+     * selected value. With object options, set `bindValue` to pick what is sent.
+     */
+    name: _angular_core.InputSignal<string | undefined>;
     /**
      * Label text displayed above the select.
      */
@@ -7261,6 +7754,14 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
     measuredRowHeight: _angular_core.WritableSignal<number | null>;
     private static readonly DEFAULT_ROW_HEIGHT;
     private static readonly SMALL_ROW_HEIGHT;
+    /**
+     * Values written to the hidden form inputs — one entry per selected value,
+     * and a single empty entry when nothing is selected, so the field is still
+     * submitted.
+     */
+    readonly formValues: _angular_core.Signal<string[]>;
+    readonly isInvalid: _angular_core.Signal<boolean>;
+    readonly feedbackId: _angular_core.Signal<string | null>;
     hiddenTagsCount: _angular_core.Signal<number>;
     /**
      * Whether the default identity comparator is in use. When true, selection and
@@ -7407,7 +7908,7 @@ declare class SelectComponent<T = unknown> implements AfterContentChecked, After
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent<any>, "tedi-select", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "dropdownWidthRef": { "alias": "dropdownWidthRef"; "required": false; "isSignal": true; }; "dropdownAlign": { "alias": "dropdownAlign"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": false; "isSignal": true; }; "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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent<any>, "tedi-select", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "name": { "alias": "name"; "required": false; "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";
@@ -8978,7 +9479,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.
@@ -9672,9 +10173,19 @@ type RenderToken = {
  * 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.
+ * `tedi-link` for non-underlined crumbs, which is recommended for the `short`
+ * back-link. A collapsed crumb keeps its own `[underline]` setting, so it looks
+ * the same in the ellipsis dropdown as it does in the trail. To restyle the
+ * collapsed rows, target `.tedi-breadcrumbs__dropdown-item`, which travels with
+ * them into the overlay.
+ *
+ * The ellipsis dropdown is a plain list (`dropdownRole="list"`), not a menu, so
+ * the collapsed crumbs stay links: screen readers announce them as links and
+ * each one is its own tab stop. Its panel renders inside the crumb it belongs
+ * to, so the collapsed crumbs come between the ellipsis button and the next
+ * crumb both in the tab order and for a screen reader that swipes through the
+ * DOM. Opening it moves focus to the first collapsed crumb; Escape closes it
+ * and returns focus to the button.
  */
 declare class BreadcrumbsComponent implements BreakpointInputs<BreadcrumbsInputs> {
     private readonly breakpointService;
@@ -9815,6 +10326,252 @@ interface UsePaginationArgs {
  */
 declare function usePagination({ page, pageCount, boundaryCount, siblingCount, }: UsePaginationArgs): PaginationItem[];
 
+type TableOfContentsVariant = "default" | "transparent";
+type TableOfContentsHeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+/**
+ * A navigation aid that lists the sections of a page and highlights the one the
+ * reader is on. Compose it from `tedi-table-of-contents-item` elements; nest
+ * items to build a two-level hierarchy.
+ *
+ * The active item is controlled via `activeId`: it gets the accent bar and active link colour.
+ *
+ * When `sticky` is enabled the container pins while the page scrolls. Two knobs
+ * adapt it to the surrounding layout: `stickyOffset` moves where it pins (raise
+ * it to clear a fixed header), and `stickyMaxHeight` overrides the height cap
+ * for when the TOC scrolls inside a fixed-height container rather than the window.
+ *
+ * The gap the sticky TOC leaves above the viewport bottom has no input — override
+ * the `--tedi-table-of-contents-sticky-bottom` CSS custom property (default
+ * `1.5rem`) from any ancestor when you need to clear a fixed footer.
+ */
+declare class TableOfContentsComponent {
+    /**
+     * Heading rendered above the list. Defaults to the localised "Table of
+     * contents" label; pass `null` (or an empty string) to render it headless —
+     * the navigation keeps an accessible name via `aria-label`.
+     */
+    readonly heading: _angular_core.InputSignal<string | null | undefined>;
+    /**
+     * Semantic level of the heading element (`h1`–`h6`). The visual style stays
+     * h4 regardless; set this to match the surrounding page's heading outline
+     * (e.g. `h2` when the TOC follows only a page `h1`).
+     */
+    readonly headingLevel: _angular_core.InputSignal<TableOfContentsHeadingLevel>;
+    /**
+     * Visual variant:
+     * - `default` — rendered inside a bordered card.
+     * - `transparent` — no card chrome; the list sits on the page with a
+     *   continuous grey left rail.
+     */
+    readonly variant: _angular_core.InputSignal<TableOfContentsVariant>;
+    /**
+     * Draws a divider under each item except the last — sub-items included — so the
+     * list reads as a set of separated rows.
+     * @default false
+     */
+    readonly bordered: _angular_core.InputSignal<boolean>;
+    /** Id of the currently active item. */
+    readonly activeId: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Keep the active item visible inside the TOC's own scroll area. When the list
+     * is taller than a bounded or sticky container and `activeId` changes, the TOC
+     * scrolls its internal scroll region just enough to reveal the active item.
+     * No-op when the list isn't scrollable (short lists, unbounded layouts).
+     * @default false
+     */
+    readonly scrollActiveIntoView: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether nested items are expanded by default. When `true` (default) the full
+     * outline is always visible. When `false`, a branch reveals its sub-items only
+     * while it is on the active trail (the active item or one of its ancestors).
+     * @default true
+     */
+    readonly defaultOpen: _angular_core.InputSignal<boolean>;
+    /** Show auto-generated hierarchical numbers (`1.`, `2.`, `2.1`, …). */
+    readonly numbered: _angular_core.InputSignal<boolean>;
+    /** Stick the container to the viewport while scrolling. */
+    readonly sticky: _angular_core.InputSignal<boolean>;
+    /**
+     * Distance from the top of the scroll container at which the sticky TOC pins,
+     * as any CSS length or expression. Raise it to clear a fixed header — e.g.
+     * `"calc(var(--layout-header-height) + 1.5rem)"`. Drives both `top` and the
+     * default `max-height`. Only applies while `sticky` is `true`.
+     * @default "1.5rem"
+     */
+    readonly stickyOffset: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Overrides the sticky height cap. The default keeps the TOC within the
+     * viewport (`calc(100dvh - offset - 1.5rem)`); set this when the TOC scrolls
+     * inside a fixed-height container rather than the window — e.g.
+     * `"calc(30rem - 3rem)"` for a 30rem scroll region. Only applies while
+     * `sticky` is `true`.
+     */
+    readonly stickyMaxHeight: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Accessible name for the navigation landmark. Overrides the default, which is
+     * the heading (via `aria-labelledby`) or the localised title when headless.
+     * Useful to disambiguate multiple tables of contents on one page.
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    private readonly translations;
+    private readonly host;
+    private readonly platformId;
+    constructor();
+    /** Top-level items, used by items to compute their hierarchical numbers. */
+    readonly items: _angular_core.Signal<readonly any[]>;
+    private readonly titleLabel;
+    readonly resolvedHeading: _angular_core.Signal<string | null>;
+    readonly navLabel: _angular_core.Signal<string>;
+    readonly headingId: string;
+    /** Scroll the TOC's own scroll region so the active item's row is visible. */
+    private revealActiveItem;
+    /** Nearest scrollable ancestor within this component (e.g. the sticky `nav`). */
+    private findScrollParent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableOfContentsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableOfContentsComponent, "tedi-table-of-contents", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "headingLevel": { "alias": "headingLevel"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "activeId": { "alias": "activeId"; "required": false; "isSignal": true; }; "scrollActiveIntoView": { "alias": "scrollActiveIntoView"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "numbered": { "alias": "numbered"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "stickyOffset": { "alias": "stickyOffset"; "required": false; "isSignal": true; }; "stickyMaxHeight": { "alias": "stickyMaxHeight"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, ["items"], ["tedi-table-of-contents-item"], true, never>;
+}
+
+/**
+ * A single entry in a `tedi-table-of-contents`. Its non-item content (a
+ * `tedi-link`, anchor or button) is the clickable label; nested
+ * `tedi-table-of-contents-item` children become this item's sub-items and are
+ * only revealed when the item is on the active branch.
+ */
+declare class TableOfContentsItemComponent {
+    /**
+     * Unique id. Required to mark the item active (via the parent's `activeId`)
+     * and to be the parent of nested items. Named `itemId` to avoid
+     * shadowing the native `id` attribute.
+     */
+    readonly itemId: _angular_core.InputSignal<string | undefined>;
+    /** Render a separator below the item. */
+    readonly separator: _angular_core.InputSignal<boolean>;
+    private readonly root;
+    private readonly parent;
+    /** Direct nested items (a single level down). */
+    readonly childItems: Signal<readonly TableOfContentsItemComponent[]>;
+    readonly numbered: Signal<boolean>;
+    readonly depth: Signal<number>;
+    /** CSS indent level — capped at 2, matching the design's two-level hierarchy. */
+    readonly level: Signal<number>;
+    readonly hasChildren: Signal<boolean>;
+    readonly isSelected: Signal<boolean>;
+    /** Whether the active item is this item or somewhere in its subtree. */
+    readonly containsActive: Signal<boolean>;
+    /**
+     * Whether this item's nested group is expanded: always when the TOC is
+     * `defaultOpen`, otherwise only along the branch leading to the active item.
+     */
+    readonly isOpen: Signal<boolean>;
+    private readonly siblings;
+    private readonly index;
+    private readonly numberPrefix;
+    /** Hierarchical number base without trailing dot, e.g. `2` or `2.1`. */
+    readonly numberBase: Signal<string>;
+    /** Rendered number — `1.` at the top level, `1.1` when nested. */
+    readonly numberLabel: Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableOfContentsItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableOfContentsItemComponent, "tedi-table-of-contents-item", never, { "itemId": { "alias": "itemId"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; }, {}, ["childItems"], ["*", "[tediTocItemSuffix]", "tedi-table-of-contents-item"], true, never>;
+}
+
+/**
+ * Marks projected content as the trailing suffix of a
+ * `tedi-table-of-contents-item`. The item renders it right-aligned at the end of
+ * the row — e.g. a `tedi-tag`.
+ */
+declare class TableOfContentsItemSuffixDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableOfContentsItemSuffixDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TableOfContentsItemSuffixDirective, "[tediTocItemSuffix]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Mobile variant of `tedi-table-of-contents`: a bottom bar that opens the list
+ * in a bottom-sheet overlay. Takes the same `tedi-table-of-contents-item`
+ * children as the desktop card; render it on small viewports.
+ *
+ * It provides itself as `TableOfContentsComponent` so the projected items
+ * resolve their context (`activeId`, `numbered`, `items`) exactly as they do
+ * inside the desktop component.
+ */
+declare class TableOfContentsCollapsibleComponent implements OnDestroy {
+    /**
+     * Heading shown on the bar and sheet. Defaults to the localised "Table of
+     * contents" label.
+     */
+    readonly heading: _angular_core.InputSignal<string | null | undefined>;
+    /** Id of the currently active item. */
+    readonly activeId: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Whether nested items are expanded by default. When `false`, a branch reveals
+     * its sub-items only while it is on the active trail. Mirrors
+     * `tedi-table-of-contents` so projected items resolve it via the shared root.
+     * @default true
+     */
+    readonly defaultOpen: _angular_core.InputSignal<boolean>;
+    /** Show auto-generated hierarchical numbers (`1.`, `2.`, `2.1`, …). */
+    readonly numbered: _angular_core.InputSignal<boolean>;
+    /**
+     * Draws a divider under each item except the last — sub-items included — so the
+     * sheet's list reads as a set of separated rows. Mirrors `tedi-table-of-contents`.
+     * @default false
+     */
+    readonly bordered: _angular_core.InputSignal<boolean>;
+    /**
+     * Pin the bar to the bottom of the viewport. Set `false` to render it inline.
+     */
+    readonly sticky: _angular_core.InputSignal<boolean>;
+    /**
+     * Hide the bar while the user scrolls down and reveal it when they scroll up,
+     * keeping the reading area clear. Watches window scroll by default; set
+     * `scrollContainer` to watch a scrollable element instead.
+     * @default false
+     */
+    readonly hideOnScroll: _angular_core.InputSignal<boolean>;
+    /**
+     * Element whose scroll drives `hideOnScroll`. Defaults to the window; set it to
+     * the scrollable container when the content scrolls inside a region rather than
+     * the whole page.
+     */
+    readonly scrollContainer: _angular_core.InputSignal<HTMLElement | undefined>;
+    /**
+     * Accessible name for the sheet's navigation landmark and dialog. Defaults to
+     * the visible title.
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Top-level items, read by items to compute their hierarchical numbers. */
+    readonly items: _angular_core.Signal<readonly any[]>;
+    private readonly dialog;
+    private readonly overlay;
+    private readonly translations;
+    private readonly platformId;
+    private readonly zone;
+    private readonly sheet;
+    private dialogRef?;
+    readonly open: _angular_core.WritableSignal<boolean>;
+    /** True while the sticky bar is hidden by a scroll-down gesture. */
+    readonly barHidden: _angular_core.WritableSignal<boolean>;
+    private lastScrollY;
+    private ticking;
+    private scrollTarget?;
+    private readonly onScroll;
+    constructor();
+    private currentScrollY;
+    private readonly titleLabel;
+    readonly openLabel: _angular_core.Signal<string>;
+    readonly closeLabel: _angular_core.Signal<string>;
+    readonly title: _angular_core.Signal<string>;
+    /** Accessible name for the nav/dialog — the `ariaLabel` override or the title. */
+    readonly navLabel: _angular_core.Signal<string>;
+    toggle(open: boolean): void;
+    close(): void;
+    ngOnDestroy(): void;
+    private handleScroll;
+    onListClick(event: Event): void;
+    private openSheet;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableOfContentsCollapsibleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableOfContentsCollapsibleComponent, "tedi-table-of-contents-collapsible", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "activeId": { "alias": "activeId"; "required": false; "isSignal": true; }; "defaultOpen": { "alias": "defaultOpen"; "required": false; "isSignal": true; }; "numbered": { "alias": "numbered"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; "hideOnScroll": { "alias": "hideOnScroll"; "required": false; "isSignal": true; }; "scrollContainer": { "alias": "scrollContainer"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, ["items"], ["tedi-table-of-contents-item"], true, never>;
+}
+
 /**
  * Root of the Tabs compound component. Wraps `tedi-tabs-list` and
  * `tedi-tabs-content` elements and owns the active-tab state, which the list,
@@ -10336,7 +11093,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>;
 }
@@ -10416,6 +11173,12 @@ declare const TEDI_TRANSLATION_DEFAULT_TOKEN: InjectionToken<Language>;
 
 declare function cookieSignal<T>(key: string, initialValue: T): _angular_core.WritableSignal<T>;
 
+/**
+ * Logs a deprecation warning once per component, in dev mode only.
+ * @internal
+ */
+declare function warnDeprecated(name: string, message: string): void;
+
 declare function getFocusableElements(container: HTMLElement): HTMLElement[];
 
 /** Horizontal gap (px) between tags in a single row. */
@@ -10460,6 +11223,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, 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, 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, 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, SearchSize, 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 };
+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, FloatingButtonComponent, 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, TableOfContentsCollapsibleComponent, TableOfContentsComponent, TableOfContentsItemComponent, TableOfContentsItemSuffixDirective, 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, warnDeprecated };
+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, FloatingButtonAxis, FloatingButtonOffset, FloatingButtonPlacement, FloatingButtonPosition, FloatingButtonSize, FloatingButtonVariant, 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, TableOfContentsHeadingLevel, TableOfContentsVariant, 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