@dialpad/dialtone-vue 3.199.0 → 3.199.1

package/dist/types/components/hovercard/hovercard.vue.d.ts

@@ -8,7 +8,1060 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     $props: {
         readonly [x: string]: any;
     };
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    popover: import('vue').CreateComponentPublicInstanceWithMixins<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;
+        };
+        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[];
+        };
+        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: (StringConstructor | {
+                new (): HTMLElement;
+                prototype: HTMLElement;
+            })[];
+            default: string;
+            validator: (initialFocusElement: unknown) => any;
+        };
+        openWithArrowKeys: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        appendTo: {
+            type: (StringConstructor | {
+                new (): HTMLElement;
+                prototype: HTMLElement;
+            })[];
+            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;
+    }>, {}, {
+        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('../../common/utils').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;
+                    fallbackPlacements?: undefined;
+                    boundary?: 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")[], import('vue').PublicProps, {
+        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;
+        hideOnClick: boolean;
+        placement: string;
+        sticky: string | boolean;
+        fallbackPlacements: unknown[];
+        tether: boolean;
+        externalAnchor: string;
+        showCloseButton: boolean;
+        openOnContext: boolean;
+        ariaLabelledby: string;
+        padding: string;
+        contentWidth: string;
+        contentAppear: boolean;
+        contentTabindex: number;
+        modal: boolean;
+        initialFocusElement: string | HTMLElement;
+        openWithArrowKeys: boolean;
+    }, true, {}, {}, {
+        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;
+                };
+            }>, {}, {
+                ICON_POSITION_MODIFIERS: {
+                    left: string;
+                    right: string;
+                    top: string;
+                    bottom: string;
+                };
+                isInFocus: boolean;
+                hasSlotContent: typeof import('../../common/utils').hasSlotContent;
+                i18n: any;
+            }, {
+                buttonListeners(): {
+                    focusin: (e: any) => void;
+                    focusout: (e: any) => void;
+                };
+                computedAriaLive(): unknown;
+                iconSize(): 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;
+                };
+            }>> & Readonly<{
+                onFocusin?: ((...args: any[]) => any) | undefined;
+                onFocusout?: ((...args: any[]) => any) | undefined;
+            }>, {
+                link: boolean;
+                disabled: boolean;
+                type: string;
+                circle: boolean;
+                active: boolean;
+                loading: boolean;
+                size: string;
+                kind: string;
+                labelClass: string | unknown[] | Record<string, any>;
+                iconPosition: string;
+                importance: string;
+                linkKind: string;
+                linkInverted: boolean;
+                width: string;
+                assertiveOnFocus: boolean;
+            }, {}, {}, {}, 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('../../common/utils').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;
+                };
+            }>, {}, {
+                ICON_POSITION_MODIFIERS: {
+                    left: string;
+                    right: string;
+                    top: string;
+                    bottom: string;
+                };
+                isInFocus: boolean;
+                hasSlotContent: typeof import('../../common/utils').hasSlotContent;
+                i18n: any;
+            }, {
+                buttonListeners(): {
+                    focusin: (e: any) => void;
+                    focusout: (e: any) => void;
+                };
+                computedAriaLive(): unknown;
+                iconSize(): 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;
+                };
+            }>> & Readonly<{
+                onFocusin?: ((...args: any[]) => any) | undefined;
+                onFocusout?: ((...args: any[]) => any) | undefined;
+            }>, {
+                link: boolean;
+                disabled: boolean;
+                type: string;
+                circle: boolean;
+                active: boolean;
+                loading: boolean;
+                size: string;
+                kind: string;
+                labelClass: string | unknown[] | Record<string, any>;
+                iconPosition: string;
+                importance: string;
+                linkKind: string;
+                linkInverted: boolean;
+                width: string;
+                assertiveOnFocus: boolean;
+            }, {}, {}, {}, 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>;
+    } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: import('vue').ComputedOptions;
+        M: {
+            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;
+        };
+        Defaults: {};
+    } & {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, 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;
+        };
+        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[];
+        };
+        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: (StringConstructor | {
+                new (): HTMLElement;
+                prototype: HTMLElement;
+            })[];
+            default: string;
+            validator: (initialFocusElement: unknown) => any;
+        };
+        openWithArrowKeys: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        appendTo: {
+            type: (StringConstructor | {
+                new (): HTMLElement;
+                prototype: HTMLElement;
+            })[];
+            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;
+    }>, {}, {
+        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('../../common/utils').hasSlotContent;
+    }, import('vue').ComputedOptions & {
+        popoverListeners(): {
+            keydown: (event: any) => void;
+            'after-leave': () => void;
+            'after-enter': () => void;
+        };
+        calculatedMaxHeight(): string;
+        labelledBy(): string | false;
+    }, {
+        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;
+    } & {
+        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;
+                    fallbackPlacements?: undefined;
+                    boundary?: 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;
+    }, {
+        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;
+        hideOnClick: boolean;
+        placement: string;
+        sticky: string | boolean;
+        fallbackPlacements: unknown[];
+        tether: boolean;
+        externalAnchor: string;
+        showCloseButton: boolean;
+        openOnContext: boolean;
+        ariaLabelledby: string;
+        padding: string;
+        contentWidth: string;
+        contentAppear: boolean;
+        contentTabindex: number;
+        modal: boolean;
+        initialFocusElement: string | HTMLElement;
+        openWithArrowKeys: boolean;
+    }> | null;
+}, any>;
 type __VLS_TemplateResult = {
     attrs: Partial<{}>;
     slots: {
@@ -18,7 +1071,7 @@ type __VLS_TemplateResult = {
         footerContent?(_: {}): any;
     };
     refs: {
-        popover: CreateComponentPublicInstance<ResolveProps<{
+        popover: CreateComponentPublicInstanceWithMixins<ToResolvedProps<ExtractPropTypes<{
             open: {
                 type: BooleanConstructor;
                 default: null;
@@ -151,7 +1204,7 @@ type __VLS_TemplateResult = {
                 default: string;
                 validator: (appendTo: unknown) => boolean;
             };
-        }, ("keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor")[]>, any, {
+        }>, ("keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor")[]>, {}, {
             POPOVER_PADDING_CLASSES: {
                 none: undefined;
                 small: string;
@@ -178,8 +1231,8 @@ type __VLS_TemplateResult = {
                 'after-leave': () => void;
                 'after-enter': () => void;
             };
-            calculatedMaxHeight(): "calc(100vh - var(--dt-space-300))";
-            labelledBy(): never;
+            calculatedMaxHeight(): string;
+            labelledBy(): string | false;
         }, {
             hasIntersectedViewport(entries: any): void;
             updateAnchorEl(): void;
@@ -245,148 +1298,7 @@ type __VLS_TemplateResult = {
                 _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[];
                 focusTrappedTabPress(e: object, el: object): void;
             };
-        }, ComponentOptionsMixin, ("keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor")[], VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<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;
-            };
-            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[];
-            };
-            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: (StringConstructor | {
-                    new (): HTMLElement;
-                    prototype: HTMLElement;
-                })[];
-                default: string;
-                validator: (initialFocusElement: unknown) => any;
-            };
-            openWithArrowKeys: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            appendTo: {
-                type: (StringConstructor | {
-                    new (): HTMLElement;
-                    prototype: HTMLElement;
-                })[];
-                default: string;
-                validator: (appendTo: unknown) => boolean;
-            };
-        }>> & {
-            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;
-        }, {
+        }, ComponentOptionsMixin, ("keydown" | "update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor")[], PublicProps, {
             id: string;
             offset: unknown[];
             open: boolean;
@@ -408,16 +1320,506 @@ type __VLS_TemplateResult = {
             tether: boolean;
             externalAnchor: string;
             showCloseButton: boolean;
-            contentAppear: boolean;
-            modal: boolean;
             openOnContext: boolean;
             ariaLabelledby: string;
             padding: string;
             contentWidth: string;
+            contentAppear: boolean;
             contentTabindex: number;
+            modal: boolean;
             initialFocusElement: string | HTMLElement;
             openWithArrowKeys: boolean;
-        }, true, {}, {}, OptionTypesType<{}, {}, {}, ComputedOptions, {
+        }, true, {}, {}, {
+            SrOnlyCloseButton: DefineComponent<{}, {}, {
+                i18n: any;
+            }, {
+                closeButtonTitle(): any;
+            }, {
+                close(): void;
+            }, ComponentOptionsMixin, ComponentOptionsMixin, "close"[], "close", PublicProps, ToResolvedProps<{}, "close"[]>, {}, {}, {
+                DtIconClose: DefineComponent<ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>, {}, {}, {
+                    iconSizeClass(): any;
+                    ariaHidden(): "true" | "false";
+                    dataQA(): {};
+                }, {}, ComponentOptionsMixin, ComponentOptionsMixin, "loaded"[], "loaded", PublicProps, Readonly<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, ComponentProvideOptions, true, {}, any>;
+                DtButton: DefineComponent<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;
+                    };
+                }>, {}, {
+                    ICON_POSITION_MODIFIERS: {
+                        left: string;
+                        right: string;
+                        top: string;
+                        bottom: string;
+                    };
+                    isInFocus: boolean;
+                    hasSlotContent: typeof hasSlotContent;
+                    i18n: any;
+                }, {
+                    buttonListeners(): {
+                        focusin: (e: any) => void;
+                        focusout: (e: any) => void;
+                    };
+                    computedAriaLive(): unknown;
+                    iconSize(): any;
+                }, {
+                    buttonClasses(): any[];
+                    isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
+                    shouldRenderIcon(): any;
+                    isIconOnly(): any;
+                    isVerticalIconLayout(): boolean;
+                }, ComponentOptionsMixin, ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", PublicProps, ToResolvedProps<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;
+                    };
+                }>, ("focusin" | "focusout")[]>, {
+                    link: boolean;
+                    disabled: boolean;
+                    type: string;
+                    circle: boolean;
+                    active: boolean;
+                    loading: boolean;
+                    size: string;
+                    kind: string;
+                    labelClass: string | unknown[] | Record<string, any>;
+                    iconPosition: string;
+                    importance: string;
+                    linkKind: string;
+                    linkInverted: boolean;
+                    width: string;
+                    assertiveOnFocus: boolean;
+                }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+            }, {}, string, ComponentProvideOptions, true, {}, any>;
+            DtLazyShow: DefineComponent<ExtractPropTypes<{
+                show: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                transition: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                appear: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {}, {
+                initialized: boolean;
+            }, {
+                isCSSEnabled(): boolean;
+            }, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, ToResolvedProps<ExtractPropTypes<{
+                show: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                transition: {
+                    type: StringConstructor;
+                    default: null;
+                };
+                appear: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {}>, {
+                show: boolean;
+                appear: boolean;
+                transition: string;
+            }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+            PopoverHeaderFooter: DefineComponent<ExtractPropTypes<{
+                type: {
+                    type: StringConstructor;
+                    validator: (value: unknown) => boolean;
+                };
+                contentClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                showCloseButton: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, {}, {
+                hasSlotContent: typeof hasSlotContent;
+                i18n: any;
+            }, {
+                closeButtonTitle(): any;
+            }, {
+                focusCloseButton(): void;
+            }, ComponentOptionsMixin, ComponentOptionsMixin, "close"[], "close", PublicProps, ToResolvedProps<ExtractPropTypes<{
+                type: {
+                    type: StringConstructor;
+                    validator: (value: unknown) => boolean;
+                };
+                contentClass: {
+                    type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
+                    default: string;
+                };
+                showCloseButton: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            }>, "close"[]>, {
+                contentClass: string | unknown[] | Record<string, any>;
+                showCloseButton: boolean;
+            }, {}, {
+                DtButton: DefineComponent<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;
+                    };
+                }>, {}, {
+                    ICON_POSITION_MODIFIERS: {
+                        left: string;
+                        right: string;
+                        top: string;
+                        bottom: string;
+                    };
+                    isInFocus: boolean;
+                    hasSlotContent: typeof hasSlotContent;
+                    i18n: any;
+                }, {
+                    buttonListeners(): {
+                        focusin: (e: any) => void;
+                        focusout: (e: any) => void;
+                    };
+                    computedAriaLive(): unknown;
+                    iconSize(): any;
+                }, {
+                    buttonClasses(): any[];
+                    isInvalidPropCombination(circle: any, kind: any, importance: any): boolean;
+                    shouldRenderIcon(): any;
+                    isIconOnly(): any;
+                    isVerticalIconLayout(): boolean;
+                }, ComponentOptionsMixin, ComponentOptionsMixin, ("focusin" | "focusout")[], "focusin" | "focusout", PublicProps, ToResolvedProps<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;
+                    };
+                }>, ("focusin" | "focusout")[]>, {
+                    link: boolean;
+                    disabled: boolean;
+                    type: string;
+                    circle: boolean;
+                    active: boolean;
+                    loading: boolean;
+                    size: string;
+                    kind: string;
+                    labelClass: string | unknown[] | Record<string, any>;
+                    iconPosition: string;
+                    importance: string;
+                    linkKind: string;
+                    linkInverted: boolean;
+                    width: string;
+                    assertiveOnFocus: boolean;
+                }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+                DtIconClose: DefineComponent<ExtractPropTypes<{
+                    size: {
+                        type: StringConstructor;
+                        default: string;
+                        validator: (s: unknown) => boolean;
+                    };
+                    ariaLabel: {
+                        type: StringConstructor;
+                        default: undefined;
+                    };
+                }>, {}, {}, {
+                    iconSizeClass(): any;
+                    ariaHidden(): "true" | "false";
+                    dataQA(): {};
+                }, {}, ComponentOptionsMixin, ComponentOptionsMixin, "loaded"[], "loaded", PublicProps, Readonly<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, ComponentProvideOptions, true, {}, any>;
+            }, {}, string, ComponentProvideOptions, true, {}, any>;
+        } & GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, OptionTypesType<{}, {}, {}, ComputedOptions, {
             getFirstFocusableElement(el: object): Promise<any>;
             focusFirstElement(el?: object): Promise<void>;
             focusElementById(elementId: any): Promise<void>;
@@ -557,7 +1959,7 @@ type __VLS_TemplateResult = {
                 default: string;
                 validator: (appendTo: unknown) => boolean;
             };
-        }>> & {
+        }>> & Readonly<{
             onKeydown?: ((...args: any[]) => any) | undefined;
             "onUpdate:open"?: ((...args: any[]) => any) | undefined;
             onOpened?: ((...args: any[]) => any) | undefined;
@@ -565,7 +1967,7 @@ type __VLS_TemplateResult = {
             "onMouseleave-popover"?: ((...args: any[]) => any) | undefined;
             "onMouseenter-popover-anchor"?: ((...args: any[]) => any) | undefined;
             "onMouseleave-popover-anchor"?: ((...args: any[]) => any) | undefined;
-        }, any, {
+        }>, {}, {
             POPOVER_PADDING_CLASSES: {
                 none: undefined;
                 small: string;
@@ -592,8 +1994,8 @@ type __VLS_TemplateResult = {
                 'after-leave': () => void;
                 'after-enter': () => void;
             };
-            calculatedMaxHeight(): "calc(100vh - var(--dt-space-300))";
-            labelledBy(): never;
+            calculatedMaxHeight(): string;
+            labelledBy(): string | false;
         }, {
             getFirstFocusableElement(el: object): Promise<any>;
             focusFirstElement(el?: object): Promise<void>;
@@ -679,13 +2081,13 @@ type __VLS_TemplateResult = {
             tether: boolean;
             externalAnchor: string;
             showCloseButton: boolean;
-            contentAppear: boolean;
-            modal: boolean;
             openOnContext: boolean;
             ariaLabelledby: string;
             padding: string;
             contentWidth: string;
+            contentAppear: boolean;
             contentTabindex: number;
+            modal: boolean;
             initialFocusElement: string | HTMLElement;
             openWithArrowKeys: boolean;
         }> | null;