@knime/kds-table 0.6.4 → 0.8.0

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

@@ -1,9 +1,9 @@
 import { PropType, Ref, nextTick } from 'vue';
+import { KdsMenuItem } from '@knime/kds-components';
 import { ActionConfig, ActionState } from '../types/ActionConfig';
 import { ColumnConfig } from '../types/ColumnConfig';
-import { ColFilterValues, ColSortValue } from '../types/ColumnState';
+import { ColSortValue } from '../types/ColumnState';
 import { VirtualElementAnchor } from '../types/DataValueView';
-import { FilterValue } from '../types/FilterConfig';
 import { PageConfig, PageState } from '../types/PageConfig';
 import { RowConfig } from '../types/RowConfig';
 import { SubMenuConfig } from '../types/SubMenuConfig';
@@ -21,7 +21,9 @@ export type DataItem = {
 /**
  * @see README.md
  */
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /**
      * Data props.
      */
@@ -67,10 +69,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<ColumnConfig[]>;
         required: true;
     };
-    /** Per-column filter values, keyed by column id. */
-    colFilterValues: {
-        type: PropType<ColFilterValues>;
-        default: () => {};
+    /** Additional per-column header menu items (index-aligned with columns), appended after sort items. */
+    additionalHeaderMenuItems: {
+        type: PropType<KdsMenuItem[][]>;
+        default: () => never[];
     };
     /** Active sorts, ordered by sort priority. */
     colSortValues: {
@@ -154,120 +156,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
-        } & {
-            tableCoreVirtual: ({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    readonly scrollData: DataItem[];
-                    readonly scrollConfig: {
-                        numRowsAbove: number;
-                        numRowsBelow: number;
-                        itemSize: number;
-                        compact: boolean;
-                    };
-                    readonly specialColumnSizes: {
-                        selectionSize: number;
-                        deletionSize: number;
-                        rightSideSize: number;
-                    };
-                    readonly tableConfig: TableConfig;
-                    readonly columnResizeActive: boolean;
-                    readonly onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                    readonly onClearSelection?: (() => any) | undefined;
-                    readonly onExpandSelectedCell?: (() => any) | undefined;
-                    readonly onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                    readonly onBodyFocusin?: (() => any) | undefined;
-                    readonly onBodyFocusout?: (() => any) | undefined;
-                    readonly onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                $attrs: import('vue').Attrs;
-                $refs: {
-                    [x: string]: unknown;
-                } & {
-                    headerContainer: HTMLDivElement;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: ((event: "moveSelection", horizontalMove: number, verticalMove: number, expandSelection: boolean) => void) & ((event: "clearSelection") => void) & ((event: "expandSelectedCell") => void) & ((event: "startEditing", initialValue?: string | undefined) => void) & ((event: "bodyFocusin") => void) & ((event: "bodyFocusout") => void) & ((event: "scrollerUpdate", startIndex: number, endIndex: number) => void);
-                $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
-                    onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                    onClearSelection?: (() => any) | undefined;
-                    onExpandSelectedCell?: (() => any) | undefined;
-                    onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                    onBodyFocusin?: (() => any) | undefined;
-                    onBodyFocusout?: (() => any) | undefined;
-                    onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-                }>, {
-                    scrollToPosition: ({ top, left }: {
-                        top?: number;
-                        left?: number;
-                    }) => void;
-                    getScrollStart: () => number;
-                    getBody: () => HTMLTableSectionElement | null | undefined;
-                    getContainer: () => HTMLElement | null;
-                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    moveSelection: (horizontalMove: number, verticalMove: number, expandSelection: boolean) => any;
-                    clearSelection: () => any;
-                    expandSelectedCell: () => any;
-                    startEditing: (initialValue?: string | undefined) => any;
-                    bodyFocusin: () => any;
-                    bodyFocusout: () => any;
-                    scrollerUpdate: (startIndex: number, endIndex: number) => any;
-                }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            } & Readonly<{}> & Omit<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
-                onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                onClearSelection?: (() => any) | undefined;
-                onExpandSelectedCell?: (() => any) | undefined;
-                onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                onBodyFocusin?: (() => any) | undefined;
-                onBodyFocusout?: (() => any) | undefined;
-                onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-            }>, "getBody" | "scrollToPosition" | "getScrollStart" | "getContainer"> & {
-                scrollToPosition: ({ top, left }: {
-                    top?: number;
-                    left?: number;
-                }) => void;
-                getScrollStart: () => number;
-                getBody: () => HTMLTableSectionElement | null | undefined;
-                getContainer: () => HTMLElement | null;
-            } & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: {
-                    header?(_: {
-                        getDragHandleHeight: () => number;
-                    }): any;
-                    'cell-selection-overlay'?(_: {}): any;
-                    row?(_: {
-                        rowInd: number;
-                        row: any;
-                    }): any;
-                    belowBody?(_: {}): any;
-                };
-            }) | null;
         };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
@@ -368,16 +256,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         getVirtualContainer: () => HTMLElement | null | undefined;
     } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
-            header?(_: {
+            header?: (props: {
                 getDragHandleHeight: () => number;
-            }): any;
-            row?(_: {
+            }) => any;
+        } & {
+            row?: (props: {
                 row: any;
                 rowInd: number;
                 groupInd: null;
-            }): any;
-            'cell-selection-overlay'?(_: {}): any;
-            belowBody?(_: {}): any;
+            }) => any;
+        } & {
+            'cell-selection-overlay'?: (props: {}) => any;
+        } & {
+            belowBody?: (props: {}) => any;
         };
     }) | null, ({
         $: import('vue').ComponentInternalInstance;
@@ -408,120 +299,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
-        } & {
-            tableCoreVirtual: ({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    readonly scrollData: DataItem[];
-                    readonly scrollConfig: {
-                        numRowsAbove: number;
-                        numRowsBelow: number;
-                        itemSize: number;
-                        compact: boolean;
-                    };
-                    readonly specialColumnSizes: {
-                        selectionSize: number;
-                        deletionSize: number;
-                        rightSideSize: number;
-                    };
-                    readonly tableConfig: TableConfig;
-                    readonly columnResizeActive: boolean;
-                    readonly onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                    readonly onClearSelection?: (() => any) | undefined;
-                    readonly onExpandSelectedCell?: (() => any) | undefined;
-                    readonly onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                    readonly onBodyFocusin?: (() => any) | undefined;
-                    readonly onBodyFocusout?: (() => any) | undefined;
-                    readonly onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                $attrs: import('vue').Attrs;
-                $refs: {
-                    [x: string]: unknown;
-                } & {
-                    headerContainer: HTMLDivElement;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: ((event: "moveSelection", horizontalMove: number, verticalMove: number, expandSelection: boolean) => void) & ((event: "clearSelection") => void) & ((event: "expandSelectedCell") => void) & ((event: "startEditing", initialValue?: string | undefined) => void) & ((event: "bodyFocusin") => void) & ((event: "bodyFocusout") => void) & ((event: "scrollerUpdate", startIndex: number, endIndex: number) => void);
-                $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
-                    onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                    onClearSelection?: (() => any) | undefined;
-                    onExpandSelectedCell?: (() => any) | undefined;
-                    onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                    onBodyFocusin?: (() => any) | undefined;
-                    onBodyFocusout?: (() => any) | undefined;
-                    onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-                }>, {
-                    scrollToPosition: ({ top, left }: {
-                        top?: number;
-                        left?: number;
-                    }) => void;
-                    getScrollStart: () => number;
-                    getBody: () => HTMLTableSectionElement | null | undefined;
-                    getContainer: () => HTMLElement | null;
-                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    moveSelection: (horizontalMove: number, verticalMove: number, expandSelection: boolean) => any;
-                    clearSelection: () => any;
-                    expandSelectedCell: () => any;
-                    startEditing: (initialValue?: string | undefined) => any;
-                    bodyFocusin: () => any;
-                    bodyFocusout: () => any;
-                    scrollerUpdate: (startIndex: number, endIndex: number) => any;
-                }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            } & Readonly<{}> & Omit<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
-                onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                onClearSelection?: (() => any) | undefined;
-                onExpandSelectedCell?: (() => any) | undefined;
-                onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                onBodyFocusin?: (() => any) | undefined;
-                onBodyFocusout?: (() => any) | undefined;
-                onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-            }>, "getBody" | "scrollToPosition" | "getScrollStart" | "getContainer"> & {
-                scrollToPosition: ({ top, left }: {
-                    top?: number;
-                    left?: number;
-                }) => void;
-                getScrollStart: () => number;
-                getBody: () => HTMLTableSectionElement | null | undefined;
-                getContainer: () => HTMLElement | null;
-            } & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: {
-                    header?(_: {
-                        getDragHandleHeight: () => number;
-                    }): any;
-                    'cell-selection-overlay'?(_: {}): any;
-                    row?(_: {
-                        rowInd: number;
-                        row: any;
-                    }): any;
-                    belowBody?(_: {}): any;
-                };
-            }) | null;
         };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
@@ -622,16 +399,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         getVirtualContainer: () => HTMLElement | null | undefined;
     } & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
-            header?(_: {
+            header?: (props: {
                 getDragHandleHeight: () => number;
-            }): any;
-            row?(_: {
+            }) => any;
+        } & {
+            row?: (props: {
                 row: any;
                 rowInd: number;
                 groupInd: null;
-            }): any;
-            'cell-selection-overlay'?(_: {}): any;
-            belowBody?(_: {}): any;
+            }) => any;
+        } & {
+            'cell-selection-overlay'?: (props: {}) => any;
+        } & {
+            belowBody?: (props: {}) => any;
         };
     }) | null>;
     header: Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
@@ -647,9 +427,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[]>;
@@ -674,8 +454,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;
@@ -715,8 +493,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;
@@ -738,8 +514,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;
@@ -753,16 +527,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;
@@ -770,9 +542,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;
@@ -780,11 +552,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         } & {
             label?: never;
             tooltip: string;
+        } & {
+            modelValue?: import('@knime/kds-components').KdsCheckboxValue;
         }), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "update:modelValue": (value: import('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;
@@ -792,9 +564,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;
@@ -802,58 +574,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?: FilterValue;
+                additionalMenuItems?: KdsMenuItem[];
                 tableConfig: TableConfig;
                 actionConfig: ActionConfig;
                 sortDirection: -1 | 0 | 1;
@@ -865,8 +639,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;
@@ -886,8 +658,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;
@@ -900,66 +670,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 columnResizeStart: () => any;
                 columnResizeEnd: () => any;
                 allColumnsResize: (newSize: number) => any;
-            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                columnHeader: HTMLTableCellElement;
-                content: HTMLDivElement;
-                mainHeader: HTMLDivElement;
-                headerText: HTMLSpanElement;
-                columnDeleteButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                    size?: import('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: {};
@@ -968,7 +679,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 Defaults: {};
             }, Readonly<{
                 column: ColumnConfig;
-                colFilterValue?: FilterValue;
+                additionalMenuItems?: KdsMenuItem[];
                 tableConfig: TableConfig;
                 actionConfig: ActionConfig;
                 sortDirection: -1 | 0 | 1;
@@ -980,8 +691,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;
@@ -1004,7 +713,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             __isSuspense?: never;
         } & import('vue').ComponentOptionsBase<Readonly<{
             column: ColumnConfig;
-            colFilterValue?: FilterValue;
+            additionalMenuItems?: KdsMenuItem[];
             tableConfig: TableConfig;
             actionConfig: ActionConfig;
             sortDirection: -1 | 0 | 1;
@@ -1016,8 +725,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;
@@ -1037,8 +744,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;
@@ -1053,9 +758,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             allColumnsResize: (newSize: number) => any;
         }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
             $slots: {
-                subHeader?(_: {
+                subHeader?: (props: {
                     subHeader: string;
-                }): any;
+                }) => any;
             };
         });
     } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -1078,9 +783,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[]>;
@@ -1105,8 +810,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;
@@ -1146,8 +849,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;
@@ -1164,9 +865,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;
@@ -1183,9 +884,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[]>;
@@ -1210,8 +911,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;
@@ -1251,8 +950,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;
@@ -1274,8 +971,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;
@@ -1289,16 +984,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;
@@ -1306,9 +999,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;
@@ -1316,11 +1009,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         } & {
             label?: never;
             tooltip: string;
+        } & {
+            modelValue?: import('@knime/kds-components').KdsCheckboxValue;
         }), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "update:modelValue": (value: import('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;
@@ -1328,9 +1021,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;
@@ -1338,58 +1031,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?: FilterValue;
+                additionalMenuItems?: KdsMenuItem[];
                 tableConfig: TableConfig;
                 actionConfig: ActionConfig;
                 sortDirection: -1 | 0 | 1;
@@ -1401,8 +1096,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;
@@ -1422,8 +1115,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;
@@ -1436,66 +1127,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 columnResizeStart: () => any;
                 columnResizeEnd: () => any;
                 allColumnsResize: (newSize: number) => any;
-            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                columnHeader: HTMLTableCellElement;
-                content: HTMLDivElement;
-                mainHeader: HTMLDivElement;
-                headerText: HTMLSpanElement;
-                columnDeleteButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                    size?: import('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: {};
@@ -1504,7 +1136,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 Defaults: {};
             }, Readonly<{
                 column: ColumnConfig;
-                colFilterValue?: FilterValue;
+                additionalMenuItems?: KdsMenuItem[];
                 tableConfig: TableConfig;
                 actionConfig: ActionConfig;
                 sortDirection: -1 | 0 | 1;
@@ -1516,8 +1148,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;
@@ -1540,7 +1170,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             __isSuspense?: never;
         } & import('vue').ComponentOptionsBase<Readonly<{
             column: ColumnConfig;
-            colFilterValue?: FilterValue;
+            additionalMenuItems?: KdsMenuItem[];
             tableConfig: TableConfig;
             actionConfig: ActionConfig;
             sortDirection: -1 | 0 | 1;
@@ -1552,8 +1182,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;
@@ -1573,8 +1201,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;
@@ -1589,9 +1215,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             allColumnsResize: (newSize: number) => any;
         }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
             $slots: {
-                subHeader?(_: {
+                subHeader?: (props: {
                     subHeader: string;
-                }): any;
+                }) => any;
             };
         });
     } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -1614,9 +1240,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[]>;
@@ -1641,8 +1267,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;
@@ -1682,8 +1306,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;
@@ -1700,9 +1322,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;
@@ -1719,9 +1341,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }) => void | undefined;
         }) => Promise<void>;
         getFocusOverlayBoundingClientRect: () => DOMRect | undefined;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-        virtualFocusOverlay: HTMLDivElement;
-    }, any> | import('vue').DefineComponent<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps, {
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any> | import('vue').DefineComponent<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps, {
         triggerCopied: () => void;
         focus: typeof focus;
         scrollFocusOverlayIntoView: (params: null | {
@@ -1733,9 +1353,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }) => void | undefined;
         }) => Promise<void>;
         getFocusOverlayBoundingClientRect: () => DOMRect | undefined;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-        virtualFocusOverlay: HTMLDivElement;
-    }, any>[] | null, import('vue').DefineComponent<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps, {
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>[] | null, import('vue').DefineComponent<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps, {
         triggerCopied: () => void;
         focus: typeof focus;
         scrollFocusOverlayIntoView: (params: null | {
@@ -1747,9 +1365,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }) => void | undefined;
         }) => Promise<void>;
         getFocusOverlayBoundingClientRect: () => DOMRect | undefined;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-        virtualFocusOverlay: HTMLDivElement;
-    }, any> | import('vue').DefineComponent<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps, {
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any> | import('vue').DefineComponent<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps, {
         triggerCopied: () => void;
         focus: typeof focus;
         scrollFocusOverlayIntoView: (params: null | {
@@ -1761,9 +1377,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }) => void | undefined;
         }) => Promise<void>;
         getFocusOverlayBoundingClientRect: () => DOMRect | undefined;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-        virtualFocusOverlay: HTMLDivElement;
-    }, any>[] | null>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>[] | null>;
     scrollToCellSelectionOverlay: () => Promise<void>;
     selectCellsOnMove: {
         state: boolean;
@@ -1951,8 +1565,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;
@@ -1960,7 +1572,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: FilterValue) => true;
     selectAll: (selected: boolean) => true;
     rowSelect: (selected: boolean, rowInd: number, groupInd: number, isTop: boolean) => true;
     tableInput: (event: any) => true;
@@ -2060,10 +1671,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<ColumnConfig[]>;
         required: true;
     };
-    /** Per-column filter values, keyed by column id. */
-    colFilterValues: {
-        type: PropType<ColFilterValues>;
-        default: () => {};
+    /** Additional per-column header menu items (index-aligned with columns), appended after sort items. */
+    additionalHeaderMenuItems: {
+        type: PropType<KdsMenuItem[][]>;
+        default: () => never[];
     };
     /** Active sorts, ordered by sort priority. */
     colSortValues: {
@@ -2120,7 +1731,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: FilterValue) => any) | undefined;
     onColumnSort?: ((colInd: number | undefined, sortDirection: 0 | 1 | -1) => any) | undefined;
     onResetTemporaryView?: (() => any) | undefined;
     "onUpdate:searchTerm"?: ((newSearchTerm: string) => any) | undefined;
@@ -2182,10 +1792,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;
@@ -2259,7 +1869,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             hasPreviousPage?: boolean;
         }> & Readonly<{
             onPageChange?: ((newPageNumber: number) => any) | undefined;
-        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
         PageRowRange: import('vue').DefineComponent<{
             currentItems?: number;
             pageSize?: number;
@@ -2273,61 +1883,61 @@ 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?: boolean;
-            } & import('packages/components/dist/src/types/testId').WithTestId & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
+            menuButtonEl: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(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;
-            }) | ({
+            } & {
                 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;
+            } & {
+                modelValue?: boolean;
             })> & Readonly<{
                 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -2339,94 +1949,56 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 C: {};
                 M: {};
                 Defaults: {};
-            }, {} & (Readonly<({
-                modelValue?: boolean;
-            } & import('packages/components/dist/src/types/testId').WithTestId & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
+            }, {} & (Readonly<(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;
-            }) | ({
+            } & {
                 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;
+            } & {
+                modelValue?: boolean;
             })> & Readonly<{
                 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            }>), {}, {}, {}, {}, {}> | null>>;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "update:modelValue": (value: boolean) => any;
-            itemClick: (id: string) => any;
-        }, string, import('vue').PublicProps, Readonly<({
-            modelValue?: boolean;
-        } & import('packages/components/dist/src/types/testId').WithTestId & {
-            size?: import('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;
-            } & import('packages/components/dist/src/types/testId').WithTestId & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
+            }>), {}, {}, {}, {}, {}> | null, import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(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;
-            }) | ({
+            } & {
                 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;
+            } & {
+                modelValue?: boolean;
             })> & Readonly<{
                 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -2438,190 +2010,70 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 C: {};
                 M: {};
                 Defaults: {};
-            }, {} & (Readonly<({
-                modelValue?: boolean;
-            } & import('packages/components/dist/src/types/testId').WithTestId & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
+            }, {} & (Readonly<(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;
-            }) | ({
+            } & {
                 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;
-            })> & Readonly<{
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            }>), {}, {}, {}, {}, {}> | null;
-            popover: ({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: ({
-                    readonly modelValue?: boolean | undefined;
-                    readonly role?: import('packages/components/dist/src').KdsPopoverRole | undefined;
-                    readonly popoverType?: import('packages/components/dist/src').KdsPopoverType | undefined;
-                    readonly fullWidth?: boolean | undefined;
-                    readonly maxInlineSize?: string | undefined;
-                    readonly 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;
-                } | {
-                    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;
-                }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                $attrs: import('vue').Attrs;
-                $refs: {
-                    [x: string]: unknown;
-                } & {
-                    popoverEl: HTMLDivElement;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: "update:modelValue", value: boolean) => void;
-                $el: HTMLDivElement;
-                $options: import('vue').ComponentOptionsBase<Readonly<({
-                    modelValue?: boolean;
-                } & {
-                    role?: import('packages/components/dist/src').KdsPopoverRole;
-                    popoverType?: import('packages/components/dist/src').KdsPopoverType;
-                    fullWidth?: boolean;
-                    maxInlineSize?: string;
-                    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;
-            menuContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('packages/components/dist/src/containers/MenuContainer').KdsMenuContainerProps> & Readonly<{
-                onItemClick?: ((id: string) => any) | undefined;
-            }>, {
-                focus: () => void;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                itemClick: (id: string) => any;
-            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                containerEl: HTMLDivElement;
-            }, HTMLDivElement, import('vue').ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import('packages/components/dist/src/containers/MenuContainer').KdsMenuContainerProps> & Readonly<{
-                onItemClick?: ((id: string) => any) | undefined;
-            }>, {
-                focus: () => void;
-            }, {}, {}, {}, {}> | null;
-        }, any>;
+            }>), {}, {}, {}, {}, {}> | null>>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => any;
+            itemClick: (id: string) => any;
+        }, string, import('vue').PublicProps, Readonly<(import('@knime/kds-components').WithTestId & {
+            size?: import('@knime/kds-components').KdsButtonSize;
+            disabled?: boolean;
+            tooltip?: string;
+            variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
+        } & {
+            label: string;
+            leadingIcon?: import('@knime/kds-components').KdsIconName;
+            trailingIcon?: import('@knime/kds-components').KdsIconName;
+            ariaLabel?: never;
+        } & {
+            items: KdsMenuItem[];
+            menuMaxHeight?: string;
+        } & {
+            modelValue?: boolean;
+        }) | (import('@knime/kds-components').WithTestId & {
+            size?: import('@knime/kds-components').KdsButtonSize;
+            disabled?: boolean;
+            tooltip?: string;
+            variant?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
+        } & {
+            label?: never;
+            leadingIcon: import('@knime/kds-components').KdsIconName;
+            trailingIcon?: never;
+            ariaLabel: string;
+        } & {
+            items: KdsMenuItem[];
+            menuMaxHeight?: string;
+        } & {
+            modelValue?: boolean;
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            onItemClick?: ((id: string) => any) | undefined;
+        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     Header: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         tableConfig: {
@@ -2636,9 +2088,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[]>;
@@ -2684,8 +2136,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;
@@ -2707,8 +2157,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;
@@ -2731,9 +2179,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[]>;
@@ -2758,8 +2206,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;
@@ -2779,16 +2225,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;
@@ -2796,9 +2240,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;
@@ -2806,11 +2250,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         } & {
             label?: never;
             tooltip: string;
+        } & {
+            modelValue?: import('@knime/kds-components').KdsCheckboxValue;
         }), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            "update:modelValue": (value: import('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;
@@ -2818,9 +2262,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;
@@ -2828,58 +2272,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?: FilterValue;
+                additionalMenuItems?: KdsMenuItem[];
                 tableConfig: TableConfig;
                 actionConfig: ActionConfig;
                 sortDirection: -1 | 0 | 1;
@@ -2891,8 +2337,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;
@@ -2912,8 +2356,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;
@@ -2926,66 +2368,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 columnResizeStart: () => any;
                 columnResizeEnd: () => any;
                 allColumnsResize: (newSize: number) => any;
-            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                columnHeader: HTMLTableCellElement;
-                content: HTMLDivElement;
-                mainHeader: HTMLDivElement;
-                headerText: HTMLSpanElement;
-                columnDeleteButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                    size?: import('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: {};
@@ -2994,7 +2377,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 Defaults: {};
             }, Readonly<{
                 column: ColumnConfig;
-                colFilterValue?: FilterValue;
+                additionalMenuItems?: KdsMenuItem[];
                 tableConfig: TableConfig;
                 actionConfig: ActionConfig;
                 sortDirection: -1 | 0 | 1;
@@ -3006,8 +2389,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;
@@ -3030,7 +2411,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             __isSuspense?: never;
         } & import('vue').ComponentOptionsBase<Readonly<{
             column: ColumnConfig;
-            colFilterValue?: FilterValue;
+            additionalMenuItems?: KdsMenuItem[];
             tableConfig: TableConfig;
             actionConfig: ActionConfig;
             sortDirection: -1 | 0 | 1;
@@ -3042,8 +2423,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;
@@ -3063,8 +2442,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;
@@ -3079,9 +2456,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             allColumnsResize: (newSize: number) => any;
         }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
             $slots: {
-                subHeader?(_: {
+                subHeader?: (props: {
                     subHeader: string;
-                }): any;
+                }) => any;
             };
         });
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
@@ -3119,7 +2496,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             newColumnButtonWidth: number;
             isSelected: boolean;
             rowData: {
-                subMenuItemsForRow?: import('packages/components/dist/src').KdsMenuItem[];
+                subMenuItemsForRow?: KdsMenuItem[];
             };
             rowConfig: RowConfig;
             minRowHeight: number;
@@ -3133,117 +2510,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             } | null;
             toBeExpandedCellIndex: number | null;
             toBeEditedCellIndex: number | null;
-        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-            rowElement: HTMLTableRowElement;
-            deleteButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                size?: import('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: {};
@@ -3272,7 +2539,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             newColumnButtonWidth: number;
             isSelected: boolean;
             rowData: {
-                subMenuItemsForRow?: import('packages/components/dist/src').KdsMenuItem[];
+                subMenuItemsForRow?: KdsMenuItem[];
             };
             rowConfig: RowConfig;
             minRowHeight: number;
@@ -3323,7 +2590,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         newColumnButtonWidth: number;
         isSelected: boolean;
         rowData: {
-            subMenuItemsForRow?: import('packages/components/dist/src').KdsMenuItem[];
+            subMenuItemsForRow?: KdsMenuItem[];
         };
         rowConfig: RowConfig;
         minRowHeight: number;
@@ -3338,17 +2605,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         toBeExpandedCellIndex: number | null;
         toBeEditedCellIndex: number | null;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: Partial<Record<string, (_: {
-            row: any[];
-            cell: any;
-            height: number | "dynamic";
-            width: any;
-            ind: number;
-        }) => any>> & {
-            'editable-cell'?(_: {
+        $slots: {
+            [x: string]: ((props: {
+                row: any[];
+                cell: any;
+                height: number | "dynamic";
+                width: any;
+                ind: number;
+            }) => any) | undefined;
+        } & {
+            'editable-cell'?: (props: {
                 cellElement: any;
                 ind: number;
-            }): any;
+            }) => any;
         };
     });
     CellSelectionOverlay: import('vue').DefineComponent<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps, {
@@ -3363,9 +2632,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }) => void | undefined;
         }) => Promise<void>;
         getFocusOverlayBoundingClientRect: () => DOMRect | undefined;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-        virtualFocusOverlay: HTMLDivElement;
-    }, any>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./ui/CellSelectionOverlayProps').CellSelectionOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
     TableCore: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
             scrollData: DataItem[][];
@@ -3405,121 +2672,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             bodyFocusout: () => any;
             scrollerUpdate: (startIndex: number, endIndex: number) => any;
             "update:available-width": (newAvailableWidth: number) => any;
-        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-            tableCoreVirtual: ({
-                $: import('vue').ComponentInternalInstance;
-                $data: {};
-                $props: {
-                    readonly scrollData: DataItem[];
-                    readonly scrollConfig: {
-                        numRowsAbove: number;
-                        numRowsBelow: number;
-                        itemSize: number;
-                        compact: boolean;
-                    };
-                    readonly specialColumnSizes: {
-                        selectionSize: number;
-                        deletionSize: number;
-                        rightSideSize: number;
-                    };
-                    readonly tableConfig: TableConfig;
-                    readonly columnResizeActive: boolean;
-                    readonly onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                    readonly onClearSelection?: (() => any) | undefined;
-                    readonly onExpandSelectedCell?: (() => any) | undefined;
-                    readonly onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                    readonly onBodyFocusin?: (() => any) | undefined;
-                    readonly onBodyFocusout?: (() => any) | undefined;
-                    readonly onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                $attrs: import('vue').Attrs;
-                $refs: {
-                    [x: string]: unknown;
-                } & {
-                    headerContainer: HTMLDivElement;
-                };
-                $slots: Readonly<{
-                    [name: string]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: ((event: "moveSelection", horizontalMove: number, verticalMove: number, expandSelection: boolean) => void) & ((event: "clearSelection") => void) & ((event: "expandSelectedCell") => void) & ((event: "startEditing", initialValue?: string | undefined) => void) & ((event: "bodyFocusin") => void) & ((event: "bodyFocusout") => void) & ((event: "scrollerUpdate", startIndex: number, endIndex: number) => void);
-                $el: any;
-                $options: import('vue').ComponentOptionsBase<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
-                    onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                    onClearSelection?: (() => any) | undefined;
-                    onExpandSelectedCell?: (() => any) | undefined;
-                    onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                    onBodyFocusin?: (() => any) | undefined;
-                    onBodyFocusout?: (() => any) | undefined;
-                    onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-                }>, {
-                    scrollToPosition: ({ top, left }: {
-                        top?: number;
-                        left?: number;
-                    }) => void;
-                    getScrollStart: () => number;
-                    getBody: () => HTMLTableSectionElement | null | undefined;
-                    getContainer: () => HTMLElement | null;
-                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    moveSelection: (horizontalMove: number, verticalMove: number, expandSelection: boolean) => any;
-                    clearSelection: () => any;
-                    expandSelectedCell: () => any;
-                    startEditing: (initialValue?: string | undefined) => any;
-                    bodyFocusin: () => any;
-                    bodyFocusout: () => any;
-                    scrollerUpdate: (startIndex: number, endIndex: number) => any;
-                }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                    beforeCreate?: (() => void) | (() => void)[];
-                    created?: (() => void) | (() => void)[];
-                    beforeMount?: (() => void) | (() => void)[];
-                    mounted?: (() => void) | (() => void)[];
-                    beforeUpdate?: (() => void) | (() => void)[];
-                    updated?: (() => void) | (() => void)[];
-                    activated?: (() => void) | (() => void)[];
-                    deactivated?: (() => void) | (() => void)[];
-                    beforeDestroy?: (() => void) | (() => void)[];
-                    beforeUnmount?: (() => void) | (() => void)[];
-                    destroyed?: (() => void) | (() => void)[];
-                    unmounted?: (() => void) | (() => void)[];
-                    renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                    errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                };
-                $forceUpdate: () => void;
-                $nextTick: typeof nextTick;
-                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-            } & Readonly<{}> & Omit<Readonly<import('./TableCoreVirtual.vue').Props> & Readonly<{
-                onMoveSelection?: ((horizontalMove: number, verticalMove: number, expandSelection: boolean) => any) | undefined;
-                onClearSelection?: (() => any) | undefined;
-                onExpandSelectedCell?: (() => any) | undefined;
-                onStartEditing?: ((initialValue?: string | undefined) => any) | undefined;
-                onBodyFocusin?: (() => any) | undefined;
-                onBodyFocusout?: (() => any) | undefined;
-                onScrollerUpdate?: ((startIndex: number, endIndex: number) => any) | undefined;
-            }>, "getBody" | "scrollToPosition" | "getScrollStart" | "getContainer"> & {
-                scrollToPosition: ({ top, left }: {
-                    top?: number;
-                    left?: number;
-                }) => void;
-                getScrollStart: () => number;
-                getBody: () => HTMLTableSectionElement | null | undefined;
-                getContainer: () => HTMLElement | null;
-            } & {} & import('vue').ComponentCustomProperties & {} & {
-                $slots: {
-                    header?(_: {
-                        getDragHandleHeight: () => number;
-                    }): any;
-                    'cell-selection-overlay'?(_: {}): any;
-                    row?(_: {
-                        rowInd: number;
-                        row: any;
-                    }): any;
-                    belowBody?(_: {}): any;
-                };
-            }) | null;
-        }, any, import('vue').ComponentProvideOptions, {
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -3601,16 +2754,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         "update:available-width": (newAvailableWidth: number) => any;
     }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
-            header?(_: {
+            header?: (props: {
                 getDragHandleHeight: () => number;
-            }): any;
-            row?(_: {
+            }) => any;
+        } & {
+            row?: (props: {
                 row: any;
                 rowInd: number;
                 groupInd: null;
-            }): any;
-            'cell-selection-overlay'?(_: {}): any;
-            belowBody?(_: {}): any;
+            }) => any;
+        } & {
+            'cell-selection-overlay'?: (props: {}) => any;
+        } & {
+            belowBody?: (props: {}) => any;
         };
     });
     NewRowButton: import('vue').DefineComponent<{}, {
@@ -3621,226 +2777,67 @@ 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: 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: 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: FilterValue) => any) | undefined;
-        }>, {
-            openPopover: (columnIndex?: number) => Promise<void>;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            columnFilter: (colInd: number, value: 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]: import('vue').Slot<any> | undefined;
-                }>;
-                $root: import('vue').ComponentPublicInstance | null;
-                $parent: import('vue').ComponentPublicInstance | null;
-                $host: Element | null;
-                $emit: (event: "update:modelValue", value: boolean) => void;
-                $el: HTMLDivElement;
-                $options: import('vue').ComponentOptionsBase<Readonly<({
-                    modelValue?: boolean;
-                } & {
-                    role?: import('packages/components/dist/src').KdsPopoverRole;
-                    popoverType?: import('packages/components/dist/src').KdsPopoverType;
-                    fullWidth?: boolean;
-                    maxInlineSize?: string;
-                    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 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: FilterValue) => any) | undefined;
-            }>, {
-                addAndFocusColumn: (columnIndex: number) => Promise<void>;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                columnFilter: (colInd: number, value: 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: 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: 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>;
-export default _default;
 //# sourceMappingURL=TableUI.vue.d.ts.map