@dialpad/dialtone-vue 3.224.0 → 3.225.0-next.2

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

@@ -1,3005 +0,0 @@
-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