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

package/index.d.ts

@@ -10,7 +10,6 @@ export * from '@/composables/useId';
 export * from '@/components/filterDropdown';
 export * from '@/components/typography';
 export * from '@/components/typography/v4';
-export * from '@/components/popover';
 export * from '@/components/multibar';
 export * from '@/components/layout';
 export * from '@/components/forms';
@@ -21,6 +20,420 @@ import * as tableV4 from '@/components/table/v4';
 import * as tableCellsV3 from '@/components/table-cells/v3';
 import * as snackbarV3 from '@/components/snackbar/v3';
 declare const _default: {
+    Popover: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                disabled: boolean;
+                testId: string;
+                placement: import("floating-vue").Placement;
+                distance: number;
+                popperClass: string;
+                autoHide: boolean;
+                skidding: number;
+                trigger: "touch" | "click" | "focus" | "hover" | "managed";
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                placement: {
+                    type: import("vue").PropType<import("floating-vue").Placement>;
+                    default: string;
+                };
+                distance: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                popperClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                autoHide: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                skidding: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                trigger: {
+                    type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                    default: string;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "testId" | "placement" | "distance" | "popperClass" | "autoHide" | "skidding" | "trigger">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                placement: {
+                    type: import("vue").PropType<import("floating-vue").Placement>;
+                    default: string;
+                };
+                distance: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                popperClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                autoHide: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                skidding: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                trigger: {
+                    type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                    default: string;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                disabled: boolean;
+                testId: string;
+                placement: import("floating-vue").Placement;
+                distance: number;
+                popperClass: string;
+                autoHide: boolean;
+                skidding: number;
+                trigger: "touch" | "click" | "focus" | "hover" | "managed";
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placement: {
+                type: import("vue").PropType<import("floating-vue").Placement>;
+                default: string;
+            };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            trigger: {
+                type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                default: string;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placement: {
+            type: import("vue").PropType<import("floating-vue").Placement>;
+            default: string;
+        };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        popperClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        autoHide: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        skidding: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        trigger: {
+            type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+            default: string;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        disabled: boolean;
+        testId: string;
+        placement: import("floating-vue").Placement;
+        distance: number;
+        popperClass: string;
+        autoHide: boolean;
+        skidding: number;
+        trigger: "touch" | "click" | "focus" | "hover" | "managed";
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            trigger?(_: {}): any;
+            content?(_: {}): any;
+        };
+    });
+    PopoverTypes: () => ({
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                disabled: boolean;
+                testId: string;
+                placement: import("floating-vue").Placement;
+                distance: number;
+                popperClass: string;
+                autoHide: boolean;
+                skidding: number;
+                trigger: "touch" | "click" | "focus" | "hover" | "managed";
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                placement: {
+                    type: import("vue").PropType<import("floating-vue").Placement>;
+                    default: string;
+                };
+                distance: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                popperClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                autoHide: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                skidding: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                trigger: {
+                    type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                    default: string;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "testId" | "placement" | "distance" | "popperClass" | "autoHide" | "skidding" | "trigger">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                testId: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                placement: {
+                    type: import("vue").PropType<import("floating-vue").Placement>;
+                    default: string;
+                };
+                distance: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                popperClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                autoHide: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                skidding: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                trigger: {
+                    type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                    default: string;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                disabled: boolean;
+                testId: string;
+                placement: import("floating-vue").Placement;
+                distance: number;
+                popperClass: string;
+                autoHide: boolean;
+                skidding: number;
+                trigger: "touch" | "click" | "focus" | "hover" | "managed";
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placement: {
+                type: import("vue").PropType<import("floating-vue").Placement>;
+                default: string;
+            };
+            distance: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            popperClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            autoHide: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            skidding: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            trigger: {
+                type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+                default: string;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placement: {
+            type: import("vue").PropType<import("floating-vue").Placement>;
+            default: string;
+        };
+        distance: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        popperClass: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        autoHide: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        skidding: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        trigger: {
+            type: import("vue").PropType<"touch" | "click" | "focus" | "hover" | "managed">;
+            default: string;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        disabled: boolean;
+        testId: string;
+        placement: import("floating-vue").Placement;
+        distance: number;
+        popperClass: string;
+        autoHide: boolean;
+        skidding: number;
+        trigger: "touch" | "click" | "focus" | "hover" | "managed";
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            trigger?(_: {}): any;
+            content?(_: {}): any;
+        };
+    }))[];
     DateRange: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
@@ -3011,6 +3424,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        maxLengthCounterPosition: {
+            type: import("vue").PropType<"inside" | "outside">;
+            default: string;
+        };
         feedbackText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -3070,6 +3487,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        maxLengthCounterPosition: {
+            type: import("vue").PropType<"inside" | "outside">;
+            default: string;
+        };
         feedbackText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -3096,6 +3517,7 @@ declare const _default: {
         maxLength: number;
         modelValue: string;
         placeholder: string;
+        maxLengthCounterPosition: "inside" | "outside";
         feedbackText: string;
         feedbackVariant: "success" | "warning" | "error";
         showFeedbackTextIcon: boolean;
@@ -3145,6 +3567,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        maxLengthCounterPosition: {
+            type: import("vue").PropType<"inside" | "outside">;
+            default: string;
+        };
         feedbackText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -3204,6 +3630,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        maxLengthCounterPosition: {
+            type: import("vue").PropType<"inside" | "outside">;
+            default: string;
+        };
         feedbackText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -3230,6 +3660,7 @@ declare const _default: {
         maxLength: number;
         modelValue: string;
         placeholder: string;
+        maxLengthCounterPosition: "inside" | "outside";
         feedbackText: string;
         feedbackVariant: "success" | "warning" | "error";
         showFeedbackTextIcon: boolean;
@@ -5223,6 +5654,10 @@ declare const _default: {
         menuItems: tableV4.MenuItem[];
     }>;
     DataGridRowsCounter: import("vue").DefineComponent<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         count: {
             type: import("vue").PropType<number>;
             default: number;
@@ -5244,6 +5679,10 @@ declare const _default: {
             default: string;
         };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         count: {
             type: import("vue").PropType<number>;
             default: number;
@@ -5265,6 +5704,7 @@ declare const _default: {
             default: string;
         };
     }>>, {
+        testId: string;
         count: number;
         totalCount: number;
         displayingText: string;
@@ -5955,6 +6395,10 @@ declare const _default: {
         rowIndex: number;
         menuItems: tableV4.MenuItem[];
     }> | import("vue").DefineComponent<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         count: {
             type: import("vue").PropType<number>;
             default: number;
@@ -5976,6 +6420,10 @@ declare const _default: {
             default: string;
         };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         count: {
             type: import("vue").PropType<number>;
             default: number;
@@ -5997,6 +6445,7 @@ declare const _default: {
             default: string;
         };
     }>>, {
+        testId: string;
         count: number;
         totalCount: number;
         displayingText: string;
@@ -8359,18 +8808,22 @@ declare const _default: {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
+                container: string;
                 header: string;
                 text: string;
                 theme: string;
                 disabled: boolean;
                 testId: string;
-                container: string;
                 delay: number;
                 triggers: ("touch" | "click" | "focus" | "hover")[];
                 forceShowWithTruncate: boolean;
                 placement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
                 distance: string | number;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                container: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 header: {
                     type: import("vue").PropType<string>;
                     default: any;
@@ -8391,10 +8844,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                container: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 delay: {
                     type: import("vue").PropType<number>;
                     default: number;
@@ -8417,7 +8866,7 @@ declare const _default: {
                 };
             }>> & {
                 onShow?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "disabled" | "testId" | "container" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "distance">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "header" | "text" | "theme" | "disabled" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "distance">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -8432,6 +8881,10 @@ declare const _default: {
             $emit: (event: "show") => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                container: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 header: {
                     type: import("vue").PropType<string>;
                     default: any;
@@ -8452,10 +8905,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                container: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 delay: {
                     type: import("vue").PropType<number>;
                     default: number;
@@ -8481,12 +8930,12 @@ declare const _default: {
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 show: () => void;
             }, string, {
+                container: string;
                 header: string;
                 text: string;
                 theme: string;
                 disabled: boolean;
                 testId: string;
-                container: string;
                 delay: number;
                 triggers: ("touch" | "click" | "focus" | "hover")[];
                 forceShowWithTruncate: boolean;
@@ -8513,6 +8962,10 @@ declare const _default: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
+            container: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             header: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -8533,10 +8986,6 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            container: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             delay: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -8564,6 +9013,10 @@ declare const _default: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        container: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         header: {
             type: import("vue").PropType<string>;
             default: any;
@@ -8584,10 +9037,6 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        container: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         delay: {
             type: import("vue").PropType<number>;
             default: number;
@@ -8613,12 +9062,12 @@ declare const _default: {
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         show: () => void;
     }, string, {
+        container: string;
         header: string;
         text: string;
         theme: string;
         disabled: boolean;
         testId: string;
-        container: string;
         delay: number;
         triggers: ("touch" | "click" | "focus" | "hover")[];
         forceShowWithTruncate: boolean;
@@ -8637,18 +9086,22 @@ declare const _default: {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
+                container: string;
                 header: string;
                 text: string;
                 theme: string;
                 disabled: boolean;
                 testId: string;
-                container: string;
                 delay: number;
                 triggers: ("touch" | "click" | "focus" | "hover")[];
                 forceShowWithTruncate: boolean;
                 placement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
                 distance: string | number;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                container: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 header: {
                     type: import("vue").PropType<string>;
                     default: any;
@@ -8669,10 +9122,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                container: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 delay: {
                     type: import("vue").PropType<number>;
                     default: number;
@@ -8695,7 +9144,7 @@ declare const _default: {
                 };
             }>> & {
                 onShow?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "text" | "theme" | "disabled" | "testId" | "container" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "distance">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "header" | "text" | "theme" | "disabled" | "testId" | "delay" | "triggers" | "forceShowWithTruncate" | "placement" | "distance">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -8710,6 +9159,10 @@ declare const _default: {
             $emit: (event: "show") => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                container: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 header: {
                     type: import("vue").PropType<string>;
                     default: any;
@@ -8730,10 +9183,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                container: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 delay: {
                     type: import("vue").PropType<number>;
                     default: number;
@@ -8759,12 +9208,12 @@ declare const _default: {
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 show: () => void;
             }, string, {
+                container: string;
                 header: string;
                 text: string;
                 theme: string;
                 disabled: boolean;
                 testId: string;
-                container: string;
                 delay: number;
                 triggers: ("touch" | "click" | "focus" | "hover")[];
                 forceShowWithTruncate: boolean;
@@ -8791,6 +9240,10 @@ declare const _default: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
+            container: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             header: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -8811,10 +9264,6 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            container: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             delay: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -8842,6 +9291,10 @@ declare const _default: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        container: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         header: {
             type: import("vue").PropType<string>;
             default: any;
@@ -8862,10 +9315,6 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        container: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         delay: {
             type: import("vue").PropType<number>;
             default: number;
@@ -8891,12 +9340,12 @@ declare const _default: {
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         show: () => void;
     }, string, {
+        container: string;
         header: string;
         text: string;
         theme: string;
         disabled: boolean;
         testId: string;
-        container: string;
         delay: number;
         triggers: ("touch" | "click" | "focus" | "hover")[];
         forceShowWithTruncate: boolean;
@@ -11226,6 +11675,7 @@ declare const _default: {
                 onlyDigits: boolean;
                 prefix: string;
                 suffix: string;
+                maxLengthCounterPosition: "inside" | "outside";
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
@@ -11311,6 +11761,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                maxLengthCounterPosition: {
+                    type: import("vue").PropType<"inside" | "outside">;
+                    default: string;
+                };
                 showApply: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -11346,7 +11800,7 @@ declare const _default: {
             }>> & {
                 "onUpdate:modelValue"?: (value: string | number) => any;
                 onApply?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLengthCounterPosition" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -11437,6 +11891,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                maxLengthCounterPosition: {
+                    type: import("vue").PropType<"inside" | "outside">;
+                    default: string;
+                };
                 showApply: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -11497,6 +11955,7 @@ declare const _default: {
                 onlyDigits: boolean;
                 prefix: string;
                 suffix: string;
+                maxLengthCounterPosition: "inside" | "outside";
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
@@ -11602,6 +12061,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            maxLengthCounterPosition: {
+                type: import("vue").PropType<"inside" | "outside">;
+                default: string;
+            };
             showApply: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -11720,6 +12183,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        maxLengthCounterPosition: {
+            type: import("vue").PropType<"inside" | "outside">;
+            default: string;
+        };
         showApply: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -11780,6 +12247,7 @@ declare const _default: {
         onlyDigits: boolean;
         prefix: string;
         suffix: string;
+        maxLengthCounterPosition: "inside" | "outside";
         showApply: boolean;
         inlineError: boolean;
         inlineErrorText: string;
@@ -11818,6 +12286,7 @@ declare const _default: {
                 onlyDigits: boolean;
                 prefix: string;
                 suffix: string;
+                maxLengthCounterPosition: "inside" | "outside";
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
@@ -11903,6 +12372,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                maxLengthCounterPosition: {
+                    type: import("vue").PropType<"inside" | "outside">;
+                    default: string;
+                };
                 showApply: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -11938,7 +12411,7 @@ declare const _default: {
             }>> & {
                 "onUpdate:modelValue"?: (value: string | number) => any;
                 onApply?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "label" | "disabled" | "size" | "mandatory" | "testId" | "hoverHelpText" | "hoverHelpTextPlacement" | "maxLength" | "modelValue" | "placeholder" | "viewOnly" | "labelDirection" | "autoFocus" | "hideNumberArrows" | "step" | "onlyDigits" | "prefix" | "suffix" | "maxLengthCounterPosition" | "showApply" | "inlineError" | "inlineErrorText" | "inlineErrorTextPlacement" | "feedbackText" | "feedbackVariant" | "showFeedbackTextIcon" | "feedbackPositionAbsolute">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -12029,6 +12502,10 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                maxLengthCounterPosition: {
+                    type: import("vue").PropType<"inside" | "outside">;
+                    default: string;
+                };
                 showApply: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -12089,6 +12566,7 @@ declare const _default: {
                 onlyDigits: boolean;
                 prefix: string;
                 suffix: string;
+                maxLengthCounterPosition: "inside" | "outside";
                 showApply: boolean;
                 inlineError: boolean;
                 inlineErrorText: string;
@@ -12194,6 +12672,10 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            maxLengthCounterPosition: {
+                type: import("vue").PropType<"inside" | "outside">;
+                default: string;
+            };
             showApply: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -12312,6 +12794,10 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        maxLengthCounterPosition: {
+            type: import("vue").PropType<"inside" | "outside">;
+            default: string;
+        };
         showApply: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -12372,6 +12858,7 @@ declare const _default: {
         onlyDigits: boolean;
         prefix: string;
         suffix: string;
+        maxLengthCounterPosition: "inside" | "outside";
         showApply: boolean;
         inlineError: boolean;
         inlineErrorText: string;
@@ -14494,13 +14981,13 @@ declare const _default: {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
+                container: string;
                 theme: string;
                 disabled: boolean;
                 size: "small" | "medium" | "large";
                 flip: boolean;
                 mandatory: boolean;
                 testId: string;
-                container: string;
                 placement: import("floating-vue").Placement;
                 distance: number;
                 popperClass: string;
@@ -14536,12 +15023,18 @@ declare const _default: {
                 optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 valueToCopy: string;
                 disabledOptionKey: string;
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
                 disableVirtualScroll: boolean;
                 overrideOptionCountCalculation: (option: unknown) => number;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                container: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 theme: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -14569,10 +15062,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                container: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 placement: {
                     type: import("vue").PropType<import("floating-vue").Placement>;
                     default: string;
@@ -14724,6 +15213,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -14753,7 +15250,7 @@ declare const _default: {
                 "onUpdate:isOpen"?: (value: unknown) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -14768,6 +15265,10 @@ declare const _default: {
             $emit: ((event: "clear") => void) & ((event: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "selectAll") => void) & ((event: "opened") => void) & ((event: "closed") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                container: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 theme: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -14795,10 +15296,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                container: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 placement: {
                     type: import("vue").PropType<import("floating-vue").Placement>;
                     default: string;
@@ -14950,6 +15447,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -14992,13 +15497,13 @@ declare const _default: {
                 clear: () => void;
                 copyToClipboard: () => void;
             }, string, {
+                container: string;
                 theme: string;
                 disabled: boolean;
                 size: "small" | "medium" | "large";
                 flip: boolean;
                 mandatory: boolean;
                 testId: string;
-                container: string;
                 placement: import("floating-vue").Placement;
                 distance: number;
                 popperClass: string;
@@ -15034,6 +15539,8 @@ declare const _default: {
                 optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 valueToCopy: string;
                 disabledOptionKey: string;
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -15060,6 +15567,10 @@ declare const _default: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
+            container: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             theme: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -15087,10 +15598,6 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            container: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             placement: {
                 type: import("vue").PropType<import("floating-vue").Placement>;
                 default: string;
@@ -15242,6 +15749,14 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            optionTwoLinesVariant: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: any;
+            };
+            optionTwoLinesKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -15279,6 +15794,10 @@ declare const _default: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        container: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         theme: {
             type: import("vue").PropType<string>;
             default: string;
@@ -15306,10 +15825,6 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        container: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         placement: {
             type: import("vue").PropType<import("floating-vue").Placement>;
             default: string;
@@ -15461,6 +15976,14 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        optionTwoLinesVariant: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: any;
+        };
+        optionTwoLinesKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         fullWidth: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -15503,13 +16026,13 @@ declare const _default: {
         clear: () => void;
         copyToClipboard: () => void;
     }, string, {
+        container: string;
         theme: string;
         disabled: boolean;
         size: "small" | "medium" | "large";
         flip: boolean;
         mandatory: boolean;
         testId: string;
-        container: string;
         placement: import("floating-vue").Placement;
         distance: number;
         popperClass: string;
@@ -15545,6 +16068,8 @@ declare const _default: {
         optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         valueToCopy: string;
         disabledOptionKey: string;
+        optionTwoLinesVariant: "horizontal" | "vertical";
+        optionTwoLinesKey: string;
         fullWidth: boolean;
         optionsListWidth: string;
         statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -17910,6 +18435,8 @@ declare const _default: {
                 disabled: boolean;
                 active: boolean;
                 endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 isIndeterminate: boolean;
                 subtitle: string;
                 selectAllOption: boolean;
@@ -17936,6 +18463,14 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 isIndeterminate: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -17975,7 +18510,7 @@ declare const _default: {
                 selectedProp: {
                     type: import("vue").PropType<boolean>;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -18006,6 +18541,14 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 isIndeterminate: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -18050,6 +18593,8 @@ declare const _default: {
                 disabled: boolean;
                 active: boolean;
                 endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 isIndeterminate: boolean;
                 subtitle: string;
                 selectAllOption: boolean;
@@ -18096,6 +18641,14 @@ declare const _default: {
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
+            optionTwoLinesVariant: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: any;
+            };
+            optionTwoLinesKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             isIndeterminate: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -18156,6 +18709,14 @@ declare const _default: {
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
+        optionTwoLinesVariant: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: any;
+        };
+        optionTwoLinesKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         isIndeterminate: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -18200,6 +18761,8 @@ declare const _default: {
         disabled: boolean;
         active: boolean;
         endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionTwoLinesVariant: "horizontal" | "vertical";
+        optionTwoLinesKey: string;
         isIndeterminate: boolean;
         subtitle: string;
         selectAllOption: boolean;
@@ -18332,13 +18895,13 @@ declare const _default: {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
+                container: string;
                 theme: string;
                 disabled: boolean;
                 size: "small" | "medium" | "large";
                 flip: boolean;
                 mandatory: boolean;
                 testId: string;
-                container: string;
                 placement: import("floating-vue").Placement;
                 distance: number;
                 popperClass: string;
@@ -18374,12 +18937,18 @@ declare const _default: {
                 optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 valueToCopy: string;
                 disabledOptionKey: string;
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
                 disableVirtualScroll: boolean;
                 overrideOptionCountCalculation: (option: unknown) => number;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                container: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 theme: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -18407,10 +18976,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                container: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 placement: {
                     type: import("vue").PropType<import("floating-vue").Placement>;
                     default: string;
@@ -18562,6 +19127,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -18591,7 +19164,7 @@ declare const _default: {
                 "onUpdate:isOpen"?: (value: unknown) => any;
                 onOpened?: () => any;
                 onClosed?: () => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "container" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "container" | "theme" | "disabled" | "size" | "flip" | "mandatory" | "testId" | "placement" | "distance" | "popperClass" | "selected" | "onClear" | "modelValue" | "placeholder" | "multi" | "showSelectAll" | "defaultOpen" | "keepOpen" | "autoSize" | "disableKeyboardEvents" | "isOnTop" | "skidding" | "triggerLabel" | "triggerHelperText" | "triggerFeedbackText" | "triggerFeedbackVariant" | "triggerFeedbackShowIcon" | "triggerShowAllSelectedText" | "predefinedTrigger" | "inlineSearch" | "inlineSearchPlaceholder" | "onSearch" | "noResultsText" | "searchAutoFocus" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "disabledOptionKey" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "fullWidth" | "optionsListWidth" | "statusType" | "disableVirtualScroll" | "overrideOptionCountCalculation">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -18606,6 +19179,10 @@ declare const _default: {
             $emit: ((event: "clear") => void) & ((event: "copyToClipboard") => void) & ((event: "apply", value: unknown) => void) & ((event: "update:selected", value: unknown) => void) & ((event: "update:isOpen", value: unknown) => void) & ((event: "selectAll") => void) & ((event: "opened") => void) & ((event: "closed") => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                container: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 theme: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -18633,10 +19210,6 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                container: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 placement: {
                     type: import("vue").PropType<import("floating-vue").Placement>;
                     default: string;
@@ -18788,6 +19361,14 @@ declare const _default: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 fullWidth: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -18830,13 +19411,13 @@ declare const _default: {
                 clear: () => void;
                 copyToClipboard: () => void;
             }, string, {
+                container: string;
                 theme: string;
                 disabled: boolean;
                 size: "small" | "medium" | "large";
                 flip: boolean;
                 mandatory: boolean;
                 testId: string;
-                container: string;
                 placement: import("floating-vue").Placement;
                 distance: number;
                 popperClass: string;
@@ -18872,6 +19453,8 @@ declare const _default: {
                 optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 valueToCopy: string;
                 disabledOptionKey: string;
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 fullWidth: boolean;
                 optionsListWidth: string;
                 statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -18898,6 +19481,10 @@ declare const _default: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
+            container: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             theme: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -18925,10 +19512,6 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            container: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             placement: {
                 type: import("vue").PropType<import("floating-vue").Placement>;
                 default: string;
@@ -19080,6 +19663,14 @@ declare const _default: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            optionTwoLinesVariant: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: any;
+            };
+            optionTwoLinesKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             fullWidth: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -19117,6 +19708,10 @@ declare const _default: {
         __isTeleport?: never;
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        container: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         theme: {
             type: import("vue").PropType<string>;
             default: string;
@@ -19144,10 +19739,6 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        container: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         placement: {
             type: import("vue").PropType<import("floating-vue").Placement>;
             default: string;
@@ -19299,6 +19890,14 @@ declare const _default: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        optionTwoLinesVariant: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: any;
+        };
+        optionTwoLinesKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         fullWidth: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -19341,13 +19940,13 @@ declare const _default: {
         clear: () => void;
         copyToClipboard: () => void;
     }, string, {
+        container: string;
         theme: string;
         disabled: boolean;
         size: "small" | "medium" | "large";
         flip: boolean;
         mandatory: boolean;
         testId: string;
-        container: string;
         placement: import("floating-vue").Placement;
         distance: number;
         popperClass: string;
@@ -19383,6 +19982,8 @@ declare const _default: {
         optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         valueToCopy: string;
         disabledOptionKey: string;
+        optionTwoLinesVariant: "horizontal" | "vertical";
+        optionTwoLinesKey: string;
         fullWidth: boolean;
         optionsListWidth: string;
         statusType: "default" | "disabled" | "success" | "warning" | "error" | "archive";
@@ -19664,6 +20265,8 @@ declare const _default: {
                 disabled: boolean;
                 active: boolean;
                 endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 isIndeterminate: boolean;
                 subtitle: string;
                 selectAllOption: boolean;
@@ -19690,6 +20293,14 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 isIndeterminate: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -19729,7 +20340,7 @@ declare const _default: {
                 selectedProp: {
                     type: import("vue").PropType<boolean>;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "option" | "disabled" | "active" | "endIconType" | "optionTwoLinesVariant" | "optionTwoLinesKey" | "isIndeterminate" | "subtitle" | "selectAllOption" | "nameKey" | "imageKey" | "iconKey" | "iconType" | "endIconKey" | "toolTipPlacement">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -19760,6 +20371,14 @@ declare const _default: {
                     type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
+                optionTwoLinesVariant: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: any;
+                };
+                optionTwoLinesKey: {
+                    type: import("vue").PropType<string>;
+                    default: any;
+                };
                 isIndeterminate: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -19804,6 +20423,8 @@ declare const _default: {
                 disabled: boolean;
                 active: boolean;
                 endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 isIndeterminate: boolean;
                 subtitle: string;
                 selectAllOption: boolean;
@@ -19850,6 +20471,14 @@ declare const _default: {
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
+            optionTwoLinesVariant: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: any;
+            };
+            optionTwoLinesKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
             isIndeterminate: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -19910,6 +20539,14 @@ declare const _default: {
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
+        optionTwoLinesVariant: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: any;
+        };
+        optionTwoLinesKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
         isIndeterminate: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -19954,6 +20591,8 @@ declare const _default: {
         disabled: boolean;
         active: boolean;
         endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionTwoLinesVariant: "horizontal" | "vertical";
+        optionTwoLinesKey: string;
         isIndeterminate: boolean;
         subtitle: string;
         selectAllOption: boolean;