@knime/kds-table 0.6.3 → 0.7.0

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

@@ -1,7 +1,8 @@
 import { PropType, Slot } from 'vue';
+import { KdsMenuItem } from '@knime/kds-components';
 import { ActionConfig, ActionState } from '../types/ActionConfig';
 import { ColumnConfig, ColumnId } from '../types/ColumnConfig';
-import { ColFilterValues, ColSortValue } from '../types/ColumnState';
+import { ColSortValue } from '../types/ColumnState';
 import { PageConfig, PageState } from '../types/PageConfig';
 import { RowConfig } from '../types/RowConfig';
 import { SubMenuConfig } from '../types/SubMenuConfig';
@@ -50,9 +51,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<ActionState | undefined>;
         default: undefined;
     };
-    colFilterValues: {
-        type: PropType<ColFilterValues>;
-        default: () => {};
+    additionalHeaderMenuItems: {
+        type: PropType<KdsMenuItem[][]>;
+        default: () => never[];
     };
     colSortValues: {
         type: PropType<ColSortValue[]>;
@@ -228,9 +229,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<ActionState | undefined>;
         default: undefined;
     };
-    colFilterValues: {
-        type: PropType<ColFilterValues>;
-        default: () => {};
+    additionalHeaderMenuItems: {
+        type: PropType<KdsMenuItem[][]>;
+        default: () => never[];
     };
     colSortValues: {
         type: PropType<ColSortValue[]>;
@@ -290,10 +291,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     pageConfig: PageConfig | undefined;
     tableState: TableState;
     pageState: PageState | undefined;
-    colFilterValues: ColFilterValues;
     colSortValues: ColSortValue[];
     actionState: ActionState | undefined;
     actionConfig: ActionConfig | undefined;
+    additionalHeaderMenuItems: KdsMenuItem[][];
     rowConfig: RowConfig;
     numRowsAbove: number;
     numRowsBelow: number;
@@ -340,9 +341,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: PropType<ColumnConfig[]>;
             required: true;
         };
-        colFilterValues: {
-            type: PropType<ColFilterValues>;
-            default: () => {};
+        additionalHeaderMenuItems: {
+            type: PropType<KdsMenuItem[][]>;
+            default: () => never[];
         };
         colSortValues: {
             type: PropType<ColSortValue[]>;
@@ -1134,9 +1135,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: PropType<ColumnConfig[]>;
                 default: () => never[];
             };
-            colFilterValues: {
-                type: PropType<ColFilterValues>;
-                default: () => {};
+            additionalHeaderMenuItems: {
+                type: PropType<KdsMenuItem[][]>;
+                default: () => never[];
             };
             colSortValues: {
                 type: PropType<ColSortValue[]>;
@@ -1161,8 +1162,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>> & Readonly<{
             onColumnResize?: ((index: number, newSize: number) => any) | undefined;
             onColumnSort?: ((index: number, direction: 0 | 1 | -1) => any) | undefined;
-            onOpenActionBarFilterControl?: ((index: number) => any) | undefined;
-            onClearColumnFilter?: ((index: number) => any) | undefined;
             onColumnResizeStart?: (() => any) | undefined;
             onColumnResizeEnd?: (() => any) | undefined;
             onAllColumnsResize?: ((newSize: number) => any) | undefined;
@@ -1202,8 +1201,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onColumnResize(columnIndex: number, newSize: number): void;
             onAllColumnsResize(newSize: number): void;
             onColumnSort(columnIndex: number, direction: -1 | 0 | 1): void;
-            onOpenActionBarFilterControl(columnIndex: number): void;
-            onClearColumnFilter(columnIndex: number): void;
             onNewColumnButtonClick(event: MouseEvent): void;
             onNewColumnButtonKeydownLeft(event: KeyboardEvent): void;
             onDeleteColumn(ind: number): void;
@@ -1225,8 +1222,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             columnResizeStart: () => true;
             allColumnsResize: (newSize: number) => true;
             columnSort: (index: number, direction: -1 | 0 | 1) => true;
-            openActionBarFilterControl: (index: number) => true;
-            clearColumnFilter: (index: number) => true;
             moveDownFromHeaderCell: (index: number) => true;
             headerCellSelect: (index: number) => true;
             "update:newColumnButtonWidth": (width: number) => true;
@@ -1240,15 +1235,15 @@ 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;
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             } & {
                 disabled?: boolean;
                 error?: boolean;
@@ -1258,7 +1253,7 @@ 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;
@@ -1268,9 +1263,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 label?: never;
                 tooltip: string;
             }), {}, {}, {}, {}, 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;
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             } & {
                 disabled?: boolean;
                 error?: boolean;
@@ -1280,7 +1275,7 @@ 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;
@@ -1290,48 +1285,48 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 label?: never;
                 tooltip: string;
             })> & Readonly<{
-                "onUpdate:modelValue"?: ((value: import('packages/components/dist/src').KdsCheckboxValue) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: import('@knime/kds-components').KdsCheckboxValue) => any) | undefined;
             }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
             KdsButton: import('vue').DefineComponent<(import('packages/components/dist/src/types/testId').WithTestId & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
+                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;
+                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, {
                 click: (event: MouseEvent) => any;
             }, string, import('vue').PublicProps, Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
+                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;
+                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<{
@@ -1340,7 +1335,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             HeaderCell: {
                 new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                     column: ColumnConfig;
-                    colFilterValue?: import('..').FilterValue;
+                    additionalMenuItems?: KdsMenuItem[];
                     tableConfig: TableConfig;
                     actionConfig: ActionConfig;
                     sortDirection: -1 | 0 | 1;
@@ -1352,8 +1347,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }> & Readonly<{
                     onColumnResize?: ((newSize: number) => any) | undefined;
                     onOnColumnSort?: ((direction: 0 | 1 | -1) => any) | undefined;
-                    onOpenActionBarFilterControl?: (() => any) | undefined;
-                    onClearColumnFilter?: (() => any) | undefined;
                     onOnHeaderCellFocus?: (() => any) | undefined;
                     onOnHeaderCellBlur?: (() => any) | undefined;
                     onOnHeaderClick?: (() => any) | undefined;
@@ -1373,8 +1366,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;
@@ -1393,23 +1384,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     mainHeader: HTMLDivElement;
                     headerText: HTMLSpanElement;
                     columnDeleteButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('packages/components/dist/src').KdsButtonSize;
+                        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;
+                        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<{
@@ -1424,23 +1415,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         M: {};
                         Defaults: {};
                     }, {} & (Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('packages/components/dist/src').KdsButtonSize;
+                        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;
+                        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<{
@@ -1455,7 +1446,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     Defaults: {};
                 }, Readonly<{
                     column: ColumnConfig;
-                    colFilterValue?: import('..').FilterValue;
+                    additionalMenuItems?: KdsMenuItem[];
                     tableConfig: TableConfig;
                     actionConfig: ActionConfig;
                     sortDirection: -1 | 0 | 1;
@@ -1467,8 +1458,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }> & Readonly<{
                     onColumnResize?: ((newSize: number) => any) | undefined;
                     onOnColumnSort?: ((direction: 0 | 1 | -1) => any) | undefined;
-                    onOpenActionBarFilterControl?: (() => any) | undefined;
-                    onClearColumnFilter?: (() => any) | undefined;
                     onOnHeaderCellFocus?: (() => any) | undefined;
                     onOnHeaderCellBlur?: (() => any) | undefined;
                     onOnHeaderClick?: (() => any) | undefined;
@@ -1491,7 +1480,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 __isSuspense?: never;
             } & import('vue').ComponentOptionsBase<Readonly<{
                 column: ColumnConfig;
-                colFilterValue?: import('..').FilterValue;
+                additionalMenuItems?: KdsMenuItem[];
                 tableConfig: TableConfig;
                 actionConfig: ActionConfig;
                 sortDirection: -1 | 0 | 1;
@@ -1503,8 +1492,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }> & Readonly<{
                 onColumnResize?: ((newSize: number) => any) | undefined;
                 onOnColumnSort?: ((direction: 0 | 1 | -1) => any) | undefined;
-                onOpenActionBarFilterControl?: (() => any) | undefined;
-                onClearColumnFilter?: (() => any) | undefined;
                 onOnHeaderCellFocus?: (() => any) | undefined;
                 onOnHeaderCellBlur?: (() => any) | undefined;
                 onOnHeaderClick?: (() => any) | undefined;
@@ -1524,8 +1511,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;
@@ -1565,9 +1550,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: PropType<ColumnConfig[]>;
                 default: () => never[];
             };
-            colFilterValues: {
-                type: PropType<ColFilterValues>;
-                default: () => {};
+            additionalHeaderMenuItems: {
+                type: PropType<KdsMenuItem[][]>;
+                default: () => never[];
             };
             colSortValues: {
                 type: PropType<ColSortValue[]>;
@@ -1592,8 +1577,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>> & Readonly<{
             onColumnResize?: ((index: number, newSize: number) => any) | undefined;
             onColumnSort?: ((index: number, direction: 0 | 1 | -1) => any) | undefined;
-            onOpenActionBarFilterControl?: ((index: number) => any) | undefined;
-            onClearColumnFilter?: ((index: number) => any) | undefined;
             onColumnResizeStart?: (() => any) | undefined;
             onColumnResizeEnd?: (() => any) | undefined;
             onAllColumnsResize?: ((newSize: number) => any) | undefined;
@@ -1633,8 +1616,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onColumnResize(columnIndex: number, newSize: number): void;
             onAllColumnsResize(newSize: number): void;
             onColumnSort(columnIndex: number, direction: -1 | 0 | 1): void;
-            onOpenActionBarFilterControl(columnIndex: number): void;
-            onClearColumnFilter(columnIndex: number): void;
             onNewColumnButtonClick(event: MouseEvent): void;
             onNewColumnButtonKeydownLeft(event: KeyboardEvent): void;
             onDeleteColumn(ind: number): void;
@@ -1651,9 +1632,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             columns: ColumnConfig[];
             tableConfig: TableConfig;
             getDragHandleHeight: () => number;
-            colFilterValues: ColFilterValues;
             colSortValues: ColSortValue[];
             actionConfig: ActionConfig;
+            additionalHeaderMenuItems: KdsMenuItem[][];
             isSelected: boolean;
             showNewColumnButton: boolean;
             selectedHeaderIndex: number | null;
@@ -1670,9 +1651,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: PropType<ColumnConfig[]>;
                 default: () => never[];
             };
-            colFilterValues: {
-                type: PropType<ColFilterValues>;
-                default: () => {};
+            additionalHeaderMenuItems: {
+                type: PropType<KdsMenuItem[][]>;
+                default: () => never[];
             };
             colSortValues: {
                 type: PropType<ColSortValue[]>;
@@ -1697,8 +1678,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>> & Readonly<{
             onColumnResize?: ((index: number, newSize: number) => any) | undefined;
             onColumnSort?: ((index: number, direction: 0 | 1 | -1) => any) | undefined;
-            onOpenActionBarFilterControl?: ((index: number) => any) | undefined;
-            onClearColumnFilter?: ((index: number) => any) | undefined;
             onColumnResizeStart?: (() => any) | undefined;
             onColumnResizeEnd?: (() => any) | undefined;
             onAllColumnsResize?: ((newSize: number) => any) | undefined;
@@ -1738,8 +1717,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onColumnResize(columnIndex: number, newSize: number): void;
             onAllColumnsResize(newSize: number): void;
             onColumnSort(columnIndex: number, direction: -1 | 0 | 1): void;
-            onOpenActionBarFilterControl(columnIndex: number): void;
-            onClearColumnFilter(columnIndex: number): void;
             onNewColumnButtonClick(event: MouseEvent): void;
             onNewColumnButtonKeydownLeft(event: KeyboardEvent): void;
             onDeleteColumn(ind: number): void;
@@ -1761,8 +1738,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             columnResizeStart: () => true;
             allColumnsResize: (newSize: number) => true;
             columnSort: (index: number, direction: -1 | 0 | 1) => true;
-            openActionBarFilterControl: (index: number) => true;
-            clearColumnFilter: (index: number) => true;
             moveDownFromHeaderCell: (index: number) => true;
             headerCellSelect: (index: number) => true;
             "update:newColumnButtonWidth": (width: number) => true;
@@ -1776,15 +1751,15 @@ 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;
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             } & {
                 disabled?: boolean;
                 error?: boolean;
@@ -1794,7 +1769,7 @@ 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;
@@ -1804,9 +1779,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 label?: never;
                 tooltip: string;
             }), {}, {}, {}, {}, 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;
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             } & {
                 disabled?: boolean;
                 error?: boolean;
@@ -1816,7 +1791,7 @@ 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;
@@ -1826,48 +1801,48 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 label?: never;
                 tooltip: string;
             })> & Readonly<{
-                "onUpdate:modelValue"?: ((value: import('packages/components/dist/src').KdsCheckboxValue) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: import('@knime/kds-components').KdsCheckboxValue) => any) | undefined;
             }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
             KdsButton: import('vue').DefineComponent<(import('packages/components/dist/src/types/testId').WithTestId & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
+                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;
+                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, {
                 click: (event: MouseEvent) => any;
             }, string, import('vue').PublicProps, Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
+                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;
+                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<{
@@ -1876,7 +1851,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             HeaderCell: {
                 new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                     column: ColumnConfig;
-                    colFilterValue?: import('..').FilterValue;
+                    additionalMenuItems?: KdsMenuItem[];
                     tableConfig: TableConfig;
                     actionConfig: ActionConfig;
                     sortDirection: -1 | 0 | 1;
@@ -1888,8 +1863,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }> & Readonly<{
                     onColumnResize?: ((newSize: number) => any) | undefined;
                     onOnColumnSort?: ((direction: 0 | 1 | -1) => any) | undefined;
-                    onOpenActionBarFilterControl?: (() => any) | undefined;
-                    onClearColumnFilter?: (() => any) | undefined;
                     onOnHeaderCellFocus?: (() => any) | undefined;
                     onOnHeaderCellBlur?: (() => any) | undefined;
                     onOnHeaderClick?: (() => any) | undefined;
@@ -1909,8 +1882,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;
@@ -1929,23 +1900,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     mainHeader: HTMLDivElement;
                     headerText: HTMLSpanElement;
                     columnDeleteButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('packages/components/dist/src').KdsButtonSize;
+                        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;
+                        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<{
@@ -1960,23 +1931,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         M: {};
                         Defaults: {};
                     }, {} & (Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('packages/components/dist/src').KdsButtonSize;
+                        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;
+                        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<{
@@ -1991,7 +1962,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     Defaults: {};
                 }, Readonly<{
                     column: ColumnConfig;
-                    colFilterValue?: import('..').FilterValue;
+                    additionalMenuItems?: KdsMenuItem[];
                     tableConfig: TableConfig;
                     actionConfig: ActionConfig;
                     sortDirection: -1 | 0 | 1;
@@ -2003,8 +1974,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }> & Readonly<{
                     onColumnResize?: ((newSize: number) => any) | undefined;
                     onOnColumnSort?: ((direction: 0 | 1 | -1) => any) | undefined;
-                    onOpenActionBarFilterControl?: (() => any) | undefined;
-                    onClearColumnFilter?: (() => any) | undefined;
                     onOnHeaderCellFocus?: (() => any) | undefined;
                     onOnHeaderCellBlur?: (() => any) | undefined;
                     onOnHeaderClick?: (() => any) | undefined;
@@ -2027,7 +1996,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 __isSuspense?: never;
             } & import('vue').ComponentOptionsBase<Readonly<{
                 column: ColumnConfig;
-                colFilterValue?: import('..').FilterValue;
+                additionalMenuItems?: KdsMenuItem[];
                 tableConfig: TableConfig;
                 actionConfig: ActionConfig;
                 sortDirection: -1 | 0 | 1;
@@ -2039,8 +2008,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }> & Readonly<{
                 onColumnResize?: ((newSize: number) => any) | undefined;
                 onOnColumnSort?: ((direction: 0 | 1 | -1) => any) | undefined;
-                onOpenActionBarFilterControl?: (() => any) | undefined;
-                onClearColumnFilter?: (() => any) | undefined;
                 onOnHeaderCellFocus?: (() => any) | undefined;
                 onOnHeaderCellBlur?: (() => any) | undefined;
                 onOnHeaderClick?: (() => any) | undefined;
@@ -2060,8 +2027,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;
@@ -2101,9 +2066,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: PropType<ColumnConfig[]>;
                 default: () => never[];
             };
-            colFilterValues: {
-                type: PropType<ColFilterValues>;
-                default: () => {};
+            additionalHeaderMenuItems: {
+                type: PropType<KdsMenuItem[][]>;
+                default: () => never[];
             };
             colSortValues: {
                 type: PropType<ColSortValue[]>;
@@ -2128,8 +2093,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>> & Readonly<{
             onColumnResize?: ((index: number, newSize: number) => any) | undefined;
             onColumnSort?: ((index: number, direction: 0 | 1 | -1) => any) | undefined;
-            onOpenActionBarFilterControl?: ((index: number) => any) | undefined;
-            onClearColumnFilter?: ((index: number) => any) | undefined;
             onColumnResizeStart?: (() => any) | undefined;
             onColumnResizeEnd?: (() => any) | undefined;
             onAllColumnsResize?: ((newSize: number) => any) | undefined;
@@ -2169,8 +2132,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onColumnResize(columnIndex: number, newSize: number): void;
             onAllColumnsResize(newSize: number): void;
             onColumnSort(columnIndex: number, direction: -1 | 0 | 1): void;
-            onOpenActionBarFilterControl(columnIndex: number): void;
-            onClearColumnFilter(columnIndex: number): void;
             onNewColumnButtonClick(event: MouseEvent): void;
             onNewColumnButtonKeydownLeft(event: KeyboardEvent): void;
             onDeleteColumn(ind: number): void;
@@ -2187,9 +2148,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;
@@ -2578,8 +2539,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         } | null;
         onNewRowButtonClick(event: MouseEvent): void;
         onNewColumnButtonClick(event: MouseEvent): void;
-        openActionBarFilterControl(columnIndex: number): void;
-        clearColumnFilter(columnIndex: number): void;
     }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         resizeActive: (isActive: boolean) => true;
         columnUpdate: (newColumnList: string[]) => true;
@@ -2587,7 +2546,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         pageChange: (newPageNumber: number) => true;
         pageSizeUpdate: (newPageSize: number) => true;
         columnSort: (colInd: number | undefined, sortDirection: -1 | 0 | 1) => true;
-        columnFilter: (colInd: number, value: import('..').FilterValue) => true;
         selectAll: (selected: boolean) => true;
         rowSelect: (selected: boolean, rowInd: number, groupInd: number, isTop: boolean) => true;
         tableInput: (event: any) => true;
@@ -2670,9 +2628,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             type: PropType<ColumnConfig[]>;
             required: true;
         };
-        colFilterValues: {
-            type: PropType<ColFilterValues>;
-            default: () => {};
+        additionalHeaderMenuItems: {
+            type: PropType<KdsMenuItem[][]>;
+            default: () => never[];
         };
         colSortValues: {
             type: PropType<ColSortValue[]>;
@@ -2720,7 +2678,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         "onUpdate:available-width"?: ((newAvailableWidth: number) => any) | undefined;
         onPageChange?: ((newPageNumber: number) => any) | undefined;
         onPageSizeUpdate?: ((newPageSize: number) => any) | undefined;
-        onColumnFilter?: ((colInd: number, value: import('..').FilterValue) => any) | undefined;
         onColumnSort?: ((colInd: number | undefined, sortDirection: 0 | 1 | -1) => any) | undefined;
         onResetTemporaryView?: (() => any) | undefined;
         "onUpdate:searchTerm"?: ((newSearchTerm: string) => any) | undefined;
@@ -2782,10 +2739,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;
@@ -2876,32 +2833,32 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             KdsMenuButton: import('vue').DefineComponent<({
                 modelValue?: boolean;
             } & import('packages/components/dist/src/types/testId').WithTestId & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
+                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: import('packages/components/dist/src/buttons/KdsMenuButton/types').KdsMenuItem[];
                 menuMaxHeight?: string;
             }) | ({
                 modelValue?: boolean;
             } & import('packages/components/dist/src/types/testId').WithTestId & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
+                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: import('packages/components/dist/src/buttons/KdsMenuButton/types').KdsMenuItem[];
                 menuMaxHeight?: string;
             }), {
                 menuButtonEl: Readonly<import('vue').ShallowRef<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
@@ -2935,7 +2892,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsButtonSize;
+                    ?: import('@knime/kds-components').KdsButtonSize;
                     disabled
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -2980,7 +2937,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
                 } & {
                     label: string;
                     leadingIcon
@@ -2997,7 +2954,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsIconName;
+                    ?: import('@knime/kds-components').KdsIconName;
                     trailingIcon
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3012,7 +2969,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsIconName;
+                    ?: import('@knime/kds-components').KdsIconName;
                     ariaLabel
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3059,7 +3016,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsButtonSize;
+                    ?: import('@knime/kds-components').KdsButtonSize;
                     disabled
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3104,7 +3061,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
                 } & {
                     label
                     /**
@@ -3121,7 +3078,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: never;
-                    leadingIcon: import('packages/components/dist/src').KdsIconName;
+                    leadingIcon: import('@knime/kds-components').KdsIconName;
                     trailingIcon
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3194,7 +3151,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsButtonSize;
+                    ?: import('@knime/kds-components').KdsButtonSize;
                     disabled
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3239,7 +3196,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
                 } & {
                     label: string;
                     leadingIcon
@@ -3256,7 +3213,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsIconName;
+                    ?: import('@knime/kds-components').KdsIconName;
                     trailingIcon
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3271,7 +3228,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsIconName;
+                    ?: import('@knime/kds-components').KdsIconName;
                     ariaLabel
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3318,7 +3275,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsButtonSize;
+                    ?: import('@knime/kds-components').KdsButtonSize;
                     disabled
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3363,7 +3320,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
                 } & {
                     label
                     /**
@@ -3380,7 +3337,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: never;
-                    leadingIcon: import('packages/components/dist/src').KdsIconName;
+                    leadingIcon: import('@knime/kds-components').KdsIconName;
                     trailingIcon
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3420,32 +3377,32 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }, string, import('vue').PublicProps, Readonly<({
                 modelValue?: boolean;
             } & import('packages/components/dist/src/types/testId').WithTestId & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
+                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: import('packages/components/dist/src/buttons/KdsMenuButton/types').KdsMenuItem[];
                 menuMaxHeight?: string;
             }) | ({
                 modelValue?: boolean;
             } & import('packages/components/dist/src/types/testId').WithTestId & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
+                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: import('packages/components/dist/src/buttons/KdsMenuButton/types').KdsMenuItem[];
                 menuMaxHeight?: string;
             })> & Readonly<{
                 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -3482,7 +3439,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsButtonSize;
+                    ?: import('@knime/kds-components').KdsButtonSize;
                     disabled
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3527,7 +3484,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
                 } & {
                     label: string;
                     leadingIcon
@@ -3544,7 +3501,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsIconName;
+                    ?: import('@knime/kds-components').KdsIconName;
                     trailingIcon
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3559,7 +3516,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsIconName;
+                    ?: import('@knime/kds-components').KdsIconName;
                     ariaLabel
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3606,7 +3563,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsButtonSize;
+                    ?: import('@knime/kds-components').KdsButtonSize;
                     disabled
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3651,7 +3608,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
                 } & {
                     label
                     /**
@@ -3668,7 +3625,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: never;
-                    leadingIcon: import('packages/components/dist/src').KdsIconName;
+                    leadingIcon: import('@knime/kds-components').KdsIconName;
                     trailingIcon
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3741,7 +3698,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsButtonSize;
+                    ?: import('@knime/kds-components').KdsButtonSize;
                     disabled
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3786,7 +3743,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
                 } & {
                     label: string;
                     leadingIcon
@@ -3803,7 +3760,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsIconName;
+                    ?: import('@knime/kds-components').KdsIconName;
                     trailingIcon
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3818,7 +3775,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsIconName;
+                    ?: import('@knime/kds-components').KdsIconName;
                     ariaLabel
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3865,7 +3822,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsButtonSize;
+                    ?: import('@knime/kds-components').KdsButtonSize;
                     disabled
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3910,7 +3867,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsToggleButtonVariant | undefined;
+                    ?: import('@knime/kds-components').KdsToggleButtonVariant | undefined;
                 } & {
                     label
                     /**
@@ -3927,7 +3884,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - the compact mode is toggled
                      */
                     ?: never;
-                    leadingIcon: import('packages/components/dist/src').KdsIconName;
+                    leadingIcon: import('@knime/kds-components').KdsIconName;
                     trailingIcon
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -3994,7 +3951,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                          *  - columns were removed, added, or replaced
                          *  - the compact mode is toggled
                          */
-                        ?: import('packages/components/dist/src').KdsPopoverRole | undefined;
+                        ?: import('@knime/kds-components').KdsPopoverRole | undefined;
                         readonly popoverType
                         /**
                          * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -4009,7 +3966,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                          *  - columns were removed, added, or replaced
                          *  - the compact mode is toggled
                          */
-                        ?: import('packages/components/dist/src').KdsPopoverType | undefined;
+                        ?: import('@knime/kds-components').KdsPopoverType | undefined;
                         readonly fullWidth
                         /**
                          * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -4084,7 +4041,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                          *  - columns were removed, added, or replaced
                          *  - the compact mode is toggled
                          */
-                        ?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom"> | undefined;
+                        ?: Exclude<import('@knime/kds-components').KdsPopoverPlacement, "custom"> | undefined;
                         readonly customPlacementPosition
                         /**
                          * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -4145,7 +4102,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                          *  - columns were removed, added, or replaced
                          *  - the compact mode is toggled
                          */
-                        ?: import('packages/components/dist/src').KdsPopoverRole | undefined;
+                        ?: import('@knime/kds-components').KdsPopoverRole | undefined;
                         readonly popoverType
                         /**
                          * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -4160,7 +4117,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                          *  - columns were removed, added, or replaced
                          *  - the compact mode is toggled
                          */
-                        ?: import('packages/components/dist/src').KdsPopoverType | undefined;
+                        ?: import('@knime/kds-components').KdsPopoverType | undefined;
                         readonly fullWidth
                         /**
                          * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -4287,7 +4244,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                          *  - columns were removed, added, or replaced
                          *  - the compact mode is toggled
                          */
-                        ?: import('packages/components/dist/src').KdsPopoverRole;
+                        ?: import('@knime/kds-components').KdsPopoverRole;
                         popoverType
                         /**
                          * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -4302,7 +4259,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                          *  - columns were removed, added, or replaced
                          *  - the compact mode is toggled
                          */
-                        ?: import('packages/components/dist/src').KdsPopoverType;
+                        ?: import('@knime/kds-components').KdsPopoverType;
                         fullWidth
                         /**
                          * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -4378,7 +4335,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                          *  - columns were removed, added, or replaced
                          *  - the compact mode is toggled
                          */
-                        ?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom">;
+                        ?: Exclude<import('@knime/kds-components').KdsPopoverPlacement, "custom">;
                         customPlacementPosition
                         /**
                          * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -4425,7 +4382,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                          *  - columns were removed, added, or replaced
                          *  - the compact mode is toggled
                          */
-                        ?: import('packages/components/dist/src').KdsPopoverRole;
+                        ?: import('@knime/kds-components').KdsPopoverRole;
                         popoverType
                         /**
                          * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -4440,7 +4397,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                          *  - columns were removed, added, or replaced
                          *  - the compact mode is toggled
                          */
-                        ?: import('packages/components/dist/src').KdsPopoverType;
+                        ?: import('@knime/kds-components').KdsPopoverType;
                         fullWidth
                         /**
                          * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -4859,7 +4816,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsPopoverRole;
+                    ?: import('@knime/kds-components').KdsPopoverRole;
                     popoverType
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -4874,7 +4831,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsPopoverType;
+                    ?: import('@knime/kds-components').KdsPopoverType;
                     fullWidth
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -4950,7 +4907,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom">;
+                    ?: Exclude<import('@knime/kds-components').KdsPopoverPlacement, "custom">;
                     customPlacementPosition
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -4997,7 +4954,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsPopoverRole;
+                    ?: import('@knime/kds-components').KdsPopoverRole;
                     popoverType
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -5012,7 +4969,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsPopoverType;
+                    ?: import('@knime/kds-components').KdsPopoverType;
                     fullWidth
                     /**
                      * This component contains the ability to size the columns in the tableUI according to the width of their content by
@@ -5168,9 +5125,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: PropType<ColumnConfig[]>;
                 default: () => never[];
             };
-            colFilterValues: {
-                type: PropType<ColFilterValues>;
-                default: () => {};
+            additionalHeaderMenuItems: {
+                type: PropType<KdsMenuItem[][]>;
+                default: () => never[];
             };
             colSortValues: {
                 type: PropType<ColSortValue[]>;
@@ -5216,8 +5173,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onColumnResize(columnIndex: number, newSize: number): void;
             onAllColumnsResize(newSize: number): void;
             onColumnSort(columnIndex: number, direction: -1 | 0 | 1): void;
-            onOpenActionBarFilterControl(columnIndex: number): void;
-            onClearColumnFilter(columnIndex: number): void;
             onNewColumnButtonClick(event: MouseEvent): void;
             onNewColumnButtonKeydownLeft(event: KeyboardEvent): void;
             onDeleteColumn(ind: number): void;
@@ -5239,8 +5194,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             columnResizeStart: () => true;
             allColumnsResize: (newSize: number) => true;
             columnSort: (index: number, direction: -1 | 0 | 1) => true;
-            openActionBarFilterControl: (index: number) => true;
-            clearColumnFilter: (index: number) => true;
             moveDownFromHeaderCell: (index: number) => true;
             headerCellSelect: (index: number) => true;
             "update:newColumnButtonWidth": (width: number) => true;
@@ -5263,9 +5216,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 type: PropType<ColumnConfig[]>;
                 default: () => never[];
             };
-            colFilterValues: {
-                type: PropType<ColFilterValues>;
-                default: () => {};
+            additionalHeaderMenuItems: {
+                type: PropType<KdsMenuItem[][]>;
+                default: () => never[];
             };
             colSortValues: {
                 type: PropType<ColSortValue[]>;
@@ -5290,8 +5243,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         }>> & Readonly<{
             onColumnResize?: ((index: number, newSize: number) => any) | undefined;
             onColumnSort?: ((index: number, direction: 0 | 1 | -1) => any) | undefined;
-            onOpenActionBarFilterControl?: ((index: number) => any) | undefined;
-            onClearColumnFilter?: ((index: number) => any) | undefined;
             onColumnResizeStart?: (() => any) | undefined;
             onColumnResizeEnd?: (() => any) | undefined;
             onAllColumnsResize?: ((newSize: number) => any) | undefined;
@@ -5311,15 +5262,15 @@ 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;
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             } & {
                 disabled?: boolean;
                 error?: boolean;
@@ -5329,7 +5280,7 @@ 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;
@@ -5339,9 +5290,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 label?: never;
                 tooltip: string;
             }), {}, {}, {}, {}, 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;
+                modelValue?: import('@knime/kds-components').KdsCheckboxValue;
             } & {
                 disabled?: boolean;
                 error?: boolean;
@@ -5351,7 +5302,7 @@ 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;
@@ -5361,48 +5312,48 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 label?: never;
                 tooltip: string;
             })> & Readonly<{
-                "onUpdate:modelValue"?: ((value: import('packages/components/dist/src').KdsCheckboxValue) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: import('@knime/kds-components').KdsCheckboxValue) => any) | undefined;
             }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
             KdsButton: import('vue').DefineComponent<(import('packages/components/dist/src/types/testId').WithTestId & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
+                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;
+                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, {
                 click: (event: MouseEvent) => any;
             }, string, import('vue').PublicProps, Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                size?: import('packages/components/dist/src').KdsButtonSize;
+                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;
+                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<{
@@ -5411,7 +5362,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             HeaderCell: {
                 new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
                     column: ColumnConfig;
-                    colFilterValue?: import('..').FilterValue;
+                    additionalMenuItems?: KdsMenuItem[];
                     tableConfig: TableConfig;
                     actionConfig: ActionConfig;
                     sortDirection: -1 | 0 | 1;
@@ -5423,8 +5374,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }> & Readonly<{
                     onColumnResize?: ((newSize: number) => any) | undefined;
                     onOnColumnSort?: ((direction: 0 | 1 | -1) => any) | undefined;
-                    onOpenActionBarFilterControl?: (() => any) | undefined;
-                    onClearColumnFilter?: (() => any) | undefined;
                     onOnHeaderCellFocus?: (() => any) | undefined;
                     onOnHeaderCellBlur?: (() => any) | undefined;
                     onOnHeaderClick?: (() => any) | undefined;
@@ -5444,8 +5393,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;
@@ -5464,23 +5411,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     mainHeader: HTMLDivElement;
                     headerText: HTMLSpanElement;
                     columnDeleteButton: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('packages/components/dist/src').KdsButtonSize;
+                        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;
+                        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<{
@@ -5495,23 +5442,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                         M: {};
                         Defaults: {};
                     }, {} & (Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                        size?: import('packages/components/dist/src').KdsButtonSize;
+                        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;
+                        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<{
@@ -5526,7 +5473,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     Defaults: {};
                 }, Readonly<{
                     column: ColumnConfig;
-                    colFilterValue?: import('..').FilterValue;
+                    additionalMenuItems?: KdsMenuItem[];
                     tableConfig: TableConfig;
                     actionConfig: ActionConfig;
                     sortDirection: -1 | 0 | 1;
@@ -5538,8 +5485,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 }> & Readonly<{
                     onColumnResize?: ((newSize: number) => any) | undefined;
                     onOnColumnSort?: ((direction: 0 | 1 | -1) => any) | undefined;
-                    onOpenActionBarFilterControl?: (() => any) | undefined;
-                    onClearColumnFilter?: (() => any) | undefined;
                     onOnHeaderCellFocus?: (() => any) | undefined;
                     onOnHeaderCellBlur?: (() => any) | undefined;
                     onOnHeaderClick?: (() => any) | undefined;
@@ -5562,7 +5507,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 __isSuspense?: never;
             } & import('vue').ComponentOptionsBase<Readonly<{
                 column: ColumnConfig;
-                colFilterValue?: import('..').FilterValue;
+                additionalMenuItems?: KdsMenuItem[];
                 tableConfig: TableConfig;
                 actionConfig: ActionConfig;
                 sortDirection: -1 | 0 | 1;
@@ -5574,8 +5519,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }> & Readonly<{
                 onColumnResize?: ((newSize: number) => any) | undefined;
                 onOnColumnSort?: ((direction: 0 | 1 | -1) => any) | undefined;
-                onOpenActionBarFilterControl?: (() => any) | undefined;
-                onClearColumnFilter?: (() => any) | undefined;
                 onOnHeaderCellFocus?: (() => any) | undefined;
                 onOnHeaderCellBlur?: (() => any) | undefined;
                 onOnHeaderClick?: (() => any) | undefined;
@@ -5595,8 +5538,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;
@@ -5665,7 +5606,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsMenuItem[];
+                    ?: KdsMenuItem[];
                 };
                 rowConfig: RowConfig;
                 minRowHeight: number;
@@ -5682,23 +5623,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             }, 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;
+                    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;
+                    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<{
@@ -5713,30 +5654,30 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     M: {};
                     Defaults: {};
                 }, {} & (Readonly<(import('packages/components/dist/src/types/testId').WithTestId & {
-                    size?: import('packages/components/dist/src').KdsButtonSize;
+                    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;
+                    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<{
                     onClick?: ((event: MouseEvent) => any) | undefined;
                 }>), {}, {}, {}, {}, {}> | null;
                 selectionCheckbox: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
-                    modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
+                    modelValue?: import('@knime/kds-components').KdsCheckboxValue;
                 } & {
                     disabled?: boolean;
                     error?: boolean;
@@ -5746,7 +5687,7 @@ 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;
@@ -5756,9 +5697,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     label?: never;
                     tooltip: string;
                 })> & Readonly<{
-                    "onUpdate:modelValue"?: ((value: import('packages/components/dist/src').KdsCheckboxValue) => any) | undefined;
+                    "onUpdate:modelValue"?: ((value: import('@knime/kds-components').KdsCheckboxValue) => any) | undefined;
                 }>, {}, {}, {}, {}, 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;
                 }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
                     P: {};
                     B: {};
@@ -5767,7 +5708,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     M: {};
                     Defaults: {};
                 }, {} & (Readonly<({
-                    modelValue?: import('packages/components/dist/src').KdsCheckboxValue;
+                    modelValue?: import('@knime/kds-components').KdsCheckboxValue;
                 } & {
                     disabled?: boolean;
                     error?: boolean;
@@ -5777,7 +5718,7 @@ 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;
@@ -5787,7 +5728,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     label?: never;
                     tooltip: string;
                 })> & Readonly<{
-                    "onUpdate:modelValue"?: ((value: import('packages/components/dist/src').KdsCheckboxValue) => any) | undefined;
+                    "onUpdate:modelValue"?: ((value: import('@knime/kds-components').KdsCheckboxValue) => any) | undefined;
                 }>), {}, {}, {}, {}, {}> | null;
             }, any, import('vue').ComponentProvideOptions, {
                 P: {};
@@ -5832,7 +5773,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                      *  - columns were removed, added, or replaced
                      *  - the compact mode is toggled
                      */
-                    ?: import('packages/components/dist/src').KdsMenuItem[];
+                    ?: KdsMenuItem[];
                 };
                 rowConfig: RowConfig;
                 minRowHeight: number;
@@ -5897,7 +5838,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                  *  - columns were removed, added, or replaced
                  *  - the compact mode is toggled
                  */
-                ?: import('packages/components/dist/src').KdsMenuItem[];
+                ?: KdsMenuItem[];
             };
             rowConfig: RowConfig;
             minRowHeight: number;
@@ -6364,225 +6305,67 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             onClick?: ((event: MouseEvent) => any) | undefined;
             "onKeydown-up"?: ((event: KeyboardEvent) => any) | undefined;
         }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-        TableActionBar: import('vue').DefineComponent<{
-            tableSizes?: TableState["tableSizes"];
-            rowLabel?: string;
-            actionState?: ActionState;
-            showTableSize?: boolean;
-            actionConfig: ActionConfig;
-            colSortValues?: ColSortValue[];
-            colFilterValues: ColFilterValues;
-            sortControlOptions: import('./control/actionbar/SortControl.vue').SortControlOptions;
-            columns: ColumnConfig[];
-        }, {
-            openFilterControl: (columnIndex?: number) => void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-            columnFilter: (colInd: number, value: import('..').FilterValue) => any;
-            onColumnSort: (columnId: string | undefined, direction: 0 | 1 | -1) => any;
-            resetTemporaryView: () => any;
-            "update:searchTerm": (newSearchTerm: string) => any;
-        }, string, import('vue').PublicProps, Readonly<{
+        TableActionBar: {
+            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+                tableSizes?: TableState["tableSizes"];
+                rowLabel?: string;
+                actionState?: ActionState;
+                showTableSize?: boolean;
+                actionConfig: ActionConfig;
+                colSortValues?: ColSortValue[];
+                sortControlOptions: import('./control/actionbar/SortControl.vue').SortControlOptions;
+            }> & Readonly<{
+                onOnColumnSort?: ((columnId: string | undefined, direction: 0 | 1 | -1) => any) | undefined;
+                onResetTemporaryView?: (() => any) | undefined;
+                "onUpdate:searchTerm"?: ((newSearchTerm: string) => any) | undefined;
+            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                onColumnSort: (columnId: string | undefined, direction: 0 | 1 | -1) => any;
+                resetTemporaryView: () => any;
+                "update:searchTerm": (newSearchTerm: string) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<{
+                tableSizes?: TableState["tableSizes"];
+                rowLabel?: string;
+                actionState?: ActionState;
+                showTableSize?: boolean;
+                actionConfig: ActionConfig;
+                colSortValues?: ColSortValue[];
+                sortControlOptions: import('./control/actionbar/SortControl.vue').SortControlOptions;
+            }> & Readonly<{
+                onOnColumnSort?: ((columnId: string | undefined, direction: 0 | 1 | -1) => any) | undefined;
+                onResetTemporaryView?: (() => any) | undefined;
+                "onUpdate:searchTerm"?: ((newSearchTerm: string) => any) | undefined;
+            }>, {}, {}, {}, {}, {}>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import('vue').ComponentOptionsBase<Readonly<{
             tableSizes?: TableState["tableSizes"];
             rowLabel?: string;
             actionState?: ActionState;
             showTableSize?: boolean;
             actionConfig: ActionConfig;
             colSortValues?: ColSortValue[];
-            colFilterValues: ColFilterValues;
             sortControlOptions: import('./control/actionbar/SortControl.vue').SortControlOptions;
-            columns: ColumnConfig[];
         }> & Readonly<{
-            onColumnFilter?: ((colInd: number, value: import('..').FilterValue) => any) | undefined;
             onOnColumnSort?: ((columnId: string | undefined, direction: 0 | 1 | -1) => any) | undefined;
             onResetTemporaryView?: (() => any) | undefined;
             "onUpdate:searchTerm"?: ((newSearchTerm: string) => any) | undefined;
-        }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-            filterControlRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-                columns: ColumnConfig[];
-                colFilterValues: ColFilterValues;
-            }> & Readonly<{
-                onColumnFilter?: ((colInd: number, value: import('..').FilterValue) => any) | undefined;
-            }>, {
-                openPopover: (columnIndex?: number) => Promise<void>;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                columnFilter: (colInd: number, value: import('..').FilterValue) => any;
-            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-                filterPopoverRef: ({
-                    $: import('vue').ComponentInternalInstance;
-                    $data: {};
-                    $props: ({
-                        readonly modelValue?: boolean | undefined;
-                        readonly role?: import('packages/components/dist/src').KdsPopoverRole | undefined;
-                        readonly popoverType?: import('packages/components/dist/src').KdsPopoverType | undefined;
-                        readonly fullWidth?: boolean | undefined;
-                        readonly maxInlineSize?: string | undefined;
-                        readonly stretchInline?: boolean | undefined;
-                        readonly content?: string | undefined;
-                        readonly placement?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom"> | undefined;
-                        readonly customPlacementPosition?: never | undefined;
-                        readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
-                    } | {
-                        readonly modelValue?: boolean | undefined;
-                        readonly role?: import('packages/components/dist/src').KdsPopoverRole | undefined;
-                        readonly popoverType?: import('packages/components/dist/src').KdsPopoverType | undefined;
-                        readonly fullWidth?: boolean | undefined;
-                        readonly maxInlineSize?: string | undefined;
-                        readonly stretchInline?: boolean | undefined;
-                        readonly content?: string | undefined;
-                        readonly placement: "custom";
-                        readonly customPlacementPosition: {
-                            x: number;
-                            y: number;
-                        };
-                        readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
-                    }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-                    $attrs: import('vue').Attrs;
-                    $refs: {
-                        [x: string]: unknown;
-                    } & {
-                        popoverEl: HTMLDivElement;
-                    };
-                    $slots: Readonly<{
-                        [name: string]: Slot<any> | undefined;
-                    }>;
-                    $root: import('vue').ComponentPublicInstance | null;
-                    $parent: import('vue').ComponentPublicInstance | null;
-                    $host: Element | null;
-                    $emit: (event: "update:modelValue", value: boolean) => void;
-                    $el: HTMLDivElement;
-                    $options: import('vue').ComponentOptionsBase<Readonly<({
-                        modelValue?: boolean;
-                    } & {
-                        role?: import('packages/components/dist/src').KdsPopoverRole;
-                        popoverType?: import('packages/components/dist/src').KdsPopoverType;
-                        fullWidth?: boolean;
-                        maxInlineSize?: string;
-                        stretchInline?: boolean;
-                        content?: string;
-                    } & {
-                        placement?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom">;
-                        customPlacementPosition?: never;
-                    }) | ({
-                        modelValue?: boolean;
-                    } & {
-                        role?: import('packages/components/dist/src').KdsPopoverRole;
-                        popoverType?: import('packages/components/dist/src').KdsPopoverType;
-                        fullWidth?: boolean;
-                        maxInlineSize?: string;
-                        stretchInline?: boolean;
-                        content?: string;
-                    } & {
-                        placement: "custom";
-                        customPlacementPosition: {
-                            x: number;
-                            y: number;
-                        };
-                    })> & Readonly<{
-                        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-                    }>, {
-                        anchorStyle: Record<string, string>;
-                        popoverId: string;
-                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                        "update:modelValue": (value: boolean) => any;
-                    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                        beforeCreate?: (() => void) | (() => void)[];
-                        created?: (() => void) | (() => void)[];
-                        beforeMount?: (() => void) | (() => void)[];
-                        mounted?: (() => void) | (() => void)[];
-                        beforeUpdate?: (() => void) | (() => void)[];
-                        updated?: (() => void) | (() => void)[];
-                        activated?: (() => void) | (() => void)[];
-                        deactivated?: (() => void) | (() => void)[];
-                        beforeDestroy?: (() => void) | (() => void)[];
-                        beforeUnmount?: (() => void) | (() => void)[];
-                        destroyed?: (() => void) | (() => void)[];
-                        unmounted?: (() => void) | (() => void)[];
-                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-                    };
-                    $forceUpdate: () => void;
-                    $nextTick: typeof import('vue').nextTick;
-                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-                } & Readonly<{}> & Omit<{} & (Readonly<({
-                    modelValue?: boolean;
-                } & {
-                    role?: import('packages/components/dist/src').KdsPopoverRole;
-                    popoverType?: import('packages/components/dist/src').KdsPopoverType;
-                    fullWidth?: boolean;
-                    maxInlineSize?: string;
-                    stretchInline?: boolean;
-                    content?: string;
-                } & {
-                    placement?: Exclude<import('packages/components/dist/src').KdsPopoverPlacement, "custom">;
-                    customPlacementPosition?: never;
-                }) | ({
-                    modelValue?: boolean;
-                } & {
-                    role?: import('packages/components/dist/src').KdsPopoverRole;
-                    popoverType?: import('packages/components/dist/src').KdsPopoverType;
-                    fullWidth?: boolean;
-                    maxInlineSize?: string;
-                    stretchInline?: boolean;
-                    content?: string;
-                } & {
-                    placement: "custom";
-                    customPlacementPosition: {
-                        x: number;
-                        y: number;
-                    };
-                })> & Readonly<{
-                    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-                }>), "anchorStyle" | "popoverId"> & {
-                    anchorStyle: Record<string, string>;
-                    popoverId: string;
-                } & {} & import('vue').ComponentCustomProperties & {} & {
-                    $slots: Readonly<{
-                        default(): unknown;
-                    }> & {
-                        default(): unknown;
-                    };
-                }) | null;
-                filterBodyRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-                    columns: ColumnConfig[];
-                    colFilterValues: ColFilterValues;
-                }> & Readonly<{
-                    onColumnFilter?: ((colInd: number, value: import('..').FilterValue) => any) | undefined;
-                }>, {
-                    addAndFocusColumn: (columnIndex: number) => Promise<void>;
-                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-                    columnFilter: (colInd: number, value: import('..').FilterValue) => any;
-                }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-                    P: {};
-                    B: {};
-                    D: {};
-                    C: {};
-                    M: {};
-                    Defaults: {};
-                }, Readonly<{
-                    columns: ColumnConfig[];
-                    colFilterValues: ColFilterValues;
-                }> & Readonly<{
-                    onColumnFilter?: ((colInd: number, value: import('..').FilterValue) => any) | undefined;
-                }>, {
-                    addAndFocusColumn: (columnIndex: number) => Promise<void>;
-                }, {}, {}, {}, {}> | null;
-            }, any, import('vue').ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<{
-                columns: ColumnConfig[];
-                colFilterValues: ColFilterValues;
-            }> & Readonly<{
-                onColumnFilter?: ((colInd: number, value: import('..').FilterValue) => any) | undefined;
-            }>, {
-                openPopover: (columnIndex?: number) => Promise<void>;
-            }, {}, {}, {}, {}> | null;
-        }, any>;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            onColumnSort: (columnId: string | undefined, direction: 0 | 1 | -1) => any;
+            resetTemporaryView: () => any;
+            "update:searchTerm": (newSearchTerm: string) => any;
+        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+            $slots: {
+                'action-bar-left'?(_: {}): any;
+            };
+        });
     }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;