@knime/kds-table 0.6.4 → 0.8.0

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

@@ -1,13 +1,16 @@
 import { PropType, Slot } from 'vue';
+import { KdsMenuItem } from '@knime/kds-components';
 import { ActionConfig, ActionState } from '../types/ActionConfig';
 import { ColumnConfig, ColumnId } from '../types/ColumnConfig';
-import { ColFilterValues, ColSortValue } from '../types/ColumnState';
+import { ColSortValue } from '../types/ColumnState';
 import { PageConfig, PageState } from '../types/PageConfig';
 import { RowConfig } from '../types/RowConfig';
 import { SubMenuConfig } from '../types/SubMenuConfig';
 import { TableConfig, TableState } from '../types/TableConfig';
 type SizeByColumn = Record<string | symbol, number>;
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     data: {
         type: PropType<Array<Array<any>>>;
         default: () => never[];
@@ -50,9 +53,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<ActionState | undefined>;
         default: undefined;
     };
-    colFilterValues: {
-        type: PropType<ColFilterValues>;
-        default: () => {};
+    additionalHeaderMenuItems: {
+        type: PropType<KdsMenuItem[][]>;
+        default: () => never[];
     };
     colSortValues: {
         type: PropType<ColSortValue[]>;
@@ -228,9 +231,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<ActionState | undefined>;
         default: undefined;
     };
-    colFilterValues: {
-        type: PropType<ColFilterValues>;
-        default: () => {};
+    additionalHeaderMenuItems: {
+        type: PropType<KdsMenuItem[][]>;
+        default: () => never[];
     };
     colSortValues: {
         type: PropType<ColSortValue[]>;
@@ -290,10 +293,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     pageConfig: PageConfig | undefined;
     tableState: TableState;
     pageState: PageState | undefined;
-    colFilterValues: ColFilterValues;
     colSortValues: ColSortValue[];
     actionState: ActionState | undefined;
     actionConfig: ActionConfig | undefined;
+    additionalHeaderMenuItems: KdsMenuItem[][];
     rowConfig: RowConfig;
     numRowsAbove: number;
     numRowsBelow: number;
@@ -340,9 +343,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: PropType<ColumnConfig[]>;
             required: true;
         };
-        colFilterValues: {
-            type: PropType<ColFilterValues>;
-            default: () => {};
+        additionalHeaderMenuItems: {
+            type: PropType<KdsMenuItem[][]>;
+            default: () => never[];
         };
         colSortValues: {
             type: PropType<ColSortValue[]>;
@@ -417,176 +420,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
-            } & {
-                tableCoreVirtual: ({
-                    $: import('vue').ComponentInternalInstance;
-                    $data: {};
-                    $props: {
-                        readonly scrollData: import('./TableUI.vue').DataItem[];
-                        readonly scrollConfig: {
-                            numRowsAbove: number;
-                            numRowsBelow: number;
-                            itemSize: number;
-                            compact: boolean;
-                        };
-                        readonly specialColumnSizes: {
-                            selectionSize: number;
-                            deletionSize: number;
-                            rightSideSize: number;
-                        };
-                        readonly tableConfig: TableConfig;
-                        readonly columnResizeActive: boolean;
-                        readonly onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                        readonly onClearSelection?: (() => any) | undefined;
-                        readonly onExpandSelectedCell?: (() => any) | undefined;
-                        readonly onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                        readonly onBodyFocusin?: (() => any) | undefined;
-                        readonly onBodyFocusout?: (() => any) | undefined;
-                        readonly onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                    $attrs: import('vue').Attrs;
-                    $refs: {
-                        [x: string]: unknown;
-                    } & {
-                        headerContainer: HTMLDivElement;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: Slot<any> | undefined;
-                    }>;
-                    $root: import('vue').ComponentPublicInstance | null;
-                    $parent: import('vue').ComponentPublicInstance | null;
-                    $host: Element | null;
-                    $emit: ((event: "moveSelection", horizontalMove: number, verticalMove: number, expandSelection: boolean) => void) & ((event: "clearSelection") => void) & ((event: "expandSelectedCell") => void) & ((event: "startEditing", initialValue?: string | undefined) => void) & ((event: "bodyFocusin") => void) & ((event: "bodyFocusout") => void) & ((event: "scrollerUpdate", startIndex: number, endIndex: number) => void);
-                    $el: any;
-                    $options: import('vue').ComponentOptionsBase<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
-                        onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                        onClearSelection?: (() => any) | undefined;
-                        onExpandSelectedCell?: (() => any) | undefined;
-                        onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                        onBodyFocusin?: (() => any) | undefined;
-                        onBodyFocusout?: (() => any) | undefined;
-                        onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-                    }>, {
-                        scrollToPosition: ({ top, left }: {
-                            top
-                            /**
-                             * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                             * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                             * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                             * height given by the auto row height options.
-                             * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                             * method is automatically called from within this component when:
-                             *  - the component is mounted
-                             *  - one property of the autoColumnSizesOptions changes
-                             *  - one property of the autoRowHeightOptions changes
-                             *  - columns were removed, added, or replaced
-                             *  - the compact mode is toggled
-                             */
-                            ?: number;
-                            left
-                            /**
-                             * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                             * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                             * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                             * height given by the auto row height options.
-                             * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                             * method is automatically called from within this component when:
-                             *  - the component is mounted
-                             *  - one property of the autoColumnSizesOptions changes
-                             *  - one property of the autoRowHeightOptions changes
-                             *  - columns were removed, added, or replaced
-                             *  - the compact mode is toggled
-                             */
-                            ?: number;
-                        }) => void;
-                        getScrollStart: () => number;
-                        getBody: () => HTMLTableSectionElement | null | undefined;
-                        getContainer: () => HTMLElement | null;
-                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                        moveSelection: (horizontalMove: number, verticalMove: number, expandSelection: boolean) => any;
-                        clearSelection: () => any;
-                        expandSelectedCell: () => any;
-                        startEditing: (initialValue?: string | undefined) => any;
-                        bodyFocusin: () => any;
-                        bodyFocusout: () => any;
-                        scrollerUpdate: (startIndex: number, endIndex: number) => any;
-                    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                        beforeCreate?: (() => void) | (() => void)[];
-                        created?: (() => void) | (() => void)[];
-                        beforeMount?: (() => void) | (() => void)[];
-                        mounted?: (() => void) | (() => void)[];
-                        beforeUpdate?: (() => void) | (() => void)[];
-                        updated?: (() => void) | (() => void)[];
-                        activated?: (() => void) | (() => void)[];
-                        deactivated?: (() => void) | (() => void)[];
-                        beforeDestroy?: (() => void) | (() => void)[];
-                        beforeUnmount?: (() => void) | (() => void)[];
-                        destroyed?: (() => void) | (() => void)[];
-                        unmounted?: (() => void) | (() => void)[];
-                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                    };
-                    $forceUpdate: () => void;
-                    $nextTick: typeof import('vue').nextTick;
-                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-                } & Readonly<{}> & Omit<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
-                    onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                    onClearSelection?: (() => any) | undefined;
-                    onExpandSelectedCell?: (() => any) | undefined;
-                    onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                    onBodyFocusin?: (() => any) | undefined;
-                    onBodyFocusout?: (() => any) | undefined;
-                    onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-                }>, "getBody" | "scrollToPosition" | "getScrollStart" | "getContainer"> & {
-                    scrollToPosition: ({ top, left }: {
-                        top
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: number;
-                        left
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: number;
-                    }) => void;
-                    getScrollStart: () => number;
-                    getBody: () => HTMLTableSectionElement | null | undefined;
-                    getContainer: () => HTMLElement | null;
-                } & {} & import('vue').ComponentCustomProperties & {} & {
-                    $slots: {
-                        header?(_: {
-                            getDragHandleHeight: () => number;
-                        }): any;
-                        'cell-selection-overlay'?(_: {}): any;
-                        row?(_: {
-                            rowInd: number;
-                            row: any;
-                        }): any;
-                        belowBody?(_: {}): any;
-                    };
-                }) | null;
             };
             $slots: Readonly<{
                 [name: string]: Slot<any> | undefined;
@@ -743,16 +576,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             getVirtualContainer: () => HTMLElement | null | undefined;
         } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
-                header?(_: {
+                header?: (props: {
                     getDragHandleHeight: () => number;
-                }): any;
-                row?(_: {
+                }) => any;
+            } & {
+                row?: (props: {
                     row: any;
                     rowInd: number;
                     groupInd: null;
-                }): any;
-                'cell-selection-overlay'?(_: {}): any;
-                belowBody?(_: {}): any;
+                }) => any;
+            } & {
+                'cell-selection-overlay'?: (props: {}) => any;
+            } & {
+                belowBody?: (props: {}) => any;
             };
         }) | null, ({
             $: import('vue').ComponentInternalInstance;
@@ -783,176 +619,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             $attrs: import('vue').Attrs;
             $refs: {
                 [x: string]: unknown;
-            } & {
-                tableCoreVirtual: ({
-                    $: import('vue').ComponentInternalInstance;
-                    $data: {};
-                    $props: {
-                        readonly scrollData: import('./TableUI.vue').DataItem[];
-                        readonly scrollConfig: {
-                            numRowsAbove: number;
-                            numRowsBelow: number;
-                            itemSize: number;
-                            compact: boolean;
-                        };
-                        readonly specialColumnSizes: {
-                            selectionSize: number;
-                            deletionSize: number;
-                            rightSideSize: number;
-                        };
-                        readonly tableConfig: TableConfig;
-                        readonly columnResizeActive: boolean;
-                        readonly onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                        readonly onClearSelection?: (() => any) | undefined;
-                        readonly onExpandSelectedCell?: (() => any) | undefined;
-                        readonly onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                        readonly onBodyFocusin?: (() => any) | undefined;
-                        readonly onBodyFocusout?: (() => any) | undefined;
-                        readonly onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                    $attrs: import('vue').Attrs;
-                    $refs: {
-                        [x: string]: unknown;
-                    } & {
-                        headerContainer: HTMLDivElement;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: Slot<any> | undefined;
-                    }>;
-                    $root: import('vue').ComponentPublicInstance | null;
-                    $parent: import('vue').ComponentPublicInstance | null;
-                    $host: Element | null;
-                    $emit: ((event: "moveSelection", horizontalMove: number, verticalMove: number, expandSelection: boolean) => void) & ((event: "clearSelection") => void) & ((event: "expandSelectedCell") => void) & ((event: "startEditing", initialValue?: string | undefined) => void) & ((event: "bodyFocusin") => void) & ((event: "bodyFocusout") => void) & ((event: "scrollerUpdate", startIndex: number, endIndex: number) => void);
-                    $el: any;
-                    $options: import('vue').ComponentOptionsBase<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
-                        onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                        onClearSelection?: (() => any) | undefined;
-                        onExpandSelectedCell?: (() => any) | undefined;
-                        onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                        onBodyFocusin?: (() => any) | undefined;
-                        onBodyFocusout?: (() => any) | undefined;
-                        onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-                    }>, {
-                        scrollToPosition: ({ top, left }: {
-                            top
-                            /**
-                             * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                             * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                             * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                             * height given by the auto row height options.
-                             * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                             * method is automatically called from within this component when:
-                             *  - the component is mounted
-                             *  - one property of the autoColumnSizesOptions changes
-                             *  - one property of the autoRowHeightOptions changes
-                             *  - columns were removed, added, or replaced
-                             *  - the compact mode is toggled
-                             */
-                            ?: number;
-                            left
-                            /**
-                             * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                             * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                             * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                             * height given by the auto row height options.
-                             * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                             * method is automatically called from within this component when:
-                             *  - the component is mounted
-                             *  - one property of the autoColumnSizesOptions changes
-                             *  - one property of the autoRowHeightOptions changes
-                             *  - columns were removed, added, or replaced
-                             *  - the compact mode is toggled
-                             */
-                            ?: number;
-                        }) => void;
-                        getScrollStart: () => number;
-                        getBody: () => HTMLTableSectionElement | null | undefined;
-                        getContainer: () => HTMLElement | null;
-                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                        moveSelection: (horizontalMove: number, verticalMove: number, expandSelection: boolean) => any;
-                        clearSelection: () => any;
-                        expandSelectedCell: () => any;
-                        startEditing: (initialValue?: string | undefined) => any;
-                        bodyFocusin: () => any;
-                        bodyFocusout: () => any;
-                        scrollerUpdate: (startIndex: number, endIndex: number) => any;
-                    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                        beforeCreate?: (() => void) | (() => void)[];
-                        created?: (() => void) | (() => void)[];
-                        beforeMount?: (() => void) | (() => void)[];
-                        mounted?: (() => void) | (() => void)[];
-                        beforeUpdate?: (() => void) | (() => void)[];
-                        updated?: (() => void) | (() => void)[];
-                        activated?: (() => void) | (() => void)[];
-                        deactivated?: (() => void) | (() => void)[];
-                        beforeDestroy?: (() => void) | (() => void)[];
-                        beforeUnmount?: (() => void) | (() => void)[];
-                        destroyed?: (() => void) | (() => void)[];
-                        unmounted?: (() => void) | (() => void)[];
-                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                    };
-                    $forceUpdate: () => void;
-                    $nextTick: typeof import('vue').nextTick;
-                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-                } & Readonly<{}> & Omit<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
-                    onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                    onClearSelection?: (() => any) | undefined;
-                    onExpandSelectedCell?: (() => any) | undefined;
-                    onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                    onBodyFocusin?: (() => any) | undefined;
-                    onBodyFocusout?: (() => any) | undefined;
-                    onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-                }>, "getBody" | "scrollToPosition" | "getScrollStart" | "getContainer"> & {
-                    scrollToPosition: ({ top, left }: {
-                        top
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: number;
-                        left
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: number;
-                    }) => void;
-                    getScrollStart: () => number;
-                    getBody: () => HTMLTableSectionElement | null | undefined;
-                    getContainer: () => HTMLElement | null;
-                } & {} & import('vue').ComponentCustomProperties & {} & {
-                    $slots: {
-                        header?(_: {
-                            getDragHandleHeight: () => number;
-                        }): any;
-                        'cell-selection-overlay'?(_: {}): any;
-                        row?(_: {
-                            rowInd: number;
-                            row: any;
-                        }): any;
-                        belowBody?(_: {}): any;
-                    };
-                }) | null;
             };
             $slots: Readonly<{
                 [name: string]: Slot<any> | undefined;
@@ -1109,16 +775,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             getVirtualContainer: () => HTMLElement | null | undefined;
         } & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
-                header?(_: {
+                header?: (props: {
                     getDragHandleHeight: () => number;
-                }): any;
-                row?(_: {
+                }) => any;
+            } & {
+                row?: (props: {
                     row: any;
                     rowInd: number;
                     groupInd: null;
-                }): any;
-                'cell-selection-overlay'?(_: {}): any;
-                belowBody?(_: {}): any;
+                }) => any;
+            } & {
+                'cell-selection-overlay'?: (props: {}) => any;
+            } & {
+                belowBody?: (props: {}) => any;
             };
         }) | null>;
         header: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
@@ -1134,9 +803,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: PropType<ColumnConfig[]>;
                 default: () => never[];
             };
-            colFilterValues: {
-                type: PropType<ColFilterValues>;
-                default: () => {};
+            additionalHeaderMenuItems: {
+                type: PropType<KdsMenuItem[][]>;
+                default: () => never[];
             };
             colSortValues: {
                 type: PropType<ColSortValue[]>;
@@ -1161,8 +830,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>> & Readonly<{
             onColumnResize?: ((index: number, newSize: number) => any) | undefined;
             onColumnSort?: ((index: number, direction: 0 | 1 | -1) => any) | undefined;
-            onOpenActionBarFilterControl?: ((index: number) => any) | undefined;
-            onClearColumnFilter?: ((index: number) => any) | undefined;
             onColumnResizeStart?: (() => any) | undefined;
             onColumnResizeEnd?: (() => any) | undefined;
             onAllColumnsResize?: ((newSize: number) => any) | undefined;
@@ -1202,8 +869,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onColumnResize(columnIndex: number, newSize: number): void;
             onAllColumnsResize(newSize: number): void;
             onColumnSort(columnIndex: number, direction: -1 | 0 | 1): void;
-            onOpenActionBarFilterControl(columnIndex: number): void;
-            onClearColumnFilter(columnIndex: number): void;
             onNewColumnButtonClick(event: MouseEvent): void;
             onNewColumnButtonKeydownLeft(event: KeyboardEvent): void;
             onDeleteColumn(ind: number): void;
@@ -1225,8 +890,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             columnResizeStart: () => true;
             allColumnsResize: (newSize: number) => true;
             columnSort: (index: number, direction: -1 | 0 | 1) => true;
-            openActionBarFilterControl: (index: number) => true;
-            clearColumnFilter: (index: number) => true;
             moveDownFromHeaderCell: (index: number) => true;
             headerCellSelect: (index: number) => true;
             "update:newColumnButtonWidth": (width: number) => true;
@@ -1240,16 +903,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             columns: ColumnConfig[];
             tableConfig: TableConfig;
             getDragHandleHeight: () => number;
-            colFilterValues: ColFilterValues;
             colSortValues: ColSortValue[];
             actionConfig: ActionConfig;
+            additionalHeaderMenuItems: KdsMenuItem[][];
             isSelected: boolean;
             showNewColumnButton: boolean;
             selectedHeaderIndex: number | null;
         }, true, {}, {}, {
             KdsCheckbox: import('vue').DefineComponent<({
-                modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
-            } & {
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -1257,9 +918,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label: string;
                 tooltip?: never;
-            }) | ({
-                modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
             } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
+            }) | ({
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -1267,11 +928,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label?: never;
                 tooltip: string;
+            } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             }), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                "update:modelValue": (value: import('packages/components/dist/src').KdsCheckboxValue) => any;
+                "update:modelValue": (value: import('@knime/kds-components').KdsCheckboxValue) => any;
             }, string, import('vue').PublicProps, Readonly<({
-                modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
-            } & {
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -1279,9 +940,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label: string;
                 tooltip?: never;
-            }) | ({
-                modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
             } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
+            }) | ({
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -1289,58 +950,60 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label?: never;
                 tooltip: string;
+            } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             })> & Readonly<{
-                "onUpdate:modelValue"?: ((value: import('packages/components/dist/src').KdsCheckboxValue) => any) | undefined;
-            }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-            KdsButton: import('vue').DefineComponent<(import('packages/components/dist/src/types/testId').WithTestId & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
+                "onUpdate:modelValue"?: ((value: import('@knime/kds-components').KdsCheckboxValue) => any) | undefined;
+            }>, {}, {}, {}, {}, 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;
-                variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+                variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
             } & {
                 label: string;
-                leadingIcon?: import('packages/components/dist/src').KdsIconName;
-                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                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('packages/components/dist/src').KdsButtonSize;
+            } & import('@knime/kds-components').WithDestructive) | (import('@knime/kds-components').WithTestId & {
+                size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
-                variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+                variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
             } & {
                 label?: never;
-                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                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 & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
+            }, string, import('vue').PublicProps, Readonly<(import('@knime/kds-components').WithTestId & {
+                size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
-                variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+                variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
             } & {
                 label: string;
-                leadingIcon?: import('packages/components/dist/src').KdsIconName;
-                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                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('packages/components/dist/src').KdsButtonSize;
+            } & import('@knime/kds-components').WithDestructive) | (import('@knime/kds-components').WithTestId & {
+                size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
-                variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+                variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
             } & {
                 label?: never;
-                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                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: {
                 new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                     column: ColumnConfig;
-                    colFilterValue?: import('..').FilterValue;
+                    additionalMenuItems?: KdsMenuItem[];
                     tableConfig: TableConfig;
                     actionConfig: ActionConfig;
                     sortDirection: -1 | 0 | 1;
@@ -1352,8 +1015,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }> & Readonly<{
                     onColumnResize?: ((newSize: number) => any) | undefined;
                     onOnColumnSort?: ((direction: 0 | 1 | -1) => any) | undefined;
-                    onOpenActionBarFilterControl?: (() => any) | undefined;
-                    onClearColumnFilter?: (() => any) | undefined;
                     onOnHeaderCellFocus?: (() => any) | undefined;
                     onOnHeaderCellBlur?: (() => any) | undefined;
                     onOnHeaderClick?: (() => any) | undefined;
@@ -1373,8 +1034,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                     columnResize: (newSize: number) => any;
                     onColumnSort: (direction: 0 | 1 | -1) => any;
-                    openActionBarFilterControl: () => any;
-                    clearColumnFilter: () => any;
                     onHeaderCellFocus: () => any;
                     onHeaderCellBlur: () => any;
                     onHeaderClick: () => any;
@@ -1387,66 +1046,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     columnResizeStart: () => any;
                     columnResizeEnd: () => any;
                     allColumnsResize: (newSize: number) => any;
-                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                    columnHeader: HTMLTableCellElement;
-                    content: HTMLDivElement;
-                    mainHeader: HTMLDivElement;
-                    headerText: HTMLSpanElement;
-                    columnDeleteButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('packages/components/dist/src').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
-                    } & {
-                        label: string;
-                        leadingIcon?: import('packages/components/dist/src').KdsIconName;
-                        trailingIcon?: import('packages/components/dist/src').KdsIconName;
-                        ariaLabel?: never;
-                    } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('packages/components/dist/src').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
-                    } & {
-                        label?: never;
-                        leadingIcon: import('packages/components/dist/src').KdsIconName;
-                        trailingIcon?: never;
-                        ariaLabel: string;
-                    } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
-                        onClick?: ((event: MouseEvent) => any) | undefined;
-                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                        click: (event: MouseEvent) => any;
-                    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                        P: {};
-                        B: {};
-                        D: {};
-                        C: {};
-                        M: {};
-                        Defaults: {};
-                    }, {} & (Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('packages/components/dist/src').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
-                    } & {
-                        label: string;
-                        leadingIcon?: import('packages/components/dist/src').KdsIconName;
-                        trailingIcon?: import('packages/components/dist/src').KdsIconName;
-                        ariaLabel?: never;
-                    } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('packages/components/dist/src').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
-                    } & {
-                        label?: never;
-                        leadingIcon: import('packages/components/dist/src').KdsIconName;
-                        trailingIcon?: never;
-                        ariaLabel: string;
-                    } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
-                        onClick?: ((event: MouseEvent) => any) | undefined;
-                    }>), {}, {}, {}, {}, {}> | null;
-                }, HTMLTableCellElement, import('vue').ComponentProvideOptions, {
+                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
@@ -1455,7 +1055,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     Defaults: {};
                 }, Readonly<{
                     column: ColumnConfig;
-                    colFilterValue?: import('..').FilterValue;
+                    additionalMenuItems?: KdsMenuItem[];
                     tableConfig: TableConfig;
                     actionConfig: ActionConfig;
                     sortDirection: -1 | 0 | 1;
@@ -1467,8 +1067,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }> & Readonly<{
                     onColumnResize?: ((newSize: number) => any) | undefined;
                     onOnColumnSort?: ((direction: 0 | 1 | -1) => any) | undefined;
-                    onOpenActionBarFilterControl?: (() => any) | undefined;
-                    onClearColumnFilter?: (() => any) | undefined;
                     onOnHeaderCellFocus?: (() => any) | undefined;
                     onOnHeaderCellBlur?: (() => any) | undefined;
                     onOnHeaderClick?: (() => any) | undefined;
@@ -1491,7 +1089,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 __isSuspense?: never;
             } & import('vue').ComponentOptionsBase<Readonly<{
                 column: ColumnConfig;
-                colFilterValue?: import('..').FilterValue;
+                additionalMenuItems?: KdsMenuItem[];
                 tableConfig: TableConfig;
                 actionConfig: ActionConfig;
                 sortDirection: -1 | 0 | 1;
@@ -1503,8 +1101,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }> & Readonly<{
                 onColumnResize?: ((newSize: number) => any) | undefined;
                 onOnColumnSort?: ((direction: 0 | 1 | -1) => any) | undefined;
-                onOpenActionBarFilterControl?: (() => any) | undefined;
-                onClearColumnFilter?: (() => any) | undefined;
                 onOnHeaderCellFocus?: (() => any) | undefined;
                 onOnHeaderCellBlur?: (() => any) | undefined;
                 onOnHeaderClick?: (() => any) | undefined;
@@ -1524,8 +1120,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 columnResize: (newSize: number) => any;
                 onColumnSort: (direction: 0 | 1 | -1) => any;
-                openActionBarFilterControl: () => any;
-                clearColumnFilter: () => any;
                 onHeaderCellFocus: () => any;
                 onHeaderCellBlur: () => any;
                 onHeaderClick: () => any;
@@ -1540,9 +1134,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 allColumnsResize: (newSize: number) => any;
             }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
                 $slots: {
-                    subHeader?(_: {
+                    subHeader?: (props: {
                         subHeader: string;
-                    }): any;
+                    }) => any;
                 };
             });
         } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -1565,9 +1159,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: PropType<ColumnConfig[]>;
                 default: () => never[];
             };
-            colFilterValues: {
-                type: PropType<ColFilterValues>;
-                default: () => {};
+            additionalHeaderMenuItems: {
+                type: PropType<KdsMenuItem[][]>;
+                default: () => never[];
             };
             colSortValues: {
                 type: PropType<ColSortValue[]>;
@@ -1592,8 +1186,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>> & Readonly<{
             onColumnResize?: ((index: number, newSize: number) => any) | undefined;
             onColumnSort?: ((index: number, direction: 0 | 1 | -1) => any) | undefined;
-            onOpenActionBarFilterControl?: ((index: number) => any) | undefined;
-            onClearColumnFilter?: ((index: number) => any) | undefined;
             onColumnResizeStart?: (() => any) | undefined;
             onColumnResizeEnd?: (() => any) | undefined;
             onAllColumnsResize?: ((newSize: number) => any) | undefined;
@@ -1633,8 +1225,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onColumnResize(columnIndex: number, newSize: number): void;
             onAllColumnsResize(newSize: number): void;
             onColumnSort(columnIndex: number, direction: -1 | 0 | 1): void;
-            onOpenActionBarFilterControl(columnIndex: number): void;
-            onClearColumnFilter(columnIndex: number): void;
             onNewColumnButtonClick(event: MouseEvent): void;
             onNewColumnButtonKeydownLeft(event: KeyboardEvent): void;
             onDeleteColumn(ind: number): void;
@@ -1651,9 +1241,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             columns: ColumnConfig[];
             tableConfig: TableConfig;
             getDragHandleHeight: () => number;
-            colFilterValues: ColFilterValues;
             colSortValues: ColSortValue[];
             actionConfig: ActionConfig;
+            additionalHeaderMenuItems: KdsMenuItem[][];
             isSelected: boolean;
             showNewColumnButton: boolean;
             selectedHeaderIndex: number | null;
@@ -1670,9 +1260,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: PropType<ColumnConfig[]>;
                 default: () => never[];
             };
-            colFilterValues: {
-                type: PropType<ColFilterValues>;
-                default: () => {};
+            additionalHeaderMenuItems: {
+                type: PropType<KdsMenuItem[][]>;
+                default: () => never[];
             };
             colSortValues: {
                 type: PropType<ColSortValue[]>;
@@ -1697,8 +1287,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>> & Readonly<{
             onColumnResize?: ((index: number, newSize: number) => any) | undefined;
             onColumnSort?: ((index: number, direction: 0 | 1 | -1) => any) | undefined;
-            onOpenActionBarFilterControl?: ((index: number) => any) | undefined;
-            onClearColumnFilter?: ((index: number) => any) | undefined;
             onColumnResizeStart?: (() => any) | undefined;
             onColumnResizeEnd?: (() => any) | undefined;
             onAllColumnsResize?: ((newSize: number) => any) | undefined;
@@ -1738,8 +1326,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onColumnResize(columnIndex: number, newSize: number): void;
             onAllColumnsResize(newSize: number): void;
             onColumnSort(columnIndex: number, direction: -1 | 0 | 1): void;
-            onOpenActionBarFilterControl(columnIndex: number): void;
-            onClearColumnFilter(columnIndex: number): void;
             onNewColumnButtonClick(event: MouseEvent): void;
             onNewColumnButtonKeydownLeft(event: KeyboardEvent): void;
             onDeleteColumn(ind: number): void;
@@ -1761,8 +1347,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             columnResizeStart: () => true;
             allColumnsResize: (newSize: number) => true;
             columnSort: (index: number, direction: -1 | 0 | 1) => true;
-            openActionBarFilterControl: (index: number) => true;
-            clearColumnFilter: (index: number) => true;
             moveDownFromHeaderCell: (index: number) => true;
             headerCellSelect: (index: number) => true;
             "update:newColumnButtonWidth": (width: number) => true;
@@ -1776,16 +1360,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             columns: ColumnConfig[];
             tableConfig: TableConfig;
             getDragHandleHeight: () => number;
-            colFilterValues: ColFilterValues;
             colSortValues: ColSortValue[];
             actionConfig: ActionConfig;
+            additionalHeaderMenuItems: KdsMenuItem[][];
             isSelected: boolean;
             showNewColumnButton: boolean;
             selectedHeaderIndex: number | null;
         }, true, {}, {}, {
             KdsCheckbox: import('vue').DefineComponent<({
-                modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
-            } & {
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -1793,9 +1375,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label: string;
                 tooltip?: never;
-            }) | ({
-                modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
             } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
+            }) | ({
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -1803,11 +1385,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label?: never;
                 tooltip: string;
+            } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             }), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                "update:modelValue": (value: import('packages/components/dist/src').KdsCheckboxValue) => any;
+                "update:modelValue": (value: import('@knime/kds-components').KdsCheckboxValue) => any;
             }, string, import('vue').PublicProps, Readonly<({
-                modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
-            } & {
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -1815,9 +1397,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label: string;
                 tooltip?: never;
-            }) | ({
-                modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
             } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
+            }) | ({
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -1825,58 +1407,60 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label?: never;
                 tooltip: string;
+            } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             })> & Readonly<{
-                "onUpdate:modelValue"?: ((value: import('packages/components/dist/src').KdsCheckboxValue) => any) | undefined;
-            }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-            KdsButton: import('vue').DefineComponent<(import('packages/components/dist/src/types/testId').WithTestId & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
+                "onUpdate:modelValue"?: ((value: import('@knime/kds-components').KdsCheckboxValue) => any) | undefined;
+            }>, {}, {}, {}, {}, 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;
-                variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+                variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
             } & {
                 label: string;
-                leadingIcon?: import('packages/components/dist/src').KdsIconName;
-                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                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('packages/components/dist/src').KdsButtonSize;
+            } & import('@knime/kds-components').WithDestructive) | (import('@knime/kds-components').WithTestId & {
+                size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
-                variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+                variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
             } & {
                 label?: never;
-                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                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 & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
+            }, string, import('vue').PublicProps, Readonly<(import('@knime/kds-components').WithTestId & {
+                size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
-                variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+                variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
             } & {
                 label: string;
-                leadingIcon?: import('packages/components/dist/src').KdsIconName;
-                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                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('packages/components/dist/src').KdsButtonSize;
+            } & import('@knime/kds-components').WithDestructive) | (import('@knime/kds-components').WithTestId & {
+                size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
-                variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+                variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
             } & {
                 label?: never;
-                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                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: {
                 new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                     column: ColumnConfig;
-                    colFilterValue?: import('..').FilterValue;
+                    additionalMenuItems?: KdsMenuItem[];
                     tableConfig: TableConfig;
                     actionConfig: ActionConfig;
                     sortDirection: -1 | 0 | 1;
@@ -1888,8 +1472,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }> & Readonly<{
                     onColumnResize?: ((newSize: number) => any) | undefined;
                     onOnColumnSort?: ((direction: 0 | 1 | -1) => any) | undefined;
-                    onOpenActionBarFilterControl?: (() => any) | undefined;
-                    onClearColumnFilter?: (() => any) | undefined;
                     onOnHeaderCellFocus?: (() => any) | undefined;
                     onOnHeaderCellBlur?: (() => any) | undefined;
                     onOnHeaderClick?: (() => any) | undefined;
@@ -1909,8 +1491,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                     columnResize: (newSize: number) => any;
                     onColumnSort: (direction: 0 | 1 | -1) => any;
-                    openActionBarFilterControl: () => any;
-                    clearColumnFilter: () => any;
                     onHeaderCellFocus: () => any;
                     onHeaderCellBlur: () => any;
                     onHeaderClick: () => any;
@@ -1923,66 +1503,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     columnResizeStart: () => any;
                     columnResizeEnd: () => any;
                     allColumnsResize: (newSize: number) => any;
-                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                    columnHeader: HTMLTableCellElement;
-                    content: HTMLDivElement;
-                    mainHeader: HTMLDivElement;
-                    headerText: HTMLSpanElement;
-                    columnDeleteButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('packages/components/dist/src').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
-                    } & {
-                        label: string;
-                        leadingIcon?: import('packages/components/dist/src').KdsIconName;
-                        trailingIcon?: import('packages/components/dist/src').KdsIconName;
-                        ariaLabel?: never;
-                    } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('packages/components/dist/src').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
-                    } & {
-                        label?: never;
-                        leadingIcon: import('packages/components/dist/src').KdsIconName;
-                        trailingIcon?: never;
-                        ariaLabel: string;
-                    } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
-                        onClick?: ((event: MouseEvent) => any) | undefined;
-                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                        click: (event: MouseEvent) => any;
-                    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                        P: {};
-                        B: {};
-                        D: {};
-                        C: {};
-                        M: {};
-                        Defaults: {};
-                    }, {} & (Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('packages/components/dist/src').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
-                    } & {
-                        label: string;
-                        leadingIcon?: import('packages/components/dist/src').KdsIconName;
-                        trailingIcon?: import('packages/components/dist/src').KdsIconName;
-                        ariaLabel?: never;
-                    } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('packages/components/dist/src').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
-                    } & {
-                        label?: never;
-                        leadingIcon: import('packages/components/dist/src').KdsIconName;
-                        trailingIcon?: never;
-                        ariaLabel: string;
-                    } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
-                        onClick?: ((event: MouseEvent) => any) | undefined;
-                    }>), {}, {}, {}, {}, {}> | null;
-                }, HTMLTableCellElement, import('vue').ComponentProvideOptions, {
+                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
@@ -1991,7 +1512,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     Defaults: {};
                 }, Readonly<{
                     column: ColumnConfig;
-                    colFilterValue?: import('..').FilterValue;
+                    additionalMenuItems?: KdsMenuItem[];
                     tableConfig: TableConfig;
                     actionConfig: ActionConfig;
                     sortDirection: -1 | 0 | 1;
@@ -2003,8 +1524,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }> & Readonly<{
                     onColumnResize?: ((newSize: number) => any) | undefined;
                     onOnColumnSort?: ((direction: 0 | 1 | -1) => any) | undefined;
-                    onOpenActionBarFilterControl?: (() => any) | undefined;
-                    onClearColumnFilter?: (() => any) | undefined;
                     onOnHeaderCellFocus?: (() => any) | undefined;
                     onOnHeaderCellBlur?: (() => any) | undefined;
                     onOnHeaderClick?: (() => any) | undefined;
@@ -2027,7 +1546,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 __isSuspense?: never;
             } & import('vue').ComponentOptionsBase<Readonly<{
                 column: ColumnConfig;
-                colFilterValue?: import('..').FilterValue;
+                additionalMenuItems?: KdsMenuItem[];
                 tableConfig: TableConfig;
                 actionConfig: ActionConfig;
                 sortDirection: -1 | 0 | 1;
@@ -2039,8 +1558,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }> & Readonly<{
                 onColumnResize?: ((newSize: number) => any) | undefined;
                 onOnColumnSort?: ((direction: 0 | 1 | -1) => any) | undefined;
-                onOpenActionBarFilterControl?: (() => any) | undefined;
-                onClearColumnFilter?: (() => any) | undefined;
                 onOnHeaderCellFocus?: (() => any) | undefined;
                 onOnHeaderCellBlur?: (() => any) | undefined;
                 onOnHeaderClick?: (() => any) | undefined;
@@ -2060,8 +1577,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 columnResize: (newSize: number) => any;
                 onColumnSort: (direction: 0 | 1 | -1) => any;
-                openActionBarFilterControl: () => any;
-                clearColumnFilter: () => any;
                 onHeaderCellFocus: () => any;
                 onHeaderCellBlur: () => any;
                 onHeaderClick: () => any;
@@ -2076,9 +1591,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 allColumnsResize: (newSize: number) => any;
             }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
                 $slots: {
-                    subHeader?(_: {
+                    subHeader?: (props: {
                         subHeader: string;
-                    }): any;
+                    }) => any;
                 };
             });
         } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -2101,9 +1616,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: PropType<ColumnConfig[]>;
                 default: () => never[];
             };
-            colFilterValues: {
-                type: PropType<ColFilterValues>;
-                default: () => {};
+            additionalHeaderMenuItems: {
+                type: PropType<KdsMenuItem[][]>;
+                default: () => never[];
             };
             colSortValues: {
                 type: PropType<ColSortValue[]>;
@@ -2128,8 +1643,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>> & Readonly<{
             onColumnResize?: ((index: number, newSize: number) => any) | undefined;
             onColumnSort?: ((index: number, direction: 0 | 1 | -1) => any) | undefined;
-            onOpenActionBarFilterControl?: ((index: number) => any) | undefined;
-            onClearColumnFilter?: ((index: number) => any) | undefined;
             onColumnResizeStart?: (() => any) | undefined;
             onColumnResizeEnd?: (() => any) | undefined;
             onAllColumnsResize?: ((newSize: number) => any) | undefined;
@@ -2169,8 +1682,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onColumnResize(columnIndex: number, newSize: number): void;
             onAllColumnsResize(newSize: number): void;
             onColumnSort(columnIndex: number, direction: -1 | 0 | 1): void;
-            onOpenActionBarFilterControl(columnIndex: number): void;
-            onClearColumnFilter(columnIndex: number): void;
             onNewColumnButtonClick(event: MouseEvent): void;
             onNewColumnButtonKeydownLeft(event: KeyboardEvent): void;
             onDeleteColumn(ind: number): void;
@@ -2187,9 +1698,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             columns: ColumnConfig[];
             tableConfig: TableConfig;
             getDragHandleHeight: () => number;
-            colFilterValues: ColFilterValues;
             colSortValues: ColSortValue[];
             actionConfig: ActionConfig;
+            additionalHeaderMenuItems: KdsMenuItem[][];
             isSelected: boolean;
             showNewColumnButton: boolean;
             selectedHeaderIndex: number | null;
@@ -2234,9 +1745,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }) => void | undefined;
             }) => Promise<void>;
             getFocusOverlayBoundingClientRect: () => DOMRect | undefined;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-            virtualFocusOverlay: HTMLDivElement;
-        }, any> | import('vue').DefineComponent<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps, {
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any> | import('vue').DefineComponent<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps, {
             triggerCopied: () => void;
             focus: typeof focus;
             scrollFocusOverlayIntoView: (params: null | {
@@ -2276,9 +1785,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }) => void | undefined;
             }) => Promise<void>;
             getFocusOverlayBoundingClientRect: () => DOMRect | undefined;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-            virtualFocusOverlay: HTMLDivElement;
-        }, any>[] | null, import('vue').DefineComponent<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps, {
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>[] | null, import('vue').DefineComponent<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps, {
             triggerCopied: () => void;
             focus: typeof focus;
             scrollFocusOverlayIntoView: (params: null | {
@@ -2318,9 +1825,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }) => void | undefined;
             }) => Promise<void>;
             getFocusOverlayBoundingClientRect: () => DOMRect | undefined;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-            virtualFocusOverlay: HTMLDivElement;
-        }, any> | import('vue').DefineComponent<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps, {
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any> | import('vue').DefineComponent<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps, {
             triggerCopied: () => void;
             focus: typeof focus;
             scrollFocusOverlayIntoView: (params: null | {
@@ -2360,9 +1865,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }) => void | undefined;
             }) => Promise<void>;
             getFocusOverlayBoundingClientRect: () => DOMRect | undefined;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-            virtualFocusOverlay: HTMLDivElement;
-        }, any>[] | null>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>[] | null>;
         scrollToCellSelectionOverlay: () => Promise<void>;
         selectCellsOnMove: {
             state: boolean;
@@ -2578,8 +2081,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         } | null;
         onNewRowButtonClick(event: MouseEvent): void;
         onNewColumnButtonClick(event: MouseEvent): void;
-        openActionBarFilterControl(columnIndex: number): void;
-        clearColumnFilter(columnIndex: number): void;
     }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         resizeActive: (isActive: boolean) => true;
         columnUpdate: (newColumnList: string[]) => true;
@@ -2587,7 +2088,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         pageChange: (newPageNumber: number) => true;
         pageSizeUpdate: (newPageSize: number) => true;
         columnSort: (colInd: number | undefined, sortDirection: -1 | 0 | 1) => true;
-        columnFilter: (colInd: number, value: import('..').FilterValue) => true;
         selectAll: (selected: boolean) => true;
         rowSelect: (selected: boolean, rowInd: number, groupInd: number, isTop: boolean) => true;
         tableInput: (event: any) => true;
@@ -2670,9 +2170,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: PropType<ColumnConfig[]>;
             required: true;
         };
-        colFilterValues: {
-            type: PropType<ColFilterValues>;
-            default: () => {};
+        additionalHeaderMenuItems: {
+            type: PropType<KdsMenuItem[][]>;
+            default: () => never[];
         };
         colSortValues: {
             type: PropType<ColSortValue[]>;
@@ -2720,7 +2220,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         "onUpdate:available-width"?: ((newAvailableWidth: number) => any) | undefined;
         onPageChange?: ((newPageNumber: number) => any) | undefined;
         onPageSizeUpdate?: ((newPageSize: number) => any) | undefined;
-        onColumnFilter?: ((colInd: number, value: import('..').FilterValue) => any) | undefined;
         onColumnSort?: ((colInd: number | undefined, sortDirection: 0 | 1 | -1) => any) | undefined;
         onResetTemporaryView?: (() => any) | undefined;
         "onUpdate:searchTerm"?: ((newSearchTerm: string) => any) | undefined;
@@ -2782,10 +2281,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         pageConfig: PageConfig | undefined;
         tableState: TableState;
         pageState: PageState | undefined;
-        colFilterValues: ColFilterValues;
         colSortValues: ColSortValue[];
         actionState: ActionState | undefined;
         actionConfig: ActionConfig | undefined;
+        additionalHeaderMenuItems: KdsMenuItem[][];
         rowConfig: RowConfig;
         disableRowHeightTransition: boolean;
         numRowsAbove: number;
@@ -2859,7 +2358,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 hasPreviousPage?: boolean;
             }> & Readonly<{
                 onPageChange?: ((newPageNumber: number) => any) | undefined;
-            }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+            }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
             PageRowRange: import('vue').DefineComponent<{
                 currentItems?: number;
                 pageSize?: number;
@@ -2873,54 +2372,38 @@ 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 & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
+            KdsMenuButton: import('vue').DefineComponent<(import('@knime/kds-components').WithTestId & {
+                size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
-                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+                variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
             } & {
                 label: string;
-                leadingIcon?: import('packages/components/dist/src').KdsIconName;
-                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                leadingIcon?: import('@knime/kds-components').KdsIconName;
+                trailingIcon?: import('@knime/kds-components').KdsIconName;
                 ariaLabel?: never;
             } & {
-                items: import('packages/components/dist/src').KdsMenuItem[];
+                items: KdsMenuItem[];
                 menuMaxHeight?: string;
-            }) | ({
+            } & {
                 modelValue?: boolean;
-            } & import('packages/components/dist/src/types/testId').WithTestId & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
+            }) | (import('@knime/kds-components').WithTestId & {
+                size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
-                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+                variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
             } & {
                 label?: never;
-                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                leadingIcon: import('@knime/kds-components').KdsIconName;
                 trailingIcon?: never;
                 ariaLabel: string;
             } & {
-                items: import('packages/components/dist/src').KdsMenuItem[];
+                items: KdsMenuItem[];
                 menuMaxHeight?: string;
+            } & {
+                modelValue?: boolean;
             }), {
-                menuButtonEl: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
-                    modelValue
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                } & import('packages/components/dist/src/types/testId').WithTestId & {
+                menuButtonEl: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('@knime/kds-components').WithTestId & {
                     size
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -2935,7 +2418,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsButtonSize;
+                    ?: import('@knime/kds-components').KdsButtonSize;
                     disabled
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -2980,7 +2463,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
                 } & {
                     label: string;
                     leadingIcon
@@ -2997,7 +2480,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsIconName;
+                    ?: import('@knime/kds-components').KdsIconName;
                     trailingIcon
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3012,7 +2495,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsIconName;
+                    ?: import('@knime/kds-components').KdsIconName;
                     ariaLabel
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3028,7 +2511,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: never;
-                }) | ({
+                } & {
                     modelValue
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3044,7 +2527,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: boolean;
-                } & import('packages/components/dist/src/types/testId').WithTestId & {
+                }) | (import('@knime/kds-components').WithTestId & {
                     size
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3059,7 +2542,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsButtonSize;
+                    ?: import('@knime/kds-components').KdsButtonSize;
                     disabled
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3104,7 +2587,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
                 } & {
                     label
                     /**
@@ -3121,7 +2604,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: never;
-                    leadingIcon: import('packages/components/dist/src').KdsIconName;
+                    leadingIcon: import('@knime/kds-components').KdsIconName;
                     trailingIcon
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3138,8 +2621,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      */
                     ?: never;
                     ariaLabel: string;
-                })> & Readonly<{
-                    "onUpdate:modelValue"
+                } & {
+                    modelValue
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
                      * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
@@ -3153,18 +2636,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: ((value: boolean) => any) | undefined;
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    "update:modelValue": (value: boolean) => any;
-                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, {} & (Readonly<({
-                    modelValue
+                    ?: boolean;
+                })> & Readonly<{
+                    "onUpdate:modelValue"
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
                      * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
@@ -3178,8 +2652,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: boolean;
-                } & import('packages/components/dist/src/types/testId').WithTestId & {
+                    ?: ((value: boolean) => any) | undefined;
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    "update:modelValue": (value: boolean) => any;
+                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, {} & (Readonly<(import('@knime/kds-components').WithTestId & {
                     size
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3194,7 +2677,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsButtonSize;
+                    ?: import('@knime/kds-components').KdsButtonSize;
                     disabled
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3239,7 +2722,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
                 } & {
                     label: string;
                     leadingIcon
@@ -3256,7 +2739,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsIconName;
+                    ?: import('@knime/kds-components').KdsIconName;
                     trailingIcon
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3271,7 +2754,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsIconName;
+                    ?: import('@knime/kds-components').KdsIconName;
                     ariaLabel
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3287,7 +2770,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: never;
-                }) | ({
+                } & {
                     modelValue
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3303,7 +2786,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: boolean;
-                } & import('packages/components/dist/src/types/testId').WithTestId & {
+                }) | (import('@knime/kds-components').WithTestId & {
                     size
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3318,7 +2801,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsButtonSize;
+                    ?: import('@knime/kds-components').KdsButtonSize;
                     disabled
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3363,7 +2846,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
                 } & {
                     label
                     /**
@@ -3380,7 +2863,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: never;
-                    leadingIcon: import('packages/components/dist/src').KdsIconName;
+                    leadingIcon: import('@knime/kds-components').KdsIconName;
                     trailingIcon
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3397,8 +2880,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      */
                     ?: never;
                     ariaLabel: string;
-                })> & Readonly<{
-                    "onUpdate:modelValue"
+                } & {
+                    modelValue
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
                      * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
@@ -3412,47 +2895,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: ((value: boolean) => any) | undefined;
-                }>), {}, {}, {}, {}, {}> | null>>;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                "update:modelValue": (value: boolean) => any;
-                itemClick: (id: string) => any;
-            }, string, import('vue').PublicProps, Readonly<({
-                modelValue?: boolean;
-            } & import('packages/components/dist/src/types/testId').WithTestId & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
-                disabled?: boolean;
-                tooltip?: string;
-                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
-            } & {
-                label: string;
-                leadingIcon?: import('packages/components/dist/src').KdsIconName;
-                trailingIcon?: import('packages/components/dist/src').KdsIconName;
-                ariaLabel?: never;
-            } & {
-                items: import('packages/components/dist/src').KdsMenuItem[];
-                menuMaxHeight?: string;
-            }) | ({
-                modelValue?: boolean;
-            } & import('packages/components/dist/src/types/testId').WithTestId & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
-                disabled?: boolean;
-                tooltip?: string;
-                variant?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
-            } & {
-                label?: never;
-                leadingIcon: import('packages/components/dist/src').KdsIconName;
-                trailingIcon?: never;
-                ariaLabel: string;
-            } & {
-                items: import('packages/components/dist/src').KdsMenuItem[];
-                menuMaxHeight?: string;
-            })> & Readonly<{
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-                onItemClick?: ((id: string) => any) | undefined;
-            }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-                menuButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
-                    modelValue
+                    ?: boolean;
+                })> & Readonly<{
+                    "onUpdate:modelValue"
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
                      * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
@@ -3466,8 +2911,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: boolean;
-                } & import('packages/components/dist/src/types/testId').WithTestId & {
+                    ?: ((value: boolean) => any) | undefined;
+                }>), {}, {}, {}, {}, {}> | null, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('@knime/kds-components').WithTestId & {
                     size
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3482,7 +2927,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsButtonSize;
+                    ?: import('@knime/kds-components').KdsButtonSize;
                     disabled
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3527,7 +2972,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
                 } & {
                     label: string;
                     leadingIcon
@@ -3544,7 +2989,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsIconName;
+                    ?: import('@knime/kds-components').KdsIconName;
                     trailingIcon
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3559,7 +3004,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsIconName;
+                    ?: import('@knime/kds-components').KdsIconName;
                     ariaLabel
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3575,7 +3020,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: never;
-                }) | ({
+                } & {
                     modelValue
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3591,7 +3036,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: boolean;
-                } & import('packages/components/dist/src/types/testId').WithTestId & {
+                }) | (import('@knime/kds-components').WithTestId & {
                     size
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3606,7 +3051,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsButtonSize;
+                    ?: import('@knime/kds-components').KdsButtonSize;
                     disabled
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3651,7 +3096,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
                 } & {
                     label
                     /**
@@ -3668,7 +3113,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: never;
-                    leadingIcon: import('packages/components/dist/src').KdsIconName;
+                    leadingIcon: import('@knime/kds-components').KdsIconName;
                     trailingIcon
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3685,8 +3130,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      */
                     ?: never;
                     ariaLabel: string;
-                })> & Readonly<{
-                    "onUpdate:modelValue"
+                } & {
+                    modelValue
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
                      * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
@@ -3700,18 +3145,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: ((value: boolean) => any) | undefined;
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    "update:modelValue": (value: boolean) => any;
-                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, {} & (Readonly<({
-                    modelValue
+                    ?: boolean;
+                })> & Readonly<{
+                    "onUpdate:modelValue"
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
                      * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
@@ -3725,8 +3161,17 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: boolean;
-                } & import('packages/components/dist/src/types/testId').WithTestId & {
+                    ?: ((value: boolean) => any) | undefined;
+                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    "update:modelValue": (value: boolean) => any;
+                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, {} & (Readonly<(import('@knime/kds-components').WithTestId & {
                     size
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3741,7 +3186,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsButtonSize;
+                    ?: import('@knime/kds-components').KdsButtonSize;
                     disabled
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3786,7 +3231,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
                 } & {
                     label: string;
                     leadingIcon
@@ -3803,7 +3248,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsIconName;
+                    ?: import('@knime/kds-components').KdsIconName;
                     trailingIcon
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3818,7 +3263,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsIconName;
+                    ?: import('@knime/kds-components').KdsIconName;
                     ariaLabel
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3834,7 +3279,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: never;
-                }) | ({
+                } & {
                     modelValue
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3850,7 +3295,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: boolean;
-                } & import('packages/components/dist/src/types/testId').WithTestId & {
+                }) | (import('@knime/kds-components').WithTestId & {
                     size
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3865,7 +3310,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsButtonSize;
+                    ?: import('@knime/kds-components').KdsButtonSize;
                     disabled
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3910,7 +3355,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
                 } & {
                     label
                     /**
@@ -3927,7 +3372,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: never;
-                    leadingIcon: import('packages/components/dist/src').KdsIconName;
+                    leadingIcon: import('@knime/kds-components').KdsIconName;
                     trailingIcon
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3944,891 +3389,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      */
                     ?: never;
                     ariaLabel: string;
-                })> & Readonly<{
-                    "onUpdate:modelValue"
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: ((value: boolean) => any) | undefined;
-                }>), {}, {}, {}, {}, {}> | null;
-                popover: ({
-                    $: import('vue').ComponentInternalInstance;
-                    $data: {};
-                    $props: ({
-                        readonly modelValue
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean | undefined;
-                        readonly role
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: import('packages/components/dist/src').KdsPopoverRole | undefined;
-                        readonly popoverType
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: import('packages/components/dist/src').KdsPopoverType | undefined;
-                        readonly fullWidth
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean | undefined;
-                        readonly maxInlineSize
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: string | undefined;
-                        readonly stretchInline
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean | undefined;
-                        readonly content
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: string | undefined;
-                        readonly placement
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom"> | undefined;
-                        readonly customPlacementPosition
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: never | undefined;
-                        readonly "onUpdate:modelValue"
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: ((value: boolean) => any) | undefined;
-                    } | {
-                        readonly modelValue
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean | undefined;
-                        readonly role
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: import('packages/components/dist/src').KdsPopoverRole | undefined;
-                        readonly popoverType
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: import('packages/components/dist/src').KdsPopoverType | undefined;
-                        readonly fullWidth
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean | undefined;
-                        readonly maxInlineSize
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: string | undefined;
-                        readonly stretchInline
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean | undefined;
-                        readonly content
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: string | undefined;
-                        readonly placement: "custom";
-                        readonly customPlacementPosition: {
-                            x: number;
-                            y: number;
-                        };
-                        readonly "onUpdate:modelValue"
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: ((value: boolean) => any) | undefined;
-                    }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                    $attrs: import('vue').Attrs;
-                    $refs: {
-                        [x: string]: unknown;
-                    } & {
-                        popoverEl: HTMLDivElement;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: import('vue').Slot<any> | undefined;
-                    }>;
-                    $root: import('vue').ComponentPublicInstance | null;
-                    $parent: import('vue').ComponentPublicInstance | null;
-                    $host: Element | null;
-                    $emit: (event: "update:modelValue", value: boolean) => void;
-                    $el: HTMLDivElement;
-                    $options: import('vue').ComponentOptionsBase<Readonly<({
-                        modelValue
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean;
-                    } & {
-                        role
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: import('packages/components/dist/src').KdsPopoverRole;
-                        popoverType
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: import('packages/components/dist/src').KdsPopoverType;
-                        fullWidth
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean;
-                        maxInlineSize
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: string;
-                        stretchInline
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean;
-                        content
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: string;
-                    } & {
-                        placement
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom">;
-                        customPlacementPosition
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: never;
-                    }) | ({
-                        modelValue
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean;
-                    } & {
-                        role
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: import('packages/components/dist/src').KdsPopoverRole;
-                        popoverType
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: import('packages/components/dist/src').KdsPopoverType;
-                        fullWidth
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean;
-                        maxInlineSize
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: string;
-                        stretchInline
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: boolean;
-                        content
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: string;
-                    } & {
-                        placement: "custom";
-                        customPlacementPosition: {
-                            x: number;
-                            y: number;
-                        };
-                    })> & Readonly<{
-                        "onUpdate:modelValue"
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: ((value: boolean) => any) | undefined;
-                    }>, {
-                        anchorStyle: Record<string, string>;
-                        popoverId: string;
-                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                        "update:modelValue": (value: boolean) => any;
-                    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                        beforeCreate
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        created
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        beforeMount
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        mounted
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        beforeUpdate
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        updated
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        activated
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        deactivated
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        beforeDestroy
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        beforeUnmount
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        destroyed
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        unmounted
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: (() => void) | (() => void)[];
-                        renderTracked
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        renderTriggered
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        errorCaptured
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                    };
-                    $forceUpdate: () => void;
-                    $nextTick: typeof import('vue').nextTick;
-                    $watch<T extends string | ((
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ...args: any) => any)>(source: T, cb: T extends (
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ...args: any) => infer R ? (
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-                } & Readonly<{}> & Omit<{} & (Readonly<({
+                } & {
                     modelValue
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -4844,243 +3405,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: boolean;
-                } & {
-                    role
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('packages/components/dist/src').KdsPopoverRole;
-                    popoverType
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('packages/components/dist/src').KdsPopoverType;
-                    fullWidth
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                    maxInlineSize
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: string;
-                    stretchInline
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                    content
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: string;
-                } & {
-                    placement
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom">;
-                    customPlacementPosition
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: never;
-                }) | ({
-                    modelValue
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                } & {
-                    role
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('packages/components/dist/src').KdsPopoverRole;
-                    popoverType
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: import('packages/components/dist/src').KdsPopoverType;
-                    fullWidth
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                    maxInlineSize
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: string;
-                    stretchInline
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: boolean;
-                    content
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: string;
-                } & {
-                    placement: "custom";
-                    customPlacementPosition: {
-                        x: number;
-                        y: number;
-                    };
-                })> & Readonly<{
-                    "onUpdate:modelValue"
+                })> & Readonly<{
+                    "onUpdate:modelValue"
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
                      * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
@@ -5095,65 +3421,44 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: ((value: boolean) => any) | undefined;
-                }>), "anchorStyle" | "popoverId"> & {
-                    anchorStyle: Record<string, string>;
-                    popoverId: string;
-                } & {} & import('vue').ComponentCustomProperties & {} & {
-                    $slots: Readonly<{
-                        default(): unknown;
-                    }> & {
-                        default(): unknown;
-                    };
-                }) | null;
-                menuContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/components/dist/src/containers/MenuContainer').KdsMenuContainerProps> & Readonly<{
-                    onItemClick
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: ((id: string) => any) | undefined;
-                }>, {
-                    focus: () => void;
-                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    itemClick: (id: string) => any;
-                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                    containerEl: HTMLDivElement;
-                }, HTMLDivElement, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<import('packages/components/dist/src/containers/MenuContainer').KdsMenuContainerProps> & Readonly<{
-                    onItemClick
-                    /**
-                     * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                     * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                     * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                     * height given by the auto row height options.
-                     * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                     * method is automatically called from within this component when:
-                     *  - the component is mounted
-                     *  - one property of the autoColumnSizesOptions changes
-                     *  - one property of the autoRowHeightOptions changes
-                     *  - columns were removed, added, or replaced
-                     *  - the compact mode is toggled
-                     */
-                    ?: ((id: string) => any) | undefined;
-                }>, {
-                    focus: () => void;
-                }, {}, {}, {}, {}> | null;
-            }, any>;
+                }>), {}, {}, {}, {}, {}> | null>>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: boolean) => any;
+                itemClick: (id: string) => any;
+            }, string, import('vue').PublicProps, Readonly<(import('@knime/kds-components').WithTestId & {
+                size?: import('@knime/kds-components').KdsButtonSize;
+                disabled?: boolean;
+                tooltip?: string;
+                variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
+            } & {
+                label: string;
+                leadingIcon?: import('@knime/kds-components').KdsIconName;
+                trailingIcon?: import('@knime/kds-components').KdsIconName;
+                ariaLabel?: never;
+            } & {
+                items: KdsMenuItem[];
+                menuMaxHeight?: string;
+            } & {
+                modelValue?: boolean;
+            }) | (import('@knime/kds-components').WithTestId & {
+                size?: import('@knime/kds-components').KdsButtonSize;
+                disabled?: boolean;
+                tooltip?: string;
+                variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
+            } & {
+                label?: never;
+                leadingIcon: import('@knime/kds-components').KdsIconName;
+                trailingIcon?: never;
+                ariaLabel: string;
+            } & {
+                items: KdsMenuItem[];
+                menuMaxHeight?: string;
+            } & {
+                modelValue?: boolean;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                onItemClick?: ((id: string) => any) | undefined;
+            }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         Header: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             tableConfig: {
@@ -5168,9 +3473,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: PropType<ColumnConfig[]>;
                 default: () => never[];
             };
-            colFilterValues: {
-                type: PropType<ColFilterValues>;
-                default: () => {};
+            additionalHeaderMenuItems: {
+                type: PropType<KdsMenuItem[][]>;
+                default: () => never[];
             };
             colSortValues: {
                 type: PropType<ColSortValue[]>;
@@ -5216,8 +3521,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onColumnResize(columnIndex: number, newSize: number): void;
             onAllColumnsResize(newSize: number): void;
             onColumnSort(columnIndex: number, direction: -1 | 0 | 1): void;
-            onOpenActionBarFilterControl(columnIndex: number): void;
-            onClearColumnFilter(columnIndex: number): void;
             onNewColumnButtonClick(event: MouseEvent): void;
             onNewColumnButtonKeydownLeft(event: KeyboardEvent): void;
             onDeleteColumn(ind: number): void;
@@ -5239,8 +3542,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             columnResizeStart: () => true;
             allColumnsResize: (newSize: number) => true;
             columnSort: (index: number, direction: -1 | 0 | 1) => true;
-            openActionBarFilterControl: (index: number) => true;
-            clearColumnFilter: (index: number) => true;
             moveDownFromHeaderCell: (index: number) => true;
             headerCellSelect: (index: number) => true;
             "update:newColumnButtonWidth": (width: number) => true;
@@ -5263,9 +3564,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: PropType<ColumnConfig[]>;
                 default: () => never[];
             };
-            colFilterValues: {
-                type: PropType<ColFilterValues>;
-                default: () => {};
+            additionalHeaderMenuItems: {
+                type: PropType<KdsMenuItem[][]>;
+                default: () => never[];
             };
             colSortValues: {
                 type: PropType<ColSortValue[]>;
@@ -5290,8 +3591,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>> & Readonly<{
             onColumnResize?: ((index: number, newSize: number) => any) | undefined;
             onColumnSort?: ((index: number, direction: 0 | 1 | -1) => any) | undefined;
-            onOpenActionBarFilterControl?: ((index: number) => any) | undefined;
-            onClearColumnFilter?: ((index: number) => any) | undefined;
             onColumnResizeStart?: (() => any) | undefined;
             onColumnResizeEnd?: (() => any) | undefined;
             onAllColumnsResize?: ((newSize: number) => any) | undefined;
@@ -5311,16 +3610,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             columns: ColumnConfig[];
             tableConfig: TableConfig;
             getDragHandleHeight: () => number;
-            colFilterValues: ColFilterValues;
             colSortValues: ColSortValue[];
             actionConfig: ActionConfig;
+            additionalHeaderMenuItems: KdsMenuItem[][];
             isSelected: boolean;
             showNewColumnButton: boolean;
             selectedHeaderIndex: number | null;
         }, {}, {
             KdsCheckbox: import('vue').DefineComponent<({
-                modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
-            } & {
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -5328,9 +3625,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label: string;
                 tooltip?: never;
-            }) | ({
-                modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
             } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
+            }) | ({
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -5338,11 +3635,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label?: never;
                 tooltip: string;
+            } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             }), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                "update:modelValue": (value: import('packages/components/dist/src').KdsCheckboxValue) => any;
+                "update:modelValue": (value: import('@knime/kds-components').KdsCheckboxValue) => any;
             }, string, import('vue').PublicProps, Readonly<({
-                modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
-            } & {
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -5350,9 +3647,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label: string;
                 tooltip?: never;
-            }) | ({
-                modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
             } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
+            }) | ({
                 disabled?: boolean;
                 error?: boolean;
                 subText?: string;
@@ -5360,58 +3657,60 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } & {
                 label?: never;
                 tooltip: string;
+            } & {
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             })> & Readonly<{
-                "onUpdate:modelValue"?: ((value: import('packages/components/dist/src').KdsCheckboxValue) => any) | undefined;
-            }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-            KdsButton: import('vue').DefineComponent<(import('packages/components/dist/src/types/testId').WithTestId & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
+                "onUpdate:modelValue"?: ((value: import('@knime/kds-components').KdsCheckboxValue) => any) | undefined;
+            }>, {}, {}, {}, {}, 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;
-                variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+                variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
             } & {
                 label: string;
-                leadingIcon?: import('packages/components/dist/src').KdsIconName;
-                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                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('packages/components/dist/src').KdsButtonSize;
+            } & import('@knime/kds-components').WithDestructive) | (import('@knime/kds-components').WithTestId & {
+                size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
-                variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+                variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
             } & {
                 label?: never;
-                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                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 & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
+            }, string, import('vue').PublicProps, Readonly<(import('@knime/kds-components').WithTestId & {
+                size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
-                variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+                variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
             } & {
                 label: string;
-                leadingIcon?: import('packages/components/dist/src').KdsIconName;
-                trailingIcon?: import('packages/components/dist/src').KdsIconName;
+                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('packages/components/dist/src').KdsButtonSize;
+            } & import('@knime/kds-components').WithDestructive) | (import('@knime/kds-components').WithTestId & {
+                size?: import('@knime/kds-components').KdsButtonSize;
                 disabled?: boolean;
                 tooltip?: string;
-                variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
+                variant?: import('@knime/kds-components').KdsButtonVariant | undefined;
             } & {
                 label?: never;
-                leadingIcon: import('packages/components/dist/src').KdsIconName;
+                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: {
                 new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                     column: ColumnConfig;
-                    colFilterValue?: import('..').FilterValue;
+                    additionalMenuItems?: KdsMenuItem[];
                     tableConfig: TableConfig;
                     actionConfig: ActionConfig;
                     sortDirection: -1 | 0 | 1;
@@ -5423,8 +3722,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }> & Readonly<{
                     onColumnResize?: ((newSize: number) => any) | undefined;
                     onOnColumnSort?: ((direction: 0 | 1 | -1) => any) | undefined;
-                    onOpenActionBarFilterControl?: (() => any) | undefined;
-                    onClearColumnFilter?: (() => any) | undefined;
                     onOnHeaderCellFocus?: (() => any) | undefined;
                     onOnHeaderCellBlur?: (() => any) | undefined;
                     onOnHeaderClick?: (() => any) | undefined;
@@ -5444,8 +3741,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                     columnResize: (newSize: number) => any;
                     onColumnSort: (direction: 0 | 1 | -1) => any;
-                    openActionBarFilterControl: () => any;
-                    clearColumnFilter: () => any;
                     onHeaderCellFocus: () => any;
                     onHeaderCellBlur: () => any;
                     onHeaderClick: () => any;
@@ -5458,66 +3753,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     columnResizeStart: () => any;
                     columnResizeEnd: () => any;
                     allColumnsResize: (newSize: number) => any;
-                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                    columnHeader: HTMLTableCellElement;
-                    content: HTMLDivElement;
-                    mainHeader: HTMLDivElement;
-                    headerText: HTMLSpanElement;
-                    columnDeleteButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('packages/components/dist/src').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
-                    } & {
-                        label: string;
-                        leadingIcon?: import('packages/components/dist/src').KdsIconName;
-                        trailingIcon?: import('packages/components/dist/src').KdsIconName;
-                        ariaLabel?: never;
-                    } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('packages/components/dist/src').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
-                    } & {
-                        label?: never;
-                        leadingIcon: import('packages/components/dist/src').KdsIconName;
-                        trailingIcon?: never;
-                        ariaLabel: string;
-                    } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
-                        onClick?: ((event: MouseEvent) => any) | undefined;
-                    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                        click: (event: MouseEvent) => any;
-                    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                        P: {};
-                        B: {};
-                        D: {};
-                        C: {};
-                        M: {};
-                        Defaults: {};
-                    }, {} & (Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('packages/components/dist/src').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
-                    } & {
-                        label: string;
-                        leadingIcon?: import('packages/components/dist/src').KdsIconName;
-                        trailingIcon?: import('packages/components/dist/src').KdsIconName;
-                        ariaLabel?: never;
-                    } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('packages/components/dist/src').KdsButtonSize;
-                        disabled?: boolean;
-                        tooltip?: string;
-                        variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
-                    } & {
-                        label?: never;
-                        leadingIcon: import('packages/components/dist/src').KdsIconName;
-                        trailingIcon?: never;
-                        ariaLabel: string;
-                    } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
-                        onClick?: ((event: MouseEvent) => any) | undefined;
-                    }>), {}, {}, {}, {}, {}> | null;
-                }, HTMLTableCellElement, import('vue').ComponentProvideOptions, {
+                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
@@ -5526,7 +3762,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     Defaults: {};
                 }, Readonly<{
                     column: ColumnConfig;
-                    colFilterValue?: import('..').FilterValue;
+                    additionalMenuItems?: KdsMenuItem[];
                     tableConfig: TableConfig;
                     actionConfig: ActionConfig;
                     sortDirection: -1 | 0 | 1;
@@ -5538,8 +3774,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }> & Readonly<{
                     onColumnResize?: ((newSize: number) => any) | undefined;
                     onOnColumnSort?: ((direction: 0 | 1 | -1) => any) | undefined;
-                    onOpenActionBarFilterControl?: (() => any) | undefined;
-                    onClearColumnFilter?: (() => any) | undefined;
                     onOnHeaderCellFocus?: (() => any) | undefined;
                     onOnHeaderCellBlur?: (() => any) | undefined;
                     onOnHeaderClick?: (() => any) | undefined;
@@ -5562,7 +3796,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 __isSuspense?: never;
             } & import('vue').ComponentOptionsBase<Readonly<{
                 column: ColumnConfig;
-                colFilterValue?: import('..').FilterValue;
+                additionalMenuItems?: KdsMenuItem[];
                 tableConfig: TableConfig;
                 actionConfig: ActionConfig;
                 sortDirection: -1 | 0 | 1;
@@ -5574,8 +3808,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }> & Readonly<{
                 onColumnResize?: ((newSize: number) => any) | undefined;
                 onOnColumnSort?: ((direction: 0 | 1 | -1) => any) | undefined;
-                onOpenActionBarFilterControl?: (() => any) | undefined;
-                onClearColumnFilter?: (() => any) | undefined;
                 onOnHeaderCellFocus?: (() => any) | undefined;
                 onOnHeaderCellBlur?: (() => any) | undefined;
                 onOnHeaderClick?: (() => any) | undefined;
@@ -5595,8 +3827,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 columnResize: (newSize: number) => any;
                 onColumnSort: (direction: 0 | 1 | -1) => any;
-                openActionBarFilterControl: () => any;
-                clearColumnFilter: () => any;
                 onHeaderCellFocus: () => any;
                 onHeaderCellBlur: () => any;
                 onHeaderClick: () => any;
@@ -5611,9 +3841,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 allColumnsResize: (newSize: number) => any;
             }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
                 $slots: {
-                    subHeader?(_: {
+                    subHeader?: (props: {
                         subHeader: string;
-                    }): any;
+                    }) => any;
                 };
             });
         }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -5665,7 +3895,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsMenuItem[];
+                    ?: KdsMenuItem[];
                 };
                 rowConfig: RowConfig;
                 minRowHeight: number;
@@ -5679,117 +3909,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 } | null;
                 toBeExpandedCellIndex: number | null;
                 toBeEditedCellIndex: number | null;
-            }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                rowElement: HTMLTableRowElement;
-                deleteButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                    size?: import('packages/components/dist/src').KdsButtonSize;
-                    disabled?: boolean;
-                    tooltip?: string;
-                    variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
-                } & {
-                    label: string;
-                    leadingIcon?: import('packages/components/dist/src').KdsIconName;
-                    trailingIcon?: import('packages/components/dist/src').KdsIconName;
-                    ariaLabel?: never;
-                } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
-                    size?: import('packages/components/dist/src').KdsButtonSize;
-                    disabled?: boolean;
-                    tooltip?: string;
-                    variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
-                } & {
-                    label?: never;
-                    leadingIcon: import('packages/components/dist/src').KdsIconName;
-                    trailingIcon?: never;
-                    ariaLabel: string;
-                } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
-                    onClick?: ((event: MouseEvent) => any) | undefined;
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    click: (event: MouseEvent) => any;
-                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, {} & (Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                    size?: import('packages/components/dist/src').KdsButtonSize;
-                    disabled?: boolean;
-                    tooltip?: string;
-                    variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
-                } & {
-                    label: string;
-                    leadingIcon?: import('packages/components/dist/src').KdsIconName;
-                    trailingIcon?: import('packages/components/dist/src').KdsIconName;
-                    ariaLabel?: never;
-                } & import('packages/components/dist/src/buttons/types').WithDestructive) | (import('packages/components/dist/src/types/testId').WithTestId & {
-                    size?: import('packages/components/dist/src').KdsButtonSize;
-                    disabled?: boolean;
-                    tooltip?: string;
-                    variant?: import('packages/components/dist/src').KdsButtonVariant | undefined;
-                } & {
-                    label?: never;
-                    leadingIcon: import('packages/components/dist/src').KdsIconName;
-                    trailingIcon?: never;
-                    ariaLabel: string;
-                } & import('packages/components/dist/src/buttons/types').WithDestructive)> & Readonly<{
-                    onClick?: ((event: MouseEvent) => any) | undefined;
-                }>), {}, {}, {}, {}, {}> | null;
-                selectionCheckbox: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
-                    modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
-                } & {
-                    disabled?: boolean;
-                    error?: boolean;
-                    subText?: string;
-                    preserveSubTextSpace?: boolean;
-                } & {
-                    label: string;
-                    tooltip?: never;
-                }) | ({
-                    modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
-                } & {
-                    disabled?: boolean;
-                    error?: boolean;
-                    subText?: string;
-                    preserveSubTextSpace?: boolean;
-                } & {
-                    label?: never;
-                    tooltip: string;
-                })> & Readonly<{
-                    "onUpdate:modelValue"?: ((value: import('packages/components/dist/src').KdsCheckboxValue) => any) | undefined;
-                }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    "update:modelValue": (value: import('packages/components/dist/src').KdsCheckboxValue) => any;
-                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, {} & (Readonly<({
-                    modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
-                } & {
-                    disabled?: boolean;
-                    error?: boolean;
-                    subText?: string;
-                    preserveSubTextSpace?: boolean;
-                } & {
-                    label: string;
-                    tooltip?: never;
-                }) | ({
-                    modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
-                } & {
-                    disabled?: boolean;
-                    error?: boolean;
-                    subText?: string;
-                    preserveSubTextSpace?: boolean;
-                } & {
-                    label?: never;
-                    tooltip: string;
-                })> & Readonly<{
-                    "onUpdate:modelValue"?: ((value: import('packages/components/dist/src').KdsCheckboxValue) => any) | undefined;
-                }>), {}, {}, {}, {}, {}> | null;
-            }, any, import('vue').ComponentProvideOptions, {
+            }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
@@ -5832,7 +3952,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsMenuItem[];
+                    ?: KdsMenuItem[];
                 };
                 rowConfig: RowConfig;
                 minRowHeight: number;
@@ -5897,7 +4017,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                  *  - columns were removed, added, or replaced
                  *  - the compact mode is toggled
                  */
-                ?: import('packages/components/dist/src').KdsMenuItem[];
+                ?: KdsMenuItem[];
             };
             rowConfig: RowConfig;
             minRowHeight: number;
@@ -5912,17 +4032,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             toBeExpandedCellIndex: number | null;
             toBeEditedCellIndex: number | null;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-            $slots: Partial<Record<string, (_: {
-                row: any[];
-                cell: any;
-                height: number | "dynamic";
-                width: any;
-                ind: number;
-            }) => any>> & {
-                'editable-cell'?(_: {
+            $slots: {
+                [x: string]: ((props: {
+                    row: any[];
+                    cell: any;
+                    height: number | "dynamic";
+                    width: any;
+                    ind: number;
+                }) => any) | undefined;
+            } & {
+                'editable-cell'?: (props: {
                     cellElement: any;
                     ind: number;
-                }): any;
+                }) => any;
             };
         });
         CellSelectionOverlay: import('vue').DefineComponent<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps, {
@@ -5965,9 +4087,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }) => void | undefined;
             }) => Promise<void>;
             getFocusOverlayBoundingClientRect: () => DOMRect | undefined;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-            virtualFocusOverlay: HTMLDivElement;
-        }, any>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
         TableCore: {
             new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                 scrollData: import('./TableUI.vue').DataItem[][];
@@ -6035,177 +4155,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 bodyFocusout: () => any;
                 scrollerUpdate: (startIndex: number, endIndex: number) => any;
                 "update:available-width": (newAvailableWidth: number) => any;
-            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                tableCoreVirtual: ({
-                    $: import('vue').ComponentInternalInstance;
-                    $data: {};
-                    $props: {
-                        readonly scrollData: import('./TableUI.vue').DataItem[];
-                        readonly scrollConfig: {
-                            numRowsAbove: number;
-                            numRowsBelow: number;
-                            itemSize: number;
-                            compact: boolean;
-                        };
-                        readonly specialColumnSizes: {
-                            selectionSize: number;
-                            deletionSize: number;
-                            rightSideSize: number;
-                        };
-                        readonly tableConfig: TableConfig;
-                        readonly columnResizeActive: boolean;
-                        readonly onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                        readonly onClearSelection?: (() => any) | undefined;
-                        readonly onExpandSelectedCell?: (() => any) | undefined;
-                        readonly onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                        readonly onBodyFocusin?: (() => any) | undefined;
-                        readonly onBodyFocusout?: (() => any) | undefined;
-                        readonly onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                    $attrs: import('vue').Attrs;
-                    $refs: {
-                        [x: string]: unknown;
-                    } & {
-                        headerContainer: HTMLDivElement;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: Slot<any> | undefined;
-                    }>;
-                    $root: import('vue').ComponentPublicInstance | null;
-                    $parent: import('vue').ComponentPublicInstance | null;
-                    $host: Element | null;
-                    $emit: ((event: "moveSelection", horizontalMove: number, verticalMove: number, expandSelection: boolean) => void) & ((event: "clearSelection") => void) & ((event: "expandSelectedCell") => void) & ((event: "startEditing", initialValue?: string | undefined) => void) & ((event: "bodyFocusin") => void) & ((event: "bodyFocusout") => void) & ((event: "scrollerUpdate", startIndex: number, endIndex: number) => void);
-                    $el: any;
-                    $options: import('vue').ComponentOptionsBase<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
-                        onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                        onClearSelection?: (() => any) | undefined;
-                        onExpandSelectedCell?: (() => any) | undefined;
-                        onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                        onBodyFocusin?: (() => any) | undefined;
-                        onBodyFocusout?: (() => any) | undefined;
-                        onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-                    }>, {
-                        scrollToPosition: ({ top, left }: {
-                            top
-                            /**
-                             * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                             * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                             * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                             * height given by the auto row height options.
-                             * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                             * method is automatically called from within this component when:
-                             *  - the component is mounted
-                             *  - one property of the autoColumnSizesOptions changes
-                             *  - one property of the autoRowHeightOptions changes
-                             *  - columns were removed, added, or replaced
-                             *  - the compact mode is toggled
-                             */
-                            ?: number;
-                            left
-                            /**
-                             * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                             * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                             * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                             * height given by the auto row height options.
-                             * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                             * method is automatically called from within this component when:
-                             *  - the component is mounted
-                             *  - one property of the autoColumnSizesOptions changes
-                             *  - one property of the autoRowHeightOptions changes
-                             *  - columns were removed, added, or replaced
-                             *  - the compact mode is toggled
-                             */
-                            ?: number;
-                        }) => void;
-                        getScrollStart: () => number;
-                        getBody: () => HTMLTableSectionElement | null | undefined;
-                        getContainer: () => HTMLElement | null;
-                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                        moveSelection: (horizontalMove: number, verticalMove: number, expandSelection: boolean) => any;
-                        clearSelection: () => any;
-                        expandSelectedCell: () => any;
-                        startEditing: (initialValue?: string | undefined) => any;
-                        bodyFocusin: () => any;
-                        bodyFocusout: () => any;
-                        scrollerUpdate: (startIndex: number, endIndex: number) => any;
-                    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                        beforeCreate?: (() => void) | (() => void)[];
-                        created?: (() => void) | (() => void)[];
-                        beforeMount?: (() => void) | (() => void)[];
-                        mounted?: (() => void) | (() => void)[];
-                        beforeUpdate?: (() => void) | (() => void)[];
-                        updated?: (() => void) | (() => void)[];
-                        activated?: (() => void) | (() => void)[];
-                        deactivated?: (() => void) | (() => void)[];
-                        beforeDestroy?: (() => void) | (() => void)[];
-                        beforeUnmount?: (() => void) | (() => void)[];
-                        destroyed?: (() => void) | (() => void)[];
-                        unmounted?: (() => void) | (() => void)[];
-                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                    };
-                    $forceUpdate: () => void;
-                    $nextTick: typeof import('vue').nextTick;
-                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-                } & Readonly<{}> & Omit<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
-                    onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                    onClearSelection?: (() => any) | undefined;
-                    onExpandSelectedCell?: (() => any) | undefined;
-                    onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                    onBodyFocusin?: (() => any) | undefined;
-                    onBodyFocusout?: (() => any) | undefined;
-                    onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-                }>, "getBody" | "scrollToPosition" | "getScrollStart" | "getContainer"> & {
-                    scrollToPosition: ({ top, left }: {
-                        top
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: number;
-                        left
-                        /**
-                         * This component contains the ability to size the columns in the tableUI according to the width of their content by
-                         * enforcing a maximum size of MAX_AUTO_COLUMN_SIZE. It takes the same props as the TableUI.vue and one additional prop,
-                         * the options for the calculation. The automatic row height relies on the column sizes and enforces a maximum
-                         * height given by the auto row height options.
-                         * To trigger the calculation of the auto sizes, the corresponding trigger method can be called from the parent. The
-                         * method is automatically called from within this component when:
-                         *  - the component is mounted
-                         *  - one property of the autoColumnSizesOptions changes
-                         *  - one property of the autoRowHeightOptions changes
-                         *  - columns were removed, added, or replaced
-                         *  - the compact mode is toggled
-                         */
-                        ?: number;
-                    }) => void;
-                    getScrollStart: () => number;
-                    getBody: () => HTMLTableSectionElement | null | undefined;
-                    getContainer: () => HTMLElement | null;
-                } & {} & import('vue').ComponentCustomProperties & {} & {
-                    $slots: {
-                        header?(_: {
-                            getDragHandleHeight: () => number;
-                        }): any;
-                        'cell-selection-overlay'?(_: {}): any;
-                        row?(_: {
-                            rowInd: number;
-                            row: any;
-                        }): any;
-                        belowBody?(_: {}): any;
-                    };
-                }) | null;
-            }, any, import('vue').ComponentProvideOptions, {
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                 P: {};
                 B: {};
                 D: {};
@@ -6343,16 +4293,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             "update:available-width": (newAvailableWidth: number) => any;
         }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
             $slots: {
-                header?(_: {
+                header?: (props: {
                     getDragHandleHeight: () => number;
-                }): any;
-                row?(_: {
+                }) => any;
+            } & {
+                row?: (props: {
                     row: any;
                     rowInd: number;
                     groupInd: null;
-                }): any;
-                'cell-selection-overlay'?(_: {}): any;
-                belowBody?(_: {}): any;
+                }) => any;
+            } & {
+                'cell-selection-overlay'?: (props: {}) => any;
+            } & {
+                belowBody?: (props: {}) => any;
             };
         });
         NewRowButton: import('vue').DefineComponent<{}, {
@@ -6363,227 +4316,68 @@ 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>;
-        TableActionBar: import('vue').DefineComponent<{
-            tableSizes?: TableState["tableSizes"];
-            rowLabel?: string;
-            actionState?: ActionState;
-            showTableSize?: boolean;
-            actionConfig: ActionConfig;
-            colSortValues?: ColSortValue[];
-            colFilterValues: ColFilterValues;
-            sortControlOptions: import('./control/actionbar/SortControl.vue').SortControlOptions;
-            columns: ColumnConfig[];
-        }, {
-            openFilterControl: (columnIndex?: number) => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            columnFilter: (colInd: number, value: import('..').FilterValue) => any;
-            onColumnSort: (columnId: string | undefined, direction: 0 | 1 | -1) => any;
-            resetTemporaryView: () => any;
-            "update:searchTerm": (newSearchTerm: string) => any;
-        }, string, import('vue').PublicProps, Readonly<{
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        TableActionBar: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                tableSizes?: TableState["tableSizes"];
+                rowLabel?: string;
+                actionState?: ActionState;
+                showTableSize?: boolean;
+                actionConfig: ActionConfig;
+                colSortValues?: ColSortValue[];
+                sortControlOptions: import('./control/actionbar/SortControl.vue').SortControlOptions;
+            }> & Readonly<{
+                onOnColumnSort?: ((columnId: string | undefined, direction: 0 | 1 | -1) => any) | undefined;
+                onResetTemporaryView?: (() => any) | undefined;
+                "onUpdate:searchTerm"?: ((newSearchTerm: string) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                onColumnSort: (columnId: string | undefined, direction: 0 | 1 | -1) => any;
+                resetTemporaryView: () => any;
+                "update:searchTerm": (newSearchTerm: string) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{
+                tableSizes?: TableState["tableSizes"];
+                rowLabel?: string;
+                actionState?: ActionState;
+                showTableSize?: boolean;
+                actionConfig: ActionConfig;
+                colSortValues?: ColSortValue[];
+                sortControlOptions: import('./control/actionbar/SortControl.vue').SortControlOptions;
+            }> & Readonly<{
+                onOnColumnSort?: ((columnId: string | undefined, direction: 0 | 1 | -1) => any) | undefined;
+                onResetTemporaryView?: (() => any) | undefined;
+                "onUpdate:searchTerm"?: ((newSearchTerm: string) => any) | undefined;
+            }>, {}, {}, {}, {}, {}>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<{
             tableSizes?: TableState["tableSizes"];
             rowLabel?: string;
             actionState?: ActionState;
             showTableSize?: boolean;
             actionConfig: ActionConfig;
             colSortValues?: ColSortValue[];
-            colFilterValues: ColFilterValues;
             sortControlOptions: import('./control/actionbar/SortControl.vue').SortControlOptions;
-            columns: ColumnConfig[];
         }> & Readonly<{
-            onColumnFilter?: ((colInd: number, value: import('..').FilterValue) => any) | undefined;
             onOnColumnSort?: ((columnId: string | undefined, direction: 0 | 1 | -1) => any) | undefined;
             onResetTemporaryView?: (() => any) | undefined;
             "onUpdate:searchTerm"?: ((newSearchTerm: string) => any) | undefined;
-        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-            filterControlRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-                columns: ColumnConfig[];
-                colFilterValues: ColFilterValues;
-            }> & Readonly<{
-                onColumnFilter?: ((colInd: number, value: import('..').FilterValue) => any) | undefined;
-            }>, {
-                openPopover: (columnIndex?: number) => Promise<void>;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                columnFilter: (colInd: number, value: import('..').FilterValue) => any;
-            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                filterPopoverRef: ({
-                    $: import('vue').ComponentInternalInstance;
-                    $data: {};
-                    $props: ({
-                        readonly modelValue?: boolean | undefined;
-                        readonly role?: import('packages/components/dist/src').KdsPopoverRole | undefined;
-                        readonly popoverType?: import('packages/components/dist/src').KdsPopoverType | undefined;
-                        readonly fullWidth?: boolean | undefined;
-                        readonly maxInlineSize?: string | undefined;
-                        readonly stretchInline?: boolean | undefined;
-                        readonly content?: string | undefined;
-                        readonly placement?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom"> | undefined;
-                        readonly customPlacementPosition?: never | undefined;
-                        readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
-                    } | {
-                        readonly modelValue?: boolean | undefined;
-                        readonly role?: import('packages/components/dist/src').KdsPopoverRole | undefined;
-                        readonly popoverType?: import('packages/components/dist/src').KdsPopoverType | undefined;
-                        readonly fullWidth?: boolean | undefined;
-                        readonly maxInlineSize?: string | undefined;
-                        readonly stretchInline?: boolean | undefined;
-                        readonly content?: string | undefined;
-                        readonly placement: "custom";
-                        readonly customPlacementPosition: {
-                            x: number;
-                            y: number;
-                        };
-                        readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
-                    }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                    $attrs: import('vue').Attrs;
-                    $refs: {
-                        [x: string]: unknown;
-                    } & {
-                        popoverEl: HTMLDivElement;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: Slot<any> | undefined;
-                    }>;
-                    $root: import('vue').ComponentPublicInstance | null;
-                    $parent: import('vue').ComponentPublicInstance | null;
-                    $host: Element | null;
-                    $emit: (event: "update:modelValue", value: boolean) => void;
-                    $el: HTMLDivElement;
-                    $options: import('vue').ComponentOptionsBase<Readonly<({
-                        modelValue?: boolean;
-                    } & {
-                        role?: import('packages/components/dist/src').KdsPopoverRole;
-                        popoverType?: import('packages/components/dist/src').KdsPopoverType;
-                        fullWidth?: boolean;
-                        maxInlineSize?: string;
-                        stretchInline?: boolean;
-                        content?: string;
-                    } & {
-                        placement?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom">;
-                        customPlacementPosition?: never;
-                    }) | ({
-                        modelValue?: boolean;
-                    } & {
-                        role?: import('packages/components/dist/src').KdsPopoverRole;
-                        popoverType?: import('packages/components/dist/src').KdsPopoverType;
-                        fullWidth?: boolean;
-                        maxInlineSize?: string;
-                        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('packages/components/dist/src').KdsPopoverRole;
-                    popoverType?: import('packages/components/dist/src').KdsPopoverType;
-                    fullWidth?: boolean;
-                    maxInlineSize?: string;
-                    stretchInline?: boolean;
-                    content?: string;
-                } & {
-                    placement?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom">;
-                    customPlacementPosition?: never;
-                }) | ({
-                    modelValue?: boolean;
-                } & {
-                    role?: import('packages/components/dist/src').KdsPopoverRole;
-                    popoverType?: import('packages/components/dist/src').KdsPopoverType;
-                    fullWidth?: boolean;
-                    maxInlineSize?: string;
-                    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;
-                filterBodyRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-                    columns: ColumnConfig[];
-                    colFilterValues: ColFilterValues;
-                }> & Readonly<{
-                    onColumnFilter?: ((colInd: number, value: import('..').FilterValue) => any) | undefined;
-                }>, {
-                    addAndFocusColumn: (columnIndex: number) => Promise<void>;
-                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    columnFilter: (colInd: number, value: import('..').FilterValue) => any;
-                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<{
-                    columns: ColumnConfig[];
-                    colFilterValues: ColFilterValues;
-                }> & Readonly<{
-                    onColumnFilter?: ((colInd: number, value: import('..').FilterValue) => any) | undefined;
-                }>, {
-                    addAndFocusColumn: (columnIndex: number) => Promise<void>;
-                }, {}, {}, {}, {}> | null;
-            }, any, import('vue').ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<{
-                columns: ColumnConfig[];
-                colFilterValues: ColFilterValues;
-            }> & Readonly<{
-                onColumnFilter?: ((colInd: number, value: import('..').FilterValue) => any) | undefined;
-            }>, {
-                openPopover: (columnIndex?: number) => Promise<void>;
-            }, {}, {}, {}, {}> | null;
-        }, any>;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            onColumnSort: (columnId: string | undefined, direction: 0 | 1 | -1) => any;
+            resetTemporaryView: () => any;
+            "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'?: (props: {}) => any;
+            };
+        });
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
 //# sourceMappingURL=TableUIWithAutoSizeCalculation.vue.d.ts.map