npm - @ironsource/shared-ui - Versions diffs - 2.1.11-test.5 → 2.1.11-test.51 - Mend

@ironsource/shared-ui 2.1.11-test.5 → 2.1.11-test.51

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 (182) hide show

package/index.d.ts CHANGED Viewed

@@ -28,8 +28,10 @@ declare const _default: {
                 placement: import("floating-vue").Placement;
                 disabled: boolean;
                 distance: number;
-                popperClass: string;
+                container: string;
                 autoHide: boolean;
+                popperClass: string;
+                isOpen: boolean;
                 trigger: "hover" | "click" | "focus" | "touch" | "managed";
                 skidding: number;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -49,7 +51,7 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     default: number;
                 };
-                popperClass: {
+                container: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
@@ -57,6 +59,14 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                popperClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 trigger: {
                     type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                     default: string;
@@ -67,7 +77,7 @@ declare const _default: {
                 };
             }>> & {
                 onIsOpen?: (value: boolean) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "popperClass" | "autoHide" | "trigger" | "skidding">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "container" | "autoHide" | "popperClass" | "isOpen" | "trigger" | "skidding">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -98,7 +108,7 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     default: number;
                 };
-                popperClass: {
+                container: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
@@ -106,6 +116,14 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                popperClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 trigger: {
                     type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                     default: string;
@@ -116,15 +134,19 @@ declare const _default: {
                 };
             }>> & {
                 onIsOpen?: (value: boolean) => any;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            }, {
+                toggle: (value?: boolean) => boolean;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 isOpen: (value: boolean) => void;
             }, string, {
                 testId: string;
                 placement: import("floating-vue").Placement;
                 disabled: boolean;
                 distance: number;
-                popperClass: string;
+                container: string;
                 autoHide: boolean;
+                popperClass: string;
+                isOpen: boolean;
                 trigger: "hover" | "click" | "focus" | "touch" | "managed";
                 skidding: number;
             }, {}, string> & {
@@ -164,7 +186,7 @@ declare const _default: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            popperClass: {
+            container: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
@@ -172,6 +194,14 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             trigger: {
                 type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                 default: string;
@@ -182,7 +212,9 @@ declare const _default: {
             };
         }>> & {
             onIsOpen?: (value: boolean) => any;
-        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        } & import("vue").ShallowUnwrapRef<{
+            toggle: (value?: boolean) => boolean;
+        }> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
@@ -203,7 +235,7 @@ declare const _default: {
             type: import("vue").PropType<number>;
             default: number;
         };
-        popperClass: {
+        container: {
             type: import("vue").PropType<string>;
             default: string;
         };
@@ -211,6 +243,14 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        popperClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         trigger: {
             type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
             default: string;
@@ -221,15 +261,19 @@ declare const _default: {
         };
     }>> & {
         onIsOpen?: (value: boolean) => any;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, {
+        toggle: (value?: boolean) => boolean;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         isOpen: (value: boolean) => void;
     }, string, {
         testId: string;
         placement: import("floating-vue").Placement;
         disabled: boolean;
         distance: number;
-        popperClass: string;
+        container: string;
         autoHide: boolean;
+        popperClass: string;
+        isOpen: boolean;
         trigger: "hover" | "click" | "focus" | "touch" | "managed";
         skidding: number;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -247,8 +291,10 @@ declare const _default: {
                 placement: import("floating-vue").Placement;
                 disabled: boolean;
                 distance: number;
-                popperClass: string;
+                container: string;
                 autoHide: boolean;
+                popperClass: string;
+                isOpen: boolean;
                 trigger: "hover" | "click" | "focus" | "touch" | "managed";
                 skidding: number;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -268,7 +314,7 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     default: number;
                 };
-                popperClass: {
+                container: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
@@ -276,6 +322,14 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                popperClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 trigger: {
                     type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                     default: string;
@@ -286,7 +340,7 @@ declare const _default: {
                 };
             }>> & {
                 onIsOpen?: (value: boolean) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "popperClass" | "autoHide" | "trigger" | "skidding">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "placement" | "disabled" | "distance" | "container" | "autoHide" | "popperClass" | "isOpen" | "trigger" | "skidding">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -317,7 +371,7 @@ declare const _default: {
                     type: import("vue").PropType<number>;
                     default: number;
                 };
-                popperClass: {
+                container: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
@@ -325,6 +379,14 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                popperClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 trigger: {
                     type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                     default: string;
@@ -335,15 +397,19 @@ declare const _default: {
                 };
             }>> & {
                 onIsOpen?: (value: boolean) => any;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            }, {
+                toggle: (value?: boolean) => boolean;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 isOpen: (value: boolean) => void;
             }, string, {
                 testId: string;
                 placement: import("floating-vue").Placement;
                 disabled: boolean;
                 distance: number;
-                popperClass: string;
+                container: string;
                 autoHide: boolean;
+                popperClass: string;
+                isOpen: boolean;
                 trigger: "hover" | "click" | "focus" | "touch" | "managed";
                 skidding: number;
             }, {}, string> & {
@@ -383,7 +449,7 @@ declare const _default: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            popperClass: {
+            container: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
@@ -391,6 +457,14 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             trigger: {
                 type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
                 default: string;
@@ -401,7 +475,9 @@ declare const _default: {
             };
         }>> & {
             onIsOpen?: (value: boolean) => any;
-        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        } & import("vue").ShallowUnwrapRef<{
+            toggle: (value?: boolean) => boolean;
+        }> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
@@ -422,7 +498,7 @@ declare const _default: {
             type: import("vue").PropType<number>;
             default: number;
         };
-        popperClass: {
+        container: {
             type: import("vue").PropType<string>;
             default: string;
         };
@@ -430,6 +506,14 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        popperClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         trigger: {
             type: import("vue").PropType<"hover" | "click" | "focus" | "touch" | "managed">;
             default: string;
@@ -440,15 +524,19 @@ declare const _default: {
         };
     }>> & {
         onIsOpen?: (value: boolean) => any;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, {
+        toggle: (value?: boolean) => boolean;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         isOpen: (value: boolean) => void;
     }, string, {
         testId: string;
         placement: import("floating-vue").Placement;
         disabled: boolean;
         distance: number;
-        popperClass: string;
+        container: string;
         autoHide: boolean;
+        popperClass: string;
+        isOpen: boolean;
         trigger: "hover" | "click" | "focus" | "touch" | "managed";
         skidding: number;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -1707,6 +1795,7 @@ declare const _default: {
                     default: string;
                 };
             }>> & {
+                onClearSearch?: () => any;
                 onSortableItemDragged?: (event: {
                     id: string;
                     newIndex: number;
@@ -1716,7 +1805,6 @@ declare const _default: {
                 "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" | "isLoading" | "displayValue" | "searchPlaceholder" | "items" | "selectedChildId" | "searchHandler" | "openId" | "selectedId" | "showSearch" | "loadingRowCount" | "emptyStateTitle">;
             $attrs: {
                 [x: string]: unknown;
@@ -1790,6 +1878,7 @@ declare const _default: {
                     default: string;
                 };
             }>> & {
+                onClearSearch?: () => any;
                 onSortableItemDragged?: (event: {
                     id: string;
                     newIndex: number;
@@ -1799,7 +1888,6 @@ declare const _default: {
                 "onUpdate:selectedId"?: (id: string | number) => any;
                 "onUpdate:selectedChildId"?: (id: string | number) => any;
                 "onUpdate:search"?: (query: string) => any;
-                onClearSearch?: () => any;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 sortableItemDragged: (event: {
                     id: string;
@@ -1901,6 +1989,7 @@ declare const _default: {
                 default: string;
             };
         }>> & {
+            onClearSearch?: () => any;
             onSortableItemDragged?: (event: {
                 id: string;
                 newIndex: number;
@@ -1910,7 +1999,6 @@ declare const _default: {
             "onUpdate:selectedId"?: (id: string | number) => any;
             "onUpdate:selectedChildId"?: (id: string | number) => any;
             "onUpdate:search"?: (query: string) => any;
-            onClearSearch?: () => any;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
@@ -1971,6 +2059,7 @@ declare const _default: {
             default: string;
         };
     }>> & {
+        onClearSearch?: () => any;
         onSortableItemDragged?: (event: {
             id: string;
             newIndex: number;
@@ -1980,7 +2069,6 @@ declare const _default: {
         "onUpdate:selectedId"?: (id: string | number) => any;
         "onUpdate:selectedChildId"?: (id: string | number) => any;
         "onUpdate:search"?: (query: string) => any;
-        onClearSearch?: () => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         sortableItemDragged: (event: {
             id: string;
@@ -2089,6 +2177,7 @@ declare const _default: {
                     default: string;
                 };
             }>> & {
+                onClearSearch?: () => any;
                 onSortableItemDragged?: (event: {
                     id: string;
                     newIndex: number;
@@ -2098,7 +2187,6 @@ declare const _default: {
                 "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" | "isLoading" | "displayValue" | "searchPlaceholder" | "items" | "selectedChildId" | "searchHandler" | "openId" | "selectedId" | "showSearch" | "loadingRowCount" | "emptyStateTitle">;
             $attrs: {
                 [x: string]: unknown;
@@ -2172,6 +2260,7 @@ declare const _default: {
                     default: string;
                 };
             }>> & {
+                onClearSearch?: () => any;
                 onSortableItemDragged?: (event: {
                     id: string;
                     newIndex: number;
@@ -2181,7 +2270,6 @@ declare const _default: {
                 "onUpdate:selectedId"?: (id: string | number) => any;
                 "onUpdate:selectedChildId"?: (id: string | number) => any;
                 "onUpdate:search"?: (query: string) => any;
-                onClearSearch?: () => any;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 sortableItemDragged: (event: {
                     id: string;
@@ -2283,6 +2371,7 @@ declare const _default: {
                 default: string;
             };
         }>> & {
+            onClearSearch?: () => any;
             onSortableItemDragged?: (event: {
                 id: string;
                 newIndex: number;
@@ -2292,7 +2381,6 @@ declare const _default: {
             "onUpdate:selectedId"?: (id: string | number) => any;
             "onUpdate:selectedChildId"?: (id: string | number) => any;
             "onUpdate:search"?: (query: string) => any;
-            onClearSearch?: () => any;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
@@ -2353,6 +2441,7 @@ declare const _default: {
             default: string;
         };
     }>> & {
+        onClearSearch?: () => any;
         onSortableItemDragged?: (event: {
             id: string;
             newIndex: number;
@@ -2362,7 +2451,6 @@ declare const _default: {
         "onUpdate:selectedId"?: (id: string | number) => any;
         "onUpdate:selectedChildId"?: (id: string | number) => any;
         "onUpdate:search"?: (query: string) => any;
-        onClearSearch?: () => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         sortableItemDragged: (event: {
             id: string;
@@ -2464,6 +2552,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         copy: () => void;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -2503,6 +2595,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
         onCopy?: () => any;
     }, {
@@ -2514,6 +2610,7 @@ declare const _default: {
         hideTextValue: boolean;
         iconSize: string;
         tooltipHeader: string;
+        valueToCopy: string;
     }>;
     InlineCopyTypes: () => import("vue").DefineComponent<{
         text: {
@@ -2552,6 +2649,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         copy: () => void;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -2591,6 +2692,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
         onCopy?: () => any;
     }, {
@@ -2602,6 +2707,7 @@ declare const _default: {
         hideTextValue: boolean;
         iconSize: string;
         tooltipHeader: string;
+        valueToCopy: string;
     }>[];
     AppHeader: import("vue").DefineComponent<{
         name: {
@@ -5505,8 +5611,8 @@ declare const _default: {
             $data: {};
             $props: Partial<{
                 sort: tableV3.Sort;
-                title: string;
                 search: string;
+                title: string;
                 testId: string;
                 isLoading: boolean;
                 searchAutoFocus: boolean;
@@ -5530,19 +5636,21 @@ declare const _default: {
                 zIndexBase: number;
                 rowCustomClassKey: string;
                 rowDataKey: string;
+                isSelectionSticky: boolean;
+                isSelectionBordered: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 sort: {
                     type: import("vue").PropType<tableV3.Sort>;
                     default: any;
                 };
-                title: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 search: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                title: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 testId: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -5643,18 +5751,26 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                isSelectionSticky: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                isSelectionBordered: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>> & {
                 onSelectAll?: (value: boolean) => any;
+                onLoadMore?: () => any;
                 "onUpdate:search"?: (query: string) => any;
                 onOnScroll?: (event: Event) => any;
                 "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
                 onSaveRow?: (args_0: import("./components/table/common/Table.types").SaveRowEvent) => any;
-                onLoadMore?: () => any;
                 onOnClearSearch?: () => any;
                 "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" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "getRowKey" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "search" | "title" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "getRowKey" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey" | "isSelectionSticky" | "isSelectionBordered">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -5666,21 +5782,21 @@ 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: "onScroll", event: Event) => void) & ((event: "selectAll", value: boolean) => void) & ((event: "update:search", query: string) => void) & ((event: "onClearSearch") => void) & ((event: "update:sort", newSort: tableV3.Sort) => void) & ((event: "saveRow", args_0: import("./components/table/common/Table.types").SaveRowEvent) => void) & ((event: "loadMore") => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "selectRow", value: boolean) => void) & ((event: "clickRow", rowIndex: number) => void);
+            $emit: ((event: "onScroll", event: Event) => void) & ((event: "selectAll", value: boolean) => void) & ((event: "loadMore") => void) & ((event: "onClearSearch") => void) & ((event: "update:search", query: string) => void) & ((event: "update:sort", newSort: tableV3.Sort) => void) & ((event: "saveRow", args_0: import("./components/table/common/Table.types").SaveRowEvent) => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "selectRow", value: boolean) => void) & ((event: "clickRow", rowIndex: number) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 sort: {
                     type: import("vue").PropType<tableV3.Sort>;
                     default: any;
                 };
-                title: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 search: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                title: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 testId: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -5781,13 +5897,21 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                isSelectionSticky: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                isSelectionBordered: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>> & {
                 onSelectAll?: (value: boolean) => any;
+                onLoadMore?: () => any;
                 "onUpdate:search"?: (query: string) => any;
                 onOnScroll?: (event: Event) => any;
                 "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
                 onSaveRow?: (args_0: import("./components/table/common/Table.types").SaveRowEvent) => any;
-                onLoadMore?: () => any;
                 onOnClearSearch?: () => any;
                 "onUpdate:selection"?: (selection: unknown[]) => any;
                 onSelectRow?: (value: boolean) => any;
@@ -5807,8 +5931,8 @@ declare const _default: {
                 clickRow: (rowIndex: number) => void;
             }, string, {
                 sort: tableV3.Sort;
-                title: string;
                 search: string;
+                title: string;
                 testId: string;
                 isLoading: boolean;
                 searchAutoFocus: boolean;
@@ -5832,6 +5956,8 @@ declare const _default: {
                 zIndexBase: number;
                 rowCustomClassKey: string;
                 rowDataKey: string;
+                isSelectionSticky: boolean;
+                isSelectionBordered: boolean;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -5857,14 +5983,14 @@ declare const _default: {
                 type: import("vue").PropType<tableV3.Sort>;
                 default: any;
             };
-            title: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             search: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            title: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -5965,13 +6091,21 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isSelectionSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            isSelectionBordered: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onSelectAll?: (value: boolean) => any;
+            onLoadMore?: () => any;
             "onUpdate:search"?: (query: string) => any;
             onOnScroll?: (event: Event) => any;
             "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
             onSaveRow?: (args_0: import("./components/table/common/Table.types").SaveRowEvent) => any;
-            onLoadMore?: () => any;
             onOnClearSearch?: () => any;
             "onUpdate:selection"?: (selection: unknown[]) => any;
             onSelectRow?: (value: boolean) => any;
@@ -5987,14 +6121,14 @@ declare const _default: {
             type: import("vue").PropType<tableV3.Sort>;
             default: any;
         };
-        title: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         search: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        title: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
@@ -6095,13 +6229,21 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        isSelectionSticky: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        isSelectionBordered: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onSelectAll?: (value: boolean) => any;
+        onLoadMore?: () => any;
         "onUpdate:search"?: (query: string) => any;
         onOnScroll?: (event: Event) => any;
         "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
         onSaveRow?: (args_0: import("./components/table/common/Table.types").SaveRowEvent) => any;
-        onLoadMore?: () => any;
         onOnClearSearch?: () => any;
         "onUpdate:selection"?: (selection: unknown[]) => any;
         onSelectRow?: (value: boolean) => any;
@@ -6121,8 +6263,8 @@ declare const _default: {
         clickRow: (rowIndex: number) => void;
     }, string, {
         sort: tableV3.Sort;
-        title: string;
         search: string;
+        title: string;
         testId: string;
         isLoading: boolean;
         searchAutoFocus: boolean;
@@ -6146,6 +6288,8 @@ declare const _default: {
         zIndexBase: number;
         rowCustomClassKey: string;
         rowDataKey: string;
+        isSelectionSticky: boolean;
+        isSelectionBordered: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
             column: tableV3.Column;
@@ -6274,8 +6418,8 @@ declare const _default: {
             $data: {};
             $props: Partial<{
                 sort: tableV3.Sort;
-                title: string;
                 search: string;
+                title: string;
                 testId: string;
                 isLoading: boolean;
                 searchAutoFocus: boolean;
@@ -6299,19 +6443,21 @@ declare const _default: {
                 zIndexBase: number;
                 rowCustomClassKey: string;
                 rowDataKey: string;
+                isSelectionSticky: boolean;
+                isSelectionBordered: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 sort: {
                     type: import("vue").PropType<tableV3.Sort>;
                     default: any;
                 };
-                title: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 search: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                title: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 testId: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -6412,18 +6558,26 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                isSelectionSticky: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                isSelectionBordered: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>> & {
                 onSelectAll?: (value: boolean) => any;
+                onLoadMore?: () => any;
                 "onUpdate:search"?: (query: string) => any;
                 onOnScroll?: (event: Event) => any;
                 "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
                 onSaveRow?: (args_0: import("./components/table/common/Table.types").SaveRowEvent) => any;
-                onLoadMore?: () => any;
                 onOnClearSearch?: () => any;
                 "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" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "getRowKey" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "search" | "title" | "testId" | "isLoading" | "searchAutoFocus" | "searchPlaceholder" | "selection" | "showSearch" | "loadingRowCount" | "emptyStateTitle" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "defaultScrollPosition" | "getRowId" | "getRowKey" | "selectedMatcher" | "emptyStateVariant" | "zIndexBase" | "rowCustomClassKey" | "rowDataKey" | "isSelectionSticky" | "isSelectionBordered">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -6435,21 +6589,21 @@ 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: "onScroll", event: Event) => void) & ((event: "selectAll", value: boolean) => void) & ((event: "update:search", query: string) => void) & ((event: "onClearSearch") => void) & ((event: "update:sort", newSort: tableV3.Sort) => void) & ((event: "saveRow", args_0: import("./components/table/common/Table.types").SaveRowEvent) => void) & ((event: "loadMore") => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "selectRow", value: boolean) => void) & ((event: "clickRow", rowIndex: number) => void);
+            $emit: ((event: "onScroll", event: Event) => void) & ((event: "selectAll", value: boolean) => void) & ((event: "loadMore") => void) & ((event: "onClearSearch") => void) & ((event: "update:search", query: string) => void) & ((event: "update:sort", newSort: tableV3.Sort) => void) & ((event: "saveRow", args_0: import("./components/table/common/Table.types").SaveRowEvent) => void) & ((event: "update:selection", selection: unknown[]) => void) & ((event: "selectRow", value: boolean) => void) & ((event: "clickRow", rowIndex: number) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 sort: {
                     type: import("vue").PropType<tableV3.Sort>;
                     default: any;
                 };
-                title: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 search: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                title: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 testId: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -6550,13 +6704,21 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                isSelectionSticky: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                isSelectionBordered: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>> & {
                 onSelectAll?: (value: boolean) => any;
+                onLoadMore?: () => any;
                 "onUpdate:search"?: (query: string) => any;
                 onOnScroll?: (event: Event) => any;
                 "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
                 onSaveRow?: (args_0: import("./components/table/common/Table.types").SaveRowEvent) => any;
-                onLoadMore?: () => any;
                 onOnClearSearch?: () => any;
                 "onUpdate:selection"?: (selection: unknown[]) => any;
                 onSelectRow?: (value: boolean) => any;
@@ -6576,8 +6738,8 @@ declare const _default: {
                 clickRow: (rowIndex: number) => void;
             }, string, {
                 sort: tableV3.Sort;
-                title: string;
                 search: string;
+                title: string;
                 testId: string;
                 isLoading: boolean;
                 searchAutoFocus: boolean;
@@ -6601,6 +6763,8 @@ declare const _default: {
                 zIndexBase: number;
                 rowCustomClassKey: string;
                 rowDataKey: string;
+                isSelectionSticky: boolean;
+                isSelectionBordered: boolean;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -6626,14 +6790,14 @@ declare const _default: {
                 type: import("vue").PropType<tableV3.Sort>;
                 default: any;
             };
-            title: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             search: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            title: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             testId: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -6734,13 +6898,21 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            isSelectionSticky: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            isSelectionBordered: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onSelectAll?: (value: boolean) => any;
+            onLoadMore?: () => any;
             "onUpdate:search"?: (query: string) => any;
             onOnScroll?: (event: Event) => any;
             "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
             onSaveRow?: (args_0: import("./components/table/common/Table.types").SaveRowEvent) => any;
-            onLoadMore?: () => any;
             onOnClearSearch?: () => any;
             "onUpdate:selection"?: (selection: unknown[]) => any;
             onSelectRow?: (value: boolean) => any;
@@ -6756,14 +6928,14 @@ declare const _default: {
             type: import("vue").PropType<tableV3.Sort>;
             default: any;
         };
-        title: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         search: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        title: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         testId: {
             type: import("vue").PropType<string>;
             default: string;
@@ -6864,13 +7036,21 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        isSelectionSticky: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        isSelectionBordered: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onSelectAll?: (value: boolean) => any;
+        onLoadMore?: () => any;
         "onUpdate:search"?: (query: string) => any;
         onOnScroll?: (event: Event) => any;
         "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
         onSaveRow?: (args_0: import("./components/table/common/Table.types").SaveRowEvent) => any;
-        onLoadMore?: () => any;
         onOnClearSearch?: () => any;
         "onUpdate:selection"?: (selection: unknown[]) => any;
         onSelectRow?: (value: boolean) => any;
@@ -6890,8 +7070,8 @@ declare const _default: {
         clickRow: (rowIndex: number) => void;
     }, string, {
         sort: tableV3.Sort;
-        title: string;
         search: string;
+        title: string;
         testId: string;
         isLoading: boolean;
         searchAutoFocus: boolean;
@@ -6915,6 +7095,8 @@ declare const _default: {
         zIndexBase: number;
         rowCustomClassKey: string;
         rowDataKey: string;
+        isSelectionSticky: boolean;
+        isSelectionBordered: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
             column: tableV3.Column;
@@ -7172,7 +7354,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: "onScroll", scrollTop: number) => void) & ((event: "update:search", query: string) => void) & ((event: "onClearSearch") => void) & ((event: "saveRow", args_0: import("./components/table/common/Table.types").SaveRowEvent & {
+            $emit: ((event: "onScroll", scrollTop: number) => void) & ((event: "onClearSearch") => void) & ((event: "update:search", query: string) => void) & ((event: "saveRow", args_0: import("./components/table/common/Table.types").SaveRowEvent & {
                 tableIndex: number;
             }) => void) & ((event: "clickRow", rowIndex: number, tableIndex: number) => void);
             $el: any;
@@ -7720,7 +7902,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: "onScroll", scrollTop: number) => void) & ((event: "update:search", query: string) => void) & ((event: "onClearSearch") => void) & ((event: "saveRow", args_0: import("./components/table/common/Table.types").SaveRowEvent & {
+            $emit: ((event: "onScroll", scrollTop: number) => void) & ((event: "onClearSearch") => void) & ((event: "update:search", query: string) => void) & ((event: "saveRow", args_0: import("./components/table/common/Table.types").SaveRowEvent & {
                 tableIndex: number;
             }) => void) & ((event: "clickRow", rowIndex: number, tableIndex: number) => void);
             $el: any;
@@ -8213,10 +8395,10 @@ declare const _default: {
                     default: any;
                 };
             }>> & {
+                onLoadMore?: () => any;
                 onOnScroll?: (event: Event) => any;
                 "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
                 onSaveRow?: (args_0: import("./components/table/common/Table.types").SaveRowEvent) => any;
-                onLoadMore?: () => any;
             } & 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;
@@ -8229,7 +8411,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: "onScroll", event: Event) => void) & ((event: "update:sort", newSort: tableV3.Sort) => void) & ((event: "saveRow", args_0: import("./components/table/common/Table.types").SaveRowEvent) => void) & ((event: "loadMore") => void);
+            $emit: ((event: "onScroll", event: Event) => void) & ((event: "loadMore") => void) & ((event: "update:sort", newSort: tableV3.Sort) => void) & ((event: "saveRow", args_0: import("./components/table/common/Table.types").SaveRowEvent) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 sort: {
@@ -8297,10 +8479,10 @@ declare const _default: {
                     default: any;
                 };
             }>> & {
+                onLoadMore?: () => any;
                 onOnScroll?: (event: Event) => any;
                 "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
                 onSaveRow?: (args_0: import("./components/table/common/Table.types").SaveRowEvent) => any;
-                onLoadMore?: () => any;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "update:sort": (newSort: tableV3.Sort) => void;
                 onScroll: (event: Event) => void;
@@ -8405,10 +8587,10 @@ declare const _default: {
                 default: any;
             };
         }>> & {
+            onLoadMore?: () => any;
             onOnScroll?: (event: Event) => any;
             "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
             onSaveRow?: (args_0: import("./components/table/common/Table.types").SaveRowEvent) => any;
-            onLoadMore?: () => any;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
@@ -8479,10 +8661,10 @@ declare const _default: {
             default: any;
         };
     }>> & {
+        onLoadMore?: () => any;
         onOnScroll?: (event: Event) => any;
         "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
         onSaveRow?: (args_0: import("./components/table/common/Table.types").SaveRowEvent) => any;
-        onLoadMore?: () => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:sort": (newSort: tableV3.Sort) => void;
         onScroll: (event: Event) => void;
@@ -8606,10 +8788,10 @@ declare const _default: {
                     default: any;
                 };
             }>> & {
+                onLoadMore?: () => any;
                 onOnScroll?: (event: Event) => any;
                 "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
                 onSaveRow?: (args_0: import("./components/table/common/Table.types").SaveRowEvent) => any;
-                onLoadMore?: () => any;
             } & 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;
@@ -8622,7 +8804,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: "onScroll", event: Event) => void) & ((event: "update:sort", newSort: tableV3.Sort) => void) & ((event: "saveRow", args_0: import("./components/table/common/Table.types").SaveRowEvent) => void) & ((event: "loadMore") => void);
+            $emit: ((event: "onScroll", event: Event) => void) & ((event: "loadMore") => void) & ((event: "update:sort", newSort: tableV3.Sort) => void) & ((event: "saveRow", args_0: import("./components/table/common/Table.types").SaveRowEvent) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 sort: {
@@ -8690,10 +8872,10 @@ declare const _default: {
                     default: any;
                 };
             }>> & {
+                onLoadMore?: () => any;
                 onOnScroll?: (event: Event) => any;
                 "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
                 onSaveRow?: (args_0: import("./components/table/common/Table.types").SaveRowEvent) => any;
-                onLoadMore?: () => any;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "update:sort": (newSort: tableV3.Sort) => void;
                 onScroll: (event: Event) => void;
@@ -8798,10 +8980,10 @@ declare const _default: {
                 default: any;
             };
         }>> & {
+            onLoadMore?: () => any;
             onOnScroll?: (event: Event) => any;
             "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
             onSaveRow?: (args_0: import("./components/table/common/Table.types").SaveRowEvent) => any;
-            onLoadMore?: () => any;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
@@ -8872,10 +9054,10 @@ declare const _default: {
             default: any;
         };
     }>> & {
+        onLoadMore?: () => any;
         onOnScroll?: (event: Event) => any;
         "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
         onSaveRow?: (args_0: import("./components/table/common/Table.types").SaveRowEvent) => any;
-        onLoadMore?: () => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:sort": (newSort: tableV3.Sort) => void;
         onScroll: (event: Event) => void;
@@ -9552,6 +9734,8 @@ declare const _default: {
                 disabled: boolean;
                 distance: string | number;
                 container: string;
+                shown: boolean;
+                autoHide: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 header: {
                     type: import("vue").PropType<string>;
@@ -9597,9 +9781,17 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                shown: {
+                    type: import("vue").PropType<boolean>;
+                    default: any;
+                };
+                autoHide: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>> & {
                 onShow?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -9658,6 +9850,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                shown: {
+                    type: import("vue").PropType<boolean>;
+                    default: any;
+                };
+                autoHide: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>> & {
                 onShow?: () => any;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -9674,6 +9874,8 @@ declare const _default: {
                 disabled: boolean;
                 distance: string | number;
                 container: string;
+                shown: boolean;
+                autoHide: boolean;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -9739,6 +9941,14 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            shown: {
+                type: import("vue").PropType<boolean>;
+                default: any;
+            };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onShow?: () => any;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -9790,6 +10000,14 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        shown: {
+            type: import("vue").PropType<boolean>;
+            default: any;
+        };
+        autoHide: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onShow?: () => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -9806,6 +10024,8 @@ declare const _default: {
         disabled: boolean;
         distance: string | number;
         container: string;
+        shown: boolean;
+        autoHide: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -9830,6 +10050,8 @@ declare const _default: {
                 disabled: boolean;
                 distance: string | number;
                 container: string;
+                shown: boolean;
+                autoHide: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 header: {
                     type: import("vue").PropType<string>;
@@ -9875,9 +10097,17 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                shown: {
+                    type: import("vue").PropType<boolean>;
+                    default: any;
+                };
+                autoHide: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>> & {
                 onShow?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "disabled" | "distance" | "container" | "shown" | "autoHide">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -9936,6 +10166,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                shown: {
+                    type: import("vue").PropType<boolean>;
+                    default: any;
+                };
+                autoHide: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>> & {
                 onShow?: () => any;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -9952,6 +10190,8 @@ declare const _default: {
                 disabled: boolean;
                 distance: string | number;
                 container: string;
+                shown: boolean;
+                autoHide: boolean;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -10017,6 +10257,14 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            shown: {
+                type: import("vue").PropType<boolean>;
+                default: any;
+            };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onShow?: () => any;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -10068,6 +10316,14 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        shown: {
+            type: import("vue").PropType<boolean>;
+            default: any;
+        };
+        autoHide: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onShow?: () => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -10084,6 +10340,8 @@ declare const _default: {
         disabled: boolean;
         distance: string | number;
         container: string;
+        shown: boolean;
+        autoHide: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -10110,12 +10368,15 @@ declare const _default: {
                 closeOnClickOutside: boolean;
                 beforeClose: (show: () => void) => void;
                 showCloseButton: boolean;
+                showCancelButton: boolean;
+                showSaveButton: boolean;
                 showFooter: boolean;
                 saveButtonLabel: string;
                 saveButtonLoading: boolean;
                 saveButtonColor: string;
                 cancelButtonLabel: string;
                 cancelButtonColor: string;
+                noPadding: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 title: {
                     type: import("vue").PropType<string>;
@@ -10173,6 +10434,14 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                showCancelButton: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                showSaveButton: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 showFooter: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -10197,13 +10466,17 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                noPadding: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>> & {
                 "onUpdate:modelValue"?: (value: boolean) => any;
                 onClose?: (reason: dialogV3.Reason) => any;
                 onCancel?: () => any;
                 onOpen?: () => any;
                 onSave?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showCancelButton" | "showSaveButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor" | "noPadding">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -10274,6 +10547,14 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                showCancelButton: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                showSaveButton: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 showFooter: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -10298,6 +10579,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                noPadding: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>> & {
                 "onUpdate:modelValue"?: (value: boolean) => any;
                 onClose?: (reason: dialogV3.Reason) => any;
@@ -10324,12 +10609,15 @@ declare const _default: {
                 closeOnClickOutside: boolean;
                 beforeClose: (show: () => void) => void;
                 showCloseButton: boolean;
+                showCancelButton: boolean;
+                showSaveButton: boolean;
                 showFooter: boolean;
                 saveButtonLabel: string;
                 saveButtonLoading: boolean;
                 saveButtonColor: string;
                 cancelButtonLabel: string;
                 cancelButtonColor: string;
+                noPadding: boolean;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -10407,6 +10695,14 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showCancelButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showSaveButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             showFooter: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -10431,6 +10727,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            noPadding: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
             onClose?: (reason: dialogV3.Reason) => any;
@@ -10498,6 +10798,14 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        showCancelButton: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        showSaveButton: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         showFooter: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -10522,6 +10830,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        noPadding: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
         onClose?: (reason: dialogV3.Reason) => any;
@@ -10548,12 +10860,15 @@ declare const _default: {
         closeOnClickOutside: boolean;
         beforeClose: (show: () => void) => void;
         showCloseButton: boolean;
+        showCancelButton: boolean;
+        showSaveButton: boolean;
         showFooter: boolean;
         saveButtonLabel: string;
         saveButtonLoading: boolean;
         saveButtonColor: string;
         cancelButtonLabel: string;
         cancelButtonColor: string;
+        noPadding: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             header?(_: {}): any;
@@ -10579,12 +10894,15 @@ declare const _default: {
                 closeOnClickOutside: boolean;
                 beforeClose: (show: () => void) => void;
                 showCloseButton: boolean;
+                showCancelButton: boolean;
+                showSaveButton: boolean;
                 showFooter: boolean;
                 saveButtonLabel: string;
                 saveButtonLoading: boolean;
                 saveButtonColor: string;
                 cancelButtonLabel: string;
                 cancelButtonColor: string;
+                noPadding: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 title: {
                     type: import("vue").PropType<string>;
@@ -10642,6 +10960,14 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                showCancelButton: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                showSaveButton: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 showFooter: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -10666,13 +10992,17 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                noPadding: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>> & {
                 "onUpdate:modelValue"?: (value: boolean) => any;
                 onClose?: (reason: dialogV3.Reason) => any;
                 onCancel?: () => any;
                 onOpen?: () => any;
                 onSave?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "testId" | "size" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showCancelButton" | "showSaveButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor" | "noPadding">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -10743,6 +11073,14 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                showCancelButton: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                showSaveButton: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 showFooter: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -10767,6 +11105,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                noPadding: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>> & {
                 "onUpdate:modelValue"?: (value: boolean) => any;
                 onClose?: (reason: dialogV3.Reason) => any;
@@ -10793,12 +11135,15 @@ declare const _default: {
                 closeOnClickOutside: boolean;
                 beforeClose: (show: () => void) => void;
                 showCloseButton: boolean;
+                showCancelButton: boolean;
+                showSaveButton: boolean;
                 showFooter: boolean;
                 saveButtonLabel: string;
                 saveButtonLoading: boolean;
                 saveButtonColor: string;
                 cancelButtonLabel: string;
                 cancelButtonColor: string;
+                noPadding: boolean;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -10876,6 +11221,14 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showCancelButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showSaveButton: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             showFooter: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -10900,6 +11253,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            noPadding: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
             onClose?: (reason: dialogV3.Reason) => any;
@@ -10967,6 +11324,14 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        showCancelButton: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        showSaveButton: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         showFooter: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -10991,6 +11356,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        noPadding: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
         onClose?: (reason: dialogV3.Reason) => any;
@@ -11017,12 +11386,15 @@ declare const _default: {
         closeOnClickOutside: boolean;
         beforeClose: (show: () => void) => void;
         showCloseButton: boolean;
+        showCancelButton: boolean;
+        showSaveButton: boolean;
         showFooter: boolean;
         saveButtonLabel: string;
         saveButtonLoading: boolean;
         saveButtonColor: string;
         cancelButtonLabel: string;
         cancelButtonColor: string;
+        noPadding: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             header?(_: {}): any;
@@ -15765,9 +16137,10 @@ declare const _default: {
                 skidding: number;
                 modelValue: any;
                 selected: any;
-                onClear: () => void;
+                valueToCopy: string;
                 placeholder: string;
                 multi: boolean;
+                infiniteLoading: boolean;
                 showSelectAll: boolean;
                 defaultOpen: boolean;
                 keepOpen: boolean;
@@ -15786,26 +16159,27 @@ declare const _default: {
                 onSearch: (option: any, term: string) => boolean;
                 noResultsText: string;
                 searchAutoFocus: boolean;
+                onClearSearch: () => void;
                 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";
+                optionsEndTextIconKey: string;
                 optionFlagKey: string;
-                valueToCopy: string;
                 disabledOptionKey: string;
                 optionTwoLinesVariant: "horizontal" | "vertical";
                 optionTwoLinesKey: string;
                 groupedOptions: boolean;
                 comparingKey: string;
-                withConditions: boolean;
                 customNumberOfDisplayedOptions: number;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
                 disableVirtualScroll: boolean;
                 overrideOptionCountCalculation: (option: unknown) => number;
+                withConditions: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 theme: {
                     type: import("vue").PropType<string>;
@@ -15850,13 +16224,13 @@ declare const _default: {
                 loading: {
                     type: import("vue").PropType<boolean>;
                 };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                };
                 skidding: {
                     type: import("vue").PropType<number>;
                     default: number;
                 };
-                isOpen: {
-                    type: import("vue").PropType<boolean>;
-                };
                 modelValue: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -15865,14 +16239,14 @@ declare const _default: {
                     type: import("vue").PropType<unknown>;
                     default: any;
                 };
+                valueToCopy: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 options: {
                     type: import("vue").PropType<unknown[]>;
                     required: true;
                 };
-                onClear: {
-                    type: import("vue").PropType<() => void>;
-                    default: () => true;
-                };
                 placeholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -15881,6 +16255,13 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                loadMoreLoading: {
+                    type: import("vue").PropType<boolean>;
+                };
+                infiniteLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 showSelectAll: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -15953,6 +16334,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                onClearSearch: {
+                    type: import("vue").PropType<() => void>;
+                    default: () => true;
+                };
                 displayValue: {
                     type: import("vue").PropType<(option: unknown) => string>;
                     required: true;
@@ -15981,11 +16366,11 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
-                optionFlagKey: {
+                optionsEndTextIconKey: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
-                valueToCopy: {
+                optionFlagKey: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
@@ -16009,11 +16394,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
-                withConditions: {
-                    type: import("vue").PropType<boolean>;
-                    required: true;
-                    default: boolean;
-                };
                 customNumberOfDisplayedOptions: {
                     type: import("vue").PropType<number>;
                     default: any;
@@ -16038,17 +16418,24 @@ declare const _default: {
                     type: import("vue").PropType<(option: unknown) => number>;
                     default: any;
                 };
+                withConditions: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>> & {
                 onCopyToClipboard?: () => any;
                 onClear?: () => any;
                 onApply?: (value: unknown) => any;
                 onSelectAll?: () => any;
                 "onUpdate:selected"?: (value: unknown) => any;
+                onAllSelectedChanged?: (value: boolean) => any;
                 "onUpdate:isOpen"?: (value: unknown) => any;
                 onOnsearch?: (value: string) => any;
+                onLoadMore?: () => any;
+                onUnsavedSelectionUpdate?: (value: unknown[]) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionFlagKey" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "withConditions" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "valueToCopy" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -16060,7 +16447,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: "onsearch", value: string) => 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: "allSelectedChanged", value: boolean) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "onsearch", value: string) => void) & ((event: "selectAll") => void) & ((event: "loadMore") => void) & ((event: "unsavedSelectionUpdate", value: unknown[]) => void) & ((event: "opened") => void) & ((event: "closed") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 theme: {
@@ -16106,13 +16493,13 @@ declare const _default: {
                 loading: {
                     type: import("vue").PropType<boolean>;
                 };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                };
                 skidding: {
                     type: import("vue").PropType<number>;
                     default: number;
                 };
-                isOpen: {
-                    type: import("vue").PropType<boolean>;
-                };
                 modelValue: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -16121,14 +16508,14 @@ declare const _default: {
                     type: import("vue").PropType<unknown>;
                     default: any;
                 };
+                valueToCopy: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 options: {
                     type: import("vue").PropType<unknown[]>;
                     required: true;
                 };
-                onClear: {
-                    type: import("vue").PropType<() => void>;
-                    default: () => true;
-                };
                 placeholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -16137,6 +16524,13 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                loadMoreLoading: {
+                    type: import("vue").PropType<boolean>;
+                };
+                infiniteLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 showSelectAll: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -16209,6 +16603,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                onClearSearch: {
+                    type: import("vue").PropType<() => void>;
+                    default: () => true;
+                };
                 displayValue: {
                     type: import("vue").PropType<(option: unknown) => string>;
                     required: true;
@@ -16237,11 +16635,11 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
-                optionFlagKey: {
+                optionsEndTextIconKey: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
-                valueToCopy: {
+                optionFlagKey: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
@@ -16265,11 +16663,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
-                withConditions: {
-                    type: import("vue").PropType<boolean>;
-                    required: true;
-                    default: boolean;
-                };
                 customNumberOfDisplayedOptions: {
                     type: import("vue").PropType<number>;
                     default: any;
@@ -16294,14 +16687,21 @@ declare const _default: {
                     type: import("vue").PropType<(option: unknown) => number>;
                     default: any;
                 };
+                withConditions: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>> & {
                 onCopyToClipboard?: () => any;
                 onClear?: () => any;
                 onApply?: (value: unknown) => any;
                 onSelectAll?: () => any;
                 "onUpdate:selected"?: (value: unknown) => any;
+                onAllSelectedChanged?: (value: boolean) => any;
                 "onUpdate:isOpen"?: (value: unknown) => any;
                 onOnsearch?: (value: string) => any;
+                onLoadMore?: () => any;
+                onUnsavedSelectionUpdate?: (value: unknown[]) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
             }, {
@@ -16317,6 +16717,9 @@ declare const _default: {
                 clear: () => void;
                 copyToClipboard: () => void;
                 onsearch: (value: string) => void;
+                loadMore: () => void;
+                allSelectedChanged: (value: boolean) => void;
+                unsavedSelectionUpdate: (value: unknown[]) => void;
             }, string, {
                 theme: string;
                 testId: string;
@@ -16331,9 +16734,10 @@ declare const _default: {
                 skidding: number;
                 modelValue: any;
                 selected: any;
-                onClear: () => void;
+                valueToCopy: string;
                 placeholder: string;
                 multi: boolean;
+                infiniteLoading: boolean;
                 showSelectAll: boolean;
                 defaultOpen: boolean;
                 keepOpen: boolean;
@@ -16352,26 +16756,27 @@ declare const _default: {
                 onSearch: (option: any, term: string) => boolean;
                 noResultsText: string;
                 searchAutoFocus: boolean;
+                onClearSearch: () => void;
                 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";
+                optionsEndTextIconKey: string;
                 optionFlagKey: string;
-                valueToCopy: string;
                 disabledOptionKey: string;
                 optionTwoLinesVariant: "horizontal" | "vertical";
                 optionTwoLinesKey: string;
                 groupedOptions: boolean;
                 comparingKey: string;
-                withConditions: boolean;
                 customNumberOfDisplayedOptions: number;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
                 disableVirtualScroll: boolean;
                 overrideOptionCountCalculation: (option: unknown) => number;
+                withConditions: boolean;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -16436,13 +16841,13 @@ declare const _default: {
             loading: {
                 type: import("vue").PropType<boolean>;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -16451,14 +16856,14 @@ declare const _default: {
                 type: import("vue").PropType<unknown>;
                 default: any;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
             };
-            onClear: {
-                type: import("vue").PropType<() => void>;
-                default: () => true;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -16467,6 +16872,13 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            loadMoreLoading: {
+                type: import("vue").PropType<boolean>;
+            };
+            infiniteLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             showSelectAll: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -16539,6 +16951,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            onClearSearch: {
+                type: import("vue").PropType<() => void>;
+                default: () => true;
+            };
             displayValue: {
                 type: import("vue").PropType<(option: unknown) => string>;
                 required: true;
@@ -16567,11 +16983,11 @@ declare const _default: {
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
-            optionFlagKey: {
+            optionsEndTextIconKey: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            valueToCopy: {
+            optionFlagKey: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
@@ -16595,11 +17011,6 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            withConditions: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
-            };
             customNumberOfDisplayedOptions: {
                 type: import("vue").PropType<number>;
                 default: any;
@@ -16624,14 +17035,21 @@ declare const _default: {
                 type: import("vue").PropType<(option: unknown) => number>;
                 default: any;
             };
+            withConditions: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onCopyToClipboard?: () => any;
             onClear?: () => any;
             onApply?: (value: unknown) => any;
             onSelectAll?: () => any;
             "onUpdate:selected"?: (value: unknown) => any;
+            onAllSelectedChanged?: (value: boolean) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOnsearch?: (value: string) => any;
+            onLoadMore?: () => any;
+            onUnsavedSelectionUpdate?: (value: unknown[]) => any;
             onOpened?: () => any;
             onClosed?: () => any;
         } & import("vue").ShallowUnwrapRef<{
@@ -16685,13 +17103,13 @@ declare const _default: {
         loading: {
             type: import("vue").PropType<boolean>;
         };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
         skidding: {
             type: import("vue").PropType<number>;
             default: number;
         };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -16700,14 +17118,14 @@ declare const _default: {
             type: import("vue").PropType<unknown>;
             default: any;
         };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             required: true;
         };
-        onClear: {
-            type: import("vue").PropType<() => void>;
-            default: () => true;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -16716,6 +17134,13 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        loadMoreLoading: {
+            type: import("vue").PropType<boolean>;
+        };
+        infiniteLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         showSelectAll: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -16788,6 +17213,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        onClearSearch: {
+            type: import("vue").PropType<() => void>;
+            default: () => true;
+        };
         displayValue: {
             type: import("vue").PropType<(option: unknown) => string>;
             required: true;
@@ -16816,11 +17245,11 @@ declare const _default: {
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
-        optionFlagKey: {
+        optionsEndTextIconKey: {
             type: import("vue").PropType<string>;
             default: any;
         };
-        valueToCopy: {
+        optionFlagKey: {
             type: import("vue").PropType<string>;
             default: any;
         };
@@ -16844,11 +17273,6 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
-        withConditions: {
-            type: import("vue").PropType<boolean>;
-            required: true;
-            default: boolean;
-        };
         customNumberOfDisplayedOptions: {
             type: import("vue").PropType<number>;
             default: any;
@@ -16873,14 +17297,21 @@ declare const _default: {
             type: import("vue").PropType<(option: unknown) => number>;
             default: any;
         };
+        withConditions: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onCopyToClipboard?: () => any;
         onClear?: () => any;
         onApply?: (value: unknown) => any;
         onSelectAll?: () => any;
         "onUpdate:selected"?: (value: unknown) => any;
+        onAllSelectedChanged?: (value: boolean) => any;
         "onUpdate:isOpen"?: (value: unknown) => any;
         onOnsearch?: (value: string) => any;
+        onLoadMore?: () => any;
+        onUnsavedSelectionUpdate?: (value: unknown[]) => any;
         onOpened?: () => any;
         onClosed?: () => any;
     }, {
@@ -16896,6 +17327,9 @@ declare const _default: {
         clear: () => void;
         copyToClipboard: () => void;
         onsearch: (value: string) => void;
+        loadMore: () => void;
+        allSelectedChanged: (value: boolean) => void;
+        unsavedSelectionUpdate: (value: unknown[]) => void;
     }, string, {
         theme: string;
         testId: string;
@@ -16910,9 +17344,10 @@ declare const _default: {
         skidding: number;
         modelValue: any;
         selected: any;
-        onClear: () => void;
+        valueToCopy: string;
         placeholder: string;
         multi: boolean;
+        infiniteLoading: boolean;
         showSelectAll: boolean;
         defaultOpen: boolean;
         keepOpen: boolean;
@@ -16931,26 +17366,27 @@ declare const _default: {
         onSearch: (option: any, term: string) => boolean;
         noResultsText: string;
         searchAutoFocus: boolean;
+        onClearSearch: () => void;
         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";
+        optionsEndTextIconKey: string;
         optionFlagKey: string;
-        valueToCopy: string;
         disabledOptionKey: string;
         optionTwoLinesVariant: "horizontal" | "vertical";
         optionTwoLinesKey: string;
         groupedOptions: boolean;
         comparingKey: string;
-        withConditions: boolean;
         customNumberOfDisplayedOptions: number;
         fullWidth: boolean;
         optionsListWidth: string;
         statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
         disableVirtualScroll: boolean;
         overrideOptionCountCalculation: (option: unknown) => number;
+        withConditions: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {}): any;
@@ -16979,6 +17415,7 @@ declare const _default: {
                     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";
+                    optionsEndTextIconKey: string;
                     optionFlagKey: string;
                     feedbackVariant: "success" | "warning" | "error";
                     valueToCopy: string;
@@ -16995,6 +17432,8 @@ declare const _default: {
             "input-list"?(_: {
                 open: true;
             }): any;
+            "custom-list-area"?(_: {}): any;
+            "select-all"?(_: {}): any;
             "group-option"?(_: {}): any;
             default?(_: {
                 option: unknown;
@@ -17654,6 +18093,14 @@ declare const _default: {
             required: true;
             default: string;
         };
+        cancelAllSelectedDisplay: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        displayValueInQuotes: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         clear: () => void;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -17704,6 +18151,14 @@ declare const _default: {
             required: true;
             default: string;
         };
+        cancelAllSelectedDisplay: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        displayValueInQuotes: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onClear?: () => any;
     }, {
@@ -17714,6 +18169,8 @@ declare const _default: {
         feedbackVariant: string;
         allSelected: boolean;
         displayedValue: any;
+        cancelAllSelectedDisplay: boolean;
+        displayValueInQuotes: boolean;
     }>;
     ButtonDropdownTrigger: {
         new (...args: any[]): {
@@ -17722,8 +18179,11 @@ declare const _default: {
             $props: Partial<{
                 testId: string;
                 variant: "text" | "outlined";
+                withTooltip: boolean;
+                tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 disabled: boolean;
                 size: "small" | "medium";
+                maxWidth: number;
                 open: boolean;
                 startIconName: string;
                 startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -17741,6 +18201,14 @@ declare const _default: {
                     type: import("vue").PropType<"text" | "outlined">;
                     default: string;
                 };
+                withTooltip: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                tooltipPlacement: {
+                    type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                    default: string;
+                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -17749,6 +18217,10 @@ declare const _default: {
                     type: import("vue").PropType<"small" | "medium">;
                     default: string;
                 };
+                maxWidth: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
                 open: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -17767,7 +18239,7 @@ declare const _default: {
                 };
             }>> & {
                 onClick?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "disabled" | "size" | "open" | "startIconName" | "startIconType" | "hideEndIcon">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "withTooltip" | "tooltipPlacement" | "disabled" | "size" | "maxWidth" | "open" | "startIconName" | "startIconType" | "hideEndIcon">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -17794,6 +18266,14 @@ declare const _default: {
                     type: import("vue").PropType<"text" | "outlined">;
                     default: string;
                 };
+                withTooltip: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                tooltipPlacement: {
+                    type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                    default: string;
+                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -17802,6 +18282,10 @@ declare const _default: {
                     type: import("vue").PropType<"small" | "medium">;
                     default: string;
                 };
+                maxWidth: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
                 open: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -17825,8 +18309,11 @@ declare const _default: {
             }, string, {
                 testId: string;
                 variant: "text" | "outlined";
+                withTooltip: boolean;
+                tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 disabled: boolean;
                 size: "small" | "medium";
+                maxWidth: number;
                 open: boolean;
                 startIconName: string;
                 startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -17864,6 +18351,14 @@ declare const _default: {
                 type: import("vue").PropType<"text" | "outlined">;
                 default: string;
             };
+            withTooltip: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tooltipPlacement: {
+                type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -17872,6 +18367,10 @@ declare const _default: {
                 type: import("vue").PropType<"small" | "medium">;
                 default: string;
             };
+            maxWidth: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
             open: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -17907,6 +18406,14 @@ declare const _default: {
             type: import("vue").PropType<"text" | "outlined">;
             default: string;
         };
+        withTooltip: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        tooltipPlacement: {
+            type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+            default: string;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -17915,6 +18422,10 @@ declare const _default: {
             type: import("vue").PropType<"small" | "medium">;
             default: string;
         };
+        maxWidth: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
         open: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -17938,8 +18449,11 @@ declare const _default: {
     }, string, {
         testId: string;
         variant: "text" | "outlined";
+        withTooltip: boolean;
+        tooltipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         disabled: boolean;
         size: "small" | "medium";
+        maxWidth: number;
         open: boolean;
         startIconName: string;
         startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
@@ -18040,6 +18554,7 @@ declare const _default: {
                 open: boolean;
                 mandatory: boolean;
                 loading: boolean;
+                valueToCopy: string;
                 options: unknown[];
                 singleAppSelection: boolean;
                 placeholder: string;
@@ -18050,7 +18565,6 @@ declare const _default: {
                 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;
                 selectedOption: any;
                 brandIconType: "android" | "ios";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -18084,6 +18598,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                valueToCopy: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 options: {
                     type: import("vue").PropType<unknown[]>;
                     default: any;
@@ -18128,10 +18646,6 @@ declare const _default: {
                     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;
-                };
                 selectedOption: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -18143,7 +18657,7 @@ declare const _default: {
             }>> & {
                 onClick?: () => any;
                 onCopyToClipboard?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "open" | "mandatory" | "loading" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "selectedOption" | "brandIconType">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "open" | "mandatory" | "loading" | "valueToCopy" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "selectedOption" | "brandIconType">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -18188,6 +18702,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                valueToCopy: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 options: {
                     type: import("vue").PropType<unknown[]>;
                     default: any;
@@ -18232,10 +18750,6 @@ declare const _default: {
                     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;
-                };
                 selectedOption: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -18258,6 +18772,7 @@ declare const _default: {
                 open: boolean;
                 mandatory: boolean;
                 loading: boolean;
+                valueToCopy: string;
                 options: unknown[];
                 singleAppSelection: boolean;
                 placeholder: string;
@@ -18268,7 +18783,6 @@ declare const _default: {
                 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;
                 selectedOption: any;
                 brandIconType: "android" | "ios";
             }, {}, string> & {
@@ -18322,6 +18836,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -18366,10 +18884,6 @@ declare const _default: {
                 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;
-            };
             selectedOption: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -18416,6 +18930,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             default: any;
@@ -18460,10 +18978,6 @@ declare const _default: {
             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;
-        };
         selectedOption: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -18486,6 +19000,7 @@ declare const _default: {
         open: boolean;
         mandatory: boolean;
         loading: boolean;
+        valueToCopy: string;
         options: unknown[];
         singleAppSelection: boolean;
         placeholder: string;
@@ -18496,7 +19011,6 @@ declare const _default: {
         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;
         selectedOption: any;
         brandIconType: "android" | "ios";
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -19105,6 +19619,7 @@ declare const _default: {
                 open: boolean;
                 mandatory: boolean;
                 loading: boolean;
+                valueToCopy: string;
                 options: unknown[];
                 singleAppSelection: boolean;
                 placeholder: string;
@@ -19115,7 +19630,6 @@ declare const _default: {
                 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;
                 selectedOption: any;
                 brandIconType: "android" | "ios";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -19149,6 +19663,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                valueToCopy: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 options: {
                     type: import("vue").PropType<unknown[]>;
                     default: any;
@@ -19193,10 +19711,6 @@ declare const _default: {
                     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;
-                };
                 selectedOption: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -19208,7 +19722,7 @@ declare const _default: {
             }>> & {
                 onClick?: () => any;
                 onCopyToClipboard?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "open" | "mandatory" | "loading" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "selectedOption" | "brandIconType">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "testId" | "disabled" | "size" | "open" | "mandatory" | "loading" | "valueToCopy" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "selectedOption" | "brandIconType">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -19253,6 +19767,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                valueToCopy: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 options: {
                     type: import("vue").PropType<unknown[]>;
                     default: any;
@@ -19297,10 +19815,6 @@ declare const _default: {
                     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;
-                };
                 selectedOption: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -19323,6 +19837,7 @@ declare const _default: {
                 open: boolean;
                 mandatory: boolean;
                 loading: boolean;
+                valueToCopy: string;
                 options: unknown[];
                 singleAppSelection: boolean;
                 placeholder: string;
@@ -19333,7 +19848,6 @@ declare const _default: {
                 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;
                 selectedOption: any;
                 brandIconType: "android" | "ios";
             }, {}, string> & {
@@ -19387,6 +19901,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
@@ -19431,10 +19949,6 @@ declare const _default: {
                 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;
-            };
             selectedOption: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -19481,6 +19995,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             default: any;
@@ -19525,10 +20043,6 @@ declare const _default: {
             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;
-        };
         selectedOption: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -19551,6 +20065,7 @@ declare const _default: {
         open: boolean;
         mandatory: boolean;
         loading: boolean;
+        valueToCopy: string;
         options: unknown[];
         singleAppSelection: boolean;
         placeholder: string;
@@ -19561,7 +20076,6 @@ declare const _default: {
         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;
         selectedOption: any;
         brandIconType: "android" | "ios";
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -19590,11 +20104,13 @@ declare const _default: {
                 iconKey: string;
                 iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 endIconKey: string;
+                endTextIconKey: string;
                 toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 treeMainOption: boolean;
                 treeMainOptionExpanded: boolean;
                 stopOptionClickEventPropagation: boolean;
                 treeChildShown: boolean;
+                isMulti: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 option: {
                     type: import("vue").PropType<unknown>;
@@ -19656,6 +20172,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                endTextIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 toolTipPlacement: {
                     type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                     default: string;
@@ -19676,12 +20196,16 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                isMulti: {
+                    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" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "endTextIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown" | "isMulti">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -19756,6 +20280,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                endTextIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 toolTipPlacement: {
                     type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                     default: string;
@@ -19776,6 +20304,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                isMulti: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 selectedProp: {
                     type: import("vue").PropType<boolean>;
                 };
@@ -19799,11 +20331,13 @@ declare const _default: {
                 iconKey: string;
                 iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 endIconKey: string;
+                endTextIconKey: string;
                 toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 treeMainOption: boolean;
                 treeMainOptionExpanded: boolean;
                 stopOptionClickEventPropagation: boolean;
                 treeChildShown: boolean;
+                isMulti: boolean;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -19885,6 +20419,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            endTextIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             toolTipPlacement: {
                 type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                 default: string;
@@ -19905,6 +20443,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            isMulti: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             selectedProp: {
                 type: import("vue").PropType<boolean>;
             };
@@ -19975,6 +20517,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        endTextIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         toolTipPlacement: {
             type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
             default: string;
@@ -19995,6 +20541,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        isMulti: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         selectedProp: {
             type: import("vue").PropType<boolean>;
         };
@@ -20018,11 +20568,13 @@ declare const _default: {
         iconKey: string;
         iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         endIconKey: string;
+        endTextIconKey: string;
         toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         treeMainOption: boolean;
         treeMainOptionExpanded: boolean;
         stopOptionClickEventPropagation: boolean;
         treeChildShown: boolean;
+        isMulti: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             image?(_: {}): any;
@@ -20091,6 +20643,14 @@ declare const _default: {
             required: true;
             default: string;
         };
+        cancelAllSelectedDisplay: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        displayValueInQuotes: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         clear: () => void;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -20141,6 +20701,14 @@ declare const _default: {
             required: true;
             default: string;
         };
+        cancelAllSelectedDisplay: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        displayValueInQuotes: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onClear?: () => any;
     }, {
@@ -20151,6 +20719,8 @@ declare const _default: {
         feedbackVariant: string;
         allSelected: boolean;
         displayedValue: any;
+        cancelAllSelectedDisplay: boolean;
+        displayValueInQuotes: boolean;
     }> | ({
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
@@ -20169,9 +20739,10 @@ declare const _default: {
                 skidding: number;
                 modelValue: any;
                 selected: any;
-                onClear: () => void;
+                valueToCopy: string;
                 placeholder: string;
                 multi: boolean;
+                infiniteLoading: boolean;
                 showSelectAll: boolean;
                 defaultOpen: boolean;
                 keepOpen: boolean;
@@ -20190,26 +20761,27 @@ declare const _default: {
                 onSearch: (option: any, term: string) => boolean;
                 noResultsText: string;
                 searchAutoFocus: boolean;
+                onClearSearch: () => void;
                 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";
+                optionsEndTextIconKey: string;
                 optionFlagKey: string;
-                valueToCopy: string;
                 disabledOptionKey: string;
                 optionTwoLinesVariant: "horizontal" | "vertical";
                 optionTwoLinesKey: string;
                 groupedOptions: boolean;
                 comparingKey: string;
-                withConditions: boolean;
                 customNumberOfDisplayedOptions: number;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
                 disableVirtualScroll: boolean;
                 overrideOptionCountCalculation: (option: unknown) => number;
+                withConditions: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 theme: {
                     type: import("vue").PropType<string>;
@@ -20254,13 +20826,13 @@ declare const _default: {
                 loading: {
                     type: import("vue").PropType<boolean>;
                 };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                };
                 skidding: {
                     type: import("vue").PropType<number>;
                     default: number;
                 };
-                isOpen: {
-                    type: import("vue").PropType<boolean>;
-                };
                 modelValue: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -20269,14 +20841,14 @@ declare const _default: {
                     type: import("vue").PropType<unknown>;
                     default: any;
                 };
+                valueToCopy: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 options: {
                     type: import("vue").PropType<unknown[]>;
                     required: true;
                 };
-                onClear: {
-                    type: import("vue").PropType<() => void>;
-                    default: () => true;
-                };
                 placeholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -20285,6 +20857,13 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                loadMoreLoading: {
+                    type: import("vue").PropType<boolean>;
+                };
+                infiniteLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 showSelectAll: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -20357,6 +20936,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                onClearSearch: {
+                    type: import("vue").PropType<() => void>;
+                    default: () => true;
+                };
                 displayValue: {
                     type: import("vue").PropType<(option: unknown) => string>;
                     required: true;
@@ -20385,11 +20968,11 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
-                optionFlagKey: {
+                optionsEndTextIconKey: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
-                valueToCopy: {
+                optionFlagKey: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
@@ -20413,11 +20996,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
-                withConditions: {
-                    type: import("vue").PropType<boolean>;
-                    required: true;
-                    default: boolean;
-                };
                 customNumberOfDisplayedOptions: {
                     type: import("vue").PropType<number>;
                     default: any;
@@ -20442,17 +21020,24 @@ declare const _default: {
                     type: import("vue").PropType<(option: unknown) => number>;
                     default: any;
                 };
+                withConditions: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>> & {
                 onCopyToClipboard?: () => any;
                 onClear?: () => any;
                 onApply?: (value: unknown) => any;
                 onSelectAll?: () => any;
                 "onUpdate:selected"?: (value: unknown) => any;
+                onAllSelectedChanged?: (value: boolean) => any;
                 "onUpdate:isOpen"?: (value: unknown) => any;
                 onOnsearch?: (value: string) => any;
+                onLoadMore?: () => any;
+                onUnsavedSelectionUpdate?: (value: unknown[]) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "onClear" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionFlagKey" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "withConditions" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "testId" | "placement" | "disabled" | "distance" | "container" | "popperClass" | "size" | "flip" | "mandatory" | "skidding" | "modelValue" | "selected" | "valueToCopy" | "placeholder" | "multi" | "infiniteLoading" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "onClearSearch" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "optionsEndTextIconKey" | "optionFlagKey" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "groupedOptions" | "comparingKey" | "customNumberOfDisplayedOptions" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation" | "withConditions">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -20464,7 +21049,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: "onsearch", value: string) => 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: "allSelectedChanged", value: boolean) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "onsearch", value: string) => void) & ((event: "selectAll") => void) & ((event: "loadMore") => void) & ((event: "unsavedSelectionUpdate", value: unknown[]) => void) & ((event: "opened") => void) & ((event: "closed") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 theme: {
@@ -20510,13 +21095,13 @@ declare const _default: {
                 loading: {
                     type: import("vue").PropType<boolean>;
                 };
+                isOpen: {
+                    type: import("vue").PropType<boolean>;
+                };
                 skidding: {
                     type: import("vue").PropType<number>;
                     default: number;
                 };
-                isOpen: {
-                    type: import("vue").PropType<boolean>;
-                };
                 modelValue: {
                     type: import("vue").PropType<unknown>;
                     default: any;
@@ -20525,14 +21110,14 @@ declare const _default: {
                     type: import("vue").PropType<unknown>;
                     default: any;
                 };
+                valueToCopy: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 options: {
                     type: import("vue").PropType<unknown[]>;
                     required: true;
                 };
-                onClear: {
-                    type: import("vue").PropType<() => void>;
-                    default: () => true;
-                };
                 placeholder: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -20541,6 +21126,13 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                loadMoreLoading: {
+                    type: import("vue").PropType<boolean>;
+                };
+                infiniteLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 showSelectAll: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -20613,6 +21205,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                onClearSearch: {
+                    type: import("vue").PropType<() => void>;
+                    default: () => true;
+                };
                 displayValue: {
                     type: import("vue").PropType<(option: unknown) => string>;
                     required: true;
@@ -20641,11 +21237,11 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
-                optionFlagKey: {
+                optionsEndTextIconKey: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
-                valueToCopy: {
+                optionFlagKey: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
@@ -20669,11 +21265,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
-                withConditions: {
-                    type: import("vue").PropType<boolean>;
-                    required: true;
-                    default: boolean;
-                };
                 customNumberOfDisplayedOptions: {
                     type: import("vue").PropType<number>;
                     default: any;
@@ -20698,14 +21289,21 @@ declare const _default: {
                     type: import("vue").PropType<(option: unknown) => number>;
                     default: any;
                 };
+                withConditions: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>> & {
                 onCopyToClipboard?: () => any;
                 onClear?: () => any;
                 onApply?: (value: unknown) => any;
                 onSelectAll?: () => any;
                 "onUpdate:selected"?: (value: unknown) => any;
+                onAllSelectedChanged?: (value: boolean) => any;
                 "onUpdate:isOpen"?: (value: unknown) => any;
                 onOnsearch?: (value: string) => any;
+                onLoadMore?: () => any;
+                onUnsavedSelectionUpdate?: (value: unknown[]) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
             }, {
@@ -20721,6 +21319,9 @@ declare const _default: {
                 clear: () => void;
                 copyToClipboard: () => void;
                 onsearch: (value: string) => void;
+                loadMore: () => void;
+                allSelectedChanged: (value: boolean) => void;
+                unsavedSelectionUpdate: (value: unknown[]) => void;
             }, string, {
                 theme: string;
                 testId: string;
@@ -20735,9 +21336,10 @@ declare const _default: {
                 skidding: number;
                 modelValue: any;
                 selected: any;
-                onClear: () => void;
+                valueToCopy: string;
                 placeholder: string;
                 multi: boolean;
+                infiniteLoading: boolean;
                 showSelectAll: boolean;
                 defaultOpen: boolean;
                 keepOpen: boolean;
@@ -20756,26 +21358,27 @@ declare const _default: {
                 onSearch: (option: any, term: string) => boolean;
                 noResultsText: string;
                 searchAutoFocus: boolean;
+                onClearSearch: () => void;
                 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";
+                optionsEndTextIconKey: string;
                 optionFlagKey: string;
-                valueToCopy: string;
                 disabledOptionKey: string;
                 optionTwoLinesVariant: "horizontal" | "vertical";
                 optionTwoLinesKey: string;
                 groupedOptions: boolean;
                 comparingKey: string;
-                withConditions: boolean;
                 customNumberOfDisplayedOptions: number;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
                 disableVirtualScroll: boolean;
                 overrideOptionCountCalculation: (option: unknown) => number;
+                withConditions: boolean;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -20840,13 +21443,13 @@ declare const _default: {
             loading: {
                 type: import("vue").PropType<boolean>;
             };
+            isOpen: {
+                type: import("vue").PropType<boolean>;
+            };
             skidding: {
                 type: import("vue").PropType<number>;
                 default: number;
             };
-            isOpen: {
-                type: import("vue").PropType<boolean>;
-            };
             modelValue: {
                 type: import("vue").PropType<unknown>;
                 default: any;
@@ -20855,14 +21458,14 @@ declare const _default: {
                 type: import("vue").PropType<unknown>;
                 default: any;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
             };
-            onClear: {
-                type: import("vue").PropType<() => void>;
-                default: () => true;
-            };
             placeholder: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -20871,6 +21474,13 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            loadMoreLoading: {
+                type: import("vue").PropType<boolean>;
+            };
+            infiniteLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             showSelectAll: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -20943,6 +21553,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            onClearSearch: {
+                type: import("vue").PropType<() => void>;
+                default: () => true;
+            };
             displayValue: {
                 type: import("vue").PropType<(option: unknown) => string>;
                 required: true;
@@ -20971,11 +21585,11 @@ declare const _default: {
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
-            optionFlagKey: {
+            optionsEndTextIconKey: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            valueToCopy: {
+            optionFlagKey: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
@@ -20999,11 +21613,6 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
-            withConditions: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
-            };
             customNumberOfDisplayedOptions: {
                 type: import("vue").PropType<number>;
                 default: any;
@@ -21028,14 +21637,21 @@ declare const _default: {
                 type: import("vue").PropType<(option: unknown) => number>;
                 default: any;
             };
+            withConditions: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             onCopyToClipboard?: () => any;
             onClear?: () => any;
             onApply?: (value: unknown) => any;
             onSelectAll?: () => any;
             "onUpdate:selected"?: (value: unknown) => any;
+            onAllSelectedChanged?: (value: boolean) => any;
             "onUpdate:isOpen"?: (value: unknown) => any;
             onOnsearch?: (value: string) => any;
+            onLoadMore?: () => any;
+            onUnsavedSelectionUpdate?: (value: unknown[]) => any;
             onOpened?: () => any;
             onClosed?: () => any;
         } & import("vue").ShallowUnwrapRef<{
@@ -21089,13 +21705,13 @@ declare const _default: {
         loading: {
             type: import("vue").PropType<boolean>;
         };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+        };
         skidding: {
             type: import("vue").PropType<number>;
             default: number;
         };
-        isOpen: {
-            type: import("vue").PropType<boolean>;
-        };
         modelValue: {
             type: import("vue").PropType<unknown>;
             default: any;
@@ -21104,14 +21720,14 @@ declare const _default: {
             type: import("vue").PropType<unknown>;
             default: any;
         };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             required: true;
         };
-        onClear: {
-            type: import("vue").PropType<() => void>;
-            default: () => true;
-        };
         placeholder: {
             type: import("vue").PropType<string>;
             default: string;
@@ -21120,6 +21736,13 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        loadMoreLoading: {
+            type: import("vue").PropType<boolean>;
+        };
+        infiniteLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         showSelectAll: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -21192,6 +21815,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        onClearSearch: {
+            type: import("vue").PropType<() => void>;
+            default: () => true;
+        };
         displayValue: {
             type: import("vue").PropType<(option: unknown) => string>;
             required: true;
@@ -21220,11 +21847,11 @@ declare const _default: {
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
-        optionFlagKey: {
+        optionsEndTextIconKey: {
             type: import("vue").PropType<string>;
             default: any;
         };
-        valueToCopy: {
+        optionFlagKey: {
             type: import("vue").PropType<string>;
             default: any;
         };
@@ -21248,11 +21875,6 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
-        withConditions: {
-            type: import("vue").PropType<boolean>;
-            required: true;
-            default: boolean;
-        };
         customNumberOfDisplayedOptions: {
             type: import("vue").PropType<number>;
             default: any;
@@ -21277,14 +21899,21 @@ declare const _default: {
             type: import("vue").PropType<(option: unknown) => number>;
             default: any;
         };
+        withConditions: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         onCopyToClipboard?: () => any;
         onClear?: () => any;
         onApply?: (value: unknown) => any;
         onSelectAll?: () => any;
         "onUpdate:selected"?: (value: unknown) => any;
+        onAllSelectedChanged?: (value: boolean) => any;
         "onUpdate:isOpen"?: (value: unknown) => any;
         onOnsearch?: (value: string) => any;
+        onLoadMore?: () => any;
+        onUnsavedSelectionUpdate?: (value: unknown[]) => any;
         onOpened?: () => any;
         onClosed?: () => any;
     }, {
@@ -21300,6 +21929,9 @@ declare const _default: {
         clear: () => void;
         copyToClipboard: () => void;
         onsearch: (value: string) => void;
+        loadMore: () => void;
+        allSelectedChanged: (value: boolean) => void;
+        unsavedSelectionUpdate: (value: unknown[]) => void;
     }, string, {
         theme: string;
         testId: string;
@@ -21314,9 +21946,10 @@ declare const _default: {
         skidding: number;
         modelValue: any;
         selected: any;
-        onClear: () => void;
+        valueToCopy: string;
         placeholder: string;
         multi: boolean;
+        infiniteLoading: boolean;
         showSelectAll: boolean;
         defaultOpen: boolean;
         keepOpen: boolean;
@@ -21335,26 +21968,27 @@ declare const _default: {
         onSearch: (option: any, term: string) => boolean;
         noResultsText: string;
         searchAutoFocus: boolean;
+        onClearSearch: () => void;
         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";
+        optionsEndTextIconKey: string;
         optionFlagKey: string;
-        valueToCopy: string;
         disabledOptionKey: string;
         optionTwoLinesVariant: "horizontal" | "vertical";
         optionTwoLinesKey: string;
         groupedOptions: boolean;
         comparingKey: string;
-        withConditions: boolean;
         customNumberOfDisplayedOptions: number;
         fullWidth: boolean;
         optionsListWidth: string;
         statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
         disableVirtualScroll: boolean;
         overrideOptionCountCalculation: (option: unknown) => number;
+        withConditions: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {}): any;
@@ -21383,6 +22017,7 @@ declare const _default: {
                     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";
+                    optionsEndTextIconKey: string;
                     optionFlagKey: string;
                     feedbackVariant: "success" | "warning" | "error";
                     valueToCopy: string;
@@ -21399,6 +22034,8 @@ declare const _default: {
             "input-list"?(_: {
                 open: true;
             }): any;
+            "custom-list-area"?(_: {}): any;
+            "select-all"?(_: {}): any;
             "group-option"?(_: {}): any;
             default?(_: {
                 option: unknown;
@@ -21495,6 +22132,7 @@ declare const _default: {
                 disabled: boolean;
                 size: "small" | "medium" | "large";
                 selected: unknown[];
+                valueToCopy: string;
                 placeholder: string;
                 inlineSearchPlaceholder: string;
                 optionNameKey: string;
@@ -21503,8 +22141,8 @@ declare const _default: {
                 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;
+                optionEndTextIconKey: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 testId: {
                     type: import("vue").PropType<string>;
@@ -21525,6 +22163,10 @@ declare const _default: {
                     type: import("vue").PropType<unknown[]>;
                     default: any;
                 };
+                valueToCopy: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 options: {
                     type: import("vue").PropType<unknown[]>;
                     required: true;
@@ -21565,14 +22207,14 @@ declare const _default: {
                     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;
                 };
+                optionEndTextIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 optionChildrenKey: {
                     type: import("vue").PropType<string>;
                     required: true;
@@ -21588,7 +22230,7 @@ declare const _default: {
             }>> & {
                 "onUpdate:selected"?: (value: unknown) => any;
                 "onUpdate:isOpen"?: (value: unknown) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "size" | "selected" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "size" | "selected" | "valueToCopy" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "disabledOptionKey" | "optionEndTextIconKey">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -21622,6 +22264,10 @@ declare const _default: {
                     type: import("vue").PropType<unknown[]>;
                     default: any;
                 };
+                valueToCopy: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 options: {
                     type: import("vue").PropType<unknown[]>;
                     required: true;
@@ -21662,14 +22308,14 @@ declare const _default: {
                     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;
                 };
+                optionEndTextIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 optionChildrenKey: {
                     type: import("vue").PropType<string>;
                     required: true;
@@ -21693,6 +22339,7 @@ declare const _default: {
                 disabled: boolean;
                 size: "small" | "medium" | "large";
                 selected: unknown[];
+                valueToCopy: string;
                 placeholder: string;
                 inlineSearchPlaceholder: string;
                 optionNameKey: string;
@@ -21701,8 +22348,8 @@ declare const _default: {
                 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;
+                optionEndTextIconKey: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -21743,6 +22390,10 @@ declare const _default: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -21783,14 +22434,14 @@ declare const _default: {
                 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;
             };
+            optionEndTextIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             optionChildrenKey: {
                 type: import("vue").PropType<string>;
                 required: true;
@@ -21830,6 +22481,10 @@ declare const _default: {
             type: import("vue").PropType<unknown[]>;
             default: any;
         };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             required: true;
@@ -21870,14 +22525,14 @@ declare const _default: {
             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;
         };
+        optionEndTextIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         optionChildrenKey: {
             type: import("vue").PropType<string>;
             required: true;
@@ -21901,6 +22556,7 @@ declare const _default: {
         disabled: boolean;
         size: "small" | "medium" | "large";
         selected: unknown[];
+        valueToCopy: string;
         placeholder: string;
         inlineSearchPlaceholder: string;
         optionNameKey: string;
@@ -21909,13 +22565,203 @@ declare const _default: {
         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;
+        optionEndTextIconKey: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             "trigger-end-icon"?(_: {}): any;
         };
-    })))[];
+    })) | import("vue").DefineComponent<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        infiniteLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        groupedOptions: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        comparingKey: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        conditionalOptions: {
+            type: import("vue").PropType<{
+                label: string;
+                value: string;
+                multi: boolean;
+            }[]>;
+            required: true;
+        };
+        selectedCondition: {
+            type: import("vue").PropType<{
+                label: string;
+                value: string;
+                multi: boolean;
+            }>;
+            required: true;
+        };
+        appliedSelections: {
+            type: import("vue").PropType<unknown>;
+            required: true;
+        };
+        fetchFnCallback: {
+            type: import("vue").PropType<(q: string) => Promise<unknown[]>>;
+            required: true;
+        };
+        minCharsToStart: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        searchQuery: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        loadMoreFn: {
+            type: import("vue").PropType<() => Promise<void>>;
+            default: any;
+        };
+        fetchDataDebounceTime: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        autoFocusSearch: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:selectedCondition": (value: {
+            label: string;
+            value: string;
+            multi: boolean;
+        }) => void;
+        "update:appliedSelections": (value: unknown) => void;
+        clear: () => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        infiniteLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        groupedOptions: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        comparingKey: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        conditionalOptions: {
+            type: import("vue").PropType<{
+                label: string;
+                value: string;
+                multi: boolean;
+            }[]>;
+            required: true;
+        };
+        selectedCondition: {
+            type: import("vue").PropType<{
+                label: string;
+                value: string;
+                multi: boolean;
+            }>;
+            required: true;
+        };
+        appliedSelections: {
+            type: import("vue").PropType<unknown>;
+            required: true;
+        };
+        fetchFnCallback: {
+            type: import("vue").PropType<(q: string) => Promise<unknown[]>>;
+            required: true;
+        };
+        minCharsToStart: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        searchQuery: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        loadMoreFn: {
+            type: import("vue").PropType<() => Promise<void>>;
+            default: any;
+        };
+        fetchDataDebounceTime: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        autoFocusSearch: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        onClear?: () => any;
+        "onUpdate:selectedCondition"?: (value: {
+            label: string;
+            value: string;
+            multi: boolean;
+        }) => any;
+        "onUpdate:appliedSelections"?: (value: unknown) => any;
+    }, {
+        label: string;
+        testId: string;
+        isOpen: boolean;
+        infiniteLoading: boolean;
+        optionNameKey: string;
+        optionFlagKey: string;
+        groupedOptions: boolean;
+        comparingKey: string;
+        minCharsToStart: number;
+        searchQuery: string;
+        loadMoreFn: () => Promise<void>;
+        fetchDataDebounceTime: number;
+        autoFocusSearch: boolean;
+    }>)[];
     Option: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
@@ -21936,11 +22782,13 @@ declare const _default: {
                 iconKey: string;
                 iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 endIconKey: string;
+                endTextIconKey: string;
                 toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 treeMainOption: boolean;
                 treeMainOptionExpanded: boolean;
                 stopOptionClickEventPropagation: boolean;
                 treeChildShown: boolean;
+                isMulti: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 option: {
                     type: import("vue").PropType<unknown>;
@@ -22002,6 +22850,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                endTextIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 toolTipPlacement: {
                     type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                     default: string;
@@ -22022,12 +22874,16 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                isMulti: {
+                    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" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionFlagKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "endTextIconKey" | "toolTipPlacement" | "treeMainOption" | "treeMainOptionExpanded" | "stopOptionClickEventPropagation" | "treeChildShown" | "isMulti">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -22102,6 +22958,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: any;
                 };
+                endTextIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 toolTipPlacement: {
                     type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                     default: string;
@@ -22122,6 +22982,10 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                isMulti: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 selectedProp: {
                     type: import("vue").PropType<boolean>;
                 };
@@ -22145,11 +23009,13 @@ declare const _default: {
                 iconKey: string;
                 iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 endIconKey: string;
+                endTextIconKey: string;
                 toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 treeMainOption: boolean;
                 treeMainOptionExpanded: boolean;
                 stopOptionClickEventPropagation: boolean;
                 treeChildShown: boolean;
+                isMulti: boolean;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -22231,6 +23097,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: any;
             };
+            endTextIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             toolTipPlacement: {
                 type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
                 default: string;
@@ -22251,6 +23121,10 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            isMulti: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             selectedProp: {
                 type: import("vue").PropType<boolean>;
             };
@@ -22321,6 +23195,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: any;
         };
+        endTextIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         toolTipPlacement: {
             type: import("vue").PropType<"top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
             default: string;
@@ -22341,6 +23219,10 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        isMulti: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         selectedProp: {
             type: import("vue").PropType<boolean>;
         };
@@ -22364,11 +23246,13 @@ declare const _default: {
         iconKey: string;
         iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         endIconKey: string;
+        endTextIconKey: string;
         toolTipPlacement: "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         treeMainOption: boolean;
         treeMainOptionExpanded: boolean;
         stopOptionClickEventPropagation: boolean;
         treeChildShown: boolean;
+        isMulti: boolean;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             image?(_: {}): any;
@@ -22387,6 +23271,7 @@ declare const _default: {
                 disabled: boolean;
                 size: "small" | "medium" | "large";
                 selected: unknown[];
+                valueToCopy: string;
                 placeholder: string;
                 inlineSearchPlaceholder: string;
                 optionNameKey: string;
@@ -22395,8 +23280,8 @@ declare const _default: {
                 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;
+                optionEndTextIconKey: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 testId: {
                     type: import("vue").PropType<string>;
@@ -22417,6 +23302,10 @@ declare const _default: {
                     type: import("vue").PropType<unknown[]>;
                     default: any;
                 };
+                valueToCopy: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 options: {
                     type: import("vue").PropType<unknown[]>;
                     required: true;
@@ -22457,14 +23346,14 @@ declare const _default: {
                     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;
                 };
+                optionEndTextIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 optionChildrenKey: {
                     type: import("vue").PropType<string>;
                     required: true;
@@ -22480,7 +23369,7 @@ declare const _default: {
             }>> & {
                 "onUpdate:selected"?: (value: unknown) => any;
                 "onUpdate:isOpen"?: (value: unknown) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "size" | "selected" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "disabled" | "size" | "selected" | "valueToCopy" | "placeholder" | "inlineSearchPlaceholder" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "disabledOptionKey" | "optionEndTextIconKey">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -22514,6 +23403,10 @@ declare const _default: {
                     type: import("vue").PropType<unknown[]>;
                     default: any;
                 };
+                valueToCopy: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 options: {
                     type: import("vue").PropType<unknown[]>;
                     required: true;
@@ -22554,14 +23447,14 @@ declare const _default: {
                     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;
                 };
+                optionEndTextIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 optionChildrenKey: {
                     type: import("vue").PropType<string>;
                     required: true;
@@ -22585,6 +23478,7 @@ declare const _default: {
                 disabled: boolean;
                 size: "small" | "medium" | "large";
                 selected: unknown[];
+                valueToCopy: string;
                 placeholder: string;
                 inlineSearchPlaceholder: string;
                 optionNameKey: string;
@@ -22593,8 +23487,8 @@ declare const _default: {
                 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;
+                optionEndTextIconKey: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -22635,6 +23529,10 @@ declare const _default: {
                 type: import("vue").PropType<unknown[]>;
                 default: any;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             options: {
                 type: import("vue").PropType<unknown[]>;
                 required: true;
@@ -22675,14 +23573,14 @@ declare const _default: {
                 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;
             };
+            optionEndTextIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             optionChildrenKey: {
                 type: import("vue").PropType<string>;
                 required: true;
@@ -22722,6 +23620,10 @@ declare const _default: {
             type: import("vue").PropType<unknown[]>;
             default: any;
         };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         options: {
             type: import("vue").PropType<unknown[]>;
             required: true;
@@ -22762,14 +23664,14 @@ declare const _default: {
             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;
         };
+        optionEndTextIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         optionChildrenKey: {
             type: import("vue").PropType<string>;
             required: true;
@@ -22793,6 +23695,7 @@ declare const _default: {
         disabled: boolean;
         size: "small" | "medium" | "large";
         selected: unknown[];
+        valueToCopy: string;
         placeholder: string;
         inlineSearchPlaceholder: string;
         optionNameKey: string;
@@ -22801,13 +23704,204 @@ declare const _default: {
         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;
+        optionEndTextIconKey: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             "trigger-end-icon"?(_: {}): any;
         };
     });
+    ConditionalDropdown: import("vue").DefineComponent<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        infiniteLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        groupedOptions: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        comparingKey: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        conditionalOptions: {
+            type: import("vue").PropType<{
+                label: string;
+                value: string;
+                multi: boolean;
+            }[]>;
+            required: true;
+        };
+        selectedCondition: {
+            type: import("vue").PropType<{
+                label: string;
+                value: string;
+                multi: boolean;
+            }>;
+            required: true;
+        };
+        appliedSelections: {
+            type: import("vue").PropType<unknown>;
+            required: true;
+        };
+        fetchFnCallback: {
+            type: import("vue").PropType<(q: string) => Promise<unknown[]>>;
+            required: true;
+        };
+        minCharsToStart: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        searchQuery: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        loadMoreFn: {
+            type: import("vue").PropType<() => Promise<void>>;
+            default: any;
+        };
+        fetchDataDebounceTime: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        autoFocusSearch: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:selectedCondition": (value: {
+            label: string;
+            value: string;
+            multi: boolean;
+        }) => void;
+        "update:appliedSelections": (value: unknown) => void;
+        clear: () => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        isOpen: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        infiniteLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        optionFlagKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        groupedOptions: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        comparingKey: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        conditionalOptions: {
+            type: import("vue").PropType<{
+                label: string;
+                value: string;
+                multi: boolean;
+            }[]>;
+            required: true;
+        };
+        selectedCondition: {
+            type: import("vue").PropType<{
+                label: string;
+                value: string;
+                multi: boolean;
+            }>;
+            required: true;
+        };
+        appliedSelections: {
+            type: import("vue").PropType<unknown>;
+            required: true;
+        };
+        fetchFnCallback: {
+            type: import("vue").PropType<(q: string) => Promise<unknown[]>>;
+            required: true;
+        };
+        minCharsToStart: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        searchQuery: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        loadMoreFn: {
+            type: import("vue").PropType<() => Promise<void>>;
+            default: any;
+        };
+        fetchDataDebounceTime: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        autoFocusSearch: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        onClear?: () => any;
+        "onUpdate:selectedCondition"?: (value: {
+            label: string;
+            value: string;
+            multi: boolean;
+        }) => any;
+        "onUpdate:appliedSelections"?: (value: unknown) => any;
+    }, {
+        label: string;
+        testId: string;
+        isOpen: boolean;
+        infiniteLoading: boolean;
+        optionNameKey: string;
+        optionFlagKey: string;
+        groupedOptions: boolean;
+        comparingKey: string;
+        minCharsToStart: number;
+        searchQuery: string;
+        loadMoreFn: () => Promise<void>;
+        fetchDataDebounceTime: number;
+        autoFocusSearch: boolean;
+    }>;
     Label: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
@@ -23546,7 +24640,9 @@ declare const _default: {
                 };
             }>> & {
                 "onUpdate:modelValue"?: (...args: any[]) => any;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            }, {
+                toggle: import("vue").ComputedRef<(value?: boolean) => boolean>;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "update:modelValue": (...args: any[]) => void;
             }, string, {
                 testId: string;
@@ -23598,7 +24694,9 @@ declare const _default: {
             };
         }>> & {
             "onUpdate:modelValue"?: (...args: any[]) => any;
-        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        } & import("vue").ShallowUnwrapRef<{
+            toggle: import("vue").ComputedRef<(value?: boolean) => boolean>;
+        }> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
@@ -23630,7 +24728,9 @@ declare const _default: {
         };
     }>> & {
         "onUpdate:modelValue"?: (...args: any[]) => any;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, {
+        toggle: import("vue").ComputedRef<(value?: boolean) => boolean>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (...args: any[]) => void;
     }, string, {
         testId: string;
@@ -24011,7 +25111,9 @@ declare const _default: {
                 };
             }>> & {
                 "onUpdate:modelValue"?: (...args: any[]) => any;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            }, {
+                toggle: import("vue").ComputedRef<(value?: boolean) => boolean>;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "update:modelValue": (...args: any[]) => void;
             }, string, {
                 testId: string;
@@ -24063,7 +25165,9 @@ declare const _default: {
             };
         }>> & {
             "onUpdate:modelValue"?: (...args: any[]) => any;
-        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        } & import("vue").ShallowUnwrapRef<{
+            toggle: import("vue").ComputedRef<(value?: boolean) => boolean>;
+        }> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
@@ -24095,7 +25199,9 @@ declare const _default: {
         };
     }>> & {
         "onUpdate:modelValue"?: (...args: any[]) => any;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, {
+        toggle: import("vue").ComputedRef<(value?: boolean) => boolean>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (...args: any[]) => void;
     }, string, {
         testId: string;