npm - @ironsource/shared-ui - Versions diffs - 2.0.0 → 2.0.1-test.2 - Mend

@ironsource/shared-ui 2.0.0 → 2.0.1-test.2

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

package/index.d.ts CHANGED Viewed

@@ -8,7 +8,6 @@ export * from '@/components/includeExclude';
 export * from '@/components/cssBaseline';
 export * from '@/composables/useId';
 export * from '@/components/filterDropdown';
-export * from '@/components/skeleton';
 export * from '@/components/typography';
 export * from '@/components/typography/v4';
 export * from '@/components/popover';
@@ -991,6 +990,190 @@ declare const _default: {
         destroy: () => boolean;
     };
     snackbarTypes: readonly ["success", "info", "error"];
+    Skeleton: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                type: "circle" | "square" | "rectangle" | "pill";
+                size: number;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                type: {
+                    type: import("vue").PropType<"circle" | "square" | "rectangle" | "pill">;
+                    default: string;
+                };
+                size: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "size">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                type: {
+                    type: import("vue").PropType<"circle" | "square" | "rectangle" | "pill">;
+                    default: string;
+                };
+                size: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                type: "circle" | "square" | "rectangle" | "pill";
+                size: number;
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: import("vue").PropType<"circle" | "square" | "rectangle" | "pill">;
+                default: string;
+            };
+            size: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"circle" | "square" | "rectangle" | "pill">;
+            default: string;
+        };
+        size: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        type: "circle" | "square" | "rectangle" | "pill";
+        size: number;
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    SkeletonTypes: () => ({
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                type: "circle" | "square" | "rectangle" | "pill";
+                size: number;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                type: {
+                    type: import("vue").PropType<"circle" | "square" | "rectangle" | "pill">;
+                    default: string;
+                };
+                size: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "size">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                type: {
+                    type: import("vue").PropType<"circle" | "square" | "rectangle" | "pill">;
+                    default: string;
+                };
+                size: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                type: "circle" | "square" | "rectangle" | "pill";
+                size: number;
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: import("vue").PropType<"circle" | "square" | "rectangle" | "pill">;
+                default: string;
+            };
+            size: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        type: {
+            type: import("vue").PropType<"circle" | "square" | "rectangle" | "pill">;
+            default: string;
+        };
+        size: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        type: "circle" | "square" | "rectangle" | "pill";
+        size: number;
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }))[];
     EmptyState: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
@@ -1593,6 +1776,7 @@ declare const _default: {
                 getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 showSearch: boolean;
+                zIndexBase: number;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 sort: {
                     type: import("vue").PropType<tableV3.Sort>;
@@ -1680,12 +1864,16 @@ declare const _default: {
                 };
                 emptyStateVariant: {
                     type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
-                    default: string;
+                    default: any;
                 };
                 showSearch: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                zIndexBase: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
             }>> & {
                 onOnScroll?: (event: Event) => any;
                 "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
@@ -1698,7 +1886,7 @@ declare const _default: {
                 onLoadMore?: () => any;
                 "onUpdate:search"?: (query: string) => any;
                 "onUpdate:selection"?: (selection: unknown[]) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "searchPlaceholder" | "selection" | "searchAutoFocus" | "isLoading" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "emptyStateVariant" | "showSearch">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "searchPlaceholder" | "selection" | "searchAutoFocus" | "isLoading" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "emptyStateVariant" | "showSearch" | "zIndexBase">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -1804,12 +1992,16 @@ declare const _default: {
                 };
                 emptyStateVariant: {
                     type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
-                    default: string;
+                    default: any;
                 };
                 showSearch: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                zIndexBase: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
             }>> & {
                 onOnScroll?: (event: Event) => any;
                 "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
@@ -1856,6 +2048,7 @@ declare const _default: {
                 getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 showSearch: boolean;
+                zIndexBase: number;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -1963,12 +2156,16 @@ declare const _default: {
             };
             emptyStateVariant: {
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
-                default: string;
+                default: any;
             };
             showSearch: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            zIndexBase: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
         }>> & {
             onOnScroll?: (event: Event) => any;
             "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
@@ -2072,12 +2269,16 @@ declare const _default: {
         };
         emptyStateVariant: {
             type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
-            default: string;
+            default: any;
         };
         showSearch: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        zIndexBase: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
     }>> & {
         onOnScroll?: (event: Event) => any;
         "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
@@ -2124,6 +2325,7 @@ declare const _default: {
         getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
         emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
         showSearch: boolean;
+        zIndexBase: number;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
             column: tableV3.Column;
@@ -2147,6 +2349,10 @@ declare const _default: {
         };
     });
     DataGridMenu: import("vue").DefineComponent<{
+        container: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         menuItems: {
             type: import("vue").PropType<tableV4.MenuItem[]>;
             required: true;
@@ -2155,6 +2361,10 @@ declare const _default: {
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         selected: (option: unknown) => void;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        container: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         menuItems: {
             type: import("vue").PropType<tableV4.MenuItem[]>;
             required: true;
@@ -2163,8 +2373,31 @@ declare const _default: {
     }>> & {
         onSelected?: (option: unknown) => any;
     }, {
+        container: string;
         menuItems: tableV4.MenuItem[];
     }>;
+    DataGridRowsCounter: import("vue").DefineComponent<{
+        count: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        totalCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        count: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        totalCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+    }>>, {
+        count: number;
+        totalCount: number;
+    }>;
     DataGridTypes: () => (({
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
@@ -2191,6 +2424,7 @@ declare const _default: {
                 getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 showSearch: boolean;
+                zIndexBase: number;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 sort: {
                     type: import("vue").PropType<tableV3.Sort>;
@@ -2278,12 +2512,16 @@ declare const _default: {
                 };
                 emptyStateVariant: {
                     type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
-                    default: string;
+                    default: any;
                 };
                 showSearch: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                zIndexBase: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
             }>> & {
                 onOnScroll?: (event: Event) => any;
                 "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
@@ -2296,7 +2534,7 @@ declare const _default: {
                 onLoadMore?: () => any;
                 "onUpdate:search"?: (query: string) => any;
                 "onUpdate:selection"?: (selection: unknown[]) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "searchPlaceholder" | "selection" | "searchAutoFocus" | "isLoading" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "emptyStateVariant" | "showSearch">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "sort" | "title" | "search" | "testId" | "searchPlaceholder" | "selection" | "searchAutoFocus" | "isLoading" | "isSticky" | "sections" | "isStickyHeader" | "emptyStateTitle" | "emptyStateSubtitle" | "isInfiniteScroll" | "infiniteScrollThreshold" | "rowHeight" | "loadingRowCount" | "defaultScrollPosition" | "getRowId" | "emptyStateVariant" | "showSearch" | "zIndexBase">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -2402,12 +2640,16 @@ declare const _default: {
                 };
                 emptyStateVariant: {
                     type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
-                    default: string;
+                    default: any;
                 };
                 showSearch: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                zIndexBase: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
             }>> & {
                 onOnScroll?: (event: Event) => any;
                 "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
@@ -2454,6 +2696,7 @@ declare const _default: {
                 getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
                 emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
                 showSearch: boolean;
+                zIndexBase: number;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -2561,12 +2804,16 @@ declare const _default: {
             };
             emptyStateVariant: {
                 type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
-                default: string;
+                default: any;
             };
             showSearch: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            zIndexBase: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
         }>> & {
             onOnScroll?: (event: Event) => any;
             "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
@@ -2670,12 +2917,16 @@ declare const _default: {
         };
         emptyStateVariant: {
             type: import("vue").PropType<"error" | "no-access" | "no-results" | "no-data" | "files" | "settings">;
-            default: string;
+            default: any;
         };
         showSearch: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        zIndexBase: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
     }>> & {
         onOnScroll?: (event: Event) => any;
         "onUpdate:sort"?: (newSort: tableV3.Sort) => any;
@@ -2722,6 +2973,7 @@ declare const _default: {
         getRowId: (row: import("./components/table/common/Table.types").Row, index: number) => string | number;
         emptyStateVariant: "error" | "no-access" | "no-results" | "no-data" | "files" | "settings";
         showSearch: boolean;
+        zIndexBase: number;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: Partial<Record<`section-${string}`, (_: {}) => any>> & Partial<Record<`header-${string}`, (_: {
             column: tableV3.Column;
@@ -2744,6 +2996,10 @@ declare const _default: {
             footer?(_: {}): any;
         };
     })) | import("vue").DefineComponent<{
+        container: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         menuItems: {
             type: import("vue").PropType<tableV4.MenuItem[]>;
             required: true;
@@ -2752,6 +3008,10 @@ declare const _default: {
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         selected: (option: unknown) => void;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        container: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         menuItems: {
             type: import("vue").PropType<tableV4.MenuItem[]>;
             required: true;
@@ -2760,7 +3020,29 @@ declare const _default: {
     }>> & {
         onSelected?: (option: unknown) => any;
     }, {
+        container: string;
         menuItems: tableV4.MenuItem[];
+    }> | import("vue").DefineComponent<{
+        count: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        totalCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        count: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        totalCount: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+    }>>, {
+        count: number;
+        totalCount: number;
     }>)[];
     Table: {
         new (...args: any[]): {
@@ -3625,10 +3907,10 @@ declare const _default: {
                 size: "small" | "medium";
                 testId: string;
                 color: "primary" | "test";
-                feedbackVariant: "error" | "success" | "warning";
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 feedbackText: string;
+                feedbackVariant: "error" | "success" | "warning";
                 isLoading: boolean;
                 activeText: string;
                 inactiveText: string;
@@ -3654,10 +3936,6 @@ declare const _default: {
                     type: import("vue").PropType<"primary" | "test">;
                     default: string;
                 };
-                feedbackVariant: {
-                    type: import("vue").PropType<"error" | "success" | "warning">;
-                    default: any;
-                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -3670,9 +3948,13 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                isLoading: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
+                feedbackVariant: {
+                    type: import("vue").PropType<"error" | "success" | "warning">;
+                    default: any;
+                };
+                isLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
                 };
                 activeText: {
                     type: import("vue").PropType<string>;
@@ -3688,7 +3970,7 @@ declare const _default: {
                 };
             }>> & {
                 "onUpdate:modelValue"?: (value: boolean) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "size" | "testId" | "color" | "feedbackVariant" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "isLoading" | "activeText" | "inactiveText" | "isDisabled">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "size" | "testId" | "color" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "isLoading" | "activeText" | "inactiveText" | "isDisabled">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -3723,10 +4005,6 @@ declare const _default: {
                     type: import("vue").PropType<"primary" | "test">;
                     default: string;
                 };
-                feedbackVariant: {
-                    type: import("vue").PropType<"error" | "success" | "warning">;
-                    default: any;
-                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -3739,6 +4017,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                feedbackVariant: {
+                    type: import("vue").PropType<"error" | "success" | "warning">;
+                    default: any;
+                };
                 isLoading: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -3764,10 +4046,10 @@ declare const _default: {
                 size: "small" | "medium";
                 testId: string;
                 color: "primary" | "test";
-                feedbackVariant: "error" | "success" | "warning";
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 feedbackText: string;
+                feedbackVariant: "error" | "success" | "warning";
                 isLoading: boolean;
                 activeText: string;
                 inactiveText: string;
@@ -3813,10 +4095,6 @@ declare const _default: {
                 type: import("vue").PropType<"primary" | "test">;
                 default: string;
             };
-            feedbackVariant: {
-                type: import("vue").PropType<"error" | "success" | "warning">;
-                default: any;
-            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -3829,6 +4107,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            feedbackVariant: {
+                type: import("vue").PropType<"error" | "success" | "warning">;
+                default: any;
+            };
             isLoading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -3872,10 +4154,6 @@ declare const _default: {
             type: import("vue").PropType<"primary" | "test">;
             default: string;
         };
-        feedbackVariant: {
-            type: import("vue").PropType<"error" | "success" | "warning">;
-            default: any;
-        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -3888,6 +4166,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        feedbackVariant: {
+            type: import("vue").PropType<"error" | "success" | "warning">;
+            default: any;
+        };
         isLoading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -3913,10 +4195,10 @@ declare const _default: {
         size: "small" | "medium";
         testId: string;
         color: "primary" | "test";
-        feedbackVariant: "error" | "success" | "warning";
         hoverHelpText: string;
         hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         feedbackText: string;
+        feedbackVariant: "error" | "success" | "warning";
         isLoading: boolean;
         activeText: string;
         inactiveText: string;
@@ -3936,10 +4218,10 @@ declare const _default: {
                 size: "small" | "medium";
                 testId: string;
                 color: "primary" | "test";
-                feedbackVariant: "error" | "success" | "warning";
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 feedbackText: string;
+                feedbackVariant: "error" | "success" | "warning";
                 isLoading: boolean;
                 activeText: string;
                 inactiveText: string;
@@ -3965,10 +4247,6 @@ declare const _default: {
                     type: import("vue").PropType<"primary" | "test">;
                     default: string;
                 };
-                feedbackVariant: {
-                    type: import("vue").PropType<"error" | "success" | "warning">;
-                    default: any;
-                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -3981,6 +4259,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                feedbackVariant: {
+                    type: import("vue").PropType<"error" | "success" | "warning">;
+                    default: any;
+                };
                 isLoading: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -3999,7 +4281,7 @@ declare const _default: {
                 };
             }>> & {
                 "onUpdate:modelValue"?: (value: boolean) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "size" | "testId" | "color" | "feedbackVariant" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "isLoading" | "activeText" | "inactiveText" | "isDisabled">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "text" | "size" | "testId" | "color" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "isLoading" | "activeText" | "inactiveText" | "isDisabled">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -4034,10 +4316,6 @@ declare const _default: {
                     type: import("vue").PropType<"primary" | "test">;
                     default: string;
                 };
-                feedbackVariant: {
-                    type: import("vue").PropType<"error" | "success" | "warning">;
-                    default: any;
-                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -4050,6 +4328,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                feedbackVariant: {
+                    type: import("vue").PropType<"error" | "success" | "warning">;
+                    default: any;
+                };
                 isLoading: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -4075,10 +4357,10 @@ declare const _default: {
                 size: "small" | "medium";
                 testId: string;
                 color: "primary" | "test";
-                feedbackVariant: "error" | "success" | "warning";
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 feedbackText: string;
+                feedbackVariant: "error" | "success" | "warning";
                 isLoading: boolean;
                 activeText: string;
                 inactiveText: string;
@@ -4124,10 +4406,6 @@ declare const _default: {
                 type: import("vue").PropType<"primary" | "test">;
                 default: string;
             };
-            feedbackVariant: {
-                type: import("vue").PropType<"error" | "success" | "warning">;
-                default: any;
-            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -4140,6 +4418,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            feedbackVariant: {
+                type: import("vue").PropType<"error" | "success" | "warning">;
+                default: any;
+            };
             isLoading: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -4183,10 +4465,6 @@ declare const _default: {
             type: import("vue").PropType<"primary" | "test">;
             default: string;
         };
-        feedbackVariant: {
-            type: import("vue").PropType<"error" | "success" | "warning">;
-            default: any;
-        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -4199,6 +4477,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        feedbackVariant: {
+            type: import("vue").PropType<"error" | "success" | "warning">;
+            default: any;
+        };
         isLoading: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -4224,10 +4506,10 @@ declare const _default: {
         size: "small" | "medium";
         testId: string;
         color: "primary" | "test";
-        feedbackVariant: "error" | "success" | "warning";
         hoverHelpText: string;
         hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         feedbackText: string;
+        feedbackVariant: "error" | "success" | "warning";
         isLoading: boolean;
         activeText: string;
         inactiveText: string;
@@ -4750,6 +5032,12 @@ declare const _default: {
                 closeOnClickOutside: boolean;
                 beforeClose: (show: () => void) => void;
                 showCloseButton: boolean;
+                showFooter: boolean;
+                saveButtonLabel: string;
+                saveButtonLoading: boolean;
+                saveButtonColor: string;
+                cancelButtonLabel: string;
+                cancelButtonColor: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 title: {
                     type: import("vue").PropType<string>;
@@ -4807,11 +5095,37 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                showFooter: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                saveButtonLabel: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                saveButtonLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                saveButtonColor: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                cancelButtonLabel: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                cancelButtonColor: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
             }>> & {
                 "onUpdate:modelValue"?: (value: boolean) => any;
+                onCancel?: () => any;
                 onClose?: (reason: dialogV3.Reason) => any;
                 onOpen?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "size" | "testId" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton">;
+                onSave?: () => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "size" | "testId" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -4823,7 +5137,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: "close", reason: dialogV3.Reason) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "open") => void);
+            $emit: ((event: "cancel") => void) & ((event: "close", reason: dialogV3.Reason) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "open") => void) & ((event: "save") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 title: {
@@ -4882,14 +5196,42 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                showFooter: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                saveButtonLabel: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                saveButtonLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                saveButtonColor: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                cancelButtonLabel: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                cancelButtonColor: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
             }>> & {
                 "onUpdate:modelValue"?: (value: boolean) => any;
+                onCancel?: () => any;
                 onClose?: (reason: dialogV3.Reason) => any;
                 onOpen?: () => any;
+                onSave?: () => any;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "update:modelValue": (value: boolean) => void;
                 open: () => void;
                 close: (reason: dialogV3.Reason) => void;
+                save: () => void;
+                cancel: () => void;
             }, string, {
                 title: string;
                 size: "small" | "medium" | "extraSmall";
@@ -4904,6 +5246,12 @@ declare const _default: {
                 closeOnClickOutside: boolean;
                 beforeClose: (show: () => void) => void;
                 showCloseButton: boolean;
+                showFooter: boolean;
+                saveButtonLabel: string;
+                saveButtonLoading: boolean;
+                saveButtonColor: string;
+                cancelButtonLabel: string;
+                cancelButtonColor: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -4981,10 +5329,36 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showFooter: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            saveButtonLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            saveButtonLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            saveButtonColor: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            cancelButtonLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            cancelButtonColor: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
         }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
+            onCancel?: () => any;
             onClose?: (reason: dialogV3.Reason) => any;
             onOpen?: () => any;
+            onSave?: () => any;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
@@ -5046,14 +5420,42 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        showFooter: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        saveButtonLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        saveButtonLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        saveButtonColor: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        cancelButtonLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        cancelButtonColor: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
+        onCancel?: () => any;
         onClose?: (reason: dialogV3.Reason) => any;
         onOpen?: () => any;
+        onSave?: () => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: boolean) => void;
         open: () => void;
         close: (reason: dialogV3.Reason) => void;
+        save: () => void;
+        cancel: () => void;
     }, string, {
         title: string;
         size: "small" | "medium" | "extraSmall";
@@ -5068,6 +5470,12 @@ declare const _default: {
         closeOnClickOutside: boolean;
         beforeClose: (show: () => void) => void;
         showCloseButton: boolean;
+        showFooter: boolean;
+        saveButtonLabel: string;
+        saveButtonLoading: boolean;
+        saveButtonColor: string;
+        cancelButtonLabel: string;
+        cancelButtonColor: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             header?(_: {}): any;
@@ -5093,6 +5501,12 @@ declare const _default: {
                 closeOnClickOutside: boolean;
                 beforeClose: (show: () => void) => void;
                 showCloseButton: boolean;
+                showFooter: boolean;
+                saveButtonLabel: string;
+                saveButtonLoading: boolean;
+                saveButtonColor: string;
+                cancelButtonLabel: string;
+                cancelButtonColor: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 title: {
                     type: import("vue").PropType<string>;
@@ -5150,11 +5564,37 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                showFooter: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                saveButtonLabel: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                saveButtonLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                saveButtonColor: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                cancelButtonLabel: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                cancelButtonColor: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
             }>> & {
                 "onUpdate:modelValue"?: (value: boolean) => any;
+                onCancel?: () => any;
                 onClose?: (reason: dialogV3.Reason) => any;
                 onOpen?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "size" | "testId" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton">;
+                onSave?: () => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "size" | "testId" | "content" | "subtitle" | "appendToBody" | "closeDelay" | "openDelay" | "escapeToClose" | "showBackdrop" | "closeOnClickOutside" | "beforeClose" | "showCloseButton" | "showFooter" | "saveButtonLabel" | "saveButtonLoading" | "saveButtonColor" | "cancelButtonLabel" | "cancelButtonColor">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -5166,7 +5606,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: "close", reason: dialogV3.Reason) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "open") => void);
+            $emit: ((event: "cancel") => void) & ((event: "close", reason: dialogV3.Reason) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "open") => void) & ((event: "save") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 title: {
@@ -5225,14 +5665,42 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                showFooter: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                saveButtonLabel: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                saveButtonLoading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                saveButtonColor: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                cancelButtonLabel: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                cancelButtonColor: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
             }>> & {
                 "onUpdate:modelValue"?: (value: boolean) => any;
+                onCancel?: () => any;
                 onClose?: (reason: dialogV3.Reason) => any;
                 onOpen?: () => any;
+                onSave?: () => any;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "update:modelValue": (value: boolean) => void;
                 open: () => void;
                 close: (reason: dialogV3.Reason) => void;
+                save: () => void;
+                cancel: () => void;
             }, string, {
                 title: string;
                 size: "small" | "medium" | "extraSmall";
@@ -5247,6 +5715,12 @@ declare const _default: {
                 closeOnClickOutside: boolean;
                 beforeClose: (show: () => void) => void;
                 showCloseButton: boolean;
+                showFooter: boolean;
+                saveButtonLabel: string;
+                saveButtonLoading: boolean;
+                saveButtonColor: string;
+                cancelButtonLabel: string;
+                cancelButtonColor: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -5324,10 +5798,36 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            showFooter: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            saveButtonLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            saveButtonLoading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            saveButtonColor: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            cancelButtonLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            cancelButtonColor: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
         }>> & {
             "onUpdate:modelValue"?: (value: boolean) => any;
+            onCancel?: () => any;
             onClose?: (reason: dialogV3.Reason) => any;
             onOpen?: () => any;
+            onSave?: () => any;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
@@ -5389,14 +5889,42 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        showFooter: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        saveButtonLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        saveButtonLoading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        saveButtonColor: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        cancelButtonLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        cancelButtonColor: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
     }>> & {
         "onUpdate:modelValue"?: (value: boolean) => any;
+        onCancel?: () => any;
         onClose?: (reason: dialogV3.Reason) => any;
         onOpen?: () => any;
+        onSave?: () => any;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: boolean) => void;
         open: () => void;
         close: (reason: dialogV3.Reason) => void;
+        save: () => void;
+        cancel: () => void;
     }, string, {
         title: string;
         size: "small" | "medium" | "extraSmall";
@@ -5411,6 +5939,12 @@ declare const _default: {
         closeOnClickOutside: boolean;
         beforeClose: (show: () => void) => void;
         showCloseButton: boolean;
+        showFooter: boolean;
+        saveButtonLabel: string;
+        saveButtonLoading: boolean;
+        saveButtonColor: string;
+        cancelButtonLabel: string;
+        cancelButtonColor: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             header?(_: {}): any;
@@ -6678,10 +7212,10 @@ declare const _default: {
                 mandatory: boolean;
                 autoFocus: boolean;
                 prefix: string;
-                feedbackVariant: "error" | "success" | "warning";
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 feedbackText: string;
+                feedbackVariant: "error" | "success" | "warning";
                 viewOnly: boolean;
                 labelDirection: "top" | "inside";
                 hideNumberArrows: boolean;
@@ -6734,10 +7268,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                feedbackVariant: {
-                    type: import("vue").PropType<"error" | "success" | "warning">;
-                    default: any;
-                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -6750,6 +7280,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                feedbackVariant: {
+                    type: import("vue").PropType<"error" | "success" | "warning">;
+                    default: any;
+                };
                 viewOnly: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -6797,7 +7331,7 @@ declare const _default: {
             }>> & {
                 "onUpdate:modelValue"?: (value: string | number) => any;
                 onApply?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "size" | "testId" | "disabled" | "modelValue" | "placeholder" | "mandatory" | "autoFocus" | "prefix" | "feedbackVariant" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "viewOnly" | "labelDirection" | "hideNumberArrows" | "step" | "onlyDigits" | "suffix" | "maxLength" | "showApply" | "inlineError" | "inlineErrorText" | "showFeedbackTextIcon">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "size" | "testId" | "disabled" | "modelValue" | "placeholder" | "mandatory" | "autoFocus" | "prefix" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "viewOnly" | "labelDirection" | "hideNumberArrows" | "step" | "onlyDigits" | "suffix" | "maxLength" | "showApply" | "inlineError" | "inlineErrorText" | "showFeedbackTextIcon">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -6852,10 +7386,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                feedbackVariant: {
-                    type: import("vue").PropType<"error" | "success" | "warning">;
-                    default: any;
-                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -6868,6 +7398,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                feedbackVariant: {
+                    type: import("vue").PropType<"error" | "success" | "warning">;
+                    default: any;
+                };
                 viewOnly: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -6931,10 +7465,10 @@ declare const _default: {
                 mandatory: boolean;
                 autoFocus: boolean;
                 prefix: string;
-                feedbackVariant: "error" | "success" | "warning";
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 feedbackText: string;
+                feedbackVariant: "error" | "success" | "warning";
                 viewOnly: boolean;
                 labelDirection: "top" | "inside";
                 hideNumberArrows: boolean;
@@ -7007,10 +7541,6 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            feedbackVariant: {
-                type: import("vue").PropType<"error" | "success" | "warning">;
-                default: any;
-            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -7023,6 +7553,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            feedbackVariant: {
+                type: import("vue").PropType<"error" | "success" | "warning">;
+                default: any;
+            };
             viewOnly: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -7117,10 +7651,6 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        feedbackVariant: {
-            type: import("vue").PropType<"error" | "success" | "warning">;
-            default: any;
-        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -7133,6 +7663,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        feedbackVariant: {
+            type: import("vue").PropType<"error" | "success" | "warning">;
+            default: any;
+        };
         viewOnly: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -7196,10 +7730,10 @@ declare const _default: {
         mandatory: boolean;
         autoFocus: boolean;
         prefix: string;
-        feedbackVariant: "error" | "success" | "warning";
         hoverHelpText: string;
         hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         feedbackText: string;
+        feedbackVariant: "error" | "success" | "warning";
         viewOnly: boolean;
         labelDirection: "top" | "inside";
         hideNumberArrows: boolean;
@@ -7232,10 +7766,10 @@ declare const _default: {
                 mandatory: boolean;
                 autoFocus: boolean;
                 prefix: string;
-                feedbackVariant: "error" | "success" | "warning";
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 feedbackText: string;
+                feedbackVariant: "error" | "success" | "warning";
                 viewOnly: boolean;
                 labelDirection: "top" | "inside";
                 hideNumberArrows: boolean;
@@ -7288,10 +7822,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                feedbackVariant: {
-                    type: import("vue").PropType<"error" | "success" | "warning">;
-                    default: any;
-                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -7304,6 +7834,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                feedbackVariant: {
+                    type: import("vue").PropType<"error" | "success" | "warning">;
+                    default: any;
+                };
                 viewOnly: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -7351,7 +7885,7 @@ declare const _default: {
             }>> & {
                 "onUpdate:modelValue"?: (value: string | number) => any;
                 onApply?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "size" | "testId" | "disabled" | "modelValue" | "placeholder" | "mandatory" | "autoFocus" | "prefix" | "feedbackVariant" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "viewOnly" | "labelDirection" | "hideNumberArrows" | "step" | "onlyDigits" | "suffix" | "maxLength" | "showApply" | "inlineError" | "inlineErrorText" | "showFeedbackTextIcon">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "size" | "testId" | "disabled" | "modelValue" | "placeholder" | "mandatory" | "autoFocus" | "prefix" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant" | "viewOnly" | "labelDirection" | "hideNumberArrows" | "step" | "onlyDigits" | "suffix" | "maxLength" | "showApply" | "inlineError" | "inlineErrorText" | "showFeedbackTextIcon">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -7406,10 +7940,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                feedbackVariant: {
-                    type: import("vue").PropType<"error" | "success" | "warning">;
-                    default: any;
-                };
                 hoverHelpText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -7422,6 +7952,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                feedbackVariant: {
+                    type: import("vue").PropType<"error" | "success" | "warning">;
+                    default: any;
+                };
                 viewOnly: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -7485,10 +8019,10 @@ declare const _default: {
                 mandatory: boolean;
                 autoFocus: boolean;
                 prefix: string;
-                feedbackVariant: "error" | "success" | "warning";
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 feedbackText: string;
+                feedbackVariant: "error" | "success" | "warning";
                 viewOnly: boolean;
                 labelDirection: "top" | "inside";
                 hideNumberArrows: boolean;
@@ -7561,10 +8095,6 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            feedbackVariant: {
-                type: import("vue").PropType<"error" | "success" | "warning">;
-                default: any;
-            };
             hoverHelpText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -7577,6 +8107,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            feedbackVariant: {
+                type: import("vue").PropType<"error" | "success" | "warning">;
+                default: any;
+            };
             viewOnly: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -7671,10 +8205,6 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        feedbackVariant: {
-            type: import("vue").PropType<"error" | "success" | "warning">;
-            default: any;
-        };
         hoverHelpText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -7687,6 +8217,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        feedbackVariant: {
+            type: import("vue").PropType<"error" | "success" | "warning">;
+            default: any;
+        };
         viewOnly: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -7750,10 +8284,10 @@ declare const _default: {
         mandatory: boolean;
         autoFocus: boolean;
         prefix: string;
-        feedbackVariant: "error" | "success" | "warning";
         hoverHelpText: string;
         hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         feedbackText: string;
+        feedbackVariant: "error" | "success" | "warning";
         viewOnly: boolean;
         labelDirection: "top" | "inside";
         hideNumberArrows: boolean;
@@ -9896,6 +10430,11 @@ declare const _default: {
                 keepOpen: boolean;
                 autoSize: boolean;
                 disableKeyboardEvents: boolean;
+                valueToCopy: string;
+                optionNameKey: string;
+                optionImageKey: string;
+                optionIconKey: string;
+                optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
                 onClear: () => void;
                 inlineSearchPlaceholder: string;
                 triggerLabel: string;
@@ -9903,7 +10442,9 @@ declare const _default: {
                 triggerFeedbackText: string;
                 triggerFeedbackVariant: "error" | "success" | "warning";
                 searchAutoFocus: boolean;
-                predefinedTrigger: "default" | "icon-button" | "chip";
+                predefinedTrigger: "default" | "icon-button" | "chip" | "app";
+                fullWidth: boolean;
+                optionsListWidth: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 theme: {
                     type: import("vue").PropType<string>;
@@ -9999,7 +10540,7 @@ declare const _default: {
                 };
                 onSearch: {
                     type: import("vue").PropType<(option: any, term: string) => boolean>;
-                    default: () => true;
+                    default: any;
                 };
                 flip: {
                     type: import("vue").PropType<boolean>;
@@ -10017,6 +10558,26 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                valueToCopy: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                optionNameKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionImageKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                    default: any;
+                };
                 onClear: {
                     type: import("vue").PropType<() => void>;
                     default: () => true;
@@ -10046,8 +10607,16 @@ declare const _default: {
                     default: boolean;
                 };
                 predefinedTrigger: {
-                    type: import("vue").PropType<"default" | "icon-button" | "chip">;
-                    default: "default" | "icon-button" | "chip";
+                    type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
+                    default: "default" | "icon-button" | "chip" | "app";
+                };
+                fullWidth: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                optionsListWidth: {
+                    type: import("vue").PropType<string>;
+                    default: any;
                 };
             }>> & {
                 onApply?: (value: unknown) => any;
@@ -10055,7 +10624,7 @@ declare const _default: {
                 "onUpdate:isOpen"?: (value: unknown) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "size" | "testId" | "placement" | "disabled" | "container" | "popperClass" | "selected" | "modelValue" | "placeholder" | "mandatory" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "defaultOpen" | "distance" | "skidding" | "onSearch" | "flip" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "searchAutoFocus" | "predefinedTrigger">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "size" | "testId" | "placement" | "disabled" | "container" | "popperClass" | "selected" | "modelValue" | "placeholder" | "mandatory" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "defaultOpen" | "distance" | "skidding" | "onSearch" | "flip" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "valueToCopy" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "searchAutoFocus" | "predefinedTrigger" | "fullWidth" | "optionsListWidth">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -10164,7 +10733,7 @@ declare const _default: {
                 };
                 onSearch: {
                     type: import("vue").PropType<(option: any, term: string) => boolean>;
-                    default: () => true;
+                    default: any;
                 };
                 flip: {
                     type: import("vue").PropType<boolean>;
@@ -10182,6 +10751,26 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                valueToCopy: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                optionNameKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionImageKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                    default: any;
+                };
                 onClear: {
                     type: import("vue").PropType<() => void>;
                     default: () => true;
@@ -10211,8 +10800,16 @@ declare const _default: {
                     default: boolean;
                 };
                 predefinedTrigger: {
-                    type: import("vue").PropType<"default" | "icon-button" | "chip">;
-                    default: "default" | "icon-button" | "chip";
+                    type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
+                    default: "default" | "icon-button" | "chip" | "app";
+                };
+                fullWidth: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                optionsListWidth: {
+                    type: import("vue").PropType<string>;
+                    default: any;
                 };
             }>> & {
                 onApply?: (value: unknown) => any;
@@ -10253,6 +10850,11 @@ declare const _default: {
                 keepOpen: boolean;
                 autoSize: boolean;
                 disableKeyboardEvents: boolean;
+                valueToCopy: string;
+                optionNameKey: string;
+                optionImageKey: string;
+                optionIconKey: string;
+                optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
                 onClear: () => void;
                 inlineSearchPlaceholder: string;
                 triggerLabel: string;
@@ -10260,7 +10862,9 @@ declare const _default: {
                 triggerFeedbackText: string;
                 triggerFeedbackVariant: "error" | "success" | "warning";
                 searchAutoFocus: boolean;
-                predefinedTrigger: "default" | "icon-button" | "chip";
+                predefinedTrigger: "default" | "icon-button" | "chip" | "app";
+                fullWidth: boolean;
+                optionsListWidth: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -10376,7 +10980,7 @@ declare const _default: {
             };
             onSearch: {
                 type: import("vue").PropType<(option: any, term: string) => boolean>;
-                default: () => true;
+                default: any;
             };
             flip: {
                 type: import("vue").PropType<boolean>;
@@ -10394,6 +10998,26 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionNameKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionImageKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionIconKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: any;
+            };
             onClear: {
                 type: import("vue").PropType<() => void>;
                 default: () => true;
@@ -10423,8 +11047,16 @@ declare const _default: {
                 default: boolean;
             };
             predefinedTrigger: {
-                type: import("vue").PropType<"default" | "icon-button" | "chip">;
-                default: "default" | "icon-button" | "chip";
+                type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
+                default: "default" | "icon-button" | "chip" | "app";
+            };
+            fullWidth: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            optionsListWidth: {
+                type: import("vue").PropType<string>;
+                default: any;
             };
         }>> & {
             onApply?: (value: unknown) => any;
@@ -10534,7 +11166,7 @@ declare const _default: {
         };
         onSearch: {
             type: import("vue").PropType<(option: any, term: string) => boolean>;
-            default: () => true;
+            default: any;
         };
         flip: {
             type: import("vue").PropType<boolean>;
@@ -10552,6 +11184,26 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionImageKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionIconKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: any;
+        };
         onClear: {
             type: import("vue").PropType<() => void>;
             default: () => true;
@@ -10581,8 +11233,16 @@ declare const _default: {
             default: boolean;
         };
         predefinedTrigger: {
-            type: import("vue").PropType<"default" | "icon-button" | "chip">;
-            default: "default" | "icon-button" | "chip";
+            type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
+            default: "default" | "icon-button" | "chip" | "app";
+        };
+        fullWidth: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        optionsListWidth: {
+            type: import("vue").PropType<string>;
+            default: any;
         };
     }>> & {
         onApply?: (value: unknown) => any;
@@ -10623,6 +11283,11 @@ declare const _default: {
         keepOpen: boolean;
         autoSize: boolean;
         disableKeyboardEvents: boolean;
+        valueToCopy: string;
+        optionNameKey: string;
+        optionImageKey: string;
+        optionIconKey: string;
+        optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
         onClear: () => void;
         inlineSearchPlaceholder: string;
         triggerLabel: string;
@@ -10630,7 +11295,9 @@ declare const _default: {
         triggerFeedbackText: string;
         triggerFeedbackVariant: "error" | "success" | "warning";
         searchAutoFocus: boolean;
-        predefinedTrigger: "default" | "icon-button" | "chip";
+        predefinedTrigger: "default" | "icon-button" | "chip" | "app";
+        fullWidth: boolean;
+        optionsListWidth: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {}): any;
@@ -10655,17 +11322,22 @@ declare const _default: {
                 testId: string;
                 loading: boolean;
                 disabled: boolean;
-                selected: any;
-                options: any;
+                options: unknown[];
                 singleAppSelection: boolean;
                 placeholder: string;
                 open: boolean;
                 mandatory: boolean;
-                feedbackVariant: "error" | "success" | "warning";
+                multi: boolean;
+                selectedOption: any;
+                brandIconType: "android" | "ios";
+                optionNameKey: string;
+                optionImageKey: string;
+                optionIconKey: string;
+                optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 feedbackText: string;
-                brandIconType: "android" | "ios";
+                feedbackVariant: "error" | "success" | "warning";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 label: {
                     type: import("vue").PropType<string>;
@@ -10688,12 +11360,8 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                selected: {
-                    type: import("vue").PropType<unknown>;
-                    default: any;
-                };
                 options: {
-                    type: import("vue").PropType<unknown>;
+                    type: import("vue").PropType<unknown[]>;
                     default: any;
                 };
                 singleAppSelection: {
@@ -10713,8 +11381,36 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                feedbackVariant: {
-                    type: import("vue").PropType<"error" | "success" | "warning">;
+                multi: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                displayValue: {
+                    type: import("vue").PropType<(option: unknown) => string>;
+                    required: true;
+                };
+                selectedOption: {
+                    type: import("vue").PropType<unknown>;
+                    default: any;
+                };
+                brandIconType: {
+                    type: import("vue").PropType<"android" | "ios">;
+                    default: any;
+                };
+                optionNameKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                optionImageKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                optionIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                optionIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
                     default: any;
                 };
                 hoverHelpText: {
@@ -10729,13 +11425,13 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                brandIconType: {
-                    type: import("vue").PropType<"android" | "ios">;
+                feedbackVariant: {
+                    type: import("vue").PropType<"error" | "success" | "warning">;
                     default: any;
                 };
             }>> & {
                 onClick?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "size" | "testId" | "loading" | "disabled" | "selected" | "options" | "singleAppSelection" | "placeholder" | "open" | "mandatory" | "feedbackVariant" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "brandIconType">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "size" | "testId" | "loading" | "disabled" | "options" | "singleAppSelection" | "placeholder" | "open" | "mandatory" | "multi" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -10771,12 +11467,8 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                selected: {
-                    type: import("vue").PropType<unknown>;
-                    default: any;
-                };
                 options: {
-                    type: import("vue").PropType<unknown>;
+                    type: import("vue").PropType<unknown[]>;
                     default: any;
                 };
                 singleAppSelection: {
@@ -10796,8 +11488,36 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                feedbackVariant: {
-                    type: import("vue").PropType<"error" | "success" | "warning">;
+                multi: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                displayValue: {
+                    type: import("vue").PropType<(option: unknown) => string>;
+                    required: true;
+                };
+                selectedOption: {
+                    type: import("vue").PropType<unknown>;
+                    default: any;
+                };
+                brandIconType: {
+                    type: import("vue").PropType<"android" | "ios">;
+                    default: any;
+                };
+                optionNameKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                optionImageKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                optionIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                optionIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
                     default: any;
                 };
                 hoverHelpText: {
@@ -10812,8 +11532,8 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                brandIconType: {
-                    type: import("vue").PropType<"android" | "ios">;
+                feedbackVariant: {
+                    type: import("vue").PropType<"error" | "success" | "warning">;
                     default: any;
                 };
             }>> & {
@@ -10826,17 +11546,22 @@ declare const _default: {
                 testId: string;
                 loading: boolean;
                 disabled: boolean;
-                selected: any;
-                options: any;
+                options: unknown[];
                 singleAppSelection: boolean;
                 placeholder: string;
                 open: boolean;
                 mandatory: boolean;
-                feedbackVariant: "error" | "success" | "warning";
+                multi: boolean;
+                selectedOption: any;
+                brandIconType: "android" | "ios";
+                optionNameKey: string;
+                optionImageKey: string;
+                optionIconKey: string;
+                optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
                 hoverHelpText: string;
                 hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
                 feedbackText: string;
-                brandIconType: "android" | "ios";
+                feedbackVariant: "error" | "success" | "warning";
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -10879,12 +11604,8 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            selected: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
             options: {
-                type: import("vue").PropType<unknown>;
+                type: import("vue").PropType<unknown[]>;
                 default: any;
             };
             singleAppSelection: {
@@ -10904,8 +11625,36 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            feedbackVariant: {
-                type: import("vue").PropType<"error" | "success" | "warning">;
+            multi: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => string>;
+                required: true;
+            };
+            selectedOption: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
+            brandIconType: {
+                type: import("vue").PropType<"android" | "ios">;
+                default: any;
+            };
+            optionNameKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionImageKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
                 default: any;
             };
             hoverHelpText: {
@@ -10920,8 +11669,8 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            brandIconType: {
-                type: import("vue").PropType<"android" | "ios">;
+            feedbackVariant: {
+                type: import("vue").PropType<"error" | "success" | "warning">;
                 default: any;
             };
         }>> & {
@@ -10952,12 +11701,8 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        selected: {
-            type: import("vue").PropType<unknown>;
-            default: any;
-        };
-        options: {
-            type: import("vue").PropType<unknown>;
+        options: {
+            type: import("vue").PropType<unknown[]>;
             default: any;
         };
         singleAppSelection: {
@@ -10977,8 +11722,36 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        feedbackVariant: {
-            type: import("vue").PropType<"error" | "success" | "warning">;
+        multi: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => string>;
+            required: true;
+        };
+        selectedOption: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
+        brandIconType: {
+            type: import("vue").PropType<"android" | "ios">;
+            default: any;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionImageKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
             default: any;
         };
         hoverHelpText: {
@@ -10993,8 +11766,8 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        brandIconType: {
-            type: import("vue").PropType<"android" | "ios">;
+        feedbackVariant: {
+            type: import("vue").PropType<"error" | "success" | "warning">;
             default: any;
         };
     }>> & {
@@ -11007,20 +11780,26 @@ declare const _default: {
         testId: string;
         loading: boolean;
         disabled: boolean;
-        selected: any;
-        options: any;
+        options: unknown[];
         singleAppSelection: boolean;
         placeholder: string;
         open: boolean;
         mandatory: boolean;
-        feedbackVariant: "error" | "success" | "warning";
+        multi: boolean;
+        selectedOption: any;
+        brandIconType: "android" | "ios";
+        optionNameKey: string;
+        optionImageKey: string;
+        optionIconKey: string;
+        optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
         hoverHelpText: string;
         hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         feedbackText: string;
-        brandIconType: "android" | "ios";
+        feedbackVariant: "error" | "success" | "warning";
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
-            "brand-icon"?(_: {}): any;
+            image?(_: {}): any;
+            "icon-start"?(_: {}): any;
         };
     });
     IconButtonDropdownTrigger: import("vue").DefineComponent<{
@@ -11136,106 +11915,7 @@ declare const _default: {
         displayedValue: any;
         feedbackVariant: string;
     }>;
-    DropdownTypes: () => (import("vue").DefineComponent<{
-        label: {
-            type: import("vue").PropType<string>;
-            required: true;
-            default: string;
-        };
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        options: {
-            type: import("vue").PropType<unknown[]>;
-            required: true;
-        };
-        open: {
-            type: import("vue").PropType<boolean>;
-            required: true;
-            default: boolean;
-        };
-        multi: {
-            type: import("vue").PropType<boolean>;
-            required: true;
-        };
-        displayValue: {
-            type: import("vue").PropType<(option: unknown) => string>;
-            required: true;
-        };
-        displayedValue: {
-            type: import("vue").PropType<any>;
-            required: true;
-            default: string;
-        };
-        selectedOption: {
-            type: import("vue").PropType<unknown>;
-            required: true;
-        };
-        feedbackVariant: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        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;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        options: {
-            type: import("vue").PropType<unknown[]>;
-            required: true;
-        };
-        open: {
-            type: import("vue").PropType<boolean>;
-            required: true;
-            default: boolean;
-        };
-        multi: {
-            type: import("vue").PropType<boolean>;
-            required: true;
-        };
-        displayValue: {
-            type: import("vue").PropType<(option: unknown) => string>;
-            required: true;
-        };
-        displayedValue: {
-            type: import("vue").PropType<any>;
-            required: true;
-            default: string;
-        };
-        selectedOption: {
-            type: import("vue").PropType<unknown>;
-            required: true;
-        };
-        feedbackVariant: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-    }>> & {
-        onClear?: () => any;
-    }, {
-        label: string;
-        testId: string;
-        disabled: boolean;
-        open: boolean;
-        displayedValue: any;
-        feedbackVariant: string;
-    }> | ({
+    AppDropdownTrigger: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
@@ -11245,17 +11925,19 @@ declare const _default: {
                 testId: string;
                 loading: boolean;
                 disabled: boolean;
-                selected: any;
-                options: any;
+                options: unknown[];
                 singleAppSelection: boolean;
                 placeholder: string;
                 open: boolean;
                 mandatory: boolean;
-                feedbackVariant: "error" | "success" | "warning";
-                hoverHelpText: string;
-                hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-                feedbackText: string;
+                multi: boolean;
+                valueToCopy: string;
+                selectedOption: any;
                 brandIconType: "android" | "ios";
+                optionNameKey: string;
+                optionImageKey: string;
+                optionIconKey: string;
+                optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 label: {
                     type: import("vue").PropType<string>;
@@ -11278,12 +11960,8 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                selected: {
-                    type: import("vue").PropType<unknown>;
-                    default: any;
-                };
                 options: {
-                    type: import("vue").PropType<unknown>;
+                    type: import("vue").PropType<unknown[]>;
                     default: any;
                 };
                 singleAppSelection: {
@@ -11303,29 +11981,45 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                feedbackVariant: {
-                    type: import("vue").PropType<"error" | "success" | "warning">;
+                multi: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                displayValue: {
+                    type: import("vue").PropType<(option: unknown) => string>;
+                    required: true;
+                };
+                valueToCopy: {
+                    type: import("vue").PropType<string>;
                     default: any;
                 };
-                hoverHelpText: {
+                selectedOption: {
+                    type: import("vue").PropType<unknown>;
+                    default: any;
+                };
+                brandIconType: {
+                    type: import("vue").PropType<"android" | "ios">;
+                    default: any;
+                };
+                optionNameKey: {
                     type: import("vue").PropType<string>;
-                    default: string;
+                    default: any;
                 };
-                hoverHelpTextPlacement: {
-                    type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                    default: string;
+                optionImageKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
                 };
-                feedbackText: {
+                optionIconKey: {
                     type: import("vue").PropType<string>;
-                    default: string;
+                    default: any;
                 };
-                brandIconType: {
-                    type: import("vue").PropType<"android" | "ios">;
+                optionIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
                     default: any;
                 };
             }>> & {
                 onClick?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "size" | "testId" | "loading" | "disabled" | "selected" | "options" | "singleAppSelection" | "placeholder" | "open" | "mandatory" | "feedbackVariant" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "brandIconType">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "size" | "testId" | "loading" | "disabled" | "options" | "singleAppSelection" | "placeholder" | "open" | "mandatory" | "multi" | "valueToCopy" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -11361,12 +12055,8 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                selected: {
-                    type: import("vue").PropType<unknown>;
-                    default: any;
-                };
                 options: {
-                    type: import("vue").PropType<unknown>;
+                    type: import("vue").PropType<unknown[]>;
                     default: any;
                 };
                 singleAppSelection: {
@@ -11386,24 +12076,40 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                feedbackVariant: {
-                    type: import("vue").PropType<"error" | "success" | "warning">;
+                multi: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                displayValue: {
+                    type: import("vue").PropType<(option: unknown) => string>;
+                    required: true;
+                };
+                valueToCopy: {
+                    type: import("vue").PropType<string>;
                     default: any;
                 };
-                hoverHelpText: {
+                selectedOption: {
+                    type: import("vue").PropType<unknown>;
+                    default: any;
+                };
+                brandIconType: {
+                    type: import("vue").PropType<"android" | "ios">;
+                    default: any;
+                };
+                optionNameKey: {
                     type: import("vue").PropType<string>;
-                    default: string;
+                    default: any;
                 };
-                hoverHelpTextPlacement: {
-                    type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
-                    default: string;
+                optionImageKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
                 };
-                feedbackText: {
+                optionIconKey: {
                     type: import("vue").PropType<string>;
-                    default: string;
+                    default: any;
                 };
-                brandIconType: {
-                    type: import("vue").PropType<"android" | "ios">;
+                optionIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
                     default: any;
                 };
             }>> & {
@@ -11416,17 +12122,19 @@ declare const _default: {
                 testId: string;
                 loading: boolean;
                 disabled: boolean;
-                selected: any;
-                options: any;
+                options: unknown[];
                 singleAppSelection: boolean;
                 placeholder: string;
                 open: boolean;
                 mandatory: boolean;
-                feedbackVariant: "error" | "success" | "warning";
-                hoverHelpText: string;
-                hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
-                feedbackText: string;
+                multi: boolean;
+                valueToCopy: string;
+                selectedOption: any;
                 brandIconType: "android" | "ios";
+                optionNameKey: string;
+                optionImageKey: string;
+                optionIconKey: string;
+                optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -11469,33 +12177,1051 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            selected: {
-                type: import("vue").PropType<unknown>;
-                default: any;
-            };
             options: {
-                type: import("vue").PropType<unknown>;
+                type: import("vue").PropType<unknown[]>;
                 default: any;
             };
             singleAppSelection: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            placeholder: {
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            multi: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => string>;
+                required: true;
+            };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            selectedOption: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
+            brandIconType: {
+                type: import("vue").PropType<"android" | "ios">;
+                default: any;
+            };
+            optionNameKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionImageKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: any;
+            };
+        }>> & {
+            onClick?: () => any;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            default: any;
+        };
+        singleAppSelection: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        multi: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => string>;
+            required: true;
+        };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        selectedOption: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
+        brandIconType: {
+            type: import("vue").PropType<"android" | "ios">;
+            default: any;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionImageKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: any;
+        };
+    }>> & {
+        onClick?: () => any;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: () => void;
+    }, string, {
+        label: string;
+        size: "small" | "medium" | "large";
+        testId: string;
+        loading: boolean;
+        disabled: boolean;
+        options: unknown[];
+        singleAppSelection: boolean;
+        placeholder: string;
+        open: boolean;
+        mandatory: boolean;
+        multi: boolean;
+        valueToCopy: string;
+        selectedOption: any;
+        brandIconType: "android" | "ios";
+        optionNameKey: string;
+        optionImageKey: string;
+        optionIconKey: string;
+        optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            image?(_: {}): any;
+            "icon-start"?(_: {}): any;
+        };
+    });
+    DropdownTypes: () => (({
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                label: string;
+                size: "small" | "medium" | "large";
+                testId: string;
+                loading: boolean;
+                disabled: boolean;
+                options: unknown[];
+                singleAppSelection: boolean;
+                placeholder: string;
+                open: boolean;
+                mandatory: boolean;
+                multi: boolean;
+                valueToCopy: string;
+                selectedOption: any;
+                brandIconType: "android" | "ios";
+                optionNameKey: string;
+                optionImageKey: string;
+                optionIconKey: string;
+                optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                    default: string;
+                };
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "large">;
+                    default: string;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                loading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                options: {
+                    type: import("vue").PropType<unknown[]>;
+                    default: any;
+                };
+                singleAppSelection: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                open: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
+                mandatory: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                multi: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                displayValue: {
+                    type: import("vue").PropType<(option: unknown) => string>;
+                    required: true;
+                };
+                valueToCopy: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                selectedOption: {
+                    type: import("vue").PropType<unknown>;
+                    default: any;
+                };
+                brandIconType: {
+                    type: import("vue").PropType<"android" | "ios">;
+                    default: any;
+                };
+                optionNameKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                optionImageKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                optionIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                optionIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                    default: any;
+                };
+            }>> & {
+                onClick?: () => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "size" | "testId" | "loading" | "disabled" | "options" | "singleAppSelection" | "placeholder" | "open" | "mandatory" | "multi" | "valueToCopy" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $emit: (event: "click") => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                    default: string;
+                };
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "large">;
+                    default: string;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                loading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                options: {
+                    type: import("vue").PropType<unknown[]>;
+                    default: any;
+                };
+                singleAppSelection: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                open: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
+                mandatory: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                multi: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                displayValue: {
+                    type: import("vue").PropType<(option: unknown) => string>;
+                    required: true;
+                };
+                valueToCopy: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                selectedOption: {
+                    type: import("vue").PropType<unknown>;
+                    default: any;
+                };
+                brandIconType: {
+                    type: import("vue").PropType<"android" | "ios">;
+                    default: any;
+                };
+                optionNameKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                optionImageKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                optionIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                optionIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                    default: any;
+                };
+            }>> & {
+                onClick?: () => any;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: () => void;
+            }, string, {
+                label: string;
+                size: "small" | "medium" | "large";
+                testId: string;
+                loading: boolean;
+                disabled: boolean;
+                options: unknown[];
+                singleAppSelection: boolean;
+                placeholder: string;
+                open: boolean;
+                mandatory: boolean;
+                multi: boolean;
+                valueToCopy: string;
+                selectedOption: any;
+                brandIconType: "android" | "ios";
+                optionNameKey: string;
+                optionImageKey: string;
+                optionIconKey: string;
+                optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large">;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            options: {
+                type: import("vue").PropType<unknown[]>;
+                default: any;
+            };
+            singleAppSelection: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            multi: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => string>;
+                required: true;
+            };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            selectedOption: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
+            brandIconType: {
+                type: import("vue").PropType<"android" | "ios">;
+                default: any;
+            };
+            optionNameKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionImageKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: any;
+            };
+        }>> & {
+            onClick?: () => any;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large">;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        loading: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            default: any;
+        };
+        singleAppSelection: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        mandatory: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        multi: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => string>;
+            required: true;
+        };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        selectedOption: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
+        brandIconType: {
+            type: import("vue").PropType<"android" | "ios">;
+            default: any;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionImageKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: any;
+        };
+    }>> & {
+        onClick?: () => any;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        click: () => void;
+    }, string, {
+        label: string;
+        size: "small" | "medium" | "large";
+        testId: string;
+        loading: boolean;
+        disabled: boolean;
+        options: unknown[];
+        singleAppSelection: boolean;
+        placeholder: string;
+        open: boolean;
+        mandatory: boolean;
+        multi: boolean;
+        valueToCopy: string;
+        selectedOption: any;
+        brandIconType: "android" | "ios";
+        optionNameKey: string;
+        optionImageKey: string;
+        optionIconKey: string;
+        optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            image?(_: {}): any;
+            "icon-start"?(_: {}): any;
+        };
+    })) | import("vue").DefineComponent<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            required: true;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        multi: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+        };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => string>;
+            required: true;
+        };
+        displayedValue: {
+            type: import("vue").PropType<any>;
+            required: true;
+            default: string;
+        };
+        selectedOption: {
+            type: import("vue").PropType<unknown>;
+            required: true;
+        };
+        feedbackVariant: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        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;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        options: {
+            type: import("vue").PropType<unknown[]>;
+            required: true;
+        };
+        open: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+            default: boolean;
+        };
+        multi: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+        };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => string>;
+            required: true;
+        };
+        displayedValue: {
+            type: import("vue").PropType<any>;
+            required: true;
+            default: string;
+        };
+        selectedOption: {
+            type: import("vue").PropType<unknown>;
+            required: true;
+        };
+        feedbackVariant: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>> & {
+        onClear?: () => any;
+    }, {
+        label: string;
+        testId: string;
+        disabled: boolean;
+        open: boolean;
+        displayedValue: any;
+        feedbackVariant: string;
+    }> | ({
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                label: string;
+                size: "small" | "medium" | "large";
+                testId: string;
+                loading: boolean;
+                disabled: boolean;
+                options: unknown[];
+                singleAppSelection: boolean;
+                placeholder: string;
+                open: boolean;
+                mandatory: boolean;
+                multi: boolean;
+                selectedOption: any;
+                brandIconType: "android" | "ios";
+                optionNameKey: string;
+                optionImageKey: string;
+                optionIconKey: string;
+                optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+                hoverHelpText: string;
+                hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+                feedbackText: string;
+                feedbackVariant: "error" | "success" | "warning";
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                    default: string;
+                };
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "large">;
+                    default: string;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                loading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                options: {
+                    type: import("vue").PropType<unknown[]>;
+                    default: any;
+                };
+                singleAppSelection: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                open: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
+                mandatory: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                multi: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                displayValue: {
+                    type: import("vue").PropType<(option: unknown) => string>;
+                    required: true;
+                };
+                selectedOption: {
+                    type: import("vue").PropType<unknown>;
+                    default: any;
+                };
+                brandIconType: {
+                    type: import("vue").PropType<"android" | "ios">;
+                    default: any;
+                };
+                optionNameKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                optionImageKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                optionIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                optionIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                    default: any;
+                };
+                hoverHelpText: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                hoverHelpTextPlacement: {
+                    type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                    default: string;
+                };
+                feedbackText: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                feedbackVariant: {
+                    type: import("vue").PropType<"error" | "success" | "warning">;
+                    default: any;
+                };
+            }>> & {
+                onClick?: () => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "size" | "testId" | "loading" | "disabled" | "options" | "singleAppSelection" | "placeholder" | "open" | "mandatory" | "multi" | "selectedOption" | "brandIconType" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "hoverHelpText" | "hoverHelpTextPlacement" | "feedbackText" | "feedbackVariant">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $emit: (event: "click") => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                    default: string;
+                };
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "large">;
+                    default: string;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                loading: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                options: {
+                    type: import("vue").PropType<unknown[]>;
+                    default: any;
+                };
+                singleAppSelection: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                open: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
+                    default: boolean;
+                };
+                mandatory: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                multi: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                displayValue: {
+                    type: import("vue").PropType<(option: unknown) => string>;
+                    required: true;
+                };
+                selectedOption: {
+                    type: import("vue").PropType<unknown>;
+                    default: any;
+                };
+                brandIconType: {
+                    type: import("vue").PropType<"android" | "ios">;
+                    default: any;
+                };
+                optionNameKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                optionImageKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                optionIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                optionIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                    default: any;
+                };
+                hoverHelpText: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                hoverHelpTextPlacement: {
+                    type: import("vue").PropType<"auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end">;
+                    default: string;
+                };
+                feedbackText: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                feedbackVariant: {
+                    type: import("vue").PropType<"error" | "success" | "warning">;
+                    default: any;
+                };
+            }>> & {
+                onClick?: () => any;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                click: () => void;
+            }, string, {
+                label: string;
+                size: "small" | "medium" | "large";
+                testId: string;
+                loading: boolean;
+                disabled: boolean;
+                options: unknown[];
+                singleAppSelection: boolean;
+                placeholder: string;
+                open: boolean;
+                mandatory: boolean;
+                multi: boolean;
+                selectedOption: any;
+                brandIconType: "android" | "ios";
+                optionNameKey: string;
+                optionImageKey: string;
+                optionIconKey: string;
+                optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
+                hoverHelpText: string;
+                hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
+                feedbackText: string;
+                feedbackVariant: "error" | "success" | "warning";
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large">;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            options: {
+                type: import("vue").PropType<unknown[]>;
+                default: any;
+            };
+            singleAppSelection: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            open: {
+                type: import("vue").PropType<boolean>;
+                required: true;
+                default: boolean;
+            };
+            mandatory: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            multi: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            displayValue: {
+                type: import("vue").PropType<(option: unknown) => string>;
+                required: true;
+            };
+            selectedOption: {
+                type: import("vue").PropType<unknown>;
+                default: any;
+            };
+            brandIconType: {
+                type: import("vue").PropType<"android" | "ios">;
+                default: any;
+            };
+            optionNameKey: {
                 type: import("vue").PropType<string>;
-                default: string;
+                default: any;
             };
-            open: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-                default: boolean;
+            optionImageKey: {
+                type: import("vue").PropType<string>;
+                default: any;
             };
-            mandatory: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            optionIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
             };
-            feedbackVariant: {
-                type: import("vue").PropType<"error" | "success" | "warning">;
+            optionIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
                 default: any;
             };
             hoverHelpText: {
@@ -11510,8 +13236,8 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            brandIconType: {
-                type: import("vue").PropType<"android" | "ios">;
+            feedbackVariant: {
+                type: import("vue").PropType<"error" | "success" | "warning">;
                 default: any;
             };
         }>> & {
@@ -11542,12 +13268,8 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        selected: {
-            type: import("vue").PropType<unknown>;
-            default: any;
-        };
         options: {
-            type: import("vue").PropType<unknown>;
+            type: import("vue").PropType<unknown[]>;
             default: any;
         };
         singleAppSelection: {
@@ -11567,8 +13289,36 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        feedbackVariant: {
-            type: import("vue").PropType<"error" | "success" | "warning">;
+        multi: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        displayValue: {
+            type: import("vue").PropType<(option: unknown) => string>;
+            required: true;
+        };
+        selectedOption: {
+            type: import("vue").PropType<unknown>;
+            default: any;
+        };
+        brandIconType: {
+            type: import("vue").PropType<"android" | "ios">;
+            default: any;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionImageKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
             default: any;
         };
         hoverHelpText: {
@@ -11583,8 +13333,8 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        brandIconType: {
-            type: import("vue").PropType<"android" | "ios">;
+        feedbackVariant: {
+            type: import("vue").PropType<"error" | "success" | "warning">;
             default: any;
         };
     }>> & {
@@ -11597,20 +13347,26 @@ declare const _default: {
         testId: string;
         loading: boolean;
         disabled: boolean;
-        selected: any;
-        options: any;
+        options: unknown[];
         singleAppSelection: boolean;
         placeholder: string;
         open: boolean;
         mandatory: boolean;
-        feedbackVariant: "error" | "success" | "warning";
+        multi: boolean;
+        selectedOption: any;
+        brandIconType: "android" | "ios";
+        optionNameKey: string;
+        optionImageKey: string;
+        optionIconKey: string;
+        optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
         hoverHelpText: string;
         hoverHelpTextPlacement: "auto" | "auto-start" | "auto-end" | "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
         feedbackText: string;
-        brandIconType: "android" | "ios";
+        feedbackVariant: "error" | "success" | "warning";
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
-            "brand-icon"?(_: {}): any;
+            image?(_: {}): any;
+            "icon-start"?(_: {}): any;
         };
     })) | import("vue").DefineComponent<{
         testId: {
@@ -11635,6 +13391,10 @@ declare const _default: {
                 subtitle: string;
                 selectAllOption: boolean;
                 active: boolean;
+                nameKey: string;
+                imageKey: string;
+                iconKey: string;
+                iconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 option: {
                     type: import("vue").PropType<unknown>;
@@ -11663,7 +13423,23 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: any;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "isIndeterminate" | "subtitle" | "selectAllOption" | "active">;
+                nameKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                imageKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                iconKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                iconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                    default: any;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "isIndeterminate" | "subtitle" | "selectAllOption" | "active" | "nameKey" | "imageKey" | "iconKey" | "iconType">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -11705,6 +13481,22 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: any;
                 };
+                nameKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                imageKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                iconKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                iconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                    default: any;
+                };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 option: any;
                 disabled: boolean;
@@ -11712,6 +13504,10 @@ declare const _default: {
                 subtitle: string;
                 selectAllOption: boolean;
                 active: boolean;
+                nameKey: string;
+                imageKey: string;
+                iconKey: string;
+                iconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -11760,6 +13556,22 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: any;
             };
+            nameKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            imageKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            iconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            iconType: {
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: any;
+            };
         }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
@@ -11792,6 +13604,22 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: any;
         };
+        nameKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        imageKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        iconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        iconType: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: any;
+        };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         option: any;
         disabled: boolean;
@@ -11799,6 +13627,10 @@ declare const _default: {
         subtitle: string;
         selectAllOption: boolean;
         active: boolean;
+        nameKey: string;
+        imageKey: string;
+        iconKey: string;
+        iconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             image?(_: {}): any;
@@ -11833,6 +13665,11 @@ declare const _default: {
                 keepOpen: boolean;
                 autoSize: boolean;
                 disableKeyboardEvents: boolean;
+                valueToCopy: string;
+                optionNameKey: string;
+                optionImageKey: string;
+                optionIconKey: string;
+                optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
                 onClear: () => void;
                 inlineSearchPlaceholder: string;
                 triggerLabel: string;
@@ -11840,7 +13677,9 @@ declare const _default: {
                 triggerFeedbackText: string;
                 triggerFeedbackVariant: "error" | "success" | "warning";
                 searchAutoFocus: boolean;
-                predefinedTrigger: "default" | "icon-button" | "chip";
+                predefinedTrigger: "default" | "icon-button" | "chip" | "app";
+                fullWidth: boolean;
+                optionsListWidth: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 theme: {
                     type: import("vue").PropType<string>;
@@ -11936,7 +13775,7 @@ declare const _default: {
                 };
                 onSearch: {
                     type: import("vue").PropType<(option: any, term: string) => boolean>;
-                    default: () => true;
+                    default: any;
                 };
                 flip: {
                     type: import("vue").PropType<boolean>;
@@ -11954,6 +13793,26 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                valueToCopy: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                optionNameKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionImageKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                    default: any;
+                };
                 onClear: {
                     type: import("vue").PropType<() => void>;
                     default: () => true;
@@ -11983,8 +13842,16 @@ declare const _default: {
                     default: boolean;
                 };
                 predefinedTrigger: {
-                    type: import("vue").PropType<"default" | "icon-button" | "chip">;
-                    default: "default" | "icon-button" | "chip";
+                    type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
+                    default: "default" | "icon-button" | "chip" | "app";
+                };
+                fullWidth: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                optionsListWidth: {
+                    type: import("vue").PropType<string>;
+                    default: any;
                 };
             }>> & {
                 onApply?: (value: unknown) => any;
@@ -11992,7 +13859,7 @@ declare const _default: {
                 "onUpdate:isOpen"?: (value: unknown) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "size" | "testId" | "placement" | "disabled" | "container" | "popperClass" | "selected" | "modelValue" | "placeholder" | "mandatory" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "defaultOpen" | "distance" | "skidding" | "onSearch" | "flip" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "searchAutoFocus" | "predefinedTrigger">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "size" | "testId" | "placement" | "disabled" | "container" | "popperClass" | "selected" | "modelValue" | "placeholder" | "mandatory" | "isOnTop" | "multi" | "inlineSearch" | "noResultsText" | "defaultOpen" | "distance" | "skidding" | "onSearch" | "flip" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "valueToCopy" | "optionNameKey" | "optionImageKey" | "optionIconKey" | "optionIconType" | "onClear" | "inlineSearchPlaceholder" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "searchAutoFocus" | "predefinedTrigger" | "fullWidth" | "optionsListWidth">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -12101,7 +13968,7 @@ declare const _default: {
                 };
                 onSearch: {
                     type: import("vue").PropType<(option: any, term: string) => boolean>;
-                    default: () => true;
+                    default: any;
                 };
                 flip: {
                     type: import("vue").PropType<boolean>;
@@ -12119,6 +13986,26 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                valueToCopy: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                optionNameKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionImageKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionIconKey: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                optionIconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                    default: any;
+                };
                 onClear: {
                     type: import("vue").PropType<() => void>;
                     default: () => true;
@@ -12148,8 +14035,16 @@ declare const _default: {
                     default: boolean;
                 };
                 predefinedTrigger: {
-                    type: import("vue").PropType<"default" | "icon-button" | "chip">;
-                    default: "default" | "icon-button" | "chip";
+                    type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
+                    default: "default" | "icon-button" | "chip" | "app";
+                };
+                fullWidth: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                optionsListWidth: {
+                    type: import("vue").PropType<string>;
+                    default: any;
                 };
             }>> & {
                 onApply?: (value: unknown) => any;
@@ -12190,6 +14085,11 @@ declare const _default: {
                 keepOpen: boolean;
                 autoSize: boolean;
                 disableKeyboardEvents: boolean;
+                valueToCopy: string;
+                optionNameKey: string;
+                optionImageKey: string;
+                optionIconKey: string;
+                optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
                 onClear: () => void;
                 inlineSearchPlaceholder: string;
                 triggerLabel: string;
@@ -12197,7 +14097,9 @@ declare const _default: {
                 triggerFeedbackText: string;
                 triggerFeedbackVariant: "error" | "success" | "warning";
                 searchAutoFocus: boolean;
-                predefinedTrigger: "default" | "icon-button" | "chip";
+                predefinedTrigger: "default" | "icon-button" | "chip" | "app";
+                fullWidth: boolean;
+                optionsListWidth: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -12313,7 +14215,7 @@ declare const _default: {
             };
             onSearch: {
                 type: import("vue").PropType<(option: any, term: string) => boolean>;
-                default: () => true;
+                default: any;
             };
             flip: {
                 type: import("vue").PropType<boolean>;
@@ -12331,6 +14233,26 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            valueToCopy: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionNameKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionImageKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionIconKey: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            optionIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: any;
+            };
             onClear: {
                 type: import("vue").PropType<() => void>;
                 default: () => true;
@@ -12360,8 +14282,16 @@ declare const _default: {
                 default: boolean;
             };
             predefinedTrigger: {
-                type: import("vue").PropType<"default" | "icon-button" | "chip">;
-                default: "default" | "icon-button" | "chip";
+                type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
+                default: "default" | "icon-button" | "chip" | "app";
+            };
+            fullWidth: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            optionsListWidth: {
+                type: import("vue").PropType<string>;
+                default: any;
             };
         }>> & {
             onApply?: (value: unknown) => any;
@@ -12471,7 +14401,7 @@ declare const _default: {
         };
         onSearch: {
             type: import("vue").PropType<(option: any, term: string) => boolean>;
-            default: () => true;
+            default: any;
         };
         flip: {
             type: import("vue").PropType<boolean>;
@@ -12489,6 +14419,26 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        valueToCopy: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionNameKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionImageKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionIconKey: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        optionIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: any;
+        };
         onClear: {
             type: import("vue").PropType<() => void>;
             default: () => true;
@@ -12518,8 +14468,16 @@ declare const _default: {
             default: boolean;
         };
         predefinedTrigger: {
-            type: import("vue").PropType<"default" | "icon-button" | "chip">;
-            default: "default" | "icon-button" | "chip";
+            type: import("vue").PropType<"default" | "icon-button" | "chip" | "app">;
+            default: "default" | "icon-button" | "chip" | "app";
+        };
+        fullWidth: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        optionsListWidth: {
+            type: import("vue").PropType<string>;
+            default: any;
         };
     }>> & {
         onApply?: (value: unknown) => any;
@@ -12560,6 +14518,11 @@ declare const _default: {
         keepOpen: boolean;
         autoSize: boolean;
         disableKeyboardEvents: boolean;
+        valueToCopy: string;
+        optionNameKey: string;
+        optionImageKey: string;
+        optionIconKey: string;
+        optionIconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
         onClear: () => void;
         inlineSearchPlaceholder: string;
         triggerLabel: string;
@@ -12567,7 +14530,9 @@ declare const _default: {
         triggerFeedbackText: string;
         triggerFeedbackVariant: "error" | "success" | "warning";
         searchAutoFocus: boolean;
-        predefinedTrigger: "default" | "icon-button" | "chip";
+        predefinedTrigger: "default" | "icon-button" | "chip" | "app";
+        fullWidth: boolean;
+        optionsListWidth: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {}): any;
@@ -12593,6 +14558,10 @@ declare const _default: {
                 subtitle: string;
                 selectAllOption: boolean;
                 active: boolean;
+                nameKey: string;
+                imageKey: string;
+                iconKey: string;
+                iconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 option: {
                     type: import("vue").PropType<unknown>;
@@ -12621,7 +14590,23 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: any;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "isIndeterminate" | "subtitle" | "selectAllOption" | "active">;
+                nameKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                imageKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                iconKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                iconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                    default: any;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "isIndeterminate" | "subtitle" | "selectAllOption" | "active" | "nameKey" | "imageKey" | "iconKey" | "iconType">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -12663,6 +14648,22 @@ declare const _default: {
                     type: import("vue").PropType<boolean>;
                     default: any;
                 };
+                nameKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                imageKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                iconKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
+                iconType: {
+                    type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                    default: any;
+                };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 option: any;
                 disabled: boolean;
@@ -12670,6 +14671,10 @@ declare const _default: {
                 subtitle: string;
                 selectAllOption: boolean;
                 active: boolean;
+                nameKey: string;
+                imageKey: string;
+                iconKey: string;
+                iconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -12718,6 +14723,22 @@ declare const _default: {
                 type: import("vue").PropType<boolean>;
                 default: any;
             };
+            nameKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            imageKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            iconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            iconType: {
+                type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+                default: any;
+            };
         }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
@@ -12750,6 +14771,22 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
             default: any;
         };
+        nameKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        imageKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        iconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        iconType: {
+            type: import("vue").PropType<"fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit">;
+            default: any;
+        };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         option: any;
         disabled: boolean;
@@ -12757,6 +14794,10 @@ declare const _default: {
         subtitle: string;
         selectAllOption: boolean;
         active: boolean;
+        nameKey: string;
+        imageKey: string;
+        iconKey: string;
+        iconType: "fill" | "bold" | "ab-test" | "regular" | "branded" | "ad-unit";
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             image?(_: {}): any;