@dialpad/dialtone-vue 3.224.0-next.4 → 3.224.0

package/dist/recipes/conversation_view/message_input/message_input_link.vue.d.ts

@@ -0,0 +1,3005 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    linkButtonOptions: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    isSelectionActive: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+}>, {}, {
+    linkText: string;
+    linkInput: string;
+    isOpen: boolean;
+    i18n: any;
+}, {
+    anchorButtonLabel(): any;
+    textInputLabel(): any;
+    linkInputLabel(): any;
+    linkInputPlaceHolder(): any;
+    removeButtonLabel(): any;
+    cancelButtonLabel(): any;
+    confirmButtonLabel(): any;
+}, {
+    setInitialValues(linkText: any, linkInput: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("opened" | "set-link" | "remove-link")[], "opened" | "set-link" | "remove-link", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    linkButtonOptions: {
+        type: ObjectConstructor;
+        required: true;
+    };
+    isSelectionActive: {
+        type: FunctionConstructor;
+        default: () => void;
+    };
+}>> & Readonly<{
+    onOpened?: ((...args: any[]) => any) | undefined;
+    "onSet-link"?: ((...args: any[]) => any) | undefined;
+    "onRemove-link"?: ((...args: any[]) => any) | undefined;
+}>, {
+    open: boolean;
+    isSelectionActive: Function;
+}, {}, {
+    DtPopover: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        open: {
+            type: BooleanConstructor;
+            default: null;
+        };
+        openOnContext: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        elementType: {
+            type: StringConstructor;
+            default: string;
+        };
+        transition: {
+            type: StringConstructor;
+            default: string;
+        };
+        role: {
+            type: StringConstructor;
+            default: string;
+            validator: (role: unknown) => boolean;
+        };
+        ariaLabelledby: {
+            type: StringConstructor;
+            default: null;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: null;
+        };
+        padding: {
+            type: StringConstructor;
+            default: string;
+            validator: (padding: unknown) => boolean;
+        };
+        contentClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        contentWidth: {
+            type: StringConstructor;
+            default: string;
+            validator: (contentWidth: unknown) => boolean;
+        };
+        contentAppear: {
+            type: BooleanConstructor;
+            default: null;
+        };
+        contentTabindex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        externalAnchor: {
+            type: StringConstructor;
+            default: string;
+        };
+        externalAnchorElement: {
+            type: {
+                new (): HTMLElement;
+                prototype: HTMLElement;
+            } | ObjectConstructor;
+            default: null;
+        };
+        id: {
+            type: StringConstructor;
+            default(): string;
+        };
+        offset: {
+            type: ArrayConstructor;
+            default: () => number[];
+        };
+        hideOnClick: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        modal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fallbackPlacements: {
+            type: ArrayConstructor;
+            default: () => string[];
+        };
+        boundary: {
+            type: ({
+                new (): HTMLElement;
+                prototype: HTMLElement;
+            } | ObjectConstructor | StringConstructor)[];
+            default: string;
+            validator: (boundary: unknown) => boolean;
+        };
+        placement: {
+            type: StringConstructor;
+            default: string;
+        };
+        tether: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        sticky: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+            validator: (sticky: unknown) => boolean;
+        };
+        maxHeight: {
+            type: StringConstructor;
+            default: string;
+        };
+        maxWidth: {
+            type: StringConstructor;
+            default: string;
+        };
+        showCloseButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        headerClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        footerClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        dialogClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        initialFocusElement: {
+            type: ({
+                new (): HTMLElement;
+                prototype: HTMLElement;
+            } | ObjectConstructor | StringConstructor)[];
+            default: string;
+            validator: (initialFocusElement: unknown) => any;
+        };
+        openWithArrowKeys: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        appendTo: {
+            type: ({
+                new (): HTMLElement;
+                prototype: HTMLElement;
+            } | ObjectConstructor | StringConstructor)[];
+            default: string;
+            validator: (appendTo: unknown) => boolean;
+        };
+    }>, {}, {
+        POPOVER_PADDING_CLASSES: {
+            none: undefined;
+            small: string;
+            medium: string;
+            large: string;
+        };
+        POPOVER_HEADER_FOOTER_PADDING_CLASSES: {
+            none: undefined;
+            small: string;
+            medium: string;
+            large: string;
+        };
+        intersectionObserver: null;
+        mutationObserver: null;
+        isOutsideViewport: boolean;
+        isOpen: boolean;
+        toAppear: boolean;
+        anchorEl: null;
+        popoverContentEl: null;
+        hasSlotContent: typeof import('../../..').hasSlotContent;
+    }, {
+        popoverListeners(): {
+            keydown: (event: any) => void;
+            'after-leave': () => void;
+            'after-enter': () => void;
+        };
+        calculatedMaxHeight(): string;
+        labelledBy(): string | false;
+    }, {
+        hasIntersectedViewport(entries: any): void;
+        updateAnchorEl(): void;
+        popperOptions(): {
+            modifiers: ({
+                name: string;
+                options: {
+                    fallbackPlacements: any[];
+                    boundary: string;
+                    altAxis?: undefined;
+                    tether?: undefined;
+                };
+                enabled?: undefined;
+            } | {
+                name: string;
+                enabled: boolean;
+                options?: undefined;
+            } | {
+                name: string;
+                options: {
+                    altAxis: boolean;
+                    tether: boolean;
+                    boundary: string;
+                    fallbackPlacements?: undefined;
+                };
+                enabled?: undefined;
+            })[];
+        };
+        validateProps(): void;
+        calculateAnchorZindex(): 300 | 650;
+        defaultToggleOpen(e: any): void;
+        onContext(event: any): Promise<void>;
+        toggleOpen(): void;
+        onArrowKeyPress(e: any): void;
+        addEventListeners(): void;
+        removeEventListeners(): void;
+        closePopover(): void;
+        preventScrolling(): void;
+        enableScrolling(): void;
+        removeReferences(): void;
+        onShow(): Promise<void>;
+        onLeaveTransitionComplete(): Promise<void>;
+        onEnterTransitionComplete(): Promise<void>;
+        focusInitialElement(): void;
+        focusInitialElementById(): void;
+        onResize(): void;
+        onClickOutside(): void;
+        onKeydown(e: any): void;
+        setPopoverContentAnchorWidth(): Promise<void>;
+        focusFirstElementIfNeeded(domEl: any): void;
+        getReferenceClientRect(error: any): any;
+        initTippyInstance(): void;
+        onMouseEnter(): void;
+        onMouseLeave(): void;
+        onMouseEnterAnchor(): void;
+        onMouseLeaveAnchor(): void;
+    }, {
+        methods: {
+            getFirstFocusableElement(el: object): Promise<any>;
+            focusFirstElement(el?: object): Promise<void>;
+            focusElementById(elementId: any): Promise<void>;
+            _getFirstFocusElement(focusableElements: any): any;
+            _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[];
+            focusTrappedTabPress(e: object, el: object): void;
+        };
+    }, import('vue').ComponentOptionsMixin, ("keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor")[], "keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        open: {
+            type: BooleanConstructor;
+            default: null;
+        };
+        openOnContext: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        elementType: {
+            type: StringConstructor;
+            default: string;
+        };
+        transition: {
+            type: StringConstructor;
+            default: string;
+        };
+        role: {
+            type: StringConstructor;
+            default: string;
+            validator: (role: unknown) => boolean;
+        };
+        ariaLabelledby: {
+            type: StringConstructor;
+            default: null;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: null;
+        };
+        padding: {
+            type: StringConstructor;
+            default: string;
+            validator: (padding: unknown) => boolean;
+        };
+        contentClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        contentWidth: {
+            type: StringConstructor;
+            default: string;
+            validator: (contentWidth: unknown) => boolean;
+        };
+        contentAppear: {
+            type: BooleanConstructor;
+            default: null;
+        };
+        contentTabindex: {
+            type: NumberConstructor;
+            default: number;
+        };
+        externalAnchor: {
+            type: StringConstructor;
+            default: string;
+        };
+        externalAnchorElement: {
+            type: {
+                new (): HTMLElement;
+                prototype: HTMLElement;
+            } | ObjectConstructor;
+            default: null;
+        };
+        id: {
+            type: StringConstructor;
+            default(): string;
+        };
+        offset: {
+            type: ArrayConstructor;
+            default: () => number[];
+        };
+        hideOnClick: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        modal: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fallbackPlacements: {
+            type: ArrayConstructor;
+            default: () => string[];
+        };
+        boundary: {
+            type: ({
+                new (): HTMLElement;
+                prototype: HTMLElement;
+            } | ObjectConstructor | StringConstructor)[];
+            default: string;
+            validator: (boundary: unknown) => boolean;
+        };
+        placement: {
+            type: StringConstructor;
+            default: string;
+        };
+        tether: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        sticky: {
+            type: (StringConstructor | BooleanConstructor)[];
+            default: boolean;
+            validator: (sticky: unknown) => boolean;
+        };
+        maxHeight: {
+            type: StringConstructor;
+            default: string;
+        };
+        maxWidth: {
+            type: StringConstructor;
+            default: string;
+        };
+        showCloseButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        headerClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        footerClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        dialogClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        initialFocusElement: {
+            type: ({
+                new (): HTMLElement;
+                prototype: HTMLElement;
+            } | ObjectConstructor | StringConstructor)[];
+            default: string;
+            validator: (initialFocusElement: unknown) => any;
+        };
+        openWithArrowKeys: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        appendTo: {
+            type: ({
+                new (): HTMLElement;
+                prototype: HTMLElement;
+            } | ObjectConstructor | StringConstructor)[];
+            default: string;
+            validator: (appendTo: unknown) => boolean;
+        };
+    }>> & Readonly<{
+        onKeydown?: ((...args: any[]) => any) | undefined;
+        "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+        onOpened?: ((...args: any[]) => any) | undefined;
+        "onMouseenter-popover"?: ((...args: any[]) => any) | undefined;
+        "onMouseleave-popover"?: ((...args: any[]) => any) | undefined;
+        "onMouseenter-popover-anchor"?: ((...args: any[]) => any) | undefined;
+        "onMouseleave-popover-anchor"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        id: string;
+        offset: unknown[];
+        open: boolean;
+        ariaLabel: string;
+        role: string;
+        dialogClass: string | unknown[] | Record<string, any>;
+        maxHeight: string;
+        contentClass: string | unknown[] | Record<string, any>;
+        headerClass: string | unknown[] | Record<string, any>;
+        footerClass: string | unknown[] | Record<string, any>;
+        elementType: string;
+        transition: string;
+        maxWidth: string;
+        appendTo: string | HTMLElement | Record<string, any>;
+        hideOnClick: boolean;
+        placement: string;
+        sticky: string | boolean;
+        boundary: string | HTMLElement | Record<string, any>;
+        fallbackPlacements: unknown[];
+        tether: boolean;
+        externalAnchor: string;
+        externalAnchorElement: any;
+        showCloseButton: boolean;
+        openOnContext: boolean;
+        ariaLabelledby: string;
+        padding: string;
+        contentWidth: string;
+        contentAppear: boolean;
+        contentTabindex: number;
+        modal: boolean;
+        initialFocusElement: string | HTMLElement | Record<string, any>;
+        openWithArrowKeys: boolean;
+    }, {}, {
+        SrOnlyCloseButton: import('vue').DefineComponent<{}, {}, {
+            i18n: any;
+        }, {
+            closeButtonTitle(): any;
+        }, {
+            close(): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "close"[], "close", import('vue').PublicProps, Readonly<{}> & Readonly<{
+            onClose?: ((...args: any[]) => any) | undefined;
+        }>, {}, {}, {
+            DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>, {}, {}, {
+                iconSizeClass(): any;
+                ariaHidden(): "true" | "false";
+                dataQA(): {};
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onLoaded?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: string;
+                ariaLabel: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                circle: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                iconPosition: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (position: unknown) => boolean;
+                };
+                importance: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (i: unknown) => boolean;
+                };
+                link: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                linkKind: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (lk: unknown) => boolean;
+                };
+                linkInverted: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (t: unknown) => boolean;
+                };
+                width: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                labelClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                kind: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (k: unknown) => boolean;
+                };
+                assertiveOnFocus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                active: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                to: {
+                    type: (ObjectConstructor | StringConstructor)[];
+                    default: null;
+                };
+                href: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                target: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                rel: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                replace: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {}, {
+                ICON_POSITION_MODIFIERS: {
+                    left: string;
+                    right: string;
+                    top: string;
+                    bottom: string;
+                };
+                isInFocus: boolean;
+                hasSlotContent: typeof import('../../..').hasSlotContent;
+                i18n: any;
+            }, {
+                computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
+                isNativeButton(): boolean;
+                computedAttrs(): {
+                    'aria-disabled'?: string | undefined;
+                    tabindex?: string | undefined;
+                    to: string | Record<string, any>;
+                    replace: boolean;
+                    type?: undefined;
+                    disabled?: undefined;
+                } | {
+                    'aria-disabled'?: string | undefined;
+                    tabindex?: string | undefined;
+                    href: string | null;
+                    target: string;
+                    rel: string;
+                    type?: undefined;
+                    disabled?: undefined;
+                } | {
+                    type: string;
+                    disabled: boolean;
+                };
+                computedListeners(): {
+                    focusin: (e: any) => void;
+                    focusout: (e: any) => void;
+                };
+                computedAriaLive(): unknown;
+                iconSize(): any;
+                loaderSize(): any;
+            }, {
+                resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
+                buttonClasses(): any[];
+                isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
+                shouldRenderIcon(): any;
+                isIconOnly(): any;
+                isVerticalIconLayout(): boolean;
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                circle: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                iconPosition: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (position: unknown) => boolean;
+                };
+                importance: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (i: unknown) => boolean;
+                };
+                link: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                linkKind: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (lk: unknown) => boolean;
+                };
+                linkInverted: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (t: unknown) => boolean;
+                };
+                width: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                labelClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                kind: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (k: unknown) => boolean;
+                };
+                assertiveOnFocus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                active: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                to: {
+                    type: (ObjectConstructor | StringConstructor)[];
+                    default: null;
+                };
+                href: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                target: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                rel: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                replace: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onFocusin?: ((...args: any[]) => any) | undefined;
+                onFocusout?: ((...args: any[]) => any) | undefined;
+            }>, {
+                link: boolean;
+                disabled: boolean;
+                type: string;
+                target: string;
+                circle: boolean;
+                active: boolean;
+                loading: boolean;
+                size: string;
+                replace: boolean;
+                kind: string;
+                labelClass: string | unknown[] | Record<string, any>;
+                href: string;
+                to: string | Record<string, any>;
+                iconPosition: string;
+                importance: string;
+                linkKind: string;
+                linkInverted: boolean;
+                width: string;
+                assertiveOnFocus: boolean;
+                rel: string;
+            }, {}, {
+                DtLoader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    size: string;
+                    ariaLabel: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        DtLazyShow: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            show: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            transition: {
+                type: StringConstructor;
+                default: null;
+            };
+            appear: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {}, {
+            initialized: boolean;
+        }, {
+            isCSSEnabled(): boolean;
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            show: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            transition: {
+                type: StringConstructor;
+                default: null;
+            };
+            appear: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {
+            show: boolean;
+            appear: boolean;
+            transition: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        PopoverHeaderFooter: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            type: {
+                type: StringConstructor;
+                validator: (value: unknown) => boolean;
+            };
+            contentClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            showCloseButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {}, {
+            hasSlotContent: typeof import('../../..').hasSlotContent;
+            i18n: any;
+        }, {
+            closeButtonTitle(): any;
+        }, {
+            focusCloseButton(): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "close"[], "close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            type: {
+                type: StringConstructor;
+                validator: (value: unknown) => boolean;
+            };
+            contentClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            showCloseButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onClose?: ((...args: any[]) => any) | undefined;
+        }>, {
+            contentClass: string | unknown[] | Record<string, any>;
+            showCloseButton: boolean;
+        }, {}, {
+            DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                circle: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                iconPosition: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (position: unknown) => boolean;
+                };
+                importance: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (i: unknown) => boolean;
+                };
+                link: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                linkKind: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (lk: unknown) => boolean;
+                };
+                linkInverted: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (t: unknown) => boolean;
+                };
+                width: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                labelClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                kind: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (k: unknown) => boolean;
+                };
+                assertiveOnFocus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                active: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                to: {
+                    type: (ObjectConstructor | StringConstructor)[];
+                    default: null;
+                };
+                href: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                target: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                rel: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                replace: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {}, {
+                ICON_POSITION_MODIFIERS: {
+                    left: string;
+                    right: string;
+                    top: string;
+                    bottom: string;
+                };
+                isInFocus: boolean;
+                hasSlotContent: typeof import('../../..').hasSlotContent;
+                i18n: any;
+            }, {
+                computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
+                isNativeButton(): boolean;
+                computedAttrs(): {
+                    'aria-disabled'?: string | undefined;
+                    tabindex?: string | undefined;
+                    to: string | Record<string, any>;
+                    replace: boolean;
+                    type?: undefined;
+                    disabled?: undefined;
+                } | {
+                    'aria-disabled'?: string | undefined;
+                    tabindex?: string | undefined;
+                    href: string | null;
+                    target: string;
+                    rel: string;
+                    type?: undefined;
+                    disabled?: undefined;
+                } | {
+                    type: string;
+                    disabled: boolean;
+                };
+                computedListeners(): {
+                    focusin: (e: any) => void;
+                    focusout: (e: any) => void;
+                };
+                computedAriaLive(): unknown;
+                iconSize(): any;
+                loaderSize(): any;
+            }, {
+                resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
+                buttonClasses(): any[];
+                isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
+                shouldRenderIcon(): any;
+                isIconOnly(): any;
+                isVerticalIconLayout(): boolean;
+            }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                circle: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                iconPosition: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (position: unknown) => boolean;
+                };
+                importance: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (i: unknown) => boolean;
+                };
+                link: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                linkKind: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (lk: unknown) => boolean;
+                };
+                linkInverted: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (t: unknown) => boolean;
+                };
+                width: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                labelClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                loading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                kind: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (k: unknown) => boolean;
+                };
+                assertiveOnFocus: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                active: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                to: {
+                    type: (ObjectConstructor | StringConstructor)[];
+                    default: null;
+                };
+                href: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                target: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                rel: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                replace: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>> & Readonly<{
+                onFocusin?: ((...args: any[]) => any) | undefined;
+                onFocusout?: ((...args: any[]) => any) | undefined;
+            }>, {
+                link: boolean;
+                disabled: boolean;
+                type: string;
+                target: string;
+                circle: boolean;
+                active: boolean;
+                loading: boolean;
+                size: string;
+                replace: boolean;
+                kind: string;
+                labelClass: string | unknown[] | Record<string, any>;
+                href: string;
+                to: string | Record<string, any>;
+                iconPosition: string;
+                importance: string;
+                linkKind: string;
+                linkInverted: boolean;
+                width: string;
+                assertiveOnFocus: boolean;
+                rel: string;
+            }, {}, {
+                DtLoader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: string;
+                    };
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    size: string;
+                    ariaLabel: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            DtIconClose: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>, {}, {}, {
+                iconSizeClass(): any;
+                ariaHidden(): "true" | "false";
+                dataQA(): {};
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onLoaded?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: string;
+                ariaLabel: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    DtInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            default: string;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+            validator: (t: unknown) => boolean;
+        };
+        modelValue: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        labelVisible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        description: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (t: unknown) => boolean;
+        };
+        inputClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        inputWrapperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        rootClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        currentLength: {
+            type: NumberConstructor;
+            default: null;
+        };
+        retainWarning: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        validate: {
+            type: ObjectConstructor;
+            default: null;
+        };
+        hidden: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {
+        isInputFocused: boolean;
+        isInvalid: boolean;
+        defaultLength: number;
+        hasSlotContent: typeof import('../../..').hasSlotContent;
+        isComposing: boolean;
+        justEndedComposition: boolean;
+        labelSizeClasses: {
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        descriptionSizeClasses: {
+            lg: string;
+            xl: string;
+        };
+    }, {
+        isTextarea(): boolean;
+        isDefaultSize(): boolean;
+        iconSize(): any;
+        isValidSize(): boolean;
+        isValidDescriptionSize(): boolean;
+        inputComponent(): "input" | "textarea";
+        inputListeners(): {
+            compositionstart: () => void;
+            compositionend: () => void;
+            input: (event: any) => Promise<void>;
+            blur: (event: any) => void;
+            focus: (event: any) => void;
+            focusin: (event: any) => void;
+            focusout: (event: any) => void;
+        };
+        descriptionKey(): string;
+        inputState(): string | null;
+        defaultLengthCalculation(): number;
+        validationProps(): {
+            length: {
+                description: any;
+                max: any;
+                warn: any;
+                message: any;
+                limitMaxLength: any;
+            };
+        };
+        validationMessages(): any;
+        showInputState(): string | null;
+        inputLength(): number;
+        inputLengthState(): string | null;
+        shouldValidateLength(): boolean;
+        shouldLimitMaxLength(): any;
+        showLengthLimitValidation(): any;
+        sizeModifierClass(): any;
+        stateClass(): any[];
+    }, {
+        removeClassStyleAttrs: typeof import('../../..').removeClassStyleAttrs;
+        addClassStyleAttrs: typeof import('../../..').addClassStyleAttrs;
+        inputClasses(): any[];
+        inputWrapperClasses(): (string | unknown[] | Record<string, any>)[];
+        calculateLength(value: any): number;
+        inputLengthErrorMessage(): {
+            message: any;
+            type: string | null;
+        };
+        onBlur(e: any): void;
+        emitClearEvents(): void;
+        blur(): void;
+        focus(): void;
+        select(): void;
+        getMessageKey(type: any, index: any): string;
+        validateLength(length: any): void;
+        clearInput(): void;
+    }, {
+        props: {
+            messagesClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            messagesChildProps: {
+                type: ObjectConstructor;
+                default: () => {};
+            };
+            showMessages: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            messages: {
+                type: ArrayConstructor;
+                default: () => never[];
+                validator: (messages: any) => any;
+            };
+        };
+        computed: {
+            formattedMessages(): any;
+        };
+    }, import('vue').ComponentOptionsMixin, ("input" | "blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid")[], "input" | "blur" | "focus" | "focusin" | "focusout" | "clear" | "update:modelValue" | "update:length" | "update:invalid", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        name: {
+            type: StringConstructor;
+            default: string;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+            validator: (t: unknown) => boolean;
+        };
+        modelValue: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        label: {
+            type: StringConstructor;
+            default: string;
+        };
+        labelVisible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        description: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (t: unknown) => boolean;
+        };
+        inputClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        inputWrapperClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        rootClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        currentLength: {
+            type: NumberConstructor;
+            default: null;
+        };
+        retainWarning: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        validate: {
+            type: ObjectConstructor;
+            default: null;
+        };
+        hidden: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onInput?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onFocusin?: ((...args: any[]) => any) | undefined;
+        onFocusout?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onClear?: ((...args: any[]) => any) | undefined;
+        "onUpdate:length"?: ((...args: any[]) => any) | undefined;
+        "onUpdate:invalid"?: ((...args: any[]) => any) | undefined;
+    }>, {
+        label: string;
+        disabled: boolean;
+        modelValue: string | number;
+        name: string;
+        type: string;
+        hidden: boolean;
+        size: string;
+        description: string;
+        validate: Record<string, any>;
+        rootClass: string | unknown[] | Record<string, any>;
+        labelVisible: boolean;
+        inputClass: string | unknown[] | Record<string, any>;
+        inputWrapperClass: string | unknown[] | Record<string, any>;
+        currentLength: number;
+        retainWarning: boolean;
+    }, {}, {
+        DtValidationMessages: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            id: {
+                type: StringConstructor;
+                default(): string;
+            };
+            validationMessages: {
+                type: ArrayConstructor;
+                default: () => never[];
+                validator: (messages: unknown) => any;
+            };
+            showMessages: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {}, {}, {
+            isFilteredValidationMessagesEmpty(): boolean;
+            filteredValidationMessages(): any;
+            validationState(): string | null;
+        }, {
+            getMessageKey(type: any, index: any): string;
+            messageTypeClass(type: any): any;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            id: {
+                type: StringConstructor;
+                default(): string;
+            };
+            validationMessages: {
+                type: ArrayConstructor;
+                default: () => never[];
+                validator: (messages: unknown) => any;
+            };
+            showMessages: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{}>, {
+            id: string;
+            validationMessages: unknown[];
+            showMessages: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        circle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        iconPosition: {
+            type: StringConstructor;
+            default: string;
+            validator: (position: unknown) => boolean;
+        };
+        importance: {
+            type: StringConstructor;
+            default: string;
+            validator: (i: unknown) => boolean;
+        };
+        link: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        linkKind: {
+            type: StringConstructor;
+            default: string;
+            validator: (lk: unknown) => boolean;
+        };
+        linkInverted: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+            validator: (t: unknown) => boolean;
+        };
+        width: {
+            type: StringConstructor;
+            default: null;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (s: unknown) => boolean;
+        };
+        labelClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        kind: {
+            type: StringConstructor;
+            default: string;
+            validator: (k: unknown) => boolean;
+        };
+        assertiveOnFocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        active: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        to: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: null;
+        };
+        href: {
+            type: StringConstructor;
+            default: null;
+        };
+        target: {
+            type: StringConstructor;
+            default: null;
+        };
+        rel: {
+            type: StringConstructor;
+            default: null;
+        };
+        replace: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {}, {
+        ICON_POSITION_MODIFIERS: {
+            left: string;
+            right: string;
+            top: string;
+            bottom: string;
+        };
+        isInFocus: boolean;
+        hasSlotContent: typeof import('../../..').hasSlotContent;
+        i18n: any;
+    }, {
+        computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
+        isNativeButton(): boolean;
+        computedAttrs(): {
+            'aria-disabled'?: string | undefined;
+            tabindex?: string | undefined;
+            to: string | Record<string, any>;
+            replace: boolean;
+            type?: undefined;
+            disabled?: undefined;
+        } | {
+            'aria-disabled'?: string | undefined;
+            tabindex?: string | undefined;
+            href: string | null;
+            target: string;
+            rel: string;
+            type?: undefined;
+            disabled?: undefined;
+        } | {
+            type: string;
+            disabled: boolean;
+        };
+        computedListeners(): {
+            focusin: (e: any) => void;
+            focusout: (e: any) => void;
+        };
+        computedAriaLive(): unknown;
+        iconSize(): any;
+        loaderSize(): any;
+    }, {
+        resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
+        buttonClasses(): any[];
+        isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
+        shouldRenderIcon(): any;
+        isIconOnly(): any;
+        isVerticalIconLayout(): boolean;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        circle: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        iconPosition: {
+            type: StringConstructor;
+            default: string;
+            validator: (position: unknown) => boolean;
+        };
+        importance: {
+            type: StringConstructor;
+            default: string;
+            validator: (i: unknown) => boolean;
+        };
+        link: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        linkKind: {
+            type: StringConstructor;
+            default: string;
+            validator: (lk: unknown) => boolean;
+        };
+        linkInverted: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+            validator: (t: unknown) => boolean;
+        };
+        width: {
+            type: StringConstructor;
+            default: null;
+        };
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (s: unknown) => boolean;
+        };
+        labelClass: {
+            type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+            default: string;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        kind: {
+            type: StringConstructor;
+            default: string;
+            validator: (k: unknown) => boolean;
+        };
+        assertiveOnFocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        active: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        to: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: null;
+        };
+        href: {
+            type: StringConstructor;
+            default: null;
+        };
+        target: {
+            type: StringConstructor;
+            default: null;
+        };
+        rel: {
+            type: StringConstructor;
+            default: null;
+        };
+        replace: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onFocusin?: ((...args: any[]) => any) | undefined;
+        onFocusout?: ((...args: any[]) => any) | undefined;
+    }>, {
+        link: boolean;
+        disabled: boolean;
+        type: string;
+        target: string;
+        circle: boolean;
+        active: boolean;
+        loading: boolean;
+        size: string;
+        replace: boolean;
+        kind: string;
+        labelClass: string | unknown[] | Record<string, any>;
+        href: string;
+        to: string | Record<string, any>;
+        iconPosition: string;
+        importance: string;
+        linkKind: string;
+        linkInverted: boolean;
+        width: string;
+        assertiveOnFocus: boolean;
+        rel: string;
+    }, {}, {
+        DtLoader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            ariaLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            ariaLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+        }>> & Readonly<{}>, {
+            size: string;
+            ariaLabel: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    DtStack: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        direction: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+            validator: (direction: unknown) => boolean;
+        };
+        as: {
+            type: StringConstructor;
+            default: string;
+        };
+        gap: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+            validator: (gap: unknown) => boolean;
+        };
+        align: {
+            type: (ObjectConstructor | StringConstructor)[];
+            validator: (align: unknown) => boolean;
+        };
+        justify: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+            validator: (justify: unknown) => boolean;
+        };
+    }>, {}, {
+        DT_STACK_DIRECTION: {
+            [x: string]: string;
+        };
+        DT_STACK_GAP: string[];
+        DT_STACK_RESPONSIVE_BREAKPOINTS: string[];
+        DT_STACK_ALIGN: string[];
+        DT_STACK_JUSTIFY: string[];
+    }, {
+        defaultGap(): string | null;
+        defaultDirection(): string | null;
+        defaultAlign(): string | null;
+        defaultJustify(): string | null;
+        stackResponsive(): any[];
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        direction: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+            validator: (direction: unknown) => boolean;
+        };
+        as: {
+            type: StringConstructor;
+            default: string;
+        };
+        gap: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+            validator: (gap: unknown) => boolean;
+        };
+        align: {
+            type: (ObjectConstructor | StringConstructor)[];
+            validator: (align: unknown) => boolean;
+        };
+        justify: {
+            type: (ObjectConstructor | StringConstructor)[];
+            default: string;
+            validator: (justify: unknown) => boolean;
+        };
+    }>> & Readonly<{}>, {
+        direction: string | Record<string, any>;
+        as: string;
+        gap: string | Record<string, any>;
+        justify: string | Record<string, any>;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    DtIconLink2: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (s: unknown) => boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+    }>, {}, {}, {
+        iconSizeClass(): any;
+        ariaHidden(): "true" | "false";
+        dataQA(): {};
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        size: {
+            type: StringConstructor;
+            default: string;
+            validator: (s: unknown) => boolean;
+        };
+        ariaLabel: {
+            type: StringConstructor;
+            default: undefined;
+        };
+    }>> & Readonly<{
+        onLoaded?: ((...args: any[]) => any) | undefined;
+    }>, {
+        size: string;
+        ariaLabel: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    DtRecipeMessageInputButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        ariaLabel: {
+            type: StringConstructor;
+            required: true;
+        };
+        tooltipText: {
+            type: StringConstructor;
+            required: true;
+        };
+        keyboardShortcutText: {
+            type: StringConstructor;
+            default: string;
+        };
+        isActive: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        dataQa: {
+            type: StringConstructor;
+            required: true;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        ariaLabel: {
+            type: StringConstructor;
+            required: true;
+        };
+        tooltipText: {
+            type: StringConstructor;
+            required: true;
+        };
+        keyboardShortcutText: {
+            type: StringConstructor;
+            default: string;
+        };
+        isActive: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        dataQa: {
+            type: StringConstructor;
+            required: true;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, {
+        isActive: boolean;
+        keyboardShortcutText: string;
+    }, {}, {
+        DtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            circle: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            iconPosition: {
+                type: StringConstructor;
+                default: string;
+                validator: (position: unknown) => boolean;
+            };
+            importance: {
+                type: StringConstructor;
+                default: string;
+                validator: (i: unknown) => boolean;
+            };
+            link: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            linkKind: {
+                type: StringConstructor;
+                default: string;
+                validator: (lk: unknown) => boolean;
+            };
+            linkInverted: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+                validator: (t: unknown) => boolean;
+            };
+            width: {
+                type: StringConstructor;
+                default: null;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+            labelClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            kind: {
+                type: StringConstructor;
+                default: string;
+                validator: (k: unknown) => boolean;
+            };
+            assertiveOnFocus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            active: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            to: {
+                type: (ObjectConstructor | StringConstructor)[];
+                default: null;
+            };
+            href: {
+                type: StringConstructor;
+                default: null;
+            };
+            target: {
+                type: StringConstructor;
+                default: null;
+            };
+            rel: {
+                type: StringConstructor;
+                default: null;
+            };
+            replace: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>, {}, {
+            ICON_POSITION_MODIFIERS: {
+                left: string;
+                right: string;
+                top: string;
+                bottom: string;
+            };
+            isInFocus: boolean;
+            hasSlotContent: typeof import('../../..').hasSlotContent;
+            i18n: any;
+        }, {
+            computedTag(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
+            isNativeButton(): boolean;
+            computedAttrs(): {
+                'aria-disabled'?: string | undefined;
+                tabindex?: string | undefined;
+                to: string | Record<string, any>;
+                replace: boolean;
+                type?: undefined;
+                disabled?: undefined;
+            } | {
+                'aria-disabled'?: string | undefined;
+                tabindex?: string | undefined;
+                href: string | null;
+                target: string;
+                rel: string;
+                type?: undefined;
+                disabled?: undefined;
+            } | {
+                type: string;
+                disabled: boolean;
+            };
+            computedListeners(): {
+                focusin: (e: any) => void;
+                focusout: (e: any) => void;
+            };
+            computedAriaLive(): unknown;
+            iconSize(): any;
+            loaderSize(): any;
+        }, {
+            resolveRouterLink(): string | import('vue').ConcreteComponent<{}, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>;
+            buttonClasses(): any[];
+            isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
+            shouldRenderIcon(): any;
+            isIconOnly(): any;
+            isVerticalIconLayout(): boolean;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            circle: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            iconPosition: {
+                type: StringConstructor;
+                default: string;
+                validator: (position: unknown) => boolean;
+            };
+            importance: {
+                type: StringConstructor;
+                default: string;
+                validator: (i: unknown) => boolean;
+            };
+            link: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            linkKind: {
+                type: StringConstructor;
+                default: string;
+                validator: (lk: unknown) => boolean;
+            };
+            linkInverted: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+                validator: (t: unknown) => boolean;
+            };
+            width: {
+                type: StringConstructor;
+                default: null;
+            };
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator: (s: unknown) => boolean;
+            };
+            labelClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            kind: {
+                type: StringConstructor;
+                default: string;
+                validator: (k: unknown) => boolean;
+            };
+            assertiveOnFocus: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            active: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            to: {
+                type: (ObjectConstructor | StringConstructor)[];
+                default: null;
+            };
+            href: {
+                type: StringConstructor;
+                default: null;
+            };
+            target: {
+                type: StringConstructor;
+                default: null;
+            };
+            rel: {
+                type: StringConstructor;
+                default: null;
+            };
+            replace: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & Readonly<{
+            onFocusin?: ((...args: any[]) => any) | undefined;
+            onFocusout?: ((...args: any[]) => any) | undefined;
+        }>, {
+            link: boolean;
+            disabled: boolean;
+            type: string;
+            target: string;
+            circle: boolean;
+            active: boolean;
+            loading: boolean;
+            size: string;
+            replace: boolean;
+            kind: string;
+            labelClass: string | unknown[] | Record<string, any>;
+            href: string;
+            to: string | Record<string, any>;
+            iconPosition: string;
+            importance: string;
+            linkKind: string;
+            linkInverted: boolean;
+            width: string;
+            assertiveOnFocus: boolean;
+            rel: string;
+        }, {}, {
+            DtLoader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+            }>> & Readonly<{}>, {
+                size: string;
+                ariaLabel: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        DtTooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            id: {
+                type: StringConstructor;
+                default(): string;
+            };
+            fallbackPlacements: {
+                type: ArrayConstructor;
+                default: () => string[];
+            };
+            inverted: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            offset: {
+                type: ArrayConstructor;
+                default: () => number[];
+            };
+            placement: {
+                type: StringConstructor;
+                default: string;
+                validator(placement: unknown): boolean;
+            };
+            sticky: {
+                type: (StringConstructor | BooleanConstructor)[];
+                default: boolean;
+                validator: (sticky: unknown) => boolean;
+            };
+            appendTo: {
+                type: ({
+                    new (): HTMLElement;
+                    prototype: HTMLElement;
+                } | ObjectConstructor | StringConstructor)[];
+                default: string;
+                validator: (appendTo: unknown) => boolean;
+            };
+            contentClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            message: {
+                type: StringConstructor;
+                default: string;
+            };
+            enabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            show: {
+                type: BooleanConstructor;
+                default: null;
+            };
+            transition: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            delay: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            theme: {
+                type: StringConstructor;
+                default: null;
+            };
+            externalAnchor: {
+                type: StringConstructor;
+                default: null;
+            };
+            externalAnchorElement: {
+                type: {
+                    new (): HTMLElement;
+                    prototype: HTMLElement;
+                } | ObjectConstructor;
+                default: null;
+            };
+        }>, {}, {
+            TOOLTIP_KIND_MODIFIERS: {
+                hover: string;
+                show: string;
+                inverted: string;
+                hide: string;
+            };
+            hasSlotContent: typeof import('../../..').hasSlotContent;
+            tip: null;
+            inTimer: null;
+            internalShow: boolean;
+            currentPlacement: string;
+        }, {
+            tippyProps(): {
+                offset: unknown[];
+                delay: number | boolean;
+                placement: string;
+                sticky: string | boolean;
+                theme: string;
+                animation: string | boolean;
+                onShown: (tooltipInstance: any) => false | undefined;
+                onShow: (tooltipInstance: any) => false | undefined;
+                onHidden: () => void;
+                popperOptions: {
+                    modifiers: ({
+                        name: string;
+                        options: {
+                            fallbackPlacements: any[];
+                            boundary: string;
+                            altAxis?: undefined;
+                            tether?: undefined;
+                        };
+                        enabled?: undefined;
+                    } | {
+                        name: string;
+                        enabled: boolean;
+                        options?: undefined;
+                    } | {
+                        name: string;
+                        options: {
+                            altAxis: boolean;
+                            tether: boolean;
+                            boundary: string;
+                            fallbackPlacements?: undefined;
+                        };
+                        enabled?: undefined;
+                    })[];
+                };
+            };
+            anchor(): any;
+        }, {
+            calculateAnchorZindex(): 651 | 400;
+            hasVisibleFocus(): any;
+            onEnterAnchor(e: any): void;
+            triggerShow(e: any): void;
+            onLeaveAnchor(e: any): void;
+            triggerHide(): void;
+            onChangePlacement(placement: any): void;
+            onHide(): void;
+            onShow(tooltipInstance: any, callingMethod: any): false | undefined;
+            setProps(): void;
+            onMount(): void;
+            tooltipHasContent(tooltipInstance: any): boolean;
+            initOptions(): {
+                content: unknown;
+                arrow: string;
+                duration: number;
+                interactive: boolean;
+                trigger: string;
+                hideOnClick: boolean;
+                touch: boolean;
+                onMount: () => void;
+                showOnCreate: boolean;
+                popperOptions: {
+                    modifiers: ({
+                        name: string;
+                        options: {
+                            fallbackPlacements: any[];
+                            boundary: string;
+                            altAxis?: undefined;
+                            tether?: undefined;
+                        };
+                        enabled?: undefined;
+                    } | {
+                        name: string;
+                        enabled: boolean;
+                        options?: undefined;
+                    } | {
+                        name: string;
+                        options: {
+                            altAxis: boolean;
+                            tether: boolean;
+                            boundary: string;
+                            fallbackPlacements?: undefined;
+                        };
+                        enabled?: undefined;
+                    })[];
+                };
+            };
+            addExternalAnchorEventListeners(): void;
+            removeExternalAnchorEventListeners(): void;
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("shown" | "update:show")[], "shown" | "update:show", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            id: {
+                type: StringConstructor;
+                default(): string;
+            };
+            fallbackPlacements: {
+                type: ArrayConstructor;
+                default: () => string[];
+            };
+            inverted: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            offset: {
+                type: ArrayConstructor;
+                default: () => number[];
+            };
+            placement: {
+                type: StringConstructor;
+                default: string;
+                validator(placement: unknown): boolean;
+            };
+            sticky: {
+                type: (StringConstructor | BooleanConstructor)[];
+                default: boolean;
+                validator: (sticky: unknown) => boolean;
+            };
+            appendTo: {
+                type: ({
+                    new (): HTMLElement;
+                    prototype: HTMLElement;
+                } | ObjectConstructor | StringConstructor)[];
+                default: string;
+                validator: (appendTo: unknown) => boolean;
+            };
+            contentClass: {
+                type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                default: string;
+            };
+            message: {
+                type: StringConstructor;
+                default: string;
+            };
+            enabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            show: {
+                type: BooleanConstructor;
+                default: null;
+            };
+            transition: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            delay: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            theme: {
+                type: StringConstructor;
+                default: null;
+            };
+            externalAnchor: {
+                type: StringConstructor;
+                default: null;
+            };
+            externalAnchorElement: {
+                type: {
+                    new (): HTMLElement;
+                    prototype: HTMLElement;
+                } | ObjectConstructor;
+                default: null;
+            };
+        }>> & Readonly<{
+            onShown?: ((...args: any[]) => any) | undefined;
+            "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+        }>, {
+            id: string;
+            offset: unknown[];
+            message: string;
+            inverted: boolean;
+            contentClass: string | unknown[] | Record<string, any>;
+            show: boolean;
+            transition: boolean;
+            appendTo: string | HTMLElement | Record<string, any>;
+            delay: boolean;
+            placement: string;
+            sticky: string | boolean;
+            theme: string;
+            fallbackPlacements: unknown[];
+            enabled: boolean;
+            externalAnchor: string;
+            externalAnchorElement: any;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        DtStack: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            direction: {
+                type: (ObjectConstructor | StringConstructor)[];
+                default: string;
+                validator: (direction: unknown) => boolean;
+            };
+            as: {
+                type: StringConstructor;
+                default: string;
+            };
+            gap: {
+                type: (ObjectConstructor | StringConstructor)[];
+                default: string;
+                validator: (gap: unknown) => boolean;
+            };
+            align: {
+                type: (ObjectConstructor | StringConstructor)[];
+                validator: (align: unknown) => boolean;
+            };
+            justify: {
+                type: (ObjectConstructor | StringConstructor)[];
+                default: string;
+                validator: (justify: unknown) => boolean;
+            };
+        }>, {}, {
+            DT_STACK_DIRECTION: {
+                [x: string]: string;
+            };
+            DT_STACK_GAP: string[];
+            DT_STACK_RESPONSIVE_BREAKPOINTS: string[];
+            DT_STACK_ALIGN: string[];
+            DT_STACK_JUSTIFY: string[];
+        }, {
+            defaultGap(): string | null;
+            defaultDirection(): string | null;
+            defaultAlign(): string | null;
+            defaultJustify(): string | null;
+            stackResponsive(): any[];
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            direction: {
+                type: (ObjectConstructor | StringConstructor)[];
+                default: string;
+                validator: (direction: unknown) => boolean;
+            };
+            as: {
+                type: StringConstructor;
+                default: string;
+            };
+            gap: {
+                type: (ObjectConstructor | StringConstructor)[];
+                default: string;
+                validator: (gap: unknown) => boolean;
+            };
+            align: {
+                type: (ObjectConstructor | StringConstructor)[];
+                validator: (align: unknown) => boolean;
+            };
+            justify: {
+                type: (ObjectConstructor | StringConstructor)[];
+                default: string;
+                validator: (justify: unknown) => boolean;
+            };
+        }>> & Readonly<{}>, {
+            direction: string | Record<string, any>;
+            as: string;
+            gap: string | Record<string, any>;
+            justify: string | Record<string, any>;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        DtKeyboardShortcut: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            inverted: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            shortcut: {
+                type: StringConstructor;
+                required: true;
+            };
+            screenReaderText: {
+                type: StringConstructor;
+                default: null;
+            };
+        }>, {}, {
+            separator: RegExp;
+        }, {
+            icons(): {
+                '{plus}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>, {}, {}, {
+                    iconSizeClass(): any;
+                    ariaHidden(): "true" | "false";
+                    dataQA(): {};
+                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>> & Readonly<{
+                    onLoaded?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    size: string;
+                    ariaLabel: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                '{win}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>, {}, {}, {
+                    iconSizeClass(): any;
+                    ariaHidden(): "true" | "false";
+                    dataQA(): {};
+                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>> & Readonly<{
+                    onLoaded?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    size: string;
+                    ariaLabel: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                '{arrow-right}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>, {}, {}, {
+                    iconSizeClass(): any;
+                    ariaHidden(): "true" | "false";
+                    dataQA(): {};
+                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>> & Readonly<{
+                    onLoaded?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    size: string;
+                    ariaLabel: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                '{arrow-left}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>, {}, {}, {
+                    iconSizeClass(): any;
+                    ariaHidden(): "true" | "false";
+                    dataQA(): {};
+                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>> & Readonly<{
+                    onLoaded?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    size: string;
+                    ariaLabel: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                '{arrow-up}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>, {}, {}, {
+                    iconSizeClass(): any;
+                    ariaHidden(): "true" | "false";
+                    dataQA(): {};
+                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>> & Readonly<{
+                    onLoaded?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    size: string;
+                    ariaLabel: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                '{arrow-down}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>, {}, {}, {
+                    iconSizeClass(): any;
+                    ariaHidden(): "true" | "false";
+                    dataQA(): {};
+                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>> & Readonly<{
+                    onLoaded?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    size: string;
+                    ariaLabel: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                '{cmd}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>, {}, {}, {
+                    iconSizeClass(): any;
+                    ariaHidden(): "true" | "false";
+                    dataQA(): {};
+                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>> & Readonly<{
+                    onLoaded?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    size: string;
+                    ariaLabel: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+                '{opt}': import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>, {}, {}, {
+                    iconSizeClass(): any;
+                    ariaHidden(): "true" | "false";
+                    dataQA(): {};
+                }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>> & Readonly<{
+                    onLoaded?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    size: string;
+                    ariaLabel: string;
+                }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            };
+            shortcutWithSeparator(): string;
+            formattedShortcut(): string;
+            formattedShortcutSplit(): string[];
+            generatedScreenReaderText(): string;
+        }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            inverted: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            shortcut: {
+                type: StringConstructor;
+                required: true;
+            };
+            screenReaderText: {
+                type: StringConstructor;
+                default: null;
+            };
+        }>> & Readonly<{}>, {
+            inverted: boolean;
+            screenReaderText: string;
+        }, {}, {
+            DtIconLayoutGrid: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>, {}, {}, {
+                iconSizeClass(): any;
+                ariaHidden(): "true" | "false";
+                dataQA(): {};
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onLoaded?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: string;
+                ariaLabel: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            DtIconArrowRight: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>, {}, {}, {
+                iconSizeClass(): any;
+                ariaHidden(): "true" | "false";
+                dataQA(): {};
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onLoaded?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: string;
+                ariaLabel: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            DtIconArrowLeft: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>, {}, {}, {
+                iconSizeClass(): any;
+                ariaHidden(): "true" | "false";
+                dataQA(): {};
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onLoaded?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: string;
+                ariaLabel: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            DtIconArrowUp: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>, {}, {}, {
+                iconSizeClass(): any;
+                ariaHidden(): "true" | "false";
+                dataQA(): {};
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onLoaded?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: string;
+                ariaLabel: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            DtIconArrowDown: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>, {}, {}, {
+                iconSizeClass(): any;
+                ariaHidden(): "true" | "false";
+                dataQA(): {};
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onLoaded?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: string;
+                ariaLabel: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            DtIconCommand: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>, {}, {}, {
+                iconSizeClass(): any;
+                ariaHidden(): "true" | "false";
+                dataQA(): {};
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onLoaded?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: string;
+                ariaLabel: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            DtIconOption: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>, {}, {}, {
+                iconSizeClass(): any;
+                ariaHidden(): "true" | "false";
+                dataQA(): {};
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onLoaded?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: string;
+                ariaLabel: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+            DtIconPlus: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>, {}, {}, {
+                iconSizeClass(): any;
+                ariaHidden(): "true" | "false";
+                dataQA(): {};
+            }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                size: {
+                    type: StringConstructor;
+                    default: string;
+                    validator: (s: unknown) => boolean;
+                };
+                ariaLabel: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onLoaded?: ((...args: any[]) => any) | undefined;
+            }>, {
+                size: string;
+                ariaLabel: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=message_input_link.vue.d.ts.map