@ironsource/shared-ui 2.1.7-rc.1 → 2.1.7-rc.11

package/index.d.ts

@@ -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,6 +1675,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;
+                };
             }>> & {
                 "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
                 "onUpdate:openId"?: (id: string | number) => any;
@@ -1262,7 +1690,7 @@ declare const _default: {
                 "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;
             };
@@ -1285,6 +1713,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,6 +1751,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;
+                };
             }>> & {
                 "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
                 "onUpdate:openId"?: (id: string | number) => any;
@@ -1336,6 +1776,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 +1785,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 +1816,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,6 +1854,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;
+            };
         }>> & {
             "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
             "onUpdate:openId"?: (id: string | number) => any;
@@ -1427,6 +1882,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,6 +1920,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;
+        };
     }>> & {
         "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
         "onUpdate:openId"?: (id: string | number) => any;
@@ -1478,6 +1945,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 +1954,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 +1972,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 +1981,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 +1992,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,6 +2030,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;
+                };
             }>> & {
                 "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
                 "onUpdate:openId"?: (id: string | number) => any;
@@ -1558,7 +2045,7 @@ declare const _default: {
                 "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;
             };
@@ -1581,6 +2068,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,6 +2106,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;
+                };
             }>> & {
                 "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
                 "onUpdate:openId"?: (id: string | number) => any;
@@ -1632,6 +2131,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 +2140,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 +2171,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,6 +2209,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;
+            };
         }>> & {
             "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
             "onUpdate:openId"?: (id: string | number) => any;
@@ -1723,6 +2237,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,6 +2275,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;
+        };
     }>> & {
         "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
         "onUpdate:openId"?: (id: string | number) => any;
@@ -1774,6 +2300,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 +2309,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<{
@@ -3011,6 +3542,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        maxLengthCounterPosition: {
+            type: import("vue").PropType<"inside" | "outside">;
+            default: string;
+        };
         feedbackText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -3070,6 +3605,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        maxLengthCounterPosition: {
+            type: import("vue").PropType<"inside" | "outside">;
+            default: string;
+        };
         feedbackText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -3096,6 +3635,7 @@ declare const _default: {
         maxLength: number;
         modelValue: string;
         placeholder: string;
+        maxLengthCounterPosition: "inside" | "outside";
         feedbackText: string;
         feedbackVariant: "success" | "warning" | "error";
         showFeedbackTextIcon: boolean;
@@ -3145,6 +3685,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        maxLengthCounterPosition: {
+            type: import("vue").PropType<"inside" | "outside">;
+            default: string;
+        };
         feedbackText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -3204,6 +3748,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        maxLengthCounterPosition: {
+            type: import("vue").PropType<"inside" | "outside">;
+            default: string;
+        };
         feedbackText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -3230,6 +3778,7 @@ declare const _default: {
         maxLength: number;
         modelValue: string;
         placeholder: string;
+        maxLengthCounterPosition: "inside" | "outside";
         feedbackText: string;
         feedbackVariant: "success" | "warning" | "error";
         showFeedbackTextIcon: boolean;
@@ -4551,15 +5100,15 @@ 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;
@@ -4606,6 +5155,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;
@@ -4622,10 +5179,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;
@@ -4642,10 +5195,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;
@@ -4682,7 +5231,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">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -4742,6 +5291,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;
@@ -4758,10 +5315,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;
@@ -4778,10 +5331,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;
@@ -4846,15 +5395,15 @@ 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;
@@ -4921,6 +5470,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;
@@ -4934,12 +5491,8 @@ declare const _default: {
                 default: any;
             };
             isStickyHeader: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            emptyStateTitle: {
-                type: import("vue").PropType<string>;
-                default: string;
+                type: import("vue").PropType<boolean>;
+                default: boolean;
             };
             emptyStateSubtitle: {
                 type: import("vue").PropType<string>;
@@ -4957,10 +5510,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;
@@ -5044,6 +5593,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;
@@ -5060,10 +5617,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;
@@ -5080,10 +5633,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;
@@ -5148,15 +5697,15 @@ 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;
@@ -5223,6 +5772,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;
@@ -5244,6 +5797,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;
@@ -5265,6 +5822,7 @@ declare const _default: {
             default: string;
         };
     }>>, {
+        testId: string;
         count: number;
         totalCount: number;
         displayingText: string;
@@ -5285,15 +5843,15 @@ 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;
@@ -5340,6 +5898,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;
@@ -5356,10 +5922,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;
@@ -5376,10 +5938,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;
@@ -5416,7 +5974,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">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -5476,6 +6034,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;
@@ -5492,10 +6058,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;
@@ -5512,10 +6074,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;
@@ -5580,15 +6138,15 @@ 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;
@@ -5655,6 +6213,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;
@@ -5671,10 +6237,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;
@@ -5691,10 +6253,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;
@@ -5778,6 +6336,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;
@@ -5794,10 +6360,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;
@@ -5814,10 +6376,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;
@@ -5882,15 +6440,15 @@ 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;
@@ -5955,6 +6513,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;
@@ -5976,6 +6538,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;
@@ -5997,6 +6563,7 @@ declare const _default: {
             default: string;
         };
     }>>, {
+        testId: string;
         count: number;
         totalCount: number;
         displayingText: string;
@@ -6013,10 +6580,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;
@@ -6050,22 +6617,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;
@@ -6105,7 +6672,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;
             };
@@ -6144,22 +6711,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;
@@ -6211,10 +6778,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;
@@ -6268,22 +6835,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;
@@ -6352,22 +6919,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;
@@ -6419,10 +6986,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;
@@ -6438,7 +7005,9 @@ declare const _default: {
             cellIndex: any;
             row: any;
             rowIndex: any;
-        }) => any>>;
+        }) => any>> & {
+            "empty-state"?(_: {}): any;
+        };
     })))[];
     MultipleDataGrid: {
         new (...args: any[]): {
@@ -6451,10 +7020,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;
@@ -6488,22 +7057,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;
@@ -6543,7 +7112,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;
             };
@@ -6582,22 +7151,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;
@@ -6649,10 +7218,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;
@@ -6706,22 +7275,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;
@@ -6790,22 +7359,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;
@@ -6857,10 +7426,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;
@@ -6876,7 +7445,9 @@ declare const _default: {
             cellIndex: any;
             row: any;
             rowIndex: any;
-        }) => any>>;
+        }) => any>> & {
+            "empty-state"?(_: {}): any;
+        };
     });
     Table: {
         new (...args: any[]): {
@@ -6885,15 +7456,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: {
@@ -6916,6 +7487,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;
@@ -6932,10 +7511,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;
@@ -6952,10 +7527,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;
@@ -6970,7 +7541,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;
             };
@@ -7010,6 +7581,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;
@@ -7026,10 +7605,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;
@@ -7046,10 +7621,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;
@@ -7077,15 +7648,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)[];
@@ -7128,6 +7699,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;
@@ -7144,10 +7723,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;
@@ -7164,10 +7739,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;
@@ -7207,6 +7778,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;
@@ -7223,10 +7802,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;
@@ -7243,10 +7818,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;
@@ -7274,15 +7845,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}`, (_: {
@@ -7313,15 +7884,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: {
@@ -7344,6 +7915,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;
@@ -7360,10 +7939,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;
@@ -7380,10 +7955,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;
@@ -7398,7 +7969,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;
             };
@@ -7438,6 +8009,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;
@@ -7454,10 +8033,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;
@@ -7474,10 +8049,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;
@@ -7505,15 +8076,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)[];
@@ -7556,6 +8127,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;
@@ -7572,10 +8151,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;
@@ -7592,10 +8167,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;
@@ -7635,6 +8206,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;
@@ -7651,10 +8230,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;
@@ -7671,10 +8246,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;
@@ -7702,15 +8273,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}`, (_: {
@@ -11226,6 +11797,7 @@ declare const _default: {
                 onlyDigits: boolean;
                 prefix: string;
                 suffix: string;
+                maxLengthCounterPosition: "inside" | "outside";
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
@@ -11311,6 +11883,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                maxLengthCounterPosition: {
+                    type: import("vue").PropType<"inside" | "outside">;
+                    default: string;
+                };
                 showApply: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -11346,7 +11922,7 @@ declare const _default: {
             }>> & {
                 "onUpdate:modelValue"?: (value: string | number) => any;
                 onApply?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLengthCounterPosition" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -11437,6 +12013,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                maxLengthCounterPosition: {
+                    type: import("vue").PropType<"inside" | "outside">;
+                    default: string;
+                };
                 showApply: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -11497,6 +12077,7 @@ declare const _default: {
                 onlyDigits: boolean;
                 prefix: string;
                 suffix: string;
+                maxLengthCounterPosition: "inside" | "outside";
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
@@ -11602,6 +12183,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            maxLengthCounterPosition: {
+                type: import("vue").PropType<"inside" | "outside">;
+                default: string;
+            };
             showApply: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -11720,6 +12305,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        maxLengthCounterPosition: {
+            type: import("vue").PropType<"inside" | "outside">;
+            default: string;
+        };
         showApply: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -11780,6 +12369,7 @@ declare const _default: {
         onlyDigits: boolean;
         prefix: string;
         suffix: string;
+        maxLengthCounterPosition: "inside" | "outside";
         showApply: boolean;
         inlineError: boolean;
         inlineErrorText: string;
@@ -11818,6 +12408,7 @@ declare const _default: {
                 onlyDigits: boolean;
                 prefix: string;
                 suffix: string;
+                maxLengthCounterPosition: "inside" | "outside";
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
@@ -11903,6 +12494,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                maxLengthCounterPosition: {
+                    type: import("vue").PropType<"inside" | "outside">;
+                    default: string;
+                };
                 showApply: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -11938,7 +12533,7 @@ declare const _default: {
             }>> & {
                 "onUpdate:modelValue"?: (value: string | number) => any;
                 onApply?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLengthCounterPosition" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -12029,6 +12624,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                maxLengthCounterPosition: {
+                    type: import("vue").PropType<"inside" | "outside">;
+                    default: string;
+                };
                 showApply: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -12089,6 +12688,7 @@ declare const _default: {
                 onlyDigits: boolean;
                 prefix: string;
                 suffix: string;
+                maxLengthCounterPosition: "inside" | "outside";
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
@@ -12194,6 +12794,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            maxLengthCounterPosition: {
+                type: import("vue").PropType<"inside" | "outside">;
+                default: string;
+            };
             showApply: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -12312,6 +12916,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        maxLengthCounterPosition: {
+            type: import("vue").PropType<"inside" | "outside">;
+            default: string;
+        };
         showApply: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -12372,6 +12980,7 @@ declare const _default: {
         onlyDigits: boolean;
         prefix: string;
         suffix: string;
+        maxLengthCounterPosition: "inside" | "outside";
         showApply: boolean;
         inlineError: boolean;
         inlineErrorText: string;
@@ -14536,6 +15145,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";
@@ -14724,6 +15335,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;
@@ -14753,7 +15372,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;
             };
@@ -14950,6 +15569,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;
@@ -15034,6 +15661,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";
@@ -15242,6 +15871,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;
@@ -15461,6 +16098,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;
@@ -15545,6 +16190,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";
@@ -17910,6 +18557,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;
@@ -17936,6 +18585,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;
@@ -17975,7 +18632,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;
             };
@@ -18006,6 +18663,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;
@@ -18050,6 +18715,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;
@@ -18096,6 +18763,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;
@@ -18156,6 +18831,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;
@@ -18200,6 +18883,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;
@@ -18374,6 +19059,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";
@@ -18562,6 +19249,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;
@@ -18591,7 +19286,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;
             };
@@ -18788,6 +19483,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;
@@ -18872,6 +19575,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";
@@ -19080,6 +19785,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;
@@ -19299,6 +20012,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;
@@ -19383,6 +20104,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";
@@ -19664,6 +20387,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;
@@ -19690,6 +20415,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;
@@ -19729,7 +20462,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;
             };
@@ -19760,6 +20493,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;
@@ -19804,6 +20545,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;
@@ -19850,6 +20593,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;
@@ -19910,6 +20661,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;
@@ -19954,6 +20713,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;