npm - @ironsource/shared-ui - Versions diffs - 2.1.7-rc.9 → 2.1.7-test.10 - Mend

@ironsource/shared-ui 2.1.7-rc.9 → 2.1.7-test.10

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

Files changed (74) hide show

package/index.d.ts CHANGED Viewed

@@ -1617,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[];
@@ -1625,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>;
@@ -1634,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;
@@ -1668,14 +1675,26 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                loadingRowCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                emptyStateTitle: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
             }>> & {
+                onSortableItemDragged?: (event: {
+                    id: string;
+                    newIndex: number;
+                }) => any;
                 "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
                 "onUpdate:openId"?: (id: string | number) => any;
                 "onUpdate:selectedId"?: (id: string | number) => any;
                 "onUpdate:selectedChildId"?: (id: string | number) => any;
                 "onUpdate:search"?: (query: string) => any;
                 onClearSearch?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "displayValue" | "searchPlaceholder" | "items" | "selectedChildId" | "searchHandler" | "openId" | "selectedId" | "showSearch">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "displayValue" | "searchPlaceholder" | "items" | "selectedChildId" | "searchHandler" | "openId" | "selectedId" | "showSearch" | "loadingRowCount" | "emptyStateTitle">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -1687,7 +1706,10 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: ((event: "update:items", items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void) & ((event: "update:openId", id: string | number) => void) & ((event: "update:selectedId", id: string | number) => void) & ((event: "update:selectedChildId", id: string | number) => void) & ((event: "update:search", query: string) => void) & ((event: "clearSearch") => void);
+            $emit: ((event: "sortableItemDragged", event: {
+                id: string;
+                newIndex: number;
+            }) => void) & ((event: "update:items", items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void) & ((event: "update:openId", id: string | number) => void) & ((event: "update:selectedId", id: string | number) => void) & ((event: "update:selectedChildId", id: string | number) => void) & ((event: "update:search", query: string) => void) & ((event: "clearSearch") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 search: {
@@ -1698,6 +1720,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                isLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 displayValue: {
                     type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem) => string>;
                     required: true;
@@ -1732,7 +1758,19 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                loadingRowCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                emptyStateTitle: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
             }>> & {
+                onSortableItemDragged?: (event: {
+                    id: string;
+                    newIndex: number;
+                }) => any;
                 "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
                 "onUpdate:openId"?: (id: string | number) => any;
                 "onUpdate:selectedId"?: (id: string | number) => any;
@@ -1740,6 +1778,10 @@ declare const _default: {
                 "onUpdate:search"?: (query: string) => any;
                 onClearSearch?: () => any;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                sortableItemDragged: (event: {
+                    id: string;
+                    newIndex: number;
+                }) => void;
                 "update:items": (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void;
                 "update:openId": (id: string | number) => void;
                 "update:selectedId": (id: string | number) => void;
@@ -1749,6 +1791,7 @@ declare const _default: {
             }, string, {
                 search: string;
                 testId: string;
+                isLoading: boolean;
                 displayValue: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
                 searchPlaceholder: string;
                 items: import("./components/sortableList/SortableList.types").SortableListItem[];
@@ -1757,6 +1800,8 @@ declare const _default: {
                 openId: string | number;
                 selectedId: string | number;
                 showSearch: boolean;
+                loadingRowCount: number;
+                emptyStateTitle: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -1786,6 +1831,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             displayValue: {
                 type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem) => string>;
                 required: true;
@@ -1820,7 +1869,19 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            emptyStateTitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
         }>> & {
+            onSortableItemDragged?: (event: {
+                id: string;
+                newIndex: number;
+            }) => any;
             "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
             "onUpdate:openId"?: (id: string | number) => any;
             "onUpdate:selectedId"?: (id: string | number) => any;
@@ -1840,6 +1901,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        isLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         displayValue: {
             type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem) => string>;
             required: true;
@@ -1874,7 +1939,19 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        loadingRowCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        emptyStateTitle: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
+        onSortableItemDragged?: (event: {
+            id: string;
+            newIndex: number;
+        }) => any;
         "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
         "onUpdate:openId"?: (id: string | number) => any;
         "onUpdate:selectedId"?: (id: string | number) => any;
@@ -1882,6 +1959,10 @@ declare const _default: {
         "onUpdate:search"?: (query: string) => any;
         onClearSearch?: () => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        sortableItemDragged: (event: {
+            id: string;
+            newIndex: number;
+        }) => void;
         "update:items": (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void;
         "update:openId": (id: string | number) => void;
         "update:selectedId": (id: string | number) => void;
@@ -1891,6 +1972,7 @@ declare const _default: {
     }, string, {
         search: string;
         testId: string;
+        isLoading: boolean;
         displayValue: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
         searchPlaceholder: string;
         items: import("./components/sortableList/SortableList.types").SortableListItem[];
@@ -1899,11 +1981,15 @@ declare const _default: {
         openId: string | number;
         selectedId: string | number;
         showSearch: boolean;
+        loadingRowCount: number;
+        emptyStateTitle: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             menu?(_: {
                 item: import("./components/sortableList/SortableList.types").SortableListItem;
             }): any;
+            loader?(_: {}): any;
+            "empty-state"?(_: {}): any;
         };
     });
     SortableListTypes: () => ({
@@ -1913,6 +1999,7 @@ declare const _default: {
             $props: Partial<{
                 search: string;
                 testId: string;
+                isLoading: boolean;
                 displayValue: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
                 searchPlaceholder: string;
                 items: import("./components/sortableList/SortableList.types").SortableListItem[];
@@ -1921,6 +2008,8 @@ declare const _default: {
                 openId: string | number;
                 selectedId: string | number;
                 showSearch: boolean;
+                loadingRowCount: number;
+                emptyStateTitle: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 search: {
                     type: import("vue").PropType<string>;
@@ -1930,6 +2019,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                isLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 displayValue: {
                     type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem) => string>;
                     required: true;
@@ -1964,14 +2057,26 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                loadingRowCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                emptyStateTitle: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
             }>> & {
+                onSortableItemDragged?: (event: {
+                    id: string;
+                    newIndex: number;
+                }) => any;
                 "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
                 "onUpdate:openId"?: (id: string | number) => any;
                 "onUpdate:selectedId"?: (id: string | number) => any;
                 "onUpdate:selectedChildId"?: (id: string | number) => any;
                 "onUpdate:search"?: (query: string) => any;
                 onClearSearch?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "displayValue" | "searchPlaceholder" | "items" | "selectedChildId" | "searchHandler" | "openId" | "selectedId" | "showSearch">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "search" | "testId" | "isLoading" | "displayValue" | "searchPlaceholder" | "items" | "selectedChildId" | "searchHandler" | "openId" | "selectedId" | "showSearch" | "loadingRowCount" | "emptyStateTitle">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -1983,7 +2088,10 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: ((event: "update:items", items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void) & ((event: "update:openId", id: string | number) => void) & ((event: "update:selectedId", id: string | number) => void) & ((event: "update:selectedChildId", id: string | number) => void) & ((event: "update:search", query: string) => void) & ((event: "clearSearch") => void);
+            $emit: ((event: "sortableItemDragged", event: {
+                id: string;
+                newIndex: number;
+            }) => void) & ((event: "update:items", items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void) & ((event: "update:openId", id: string | number) => void) & ((event: "update:selectedId", id: string | number) => void) & ((event: "update:selectedChildId", id: string | number) => void) & ((event: "update:search", query: string) => void) & ((event: "clearSearch") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 search: {
@@ -1994,6 +2102,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                isLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 displayValue: {
                     type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem) => string>;
                     required: true;
@@ -2028,7 +2140,19 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                loadingRowCount: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                emptyStateTitle: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
             }>> & {
+                onSortableItemDragged?: (event: {
+                    id: string;
+                    newIndex: number;
+                }) => any;
                 "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
                 "onUpdate:openId"?: (id: string | number) => any;
                 "onUpdate:selectedId"?: (id: string | number) => any;
@@ -2036,6 +2160,10 @@ declare const _default: {
                 "onUpdate:search"?: (query: string) => any;
                 onClearSearch?: () => any;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                sortableItemDragged: (event: {
+                    id: string;
+                    newIndex: number;
+                }) => void;
                 "update:items": (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void;
                 "update:openId": (id: string | number) => void;
                 "update:selectedId": (id: string | number) => void;
@@ -2045,6 +2173,7 @@ declare const _default: {
             }, string, {
                 search: string;
                 testId: string;
+                isLoading: boolean;
                 displayValue: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
                 searchPlaceholder: string;
                 items: import("./components/sortableList/SortableList.types").SortableListItem[];
@@ -2053,6 +2182,8 @@ declare const _default: {
                 openId: string | number;
                 selectedId: string | number;
                 showSearch: boolean;
+                loadingRowCount: number;
+                emptyStateTitle: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -2082,6 +2213,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             displayValue: {
                 type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem) => string>;
                 required: true;
@@ -2116,7 +2251,19 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            loadingRowCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            emptyStateTitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
         }>> & {
+            onSortableItemDragged?: (event: {
+                id: string;
+                newIndex: number;
+            }) => any;
             "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
             "onUpdate:openId"?: (id: string | number) => any;
             "onUpdate:selectedId"?: (id: string | number) => any;
@@ -2136,6 +2283,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        isLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         displayValue: {
             type: import("vue").PropType<(item: import("./components/sortableList/SortableList.types").SortableListItem) => string>;
             required: true;
@@ -2170,7 +2321,19 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        loadingRowCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        emptyStateTitle: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
+        onSortableItemDragged?: (event: {
+            id: string;
+            newIndex: number;
+        }) => any;
         "onUpdate:items"?: (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => any;
         "onUpdate:openId"?: (id: string | number) => any;
         "onUpdate:selectedId"?: (id: string | number) => any;
@@ -2178,6 +2341,10 @@ declare const _default: {
         "onUpdate:search"?: (query: string) => any;
         onClearSearch?: () => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        sortableItemDragged: (event: {
+            id: string;
+            newIndex: number;
+        }) => void;
         "update:items": (items: import("./components/sortableList/SortableList.types").SortableListItem[]) => void;
         "update:openId": (id: string | number) => void;
         "update:selectedId": (id: string | number) => void;
@@ -2187,6 +2354,7 @@ declare const _default: {
     }, string, {
         search: string;
         testId: string;
+        isLoading: boolean;
         displayValue: (item: import("./components/sortableList/SortableList.types").SortableListItem) => string;
         searchPlaceholder: string;
         items: import("./components/sortableList/SortableList.types").SortableListItem[];
@@ -2195,11 +2363,15 @@ declare const _default: {
         openId: string | number;
         selectedId: string | number;
         showSearch: boolean;
+        loadingRowCount: number;
+        emptyStateTitle: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             menu?(_: {
                 item: import("./components/sortableList/SortableList.types").SortableListItem;
             }): any;
+            loader?(_: {}): any;
+            "empty-state"?(_: {}): any;
         };
     }))[];
     StatusDot: import("vue").DefineComponent<{
@@ -2423,13 +2595,13 @@ declare const _default: {
             required: true;
             default: string;
         };
-        testId: {
-            type: import("vue").PropType<string>;
+        platform: {
+            type: import("vue").PropType<"android" | "ios">;
             required: true;
             default: string;
         };
-        platform: {
-            type: import("vue").PropType<"android" | "ios">;
+        testId: {
+            type: import("vue").PropType<string>;
             required: true;
             default: string;
         };
@@ -2459,13 +2631,13 @@ declare const _default: {
             required: true;
             default: string;
         };
-        testId: {
-            type: import("vue").PropType<string>;
+        platform: {
+            type: import("vue").PropType<"android" | "ios">;
             required: true;
             default: string;
         };
-        platform: {
-            type: import("vue").PropType<"android" | "ios">;
+        testId: {
+            type: import("vue").PropType<string>;
             required: true;
             default: string;
         };
@@ -2484,8 +2656,8 @@ declare const _default: {
         name: string;
         type: "small" | "normal";
         image: string;
-        testId: string;
         platform: "android" | "ios";
+        testId: string;
         appKey: string;
         showAbIcon: boolean;
     }>;
@@ -2504,13 +2676,13 @@ declare const _default: {
             required: true;
             default: string;
         };
-        testId: {
-            type: import("vue").PropType<string>;
+        platform: {
+            type: import("vue").PropType<"android" | "ios">;
             required: true;
             default: string;
         };
-        platform: {
-            type: import("vue").PropType<"android" | "ios">;
+        testId: {
+            type: import("vue").PropType<string>;
             required: true;
             default: string;
         };
@@ -2540,13 +2712,13 @@ declare const _default: {
             required: true;
             default: string;
         };
-        testId: {
-            type: import("vue").PropType<string>;
+        platform: {
+            type: import("vue").PropType<"android" | "ios">;
             required: true;
             default: string;
         };
-        platform: {
-            type: import("vue").PropType<"android" | "ios">;
+        testId: {
+            type: import("vue").PropType<string>;
             required: true;
             default: string;
         };
@@ -2565,8 +2737,8 @@ declare const _default: {
         name: string;
         type: "small" | "normal";
         image: string;
-        testId: string;
         platform: "android" | "ios";
+        testId: string;
         appKey: string;
         showAbIcon: boolean;
     }>[];
@@ -4601,6 +4773,7 @@ declare const _default: {
             $props: Partial<{
                 type: "input" | "dropdown";
                 cell: string;
+                saveOnClickOutside: boolean;
                 validateFunction: (value: unknown) => string | boolean;
                 isLoading: boolean;
                 displayValue: (option: unknown) => unknown;
@@ -4614,6 +4787,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                saveOnClickOutside: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 validateFunction: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
@@ -4634,7 +4811,7 @@ declare const _default: {
                     type: import("vue").PropType<(option: unknown) => unknown>;
                     default: (cell: unknown) => unknown;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "validateFunction" | "isLoading" | "displayValue">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "saveOnClickOutside" | "validateFunction" | "isLoading" | "displayValue">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -4658,6 +4835,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                saveOnClickOutside: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 validateFunction: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
@@ -4681,6 +4862,7 @@ declare const _default: {
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 type: "input" | "dropdown";
                 cell: string;
+                saveOnClickOutside: boolean;
                 validateFunction: (value: unknown) => string | boolean;
                 isLoading: boolean;
                 displayValue: (option: unknown) => unknown;
@@ -4714,6 +4896,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            saveOnClickOutside: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             validateFunction: {
                 type: import("vue").PropType<(value: unknown) => string | boolean>;
                 default: () => false;
@@ -4748,6 +4934,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        saveOnClickOutside: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         validateFunction: {
             type: import("vue").PropType<(value: unknown) => string | boolean>;
             default: () => false;
@@ -4771,6 +4961,7 @@ declare const _default: {
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         type: "input" | "dropdown";
         cell: string;
+        saveOnClickOutside: boolean;
         validateFunction: (value: unknown) => string | boolean;
         isLoading: boolean;
         displayValue: (option: unknown) => unknown;
@@ -4787,6 +4978,7 @@ declare const _default: {
             $props: Partial<{
                 type: "input" | "dropdown";
                 cell: string;
+                saveOnClickOutside: boolean;
                 validateFunction: (value: unknown) => string | boolean;
                 isLoading: boolean;
                 displayValue: (option: unknown) => unknown;
@@ -4800,6 +4992,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                saveOnClickOutside: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 validateFunction: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
@@ -4820,7 +5016,7 @@ declare const _default: {
                     type: import("vue").PropType<(option: unknown) => unknown>;
                     default: (cell: unknown) => unknown;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "validateFunction" | "isLoading" | "displayValue">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "cell" | "saveOnClickOutside" | "validateFunction" | "isLoading" | "displayValue">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -4844,6 +5040,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                saveOnClickOutside: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 validateFunction: {
                     type: import("vue").PropType<(value: unknown) => string | boolean>;
                     default: () => false;
@@ -4867,6 +5067,7 @@ declare const _default: {
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 type: "input" | "dropdown";
                 cell: string;
+                saveOnClickOutside: boolean;
                 validateFunction: (value: unknown) => string | boolean;
                 isLoading: boolean;
                 displayValue: (option: unknown) => unknown;
@@ -4900,6 +5101,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            saveOnClickOutside: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             validateFunction: {
                 type: import("vue").PropType<(value: unknown) => string | boolean>;
                 default: () => false;
@@ -4934,6 +5139,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        saveOnClickOutside: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         validateFunction: {
             type: import("vue").PropType<(value: unknown) => string | boolean>;
             default: () => false;
@@ -4957,6 +5166,7 @@ declare const _default: {
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         type: "input" | "dropdown";
         cell: string;
+        saveOnClickOutside: boolean;
         validateFunction: (value: unknown) => string | boolean;
         isLoading: boolean;
         displayValue: (option: unknown) => unknown;
@@ -4982,15 +5192,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;
@@ -5037,6 +5247,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;
@@ -5053,10 +5271,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;
@@ -5073,10 +5287,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;
@@ -5113,7 +5323,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;
             };
@@ -5173,6 +5383,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;
@@ -5189,10 +5407,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;
@@ -5209,10 +5423,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;
@@ -5277,15 +5487,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;
@@ -5352,6 +5562,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;
@@ -5368,10 +5586,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;
@@ -5388,10 +5602,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;
@@ -5475,6 +5685,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;
@@ -5491,11 +5709,7 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        emptyStateTitle: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        emptyStateSubtitle: {
+        emptyStateSubtitle: {
             type: import("vue").PropType<string>;
             default: string;
         };
@@ -5511,10 +5725,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;
@@ -5579,15 +5789,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;
@@ -5612,6 +5822,10 @@ declare const _default: {
                 row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
                 gridColumnTemplate: any;
             }): any;
+            "floating-row"?(_: {
+                row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
+                rowIndex: number;
+            }): any;
             "empty-state"?(_: {}): any;
             footer?(_: {}): any;
         };
@@ -5725,15 +5939,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;
@@ -5780,6 +5994,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;
@@ -5796,10 +6018,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;
@@ -5816,10 +6034,6 @@ declare const _default: {
                     type: import("vue").PropType<number | ((index: number) => number)>;
                     default: number;
                 };
-                loadingRowCount: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
                 defaultScrollPosition: {
                     type: import("vue").PropType<number>;
                     default: any;
@@ -5856,7 +6070,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;
             };
@@ -5916,6 +6130,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;
@@ -5932,10 +6154,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;
@@ -5952,10 +6170,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;
@@ -6020,15 +6234,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;
@@ -6095,6 +6309,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;
@@ -6111,10 +6333,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;
@@ -6131,10 +6349,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;
@@ -6218,6 +6432,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;
@@ -6234,10 +6456,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;
@@ -6254,10 +6472,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;
@@ -6322,15 +6536,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;
@@ -6355,6 +6569,10 @@ declare const _default: {
                 row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
                 gridColumnTemplate: any;
             }): any;
+            "floating-row"?(_: {
+                row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
+                rowIndex: number;
+            }): any;
             "empty-state"?(_: {}): any;
             footer?(_: {}): any;
         };
@@ -6462,10 +6680,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;
@@ -6499,22 +6717,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;
@@ -6554,7 +6772,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;
             };
@@ -6593,22 +6811,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;
@@ -6660,10 +6878,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;
@@ -6717,22 +6935,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;
@@ -6801,22 +7019,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;
@@ -6868,10 +7086,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;
@@ -6882,12 +7100,25 @@ declare const _default: {
         loadingAndEmptyStatesColumns: tableV3.Column[];
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: Partial<Record<string, (_: {
+            column: tableV3.Column;
+        }) => any>> & Partial<Record<string, (_: {
             cell: any;
             isLoading: any;
             cellIndex: any;
             row: any;
             rowIndex: any;
-        }) => any>>;
+        }) => any>> & Partial<Record<string, (_: {
+            column: tableV3.Column;
+        }) => any>> & {
+            title?(_: {}): any;
+            search?(_: {}): any;
+            "table-header-actions"?(_: {}): any;
+            "floating-row"?(_: {
+                row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
+                rowIndex: number;
+            }): any;
+            "empty-state"?(_: {}): any;
+        };
     })))[];
     MultipleDataGrid: {
         new (...args: any[]): {
@@ -6900,10 +7131,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;
@@ -6937,22 +7168,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;
@@ -6992,7 +7223,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;
             };
@@ -7031,22 +7262,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;
@@ -7098,10 +7329,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;
@@ -7155,22 +7386,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;
@@ -7239,22 +7470,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;
@@ -7306,10 +7537,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;
@@ -7320,12 +7551,25 @@ declare const _default: {
         loadingAndEmptyStatesColumns: tableV3.Column[];
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: Partial<Record<string, (_: {
+            column: tableV3.Column;
+        }) => any>> & Partial<Record<string, (_: {
             cell: any;
             isLoading: any;
             cellIndex: any;
             row: any;
             rowIndex: any;
-        }) => any>>;
+        }) => any>> & Partial<Record<string, (_: {
+            column: tableV3.Column;
+        }) => any>> & {
+            title?(_: {}): any;
+            search?(_: {}): any;
+            "table-header-actions"?(_: {}): any;
+            "floating-row"?(_: {
+                row: import("@vueuse/core").UseVirtualListItem<import("./components/table/common/Table.types").Row>;
+                rowIndex: number;
+            }): any;
+            "empty-state"?(_: {}): any;
+        };
     });
     Table: {
         new (...args: any[]): {
@@ -7334,15 +7578,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: {
@@ -7365,6 +7609,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;
@@ -7381,10 +7633,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;
@@ -7401,10 +7649,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;
@@ -7419,7 +7663,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;
             };
@@ -7459,6 +7703,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;
@@ -7475,10 +7727,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;
@@ -7495,10 +7743,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;
@@ -7526,15 +7770,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)[];
@@ -7577,6 +7821,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;
@@ -7593,10 +7845,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;
@@ -7613,10 +7861,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;
@@ -7656,6 +7900,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;
@@ -7672,10 +7924,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;
@@ -7692,10 +7940,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;
@@ -7723,15 +7967,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}`, (_: {
@@ -7762,15 +8006,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: {
@@ -7793,6 +8037,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;
@@ -7809,10 +8061,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;
@@ -7829,10 +8077,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;
@@ -7847,7 +8091,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;
             };
@@ -7887,6 +8131,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;
@@ -7903,10 +8155,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;
@@ -7923,10 +8171,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;
@@ -7954,15 +8198,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)[];
@@ -8005,6 +8249,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;
@@ -8021,10 +8273,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;
@@ -8041,10 +8289,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;
@@ -8084,6 +8328,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;
@@ -8100,10 +8352,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;
@@ -8120,10 +8368,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;
@@ -8151,15 +8395,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}`, (_: {
@@ -10601,6 +10845,7 @@ declare const _default: {
                 size: string;
                 height: string;
                 width: string;
+                platform: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: import("vue").PropType<string>;
@@ -10626,7 +10871,11 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width">;
+                platform: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width" | "platform">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -10665,6 +10914,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                platform: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 name: string;
                 type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -10672,6 +10925,7 @@ declare const _default: {
                 size: string;
                 height: string;
                 width: string;
+                platform: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -10717,6 +10971,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            platform: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
         }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
@@ -10746,6 +11004,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        platform: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         name: string;
         type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -10753,6 +11015,7 @@ declare const _default: {
         size: string;
         height: string;
         width: string;
+        platform: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -10769,6 +11032,7 @@ declare const _default: {
                 size: string;
                 height: string;
                 width: string;
+                platform: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 name: {
                     type: import("vue").PropType<string>;
@@ -10794,7 +11058,11 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width">;
+                platform: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "type" | "color" | "size" | "height" | "width" | "platform">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -10833,6 +11101,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                platform: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 name: string;
                 type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -10840,6 +11112,7 @@ declare const _default: {
                 size: string;
                 height: string;
                 width: string;
+                platform: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -10885,6 +11158,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            platform: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
         }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
@@ -10914,6 +11191,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        platform: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         name: string;
         type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -10921,6 +11202,7 @@ declare const _default: {
         size: string;
         height: string;
         width: string;
+        platform: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -15248,6 +15530,7 @@ declare const _default: {
                 onSelectAll?: () => any;
                 "onUpdate:selected"?: (value: unknown) => any;
                 "onUpdate:isOpen"?: (value: unknown) => any;
+                onOnsearch?: (value: string) => 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" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
@@ -15262,7 +15545,7 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: ((event: "clear") => void) & ((event: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "selectAll") => void) & ((event: "opened") => void) & ((event: "closed") => void);
+            $emit: ((event: "clear") => void) & ((event: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "onsearch", value: string) => void) & ((event: "selectAll") => void) & ((event: "opened") => void) & ((event: "closed") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 theme: {
@@ -15482,6 +15765,7 @@ declare const _default: {
                 onSelectAll?: () => any;
                 "onUpdate:selected"?: (value: unknown) => any;
                 "onUpdate:isOpen"?: (value: unknown) => any;
+                onOnsearch?: (value: string) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
             }, {
@@ -15496,6 +15780,7 @@ declare const _default: {
                 selectAll: () => void;
                 clear: () => void;
                 copyToClipboard: () => void;
+                onsearch: (value: string) => void;
             }, string, {
                 theme: string;
                 disabled: boolean;
@@ -15784,6 +16069,7 @@ declare const _default: {
             onSelectAll?: () => any;
             "onUpdate:selected"?: (value: unknown) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
+            onOnsearch?: (value: string) => any;
             onOpened?: () => any;
             onClosed?: () => any;
         } & import("vue").ShallowUnwrapRef<{
@@ -16011,6 +16297,7 @@ declare const _default: {
         onSelectAll?: () => any;
         "onUpdate:selected"?: (value: unknown) => any;
         "onUpdate:isOpen"?: (value: unknown) => any;
+        onOnsearch?: (value: string) => any;
         onOpened?: () => any;
         onClosed?: () => any;
     }, {
@@ -16025,6 +16312,7 @@ declare const _default: {
         selectAll: () => void;
         clear: () => void;
         copyToClipboard: () => void;
+        onsearch: (value: string) => void;
     }, string, {
         theme: string;
         disabled: boolean;
@@ -16085,7 +16373,34 @@ declare const _default: {
                     label: any;
                     onClick: () => void;
                 };
+                defaultTriggerProps: {
+                    placeholder: string;
+                    open: boolean;
+                    label: string;
+                    showFeedbackIcon: boolean;
+                    mandatory: boolean;
+                    testId: string;
+                    multi: boolean;
+                    disabled: boolean;
+                    selectedOption: unknown;
+                    displayValue: (option: unknown) => string;
+                    options: unknown[];
+                    optionNameKey: string;
+                    optionImageKey: string;
+                    optionIconKey: string;
+                    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                    optionAndIconKey: string;
+                    optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                    feedbackVariant: "success" | "warning" | "error";
+                    valueToCopy: string;
+                    statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+                    size: "small" | "medium" | "large";
+                    showAllSelectedText: boolean;
+                    onKeydown: (event: any) => void;
+                    onClick: () => void;
+                };
             }): any;
+            "inline-search"?(_: {}): any;
             "input-list"?(_: {
                 open: true;
             }): any;
@@ -16643,6 +16958,7 @@ declare const _default: {
         $slots: {
             image?(_: {}): any;
             "icon-start"?(_: {}): any;
+            "end-icon"?(_: {}): any;
         };
     });
     IconButtonDropdownTrigger: import("vue").DefineComponent<{
@@ -17948,6 +18264,7 @@ declare const _default: {
         $slots: {
             image?(_: {}): any;
             "icon-start"?(_: {}): any;
+            "end-icon"?(_: {}): any;
         };
     })) | ({
         new (...args: any[]): {
@@ -18446,6 +18763,10 @@ declare const _default: {
                 iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 endIconKey: string;
                 toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+                treeMainOption: boolean;
+                treeMainOptionExpanded: boolean;
+                stopOptionClickEventPropagation: boolean;
+                treeChildShown: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 option: {
                     type: import("vue").PropType<unknown>;
@@ -18507,10 +18828,28 @@ declare const _default: {
                     type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
                     default: string;
                 };
+                treeMainOption: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                treeMainOptionExpanded: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                stopOptionClickEventPropagation: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                treeChildShown: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 selectedProp: {
                     type: import("vue").PropType<boolean>;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement">;
+            }>> & {
+                onToggleTreeCollapse?: (option: unknown) => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -18522,7 +18861,7 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: (event: string, ...args: any[]) => void;
+            $emit: (event: "toggleTreeCollapse", option: unknown) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 option: {
@@ -18585,10 +18924,30 @@ declare const _default: {
                     type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
                     default: string;
                 };
+                treeMainOption: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                treeMainOptionExpanded: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                stopOptionClickEventPropagation: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                treeChildShown: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 selectedProp: {
                     type: import("vue").PropType<boolean>;
                 };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            }>> & {
+                onToggleTreeCollapse?: (option: unknown) => any;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                toggleTreeCollapse: (option: unknown) => void;
+            }, string, {
                 option: any;
                 disabled: boolean;
                 active: boolean;
@@ -18604,6 +18963,10 @@ declare const _default: {
                 iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 endIconKey: string;
                 toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+                treeMainOption: boolean;
+                treeMainOptionExpanded: boolean;
+                stopOptionClickEventPropagation: boolean;
+                treeChildShown: boolean;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -18685,10 +19048,28 @@ declare const _default: {
                 type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
                 default: string;
             };
+            treeMainOption: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            treeMainOptionExpanded: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            stopOptionClickEventPropagation: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            treeChildShown: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             selectedProp: {
                 type: import("vue").PropType<boolean>;
             };
-        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        }>> & {
+            onToggleTreeCollapse?: (option: unknown) => any;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
@@ -18753,10 +19134,30 @@ declare const _default: {
             type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
             default: string;
         };
+        treeMainOption: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        treeMainOptionExpanded: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        stopOptionClickEventPropagation: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        treeChildShown: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         selectedProp: {
             type: import("vue").PropType<boolean>;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    }>> & {
+        onToggleTreeCollapse?: (option: unknown) => any;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        toggleTreeCollapse: (option: unknown) => void;
+    }, string, {
         option: any;
         disabled: boolean;
         active: boolean;
@@ -18772,6 +19173,10 @@ declare const _default: {
         iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         endIconKey: string;
         toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+        treeMainOption: boolean;
+        treeMainOptionExpanded: boolean;
+        stopOptionClickEventPropagation: boolean;
+        treeChildShown: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             image?(_: {}): any;
@@ -19162,6 +19567,7 @@ declare const _default: {
                 onSelectAll?: () => any;
                 "onUpdate:selected"?: (value: unknown) => any;
                 "onUpdate:isOpen"?: (value: unknown) => any;
+                onOnsearch?: (value: string) => 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" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
@@ -19176,7 +19582,7 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: ((event: "clear") => void) & ((event: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "selectAll") => void) & ((event: "opened") => void) & ((event: "closed") => void);
+            $emit: ((event: "clear") => void) & ((event: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "onsearch", value: string) => void) & ((event: "selectAll") => void) & ((event: "opened") => void) & ((event: "closed") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 theme: {
@@ -19396,6 +19802,7 @@ declare const _default: {
                 onSelectAll?: () => any;
                 "onUpdate:selected"?: (value: unknown) => any;
                 "onUpdate:isOpen"?: (value: unknown) => any;
+                onOnsearch?: (value: string) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
             }, {
@@ -19410,6 +19817,7 @@ declare const _default: {
                 selectAll: () => void;
                 clear: () => void;
                 copyToClipboard: () => void;
+                onsearch: (value: string) => void;
             }, string, {
                 theme: string;
                 disabled: boolean;
@@ -19698,6 +20106,7 @@ declare const _default: {
             onSelectAll?: () => any;
             "onUpdate:selected"?: (value: unknown) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
+            onOnsearch?: (value: string) => any;
             onOpened?: () => any;
             onClosed?: () => any;
         } & import("vue").ShallowUnwrapRef<{
@@ -19925,6 +20334,7 @@ declare const _default: {
         onSelectAll?: () => any;
         "onUpdate:selected"?: (value: unknown) => any;
         "onUpdate:isOpen"?: (value: unknown) => any;
+        onOnsearch?: (value: string) => any;
         onOpened?: () => any;
         onClosed?: () => any;
     }, {
@@ -19939,6 +20349,7 @@ declare const _default: {
         selectAll: () => void;
         clear: () => void;
         copyToClipboard: () => void;
+        onsearch: (value: string) => void;
     }, string, {
         theme: string;
         disabled: boolean;
@@ -19999,7 +20410,34 @@ declare const _default: {
                     label: any;
                     onClick: () => void;
                 };
+                defaultTriggerProps: {
+                    placeholder: string;
+                    open: boolean;
+                    label: string;
+                    showFeedbackIcon: boolean;
+                    mandatory: boolean;
+                    testId: string;
+                    multi: boolean;
+                    disabled: boolean;
+                    selectedOption: unknown;
+                    displayValue: (option: unknown) => string;
+                    options: unknown[];
+                    optionNameKey: string;
+                    optionImageKey: string;
+                    optionIconKey: string;
+                    optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                    optionAndIconKey: string;
+                    optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                    feedbackVariant: "success" | "warning" | "error";
+                    valueToCopy: string;
+                    statusDotType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
+                    size: "small" | "medium" | "large";
+                    showAllSelectedText: boolean;
+                    onKeydown: (event: any) => void;
+                    onClick: () => void;
+                };
             }): any;
+            "inline-search"?(_: {}): any;
             "input-list"?(_: {
                 open: true;
             }): any;
@@ -20089,258 +20527,961 @@ declare const _default: {
         startIconName: string;
         startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         hideEndIcon: boolean;
-    }> | import("vue").DefineComponent<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "medium" | "large">;
-            default: string;
-        };
-        testId: {
-            type: import("vue").PropType<string>;
+    }> | ({
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                disabled: boolean;
+                size: "small" | "medium" | "large";
+                testId: string;
+                selected: unknown[];
+                placeholder: string;
+                inlineSearchPlaceholder: string;
+                optionNameKey: string;
+                optionIconKey: string;
+                optionImageKey: string;
+                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionEndIconKey: string;
+                optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                valueToCopy: string;
+                disabledOptionKey: string;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "large">;
+                    default: string;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                selected: {
+                    type: import("vue").PropType<unknown[]>;
+                    default: any;
+                };
+                options: {
+                    type: import("vue").PropType<unknown[]>;
+                    required: true;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                };
+                inlineSearchPlaceholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                displayValue: {
+                    type: import("vue").PropType<(option: unknown) => string>;
+                    required: true;
+                };
+                optionNameKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionImageKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: any;
+                };
+                optionEndIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionEndIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: any;
+                };
+                valueToCopy: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                disabledOptionKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionChildrenKey: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                optionUniqueIdKey: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+            }>> & {
+                "onUpdate:selected"?: (value: unknown) => any;
+                "onUpdate:isOpen"?: (value: unknown) => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "size" | "testId" | "selected" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey">;
+            $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: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void);
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "large">;
+                    default: string;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                selected: {
+                    type: import("vue").PropType<unknown[]>;
+                    default: any;
+                };
+                options: {
+                    type: import("vue").PropType<unknown[]>;
+                    required: true;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                };
+                inlineSearchPlaceholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                displayValue: {
+                    type: import("vue").PropType<(option: unknown) => string>;
+                    required: true;
+                };
+                optionNameKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionImageKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: any;
+                };
+                optionEndIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionEndIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: any;
+                };
+                valueToCopy: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                disabledOptionKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionChildrenKey: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                optionUniqueIdKey: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+            }>> & {
+                "onUpdate:selected"?: (value: unknown) => any;
+                "onUpdate:isOpen"?: (value: unknown) => any;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:selected": (value: unknown) => void;
+                "update:isOpen": (value: unknown) => void;
+            }, string, {
+                disabled: boolean;
+                size: "small" | "medium" | "large";
+                testId: string;
+                selected: unknown[];
+                placeholder: string;
+                inlineSearchPlaceholder: string;
+                optionNameKey: string;
+                optionIconKey: string;
+                optionImageKey: string;
+                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionEndIconKey: string;
+                optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                valueToCopy: string;
+                disabledOptionKey: string;
+            }, {}, 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;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large">;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            selected: {
+                type: import("vue").PropType<unknown[]>;
+                default: any;
+            };
+            options: {
+                type: import("vue").PropType<unknown[]>;
+                required: true;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
+            inlineSearchPlaceholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => string>;
+                required: true;
+            };
+            optionNameKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionIconKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionImageKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                default: any;
+            };
+            optionEndIconKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionEndIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                default: any;
+            };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            disabledOptionKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionChildrenKey: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            optionUniqueIdKey: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+        }>> & {
+            "onUpdate:selected"?: (value: unknown) => any;
+            "onUpdate:isOpen"?: (value: unknown) => any;
+        } & 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;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
             default: string;
         };
         selected: {
             type: import("vue").PropType<unknown[]>;
             default: any;
         };
-        options: {
-            type: import("vue").PropType<unknown[]>;
-            required: true;
-        };
-        placeholder: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        isOpen: {
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            required: true;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
+        inlineSearchPlaceholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => string>;
+            required: true;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionIconKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionImageKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: any;
+        };
+        optionEndIconKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionEndIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            default: any;
+        };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        disabledOptionKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionChildrenKey: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        optionUniqueIdKey: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+    }>> & {
+        "onUpdate:selected"?: (value: unknown) => any;
+        "onUpdate:isOpen"?: (value: unknown) => any;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:selected": (value: unknown) => void;
+        "update:isOpen": (value: unknown) => void;
+    }, string, {
+        disabled: boolean;
+        size: "small" | "medium" | "large";
+        testId: string;
+        selected: unknown[];
+        placeholder: string;
+        inlineSearchPlaceholder: string;
+        optionNameKey: string;
+        optionIconKey: string;
+        optionImageKey: string;
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionEndIconKey: string;
+        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        valueToCopy: string;
+        disabledOptionKey: string;
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            "trigger-end-icon"?(_: {}): any;
+        };
+    })))[];
+    Option: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                option: any;
+                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;
+                nameKey: string;
+                imageKey: string;
+                iconKey: string;
+                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                endIconKey: string;
+                toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+                treeMainOption: boolean;
+                treeMainOptionExpanded: boolean;
+                stopOptionClickEventPropagation: boolean;
+                treeChildShown: boolean;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                option: {
+                    type: import("vue").PropType<unknown>;
+                    default: any;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                active: {
+                    type: import("vue").PropType<boolean>;
+                    default: any;
+                };
+                endIconType: {
+                    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;
+                };
+                subtitle: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                selectAllOption: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                nameKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                imageKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                iconKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                iconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: string;
+                };
+                endIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                toolTipPlacement: {
+                    type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                    default: string;
+                };
+                treeMainOption: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                treeMainOptionExpanded: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                stopOptionClickEventPropagation: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                treeChildShown: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                selectedProp: {
+                    type: import("vue").PropType<boolean>;
+                };
+            }>> & {
+                onToggleTreeCollapse?: (option: unknown) => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown">;
+            $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: "toggleTreeCollapse", option: unknown) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                option: {
+                    type: import("vue").PropType<unknown>;
+                    default: any;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                active: {
+                    type: import("vue").PropType<boolean>;
+                    default: any;
+                };
+                endIconType: {
+                    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;
+                };
+                subtitle: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                selectAllOption: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                nameKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                imageKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                iconKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                iconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: string;
+                };
+                endIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                toolTipPlacement: {
+                    type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                    default: string;
+                };
+                treeMainOption: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                treeMainOptionExpanded: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                stopOptionClickEventPropagation: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                treeChildShown: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                selectedProp: {
+                    type: import("vue").PropType<boolean>;
+                };
+            }>> & {
+                onToggleTreeCollapse?: (option: unknown) => any;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                toggleTreeCollapse: (option: unknown) => void;
+            }, string, {
+                option: any;
+                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;
+                nameKey: string;
+                imageKey: string;
+                iconKey: string;
+                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                endIconKey: string;
+                toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+                treeMainOption: boolean;
+                treeMainOptionExpanded: boolean;
+                stopOptionClickEventPropagation: boolean;
+                treeChildShown: boolean;
+            }, {}, 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<{
+            option: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            active: {
+                type: import("vue").PropType<boolean>;
+                default: any;
+            };
+            endIconType: {
+                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;
+            };
+            subtitle: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            selectAllOption: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            nameKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            imageKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            iconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            iconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                default: string;
+            };
+            endIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            toolTipPlacement: {
+                type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                default: string;
+            };
+            treeMainOption: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            treeMainOptionExpanded: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            stopOptionClickEventPropagation: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            treeChildShown: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            selectedProp: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>> & {
+            onToggleTreeCollapse?: (option: unknown) => any;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        option: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
+        disabled: {
             type: import("vue").PropType<boolean>;
+            default: boolean;
         };
-        inlineSearchPlaceholder: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        displayValue: {
-            type: import("vue").PropType<(option: unknown) => string>;
-            required: true;
-        };
-        optionNameKey: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        optionIconKey: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        optionImageKey: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+        active: {
+            type: import("vue").PropType<boolean>;
             default: any;
         };
-        optionEndIconKey: {
-            type: import("vue").PropType<string>;
+        endIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
-        optionEndIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+        optionTwoLinesVariant: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
             default: any;
         };
-        valueToCopy: {
+        optionTwoLinesKey: {
             type: import("vue").PropType<string>;
             default: any;
         };
-        disabledOptionKey: {
-            type: import("vue").PropType<string>;
-            default: string;
+        isIndeterminate: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
-        optionChildrenKey: {
+        subtitle: {
             type: import("vue").PropType<string>;
             default: string;
         };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:selected": (value: unknown) => void;
-        "update:isOpen": (value: unknown) => void;
-    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
+        selectAllOption: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        size: {
-            type: import("vue").PropType<"small" | "medium" | "large">;
-            default: string;
-        };
-        testId: {
+        nameKey: {
             type: import("vue").PropType<string>;
-            default: string;
-        };
-        selected: {
-            type: import("vue").PropType<unknown[]>;
             default: any;
         };
-        options: {
-            type: import("vue").PropType<unknown[]>;
-            required: true;
-        };
-        placeholder: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
-        inlineSearchPlaceholder: {
+        imageKey: {
             type: import("vue").PropType<string>;
-            default: string;
-        };
-        displayValue: {
-            type: import("vue").PropType<(option: unknown) => string>;
-            required: true;
+            default: any;
         };
-        optionNameKey: {
+        iconKey: {
             type: import("vue").PropType<string>;
-            default: string;
+            default: any;
         };
-        optionIconKey: {
-            type: import("vue").PropType<string>;
+        iconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
-        optionImageKey: {
+        endIconKey: {
             type: import("vue").PropType<string>;
-            default: string;
-        };
-        optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
-        optionEndIconKey: {
-            type: import("vue").PropType<string>;
+        toolTipPlacement: {
+            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
             default: string;
         };
-        optionEndIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: any;
+        treeMainOption: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        treeMainOptionExpanded: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
-        valueToCopy: {
-            type: import("vue").PropType<string>;
-            default: any;
+        stopOptionClickEventPropagation: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
-        disabledOptionKey: {
-            type: import("vue").PropType<string>;
-            default: string;
+        treeChildShown: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
-        optionChildrenKey: {
-            type: import("vue").PropType<string>;
-            default: string;
+        selectedProp: {
+            type: import("vue").PropType<boolean>;
         };
     }>> & {
-        "onUpdate:selected"?: (value: unknown) => any;
-        "onUpdate:isOpen"?: (value: unknown) => any;
-    }, {
+        onToggleTreeCollapse?: (option: unknown) => any;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        toggleTreeCollapse: (option: unknown) => void;
+    }, string, {
+        option: any;
         disabled: boolean;
-        size: "small" | "medium" | "large";
-        testId: string;
-        selected: unknown[];
-        placeholder: string;
-        inlineSearchPlaceholder: string;
-        optionNameKey: string;
-        optionIconKey: string;
-        optionImageKey: string;
-        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-        optionEndIconKey: string;
-        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-        valueToCopy: string;
-        disabledOptionKey: string;
-        optionChildrenKey: string;
-    }>)[];
-    Option: {
+        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;
+        nameKey: string;
+        imageKey: string;
+        iconKey: string;
+        iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        endIconKey: string;
+        toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+        treeMainOption: boolean;
+        treeMainOptionExpanded: boolean;
+        stopOptionClickEventPropagation: boolean;
+        treeChildShown: boolean;
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            image?(_: {}): any;
+            "icon-start"?(_: {}): any;
+            default?(_: {}): any;
+            "icon-end"?(_: {}): any;
+        };
+    });
+    TreeDropdown: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
-                option: any;
                 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;
-                nameKey: string;
-                imageKey: string;
-                iconKey: string;
-                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-                endIconKey: string;
-                toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+                size: "small" | "medium" | "large";
+                testId: string;
+                selected: unknown[];
+                placeholder: string;
+                inlineSearchPlaceholder: string;
+                optionNameKey: string;
+                optionIconKey: string;
+                optionImageKey: string;
+                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionEndIconKey: string;
+                optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                valueToCopy: string;
+                disabledOptionKey: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                option: {
-                    type: import("vue").PropType<unknown>;
-                    default: any;
-                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                active: {
-                    type: import("vue").PropType<boolean>;
-                    default: any;
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "large">;
+                    default: string;
                 };
-                endIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                testId: {
+                    type: import("vue").PropType<string>;
                     default: string;
                 };
-                optionTwoLinesVariant: {
-                    type: import("vue").PropType<"horizontal" | "vertical">;
+                selected: {
+                    type: import("vue").PropType<unknown[]>;
                     default: any;
                 };
-                optionTwoLinesKey: {
+                options: {
+                    type: import("vue").PropType<unknown[]>;
+                    required: true;
+                };
+                placeholder: {
                     type: import("vue").PropType<string>;
-                    default: any;
+                    default: string;
                 };
-                isIndeterminate: {
+                isOpen: {
                     type: import("vue").PropType<boolean>;
-                    default: boolean;
                 };
-                subtitle: {
+                inlineSearchPlaceholder: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                selectAllOption: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
+                displayValue: {
+                    type: import("vue").PropType<(option: unknown) => string>;
+                    required: true;
                 };
-                nameKey: {
+                optionNameKey: {
                     type: import("vue").PropType<string>;
-                    default: any;
+                    default: string;
                 };
-                imageKey: {
+                optionIconKey: {
                     type: import("vue").PropType<string>;
-                    default: any;
+                    default: string;
                 };
-                iconKey: {
+                optionImageKey: {
                     type: import("vue").PropType<string>;
-                    default: any;
+                    default: string;
                 };
-                iconType: {
+                optionIconType: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: any;
+                };
+                optionEndIconKey: {
+                    type: import("vue").PropType<string>;
                     default: string;
                 };
-                endIconKey: {
+                optionEndIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: any;
+                };
+                valueToCopy: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
-                toolTipPlacement: {
-                    type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                disabledOptionKey: {
+                    type: import("vue").PropType<string>;
                     default: string;
                 };
-                selectedProp: {
-                    type: import("vue").PropType<boolean>;
+                optionChildrenKey: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                optionUniqueIdKey: {
+                    type: import("vue").PropType<string>;
+                    required: true;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement">;
+            }>> & {
+                "onUpdate:selected"?: (value: unknown) => any;
+                "onUpdate:isOpen"?: (value: unknown) => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "size" | "testId" | "selected" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -20352,88 +21493,105 @@ declare const _default: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
-            $emit: (event: string, ...args: any[]) => void;
+            $emit: ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                option: {
-                    type: import("vue").PropType<unknown>;
-                    default: any;
-                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                active: {
-                    type: import("vue").PropType<boolean>;
-                    default: any;
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "large">;
+                    default: string;
                 };
-                endIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                testId: {
+                    type: import("vue").PropType<string>;
                     default: string;
                 };
-                optionTwoLinesVariant: {
-                    type: import("vue").PropType<"horizontal" | "vertical">;
+                selected: {
+                    type: import("vue").PropType<unknown[]>;
                     default: any;
                 };
-                optionTwoLinesKey: {
+                options: {
+                    type: import("vue").PropType<unknown[]>;
+                    required: true;
+                };
+                placeholder: {
                     type: import("vue").PropType<string>;
-                    default: any;
+                    default: string;
                 };
-                isIndeterminate: {
+                isOpen: {
                     type: import("vue").PropType<boolean>;
-                    default: boolean;
                 };
-                subtitle: {
+                inlineSearchPlaceholder: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                selectAllOption: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
+                displayValue: {
+                    type: import("vue").PropType<(option: unknown) => string>;
+                    required: true;
                 };
-                nameKey: {
+                optionNameKey: {
                     type: import("vue").PropType<string>;
-                    default: any;
+                    default: string;
                 };
-                imageKey: {
+                optionIconKey: {
                     type: import("vue").PropType<string>;
-                    default: any;
+                    default: string;
                 };
-                iconKey: {
+                optionImageKey: {
                     type: import("vue").PropType<string>;
-                    default: any;
+                    default: string;
                 };
-                iconType: {
+                optionIconType: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: any;
+                };
+                optionEndIconKey: {
+                    type: import("vue").PropType<string>;
                     default: string;
                 };
-                endIconKey: {
+                optionEndIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                    default: any;
+                };
+                valueToCopy: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
-                toolTipPlacement: {
-                    type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+                disabledOptionKey: {
+                    type: import("vue").PropType<string>;
                     default: string;
                 };
-                selectedProp: {
-                    type: import("vue").PropType<boolean>;
+                optionChildrenKey: {
+                    type: import("vue").PropType<string>;
+                    required: true;
                 };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-                option: any;
+                optionUniqueIdKey: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+            }>> & {
+                "onUpdate:selected"?: (value: unknown) => any;
+                "onUpdate:isOpen"?: (value: unknown) => any;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:selected": (value: unknown) => void;
+                "update:isOpen": (value: unknown) => void;
+            }, string, {
                 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;
-                nameKey: string;
-                imageKey: string;
-                iconKey: string;
-                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-                endIconKey: string;
-                toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
+                size: "small" | "medium" | "large";
+                testId: string;
+                selected: unknown[];
+                placeholder: string;
+                inlineSearchPlaceholder: string;
+                optionNameKey: string;
+                optionIconKey: string;
+                optionImageKey: string;
+                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionEndIconKey: string;
+                optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                valueToCopy: string;
+                disabledOptionKey: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -20455,162 +21613,89 @@ declare const _default: {
             $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<{
-            option: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            active: {
-                type: import("vue").PropType<boolean>;
-                default: any;
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large">;
+                default: string;
             };
-            endIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+            testId: {
+                type: import("vue").PropType<string>;
                 default: string;
             };
-            optionTwoLinesVariant: {
-                type: import("vue").PropType<"horizontal" | "vertical">;
+            selected: {
+                type: import("vue").PropType<unknown[]>;
                 default: any;
             };
-            optionTwoLinesKey: {
+            options: {
+                type: import("vue").PropType<unknown[]>;
+                required: true;
+            };
+            placeholder: {
                 type: import("vue").PropType<string>;
-                default: any;
+                default: string;
             };
-            isIndeterminate: {
+            isOpen: {
                 type: import("vue").PropType<boolean>;
-                default: boolean;
             };
-            subtitle: {
+            inlineSearchPlaceholder: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            selectAllOption: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => string>;
+                required: true;
             };
-            nameKey: {
+            optionNameKey: {
                 type: import("vue").PropType<string>;
-                default: any;
+                default: string;
             };
-            imageKey: {
+            optionIconKey: {
                 type: import("vue").PropType<string>;
-                default: any;
+                default: string;
             };
-            iconKey: {
+            optionImageKey: {
                 type: import("vue").PropType<string>;
-                default: any;
+                default: string;
             };
-            iconType: {
+            optionIconType: {
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                default: any;
+            };
+            optionEndIconKey: {
+                type: import("vue").PropType<string>;
                 default: string;
             };
-            endIconKey: {
+            optionEndIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
+                default: any;
+            };
+            valueToCopy: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            toolTipPlacement: {
-                type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
+            disabledOptionKey: {
+                type: import("vue").PropType<string>;
                 default: string;
             };
-            selectedProp: {
-                type: import("vue").PropType<boolean>;
+            optionChildrenKey: {
+                type: import("vue").PropType<string>;
+                required: true;
             };
-        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+            optionUniqueIdKey: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+        }>> & {
+            "onUpdate:selected"?: (value: unknown) => any;
+            "onUpdate:isOpen"?: (value: unknown) => any;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        option: {
-            type: import("vue").PropType<unknown>;
-            default: any;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        active: {
-            type: import("vue").PropType<boolean>;
-            default: any;
-        };
-        endIconType: {
-            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;
-        };
-        subtitle: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        selectAllOption: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        nameKey: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        imageKey: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        iconKey: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        iconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: string;
-        };
-        endIconKey: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        toolTipPlacement: {
-            type: import("vue").PropType<"auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end">;
-            default: string;
-        };
-        selectedProp: {
-            type: import("vue").PropType<boolean>;
-        };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        option: any;
-        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;
-        nameKey: string;
-        imageKey: string;
-        iconKey: string;
-        iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-        endIconKey: string;
-        toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
-    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            image?(_: {}): any;
-            "icon-start"?(_: {}): any;
-            default?(_: {}): any;
-            "icon-end"?(_: {}): any;
-        };
-    });
-    TreeDropdown: import("vue").DefineComponent<{
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -20680,87 +21765,19 @@ declare const _default: {
         };
         optionChildrenKey: {
             type: import("vue").PropType<string>;
-            default: string;
-        };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:selected": (value: unknown) => void;
-        "update:isOpen": (value: unknown) => void;
-    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        size: {
-            type: import("vue").PropType<"small" | "medium" | "large">;
-            default: string;
-        };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        selected: {
-            type: import("vue").PropType<unknown[]>;
-            default: any;
-        };
-        options: {
-            type: import("vue").PropType<unknown[]>;
             required: true;
         };
-        placeholder: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
-        inlineSearchPlaceholder: {
+        optionUniqueIdKey: {
             type: import("vue").PropType<string>;
-            default: string;
-        };
-        displayValue: {
-            type: import("vue").PropType<(option: unknown) => string>;
             required: true;
         };
-        optionNameKey: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        optionIconKey: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        optionImageKey: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: any;
-        };
-        optionEndIconKey: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        optionEndIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: any;
-        };
-        valueToCopy: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        disabledOptionKey: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        optionChildrenKey: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
     }>> & {
         "onUpdate:selected"?: (value: unknown) => any;
         "onUpdate:isOpen"?: (value: unknown) => any;
-    }, {
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:selected": (value: unknown) => void;
+        "update:isOpen": (value: unknown) => void;
+    }, string, {
         disabled: boolean;
         size: "small" | "medium" | "large";
         testId: string;
@@ -20775,8 +21792,11 @@ declare const _default: {
         optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         valueToCopy: string;
         disabledOptionKey: string;
-        optionChildrenKey: string;
-    }>;
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            "trigger-end-icon"?(_: {}): any;
+        };
+    });
     Label: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;