npm - @ironsource/shared-ui - Versions diffs - 2.1.7-test.3 → 2.1.7-test.5 - Mend

@ironsource/shared-ui 2.1.7-test.3 → 2.1.7-test.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (90) hide show

package/index.d.ts CHANGED Viewed

@@ -10,7 +10,6 @@ export * from '@/composables/useId';
 export * from '@/components/filterDropdown';
 export * from '@/components/typography';
 export * from '@/components/typography/v4';
-export * from '@/components/popover';
 export * from '@/components/multibar';
 export * from '@/components/layout';
 export * from '@/components/forms';
@@ -21,6 +20,420 @@ import * as tableV4 from '@/components/table/v4';
 import * as tableCellsV3 from '@/components/table-cells/v3';
 import * as snackbarV3 from '@/components/snackbar/v3';
 declare const _default: {
+    Popover: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                disabled: boolean;
+                testId: string;
+                placement: import("floating-vue").Placement;
+                distance: number;
+                popperClass: string;
+                autoHide: boolean;
+                skidding: number;
+                trigger: "touch" | "click" | "focus" | "hover" | "managed";
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                placement: {
+                    type: import("vue").PropType<import("floating-vue").Placement>;
+                    default: string;
+                };
+                distance: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                popperClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                autoHide: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                skidding: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                trigger: {
+                    type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                    default: string;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "testId" | "placement" | "distance" | "popperClass" | "autoHide" | "skidding" | "trigger">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                placement: {
+                    type: import("vue").PropType<import("floating-vue").Placement>;
+                    default: string;
+                };
+                distance: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                popperClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                autoHide: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                skidding: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                trigger: {
+                    type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                    default: string;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                disabled: boolean;
+                testId: string;
+                placement: import("floating-vue").Placement;
+                distance: number;
+                popperClass: string;
+                autoHide: boolean;
+                skidding: number;
+                trigger: "touch" | "click" | "focus" | "hover" | "managed";
+            }, {}, string> & {
+                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<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, 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_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placement: {
+                type: import("vue").PropType<import("floating-vue").Placement>;
+                default: string;
+            };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            trigger: {
+                type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                default: string;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placement: {
+            type: import("vue").PropType<import("floating-vue").Placement>;
+            default: string;
+        };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        popperClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        autoHide: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        skidding: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        trigger: {
+            type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+            default: string;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        disabled: boolean;
+        testId: string;
+        placement: import("floating-vue").Placement;
+        distance: number;
+        popperClass: string;
+        autoHide: boolean;
+        skidding: number;
+        trigger: "touch" | "click" | "focus" | "hover" | "managed";
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            trigger?(_: {}): any;
+            content?(_: {}): any;
+        };
+    });
+    PopoverTypes: () => ({
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                disabled: boolean;
+                testId: string;
+                placement: import("floating-vue").Placement;
+                distance: number;
+                popperClass: string;
+                autoHide: boolean;
+                skidding: number;
+                trigger: "touch" | "click" | "focus" | "hover" | "managed";
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                placement: {
+                    type: import("vue").PropType<import("floating-vue").Placement>;
+                    default: string;
+                };
+                distance: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                popperClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                autoHide: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                skidding: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                trigger: {
+                    type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                    default: string;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "testId" | "placement" | "distance" | "popperClass" | "autoHide" | "skidding" | "trigger">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                placement: {
+                    type: import("vue").PropType<import("floating-vue").Placement>;
+                    default: string;
+                };
+                distance: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                popperClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                autoHide: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                skidding: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                trigger: {
+                    type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                    default: string;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                disabled: boolean;
+                testId: string;
+                placement: import("floating-vue").Placement;
+                distance: number;
+                popperClass: string;
+                autoHide: boolean;
+                skidding: number;
+                trigger: "touch" | "click" | "focus" | "hover" | "managed";
+            }, {}, string> & {
+                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<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, 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_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placement: {
+                type: import("vue").PropType<import("floating-vue").Placement>;
+                default: string;
+            };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            trigger: {
+                type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                default: string;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placement: {
+            type: import("vue").PropType<import("floating-vue").Placement>;
+            default: string;
+        };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        popperClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        autoHide: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        skidding: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        trigger: {
+            type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+            default: string;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        disabled: boolean;
+        testId: string;
+        placement: import("floating-vue").Placement;
+        distance: number;
+        popperClass: string;
+        autoHide: boolean;
+        skidding: number;
+        trigger: "touch" | "click" | "focus" | "hover" | "managed";
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            trigger?(_: {}): any;
+            content?(_: {}): any;
+        };
+    }))[];
     DateRange: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
@@ -1204,6 +1617,7 @@ declare const _default: {
             $props: Partial<{
                 search: string;
                 testId: string;
+                isLoading: boolean;
                 displayValue: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
                 searchPlaceholder: string;
                 items: import("./components/sortableList/SortableList.types").SortableListItem[];
@@ -1212,6 +1626,8 @@ declare const _default: {
                 openId: string | number;
                 selectedId: string | number;
                 showSearch: boolean;
+                loadingRowCount: number;
+                emptyStateTitle: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 search: {
                     type: import("vue").PropType<string>;
@@ -1221,6 +1637,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                isLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 displayValue: {
                     type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem) => string>;
                     required: true;
@@ -1255,14 +1675,26 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                loadingRowCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                emptyStateTitle: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
             }>> & {
+                onSortableItemDragged?: (event: {
+                    id: string;
+                    newIndex: number;
+                }) => any;
                 "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
                 "onUpdate:openId"?: (id: string | number) => any;
                 "onUpdate:selectedId"?: (id: string | number) => any;
                 "onUpdate:selectedChildId"?: (id: string | number) => any;
                 "onUpdate:search"?: (query: string) => any;
                 onClearSearch?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "displayValue" | "searchPlaceholder" | "items" | "selectedChildId" | "searchHandler" | "openId" | "selectedId" | "showSearch">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "displayValue" | "searchPlaceholder" | "items" | "selectedChildId" | "searchHandler" | "openId" | "selectedId" | "showSearch" | "loadingRowCount" | "emptyStateTitle">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -1274,7 +1706,10 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: ((event: "update:items", items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void) & ((event: "update:openId", id: string | number) => void) & ((event: "update:selectedId", id: string | number) => void) & ((event: "update:selectedChildId", id: string | number) => void) & ((event: "update:search", query: string) => void) & ((event: "clearSearch") => void);
+            $emit: ((event: "sortableItemDragged", event: {
+                id: string;
+                newIndex: number;
+            }) => void) & ((event: "update:items", items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void) & ((event: "update:openId", id: string | number) => void) & ((event: "update:selectedId", id: string | number) => void) & ((event: "update:selectedChildId", id: string | number) => void) & ((event: "update:search", query: string) => void) & ((event: "clearSearch") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 search: {
@@ -1285,6 +1720,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                isLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 displayValue: {
                     type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem) => string>;
                     required: true;
@@ -1319,7 +1758,19 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                loadingRowCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                emptyStateTitle: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
             }>> & {
+                onSortableItemDragged?: (event: {
+                    id: string;
+                    newIndex: number;
+                }) => any;
                 "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
                 "onUpdate:openId"?: (id: string | number) => any;
                 "onUpdate:selectedId"?: (id: string | number) => any;
@@ -1327,6 +1778,10 @@ declare const _default: {
                 "onUpdate:search"?: (query: string) => any;
                 onClearSearch?: () => any;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                sortableItemDragged: (event: {
+                    id: string;
+                    newIndex: number;
+                }) => void;
                 "update:items": (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void;
                 "update:openId": (id: string | number) => void;
                 "update:selectedId": (id: string | number) => void;
@@ -1336,6 +1791,7 @@ declare const _default: {
             }, string, {
                 search: string;
                 testId: string;
+                isLoading: boolean;
                 displayValue: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
                 searchPlaceholder: string;
                 items: import("./components/sortableList/SortableList.types").SortableListItem[];
@@ -1344,6 +1800,8 @@ declare const _default: {
                 openId: string | number;
                 selectedId: string | number;
                 showSearch: boolean;
+                loadingRowCount: number;
+                emptyStateTitle: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -1373,6 +1831,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             displayValue: {
                 type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem) => string>;
                 required: true;
@@ -1407,7 +1869,19 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            emptyStateTitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
         }>> & {
+            onSortableItemDragged?: (event: {
+                id: string;
+                newIndex: number;
+            }) => any;
             "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
             "onUpdate:openId"?: (id: string | number) => any;
             "onUpdate:selectedId"?: (id: string | number) => any;
@@ -1427,6 +1901,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        isLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         displayValue: {
             type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem) => string>;
             required: true;
@@ -1461,7 +1939,19 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        loadingRowCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        emptyStateTitle: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
+        onSortableItemDragged?: (event: {
+            id: string;
+            newIndex: number;
+        }) => any;
         "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
         "onUpdate:openId"?: (id: string | number) => any;
         "onUpdate:selectedId"?: (id: string | number) => any;
@@ -1469,6 +1959,10 @@ declare const _default: {
         "onUpdate:search"?: (query: string) => any;
         onClearSearch?: () => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        sortableItemDragged: (event: {
+            id: string;
+            newIndex: number;
+        }) => void;
         "update:items": (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void;
         "update:openId": (id: string | number) => void;
         "update:selectedId": (id: string | number) => void;
@@ -1478,6 +1972,7 @@ declare const _default: {
     }, string, {
         search: string;
         testId: string;
+        isLoading: boolean;
         displayValue: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
         searchPlaceholder: string;
         items: import("./components/sortableList/SortableList.types").SortableListItem[];
@@ -1486,11 +1981,15 @@ declare const _default: {
         openId: string | number;
         selectedId: string | number;
         showSearch: boolean;
+        loadingRowCount: number;
+        emptyStateTitle: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             menu?(_: {
                 item: import("./components/sortableList/SortableList.types").SortableListItem;
             }): any;
+            loader?(_: {}): any;
+            "empty-state"?(_: {}): any;
         };
     });
     SortableListTypes: () => ({
@@ -1500,6 +1999,7 @@ declare const _default: {
             $props: Partial<{
                 search: string;
                 testId: string;
+                isLoading: boolean;
                 displayValue: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
                 searchPlaceholder: string;
                 items: import("./components/sortableList/SortableList.types").SortableListItem[];
@@ -1508,6 +2008,8 @@ declare const _default: {
                 openId: string | number;
                 selectedId: string | number;
                 showSearch: boolean;
+                loadingRowCount: number;
+                emptyStateTitle: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 search: {
                     type: import("vue").PropType<string>;
@@ -1517,6 +2019,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                isLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 displayValue: {
                     type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem) => string>;
                     required: true;
@@ -1551,14 +2057,26 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                loadingRowCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                emptyStateTitle: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
             }>> & {
+                onSortableItemDragged?: (event: {
+                    id: string;
+                    newIndex: number;
+                }) => any;
                 "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
                 "onUpdate:openId"?: (id: string | number) => any;
                 "onUpdate:selectedId"?: (id: string | number) => any;
                 "onUpdate:selectedChildId"?: (id: string | number) => any;
                 "onUpdate:search"?: (query: string) => any;
                 onClearSearch?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "displayValue" | "searchPlaceholder" | "items" | "selectedChildId" | "searchHandler" | "openId" | "selectedId" | "showSearch">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "displayValue" | "searchPlaceholder" | "items" | "selectedChildId" | "searchHandler" | "openId" | "selectedId" | "showSearch" | "loadingRowCount" | "emptyStateTitle">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -1570,7 +2088,10 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: ((event: "update:items", items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void) & ((event: "update:openId", id: string | number) => void) & ((event: "update:selectedId", id: string | number) => void) & ((event: "update:selectedChildId", id: string | number) => void) & ((event: "update:search", query: string) => void) & ((event: "clearSearch") => void);
+            $emit: ((event: "sortableItemDragged", event: {
+                id: string;
+                newIndex: number;
+            }) => void) & ((event: "update:items", items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void) & ((event: "update:openId", id: string | number) => void) & ((event: "update:selectedId", id: string | number) => void) & ((event: "update:selectedChildId", id: string | number) => void) & ((event: "update:search", query: string) => void) & ((event: "clearSearch") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 search: {
@@ -1581,6 +2102,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                isLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 displayValue: {
                     type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem) => string>;
                     required: true;
@@ -1615,7 +2140,19 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                loadingRowCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                emptyStateTitle: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
             }>> & {
+                onSortableItemDragged?: (event: {
+                    id: string;
+                    newIndex: number;
+                }) => any;
                 "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
                 "onUpdate:openId"?: (id: string | number) => any;
                 "onUpdate:selectedId"?: (id: string | number) => any;
@@ -1623,6 +2160,10 @@ declare const _default: {
                 "onUpdate:search"?: (query: string) => any;
                 onClearSearch?: () => any;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                sortableItemDragged: (event: {
+                    id: string;
+                    newIndex: number;
+                }) => void;
                 "update:items": (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void;
                 "update:openId": (id: string | number) => void;
                 "update:selectedId": (id: string | number) => void;
@@ -1632,6 +2173,7 @@ declare const _default: {
             }, string, {
                 search: string;
                 testId: string;
+                isLoading: boolean;
                 displayValue: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
                 searchPlaceholder: string;
                 items: import("./components/sortableList/SortableList.types").SortableListItem[];
@@ -1640,6 +2182,8 @@ declare const _default: {
                 openId: string | number;
                 selectedId: string | number;
                 showSearch: boolean;
+                loadingRowCount: number;
+                emptyStateTitle: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -1669,6 +2213,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             displayValue: {
                 type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem) => string>;
                 required: true;
@@ -1703,7 +2251,19 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            emptyStateTitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
         }>> & {
+            onSortableItemDragged?: (event: {
+                id: string;
+                newIndex: number;
+            }) => any;
             "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
             "onUpdate:openId"?: (id: string | number) => any;
             "onUpdate:selectedId"?: (id: string | number) => any;
@@ -1723,6 +2283,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        isLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         displayValue: {
             type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem) => string>;
             required: true;
@@ -1757,7 +2321,19 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        loadingRowCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        emptyStateTitle: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
+        onSortableItemDragged?: (event: {
+            id: string;
+            newIndex: number;
+        }) => any;
         "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
         "onUpdate:openId"?: (id: string | number) => any;
         "onUpdate:selectedId"?: (id: string | number) => any;
@@ -1765,6 +2341,10 @@ declare const _default: {
         "onUpdate:search"?: (query: string) => any;
         onClearSearch?: () => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        sortableItemDragged: (event: {
+            id: string;
+            newIndex: number;
+        }) => void;
         "update:items": (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void;
         "update:openId": (id: string | number) => void;
         "update:selectedId": (id: string | number) => void;
@@ -1774,6 +2354,7 @@ declare const _default: {
     }, string, {
         search: string;
         testId: string;
+        isLoading: boolean;
         displayValue: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
         searchPlaceholder: string;
         items: import("./components/sortableList/SortableList.types").SortableListItem[];
@@ -1782,11 +2363,15 @@ declare const _default: {
         openId: string | number;
         selectedId: string | number;
         showSearch: boolean;
+        loadingRowCount: number;
+        emptyStateTitle: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             menu?(_: {
                 item: import("./components/sortableList/SortableList.types").SortableListItem;
             }): any;
+            loader?(_: {}): any;
+            "empty-state"?(_: {}): any;
         };
     }))[];
     StatusDot: import("vue").DefineComponent<{
@@ -4188,6 +4773,7 @@ declare const _default: {
             $props: Partial<{
                 type: "input" | "dropdown";
                 cell: string;
+                saveOnClickOutside: boolean;
                 validateFunction: (value: unknown) => string | boolean;
                 isLoading: boolean;
                 displayValue: (option: unknown) => unknown;
@@ -4201,6 +4787,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                saveOnClickOutside: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 validateFunction: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
@@ -4221,7 +4811,7 @@ declare const _default: {
                     type: import("vue").PropType<(option: unknown) => unknown>;
                     default: (cell: unknown) => unknown;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "validateFunction" | "isLoading" | "displayValue">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "saveOnClickOutside" | "validateFunction" | "isLoading" | "displayValue">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -4245,6 +4835,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                saveOnClickOutside: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 validateFunction: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
@@ -4268,6 +4862,7 @@ declare const _default: {
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 type: "input" | "dropdown";
                 cell: string;
+                saveOnClickOutside: boolean;
                 validateFunction: (value: unknown) => string | boolean;
                 isLoading: boolean;
                 displayValue: (option: unknown) => unknown;
@@ -4301,6 +4896,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            saveOnClickOutside: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             validateFunction: {
                 type: import("vue").PropType<(value: unknown) => string | boolean>;
                 default: () => false;
@@ -4335,6 +4934,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        saveOnClickOutside: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         validateFunction: {
             type: import("vue").PropType<(value: unknown) => string | boolean>;
             default: () => false;
@@ -4358,6 +4961,7 @@ declare const _default: {
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         type: "input" | "dropdown";
         cell: string;
+        saveOnClickOutside: boolean;
         validateFunction: (value: unknown) => string | boolean;
         isLoading: boolean;
         displayValue: (option: unknown) => unknown;
@@ -4374,6 +4978,7 @@ declare const _default: {
             $props: Partial<{
                 type: "input" | "dropdown";
                 cell: string;
+                saveOnClickOutside: boolean;
                 validateFunction: (value: unknown) => string | boolean;
                 isLoading: boolean;
                 displayValue: (option: unknown) => unknown;
@@ -4387,6 +4992,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                saveOnClickOutside: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 validateFunction: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
@@ -4407,7 +5016,7 @@ declare const _default: {
                     type: import("vue").PropType<(option: unknown) => unknown>;
                     default: (cell: unknown) => unknown;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "validateFunction" | "isLoading" | "displayValue">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "saveOnClickOutside" | "validateFunction" | "isLoading" | "displayValue">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -4431,6 +5040,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                saveOnClickOutside: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 validateFunction: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
@@ -4454,6 +5067,7 @@ declare const _default: {
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 type: "input" | "dropdown";
                 cell: string;
+                saveOnClickOutside: boolean;
                 validateFunction: (value: unknown) => string | boolean;
                 isLoading: boolean;
                 displayValue: (option: unknown) => unknown;
@@ -4487,6 +5101,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            saveOnClickOutside: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             validateFunction: {
                 type: import("vue").PropType<(value: unknown) => string | boolean>;
                 default: () => false;
@@ -4521,6 +5139,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        saveOnClickOutside: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         validateFunction: {
             type: import("vue").PropType<(value: unknown) => string | boolean>;
             default: () => false;
@@ -4544,6 +5166,7 @@ declare const _default: {
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         type: "input" | "dropdown";
         cell: string;
+        saveOnClickOutside: boolean;
         validateFunction: (value: unknown) => string | boolean;
         isLoading: boolean;
         displayValue: (option: unknown) => unknown;
@@ -4569,20 +5192,22 @@ declare const _default: {
                 searchPlaceholder: string;
                 selection: unknown[];
                 showSearch: boolean;
+                loadingRowCount: number;
+                emptyStateTitle: string;
                 isSticky: boolean;
                 sections: import("./components/table/common/Table.types").Section[];
                 isStickyHeader: boolean;
-                emptyStateTitle: string;
                 emptyStateSubtitle: string;
                 isInfiniteScroll: boolean;
                 infiniteScrollThreshold: number;
                 rowHeight: number | ((index: number) => number);
-                loadingRowCount: number;
                 defaultScrollPosition: number;
                 getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
                 selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
+                rowCustomClassKey: string;
+                rowDataKey: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 sort: {
                     type: import("vue").PropType<tableV3.Sort>;
@@ -4624,6 +5249,14 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                loadingRowCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                emptyStateTitle: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 isSticky: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -4640,10 +5273,6 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                emptyStateTitle: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 emptyStateSubtitle: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -4660,10 +5289,6 @@ declare const _default: {
                     type: import("vue").PropType<number | ((index: number) => number)>;
                     default: number;
                 };
-                loadingRowCount: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
                 defaultScrollPosition: {
                     type: import("vue").PropType<number>;
                     default: any;
@@ -4684,6 +5309,14 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     default: number;
                 };
+                rowCustomClassKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                rowDataKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
             }>> & {
                 onSelectAll?: (value: boolean) => any;
                 "onUpdate:search"?: (query: string) => any;
@@ -4700,7 +5333,7 @@ declare const _default: {
                 "onUpdate:selection"?: (selection: unknown[]) => any;
                 onSelectRow?: (value: boolean) => any;
                 onClickRow?: (rowIndex: number) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -4760,6 +5393,14 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                loadingRowCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                emptyStateTitle: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 isSticky: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -4776,10 +5417,6 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                emptyStateTitle: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 emptyStateSubtitle: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -4796,10 +5433,6 @@ declare const _default: {
                     type: import("vue").PropType<number | ((index: number) => number)>;
                     default: number;
                 };
-                loadingRowCount: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
                 defaultScrollPosition: {
                     type: import("vue").PropType<number>;
                     default: any;
@@ -4820,6 +5453,14 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     default: number;
                 };
+                rowCustomClassKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                rowDataKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
             }>> & {
                 onSelectAll?: (value: boolean) => any;
                 "onUpdate:search"?: (query: string) => any;
@@ -4864,20 +5505,22 @@ declare const _default: {
                 searchPlaceholder: string;
                 selection: unknown[];
                 showSearch: boolean;
+                loadingRowCount: number;
+                emptyStateTitle: string;
                 isSticky: boolean;
                 sections: import("./components/table/common/Table.types").Section[];
                 isStickyHeader: boolean;
-                emptyStateTitle: string;
                 emptyStateSubtitle: string;
                 isInfiniteScroll: boolean;
                 infiniteScrollThreshold: number;
                 rowHeight: number | ((index: number) => number);
-                loadingRowCount: number;
                 defaultScrollPosition: number;
                 getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
                 selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
+                rowCustomClassKey: string;
+                rowDataKey: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -4939,6 +5582,14 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            emptyStateTitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             isSticky: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -4955,10 +5606,6 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            emptyStateTitle: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -4975,10 +5622,6 @@ declare const _default: {
                 type: import("vue").PropType<number | ((index: number) => number)>;
                 default: number;
             };
-            loadingRowCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             defaultScrollPosition: {
                 type: import("vue").PropType<number>;
                 default: any;
@@ -4999,6 +5642,14 @@ declare const _default: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            rowCustomClassKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            rowDataKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
         }>> & {
             onSelectAll?: (value: boolean) => any;
             "onUpdate:search"?: (query: string) => any;
@@ -5062,6 +5713,14 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        loadingRowCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        emptyStateTitle: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         isSticky: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -5078,10 +5737,6 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        emptyStateTitle: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         emptyStateSubtitle: {
             type: import("vue").PropType<string>;
             default: string;
@@ -5098,10 +5753,6 @@ declare const _default: {
             type: import("vue").PropType<number | ((index: number) => number)>;
             default: number;
         };
-        loadingRowCount: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         defaultScrollPosition: {
             type: import("vue").PropType<number>;
             default: any;
@@ -5122,6 +5773,14 @@ declare const _default: {
             type: import("vue").PropType<number>;
             default: number;
         };
+        rowCustomClassKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        rowDataKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
         onSelectAll?: (value: boolean) => any;
         "onUpdate:search"?: (query: string) => any;
@@ -5166,20 +5825,22 @@ declare const _default: {
         searchPlaceholder: string;
         selection: unknown[];
         showSearch: boolean;
+        loadingRowCount: number;
+        emptyStateTitle: string;
         isSticky: boolean;
         sections: import("./components/table/common/Table.types").Section[];
         isStickyHeader: boolean;
-        emptyStateTitle: string;
         emptyStateSubtitle: string;
         isInfiniteScroll: boolean;
         infiniteScrollThreshold: number;
         rowHeight: number | ((index: number) => number);
-        loadingRowCount: number;
         defaultScrollPosition: number;
         getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
         selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
         emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
         zIndexBase: number;
+        rowCustomClassKey: string;
+        rowDataKey: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
             column: tableV3.Column;
@@ -5241,6 +5902,10 @@ declare const _default: {
         menuItems: tableV4.MenuItem[];
     }>;
     DataGridRowsCounter: import("vue").DefineComponent<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         count: {
             type: import("vue").PropType<number>;
             default: number;
@@ -5262,6 +5927,10 @@ declare const _default: {
             default: string;
         };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         count: {
             type: import("vue").PropType<number>;
             default: number;
@@ -5283,6 +5952,7 @@ declare const _default: {
             default: string;
         };
     }>>, {
+        testId: string;
         count: number;
         totalCount: number;
         displayingText: string;
@@ -5303,20 +5973,22 @@ declare const _default: {
                 searchPlaceholder: string;
                 selection: unknown[];
                 showSearch: boolean;
+                loadingRowCount: number;
+                emptyStateTitle: string;
                 isSticky: boolean;
                 sections: import("./components/table/common/Table.types").Section[];
                 isStickyHeader: boolean;
-                emptyStateTitle: string;
                 emptyStateSubtitle: string;
                 isInfiniteScroll: boolean;
                 infiniteScrollThreshold: number;
                 rowHeight: number | ((index: number) => number);
-                loadingRowCount: number;
                 defaultScrollPosition: number;
                 getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
                 selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
+                rowCustomClassKey: string;
+                rowDataKey: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 sort: {
                     type: import("vue").PropType<tableV3.Sort>;
@@ -5358,6 +6030,14 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                loadingRowCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                emptyStateTitle: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 isSticky: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -5374,10 +6054,6 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                emptyStateTitle: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 emptyStateSubtitle: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -5394,10 +6070,6 @@ declare const _default: {
                     type: import("vue").PropType<number | ((index: number) => number)>;
                     default: number;
                 };
-                loadingRowCount: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
                 defaultScrollPosition: {
                     type: import("vue").PropType<number>;
                     default: any;
@@ -5418,6 +6090,14 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     default: number;
                 };
+                rowCustomClassKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                rowDataKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
             }>> & {
                 onSelectAll?: (value: boolean) => any;
                 "onUpdate:search"?: (query: string) => any;
@@ -5434,7 +6114,7 @@ declare const _default: {
                 "onUpdate:selection"?: (selection: unknown[]) => any;
                 onSelectRow?: (value: boolean) => any;
                 onClickRow?: (rowIndex: number) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -5494,6 +6174,14 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                loadingRowCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                emptyStateTitle: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 isSticky: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -5510,10 +6198,6 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                emptyStateTitle: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 emptyStateSubtitle: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -5530,10 +6214,6 @@ declare const _default: {
                     type: import("vue").PropType<number | ((index: number) => number)>;
                     default: number;
                 };
-                loadingRowCount: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
                 defaultScrollPosition: {
                     type: import("vue").PropType<number>;
                     default: any;
@@ -5554,6 +6234,14 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     default: number;
                 };
+                rowCustomClassKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                rowDataKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
             }>> & {
                 onSelectAll?: (value: boolean) => any;
                 "onUpdate:search"?: (query: string) => any;
@@ -5598,20 +6286,22 @@ declare const _default: {
                 searchPlaceholder: string;
                 selection: unknown[];
                 showSearch: boolean;
+                loadingRowCount: number;
+                emptyStateTitle: string;
                 isSticky: boolean;
                 sections: import("./components/table/common/Table.types").Section[];
                 isStickyHeader: boolean;
-                emptyStateTitle: string;
                 emptyStateSubtitle: string;
                 isInfiniteScroll: boolean;
                 infiniteScrollThreshold: number;
                 rowHeight: number | ((index: number) => number);
-                loadingRowCount: number;
                 defaultScrollPosition: number;
                 getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
                 selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
+                rowCustomClassKey: string;
+                rowDataKey: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -5673,6 +6363,14 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            emptyStateTitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             isSticky: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -5689,10 +6387,6 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            emptyStateTitle: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -5709,10 +6403,6 @@ declare const _default: {
                 type: import("vue").PropType<number | ((index: number) => number)>;
                 default: number;
             };
-            loadingRowCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             defaultScrollPosition: {
                 type: import("vue").PropType<number>;
                 default: any;
@@ -5733,6 +6423,14 @@ declare const _default: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
+            rowCustomClassKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            rowDataKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
         }>> & {
             onSelectAll?: (value: boolean) => any;
             "onUpdate:search"?: (query: string) => any;
@@ -5796,6 +6494,14 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        loadingRowCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        emptyStateTitle: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         isSticky: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -5812,10 +6518,6 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        emptyStateTitle: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         emptyStateSubtitle: {
             type: import("vue").PropType<string>;
             default: string;
@@ -5832,10 +6534,6 @@ declare const _default: {
             type: import("vue").PropType<number | ((index: number) => number)>;
             default: number;
         };
-        loadingRowCount: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         defaultScrollPosition: {
             type: import("vue").PropType<number>;
             default: any;
@@ -5856,6 +6554,14 @@ declare const _default: {
             type: import("vue").PropType<number>;
             default: number;
         };
+        rowCustomClassKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        rowDataKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
         onSelectAll?: (value: boolean) => any;
         "onUpdate:search"?: (query: string) => any;
@@ -5900,20 +6606,22 @@ declare const _default: {
         searchPlaceholder: string;
         selection: unknown[];
         showSearch: boolean;
+        loadingRowCount: number;
+        emptyStateTitle: string;
         isSticky: boolean;
         sections: import("./components/table/common/Table.types").Section[];
         isStickyHeader: boolean;
-        emptyStateTitle: string;
         emptyStateSubtitle: string;
         isInfiniteScroll: boolean;
         infiniteScrollThreshold: number;
         rowHeight: number | ((index: number) => number);
-        loadingRowCount: number;
         defaultScrollPosition: number;
         getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => unknown;
         selectedMatcher: (rowId: unknown, selected: unknown) => boolean;
         emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
         zIndexBase: number;
+        rowCustomClassKey: string;
+        rowDataKey: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
             column: tableV3.Column;
@@ -5973,6 +6681,10 @@ declare const _default: {
         rowIndex: number;
         menuItems: tableV4.MenuItem[];
     }> | import("vue").DefineComponent<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         count: {
             type: import("vue").PropType<number>;
             default: number;
@@ -5994,6 +6706,10 @@ declare const _default: {
             default: string;
         };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         count: {
             type: import("vue").PropType<number>;
             default: number;
@@ -6015,6 +6731,7 @@ declare const _default: {
             default: string;
         };
     }>>, {
+        testId: string;
         count: number;
         totalCount: number;
         displayingText: string;
@@ -6031,10 +6748,10 @@ declare const _default: {
                 searchPlaceholder: string;
                 count: number;
                 showSearch: boolean;
-                isSticky: boolean;
+                loadingRowCount: number;
                 emptyStateTitle: string;
+                isSticky: boolean;
                 emptyStateSubtitle: string;
-                loadingRowCount: number;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
                 totalCount: number;
@@ -6068,22 +6785,22 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                isSticky: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
+                loadingRowCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
                 };
                 emptyStateTitle: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                isSticky: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 emptyStateSubtitle: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                loadingRowCount: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
                 emptyStateVariant: {
                     type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                     default: any;
@@ -6123,7 +6840,7 @@ declare const _default: {
                 onOnScroll?: (scrollTop: number) => any;
                 onOnClearSearch?: () => any;
                 onClickRow?: (rowIndex: number, tableIndex: number) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "isSticky" | "emptyStateTitle" | "emptyStateSubtitle" | "loadingRowCount" | "emptyStateVariant" | "zIndexBase" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "emptyStateVariant" | "zIndexBase" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -6162,22 +6879,22 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                isSticky: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
+                loadingRowCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
                 };
                 emptyStateTitle: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                isSticky: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 emptyStateSubtitle: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                loadingRowCount: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
                 emptyStateVariant: {
                     type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                     default: any;
@@ -6229,10 +6946,10 @@ declare const _default: {
                 searchPlaceholder: string;
                 count: number;
                 showSearch: boolean;
-                isSticky: boolean;
+                loadingRowCount: number;
                 emptyStateTitle: string;
+                isSticky: boolean;
                 emptyStateSubtitle: string;
-                loadingRowCount: number;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
                 totalCount: number;
@@ -6286,22 +7003,22 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            isSticky: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
             };
             emptyStateTitle: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            loadingRowCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             emptyStateVariant: {
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: any;
@@ -6370,22 +7087,22 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        isSticky: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        loadingRowCount: {
+            type: import("vue").PropType<number>;
+            default: number;
         };
         emptyStateTitle: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        isSticky: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         emptyStateSubtitle: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        loadingRowCount: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         emptyStateVariant: {
             type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
             default: any;
@@ -6437,10 +7154,10 @@ declare const _default: {
         searchPlaceholder: string;
         count: number;
         showSearch: boolean;
-        isSticky: boolean;
+        loadingRowCount: number;
         emptyStateTitle: string;
+        isSticky: boolean;
         emptyStateSubtitle: string;
-        loadingRowCount: number;
         emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
         zIndexBase: number;
         totalCount: number;
@@ -6451,12 +7168,25 @@ declare const _default: {
         loadingAndEmptyStatesColumns: tableV3.Column[];
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: Partial<Record<string, (_: {
+            column: tableV3.Column;
+        }) => any>> & Partial<Record<string, (_: {
             cell: any;
             isLoading: any;
             cellIndex: any;
             row: any;
             rowIndex: any;
-        }) => any>>;
+        }) => any>> & Partial<Record<string, (_: {
+            column: tableV3.Column;
+        }) => any>> & {
+            title?(_: {}): any;
+            search?(_: {}): any;
+            "table-header-actions"?(_: {}): any;
+            "floating-row"?(_: {
+                row: any;
+                rowIndex: any;
+            }): any;
+            "empty-state"?(_: {}): any;
+        };
     })))[];
     MultipleDataGrid: {
         new (...args: any[]): {
@@ -6469,10 +7199,10 @@ declare const _default: {
                 searchPlaceholder: string;
                 count: number;
                 showSearch: boolean;
-                isSticky: boolean;
+                loadingRowCount: number;
                 emptyStateTitle: string;
+                isSticky: boolean;
                 emptyStateSubtitle: string;
-                loadingRowCount: number;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
                 totalCount: number;
@@ -6506,22 +7236,22 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                isSticky: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
+                loadingRowCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
                 };
                 emptyStateTitle: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                isSticky: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 emptyStateSubtitle: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                loadingRowCount: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
                 emptyStateVariant: {
                     type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                     default: any;
@@ -6561,7 +7291,7 @@ declare const _default: {
                 onOnScroll?: (scrollTop: number) => any;
                 onOnClearSearch?: () => any;
                 onClickRow?: (rowIndex: number, tableIndex: number) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "isSticky" | "emptyStateTitle" | "emptyStateSubtitle" | "loadingRowCount" | "emptyStateVariant" | "zIndexBase" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "searchPlaceholder" | "count" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "emptyStateSubtitle" | "emptyStateVariant" | "zIndexBase" | "totalCount" | "displayingText" | "outOfText" | "totalText" | "tablesSettings" | "loadingAndEmptyStatesColumns">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -6600,22 +7330,22 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                isSticky: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
+                loadingRowCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
                 };
                 emptyStateTitle: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                isSticky: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 emptyStateSubtitle: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                loadingRowCount: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
                 emptyStateVariant: {
                     type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                     default: any;
@@ -6667,10 +7397,10 @@ declare const _default: {
                 searchPlaceholder: string;
                 count: number;
                 showSearch: boolean;
-                isSticky: boolean;
+                loadingRowCount: number;
                 emptyStateTitle: string;
+                isSticky: boolean;
                 emptyStateSubtitle: string;
-                loadingRowCount: number;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 zIndexBase: number;
                 totalCount: number;
@@ -6724,22 +7454,22 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            isSticky: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
             };
             emptyStateTitle: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            loadingRowCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             emptyStateVariant: {
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
                 default: any;
@@ -6808,22 +7538,22 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        isSticky: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        loadingRowCount: {
+            type: import("vue").PropType<number>;
+            default: number;
         };
         emptyStateTitle: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        isSticky: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         emptyStateSubtitle: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        loadingRowCount: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         emptyStateVariant: {
             type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
             default: any;
@@ -6875,10 +7605,10 @@ declare const _default: {
         searchPlaceholder: string;
         count: number;
         showSearch: boolean;
-        isSticky: boolean;
+        loadingRowCount: number;
         emptyStateTitle: string;
+        isSticky: boolean;
         emptyStateSubtitle: string;
-        loadingRowCount: number;
         emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
         zIndexBase: number;
         totalCount: number;
@@ -6889,12 +7619,25 @@ declare const _default: {
         loadingAndEmptyStatesColumns: tableV3.Column[];
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: Partial<Record<string, (_: {
+            column: tableV3.Column;
+        }) => any>> & Partial<Record<string, (_: {
             cell: any;
             isLoading: any;
             cellIndex: any;
             row: any;
             rowIndex: any;
-        }) => any>>;
+        }) => any>> & Partial<Record<string, (_: {
+            column: tableV3.Column;
+        }) => any>> & {
+            title?(_: {}): any;
+            search?(_: {}): any;
+            "table-header-actions"?(_: {}): any;
+            "floating-row"?(_: {
+                row: any;
+                rowIndex: any;
+            }): any;
+            "empty-state"?(_: {}): any;
+        };
     });
     Table: {
         new (...args: any[]): {
@@ -6903,15 +7646,15 @@ declare const _default: {
             $props: Partial<{
                 testId: string;
                 isLoading: boolean;
+                loadingRowCount: number;
+                emptyStateTitle: string;
                 isSticky: boolean;
                 sections: import("./components/table/common/Table.types").Section[];
                 isStickyHeader: boolean;
-                emptyStateTitle: string;
                 emptyStateSubtitle: string;
                 isInfiniteScroll: boolean;
                 infiniteScrollThreshold: number;
                 rowHeight: number | ((index: number) => number);
-                loadingRowCount: number;
                 defaultScrollPosition: number;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 sort: {
@@ -6934,6 +7677,14 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                loadingRowCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                emptyStateTitle: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 isSticky: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -6950,10 +7701,6 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                emptyStateTitle: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 emptyStateSubtitle: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -6970,10 +7717,6 @@ declare const _default: {
                     type: import("vue").PropType<number | ((index: number) => number)>;
                     default: number;
                 };
-                loadingRowCount: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
                 defaultScrollPosition: {
                     type: import("vue").PropType<number>;
                     default: any;
@@ -6988,7 +7731,7 @@ declare const _default: {
                     cellIndex: number;
                 }) => any;
                 onLoadMore?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "isLoading" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "isLoading" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -7028,6 +7771,14 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                loadingRowCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                emptyStateTitle: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 isSticky: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -7044,10 +7795,6 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                emptyStateTitle: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 emptyStateSubtitle: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -7064,10 +7811,6 @@ declare const _default: {
                     type: import("vue").PropType<number | ((index: number) => number)>;
                     default: number;
                 };
-                loadingRowCount: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
                 defaultScrollPosition: {
                     type: import("vue").PropType<number>;
                     default: any;
@@ -7095,15 +7838,15 @@ declare const _default: {
             }, string, {
                 testId: string;
                 isLoading: boolean;
+                loadingRowCount: number;
+                emptyStateTitle: string;
                 isSticky: boolean;
                 sections: import("./components/table/common/Table.types").Section[];
                 isStickyHeader: boolean;
-                emptyStateTitle: string;
                 emptyStateSubtitle: string;
                 isInfiniteScroll: boolean;
                 infiniteScrollThreshold: number;
                 rowHeight: number | ((index: number) => number);
-                loadingRowCount: number;
                 defaultScrollPosition: number;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -7146,6 +7889,14 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            emptyStateTitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             isSticky: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -7162,10 +7913,6 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            emptyStateTitle: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -7182,10 +7929,6 @@ declare const _default: {
                 type: import("vue").PropType<number | ((index: number) => number)>;
                 default: number;
             };
-            loadingRowCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             defaultScrollPosition: {
                 type: import("vue").PropType<number>;
                 default: any;
@@ -7225,6 +7968,14 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        loadingRowCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        emptyStateTitle: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         isSticky: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -7241,10 +7992,6 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        emptyStateTitle: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         emptyStateSubtitle: {
             type: import("vue").PropType<string>;
             default: string;
@@ -7261,10 +8008,6 @@ declare const _default: {
             type: import("vue").PropType<number | ((index: number) => number)>;
             default: number;
         };
-        loadingRowCount: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         defaultScrollPosition: {
             type: import("vue").PropType<number>;
             default: any;
@@ -7292,15 +8035,15 @@ declare const _default: {
     }, string, {
         testId: string;
         isLoading: boolean;
+        loadingRowCount: number;
+        emptyStateTitle: string;
         isSticky: boolean;
         sections: import("./components/table/common/Table.types").Section[];
         isStickyHeader: boolean;
-        emptyStateTitle: string;
         emptyStateSubtitle: string;
         isInfiniteScroll: boolean;
         infiniteScrollThreshold: number;
         rowHeight: number | ((index: number) => number);
-        loadingRowCount: number;
         defaultScrollPosition: number;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
@@ -7331,15 +8074,15 @@ declare const _default: {
             $props: Partial<{
                 testId: string;
                 isLoading: boolean;
+                loadingRowCount: number;
+                emptyStateTitle: string;
                 isSticky: boolean;
                 sections: import("./components/table/common/Table.types").Section[];
                 isStickyHeader: boolean;
-                emptyStateTitle: string;
                 emptyStateSubtitle: string;
                 isInfiniteScroll: boolean;
                 infiniteScrollThreshold: number;
                 rowHeight: number | ((index: number) => number);
-                loadingRowCount: number;
                 defaultScrollPosition: number;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 sort: {
@@ -7362,6 +8105,14 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                loadingRowCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                emptyStateTitle: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 isSticky: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -7378,10 +8129,6 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                emptyStateTitle: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 emptyStateSubtitle: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -7398,10 +8145,6 @@ declare const _default: {
                     type: import("vue").PropType<number | ((index: number) => number)>;
                     default: number;
                 };
-                loadingRowCount: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
                 defaultScrollPosition: {
                     type: import("vue").PropType<number>;
                     default: any;
@@ -7416,7 +8159,7 @@ declare const _default: {
                     cellIndex: number;
                 }) => any;
                 onLoadMore?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "isLoading" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "isLoading" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -7456,6 +8199,14 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                loadingRowCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                emptyStateTitle: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 isSticky: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -7472,10 +8223,6 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                emptyStateTitle: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 emptyStateSubtitle: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -7492,10 +8239,6 @@ declare const _default: {
                     type: import("vue").PropType<number | ((index: number) => number)>;
                     default: number;
                 };
-                loadingRowCount: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
                 defaultScrollPosition: {
                     type: import("vue").PropType<number>;
                     default: any;
@@ -7523,15 +8266,15 @@ declare const _default: {
             }, string, {
                 testId: string;
                 isLoading: boolean;
+                loadingRowCount: number;
+                emptyStateTitle: string;
                 isSticky: boolean;
                 sections: import("./components/table/common/Table.types").Section[];
                 isStickyHeader: boolean;
-                emptyStateTitle: string;
                 emptyStateSubtitle: string;
                 isInfiniteScroll: boolean;
                 infiniteScrollThreshold: number;
                 rowHeight: number | ((index: number) => number);
-                loadingRowCount: number;
                 defaultScrollPosition: number;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -7574,6 +8317,14 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            emptyStateTitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             isSticky: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -7590,10 +8341,6 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            emptyStateTitle: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -7610,10 +8357,6 @@ declare const _default: {
                 type: import("vue").PropType<number | ((index: number) => number)>;
                 default: number;
             };
-            loadingRowCount: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
             defaultScrollPosition: {
                 type: import("vue").PropType<number>;
                 default: any;
@@ -7653,6 +8396,14 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        loadingRowCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        emptyStateTitle: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         isSticky: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -7669,10 +8420,6 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        emptyStateTitle: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         emptyStateSubtitle: {
             type: import("vue").PropType<string>;
             default: string;
@@ -7689,10 +8436,6 @@ declare const _default: {
             type: import("vue").PropType<number | ((index: number) => number)>;
             default: number;
         };
-        loadingRowCount: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         defaultScrollPosition: {
             type: import("vue").PropType<number>;
             default: any;
@@ -7720,15 +8463,15 @@ declare const _default: {
     }, string, {
         testId: string;
         isLoading: boolean;
+        loadingRowCount: number;
+        emptyStateTitle: string;
         isSticky: boolean;
         sections: import("./components/table/common/Table.types").Section[];
         isStickyHeader: boolean;
-        emptyStateTitle: string;
         emptyStateSubtitle: string;
         isInfiniteScroll: boolean;
         infiniteScrollThreshold: number;
         rowHeight: number | ((index: number) => number);
-        loadingRowCount: number;
         defaultScrollPosition: number;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
@@ -14592,6 +15335,8 @@ declare const _default: {
                 optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 valueToCopy: string;
                 disabledOptionKey: string;
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -14780,6 +15525,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -14809,7 +15562,7 @@ declare const _default: {
                 "onUpdate:isOpen"?: (value: unknown) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -15006,6 +15759,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -15090,6 +15851,8 @@ declare const _default: {
                 optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 valueToCopy: string;
                 disabledOptionKey: string;
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -15298,6 +16061,14 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            optionTwoLinesVariant: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: any;
+            };
+            optionTwoLinesKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -15517,6 +16288,14 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        optionTwoLinesVariant: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: any;
+        };
+        optionTwoLinesKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         fullWidth: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -15601,6 +16380,8 @@ declare const _default: {
         optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         valueToCopy: string;
         disabledOptionKey: string;
+        optionTwoLinesVariant: "horizontal" | "vertical";
+        optionTwoLinesKey: string;
         fullWidth: boolean;
         optionsListWidth: string;
         statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -17966,6 +18747,8 @@ declare const _default: {
                 disabled: boolean;
                 active: boolean;
                 endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 isIndeterminate: boolean;
                 subtitle: string;
                 selectAllOption: boolean;
@@ -17992,6 +18775,14 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 isIndeterminate: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -18031,7 +18822,7 @@ declare const _default: {
                 selectedProp: {
                     type: import("vue").PropType<boolean>;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -18062,6 +18853,14 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 isIndeterminate: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -18106,6 +18905,8 @@ declare const _default: {
                 disabled: boolean;
                 active: boolean;
                 endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 isIndeterminate: boolean;
                 subtitle: string;
                 selectAllOption: boolean;
@@ -18152,6 +18953,14 @@ declare const _default: {
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
+            optionTwoLinesVariant: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: any;
+            };
+            optionTwoLinesKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             isIndeterminate: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -18212,6 +19021,14 @@ declare const _default: {
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
+        optionTwoLinesVariant: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: any;
+        };
+        optionTwoLinesKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         isIndeterminate: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -18256,6 +19073,8 @@ declare const _default: {
         disabled: boolean;
         active: boolean;
         endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionTwoLinesVariant: "horizontal" | "vertical";
+        optionTwoLinesKey: string;
         isIndeterminate: boolean;
         subtitle: string;
         selectAllOption: boolean;
@@ -18430,6 +19249,8 @@ declare const _default: {
                 optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 valueToCopy: string;
                 disabledOptionKey: string;
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -18618,6 +19439,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -18647,7 +19476,7 @@ declare const _default: {
                 "onUpdate:isOpen"?: (value: unknown) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -18844,6 +19673,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -18928,6 +19765,8 @@ declare const _default: {
                 optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 valueToCopy: string;
                 disabledOptionKey: string;
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -19136,6 +19975,14 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            optionTwoLinesVariant: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: any;
+            };
+            optionTwoLinesKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -19355,6 +20202,14 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        optionTwoLinesVariant: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: any;
+        };
+        optionTwoLinesKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         fullWidth: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -19439,6 +20294,8 @@ declare const _default: {
         optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         valueToCopy: string;
         disabledOptionKey: string;
+        optionTwoLinesVariant: "horizontal" | "vertical";
+        optionTwoLinesKey: string;
         fullWidth: boolean;
         optionsListWidth: string;
         statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -19720,6 +20577,8 @@ declare const _default: {
                 disabled: boolean;
                 active: boolean;
                 endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 isIndeterminate: boolean;
                 subtitle: string;
                 selectAllOption: boolean;
@@ -19746,6 +20605,14 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 isIndeterminate: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -19785,7 +20652,7 @@ declare const _default: {
                 selectedProp: {
                     type: import("vue").PropType<boolean>;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -19816,6 +20683,14 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 isIndeterminate: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -19860,6 +20735,8 @@ declare const _default: {
                 disabled: boolean;
                 active: boolean;
                 endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 isIndeterminate: boolean;
                 subtitle: string;
                 selectAllOption: boolean;
@@ -19906,6 +20783,14 @@ declare const _default: {
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
+            optionTwoLinesVariant: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: any;
+            };
+            optionTwoLinesKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             isIndeterminate: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -19966,6 +20851,14 @@ declare const _default: {
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
+        optionTwoLinesVariant: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: any;
+        };
+        optionTwoLinesKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         isIndeterminate: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -20010,6 +20903,8 @@ declare const _default: {
         disabled: boolean;
         active: boolean;
         endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionTwoLinesVariant: "horizontal" | "vertical";
+        optionTwoLinesKey: string;
         isIndeterminate: boolean;
         subtitle: string;
         selectAllOption: boolean;