@ironsource/shared-ui 2.1.7-rc.0 → 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;
@@ -3773,7 +4204,7 @@ declare const _default: {
                 iconName: string;
                 iconSize: string;
                 subtitle: string;
-                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 buttonText: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 title: {
@@ -3797,7 +4228,7 @@ declare const _default: {
                     default: any;
                 };
                 iconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
                 buttonText: {
@@ -3842,7 +4273,7 @@ declare const _default: {
                     default: any;
                 };
                 iconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
                 buttonText: {
@@ -3859,7 +4290,7 @@ declare const _default: {
                 iconName: string;
                 iconSize: string;
                 subtitle: string;
-                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 buttonText: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -3903,7 +4334,7 @@ declare const _default: {
                 default: any;
             };
             iconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
             buttonText: {
@@ -3938,7 +4369,7 @@ declare const _default: {
             default: any;
         };
         iconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
         buttonText: {
@@ -3955,7 +4386,7 @@ declare const _default: {
         iconName: string;
         iconSize: string;
         subtitle: string;
-        iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         buttonText: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -3973,7 +4404,7 @@ declare const _default: {
                 iconName: string;
                 iconSize: string;
                 subtitle: string;
-                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 buttonText: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 title: {
@@ -3997,7 +4428,7 @@ declare const _default: {
                     default: any;
                 };
                 iconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
                 buttonText: {
@@ -4042,7 +4473,7 @@ declare const _default: {
                     default: any;
                 };
                 iconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
                 buttonText: {
@@ -4059,7 +4490,7 @@ declare const _default: {
                 iconName: string;
                 iconSize: string;
                 subtitle: string;
-                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 buttonText: string;
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -4103,7 +4534,7 @@ declare const _default: {
                 default: any;
             };
             iconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
             buttonText: {
@@ -4138,7 +4569,7 @@ declare const _default: {
             default: any;
         };
         iconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
         buttonText: {
@@ -4155,7 +4586,7 @@ declare const _default: {
         iconName: string;
         iconSize: string;
         subtitle: string;
-        iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         buttonText: string;
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -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;
@@ -10147,7 +10596,7 @@ declare const _default: {
             $data: {};
             $props: Partial<{
                 name: string;
-                type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 color: string;
                 size: string;
                 height: string;
@@ -10158,7 +10607,7 @@ declare const _default: {
                     default: any;
                 };
                 type: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
                 color: {
@@ -10197,7 +10646,7 @@ declare const _default: {
                     default: any;
                 };
                 type: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
                 color: {
@@ -10218,7 +10667,7 @@ declare const _default: {
                 };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 name: string;
-                type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 color: string;
                 size: string;
                 height: string;
@@ -10249,7 +10698,7 @@ declare const _default: {
                 default: any;
             };
             type: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
             color: {
@@ -10278,7 +10727,7 @@ declare const _default: {
             default: any;
         };
         type: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
         color: {
@@ -10299,7 +10748,7 @@ declare const _default: {
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         name: string;
-        type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         color: string;
         size: string;
         height: string;
@@ -10315,7 +10764,7 @@ declare const _default: {
             $data: {};
             $props: Partial<{
                 name: string;
-                type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 color: string;
                 size: string;
                 height: string;
@@ -10326,7 +10775,7 @@ declare const _default: {
                     default: any;
                 };
                 type: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
                 color: {
@@ -10365,7 +10814,7 @@ declare const _default: {
                     default: any;
                 };
                 type: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
                 color: {
@@ -10386,7 +10835,7 @@ declare const _default: {
                 };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 name: string;
-                type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 color: string;
                 size: string;
                 height: string;
@@ -10417,7 +10866,7 @@ declare const _default: {
                 default: any;
             };
             type: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
             color: {
@@ -10446,7 +10895,7 @@ declare const _default: {
             default: any;
         };
         type: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
         color: {
@@ -10467,7 +10916,7 @@ declare const _default: {
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         name: string;
-        type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         color: string;
         size: string;
         height: string;
@@ -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;
@@ -14531,17 +15018,23 @@ declare const _default: {
                 optionNameKey: string;
                 optionIconKey: string;
                 optionImageKey: string;
-                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 optionEndIconKey: string;
-                optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                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;
@@ -14705,7 +15194,7 @@ declare const _default: {
                     default: string;
                 };
                 optionIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
                 optionEndIconKey: {
@@ -14713,7 +15202,7 @@ declare const _default: {
                     default: string;
                 };
                 optionEndIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
                 valueToCopy: {
@@ -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;
@@ -14931,7 +15428,7 @@ declare const _default: {
                     default: string;
                 };
                 optionIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
                 optionEndIconKey: {
@@ -14939,7 +15436,7 @@ declare const _default: {
                     default: string;
                 };
                 optionEndIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
                 valueToCopy: {
@@ -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;
@@ -15029,11 +15534,13 @@ declare const _default: {
                 optionNameKey: string;
                 optionIconKey: string;
                 optionImageKey: string;
-                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 optionEndIconKey: string;
-                optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                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;
@@ -15223,7 +15730,7 @@ declare const _default: {
                 default: string;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
             optionEndIconKey: {
@@ -15231,7 +15738,7 @@ declare const _default: {
                 default: string;
             };
             optionEndIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
             valueToCopy: {
@@ -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;
@@ -15442,7 +15957,7 @@ declare const _default: {
             default: string;
         };
         optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
         optionEndIconKey: {
@@ -15450,7 +15965,7 @@ declare const _default: {
             default: string;
         };
         optionEndIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
         valueToCopy: {
@@ -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;
@@ -15540,11 +16063,13 @@ declare const _default: {
         optionNameKey: string;
         optionIconKey: string;
         optionImageKey: string;
-        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         optionEndIconKey: string;
-        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        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";
@@ -15596,7 +16121,7 @@ declare const _default: {
                 optionNameKey: string;
                 optionIconKey: string;
                 optionImageKey: string;
-                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 selectedOption: any;
                 showFeedbackIcon: boolean;
                 brandIconType: "android" | "ios";
@@ -15682,7 +16207,7 @@ declare const _default: {
                     default: any;
                 };
                 optionIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
                 selectedOption: {
@@ -15801,7 +16326,7 @@ declare const _default: {
                     default: any;
                 };
                 optionIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
                 selectedOption: {
@@ -15847,7 +16372,7 @@ declare const _default: {
                 optionNameKey: string;
                 optionIconKey: string;
                 optionImageKey: string;
-                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 selectedOption: any;
                 showFeedbackIcon: boolean;
                 brandIconType: "android" | "ios";
@@ -15953,7 +16478,7 @@ declare const _default: {
                 default: any;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
             selectedOption: {
@@ -16062,7 +16587,7 @@ declare const _default: {
             default: any;
         };
         optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
         selectedOption: {
@@ -16108,7 +16633,7 @@ declare const _default: {
         optionNameKey: string;
         optionIconKey: string;
         optionImageKey: string;
-        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         selectedOption: any;
         showFeedbackIcon: boolean;
         brandIconType: "android" | "ios";
@@ -16263,7 +16788,7 @@ declare const _default: {
             default: any;
         };
         startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
         hideEndIcon: {
@@ -16302,7 +16827,7 @@ declare const _default: {
             default: any;
         };
         startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
         hideEndIcon: {
@@ -16318,7 +16843,7 @@ declare const _default: {
         open: boolean;
         testId: string;
         startIconName: string;
-        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         hideEndIcon: boolean;
     }>;
     ButtonFilterDropdownTrigger: import("vue").DefineComponent<{
@@ -16347,7 +16872,7 @@ declare const _default: {
             default: any;
         };
         startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
         hideEndIcon: {
@@ -16382,7 +16907,7 @@ declare const _default: {
             default: any;
         };
         startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
         hideEndIcon: {
@@ -16397,7 +16922,7 @@ declare const _default: {
         open: boolean;
         testId: string;
         startIconName: string;
-        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         hideEndIcon: boolean;
     }>;
     AppDropdownTrigger: {
@@ -16419,9 +16944,9 @@ declare const _default: {
                 optionNameKey: string;
                 optionIconKey: string;
                 optionImageKey: string;
-                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 optionEndIconKey: string;
-                optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 valueToCopy: string;
                 selectedOption: any;
                 brandIconType: "android" | "ios";
@@ -16489,7 +17014,7 @@ declare const _default: {
                     default: any;
                 };
                 optionIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
                 optionEndIconKey: {
@@ -16497,7 +17022,7 @@ declare const _default: {
                     default: any;
                 };
                 optionEndIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
                 valueToCopy: {
@@ -16593,7 +17118,7 @@ declare const _default: {
                     default: any;
                 };
                 optionIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
                 optionEndIconKey: {
@@ -16601,7 +17126,7 @@ declare const _default: {
                     default: any;
                 };
                 optionEndIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
                 valueToCopy: {
@@ -16637,9 +17162,9 @@ declare const _default: {
                 optionNameKey: string;
                 optionIconKey: string;
                 optionImageKey: string;
-                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 optionEndIconKey: string;
-                optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 valueToCopy: string;
                 selectedOption: any;
                 brandIconType: "android" | "ios";
@@ -16727,7 +17252,7 @@ declare const _default: {
                 default: any;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
             optionEndIconKey: {
@@ -16735,7 +17260,7 @@ declare const _default: {
                 default: any;
             };
             optionEndIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
             valueToCopy: {
@@ -16821,7 +17346,7 @@ declare const _default: {
             default: any;
         };
         optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
         optionEndIconKey: {
@@ -16829,7 +17354,7 @@ declare const _default: {
             default: any;
         };
         optionEndIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
         valueToCopy: {
@@ -16865,9 +17390,9 @@ declare const _default: {
         optionNameKey: string;
         optionIconKey: string;
         optionImageKey: string;
-        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         optionEndIconKey: string;
-        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         valueToCopy: string;
         selectedOption: any;
         brandIconType: "android" | "ios";
@@ -16901,7 +17426,7 @@ declare const _default: {
                 optionNameKey: string;
                 optionIconKey: string;
                 optionImageKey: string;
-                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 selectedOption: any;
                 showFeedbackIcon: boolean;
                 brandIconType: "android" | "ios";
@@ -16987,7 +17512,7 @@ declare const _default: {
                     default: any;
                 };
                 optionIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
                 selectedOption: {
@@ -17106,7 +17631,7 @@ declare const _default: {
                     default: any;
                 };
                 optionIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
                 selectedOption: {
@@ -17152,7 +17677,7 @@ declare const _default: {
                 optionNameKey: string;
                 optionIconKey: string;
                 optionImageKey: string;
-                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 selectedOption: any;
                 showFeedbackIcon: boolean;
                 brandIconType: "android" | "ios";
@@ -17258,7 +17783,7 @@ declare const _default: {
                 default: any;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
             selectedOption: {
@@ -17367,7 +17892,7 @@ declare const _default: {
             default: any;
         };
         optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
         selectedOption: {
@@ -17413,7 +17938,7 @@ declare const _default: {
         optionNameKey: string;
         optionIconKey: string;
         optionImageKey: string;
-        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         selectedOption: any;
         showFeedbackIcon: boolean;
         brandIconType: "android" | "ios";
@@ -17443,9 +17968,9 @@ declare const _default: {
                 optionNameKey: string;
                 optionIconKey: string;
                 optionImageKey: string;
-                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 optionEndIconKey: string;
-                optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 valueToCopy: string;
                 selectedOption: any;
                 brandIconType: "android" | "ios";
@@ -17513,7 +18038,7 @@ declare const _default: {
                     default: any;
                 };
                 optionIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
                 optionEndIconKey: {
@@ -17521,7 +18046,7 @@ declare const _default: {
                     default: any;
                 };
                 optionEndIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
                 valueToCopy: {
@@ -17617,7 +18142,7 @@ declare const _default: {
                     default: any;
                 };
                 optionIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
                 optionEndIconKey: {
@@ -17625,7 +18150,7 @@ declare const _default: {
                     default: any;
                 };
                 optionEndIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
                 valueToCopy: {
@@ -17661,9 +18186,9 @@ declare const _default: {
                 optionNameKey: string;
                 optionIconKey: string;
                 optionImageKey: string;
-                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 optionEndIconKey: string;
-                optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 valueToCopy: string;
                 selectedOption: any;
                 brandIconType: "android" | "ios";
@@ -17751,7 +18276,7 @@ declare const _default: {
                 default: any;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
             optionEndIconKey: {
@@ -17759,7 +18284,7 @@ declare const _default: {
                 default: any;
             };
             optionEndIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
             valueToCopy: {
@@ -17845,7 +18370,7 @@ declare const _default: {
             default: any;
         };
         optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
         optionEndIconKey: {
@@ -17853,7 +18378,7 @@ declare const _default: {
             default: any;
         };
         optionEndIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
         valueToCopy: {
@@ -17889,9 +18414,9 @@ declare const _default: {
         optionNameKey: string;
         optionIconKey: string;
         optionImageKey: string;
-        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         optionEndIconKey: string;
-        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         valueToCopy: string;
         selectedOption: any;
         brandIconType: "android" | "ios";
@@ -17909,14 +18434,16 @@ declare const _default: {
                 option: any;
                 disabled: boolean;
                 active: boolean;
-                endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 isIndeterminate: boolean;
                 subtitle: string;
                 selectAllOption: boolean;
                 nameKey: string;
                 imageKey: string;
                 iconKey: string;
-                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 endIconKey: string;
                 toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -17933,9 +18460,17 @@ declare const _default: {
                     default: any;
                 };
                 endIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    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;
@@ -17961,7 +18496,7 @@ declare const _default: {
                     default: any;
                 };
                 iconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
                 endIconKey: {
@@ -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;
             };
@@ -18003,9 +18538,17 @@ declare const _default: {
                     default: any;
                 };
                 endIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    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;
@@ -18031,7 +18574,7 @@ declare const _default: {
                     default: any;
                 };
                 iconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
                 endIconKey: {
@@ -18049,14 +18592,16 @@ declare const _default: {
                 option: any;
                 disabled: boolean;
                 active: boolean;
-                endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 isIndeterminate: boolean;
                 subtitle: string;
                 selectAllOption: boolean;
                 nameKey: string;
                 imageKey: string;
                 iconKey: string;
-                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 endIconKey: string;
                 toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
             }, {}, string> & {
@@ -18093,9 +18638,17 @@ declare const _default: {
                 default: any;
             };
             endIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                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;
@@ -18121,7 +18674,7 @@ declare const _default: {
                 default: any;
             };
             iconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
             endIconKey: {
@@ -18153,9 +18706,17 @@ declare const _default: {
             default: any;
         };
         endIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            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;
@@ -18181,7 +18742,7 @@ declare const _default: {
             default: any;
         };
         iconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
         endIconKey: {
@@ -18199,14 +18760,16 @@ declare const _default: {
         option: any;
         disabled: boolean;
         active: boolean;
-        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionTwoLinesVariant: "horizontal" | "vertical";
+        optionTwoLinesKey: string;
         isIndeterminate: boolean;
         subtitle: string;
         selectAllOption: boolean;
         nameKey: string;
         imageKey: string;
         iconKey: string;
-        iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         endIconKey: string;
         toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -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;
@@ -18369,17 +18932,23 @@ declare const _default: {
                 optionNameKey: string;
                 optionIconKey: string;
                 optionImageKey: string;
-                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 optionEndIconKey: string;
-                optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                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;
@@ -18543,7 +19108,7 @@ declare const _default: {
                     default: string;
                 };
                 optionIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
                 optionEndIconKey: {
@@ -18551,7 +19116,7 @@ declare const _default: {
                     default: string;
                 };
                 optionEndIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
                 valueToCopy: {
@@ -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;
@@ -18769,7 +19342,7 @@ declare const _default: {
                     default: string;
                 };
                 optionIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
                 optionEndIconKey: {
@@ -18777,7 +19350,7 @@ declare const _default: {
                     default: string;
                 };
                 optionEndIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: any;
                 };
                 valueToCopy: {
@@ -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;
@@ -18867,11 +19448,13 @@ declare const _default: {
                 optionNameKey: string;
                 optionIconKey: string;
                 optionImageKey: string;
-                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 optionEndIconKey: string;
-                optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                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;
@@ -19061,7 +19644,7 @@ declare const _default: {
                 default: string;
             };
             optionIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
             optionEndIconKey: {
@@ -19069,7 +19652,7 @@ declare const _default: {
                 default: string;
             };
             optionEndIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: any;
             };
             valueToCopy: {
@@ -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;
@@ -19280,7 +19871,7 @@ declare const _default: {
             default: string;
         };
         optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
         optionEndIconKey: {
@@ -19288,7 +19879,7 @@ declare const _default: {
             default: string;
         };
         optionEndIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
         valueToCopy: {
@@ -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;
@@ -19378,11 +19977,13 @@ declare const _default: {
         optionNameKey: string;
         optionIconKey: string;
         optionImageKey: string;
-        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         optionEndIconKey: string;
-        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        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";
@@ -19436,7 +20037,7 @@ declare const _default: {
             default: any;
         };
         startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
         hideEndIcon: {
@@ -19471,7 +20072,7 @@ declare const _default: {
             default: any;
         };
         startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
         hideEndIcon: {
@@ -19486,7 +20087,7 @@ declare const _default: {
         open: boolean;
         testId: string;
         startIconName: string;
-        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         hideEndIcon: boolean;
     }> | import("vue").DefineComponent<{
         disabled: {
@@ -19537,7 +20138,7 @@ declare const _default: {
             default: string;
         };
         optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
         optionEndIconKey: {
@@ -19545,7 +20146,7 @@ declare const _default: {
             default: string;
         };
         optionEndIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
         valueToCopy: {
@@ -19612,7 +20213,7 @@ declare const _default: {
             default: string;
         };
         optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
         optionEndIconKey: {
@@ -19620,7 +20221,7 @@ declare const _default: {
             default: string;
         };
         optionEndIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
         valueToCopy: {
@@ -19648,9 +20249,9 @@ declare const _default: {
         optionNameKey: string;
         optionIconKey: string;
         optionImageKey: string;
-        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         optionEndIconKey: string;
-        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         valueToCopy: string;
         disabledOptionKey: string;
         optionChildrenKey: string;
@@ -19663,14 +20264,16 @@ declare const _default: {
                 option: any;
                 disabled: boolean;
                 active: boolean;
-                endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 isIndeterminate: boolean;
                 subtitle: string;
                 selectAllOption: boolean;
                 nameKey: string;
                 imageKey: string;
                 iconKey: string;
-                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 endIconKey: string;
                 toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
@@ -19687,9 +20290,17 @@ declare const _default: {
                     default: any;
                 };
                 endIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    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;
@@ -19715,7 +20326,7 @@ declare const _default: {
                     default: any;
                 };
                 iconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
                 endIconKey: {
@@ -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;
             };
@@ -19757,9 +20368,17 @@ declare const _default: {
                     default: any;
                 };
                 endIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    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;
@@ -19785,7 +20404,7 @@ declare const _default: {
                     default: any;
                 };
                 iconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
                 endIconKey: {
@@ -19803,14 +20422,16 @@ declare const _default: {
                 option: any;
                 disabled: boolean;
                 active: boolean;
-                endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                optionTwoLinesVariant: "horizontal" | "vertical";
+                optionTwoLinesKey: string;
                 isIndeterminate: boolean;
                 subtitle: string;
                 selectAllOption: boolean;
                 nameKey: string;
                 imageKey: string;
                 iconKey: string;
-                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 endIconKey: string;
                 toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
             }, {}, string> & {
@@ -19847,9 +20468,17 @@ declare const _default: {
                 default: any;
             };
             endIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                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;
@@ -19875,7 +20504,7 @@ declare const _default: {
                 default: any;
             };
             iconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
             endIconKey: {
@@ -19907,9 +20536,17 @@ declare const _default: {
             default: any;
         };
         endIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            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;
@@ -19935,7 +20572,7 @@ declare const _default: {
             default: any;
         };
         iconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
         endIconKey: {
@@ -19953,14 +20590,16 @@ declare const _default: {
         option: any;
         disabled: boolean;
         active: boolean;
-        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        optionTwoLinesVariant: "horizontal" | "vertical";
+        optionTwoLinesKey: string;
         isIndeterminate: boolean;
         subtitle: string;
         selectAllOption: boolean;
         nameKey: string;
         imageKey: string;
         iconKey: string;
-        iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        iconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         endIconKey: string;
         toolTipPlacement: "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end";
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -20020,7 +20659,7 @@ declare const _default: {
             default: string;
         };
         optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
         optionEndIconKey: {
@@ -20028,7 +20667,7 @@ declare const _default: {
             default: string;
         };
         optionEndIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
         valueToCopy: {
@@ -20095,7 +20734,7 @@ declare const _default: {
             default: string;
         };
         optionIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
         optionEndIconKey: {
@@ -20103,7 +20742,7 @@ declare const _default: {
             default: string;
         };
         optionEndIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: any;
         };
         valueToCopy: {
@@ -20131,9 +20770,9 @@ declare const _default: {
         optionNameKey: string;
         optionIconKey: string;
         optionImageKey: string;
-        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         optionEndIconKey: string;
-        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         valueToCopy: string;
         disabledOptionKey: string;
         optionChildrenKey: string;
@@ -20252,8 +20891,8 @@ declare const _default: {
                 testId: string;
                 startIconName: string;
                 endIconName: string;
-                startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
-                endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 variant: {
                     type: import("vue").PropType<"text" | "contained" | "outlined">;
@@ -20292,11 +20931,11 @@ declare const _default: {
                     default: any;
                 };
                 startIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
                 endIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
             }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "disabled" | "color" | "size" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">;
@@ -20351,11 +20990,11 @@ declare const _default: {
                     default: any;
                 };
                 startIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
                 endIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
@@ -20368,8 +21007,8 @@ declare const _default: {
                 testId: string;
                 startIconName: string;
                 endIconName: string;
-                startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
-                endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -20428,11 +21067,11 @@ declare const _default: {
                 default: any;
             };
             startIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
             endIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
         }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -20477,11 +21116,11 @@ declare const _default: {
             default: any;
         };
         startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
         endIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
@@ -20494,8 +21133,8 @@ declare const _default: {
         testId: string;
         startIconName: string;
         endIconName: string;
-        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
-        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -20507,7 +21146,7 @@ declare const _default: {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
-                type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 variant: "default" | "outlined";
                 disabled: boolean;
                 color: "default" | "primary" | "error";
@@ -20516,7 +21155,7 @@ declare const _default: {
                 iconName: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 type: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
                 variant: {
@@ -20559,7 +21198,7 @@ declare const _default: {
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 type: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
                 variant: {
@@ -20587,7 +21226,7 @@ declare const _default: {
                     default: string;
                 };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-                type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 variant: "default" | "outlined";
                 disabled: boolean;
                 color: "default" | "primary" | "error";
@@ -20616,7 +21255,7 @@ declare const _default: {
             $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<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
             variant: {
@@ -20649,7 +21288,7 @@ declare const _default: {
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         type: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
         variant: {
@@ -20677,7 +21316,7 @@ declare const _default: {
             default: string;
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         variant: "default" | "outlined";
         disabled: boolean;
         color: "default" | "primary" | "error";
@@ -20703,8 +21342,8 @@ declare const _default: {
                 testId: string;
                 startIconName: string;
                 endIconName: string;
-                startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
-                endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 variant: {
                     type: import("vue").PropType<"text" | "contained" | "outlined">;
@@ -20743,11 +21382,11 @@ declare const _default: {
                     default: any;
                 };
                 startIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
                 endIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
             }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "disabled" | "color" | "size" | "content" | "loading" | "testId" | "startIconName" | "endIconName" | "startIconType" | "endIconType">;
@@ -20802,11 +21441,11 @@ declare const _default: {
                     default: any;
                 };
                 startIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
                 endIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
@@ -20819,8 +21458,8 @@ declare const _default: {
                 testId: string;
                 startIconName: string;
                 endIconName: string;
-                startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
-                endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+                endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -20879,11 +21518,11 @@ declare const _default: {
                 default: any;
             };
             startIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
             endIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
         }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -20928,11 +21567,11 @@ declare const _default: {
             default: any;
         };
         startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
         endIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
@@ -20945,8 +21584,8 @@ declare const _default: {
         testId: string;
         startIconName: string;
         endIconName: string;
-        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
-        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
+        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -20957,7 +21596,7 @@ declare const _default: {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
-                type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 variant: "default" | "outlined";
                 disabled: boolean;
                 color: "default" | "primary" | "error";
@@ -20966,7 +21605,7 @@ declare const _default: {
                 iconName: string;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 type: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
                 variant: {
@@ -21009,7 +21648,7 @@ declare const _default: {
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 type: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                     default: string;
                 };
                 variant: {
@@ -21037,7 +21676,7 @@ declare const _default: {
                     default: string;
                 };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-                type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+                type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
                 variant: "default" | "outlined";
                 disabled: boolean;
                 color: "default" | "primary" | "error";
@@ -21066,7 +21705,7 @@ declare const _default: {
             $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<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
                 default: string;
             };
             variant: {
@@ -21099,7 +21738,7 @@ declare const _default: {
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         type: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat">;
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
             default: string;
         };
         variant: {
@@ -21127,7 +21766,7 @@ declare const _default: {
             default: string;
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat";
+        type: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
         variant: "default" | "outlined";
         disabled: boolean;
         color: "default" | "primary" | "error";