@knime/kds-table 0.7.0 → 0.8.1

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

@@ -8,7 +8,9 @@ import { RowConfig } from '../types/RowConfig';
 import { SubMenuConfig } from '../types/SubMenuConfig';
 import { TableConfig, TableState } from '../types/TableConfig';
 type SizeByColumn = Record<string | symbol, number>;
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     data: {
         type: PropType<Array<Array<any>>>;
         default: () => never[];
@@ -418,176 +420,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
-            } & {
-                tableCoreVirtual: ({
-                    $: import('vue').ComponentInternalInstance;
-                    $data: {};
-                    $props: {
-                        readonly scrollData: import('./TableUI.vue').DataItem[];
-                        readonly scrollConfig: {
-                            numRowsAbove: number;
-                            numRowsBelow: number;
-                            itemSize: number;
-                            compact: boolean;
-                        };
-                        readonly specialColumnSizes: {
-                            selectionSize: number;
-                            deletionSize: number;
-                            rightSideSize: number;
-                        };
-                        readonly tableConfig: TableConfig;
-                        readonly columnResizeActive: boolean;
-                        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]: 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
-                            /**
-                             * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                             * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                             * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                             * height given by the auto row height options.
-                             * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                             * method is automatically called from within this component when:
-                             *  - the component is mounted
-                             *  - one property of the autoColumnSizesOptions changes
-                             *  - one property of the autoRowHeightOptions changes
-                             *  - columns were removed, added, or replaced
-                             *  - the compact mode is toggled
-                             */
-                            ?: number;
-                            left
-                            /**
-                             * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                             * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                             * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                             * height given by the auto row height options.
-                             * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                             * method is automatically called from within this component when:
-                             *  - the component is mounted
-                             *  - one property of the autoColumnSizesOptions changes
-                             *  - one property of the autoRowHeightOptions changes
-                             *  - columns were removed, added, or replaced
-                             *  - the compact mode is toggled
-                             */
-                            ?: 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 import('vue').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
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: number;
-                        left
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: 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]: Slot<any> | undefined;
@@ -744,16 +576,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             getVirtualContainer: () => HTMLElement | null | undefined;
         } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
-                header?(_: {
+                header?: (props: {
                     getDragHandleHeight: () => number;
-                }): any;
-                row?(_: {
+                }) => any;
+            } & {
+                row?: (props: {
                     row: any;
                     rowInd: number;
                     groupInd: null;
-                }): any;
-                'cell-selection-overlay'?(_: {}): any;
-                belowBody?(_: {}): any;
+                }) => any;
+            } & {
+                'cell-selection-overlay'?: (props: {}) => any;
+            } & {
+                belowBody?: (props: {}) => any;
             };
         }) | null, ({
             $: import('vue').ComponentInternalInstance;
@@ -784,176 +619,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
-            } & {
-                tableCoreVirtual: ({
-                    $: import('vue').ComponentInternalInstance;
-                    $data: {};
-                    $props: {
-                        readonly scrollData: import('./TableUI.vue').DataItem[];
-                        readonly scrollConfig: {
-                            numRowsAbove: number;
-                            numRowsBelow: number;
-                            itemSize: number;
-                            compact: boolean;
-                        };
-                        readonly specialColumnSizes: {
-                            selectionSize: number;
-                            deletionSize: number;
-                            rightSideSize: number;
-                        };
-                        readonly tableConfig: TableConfig;
-                        readonly columnResizeActive: boolean;
-                        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]: 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
-                            /**
-                             * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                             * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                             * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                             * height given by the auto row height options.
-                             * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                             * method is automatically called from within this component when:
-                             *  - the component is mounted
-                             *  - one property of the autoColumnSizesOptions changes
-                             *  - one property of the autoRowHeightOptions changes
-                             *  - columns were removed, added, or replaced
-                             *  - the compact mode is toggled
-                             */
-                            ?: number;
-                            left
-                            /**
-                             * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                             * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                             * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                             * height given by the auto row height options.
-                             * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                             * method is automatically called from within this component when:
-                             *  - the component is mounted
-                             *  - one property of the autoColumnSizesOptions changes
-                             *  - one property of the autoRowHeightOptions changes
-                             *  - columns were removed, added, or replaced
-                             *  - the compact mode is toggled
-                             */
-                            ?: 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 import('vue').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
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: number;
-                        left
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: 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]: Slot<any> | undefined;
@@ -1110,16 +775,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             getVirtualContainer: () => HTMLElement | null | undefined;
         } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
-                header?(_: {
+                header?: (props: {
                     getDragHandleHeight: () => number;
-                }): any;
-                row?(_: {
+                }) => any;
+            } & {
+                row?: (props: {
                     row: any;
                     rowInd: number;
                     groupInd: null;
-                }): any;
-                'cell-selection-overlay'?(_: {}): any;
-                belowBody?(_: {}): any;
+                }) => any;
+            } & {
+                'cell-selection-overlay'?: (props: {}) => any;
+            } & {
+                belowBody?: (props: {}) => any;
             };
         }) | null>;
         header: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
@@ -1243,8 +911,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             selectedHeaderIndex: number | null;
         }, true, {}, {}, {
             KdsCheckbox: import('vue').DefineComponent<({
-                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
-            } & {
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -1252,9 +918,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label: string;
                 tooltip?: never;
-            }) | ({
-                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
+            }) | ({
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -1262,11 +928,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label?: never;
                 tooltip: string;
+            } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             }), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 "update:modelValue": (value: import('@knime/kds-components').KdsCheckboxValue) => any;
             }, string, import('vue').PublicProps, Readonly<({
-                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
-            } & {
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -1274,9 +940,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label: string;
                 tooltip?: never;
-            }) | ({
-                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
+            }) | ({
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -1284,10 +950,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label?: never;
                 tooltip: string;
+            } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             })> & Readonly<{
                 "onUpdate:modelValue"?: ((value: import('@knime/kds-components').KdsCheckboxValue) => any) | undefined;
-            }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-            KdsButton: import('vue').DefineComponent<(import('packages/components/dist/src/types/testId').WithTestId & {
+            }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+            KdsButton: import('vue').DefineComponent<(import('@knime/kds-components').WithTestId & {
                 size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
@@ -1297,7 +965,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 leadingIcon?: import('@knime/kds-components').KdsIconName;
                 trailingIcon?: import('@knime/kds-components').KdsIconName;
                 ariaLabel?: never;
-            } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
+            } & import('@knime/kds-components').WithDestructive) | (import('@knime/kds-components').WithTestId & {
                 size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
@@ -1307,9 +975,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 leadingIcon: import('@knime/kds-components').KdsIconName;
                 trailingIcon?: never;
                 ariaLabel: string;
-            } & import('packages/components/dist/src/buttons/types').WithDestructive), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            } & import('@knime/kds-components').WithDestructive), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 click: (event: MouseEvent) => any;
-            }, string, import('vue').PublicProps, Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
+            }, string, import('vue').PublicProps, Readonly<(import('@knime/kds-components').WithTestId & {
                 size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
@@ -1319,7 +987,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 leadingIcon?: import('@knime/kds-components').KdsIconName;
                 trailingIcon?: import('@knime/kds-components').KdsIconName;
                 ariaLabel?: never;
-            } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
+            } & import('@knime/kds-components').WithDestructive) | (import('@knime/kds-components').WithTestId & {
                 size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
@@ -1329,7 +997,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 leadingIcon: import('@knime/kds-components').KdsIconName;
                 trailingIcon?: never;
                 ariaLabel: string;
-            } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
+            } & import('@knime/kds-components').WithDestructive)> & Readonly<{
                 onClick?: ((event: MouseEvent) => any) | undefined;
             }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
             HeaderCell: {
@@ -1378,66 +1046,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     columnResizeStart: () => any;
                     columnResizeEnd: () => any;
                     allColumnsResize: (newSize: number) => any;
-                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                    columnHeader: HTMLTableCellElement;
-                    content: HTMLDivElement;
-                    mainHeader: HTMLDivElement;
-                    headerText: HTMLSpanElement;
-                    columnDeleteButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('@knime/kds-components').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
-                    } & {
-                        label: string;
-                        leadingIcon?: import('@knime/kds-components').KdsIconName;
-                        trailingIcon?: import('@knime/kds-components').KdsIconName;
-                        ariaLabel?: never;
-                    } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('@knime/kds-components').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
-                    } & {
-                        label?: never;
-                        leadingIcon: import('@knime/kds-components').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('@knime/kds-components').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
-                    } & {
-                        label: string;
-                        leadingIcon?: import('@knime/kds-components').KdsIconName;
-                        trailingIcon?: import('@knime/kds-components').KdsIconName;
-                        ariaLabel?: never;
-                    } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('@knime/kds-components').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
-                    } & {
-                        label?: never;
-                        leadingIcon: import('@knime/kds-components').KdsIconName;
-                        trailingIcon?: never;
-                        ariaLabel: string;
-                    } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
-                        onClick?: ((event: MouseEvent) => any) | undefined;
-                    }>), {}, {}, {}, {}, {}> | null;
-                }, HTMLTableCellElement, import('vue').ComponentProvideOptions, {
+                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
@@ -1525,9 +1134,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 allColumnsResize: (newSize: 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: {
-                    subHeader?(_: {
+                    subHeader?: (props: {
                         subHeader: string;
-                    }): any;
+                    }) => any;
                 };
             });
         } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -1759,8 +1368,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             selectedHeaderIndex: number | null;
         }, true, {}, {}, {
             KdsCheckbox: import('vue').DefineComponent<({
-                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
-            } & {
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -1768,9 +1375,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label: string;
                 tooltip?: never;
-            }) | ({
-                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
+            }) | ({
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -1778,11 +1385,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label?: never;
                 tooltip: string;
+            } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             }), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 "update:modelValue": (value: import('@knime/kds-components').KdsCheckboxValue) => any;
             }, string, import('vue').PublicProps, Readonly<({
-                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
-            } & {
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -1790,9 +1397,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label: string;
                 tooltip?: never;
-            }) | ({
-                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
+            }) | ({
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -1800,10 +1407,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label?: never;
                 tooltip: string;
+            } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             })> & Readonly<{
                 "onUpdate:modelValue"?: ((value: import('@knime/kds-components').KdsCheckboxValue) => any) | undefined;
-            }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-            KdsButton: import('vue').DefineComponent<(import('packages/components/dist/src/types/testId').WithTestId & {
+            }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+            KdsButton: import('vue').DefineComponent<(import('@knime/kds-components').WithTestId & {
                 size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
@@ -1813,7 +1422,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 leadingIcon?: import('@knime/kds-components').KdsIconName;
                 trailingIcon?: import('@knime/kds-components').KdsIconName;
                 ariaLabel?: never;
-            } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
+            } & import('@knime/kds-components').WithDestructive) | (import('@knime/kds-components').WithTestId & {
                 size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
@@ -1823,9 +1432,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 leadingIcon: import('@knime/kds-components').KdsIconName;
                 trailingIcon?: never;
                 ariaLabel: string;
-            } & import('packages/components/dist/src/buttons/types').WithDestructive), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            } & import('@knime/kds-components').WithDestructive), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 click: (event: MouseEvent) => any;
-            }, string, import('vue').PublicProps, Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
+            }, string, import('vue').PublicProps, Readonly<(import('@knime/kds-components').WithTestId & {
                 size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
@@ -1835,7 +1444,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 leadingIcon?: import('@knime/kds-components').KdsIconName;
                 trailingIcon?: import('@knime/kds-components').KdsIconName;
                 ariaLabel?: never;
-            } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
+            } & import('@knime/kds-components').WithDestructive) | (import('@knime/kds-components').WithTestId & {
                 size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
@@ -1845,7 +1454,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 leadingIcon: import('@knime/kds-components').KdsIconName;
                 trailingIcon?: never;
                 ariaLabel: string;
-            } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
+            } & import('@knime/kds-components').WithDestructive)> & Readonly<{
                 onClick?: ((event: MouseEvent) => any) | undefined;
             }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
             HeaderCell: {
@@ -1894,66 +1503,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     columnResizeStart: () => any;
                     columnResizeEnd: () => any;
                     allColumnsResize: (newSize: number) => any;
-                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                    columnHeader: HTMLTableCellElement;
-                    content: HTMLDivElement;
-                    mainHeader: HTMLDivElement;
-                    headerText: HTMLSpanElement;
-                    columnDeleteButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('@knime/kds-components').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
-                    } & {
-                        label: string;
-                        leadingIcon?: import('@knime/kds-components').KdsIconName;
-                        trailingIcon?: import('@knime/kds-components').KdsIconName;
-                        ariaLabel?: never;
-                    } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('@knime/kds-components').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
-                    } & {
-                        label?: never;
-                        leadingIcon: import('@knime/kds-components').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('@knime/kds-components').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
-                    } & {
-                        label: string;
-                        leadingIcon?: import('@knime/kds-components').KdsIconName;
-                        trailingIcon?: import('@knime/kds-components').KdsIconName;
-                        ariaLabel?: never;
-                    } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('@knime/kds-components').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
-                    } & {
-                        label?: never;
-                        leadingIcon: import('@knime/kds-components').KdsIconName;
-                        trailingIcon?: never;
-                        ariaLabel: string;
-                    } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
-                        onClick?: ((event: MouseEvent) => any) | undefined;
-                    }>), {}, {}, {}, {}, {}> | null;
-                }, HTMLTableCellElement, import('vue').ComponentProvideOptions, {
+                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
@@ -2041,9 +1591,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 allColumnsResize: (newSize: 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: {
-                    subHeader?(_: {
+                    subHeader?: (props: {
                         subHeader: string;
-                    }): any;
+                    }) => any;
                 };
             });
         } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -2195,9 +1745,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }) => 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, {
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any> | import('vue').DefineComponent<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps, {
             triggerCopied: () => void;
             focus: typeof focus;
             scrollFocusOverlayIntoView: (params: null | {
@@ -2237,9 +1785,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }) => 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, {
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>[] | null, import('vue').DefineComponent<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps, {
             triggerCopied: () => void;
             focus: typeof focus;
             scrollFocusOverlayIntoView: (params: null | {
@@ -2279,9 +1825,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }) => 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, {
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any> | import('vue').DefineComponent<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps, {
             triggerCopied: () => void;
             focus: typeof focus;
             scrollFocusOverlayIntoView: (params: null | {
@@ -2321,9 +1865,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }) => 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').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>[] | null>;
         scrollToCellSelectionOverlay: () => Promise<void>;
         selectCellsOnMove: {
             state: boolean;
@@ -2816,7 +2358,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 hasPreviousPage?: boolean;
             }> & Readonly<{
                 onPageChange?: ((newPageNumber: number) => any) | undefined;
-            }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+            }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
             PageRowRange: import('vue').DefineComponent<{
                 currentItems?: number;
                 pageSize?: number;
@@ -2830,9 +2372,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 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 & {
+            KdsMenuButton: import('vue').DefineComponent<(import('@knime/kds-components').WithTestId & {
                 size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
@@ -2843,11 +2383,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 trailingIcon?: import('@knime/kds-components').KdsIconName;
                 ariaLabel?: never;
             } & {
-                items: import('packages/components/dist/src/buttons/KdsMenuButton/types').KdsMenuItem[];
+                items: KdsMenuItem[];
                 menuMaxHeight?: string;
-            }) | ({
+            } & {
                 modelValue?: boolean;
-            } & import('packages/components/dist/src/types/testId').WithTestId & {
+            }) | (import('@knime/kds-components').WithTestId & {
                 size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
@@ -2858,26 +2398,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 trailingIcon?: never;
                 ariaLabel: string;
             } & {
-                items: import('packages/components/dist/src/buttons/KdsMenuButton/types').KdsMenuItem[];
+                items: KdsMenuItem[];
                 menuMaxHeight?: string;
+            } & {
+                modelValue?: boolean;
             }), {
-                menuButtonEl: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
-                    modelValue
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                } & import('packages/components/dist/src/types/testId').WithTestId & {
+                menuButtonEl: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('@knime/kds-components').WithTestId & {
                     size
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -2985,7 +2511,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: never;
-                }) | ({
+                } & {
                     modelValue
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3001,7 +2527,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: boolean;
-                } & import('packages/components/dist/src/types/testId').WithTestId & {
+                }) | (import('@knime/kds-components').WithTestId & {
                     size
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3095,8 +2621,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      */
                     ?: never;
                     ariaLabel: string;
-                })> & Readonly<{
-                    "onUpdate:modelValue"
+                } & {
+                    modelValue
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
                      * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
@@ -3110,18 +2636,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: ((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;
+                })> & Readonly<{
+                    "onUpdate:modelValue"
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
                      * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
@@ -3135,8 +2652,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: boolean;
-                } & import('packages/components/dist/src/types/testId').WithTestId & {
+                    ?: ((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<(import('@knime/kds-components').WithTestId & {
                     size
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3244,7 +2770,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: never;
-                }) | ({
+                } & {
                     modelValue
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3260,7 +2786,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: boolean;
-                } & import('packages/components/dist/src/types/testId').WithTestId & {
+                }) | (import('@knime/kds-components').WithTestId & {
                     size
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3354,8 +2880,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      */
                     ?: never;
                     ariaLabel: string;
-                })> & Readonly<{
-                    "onUpdate:modelValue"
+                } & {
+                    modelValue
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
                      * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
@@ -3369,47 +2895,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: ((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('@knime/kds-components').KdsButtonSize;
-                disabled?: boolean;
-                tooltip?: string;
-                variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-            } & {
-                label: string;
-                leadingIcon?: import('@knime/kds-components').KdsIconName;
-                trailingIcon?: import('@knime/kds-components').KdsIconName;
-                ariaLabel?: never;
-            } & {
-                items: import('packages/components/dist/src/buttons/KdsMenuButton/types').KdsMenuItem[];
-                menuMaxHeight?: string;
-            }) | ({
-                modelValue?: boolean;
-            } & import('packages/components/dist/src/types/testId').WithTestId & {
-                size?: import('@knime/kds-components').KdsButtonSize;
-                disabled?: boolean;
-                tooltip?: string;
-                variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
-            } & {
-                label?: never;
-                leadingIcon: import('@knime/kds-components').KdsIconName;
-                trailingIcon?: never;
-                ariaLabel: string;
-            } & {
-                items: import('packages/components/dist/src/buttons/KdsMenuButton/types').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;
+                })> & Readonly<{
+                    "onUpdate:modelValue"
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
                      * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
@@ -3423,8 +2911,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: boolean;
-                } & import('packages/components/dist/src/types/testId').WithTestId & {
+                    ?: ((value: boolean) => any) | undefined;
+                }>), {}, {}, {}, {}, {}> | null, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('@knime/kds-components').WithTestId & {
                     size
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3532,7 +3020,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: never;
-                }) | ({
+                } & {
                     modelValue
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3548,7 +3036,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: boolean;
-                } & import('packages/components/dist/src/types/testId').WithTestId & {
+                }) | (import('@knime/kds-components').WithTestId & {
                     size
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3642,8 +3130,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      */
                     ?: never;
                     ariaLabel: string;
-                })> & Readonly<{
-                    "onUpdate:modelValue"
+                } & {
+                    modelValue
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
                      * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
@@ -3657,18 +3145,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: ((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;
+                })> & Readonly<{
+                    "onUpdate:modelValue"
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
                      * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
@@ -3682,8 +3161,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: boolean;
-                } & import('packages/components/dist/src/types/testId').WithTestId & {
+                    ?: ((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<(import('@knime/kds-components').WithTestId & {
                     size
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3791,7 +3279,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: never;
-                }) | ({
+                } & {
                     modelValue
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3807,7 +3295,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: boolean;
-                } & import('packages/components/dist/src/types/testId').WithTestId & {
+                }) | (import('@knime/kds-components').WithTestId & {
                     size
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3901,876 +3389,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      */
                     ?: never;
                     ariaLabel: string;
-                })> & Readonly<{
-                    "onUpdate:modelValue"
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: ((value: boolean) => any) | undefined;
-                }>), {}, {}, {}, {}, {}> | null;
-                popover: ({
-                    $: import('vue').ComponentInternalInstance;
-                    $data: {};
-                    $props: ({
-                        readonly modelValue
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean | undefined;
-                        readonly role
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: import('@knime/kds-components').KdsPopoverRole | undefined;
-                        readonly popoverType
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: import('@knime/kds-components').KdsPopoverType | undefined;
-                        readonly fullWidth
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean | undefined;
-                        readonly maxInlineSize
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: string | undefined;
-                        readonly stretchInline
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean | undefined;
-                        readonly content
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: string | undefined;
-                        readonly placement
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: Exclude<import('@knime/kds-components').KdsPopoverPlacement, "custom"> | undefined;
-                        readonly customPlacementPosition
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: never | undefined;
-                        readonly "onUpdate:modelValue"
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: ((value: boolean) => any) | undefined;
-                    } | {
-                        readonly modelValue
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean | undefined;
-                        readonly role
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: import('@knime/kds-components').KdsPopoverRole | undefined;
-                        readonly popoverType
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: import('@knime/kds-components').KdsPopoverType | undefined;
-                        readonly fullWidth
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean | undefined;
-                        readonly maxInlineSize
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: string | undefined;
-                        readonly stretchInline
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean | undefined;
-                        readonly content
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: string | undefined;
-                        readonly placement: "custom";
-                        readonly customPlacementPosition: {
-                            x: number;
-                            y: number;
-                        };
-                        readonly "onUpdate:modelValue"
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: ((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
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean;
-                    } & {
-                        role
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: import('@knime/kds-components').KdsPopoverRole;
-                        popoverType
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: import('@knime/kds-components').KdsPopoverType;
-                        fullWidth
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean;
-                        maxInlineSize
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: string;
-                        stretchInline
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean;
-                        content
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: string;
-                    } & {
-                        placement
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: Exclude<import('@knime/kds-components').KdsPopoverPlacement, "custom">;
-                        customPlacementPosition
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: never;
-                    }) | ({
-                        modelValue
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean;
-                    } & {
-                        role
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: import('@knime/kds-components').KdsPopoverRole;
-                        popoverType
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: import('@knime/kds-components').KdsPopoverType;
-                        fullWidth
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean;
-                        maxInlineSize
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: string;
-                        stretchInline
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean;
-                        content
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: string;
-                    } & {
-                        placement: "custom";
-                        customPlacementPosition: {
-                            x: number;
-                            y: number;
-                        };
-                    })> & Readonly<{
-                        "onUpdate:modelValue"
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: ((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
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        created
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        beforeMount
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        mounted
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        beforeUpdate
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        updated
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        activated
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        deactivated
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        beforeDestroy
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        beforeUnmount
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        destroyed
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        unmounted
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        renderTracked
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        renderTriggered
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        errorCaptured
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: ((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 import('vue').nextTick;
-                    $watch<T extends string | ((
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ...args: any) => any)>(source: T, cb: T extends (
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ...args: any) => infer R ? (
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options
+                } & {
+                    modelValue
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
                      * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
@@ -4784,260 +3404,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-                } & Readonly<{}> & Omit<{} & (Readonly<({
-                    modelValue
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                } & {
-                    role
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('@knime/kds-components').KdsPopoverRole;
-                    popoverType
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('@knime/kds-components').KdsPopoverType;
-                    fullWidth
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                    maxInlineSize
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: string;
-                    stretchInline
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                    content
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: string;
-                } & {
-                    placement
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: Exclude<import('@knime/kds-components').KdsPopoverPlacement, "custom">;
-                    customPlacementPosition
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: never;
-                }) | ({
-                    modelValue
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                } & {
-                    role
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('@knime/kds-components').KdsPopoverRole;
-                    popoverType
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('@knime/kds-components').KdsPopoverType;
-                    fullWidth
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                    maxInlineSize
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: string;
-                    stretchInline
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                    content
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: string;
-                } & {
-                    placement: "custom";
-                    customPlacementPosition: {
-                        x: number;
-                        y: number;
-                    };
-                })> & Readonly<{
-                    "onUpdate:modelValue"
+                    ?: boolean;
+                })> & Readonly<{
+                    "onUpdate:modelValue"
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
                      * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
@@ -5052,65 +3421,44 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: ((value: boolean) => any) | undefined;
-                }>), "anchorStyle" | "popoverId"> & {
-                    anchorStyle: Record<string, string>;
-                    popoverId: string;
-                } & {} & import('vue').ComponentCustomProperties & {} & {
-                    $slots: Readonly<{
-                        default(): unknown;
-                    }> & {
-                        default(): unknown;
-                    };
-                }) | null;
-                menuContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/components/dist/src/containers/MenuContainer').KdsMenuContainerProps> & Readonly<{
-                    onItemClick
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: ((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
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: ((id: string) => any) | undefined;
-                }>, {
-                    focus: () => void;
-                }, {}, {}, {}, {}> | null;
-            }, any>;
+                }>), {}, {}, {}, {}, {}> | null>>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: boolean) => any;
+                itemClick: (id: string) => any;
+            }, string, import('vue').PublicProps, Readonly<(import('@knime/kds-components').WithTestId & {
+                size?: import('@knime/kds-components').KdsButtonSize;
+                disabled?: boolean;
+                tooltip?: string;
+                variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
+            } & {
+                label: string;
+                leadingIcon?: import('@knime/kds-components').KdsIconName;
+                trailingIcon?: import('@knime/kds-components').KdsIconName;
+                ariaLabel?: never;
+            } & {
+                items: KdsMenuItem[];
+                menuMaxHeight?: string;
+            } & {
+                modelValue?: boolean;
+            }) | (import('@knime/kds-components').WithTestId & {
+                size?: import('@knime/kds-components').KdsButtonSize;
+                disabled?: boolean;
+                tooltip?: string;
+                variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
+            } & {
+                label?: never;
+                leadingIcon: import('@knime/kds-components').KdsIconName;
+                trailingIcon?: never;
+                ariaLabel: string;
+            } & {
+                items: KdsMenuItem[];
+                menuMaxHeight?: string;
+            } & {
+                modelValue?: boolean;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                onItemClick?: ((id: string) => any) | undefined;
+            }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         Header: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             tableConfig: {
@@ -5270,8 +3618,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             selectedHeaderIndex: number | null;
         }, {}, {
             KdsCheckbox: import('vue').DefineComponent<({
-                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
-            } & {
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -5279,9 +3625,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label: string;
                 tooltip?: never;
-            }) | ({
-                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
+            }) | ({
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -5289,11 +3635,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label?: never;
                 tooltip: string;
+            } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             }), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 "update:modelValue": (value: import('@knime/kds-components').KdsCheckboxValue) => any;
             }, string, import('vue').PublicProps, Readonly<({
-                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
-            } & {
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -5301,9 +3647,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label: string;
                 tooltip?: never;
-            }) | ({
-                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
+            }) | ({
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -5311,10 +3657,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label?: never;
                 tooltip: string;
+            } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             })> & Readonly<{
                 "onUpdate:modelValue"?: ((value: import('@knime/kds-components').KdsCheckboxValue) => any) | undefined;
-            }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-            KdsButton: import('vue').DefineComponent<(import('packages/components/dist/src/types/testId').WithTestId & {
+            }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+            KdsButton: import('vue').DefineComponent<(import('@knime/kds-components').WithTestId & {
                 size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
@@ -5324,7 +3672,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 leadingIcon?: import('@knime/kds-components').KdsIconName;
                 trailingIcon?: import('@knime/kds-components').KdsIconName;
                 ariaLabel?: never;
-            } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
+            } & import('@knime/kds-components').WithDestructive) | (import('@knime/kds-components').WithTestId & {
                 size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
@@ -5334,9 +3682,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 leadingIcon: import('@knime/kds-components').KdsIconName;
                 trailingIcon?: never;
                 ariaLabel: string;
-            } & import('packages/components/dist/src/buttons/types').WithDestructive), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            } & import('@knime/kds-components').WithDestructive), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 click: (event: MouseEvent) => any;
-            }, string, import('vue').PublicProps, Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
+            }, string, import('vue').PublicProps, Readonly<(import('@knime/kds-components').WithTestId & {
                 size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
@@ -5346,7 +3694,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 leadingIcon?: import('@knime/kds-components').KdsIconName;
                 trailingIcon?: import('@knime/kds-components').KdsIconName;
                 ariaLabel?: never;
-            } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
+            } & import('@knime/kds-components').WithDestructive) | (import('@knime/kds-components').WithTestId & {
                 size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
@@ -5356,7 +3704,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 leadingIcon: import('@knime/kds-components').KdsIconName;
                 trailingIcon?: never;
                 ariaLabel: string;
-            } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
+            } & import('@knime/kds-components').WithDestructive)> & Readonly<{
                 onClick?: ((event: MouseEvent) => any) | undefined;
             }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
             HeaderCell: {
@@ -5405,66 +3753,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     columnResizeStart: () => any;
                     columnResizeEnd: () => any;
                     allColumnsResize: (newSize: number) => any;
-                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                    columnHeader: HTMLTableCellElement;
-                    content: HTMLDivElement;
-                    mainHeader: HTMLDivElement;
-                    headerText: HTMLSpanElement;
-                    columnDeleteButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('@knime/kds-components').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
-                    } & {
-                        label: string;
-                        leadingIcon?: import('@knime/kds-components').KdsIconName;
-                        trailingIcon?: import('@knime/kds-components').KdsIconName;
-                        ariaLabel?: never;
-                    } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('@knime/kds-components').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
-                    } & {
-                        label?: never;
-                        leadingIcon: import('@knime/kds-components').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('@knime/kds-components').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
-                    } & {
-                        label: string;
-                        leadingIcon?: import('@knime/kds-components').KdsIconName;
-                        trailingIcon?: import('@knime/kds-components').KdsIconName;
-                        ariaLabel?: never;
-                    } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('@knime/kds-components').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
-                    } & {
-                        label?: never;
-                        leadingIcon: import('@knime/kds-components').KdsIconName;
-                        trailingIcon?: never;
-                        ariaLabel: string;
-                    } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
-                        onClick?: ((event: MouseEvent) => any) | undefined;
-                    }>), {}, {}, {}, {}, {}> | null;
-                }, HTMLTableCellElement, import('vue').ComponentProvideOptions, {
+                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
@@ -5552,9 +3841,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 allColumnsResize: (newSize: 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: {
-                    subHeader?(_: {
+                    subHeader?: (props: {
                         subHeader: string;
-                    }): any;
+                    }) => any;
                 };
             });
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -5620,117 +3909,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 } | 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('@knime/kds-components').KdsButtonSize;
-                    disabled?: boolean;
-                    tooltip?: string;
-                    variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
-                } & {
-                    label: string;
-                    leadingIcon?: import('@knime/kds-components').KdsIconName;
-                    trailingIcon?: import('@knime/kds-components').KdsIconName;
-                    ariaLabel?: never;
-                } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
-                    size?: import('@knime/kds-components').KdsButtonSize;
-                    disabled?: boolean;
-                    tooltip?: string;
-                    variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
-                } & {
-                    label?: never;
-                    leadingIcon: import('@knime/kds-components').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('@knime/kds-components').KdsButtonSize;
-                    disabled?: boolean;
-                    tooltip?: string;
-                    variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
-                } & {
-                    label: string;
-                    leadingIcon?: import('@knime/kds-components').KdsIconName;
-                    trailingIcon?: import('@knime/kds-components').KdsIconName;
-                    ariaLabel?: never;
-                } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
-                    size?: import('@knime/kds-components').KdsButtonSize;
-                    disabled?: boolean;
-                    tooltip?: string;
-                    variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
-                } & {
-                    label?: never;
-                    leadingIcon: import('@knime/kds-components').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('@knime/kds-components').KdsCheckboxValue;
-                } & {
-                    disabled?: boolean;
-                    error?: boolean;
-                    subText?: string;
-                    preserveSubTextSpace?: boolean;
-                } & {
-                    label: string;
-                    tooltip?: never;
-                }) | ({
-                    modelValue?: import('@knime/kds-components').KdsCheckboxValue;
-                } & {
-                    disabled?: boolean;
-                    error?: boolean;
-                    subText?: string;
-                    preserveSubTextSpace?: boolean;
-                } & {
-                    label?: never;
-                    tooltip: string;
-                })> & Readonly<{
-                    "onUpdate:modelValue"?: ((value: import('@knime/kds-components').KdsCheckboxValue) => any) | undefined;
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    "update:modelValue": (value: import('@knime/kds-components').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('@knime/kds-components').KdsCheckboxValue;
-                } & {
-                    disabled?: boolean;
-                    error?: boolean;
-                    subText?: string;
-                    preserveSubTextSpace?: boolean;
-                } & {
-                    label: string;
-                    tooltip?: never;
-                }) | ({
-                    modelValue?: import('@knime/kds-components').KdsCheckboxValue;
-                } & {
-                    disabled?: boolean;
-                    error?: boolean;
-                    subText?: string;
-                    preserveSubTextSpace?: boolean;
-                } & {
-                    label?: never;
-                    tooltip: string;
-                })> & Readonly<{
-                    "onUpdate:modelValue"?: ((value: import('@knime/kds-components').KdsCheckboxValue) => any) | undefined;
-                }>), {}, {}, {}, {}, {}> | null;
-            }, any, import('vue').ComponentProvideOptions, {
+            }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
@@ -5853,17 +4032,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             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'?(_: {
+            $slots: {
+                [x: string]: ((props: {
+                    row: any[];
+                    cell: any;
+                    height: number | "dynamic";
+                    width: any;
+                    ind: number;
+                }) => any) | undefined;
+            } & {
+                'editable-cell'?: (props: {
                     cellElement: any;
                     ind: number;
-                }): any;
+                }) => any;
             };
         });
         CellSelectionOverlay: import('vue').DefineComponent<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps, {
@@ -5906,9 +4087,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }) => 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').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
         TableCore: {
             new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                 scrollData: import('./TableUI.vue').DataItem[][];
@@ -5976,177 +4155,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 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: import('./TableUI.vue').DataItem[];
-                        readonly scrollConfig: {
-                            numRowsAbove: number;
-                            numRowsBelow: number;
-                            itemSize: number;
-                            compact: boolean;
-                        };
-                        readonly specialColumnSizes: {
-                            selectionSize: number;
-                            deletionSize: number;
-                            rightSideSize: number;
-                        };
-                        readonly tableConfig: TableConfig;
-                        readonly columnResizeActive: boolean;
-                        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]: 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
-                            /**
-                             * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                             * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                             * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                             * height given by the auto row height options.
-                             * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                             * method is automatically called from within this component when:
-                             *  - the component is mounted
-                             *  - one property of the autoColumnSizesOptions changes
-                             *  - one property of the autoRowHeightOptions changes
-                             *  - columns were removed, added, or replaced
-                             *  - the compact mode is toggled
-                             */
-                            ?: number;
-                            left
-                            /**
-                             * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                             * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                             * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                             * height given by the auto row height options.
-                             * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                             * method is automatically called from within this component when:
-                             *  - the component is mounted
-                             *  - one property of the autoColumnSizesOptions changes
-                             *  - one property of the autoRowHeightOptions changes
-                             *  - columns were removed, added, or replaced
-                             *  - the compact mode is toggled
-                             */
-                            ?: 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 import('vue').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
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: number;
-                        left
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: 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, {
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
@@ -6284,16 +4293,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             "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?(_: {
+                header?: (props: {
                     getDragHandleHeight: () => number;
-                }): any;
-                row?(_: {
+                }) => any;
+            } & {
+                row?: (props: {
                     row: any;
                     rowInd: number;
                     groupInd: null;
-                }): any;
-                'cell-selection-overlay'?(_: {}): any;
-                belowBody?(_: {}): any;
+                }) => any;
+            } & {
+                'cell-selection-overlay'?: (props: {}) => any;
+            } & {
+                belowBody?: (props: {}) => any;
             };
         });
         NewRowButton: import('vue').DefineComponent<{}, {
@@ -6304,7 +4316,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
             onClick?: ((event: MouseEvent) => any) | undefined;
             "onKeydown-up"?: ((event: KeyboardEvent) => any) | undefined;
-        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         TableActionBar: {
             new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                 tableSizes?: TableState["tableSizes"];
@@ -6363,10 +4375,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             "update:searchTerm": (newSearchTerm: string) => any;
         }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
             $slots: {
-                'action-bar-left'?(_: {}): any;
+                'action-bar-left'?: (props: {}) => any;
             };
         });
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
 //# sourceMappingURL=TableUIWithAutoSizeCalculation.vue.d.ts.map