@knime/kds-table 0.7.0 → 0.8.0

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

@@ -21,7 +21,9 @@ export type DataItem = {
 /**
  * @see README.md
  */
-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 props.
      */
@@ -154,120 +156,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: 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]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: ((event: "moveSelection", horizontalMove: number, verticalMove: number, expandSelection: boolean) => void) & ((event: "clearSelection") => void) & ((event: "expandSelectedCell") => void) & ((event: "startEditing", initialValue?: string | undefined) => void) & ((event: "bodyFocusin") => void) & ((event: "bodyFocusout") => void) & ((event: "scrollerUpdate", startIndex: number, endIndex: number) => void);
-                $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
-                    onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                    onClearSelection?: (() => any) | undefined;
-                    onExpandSelectedCell?: (() => any) | undefined;
-                    onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                    onBodyFocusin?: (() => any) | undefined;
-                    onBodyFocusout?: (() => any) | undefined;
-                    onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-                }>, {
-                    scrollToPosition: ({ top, left }: {
-                        top?: number;
-                        left?: number;
-                    }) => void;
-                    getScrollStart: () => number;
-                    getBody: () => HTMLTableSectionElement | null | undefined;
-                    getContainer: () => HTMLElement | null;
-                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    moveSelection: (horizontalMove: number, verticalMove: number, expandSelection: boolean) => any;
-                    clearSelection: () => any;
-                    expandSelectedCell: () => any;
-                    startEditing: (initialValue?: string | undefined) => any;
-                    bodyFocusin: () => any;
-                    bodyFocusout: () => any;
-                    scrollerUpdate: (startIndex: number, endIndex: number) => any;
-                }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            } & Readonly<{}> & Omit<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
-                onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                onClearSelection?: (() => any) | undefined;
-                onExpandSelectedCell?: (() => any) | undefined;
-                onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                onBodyFocusin?: (() => any) | undefined;
-                onBodyFocusout?: (() => any) | undefined;
-                onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-            }>, "getBody" | "scrollToPosition" | "getScrollStart" | "getContainer"> & {
-                scrollToPosition: ({ top, left }: {
-                    top?: number;
-                    left?: number;
-                }) => void;
-                getScrollStart: () => number;
-                getBody: () => HTMLTableSectionElement | null | undefined;
-                getContainer: () => HTMLElement | null;
-            } & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: {
-                    header?(_: {
-                        getDragHandleHeight: () => number;
-                    }): any;
-                    'cell-selection-overlay'?(_: {}): any;
-                    row?(_: {
-                        rowInd: number;
-                        row: any;
-                    }): any;
-                    belowBody?(_: {}): any;
-                };
-            }) | null;
         };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
@@ -368,16 +256,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;
@@ -408,120 +299,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: 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]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: ((event: "moveSelection", horizontalMove: number, verticalMove: number, expandSelection: boolean) => void) & ((event: "clearSelection") => void) & ((event: "expandSelectedCell") => void) & ((event: "startEditing", initialValue?: string | undefined) => void) & ((event: "bodyFocusin") => void) & ((event: "bodyFocusout") => void) & ((event: "scrollerUpdate", startIndex: number, endIndex: number) => void);
-                $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
-                    onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                    onClearSelection?: (() => any) | undefined;
-                    onExpandSelectedCell?: (() => any) | undefined;
-                    onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                    onBodyFocusin?: (() => any) | undefined;
-                    onBodyFocusout?: (() => any) | undefined;
-                    onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-                }>, {
-                    scrollToPosition: ({ top, left }: {
-                        top?: number;
-                        left?: number;
-                    }) => void;
-                    getScrollStart: () => number;
-                    getBody: () => HTMLTableSectionElement | null | undefined;
-                    getContainer: () => HTMLElement | null;
-                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    moveSelection: (horizontalMove: number, verticalMove: number, expandSelection: boolean) => any;
-                    clearSelection: () => any;
-                    expandSelectedCell: () => any;
-                    startEditing: (initialValue?: string | undefined) => any;
-                    bodyFocusin: () => any;
-                    bodyFocusout: () => any;
-                    scrollerUpdate: (startIndex: number, endIndex: number) => any;
-                }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            } & Readonly<{}> & Omit<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
-                onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                onClearSelection?: (() => any) | undefined;
-                onExpandSelectedCell?: (() => any) | undefined;
-                onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                onBodyFocusin?: (() => any) | undefined;
-                onBodyFocusout?: (() => any) | undefined;
-                onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-            }>, "getBody" | "scrollToPosition" | "getScrollStart" | "getContainer"> & {
-                scrollToPosition: ({ top, left }: {
-                    top?: number;
-                    left?: number;
-                }) => void;
-                getScrollStart: () => number;
-                getBody: () => HTMLTableSectionElement | null | undefined;
-                getContainer: () => HTMLElement | null;
-            } & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: {
-                    header?(_: {
-                        getDragHandleHeight: () => number;
-                    }): any;
-                    'cell-selection-overlay'?(_: {}): any;
-                    row?(_: {
-                        rowInd: number;
-                        row: any;
-                    }): any;
-                    belowBody?(_: {}): any;
-                };
-            }) | null;
         };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
@@ -622,16 +399,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: Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
@@ -755,8 +535,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;
@@ -764,9 +542,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;
@@ -774,11 +552,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;
@@ -786,9 +564,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;
@@ -796,10 +574,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;
@@ -809,7 +589,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;
@@ -819,9 +599,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;
@@ -831,7 +611,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;
@@ -841,7 +621,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: {
@@ -890,66 +670,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: {};
@@ -1037,9 +758,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, {
@@ -1271,8 +992,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;
@@ -1280,9 +999,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;
@@ -1290,11 +1009,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;
@@ -1302,9 +1021,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;
@@ -1312,10 +1031,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;
@@ -1325,7 +1046,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;
@@ -1335,9 +1056,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;
@@ -1347,7 +1068,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;
@@ -1357,7 +1078,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: {
@@ -1406,66 +1127,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: {};
@@ -1553,9 +1215,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, {
@@ -1679,9 +1341,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 | {
@@ -1693,9 +1353,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 | {
@@ -1707,9 +1365,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 | {
@@ -1721,9 +1377,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;
@@ -2215,7 +1869,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;
@@ -2229,9 +1883,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;
@@ -2242,11 +1894,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;
@@ -2257,12 +1909,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?: boolean;
-            } & import('packages/components/dist/src/types/testId').WithTestId & {
+            menuButtonEl: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('@knime/kds-components').WithTestId & {
                 size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
@@ -2272,9 +1924,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 leadingIcon?: import('@knime/kds-components').KdsIconName;
                 trailingIcon?: import('@knime/kds-components').KdsIconName;
                 ariaLabel?: never;
-            }) | ({
+            } & {
                 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;
@@ -2284,6 +1936,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 leadingIcon: import('@knime/kds-components').KdsIconName;
                 trailingIcon?: never;
                 ariaLabel: string;
+            } & {
+                modelValue?: boolean;
             })> & Readonly<{
                 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -2295,9 +1949,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 C: {};
                 M: {};
                 Defaults: {};
-            }, {} & (Readonly<({
-                modelValue?: boolean;
-            } & import('packages/components/dist/src/types/testId').WithTestId & {
+            }, {} & (Readonly<(import('@knime/kds-components').WithTestId & {
                 size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
@@ -2307,9 +1959,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 leadingIcon?: import('@knime/kds-components').KdsIconName;
                 trailingIcon?: import('@knime/kds-components').KdsIconName;
                 ariaLabel?: never;
-            }) | ({
+            } & {
                 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;
@@ -2319,49 +1971,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 leadingIcon: import('@knime/kds-components').KdsIconName;
                 trailingIcon?: never;
                 ariaLabel: string;
+            } & {
+                modelValue?: boolean;
             })> & Readonly<{
                 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            }>), {}, {}, {}, {}, {}> | null>>;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "update:modelValue": (value: boolean) => any;
-            itemClick: (id: string) => any;
-        }, string, import('vue').PublicProps, Readonly<({
-            modelValue?: boolean;
-        } & import('packages/components/dist/src/types/testId').WithTestId & {
-            size?: import('@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;
-            } & import('packages/components/dist/src/types/testId').WithTestId & {
+            }>), {}, {}, {}, {}, {}> | null, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('@knime/kds-components').WithTestId & {
                 size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
@@ -2371,9 +1985,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 leadingIcon?: import('@knime/kds-components').KdsIconName;
                 trailingIcon?: import('@knime/kds-components').KdsIconName;
                 ariaLabel?: never;
-            }) | ({
+            } & {
                 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;
@@ -2383,6 +1997,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 leadingIcon: import('@knime/kds-components').KdsIconName;
                 trailingIcon?: never;
                 ariaLabel: string;
+            } & {
+                modelValue?: boolean;
             })> & Readonly<{
                 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -2394,9 +2010,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 C: {};
                 M: {};
                 Defaults: {};
-            }, {} & (Readonly<({
-                modelValue?: boolean;
-            } & import('packages/components/dist/src/types/testId').WithTestId & {
+            }, {} & (Readonly<(import('@knime/kds-components').WithTestId & {
                 size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
@@ -2406,9 +2020,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 leadingIcon?: import('@knime/kds-components').KdsIconName;
                 trailingIcon?: import('@knime/kds-components').KdsIconName;
                 ariaLabel?: never;
-            }) | ({
+            } & {
                 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;
@@ -2418,166 +2032,48 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 leadingIcon: import('@knime/kds-components').KdsIconName;
                 trailingIcon?: never;
                 ariaLabel: string;
-            })> & Readonly<{
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            }>), {}, {}, {}, {}, {}> | null;
-            popover: ({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: ({
-                    readonly modelValue?: boolean | undefined;
-                    readonly role?: import('@knime/kds-components').KdsPopoverRole | undefined;
-                    readonly popoverType?: import('@knime/kds-components').KdsPopoverType | undefined;
-                    readonly fullWidth?: boolean | undefined;
-                    readonly maxInlineSize?: string | undefined;
-                    readonly stretchInline?: boolean | undefined;
-                    readonly content?: string | undefined;
-                    readonly placement?: Exclude<import('@knime/kds-components').KdsPopoverPlacement, "custom"> | undefined;
-                    readonly customPlacementPosition?: never | undefined;
-                    readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-                } | {
-                    readonly modelValue?: boolean | undefined;
-                    readonly role?: import('@knime/kds-components').KdsPopoverRole | undefined;
-                    readonly popoverType?: import('@knime/kds-components').KdsPopoverType | undefined;
-                    readonly fullWidth?: boolean | undefined;
-                    readonly maxInlineSize?: string | undefined;
-                    readonly stretchInline?: boolean | undefined;
-                    readonly content?: string | undefined;
-                    readonly placement: "custom";
-                    readonly customPlacementPosition: {
-                        x: number;
-                        y: number;
-                    };
-                    readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-                }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                $attrs: import('vue').Attrs;
-                $refs: {
-                    [x: string]: unknown;
-                } & {
-                    popoverEl: HTMLDivElement;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: "update:modelValue", value: boolean) => void;
-                $el: HTMLDivElement;
-                $options: import('vue').ComponentOptionsBase<Readonly<({
-                    modelValue?: boolean;
-                } & {
-                    role?: import('@knime/kds-components').KdsPopoverRole;
-                    popoverType?: import('@knime/kds-components').KdsPopoverType;
-                    fullWidth?: boolean;
-                    maxInlineSize?: string;
-                    stretchInline?: boolean;
-                    content?: string;
-                } & {
-                    placement?: Exclude<import('@knime/kds-components').KdsPopoverPlacement, "custom">;
-                    customPlacementPosition?: never;
-                }) | ({
-                    modelValue?: boolean;
-                } & {
-                    role?: import('@knime/kds-components').KdsPopoverRole;
-                    popoverType?: import('@knime/kds-components').KdsPopoverType;
-                    fullWidth?: boolean;
-                    maxInlineSize?: string;
-                    stretchInline?: boolean;
-                    content?: string;
-                } & {
-                    placement: "custom";
-                    customPlacementPosition: {
-                        x: number;
-                        y: number;
-                    };
-                })> & Readonly<{
-                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-                }>, {
-                    anchorStyle: Record<string, string>;
-                    popoverId: string;
-                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    "update:modelValue": (value: boolean) => any;
-                }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof 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<({
-                modelValue?: boolean;
             } & {
-                role?: import('@knime/kds-components').KdsPopoverRole;
-                popoverType?: import('@knime/kds-components').KdsPopoverType;
-                fullWidth?: boolean;
-                maxInlineSize?: string;
-                stretchInline?: boolean;
-                content?: string;
-            } & {
-                placement?: Exclude<import('@knime/kds-components').KdsPopoverPlacement, "custom">;
-                customPlacementPosition?: never;
-            }) | ({
                 modelValue?: boolean;
-            } & {
-                role?: import('@knime/kds-components').KdsPopoverRole;
-                popoverType?: import('@knime/kds-components').KdsPopoverType;
-                fullWidth?: boolean;
-                maxInlineSize?: string;
-                stretchInline?: boolean;
-                content?: string;
-            } & {
-                placement: "custom";
-                customPlacementPosition: {
-                    x: number;
-                    y: number;
-                };
             })> & Readonly<{
                 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            }>), "anchorStyle" | "popoverId"> & {
-                anchorStyle: Record<string, string>;
-                popoverId: string;
-            } & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: Readonly<{
-                    default(): unknown;
-                }> & {
-                    default(): unknown;
-                };
-            }) | null;
-            menuContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/components/dist/src/containers/MenuContainer').KdsMenuContainerProps> & Readonly<{
-                onItemClick?: ((id: string) => any) | undefined;
-            }>, {
-                focus: () => void;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                itemClick: (id: string) => any;
-            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                containerEl: HTMLDivElement;
-            }, HTMLDivElement, import('vue').ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import('packages/components/dist/src/containers/MenuContainer').KdsMenuContainerProps> & Readonly<{
-                onItemClick?: ((id: string) => any) | undefined;
-            }>, {
-                focus: () => void;
-            }, {}, {}, {}, {}> | null;
-        }, any>;
+            }>), {}, {}, {}, {}, {}> | 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: {
@@ -2737,8 +2233,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;
@@ -2746,9 +2240,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;
@@ -2756,11 +2250,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;
@@ -2768,9 +2262,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;
@@ -2778,10 +2272,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;
@@ -2791,7 +2287,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;
@@ -2801,9 +2297,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;
@@ -2813,7 +2309,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;
@@ -2823,7 +2319,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: {
@@ -2872,66 +2368,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: {};
@@ -3019,9 +2456,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>;
@@ -3073,117 +2510,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: {};
@@ -3278,17 +2605,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, {
@@ -3303,9 +2632,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: DataItem[][];
@@ -3345,121 +2672,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: 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]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: ((event: "moveSelection", horizontalMove: number, verticalMove: number, expandSelection: boolean) => void) & ((event: "clearSelection") => void) & ((event: "expandSelectedCell") => void) & ((event: "startEditing", initialValue?: string | undefined) => void) & ((event: "bodyFocusin") => void) & ((event: "bodyFocusout") => void) & ((event: "scrollerUpdate", startIndex: number, endIndex: number) => void);
-                $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
-                    onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                    onClearSelection?: (() => any) | undefined;
-                    onExpandSelectedCell?: (() => any) | undefined;
-                    onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                    onBodyFocusin?: (() => any) | undefined;
-                    onBodyFocusout?: (() => any) | undefined;
-                    onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-                }>, {
-                    scrollToPosition: ({ top, left }: {
-                        top?: number;
-                        left?: number;
-                    }) => void;
-                    getScrollStart: () => number;
-                    getBody: () => HTMLTableSectionElement | null | undefined;
-                    getContainer: () => HTMLElement | null;
-                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    moveSelection: (horizontalMove: number, verticalMove: number, expandSelection: boolean) => any;
-                    clearSelection: () => any;
-                    expandSelectedCell: () => any;
-                    startEditing: (initialValue?: string | undefined) => any;
-                    bodyFocusin: () => any;
-                    bodyFocusout: () => any;
-                    scrollerUpdate: (startIndex: number, endIndex: number) => any;
-                }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            } & Readonly<{}> & Omit<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
-                onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                onClearSelection?: (() => any) | undefined;
-                onExpandSelectedCell?: (() => any) | undefined;
-                onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                onBodyFocusin?: (() => any) | undefined;
-                onBodyFocusout?: (() => any) | undefined;
-                onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-            }>, "getBody" | "scrollToPosition" | "getScrollStart" | "getContainer"> & {
-                scrollToPosition: ({ top, left }: {
-                    top?: number;
-                    left?: number;
-                }) => void;
-                getScrollStart: () => number;
-                getBody: () => HTMLTableSectionElement | null | undefined;
-                getContainer: () => HTMLElement | null;
-            } & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: {
-                    header?(_: {
-                        getDragHandleHeight: () => number;
-                    }): any;
-                    'cell-selection-overlay'?(_: {}): any;
-                    row?(_: {
-                        rowInd: number;
-                        row: any;
-                    }): any;
-                    belowBody?(_: {}): any;
-                };
-            }) | null;
-        }, any, import('vue').ComponentProvideOptions, {
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -3541,16 +2754,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<{}, {
@@ -3561,7 +2777,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"];
@@ -3620,9 +2836,8 @@ 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>;
-export default _default;
 //# sourceMappingURL=TableUI.vue.d.ts.map