@knime/kds-table 0.1.0

package/dist/src/components/TableUI.vue.d.ts

@@ -0,0 +1,4236 @@
+import { PropType, Ref, nextTick } from 'vue';
+import { DataConfig } from '../types/DataConfig';
+import { VirtualElementAnchor } from '../types/DataValueView';
+import { FilterConfig } from '../types/FilterConfig';
+import { TableConfig } from '../types/TableConfig';
+import { default as TableCore } from './TableCore.vue';
+import { CellPosition, Rect, RectId } from './composables/useCellSelection';
+import { default as Header } from './layout/Header.vue';
+import { default as CellSelectionOverlay } from './ui/CellSelectionOverlay.vue';
+export type DataItem = {
+    data: any;
+    dots?: false;
+} | {
+    dots: true;
+};
+/**
+ * @see README.md
+ */
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * Data props.
+     */
+    data: {
+        type: PropType<Array<Array<any>>>;
+        default: () => never[];
+    };
+    currentSelection: {
+        type: PropType<Array<Array<boolean>>>;
+        default: () => never[];
+    };
+    /**
+     * It specifies how many (empty) rows should be simultated above the given rows in this.data[0]
+     */
+    numRowsAbove: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * It specifies how many (empty) rows should be simultated below the given rows in this.data[0]
+     */
+    numRowsBelow: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Data displayed when scrolling to the bottom of the table. Currently only supproted together
+     * with virtual scrolling enabled.
+     */
+    bottomData: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    /**
+     * analogous to currentSelection but for the bottomData
+     */
+    currentBottomSelection: {
+        type: PropType<boolean[]>;
+        default: () => never[];
+    };
+    totalSelected: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Config props.
+     */
+    dataConfig: {
+        type: PropType<DataConfig>;
+        default: () => {};
+    };
+    tableConfig: {
+        type: PropType<TableConfig>;
+        default: () => {};
+        validate(tableConfig: any): boolean;
+    };
+    disableRowHeightTransition: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    wrapper: Ref<any, any>;
+    totalWidth: Ref<number | null, number | null>;
+    tableCore: Ref<({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly scrollData: DataItem[][];
+            readonly scrollConfig: {
+                itemSize: number;
+                numRowsAbove: number;
+                numRowsBelow: number;
+                compact: boolean;
+            };
+            readonly tableConfig: TableConfig;
+            readonly totalWidth: null | number;
+            readonly columnSizes: number[];
+            readonly currentRowHeight: number | "dynamic";
+            readonly columnResize: {
+                active: boolean;
+            };
+            readonly newColumnButtonWidth: number;
+            readonly onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
+            readonly onClearSelection?: (() => any) | undefined;
+            readonly onBodyFocusin?: (() => any) | undefined;
+            readonly onBodyFocusout?: (() => any) | undefined;
+            readonly onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
+            readonly "onUpdate:available-width"?: ((newAvailableWidth: number) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            tableCoreVirtual: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly scrollData: DataItem[];
+                    readonly scrollConfig: {
+                        numRowsAbove: number;
+                        numRowsBelow: number;
+                        itemSize: number;
+                        compact: boolean;
+                    };
+                    readonly columnSizes: number[];
+                    readonly specialColumnSizes: {
+                        selectionSize: number;
+                        deletionSize: number;
+                        rightSideSize: number;
+                    };
+                    readonly currentBodyWidth: number;
+                    readonly tableConfig: TableConfig;
+                    readonly onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
+                    readonly onClearSelection?: (() => any) | undefined;
+                    readonly onExpandSelectedCell?: (() => any) | undefined;
+                    readonly onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
+                    readonly onBodyFocusin?: (() => any) | undefined;
+                    readonly onBodyFocusout?: (() => any) | undefined;
+                    readonly onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: import('vue').Attrs;
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    headerContainer: HTMLDivElement;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: ((event: "moveSelection", horizontalMove: number, verticalMove: number, expandSelection: boolean) => void) & ((event: "clearSelection") => void) & ((event: "expandSelectedCell") => void) & ((event: "startEditing", initialValue?: string | undefined) => void) & ((event: "bodyFocusin") => void) & ((event: "bodyFocusout") => void) & ((event: "scrollerUpdate", startIndex: number, endIndex: number) => void);
+                $el: any;
+                $options: import('vue').ComponentOptionsBase<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
+                    onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
+                    onClearSelection?: (() => any) | undefined;
+                    onExpandSelectedCell?: (() => any) | undefined;
+                    onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
+                    onBodyFocusin?: (() => any) | undefined;
+                    onBodyFocusout?: (() => any) | undefined;
+                    onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
+                }>, {
+                    scrollToPosition: ({ top, left }: {
+                        top?: number;
+                        left?: number;
+                    }) => void;
+                    getScrollStart: () => number;
+                    getBody: () => HTMLTableSectionElement | null | undefined;
+                    getContainer: () => HTMLElement | null;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    moveSelection: (horizontalMove: number, verticalMove: number, expandSelection: boolean) => any;
+                    clearSelection: () => any;
+                    expandSelectedCell: () => any;
+                    startEditing: (initialValue?: string | undefined) => any;
+                    bodyFocusin: () => any;
+                    bodyFocusout: () => any;
+                    scrollerUpdate: (startIndex: number, endIndex: number) => any;
+                }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{}> & Omit<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
+                onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
+                onClearSelection?: (() => any) | undefined;
+                onExpandSelectedCell?: (() => any) | undefined;
+                onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
+                onBodyFocusin?: (() => any) | undefined;
+                onBodyFocusout?: (() => any) | undefined;
+                onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
+            }>, "getBody" | "scrollToPosition" | "getScrollStart" | "getContainer"> & {
+                scrollToPosition: ({ top, left }: {
+                    top?: number;
+                    left?: number;
+                }) => void;
+                getScrollStart: () => number;
+                getBody: () => HTMLTableSectionElement | null | undefined;
+                getContainer: () => HTMLElement | null;
+            } & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    header?(_: {
+                        getDragHandleHeight: () => number;
+                    }): any;
+                    'cell-selection-overlay'?(_: {}): any;
+                    row?(_: {
+                        rowInd: number;
+                        row: any;
+                    }): any;
+                    belowBody?(_: {}): any;
+                };
+            }) | null;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "moveSelection", horizontalMove: number, verticalMove: number, expandSelection: boolean) => void) & ((event: "clearSelection") => void) & ((event: "bodyFocusin") => void) & ((event: "bodyFocusout") => void) & ((event: "scrollerUpdate", startIndex: number, endIndex: number) => void) & ((event: "update:available-width", newAvailableWidth: number) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            scrollData: DataItem[][];
+            scrollConfig: {
+                itemSize: number;
+                numRowsAbove: number;
+                numRowsBelow: number;
+                compact: boolean;
+            };
+            tableConfig: TableConfig;
+            totalWidth: null | number;
+            columnSizes: number[];
+            currentRowHeight: number | "dynamic";
+            columnResize: {
+                active: boolean;
+            };
+            newColumnButtonWidth: number;
+        }> & Readonly<{
+            onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
+            onClearSelection?: (() => any) | undefined;
+            onBodyFocusin?: (() => any) | undefined;
+            onBodyFocusout?: (() => any) | undefined;
+            onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
+            "onUpdate:available-width"?: ((newAvailableWidth: number) => any) | undefined;
+        }>, {
+            virtualScrollToPosition: (position: {
+                top?: number;
+                left?: number;
+            }) => void | undefined;
+            getVirtualScrollStart: () => number | undefined;
+            getVirtualBody: () => HTMLTableSectionElement | null | undefined;
+            getVirtualContainer: () => HTMLElement | null | undefined;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            moveSelection: (horizontalMove: number, verticalMove: number, expandSelection: boolean) => any;
+            clearSelection: () => any;
+            bodyFocusin: () => any;
+            bodyFocusout: () => any;
+            scrollerUpdate: (startIndex: number, endIndex: number) => any;
+            "update:available-width": (newAvailableWidth: number) => any;
+        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<{
+        scrollData: DataItem[][];
+        scrollConfig: {
+            itemSize: number;
+            numRowsAbove: number;
+            numRowsBelow: number;
+            compact: boolean;
+        };
+        tableConfig: TableConfig;
+        totalWidth: null | number;
+        columnSizes: number[];
+        currentRowHeight: number | "dynamic";
+        columnResize: {
+            active: boolean;
+        };
+        newColumnButtonWidth: number;
+    }> & Readonly<{
+        onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
+        onClearSelection?: (() => any) | undefined;
+        onBodyFocusin?: (() => any) | undefined;
+        onBodyFocusout?: (() => any) | undefined;
+        onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
+        "onUpdate:available-width"?: ((newAvailableWidth: number) => any) | undefined;
+    }>, "virtualScrollToPosition" | "getVirtualScrollStart" | "getVirtualBody" | "getVirtualContainer"> & {
+        virtualScrollToPosition: (position: {
+            top?: number;
+            left?: number;
+        }) => void | undefined;
+        getVirtualScrollStart: () => number | undefined;
+        getVirtualBody: () => HTMLTableSectionElement | null | undefined;
+        getVirtualContainer: () => HTMLElement | null | undefined;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            header?(_: {
+                getDragHandleHeight: () => number;
+                width: number;
+            }): any;
+            row?(_: {
+                row: any;
+                rowInd: number;
+                groupInd: null;
+            }): any;
+            'cell-selection-overlay'?(_: {}): any;
+            belowBody?(_: {}): any;
+        };
+    }) | null, ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly scrollData: DataItem[][];
+            readonly scrollConfig: {
+                itemSize: number;
+                numRowsAbove: number;
+                numRowsBelow: number;
+                compact: boolean;
+            };
+            readonly tableConfig: TableConfig;
+            readonly totalWidth: null | number;
+            readonly columnSizes: number[];
+            readonly currentRowHeight: number | "dynamic";
+            readonly columnResize: {
+                active: boolean;
+            };
+            readonly newColumnButtonWidth: number;
+            readonly onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
+            readonly onClearSelection?: (() => any) | undefined;
+            readonly onBodyFocusin?: (() => any) | undefined;
+            readonly onBodyFocusout?: (() => any) | undefined;
+            readonly onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
+            readonly "onUpdate:available-width"?: ((newAvailableWidth: number) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            tableCoreVirtual: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly scrollData: DataItem[];
+                    readonly scrollConfig: {
+                        numRowsAbove: number;
+                        numRowsBelow: number;
+                        itemSize: number;
+                        compact: boolean;
+                    };
+                    readonly columnSizes: number[];
+                    readonly specialColumnSizes: {
+                        selectionSize: number;
+                        deletionSize: number;
+                        rightSideSize: number;
+                    };
+                    readonly currentBodyWidth: number;
+                    readonly tableConfig: TableConfig;
+                    readonly onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
+                    readonly onClearSelection?: (() => any) | undefined;
+                    readonly onExpandSelectedCell?: (() => any) | undefined;
+                    readonly onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
+                    readonly onBodyFocusin?: (() => any) | undefined;
+                    readonly onBodyFocusout?: (() => any) | undefined;
+                    readonly onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: import('vue').Attrs;
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    headerContainer: HTMLDivElement;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: ((event: "moveSelection", horizontalMove: number, verticalMove: number, expandSelection: boolean) => void) & ((event: "clearSelection") => void) & ((event: "expandSelectedCell") => void) & ((event: "startEditing", initialValue?: string | undefined) => void) & ((event: "bodyFocusin") => void) & ((event: "bodyFocusout") => void) & ((event: "scrollerUpdate", startIndex: number, endIndex: number) => void);
+                $el: any;
+                $options: import('vue').ComponentOptionsBase<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
+                    onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
+                    onClearSelection?: (() => any) | undefined;
+                    onExpandSelectedCell?: (() => any) | undefined;
+                    onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
+                    onBodyFocusin?: (() => any) | undefined;
+                    onBodyFocusout?: (() => any) | undefined;
+                    onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
+                }>, {
+                    scrollToPosition: ({ top, left }: {
+                        top?: number;
+                        left?: number;
+                    }) => void;
+                    getScrollStart: () => number;
+                    getBody: () => HTMLTableSectionElement | null | undefined;
+                    getContainer: () => HTMLElement | null;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    moveSelection: (horizontalMove: number, verticalMove: number, expandSelection: boolean) => any;
+                    clearSelection: () => any;
+                    expandSelectedCell: () => any;
+                    startEditing: (initialValue?: string | undefined) => any;
+                    bodyFocusin: () => any;
+                    bodyFocusout: () => any;
+                    scrollerUpdate: (startIndex: number, endIndex: number) => any;
+                }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{}> & Omit<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
+                onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
+                onClearSelection?: (() => any) | undefined;
+                onExpandSelectedCell?: (() => any) | undefined;
+                onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
+                onBodyFocusin?: (() => any) | undefined;
+                onBodyFocusout?: (() => any) | undefined;
+                onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
+            }>, "getBody" | "scrollToPosition" | "getScrollStart" | "getContainer"> & {
+                scrollToPosition: ({ top, left }: {
+                    top?: number;
+                    left?: number;
+                }) => void;
+                getScrollStart: () => number;
+                getBody: () => HTMLTableSectionElement | null | undefined;
+                getContainer: () => HTMLElement | null;
+            } & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    header?(_: {
+                        getDragHandleHeight: () => number;
+                    }): any;
+                    'cell-selection-overlay'?(_: {}): any;
+                    row?(_: {
+                        rowInd: number;
+                        row: any;
+                    }): any;
+                    belowBody?(_: {}): any;
+                };
+            }) | null;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "moveSelection", horizontalMove: number, verticalMove: number, expandSelection: boolean) => void) & ((event: "clearSelection") => void) & ((event: "bodyFocusin") => void) & ((event: "bodyFocusout") => void) & ((event: "scrollerUpdate", startIndex: number, endIndex: number) => void) & ((event: "update:available-width", newAvailableWidth: number) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            scrollData: DataItem[][];
+            scrollConfig: {
+                itemSize: number;
+                numRowsAbove: number;
+                numRowsBelow: number;
+                compact: boolean;
+            };
+            tableConfig: TableConfig;
+            totalWidth: null | number;
+            columnSizes: number[];
+            currentRowHeight: number | "dynamic";
+            columnResize: {
+                active: boolean;
+            };
+            newColumnButtonWidth: number;
+        }> & Readonly<{
+            onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
+            onClearSelection?: (() => any) | undefined;
+            onBodyFocusin?: (() => any) | undefined;
+            onBodyFocusout?: (() => any) | undefined;
+            onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
+            "onUpdate:available-width"?: ((newAvailableWidth: number) => any) | undefined;
+        }>, {
+            virtualScrollToPosition: (position: {
+                top?: number;
+                left?: number;
+            }) => void | undefined;
+            getVirtualScrollStart: () => number | undefined;
+            getVirtualBody: () => HTMLTableSectionElement | null | undefined;
+            getVirtualContainer: () => HTMLElement | null | undefined;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            moveSelection: (horizontalMove: number, verticalMove: number, expandSelection: boolean) => any;
+            clearSelection: () => any;
+            bodyFocusin: () => any;
+            bodyFocusout: () => any;
+            scrollerUpdate: (startIndex: number, endIndex: number) => any;
+            "update:available-width": (newAvailableWidth: number) => any;
+        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly<{
+        scrollData: DataItem[][];
+        scrollConfig: {
+            itemSize: number;
+            numRowsAbove: number;
+            numRowsBelow: number;
+            compact: boolean;
+        };
+        tableConfig: TableConfig;
+        totalWidth: null | number;
+        columnSizes: number[];
+        currentRowHeight: number | "dynamic";
+        columnResize: {
+            active: boolean;
+        };
+        newColumnButtonWidth: number;
+    }> & Readonly<{
+        onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
+        onClearSelection?: (() => any) | undefined;
+        onBodyFocusin?: (() => any) | undefined;
+        onBodyFocusout?: (() => any) | undefined;
+        onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
+        "onUpdate:available-width"?: ((newAvailableWidth: number) => any) | undefined;
+    }>, "virtualScrollToPosition" | "getVirtualScrollStart" | "getVirtualBody" | "getVirtualContainer"> & {
+        virtualScrollToPosition: (position: {
+            top?: number;
+            left?: number;
+        }) => void | undefined;
+        getVirtualScrollStart: () => number | undefined;
+        getVirtualBody: () => HTMLTableSectionElement | null | undefined;
+        getVirtualContainer: () => HTMLElement | null | undefined;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            header?(_: {
+                getDragHandleHeight: () => number;
+                width: number;
+            }): any;
+            row?(_: {
+                row: any;
+                rowInd: number;
+                groupInd: null;
+            }): any;
+            'cell-selection-overlay'?(_: {}): any;
+            belowBody?(_: {}): any;
+        };
+    }) | null>;
+    header: Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        tableConfig: {
+            type: PropType<TableConfig>;
+            default: () => {};
+        };
+        columnHeaders: {
+            type: PropType<Array<string>>;
+            default: () => never[];
+        };
+        columnSubHeaders: {
+            type: PropType<Array<string | undefined>>;
+            default: () => never[];
+        };
+        columnSizes: {
+            type: PropType<Array<number>>;
+            default: () => never[];
+        };
+        columnSubMenuItems: {
+            type: PropType<Array<import('packages/components/dist/src').KdsMenuItem[] | undefined>>;
+            default: () => never[];
+        };
+        columnHeaderColors: {
+            type: PropType<Array<string | null>>;
+            default: () => never[];
+        };
+        columnDeletables: {
+            type: PropType<Array<boolean | undefined>>;
+            default: () => never[];
+        };
+        columnEditables: {
+            type: PropType<Array<boolean | undefined>>;
+            default: () => never[];
+        };
+        isSelected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        getDragHandleHeight: {
+            type: FunctionConstructor;
+            default: () => number;
+        };
+        showNewColumnButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        selectedHeaderIndex: {
+            type: PropType<number | null>;
+            default: null;
+        };
+    }>> & Readonly<{
+        onColumnResize?: ((index: number, newSize: number) => any) | undefined;
+        onHeaderSelect?: ((selected: boolean) => any) | undefined;
+        onShowColumnBorder?: (() => any) | undefined;
+        onHideColumnBorder?: (() => any) | undefined;
+        onColumnResizeEnd?: (() => any) | undefined;
+        onColumnResizeStart?: (() => any) | undefined;
+        onAllColumnsResize?: ((newSize: number) => any) | undefined;
+        onMoveDownFromHeaderCell?: ((index: number) => any) | undefined;
+        onHeaderCellSelect?: ((index: number) => any) | undefined;
+        "onUpdate:newColumnButtonWidth"?: ((width: number) => any) | undefined;
+        onNewColumnButtonClick?: ((event: MouseEvent) => any) | undefined;
+        onNewColumnButtonKeydownLeft?: ((event: KeyboardEvent) => any) | undefined;
+        onSelectionKeydownDown?: (() => any) | undefined;
+        onHeaderCellDeselect?: (() => any) | undefined;
+        onHeaderCellStartEditing?: ((index: number, initialValue?: string | undefined) => any) | undefined;
+        onDeleteColumn?: ((index: number) => any) | undefined;
+    }>, {
+        indexedColumnHeaders: Ref<[string, number][], [string, number][]>;
+        headerStyles: import('vue').MaybeRef<import('vue').CSSProperties>;
+        onHeaderCellKeydown: (event: KeyboardEvent, columnIndex: number) => void;
+    }, {
+        hoverIndex: null | number;
+        dragIndex: null | number;
+        columnSizeOnDragStart: number;
+        pageXOnDragStart: number;
+        minimumColumnWidth: number;
+        maximumSubMenuWidth: number;
+        currentDragHandlerHeight: number;
+        borderTop: number;
+        focusedHeaderIndex: null | number;
+    }, {
+        enableColumnResizing(): boolean;
+        hasSubHeaders(): boolean;
+        currentResizeDragHandleWidth(): 0 | 5;
+        headerSelectionOverlayStyle(): Record<string, string> | null;
+    }, {
+        onHeaderCellFocus(columnIndex: number): void;
+        onHeaderCellBlur(columnIndex: number): void;
+        emitNewColumnButtonWidth(): void;
+        onSelect(): void;
+        onHeaderClick(ind: number): void;
+        onPointerOver(event: PointerEvent, columnIndex: number): void;
+        onPointerLeave(event: Event): void;
+        onPointerDown(event: PointerEvent & {
+            target: HTMLElement;
+        }, columnIndex: number): void;
+        onPointerUp(event: PointerEvent): void;
+        onPointerMove: import('raf-throttle').Throttled<(event: PointerEvent) => void>;
+        onNewColumnButtonClick(event: MouseEvent): void;
+        onNewColumnButtonKeydownLeft(event: KeyboardEvent): void;
+        unthrottledOnPointerMove(event: PointerEvent): void;
+        onLostPointerCapture: import('raf-throttle').Throttled<(event: any) => void>;
+        dragHandleHeight(isDragging: boolean): number;
+        onDeleteColumn(ind: number): void;
+        getHeaderCellWidths(): number[];
+        onKeydownTab(): void;
+        onKeydownLeft(columnIndex: number): void;
+        onKeydownRight(columnIndex: number): void;
+        onKeydownDown(columnIndex: number): void;
+        focusHeaderCell(cellInd: number): void;
+        focusNewColumnButton(): void;
+        focusSelectionCheckbox(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        headerSelect: (selected: boolean) => true;
+        showColumnBorder: () => true;
+        columnResize: (index: number, newSize: number) => true;
+        hideColumnBorder: () => true;
+        columnResizeEnd: () => true;
+        columnResizeStart: () => true;
+        allColumnsResize: (newSize: number) => true;
+        moveDownFromHeaderCell: (index: number) => true;
+        headerCellSelect: (index: number) => true;
+        "update:newColumnButtonWidth": (width: number) => true;
+        newColumnButtonClick: (event: MouseEvent) => true;
+        newColumnButtonKeydownLeft: (event: KeyboardEvent) => true;
+        selectionKeydownDown: () => true;
+        headerCellDeselect: () => true;
+        headerCellStartEditing: (index: number, initialValue?: string) => true;
+        deleteColumn: (index: number) => true;
+    }, import('vue').PublicProps, {
+        columnSizes: number[];
+        tableConfig: TableConfig;
+        getDragHandleHeight: Function;
+        columnHeaders: string[];
+        columnSubHeaders: (string | undefined)[];
+        columnSubMenuItems: (import('packages/components/dist/src').KdsMenuItem[] | undefined)[];
+        columnHeaderColors: (string | null)[];
+        columnDeletables: (boolean | undefined)[];
+        columnEditables: (boolean | undefined)[];
+        isSelected: boolean;
+        showNewColumnButton: boolean;
+        selectedHeaderIndex: number | null;
+    }, true, {}, {}, {
+        KdsCheckbox: import('vue').DefineComponent<({
+            modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
+        } & {
+            disabled?: boolean;
+            error?: boolean;
+            subText?: string;
+            preserveSubTextSpace?: boolean;
+        } & {
+            label: string;
+            title?: never;
+        }) | ({
+            modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
+        } & {
+            disabled?: boolean;
+            error?: boolean;
+            subText?: string;
+            preserveSubTextSpace?: boolean;
+        } & {
+            label?: never;
+            title: string;
+        }), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: import('packages/components/dist/src').KdsCheckboxValue) => any;
+        }, string, import('vue').PublicProps, Readonly<({
+            modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
+        } & {
+            disabled?: boolean;
+            error?: boolean;
+            subText?: string;
+            preserveSubTextSpace?: boolean;
+        } & {
+            label: string;
+            title?: never;
+        }) | ({
+            modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
+        } & {
+            disabled?: boolean;
+            error?: boolean;
+            subText?: string;
+            preserveSubTextSpace?: boolean;
+        } & {
+            label?: never;
+            title: string;
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: import('packages/components/dist/src').KdsCheckboxValue) => any) | undefined;
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+        KdsButton: import('vue').DefineComponent<(import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+        } & {
+            label: string;
+            leadingIcon?: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: import('packages/components/dist/src').KdsIconName;
+            ariaLabel?: never;
+        } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+        } & {
+            label?: never;
+            leadingIcon: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        } & import('packages/components/dist/src/buttons/types').WithDestructive), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (event: MouseEvent) => any;
+        }, string, import('vue').PublicProps, Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+        } & {
+            label: string;
+            leadingIcon?: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: import('packages/components/dist/src').KdsIconName;
+            ariaLabel?: never;
+        } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+        } & {
+            label?: never;
+            leadingIcon: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
+            onClick?: ((event: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+        KdsMenuButton: import('vue').DefineComponent<({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+        } & {
+            label: string;
+            leadingIcon?: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: import('packages/components/dist/src').KdsIconName;
+            ariaLabel?: never;
+        } & {
+            items: import('packages/components/dist/src').KdsMenuItem[];
+            menuMaxHeight?: string;
+        }) | ({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+        } & {
+            label?: never;
+            leadingIcon: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        } & {
+            items: import('packages/components/dist/src').KdsMenuItem[];
+            menuMaxHeight?: string;
+        }), {
+            menuButtonEl: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label: string;
+                leadingIcon?: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                ariaLabel?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label?: never;
+                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: never;
+                ariaLabel: string;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: boolean) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, {} & (Readonly<({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label: string;
+                leadingIcon?: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                ariaLabel?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label?: never;
+                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: never;
+                ariaLabel: string;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>), {}, {}, {}, {}, {}> | null>>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => any;
+            itemClick: (id: string) => any;
+        }, string, import('vue').PublicProps, Readonly<({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+        } & {
+            label: string;
+            leadingIcon?: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: import('packages/components/dist/src').KdsIconName;
+            ariaLabel?: never;
+        } & {
+            items: import('packages/components/dist/src').KdsMenuItem[];
+            menuMaxHeight?: string;
+        }) | ({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+        } & {
+            label?: never;
+            leadingIcon: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        } & {
+            items: import('packages/components/dist/src').KdsMenuItem[];
+            menuMaxHeight?: string;
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            onItemClick?: ((id: string) => any) | undefined;
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+            menuButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label: string;
+                leadingIcon?: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                ariaLabel?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label?: never;
+                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: never;
+                ariaLabel: string;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: boolean) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, {} & (Readonly<({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label: string;
+                leadingIcon?: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                ariaLabel?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label?: never;
+                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: never;
+                ariaLabel: string;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>), {}, {}, {}, {}, {}> | null;
+            popover: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: ({
+                    readonly modelValue?: boolean | undefined;
+                    readonly role?: import('packages/components/dist/src').KdsPopoverRole | undefined;
+                    readonly popoverType?: import('packages/components/dist/src').KdsPopoverType | undefined;
+                    readonly fullWidth?: boolean | undefined;
+                    readonly maxInlineSize?: string | undefined;
+                    readonly content?: string | undefined;
+                    readonly placement?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom"> | undefined;
+                    readonly customPlacementPosition?: never | undefined;
+                    readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                } | {
+                    readonly modelValue?: boolean | undefined;
+                    readonly role?: import('packages/components/dist/src').KdsPopoverRole | undefined;
+                    readonly popoverType?: import('packages/components/dist/src').KdsPopoverType | undefined;
+                    readonly fullWidth?: boolean | undefined;
+                    readonly maxInlineSize?: string | undefined;
+                    readonly content?: string | undefined;
+                    readonly placement: "custom";
+                    readonly customPlacementPosition: {
+                        x: number;
+                        y: number;
+                    };
+                    readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: import('vue').Attrs;
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    popoverEl: HTMLDivElement;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: "update:modelValue", value: boolean) => void;
+                $el: HTMLDivElement;
+                $options: import('vue').ComponentOptionsBase<Readonly<({
+                    modelValue?: boolean;
+                } & {
+                    role?: import('packages/components/dist/src').KdsPopoverRole;
+                    popoverType?: import('packages/components/dist/src').KdsPopoverType;
+                    fullWidth?: boolean;
+                    maxInlineSize?: string;
+                    content?: string;
+                } & {
+                    placement?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom">;
+                    customPlacementPosition?: never;
+                }) | ({
+                    modelValue?: boolean;
+                } & {
+                    role?: import('packages/components/dist/src').KdsPopoverRole;
+                    popoverType?: import('packages/components/dist/src').KdsPopoverType;
+                    fullWidth?: boolean;
+                    maxInlineSize?: string;
+                    content?: string;
+                } & {
+                    placement: "custom";
+                    customPlacementPosition: {
+                        x: number;
+                        y: number;
+                    };
+                })> & Readonly<{
+                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                }>, {
+                    anchorStyle: Record<string, string>;
+                    popoverId: string;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    "update:modelValue": (value: boolean) => any;
+                }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{}> & Omit<{} & (Readonly<({
+                modelValue?: boolean;
+            } & {
+                role?: import('packages/components/dist/src').KdsPopoverRole;
+                popoverType?: import('packages/components/dist/src').KdsPopoverType;
+                fullWidth?: boolean;
+                maxInlineSize?: string;
+                content?: string;
+            } & {
+                placement?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom">;
+                customPlacementPosition?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & {
+                role?: import('packages/components/dist/src').KdsPopoverRole;
+                popoverType?: import('packages/components/dist/src').KdsPopoverType;
+                fullWidth?: boolean;
+                maxInlineSize?: string;
+                content?: string;
+            } & {
+                placement: "custom";
+                customPlacementPosition: {
+                    x: number;
+                    y: number;
+                };
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>), "anchorStyle" | "popoverId"> & {
+                anchorStyle: Record<string, string>;
+                popoverId: string;
+            } & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    default?(_: {}): any;
+                };
+            }) | null;
+            menuContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/components/dist/src/containers/MenuContainer').KdsMenuContainerProps> & Readonly<{
+                onItemClick?: ((id: string) => any) | undefined;
+            }>, {
+                focus: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                itemClick: (id: string) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                containerEl: HTMLDivElement;
+            }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('packages/components/dist/src/containers/MenuContainer').KdsMenuContainerProps> & Readonly<{
+                onItemClick?: ((id: string) => any) | undefined;
+            }>, {
+                focus: () => void;
+            }, {}, {}, {}, {}> | null;
+        }, any>;
+    } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        tableConfig: {
+            type: PropType<TableConfig>;
+            default: () => {};
+        };
+        columnHeaders: {
+            type: PropType<Array<string>>;
+            default: () => never[];
+        };
+        columnSubHeaders: {
+            type: PropType<Array<string | undefined>>;
+            default: () => never[];
+        };
+        columnSizes: {
+            type: PropType<Array<number>>;
+            default: () => never[];
+        };
+        columnSubMenuItems: {
+            type: PropType<Array<import('packages/components/dist/src').KdsMenuItem[] | undefined>>;
+            default: () => never[];
+        };
+        columnHeaderColors: {
+            type: PropType<Array<string | null>>;
+            default: () => never[];
+        };
+        columnDeletables: {
+            type: PropType<Array<boolean | undefined>>;
+            default: () => never[];
+        };
+        columnEditables: {
+            type: PropType<Array<boolean | undefined>>;
+            default: () => never[];
+        };
+        isSelected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        getDragHandleHeight: {
+            type: FunctionConstructor;
+            default: () => number;
+        };
+        showNewColumnButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        selectedHeaderIndex: {
+            type: PropType<number | null>;
+            default: null;
+        };
+    }>> & Readonly<{
+        onColumnResize?: ((index: number, newSize: number) => any) | undefined;
+        onHeaderSelect?: ((selected: boolean) => any) | undefined;
+        onShowColumnBorder?: (() => any) | undefined;
+        onHideColumnBorder?: (() => any) | undefined;
+        onColumnResizeEnd?: (() => any) | undefined;
+        onColumnResizeStart?: (() => any) | undefined;
+        onAllColumnsResize?: ((newSize: number) => any) | undefined;
+        onMoveDownFromHeaderCell?: ((index: number) => any) | undefined;
+        onHeaderCellSelect?: ((index: number) => any) | undefined;
+        "onUpdate:newColumnButtonWidth"?: ((width: number) => any) | undefined;
+        onNewColumnButtonClick?: ((event: MouseEvent) => any) | undefined;
+        onNewColumnButtonKeydownLeft?: ((event: KeyboardEvent) => any) | undefined;
+        onSelectionKeydownDown?: (() => any) | undefined;
+        onHeaderCellDeselect?: (() => any) | undefined;
+        onHeaderCellStartEditing?: ((index: number, initialValue?: string | undefined) => any) | undefined;
+        onDeleteColumn?: ((index: number) => any) | undefined;
+    }>, {
+        indexedColumnHeaders: Ref<[string, number][], [string, number][]>;
+        headerStyles: import('vue').MaybeRef<import('vue').CSSProperties>;
+        onHeaderCellKeydown: (event: KeyboardEvent, columnIndex: number) => void;
+    }, {
+        hoverIndex: null | number;
+        dragIndex: null | number;
+        columnSizeOnDragStart: number;
+        pageXOnDragStart: number;
+        minimumColumnWidth: number;
+        maximumSubMenuWidth: number;
+        currentDragHandlerHeight: number;
+        borderTop: number;
+        focusedHeaderIndex: null | number;
+    }, {
+        enableColumnResizing(): boolean;
+        hasSubHeaders(): boolean;
+        currentResizeDragHandleWidth(): 0 | 5;
+        headerSelectionOverlayStyle(): Record<string, string> | null;
+    }, {
+        onHeaderCellFocus(columnIndex: number): void;
+        onHeaderCellBlur(columnIndex: number): void;
+        emitNewColumnButtonWidth(): void;
+        onSelect(): void;
+        onHeaderClick(ind: number): void;
+        onPointerOver(event: PointerEvent, columnIndex: number): void;
+        onPointerLeave(event: Event): void;
+        onPointerDown(event: PointerEvent & {
+            target: HTMLElement;
+        }, columnIndex: number): void;
+        onPointerUp(event: PointerEvent): void;
+        onPointerMove: import('raf-throttle').Throttled<(event: PointerEvent) => void>;
+        onNewColumnButtonClick(event: MouseEvent): void;
+        onNewColumnButtonKeydownLeft(event: KeyboardEvent): void;
+        unthrottledOnPointerMove(event: PointerEvent): void;
+        onLostPointerCapture: import('raf-throttle').Throttled<(event: any) => void>;
+        dragHandleHeight(isDragging: boolean): number;
+        onDeleteColumn(ind: number): void;
+        getHeaderCellWidths(): number[];
+        onKeydownTab(): void;
+        onKeydownLeft(columnIndex: number): void;
+        onKeydownRight(columnIndex: number): void;
+        onKeydownDown(columnIndex: number): void;
+        focusHeaderCell(cellInd: number): void;
+        focusNewColumnButton(): void;
+        focusSelectionCheckbox(): void;
+    }, {
+        columnSizes: number[];
+        tableConfig: TableConfig;
+        getDragHandleHeight: Function;
+        columnHeaders: string[];
+        columnSubHeaders: (string | undefined)[];
+        columnSubMenuItems: (import('packages/components/dist/src').KdsMenuItem[] | undefined)[];
+        columnHeaderColors: (string | null)[];
+        columnDeletables: (boolean | undefined)[];
+        columnEditables: (boolean | undefined)[];
+        isSelected: boolean;
+        showNewColumnButton: boolean;
+        selectedHeaderIndex: number | null;
+    }> | null, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        tableConfig: {
+            type: PropType<TableConfig>;
+            default: () => {};
+        };
+        columnHeaders: {
+            type: PropType<Array<string>>;
+            default: () => never[];
+        };
+        columnSubHeaders: {
+            type: PropType<Array<string | undefined>>;
+            default: () => never[];
+        };
+        columnSizes: {
+            type: PropType<Array<number>>;
+            default: () => never[];
+        };
+        columnSubMenuItems: {
+            type: PropType<Array<import('packages/components/dist/src').KdsMenuItem[] | undefined>>;
+            default: () => never[];
+        };
+        columnHeaderColors: {
+            type: PropType<Array<string | null>>;
+            default: () => never[];
+        };
+        columnDeletables: {
+            type: PropType<Array<boolean | undefined>>;
+            default: () => never[];
+        };
+        columnEditables: {
+            type: PropType<Array<boolean | undefined>>;
+            default: () => never[];
+        };
+        isSelected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        getDragHandleHeight: {
+            type: FunctionConstructor;
+            default: () => number;
+        };
+        showNewColumnButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        selectedHeaderIndex: {
+            type: PropType<number | null>;
+            default: null;
+        };
+    }>> & Readonly<{
+        onColumnResize?: ((index: number, newSize: number) => any) | undefined;
+        onHeaderSelect?: ((selected: boolean) => any) | undefined;
+        onShowColumnBorder?: (() => any) | undefined;
+        onHideColumnBorder?: (() => any) | undefined;
+        onColumnResizeEnd?: (() => any) | undefined;
+        onColumnResizeStart?: (() => any) | undefined;
+        onAllColumnsResize?: ((newSize: number) => any) | undefined;
+        onMoveDownFromHeaderCell?: ((index: number) => any) | undefined;
+        onHeaderCellSelect?: ((index: number) => any) | undefined;
+        "onUpdate:newColumnButtonWidth"?: ((width: number) => any) | undefined;
+        onNewColumnButtonClick?: ((event: MouseEvent) => any) | undefined;
+        onNewColumnButtonKeydownLeft?: ((event: KeyboardEvent) => any) | undefined;
+        onSelectionKeydownDown?: (() => any) | undefined;
+        onHeaderCellDeselect?: (() => any) | undefined;
+        onHeaderCellStartEditing?: ((index: number, initialValue?: string | undefined) => any) | undefined;
+        onDeleteColumn?: ((index: number) => any) | undefined;
+    }>, {
+        indexedColumnHeaders: Ref<[string, number][], [string, number][]>;
+        headerStyles: import('vue').MaybeRef<import('vue').CSSProperties>;
+        onHeaderCellKeydown: (event: KeyboardEvent, columnIndex: number) => void;
+    }, {
+        hoverIndex: null | number;
+        dragIndex: null | number;
+        columnSizeOnDragStart: number;
+        pageXOnDragStart: number;
+        minimumColumnWidth: number;
+        maximumSubMenuWidth: number;
+        currentDragHandlerHeight: number;
+        borderTop: number;
+        focusedHeaderIndex: null | number;
+    }, {
+        enableColumnResizing(): boolean;
+        hasSubHeaders(): boolean;
+        currentResizeDragHandleWidth(): 0 | 5;
+        headerSelectionOverlayStyle(): Record<string, string> | null;
+    }, {
+        onHeaderCellFocus(columnIndex: number): void;
+        onHeaderCellBlur(columnIndex: number): void;
+        emitNewColumnButtonWidth(): void;
+        onSelect(): void;
+        onHeaderClick(ind: number): void;
+        onPointerOver(event: PointerEvent, columnIndex: number): void;
+        onPointerLeave(event: Event): void;
+        onPointerDown(event: PointerEvent & {
+            target: HTMLElement;
+        }, columnIndex: number): void;
+        onPointerUp(event: PointerEvent): void;
+        onPointerMove: import('raf-throttle').Throttled<(event: PointerEvent) => void>;
+        onNewColumnButtonClick(event: MouseEvent): void;
+        onNewColumnButtonKeydownLeft(event: KeyboardEvent): void;
+        unthrottledOnPointerMove(event: PointerEvent): void;
+        onLostPointerCapture: import('raf-throttle').Throttled<(event: any) => void>;
+        dragHandleHeight(isDragging: boolean): number;
+        onDeleteColumn(ind: number): void;
+        getHeaderCellWidths(): number[];
+        onKeydownTab(): void;
+        onKeydownLeft(columnIndex: number): void;
+        onKeydownRight(columnIndex: number): void;
+        onKeydownDown(columnIndex: number): void;
+        focusHeaderCell(cellInd: number): void;
+        focusNewColumnButton(): void;
+        focusSelectionCheckbox(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        headerSelect: (selected: boolean) => true;
+        showColumnBorder: () => true;
+        columnResize: (index: number, newSize: number) => true;
+        hideColumnBorder: () => true;
+        columnResizeEnd: () => true;
+        columnResizeStart: () => true;
+        allColumnsResize: (newSize: number) => true;
+        moveDownFromHeaderCell: (index: number) => true;
+        headerCellSelect: (index: number) => true;
+        "update:newColumnButtonWidth": (width: number) => true;
+        newColumnButtonClick: (event: MouseEvent) => true;
+        newColumnButtonKeydownLeft: (event: KeyboardEvent) => true;
+        selectionKeydownDown: () => true;
+        headerCellDeselect: () => true;
+        headerCellStartEditing: (index: number, initialValue?: string) => true;
+        deleteColumn: (index: number) => true;
+    }, import('vue').PublicProps, {
+        columnSizes: number[];
+        tableConfig: TableConfig;
+        getDragHandleHeight: Function;
+        columnHeaders: string[];
+        columnSubHeaders: (string | undefined)[];
+        columnSubMenuItems: (import('packages/components/dist/src').KdsMenuItem[] | undefined)[];
+        columnHeaderColors: (string | null)[];
+        columnDeletables: (boolean | undefined)[];
+        columnEditables: (boolean | undefined)[];
+        isSelected: boolean;
+        showNewColumnButton: boolean;
+        selectedHeaderIndex: number | null;
+    }, true, {}, {}, {
+        KdsCheckbox: import('vue').DefineComponent<({
+            modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
+        } & {
+            disabled?: boolean;
+            error?: boolean;
+            subText?: string;
+            preserveSubTextSpace?: boolean;
+        } & {
+            label: string;
+            title?: never;
+        }) | ({
+            modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
+        } & {
+            disabled?: boolean;
+            error?: boolean;
+            subText?: string;
+            preserveSubTextSpace?: boolean;
+        } & {
+            label?: never;
+            title: string;
+        }), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: import('packages/components/dist/src').KdsCheckboxValue) => any;
+        }, string, import('vue').PublicProps, Readonly<({
+            modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
+        } & {
+            disabled?: boolean;
+            error?: boolean;
+            subText?: string;
+            preserveSubTextSpace?: boolean;
+        } & {
+            label: string;
+            title?: never;
+        }) | ({
+            modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
+        } & {
+            disabled?: boolean;
+            error?: boolean;
+            subText?: string;
+            preserveSubTextSpace?: boolean;
+        } & {
+            label?: never;
+            title: string;
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: import('packages/components/dist/src').KdsCheckboxValue) => any) | undefined;
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+        KdsButton: import('vue').DefineComponent<(import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+        } & {
+            label: string;
+            leadingIcon?: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: import('packages/components/dist/src').KdsIconName;
+            ariaLabel?: never;
+        } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+        } & {
+            label?: never;
+            leadingIcon: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        } & import('packages/components/dist/src/buttons/types').WithDestructive), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (event: MouseEvent) => any;
+        }, string, import('vue').PublicProps, Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+        } & {
+            label: string;
+            leadingIcon?: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: import('packages/components/dist/src').KdsIconName;
+            ariaLabel?: never;
+        } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+        } & {
+            label?: never;
+            leadingIcon: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
+            onClick?: ((event: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+        KdsMenuButton: import('vue').DefineComponent<({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+        } & {
+            label: string;
+            leadingIcon?: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: import('packages/components/dist/src').KdsIconName;
+            ariaLabel?: never;
+        } & {
+            items: import('packages/components/dist/src').KdsMenuItem[];
+            menuMaxHeight?: string;
+        }) | ({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+        } & {
+            label?: never;
+            leadingIcon: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        } & {
+            items: import('packages/components/dist/src').KdsMenuItem[];
+            menuMaxHeight?: string;
+        }), {
+            menuButtonEl: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label: string;
+                leadingIcon?: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                ariaLabel?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label?: never;
+                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: never;
+                ariaLabel: string;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: boolean) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, {} & (Readonly<({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label: string;
+                leadingIcon?: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                ariaLabel?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label?: never;
+                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: never;
+                ariaLabel: string;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>), {}, {}, {}, {}, {}> | null>>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => any;
+            itemClick: (id: string) => any;
+        }, string, import('vue').PublicProps, Readonly<({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+        } & {
+            label: string;
+            leadingIcon?: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: import('packages/components/dist/src').KdsIconName;
+            ariaLabel?: never;
+        } & {
+            items: import('packages/components/dist/src').KdsMenuItem[];
+            menuMaxHeight?: string;
+        }) | ({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+        } & {
+            label?: never;
+            leadingIcon: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        } & {
+            items: import('packages/components/dist/src').KdsMenuItem[];
+            menuMaxHeight?: string;
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            onItemClick?: ((id: string) => any) | undefined;
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+            menuButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label: string;
+                leadingIcon?: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                ariaLabel?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label?: never;
+                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: never;
+                ariaLabel: string;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: boolean) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, {} & (Readonly<({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label: string;
+                leadingIcon?: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                ariaLabel?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label?: never;
+                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: never;
+                ariaLabel: string;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>), {}, {}, {}, {}, {}> | null;
+            popover: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: ({
+                    readonly modelValue?: boolean | undefined;
+                    readonly role?: import('packages/components/dist/src').KdsPopoverRole | undefined;
+                    readonly popoverType?: import('packages/components/dist/src').KdsPopoverType | undefined;
+                    readonly fullWidth?: boolean | undefined;
+                    readonly maxInlineSize?: string | undefined;
+                    readonly content?: string | undefined;
+                    readonly placement?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom"> | undefined;
+                    readonly customPlacementPosition?: never | undefined;
+                    readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                } | {
+                    readonly modelValue?: boolean | undefined;
+                    readonly role?: import('packages/components/dist/src').KdsPopoverRole | undefined;
+                    readonly popoverType?: import('packages/components/dist/src').KdsPopoverType | undefined;
+                    readonly fullWidth?: boolean | undefined;
+                    readonly maxInlineSize?: string | undefined;
+                    readonly content?: string | undefined;
+                    readonly placement: "custom";
+                    readonly customPlacementPosition: {
+                        x: number;
+                        y: number;
+                    };
+                    readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: import('vue').Attrs;
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    popoverEl: HTMLDivElement;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: "update:modelValue", value: boolean) => void;
+                $el: HTMLDivElement;
+                $options: import('vue').ComponentOptionsBase<Readonly<({
+                    modelValue?: boolean;
+                } & {
+                    role?: import('packages/components/dist/src').KdsPopoverRole;
+                    popoverType?: import('packages/components/dist/src').KdsPopoverType;
+                    fullWidth?: boolean;
+                    maxInlineSize?: string;
+                    content?: string;
+                } & {
+                    placement?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom">;
+                    customPlacementPosition?: never;
+                }) | ({
+                    modelValue?: boolean;
+                } & {
+                    role?: import('packages/components/dist/src').KdsPopoverRole;
+                    popoverType?: import('packages/components/dist/src').KdsPopoverType;
+                    fullWidth?: boolean;
+                    maxInlineSize?: string;
+                    content?: string;
+                } & {
+                    placement: "custom";
+                    customPlacementPosition: {
+                        x: number;
+                        y: number;
+                    };
+                })> & Readonly<{
+                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                }>, {
+                    anchorStyle: Record<string, string>;
+                    popoverId: string;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    "update:modelValue": (value: boolean) => any;
+                }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{}> & Omit<{} & (Readonly<({
+                modelValue?: boolean;
+            } & {
+                role?: import('packages/components/dist/src').KdsPopoverRole;
+                popoverType?: import('packages/components/dist/src').KdsPopoverType;
+                fullWidth?: boolean;
+                maxInlineSize?: string;
+                content?: string;
+            } & {
+                placement?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom">;
+                customPlacementPosition?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & {
+                role?: import('packages/components/dist/src').KdsPopoverRole;
+                popoverType?: import('packages/components/dist/src').KdsPopoverType;
+                fullWidth?: boolean;
+                maxInlineSize?: string;
+                content?: string;
+            } & {
+                placement: "custom";
+                customPlacementPosition: {
+                    x: number;
+                    y: number;
+                };
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>), "anchorStyle" | "popoverId"> & {
+                anchorStyle: Record<string, string>;
+                popoverId: string;
+            } & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    default?(_: {}): any;
+                };
+            }) | null;
+            menuContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/components/dist/src/containers/MenuContainer').KdsMenuContainerProps> & Readonly<{
+                onItemClick?: ((id: string) => any) | undefined;
+            }>, {
+                focus: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                itemClick: (id: string) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                containerEl: HTMLDivElement;
+            }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('packages/components/dist/src/containers/MenuContainer').KdsMenuContainerProps> & Readonly<{
+                onItemClick?: ((id: string) => any) | undefined;
+            }>, {
+                focus: () => void;
+            }, {}, {}, {}, {}> | null;
+        }, any>;
+    } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        tableConfig: {
+            type: PropType<TableConfig>;
+            default: () => {};
+        };
+        columnHeaders: {
+            type: PropType<Array<string>>;
+            default: () => never[];
+        };
+        columnSubHeaders: {
+            type: PropType<Array<string | undefined>>;
+            default: () => never[];
+        };
+        columnSizes: {
+            type: PropType<Array<number>>;
+            default: () => never[];
+        };
+        columnSubMenuItems: {
+            type: PropType<Array<import('packages/components/dist/src').KdsMenuItem[] | undefined>>;
+            default: () => never[];
+        };
+        columnHeaderColors: {
+            type: PropType<Array<string | null>>;
+            default: () => never[];
+        };
+        columnDeletables: {
+            type: PropType<Array<boolean | undefined>>;
+            default: () => never[];
+        };
+        columnEditables: {
+            type: PropType<Array<boolean | undefined>>;
+            default: () => never[];
+        };
+        isSelected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        getDragHandleHeight: {
+            type: FunctionConstructor;
+            default: () => number;
+        };
+        showNewColumnButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        selectedHeaderIndex: {
+            type: PropType<number | null>;
+            default: null;
+        };
+    }>> & Readonly<{
+        onColumnResize?: ((index: number, newSize: number) => any) | undefined;
+        onHeaderSelect?: ((selected: boolean) => any) | undefined;
+        onShowColumnBorder?: (() => any) | undefined;
+        onHideColumnBorder?: (() => any) | undefined;
+        onColumnResizeEnd?: (() => any) | undefined;
+        onColumnResizeStart?: (() => any) | undefined;
+        onAllColumnsResize?: ((newSize: number) => any) | undefined;
+        onMoveDownFromHeaderCell?: ((index: number) => any) | undefined;
+        onHeaderCellSelect?: ((index: number) => any) | undefined;
+        "onUpdate:newColumnButtonWidth"?: ((width: number) => any) | undefined;
+        onNewColumnButtonClick?: ((event: MouseEvent) => any) | undefined;
+        onNewColumnButtonKeydownLeft?: ((event: KeyboardEvent) => any) | undefined;
+        onSelectionKeydownDown?: (() => any) | undefined;
+        onHeaderCellDeselect?: (() => any) | undefined;
+        onHeaderCellStartEditing?: ((index: number, initialValue?: string | undefined) => any) | undefined;
+        onDeleteColumn?: ((index: number) => any) | undefined;
+    }>, {
+        indexedColumnHeaders: Ref<[string, number][], [string, number][]>;
+        headerStyles: import('vue').MaybeRef<import('vue').CSSProperties>;
+        onHeaderCellKeydown: (event: KeyboardEvent, columnIndex: number) => void;
+    }, {
+        hoverIndex: null | number;
+        dragIndex: null | number;
+        columnSizeOnDragStart: number;
+        pageXOnDragStart: number;
+        minimumColumnWidth: number;
+        maximumSubMenuWidth: number;
+        currentDragHandlerHeight: number;
+        borderTop: number;
+        focusedHeaderIndex: null | number;
+    }, {
+        enableColumnResizing(): boolean;
+        hasSubHeaders(): boolean;
+        currentResizeDragHandleWidth(): 0 | 5;
+        headerSelectionOverlayStyle(): Record<string, string> | null;
+    }, {
+        onHeaderCellFocus(columnIndex: number): void;
+        onHeaderCellBlur(columnIndex: number): void;
+        emitNewColumnButtonWidth(): void;
+        onSelect(): void;
+        onHeaderClick(ind: number): void;
+        onPointerOver(event: PointerEvent, columnIndex: number): void;
+        onPointerLeave(event: Event): void;
+        onPointerDown(event: PointerEvent & {
+            target: HTMLElement;
+        }, columnIndex: number): void;
+        onPointerUp(event: PointerEvent): void;
+        onPointerMove: import('raf-throttle').Throttled<(event: PointerEvent) => void>;
+        onNewColumnButtonClick(event: MouseEvent): void;
+        onNewColumnButtonKeydownLeft(event: KeyboardEvent): void;
+        unthrottledOnPointerMove(event: PointerEvent): void;
+        onLostPointerCapture: import('raf-throttle').Throttled<(event: any) => void>;
+        dragHandleHeight(isDragging: boolean): number;
+        onDeleteColumn(ind: number): void;
+        getHeaderCellWidths(): number[];
+        onKeydownTab(): void;
+        onKeydownLeft(columnIndex: number): void;
+        onKeydownRight(columnIndex: number): void;
+        onKeydownDown(columnIndex: number): void;
+        focusHeaderCell(cellInd: number): void;
+        focusNewColumnButton(): void;
+        focusSelectionCheckbox(): void;
+    }, {
+        columnSizes: number[];
+        tableConfig: TableConfig;
+        getDragHandleHeight: Function;
+        columnHeaders: string[];
+        columnSubHeaders: (string | undefined)[];
+        columnSubMenuItems: (import('packages/components/dist/src').KdsMenuItem[] | undefined)[];
+        columnHeaderColors: (string | null)[];
+        columnDeletables: (boolean | undefined)[];
+        columnEditables: (boolean | undefined)[];
+        isSelected: boolean;
+        showNewColumnButton: boolean;
+        selectedHeaderIndex: number | null;
+    }> | null>;
+    selectionOverlay: Ref<import('vue').DefineComponent<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps, {
+        triggerCopied: () => void;
+        focus: typeof focus;
+        scrollFocusOverlayIntoView: (params: null | {
+            containerBCR: DOMRect | null;
+            headerHeight: number;
+            scrollTo: (scrollToValues: {
+                top?: number;
+                left?: number;
+            }) => void | undefined;
+        }) => Promise<void>;
+        getFocusOverlayBoundingClientRect: () => DOMRect | undefined;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+        virtualFocusOverlay: HTMLDivElement;
+    }, any> | import('vue').DefineComponent<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps, {
+        triggerCopied: () => void;
+        focus: typeof focus;
+        scrollFocusOverlayIntoView: (params: null | {
+            containerBCR: DOMRect | null;
+            headerHeight: number;
+            scrollTo: (scrollToValues: {
+                top?: number;
+                left?: number;
+            }) => void | undefined;
+        }) => Promise<void>;
+        getFocusOverlayBoundingClientRect: () => DOMRect | undefined;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+        virtualFocusOverlay: HTMLDivElement;
+    }, any>[] | null, import('vue').DefineComponent<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps, {
+        triggerCopied: () => void;
+        focus: typeof focus;
+        scrollFocusOverlayIntoView: (params: null | {
+            containerBCR: DOMRect | null;
+            headerHeight: number;
+            scrollTo: (scrollToValues: {
+                top?: number;
+                left?: number;
+            }) => void | undefined;
+        }) => Promise<void>;
+        getFocusOverlayBoundingClientRect: () => DOMRect | undefined;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+        virtualFocusOverlay: HTMLDivElement;
+    }, any> | import('vue').DefineComponent<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps, {
+        triggerCopied: () => void;
+        focus: typeof focus;
+        scrollFocusOverlayIntoView: (params: null | {
+            containerBCR: DOMRect | null;
+            headerHeight: number;
+            scrollTo: (scrollToValues: {
+                top?: number;
+                left?: number;
+            }) => void | undefined;
+        }) => Promise<void>;
+        getFocusOverlayBoundingClientRect: () => DOMRect | undefined;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+        virtualFocusOverlay: HTMLDivElement;
+    }, any>[] | null>;
+    scrollToCellSelectionOverlay: () => Promise<void>;
+    selectCellsOnMove: {
+        state: boolean;
+        setTrue: () => void;
+        setFalse: () => void;
+    };
+    currentRectId: Ref<number | null, number | null>;
+    rectMinMax: import('vue').ComputedRef<Rect | null>;
+    selectedCell: import('vue').ComputedRef<{
+        x: number;
+        y: number;
+    } | undefined>;
+    isSingleSelectedCell: (cellPosition: CellPosition) => boolean;
+    selectCell: (...args: any[]) => void;
+    expandCellSelection: (...args: any[]) => void;
+    clearCellSelection: () => void;
+    clearCellSelectionAndStopPropagation: (event: Event) => void;
+    setToBeEditedCell: (cellPosition: CellPosition | null, initialValue?: string) => void;
+    editingCellInitialValue: Ref<string | null, string | null>;
+    stopEditingCell: (rowInd?: number, colInd?: number) => void;
+    updateCellSelection: (newRect: {
+        minX: number;
+        minY: number;
+        maxX: number;
+        maxY: number;
+    }, newRectId?: RectId | null) => void;
+    changeFocus: (newFocus: boolean) => void;
+    focusWithin: Ref<boolean, boolean>;
+    handleCopyOnKeydown: (e: KeyboardEvent) => void;
+    handleDeleteSelection: () => void;
+    toBeShownCell: Ref<{
+        x: number;
+        y: number;
+    } | null, CellPosition | {
+        x: number;
+        y: number;
+    } | null>;
+    toBeEditedCell: Ref<{
+        x: number;
+        y: number;
+    } | null, CellPosition | {
+        x: number;
+        y: number;
+    } | null>;
+    editingCell: import('vue').ComputedRef<{
+        x: number;
+        y: number;
+    } | null>;
+    isEditingCell: import('vue').ComputedRef<boolean>;
+    createEditingCellKeydownHandler: ({ moveSelection, }: {
+        moveSelection: (horizontalMove: number, verticalMove: number, expandSelection: boolean) => void;
+    }) => (event: KeyboardEvent) => void;
+    showNewColumnAndRowButton: import('vue').ComputedRef<boolean>;
+    newColumnButtonWidth: Ref<number, number>;
+}, {
+    popoverColumn: null | string | number | symbol;
+    lastScrollIndex: number;
+    newVal: null;
+    resizeCount: number;
+    updatedBefore: boolean;
+    wrapperWidth: number;
+    columnResizeActive: boolean;
+    closeExpandedSubMenu: () => void;
+    scrollerId: string;
+    resizedRowHeight: null | number;
+    currentResizedScrollIndex: null | number;
+    currentRowSizeDelta: null | number;
+    SPECIAL_COLUMNS_SIZE: number;
+    lastRowAndRectIdBeforeMovingToNewColumnButton: null | {
+        rowInd: number;
+        rectId: RectId | null;
+    };
+    lastColumnAndRectIdBeforeMovingToNewRowButton: null | {
+        columnInd: number;
+        rectId: RectId | null;
+    } | {
+        virtualColumn: "delete" | "selection";
+        rectId: RectId | null;
+    };
+}, {
+    minRowHeight(): number;
+    initialRowHeight(): number | "dynamic";
+    currentRowHeight(): number | "dynamic";
+    columnHeaders(): string[];
+    columnSubHeaders(): (string | undefined)[];
+    columnHeaderSubMenuItems(): (import('packages/components/dist/src').KdsMenuItem[] | undefined)[];
+    columnSizes(): number[];
+    columnTypes(): (import('..').ColumnType | undefined)[];
+    selectedHeaderIndex(): number | null;
+    columnKeys(): (string | number | symbol)[];
+    columnSortConfigs(): boolean[];
+    columnFilterConfigs(): (FilterConfig | undefined)[];
+    columnHeaderColors(): (string | null)[];
+    columnDeletables(): (boolean | undefined)[];
+    columnEditables(): (boolean | undefined)[];
+    slottedColumns(): any[];
+    tableHeaderClass(): (string | {
+        "sub-menu-active": number | undefined;
+    })[];
+    topDataLength(): number;
+    totalTableLength(): number;
+    numPlaceholderRows(): 1 | 0;
+    placeholderRowRowIndex(): number;
+    scrollData(): DataItem[][];
+    currentSelectionMap(): (rowInd: number, groupInd: number) => boolean;
+    enableRowResize(): boolean | undefined;
+    scrollerItemSize(): number;
+    sortControlOptions(): {
+        selectableColumns: {
+            id: string;
+            text: string;
+        }[];
+        selectableDirections: Record<string, {
+            id: string;
+            text: string;
+        }[]>;
+    };
+}, {
+    refreshScroller(): void;
+    resetRowHeight(): void;
+    isTop(index: number): boolean;
+    resolveRowIndex(index: number): {
+        isTop: boolean;
+        indexInInput: number;
+    };
+    onScroll(startIndex: number, endIndex: number): void;
+    onColumnUpdate(newColumnList: any): void;
+    onColumnReorder(colInd: number, newColInd: number): void;
+    onPageChange(newPageNumber: number): void;
+    onPageSizeUpdate(newPageSize: number): void;
+    clearAllCellInteractions(): void;
+    onDeleteColumn(colInd: number): void;
+    onDeleteRow(rowInd: number): void;
+    onColumnSort(colInd: number | undefined, sortDirection: -1 | 0 | 1): void;
+    onSelectAll(selected: boolean): void;
+    onDataValueView(cellInd: number, rowInd: number, anchor: VirtualElementAnchor): void;
+    onRowSelect(selected: boolean, rowInd: number, groupInd: number): void;
+    onCellSelect(cellInd: number, rowInd: number, groupInd: null | number, ignoreIfSelected?: boolean): void;
+    onCellSelectRowEvent(cellInd: number, rowInd: number, groupInd: null | number, ignoreIfSelected?: boolean): void;
+    onExpandCellSelect(cellInd: number, rowInd: number, groupInd: null | number): void;
+    focusBody(): void;
+    onTableBodyFocusOut(): void;
+    onHeaderCellSelect(columnIndex: number): void;
+    onHeaderCellDeselect(): void;
+    onMoveDownFromHeaderCell(columnIndex: number): void;
+    onUpdateNewColumnButtonWidth(width: number): void;
+    onKeyboardMoveSelectionVirtual(columnInd: number, rowInd: number, verticalMove: number, expandSelection: boolean): void;
+    onKeyboardMoveSelectionFromEditingCell(horizontalMove: number, verticalMove: number, expandSelection: boolean): Promise<void>;
+    onMoveSelectionOutOfBodyUp({ columnInd }: {
+        columnInd: number;
+    }): void;
+    focusNewRowButton(): void;
+    onMoveSelectionOutOfBodyDown({ columnInd, rectId, }: {
+        columnInd: number;
+        rectId: RectId | null;
+    }): void;
+    onMoveSelectionOutOfBodyRight({ rowInd, rectId, }: {
+        rowInd: number;
+        rectId: RectId | null;
+    }): void;
+    onMoveIntoBodyFromRight(): void;
+    onMoveIntoBodyFromBottom(): void;
+    onMoveSelectionOutOfBodyLeft({ rowInd, rectId, }: {
+        rowInd: number;
+        rectId: RectId | null;
+    }): void;
+    onMoveIntoBodyFromLeft(rowInd: number, groupInd: RectId | null): void;
+    focusRowVirtualColumn(type: "delete" | "selection", rowInd: number, _groupInd: RectId | null): void;
+    onVirtualColumnNav(type: "delete" | "selection", direction: "up" | "down" | "left" | "right", rowInd: number, groupInd: null | number): void;
+    onHeaderSelectionKeydownDown(): void;
+    onKeyboardMoveSelection(horizontalMove: number, verticalMove: number, expandSelection: boolean): Promise<void>;
+    expandSelectedCell(): Promise<void>;
+    onStartEditingCell(initialValue?: string): void;
+    onResizeRow(rowSizeDelta: number, scrollIndex: number): void;
+    onResizeAllRows(currentSize: number, row: HTMLElement, rowInd: number): void;
+    keepScrollerPositionOnRowResize(scrollPosition: number): void;
+    onRowInput(_event: any, rowInd: number, groupInd: number, row: {
+        id: string;
+    }): void;
+    onRowSubMenuClick(event: any, row: any): void;
+    onColumnResize(columnIndex: number, newColumnSize: number): void;
+    onAllColumnsResize(newColumnSize: number): void;
+    onColumnResizeStart(): void;
+    onColumnResizeEnd(): void;
+    getCellContentSlotName(columnKeys: any, columnId: any): string;
+    getHeaderComponent(): InstanceType<typeof Header>;
+    getTableCoreComponent(): InstanceType<typeof TableCore>;
+    getSelectionOverlayComponent(): InstanceType<typeof CellSelectionOverlay>;
+    focusHeaderCell(cellInd: number): void;
+    refocusSelection(): void;
+    getRowComponents(): any[];
+    getRowData(row: Record<string, unknown> | Array<unknown>): unknown[];
+    getRowRefName(groupInd: null | number, rowInd: number): string;
+    getCellIndex(cell: CellPosition | null | undefined, rowInd: number): number | null;
+    getCellSelectionRange(rowInd: number): {
+        min: number;
+        max: number;
+    } | null;
+    onNewRowButtonClick(event: MouseEvent): void;
+    onNewColumnButtonClick(event: MouseEvent): void;
+    openActionBarFilterControl(columnIndex: number): void;
+    clearColumnFilter(columnIndex: number): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    columnUpdate: (newColumnList: string[]) => true;
+    columnReorder: (colInd: number, newColInd: number) => true;
+    pageChange: (newPageNumber: number) => true;
+    pageSizeUpdate: (newPageSize: number) => true;
+    columnSort: (colInd: number | undefined, sortDirection: -1 | 0 | 1) => true;
+    columnFilter: (colInd: number, value: FilterConfig["modelValue"]) => true;
+    selectAll: (selected: boolean) => true;
+    rowSelect: (selected: boolean, rowInd: number, groupInd: number, isTop: boolean) => true;
+    tableInput: (event: any) => true;
+    columnResize: (columnIndex: number, newColumnSize: number) => true;
+    lazyload: (lazyloadParams: {
+        direction: 1 | -1;
+        startIndex: number;
+        endIndex: number;
+    }) => true;
+    allColumnsResize: (newColumnSize: number) => true;
+    columnResizeStart: () => true;
+    columnResizeEnd: () => true;
+    "update:available-width": (newAvailableWidth: number) => true;
+    rowHeightUpdate: (newRowHeight: number | null | "dynamic") => true;
+    copySelection: (copySelectionParams: {
+        rect: Rect;
+        id: RectId | null;
+        withHeaders: boolean;
+    }) => true;
+    pasteSelection: (pasteSelectionParams: {
+        rect: Rect;
+        id: RectId | null;
+        updateSelection: (newRect: {
+            minX: number;
+            minY: number;
+            maxX: number;
+            maxY: number;
+        }) => void;
+    }) => true;
+    cutSelection: (cutSelectionParams: {
+        rect: Rect;
+        id: RectId | null;
+    }) => true;
+    deleteSelection: (deleteSelectionParams: {
+        rect: Rect;
+        id: RectId | null;
+    }) => true;
+    cellSelectionChange: (cellPosition: CellPosition | null) => true;
+    dataValueView: (row: {
+        indexInInput: number;
+        isTop: boolean;
+    }, columnIndex: number, rect: VirtualElementAnchor) => true;
+    closeDataValueView: () => true;
+    newColumnButtonClick: () => true;
+    newRowButtonClick: (lastPosition: {
+        columnInd: number;
+        rectId: number | null;
+    } | null) => true;
+    headerCellStartEditing: (columnIndex: number, initialValue?: string) => true;
+    deleteColumn: (colInd: number) => true;
+    deleteRow: (rowInd: number) => true;
+    resetTemporaryView: () => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * Data props.
+     */
+    data: {
+        type: PropType<Array<Array<any>>>;
+        default: () => never[];
+    };
+    currentSelection: {
+        type: PropType<Array<Array<boolean>>>;
+        default: () => never[];
+    };
+    /**
+     * It specifies how many (empty) rows should be simultated above the given rows in this.data[0]
+     */
+    numRowsAbove: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * It specifies how many (empty) rows should be simultated below the given rows in this.data[0]
+     */
+    numRowsBelow: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Data displayed when scrolling to the bottom of the table. Currently only supproted together
+     * with virtual scrolling enabled.
+     */
+    bottomData: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    /**
+     * analogous to currentSelection but for the bottomData
+     */
+    currentBottomSelection: {
+        type: PropType<boolean[]>;
+        default: () => never[];
+    };
+    totalSelected: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Config props.
+     */
+    dataConfig: {
+        type: PropType<DataConfig>;
+        default: () => {};
+    };
+    tableConfig: {
+        type: PropType<TableConfig>;
+        default: () => {};
+        validate(tableConfig: any): boolean;
+    };
+    disableRowHeightTransition: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onColumnResize?: ((columnIndex: number, newColumnSize: number) => any) | undefined;
+    "onUpdate:available-width"?: ((newAvailableWidth: number) => any) | undefined;
+    onPageChange?: ((newPageNumber: number) => any) | undefined;
+    onPageSizeUpdate?: ((newPageSize: number) => any) | undefined;
+    onColumnFilter?: ((colInd: number, value: string | number | string[] | [null] | null | undefined) => any) | undefined;
+    onColumnSort?: ((colInd: number | undefined, sortDirection: 0 | 1 | -1) => any) | undefined;
+    onResetTemporaryView?: (() => any) | undefined;
+    onColumnResizeEnd?: (() => any) | undefined;
+    onColumnResizeStart?: (() => any) | undefined;
+    onAllColumnsResize?: ((newColumnSize: number) => any) | undefined;
+    onNewColumnButtonClick?: (() => any) | undefined;
+    onHeaderCellStartEditing?: ((columnIndex: number, initialValue?: string | undefined) => any) | undefined;
+    onDeleteColumn?: ((colInd: number) => any) | undefined;
+    onDataValueView?: ((row: {
+        indexInInput: number;
+        isTop: boolean;
+    }, columnIndex: number, rect: VirtualElementAnchor) => any) | undefined;
+    onRowSelect?: ((selected: boolean, rowInd: number, groupInd: number, isTop: boolean) => any) | undefined;
+    onDeleteRow?: ((rowInd: number) => any) | undefined;
+    onColumnUpdate?: ((newColumnList: string[]) => any) | undefined;
+    onColumnReorder?: ((colInd: number, newColInd: number) => any) | undefined;
+    onSelectAll?: ((selected: boolean) => any) | undefined;
+    onTableInput?: ((event: any) => any) | undefined;
+    onLazyload?: ((lazyloadParams: {
+        direction: 1 | -1;
+        startIndex: number;
+        endIndex: number;
+    }) => any) | undefined;
+    onRowHeightUpdate?: ((newRowHeight: number | "dynamic" | null) => any) | undefined;
+    onCopySelection?: ((copySelectionParams: {
+        rect: Rect;
+        id: RectId | null;
+        withHeaders: boolean;
+    }) => any) | undefined;
+    onPasteSelection?: ((pasteSelectionParams: {
+        rect: Rect;
+        id: RectId | null;
+        updateSelection: (newRect: {
+            minX: number;
+            minY: number;
+            maxX: number;
+            maxY: number;
+        }) => void;
+    }) => any) | undefined;
+    onCutSelection?: ((cutSelectionParams: {
+        rect: Rect;
+        id: RectId | null;
+    }) => any) | undefined;
+    onDeleteSelection?: ((deleteSelectionParams: {
+        rect: Rect;
+        id: RectId | null;
+    }) => any) | undefined;
+    onCellSelectionChange?: ((cellPosition: CellPosition | null) => any) | undefined;
+    onCloseDataValueView?: (() => any) | undefined;
+    onNewRowButtonClick?: ((lastPosition: {
+        columnInd: number;
+        rectId: number | null;
+    } | null) => any) | undefined;
+}>, {
+    data: any[][];
+    tableConfig: TableConfig;
+    disableRowHeightTransition: boolean;
+    currentSelection: boolean[][];
+    numRowsAbove: number;
+    numRowsBelow: number;
+    bottomData: unknown[];
+    currentBottomSelection: boolean[];
+    totalSelected: number;
+    dataConfig: DataConfig;
+}, {}, {
+    PageControls: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        pageConfig: {
+            type: PropType<import('..').PageConfig>;
+            default: () => {};
+        };
+    }>, {}, {}, {
+        showPageNavigationControls(): boolean;
+        pageSizeItems(): {
+            id: string;
+            text: string;
+        }[];
+    }, {
+        createText(size: number): string;
+        onPageSizeSelect(newPageSize: string): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("pageChange" | "pageSizeUpdate")[], "pageChange" | "pageSizeUpdate", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        pageConfig: {
+            type: PropType<import('..').PageConfig>;
+            default: () => {};
+        };
+    }>> & Readonly<{
+        onPageChange?: ((...args: any[]) => any) | undefined;
+        onPageSizeUpdate?: ((...args: any[]) => any) | undefined;
+    }>, {
+        pageConfig: import('..').PageConfig;
+    }, {}, {
+        PageNavigation: import('vue').DefineComponent<{
+            currentItems?: number;
+            pageSize?: number;
+            currentPage?: number;
+        }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            pageChange: (newPageNumber: number) => any;
+        }, string, import('vue').PublicProps, Readonly<{
+            currentItems?: number;
+            pageSize?: number;
+            currentPage?: number;
+        }> & Readonly<{
+            onPageChange?: ((newPageNumber: number) => any) | undefined;
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+        PageRowRange: import('vue').DefineComponent<{
+            currentItems?: number;
+            pageSize?: number;
+            currentPage?: number;
+            showTableSize?: boolean;
+            rowLabel?: string;
+        }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+            currentItems?: number;
+            pageSize?: number;
+            currentPage?: number;
+            showTableSize?: boolean;
+            rowLabel?: string;
+        }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+        KdsMenuButton: import('vue').DefineComponent<({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+        } & {
+            label: string;
+            leadingIcon?: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: import('packages/components/dist/src').KdsIconName;
+            ariaLabel?: never;
+        } & {
+            items: import('packages/components/dist/src').KdsMenuItem[];
+            menuMaxHeight?: string;
+        }) | ({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+        } & {
+            label?: never;
+            leadingIcon: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        } & {
+            items: import('packages/components/dist/src').KdsMenuItem[];
+            menuMaxHeight?: string;
+        }), {
+            menuButtonEl: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label: string;
+                leadingIcon?: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                ariaLabel?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label?: never;
+                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: never;
+                ariaLabel: string;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: boolean) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, {} & (Readonly<({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label: string;
+                leadingIcon?: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                ariaLabel?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label?: never;
+                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: never;
+                ariaLabel: string;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>), {}, {}, {}, {}, {}> | null>>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => any;
+            itemClick: (id: string) => any;
+        }, string, import('vue').PublicProps, Readonly<({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+        } & {
+            label: string;
+            leadingIcon?: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: import('packages/components/dist/src').KdsIconName;
+            ariaLabel?: never;
+        } & {
+            items: import('packages/components/dist/src').KdsMenuItem[];
+            menuMaxHeight?: string;
+        }) | ({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+        } & {
+            label?: never;
+            leadingIcon: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        } & {
+            items: import('packages/components/dist/src').KdsMenuItem[];
+            menuMaxHeight?: string;
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            onItemClick?: ((id: string) => any) | undefined;
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+            menuButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label: string;
+                leadingIcon?: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                ariaLabel?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label?: never;
+                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: never;
+                ariaLabel: string;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: boolean) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, {} & (Readonly<({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label: string;
+                leadingIcon?: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                ariaLabel?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label?: never;
+                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: never;
+                ariaLabel: string;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>), {}, {}, {}, {}, {}> | null;
+            popover: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: ({
+                    readonly modelValue?: boolean | undefined;
+                    readonly role?: import('packages/components/dist/src').KdsPopoverRole | undefined;
+                    readonly popoverType?: import('packages/components/dist/src').KdsPopoverType | undefined;
+                    readonly fullWidth?: boolean | undefined;
+                    readonly maxInlineSize?: string | undefined;
+                    readonly content?: string | undefined;
+                    readonly placement?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom"> | undefined;
+                    readonly customPlacementPosition?: never | undefined;
+                    readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                } | {
+                    readonly modelValue?: boolean | undefined;
+                    readonly role?: import('packages/components/dist/src').KdsPopoverRole | undefined;
+                    readonly popoverType?: import('packages/components/dist/src').KdsPopoverType | undefined;
+                    readonly fullWidth?: boolean | undefined;
+                    readonly maxInlineSize?: string | undefined;
+                    readonly content?: string | undefined;
+                    readonly placement: "custom";
+                    readonly customPlacementPosition: {
+                        x: number;
+                        y: number;
+                    };
+                    readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: import('vue').Attrs;
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    popoverEl: HTMLDivElement;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: "update:modelValue", value: boolean) => void;
+                $el: HTMLDivElement;
+                $options: import('vue').ComponentOptionsBase<Readonly<({
+                    modelValue?: boolean;
+                } & {
+                    role?: import('packages/components/dist/src').KdsPopoverRole;
+                    popoverType?: import('packages/components/dist/src').KdsPopoverType;
+                    fullWidth?: boolean;
+                    maxInlineSize?: string;
+                    content?: string;
+                } & {
+                    placement?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom">;
+                    customPlacementPosition?: never;
+                }) | ({
+                    modelValue?: boolean;
+                } & {
+                    role?: import('packages/components/dist/src').KdsPopoverRole;
+                    popoverType?: import('packages/components/dist/src').KdsPopoverType;
+                    fullWidth?: boolean;
+                    maxInlineSize?: string;
+                    content?: string;
+                } & {
+                    placement: "custom";
+                    customPlacementPosition: {
+                        x: number;
+                        y: number;
+                    };
+                })> & Readonly<{
+                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                }>, {
+                    anchorStyle: Record<string, string>;
+                    popoverId: string;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    "update:modelValue": (value: boolean) => any;
+                }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{}> & Omit<{} & (Readonly<({
+                modelValue?: boolean;
+            } & {
+                role?: import('packages/components/dist/src').KdsPopoverRole;
+                popoverType?: import('packages/components/dist/src').KdsPopoverType;
+                fullWidth?: boolean;
+                maxInlineSize?: string;
+                content?: string;
+            } & {
+                placement?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom">;
+                customPlacementPosition?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & {
+                role?: import('packages/components/dist/src').KdsPopoverRole;
+                popoverType?: import('packages/components/dist/src').KdsPopoverType;
+                fullWidth?: boolean;
+                maxInlineSize?: string;
+                content?: string;
+            } & {
+                placement: "custom";
+                customPlacementPosition: {
+                    x: number;
+                    y: number;
+                };
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>), "anchorStyle" | "popoverId"> & {
+                anchorStyle: Record<string, string>;
+                popoverId: string;
+            } & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    default?(_: {}): any;
+                };
+            }) | null;
+            menuContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/components/dist/src/containers/MenuContainer').KdsMenuContainerProps> & Readonly<{
+                onItemClick?: ((id: string) => any) | undefined;
+            }>, {
+                focus: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                itemClick: (id: string) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                containerEl: HTMLDivElement;
+            }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('packages/components/dist/src/containers/MenuContainer').KdsMenuContainerProps> & Readonly<{
+                onItemClick?: ((id: string) => any) | undefined;
+            }>, {
+                focus: () => void;
+            }, {}, {}, {}, {}> | null;
+        }, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    Header: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        tableConfig: {
+            type: PropType<TableConfig>;
+            default: () => {};
+        };
+        columnHeaders: {
+            type: PropType<Array<string>>;
+            default: () => never[];
+        };
+        columnSubHeaders: {
+            type: PropType<Array<string | undefined>>;
+            default: () => never[];
+        };
+        columnSizes: {
+            type: PropType<Array<number>>;
+            default: () => never[];
+        };
+        columnSubMenuItems: {
+            type: PropType<Array<import('packages/components/dist/src').KdsMenuItem[] | undefined>>;
+            default: () => never[];
+        };
+        columnHeaderColors: {
+            type: PropType<Array<string | null>>;
+            default: () => never[];
+        };
+        columnDeletables: {
+            type: PropType<Array<boolean | undefined>>;
+            default: () => never[];
+        };
+        columnEditables: {
+            type: PropType<Array<boolean | undefined>>;
+            default: () => never[];
+        };
+        isSelected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        getDragHandleHeight: {
+            type: FunctionConstructor;
+            default: () => number;
+        };
+        showNewColumnButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        selectedHeaderIndex: {
+            type: PropType<number | null>;
+            default: null;
+        };
+    }>, {
+        indexedColumnHeaders: Ref<[string, number][], [string, number][]>;
+        headerStyles: import('vue').MaybeRef<import('vue').CSSProperties>;
+        onHeaderCellKeydown: (event: KeyboardEvent, columnIndex: number) => void;
+    }, {
+        hoverIndex: null | number;
+        dragIndex: null | number;
+        columnSizeOnDragStart: number;
+        pageXOnDragStart: number;
+        minimumColumnWidth: number;
+        maximumSubMenuWidth: number;
+        currentDragHandlerHeight: number;
+        borderTop: number;
+        focusedHeaderIndex: null | number;
+    }, {
+        enableColumnResizing(): boolean;
+        hasSubHeaders(): boolean;
+        currentResizeDragHandleWidth(): 0 | 5;
+        headerSelectionOverlayStyle(): Record<string, string> | null;
+    }, {
+        onHeaderCellFocus(columnIndex: number): void;
+        onHeaderCellBlur(columnIndex: number): void;
+        emitNewColumnButtonWidth(): void;
+        onSelect(): void;
+        onHeaderClick(ind: number): void;
+        onPointerOver(event: PointerEvent, columnIndex: number): void;
+        onPointerLeave(event: Event): void;
+        onPointerDown(event: PointerEvent & {
+            target: HTMLElement;
+        }, columnIndex: number): void;
+        onPointerUp(event: PointerEvent): void;
+        onPointerMove: import('raf-throttle').Throttled<(event: PointerEvent) => void>;
+        onNewColumnButtonClick(event: MouseEvent): void;
+        onNewColumnButtonKeydownLeft(event: KeyboardEvent): void;
+        unthrottledOnPointerMove(event: PointerEvent): void;
+        onLostPointerCapture: import('raf-throttle').Throttled<(event: any) => void>;
+        dragHandleHeight(isDragging: boolean): number;
+        onDeleteColumn(ind: number): void;
+        getHeaderCellWidths(): number[];
+        onKeydownTab(): void;
+        onKeydownLeft(columnIndex: number): void;
+        onKeydownRight(columnIndex: number): void;
+        onKeydownDown(columnIndex: number): void;
+        focusHeaderCell(cellInd: number): void;
+        focusNewColumnButton(): void;
+        focusSelectionCheckbox(): void;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        headerSelect: (selected: boolean) => true;
+        showColumnBorder: () => true;
+        columnResize: (index: number, newSize: number) => true;
+        hideColumnBorder: () => true;
+        columnResizeEnd: () => true;
+        columnResizeStart: () => true;
+        allColumnsResize: (newSize: number) => true;
+        moveDownFromHeaderCell: (index: number) => true;
+        headerCellSelect: (index: number) => true;
+        "update:newColumnButtonWidth": (width: number) => true;
+        newColumnButtonClick: (event: MouseEvent) => true;
+        newColumnButtonKeydownLeft: (event: KeyboardEvent) => true;
+        selectionKeydownDown: () => true;
+        headerCellDeselect: () => true;
+        headerCellStartEditing: (index: number, initialValue?: string) => true;
+        deleteColumn: (index: number) => true;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        tableConfig: {
+            type: PropType<TableConfig>;
+            default: () => {};
+        };
+        columnHeaders: {
+            type: PropType<Array<string>>;
+            default: () => never[];
+        };
+        columnSubHeaders: {
+            type: PropType<Array<string | undefined>>;
+            default: () => never[];
+        };
+        columnSizes: {
+            type: PropType<Array<number>>;
+            default: () => never[];
+        };
+        columnSubMenuItems: {
+            type: PropType<Array<import('packages/components/dist/src').KdsMenuItem[] | undefined>>;
+            default: () => never[];
+        };
+        columnHeaderColors: {
+            type: PropType<Array<string | null>>;
+            default: () => never[];
+        };
+        columnDeletables: {
+            type: PropType<Array<boolean | undefined>>;
+            default: () => never[];
+        };
+        columnEditables: {
+            type: PropType<Array<boolean | undefined>>;
+            default: () => never[];
+        };
+        isSelected: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        getDragHandleHeight: {
+            type: FunctionConstructor;
+            default: () => number;
+        };
+        showNewColumnButton: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        selectedHeaderIndex: {
+            type: PropType<number | null>;
+            default: null;
+        };
+    }>> & Readonly<{
+        onColumnResize?: ((index: number, newSize: number) => any) | undefined;
+        onHeaderSelect?: ((selected: boolean) => any) | undefined;
+        onShowColumnBorder?: (() => any) | undefined;
+        onHideColumnBorder?: (() => any) | undefined;
+        onColumnResizeEnd?: (() => any) | undefined;
+        onColumnResizeStart?: (() => any) | undefined;
+        onAllColumnsResize?: ((newSize: number) => any) | undefined;
+        onMoveDownFromHeaderCell?: ((index: number) => any) | undefined;
+        onHeaderCellSelect?: ((index: number) => any) | undefined;
+        "onUpdate:newColumnButtonWidth"?: ((width: number) => any) | undefined;
+        onNewColumnButtonClick?: ((event: MouseEvent) => any) | undefined;
+        onNewColumnButtonKeydownLeft?: ((event: KeyboardEvent) => any) | undefined;
+        onSelectionKeydownDown?: (() => any) | undefined;
+        onHeaderCellDeselect?: (() => any) | undefined;
+        onHeaderCellStartEditing?: ((index: number, initialValue?: string | undefined) => any) | undefined;
+        onDeleteColumn?: ((index: number) => any) | undefined;
+    }>, {
+        columnSizes: number[];
+        tableConfig: TableConfig;
+        getDragHandleHeight: Function;
+        columnHeaders: string[];
+        columnSubHeaders: (string | undefined)[];
+        columnSubMenuItems: (import('packages/components/dist/src').KdsMenuItem[] | undefined)[];
+        columnHeaderColors: (string | null)[];
+        columnDeletables: (boolean | undefined)[];
+        columnEditables: (boolean | undefined)[];
+        isSelected: boolean;
+        showNewColumnButton: boolean;
+        selectedHeaderIndex: number | null;
+    }, {}, {
+        KdsCheckbox: import('vue').DefineComponent<({
+            modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
+        } & {
+            disabled?: boolean;
+            error?: boolean;
+            subText?: string;
+            preserveSubTextSpace?: boolean;
+        } & {
+            label: string;
+            title?: never;
+        }) | ({
+            modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
+        } & {
+            disabled?: boolean;
+            error?: boolean;
+            subText?: string;
+            preserveSubTextSpace?: boolean;
+        } & {
+            label?: never;
+            title: string;
+        }), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: import('packages/components/dist/src').KdsCheckboxValue) => any;
+        }, string, import('vue').PublicProps, Readonly<({
+            modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
+        } & {
+            disabled?: boolean;
+            error?: boolean;
+            subText?: string;
+            preserveSubTextSpace?: boolean;
+        } & {
+            label: string;
+            title?: never;
+        }) | ({
+            modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
+        } & {
+            disabled?: boolean;
+            error?: boolean;
+            subText?: string;
+            preserveSubTextSpace?: boolean;
+        } & {
+            label?: never;
+            title: string;
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: import('packages/components/dist/src').KdsCheckboxValue) => any) | undefined;
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+        KdsButton: import('vue').DefineComponent<(import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+        } & {
+            label: string;
+            leadingIcon?: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: import('packages/components/dist/src').KdsIconName;
+            ariaLabel?: never;
+        } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+        } & {
+            label?: never;
+            leadingIcon: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        } & import('packages/components/dist/src/buttons/types').WithDestructive), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            click: (event: MouseEvent) => any;
+        }, string, import('vue').PublicProps, Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+        } & {
+            label: string;
+            leadingIcon?: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: import('packages/components/dist/src').KdsIconName;
+            ariaLabel?: never;
+        } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+        } & {
+            label?: never;
+            leadingIcon: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
+            onClick?: ((event: MouseEvent) => any) | undefined;
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+        KdsMenuButton: import('vue').DefineComponent<({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+        } & {
+            label: string;
+            leadingIcon?: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: import('packages/components/dist/src').KdsIconName;
+            ariaLabel?: never;
+        } & {
+            items: import('packages/components/dist/src').KdsMenuItem[];
+            menuMaxHeight?: string;
+        }) | ({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+        } & {
+            label?: never;
+            leadingIcon: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        } & {
+            items: import('packages/components/dist/src').KdsMenuItem[];
+            menuMaxHeight?: string;
+        }), {
+            menuButtonEl: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label: string;
+                leadingIcon?: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                ariaLabel?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label?: never;
+                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: never;
+                ariaLabel: string;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: boolean) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, {} & (Readonly<({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label: string;
+                leadingIcon?: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                ariaLabel?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label?: never;
+                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: never;
+                ariaLabel: string;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>), {}, {}, {}, {}, {}> | null>>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => any;
+            itemClick: (id: string) => any;
+        }, string, import('vue').PublicProps, Readonly<({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+        } & {
+            label: string;
+            leadingIcon?: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: import('packages/components/dist/src').KdsIconName;
+            ariaLabel?: never;
+        } & {
+            items: import('packages/components/dist/src').KdsMenuItem[];
+            menuMaxHeight?: string;
+        }) | ({
+            modelValue?: boolean;
+        } & import('packages/components/dist/src/types/testId').WithTestId & {
+            size?: import('packages/components/dist/src').KdsButtonSize;
+            disabled?: boolean;
+            title?: string;
+            variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+        } & {
+            label?: never;
+            leadingIcon: import('packages/components/dist/src').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        } & {
+            items: import('packages/components/dist/src').KdsMenuItem[];
+            menuMaxHeight?: string;
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            onItemClick?: ((id: string) => any) | undefined;
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+            menuButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label: string;
+                leadingIcon?: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                ariaLabel?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label?: never;
+                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: never;
+                ariaLabel: string;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: boolean) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, {} & (Readonly<({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label: string;
+                leadingIcon?: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                ariaLabel?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+            } & {
+                label?: never;
+                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: never;
+                ariaLabel: string;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>), {}, {}, {}, {}, {}> | null;
+            popover: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: ({
+                    readonly modelValue?: boolean | undefined;
+                    readonly role?: import('packages/components/dist/src').KdsPopoverRole | undefined;
+                    readonly popoverType?: import('packages/components/dist/src').KdsPopoverType | undefined;
+                    readonly fullWidth?: boolean | undefined;
+                    readonly maxInlineSize?: string | undefined;
+                    readonly content?: string | undefined;
+                    readonly placement?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom"> | undefined;
+                    readonly customPlacementPosition?: never | undefined;
+                    readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                } | {
+                    readonly modelValue?: boolean | undefined;
+                    readonly role?: import('packages/components/dist/src').KdsPopoverRole | undefined;
+                    readonly popoverType?: import('packages/components/dist/src').KdsPopoverType | undefined;
+                    readonly fullWidth?: boolean | undefined;
+                    readonly maxInlineSize?: string | undefined;
+                    readonly content?: string | undefined;
+                    readonly placement: "custom";
+                    readonly customPlacementPosition: {
+                        x: number;
+                        y: number;
+                    };
+                    readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: import('vue').Attrs;
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    popoverEl: HTMLDivElement;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: "update:modelValue", value: boolean) => void;
+                $el: HTMLDivElement;
+                $options: import('vue').ComponentOptionsBase<Readonly<({
+                    modelValue?: boolean;
+                } & {
+                    role?: import('packages/components/dist/src').KdsPopoverRole;
+                    popoverType?: import('packages/components/dist/src').KdsPopoverType;
+                    fullWidth?: boolean;
+                    maxInlineSize?: string;
+                    content?: string;
+                } & {
+                    placement?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom">;
+                    customPlacementPosition?: never;
+                }) | ({
+                    modelValue?: boolean;
+                } & {
+                    role?: import('packages/components/dist/src').KdsPopoverRole;
+                    popoverType?: import('packages/components/dist/src').KdsPopoverType;
+                    fullWidth?: boolean;
+                    maxInlineSize?: string;
+                    content?: string;
+                } & {
+                    placement: "custom";
+                    customPlacementPosition: {
+                        x: number;
+                        y: number;
+                    };
+                })> & Readonly<{
+                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                }>, {
+                    anchorStyle: Record<string, string>;
+                    popoverId: string;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    "update:modelValue": (value: boolean) => any;
+                }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{}> & Omit<{} & (Readonly<({
+                modelValue?: boolean;
+            } & {
+                role?: import('packages/components/dist/src').KdsPopoverRole;
+                popoverType?: import('packages/components/dist/src').KdsPopoverType;
+                fullWidth?: boolean;
+                maxInlineSize?: string;
+                content?: string;
+            } & {
+                placement?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom">;
+                customPlacementPosition?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & {
+                role?: import('packages/components/dist/src').KdsPopoverRole;
+                popoverType?: import('packages/components/dist/src').KdsPopoverType;
+                fullWidth?: boolean;
+                maxInlineSize?: string;
+                content?: string;
+            } & {
+                placement: "custom";
+                customPlacementPosition: {
+                    x: number;
+                    y: number;
+                };
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>), "anchorStyle" | "popoverId"> & {
+                anchorStyle: Record<string, string>;
+                popoverId: string;
+            } & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    default?(_: {}): any;
+                };
+            }) | null;
+            menuContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/components/dist/src/containers/MenuContainer').KdsMenuContainerProps> & Readonly<{
+                onItemClick?: ((id: string) => any) | undefined;
+            }>, {
+                focus: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                itemClick: (id: string) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                containerEl: HTMLDivElement;
+            }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('packages/components/dist/src/containers/MenuContainer').KdsMenuContainerProps> & Readonly<{
+                onItemClick?: ((id: string) => any) | undefined;
+            }>, {
+                focus: () => void;
+            }, {}, {}, {}, {}> | null;
+        }, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    Row: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./layout/Row.vue').RowProps> & Readonly<{
+            onDataValueView?: ((index: number, anchor: VirtualElementAnchor) => any) | undefined;
+            onRowSelect?: ((value: any) => any) | undefined;
+            onRowInput?: ((event: any) => any) | undefined;
+            onRowSubMenuClick?: ((item: any) => any) | undefined;
+            onResizeAllRows?: ((size: number, rowElement: HTMLElement) => any) | undefined;
+            onResizeRow?: ((size: number) => any) | undefined;
+            onCellSelect?: ((index: number, ignoreIfSelected: boolean) => any) | undefined;
+            onExpandCellSelect?: ((index: number) => any) | undefined;
+            onDeleteRow?: (() => any) | undefined;
+            onVirtualColumnNav?: ((type: "delete" | "selection", direction: "left" | "right" | "up" | "down") => any) | undefined;
+        }>, {
+            getCellComponents: () => any[];
+            focusDeleteButton: () => void;
+            focusSelectionCheckbox: () => void;
+            onRowExpand: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            dataValueView: (index: number, anchor: VirtualElementAnchor) => any;
+            rowSelect: (value: any) => any;
+            rowInput: (event: any) => any;
+            rowSubMenuClick: (item: any) => any;
+            resizeAllRows: (size: number, rowElement: HTMLElement) => any;
+            resizeRow: (size: number) => any;
+            cellSelect: (index: number, ignoreIfSelected: boolean) => any;
+            expandCellSelect: (index: number) => any;
+            deleteRow: () => any;
+            virtualColumnNav: (type: "delete" | "selection", direction: "left" | "right" | "up" | "down") => any;
+        }, import('vue').PublicProps, {
+            row: any[];
+            rowHeight: number | "dynamic";
+            newColumnButtonWidth: number;
+            isSelected: boolean;
+            rowData: {
+                subMenuItemsForRow?: import('packages/components/dist/src').KdsMenuItem[];
+            };
+            rowConfig: import('..').RowConfig;
+            minRowHeight: number;
+            showDragHandle: boolean;
+            selectCellsOnMove: boolean;
+            disableRowHeightTransition: boolean;
+            selectedCellIndex: number | null;
+            cellSelectionRange: {
+                min: number;
+                max: number;
+            } | null;
+            toBeExpandedCellIndex: number | null;
+            toBeEditedCellIndex: number | null;
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            rowElement: HTMLTableRowElement;
+            deleteButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+            } & {
+                label: string;
+                leadingIcon?: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                ariaLabel?: never;
+            } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+            } & {
+                label?: never;
+                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: never;
+                ariaLabel: string;
+            } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                click: (event: MouseEvent) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, {} & (Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+            } & {
+                label: string;
+                leadingIcon?: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                ariaLabel?: never;
+            } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
+                size?: import('packages/components/dist/src').KdsButtonSize;
+                disabled?: boolean;
+                title?: string;
+                variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+            } & {
+                label?: never;
+                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                trailingIcon?: never;
+                ariaLabel: string;
+            } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
+                onClick?: ((event: MouseEvent) => any) | undefined;
+            }>), {}, {}, {}, {}, {}> | null;
+            selectionCheckbox: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
+                modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
+            } & {
+                disabled?: boolean;
+                error?: boolean;
+                subText?: string;
+                preserveSubTextSpace?: boolean;
+            } & {
+                label: string;
+                title?: never;
+            }) | ({
+                modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
+            } & {
+                disabled?: boolean;
+                error?: boolean;
+                subText?: string;
+                preserveSubTextSpace?: boolean;
+            } & {
+                label?: never;
+                title: string;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: import('packages/components/dist/src').KdsCheckboxValue) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: import('packages/components/dist/src').KdsCheckboxValue) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, {} & (Readonly<({
+                modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
+            } & {
+                disabled?: boolean;
+                error?: boolean;
+                subText?: string;
+                preserveSubTextSpace?: boolean;
+            } & {
+                label: string;
+                title?: never;
+            }) | ({
+                modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
+            } & {
+                disabled?: boolean;
+                error?: boolean;
+                subText?: string;
+                preserveSubTextSpace?: boolean;
+            } & {
+                label?: never;
+                title: string;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: import('packages/components/dist/src').KdsCheckboxValue) => any) | undefined;
+            }>), {}, {}, {}, {}, {}> | null;
+        }, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('./layout/Row.vue').RowProps> & Readonly<{
+            onDataValueView?: ((index: number, anchor: VirtualElementAnchor) => any) | undefined;
+            onRowSelect?: ((value: any) => any) | undefined;
+            onRowInput?: ((event: any) => any) | undefined;
+            onRowSubMenuClick?: ((item: any) => any) | undefined;
+            onResizeAllRows?: ((size: number, rowElement: HTMLElement) => any) | undefined;
+            onResizeRow?: ((size: number) => any) | undefined;
+            onCellSelect?: ((index: number, ignoreIfSelected: boolean) => any) | undefined;
+            onExpandCellSelect?: ((index: number) => any) | undefined;
+            onDeleteRow?: (() => any) | undefined;
+            onVirtualColumnNav?: ((type: "delete" | "selection", direction: "left" | "right" | "up" | "down") => any) | undefined;
+        }>, {
+            getCellComponents: () => any[];
+            focusDeleteButton: () => void;
+            focusSelectionCheckbox: () => void;
+            onRowExpand: () => void;
+        }, {}, {}, {}, {
+            row: any[];
+            rowHeight: number | "dynamic";
+            newColumnButtonWidth: number;
+            isSelected: boolean;
+            rowData: {
+                subMenuItemsForRow?: import('packages/components/dist/src').KdsMenuItem[];
+            };
+            rowConfig: import('..').RowConfig;
+            minRowHeight: number;
+            showDragHandle: boolean;
+            selectCellsOnMove: boolean;
+            disableRowHeightTransition: boolean;
+            selectedCellIndex: number | null;
+            cellSelectionRange: {
+                min: number;
+                max: number;
+            } | null;
+            toBeExpandedCellIndex: number | null;
+            toBeEditedCellIndex: number | null;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./layout/Row.vue').RowProps> & Readonly<{
+        onDataValueView?: ((index: number, anchor: VirtualElementAnchor) => any) | undefined;
+        onRowSelect?: ((value: any) => any) | undefined;
+        onRowInput?: ((event: any) => any) | undefined;
+        onRowSubMenuClick?: ((item: any) => any) | undefined;
+        onResizeAllRows?: ((size: number, rowElement: HTMLElement) => any) | undefined;
+        onResizeRow?: ((size: number) => any) | undefined;
+        onCellSelect?: ((index: number, ignoreIfSelected: boolean) => any) | undefined;
+        onExpandCellSelect?: ((index: number) => any) | undefined;
+        onDeleteRow?: (() => any) | undefined;
+        onVirtualColumnNav?: ((type: "delete" | "selection", direction: "left" | "right" | "up" | "down") => any) | undefined;
+    }>, {
+        getCellComponents: () => any[];
+        focusDeleteButton: () => void;
+        focusSelectionCheckbox: () => void;
+        onRowExpand: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        dataValueView: (index: number, anchor: VirtualElementAnchor) => any;
+        rowSelect: (value: any) => any;
+        rowInput: (event: any) => any;
+        rowSubMenuClick: (item: any) => any;
+        resizeAllRows: (size: number, rowElement: HTMLElement) => any;
+        resizeRow: (size: number) => any;
+        cellSelect: (index: number, ignoreIfSelected: boolean) => any;
+        expandCellSelect: (index: number) => any;
+        deleteRow: () => any;
+        virtualColumnNav: (type: "delete" | "selection", direction: "left" | "right" | "up" | "down") => any;
+    }, string, {
+        row: any[];
+        rowHeight: number | "dynamic";
+        newColumnButtonWidth: number;
+        isSelected: boolean;
+        rowData: {
+            subMenuItemsForRow?: import('packages/components/dist/src').KdsMenuItem[];
+        };
+        rowConfig: import('..').RowConfig;
+        minRowHeight: number;
+        showDragHandle: boolean;
+        selectCellsOnMove: boolean;
+        disableRowHeightTransition: boolean;
+        selectedCellIndex: number | null;
+        cellSelectionRange: {
+            min: number;
+            max: number;
+        } | null;
+        toBeExpandedCellIndex: number | null;
+        toBeEditedCellIndex: number | null;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: Partial<Record<string, (_: {
+            row: any[];
+            cell: any;
+            height: number | "dynamic";
+            width: any;
+            ind: number;
+        }) => any>> & {
+            'editable-cell'?(_: {
+                cellElement: any;
+                ind: number;
+            }): any;
+        };
+    });
+    CellSelectionOverlay: import('vue').DefineComponent<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps, {
+        triggerCopied: () => void;
+        focus: typeof focus;
+        scrollFocusOverlayIntoView: (params: null | {
+            containerBCR: DOMRect | null;
+            headerHeight: number;
+            scrollTo: (scrollToValues: {
+                top?: number;
+                left?: number;
+            }) => void | undefined;
+        }) => Promise<void>;
+        getFocusOverlayBoundingClientRect: () => DOMRect | undefined;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+        virtualFocusOverlay: HTMLDivElement;
+    }, any>;
+    TableCore: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            scrollData: DataItem[][];
+            scrollConfig: {
+                itemSize: number;
+                numRowsAbove: number;
+                numRowsBelow: number;
+                compact: boolean;
+            };
+            tableConfig: TableConfig;
+            totalWidth: null | number;
+            columnSizes: number[];
+            currentRowHeight: number | "dynamic";
+            columnResize: {
+                active: boolean;
+            };
+            newColumnButtonWidth: number;
+        }> & Readonly<{
+            onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
+            onClearSelection?: (() => any) | undefined;
+            onBodyFocusin?: (() => any) | undefined;
+            onBodyFocusout?: (() => any) | undefined;
+            onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
+            "onUpdate:available-width"?: ((newAvailableWidth: number) => any) | undefined;
+        }>, {
+            virtualScrollToPosition: (position: {
+                top?: number;
+                left?: number;
+            }) => void | undefined;
+            getVirtualScrollStart: () => number | undefined;
+            getVirtualBody: () => HTMLTableSectionElement | null | undefined;
+            getVirtualContainer: () => HTMLElement | null | undefined;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            moveSelection: (horizontalMove: number, verticalMove: number, expandSelection: boolean) => any;
+            clearSelection: () => any;
+            bodyFocusin: () => any;
+            bodyFocusout: () => any;
+            scrollerUpdate: (startIndex: number, endIndex: number) => any;
+            "update:available-width": (newAvailableWidth: number) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            tableCoreVirtual: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly scrollData: DataItem[];
+                    readonly scrollConfig: {
+                        numRowsAbove: number;
+                        numRowsBelow: number;
+                        itemSize: number;
+                        compact: boolean;
+                    };
+                    readonly columnSizes: number[];
+                    readonly specialColumnSizes: {
+                        selectionSize: number;
+                        deletionSize: number;
+                        rightSideSize: number;
+                    };
+                    readonly currentBodyWidth: number;
+                    readonly tableConfig: TableConfig;
+                    readonly onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
+                    readonly onClearSelection?: (() => any) | undefined;
+                    readonly onExpandSelectedCell?: (() => any) | undefined;
+                    readonly onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
+                    readonly onBodyFocusin?: (() => any) | undefined;
+                    readonly onBodyFocusout?: (() => any) | undefined;
+                    readonly onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: import('vue').Attrs;
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    headerContainer: HTMLDivElement;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: ((event: "moveSelection", horizontalMove: number, verticalMove: number, expandSelection: boolean) => void) & ((event: "clearSelection") => void) & ((event: "expandSelectedCell") => void) & ((event: "startEditing", initialValue?: string | undefined) => void) & ((event: "bodyFocusin") => void) & ((event: "bodyFocusout") => void) & ((event: "scrollerUpdate", startIndex: number, endIndex: number) => void);
+                $el: any;
+                $options: import('vue').ComponentOptionsBase<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
+                    onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
+                    onClearSelection?: (() => any) | undefined;
+                    onExpandSelectedCell?: (() => any) | undefined;
+                    onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
+                    onBodyFocusin?: (() => any) | undefined;
+                    onBodyFocusout?: (() => any) | undefined;
+                    onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
+                }>, {
+                    scrollToPosition: ({ top, left }: {
+                        top?: number;
+                        left?: number;
+                    }) => void;
+                    getScrollStart: () => number;
+                    getBody: () => HTMLTableSectionElement | null | undefined;
+                    getContainer: () => HTMLElement | null;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    moveSelection: (horizontalMove: number, verticalMove: number, expandSelection: boolean) => any;
+                    clearSelection: () => any;
+                    expandSelectedCell: () => any;
+                    startEditing: (initialValue?: string | undefined) => any;
+                    bodyFocusin: () => any;
+                    bodyFocusout: () => any;
+                    scrollerUpdate: (startIndex: number, endIndex: number) => any;
+                }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{}> & Omit<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
+                onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
+                onClearSelection?: (() => any) | undefined;
+                onExpandSelectedCell?: (() => any) | undefined;
+                onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
+                onBodyFocusin?: (() => any) | undefined;
+                onBodyFocusout?: (() => any) | undefined;
+                onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
+            }>, "getBody" | "scrollToPosition" | "getScrollStart" | "getContainer"> & {
+                scrollToPosition: ({ top, left }: {
+                    top?: number;
+                    left?: number;
+                }) => void;
+                getScrollStart: () => number;
+                getBody: () => HTMLTableSectionElement | null | undefined;
+                getContainer: () => HTMLElement | null;
+            } & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    header?(_: {
+                        getDragHandleHeight: () => number;
+                    }): any;
+                    'cell-selection-overlay'?(_: {}): any;
+                    row?(_: {
+                        rowInd: number;
+                        row: any;
+                    }): any;
+                    belowBody?(_: {}): any;
+                };
+            }) | null;
+        }, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            scrollData: DataItem[][];
+            scrollConfig: {
+                itemSize: number;
+                numRowsAbove: number;
+                numRowsBelow: number;
+                compact: boolean;
+            };
+            tableConfig: TableConfig;
+            totalWidth: null | number;
+            columnSizes: number[];
+            currentRowHeight: number | "dynamic";
+            columnResize: {
+                active: boolean;
+            };
+            newColumnButtonWidth: number;
+        }> & Readonly<{
+            onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
+            onClearSelection?: (() => any) | undefined;
+            onBodyFocusin?: (() => any) | undefined;
+            onBodyFocusout?: (() => any) | undefined;
+            onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
+            "onUpdate:available-width"?: ((newAvailableWidth: number) => any) | undefined;
+        }>, {
+            virtualScrollToPosition: (position: {
+                top?: number;
+                left?: number;
+            }) => void | undefined;
+            getVirtualScrollStart: () => number | undefined;
+            getVirtualBody: () => HTMLTableSectionElement | null | undefined;
+            getVirtualContainer: () => HTMLElement | null | undefined;
+        }, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        scrollData: DataItem[][];
+        scrollConfig: {
+            itemSize: number;
+            numRowsAbove: number;
+            numRowsBelow: number;
+            compact: boolean;
+        };
+        tableConfig: TableConfig;
+        totalWidth: null | number;
+        columnSizes: number[];
+        currentRowHeight: number | "dynamic";
+        columnResize: {
+            active: boolean;
+        };
+        newColumnButtonWidth: number;
+    }> & Readonly<{
+        onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
+        onClearSelection?: (() => any) | undefined;
+        onBodyFocusin?: (() => any) | undefined;
+        onBodyFocusout?: (() => any) | undefined;
+        onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
+        "onUpdate:available-width"?: ((newAvailableWidth: number) => any) | undefined;
+    }>, {
+        virtualScrollToPosition: (position: {
+            top?: number;
+            left?: number;
+        }) => void | undefined;
+        getVirtualScrollStart: () => number | undefined;
+        getVirtualBody: () => HTMLTableSectionElement | null | undefined;
+        getVirtualContainer: () => HTMLElement | null | undefined;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        moveSelection: (horizontalMove: number, verticalMove: number, expandSelection: boolean) => any;
+        clearSelection: () => any;
+        bodyFocusin: () => any;
+        bodyFocusout: () => any;
+        scrollerUpdate: (startIndex: number, endIndex: number) => any;
+        "update:available-width": (newAvailableWidth: number) => any;
+    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            header?(_: {
+                getDragHandleHeight: () => number;
+                width: number;
+            }): any;
+            row?(_: {
+                row: any;
+                rowInd: number;
+                groupInd: null;
+            }): any;
+            'cell-selection-overlay'?(_: {}): any;
+            belowBody?(_: {}): any;
+        };
+    });
+    NewRowButton: import('vue').DefineComponent<{}, {
+        focus: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (event: MouseEvent) => any;
+        "keydown-up": (event: KeyboardEvent) => any;
+    }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+        onClick?: ((event: MouseEvent) => any) | undefined;
+        "onKeydown-up"?: ((event: KeyboardEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+    TableActionBar: import('vue').DefineComponent<{
+        allRowsCount?: number;
+        filteredRowsCount?: number;
+        allColumnsCount?: number;
+        filteredColumnsCount?: number;
+        rowLabel?: string;
+        title?: "Temporary view" | "Output";
+        showTableSize?: boolean;
+        showFilterControl: boolean;
+        showSortControl: boolean;
+        sortConfig?: import('..').SortConfig;
+        sortControlOptions: import('./control/actionbar/SortControl.vue').SortControlOptions;
+        filterConfigs?: Array<FilterConfig | undefined>;
+        columnHeaders: string[];
+        settingsItems?: import('packages/components/dist/src').KdsMenuItem[];
+    }, {
+        openFilterControl: (columnIndex?: number) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        onColumnSort: (colInd: number | undefined, direction: 0 | 1 | -1) => any;
+        columnFilter: (colInd: number, value: string | number | string[] | [null] | null | undefined) => any;
+        resetTemporaryView: () => any;
+    }, string, import('vue').PublicProps, Readonly<{
+        allRowsCount?: number;
+        filteredRowsCount?: number;
+        allColumnsCount?: number;
+        filteredColumnsCount?: number;
+        rowLabel?: string;
+        title?: "Temporary view" | "Output";
+        showTableSize?: boolean;
+        showFilterControl: boolean;
+        showSortControl: boolean;
+        sortConfig?: import('..').SortConfig;
+        sortControlOptions: import('./control/actionbar/SortControl.vue').SortControlOptions;
+        filterConfigs?: Array<FilterConfig | undefined>;
+        columnHeaders: string[];
+        settingsItems?: import('packages/components/dist/src').KdsMenuItem[];
+    }> & Readonly<{
+        onOnColumnSort?: ((colInd: number | undefined, direction: 0 | 1 | -1) => any) | undefined;
+        onColumnFilter?: ((colInd: number, value: string | number | string[] | [null] | null | undefined) => any) | undefined;
+        onResetTemporaryView?: (() => any) | undefined;
+    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+        filterControlRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            filterConfigs?: Array<FilterConfig | undefined>;
+            columnHeaders: string[];
+        }> & Readonly<{
+            onColumnFilter?: ((colInd: number, value: string | number | string[] | [null] | null | undefined) => any) | undefined;
+        }>, {
+            openPopover: (columnIndex?: number) => Promise<void>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            columnFilter: (colInd: number, value: string | number | string[] | [null] | null | undefined) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            filterPopoverRef: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: ({
+                    readonly modelValue?: boolean | undefined;
+                    readonly role?: import('packages/components/dist/src').KdsPopoverRole | undefined;
+                    readonly popoverType?: import('packages/components/dist/src').KdsPopoverType | undefined;
+                    readonly fullWidth?: boolean | undefined;
+                    readonly maxInlineSize?: string | undefined;
+                    readonly content?: string | undefined;
+                    readonly placement?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom"> | undefined;
+                    readonly customPlacementPosition?: never | undefined;
+                    readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
+                } | {
+                    readonly modelValue?: boolean | undefined;
+                    readonly role?: import('packages/components/dist/src').KdsPopoverRole | undefined;
+                    readonly popoverType?: import('packages/components/dist/src').KdsPopoverType | undefined;
+                    readonly fullWidth?: boolean | undefined;
+                    readonly maxInlineSize?: string | undefined;
+                    readonly content?: string | undefined;
+                    readonly placement: "custom";
+                    readonly customPlacementPosition: {
+                        x: number;
+                        y: number;
+                    };
+                    readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
+                }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: import('vue').Attrs;
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    popoverEl: HTMLDivElement;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: "update:modelValue", value: boolean) => void;
+                $el: HTMLDivElement;
+                $options: import('vue').ComponentOptionsBase<Readonly<({
+                    modelValue?: boolean;
+                } & {
+                    role?: import('packages/components/dist/src').KdsPopoverRole;
+                    popoverType?: import('packages/components/dist/src').KdsPopoverType;
+                    fullWidth?: boolean;
+                    maxInlineSize?: string;
+                    content?: string;
+                } & {
+                    placement?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom">;
+                    customPlacementPosition?: never;
+                }) | ({
+                    modelValue?: boolean;
+                } & {
+                    role?: import('packages/components/dist/src').KdsPopoverRole;
+                    popoverType?: import('packages/components/dist/src').KdsPopoverType;
+                    fullWidth?: boolean;
+                    maxInlineSize?: string;
+                    content?: string;
+                } & {
+                    placement: "custom";
+                    customPlacementPosition: {
+                        x: number;
+                        y: number;
+                    };
+                })> & Readonly<{
+                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                }>, {
+                    anchorStyle: Record<string, string>;
+                    popoverId: string;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    "update:modelValue": (value: boolean) => any;
+                }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+            } & Readonly<{}> & Omit<{} & (Readonly<({
+                modelValue?: boolean;
+            } & {
+                role?: import('packages/components/dist/src').KdsPopoverRole;
+                popoverType?: import('packages/components/dist/src').KdsPopoverType;
+                fullWidth?: boolean;
+                maxInlineSize?: string;
+                content?: string;
+            } & {
+                placement?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom">;
+                customPlacementPosition?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & {
+                role?: import('packages/components/dist/src').KdsPopoverRole;
+                popoverType?: import('packages/components/dist/src').KdsPopoverType;
+                fullWidth?: boolean;
+                maxInlineSize?: string;
+                content?: string;
+            } & {
+                placement: "custom";
+                customPlacementPosition: {
+                    x: number;
+                    y: number;
+                };
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>), "anchorStyle" | "popoverId"> & {
+                anchorStyle: Record<string, string>;
+                popoverId: string;
+            } & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: {
+                    default?(_: {}): any;
+                };
+            }) | null;
+            filterBodyRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                filterConfigs?: Array<FilterConfig | undefined>;
+                columnHeaders: string[];
+            }> & Readonly<{
+                onColumnFilter?: ((colInd: number, value: string | number | string[] | [null] | null | undefined) => any) | undefined;
+            }>, {
+                addAndFocusColumn: (columnIndex: number) => Promise<void>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                columnFilter: (colInd: number, value: string | number | string[] | [null] | null | undefined) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{
+                filterConfigs?: Array<FilterConfig | undefined>;
+                columnHeaders: string[];
+            }> & Readonly<{
+                onColumnFilter?: ((colInd: number, value: string | number | string[] | [null] | null | undefined) => any) | undefined;
+            }>, {
+                addAndFocusColumn: (columnIndex: number) => Promise<void>;
+            }, {}, {}, {}, {}> | null;
+        }, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            filterConfigs?: Array<FilterConfig | undefined>;
+            columnHeaders: string[];
+        }> & Readonly<{
+            onColumnFilter?: ((colInd: number, value: string | number | string[] | [null] | null | undefined) => any) | undefined;
+        }>, {
+            openPopover: (columnIndex?: number) => Promise<void>;
+        }, {}, {}, {}, {}> | null;
+    }, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=TableUI.vue.d.ts.map