@tedi-design-system/angular 6.5.0-rc.7 → 6.5.0-rc.9

package/community/index.d.ts

@@ -1,9 +1,1454 @@
-export * from "./components/buttons";
-export * from "./components/cards";
-export * from "./components/form";
-export * from "./components/navigation";
-export * from "./components/overlay";
-export * from "./components/tags";
-export * from "./components/table";
-export * from "./components/helpers";
-//# sourceMappingURL=index.d.ts.map
+import * as _angular_core from '@angular/core';
+import { OnInit, TemplateRef, AfterContentChecked, ElementRef, EventEmitter, OnDestroy, AfterContentInit } from '@angular/core';
+import * as i1 from '@tedi-design-system/angular/tedi';
+import { BaseButtonDirective, IconColor, ComponentInputs, FeedbackTextComponent, BreakpointInputs, BreakpointService, ButtonVariant, ButtonSize } from '@tedi-design-system/angular/tedi';
+import { ControlValueAccessor, NgControl, AbstractControl, ValidationErrors } from '@angular/forms';
+import { DialogRef } from '@angular/cdk/dialog';
+import { FocusableOption } from '@angular/cdk/a11y';
+import * as i1$1 from '@angular/router';
+import * as _angular_cdk_overlay from '@angular/cdk/overlay';
+import { CdkOverlayOrigin } from '@angular/cdk/overlay';
+
+type FloatingButtonVariant = "primary" | "secondary";
+type FloatingButtonSize = "default" | "large";
+type FloatingButtonAxis = "horizontal" | "vertical";
+declare class FloatingButtonComponent implements OnInit {
+    /**
+     * Specifies the color theme of the button. The color should meet accessibility standards for color contrast.
+     * @default primary
+     */
+    variant: _angular_core.InputSignal<FloatingButtonVariant>;
+    /**
+     * Defines the size of the button.
+     * @default default
+     */
+    size: _angular_core.InputSignal<FloatingButtonSize>;
+    /**
+     * Button axis
+     * @default horizontal
+     */
+    axis: _angular_core.InputSignal<FloatingButtonAxis>;
+    buttonDirective: BaseButtonDirective;
+    ngOnInit(): void;
+    floatClasses: _angular_core.Signal<string>;
+    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; }; }, {}, never, ["*"], true, [{ directive: typeof i1.BaseButtonDirective; inputs: {}; outputs: {}; }]>;
+}
+
+declare class AccordionItemComponent {
+    /**
+     * Accordion item id
+     */
+    id: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Whether accordion item is selected
+     */
+    selected: _angular_core.InputSignal<boolean>;
+    opened: _angular_core.ModelSignal<boolean>;
+    private idGenerator;
+    private itemId;
+    headerId: _angular_core.Signal<string>;
+    contentId: _angular_core.Signal<string>;
+    open(): void;
+    close(): void;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionItemComponent, "tedi-accordion-item", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "opened": { "alias": "opened"; "required": false; "isSignal": true; }; }, { "opened": "openedChange"; }, never, ["*"], true, never>;
+}
+
+/**
+ * @deprecated Use Accordion from TEDI-ready instead. This component will be removed from future versions.
+ */
+declare class AccordionComponent implements OnInit {
+    /**
+     * id-s of items that should be opened by default.
+     */
+    defaultOpenItems: _angular_core.InputSignal<string[] | undefined>;
+    /**
+     * Whether only one accordion item can be opened at once.
+     * @default false
+     */
+    singleOpen: _angular_core.InputSignal<boolean>;
+    accordionItems: _angular_core.Signal<readonly AccordionItemComponent[]>;
+    private prevOpens;
+    constructor();
+    private openDefaultOpenItems;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionComponent, "tedi-accordion", never, { "defaultOpenItems": { "alias": "defaultOpenItems"; "required": false; "isSignal": true; }; "singleOpen": { "alias": "singleOpen"; "required": false; "isSignal": true; }; }, {}, ["accordionItems"], ["*"], true, never>;
+}
+
+type CardColors = "primary" | "secondary" | "tertiary" | "accent" | "brand-primary" | "brand-secondary" | "brand-tertiary" | "brand-quaternary" | "danger-primary" | "danger-secondary" | "success-primary" | "success-secondary" | "info-primary" | "info-secondary" | "warning-primary" | "warning-secondary" | "neutral-primary" | "neutral-secondary";
+declare class CardColorsDirective {
+    /**
+     * Modifies background of the block it's attached to.
+     */
+    background: _angular_core.InputSignal<CardColors | undefined>;
+    border: _angular_core.InputSignal<CardColors | undefined>;
+    modifierClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardColorsDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CardColorsDirective, never, never, { "background": { "alias": "background"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class AccordionIconComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionIconComponent, "tedi-accordion-icon", never, {}, {}, never, ["*"], true, [{ directive: typeof CardColorsDirective; inputs: { "background": "background"; }; outputs: {}; }]>;
+}
+
+declare class AccordionItemContentComponent {
+    background: _angular_core.InputSignal<CardColors | undefined>;
+    accordionItem: AccordionItemComponent;
+    headerId: _angular_core.Signal<string>;
+    contentId: _angular_core.Signal<string>;
+    opened: _angular_core.ModelSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionItemContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionItemContentComponent, "tedi-accordion-item-content", never, { "background": { "alias": "background"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type CardSpacing = "xs" | "sm" | "md" | "lg" | "none";
+type CardAccentBorder = "info" | "success" | "warning" | "danger";
+declare class CardComponent {
+    /**
+     * Whether card should not have border.
+     * @default false
+     */
+    borderless: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * Sets padding for header and content block.
+     * @default md
+     */
+    spacing: _angular_core.InputSignal<CardSpacing>;
+    /**
+     * Creates colored accent left border.
+     */
+    accentBorder: _angular_core.InputSignal<CardAccentBorder | undefined>;
+    /**
+     * Whether card should have selected border.
+     * @default false
+     */
+    selected: _angular_core.InputSignal<boolean | undefined>;
+    modifierClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardComponent, "tedi-card", never, { "borderless": { "alias": "borderless"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "accentBorder": { "alias": "accentBorder"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof CardColorsDirective; inputs: { "background": "background"; "border": "border"; }; outputs: {}; }, { directive: typeof CardPaddingDirective; inputs: { "padding": "padding"; }; outputs: {}; }]>;
+}
+
+type CardPadding = CardSpacing | {
+    horizontal?: CardSpacing;
+    vertical?: CardSpacing;
+} | {
+    top?: CardSpacing;
+    bottom?: CardSpacing;
+    left?: CardSpacing;
+    right?: CardSpacing;
+};
+declare class CardPaddingDirective {
+    /**
+     * Modifies padding of the block it's attached to. Can be override whole block or horizontal, vertical or each side separately.
+     */
+    padding: _angular_core.InputSignal<CardPadding | undefined>;
+    modifierClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardPaddingDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CardPaddingDirective, never, never, { "padding": { "alias": "padding"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type CardHeaderVariant = "primary" | "secondary" | "tertiary" | "brand" | "brand-dark";
+declare class CardHeaderComponent {
+    /**
+     * Variant of the card header.
+     */
+    variant: _angular_core.InputSignal<CardHeaderVariant | undefined>;
+    modifierClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardHeaderComponent, "tedi-card-header, [tedi-card-header]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof CardColorsDirective; inputs: { "background": "background"; }; outputs: {}; }, { directive: typeof CardPaddingDirective; inputs: { "padding": "padding"; }; outputs: {}; }]>;
+}
+
+declare class AccordionItemHeaderComponent {
+    /**
+     * Whether accordion header should have indicator arrow
+     * @default false
+     */
+    indicator: _angular_core.InputSignal<boolean>;
+    /**
+     * Open button text. Visible if both openText and closeText are provided.
+     */
+    openText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Close button text. Visible if both openText and closeText are provided.
+     */
+    closeText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Accordion header variant
+     */
+    variant: _angular_core.InputSignal<CardHeaderVariant | undefined>;
+    /**
+     * Accordion header background
+     */
+    background: _angular_core.InputSignal<CardColors | undefined>;
+    /**
+     * Color of the indicator arrow
+     */
+    indicatorColor: _angular_core.InputSignal<IconColor | undefined>;
+    /**
+     * Whether indicator is displayed before or after the main content
+     */
+    indicatorPosition: _angular_core.InputSignal<"start" | "end">;
+    /**
+     * Whether header is clickable
+     */
+    clickable: _angular_core.InputSignal<boolean>;
+    accordionItem: AccordionItemComponent;
+    opened: _angular_core.ModelSignal<boolean>;
+    headerId: _angular_core.Signal<string>;
+    contentId: _angular_core.Signal<string>;
+    toggleButtonText: _angular_core.Signal<string | undefined>;
+    indicatorIconColor: _angular_core.Signal<IconColor>;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionItemHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionItemHeaderComponent, "tedi-accordion-item-header", never, { "indicator": { "alias": "indicator"; "required": false; "isSignal": true; }; "openText": { "alias": "openText"; "required": false; "isSignal": true; }; "closeText": { "alias": "closeText"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; "indicatorColor": { "alias": "indicatorColor"; "required": false; "isSignal": true; }; "indicatorPosition": { "alias": "indicatorPosition"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[tedi-accordion-header-end]"], true, never>;
+}
+
+declare class CardContentComponent {
+    /**
+     * Whether content block should have separator.
+     * Inside card the separator is created under the content, inside card row the separator is created to the right of content.
+     * @default false
+     */
+    hasSeparator: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether content block should take minimal space inside of row.
+     * Sets flex-grow to 0.
+     * @default false
+     */
+    autoWidth: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Creates a timeline line next to the content block.
+     * @default false
+     */
+    timeline: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardContentComponent, "tedi-card-content", never, { "hasSeparator": { "alias": "hasSeparator"; "required": false; "isSignal": true; }; "autoWidth": { "alias": "autoWidth"; "required": false; "isSignal": true; }; "timeline": { "alias": "timeline"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof CardColorsDirective; inputs: { "background": "background"; "border": "border"; }; outputs: {}; }, { directive: typeof CardPaddingDirective; inputs: { "padding": "padding"; }; outputs: {}; }]>;
+}
+
+declare class CardRowComponent {
+    /**
+     * Whether row should have separator under it.
+     * @default false
+     */
+    hasSeparator: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardRowComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardRowComponent, "tedi-card-row", never, { "hasSeparator": { "alias": "hasSeparator"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type CheckboxSize = "default" | "large";
+/**
+ * @deprecated Use Checkbox from TEDI-ready instead. This component will be removed from future versions.
+ */
+declare class CheckboxComponent implements ControlValueAccessor, OnInit {
+    inputId: _angular_core.InputSignal<string>;
+    checked: _angular_core.ModelSignal<boolean | null>;
+    indeterminate: _angular_core.ModelSignal<boolean | undefined>;
+    value: _angular_core.InputSignal<string | undefined>;
+    disabled: _angular_core.ModelSignal<boolean | undefined>;
+    size: _angular_core.InputSignal<CheckboxSize | undefined>;
+    hasError: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * FeedbackText component inputs.
+     */
+    feedbackText: _angular_core.InputSignal<ComponentInputs<FeedbackTextComponent> | undefined>;
+    private _inputEl;
+    private checkboxGroup;
+    private checkboxCardGroup;
+    private _onChange;
+    _onTouched: () => void;
+    feedbackTextId: _angular_core.Signal<string | undefined>;
+    indicatorIcon: _angular_core.Signal<"remove" | "check" | undefined>;
+    checkboxSize: _angular_core.Signal<CheckboxSize | undefined>;
+    iconSize: _angular_core.Signal<18 | 16>;
+    checkboxDisabled: _angular_core.Signal<boolean | undefined>;
+    focus(): void;
+    writeValue(value: boolean | null): void;
+    registerOnChange(fn: (val: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onInputChange(event: Event): void;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "tedi-checkbox", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "indeterminate": "indeterminateChange"; "disabled": "disabledChange"; }, never, ["*"], true, never>;
+}
+
+/**
+ * @deprecated Use Checkbox from TEDI-ready instead. This component will be removed from future versions.
+ */
+declare class CheckboxGroupComponent {
+    /**
+     * Checkbox group label.
+     */
+    label: _angular_core.InputSignal<string | undefined>;
+    disabled: _angular_core.InputSignal<boolean | undefined>;
+    hasError: _angular_core.InputSignal<boolean | undefined>;
+    size: _angular_core.InputSignal<CheckboxSize | undefined>;
+    direction: _angular_core.InputSignal<"row" | "column">;
+    spacing: _angular_core.InputSignal<number>;
+    /**
+     * FeedbackText component inputs.
+     */
+    feedbackText: _angular_core.InputSignal<ComponentInputs<FeedbackTextComponent> | undefined>;
+    labelId: _angular_core.Signal<string | undefined>;
+    groupDisabled: _angular_core.Signal<boolean | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxGroupComponent, "tedi-checkbox-group", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type ChoicegroupVariant = "primary" | "secondary";
+declare class ChoiceGroupDirective {
+    variant: _angular_core.InputSignal<ChoicegroupVariant>;
+    hasIndicator: _angular_core.InputSignal<boolean>;
+    spacing: _angular_core.InputSignal<number>;
+    modifierClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChoiceGroupDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ChoiceGroupDirective, never, never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "hasIndicator": { "alias": "hasIndicator"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * @deprecated Use Checkbox with CheckboxCard label from TEDI-ready instead. This component will be removed from future versions.
+ */
+declare class CheckboxCardGroupComponent extends CheckboxGroupComponent implements ControlValueAccessor {
+    direction: _angular_core.InputSignal<"row" | "column">;
+    value: _angular_core.ModelSignal<string[]>;
+    checkboxes: _angular_core.Signal<readonly any[]>;
+    private _controlDisabled;
+    private _onChange;
+    private _onTouched;
+    groupDisabled: _angular_core.Signal<boolean>;
+    writeValue(value: string[]): void;
+    registerOnChange(fn: (val: string[]) => void): void;
+    registerOnTouched(fn: (val: boolean) => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private updateCheckboxesState;
+    onCheckboxChange(checked: boolean, value: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxCardGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxCardGroupComponent, "tedi-checkbox-card-group", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["checkboxes"], ["*"], true, [{ directive: typeof ChoiceGroupDirective; inputs: { "variant": "variant"; "hasIndicator": "hasIndicator"; "spacing": "spacing"; }; outputs: {}; }]>;
+}
+
+declare class FormFieldComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FormFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FormFieldComponent, "tedi-form-field", never, {}, {}, never, ["*"], true, never>;
+}
+
+type InputSize = "small" | "default";
+type InputState = "valid" | "error" | "default";
+/**
+ * @deprecated Use TextField from TEDI-ready instead. This component will be removed from future versions.
+ */
+declare class InputComponent {
+    /**
+     * Size of the input.
+     * @default default
+     */
+    size: _angular_core.InputSignal<InputSize>;
+    /**
+     * State of the input.
+     * @default default
+     */
+    state: _angular_core.InputSignal<InputState>;
+    modifierClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputComponent, "[tedi-input]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * InputGroupComponent is a component that allows you to group multiple input elements together.
+ *
+ *
+ * Use prefix-slot, suffix-slot and unnamed slots to add input elements to the group.
+ * @example
+ * <tedi-input-group>
+ *   <tedi-button prefix-slot>Prefix</tedi-button>
+ *   <tedi-button suffix-slot>Suffix</tedi-button>
+ *   <input></input>
+ * </tedi-input-group>
+ *
+ */
+declare class InputGroupComponent {
+    /**
+     * User-visible label for the input group, visible above the input, should describe the purpose of the input group.
+     */
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    /**
+     * ID of the input group's label, used to associate the label with the input group's custom input.
+     */
+    readonly labelID: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Disabled state of the input group, causes the input group to be grayed out.
+     * Does not affect children's disabled state.
+     * @default false
+     */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * FeedbackText component inputs, displayed below the input group.
+     */
+    readonly feedback: _angular_core.InputSignal<ComponentInputs<FeedbackTextComponent> | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputGroupComponent, "tedi-input-group", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelID": { "alias": "labelID"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "feedback": { "alias": "feedback"; "required": false; "isSignal": true; }; }, {}, never, ["[prefix-slot]", "*", "[suffix-slot]"], true, never>;
+}
+
+type RadioValue = string;
+/**
+ * @deprecated Use Radio from TEDI-ready instead. This component will be removed from future versions.
+ */
+declare class RadioComponent implements OnInit {
+    inputId: _angular_core.InputSignal<string>;
+    checked: _angular_core.ModelSignal<boolean | undefined>;
+    value: _angular_core.InputSignal<string>;
+    disabled: _angular_core.InputSignal<boolean | undefined>;
+    hasError: _angular_core.InputSignal<boolean | undefined>;
+    /**
+     * FeedbackText component inputs.
+     */
+    feedbackText: _angular_core.InputSignal<ComponentInputs<FeedbackTextComponent> | undefined>;
+    private _inputEl;
+    private radioGroup;
+    inputDisabled: _angular_core.Signal<boolean | undefined>;
+    inputName: _angular_core.Signal<string | undefined>;
+    inputChecked: _angular_core.Signal<boolean | undefined>;
+    feedbackTextId: _angular_core.Signal<string | undefined>;
+    focus(): void;
+    onInputChange(event: Event): void;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioComponent, "tedi-radio", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, ["*"], true, never>;
+}
+
+type RadioGroupSize = "default" | "large";
+/**
+ * @deprecated Use Radio from TEDI-ready instead. This component will be removed from future versions.
+ */
+declare class RadioGroupComponent implements ControlValueAccessor {
+    name: _angular_core.InputSignal<string>;
+    id: _angular_core.InputSignal<string>;
+    /**
+     * Radio group label.
+     */
+    label: _angular_core.InputSignal<string | undefined>;
+    disabled: _angular_core.InputSignal<boolean | undefined>;
+    hasError: _angular_core.InputSignal<boolean | undefined>;
+    size: _angular_core.InputSignal<RadioGroupSize>;
+    direction: _angular_core.InputSignal<"row" | "column">;
+    spacing: _angular_core.InputSignal<number>;
+    /**
+     * FeedbackText component inputs.
+     */
+    feedbackText: _angular_core.InputSignal<ComponentInputs<FeedbackTextComponent> | undefined>;
+    change: _angular_core.OutputEmitterRef<string>;
+    private _value;
+    private _controlDisabled;
+    groupDisabled: _angular_core.Signal<boolean>;
+    groupValue: _angular_core.Signal<string | null>;
+    private _onChange;
+    private _onTouched;
+    writeValue(value: RadioValue | null): void;
+    registerOnChange(fn: (val: RadioValue) => void): void;
+    registerOnTouched(fn: (val: boolean) => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    selectRadio(value: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroupComponent, "tedi-radio-group", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "spacing": { "alias": "spacing"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, ["*"], true, never>;
+}
+
+/**
+ * @deprecated Use Radio with RadioCard label from TEDI-ready instead. This component will be removed from future versions.
+ */
+declare class RadioCardGroupComponent extends RadioGroupComponent {
+    direction: _angular_core.InputSignal<"row" | "column">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioCardGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioCardGroupComponent, "tedi-radio-card-group", never, { "direction": { "alias": "direction"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof ChoiceGroupDirective; inputs: { "variant": "variant"; "hasIndicator": "hasIndicator"; "spacing": "spacing"; }; outputs: {}; }]>;
+}
+
+declare class SelectOptionComponent {
+    /**
+     * Value of the option
+     */
+    value: _angular_core.InputSignal<string>;
+    /**
+     * Label of the option
+     */
+    label: _angular_core.InputSignal<string>;
+    /**
+     * Whether the option is disabled
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Group the option belongs to
+     * This is used for grouping options in the dropdown.
+     * If not provided, the option will not be grouped.
+     */
+    group: _angular_core.InputSignal<string | null>;
+    templateRef: _angular_core.Signal<TemplateRef<any> | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectOptionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectOptionComponent, "tedi-select-option", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * @deprecated Use Select from TEDI-ready instead. This component will be removed from future versions.
+ */
+declare class SelectComponent implements AfterContentChecked, ControlValueAccessor {
+    /**
+     * The id of the select input (for label association).
+     * @default ""
+     */
+    inputId: _angular_core.InputSignal<string>;
+    /**
+     * The label for the select input.
+     * @default ""
+     */
+    label: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Should show label as required?
+     * @default false
+     */
+    required: _angular_core.InputSignal<boolean>;
+    /**
+     * The placeholder text to display when no option is selected.
+     * @default ""
+     */
+    placeholder: _angular_core.InputSignal<string>;
+    /**
+     * The state of the input.
+     * @default "default"
+     */
+    state: _angular_core.InputSignal<InputState>;
+    /**
+     * The size of the input.
+     * @default "default"
+     */
+    size: _angular_core.InputSignal<InputSize>;
+    /**
+     * Whether the clear button will be shown when an option is selected.
+     * @default false
+     */
+    clearable: _angular_core.InputSignal<boolean>;
+    /**
+     * Optional element reference to calculate dropdown width from.
+     * If provided but null, dropdown will use auto width.
+     * If not provided, defaults to the host element width.
+     * @default undefined
+     */
+    dropdownWidthRef: _angular_core.InputSignal<ElementRef<any> | null | undefined>;
+    feedbackText: _angular_core.InputSignal<ComponentInputs<FeedbackTextComponent> | undefined>;
+    isOpen: _angular_core.WritableSignal<boolean>;
+    selectedOptions: _angular_core.WritableSignal<readonly string[]>;
+    listboxRef: _angular_core.Signal<ElementRef<any> | undefined>;
+    triggerRef: _angular_core.Signal<ElementRef<any> | undefined>;
+    hostRef: ElementRef<any>;
+    options: _angular_core.Signal<readonly SelectOptionComponent[]>;
+    dropdownWidth: _angular_core.WritableSignal<number | null>;
+    disabled: _angular_core.WritableSignal<boolean>;
+    optionGroups: _angular_core.Signal<{
+        label: string;
+        options: SelectOptionComponent[];
+    }[]>;
+    ngAfterContentChecked(): void;
+    onWindowResize(): void;
+    toggleIsOpen(value?: boolean): void;
+    handleValueChange(event: {
+        value: readonly string[];
+    }): void;
+    clear(event: Event): void;
+    focusListboxWhenVisible: _angular_core.EffectRef;
+    focusTrigger(): void;
+    isOptionSelected(option: string): boolean;
+    selectedLabels: _angular_core.Signal<string[]>;
+    private setDropdownWidth;
+    onChange: (value: string | null) => void;
+    onTouched: () => void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "tedi-select", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "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; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; }, {}, ["options"], never, true, never>;
+}
+
+declare enum specialOptionControls {
+    SELECT_ALL = "SELECT_ALL",
+    SELECTGROUP = "SELECTGROUP_"
+}
+declare class MultiselectComponent implements AfterContentChecked, ControlValueAccessor {
+    /**
+     * The id of the select input (for label association).
+     * @default ""
+     */
+    inputId: _angular_core.InputSignal<string>;
+    /**
+     * The label for the select input.
+     * @default ""
+     */
+    label: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Should show label as required?
+     * @default false
+     */
+    required: _angular_core.InputSignal<boolean>;
+    /**
+     * The placeholder text to display when no option is selected.
+     * @default ""
+     */
+    placeholder: _angular_core.InputSignal<string>;
+    /**
+     * The state of the input.
+     * @default "default"
+     */
+    state: _angular_core.InputSignal<InputState>;
+    /**
+     * The size of the input.
+     * @default "default"
+     */
+    size: _angular_core.InputSignal<InputSize>;
+    /**
+     * Whether the select should be rendered as a multi-row dropdown.
+     * @default false
+     */
+    multiRow: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether the selected labels show removing buttons.
+     * @default false
+     */
+    clearableTags: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether the select should allow selecting all options at once.
+     * @default false
+     */
+    selectAll: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether the select should allow selecting groups of options.
+     * @default false
+     */
+    selectableGroups: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether the clear button will be shown when an option is selected.
+     * @default true
+     */
+    clearable: _angular_core.InputSignal<boolean>;
+    /**
+     * Optional element reference to calculate dropdown width from.
+     * If provided but null, dropdown will use auto width.
+     * If not provided, defaults to the host element width.
+     * @default undefined
+     */
+    dropdownWidthRef: _angular_core.InputSignal<ElementRef<any> | null | undefined>;
+    feedbackText: _angular_core.InputSignal<ComponentInputs<FeedbackTextComponent> | undefined>;
+    readonly specialOptionControls: typeof specialOptionControls;
+    isOpen: _angular_core.WritableSignal<boolean>;
+    selectedOptions: _angular_core.WritableSignal<readonly string[]>;
+    listboxRef: _angular_core.Signal<ElementRef<any> | undefined>;
+    triggerRef: _angular_core.Signal<ElementRef<any> | undefined>;
+    hostRef: ElementRef<any>;
+    options: _angular_core.Signal<readonly SelectOptionComponent[]>;
+    dropdownWidth: _angular_core.WritableSignal<number | null>;
+    disabled: _angular_core.WritableSignal<boolean>;
+    optionGroups: _angular_core.Signal<{
+        label: string;
+        options: SelectOptionComponent[];
+    }[]>;
+    onWindowResize(): void;
+    toggleIsOpen(value?: boolean): void;
+    handleValueChange(event: {
+        value: readonly string[];
+    }): void;
+    clear(event: Event): void;
+    focusListboxWhenVisible: _angular_core.EffectRef;
+    focusTrigger(): void;
+    isOptionSelected(option: string): boolean;
+    private setDropdownWidth;
+    allOptions: _angular_core.Signal<string[]>;
+    allOptionsSelected: _angular_core.Signal<boolean>;
+    toggleSelectAll(): void;
+    getLabel(value: string): string | undefined;
+    isGroupSelected(groupLabel: string): boolean;
+    toggleGroupSelection(groupLabel: string): void;
+    deselect(event: Event, value: string): void;
+    onChange: (value: readonly string[]) => void;
+    onTouched: () => void;
+    writeValue(value: readonly string[]): void;
+    registerOnChange(fn: (value: readonly string[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    ngAfterContentChecked(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiselectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiselectComponent, "tedi-multiselect", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "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; }; "multiRow": { "alias": "multiRow"; "required": false; "isSignal": true; }; "clearableTags": { "alias": "clearableTags"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectableGroups": { "alias": "selectableGroups"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "dropdownWidthRef": { "alias": "dropdownWidthRef"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; }, {}, ["options"], never, true, never>;
+}
+
+declare class TextareaComponent extends InputComponent {
+    /**
+     * Whether the textarea should be resizable in the X direction.
+     * @default false
+     */
+    resizeX: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether the textarea should be resizable in the Y direction.
+     * @default true
+     */
+    resizeY: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextareaComponent, "[tedi-textarea]", never, { "resizeX": { "alias": "resizeX"; "required": false; "isSignal": true; }; "resizeY": { "alias": "resizeY"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type SearchSize = "large" | "default" | "small";
+type AutocompleteOption = {
+    value: string;
+    label: string;
+    description?: string;
+};
+type SearchState = "valid" | "error" | "default";
+declare class SearchComponent implements AfterContentChecked, ControlValueAccessor {
+    /**
+     * Search input ID for accessibility
+     */
+    inputId: _angular_core.InputSignal<string>;
+    /**
+     * Autocomplete options for the search input
+     * @default []
+     */
+    autocompleteOptions: _angular_core.InputSignal<AutocompleteOption[]>;
+    /**
+     * Minimum number of characters to trigger autocomplete
+     * @default 3
+     */
+    autocompleteFrom: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Size of the search component
+     * @default "default"
+     */
+    size: _angular_core.InputSignal<SearchSize>;
+    /**
+     * Input state for validation
+     * @default "default"
+     */
+    state: _angular_core.InputSignal<SearchState>;
+    /**
+     * Should the search button be shown
+     * @default false
+     */
+    withButton: _angular_core.InputSignal<boolean>;
+    /**
+     * Add text to the search button
+     * @default undefined
+     */
+    buttonText: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Should the search input be clearable
+     * @default true
+     */
+    clearable: _angular_core.InputSignal<boolean>;
+    /**
+     * Text to show when no results are found
+     * @default "Vasteid ei leitud"
+     */
+    noResultText: _angular_core.InputSignal<string>;
+    /**
+     * Should the searc input be disabled
+     * @default false
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Placeholder text for the search input
+     * @default ""
+     */
+    placeholder: _angular_core.InputSignal<string>;
+    /**
+     * Should the search input show a loading spinner
+     * @default false
+     */
+    loading: _angular_core.InputSignal<boolean>;
+    /**
+     * Label for the search input
+     * @default undefined
+     */
+    label: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Feedback text component for displaying messages
+     * @default undefined
+     */
+    feedbackText: _angular_core.InputSignal<ComponentInputs<FeedbackTextComponent> | undefined>;
+    searchEvent: _angular_core.OutputEmitterRef<string | AutocompleteOption>;
+    clearEvent: _angular_core.OutputEmitterRef<void>;
+    _inputValue: _angular_core.ModelSignal<string | undefined>;
+    _selectedOption: _angular_core.ModelSignal<AutocompleteOption | undefined>;
+    _width: _angular_core.WritableSignal<number>;
+    _elementRef: ElementRef<any>;
+    _disabled: _angular_core.WritableSignal<boolean>;
+    _isVisible: _angular_core.WritableSignal<boolean>;
+    _cdkMenuRef: _angular_core.Signal<ElementRef<any> | undefined>;
+    _overlayOriginRef: _angular_core.Signal<ElementRef<any> | undefined>;
+    modifierClasses: _angular_core.Signal<string>;
+    ngAfterContentChecked(): void;
+    inputChanged(inputValue: string): void;
+    focusInput(): void;
+    handleOverlayOpen(): void;
+    _foundOptions: _angular_core.Signal<AutocompleteOption[]>;
+    iconSize: _angular_core.Signal<18 | 16 | 24>;
+    buttonSize: _angular_core.Signal<"default" | "small">;
+    private onChange;
+    onTouched: () => void;
+    writeValue(value: string | AutocompleteOption): void;
+    registerOnChange(fn: (value: string | AutocompleteOption) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState?(isDisabled: boolean): void;
+    searchButtonClick(): void;
+    selectResult(option: AutocompleteOption): void;
+    clearResult(): void;
+    focusDropdown(event?: Event): void;
+    closeOverlay(focusBackToInput: boolean): void;
+    getWidth(): number;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchComponent, "tedi-search", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "autocompleteOptions": { "alias": "autocompleteOptions"; "required": false; "isSignal": true; }; "autocompleteFrom": { "alias": "autocompleteFrom"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "withButton": { "alias": "withButton"; "required": false; "isSignal": true; }; "buttonText": { "alias": "buttonText"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "noResultText": { "alias": "noResultText"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; "_inputValue": { "alias": "_inputValue"; "required": false; "isSignal": true; }; "_selectedOption": { "alias": "_selectedOption"; "required": false; "isSignal": true; }; }, { "searchEvent": "searchEvent"; "clearEvent": "clearEvent"; "_inputValue": "_inputValueChange"; "_selectedOption": "_selectedOptionChange"; }, never, ["*"], true, never>;
+}
+
+type PartialExcept<T, K extends keyof T> = Partial<T> & Required<Pick<T, K>>;
+type FileUploadFile = Partial<File>;
+type FeedbackTextProps = PartialExcept<ComponentInputs<FeedbackTextComponent>, "text">;
+declare class FileDropzone {
+    className?: string[];
+    label?: string;
+    helper?: FeedbackTextProps;
+    disabled?: boolean;
+    fileStatus?: ValidationState;
+    metaData?: Record<string, unknown>;
+    file: File;
+    constructor(file: File);
+    get name(): string;
+    get size(): number;
+    get type(): string;
+}
+interface FileDropzoneError {
+    fileName: string;
+    code: string;
+    message: string;
+}
+type FileDropzoneErrors = FileDropzoneError[];
+declare enum FileDropzoneErrorCode {
+    FILE_TOO_LARGE = "file-too-large",
+    INVALID_FILE_TYPE = "invalid-file-type"
+}
+type FileInputMode = "append" | "replace";
+type ValidationState = "none" | "valid" | "invalid";
+type DropzoneValidatorFunction = (maxSize: number, acceptFileTypes: string, file: FileDropzone, standard: SizeDisplayStandard, translate: (key: string, ...args: unknown[]) => string) => FileDropzoneError | undefined;
+type SizeDisplayStandard = "SI" | "IEC";
+
+declare class FileDropzoneComponent implements ControlValueAccessor, OnInit {
+    _ngControl: NgControl;
+    /**
+     * Specifies the allowed file types (e.g., "image/png, image/jpeg").
+     *
+     * Does not validate the contents of the file, only the file extension.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/accept
+     **/
+    accept: _angular_core.InputSignal<string>;
+    /**
+     * The maximum file size allowed for upload, in bytes.
+     * @default 0 (no limit)
+     **/
+    maxSize: _angular_core.InputSignal<number>;
+    /**
+     * Specifies the standard to use when displaying file sizes or maximum file size.
+     * Options are "SI" (base 10) or "IEC" (base 2).
+     *
+     * SI units are in multiples of 1000 (e.g., 1 kB = 1000 bytes).
+     *
+     * IEC units are in multiples of 1024 (e.g., 1 KiB = 1024 bytes).
+     * @default "IEC"
+     *
+     * https://wiki.ubuntu.com/UnitsPolicy
+     */
+    sizeDisplayStandard: _angular_core.InputSignal<SizeDisplayStandard>;
+    /**
+     * Determines if multiple files can be uploaded at once via the file picker.
+     *
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/multiple
+     * @default false
+     **/
+    multiple: _angular_core.InputSignal<boolean>;
+    /**
+     * If true, each file is validated separately instead of rejecting all at once.
+      @default false
+     **/
+    validateIndividually: _angular_core.InputSignal<boolean>;
+    /**
+     * An array of default files that are preloaded in the upload list.
+     * @default false
+     **/
+    defaultFiles: _angular_core.InputSignal<FileDropzone[] | File[]>;
+    /**
+     * The unique identifier for the input element that this label is associated with.
+     * This ID should match the input element's `id` attribute to ensure accessibility.
+     */
+    inputId: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The name attribute for the file input, used for form submission and identifying the field.
+     */
+    name: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The text label displayed for the file dropzone, providing context for users.
+     */
+    label: _angular_core.InputSignal<string>;
+    /**
+     * Additional CSS class names to apply to the dropzone for custom styling
+     */
+    className: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Specifies how to handle file name conflicts when multiple file of the same name are added.
+     * Options are:
+     * - "append": Adds new files to the end of the list, keeping existing files
+     * - "replace": Replaces existing files with new files of the same name
+     *  @default "append"
+     */
+    mode: _angular_core.InputSignal<FileInputMode>;
+    /**
+     * If true, allows uploading folders instead of just files.
+     * This enables the user to select a folder and upload all its contents.
+     * Default file browser behaviour will prevent upload of files in this state.
+     * @default false
+     */
+    uploadFolder: _angular_core.InputSignal<boolean>;
+    /**
+     * Validation functions that can be used to validate files.
+     * Each function should return a string error message if validation fails, or undefined if it passes
+     * Validators are only added once during component initialization, otherwise use addAsyncValidators on the FormControl.
+     */
+    validators: _angular_core.InputSignal<DropzoneValidatorFunction[]>;
+    /**
+     * If true, shows the file dropzone as in a erroring state with red border.
+     * Overrides default validation state.
+     * @default false
+     **/
+    hasError: _angular_core.InputSignal<boolean>;
+    /**
+     * Output event triggered when files are added.
+     **/
+    fileChange: _angular_core.OutputEmitterRef<FileDropzone[]>;
+    /**
+     * Output event triggered when a file is removed.
+     **/
+    fileDelete: _angular_core.OutputEmitterRef<FileDropzone>;
+    private _onChange;
+    private _onTouched;
+    private _translationService;
+    private _fileService;
+    private _destroyRef;
+    fileInputElement: _angular_core.Signal<ElementRef<HTMLInputElement>>;
+    formatBytes: (bytes: number) => string;
+    uploadState: _angular_core.WritableSignal<ValidationState>;
+    isDragActive: _angular_core.WritableSignal<boolean>;
+    disabled: _angular_core.WritableSignal<boolean>;
+    uploadError: _angular_core.WritableSignal<string | undefined>;
+    files: _angular_core.Signal<FileDropzone[]>;
+    classes: _angular_core.Signal<string>;
+    helperText: _angular_core.Signal<FeedbackTextProps>;
+    constructor();
+    ngOnInit(): void;
+    formChanges(): void;
+    runValidators: (control: AbstractControl<FileDropzone[]>) => Promise<ValidationErrors | null>;
+    validateFiles(files: FileDropzone[]): FileDropzoneErrors;
+    fileClasses: (file: FileDropzone) => string;
+    tooltipClasses: (file: FileDropzone) => string;
+    selectionChange: (event: Event) => void;
+    onBlur(): void;
+    openFilePicker(): void;
+    onDragOver: (event: DragEvent) => void;
+    onDragEnter: (event: DragEvent) => void;
+    onDragLeave: (event: DragEvent) => void;
+    onDrop: (event: DragEvent) => Promise<void>;
+    addFiles(files: FileDropzone[] | File[]): Promise<void>;
+    removeFile(file: FileDropzone): Promise<void>;
+    private _currentErrorState;
+    private _getNewState;
+    onContainerClick(): void;
+    writeValue(files: FileDropzone[]): void;
+    registerOnChange(fn: (value: FileDropzone[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileDropzoneComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileDropzoneComponent, "tedi-file-dropzone", never, { "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "maxSize": { "alias": "maxSize"; "required": false; "isSignal": true; }; "sizeDisplayStandard": { "alias": "sizeDisplayStandard"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "validateIndividually": { "alias": "validateIndividually"; "required": false; "isSignal": true; }; "defaultFiles": { "alias": "defaultFiles"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "uploadFolder": { "alias": "uploadFolder"; "required": false; "isSignal": true; }; "validators": { "alias": "validators"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; }, { "fileChange": "fileChange"; "fileDelete": "fileDelete"; }, never, ["[helper-text]", "[file-list]", "[error-text]"], true, never>;
+}
+
+declare enum SIFileSize {
+    kB = 1000,
+    MB = 1000000
+}
+declare enum IECFileSize {
+    kB = 1024,
+    MB = 1048576
+}
+declare const FileSizeStandards: {
+    SI: typeof SIFileSize;
+    IEC: typeof IECFileSize;
+};
+
+declare function formatBytes(bytes: number, standard: SizeDisplayStandard): string;
+declare function roundNumber(num: number, decimals?: number): string;
+declare function getDefaultHelpers(accept: string, maxSize: number, standard: SizeDisplayStandard, translate?: (key: string, ...args: unknown[]) => string): string;
+declare function validateFileSize(maxSize: number, acceptFileTypes: string, file: FileDropzone, standard: SizeDisplayStandard, translate: (key: string, ...args: unknown[]) => string): FileDropzoneError | undefined;
+declare function validateFileType(maxSize: number, acceptFileTypes: string, file: FileDropzone, standard: SizeDisplayStandard, translate: (key: string, ...args: unknown[]) => string): FileDropzoneError | undefined;
+
+type Breadcrumb = {
+    label: string;
+    href: string;
+};
+type Breadcrumbs = {
+    /**
+     * Breadcrumbs to be displayed.
+     * @example
+     * ```typescript
+     * crumbs = [
+     *   { label: 'Kodu', href: '/' },
+     *   { label: 'Tooted', href: '/products' },
+     *   { label: 'Elektroonika', href: '/products/electronics' },
+     *   { label: 'Mobiiltelefonid', href: '/products/electronics/mobile-phones' },
+     *   { label: 'Nutitelefonid', href: '/products/electronics/mobile-phones/smartphones' },
+     * ];
+     * ```
+     * @description
+     * The breadcrumbs to be displayed. Each breadcrumb should have a label and a href.
+     * The label is the text that will be displayed, and the href is the URL that the breadcrumb will link to.
+     * The breadcrumbs will be displayed in the order they are provided.
+     * The last breadcrumb will not be a link, but will be displayed as plain text.
+     */
+    crumbs: Breadcrumb[];
+    /**
+     * Displays second last crumb as a link. Mainly used for mobile/tablet views.
+     * @default false
+     */
+    shortCrumbs: boolean;
+};
+declare class BreadcrumbsComponent implements BreakpointInputs<Breadcrumbs> {
+    crumbs: _angular_core.InputSignal<Breadcrumb[]>;
+    shortCrumbs: _angular_core.InputSignal<boolean>;
+    xs: _angular_core.InputSignal<Breadcrumbs | undefined>;
+    sm: _angular_core.InputSignal<Breadcrumbs | undefined>;
+    md: _angular_core.InputSignal<Breadcrumbs | undefined>;
+    lg: _angular_core.InputSignal<Breadcrumbs | undefined>;
+    xl: _angular_core.InputSignal<Breadcrumbs | undefined>;
+    xxl: _angular_core.InputSignal<Breadcrumbs | undefined>;
+    breakpointService: BreakpointService;
+    breakpointInputs: _angular_core.Signal<Breadcrumbs>;
+    getSecondLastCrumb(): Breadcrumb | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbsComponent, "tedi-breadcrumbs", never, { "crumbs": { "alias": "crumbs"; "required": false; "isSignal": true; }; "shortCrumbs": { "alias": "shortCrumbs"; "required": false; "isSignal": true; }; "xs": { "alias": "xs"; "required": false; "isSignal": true; }; "sm": { "alias": "sm"; "required": false; "isSignal": true; }; "md": { "alias": "md"; "required": false; "isSignal": true; }; "lg": { "alias": "lg"; "required": false; "isSignal": true; }; "xl": { "alias": "xl"; "required": false; "isSignal": true; }; "xxl": { "alias": "xxl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * @deprecated Use Pagination from TEDI-ready instead. This component will be removed from future versions.
+ */
+declare class PaginationComponent {
+    page: _angular_core.ModelSignal<number>;
+    pageSize: _angular_core.ModelSignal<number>;
+    pageSizeOptions: _angular_core.InputSignal<number[]>;
+    length: _angular_core.InputSignal<number>;
+    hideResults: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    hidePageSize: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private lastPage;
+    dropdownId: `${string}-${string}-${string}-${string}-${string}`;
+    pages: _angular_core.Signal<number[]>;
+    hasPreviousButton: _angular_core.Signal<boolean>;
+    hasNextButton: _angular_core.Signal<boolean>;
+    changePage(step: 1 | -1): void;
+    selectPage(page: number): void;
+    pageSizeChanged(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "tedi-pagination", never, { "page": { "alias": "page"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": false; "isSignal": true; }; "hideResults": { "alias": "hideResults"; "required": false; "isSignal": true; }; "hidePageSize": { "alias": "hidePageSize"; "required": false; "isSignal": true; }; }, { "page": "pageChange"; "pageSize": "pageSizeChange"; }, never, never, true, never>;
+}
+
+declare class TableOfContentsItemComponent {
+    idTo: _angular_core.InputSignal<string>;
+    selected: _angular_core.WritableSignal<boolean>;
+    itemSelected: EventEmitter<string>;
+    classes: _angular_core.Signal<string>;
+    itemClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableOfContentsItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableOfContentsItemComponent, "tedi-table-of-contents-item", never, { "idTo": { "alias": "idTo"; "required": true; "isSignal": true; }; }, {}, never, ["*", "tedi-table-of-contents-item,tedi-table-of-contents-nested-wrapper"], true, never>;
+}
+
+type TableOfContentsPosition = "default" | "fixed" | "sticky";
+type TableOfContentsBreakpoint = "mobile" | "tablet" | "desktop" | "never";
+declare class TableOfContentsComponent implements OnDestroy, AfterContentInit {
+    /**
+     * Heading of the table of contents
+     */
+    heading: _angular_core.InputSignal<string>;
+    /**
+     * Should component be initially shown. Won't work with open and onToggle.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Should the component be open or closed.
+     * Use to handle state outside of component, should use with onToggle prop.
+     */
+    open?: boolean;
+    /**
+     * Should child table of contents elements when clicked scroll
+     */
+    scrollOnClick: _angular_core.InputSignal<boolean>;
+    /**
+     * Callback when component is toggled.
+     * Use to handle state outside of component, should use with open prop.
+     */
+    onToggle?: (open: boolean) => void;
+    /**
+     * Position strategy of the table of contents
+     * @default default
+     */
+    position: _angular_core.InputSignal<TableOfContentsPosition>;
+    /**
+     * ARIA label for the <nav> component
+     */
+    ariaLabel: _angular_core.InputSignal<string>;
+    /**
+     * Breakpoint to switch to modal view
+     * @default mobile
+     */
+    modalBreakpoint: _angular_core.InputSignal<TableOfContentsBreakpoint>;
+    /**
+     * Should the component track scroll and update active item
+     */
+    scrollAware: _angular_core.InputSignal<boolean>;
+    isSeeking: boolean;
+    seekingTimeout: NodeJS.Timeout | undefined;
+    dialogRef?: DialogRef;
+    isOpen: _angular_core.WritableSignal<boolean>;
+    templateRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    private intersectionObservers;
+    private tableItems;
+    private router;
+    private dialog;
+    private update$;
+    private itemsChanged$;
+    activeElement: _angular_core.Signal<TableOfContentsItemComponent | undefined>;
+    activeId: _angular_core.Signal<string | undefined>;
+    classes: _angular_core.Signal<string>;
+    footerClasses: _angular_core.Signal<string>;
+    constructor();
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    openMobileModal(): void;
+    seekTo(id: string): void;
+    private hookItems;
+    private hookObservers;
+    observerCallback(): void;
+    private cleanupObservers;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableOfContentsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableOfContentsComponent, "tedi-table-of-contents", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "scrollOnClick": { "alias": "scrollOnClick"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "modalBreakpoint": { "alias": "modalBreakpoint"; "required": false; "isSignal": true; }; "scrollAware": { "alias": "scrollAware"; "required": false; "isSignal": true; }; }, {}, ["tableItems"], ["*"], true, never>;
+}
+
+/**
+ * Wrapper component for nested table of contents items.
+ * Workaround for https://github.com/angular/angular/issues/57345,
+ * which is a issue when you use `@if() {}` syntax inside a component that uses ng-content.
+ */
+declare class TableOfContentsNestedWrapperComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableOfContentsNestedWrapperComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableOfContentsNestedWrapperComponent, "tedi-table-of-contents-nested-wrapper", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class TabComponent implements FocusableOption {
+    private element;
+    tabId: _angular_core.InputSignal<string>;
+    selected: _angular_core.ModelSignal<boolean>;
+    disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    disabled?: boolean;
+    tabSelected: _angular_core.OutputEmitterRef<void>;
+    private readonly routerLinkActive;
+    private linkActive;
+    isTabActive: _angular_core.Signal<boolean | undefined>;
+    selectTab(): void;
+    focus(): void;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabComponent, "[tedi-tab]", never, { "tabId": { "alias": "tabId"; "required": true; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; "tabSelected": "tabSelected"; }, never, ["*"], true, [{ directive: typeof i1$1.RouterLinkActive; inputs: { "routerLinkActiveOptions": "routerLinkActiveOptions"; "ariaCurrentWhenActive": "ariaCurrentWhenActive"; }; outputs: { "isActiveChange": "isActiveChange"; }; }]>;
+}
+
+declare class TabsComponent implements OnInit {
+    private injector;
+    mobileTabsOpened: _angular_core.WritableSignal<boolean>;
+    private tabs;
+    private tabContents;
+    private keyManager?;
+    activeTabId: _angular_core.Signal<string | undefined>;
+    activeTabContent: _angular_core.Signal<_angular_core.TemplateRef<unknown> | undefined>;
+    onActiveTabChanges(tabs: readonly TabComponent[]): void;
+    onKeyDown(event: KeyboardEvent): void;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "tedi-tabs", never, {}, {}, ["tabs", "tabContents"], ["[tedi-tab]", "*"], true, never>;
+}
+
+declare class TabContentComponent {
+    tabId: _angular_core.InputSignal<string>;
+    content: _angular_core.Signal<TemplateRef<unknown>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabContentComponent, "tedi-tab-content", never, { "tabId": { "alias": "tabId"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class VerticalStepperComponent {
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    compact: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    enumerated: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VerticalStepperComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VerticalStepperComponent, "tedi-vertical-stepper", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "enumerated": { "alias": "enumerated"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class VerticalStepperItemComponent {
+    completed: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    error: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    selected: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    informative: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    title: _angular_core.InputSignal<string>;
+    route: _angular_core.InputSignal<string | readonly any[] | i1$1.UrlTree | null | undefined>;
+    opened: _angular_core.ModelSignal<boolean>;
+    itemSelect: _angular_core.OutputEmitterRef<void>;
+    private stepperContext;
+    subItem: _angular_core.WritableSignal<boolean>;
+    subItems: _angular_core.Signal<readonly VerticalStepperItemComponent[]>;
+    compact: _angular_core.Signal<boolean | undefined>;
+    enumerated: _angular_core.Signal<boolean | undefined>;
+    hasSubItems: _angular_core.Signal<boolean>;
+    onSubItemSelect: _angular_core.EffectRef;
+    onSubItemChanges: _angular_core.EffectRef;
+    toggleOpen(): void;
+    routerLinkActiveChange(isActive: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VerticalStepperItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VerticalStepperItemComponent, "tedi-vertical-stepper-item", never, { "completed": { "alias": "completed"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "informative": { "alias": "informative"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "route": { "alias": "route"; "required": false; "isSignal": true; }; "opened": { "alias": "opened"; "required": false; "isSignal": true; }; }, { "opened": "openedChange"; "itemSelect": "itemSelect"; }, ["subItems"], ["[item-title]", "[item-description]", "tedi-vertical-stepper-item"], true, never>;
+}
+
+declare class DropdownItemComponent implements FocusableOption {
+    private element;
+    /**
+     * Applies the selected style to the dropdown item.
+     */
+    selected: _angular_core.InputSignal<boolean>;
+    /**
+     * Applies the disabled style to the dropdown item.
+     */
+    disabledInput: _angular_core.InputSignal<boolean>;
+    disabled?: boolean;
+    itemSelected: _angular_core.OutputEmitterRef<void>;
+    private dropdownContext;
+    ariaAttributes: _angular_core.Signal<{
+        role?: undefined;
+        disabled?: undefined;
+        selected?: undefined;
+        tabIndex?: undefined;
+    } | {
+        role: string;
+        disabled: string;
+        selected: string | undefined;
+        tabIndex: number;
+    }>;
+    focus(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    selectItem(): void;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownItemComponent, "[tedi-dropdown-item]", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "itemSelected": "itemSelected"; }, never, ["*"], true, never>;
+}
+
+declare class DropdownComponent implements OnInit {
+    private injector;
+    dropdownId: _angular_core.InputSignal<string>;
+    dropdownRole: _angular_core.InputSignal<"menu" | "listbox" | undefined>;
+    opened: _angular_core.ModelSignal<boolean>;
+    private triggerDirective;
+    private dropdownItems;
+    isMobile: _angular_core.Signal<boolean>;
+    private keyManager?;
+    overlayOrigin: _angular_core.Signal<_angular_cdk_overlay.CdkOverlayOrigin>;
+    toggle(): void;
+    close(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownComponent, "tedi-dropdown", never, { "dropdownId": { "alias": "dropdownId"; "required": true; "isSignal": true; }; "dropdownRole": { "alias": "dropdownRole"; "required": false; "isSignal": true; }; "opened": { "alias": "opened"; "required": false; "isSignal": true; }; }, { "opened": "openedChange"; }, ["triggerDirective", "dropdownItems"], ["[tedi-dropdown-trigger]", "*"], true, never>;
+}
+
+declare class DropdownTriggerDirective {
+    private dropdownContext;
+    readonly overlayOrigin: CdkOverlayOrigin;
+    ariaAttributes: _angular_core.Signal<{
+        hasPopup?: undefined;
+        expanded?: undefined;
+        controls?: undefined;
+    } | {
+        hasPopup: "menu" | "listbox" | undefined;
+        expanded: string;
+        controls: string | undefined;
+    }>;
+    onClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DropdownTriggerDirective, "[tedi-dropdown-trigger]", never, {}, {}, never, never, true, [{ directive: typeof _angular_cdk_overlay.CdkOverlayOrigin; inputs: {}; outputs: {}; }]>;
+}
+
+declare class ModalHeaderComponent implements OnInit {
+    title: _angular_core.ModelSignal<string>;
+    feedback: _angular_core.ModelSignal<ComponentInputs<FeedbackTextComponent> | undefined>;
+    closeButton: _angular_core.ModelSignal<boolean>;
+    private readonly dialogRef;
+    readonly dialogData: any;
+    closeModal(): void;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalHeaderComponent, "tedi-modal-header", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "feedback": { "alias": "feedback"; "required": false; "isSignal": true; }; "closeButton": { "alias": "closeButton"; "required": false; "isSignal": true; }; }, { "title": "titleChange"; "feedback": "feedbackChange"; "closeButton": "closeButtonChange"; }, never, ["*", "[header-exit-button]"], true, never>;
+}
+
+interface ModalFooterButton {
+    label: string;
+    disabled?: boolean;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    style?: Record<string, unknown>;
+    icon?: string;
+    iconPosition?: ModalIconPosition;
+    action: () => void;
+}
+type ModalIconPosition = "start" | "end";
+declare class ModalFooterComponent implements OnInit {
+    align: _angular_core.ModelSignal<string>;
+    buttons: _angular_core.ModelSignal<ModalFooterButton[] | undefined>;
+    readonly dialogData: any;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalFooterComponent, "tedi-modal-footer", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; "buttons": { "alias": "buttons"; "required": false; "isSignal": true; }; }, { "align": "alignChange"; "buttons": "buttonsChange"; }, never, ["*"], true, never>;
+}
+
+type DialogData = ComponentInputs<ModalHeaderComponent & ModalFooterComponent> & {
+    maxWidth?: ModalBreakpoint;
+    variant?: "default" | "small";
+};
+declare const modalBreakpoints: readonly ["xs", "sm", "md", "lg", "xl"];
+type ModalBreakpoint = "xs" | "sm" | "md" | "lg" | "xl";
+declare class ModalComponent implements OnInit {
+    readonly maxWidth: _angular_core.ModelSignal<ModalBreakpoint>;
+    readonly variant: _angular_core.ModelSignal<"default" | "small">;
+    readonly dialogRef: DialogRef<any, any> | null;
+    readonly dialogData: any;
+    readonly hostClasses: _angular_core.Signal<string>;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalComponent, "tedi-modal", never, { "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "maxWidth": "maxWidthChange"; "variant": "variantChange"; }, never, ["tedi-modal-header", "*", "tedi-modal-footer"], true, never>;
+}
+
+type TagType = "primary" | "secondary" | "danger";
+/**
+ * @deprecated Use Tag from TEDI-ready instead. This component will be removed from future versions.
+ */
+declare class TagComponent {
+    /**
+     * Whether the tag is in loading state.
+     * When true, a spinner will be displayed inside the tag.
+     * @default false
+     */
+    loading: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether the tag can be closed.
+     * When true, a close button will be displayed that emits the 'closed' event when clicked.
+     * @default false
+     */
+    closable: _angular_core.InputSignal<boolean>;
+    /**
+     * The visual style of the tag.
+     * Possible values: 'primary', 'secondary', 'danger'
+     * @default "primary"
+     */
+    type: _angular_core.InputSignal<TagType>;
+    /**
+     * Event emitted when the close button is clicked.
+     * Only relevant when closable is true.
+     */
+    closed: _angular_core.OutputEmitterRef<Event>;
+    classes: _angular_core.Signal<string>;
+    handleClose(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "tedi-tag", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["*"], true, never>;
+}
+
+type StatusBadgeColor = "neutral" | "brand" | "accent" | "success" | "danger" | "warning" | "transparent";
+type StatusBadgeVariant = "filled" | "filled-bordered" | "bordered";
+type StatusBadgeSize = "default" | "large";
+type StatusBadgeStatus = "danger" | "success" | "warning" | "inactive" | "none";
+/**
+ * @deprecated Use StatusBadge from TEDI-ready instead. This component will be removed from future versions.
+ */
+declare class StatusBadgeComponent {
+    /**
+     * Additional classes to apply custom styles to the StatusBadge.
+     */
+    className: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Provides the full text or description when the Badge represents an abbreviation.
+     * This is typically shown as a tooltip on hover.
+     */
+    title: _angular_core.InputSignal<string | undefined>;
+    /**
+     * ID attribute
+     */
+    id: _angular_core.InputSignal<string | undefined>;
+    /**
+     * ARIA role attribute for accessibility.
+     */
+    role: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Specifies the color scheme of the StatusBadge.
+     * @default default
+     */
+    color: _angular_core.InputSignal<StatusBadgeColor>;
+    /**
+     * Determines the style or visual type of the StatusBadge.
+     * @default filled
+     */
+    variant: _angular_core.InputSignal<StatusBadgeVariant>;
+    /**
+     * Specifies the size of the StatusBadge.
+     * @default default
+     */
+    size: _angular_core.InputSignal<StatusBadgeSize>;
+    /**
+     * StatusBadge status indicator
+     */
+    status: _angular_core.InputSignal<StatusBadgeStatus>;
+    /**
+     * The name of the icon to be displayed inside the StatusBadge. The icon is rendered using the `Icon` component.
+     */
+    icon: _angular_core.InputSignal<string>;
+    classes: _angular_core.Signal<string>;
+    ariaLive: _angular_core.Signal<"assertive" | "polite" | undefined>;
+    mapBadgeColorToIconColor: _angular_core.Signal<IconColor>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatusBadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatusBadgeComponent, "[tedi-status-badge]", never, { "className": { "alias": "className"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "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, ["*"], true, never>;
+}
+
+type TableSize = "default" | "small";
+declare class TableStylesComponent {
+    size: _angular_core.InputSignal<TableSize>;
+    verticalBorders: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    striped: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    clickable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableStylesComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableStylesComponent, "tedi-table-styles", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "verticalBorders": { "alias": "verticalBorders"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; }, {}, never, ["*", "tedi-pagination, [tedi-table-pagination]"], true, never>;
+}
+
+declare class ProgressBarComponent {
+    progressId: _angular_core.InputSignal<string | undefined>;
+    value: _angular_core.InputSignal<number>;
+    direction: _angular_core.InputSignal<"horizontal" | "vertical">;
+    small: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    feedbackText: _angular_core.InputSignal<ComponentInputs<FeedbackTextComponent> | undefined>;
+    feedbackTextId: _angular_core.Signal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressBarComponent, "tedi-progress-bar", never, { "progressId": { "alias": "progressId"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "small": { "alias": "small"; "required": false; "isSignal": true; }; "feedbackText": { "alias": "feedbackText"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { AccordionComponent, AccordionIconComponent, AccordionItemComponent, AccordionItemContentComponent, AccordionItemHeaderComponent, BreadcrumbsComponent, CardColorsDirective, CardComponent, CardContentComponent, CardHeaderComponent, CardPaddingDirective, CardRowComponent, CheckboxCardGroupComponent, CheckboxComponent, CheckboxGroupComponent, ChoiceGroupDirective, DropdownComponent, DropdownItemComponent, DropdownTriggerDirective, FileDropzone, FileDropzoneComponent, FileDropzoneErrorCode, FileSizeStandards, FloatingButtonComponent, FormFieldComponent, IECFileSize, InputComponent, InputGroupComponent, ModalComponent, ModalFooterComponent, ModalHeaderComponent, MultiselectComponent, PaginationComponent, ProgressBarComponent, RadioCardGroupComponent, RadioComponent, RadioGroupComponent, SIFileSize, SearchComponent, SelectComponent, SelectOptionComponent, StatusBadgeComponent, TabComponent, TabContentComponent, TableOfContentsComponent, TableOfContentsItemComponent, TableOfContentsNestedWrapperComponent, TableStylesComponent, TabsComponent, TagComponent, TextareaComponent, VerticalStepperComponent, VerticalStepperItemComponent, formatBytes, getDefaultHelpers, modalBreakpoints, roundNumber, specialOptionControls, validateFileSize, validateFileType };
+export type { AutocompleteOption, Breadcrumb, Breadcrumbs, CardAccentBorder, CardColors, CardHeaderVariant, CardPadding, CardSpacing, CheckboxSize, ChoicegroupVariant, DialogData, DropzoneValidatorFunction, FeedbackTextProps, FileDropzoneError, FileDropzoneErrors, FileInputMode, FileUploadFile, FloatingButtonAxis, FloatingButtonSize, FloatingButtonVariant, InputSize, InputState, ModalBreakpoint, ModalFooterButton, ModalIconPosition, RadioGroupSize, RadioValue, SearchSize, SearchState, SizeDisplayStandard, StatusBadgeColor, StatusBadgeSize, StatusBadgeStatus, StatusBadgeVariant, TableOfContentsBreakpoint, TableOfContentsPosition, TableSize, TagType, ValidationState };
+//# sourceMappingURL=index.d.ts.map